@import "reset.css";

/* Estilos comunes
--------------------------------------------- */

.clearfix:after,
#contenido:after,
form .fila:after,
#home-intro:after,
#preview-3-elementos:after
{content:".";display:block;height:0;clear:both;visibility:hidden;}

.clearfix,
#contenido,
form .fila,
#home-intro,
#preview-3-elementos
{display:inline-block;}

* html .clearfix,
* html #contenido
* html form .fila,
* html #home-intro,
* html #preview-3-elementos
{height:1%;}

.clearfix,
#contenido,
form .fila,
#home-intro,
#preview-3-elementos
{display:block;}


body {font-size:62.5%; line-height:1.5}
body, input, select, textarea {color:#000; font-family:Arial, Helvetica, sans-serif}
input, select, textarea {font-size:1em}

a {
	color:#fff;
	text-decoration:underline}

p {margin:1.5em 0}

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}

ol.decimal-mod {
	list-style-type:none;
	}

ol.decimal-mod li {
	margin:0 0 10px}

ol.decimal-mod .num {
	color:#96B9DD;
	font-size:1.15em;
	font-weight:bold}
	
.subrayado {text-decoration:underline}

.accesibilidad {position:absolute; top:-9999px; left:-9999px}

img.fl {float:left; margin:15px 15px 15px 0}
img.no-mt {margin-top:0}

.titular-n1, .titular-n1-1linea {
	background:url(../img/bg/bg-titular-n1.gif) no-repeat left center;
	color:#fff;
	font:bold 1.6em "Trebuchet MS";
	margin:0 0 15px}

.titular-n1 {
	line-height:1;
	padding:3px 0 3px 28px}
	
.titular-n1-1linea {
	line-height:46px;
	padding-left:28px}

.titular-n2 {
	color:#F57D00;
	font:bold 1.4em "Trebuchet MS";
	margin:0 0 10px;}
	
/* Estructura comun
--------------------------------------------- */

body {
	background:#001;
	color:#fff;
	margin:0}

html, body {height: 100%;}

#cabecera{position:relative;}

.idiomas {list-style:none; margin:0; position:absolute; top:12px; right:15px; z-index:1000}
.idiomas li {float:left; margin:0 5px 0 0; height:11px; width:16px}
.idiomas li a {display:block; height:11px; width:16px}
.idiomas li a span {display:none}
.idiomas .idioma_es a {background:url(../img/iconos/bandera_es.gif) no-repeat top left;}
.idiomas .idioma_en a {background:url(../img/iconos/bandera_en.gif) no-repeat top left;}
.idiomas .idioma_de a {background:url(../img/iconos/bandera_de.gif) no-repeat top left;}
.idiomas .idioma_fr a {background:url(../img/iconos/bandera_fr.gif) no-repeat top left;}
.idiomas .idioma_fr {margin-right:0}

#contenedor {
	position: relative;
	min-height: 100%;
	height: 100%;
	voice-family: "\"}\"";
	voice-family: inherit;
	height: auto
	}

html>body #contenedor {
	height: auto}

#cabecera {
	background:url(../img/bg/bg-cabecera.jpg) no-repeat top left;
	margin:0 auto;
	padding-top:165px;
	width:960px}
	
	#cabecera-logo {display:none}
		

#opciones-ppal {
	background:transparent url(../img/bg/bg-opciones-ppal.jpg) no-repeat top left;
	height:32px;
	margin:0 auto;
	overflow:hidden;
	position:relative}

	#nav-ppal {float:left; list-style:none}
	#nav-ppal li {float:left; margin:0 0 0 35px}
	#nav-ppal li a {color:#fff; cursor:pointer; float:left; font:bold 1.3em/28px "Trebuchet MS"; height:32px; padding-top:4px; text-decoration:none}
	#nav-ppal li.actual a {background:url(../img/bg/bg-nav-ppal-actual.jpg) no-repeat center top}
	#nav-ppal li.primero {margin-left:30px}



