@charset "utf-8";
/* CSS Document */

	html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6,  blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
		margin: 0;
		padding: 0;
		border: 0;
		font-size: 100%;
		font: inherit;
		vertical-align: baseline; }
	article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
		display: block; }
	
body{
	font-family: 'Istok Web', sans-serif;
	}	
.bk_home {background: url(../images/bk_home.gif) repeat fixed center center;}

.bk_ubicacion {background: url(../images/bk_ubicacion.gif) repeat fixed center center;}

.bk_contacto {background: url(../images/bk_contacto.gif) repeat fixed center center;}

.bk_cabanas {background: url(../images/bk_cabanas.gif) repeat fixed center center;}

.bk_galeria {background: url(../images/bk_galeria.gif) repeat fixed center center;}

.bk_servicios {background: url(../images/bk_servicios.gif) repeat fixed center center;}

.bk_promociones {background: url(../images/bk_promociones.gif) repeat fixed center center;}

#logo {
	
	width: 172px;
	height: 85px;
	background-image: url(../images/logo.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	-o-transition: all .3s ease-in;
	-ms-transition: all .3s ease-in;
	-moz-transition: all .3s ease-in;
	-webkit-transition: all .3s ease-in;
	/* ...and now override with proper CSS property */
	transition: all .3s ease-in;
	cursor:pointer
}

#logo:hover {
	/*
	background-image: url(../images/logo_on.jpg);
	-o-transition: all .3s ease-in;
	-ms-transition: all .3s ease-in;
	-moz-transition: all .3s ease-in;
	-webkit-transition: all .3s ease-in;
	transition: all .3s ease-in;*/
	
	cursor:pointer;


	
}



#all {
	width: 100%;
	height: 100%;
	margin:0px;
	padding:0px
}
 #contenido {
	 margin-top:40px;
	width: 1022px;
	height: 769px;
	margin-left: auto;
	margin-right: auto;
	-webkit-border-radius: 27px;
	-moz-border-radius: 27px;
	border-radius: 27px;
	background-color:#F8F4ED;
	border: solid 5px #98836D;
	padding:0px;
 }
.login{
	margin-top:150px;
	width: 160px;
	height: 200px;
	margin-left: auto;
	margin-right: auto;
	-webkit-border-radius: 27px;
	-moz-border-radius: 27px;
	border-radius: 27px;
	background-color:#F8F4ED;
	border: solid 5px #98836D;
	padding:30px;
	text-align:center;

	}	
	
.login .input{

	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	background-color:#F7F7F7;
	border: solid 1px #98836D;
	padding:8px;
	margin-bottom:15px;
	width:150px;
	float:left;

	}
	
.btn_login{

	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	background-color:#FFF;
	border: solid 1px #98836D;
	padding:8px;
	margin-bottom:15px;
	width:170px;
	color: #524640;
	float:left;
	font-weight:bold

	}	

.btn_login:hover{
	background-color:#98836D;
	cursor:pointer;
	}	

.btn_salir, .btn_salir:visited{

	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	background-color:#FFF;
	border: solid 1px #98836D;
	padding:8px;
	margin-bottom:15px;
	width:110px;
	font-weight:100;
	float:right;
	color: #524640;
	margin-top:2px;
	font-size:13px
}	

.btn_salir:hover{
	background-color:#98836D;
	cursor:pointer;
	}	

#all #contenido #menu {
	position:absolute;
	width: 270px;
	height: 440px;
	background-image: url(../images/menu_bk.png);
	background-position:left top;
	margin:0px;
	padding:0px;
	text-align:center;
	padding-left:8px;
}

#all #contenido #menu_all {
	position:absolute;
	width: 230px;
	height: 769px;
	background-position:left top;
	background-repeat:no-repeat;
	margin:0px;
	padding:0px;

}

#menu_promociones{
		position:absolute;
	width: 525px;
	height: 30px;
	background-position:left top;
	background-repeat:no-repeat;
	margin-left:495px;
	padding:0px;
	}
	
