@CHARSET "ISO-8859-1";
/* Reset CSS
 * --------------------------------------- */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,
form,fieldset,input,textarea,p,blockquote,th,td {
    padding: 0;
    margin: 0;
}
a{text-decoration:none; }
table {border-spacing: 0; }
fieldset,img {border: 0; }
address,caption,cite,code,dfn,em,strong,th,var {font-weight: normal; font-style: normal; }
strong{font-weight: bold; }
ol,ul {list-style: none; margin:0; padding:0; text-align: center; }
caption,th {text-align: left; }
q:before,q:after {content:''; }
abbr,acronym { border: 0; }


/* Custom CSS
 * --------------------------------------- */

body{font-family: arial,helvetica; color: #333; color: rgba(0,0,0,0.5); }

.wrap{margin-left: auto; margin-right: auto; width: 960px; position: relative; }



.section{text-align:center; }

#menu li {display: inline-block; color: #563210; width: 100px; font-family: alegreya, serif; font-weight: 400; font-style: normal; line-height: 18px; text-align: center; font-size: 13pt; letter-spacing: 1px; margin-top: 18px; margin-left: 22px; }

#menu li.active{color: #d76102; text-align: center; }

#menu li a{text-decoration:none; color: #563210; }

#menu li a:hover{text-decoration:none; color: #d76102; }

#menu li.active a:hover{color: #d76102; }

#menu li:hover{color: #d76102; }

#menu li a, #menu li.active a{display:block; }

#menu li.active a{color: #d76102; }

.cont_logo {position: fixed; width: 100%; background-image:url(../imgs/fondo_menu.jpg); height: 93px; z-index: 20; }

#menu { width: 1000px; top: 0; left: 0; padding-top: 12px; margin: auto; height: 81px; z-index: 70; background-image: url(../imgs/logo.y.separadores.jpg); text-align: right; background-repeat: no-repeat;
       background-position: 0 8px; }

