/* CSS Document */

table#tablaGeneral {
	border-collapse:collapse;
	margin-left:1px;
	margin-right:15px;
	border:1px solid #d1d1d1;
}
table#tablaGeneral th {
	vertical-align:top;
	text-align:left;
	padding:5px 36px;
	background: #e3f1fe;
}
table#tablaGeneral td {
	padding:8px 36px;
	border-top: 1px dotted #ccc;
}
.titleLightbox p {
	padding-top:10px;
}
.w600 {
	width:600px;
}
.tablaGeneral {
	width: 98%;
}
/* Titulos lightbox */
.titulosLightBox {
	border-bottom:1px dotted #D1D1D1;
	color:#333;
	font-size:20px;
	margin-bottom:15px;
	padding-bottom:10px;
	line-height: 18px;
	font-weight:normal;
}
.subtitulosLightBox {
	font-size: 14px;
	margin-bottom: 5px;
	letter-spacing: -0.01em;
}
/* FIN Titulos lightbox */

/* 	INICIO ESTILOS PARA EL LIGHTBOX QUE PRESENTA LA DESCRIPCION DE LA
	HABITACION DEL HOTEL: FOTO, SERVICIOS Y EQUIPAMIENTO */

/*	Para la foto */
.contFotoHabLightBox {
	position:relative;
	margin-bottom:20px;
}
.fotoRecHabLightBox {
	border:4px solid #e0e0e0;
	overflow:hidden;
	text-decoration:none;
}
.textIntroHabLightBox {
	margin:0 0 15px;
	font-weight:normal;
}
/*	Para los apartados */
.titApartadosHabLightBox {
	padding:0 0 5px;
	margin:0 0 8px;
	border-bottom:1px dotted #CCC;
	color:#333333;
	font-size:13px;
	font-weight:bold;
}
.apartadoHabLightBox {
	float:left;
	margin:0 0 25px;
}
.listaApartadoHabLightBox li {
	float:left;
	width:280px;
	background: url(../nImg/li.gif) no-repeat 0 3px;
	padding-left: 10px;
	font-weight:normal;
}
/*	FIN DE LOS ESTILOS PARA EL LIGHTBOX QUE PRESENTA LA DESCRIPCION DE LA
	HABITACION DEL HOTEL: FOTO, SERVICIOS Y EQUIPAMIENTO */

/* LIGHTBOX ENVIAR AMIGO */
.textInputLight {
	border:5px solid #C9E3FD;
	width: 220px;
}
.bordeInputLight {
	border:5px solid #C9E3FD;
	width: 259px;
	height:90px;
}
.contMsgLight {
	display:block;
	padding: 20px 0 20px 60px;
	margin-bottom:10px;
	background-color:#FBE0E0;
	color:#D8000C;
	background-image:url(../nImg/amigoIconError.png);
	background-position: 20px 12px;
	background-repeat: no-repeat;
	font-weight:bold;
}

/* Enlaces dentro de lightbbox que sirven para informar de operación Error */
.contMsgLight a{
	color:#D8000C;
	text-decoration:underline;
}

.contMsgOkLight {
	display:block;
	padding:20px 0 20px 60px;
	margin-bottom:10px;	
	background-color:#DFF2BF;
	color:#4F8A10;
	background-image:url(/nImg/icoCorrecto.png);
	background-position: 20px 12px;
	background-repeat: no-repeat;
	font-weight:normal;
}

/* Enlaces dentro de lightbbox que sirven para informar de operación OK */
.contMsgOkLight a{
	color:#4F8A10;
	text-decoration:underline;
}

.contInputLight {
	margin-top: 5px;
	display: block;
}

.contInputLight label {
	float: left;
	width: 150px;
	text-align: right;
	padding-right: 10px;
	padding-top:4px;
}

.txtOpcionalLight {
	color:#7e9c04;
	font-size: 11px;
}

#formEnviarAmigo fieldset {
	border:0px;
	display:block;
}

#formEnviarAmigo .botonPeqAzul {
	margin-bottom:10px;
	border:0px;
	float:left;
}

#formEnviarAmigo h2 {
	border-bottom:1px dotted #D1D1D1;
	padding-bottom:10px;
	color:#333;
	font-size: 20px;
	margin-bottom: 20px;
}
/*fin enviar amigo*/

