/*
Barrio Las Gravilias 18:56, Viernes 11 de mayo, 2007
Primer sitio de muchos desarrollado con css por Henry Ferreto Cano.

Estilos Internos de Cabinas el Quetzal
*/
/*========================ESTILOS PARA LA CABEZA======================================*/

* html select.hide { visibility: hidden; }
*{
 	margin:0;
 	padding:0;
}
body{
	background:url(../../img/back.jpg);

	font-size:10px;
}
#cabeza{
	margin:0 auto 0 auto;
	width:775px;
}
#cabeza .marca {
	height: 209px;
	margin: 0 auto 0 auto;
}
#cabeza .marca h1 object {
	position: absolute;
	top:0;
}


/*========================ESTILOS PARA EL CUERPO======================================*/
#menu{
	background: #2f4636 url(../img/buttom_menu.gif) no-repeat bottom left ;/*#374b3d*/
	color:#FFF;
	font: bold 1.2em/12px Arial, Helvetica, sans-serif;
	height:59px;
	padding-left:98px;
		
}
#menu a,
#menu strong{
	color:#FFFFFF;
	display:block;
	height: 25px;
	padding: 0 10px 0 10px;
	text-decoration: none;
	float:left;
}

#menu li{
	float:left;
	list-style:none;
}

#menu ul{
	background:url(../img/botint-barra2.gif) no-repeat center right;
	height:25px;
}

#menu a:hover,
#menu strong {
	 color:#689242;
}

#cuerpo{
	background: #CAA99A url(../../img/lat-degradado.jpg) repeat-y left  bottom;
	margin: 0 auto 0 auto;
	overflow:hidden;
	position:relative;
	width:775px;		
}

#columna_izq{	
	background: url(../../img/lat_izq.jpg) no-repeat bottom left;
	width:193px;
	float:left;
}

#columna_izq .contenedor{	
	background:#CAA99A;/*#D8B7AB;	*/
	margin-left:10px; 
	padding:0 11px 5px 9px;
}

#columna_izq .contenedor h2{	
	background:url(../../img/caja_top.gif) no-repeat right top;
	color:#FFF;	
	font: bold 1.2em/12px Arial, Helvetica, sans-serif;
	height:20px;	
	padding:4px 0 0 12px;	
}

#columna_izq .caja_base {
	background: #CAA99A url(../img/caja_buttom.gif) no-repeat left bottom;
	height:15px;	
	margin-bottom:18px;	
}

#columna_izq .caja_contenido {
	background:#e2c7bc;/*#D6BAAE;*/
	border-left: 1px solid #497133;
	border-right: 1px solid #497133;	
	font:normal 12px Arial, Helvetica, sans-serif;
	text-align:left;
	padding:0 12px 0 12px;
}

#columna_izq .caja_contenido img {
	border:0;
	padding:2px 0px 2px 0px;
	
}


#columna_izq h1{
	color:#3b6d55;
	font: bold 1.4em/14px Arial, Helvetica, sans-serif;
	padding:0 0 5px 0;	
}

#contenido{
	background:#EEDED8;
	float:left;
	font-size:12px;
	width:398px;
}

#contenido .caja_base_centro {
	background: #3333FF  url(../img/base_central.jpg) no-repeat left bottom;
	float:left;	
	height:24px;
	width:398px;
}

#contenido h1{
	color:#3b6d55;
	font:bold 26px  Arial, Helvetica, sans-serif;
	text-align:left;
}


#contenido .texto{
	font:normal 12px  Arial, Helvetica, sans-serif;
	margin:0 10px 0 10px;
	text-align:left;
	width:378px;
}

#wrapper {
	float: left;
	width: 591px;
}

#columna_der{
	
	background: #CAA99A  url(../img/bg_der.jpg) no-repeat right top;/*D8B7AB*/
 	float:right;
	width:184px;/*201*/

}

#columna_der .caja{
	background: #e2c7bc url(../img/bg_cola2.jpg) no-repeat right top;/*D6BAAE*/
	border-left: 1px solid #497133;
	border-right: 1px solid #497133;
	color:#000;
	font: 1.2em/20px Arial, Helvetica, sans-serif;
	margin-left:12px;	
	width:161px;	
}

