/*RESET*/
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,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{border:0;outline:0;font-size:100%;vertical-align:baseline;margin:0;padding:0}
body{line-height:1}
ol,ul{list-style:none}
blockquote,q{quotes:none}
blockquote:before,blockquote:after,q:before,q:after{content:none}
:focus{outline:0}
ins{text-decoration:none}
del{text-decoration:line-through}
table{border-collapse:collapse;border-spacing:0}
a{color:#000;text-decoration:none;font-size:10px}
a:hover{color:#000;text-decoration:none }
.clear{ clear:both}
.left{ float:left}
.right{ float:right}
/**/

body{margin:0; background:#76C62F url(../imgs/fondo-menuinf.jpg)}

#base{ margin-right:auto; margin-left:auto; width:900px; height:auto }
#top,#anim, #pie1,  {float:left; width:900px; height:auto; position:relative}
#anim{height:367px;}
#top { position:relative; margin: 10px 0 0; overflow:hidden; width:900px; height:132px}
#video{ background:url(../imgs/anim.jpg) no-repeat center top; height:367px;width:900px; text-align:center }
#videoCont{}

#pie-txt{ background-color: #5EA008  ; width:860px; margin-top:0;padding:5px  20px 0px 20px; height:130px}
#pie-txt img{ float:right}
#pie-txt .btns{ float:left; font:10px Arial, Helvetica, sans-serif; color:#FFF; padding-top:10px; padding-bottom:10px; width:400px }
#pie-txt .btns img{ float:none }
#pie-txt .btns a{font:bold 10px Arial, Helvetica, sans-serif; color:#FFF; display:block; float:left; text-decoration:none; height:10px; padding:10px }
#pie-txt .btns a:hover{ text-decoration:underline; color:#063  }
#pie-txt .btns span{ display:block; float:left; width:95px; height:10px; padding-top:5px}


#menuSup{width:120px;	height:auto;	position:absolute;	left: 410px; top:30px; background:#2e340c}
#menuSup ul{ margin:0px; padding:0px; list-style:none; border:none;}

#menuSup ul li a{ margin:0px; padding:0px; list-style:none; border:none; display:block; height:27px; width:120px}
#menuSup ul li a#btn-testimonios{ background: url(../imgs/btn1.jpg) 0px 0px ; margin-bottom:7px}
#menuSup ul li a#btn-hot{ background: url(../imgs/btn2.png) no-repeat 0px 0px }

#menuSup ul li a#btn-testimonios:hover{ background: url(../imgs/btn1.jpg) 0px -27px }
#menuSup ul li a#btn-hot:hover{ background: url(../imgs/btn2.png) 0px -27px }


/*Menu Superior*/

#menuHor{ height:39px; width:770px; background:url(../imgs/fondo-menuinf.jpg) no-repeat left top ; position:relative; z-index:2000; padding:10px 0 0 50px}
#nav, #nav ul, #nav li{	margin:0;padding:0;list-style:none;}	
ul#nav li{padding:0; margin:0;float:left;display:inline;position:relative;height:26px;}
ul#nav li a{display:block; width:100px; height:26px;background:#000;color:#FFF}

ul#nav li a#btn_reserva{background:url(../imgs/menu-inf.jpg) 0 0 ;width:132px}
ul#nav li a#btn_lodge{background:url(../imgs/menu-inf.jpg)  -135px 0 ;width:104px}
ul#nav li a#btn_quienes{background:url(../imgs/menu-inf.jpg) -240px 0 ;width:125px}
ul#nav li a#btn_ecoturismo{background:url(../imgs/menu-inf.jpg)  -370px 0 ;width:122px}
ul#nav li a#btn_informacion{background:url(../imgs/menu-inf.jpg)  -490px 0 ;width:124px}
ul#nav li a#btn_contactenos{background:url(../imgs/menu-inf.jpg)  -621px 0 ;width:125px}

ul#nav ul{margin:0;position:absolute;left:0;top:26px; padding:0;width:140px;color:#CCC;display:none;z-index:1000; overflow:visible}
ul#nav ul li{float:left;display:block; height:35px; margin:0; width:100px}	
ul#nav ul li a{display:block; margin:0; width:106px;height:15px; padding:10px 6px ;background: url(../imgs/bgmenu2.gif) no-repeat;margin-bottom:0;font:bold 11px  Tahoma, Geneva, sans-serif}
ul#nav ul li a.dosl{height:37px; padding: 4px 6px 5px;}
ul#nav ul li a:hover{color:#033}

body#pag-inicio ul#nav li a#inicio{background:url(../imagenes/menu.jpg); background-position:0 -39px}
body#pag-quienessomos ul#nav li a#quienesomos{background:url(../imagenes/menu.jpg); background-position:-97px -39px}
body#pag-proyecto ul#nav li a#proyecto{background:url(../imagenes/menu.jpg); background-position:-241px -39px}
body#pag-productos ul#nav li  a#producto{background:url(../imagenes/menu.jpg);background-position:-352px -39px}
body#pag-galeria ul#nav li a#galeria{background:url(../imagenes/menu.jpg); background-position:-471px -39px}
body#pag-sensibilidad ul#nav li a#sensibilidad{background:url(../imagenes/menu.jpg); background-position:-574px -39px}
/*fin de Menu Superior*/

/*slidehow index*/
#slideshow {position:relative; clear:left; height:367px } #slideshow.pagLodge{ height:450px}
#slideshow img {position:absolute; top:0; left:0;z-index:8; opacity:0.0;}
#slideshow img.active { z-index:10; opacity:1.0;}
#slideshow img.last-active { z-index:9;}
.clear{clear:both}

/*paginas internas*/
#contenido{ background:url()}
#titulos{ background:url(../imgs/bgPie.jpg); padding:22px 0 5px 20px;border-top:solid 2px #033}
#titulos.reserv{padding:12px 0 12px 20px;}
#sidebar{ float:left; width:210px; padding:7px} #sidebar img{ margin-bottom:10px}
#info{ padding:15px 0; background: url(../imgs/bgtop.jpg) no-repeat center top}
#info p{ font:14px/22px Tahoma, Geneva, sans-serif; margin:0 auto 5px; text-align:justify} #info p a{font-size:14px;color:#03F} #info p a:hover{ text-decoration:underline}
#info h1{font:bold 14px Verdana, Geneva, sans-serif; background:url(../imgs/bgh1.gif) no-repeat left 4px; padding-left:17px; margin-top:15px; margin-bottom:4px}

#pie { background:url(../imgs/bgPie.jpg); padding-bottom:25px}
#pie #bg{ background:url(../imgs/bg02.jpg) no-repeat center top; height:26px; margin-bottom:10px}
#pie #menuPieInf{background:url(); text-align:center;margin:0 auto; padding:0; height:10px; padding-left:40px}
#pie #menuPieInf a{color:#e5e5e5; padding: 0 10px;font:bold 11px Tahoma, Geneva, sans-serif; text-decoration:none}
#pie #menuPieInf a:hover{color:#fff}

#pie #menuPieInf a#btnInicio{background:url(../imgs/menuinferior.jpg) no-repeat 0px 0px}
#pie #menuPieInf a#btnQuienes{background:url(../imgs/menuinferior.jpg) no-repeat -58px 0px}
#pie #menuPieInf a#btnEcoturismo{background:url(../imgs/menuinferior.jpg) no-repeat -165px 0px}
#pie #menuPieInf a#btnInformacion{background:url(../imgs/menuinferior.jpg) no-repeat -258px 0px}
#pie #menuPieInf a#btnContacto{background:url(../imgs/menuinferior.jpg) no-repeat -358px 0px}

#pie #menuPieInf a#btnInicio:hover{background:url(../imgs/menuinferior.jpg) no-repeat 0px -10px}
#pie #menuPieInf a#btnQuienes:hover{background:url(../imgs/menuinferior.jpg) no-repeat -58px -10px}
#pie #menuPieInf a#btnEcoturismo:hover{background:url(../imgs/menuinferior.jpg) no-repeat -165px -10px}
#pie #menuPieInf a#btnInformacion:hover{background:url(../imgs/menuinferior.jpg) no-repeat -258px -10px}
#pie #menuPieInf a#btnContacto:hover{background:url(../imgs/menuinferior.jpg) no-repeat -358px -10px}
#botonesPie{ padding-left:720px; width:140px; padding-right:15px; padding-top:10px; padding-right:20px}
a#btnVolver02{ height:18px; width:64px; display:block; float:left; background: url(../imgs/btnVolver.jpg) no-repeat}
a#btnImprimir02{height:18px; display:block; margin-left:70px; background: url(../imgs/btnImprimir.jpg) no-repeat}
#info ul { padding-bottom:15px}
#info ul li{ font:14px/22px Tahoma, Geneva, sans-serif; padding-left:18px; background:url(../imgs/li3.gif) no-repeat left 6px}

#titulos{ height:55px}
#titulos img.tit{ float:left}
#menuLinks{ padding-top:10px; margin-left:320px} #menuLinks.lodge{ margin-left:370px} 
#menuLinks.uno{ width:auto; margin-left:400px}
#menuLinks.dos{ width:700px}
#mea.nuLinks img{ margin-left:15px; border:0} #menuLinks a{ display:block; text-align:center;text-transform:uppercase;font:bold 13px "Trebuchet MS", Arial, Helvetica, sans-serif; display:block; padding: 0 7px; float:left;color:#FFF} #menuLinks a.large{ width:130px} #menuLinks a.large2{ width:90px} #menuLinks a:hover{ text-decoration:underline}
#info h2{ padding-left:10px;font:bold 14px/22px Tahoma, Geneva, sans-serif; margin:0; margin-bottom:5px; background: url(../imgs/LI.jpg) no-repeat 10px 8px; padding-left:25px; margin-left:15PX} p.center{ text-align:center; padding-bottom:10px} .left90{ margin-left:90px}
#info p.resaltado{font-size:14px;color:#039; font-weight:bold; text-indent:17px}
#menuLinks.ecoturismo{ margin-left:430px} #menuLinks.informacion{ margin-left:430px}

#info.introduccion{ margin-left:0}
#flash2{padding-bottom:15px}

a.ver{color: #063; font-weight:bold; text-decoration:none; font-size:12px; line-height:25px}
a.ver:hover{ text-decoration:underline}
/*home*/
#leyenda{ padding:15px 20px; font:14px/25px Tahoma, Geneva, sans-serif; text-align:left; background:url(../imgs/fondo-menuinf.jpg);border-bottom:solid 1px #063; margin-bottom:30px}
.links { padding-top:10px;color:#03F} .links a{ font:13px/22px "Trebuchet MS", Arial, Helvetica, sans-serif;color:#03F; text-decoration:underline}
#info p a.pdf{font:bold 12px "Trebuchet MS", Arial, Helvetica, sans-serif;color: #360}
#info p a.pdf:hover{ text-decoration:underline}
p.galeriaFotos{ text-align:center}
#info p a.pdf2{font:bold 14px "Trebuchet MS", Arial, Helvetica, sans-serif;color: #C30}

#menuTop{ background: url(../imgs/bg.jpg); padding:12px; text-align:center; margin-bottom:4px; clear:left; width:876px;}
#menuTop a{font:bold 14px "Trebuchet MS", Arial, Helvetica, sans-serif;color:#FFF; padding: 4px 15px;color: #CF0}
#menuTop a:hover{ text-decoration:underline;color:#FFF}
.certificado{ margin-left:10px;}

/*PAG DE CONTACTO*/
.formulario{padding:0 0 0 35px; margin-bottom:20px; width:400px; float:left}
.formulario tr td{ vertical-align:top; padding-bottom:7px; padding-right:15px}
.formulario tr td strong{font:bold 13px "Trebuchet MS", Arial, Helvetica, sans-serif;color: #030; margin-bottom:7px;width:auto}
.formulario p, .formulario textarea{ font:12px/18px Arial, Helvetica, sans-serif;color:#333}
.formulario input[type="text"]{border:none; width:300px; height:18px; padding:5px 10px;border:solid 1px #063}
.formulario input.field{ background:url(../images/bgTextField.gif) no-repeat; border:none; width:320px; height:18px; padding:10px}
.formulario input[type="submit"], .formulario input[type="reset"]{width:100px; height:32px;color:#036;cursor:pointer}
.formulario textarea{ width:376px;border:none; height:85px; padding:7px;border:solid 1px #063}
.formulario a{ color:#06C; text-decoration:underline}
.ad1, .ad2, .ad3{font:bold 11px Tahoma, Geneva, sans-serif; padding:6px; margin-top:15px; width:300px}
.ad1{ background:#CFF9C8;color:#063;border:solid 1px #063}
.ad2{ background:#FDE3DB;color:#900;border:solid 1px #900}
.ad3{ background:#FFC;color:#960;border:solid 1px #960}
#datosCont a{color:#03C;font-size:13px}
#datosCont a:hover{ text-decoration:underline}
#datosCont{  margin-left:470px}
.formulario tr td strong.bl{ display:block; width:160px; float:left}
.formulario input.sm[type="text"]{ width:150px}
.formulario input[type="radio"] { float:left; display:block; width:20px; height:25px}
.formulario strong.pro{ display: block; margin-left:35px}
.imgMapa{font:bold 13px Tahoma, Geneva, sans-serif;color:#333;float:right; margin-left:20px; margin-bottom:20px; width:200px;background:#FFC;border:solid 2px #990; text-align:center; padding:15px 0}
.imgMapa img{ margin-top:10px}
.imgMapa a{font-size:11px ;color:#F60; text-decoration:underline}
.linksInteres a{font: 13px Tahoma, Geneva, sans-serif;color: #063}
.linksInteres a:hover{color:#03C; text-decoration:underline}
img.tit{ float:left}
img.imgLogos{ margin: 15px 0}

/*estilos*/
a.vermapa{font:italic bold 15px "Trebuchet MS", Arial, Helvetica, sans-serif;color: #063 }
a.vermapa:hover{ text-decoration:underline}.logoGC{ margin-left:15px; margin-top:10px}
a.ver2{font:italic bold 15px "Trebuchet MS", Arial, Helvetica, sans-serif;color: #063 }
a.ver2:hover{ text-decoration:underline}.logoGC{ margin-left:15px; margin-top:10px}
#info div.lGC{ text-align:center;font:bold 14px "Trebuchet MS", Arial, Helvetica, sans-serif;color: #063; padding-top:50px; width:300px; margin:0 auto}
#info div.lGC p{ text-align:center; margin-top:15px} #mapaWeb{ float:right; width:180px; padding-top:10px}