@charset "utf-8";

/*
Hotel Eladia WEB

Colores BASE:
                                 Azules Rojos (Alternativa)
Principal:                       003366
Variación A (Un poco más claro): 07689c b7221b 
Variación B (Más claro aún):     6f9cce d27775


*/

/* Todo el cuadro de cada inserción */
.pharea {
	margin:20px 10px 0 10px;
	padding:0;
	border:none;
	background-color:transparent;
	-moz-border-radius: 0;  
	-webkit-border-radius: 0;  
}

/* El nombre del hotel */
.pharea h1 {
	font-family: Arial,Verdana,Helvetica,sans-serif;
	letter-spacing: 0em;
	color:#003366;
}

/* Segundo DIV, categoría y dirección */
	.pharea div.phhotelcatdir>div {
		background-color: #e1e1e1;
	}

.pharea a.genericbutton {
	color:#003366;
	font-size:9px;
	background-color:#dbd2db;
}
.pharea a.genericbutton:hover {
	background-color:#b7221b;
	color:#dbd2db;
}


/* El título de cada cuadro*/
.pharea h2 {
	margin: 0;
	font-weight:bold;
	letter-spacing: 0em;
	font-family: Arial,Verdana,Helvetica,sans-serif;
	font-size:14px;
	background-color:#003366;
	-moz-border-radius-topleft: 4px;
	-webkit-border-top-left-radius: 4px;
}

/* El contenedor bajo el título */
.pharea h2+div {
	height:auto;
	padding:5px 12px 5px 12px;
	margin: 0 0 40px 0;
	background-color:#e1e1e1;
	border-right:1px solid #003366;
	border-bottom:1px solid #003366;
	border-left:1px solid #003366;
	-moz-border-radius-bottomleft: 4px;
	-moz-border-radius-bottomright: 4px;
	-webkit-border-bottom-left-radius: 4px;
	-webkit-border-bottom-right-radius: 4px;
}


/* Texto de de la descripción */
.pharea p.phcapitaltext:first-letter{
	font-size:430%;
	color:#003366;
}  


/* El MouseOver de una una lista de definición con título */
.pharea dt[title]:hover {
	background-color:#b7221b;
}
	
/* Las listas de definición */
.pharea dl.def {
	height:auto;
}
	
/* El título de cada área de definiciones */
.pharea dl.def dt{
	background-color: #d27775;
	color:#003366;
}


/* El div que bordea cada grupo de definiciones */
.pharea dl.def > div {
	height:auto;
}

/* El div que bordea cada grupo de definiciones */
.pharea dl.def>div>div{
	background-color: #b7221b;
}


/* El div que contiene cada grupo de servicios */
.pharea div.servgroup {
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border:1px solid #b7221b;
}

/* El título de cada grupo de servicios */
.pharea div.servgroup h3 {
	font-family: Arial,Verdana,Helvetica,sans-serif;
	font-size:13px;
	font-weight:bold;
	padding:2px 8px 2px 8px;
	background-color: #b7221b;
	-moz-border-radius: 0 0 4px 0;
	-webkit-border-top-left-radius: 0px;
	-webkit-border-top-right-radius: 0px;
	-webkit-border-bottom-right-radius: 4px;
	-webkit-border-bottom-left-radius: 0px;
}

/* El título del servicio */
.pharea dl.serv dt {
	background: #d27775;
	color: #003366;
}
	







/* Los span que tienen título para pasar por encima */
.pharea span[title] {
	border-bottom:1px dotted #003366;
}
.pharea span[title]:hover {
	color: inherit;
}








/* O2C Simple Image Gallery */

/* Los IMG que están dentro de ese DIV */
div.o2csig div.o2csigImgList>div.o2csigdthumb>img {
	border-color:#003366;
}
/* El segundo div, con los textos */
div.o2csig div.o2csigImgList>div.o2csigdthumb>div {
	border-color:#d27775;
}
/* El texto del primer span */
div.o2csig div.o2csigImgList>div.o2csigdthumb>div>span {
	color:#003366;
}

/* Su imagen */
div.o2csig div.o2csigImgList>div.o2csigdimgmed>img {
	border-color:#003366;
}

/* Título de la ampliaión de la imagen en la galería simple */
div.o2csig div.o2csigImgList>div.o2csigdimgmed>img+div {
	background-color:#d27775;
}

/* Descripción de la ampliación de la imagen en la galería simple */
div.o2csig div.o2csigImgList>div.o2csigdimgmed>img+div+div {
	background-color:#d27775;
}


/* Los links del segundo span de la priemra linea */ 
					div.o2csig div.o2csigImgList>div.o2csigdimgmed>img+div>span+span a {
						color:#003366;
					}





/* Live: */
/* Los paneles */
.pharea div.o2c_lsp {
	margin: 8px 0 4px 0;
}
/* Las alertas */
.pharea div.o2c_lsp_alert {
	background: #003366;
}

/* El panel donde se piden las fechas */
.pharea div#o2c_ls_request {
	border-color: #003366;
	color:#003366;
}

		/* La palabra ¿cuando? */
		.pharea div#o2c_ls_request span#req_cap_when {
			margin: 0 16px 8px 0;
			font-size:120%;
			font-weight:bold;
			
		}
		
		/* El label de pedir la fecha de inicio */
		.pharea div#o2c_ls_request label#req_start {
			margin:0 4px 0 0;
		}
		
		/* El label de pedir la fecha del final */
		.pharea div#o2c_ls_request label#req_end {
		}
		
		/* El botón para buscar */
		.pharea div#o2c_ls_request input#req_search {
			margin:8px 0 10px 0;
		}




/* Componentes comunes */

/* Botón pequeño */
.commbotsmall a {
	background-color:#003366;
}
.commbotsmall a:hover{
	background-color:#e1e1e1;
	color:#003366;
}