/* Resets y base */
* {
	margin: 0;
	padding: 0;
}
html {
	/*overflow-y: scroll;*/
	height:100%;
	min-height:100%;
}
body {
	font-size: 62.5%;
	font-family: Helvetica, Verdana, "Segoe UI", Tahoma, Arial, sans-serif;
	background-color: #eee0b0;
	color:#001441;
	height:100%;
	min-height:100%;
}
ul {
	list-style: none inside;
}

p, li {
	font-size: 1.1em; 
}

p {
	margin-bottom: 1.2em; 
}

.floatleft { float: left; }
.floatright { float: right; }
.clear { clear: both; }




div.clearer {
	clear:both;
	height:1px;
	line-height:1px;
	overflow:hidden;
}
div.breaker {
	clear: both;
}

img, a {
	border:none;
	outline:0;
}

a {
	color: #001441;
	text-decoration: none
}
a:hover {
	color: #8D0037;
}
/* Fin resets y base */



.bgamarillo {
	background: url(res/img/wrap_bg_amarillo.png) repeat-y;
}	
.bglila {
	background: url(res/img/wrap_bg_lila.png) repeat-y;
}
.bglogo {
	background: url(res/img/wrap_bg_logo.png) repeat-y;
}
.bglogo2 {
	background: url(res/img/wrap_bg_logo2.png) repeat-y;
}



#wrap {
	position: relative;
	margin: 0 0;
	min-height: 100%;
	/*border:2px dotted red;*/
}
* html #wrap {
	height:100%
} 

#header {
	width: 100%;
}

#inner-wrap {
	padding-bottom:20px;
	min-height:100%;
	height:100%;
}

#inner-wrap:after {
	content:" ";
	display:block;
	clear:both;
}
#footer {
	position:absolute;
	bottom:0px;
	height:20px;
	text-align:center;
} 

#left {
	position:relative;
	float:left;
	width: 191px;
	color:#ffffff;
}
#main {
	position:relative;
	margin-left:191px;
	height: 100%;
	min-height: 100%;
	/*border:2px dotted green;*/
}
#right {
	float:right;
	width:0px;
	text-align:center;
}
#content {
	margin-right:0px;
	text-align:left;
}
#content>div {
}


/* Fin Layout */





/* Genéricos para los contenidos */

.lanzador {
	font-size: 10px;
	color: #001441;
}

.texto {
	font-size: 12px;
	color: #8D0037;
}

.texto2 {
	font-size: 10px;
	color: #4D261F;
	text-align: center;
}

.justificado {
	font-size: 11px;
	text-align: justify;
}
.justificadoblanco {
	font-size: 10px; 
	text-align: justify;
}



.resaltado {
	font-weight:bold;
}
.centrado {
	text-align: center;
}
.oculto {
	display:none;
}







/* Para la barra lateral */
.titulomenu {
	text-align:center;
	padding:20px 0 28px 0;
}


#langselector {
	/*position:absolute;*/
	top:0px;
	left:0px;
	width:187px;
	height:20px;
	padding:3px 0px 0px 4px;
	text-align:center;
	background-color:#000e2d;
}
	#langselector a {
		width:61px;
		display:block;
		float:left;
		padding:1px 0px 2px 0px;
		color:#93a3f0;
		-moz-border-radius:3px;
		-webkit-border-radius:3px;
	}
	#langselector a:hover {
		background-color:#af2420;
		color:#ffffff;
	}

#menu {
	padding:48px 0 0 0;
}



#menu ul {
	margin:0;
	padding:0 0 0 8px;
	/*border:1px solid green;*/
}

#menu ul li {
	margin:0;
	padding:0;
}

#menu ul li a {
	display:block;
	background: url(imagen/puntor.gif) left no-repeat;
	padding:5px 5px 4px 12px;
	color: #FDDB95;
	-moz-border-radius: 4px 0 0 4px;  
	-webkit-border-top-left-radius: 4px;
	-webkit-border-top-right-radius: 0px;
	-webkit-border-bottom-right-radius: 0px;  
	-webkit-border-bottom-left-radius: 4px;  
}


