body, div, h1, h2, h3, h4, h5, h6, ul, li, p, form, ol, dd, dt, dl{margin:0;padding:0;font-weight:normal;list-style:none;}
body{width:100%;height:100%;font:12px/15px Arial,Helvetica,sans-serif;color:#000000;line-height:18px;background-color:#FFF;text-align:center;}
img{border:0;padding:0;margin:0;}
* {margin:0; padding:0;}
a{color:#002E3D;}
a:hover{color:#000;text-decoration:none;}

/*FIXES*/
.clear{clear:both;font-size:0;}
.clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden}
.clearfix{display:inline-block;} 
* html .clearfix{}
.dupfix{float:left;width:1px;height:0px;line-height:0px;visibility:hidden;}
ul, ol{position:relative;}
li{list-style:none;}


/* GENERICOS */
h1, h2, h3, h4, h5 {line-height:27px;margin:5px 0;font-weight:bold;font-family:Georgia, "Times New Roman", Times, serif;}
h1 {font-size:24px;color:#000; background:url(../img/ic-tit1.gif) 0 8px no-repeat;padding:0 20px;margin:10px 0;}
h2 {font-size:18px;color:#00142B;background:url(../img/ic-tit1.gif) 0 8px no-repeat;padding:0 25px;margin:10px 0;}
h3 {font-size:16px;color:#00142B;background:url(../img/ic-tit2.gif) 0 4px no-repeat;padding:0 20px;line-height:24px;margin:10px 0;}
h4 {font-size:14px;color:#380B03;line-height:21px;}
h5 {font-size:12px;color:#00142B;line-height:15px;}

p {font-size:14px;margin:0 0 10px;line-height:21px;}
hr {margin:5px 0;padding:0;border:0;height:0;border-bottom:1px solid #808080;}

.NoBorde{border:0;}
.NoMargen{margin:0;}
.bold {font-weight:bold;}
.txt-12 {font-size:12px;}
.txt-11 {font-size:11px;}
.txt-10 {font-size:10px;}

.Col475 {width:475px;float:left;}
.Col316 {width:315px;float:left;}
.Col237 {width:237px;float:left;}
.Col210 {width:210px;float:left;}
.TitSec {float:right;}

ul.item {padding:0 20px;}
li.item1 {width:95%;float:left;background:url(../img/ic-items1.gif) no-repeat 2px 5px;padding:3px 0 1px 18px;font-size:14px;}
li.item2 {width:95%;float:left;background:url(../img/ic-items2.gif) no-repeat 2px 5px;padding:3px 0 1px 18px;font-size:14px;}
li.item3 {width:95%;float:left;background:url(../img/ic-items3.gif) no-repeat 2px 5px;padding:3px 0 1px 18px;font-size:14px;}


/*ESTRUCTURA PAGINA*/

.Hd, .Ft, .Cont {width:100%;margin:0 auto;text-align:center;}
.Hd {height:145px;background-color:#FFF;}
.Ft {height:110px;color:#2B2B2B;background-color:#FFF;}
.FtInt {height:50px;color:#2B2B2B;background-color:#FFF;font-size:11px;line-height:15px;}
.Cont {width:950px;margin:0 auto;text-align:left;}


/* HEADER */
.FdHome {height:145px;background:url(../img/fd-head-cabana.jpg) right no-repeat;}
.FdInt {height:145px;background:url(../img/fd-head-int-cabana.jpg) right no-repeat;}

.Hd .Cont .botonera {height:30px;float:left;}
.Hd .Cont .botonera ul {width:950px;list-style:none;padding-top:10px;position:absolute;}
.Hd .Cont .botonera ul li{float:left;margin-right:15px;font-size:14px;}
.Hd .Cont .botonera ul li a {color:#000;text-decoration:none;font-weight:bold;}
.Hd .Cont .botonera ul li a:hover {color:#135003;}

/* FOOTER */
.Ft .direccion {float:left;margin:60px 15px 0 0;font-size:15px;font-weight:bold; line-height:24px}
.Ft .reservas {width:300px;float:right;text-align:right;margin:5px 0 0 45px;font-size:15px;}
.Ft .reservas .tel {font-size:24px;line-height:24px;font-weight:bold;padding-top:5px;font-weight:bold;}
.Ft .reservas .caract {font-size:15px;}
.Ft .reservas .mail {font-size:15px;line-height:18px;}
.Ft .reservas .mail a{ color:#2B2B2B;}

.FtInt .tel {float:left;margin:10px 15px 0 0;font-weight:bold;}
.FtInt .reservas {width:300px;float:right;text-align:right;margin:2px 0 0 45px;}
.FtInt .reservas img {float:right;}
.FtInt .reservas .datos {float:right;padding:10px ;font-weight:bold;}


/* HOME */
.Home {width:100%;height:340px;background-color:#FDB443; border-top:#5A81AC 1px solid;}

.Sec {margin-top:22px;}
.Sec img {margin-right:5px;width:100px;height:300px;}
.Sec .NoMargen{margin-right:0px;}


/* SECCIONES */
.Serv, .Desa, .Caba, .Ubic, .Gale, .Quie, .Contacto {width:100%;padding:20px 0;}
.Serv {background:url(../img/fd-servicios.jpg) #FFCE7B top repeat-x;}
.Desa {background:url(../img/fd-desayunos.jpg) #FFDB98 top repeat-x;}
.Caba {background:url(../img/fd-cabanas.jpg) #FFF77B top repeat-x;}
.Ubic {background:url(../img/fd-ubicacion.jpg) #FEC97E top repeat-x;}
.Gale {background:url(../img/fd-galeria.jpg) #E3E5A2 top repeat-x;}
.Quie {background:url(../img/fd-quienes.jpg) #FFCC7D top repeat-x;}
.Contacto {background:url(../img/fd-contacto.jpg) #F9FFB5 top repeat-x;}
.ComoLlegar {width:950px;background-color:#FFF; border:2px solid #787878;margin:10px;padding:10px;}

.masinfo {float:right;margin:15px 0;}

.Tabla {width:400px;margin:10px auto;border-top:1px solid #FFF;}
.Tabla .ciudad{width:290px;float:left;padding:2px 5px;border-bottom:1px solid #FFF;}
.Tabla .dist{width:90px;float:left;padding:2px 5px;border-bottom:1px solid #FFF;font-weight:bold;text-align:right;}

.ImpMapa {font-size:12px;font-weight:bold;text-align:right;padding:10px 0;}

/* FOTOS MULTIMEDIA*/
.foto_der {float:right;margin:0 0 5px 5px;border:4px #FFF solid;}
.foto_izq {float:left;margin:0 5px 5px 0;border:4px #FFF solid;}

.foto_der-NoBorde {float:right;margin:0 0 5px 5px;}
.foto_izq-NoBorde {float:left;margin:0 5px 5px 0;}

.Galeria{float:right;margin:0 0 10px 10px; width:380px;}
.Galeria img {margin:0 3px 10px 0}
.Galeria .noMargen {margin-right:0}

.banner {float:left; margin:15px 0;}


/* CONTACTENOS */

.Datos {color:#003F20;width:300px;float:right;}
.Datos .tel {font-size:24px;line-height:24px;font-weight:bold;padding-top:5px;font-weight:bold;}
.Datos .caract {font-size:15px;}
.Datos .mail {font-size:18px;line-height:18px;padding:15px 0;}
.Datos .mail a{color:#003F20;}
.Datos .direccion {width:220px;float:left;padding-top:10px;font-size:14px;font-weight:bold;}
.Datos .ubicacion {float:left;font-size:12px;}

.Form {width:450px;margin:0 auto; padding:10px;text-align:left;float:left;}
.Form .Dato{display:block;float:left;width:200px;height:20px;padding:0px;margin:5px 0;color:#1E1F01;font-size:14px;font-weight:bold;}
input,select,textarea {float:left;border:1px solid #7F7E83;width:230px;height:20px;padding:5px;margin:5px 0;font:14px Arial, Trebuchet MS, Tahoma,Verdana, Helvetica, sans-serif;color:#1B1B1B;}
textarea {height:150px; margin-bottom:5px;}
input:focus, textarea:focus{background-color: lightyellow;}
input.btn_off {width:100px;height:30px;border:none;background:#1E1F01;color:#FFF;font-weight:bold; margin:5px 0;font-size:14px;display:block;letter-spacing:1px}
input.btn_on {width:100px;height:30px;border:none;background:#F68D26;color:#000;font-weight:bold; margin:5px 0;font-size:14px; display:block;letter-spacing:1px; border:1px solid #29313F; cursor:pointer;}


/* lightbox GALERIA JQUERY */
#lightbox{position: absolute;	left: 0; width: 100%; z-index: 100; text-align: center; line-height: 0;}
#lightbox img{ width: auto; height: auto;}
#lightbox a img{ border: none; }
#outerImageContainer{ position: relative; background-color: #fff; width: 250px; height: 250px; margin: 0 auto; }
#imageContainer{ padding: 10px; }
#loading{ position: absolute; top: 40%; left: 0%; height: 25%; width: 100%; text-align: center; line-height: 0; }
#hoverNav{ position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 10; }
#imageContainer>#hoverNav{ left: 0;}
#hoverNav a{ outline: none;}
#prevLink, #nextLink{ width: 49%; height: 100%; background-image: url(data:image/gif;base64,AAAA); /* Trick IE into showing hover */ display: block; }
#prevLink { left: 0; float: left;}
#nextLink { right: 0; float: right;}
#prevLink:hover, #prevLink:visited:hover { background: url(../shared/img/prevlabel.gif) left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(../shared/img/nextlabel.gif) right 15% no-repeat; }
#imageDataContainer{ font: 10px Verdana, Helvetica, sans-serif; background-color: #fff; margin: 0 auto; line-height: 1.4em; overflow: auto; width: 100%	; }
#imageData{	padding:0 10px; color: #666; }
#imageData #imageDetails{ width: 70%; float: left; text-align: left; }	
#imageData #caption{ font-weight: bold;	}
#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em;	}			
#imageData #bottomNavClose {width:66px; float: right;  padding-bottom: 0.7em; outline: none;}	 	
#overlay{ position: absolute; top: 0; left: 0; z-index: 90; width: 100%; height: 500px; background-color: #000; }