#contenido {
	background:url(../img/bg/bg-cont-ppal.jpg) no-repeat top left;
	font-size:1.2em;
	margin:0 auto;
	min-height:334px; /* el fondo se muestra sin cortes */
	padding:35px 0 152px; /* hace hueco para el pie = 132px + 20px */
	width:960px}


		#contenido-ppal-izq {
			float:left;
			width:450px}
		
		#contenido-ppal-dcha {
			float:right;
			width:475px}
		


#pie-envoltorio {
	background:url(../img/bg/bg-pie-envoltorio.jpg) repeat-x bottom left;
	position:absolute;
	bottom:0;
	width:100%}

#pie {
	background:url(../img/bg/bg-pie.jpg) no-repeat bottom right;
	color:#fff;
	font-size:1.2em;
	height:132px;
	margin:0 auto;
	overflow:hidden;
	width:960px}
	
		#nav-pie {
			float:left;
			margin:65px 0 0;
			text-align:left;
		}
		#nav-pie li {
			background:transparent url(../img/bg/bg-menu-pie-li.gif) no-repeat scroll left center;
			display:inline;
			margin:0 0 0 5px;
			padding:3px 0 3px 14px;
		}
		#nav-pie li.primero {
			background:transparent none repeat scroll 0 0;
			margin-left:0;
			padding-left:0;
		}
		#nav-pie a {
			color:#fff;
			text-decoration:none;
		}
		#nav-pie a:hover {
			text-decoration:underline;
		}
		
	#copyright {
		float:right;
		margin:65px 0 0}




