@charset "utf-8";
/* haciendaguadalupehotel.com julio 2007 */

*{ padding:0px; margin:0px;}
html,body { height:100%;}
img{ border:none;}
a, a:visited, a:active{ outline:none; color:#684533;}
.derecha{ float:right;}
.izquierda{float:left;}
.foto_derecha{
	float:right;
	padding:0px;
	border:none;
	margin:0px;
	display:inline;
}
h1{
	font:30px garamond, "times New Roman", times, serif;
	color:#555039;
	margin:5px 0px 5px 0px;
	padding:0px;
}
h2{
	font:20px garamond, "times New Roman", times, serif;
	color:#555039;
	margin:5px 0px 5px 0px;
	padding:0px;
}

body{
	background:#FFFFFF;
	font:12px Arial, Helvetica, sans-serif;
	color:#555555;
	text-align:center;
}
/* layout del sitio */
#contenedor{
	width:831px;
	height:506px;
	margin:0 auto;
	margin-top:45px;
	background:url(../images/anuncio/hacienda_guadalupe_hotel_home.jpg) no-repeat;
	font:12px Arial, Helvetica, sans-serif;
	color:#555555;
	text-align:left;
}
/* contenedor del inicio en espanol */
#contenedor_en{
	width:809px;
	height:517px;
	margin:0 auto;
	margin-top:45px;
	background:url(../images/inicio/inicio_back_en.jpg) no-repeat;
	font:12px garamond, "times New Roman", times, serif;
	color:#555555;
	text-align:left;
}


#contenedor_esp{
	width:809px;
	height:517px;
	margin:0 auto;
	margin-top:45px;
	background:url(../images/inicio/inicio_back.jpg) no-repeat;
	font:12px garamond, "times New Roman", times, serif;
	color:#555555;
	text-align:left;
}
	#con_lados_home{
		width:809px;
		height:310px;
		padding:0px;
		margin:0px;
		font:13px "Times New Roman", Times, serif;
		color:#E2D6C1;
	}
	#con_lados_home_izquierdo{
		float:left;
		width:404px;
		height:310px;
		font:13px "Times New Roman", Times, serif;
		color:#E2D6C1;
	}
		/* Lado izquierdo del menu top en home*/
		#con_lados_home_izquierdo_menu{
			width:154px;
			/*height:115px;*/
			height:196px;
			float:left;
			font:13px garamond, "times New Roman", times, serif;
			color:#E2D6C1;
			padding:0px;
			margin:88px 0px 0px 74px;
		}
		.texto_home_head{
			font:16px  "Times New Roman", Times, serif;
			color:#C4A285;
			display:block;
			font-weight:bold;
		}
		.separador_home{
			width:100%;
			height:5px;
			display:block;
			padding:0px;
			margin:0px;
		}
		.caja_texto_home{
			font:12px  "Times New Roman", Times, serif;
			color:#C4A285;
			text-align:left;
			padding:0px;
			margin:7px 0px 7px 0px;
		}
		/* lado izquierdo menu home down top */
		#down_home_left{
			width:154px;
			font:16px "Times New Roman", Times, serif;
			color:#684533;
			text-align:center;
			margin:32px 0px 0px 0px;
			padding:0px;
		}
		#down_home_left a, #down_home_left a:active, #down_home_left a:visited {
			font:16px "Times New Roman", Times, serif;
			color:#684533;
			text-decoration:none;
		}
		#down_home_left a:hover{
			text-decoration:underline;
		}

	
	#con_lados_home_derecho{
		width:404px;
		height:310px;
		float:right;
		font:13px garamond, "times New Roman", times, serif;
		color:#E2D6C1;
	}
		#con_lados_home_derecho_logo{
			float:right;
			width:202px;
			height:163px;
			padding:0px;
			margin:0px 5px 0px 0px;
		}
	
