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

Color azul:    #00366F;
Azul oscuro:   #001D3D;
Color naranja: #EA5400;
Color verde:   #9C0;
Verde oscuro:  #565000;

*/

html {
	background: url(img/bg_html.png) center repeat;
}

	body {
		background: #FFF url(img/bg_body-blue.png) top center repeat-x;
		font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
		color: #333333;
		font-size: 13px;
		margin: 0;
		padding: 0;
		}
		body.green {
			background: #FFF url(img/bg_body-green.png) top center repeat-x;
		}
			body.green h2, body.green h4 {
				color: #565000;
			}
		body.black {
			background: #FFF url(img/bg_body-black.png) top center repeat-x;
		}
			body.black h2, body.black h4 {
				color: #333;
			}
		body.orange {
			background: #FFF url(img/bg_body-orange.png) top center repeat-x;
		}
			body.orange h2, body.orange h4 {
				color: #EA5400;
			}
 
/*///////////////////////////////////////////////////////////////////////////*/

		#head {
			height: 60px;
			padding: 0;
		}
			#head h1 {
				margin: 0;
				padding: 10px 0 0 0;
				float: left;
			}
				#head h1 a {
					display: block;
					width: 210px;
					height: 45px;
					background: url(img/logo.png);
					text-indent: -9999px;
					outline: 0;
				}
				
				#head ul {
					float: right;
					margin: 0;
					padding: 0;
					list-style: none;
					height: 60px;
					*width: 700px;
				}
					#head ul li {
						float: left;
						margin: 0;
						padding: 0;
						height: 60px;
						display: inline;
						width: auto;
					}
						#head ul li a {
							display: block;
							float: left;
							height: 60px;
							padding: 0 0 0 10px;
							line-height: 60px;
							color: #333;
							text-shadow: 0 1px 0 #FFF;
							text-decoration: none;
						}
							#head ul li a:hover {
								color: #EA5400;
							}
							#head ul li a span {
								display: block;
								padding: 0 10px 0 0;
							}
							#head ul li.active a {
								background: url(img/bg_btn-left.png) left no-repeat;
								color: #000;
							}
								#head ul li.active a span {
									background: transparent url(img/bg_btn-right.png) top right no-repeat;
								}
						
						#head ul li a#btn_home {
							width: 19px;
							height: 19px;
							margin: 20px 0 0 0;
							*margin: 20px 10px 0 0;
							background: url(img/icon_home.png) top right no-repeat;
						}
							#head ul li a#btn_home:hover, #head ul li.active a#btn_home {
								background-position: bottom right;
							}
							#head ul li a#btn_home span {
								display: none;
							}
						#head ul li a#btn_noso {
							width: 19px;
							height: 19px;
							margin: 20px 0 0 0;
							*margin: 20px 10px 0 0;
							background: url(img/icon_noso.png) top right no-repeat;
						}
							#head ul li a#btn_noso:hover, #head ul li.active a#btn_noso {
								background-position: bottom right;
							}
							#head ul li a#btn_noso span {
								display: none;
							}
						#head ul li a#btn_cont {
							width: 19px;
							height: 19px;
							margin: 20px 10px 0 0;
							background: url(img/icon_cont.png) top right no-repeat;
						}
							#head ul li a#btn_cont:hover, #head ul li.active a#btn_cont {
								background-position: bottom right;
							}
							#head ul li a#btn_cont span {
								display: none;
							}
				
/*///////////////////////////////////////////////////////////////////////////*/

	#prom {
		height: 160px;
		margin: 0 0 30px 0;
	}
				
/*///////////////////////////////////////////////////////////////////////////*/

.col2{width:142px;float:left;margin:0 20px 20px 0}
.col3{width:223px;float:left;margin:0 20px 20px 0}
.col4{width:304px;float:left;margin:0 20px 20px 0}
.col5{width:385px;float:left;margin:0 20px 20px 0}
.col6{width:466px;float:left;margin:0 20px 20px 0}
.col7{width:547px;float:left;margin:0 20px 20px 0}
.col8{width:628px;float:left;margin:0 20px 20px 0}
.col9{width:709px;float:left;margin:0 20px 20px 0}
.col10{width:790px;float:left;margin:0 20px 20px 0}
.colr{float:right;margin:0}

