@import "reset.css";

/* Comunes
--------------------------------------------- */

.clearfix:after,
#contenido:after
{content:".";display:block;height:0;clear:both;visibility:hidden;}

.clearfix,
#contenido
{display:inline-block;}

* html .clearfix,
* html #contenido
{height:1%;}

.clearfix,
#contenido
{display:block;}


body {background:#fff url(../img/bg/bg_body.jpg) repeat-x top left; font-size:62.5%}
body, input, select, textarea {color:#000; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; line-height:1.5}
input, select, textarea {font-size:1em}

a:link {
	color:#000;
	text-decoration:underline}

p {margin:0 0 1.5em}

address {font-style:normal}

li {margin:0 2em 1em; padding:0}
li ul, li ol {margin:0 1.5em}
ul {list-style-type:disc}
ol {list-style-type:lower-alpha}
ol.decimal {list-style-type:decimal}

.destacado-companya {color:#6E2829}
.subrayado {text-decoration:underline}

.accesibilidad {position:absolute; top:-9999px; left:-9999px}

/* Estructura comun
--------------------------------------------- */

body {
	background:transparent url(../img/bg/body-bg.jpg) repeat-x top left}

#contenedor {
	margin:0 auto;
	padding-bottom:20px;
	width:961px}

#cabecera {
	background:transparent url(../img/bg/cabecera-bg.jpg) repeat-x bottom left;
	margin:0 0 4px;
	padding:18px 0 30px}
	
	#cabecera-logo {
		display:block;
		margin:0 0 7px}
		
	#cabecera-banner {display:block}


#contenido {
	background:transparent url(../img/bg/contenido-bg.gif) no-repeat bottom left;
	font-size:1.1em;
	padding:0 0 15px}
	
#contenido-faux-cols {
	background:transparent url(../img/bg/contenido-faux-cols-bg.gif) repeat-y 241px 0;
	float:left;
	min-height:369px;
	width:100%}
	
	#contenido-col-izq {
		float:left;
		width:240px}
		
		
		#nav-ppal {
			background:transparent url(../img/bg/bg-nav-ppal.jpg) repeat-x bottom left;
			list-style:none;
			margin:0;
			padding:0 0 104px;
			width:229px}

		#nav-ppal li {
			margin:0 0 5px
		}
			
		#nav-ppal a, #nav-ppal span {
			color:#555;
			display:block;
			font-weight:bold;
			padding:0 9px 10px 74px;
			text-decoration:none;
			overflow:hidden;
			width:146px}

		#nav-ppal .volver {
			background:transparent url(../img/bg/bg-nav-ppal-volver.jpg) no-repeat top left;
			height:15px;
			padding-top:13px}
	
		#nav-ppal .inversiones {
			background:transparent url(../img/bg/bg-nav-ppal-inversiones.jpg) no-repeat top left;
			height:57px;
			padding-top:15px}
			
		#nav-ppal .seguridad {
			background:transparent url(../img/bg/bg-nav-ppal-seguridad.jpg) no-repeat top left;
			height:57px;
			padding-top:15px}
	
		#nav-ppal .descargas {
			background:transparent url(../img/bg/bg-nav-ppal-descargas.jpg) no-repeat top left;
			height:39px;
			padding-top:33px}

		#nav-ppal .contactar {
			background:transparent url(../img/bg/bg-nav-ppal-contactar.jpg) no-repeat top left;
			height:15px;
			padding-top:13px}
	
		#nav-ppal .actual span, #nav-ppal .actual a { /* incluyo "#nav-ppal .actual a" para contemplar la maquetación del link en descargas-no-proyectos.html */
			background-position:0 -82px;
			color:#fff}



	#contenido-ppal {
		float:right;
		padding:0 0 15px 15px;
		width:700px}
		
	#contenido-ppal-con-scroll {
		float:right;
		height:453px;
		overflow:auto;
		padding:0 0 0 15px;
		width:700px}

	

#pie {
	background:transparent url(../img/bg/bg-pie.jpg) no-repeat top left;
	color:#fff;
	font-size:1.1em;
	height:56px;
	overflow:hidden}
	
	#nav-pie {
		float:left;
		list-style:none;
		margin:18px 0 0;
	}
	#nav-pie li {
		float:left;
		margin:0 0 0 10px}
		
	#nav-pie a {
		color:#fff;
		display:inline-block;
		padding:2px 0 0 24px;
		text-decoration:none}

	#nav-pie a:hover {text-decoration:underline}

	#nav-pie .aviso-legal {
		background:transparent url(../img/bg/bg-nav-pie-aviso-legal.jpg) no-repeat top left;
		}
		
	#copyright {
		float:right;
		margin:18px 10px 0 0}

/* Interiores
--------------------------------------------- */
.tit-seccion {
	background:#800A0A;
	color:#fff;
	font-size:1.8em;
	font-weight:bold;
	height:34px;
	line-height:34px;
	margin:0 0 15px;
	overflow:hidden;
	padding:0 7px}
	
	
/* Interiores -> Contactar
--------------------------------------------- */

.contactar-direccion {
	background:transparent url(../img/contactar-logo.jpg) no-repeat left 7px;
	padding-left:247px
}

.contactar-direccion .borde {
	border-left:1px solid #E5E5E5;
	padding:15px 0 15px 15px;
	width:200px;
}

.contactar-direccion address p {margin:0}

.contactar-direccion address .tfn {
	background:transparent url(../img/ico/ico-tfn.gif) no-repeat left center;
	border-top:1px solid #E5E5E5;
	border-bottom:1px solid #E5E5E5;
	margin:10px 0 0;
	padding:10px 0 10px 20px;
}

.contactar-direccion address .email {
	background:transparent url(../img/ico/ico-email.gif) no-repeat left center;
	border-bottom:1px solid #E5E5E5;
	padding:10px 0 10px 20px;
}


/* Interiores -> Descargas
--------------------------------------------- */
.listado-descargas {
	border-top:1px solid #E5E5E5;
	list-style-type:none;
	margin:15px 0 25px}

.listado-descargas li {
	background:transparent url(../img/bg/bg-listado-descargas.jpg) repeat-x left top;
	font-size:1.2em;
	font-weight:bold;
	height:37px;
	line-height:37px;
	margin:0}

.listado-descargas a {
	background-position:3px 2px;
	background-repeat:no-repeat;
	color:#6E2829;
	display:block;
	padding:0 10px 0 50px;
	text-decoration:none;}

.listado-descargas .pdf a {
	background-image:url(../img/ico/ico-pdf.jpg);}

.listado-descargas .excel a {
	background-image:url(../img/ico/ico-excel.jpg);}

/* Aviso Legal
--------------------------------------------- */

#aviso-legal-texto address p {margin:0}
#aviso-legal-texto address strong {color: #6E2829}

#aviso-legal-texto .nivel1, #aviso-legal-texto .subseccion-aviso-legal {
	color: #6E2829;
	font-size:1.15em;
	margin:15px 0 5px}

#aviso-legal-texto .nivel2 {
	color: #6E2829;
	margin:15px 0 5px}


