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

body {margin:0px auto;}

/* Estilos */

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

h1{ font-family:'Ubuntu',Verdana, Geneva, sans-serif; font-size:55px;	text-align:left; color:#ffffff; line-height:1.3em; text-shadow:black 1px 1px 2px;	 margin:0px; font-weight:400; text-align:center;}

h2{font-family:'Ubuntu',Verdana, Geneva, sans-serif; font-size: 24px; color:#ffffff; text-shadow:black 1px 1px 1px; vertical-align: text-top; margin:15px 10px 0px; text-align: right;}

h3{font-size: 36px;color:#FFFFFF;	text-shadow: black 0.1em 0.1em 0.2em;  text-align: center; margin:20px 0px;}

h4{font-size: 24px;color:#FFFFFF;	text-shadow: black 0.1em 0.1em 0.2em;  text-align: center; margin:20px 0px;}

h5{font-size: 18px;color:#FFFFFF;	text-shadow: black 0.1em 0.1em 0.2em;  text-align: center; margin:20px 0px;}

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

.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: center; 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;}

.pad{  margin:0px 50px;}

.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:18px; 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; }
	
.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; 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 {text-align: justify; padding:0px 10px; color:#333; font-size:20px; line-height:24px; text-shadow:0 1px 0 #FFFFFF; margin:15px 30px;}
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*/

header{ width:100%; height:179px; background:url(../images/fondo-header.jpg); text-align:center;}

#headeracomodo{ width:1024px; height:auto; margin:0px auto;}

#headerder{ width:700px; height:auto; float:right;}

#logo{ width:148px; height:157px; margin:10px 80px; float:left;}

#wrapperppal{ width:1024px; height: auto; margin:0px auto; background:#e5e5e5; box-shadow:#000 0px 2px 5px; padding:10px 0px 10px 0px;}

#cuadros{ width:910px; height:348px; margin:30px auto 10px;}

#cuadro1, #cuadro2, #cuadro3{ width:298px; height:348px; float:left; margin:0px 2px; text-align:center;}

#cuadro2{background:#afce28;}

#cuadro3{ background:#26b2c9;}

#cuadro1{background:#ffa300;}

footer{ width:100%; height:179px; text-align:center; background:url(../images/footer.png); margin:20px 0px 0px 0px;}

#footeracomodo{ width:1024px; height:auto; margin:0px auto;}

#footerder{ width:700px; height:auto; float:right; margin:50px 0px 0px 0px;}

#logofooter{ width:156px; height:164px; margin:10px 80px; float:left;}

button.contacto {font-size:24px; color:#F90;  margin:0px auto; border:none;}

.cintillo{ background:url(../images/cintillo.png); width:377px; height:61px; font-size: 24px; color:#FFFFFF;	text-shadow: black 0.1em 0.1em 0.2em;	text-align:center; padding:20px 0px 0px 0px;}

#mapa{ width:900px; height:380px; margin:0px auto;}

.datos{width: 640px; height: auto; float: left;}

#form{ display:inline-block;}

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

@media all and (max-width: 992px) {
 #logo{float:none; margin: 0px auto 0px; padding-top: 10px;}

#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;}*/
			
/* -------- Menu ----------  */

nav{text-align:center; margin:0px auto 0px; width:984px; height:52px; background-image:url(../images/fondo-menu.png); margin:10px auto;}

#nav a.fondonr{ background:url(../images/boton-naranja.png);}

#nav a.fondovd{ background:url(../images/boton-verde.png);}

#nav, #nav ul{ list-style-type:none; list-style-position:outside; width:984px; margin:0px 5px; display:inline-block; padding:0;}

#nav a{font-size:24px; color:#FFFFFF;	text-shadow:black 1px 1px 1px;	text-align:center;padding:0px 0px 0px 0px; outline:none; display:block;  text-decoration:none; background: url(../images/boton-azul.png); width:137px; margin:6px 1.2px 1.2px 1.2px; height:36px;}

#nav a:hover{font-size:24px; color:#000000;	text-shadow:0 1px 0 #FFFFFF;	text-align:center; outline:none; display:block;  text-decoration:none;}

#nav a:active {font-size:24px; color:#000; display:block; text-decoration:none; text-shadow:0 1px 0 #FFFFFF; outline:none;  background-color:#c1c1c1;}

#nav li{float:left;position:relative; padding:0px 0px;}
#nav ul {position:absolute;display:none;top:1.5em;}
#nav li ul a{width:6em;height:auto;float:left;}
#nav ul ul{top:auto;}	
#nav li ul ul {left:12em;margin:0px 0 0 10px;}
#nav li:hover ul ul, #nav li:hover ul ul ul, #nav li:hover ul ul ul ul{display:none;}
#nav li:hover ul, #nav li li:hover ul, #nav li li li:hover ul, #nav li li li li:hover ul{
display:block;}		

			
/*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);
}



/*==================================================
 # 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;}