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

Estilos para el Home de Cabinas el Quetzal
 */
*{
 	margin:0;
 	padding:0;
}
body{
	font-size:10px;
	background:url('../img/back.jpg');
}
form{
	color:#000000;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
}

#cabeza{
	margin: 0 auto 0 auto;
	position:relative;
	width:775px;
}
#cabeza .marca {
	height: 208px;
	margin: 0 auto 0 auto;
}

#cabeza .marca h1 object{
	position: absolute;
	top:0;
}

/*ESTILOS PARA EL CUERPO*/
#columna_izq{
	background:#0F4428 url('../img/lat-degradado.jpg') no-repeat left bottom;	
	float:left;
	width:182px
	
}

#cuerpo{
	/*si quiereo ponerle el color de fondo a toda la pagina*/
	background:#CAA99A url('../img/lat-degradado1.jpg') repeat-y left bottom;
	margin: 0 auto;
	overflow:hidden;
	position:relative;
	width:775px		
}
#cuerpo a{
	text-decoration:none;
}

#cuerpo h2{
	color:#FFFFFF;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	vertical-align:text-bottom;
}

#menu{
	background: #0F4428 url('../img/bg_menu.jpg') no-repeat right bottom;/*0F4428*/
	float:left;
	padding-left:10px;
	padding-bottom:10px;
	width:172px	
}
#menu a{
	background: url('../img/bg_navegador.gif') no-repeat right bottom;
	color:#FFFFFF;
	display:block;
	float:left;
	padding-bottom:5px;
	width:97px
}
#menu a:hover{
	color:#689242;
}

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

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

#menu strong{
	 color:#689242;
	 display:block;
	 float:left;
	 height:23px;
	 width:107px;
}
#reservaciones{
	background:#CAA99A;
	float:right;	
	padding-bottom:10px;
	padding-left:10px;
	padding-top:15px;	
	width:162px;/*original 162 le quito el borde*/	
}

#reservaciones .caja{		
	background:#D6BAAE;
	border-left: 1px solid #497133;
	border-right: 1px solid #497133;
	color:#000;
	font: 12px Arial, Helvetica, sans-serif;
	padding:5px 5px 0px 10px;	
	height:125px;	
}

#columna_izq h2{
	background:url('../img/caja_top.gif') no-repeat right top;
	height:20px;	
	padding:4px 0 0 10px;
}

#columna_izq .base_caja {	
	background: #CAA99A url('../img/caja_buttom.gif') no-repeat right bottom;	
	height:15px;
	padding-left:10px; padding-right:0; padding-top:0px; padding-bottom:0
}

#contenido{
	background: #CAA99A;/*#CCC;*/
	display:block;
	float:left;
	font-size:12px;
	margin:1px 22px 0 22px;
	width:348px;
}

fieldset{
	border:0px;
}

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

.celdas {
	float:left;
	/*border:#CCCCCC dashed 1px;*/
	width:348px
}

.celdas .texto{	
	background: #D6BAAE;
	border-left: 1px solid #497133;
	border-right: 1px solid #497133;
	float:left;
	font: 12px Arial, Helvetica, sans-serif;
	text-align:left;
	width:341px;/*era 346 pero el pading tuve que quitarle*/
	padding:0 0 0 5px;
}

.celdas .texto p{	
	padding:0 0 0 0px;
	
}

.celdas .texto a{	
	color:#689242;
	display:inline;
	font: bold 12px Arial, Helvetica, sans-serif;
	text-decoration: underline;
}
.celdas .texto a:hover{	
	text-decoration:underline;
}

.celdas .texto h1{
	color:#3b6d55;
	font: 14px Arial, Helvetica, sans-serif;
	padding:0 0 5px 5px;
	font-weight:bold;
}

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

.celdas .base_caja {
	background: #CAA99A url('../img/caja_central_buttom.gif') no-repeat right bottom;
	height:15px;
	float:inherit;
	w\idth:348px; 
	margin:0 0 19px 0;
	padding:0 0 0 0;

}

#contenido h2{
 	background:url('../img/caja_central_top.gif') no-repeat right top;
	height:22px;	
	padding:4px 0 0 12px;

}


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

#columna_der{
	background: #CAA99A url('../img/cola-quetzal.jpg') no-repeat right top;
 	float:right;
	font: bold 12px Arial, Helvetica, sans-serif;
	margin:1px 0 5px 0;
	width:199px
}

#columna_der .caja{
	background: #D6BAAE;
	border-left: 1px solid #497133;
	border-right: 1px solid #497133;
	color:#000;
	font: 1.2em/12px Arial, Helvetica, sans-serif;
	width:161px;	
}

#columna_der h2{
	background:url('../img/caja_top.gif') no-repeat left top;
	height:20px;	
	padding:4px 0 0 12px;
}

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

#columna_der a{
	color:#689242;
	display:block;
	font: bold 12px Arial, Helvetica, sans-serif;
	text-decoration:underline;	
	width:111px;
	padding:0 0 3px 0;
}

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

#columna_der .texto{	
	font: 12px normal Arial, Helvetica, sans-serif;
	list-style:none;	
	padding:5px 0 10px 0;
	margin:0 auto 0 auto;
	width:135px;
}

#columna_der .texto img{
	border:0px;
}

#columna_der li img{
	border:0px;
}


/*========================ESTILOS PARA EL PIE================================================*/
#pie{
	background:#D6BAAE url(../img/creditos.jpg) no-repeat;
	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;
}
/*==========================PARA EL FORMULARIO DE RESERVACIONES=================================*/

.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;

}

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