html { height:100% }
	
body {
	height: 100%;
	margin: 0px;
	padding: 0px;
	font-size:12px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	background-color:#4eb8b8;
	/*text-align:justify;*/
	color: #333333;
	
	background-image: url(../images/estructura/fondo_body.jpg);
	background-repeat:repeat-x;
	font-family:"Trebuchet MS", "TrebuchetMS", "Trebuchet", Georgia, "Times New Roman", Times, serif;
	}

#contenedorPrincipal {
	width:766px;
	max-width:766px;
	margin:auto;
	background-image: url(../images/estructura/marmol.jpg);
	}


/* General ############ */
h1 {font-size:16px; margin-bottom: 0px; /*background-image:url(../images/estructura/fondo_h2.gif); background-repeat:no-repeat; height:36px;*/}
h2 {font-size:14px; margin-bottom: 0px; background-image:url(../images/estructura/fondo_h2.gif); background-repeat:no-repeat; height:36px; padding-top:5px; padding-left:7px;}
h3 {font-size:13px; margin-bottom: 0px;}
h4 {font-size:12px; margin-bottom: 0px;}
h5 {}
p {}
ul {}
a:link, a:visited { color:#654100;}
a:hover { color:#000000; text-decoration:none; }


#auxiliarEncabezado { background-image: url(../images/estructura/fondo_contenido.gif);
	display:block;
	width:766px;}

/* Encabezado #########------------ */

#encabezadoDePagina {
	width:766px;
	height: 333px;
	background-image:url(../images/estructura/fondo_banner.jpg);
	background-repeat:no-repeat;
	z-index:1;
	}
#superior { width:766px; height:38px;}
	
	/* forma de Registro */
	#registro {
		position:absolute;
		font-size:10px;
		width:220px;
		float:right;
		margin-left:530px;
		margin-top:43px;
		color:#000;
		z-index:10;
		}

		
	#menuSuperior {
		margin-top: 2px;}
		
	/* Menu Superior */
	html>/**/body #menuSuperior {
		margin-top: -8px;
		position:absolute;
		z-index:11;
		}

		
	#menuSuperior ul {margin-left:250px;}
	html>body #menuSuperior ul {margin-left:275px;}
	html>/**/body #menuSuperior ul {margin-left:250px;}
	
	#menuSuperior ul li {
		list-style: none; 
		float: left;
		margin:10px;
		margin-left:30px;
	}
	
	
	#menuSuperior ul li a {
		color:#FFFFFF;
		font-weight:bold;
		text-decoration:none;
	}
	#menuSuperior ul li a:hover {
		text-decoration: underline;
	}

	#bannerFlash { width: 766px;}
/* Fin del encabezado */







/* Contenidos ######### */
#contenidos {
	background-image: url(../images/estructura/fondo_contenido.gif);
	display:block;
	width:766px;
	padding-top:10px;
}



	/* Menu Principal */
	
	#menuPrincipal {
		width: 185px;
		float:left;
		padding:0px;
		background-image:url(../images/estructura/fondo_menu.jpg);
		background-repeat:no-repeat;
		background-position:top left;
		margin-left:10px;
		padding-top:0px;
		
		}
	html>body #menuPrincipal {
		width: 185px;
		float:left;
		padding:0px;
		background-image:url(../images/estructura/fondo_menu.jpg);
		background-repeat:no-repeat;
		background-position:top left;
		margin-left:16px;
		padding-top:0px;
		}	
	
	
	#menuPrincipal .linkMenu {
		height:28px; /* Este valor es proporcional al width del Li A, suma el valor del A + los bordes de A  */
		line-height:28px;
		margin-left:5px;
		}
		
		html>body #menuPrincipal .linkMenu {
		height:30px; /* Este valor es proporcional al width del Li A, suma el valor del A + los bordes de A  */
		line-height:30px;
		margin-left:5px;
		}
	
	#menuPrincipal .linkMenu a {
		text-decoration: none;
		text-align: left;
		
		font-size: 13px;
		font-weight:bold;
		color:#017B52;
		text-indent:35px;
	
		float:left; /* Para que el boton tome width y height necesita estar en Float */
		
		/* opcional */
		width:100%;
		height:30px;
		
		/* Opcional */
		/* border-bottom:1px solid #D9D3B6;*/
		
	}
	
	#menuPrincipal .linkMenu a:hover {
		color:#000;
		background-image:url(../images/estructura/fondo_boton.gif);
		background-repeat:no-repeat;
		background-position:5px;	
		
		display:block;
		font-weight:bold;
	}
	
	#ancho { height:45px;}
	
	#events { height:55px;
		      line-height:28px;
		      margin-left:5px;}
			  
    #events a {text-decoration: none;
		       text-align: left;
		       font-size: 13px;
		       font-weight:bold;
		       color:#017B52;
		       text-indent:34px;
		       float:left;
		       width:100%;
		       height:55px;
	           }
			   
    #events a:hover {
	                 color:#000;
		             background-image:url(../images/estructura/fondo_events.gif);
		             background-repeat:no-repeat;
		             background-position:5px;	
		
		             display:block;
		             font-weight:bold;
	                 }
	
	
	#reservaciones {		
		color: #363106;
		}	
		
	#reservaciones a {
		color:#061c2a;
		font-size:10px;
		text-decoration:none;
		}
	#reservaciones a:hover {
		text-decoration: none;
		}
	#reservaciones span { position:absolute; margin:0px; padding:0px; margin-top:-40px; width:160px; padding-left:8px; line-height:11px;}
	#reservaciones span a { color:#FFFFFF; font-size:10px; }
	#reservaciones span a:hover { color:#000; }



#contenidoPrincipal {
	width:500px;
	height:100%;
	float: left;
	margin-top:20px;
	margin-left:-15px;
	z-index:10;
}

