/*---clases genéricas para toda la sección de reservas------*/
#contenido{position:relative;}
.show { display: block !important;}
h5 {color: #6c9b0c; margin-left: 7px;}
#texto{
	background: #e0f4b7;
	width: 505px;
	float: left;
	}
	#texto p{margin: 4px 13px;}

#texto h4{
	width: 175px;
	font-size: 90%;
	color: #6c9b0c;
	position: absolute;
	top: 56px;
	left: 320px;
}

#texto2{
	background: #e0f4b7;
	width: 685px;
	float: left;
	}
#texto2 p{margin: 4px 13px;}

#columna{
	background: #e0f4b7;
	width: 165px;
	padding: 5px;
	float: right;
	color: #808080;
	font-family: "Trebuchet MS", Helvetica, Arial, sans-serif;
	}

/*---reservas/default.php  \\formulario de reserva -----*/

form#reservas{
	padding: 7px;
	color: #004c7a;
	margin: 0;
}
	#reservas p{
		margin: 2px 0;
		}
	#reservas label, #reservas legend {
		display: block;
		font-size: 84%;
	}

	#reservas input {width: 105px; font-size: 90%;}
	#reservas select {width: 111px; font-size: 90%;}
	
	.calendario{width: 82px !important;}
	
	.form-left{
		width: 110px;
		float:left;
		/*position:relative;*/
		margin-left: 7px !important;
		margin-top: 3px !important;
		margin-bottom: 0 !important;
		}
		html > body .form-left{margin-left: 15px !important;} /* compensando el flotado de IE */
	.form-left select, .form-right select{ width: 105px !important;}
	.form-right {
		padding-left: 10px;
		/* line-height: 18px;*/
		margin-top: 3px !important;
		margin-bottom: 0 !important;
		}
	.form-left img, .form-right img{vertical-align:middle;}
	
	fieldset {border: 0; margin: 5px 0 0 13px; padding: 0;}
		fieldset label { display: none !important;}
		fieldset select { margin: 0 3px 0 0; }
		fieldset img { vertical-align: middle; }
	legend { margin: 0; padding: 0; }
	input#f_all_included{width: 20px !important; vertical-align:middle}
	#enviar-form{ 
		margin-left: 300px; 
		margin-top: -20px;
	}
	#enviar-form input{padding: 3px 1px; font-weight:bold; font-size: 78%; font-family: Tahoma, Helvetica, Arial, sans-serif;}

	
/*----reservas/list.php \\detalle de la reserva------*/

h4.pre-tpv{
	top: 15px !important;
	right: 200px !important;
	left: auto !important;
	font-size: 110% !important;
	text-align: right;
}
/*--la siguiente definición tambien determina el aspecto del cuadro en login.php----*/
div.detalle-pretpv{
	text-align: center;
	margin: 5px 30px;
	padding-bottom: 10px;
	border: 1px solid #6c9b0c;
	background-color: #f9fdf1;
	}
		h5.detalle-reserva{
		color: #fff;
		margin: 0;
		border-bottom: 1px solid #6c9b0c;
		font-size: 100%;
		padding: 5px 0;
		background-color: #6c9b0c;
		}

h5.listado-habiataciones{
	border-bottom: 1px solid #ccc;
	color: #6c9b0c;
	margin: 20px 7px 5px 7px;
	}
	
	form#form-lista{
		margin: 10px 30px;
		background: #f9fdf1;
		padding: 10px;
		border: 1px solid #ccc;
	}
		#form-lista h5{
		margin: 0;
		}
		#form-lista p{
			margin:0;
			}

/*-----reservas/login.php \\ identificación del usuario antes del pago----*/
h3.login{
	margin: 20px 7px 20px 7px;
	border-bottom: 1px solid #6c9b0c;
	color: #6c9b0c;
}
h4.login{
	top: 15px !important;
	right: 200px !important;
	left: auto !important;
	font-size: 100% !important;
	text-align: right;
	width: 310px !important;
	line-height: 12px;
	color: #666666 !important;
	font-weight: normal;
}
form#loginbox{
	background: #f9fdf1;
	border: 1px solid #ccc;
	margin: 10px 30px;
}
	#loginbox legend{
		display: block;
		margin-bottom: 10px;
		font-weight: bold;
		 }
		 p.login_enter{
		 	text-align: center;
			margin: 10px 0 !important;
		 }
		span.required {
			color: #cc0000;
			font-weight: bold;
			margin-right: 10px;
		}
		p.aviso {
			font-variant: small-caps;
			/*letter-spacing: -0.5px;
			font-weight: bold;*/
			font-size: 11px;
			color: #004C7A;
		}
		ul.error {
			background: #cc0000;
			color: #ffF;
			margin: 10px;
		}
		ul.error li {
			padding: 5px 0;
			list-style-type: disc;
			list-style-position: inside;
		}
/*-----reservas/login.php \\ seleccion del metodo de pago ----*/	
		div.modo_pago {
			background: #F9FDF1;
			border: 1px solid #ccc;
			margin: 10px 30px;		
			text-align: center;	
		}	
		div.modo_pago h5 {
			color: #fff;
			margin: 0;
			border-bottom: 1px solid #6c9b0c;
			font-size: 100%;
			padding: 5px 0;
			background-color: #6c9b0c;
		}
		div.modo_pago dl {
			text-align: left;
			border: 1px solid #ccc;
			margin: 10px;
		}
			div.modo_pago dt {
				color: #fff;
				margin: 0;
				border-bottom: 1px solid #ccc;
				font-size: 100%;
				padding: 5px;
				background-color: #007aa5;				
			}
			div.modo_pago dd {
				margin: 10px;
				color: #666666;
			}
				div.modo_pago dd a {
					display: block;
					width: 100px;
					padding: 4px 2px;
					margin: 10px auto;
					color: #6C9B0C;
					background: #E0F4B7;
					border: 1px solid #6C9B0C;
					text-align: center;
					text-decoration:none;
					font-weight: bold;
				}
				div.modo_pago dd a:hover {
					background: #6c9b0c;
					border: 1px solid #fff;
					color: #fff;
				}

/*-- pretpv.php \\ resumen de la reserva prévia al tpv---*/
h3.pretpv{
	margin: 20px 7px 20px 7px;
	border-bottom: 1px solid #6c9b0c;
	color: #6c9b0c;
}
h4.pretpv{
	top: 15px !important;
	right: 200px !important;
	left: auto !important;
	font-size: 100% !important;
	text-align: right;
	width: 310px !important;
	line-height: 12px;
	color: #666666 !important;
	font-weight: normal;
}

.resframe {
border:1px solid #FFB770;
color:#000000;
margin:0px;
width:445px;
background-color:#ffffff;
}

.resframeHeader {
border:1px solid #FFB770;
color:#336699;
margin:0px;
padding:0px;
width:445px;
background-color:#FFB770;
font-family:Verdana,Arial,Helvetica,Sans-Serif;
font-size:14px;
font-weight: bold;
text-align: left;
}

.smallgray {
color:#333333;
font-family:Verdana,Arial,Helvetica,Sans-Serif;
font-size:10px;
}

.loginbox2{
	background: #f9fdf1;
	border: 1px solid #ccc;
	margin: 0px;
}