/* contenedores principales */
#main_contenedor{
	width:808px;
	height:506px;
	background:#FFFFFF url(../images/main/back_main.jpg) no-repeat;
	font:12px Arial, Helvetica, sans-serif;
	color:#222222;
	text-align:center;
	margin: 0 auto;
	margin-top:45px;
	border:none;
	z-index:1;
	position:relative;
}
#menu_opcional{
	width:702px;
	height:24px;
	margin: 0 auto;
	font:12px Arial, Helvetica, sans-serif;
	color:#666666;
	text-align:left;
	z-index:2;
}
#viga{
	width:702px;
	height:50px;
	background:url(../images/viga/viga_back.gif) no-repeat right;
	font:12px Arial, Helvetica, sans-serif;
	color:#FFFFFF;
	margin:0 auto;
	text-align:center;
	z-index:2;
	position:relative;
}
/* contenedor logo */
#contenedor_logo{
	width:197px;
	height:121px;
	margin:0 auto;
	z-index:3;
	position:relative;
	margin-top:-108px;
}
/* espaceador en el home */
#spacer_home_menu{
	width:100%;
	height:65px;
	margin:0px;
	padding:0px;
}
/* contenedor grande del home */
#menu_grande_contenedor{
	width:300px;
	height:30px;
	font:12px Georgia, "Times New Roman", Times, serif;
	color:#726658;
	margin: 0 auto;
	margin-bottom:3px;
	text-align:left;
	padding:0px;
}
	#menu_grande_contenedor a, #menu_grande_contenedor a:visited, #menu_grande_contenedor a:active {
		font:14px garamond, "times New Roman", times, serif;
		color:#726658;
		text-decoration:none;
		padding:0px;
		margin:0px;
		display:inline;
		
	}
	#menu_grande_contenedor  a img{
		padding:0px;
		display:inline;
		margin:0px;
	}
	#barra_down{
		width:490px;
		height:2px;
		margin: 0 auto;
		margin-bottom:13px;
		display:block;
		background:url(../images/menu_home_esp/barra_down.gif) center no-repeat;
	}

/* menu de navegacion */
#menu_contenedor{
	/*width:660px; */
	width:600px;
	height:25px;
	font:12px Georgia, "Times New Roman", Times, serif;
	color:#726658;
	margin: 0 auto;
	margin-top:5px;
	text-align:left;
	padding:0px;
}
	#menu_contenedor a, #menu_contenedor a:visited, #menu_contenedor a:active {
		font:14px garamond, "times New Roman", times, serif;
		color:#726658;
		text-decoration:none;
		padding:0px;
		margin:0px;
		display:inline;
		
	}
	#menu_contenedor  a img{
		padding:0px;
		display:inline;
		margin:0px;
		
	}
/* contenedor informacion */
#contenedor_informacion{
	width:447px;
	height:315px;
	float:left;
	font:16px garamond, "times New Roman", times, serif;
	color:#555039;
	text-align:left;
	/*margin:10px 0px 0px 58px; */
	background:url(../images/main/back_texto.gif) no-repeat top center;
}
	#main_text{
		font:16px garamond, "times New Roman", times, serif;
		color:#555039;
		text-align:left; 
		position:absolute;
		width:421px;
		height:315px;
		overflow: hidden;
	}
	.Scroller-Container {
	  position: absolute;
	 /* padding:5px 10px 5px 10px; */
	  padding:4px 4px 4px 22px;
	  /*width:413px; */
	  width:395px;
	  
	  text-align:left;
	  font:16px garamond, "times New Roman", times, serif;
	  color:#555039;
	}
	.Scroller-Container p{
		font:16px garamond, "times New Roman", times, serif;
		color:#555039;
		text-align:left;
		line-height:22px;
		margin:10px 0px 10px 0px;
	}
	/* links dentro del contenido*/
	.Scroller-Container a, .Scroller-Container a:visited, .Scroller-Container a:active{
		font:16px garamond, "times New Roman", times, serif;
		color:#555039;
		text-decoration:underline;
		font-weight:bold;
	}
	.Scroller-Container a:hover{
		font:16px garamond, "times New Roman", times, serif;
		color:#555039;
		text-decoration:none;
		font-weight:bold;
	}
	/* listade dentro del contenido */
	.Scroller-Container ul{
		margin:5px;
		padding:3px;
		width:360px;
		display:block;
	}
	.Scroller-Container li{
		font:17px garamond, "times New Roman", times, serif;
		color:#555039;
		margin:2px 0px 2px 15px;
		list-style:square;
	}
	
	/* para los botones del scroll */
	#scroll_contenedor{
		width:26px;
		height:315px;
		float:right;
		margin:0px;
		padding:0px;
	}
	#scroll_contenedor a, #scroll_contenedor a:visited, #scroll_contenedor a:active{
		border:none;
		outline:none;
		text-decoration:none;
		padding:0px;
		margin:0px;
	}
