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

body {margin:0px auto;}

/* Estilos */

h1, h2, h3, h4, p, li, a, .footer, .footerwhite, .largo, .tituloblanco, .letterpress, .letterpresslight, .letterpresshard, .bys, .texshadow, .txtvolumen, .cintillo{ font-family: 'Varela',  sans-serif, Helvetica, Arial; color:#000; text-align:left; font-style:normal;}

h1{ font-family:SVGStorytellingRegular; padding-top:10px; text-shadow: 1px 4px 6px #e9ffdd, 0 0 0 #000, 1px 4px 6px #e9ffdd; color:rgba(85,104,14, 0.5);}

h2{color:rgba(85,104,14, 0.5); font-size:45px; font-weight:700;  text-shadow: 1px 4px 6px #e9ffdd, 0 0 0 #000, 1px 4px 6px #e9ffdd; margin: 10px 10px;}

h3{font-size: 46px;  	text-align:left; color:#292525; line-height:1.3em;text-shadow:0 1px 0 #FFFFFF; margin: 0px 10px 25px; display: inline-block;text-align: center;}

h4{font-size:14px; padding:10px 0px;	text-align:left; color:#ffffff; line-height:1.3em;text-shadow: black 0.1em 0.1em 0.2em; width:320px; float: right; margin:0px 0px 0px 20px;}

p{text-align: justify; padding:0px 10px; color:#000000; font-size:18px; line-height:24px;text-shadow:0 1px 0 #FFFFFF; margin:20px 0px;}

.txt{text-align: justify; padding:0px 10px; color:#ffffff; font-size:14px; line-height:24px;text-shadow: black 0.1em 0.1em 0.2em; margin:17px 0px; display:inline-block; text-align:center;}

#wrapper #slider p{text-align: justify; padding:0px 10px; color:#ffffff; font-size:18px; line-height:24px; text-shadow: black 0.1em 0.1em 0.2em; margin:0px 0px; display:inline-block;}

li{font-size:18px; text-align:left;	list-style-type: none;	color:#333333; text-shadow:0 1px 0 #FFFFFF;}

.li{line-height:24px;	letter-spacing:1px;}

.largo{font-size:16px; width:550px;	text-align: justify; padding:0px 10px; line-height:20px; letter-spacing:1px;}

.tituloblanco{font-family:SVGStorytellingRegular;font-size:50px;color:white;text-align:center;text-shadow:0 1px 0 #cccccc,0 2px 0 #c9c9c9,0 3px 0 #bbbbbb,0 4px 0 #b9b9b9,0 5px 0 #aaaaaa,0 6px 1px rgba(0, 0, 0, 0.1),0 0 5px rgba(0, 0, 0, 0.1),0 1px 3px rgba(0, 0, 0, 0.3),0 3px 5px rgba(0, 0, 0, 0.2),0 5px 10px rgba(0, 0, 0, 0.25),0 10px 10px rgba(0, 0, 0, 0.2),0 20px 20px rgba(0, 0, 0, 0.15);}
		
/* Letra Presionada */

.letterpress{color:#333; font-size:20px; line-height:1.3em; text-shadow:0 1px 0 #FFFFFF; }
  
.letterpresslight{ color:#333333; font-size:12px; line-height:24px;	text-shadow:0 1px 0 #FFFFFF;	text-align:center;	}

.letterpressgreen{color:rgba(85,104,14, 1); font-size:20px; line-height:1.3em; text-shadow:0 1px 0 #FFFFFF; }

.cintillo{  color:rgba(85,104,14, 0.5); font-size:55px; font-weight:700;  text-shadow: 1px 4px 6px #e9ffdd, 0 0 0 #000, 1px 4px 6px #e9ffdd; }

#frases h2 a{ font-size: 30px;  text-align:left; color:#292525; line-height:1.3em; text-shadow:0 1px 0 #FFFFFF; margin:20px 0px;}

#frases h2 a:hover{ font-size: 30px;  text-align:left; color:#59534b; line-height:1.3em; text-shadow:0 1px 0 #FFFFFF; margin:20px 0px;}

#frases h2 .letterpressgold a{  color:#b97e0c; font-size:30px; line-height:24px;	text-shadow:0 1px 0 #FFFFFF; 	text-align:center;	}

#frases h2 .letterpressgold a:hover{  color:#75541d; font-size:30px; line-height:24px;	text-shadow:0 1px 0 #FFFFFF; 	text-align:center;	}
	
.letterpresshard{ padding-left: 30px; padding-top: 17px; font-size: 50px; color: #0D4383; text-shadow: #000000 -1px 0, #000000 0 -1px, #ffffff 0 1px 1px, #000000 -1px -2px 1px; }	

/* blancos */

.footerwhite{font-size:16px; color: #FFF; line-height:20px; text-align:center; text-shadow: black 0.1em 0.1em 0.2em;}
 
/* Texto Blanco con Sombra*/
 
.bys{font-size:18px;	font-weight:bolder;	color:#FFFFFF;	text-shadow: black 0.1em 0.1em 0.2em;	text-align:center;}
	
.texshadow{font-size:18px; font-weight:bolder;	color:#FFFFFF; text-shadow: black 2px 2px 2px; text-align:center;	}		
	
.txtvolumen{font: normal normal 80px/90px; color: #dedede; padding: 0; margin: 32px 0 0 0; text-shadow: 0 2px 3px rgba(40,41,42,0.6),0 4px 0 rgba(150,150,150,0.5),0 9px 5px rgba(0,0,0,0.5);}	

/*Linea Divisoria*/
hr {color: #fff; background-color: #fff; border: 1px dotted #000000; border-style: none none dotted; width:763px;	margin:0px;	} 

/* Links */

a {font-size: 14px; color: #fff; font-style:normal;}
a:link {text-decoration: none;}
a:visited {text-decoration: none;	color: #C60;}
a:hover {text-decoration: none;	color:#c1c1c1;}
a:active {text-decoration: none; color: #000;}

/*Divs*/

#logo{ max-width:297px; width:297px; height:103px; margin:100px auto;}

#nosotros{ width:700px; height:500px; margin:0px auto; text-align:center;}

#copy{text-align:center; padding:0px 10px; color:#000000; font-size:18px; line-height:24px;text-shadow:0 1px 0 #FFFFFF; margin: 15px auto; width: 100%; height: 25px;}


#slider-wrapper{ width:100%; height:auto; margin:0px auto;}

.pt-trigger-container {
    position: absolute;
    z-index: 999999;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
		width:98%; text-align: center;
}

.pt-trigger {
    border: none;
    font-size: 16px;
    margin: 10px 0 10px;
    cursor: pointer;
    font-family: Calibri;
		background-color:transparent;

}

#frame{ width:100%; height:100%; margin:0px auto;}

/*------------- Responsive -------------*/

@media all and (max-width: 992px) {
 #logo{float:none; margin:40px auto 20px;}

#textoheader{max-width:none; float:none; margin:10px 0px 0px 0px;}
}

nav select { width:90%; font: 12px/15px Arial, Helvetica, sans-serif; color: #464646; outline: none; padding: 5px; border: 2px solid #9e9e9e;}
			

			
/*Redondear Campos de Texto*/	

#BReservar{background:url(../images/b-reservar.png); width:97px; height:30px; text-align:center; margin:0px auto; border:none;}

#enviar2{background:url(../images/b-enviar.png); width:97px; height:30px; text-align:center; margin:0px auto; border:none; color:#FFFFFF;}

input[type="password"], input[type="search"] , input[type="form"], input[type="email"], input[type="email2"] , input[type="tel"], textarea {
	width:90px; 
    border:1px solid #ccc;
    font-size:16px;
	margin:0px 5px 0px 0px;
    padding:5px-webkit-box-shadow:1px 1px 2px rgba(0, 0, 0, 0.2) inset;
	-moz-box-shadow:1px 1px 2px rgba(0, 0, 0, 0.2) inset;
	box-shadow:1px 1px 2px rgba(0, 0, 0, 0.2) inset;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;-o-border-radius:5px;
	border-radius:5px; text-align:center; font-family:Verdana, Geneva, sans-serif;} 	
	
	 input[type="text"] {
    border:1px solid #ccc;
    font-size:16px;
	margin:0px 5px 0px 0px;
    padding:5px-webkit-box-shadow:1px 1px 2px rgba(0, 0, 0, 0.2) inset;
	-moz-box-shadow:1px 1px 2px rgba(0, 0, 0, 0.2) inset;
	box-shadow:1px 1px 2px rgba(0, 0, 0, 0.2) inset;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;-o-border-radius:5px;
	border-radius:5px; text-align:center; font-family:Verdana, Geneva, sans-serif;} 
	
input#TxbLlegada[type="text"], input#TxbSalida[type="text"], input#TxbHabitaciones[type="text"], input#TxbPersonas[type="text"], input#TxbNombre[type="text"], input#TxbTelefono[type="text"], input#TxbEmail[type="text"], input#TxbMensaje[type="text"] 	{ width:90px;}

input#tel[type="tel"],
input#nombre2[type="text"], 
input#email2[type="email"],
textarea#mensaje,
input#TxbNombrec[type="text"], input#TxbTelefonoc[type="text"], input#TxbEmailc[type="text"], input#TxbMensajec[type="text"], textarea	{ width:290px;}

/* The submit button */
input#boton[type="submit"] {
	margin:0;
	width: 85px;
	color: #5d7731;
	display:inline-block;
	text-shadow: 0 1px 0 rgba(255,255,255,0.4);
	background: #b6d76f;
	background: -webkit-gradient(linear, left top, left bottom, from(#cae285), to(#9dc954));
	background: -moz-linear-gradient(top,  #cae285,  #9dc954);
	-webkit-box-shadow: 0 0 0 5px rgba(0,0,0,0.1), inset 0px 1px 2px rgba(255,255,255,1), 0 1px 1px rgba(0,0,0,0.3);
	   -moz-box-shadow: 0 0 0 5px rgba(0,0,0,0.1), inset 0px 1px 2px rgba(255,255,255,1), 0 1px 1px rgba(0,0,0,0.3);
			box-shadow: 0 0 0 5px rgba(0,0,0,0.1), inset 0px 1px 2px rgba(255,255,255,1), 0 1px 1px rgba(0,0,0,0.3);
}
input#boton[type="submit"]:hover,
input#boton[type="submit"]:focus {
	cursor: pointer;
	-webkit-box-shadow: 0 0 0 5px rgba(0,0,0,0.1), inset 0px 1px 2px rgba(255,255,255,1), 0 1px 1px rgba(0,0,0,0.3), 0 0 5px rgba(255,255,190,0.5);
	   -moz-box-shadow: 0 0 0 5px rgba(0,0,0,0.1), inset 0px 1px 2px rgba(255,255,255,1), 0 1px 1px rgba(0,0,0,0.3), 0 0 5px rgba(255,255,190,0.5);
			box-shadow: 0 0 0 5px rgba(0,0,0,0.1), inset 0px 1px 2px rgba(255,255,255,1), 0 1px 1px rgba(0,0,0,0.3), 0 0 5px rgba(255,255,190,0.5);
}
input#BReservar[type="submit"]:active {
	cursor: pointer;
	position: relative;
	top: 1px;
	text-shadow: 0 -1px 0 rgba(255,255,255,0.4);
	background: #9dc954;
	background: -webkit-gradient(linear, left top, left bottom, from(#9dc954), to(#cae285));
	background: -moz-linear-gradient(top,  #9dc954,  #cae285);
	-webkit-box-shadow: 0 0 0 5px rgba(0,0,0,0.1), inset 0 0 0 transparent, inset 0 0 0 transparent;
	   -moz-box-shadow: 0 0 0 5px rgba(0,0,0,0.1), inset 0 0 0 transparent, inset 0 0 0 transparent;
			box-shadow: 0 0 0 5px rgba(0,0,0,0.1), inset 0 0 0 transparent, inset 0 0 0 transparent;
}

input#BReservar[type="submit"]:disabled {
	top:0;
	color: #777;
	display:inline-block;
	text-shadow: 0 1px 0 rgba(255,255,255,0.4);
	background: #bbb;
	background: -webkit-gradient(linear, left top, left bottom, from(#ccc), to(#bbb));
	background: -moz-linear-gradient(top,  #ccc,  #bbb);
	-webkit-box-shadow: 0 0 0 5px rgba(0,0,0,0.1), inset 0px 1px 2px rgba(255,255,255,1), 0 1px 1px rgba(0,0,0,0.3);
	   -moz-box-shadow: 0 0 0 5px rgba(0,0,0,0.1), inset 0px 1px 2px rgba(255,255,255,1), 0 1px 1px rgba(0,0,0,0.3);
			box-shadow: 0 0 0 5px rgba(0,0,0,0.1), inset 0px 1px 2px rgba(255,255,255,1), 0 1px 1px rgba(0,0,0,0.3);
}

/* minimal indent (inspired by okcupid iphone interface)
*******************************************************************************/
div.indent {
  background-color: #e2e2e2;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#e2e2e2), to(#fafafa));
  /* Saf4+, Chrome */
  background-image: -webkit-linear-gradient(top, #e2e2e2, #fafafa);
  background-image: -moz-linear-gradient(top, #e2e2e2, #fafafa);
  background-image: -ms-linear-gradient(top, #e2e2e2, #fafafa);
  background-image: -o-linear-gradient(top, #e2e2e2, #fafafa);
  background-image: linear-gradient(top, #e2e2e2, #fafafa);
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  -ms-border-radius: 8px;
  -o-border-radius: 8px;
  border-radius: 8px;
  margin: 50px auto 0;
  padding: 10px 0;
  width: 170px; }

button.minimal-indent {
  background-color: #f3f3f3;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#f3f3f3 0%), to(#dddddd 50%));
  /* Saf4+, Chrome */
  background-image: -webkit-linear-gradient(top, #f3f3f3 0%, #dddddd 50%, #d2d2d2 50%, #dfdfdf 100%);
  background-image: -moz-linear-gradient(top, #f3f3f3 0%, #dddddd 50%, #d2d2d2 50%, #dfdfdf 100%);
  background-image: -ms-linear-gradient(top, #f3f3f3 0%, #dddddd 50%, #d2d2d2 50%, #dfdfdf 100%);
  background-image: -o-linear-gradient(top, #f3f3f3 0%, #dddddd 50%, #d2d2d2 50%, #dfdfdf 100%);
  background-image: linear-gradient(top, #f3f3f3 0%, #dddddd 50%, #d2d2d2 50%, #dfdfdf 100%);
  border-right: 1px solid #dfdfdf;
  border-bottom: 1px solid #b4b4b4;
  border-right: 1px solid #dfdfdf;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
  border-radius: 5px;
  -webkit-box-shadow: inset 0 1px 0 0 white, 0 1px 0 0 #d5d5d5, 0 -1px 2px 1px #efefef;
  -moz-box-shadow: inset 0 1px 0 0 white, 0 1px 0 0 #d5d5d5, 0 -1px 2px 1px #efefef;
  -ms-box-shadow: inset 0 1px 0 0 white, 0 1px 0 0 #d5d5d5, 0 -1px 2px 1px #efefef;
  -o-box-shadow: inset 0 1px 0 0 white, 0 1px 0 0 #d5d5d5, 0 -1px 2px 1px #efefef;
  box-shadow: inset 0 1px 0 0 white, 0 1px 0 0 #d5d5d5, 0 -1px 2px 1px #efefef;
  color: #666;
  font: bold 16px "helvetica neue", helvetica, arial, sans-serif;
  margin: 20px 150px;
  padding: 7px 0;
  text-shadow: 0 1px 1px #fff;
  width: 150px; }
  button.minimal-indent:hover {
    background-color: #e5e5e5;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#e5e5e5 0%), to(#d1d1d1 50%));
    /* Saf4+, Chrome */
    background-image: -webkit-linear-gradient(top, #e5e5e5 0%, #d1d1d1 50%, #c4c4c4 50%, #b8b8b8 100%);
    background-image: -moz-linear-gradient(top, #e5e5e5 0%, #d1d1d1 50%, #c4c4c4 50%, #b8b8b8 100%);
    background-image: -ms-linear-gradient(top, #e5e5e5 0%, #d1d1d1 50%, #c4c4c4 50%, #b8b8b8 100%);
    background-image: -o-linear-gradient(top, #e5e5e5 0%, #d1d1d1 50%, #c4c4c4 50%, #b8b8b8 100%);
    background-image: linear-gradient(top, #e5e5e5 0%, #d1d1d1 50%, #c4c4c4 50%, #b8b8b8 100%);
    -webkit-box-shadow: inset 0 1px 0 0 #f2f2f2, 0 1px 0 0 #c9c9c9, 0 -1px 2px 1px #e3e3e3;
    -moz-box-shadow: inset 0 1px 0 0 #f2f2f2, 0 1px 0 0 #c9c9c9, 0 -1px 2px 1px #e3e3e3;
    -ms-box-shadow: inset 0 1px 0 0 #f2f2f2, 0 1px 0 0 #c9c9c9, 0 -1px 2px 1px #e3e3e3;
    -o-box-shadow: inset 0 1px 0 0 #f2f2f2, 0 1px 0 0 #c9c9c9, 0 -1px 2px 1px #e3e3e3;
    box-shadow: inset 0 1px 0 0 #f2f2f2, 0 1px 0 0 #c9c9c9, 0 -1px 2px 1px #e3e3e3; }
  button.minimal-indent:active {
    -webkit-box-shadow: inset 0 0 30px 0 #999999, 0 1px 0 0 white;
    -moz-box-shadow: inset 0 0 30px 0 #999999, 0 1px 0 0 white;
    -ms-box-shadow: inset 0 0 30px 0 #999999, 0 1px 0 0 white;
    -o-box-shadow: inset 0 0 30px 0 #999999, 0 1px 0 0 white;
    box-shadow: inset 0 0 30px 0 #999999, 0 1px 0 0 white; }

/*==================================================
 # Cursors
==================================================== */
	html, body, #facebook{cursor:url(../images/cursor/cursor.cur),default;}
	
	 input[type="button"], input[type="reset"], input[type="submit"], #enviar, a, #fancybox-overlay, .fancy-ico, #facebook, .slide, .circle:hover, .circle:active {cursor: url(../images/cursor/hand.cur),pointer !important;}
	
	input, #TxbMensajec {cursor: url(../images/cursor/text.cur),text;}
	abbr, acronym, .postcontent dfn{cursor: url(../images/cursor/help.cur),help;}