html>body #contenidoPrincipal {
	width:500px;
	height:100%;
	float: left;
	margin-top:20px;
	margin-left:20px;
	z-index:10;
}




/* Pagina principal */

	#galeriaHome {
		margin-bottom: 30px;
		}
/* Fin de pagina principal */

/* Galerias */
	.thumbDerecho {
		float: right;
		margin-left:10px;
		border:none;
		}
	.thumbizquierdo {
		float:left;
		margin-right:10px;
		border:none;
		}
	#galeriaHome img {
		margin:10px;
		margin-left:0px;
		}
	#galeriaPieDePagina img {
		margin-right:10px;
		margin-top: 10px;
		}
		
		/* Scrpts de galerias */
	
		#HotelGallery img { margin-right: 13px; margin-bottom:10px; padding:0px;
		/*background-color:#FFFFFF;
		border: 1px solid #baa995;*/}
		
		/* Estilos para el efecto LightBox */
		#lightbox{ background-color:#eee; padding: 10px; border-bottom: 2px solid #666; border-right: 2px solid #666; }
		
		#lightbox a, #lightbox a:visited {}
		#lightbox a:hover {}
		
		#lightboxDetails{ font-size: 10px; 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(../hotelgal/overlay.png); }
		
		* html #overlay {
			background-color: #333;
			back\ground-color: transparent;
			background-image: url(../hotelgal/overlay.png) repeat; 

			/*filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="../hotelgal/overlay.png", sizingMethod="scale");*/
		}
		
		

/* Fin de galerias */


#agentes {}
#agentes td { padding:15px; background-color:#FFFEF4; background-repeat:no-repeat; text-align:center; background-position:center; font-size:16px; font-weight:bold}
#agentes th { background-color:#FBEEB4; padding:10px; text-align:center; font-size:18px}



/* Contacto */
	#contacto {
		width: 350px;
		margin:auto;
		}
		
		
/* iconos amenidades */
	#amenidades {}
	#amenidades img {
		margin-right:0px;
		}

	#amenidades ul { padding-left:0px;}
	#amenidades ul li {
		list-style: none;
		width: 235px;
		float:left;
		margin-left:0px; /* IE6 no soporta padding en UL */
		}
		html>body #amenidades ul li { margin-left:-20px; }
		html>/**/body #amenidades ul li { margin-left:0px; }
			
			
	/* Listado de amenidades de habitacion */
	
	#amenidadesList {
	text-align: left;
}
	#amenidadesList ul { padding-left:0px;}
	
		
	#amenidadesList li {
		list-style:none;
		float:left;
		
		width: 230px;
		padding-left:7px; /* Espacio para los Bullets */
		margin-left:-10px; /* IE6 no soporta padding en UL */
		margin-right: 17px;
		
		background-image: url(../images/estructura/ball.gif);
		background-repeat: no-repeat;		
		background-position:left 5px;
		}
		html>body #amenidadesList li { margin-left:-20px; }
		html>/**/body #amenidadesList li { margin-left:5px; }
	
/* Fin de contenidos */






/* Estilos Pie de pagina */
	
#pieDePagina {
	clear:both;
	height: 338px;
	width:766px;
	background-image: url(../images/estructura/fondo_piedepagina.jpg);
	background-repeat: no-repeat;
	background-position: bottom;
	font-size:11px;
	text-align: left;
	color:#FFF;
	}
	
html>body #pieDePagina {background-position: 0px bottom;}

#datosDelHotel {
	padding-top:210px;
	width: 740px;
	text-align: right;
	margin-right:25px;
	}
#linksPieDePagina {
	margin-top:5px;
	color:#FFF;
	width:740px;
	text-align:right;
	margin-right:25px;
	}
#linksPieDePagina a {
	color:#fef7e2;
	}
#linksPieDePagina a:hover {
	color:#fff;
	text-decoration:none;
	}
	
	
/* Auxiliares */

#pieAuxiliar { display:none;}


/* Agentes */
.agentes {
    width:452px; height:234px;
	background-image: url(../images/estructura/codigo.gif);
	background-repeat: no-repeat;
	background-position: center;
	text-align: center;
	font-size:22px; 
	font-weight:bold;
	margin-left:28px;
}

.agents {
    width:452px; height:234px;
	background-image: url(../images/estructura/code.gif);
	background-repeat: no-repeat;
	background-position: center;
	text-align: center;
	font-size:22px; 
	font-weight:bold;
	margin-left:28px;
}
/*---------------------------------------------------------------------------------------*/


/* Guestbook */

#guestbook {}

#agregarComentario {
	background-color:#faf3d6;
	padding:25px;
	border:solid 1px #d8ceab;
	color:#6b4f39;
	}
#confirmacion {
	background-color:#fefbee;
	border: solid 1px #d8ceab;
	padding:25px;
	}
			
#comentariosAgregados {}
.bloqueComentario {}
.encabezado {}
	.nombre { font-size:12px; font-weight:bold; color:#6c5e30;}
	.fecha { font-size:11px; color:#aa9d71;}
.comentario {
	background-color:#fefcf3;
	border: solid 1px #d8ceab;
	border-bottom:none;
	padding:25px;
	padding-bottom:0px;
	background-image:url(../images/guestbook/1.gif);
	background-repeat:no-repeat;
	}
.cierreComentario {
	background-color:#fefcf3;
	border: solid 1px #d8ceab;
	border-top:none;
	background-image:url(../images/guestbook/2.gif);
	background-position: right bottom;
	background-repeat:no-repeat;
	height:25px;
	}
input, textarea {
	width:250px;
	border:solid 1px #d8ceab
	}
textarea { height:150px;}
.enviar { background-color:#d8ceab; }