#logo {
	width:172px;
	height:85px;
	margin-top:45px;
	margin-left:40px;

}

#menu ul, #menu_all ul {
	list-style-type:none;
	float:left;
	display:block;
	list-style:none;
	margin:0px;
	padding:0px;
}

#menu li, #menu_all li{
	float:left;
	display:block;
	width:170px;
	list-style:none;
	margin:0px;
	padding:0px;
	min-height:37px

}



#menu .cabanas ul li, #menu_all .cabanas ul li {
	float:left;
	display:block;
}

.servicios{
	background-image:url(../images/servicios_off.png);
	background-position:center top;
	background-repeat:no-repeat;

	
	
	}

.servicios:hover, .servicios_hover{background-image:url(../images/servicios_on.png)}
	
.ubicacion{
	background-image:url(../images/ubicacion_off.png);
	background-position:center top;
	background-repeat:no-repeat;
	

	}

.ubicacion:hover, .ubicacion_hover{	background-image:url(../images/ubicacion_on.png)}

.cabanas{
	background-image:url(../images/cabanas_off.png);
	background-position:center top;
	background-repeat:no-repeat;
	cursor:pointer
		}

.cabanas:hover, .cabanas_hover{	background-image:url(../images/cabanas_on.png)}
	
.brisa {

		background-image:url(../images/brisa_off.png);
	background-position:center top;
	background-repeat:no-repeat;
	opacity:0.8


		
	}
	
.aromas {
		background-image:url(../images/aromas_off.png);
	background-position:center top;
	background-repeat:no-repeat;
		opacity:0.8
		
	}

.aromas:hover, .brisa:hover, .aromas_hover, .brisa_hover {
	opacity:1
}

.galeria{
	background-image:url(../images/galeria_off.png);
	background-position:center top;
	background-repeat:no-repeat;
		}

.galeria:hover, .galeria_hover{	background-image:url(../images/galeria_on.png)}


.contacto{
	background-image:url(../images/contacto_off.png);
	background-position:center top;
	background-repeat:no-repeat;
		}

.contacto:hover, .contacto_hover{	background-image:url(../images/contacto_on.png)}


#promos_home{
	position: absolute;
	margin-left: 610px;
	margin-top: 490px;
		
	}
#promos_home img:hover{
	opacity:0.9;
	cursor:pointer

	}
	
#mail{
	position:absolute;
	margin-top:620px;
	margin-left:50px;
	cursor:pointer;
	}	

#brisa_btn{
	position:absolute;
	margin-top:4px;
	margin-left:234px;
	cursor:pointer;
	width:569px;
	height:497px;
		
	}
	
#brisa_btn:hover{
	background-image: url(../images/brisas_on.jpg)
	}	
	
#aromas_btn{
	position:absolute;
	margin-top:262px;
	margin-left:667px;
	cursor:pointer;
	width:308px;
	height:231px;
		
	}
	
#aromas_btn:hover{
	background-image: url(../images/aromas_on.jpg)
	}	
#promociones_menu{
	position:absolute;
	margin-top:420px;
	max-width:160px;
	margin-left:40px;
	font-size:11px;
	color:#524640
	}
	
a:link{
	text-decoration:none;
	color:#607A98;
	font-weight:bold;
}	

#columna_medio{
	position:absolute;
	margin-top:90px;
	width:250px;
	margin-left:255px;
	font-size:13px;
	line-height:25px;
	color:#524640;
	
	}
	
#columna_medio_cabanas{
	position:absolute;
	margin-top:75px;
	width:260px;
	margin-left:250px;
	font-size:13px;
	line-height:25px;
	color:#524640;
	}
	
#columna_galeria{
	position:absolute;
	margin-top:0px;
	width:750px;
	margin-left:250px;
	font-size:13px;
	line-height:25px;
	color:#524640;
	}
	
#columna_medio_cabanas a:link{
	color:#5E3180;
	text-decoration:none;
}

#columna_medio_cabanas a:hover{
	color: #AA86B8;

}


#columna_derecha{
	position:absolute;
	margin-top:20px;
	width:450px;
	height:720px;
	margin-left:545px;
	border: solid 5px #98836D;

	}
	