/* contenedor generico */
#contenedor_generico{
	width:695px;
	height:315px;
	float:left;
	margin:10px 0px 0px 58px;
	font:17px garamond, "times New Roman", times, serif;
	color:#555039;
	text-align:left;
	line-height:22px;
	z-index:4;
	position:relative;
}


	
/* contenedor de fotos */	
#contenedor_foto{
	width:321px;
	height:363px;
	z-index:5;
	position:relative;
	margin-top:-10px;
	margin-right:-85px;
	float:right;
}
/*  contenedor de fondo de foto o galaria flash */
#foto_o_flash_seccion{
	width:284px;
	height:323px;
	z-index:10;
	position:relative;
    margin-top:-306px;
	left:302px;
	float:right;
	font:16px garamond, "times New Roman", times, serif;
	color:#555039;
}
	#foto_o_flash_seccion p{
		font:16px garamond, "times New Roman", times, serif;
		color:#555039;
		text-align:left;
		line-height:22px;
		margin:10px 0px 10px 0px;
		padding:2px 5px 2px 5px;
	}
	#foto_o_flash_seccion a, #foto_o_flash_seccion a:visited, #foto_o_flash_seccion a:active{
		border:none;
		outline:none;
		text-decoration:underline;
		padding:0px;
		margin:0px;
		font:16px garamond, "times New Roman", times, serif;
		color:#555039;
	}
	#foto_o_flash_seccion a:hover{
		border:none;
		outline:none;
		text-decoration:none;
		padding:0px;
		margin:0px;
		font:16px garamond, "times New Roman", times, serif;
		color:#555039;
	}

/* footer */
#direcciones_mapa{
	width:598px;
	height:20px;
	margin: 0 auto;
	font:16px garamond, "times New Roman", times, serif;
	color:#AAAAAA;
	text-align:right;
	padding:1px 105px 1px 105px;
	clear:both;
}
	#direcciones_mapa a,  #direcciones_mapa a:visited, #direcciones_mapa a:active{
		font:16px garamond, "times New Roman", times, serif;
		color:#7C7B7B;
		text-decoration:none;
		padding:2px 10px 2px 10px;
	}
	#direcciones_mapa a:hover{
		font:16px garamond, "times New Roman", times, serif;
		color:#7C7B7B;
		text-decoration:underline;
		padding:2px 10px 2px 10px;
	}
	
	
/* nav top */	
.nav_top_links{
	width:598px;
	height:20px;
	font:16px garamond, "times New Roman", times, serif;
	color:#AAAAAA;
	text-align:left;
	padding:1px 0px 1px 0px;
	clear:both;
}
	.nav_top_links a:link,  .nav_top_links a:visited, .nav_top_links a:active{
		font:16px garamond, "times New Roman", times, serif;
		color:#7C7B7B;
		text-decoration:none;
		padding:2px 10px 2px 10px;
	}
	.nav_top_links a:hover{
		font:16px garamond, "times New Roman", times, serif;
		color:#7C7B7B;
		text-decoration:underline;
		padding:2px 10px 2px 10px;
	}



/* footer */
#footer{
	clear:both;
	width:748px;
	height:20px;
	text-align:center;
	font:12px "Times New Roman", Times, serif;
	color:#BEBDBD;
	margin: 0 auto;
	margin-top:10px;
	background:url(../images/footer/foote_back.gif) top center no-repeat;
	padding:20px 0px 0px 0px;
}
	#footer a, #footer a:visited , #footer a:active{
		font:12px "Times New Roman", Times, serif;
		color:#BEBDBD;
		text-decoration:none;
	}
	#footer a:hover{
		font:12px "Times New Roman", Times, serif;
		color:#BEBDBD;
		text-decoration:underline;
	}
	