#columna_der h2{
	background:url(../../img/caja_top.gif) no-repeat left top;
	height:20px;
	color:#FFF;	
	font: bold 1.2em/12px Arial, Helvetica, sans-serif;	
	padding:4px 0 0 12px;
	margin-left:12px;
}

#columna_der .base_caja {
	background: #CAA99A url(../img/caja_buttom.gif) no-repeat left bottom;
	height:15px;	
	padding:0px 0 0 10px;
	margin-left:12px;
	text-align:center;
	width:161px;	
}

#columna_der a ,
#columna_izq a{
	color:#689242;
	display:block;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	font-size:12px;
	width:136px;
	text-decoration:none;
}

#columna_der a:hover,
#columna_izq a:hover{
	color:#689242;
	text-decoration:underline;	
}

#columna_der li{	
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:normal;
	list-style:none;	
	margin:0 auto 0 auto;
	padding:5px 0 10px 0;
	text-align:center;
	width:136px;
}

#columna_der li img{
	margin:0 auto 0 auto;
	border:0px;
}

#columna_der ul{
	font: bold 1.2em Arial, Helvetica, sans-serif;
}

form{
	color:#000000;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
}
fieldset{
	border:0px;
}

legend{
	padding:0 0 0 0;
	margin:0 0 0 0;	 	
}

/*===========================================================================================*/


/*========================ESTILOS PARA EL PIE================================================*/
#pie{
	background:url(../img/creditos_int.jpg);
	clear:both;	
	height:48px;
	margin: 0 auto 0 auto;
	width:775px;
}
#pie img{
	border:0px;
}
#pie .creditos{
	font: bold 10px Arial, Helvetica, sans-serif;
	margin-right:60px;	
	text-align:right;
}
#pie .creditos a{
	color:#3b6d55;/*#689242;*/
	text-decoration:underline;
}
/*==========================================================================================*/


/*========================ESTILOS PARA LA CAPA DE IMAGENES===================================*/
#lightbox{
	 background-color:#eee;
	 border-bottom: 2px solid #666;
	 border-right: 2px solid #666;
	 -moz-border-radius:1px;	
	 padding: 10px;
	 position:absolute;
	 z-index:1;
}

#lightboxDetails{
 	/*font-size: 0.9em;*/
	font-size:12px;
 	padding-top: 0.4em;
 } 
 
#lightboxCaption{ float: left; }

#keyboardMsg{ float: right; }

#closeButton{ top: 5px; right: 5px; }

#lightbox img{ border: none; clear: both;} 

#overlay img{ border: none; }

#overlay{ background-image: url(overlay.png); }

* html #overlay{
	 background-color: #333;
	 back\ground-color: transparent;
	 background-image: url(blank.gif);
	 filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="overlay.png", sizingMethod="scale");
 }
 
/*==========================================================================================*/
 
/*=====================================PARA EL CALENDARIO===================================*/
.dia{

	margin-bottom: 5px;
	width: 42px;
}

.mes{
	
	margin-bottom: 5px;
	width: 80px;
}

/*==========================================================================================*/

/*======================================PARA LAS TABLAS=====================================*/

.celdas{
	/*border: 1px #CCCCCC dashed;*/
	float:left;
	width:372px;
	padding:2px;
	margin-bottom:5px;
}


.celdas a {
	color:#689242;
	/*display:block;*/
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	font-size:12px;
	text-decoration:none;
}
.celdas a:hover {
	text-decoration:underline;
}


.celdas img{
	border:0px;
	float:left;
	padding:2px;
}

.celdas .titulo{
	background:#e2c7bc;
	border-bottom:1px #caa99a solid;
	display:block;
	height:20px;
	padding-left:2px;
}

.celdas .titulo h2{
	color:#770b08;
	font: 18px  bold Arial, Helvetica, sans-serif;
}

/*==========================================================================================*/
.celdasfotos{
	/*border: 1px #CCCCCC dashed;*/
	display:block;
	float:left;
	margin:2px;
	width:175px;
	padding:2px;
	text-align:center;	
}

.celdasfotos img{
	border: 0px;
}

.td{
	/*border: 1px #CCCCCC solid;*/
	float:left;
	display:block;
	width:378px;
}


/*================================OPCIONES INFERIORES======================================*/
#opcion_inferior{
	display:block;
}