#columna_derecha_cabanas{
	position:absolute;
	margin-top:0px;
	width:477px;
	height:769px;
	margin-left:530px;
	

	}
	
#columna_grande{
	position: absolute;
	margin-top: 90px;
	width: 680px;
	margin-left: 255px;
	font-size: 14px;
	line-height: 25px;
	color: #524640
	}
	
.columna_promo{
	position: absolute;
	margin-top: 190px;
	width: 470px;
	margin-left: 520px;
	font-size: 14px;
	line-height: 25px;
	color: #524640;
	height:300px;


	}
	
	
#menu_galeria{
	position: absolute;
	margin-top: 0px;
	margin-left:420px;
	width:335px;
	height:90px;
	}	


.aromas_btn {
	float:left;
	opacity:0.8;
	width:104px;
	height:75px;
	background-image: url(../images/galeria_aromas_off.jpg);
	background-position:0px -5px;
	background-repeat:no-repeat;
	}
	
.brisa_btn {

	float:left;
	opacity:0.8;
	width:104px;
	height:75px;
	background-image: url(../images/galeria_brisa_off.jpg);
	background-position:0px -5px;
	background-repeat:no-repeat;
	}
	
.exteriores_btn	{
	float:left;
	opacity:0.8;
	width:104px;
	height:75px;
	background-image: url(../images/galeria_exteriores_off.jpg);
	background-position:0px -5px;
	background-repeat:no-repeat;
	}
	
.exteriores_btn_on	{
	float:left;
	width:113px;
	height:76px;
	background-image: url(../images/galeria_exteriores_on.jpg);
	background-position:0px 0px;
	background-repeat:no-repeat;
	}
.aromas_btn_on	{
	float:left;
	width:113px;
	height:76px;
	background-image: url(../images/galeria_aromas_on.jpg);
	background-position:0px 0px;
	background-repeat:no-repeat;
	}
	
.brisa_btn_on	{
	float:left;
	width:113px;
	height:76px;
	background-image: url(../images/galeria_brisa_on.jpg);
	background-position:0px 0px;
	background-repeat:no-repeat;
	}
	
		
.aromas_btn:hover, .brisa_btn:hover, .exteriores_btn:hover {
	opacity:1;
	background-position:0px 0px;
	cursor:pointer;

	}
	
	
#map_canvas {
	margin: 0px;
	width: 450px;
	height: 720px;
	padding: 0px;
	

}
.google-content
{	min-width: 110px;

}
.grande {
	font-size: 15px;
}
.bold {
	font-weight: 700;
}


#formulario{
	
	margin-top:100px;
	
}


#tipo {
	float:left;
	width: 160px;
	height: 30px;
	text-align:right;
	padding:0px;
	padding-right: 30px;
	color:#988675;
	
}



.input {
		float:right;
	width: 470px;
	height: 15px;
	padding: 5px;
	margin:0px;
	background-color:#F3F2F2;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	border: solid 1px #98836D;
	font-family: 'Istok Web', sans-serif;
}
.boton{
	color:#F9EEDF;
	background-color:#736357;
	width:85px;
	height:26px;
	line-height:25px;
	float:right;
	margin-left:35px;
	border:none;
	font-weight:700;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
}

.boton:hover{
	color: #736357;
	background-color: #C9B69C;
	cursor: pointer;
}

.destacado{
	color:#5E3180;
	font-size:17px;
	font-family: Arial, Gotham, "Helvetica Neue", Helvetica, sans-serif;
	font-weight: bold;
	font-style:italic;
	}
	
.destacado2{
	color:#5E3180;
	font-size:11px;
	font-weight: bold;


	}
	

.interlineado_simple p{
	line-height:18px
	}
	
footer{
	text-align: center;
	color: #594C3F;
	font-weight:bold;
	padding: 10px;
	font-size:13px	



	}
	
footer a:link, footer a:visited{

	color: #594C3F;
	}	
footer a:hover{
	color: #96704B;
	}