/* scroller controlls  */
.Scrollbar-Up {
  cursor: pointer;
  position: absolute;
  margin-top:117px;
  margin-left:3px;
}
.Scrollbar-Down {
  cursor: pointer;
  position: absolute;
  margin-top:152px;
  margin-left:3px;
}

/* Imagenes  */
img.derecha {
	margin: 0 0 10px 10px;
	float: right;
	border: none;
}	
img.derecha-borde {
	margin: 0 10px 10px 10px;
	float: right;
	border: 1px solid #CCCCCC;
	padding: 2px;
	background: #FFFFFF;
}
img.centro {
	display: block;
	margin: 10px auto 10px auto;
	text-align: center;
	border: none;
}
img.centro-borde {
	display: block;
	margin: 10px auto 10px auto;
	text-align: center;
	border: 1px solid #CCCCCC;
	padding: 2px;
	background: #FFFFFF;
	}
img.izquierda {
	margin: 0 10px 10px 0;
	float: left;
	border: none;
}	
img.izquierda-borde {
	margin: 0 10px 10px 0;
	float: left;
	border: 1px solid #CCCCCC;
	padding: 2px;
	background: #FFFFFF;
}

.video {
	display: block;
	margin: 10px auto 5px auto;
	text-align: center;
	padding: 4px;
}
/* forma de contacto */
fieldset{
	font:13px Helvetica, verdana, arial, sans-serif;
	color:#2B78B5;
	border:none;
	padding:5px 10px 5px 10px;
	width:350px;
	margin:2px 0px 2px 0px;
}
	fieldset.contacto{
		font:13px Helvetica, verdana, arial, sans-serif;
		color:#2B78B5;
		border:none;
		padding:5px 10px 5px 10px;
		width:250px;
		margin: 0 auto;
	}	