/*///////////////////////////////////////////////////////////////////////////*/

	#main {
	}
	
	h2 {
		margin: 0 0 32px 0;
		font-weight: normal;
		font-size: 32px;
		line-height: 32px;
		color: #00366F;
	}
	h3 {
		margin: 0 0 24px 0;
		font-weight: normal;
		font-size: 24px;
		line-height: 24px;
	}
	h4 {
		margin: 0 0 18px 0;
		font-weight: normal;
		font-size: 18px;
		line-height: 18px;
	}
	p {
		margin: 0 0 20px 0;
	}
	a {
		color: #001D3D;
		text-decoration: none;
	}
		a:hover {
			color: #00366F;
			text-decoration: underline;
		}
	
	.division {
		padding: 20px 0;
		background: url(img/bg_division.png) top center no-repeat;
	}
	
	.box {
		border: 1px solid #CCC;
		border-radius: 8px;
		-moz-border-radius: 8px;
		-webkit-border-radius: 8px;
		padding: 20px 20px 1px 20px;
		margin-bottom: 20px;
		background: #EBEBEB url(img/bg_box-gray.png) top left repeat-x;
	}
		.box-orange {
			background: #FCEDE5 url(img/bg_box-orange.png) top left repeat-x;
		}
		.box-blue {
			background: #E5EBF0 url(img/bg_box-blue.png) top left repeat-x;
		}
		.box-yell {
			background: #FFFFF5 url(img/bg_box-yell.png) top left repeat-x;
		}
		.box-green {
			background:#EEEDE5 url(img/bg_box-green.png) top left repeat-x;
		}
		
		.box ul {
			margin: 0 0 20px 0;
			padding: 0;
			list-style: none;
		}
			.box ul li {
				margin: 0;
				padding: 0;
				border-top: 1px solid #FFF;
				border-bottom: 1px solid #EBEBEB;
			}
				.box ul li a {
					display: block;
					padding: 0;
					line-height: 24px;
					color: #666;
					text-decoration: none;
				}
				.box ul li a:hover {
					color: #E55200;
				}

		
	.side {
		padding: 20px;
		background: url(img/bg_side.png) top left no-repeat;
	}
		.side ul {
			margin: 0 0 20px 0;
			padding: 0;
			list-style: none;
		}
			.side ul li {
				margin: 0;
				padding: 0;
				border-top: 1px solid #FFF;
				border-bottom: 1px solid #EBEBEB;
			}
				.side ul li a {
					display: block;
					padding: 0 0 0 10px;
					line-height: 24px;
					color: #666;
					text-decoration: none;
					background: url(img/bg_li-side.png) left center no-repeat;
				}
				.side ul li a:hover {
					color: #000;
				}
				.side ul li.current a {
					color: #000;
					font-weight: bold;
				}
				
				body.green .side ul li a:hover {
					color: #435900;
				}
				body.green .side ul li.current a {
					color: #435900;
				}
				
				body.blue .side ul li a:hover {
					color: #00346A;
				}
				body.blue .side ul li.current a {
					color: #00346A;
				}
				
				body.orange .side ul li a:hover {
					color: #F60;
				}
				body.orange .side ul li.current a {
					color: #F60;
				}

/*///////////////////////////////////////////////////////////////////////////*/

	.port {
		float: left;
		width: 304px;
		height: 290px;
		background:  #FFF;
		margin: 0 20px 20px 0;
	}
		.portr {
			float: right;
			margin: 0 0 20px 0;
		}
		.port h4 {
			margin: 0;
			padding: 0 0 3px 0;
		}
		.port img {
			width: 294px;
			height: 220px;
			padding: 4px;
			border: 1px solid #CCC;	
		}
			.port a:hover img {
				background: #CCC;
			}
		.port p {
			margin: 0;
			padding: 3px 0;
		}
		
	.port_detail {
		width: 790px;
		margin: 0 auto;
	}
		.port_detail img {
			width: 782px;
			height: 586px;
			margin: 0 0 20px 0;
			padding: 4px;
			border: 1px solid #CCC;
		}
			.port_detail a:hover img {
				background: #CCC;
			}

/*///////////////////////////////////////////////////////////////////////////*/

	#foot {
		background: transparent url(img/bg_foot.png) top center repeat-x;
		padding: 20px 0 0 0;
		}
		#foot div {
			margin: 0 auto;
			width: 952px;
			text-align: left;
		}

		#foot a {
			color: #00366F;
			text-decoration: none;
			text-shadow: 0 1px 0 #FFF;
			}
			#foot a:hover {
				text-decoration: underline;
				}