#opcion_inferior a{
	color:#689242;
	font: 12px Arial, Helvetica, sans-serif bold;	
	text-decoration:none;
}
.paginacion{
	color:#689242;
	font: 12px Arial, Helvetica, sans-serif bold;	
	text-align:center;
}
.pagina_actual{
	color:#770b08;
	font: 12px Arial, Helvetica, sans-serif bold;	
	text-align:center;
}

/*==========================================================================================*/

/*=============================PARA EL FORMULARIO DE CONTACTO===============================*/
#contacto{
	font:12px bold Arial, Helvetica, sans-serif;
	margin:0 auto 0 auto;
	width:250px;
}

#contacto form {
	padding: 10px;
	/*background: #84AA00;*/
	width: 230px;
}

#contacto legend {
	color:#47aa43;
	font:14px bold Arial, Helvetica, sans-serif;
	padding:5px 0 10px 0;
}


#contacto label {
	font: 12px bold Arial, Helvetica, sans-serif;
	/*color: #FFF;*/
	display: block;
}
#contacto label em{
	color:#FF0000;
}

.boton_enviar {
	border: 1px solid #e2c7bc;
	height: 27px;
	width: 88px;	
	/*background: #84AA00;*/	
	/*background-image: url(boton.jpg);*/
	/*text-indent: -9999px;*/	
}

.boton_reservar {
	background-image: url(../img/cal.gif);
	border: 1px solid #e2c7bc;
	cursor:pointer;
	height: 19px;
	width: 19px;
	margin-bottom: 5px;
	
}

.campo {
	border: 1px solid #e2c7bc;
	color: #669966;
	font: 12px Verdana, Arial, Helvetica, sans-serif;
	height: 15px;
	margin-bottom: 5px;
	padding: 2px;
	width: 200px;
	/*background: #CCC;
	background-image: url(f1.jpg);
	background-repeat: no-repeat;*/
}
/*
.campo:hover {
	/*background-image: url(f3.jpg);
	background: #FFF;
}*/

.campo_error {
	border: 1px solid #CC0000;
	color: #669966;
	font: 12px Verdana, Arial, Helvetica, sans-serif;
	height: 15px;
	margin-bottom: 5px;
	padding: 2px;
	width: 200px;
	/*background: #CCC;
	background-image: url(f1.jpg);
	background-repeat: no-repeat;*/
}

.campof {
	border: 1px solid #e2c7bc;
	color: #669966;
	font: 12px Verdana, Arial, Helvetica, sans-serif;
	height: 15px;
	margin-bottom: 5px;
	padding: 2px;
	text-align:center;
	width: 95px;

}

.campo_errorf{
	border: 1px solid #CC0000;
	color: #669966;
	font: 12px Verdana, Arial, Helvetica, sans-serif;
	height: 15px;
	margin-bottom: 5px;
	text-align:center;
	padding: 2px;
	width: 95px;

}

.comentario {
	border: 1px solid #e2c7bc;
	color: #669966;
	height: 100px;
	margin-bottom: 5px;
	width: 200px;
	/*background-image: url(f2.jpg);
	background-repeat: no-repeat;*/
}

.comentario_error{
	border: 1px solid #CC0000;
	color: #669966;
	height: 100px;
	margin-bottom: 5px;
	width: 200px;
	/*background-image: url(f2.jpg);
	background-repeat: no-repeat;*/
}
/*
#comentario:hover {
	background-image: url(f4.jpg);
}*/

.cantidad{
	margin-bottom: 5px;
	width: 42px;
}

/*==========================================================================================*/

/*==================PARA LOS ENVIOS DE FORMULARTIOS==============================*/
#correcto{
	background: #ffffec;
	border:1px #497133 solid;
	color:#497133;
	font:18px bold Arial, Helvetica, sans-serif;
	padding:5px;
	text-align:center;
	-moz-border-radius: 5px;
}

#correcto .resumen{
	font:12px Arial, Helvetica, sans-serif;
	text-align:left;
}


#correcto a {
	color:#2f4636;/*#689242;*/
	font: 12px Arial, Helvetica, sans-serif bold;	
	text-decoration:underline;
}

#error{
	background:#ffffec;
	border:1px #CC3300 solid;
	padding:5px;
	-moz-border-radius: 5px;
}

#error span{ 
	color:#e00707;
	/*display:inline;*/
	list-style: none;
	padding:2px 0 2px 0;
	/*height:16px;/*    
	list-style-position:inside;*/	
}