fieldset a, fieldset a:visited, fieldset a:active{
	font-weight:bold;
	font:16px Helvetica, verdana, arial, sans-serif;
	margin:2px 0px 2px 0px;
	text-align:left;
	color:#2B78B5;
	text-decoration:none;
}
fieldset a:hover{
	background:#2B78B5;
	font:16px Helvetica, verdana, arial, sans-serif;
	color:#FFFFFF;
	padding:2px 7px 2px 7px;
}
legend{
	font:17px garamond, "times New Roman", times, serif;
	font-weight:bold;
	color:#B18D61;
	padding:0px 5px 0px 0px;
}
label{
	display:block;
	font-weight:bold;
	font:15px Georgia, "Times New Roman", Times, serif;
	margin:2px 0px 1px 0px;
	text-align:left;
	color:#B18D61;
}
/*input{
	width:200px;
	height:16px;
	padding:2px 2px 2px 2px;
	font:12px Arial, Helvetica, sans-serif;
	background:#FDFDFD;
	display:block;
	font-weight:bold;
}*/
textarea {
	width:200px;
	height:100px;
	padding:2px 2px 2px 2px;
	font:12px Arial, Helvetica, sans-serif;
	background:#FDFDFD;
	display:block;

}
input.btn{
	font:16px garamond, "times New Roman", times, serif;
	color:#FFFFFF;
	display:block;
	width:150px;
	height:30px;
	text-align:center;
	font-weight:bold;
	background:#BF9E75;
	margin:5px 0px 5px 0px;
}
.cajas_de_texto{
	font:14px Helvetica, verdana, arial, sans-serif;
	background:#FEFDFC url(../images/forma/back_text.gif) repeat-x;
	border: 1px solid #DABF9F;
	color:#222222;
	width: 290px;
	padding:3px 2px 1px 2px;
	height:19px;
	display:block;
}
.campo_requerido{
	font-weight:bold;
	font:12px Helvetica, verdana, arial, sans-serif;
	color:#FFFFFF;
	background:#DD0000;
	padding:0px 3px 0px 3px;
	margin:0px 0px 0px 10px;
}
.no_comentarios{
	width:380px;
	height:50px;
	padding:10px;
	font:26px "Trebuchet MS", Arial, verdana;
	color:#FFCC66;
	text-align:center;
	margin:0 auto;
}
/* contenedores secciones especiales */
.contenedor_sec_especiales{
	width:173px;
	height:254px;
	/*background: url(../images/hotel/hotel_back.png); */
	position:absolute;
}
	.conte_temp{
		width:173px;
		height:254px;
		position:relative;
		z-index:1;
	}
	
	.conte_bien_hotel{
		width:182px;
		height:256px;
		position:relative;
		z-index:2;
		left:-11px;
		background:url(../images/hotel/hotel_back.png) no-repeat;
		border: transparent solid 1px;
	}
	.con_menu_hotel{
		width:124px;
		height:122px;
		margin:55px 0px 2px 28px;
	}
	
	.conte_bien_eventos{
		width:182px;
		height:256px;
		position:relative;
		z-index:2;
		left:-11px;
		background:url(../images/bodas/eventos_back_con.png) no-repeat;
		border: transparent solid 1px;
		color:#563626;
	}
	
	.conte_bien_eventos_en{
		width:182px;
		height:256px;
		position:relative;
		z-index:2;
		left:-11px;
		background: url(../images/bodas/events_back_con.png) no-repeat;
		border: transparent solid 1px;
		color:#563626;
	}
	.con_menu_eventos{
		width:124px;
		height:122px;
		margin:40px 0px 5px 28px;
		color:#563626;
	}

	
	/* menu de hotel y mas */
	.con_menu_hotel ul, li{
		list-style:none;
		font-family:garamond, "times New Roman", times, serif;
		color:#C4A285;
	}
	.con_menu_hotel a, .con_menu_hotel a:active, .con_menu_hotel a:visited{
		font:13pt garamond, "times New Roman", times, serif;
		color:#C4A285;
		border-bottom:#C4A285 1px solid;
		display:block;
		text-decoration:none;
		padding:10px 0px 10px 5px;
		font-weight:bold;
	}
	.con_menu_hotel a:hover, .activa_hotel{
		background:url(../images/hotel/fondo_menu_hotel.gif) no-repeat;
		background-position: 0% 80%;
	}
	
	/* menu de eventos  */
	.con_menu_eventos ul, li{
		list-style:none;
		font-family:garamond, "times New Roman", times, serif;
		color:#563626;
	}
	.con_menu_eventos a, .con_menu_eventos a:active, .con_menu_eventos a:visited{
		font:13pt garamond, "times New Roman", times, serif;
		color:#563626;
		border-bottom:#7F482A 1px solid;
		display:block;
		text-decoration:none;
		padding:10px 0px 10px 0px;
		font-weight:bold;
		text-align:center;
	}
	.con_menu_eventos a:hover, .activa_eventos{
		background:url(../images/bodas/boda_link_back.png) no-repeat;
		background-position: 50% 80%;
	}

	
	.con_precios{
		width:124px;
		height:50px;
		margin:0px 0px 2px 28px;
	}
	.con_precios_izquierdo{
		width:67px;
		height:50px;
		float:left;
		font:13px garamond, "times New Roman", times, serif;
		color:#C4A285;
	}
	.con_precios_derecho{
		width:57px;
		height:40px;
		padding-top:10px;
		float:right;
		font:13px garamond, "times New Roman", times, serif;
		color:#C4A285;
	}


/* live validation */
.LV_validation_message{
    font-weight:bold;
    margin:0 0 0 5px;
}

.LV_valid {
	color:#777777;
    
}
	
.LV_invalid {
    color:#CC0000;
}
    
.LV_valid_field,
input.LV_valid_field:hover, 
input.LV_valid_field:active,
textarea.LV_valid_field:hover, 
textarea.LV_valid_field:active {
    border: 1px solid #C0C0C0;
}
    
.LV_invalid_field, 
input.LV_invalid_field:hover, 
input.LV_invalid_field:active,
textarea.LV_invalid_field:hover, 
textarea.LV_invalid_field:active {
    border: 1px solid #CC0000;
}