#download{
	margin: 10px 0 0 0;
	padding: 15px 10px;
	color: #fff;
	text-shadow: 0 -1px 0 rgba(0,0,0,0.25);
	background-color: #49afcd;
	background-image: -moz-linear-gradient(top, #5bc0de, #2f96b4);
	background-image: -ms-linear-gradient(top, #5bc0de, #2f96b4);
	background-image: -webkit-gradient(linear,0 0,0 100%,from( #5bc0de),to( #2f96b4));
	background-image: -webkit-linear-gradient(top, #5bc0de, #2f96b4);
	background-image: -o-linear-gradient(top, #5bc0de, #2f96b4);
	background-image: linear-gradient(top, #5bc0de, #2f96b4);
	background-repeat: repeat-x;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#5bc0de', endColorstr='#2f96b4', GradientType=0);
	border-color: #2f96b4 #2f96b4 #1f6377;
	border-color: rgba(0,0,0,.1) rgba(0,0,0,.1) rgba(0,0,0,.25);
	filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px;
	vertical-align: middle;
	cursor: pointer;
	display: inline-block;
	-webkit-box-shadow: inset 0 1px 0 rgba(255,255,255,0.2),0 1px 2px rgba(0,0,0,0.05);
	-moz-box-shadow: inset 0 1px 0 rgba(255,255,255,0.2),0 1px 2px rgba(0,0,0,0.05);
	box-shadow: inset 0 1px 0 rgba(255,255,255,0.2),0 1px 2px rgba(0,0,0,0.05);
}

#download a{text-decoration:none; color:#fff; }

#download:hover{text-shadow: 0 -1px 0 rgba(0,0,0,.25); background-color: #2F96B4; background-position: 0 -15px; -webkit-transition: background-position .1s linear; -moz-transition: background-position .1s linear;
                 -ms-transition: background-position .1s linear; -o-transition: background-position .1s linear; transition: background-position .1s linear; }

#infoMenu{height: 20px; color: #f2f2f2; position:fixed; z-index:70; bottom:0; width:100%; text-align:right; font-size:0.9em; padding:8px 0 8px 0; }

#infoMenu ul{padding: 0 40px; }

#infoMenu li a{display: block; margin: 0 22px 0 0; color: #333; }

#infoMenu li a:hover{text-decoration:underline; }

#infoMenu li{display:inline-block; position:relative; }

#fraseHome {background-image: url("../imgs/placa1.png"); background-position: center center; background-repeat: no-repeat; color: #fbe5c5; font-size: 12pt; height: 186px; line-height: 44px; margin: auto; text-shadow: 2px 2px 3px #000000;
			top: 45% !important; position: absolute; width: 100%; opacity: 0; filter: alpha(opacity=0); }

#fraseHome p {color: #fbe5c5; font-family: crimson-text,sans-serif; font-size: 23pt; margin-top: 22px; font-style: italic; font-weight: 200; letter-spacing: -0.5px; line-height: 44px; text-shadow: 2px 2px 3px #000000; }

#direccionHome { background-image: url("../imgs/placa2.png"); background-position: center center; background-repeat: no-repeat; color: #fbe5c5; font-family: alegreya,sans-serif; font-size: 14pt; font-style: normal; font-weight: 400;
				 height: 83px; margin: auto; line-height: 25px; padding: 23px 0 0; text-shadow: 2px 2px 3px #000000; width: 100%; opacity: 0; bottom: 0px !important; position: absolute; filter: alpha(opacity=0); }

.naranja { color: #f5a42e; font-family: alegreya,sans-serif; font-size: 14pt; font-style: normal; font-weight: 400; text-shadow: 2px 2px 3px #000000; }

#cont_cabanas_placa1 { height: 142px; width: 865px; margin: auto; position:relative; overflow: hidden; }

#cabanas_placa1 { background-image: url("../imgs/placa3.png"); height: 122px; margin: 10px auto auto; padding-top: 10px; text-align: center; width: 865px; position:absolute; top:131px; }

#cabanas_placa1 h1 { color: #fbe5c5; font-family: crimson-text,sans-serif; font-size: 38pt; font-style: italic; font-weight: normal; text-shadow: 2px 2px 3px #000000; text-align: center; }

#cabanas_placa1 p { color: #fbe5c5; font-family: crimson-text,sans-serif; font-size: 19pt; font-style: italic; font-weight: 200; line-height: 28px; text-align: center; text-shadow: 2px 2px 3px #000000; }

.naranja2 { color: #f5a42e; font-family: crimson-text,sans-serif; font-size: 19pt; font-style: italic; font-weight: 200; line-height: 28px; text-align: center; text-shadow: 2px 2px 3px #000000; }

#cont_cabanas_placa2 { height: 109px; margin: auto; overflow: hidden; position: relative; width: 865px; }

#cabanas_placa2 { background-image: url("../imgs/placa4.png"); height: 94px; padding: 5px 10px 0; width: 845px; margin:auto; position:absolute; top:-150px; }

#cabanas_placa2 p { color: #5f2f00; font-family: josefin-sans, sans-serif; font-size: 13pt; font-style: normal; font-weight: 400; line-height: 19px; text-rendering: optimizelegibility; }

#cabanas_fondo_slides { width: 747px; height: 546px; padding: 27px 0px 27px 27px; background-image: url(../imgs/transparente.png); -webkit-border-radius: 21px; -moz-border-radius: 21px; border-radius: 21px; margin:auto; }

#cabanas_cont_fotos { height: 260px; margin: 0 22px 22px 0; display:inline; border: 1px solid #f3d3b5; float:left; padding:0; }

#cabanas_cont_txt { height: 260px; margin: 0 22px 22px 0; padding:20px; display:inline; float:left; padding:0; }

#cabanas_cont_txt h1 { color: #fbe5c5; font-family: crimson-text,sans-serif; font-size: 30pt; font-style: italic; font-weight: normal; text-shadow: 2px 2px 3px #000000; text-align: left; }

#cabanas_cont_txt p { color: #fbe5c5; font-family: crimson-text,sans-serif; font-size: 19pt; font-style: italic; font-weight: 200; line-height: 28px; text-align: left; text-shadow: 2px 2px 3px #000000; }

.galeria_cont { width:960px; height:640px; margin:auto; border:#ffffff solid 1px; border-radius: 21px; }

#como_llegar { width: 672px; height: 427px; margin: auto; padding:40px; text-align: left; background-image: url(../imgs/placa5.png); }

#como_llegar h1 { color: #fbe5c5; font-family: crimson-text,sans-serif; font-size: 37pt; font-style: italic; font-weight: normal; margin: -5px 0 13px; text-align: left; text-shadow: 2px 2px 3px #000000; }

#como_llegar p { color: #fbe5c5; font-family: crimson-text,sans-serif; font-size: 14pt; font-style: italic; font-weight: 200; line-height: 23px; margin-bottom: 24px; text-align: left; text-shadow: 2px 2px 3px #000000; }

#cont_contacto {width: 736px; height: 427px; margin: 0px auto auto; text-align: left; }

#cont_contacto h1 {color: #fbe5c5; font-family: crimson-text,sans-serif; font-size: 37pt; font-style: italic; font-weight: normal; margin: -5px 0 13px; text-align: left; text-shadow: 2px 2px 3px #000000; }

#cont_contacto h2 {color: #fbe5c5; font-family: crimson-text,sans-serif; font-size: 13pt; font-style: italic; font-weight: normal; margin: -5px 0 6px; text-align: left; text-shadow: 2px 2px 3px #000000; width: 352px; }

#cont_contacto p {color: #fbe5c5; font-family: crimson-text,sans-serif; font-size: 14pt; font-style: italic; font-weight: 200; line-height: 23px; margin-bottom: 24px; text-align: left; text-shadow: 2px 2px 3px #000000; }

#cont_contacto a {color: #f5a42e; font-family: crimson-text,sans-serif; font-size: 14pt; font-style: italic; font-weight: 200; }

#cont_contacto a:hover {color: #f46728; font-family: crimson-text,sans-serif; font-size: 14pt; font-style: italic; font-weight: 200; }

.contacto_cont_izq { float:left; width:370px; margin-right: 14px; text-align: left; }

.contacto_cont_der { float:left; width:352px; }

.contacto_campos_oblig { float:left; width:200px; height:41px; margin-right:17px;}

.contacto_campos_oblig p { color: #f5a42e !important; font-size: 11pt !important; font-family: josefin-sans, sans-serif !important; font-style: normal !important ; font-weight: 300 !important; text-align:right;
                        line-height:16px; padding:0px; margin:0px; text-shadow: none;  }   

.contacto_btn_enviar { float:right; width:84px; height:32px; margin-top: 10px;}

.naranja3 {color: #f5a42e; font-family: crimson-text,sans-serif; font-size: 14pt; font-style: italic; font-weight: 200; }

.puntero {width: 27px; height: 36px; float:left; margin-right: 10px; }

.naranja_guiones {color: #f5a42e; font-family: josefin-sans, sans-serif; font-size: 14pt; font-style: normal; font-weight: bold; }


/* Preloader */

#preloader {
    position:fixed;
    top:0;
    left:0;
    right:0;
    bottom:0;
    background-color:#6f3c00; 
    z-index:99; /* makes sure it stays on top */
}

#status {
    width:200px;
    height:200px;
    position:absolute;
    left:50%; /* centers the loading animation horizontally one the screen */
    top:50%; /* centers the loading animation vertically one the screen */
    background-image:url(../imgs/loader.gif); /* path to your loading animation */
    background-repeat:no-repeat;
    background-position:center;
    margin:-100px 0 0 -100px; /* is width and height divided by two */
}