/*
	Cliente  : Autoritat portuaria 
	Fecha    : Julio - 2008 			  

*/

/* -------- L4Y0U7 -------- */

body  {
	font-family:Arial, sans-serif;
	text-align: center; 
	color: #000;
	font-size:100%;
}

#contenedor{ 
	width: 980px; 
	margin: 0 auto;
	text-align: left;
}


#logo{
	
}

#nav{
	background-color:#F1EEEA;
	height:362px;
	margin-top:12px;
	padding:5px 0 0 5px;
	width:173px;
}

	ul#navMenu{
		height:410px;
	}


#contenido{
	width:inherit;
	margin-top:15px;
	
}

	#sideBar{
		float:left;
		margin-right:21px;
		width:178px;
	}
	
	#main{
		background-color:#b6def0;
		float:left;
		width:767px;
		height:589px;
		margin-top:3px;
	}
	
	body.estadosFinancieros #main{background-color:#feefe2;}
	body.tecnicas #main{background-color:#fbe5e1;}
	body.obrasParticulares #main{background-color:#d9edf6;}
	body.estadisticas #main{background-color:#d9f4e5;}
	body.utilizacion #main{background-color:#fdf3d9;}
	body.obras #main{background-color:#f4eef5;}
	body.lineas #main{background-color:#fcf6d9;}
	body.empresas #main{background-color:#d9f3f6;}
	body.imagenes #main{background-color:#f2f4d9;}
	

#pie{
	clear:both;
	margin-top:22px;
	
}
	

/* -------- N4V3G4D0R -------- */	
	

#nav ul {
	margin-left:7px;
	list-style:none;
}
	
#nav a {
	color:#000000;
	display:block;
	font-size:12px;
	height:100%;
	padding:8px 0;
	text-align:left;
	width:164px;
}



#nav a:hover, #nav a.select, #nav a.visited  {
	font-weight:bold;
	/*border-bottom:1px #67726b solid;*/
}	

#subnav_columna	a:hover, #subnav_columna a.select {
	/*color:#00638f;
	border-bottom:1px #00638f solid;*/
}	

#subnav{
	height:590px;
	padding:0;
	position:relative;
}

#subnav span{
	position:absolute;
	top:160px;
	left:21px;
	font-size:24px;
	color:#fff;
}


	body.obrasParticulares #subnav span{top:78px;}
	body.tecnicas #subnav span,
	body.estadisticas #subnav span,
	body.utilizacion #subnav span,
	body.lineas #subnav span,
	body.empresas #subnav span,
	body.imagenes #subnav span{top:134px;}


#subnav img{
	margin-left:-1px;
}
	
#subnav_columna{ margin-top:0;}
	
/* -------- F0RM470 -------- */

h3{
	font-size:11px;
	font-weight:bold;
}




.info {
	background-position:10px 20px;
	background-repeat:no-repeat;
	clear:both;
	margin-left:7px;
	padding:21px 10px 15px 50px;
	position:absolute;
	top:522px;
}
.pdf {
	font-size: 12px;
	color: #00638f;
}

a.pdfLink{
	font-size:10px !important;
	font-weight:normal;
}

.info {
    background-image:url("../img/info.gif");
}
.info a:visited {
	font-size: 12px;
	color: #00529B;
}
a:visited {
	text-decoration: none;
}



#subnav ul{ 
	margin-top:26px;
	padding-left:21px;
	width:400px;
}

#subnav ul, ul#subnav_columna{
	/*list-style-image:url(../img/bullet.gif);
	list-style-position:outside;*/
}

#subnav ul li{
	font-size:15px;
	font-weight:bold;
	margin-bottom:12px;
	padding-left:3px;	
}

#subnav ul li a:link, ul#subnav_columna li a:link{color:#000; font-size:80%; border:none;}
#subnav ul li a:visited, ul#subnav_columna li a:visited{color:#000; font-size:80%;border:none;}
#subnav ul li a:hover, ul#subnav_columna li a:hover{ text-decoration:underline; border:none;}
#subnav ul li a:active, ul#subnav_columna li a:active{text-decoration:underline; border:none;} 

#subnav h3 a:link {color:#000000;text-decoration:underline;}
#subnav h3 a:visited {color:#6699cc; font-size:12px;border:none;}
#subnav h3 a:hover { text-decoration:underline; border:none;}
#subnav h3 a:active { text-decoration:underline; border:none;}


ul#subnav_columna li a.select{color:#00638f; font-weight:bold;/*border-bottom:1px #00638f solid;*/}

/* -------- N0 30RR4R -------- */

.clearfix:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

.clearfix {display: inline-block;}
* html .clearfix {height: 1%;}
.clearfix {display: block;}