#menu ul li  a:hover {
	background-color:#af2420;
	color: #FFFFFF;
}

#menu ul li a.sel {
	background-color:#6c1513;
	color: #FFFFFF;
}


#menu ul li a.ext {
	background: url(imagen/puntor.gif) left no-repeat;
	color: #93a3f0;
}
#menu ul li a.ext:hover {
	background-color:#001c55;
	color: #FFFFFF;
}



#menu hr{
	border: 0;
	color: #af2420;
	background-color: #af2420;
	margin:12px 0 8px 0;
	height: 1px;
}



/* Para los contenidos */


/* Componentes de contenidos */
div.part {
	text-align:left;
	padding:16px 20px 0 42px;
	position:relative;
	/*border:1px solid green;*/
}


	div.part div.titulo {
		padding:0 0 0 12px;
		color: #8D0037;
		font-size: 13px;
		height:24px;
		background: url(imagen/cajar2.png) no-repeat left;
		/*border:1px solid red;*/
	}
	
	div.part div.textoslargos p {
		font-size: 12px;
		text-align: justify;
	}

	div.part div.contenido {
		font-size: 10px;
		padding:0 16px 0px 12px;
		/*border:1px solid blue;*/
	}

		div.part div.contenido a {
			color:#af2420;
		}

		div.part div.contenido a:hover {
			color:#751715;
			text-decoration:underline;
		}



		div.part div.contenido ul.cmenu {
			margin-bottom:24px;
		}
		
		div.part div.contenido ul.cmenu li a {
			display:block;
			width:300px;
			background: url(imagen/puntor.gif) 5px 5px no-repeat;
			padding:2px 10px 2px 15px;
			color:#af2420;
			-moz-border-radius:3px;
			-webkit-border-radius:3px;
		}
		
		div.part div.contenido ul.cmenu li a:hover {
			color:#ffffff;
			text-decoration:none;
			background-color:#6c1513;
		}


	div.part iframe {
		background:none;
	}
	
	div.part iframe#o2cbook {
		width:80%;
		height:550px;
	}
	
	div.part div.o2carea{
		/*overflow:auto;*/
	}


	/* Las celdas de la tabla de las distancias */
	div.part div.contenido table.distancias td {
		font-size: 10px;
		text-align: justify
	}

	/* El texto introductorio de las partes de contenidos */
	div.part div.textointro p {
		font-size: 16px;
		text-align:center;
		font-style:italic;
	}
	
	/* Un título con barra superior */
	div.part div.contenido h3{
		font-size:11px;
		border-top: 1px solid black;
		margin:10px 0 0 0;
		padding:10px 0 0 0;
		font-style:italic;
	}

	div.part div.textointro p {
	}
	
	
	div.part div.contenido dt{
		margin:0 0 2px 16px;
		font-weight:bold;
	}
	div.part div.contenido dd{
		text-align: justify;
		margin:0 0 16px 48px;
	}
	
	
	/* Las fichas dentro de contenidos */
	div.part div.contenido div.ficha {
		border:5px solid #e7e092;
		padding:8px;
		margin:0 0 32px 0;
		background-color:#f2eec2;
		-moz-border-radius:16px;
		-webkit-border-radius:16px;
	} 

	div.part div.contenido div.ficha p {
		text-align: justify;
	} 
	div.part div.contenido div.ficha h2 {
		color:#8D0037;
		margin:0 0 16px 0;
	} 



	/* Las noticias dentro de contenidos */
	div.part div.contenido div.noticia {
		font-size: 12px;
		border:1px solid #e7e092;
		padding:8px;
		margin:0 0 32px 0;
		background-color:#fbfaec;
		-moz-border-radius:4px;
		-webkit-border-radius:4px;
	} 
		/* La fecha */
		div.part div.contenido div.noticia h4 {
			float:left;
			color:#8D0037;
			margin:0 10px 0 0;
			padding:0;
			font-weight:normal;
			font-size:14px;
			/*border:1px solid red;*/
		} 
		/* El título de la noticia */
		div.part div.contenido div.noticia h4+p {
			color: #001441;
			margin:0;
			padding:0;
			font-weight:bold;
			font-size:14px;
			/*border:1px solid black;*/
		} 
		/* El texto de la noticia */
		div.part div.contenido div.noticia h4+p+p {
			margin: 5px 0 0 60px;
			text-align: justify;
			color: #000000;
		} 
		/* Los horarios de la noticia */
		div.part div.contenido div.noticia h4+p+p+p {
			margin: 10px 0 0 120px;
			color: #001441;
			padding: 4px 16px 4px 16px;
			background-color:#eee9b2;
			-moz-border-radius:4px;
			-webkit-border-radius:4px;
		} 
	
	