/* lista de precios */	
#lista_precios{
	background:#F1EFDF url(../images/reservacion/fondo_reservacion.jpg) repeat-x;
	width:370px;
	height:666px;
}
.barrita{
	display:block;
	margin:5px 0px 5px 0px;
	background-repeat:no-repeat;
}

#lista_precios p{
	font:14px "Times New Roman", Times, serif;
	color:#563626;
	text-align:center;
	margin:2px 0px 2px 0px;
	padding:2px;
	line-height:15px;
}

/* RESERVACIONES */
#con_reservacion{
	width:500px;
	/*height:666px; */
	margin: 0 auto;
	background:#F1EFDF url(../images/reservacion/fondo_reservacion.jpg) repeat-x;
	font:13px garamond, "times New Roman", times, serif;
	color:#7F472A;
}
	#con_reservacion p{
		font:13px "Times New Roman", Times, serif;
		color:#7F472A;
		margin:5px 0px 5px 0px;
	}
	
	.bt_reservar{
		background:#7F482A;
		margin:0px;
		padding:5px;
		font:18px "Times New Roman", Times, serif;
		color:#FFFFFF;
	} 

	#reser_header{
		width:500px;
		height:82px;
		font:13px garamond, "times New Roman", times, serif;
		color:#7F472A;
	}
		#reser_header_left{
			float:left;
			width:145px;
			height:82px;
			padding:0px;
			margin:0px;
		}
		#reser_header_derecho{
			width:490px;
			height:42px;
			font:14px garamond, "times New Roman", times, serif;
			color:#7F472A;
			float:right;
			padding:20px;
			padding-top:15px;
			text-align:left;
		}
				#reser_header_derecho h2{
					font:30px garamond, "times New Roman", times, serif;
					color:#FFFFFF;
					padding:0px;
					margin:0px 0px 2px 0px;
					font-weight:bold;
				}
				#reser_header_derecho h3{
					font:17px garamond, "times New Roman", times, serif;
					color:#FFFFFF;
					padding:0px;
					margin:0px 0px 0px 0px;
				}
				
#con_forma_reser{
	width:500px;
	padding:0px;
	font:15px garamond, "times New Roman", times, serif;
	color:#7F472A;
	display:block;
	text-align:left;
}
/* calendario */
input.calendar {
	font:14px Helvetica, verdana, arial, sans-serif;
	background:#FEFDFC url(../images/forma/back_text.gif) repeat-x;
	border: 1px solid #DABF9F;
	color:#222222;
	width: 120px;
	padding:3px 2px 1px 2px;
	height:19px;
	display:block;
}
button.calendar {
  background:url(../images/calendar/calendar-icon.gif);
  border: 0;
  cursor: pointer;
  float: left;
  height: 20px;
  margin-right: 6px;
  width: 20px;
}
button.calendar:hover, button.calendar.active {
  background-position: left bottom;
}
.calendar{
	background:#FFFFFF;
}	

/*
	gallery map
*/
#cont_foto{
	width:697px;
	height:331px;
	margin:0 auto;
	background:#FFFFFF url(../images/galeria/galeria_link_en.jpg) no-repeat;
	display:block;
}
	#cont_foto a{
		text-decoration:none;
	}

.hide {
	border:none;
	padding:0px;
	margin:0px;
	visibility:hidden;

}	
#indoors{
	position:absolute;
	width:204px;
	height:50px;
	margin-top:100px;
	
}
#events2{
	width:256px;
	height:98px;
	position:absolute;
	margin-left:200px;
	margin-top:190px;
}	
#outdoors{
	width:290px;
	height:104px;
	position:absolute;
	margin-left:200px;
	margin-top:76px;
}	
#details{
	width:190px;
	height:50px;
	position:absolute;
	margin-left:497px;
	margin-top:100px;
}	
#food{
	position:absolute;
	width:204px;
	height:50px;
	margin-top:230px;
}
#vistas{
	width:190px;
	height:50px;
	position:absolute;
	margin-left:497px;
	margin-top:215px;
}