#contImgCVV {
	margin-top: 15px;
	width:100%;
	text-align:center;
}

#desgloseQueEsCVV p {
	margin-top: 5px;
	margin-bottom: 5px;
}

#mejorPrecio p {
	margin-top: 5px;
	margin-bottom: 5px;
}

.overflowPrivacidad {
	border:1px solid #CCC;
	height:410px;
	margin-bottom:6px;
	overflow:auto;
	padding:0 4px;
	width:490px;
}

.subtitFormMPOLG {
	margin: 10px 0;
	display: block;
}

/* --------------------------- LIGHTBOX CONDICIONES ---------------------------*/
#condiciones p {
	margin-bottom: 8px;
}
#condiciones ul {
	margin-bottom: 8px;
}
#condiciones li {
	background-image:url(/nImg/icoFlechaPeq.gif);
	background-position:0 6px;
	background-repeat:no-repeat;
	padding-left:8px;
	text-indent:0;
	margin-bottom: 3px;
}
/* ------------------------- FIN LIGHTBOX CONDICIONES ------------------------ */

/* ---------------------------- Euro Solidario ----------------------------- */
.recaudacion {
	text-align:center;
	font-size: 18px;
	margin-top:30px;
	background-color: #EDF6FF;
	padding: 10px;
}
.recaudacion span {
	font-size: 24px;
	color:#024486
}
/* -------------------------- FIN Euro Solidario ----------------------------- */

/* ---------------------------- INICIO Mapa Hotel ----------------------------- */
.direccionHotel {
	margin-bottom:10px;
	font-weight:400;
	width:480px;
	float:left;
}
.printMapaFicha {
	text-align:right;
}
a.imprimir {
	background-image:url(/nImg/icoImprimir.gif);
	background-position:3px 1px;
	background-repeat:no-repeat;
	text-align:right;
	margin-left:12px;
	padding:0 0 4px 24px;
}
/* ---------------------------- FIN Mapa Hotel ----------------------------- */

/* ---------------------------- loading ----------------------------- */

.loadingLighbox {
	padding: 30px;	
}
.contLoading {
	width: 100%;
	text-align:center;
	margin: 30px 0;
}
.lightbox520 h1 {
	width: 100%;
	text-align:center;
	font-size: 16px;
}


/* ---------------------------- FIN loading----------------------------- */


/* DEFINIMOS EL ANCHO DE CADA UNO DE LOS LIGHTBOX */
/* enviarAmigoOk, enviarAmigoError, enviarAmigo, detallesTarifa, detalles de la tarifa, cambiaEmailMas, cambiaPass, masOnline, olvidadoEmail, olvidadoPassword */
.lightbox520 {
	width: 460px;
}
lightbox530 {
	width: 470px;
	}

/* formularioReservasPrivacidad */
.lightbox560 {
	width: 500px;
}
/* mejorPrecioGarantizado, formularioMPOLG, suscripcion, terminosCondiciones, formularioReservasCVV, obtencionPuntosMas, estanciasGratuitasHSMMas, 
   estanciasGratuitasOtrosMas, alquileresCoches, masCultura, masDiversion */
.lightbox620 {
	width: 560px;
}
/* habitacionDescripcion, hotelServicios, hotelTelefonos */
.lightbox665 {
	width: 605px;
}
.lightbox690 {
	width: 630px; /*  nueva ficha hotel */
}
/* cancelacionReserva */
.lightbox825 {
	width: 765px;
}
/* FIN DEFINIMOS EL ANCHO DE CADA UNO DE LOS LIGHTBOX */
.lightbox850 {
	width:790px;
}
/**envío tarjeta mas**/
.enviaTarjeta {
	color: #8F8F8F;
	float: left;
	margin-right: 12px;
	width:210px;
}
/**cambio width label alta online**/
.lightbox520 .contInput  label {width:160px;}

@media (max-width: 550px)
{	
	.lightbox520 {width: auto;}
		.contInput label {text-align: left;}
	.lightbox560 {width: auto;}
	.lightbox605 {width: auto;}
	.lightbox665 {width: auto;}
	.lightbox690 {width: auto;}

	table#tablaGeneral td {padding: 3px;}
}