div.visorfotos {
	/*border:1px solid red;*/
	margin:0 0 0 0px;
}

div.visorfotos table td {
	padding-top:10px;
	/*border:1px solid green;*/
}

/* El visor de fotos */
div.visorfotos #fotogrande {
	position:relative;
	width:609px;
	height:358px;
	/*border:1px solid red;*/
}

div.visorfotos .foto{
	position:absolute;
	left:0; top:0px;
	width:609px;
	height:358px;
	z-index:4;
	visibility: hidden;
}

div.visorfotos #granate {
	position: relative;
	width: 609px; 
	height: 45px;
	background-color: #AF2420;
	/*border: 1px dotted #000000;*/
}

div.visorfotos #granate a{
	color: #f3d166;
}

div.visorfotos #granate a:hover{
	color: #af2420;
	background-color: #f3d166;
}



div.visorfotos #granate2 {
	position:relative;
	width:609px;
	height:45px;
	background-color: #8D0037;
	border: 1px none #000000;
}

div.visorfotos #granate2 a{
	color: #f3d166;
}

div.visorfotos #granate2 a:hover{
	color: #af2420;
	background-color: #f3d166;
}





/* Ajusta el cuadro de consultas web */
form#consulta {
	overflow:auto;
}
	/* Cada celda en la tabla dentro del formulario de consultas */
	form#consulta td {
		margin:0;
		padding:0 0 4px 0;
	}
	/* Celda donde están las etiquetas */
	form#consulta td.tlabel {
		width:80px;
		text-align:right;
		font-size:10px;
		padding:0 1px 4px 0;
	}
	/* Celda donde están los valores */
	form#consulta td.tvalues {
		text-align:left;
	}
	/* Entradas de datos */
	form#consulta input[type='text'], form#consulta select {
		font-size:11px;
		color: #000000;
		background-color: #FFFFFF;
	}
	/* Entradas de los día sueltos */
	form#consulta input#diaini, form#consulta input#diafin {
		width:22px;
	}
	/* Área para el texto */
	form#consulta textarea {
		font-size:11px;
		color: #000000;
		background-color: #FFFFFF;
	}



/* Área que muestra información ocultable */
div.part div.showoff {
	overflow:auto;
	width:450px;
	padding:10px 10px 0px 10px;
	background:#f0f0f0;
	border:1px solid #8d0037;
	-moz-border-radius:7px;
	-webkit-border-radius:7px;
}



/* Los contenidos de marcas */
div.marks {
	position:absolute;
	width:200px;
	bottom:-20px;
	right:0px;
	text-align:right;
}
	div.marks p {
		margin:0;padding:0;
	}
		div.marks p a {
			opacity:0.5;
		}
		div.marks p a:hover {
			opacity:1;
		}


/* Los contenidos ocultos para buscadores */
div#crawlcontents {
	position: absolute;
	line-height: 6px;
	width: 500px;
	left: -1000px;
	top: 0px;
}