/* Estilos por secciones
--------------------------------------------- */


	/* HOME ................. */
	
	#home-intro {position:relative}

	#home-intro .info {
		float:left;
		height:259px;
		overflow:hidden;
		width:390px}
		
	#home-intro .mas-info {
		margin:0;
		position:absolute;
		bottom:0;
		left:0;
		text-align:right;
		width:390px}
		
		#home-intro .mas-info a {
			background:url(../img/bg/bt-mas-info.jpg) no-repeat top left;
			display:inline-block;
			font:bold 1em Arial;
			height:16px;
			line-height:16px;
			text-align:center;
			text-decoration:none;
			width:60px}

		
	#home-intro .imagenes {
		float:right;
		height:279px;
		width:540px}

	#home-intro .grande-izq {float:left}
	#home-intro .peq-arriba {float:right}
	#home-intro .peq-abajo {float:right; margin-top:6px}
	
	#preview-3-elementos {
		background:#00294D url(../img/bg/bg-preview-3-elementos.png) repeat-x top left;
		border-top:1px solid #1C2F49;
		height:192px;
		margin-top:25px;
		overflow:hidden}
		
	#preview-3-elementos .elemento {
		background:url(../img/bg/bg-preview-3-elementos-separador.jpg) repeat-y top left;
		float:left;
		position:relative;
		width:320px}

	#preview-3-elementos .primero {background:none}

	#preview-3-elementos .imagen {
		float:left;
		padding:0 0 0 25px;
		text-align:left;
		width:145px}

	#preview-3-elementos .info {
		float:right;
		height:127px;
		overflow:hidden;
		padding:25px 15px 0 0;
		width:135px}

	#preview-3-elementos .titulo {
		color:#F57D00;
		font:normal 1.4em "Trebuchet MS";
		margin:0 0 10px;}
		
	#preview-3-elementos .elemento p {margin:0 0 5px}		

	#preview-3-elementos .mas-info {
		margin:0;
		position:absolute;
		bottom:15px;
		right:15px;
		text-align:right;
		width:135px}
		
		#preview-3-elementos .mas-info a {
			background:url(../img/bg/bt-mas-info.jpg) no-repeat top left;
			display:inline-block;
			font:bold 1em Arial;
			height:16px;
			line-height:16px;
			text-align:center;
			text-decoration:none;
			width:60px}


	/* CONTACTAR ................. */

	address.contactar {font-weight:bold}
	address.contactar p {margin:0}
	address.contactar a {text-decoration:none}
	address.contactar a:hover {text-decoration:underline}

	#contactar-logo {float:left}
	
	#contactar-form {
		float:right;
		width:680px}

		#frmContactar {margin:30px 85px 15px 0}
		
		#frmContactar .fila {
			float:left;
			margin:10px 0 0;
			width:100%;}
		
		#frmContactar .fila-primera {margin:0}
		
		#frmContactar label {
			display:block;
			margin-bottom:7px}
		
		#frmContactar .campo {
			background:#fff;
			padding:2px}
			
		#frmContactar .campo input {
			background:transparent;
			border:0;
			padding:0;
			width:100%}
		
		#frmContactar input, #frmContactar select, #frmContactar textarea {color:#555}
		
		#frmContactar .campo-wrapper-izq {
			float:left;
			width:265px}
		
		#frmContactar .campo-wrapper-dcha {
			float:right;
			width:265px}
			
		#frmContactar .campo-wrapper-comentarios textarea {
			background:transparent;
			border:0;
			overflow:auto;
			padding:0;
			width:100%}
		
		
		#frmContactar .fila-submit {
			float:left;
			margin:20px 0 0;
			width:100%}
			
		#frmContactar .bt-submit {
			background: url(../img/bg/bg-frmContactar-submit.jpg) repeat-x top left;
			border:0;
			color:#fff;
			float:right;
			height:29px;
			line-height:29px;
			padding:0;
			text-align:center;
			width:59px}
			
		#frmContactar .aviso-obligatorios {
			color:#565661;
			float:left;
			height:29px;
			margin:0;
			line-height:29px}
			


	/* PREMIOS .................................... */

	.listado-premios {
		list-style:none;
		margin:30px 0 20px}
	
	.listado-premios li {
		border:1px solid #4F4F5D;
		float:left;
		padding:10px;
		width:915px}
	
	.listado-premios li.primero {margin-top:0}

	.listado-premios .imagen {
		float:left;
		height:145px;
		overflow:hidden;
		text-align:center;
		width:265px;
		}
	
	.listado-premios .texto {
		float:right;
		height:145px;
		overflow:hidden;
		width:650px;
		}
	
	.listado-premios .fecha {
		color:#F57D00;
		margin:0 0 3px}
		
	.listado-premios .titulo {
		font-size:1.1em;
		font-weight:bold;
		margin:7px 0}


	.listado-premios p {margin:0;}
	
	.listado-premios a {text-decoration:none}
	

	/* PRENSA .................................... */

	.listado-prensa {
		list-style:none;
		margin:30px 0 20px}
	
	.listado-prensa li {
		border:1px solid #4F4F5D;
		float:left;
		margin:20px 0 0;
		padding:10px;
		width:938px}

	.listado-prensa li.primero {margin-top:0}

	.listado-prensa .imagen {
		float:left;
		height:145px;
		overflow:hidden;
		text-align:center;
		width:265px;
		}
	
	.listado-prensa .texto {
		float:right;
		height:145px;
		overflow:hidden;
		width:650px;
		}
	
	.listado-prensa .fecha {
		color:#F57D00;
		margin:0 0 3px}
		
	.listado-prensa .titulo {
		font-size:1.1em;
		font-weight:bold;
		margin:7px 0}

	.listado-prensa .resumen {
		height:56px;
		margin:8px 0 10px;
		overflow:hidden}
	
	.listado-prensa .opciones a {text-decoration:none}
	.listado-prensa .opciones a:hover {text-decoration:underline}
	.listado-prensa .opciones .ver-pdf{
		background:url(../img/ico/ico-pdf.jpg) no-repeat top left;
		display:inline-block;
		height:26px;
		line-height:26px;
		margin-right:20px;
		padding-left:32px}

	.listado-prensa p {margin:0;}
	
	.listado-prensa a {text-decoration:none}
	
	.titular-n1-1linea.noticias {color:#F57D00; }
	.titular-n1-1linea.noticias  .separator{color:#fff; }
	.titular-n1-1linea.noticias a{text-decoration:none}
	
	#cabecera-logo-banderas{display:none;}
	
	.info h3.titulo a{text-decoration:none;color:#F57D00;}