@charset "utf-8";

/*
Hotel Nochendi WEB

Colores BASE:

Principal:                       8d0037
Variación A (Un poco más claro): e4dd87
Variación B (Más claro aún):     eee9b2


*/


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

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

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

.pharea a.genericbutton {
	color:#8d0037 !important;
	font-size:9px !important;
	background-color:#dbd2db !important;
	text-decoration:none !important;
}
.pharea a.genericbutton:hover {
	background-color:#eee9b2 !important;
	background-color:#6a002b !important;
	color:#8d0037 !important;
	color:#dbd2db !important;
	text-decoration:none !important;
}


/* 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:#8d0037;
	-moz-border-radius-topleft: 3px;
	-webkit-border-top-left-radius: 3px;
}

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


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


/* El aspecto de la zona de Slogan */
.pharea div.phslogan {
	border-color:#003300;
	font-weight:normal;
	padding:4px 8px 4px 8px;
}


/* El borde de la imagen grande */
.pharea .mainImg #main_image_g {
	border-color:#000000;
}


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


/* 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: #eee9b2;
	padding:1px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
}

/* Pone los márgenes en su sitio */
.pharea dl dt, .pharea dl dd {
	margin:0 !important;
}


/* El definition list en vertical */
.pharea dl.vert dt {
	border:1px solid #b57b3c;
	border-bottom-style: none;
	-moz-border-radius: 3px 3px 0 0;
	-webkit-border-top-left-radius: 3px;
	-webkit-border-top-right-radius: 3px;
	-webkit-border-bottom-right-radius: 0px;
	-webkit-border-bottom-left-radius: 0px;
}

.pharea dl.vert dd {
	border:1px solid #b57b3c;
	border-top-style: none;
	-moz-border-radius: 0 0 3px 3px;
	-webkit-border-top-left-radius: 0px;
	-webkit-border-top-right-radius: 0px;
	-webkit-border-bottom-right-radius: 3px;
	-webkit-border-bottom-left-radius: 3px;
}

/* El definition list en horizaontal */
.pharea dl.horiz>div>div{
	margin-bottom:4px;
}

.pharea dl.horiz dt {
	border:1px solid #b57b3c;
	border-right-style: none;
	-moz-border-radius:3px 0 0 3px;
	-webkit-border-top-left-radius: 3px;
	-webkit-border-top-right-radius: 0px;
	-webkit-border-bottom-right-radius: 0px;
	-webkit-border-bottom-left-radius: 3px;
}
.pharea dl.horiz dd {
	max-width:400px;
	padding-right:8px;
	border:1px solid #b57b3c;
	/*border-left-style: none;*/
	border-left-color:#cd9d69;
	-moz-border-radius:0 3px 3px 0;
	-webkit-border-top-left-radius:0px;
	-webkit-border-top-right-radius: 3px;
	-webkit-border-bottom-right-radius: 3px;
	-webkit-border-bottom-left-radius: 0px;
}


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

/* 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: #eee9b2;
	-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: #f4f0c9;
	color: #8d0037;
}
	







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



/* El indicador de rango de precios por habitación */
.pharea div.o2c_roompricerange {
	display:none;
}





/* O2C Simple Image Gallery */

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

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

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

/* 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:#f4f0c9;
}


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





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

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

		/* 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:#8d0037 !important;
	color: #eee9b2 !important;
}
.commbotsmall a:hover{
	background-color:#eee9b2 !important; 
	color:#8d0037 !important;
	text-decoration:none !important;
}