@charset "utf-8";
/* CSS Document */

/*
By Herreman David
http://www.free-css-templates.com
*/

body {
	background: #a7d4f4 url(../images/images_vigo/bg2.gif) repeat-x;
	color: #F1F1F1;
	padding: 0;
	margin: 0;
	font: 0.7em Tahoma;
	line-height: 1.5em;
}
a {
	color: #46574D;
	background: inherit;
}
a:hover {
	color: #647B6D;
	background: inherit;
}
h1 {
	font: bold 2em;
	letter-spacing: -1px;
	padding: 16px 0 0 8px;
	margin: 0;
}
h2 {
	margin: 0;
	padding: 0;
	font: normal 1.6em Tahoma;
	letter-spacing: -1px;
}
h1 a {
	color: #46574D;
	background: inherit;
}
h1 a, h2 a {
	text-decoration: none;
}
h1 a:hover, h2 a:hover {
	color: #BFE1ED;
	background: inherit;
}
h3 {
	font: 90% Tahoma;
	margin: 0 0 10px 0;
	padding: 0;
	color: #46574D;
	background: #FFF;
}
p {
	margin: 0 0 0px 0;
	line-height: 1.5em;
}
form {
	margin: 0;
}
input.search {
	width: 122px;
	height: 15px;
	border: 1px dotted #557da6;
	background: #FFF;
	padding: 3px;
	color: #616161;
}
input.submit {
	width: 28px;
	height: 20px;
	font-weight: bold;
	border: none;
	background: #557da6;
	padding: 3px;
	color: #616161;
}
.content {
	margin: 0 auto;
	padding: 0px;
	color: #000;
	position:inherit;
}
.header {
	color: #000;
	width: 100%;
	height: 102px;
	margin: 0;
	padding: 0;
	background:url(../images/images_vigo/banner_vigo.gif) no-repeat;
}
.hearder .leftside {
	width: 350px;
	float: left;
}
.header h1 {
	padding: 30px 0 0 10px;
	color: #4668a6;
	font: bold 1.9em Tahoma;
}
.header h2 {
	padding: 0;
	color: #333;
	font: bold 1.3em Tahoma;
}
.header .searchf {
	float: right;
	margin-left: 0px;
	margin-top: 86px;
	clear: both;
}
.searchpad {
	padding-top: 15px;
}
#lnews {
	padding: 15px;
	color: #555;
	width: 800px;
	height: 90px;
	font: 1.3em Tahoma;
	margin: 0 auto;
}
#lnews h2 {
	font: bold 1.4em Tahoma;
	color: #FFCF83;
}
#lnews a {
	color: #FFCF83;
	text-decoration: none;
}
#lnews a:hover {
	color: #FFDF83;
	text-decoration: underline;
}
#nav1 {
	margin:0px 0 0 0px;
	width: 100%;
	height: 28px;
	font: bold 1.2em Tahoma;
	background:#064a7b;
	border-top:#064a7b 2px solid; /*จัดให้ FF เขา*/
}
#nav {
	margin: 30px 0 0 50px;
	width: 800px;
	height: 28px;
}
#nav ul {
	margin:0;
	list-style:none;
	padding: 0;
}
#nav a, #nav strong, #nav span {
	display:block;
	font: bold 1.2em Tahoma;
	color:#555;
	padding: 5px 10px 5px 10px;
	text-decoration:none;
	font-weight: bold;
}
#nav a {
	float:none;
	background: #F7F7F7;
}
#nav li {
	float:left;
	color: #FFF;
	margin:0;
	padding:0 0 0 0px;
	border-right:#EDEDED solid 1px;
}
#nav #current a {
	float:left;
	color:#FFF;
	background:#fbf2b8;
}
#nav a:hover {
	float:left;
	color:#FFF;
	background:#557da6;
}
#nav .padding {
	padding: 5px 0 0 10px;
	font-weight: bold;
}
#bottomb {
	clear: both;
	width: 100%;
	background: #064a7b;
	border-top:#fbf2b8 1px solid;
	margin:20px 0 0 0;
	font: 1.1em Tahoma;
}
#bottomb .padding {
	width: 800px;
	margin: 0 auto;
	padding: 30px 40px 10px 60px;
}
#bottomb ul {
	margin:0;
	list-style:none;
	padding: 0;
}
#bottomb li {
	margin: 5px 0 5px 0px;
	padding: 0px 0 3px 0px;
	border-bottom: 1px dotted #567286;
	list-style: none;
}
#bottomb li a {
	color: #a9cbe3;
	text-decoration: none;
	padding: 5px 0 0 0;
	display: block;
	margin-bottom: 2px;
}
#bottomb li a:hover {
	color: #FFF;
	text-decoration: none;
	display: block;
	margin-bottom: 2px;
	padding-left:2px;
}
#bottomb h2 {
	padding: 5px 0 5px 0;
	color: #7fa3bd;
	font: bold 1.4em Tahoma;
}
#bottomb .rights {
	float: right;
	width: 200px;
	z-index: 1;
	width: 200px;
}
#bottomb .bottomc {
	width: 200px;
	margin: 0 auto;
	z-index: 2;
	float: center;
}
#bottomb .bottomd {
	width: 200px;
	margin: 0px;
	z-index: 3;
	float: left;
}
.imgd {
	border: 1px solid #ccc;
	padding: 5px;
}
.main_content {
	margin: 0 auto;
	margin-top: 10px;
	width: 900px;
	background:#a7d4f4;
}
.sd_left2 {
	float: left;
	color: #555;
	margin: 0 0 0px 5px;
	padding: 0px 20px 0px 12px;
	width:616px; /*Default 660 */
	font: 1.3em Tahoma;
}
.sd_left {
	float: left;
	color: #225477;
	margin: 0 0 0px 5px;
	padding: 0px 20px 0px 12px;
	width:856px; /*Default 660 */
	font: 1.3em Tahoma;
}
.sd_left hr {  clear:both; width:100%; size:1px; color:#dbe9ff}
.sd_left .menu-l {
	float:right;
	width:340px;
	border:#FFF solid 1px;
	padding:5px;
	background:#e6f5ff
}
.sd_left p {
	margin:10px 0;
}
.sd_left .text_blue {
	color:#2c6fb3;
}
.sd_left .text_hardblue {
	color:#1e4b6c;
}
.sd_left img {
	background:#FFF;
	padding:5px;
	margin:5px;
}
.sd_left table img { border:none; background:none; padding:0; margin:0;}
.sd_left ul {
	padding:0;
	margin:0;
	float:left;
}
.sd_left li img {
	border:#333 solid 1px;
	background:#FFF;
	padding:3px;
	margin:3px;
}
.sd_left li {
	padding:3px 2px 10px 2px;
	line-height:16px;
	color:#162733;
}
.sd_left strong {
	color:#2b4772;
	font-weight:bold;
	font-size:1.1em
}
.sd_left .box {
	width:400px;
	float:left;
	padding:10px 5px;
	margin:0px;
}
.sd_right {
	clear:both;
	float: right;
	color: #000;
	margin: 0 5px 0 0;
	padding: 5px 3px 5px 10px;
	width: 220px;
	font: 1.2em Tahoma;
	border-left:#E8E8E8 dashed 1px;
}
.sd_right a, a:visited {
	text-decoration:none;
	color:#2d5c8f;
}
.sd_right a:hover {
	text-decoration:underline;
	color:#1e76d7;
}
.sd_right img {
	padding:5px;
	margin:5px;
	background:#FFF;
	border: #E8E8E8 solid 1px;
}
.text_padding {
	padding: 15px 0 0 0;
	text-align:justify;
}
.text_padding table {
	width:100%;
}
.text_padding table td {
	padding:5px;
	border-bottom:#E7E7E7 solid 1px;
	border-left:#E7E7E7 solid 1px;
}
.main_content h1 {
	color:#08436d;
	font: bold 1.6em Tahoma;
	padding:5px;
}
.main_content h2 {
	padding: 5px 0 5px 0;
	color: #407fac;
	font: bold 1.4em Tahoma;
}
.main_content h3 {
	font-size:1.4em;
	color:#7b93ac;
	font-weight:bold;
	background: none;
}
.main_content h4 {
	font-size:1.2em;
	color:#394965;
	font-weight: bold;
}
.date {
	color: #46574D;
	text-align: right;
	margin: 10px 0 5px 0;
	padding: 5px 2px;
	border-top: 1px solid #ECECEC;
	font-size:0.9em;
}
.date img {
	vertical-align: middle;
}
input.button {
	background: #FFFFF4;
	color: #808080;
	border-right: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
}
.comments {
	padding: 10px 10px 8px 10px;
	margin: 0 0 7px 0;
	background: #f8f8f8;
	color: #000;
}
.commentsbox {
	padding: 8px 0 10px 10px;
	margin: 0 0 10px 0;
	background: #f4f4f4;
	color: #000;
}
.error {
	color: #990000;
	background-color: #FFF0F0;
	padding: 7px;
	margin-top: 5px;
	margin-bottom: 10px;
	border: 1px dashed #990000;
}
.error h2 {
	color: #990000;
	background: inherit;
}
.success {
	color: #000000;
	background: #F5FBE1;
	padding: 7px;
	margin-top: 5px;
	margin-bottom: 5px;
	border: 1px dashed #7BA813;
}
.success h2 {
	color: #7BA813;
	background: inherit;
}
.footer {
	background: #356aa0 url(../images/images_vigo/foot.gif) repeat-x top;
	width: 100%;
	color:#eee;
	text-align:center;
	clear:both;
	font: 1.2em Tahoma;
}
.footer .padding {
	padding: 25px 70px 25px 70px;
}
.footer a {
	color:#c4e1ff;
	text-decoration: none;
}
.footer a:hover {
	color:#FFDF83;
	text-decoration: underline;
}
/*กูเพิ่ม*/
#tbl-status {
	font-size:0.8em;
}
#tbl-status a:link, #tbl-status a:visited {
	font-size:0.9em;
	text-decoration:none;
	padding:0px 8px 0px 8px;
	float:left;
	border:solid 1px #E4E4E4;
}
#tbl-status a:hover {
	color:#FF0000;
}
#tbl-status .active {
	background:#B9B9B9;
	color:#FFF;
	font-weight:bold;
}
/*comment*/
.icomment {
	margin-bottom:10px;
	margin-left:35px;
	padding:10px;
	width:560px
}
.icomment_name {
	margin-bottom:0px;
	padding-bottom:3px;
}
.icomment_date {
	color:#BDBDBD;
	font-size:11px;
	margin-bottom:10px;
	margin-top:0px;
}
.r_category {
	padding:2px 10px 0 0;
	border-bottom: #E9E9E9 dashed 1px;
	margin:5px 0px;
}
.r_banner {
	text-align:center;
	margin:20px 0 0 0;
}
.sub-title {
	float:left;
	padding:10px;
	margin:-48px 0 30px 195px;
	color:#868686;
	overflow:hidden;
}
.clear {
	clear:both;
}
.boximg {
	padding:5px 20px;
	margin:5px 20px;
	float:left
}
.border {
	border:#687ea2 solid 1px;
	padding:5px;
	margin:3px;
	background:#dbe9ff;
}
.hr {
	background:url(../images/images_vigo/hr.gif) no-repeat;
	width:600px;
	height:44px;
	border:  none;
	margin:50px 0 10px 0;
	padding:10px 0 10px 0;
	
}
.tbl-cab {
	width:100%;
	text-align:center;
	border-top:#F0F0F0 solid 1px;
	border-right:#F0F0F0 solid 1px
}
.tbl-cab td {
	border-left:#F0F0F0 solid 1px;
	border-bottom:#F0F0F0 solid 1px;
}
.tbl-cab th {
	font-weight:bold;
	border-left:#F0F0F0 solid 1px;
	border-bottom:#F0F0F0 solid 1px;
	background:#7aa1e0;
}