/* CSS Document */

/* Estilo para la etiqueta del body, controla la familia fonts de su página, el background, etc.*/
body { background-color:#ebebeb; margin:0; padding:0; font-size:0.7em; background-image:url(../img/bg_Body.png); background-repeat:repeat-x; font-family:"Lucida Grande", "Lucida Sans Unicode", Helvetica, Arial, sans-serif; color:#666666;}


a:link { color:#023d8e;text-decoration: none;border-bottom: dotted #FFF 1px} /* Estilo General de los enlaces*/
a:visited {color:#023d8e;text-decoration: none;border-bottom: dotted #CCC 1px} /*Estilo General para los enlaces visitados*/
a:hover {color:#FF6600;} /*Estilo General para cuando el puntero pasa por encima.*/

a.galeria{color:#023d8e;text-decoration: none;border-bottom: dotted #FF6600 1px}
a.galeria:hover { background-color:#FF6600;color:#FFFFFF;border-bottom: dotted #FFF 1px} /*Estilo General para cuando el puntero pasa por encima.*/

a.novedades {color:#023d8e;text-decoration: none;border-bottom: dotted #CCC 1px} /* Estilo General de los enlaces*/
a.novedades:hover {background-color:#FF6600;color:#FFFFFF;border-bottom: dotted #FFF 1px} /*Estilo General para cuando el puntero pasa por encima.*/

a.mbz {color:#023d8e;text-decoration: none;border-bottom: dotted #CCC 1px} /* Estilo General de los enlaces*/
a.mbz:hover {background-color:#FF6600;color:#FFFFFF;border-bottom: dotted #FFF 1px} /*Estilo General para cuando el puntero pasa por encima.*/


hr {} /* Línea horizontal en su plantilla*/
hr.separator {} /*separador de noticias ( ___ )*/

ul li a {
	padding: 0;
	margin: 0 0 8px;
	list-style-type: square;
}
ul li a:hover {
	color:#000000;
	background-position:bottom;
	} 


/* Estilo Titulares de sección */

.titSeccion{font-size:2em; color:#FFFFFF; letter-spacing:-1px;padding:0 0 0 5px;margin:0;text-decoration:underline;}
.titSeccion2{ text-align:left; font-size:2.2em; color:#FFFFFF; letter-spacing:-1px;padding:0 0 0 5px;margin:0;text-decoration:underline;}
.titSeccion3{font-size:2em; color:#FFFFFF; letter-spacing:-1px;padding:0 0 0 5px;margin:0;text-decoration:underline;}

/*Estilo foto */
img.foto{text-decoration: none;border: solid #F0F0F0 3px; padding:2px;}
img.foto:hover {text-decoration: none;border: solid #FF9900 3px; padding:2px;}


/*Formulario Descargas*/

.caja{border:#CCC solid 1px; margin-bottom:3px; margin-top:3px; font-size:11px;}
.caja:hover{border:#FF6600 solid 1px; margin-bottom:3px;margin-top:3px; background-color:#FFFFCC;font-size:11px; color:#FF6600;}


/*-------------------------------------------------------------------------------------*/

/*Capas*/

/* Contiene todas las capas */
#Contenedor{width:880px; height:auto; margin-left:auto; margin-right:auto; margin-top:8px;} 

	/*Contiene capas superiores de información tanto en INDEX como en INTERIORES */
	#Cabecera{width:auto; height:250px; border:#FFFFFF 4px solid; background-color:#FFFFFF;} 
		
		/* Capa para la fecha, bandera de idiomas, etc */
		#LineaSuperior{width:auto; height:30px; background-image:url(../img/bg_LineaSuperior.png); background-repeat:repeat;}
		
		/* Capa donde iría el JPG Rotator */
		#LogoFoto{width:645px; height:220px; background-color:#0A4390; float:left;text-align:right; padding:0;margin-top:4px;}
		
		/* Capa anuncio con imágen de fondo y enlace al apartado Tarifas */
		#AnuncioTarifas{width:222px; height:220px; background-color:#5890d1; float:right; margin-top:4px;background-image: url(../img/fotos/fotoTarifas.png); background-repeat:no-repeat; background-position:right;}
		.TextoTarifa{ width:188px; padding:90px 12px 0 12px; font-size:200%; color:#FFFFFF; font-weight:bolder;letter-spacing:-1px;}
		.TextoTarifa2{ width:188px; padding:0 12px 0 12px; font-size:95%; color:#FFFFFF;letter-spacing:-1px;}
				
	/* Capa para insertar lista definida en menu.css */ 
	#Menu{width:872px; height:35px; border:#FFFFFF 4px solid; background-image: url(../img/bg_menu.png); background-repeat: repeat-x;}
		
	/*Contiene capas inferiores de información sólo en el INDEX */
	#ContenidoIndex{width:auto; height:auto; padding:15px 9px 30px 9px; background-color:#FFFFFF; border:#E5E5E5 1px solid;} 
		
		/* Define el tamaño y la posición de las capas de la primera fila */
		#PrimeraFila{}
			#Ofertas{width:204px; height:188px; float:left; background-image:url(../img/bg_Oferta.png); background-repeat:no-repeat;}
			/* #FotoOferta{width:auto; height:150px; background-image:url(../img/fotos/fotoOferta.png); } */
			#FotoOferta{width:auto; height:150px; vertical-align:middle; text-align:center;  }
			#Presentacion{width:432px; height:188px; float:left; background-color:#666666; margin:0 10px 0 10px;background-image:url(../img/bg_Presentacion.png); background-repeat:no-repeat;}
			#Descargas{width:204px; height:188px; float:left; background-image:url(../img/bg_Descargas.png); background-repeat:no-repeat;}
			#Noticias{width:204px; height:188px; float:left; background-image:url(../img/bg_Descargas.png); background-repeat:no-repeat;}

		.Titular{font-size:170%; color:#FFFFFF; padding:7px;letter-spacing:-1px;}	
		
		/* Define el tamaño y la posición de las capas de la segunda fila */
		#SegundaFila{}
			#Galeria{width:644px; height:214px; float:left; background-color:#666666; margin:15px 10px 0 0px;background-image:url(../img/bg_Galeria.png); background-repeat:no-repeat;}
			.GaleriaIndex{ width:auto; height:150px; padding:20px 10px 0 20px;}
			#Novedades{width:204px; height:188px; float:left; background-image:url(../img/bg_Descargas.png); background-repeat:no-repeat;
			margin-top:15px;}
			#Enlaces{width:204px; height:260px; float:left; background-image:url(../img/bg_Enlaces.png); background-repeat:no-repeat;
			margin-top:15px;}
			#Siguenos{width:204px; height:50px; float:left; margin-top:15px; margin-bottom: 10px; text-align: right;}

		/* Define el tamaño y la posición de las capa */
		#Pie{width:800px; height:25px; margin-left:auto; margin-right:auto;font-size:80%; color:#336699; text-align:center;}
		
		.Sombra{width:872px; height:20px;background-image:url(../img/bg_sombraMenu.png);background-position:center; background-repeat:no-repeat; margin-right:auto; margin-left:auto;}


	/*Contiene capas inferiores de información sólo en el INDEX */
	#ContenidoInterior{width:auto; height:auto; padding:15px 9px 30px 9px; background-color:#FFFFFF; border:#E5E5E5 1px solid;} 
		
		/* Define el tamaño y la posición de las capas de la primera fila */
		#PrimeraColumna{}
			#ColumnaIZDA{width:204px; height:188px; float:left; background-image:url(../img/bg_Oferta.png); background-repeat:no-repeat;}
			
			#ColumnaDCHA{width:628px; height:auto; float:right;margin:0 10px 0 10px;background-image: url(../img/bg_ColDcha.png); background-repeat: repeat-x; background-position:bottom; border-left:#CCC solid 1px; border-right:#CCC solid 1px;}
						
			#CabeceraDCHA{width:630px; float:right; height:34px; background-image:url(../img/bg_Presentacion.png); background-repeat:no-repeat;margin:0 10px 0 10px;border-bottom:#CCC solid 1px;}

			#ColumnaDCHA2{width:728px; height:auto; margin:0 10px 0 10px;background-image: url(../img/bg_ColDcha.png); background-repeat: repeat-x; background-position:bottom; border-left:#CCC solid 1px; border-right:#CCC solid 1px;}
						
			#CabeceraDCHA2{width:730px; height:34px; background-image:url(../img/bg_Presentacion.png); background-repeat:no-repeat;margin:0 10px 0 10px;border-bottom:#CCC solid 1px;}

		.Titular{font-size:170%; color:#FFFFFF; padding:7px;letter-spacing:-1px;}	
		
		/* Define el tamaño y la posición de las capas de la segunda fila */
		#SegundaFila{}
			#Galeria{width:644px; height:254px; float:left; background-color:#666666; margin:15px 10px 0 0px;background-image:url(../img/bg_Galeria.png); background-repeat:no-repeat;}
			.GaleriaIndex{ width:auto; height:150px; padding:30px 8px 0 15px;}
			#Novedades{width:204px; height:188px; float:left; background-image:url(../img/bg_Descargas.png); background-repeat:no-repeat;
			margin-top:15px;}





/*Textos*/

        .textoPresentacion{ padding:15px 15px 20px 15px;}
		.textoOferta{ padding:10px; color:#FF6600; font-size:95%}
        .textoEnlaces{ padding: 12px 0 0 15px; font-size: 85%; border-bottom: solid 0px gainsboro;}


/*-------------------------------------------------------------------------------------*/
			
/* NO ELIMINAR (Imprescindible para que la capa contenedor se adapte verticalmente a todas las demas capas */
/* clearfix */.clearfix:after {content: ".";display: block;height: 0;clear: both;visibility: hidden;}.clearfix {display: inline-block;}
/* Hides from IE-mac \*/* html .clearfix {height: 1%;}.clearfix {display: block;}/* End hide from IE-mac */
		



/* Accordion */
.accordionHeader
{
    border: 1px solid #2F4F4F;
    color: white;
    background-color: #034898;
	font-family: Arial, Sans-Serif;
	font-size: 12px;
	font-weight: bold;
    padding: 5px;
    margin-top: 5px;
    cursor: pointer;
}

#master_content .accordionHeader a
{
	color: #FFFFFF;
	background: none;
	text-decoration: none;
}

#master_content .accordionHeader a:hover
{
	background: none;
	text-decoration: underline;
}

.accordionHeaderSelected
{
    border: 1px solid #2F4F4F;
    color: white;
    background-color: #5078B3;
	font-family: Arial, Sans-Serif;
	font-size: 12px;
	font-weight: bold;
    padding: 5px;
    margin-top: 5px;
    cursor: pointer;
}

#master_content .accordionHeaderSelected a
{
	color: #FFFFFF;
	background: none;
	text-decoration: none;
}

#master_content .accordionHeaderSelected a:hover
{
	background: none;
	text-decoration: underline;
}

.accordionContent
{
    background-color: #FFFFFF;
    border: 1px dashed #2F4F4F;
    border-top: none;
    padding: 5px;
    padding-top: 10px;
}

/*CollapsiblePanel*/
.collapsePanel {
	
	background-color:white;
	overflow:hidden;
}

.collapsePanelHeader{
	width:100%;
	height:30px;
    border: 1px solid #2F4F4F;
    color: white;
    background-color: #034898;
	font-weight:bold;
}

#master_content .collapsePanelHeader a {color:#FFF;}
#master_content .collapsePanelHeader a:hover {text-decoration:none;background:none;}