/* CSS Document */

body {margin:0; padding:10px }
body {font:.7em Verdana, Arial, Helvetica, sans-serif; line-height:1.4em;margin:0; color:#666}
input,select {font:1em Verdana, Arial, Helvetica, sans-serif; color:#666; padding:1px}
.intro {
	background-color: transparent;
	margin-top: -220px;
	margin-left: -350px;
	position: absolute;
	top: 50%;
	left: 50%;
	width: 700px;
	height: 400px;
	text-align:center;
}
/*.introimg {border:2px solid #22b14c; padding:2px; }*/
strong {color:#000}
.intro h2{color:#FFF}
a { color:#aaa; text-decoration:none; }
a.sele , a:hover { color:#087647; text-decoration:underline }
p {margin:7px 0 0 0 }
hr {height:1px; color:#BCBEC0; border-top:1px solid #ccc; clear:both ; }

#page {margin-right:auto; margin-left:auto; width:800px; border:1px solid #72bde9; background:url(../img/dt-bg-logo.gif) bottom right no-repeat}
#cont {float:left; float:right; width:640px;position:relative}
dddiv {border:1px solid #666666}
/* menu */
#menu {float:left; width:160px;}
#menu h3 {display:block; background:url(../img/dt-bg-logo.jpg) 0 2px; height:85px; width:158px; text-indent: -9000px;}
#menu ul {list-style:none; margin:0; padding:0; width:150px; float:right; }
#menu ul li {display:block; float:left; width:100%; height:16px}
#menu a {display:block; padding-left:10px; letter-spacing:-.1em; font-weight:bold}
#menu a:hover {border-left:5px solid #BCBEC0; padding-left:5px }
#menu a.sele {border:1px solid #BCBEC0; border-left:5px solid #087647;  border-right:1px solid #fff; position:absolute; z-index:999; width:140px; text-decoration:none; padding-left:5px;  font-weight:bold;}


#menu #banner {float:right; text-align:center; margin:10px 0; width:100% }
/* end menu */


/* cont */

#cont #cab1 {height:80px; width:640px}
#cont #cab2 {width:640px; padding:7px 0;}
/*
#cont #cab2 ul {list-style:none; float:right; margin:0 }
#cont #cab2 ul li {display:block; float:left; width:90px; }
*/

#cont .ci {position:absolute; top:0; right:0; background:url(../img/ci.gif); height:80px; width:135px}
#cont #cab2 p {float:right; margin:0; margin-bottom:4px; _margin-bottom:0; margin-right:10px; _margin-right:5px }
#cont #cab2 a { display:block; float:left; padding:0 5px;  border-left:1px solid #EFEDE9; border-right:1px solid #EFEDE9}
#cont #cab2 form {display:inline; margin-left:5px;}
#cont #cab2 span {position:relative; width:auto;}
/*border:1px solid #EFEDE9 ; border-top:1px solid #CBC6C0; border-left:1px solid #CBC6C0; width:98% */
#cont #cab2 a.sele {border:1px solid #BCBEC0; border-top:5px solid #087647;  border-bottom:1px solid #fff; margin-bottom:-5px; position:relative; text-decoration:none; height:20px; padding:0 7px; float:left}

/*
#cont #cab2 a.sele{border:1px solid #BCBEC0; border-top:5px solid #087647;  border-bottom:1px solid #fff; position:absolute; z-index:999; width:80px; text-decoration:none; letter-spacing:normal; text-align:center; height:18px; padding-top:3px; }
*/

.buscar {background:url(../img/buscar.gif) -1px no-repeat; padding-left:20px; width:95px; margin:0 }
.buscargo {border:1px solid #CBC6C0 ; border-top:1px solid #EFEDE9; border-left:1px solid #EFEDE9; background:url(../img/buscar_go.gif) -1px; height:17px; width:17px; margin:0}


#cont #gene {clear:both}

.leyenda {font-size:80%; border:1px solid #BCBEC0; clear:both; background-color:#F8F8F8; padding: 4px 5px; margin:4px 0; line-height:1.2em; }
.autor {font-size:90%; }
/* end conte */

/* contenido general */
#gnrl h2 {font-size:1.5em; padding-right:50px; background:url(../img/circles.gif) right bottom no-repeat; display:inline; }
#gnrl h3 {font-size:1.3em; padding-left:20px; background:url(../img/boxes.png) left top no-repeat #fbfbf8; margin:5px 0  }
#gnrl h4 {font-size:1.5em; padding-left:12px; background:url(../img/ico55.gif) -3px 1px no-repeat; margin-top:20px; color:#007647  }

#gnrl .marco{border:1px solid #f3f1f1; padding:3px}
.boton { 
height:20px; width:72px; background:url(../img/bg-boton.gif) top right; border:0px; padding:0 5px; color:#000; }
.none {width:auto; margin:0; padding:0; border:0;}

.gen1de2, .gen2de2, .gen1de1 { }
.relativo {position:relative}
.gen1de2 {border:1px solid #BCBEC0; padding:0 12px; width:395px; float:left; padding-top:15px; padding-bottom:10px;}
.gen2de2 {width:192px; float:right; margin-right:18px; _margin-right:9px; padding-top:39px;}
.gen1de1 {border:1px solid #BCBEC0; padding:0 12px; width:604px; float:left; padding-top:15px; padding-bottom:10px; }
.gen1de1 {_margin-top:-3px} /*ie*/

/*logos*/
.linklogo{position:absolute; right:0px; top:0}
/*
.logocomerbien {background:url(../uploads/media/logo_comer_viajar.jpg) right top no-repeat}
.logoalbergues {background:url(../uploads/media/logo_albergueconestilo.jpg ) right top no-repeat}
.logoguiaperu {background:url(../uploads/media/logo_guiaperu.jpg ) right -11px no-repeat}
*/


.top0 {/*margin-top:-40px*/}
.lverde { color:#007647}
.fondoverde { background-color:#007647; color:#FFF }
.nota {float:right; text-align:right; margin-top:-15px; width:100%; line-height:1em; margin-bottom:7px; _margin-bottom:0;}
.subtitulo{float:left; margin-top:-18px; letter-spacing:-1px; padding-left:12px; border-top:1px solid #CCCCCC; line-height:1.2em;}
/*
#gen3 {border:1px solid #BCBEC0; padding:0 12px; width:595px; float:left; padding-top:15px; padding-bottom:10px; background:url(../img/we.gif) top right no-repeat}
*/
.gen1de1 .boxlibro {border:1px solid #f3f1f1; width:275px; height:130px; float:left; margin:5px; padding:5px; }
.adorno1 {background:url(../img/adorno1.jpg) right top no-repeat}
.gen1de1 .boxlibro:hover{background:#f8f7f4} 
.gen1de1 .boxlibro img {float:left}
.gen1de1 .boxlibro strong { font:16px Arial, Helvetica, sans-serif; font-weight:bold; color:#1c8505 }
.gen1de1 .boxconte {float:left; border-left:1px solid #f3f1f1; margin-left:5px; padding-left:5px; width:45%; height:inherit;}
.gen1de1 .resaltado {font-size: 16px;}
.footNav {clear:both; border:1px solid #DEDEDA; padding:0 0 2px 10px; width:auto; margin-top:10px}
.gen1de1 .boxlibrodet {clear:both; height:auto}
.rayado {border-bottom:1px solid #ccc}

/* galeria de fotos*/
.galFoto .boxlibro {border:1px solid #f3f1f1; width:275px; height:96px; float:left; margin:5px; padding:5px; }
.galFoto .boxconte { width:55%}

.gal {border:1px solid #d8d8d3; width:580px; height:66px; overflow:hidden; position:relative; padding:0 10px }
.gal img {margin:3px 0 0 3px; cursor:pointer}
.gal a { position:absolute; height:66px; top:0; width:10px; z-index:999; background-color:#d8d8d3}
.gal a img {border:0; margin:0; margin-top:26px }
.gal a:hover {background-color:#333}
.gal #nav1 {left:0;}
.gal #nav2 {right:0;}
/*#navC { width:10000px; position:absolute; }*/
#navC { position:absolute; }

/*
#gen4 {border:1px solid #BCBEC0; padding:0 12px; width:595px; float:left; padding-top:15px; padding-bottom:10px; }
*/

.historial { clear:both; float:left; width:422px; margin:20px 0; _margin:20px 0 0 0 }
.gen1de2 .historial{ width:394px}
.historial strong { display:block; font-size:1.3em; padding-left:20px; background:url(../img/boxes.png) left top no-repeat; }
.historial ul {list-style:url(../img/check.gif); line-height:10px; margin:0; _margin:0 17px; margin-top:5px; padding-left: 18px; _padding:0}
.historial ul li{ margin-bottom:5px; position:relative; border-bottom:1px solid #eaeae5; width:100px; float:left; margin-right:40px}
.historial .fecha { position:absolute; right:0px; _right:10px;}
input,textarea {border:1px solid #EFEDE9 ; border-top:1px solid #CBC6C0; border-left:1px solid #CBC6C0; width:98% }

.s {background-color:#003399; color:#FFF; padding:0 3px}
.volver3 {background:url(../img/volver3.gif); width:80px; float:right; height:15px; margin-top:5px; clear:both }
.volver3:hover{background:url(../img/volver3.gif) 0 -15px}

.volver4 {background:url(../img/volver4.gif); width:80px; float:right; height:15px; margin-top:5px; clear:both }
.volver4:hover{background:url(../img/volver4.gif) 0 -15px}

.ls { margin:0 10px; padding:0; list-style:none}
.ls li {display:block; float:left; width:270px; height:20px; background:url(../img/ico3.gif) 0 6px  no-repeat; padding-left:18px; line-height:2.3em }
.ls li a { display:block; border-bottom:1px solid #f3f1f1; width:100%; height:100%}
.ls li a:hover { text-decoration:none; background-color:#F7F7F4}
.ls img {border:0}
.gen1de1 .lista {width:100%; border-collapse:collapse}
.gen1de1 .lista thead {background-color:#F9F9F9} 
.gen1de1 .lista thead td { text-align:center} 
.gen1de1 .lista td {border:1px solid #E6E6E6; padding:0 3px} 
.gen1de1 .lista td strong { font-size:16px; font-weight:normal; line-height:1.5em; color:#007647; background:url(../img/check.gif) no-repeat 0 6px; padding-left:15px }
/* end contenido general */


/* pie */

#pie {clear:both; font-size:80%; padding:5px; height:30px; margin-top:10px}
#pie p {display:block; float:left; text-align:center; margin:0; width:88%; color:#7c7c7c}
#pie a {padding:0 5px;  border-left:1px solid #EFEDE9; border-right:1px solid #EFEDE9}
#pie a:hover { color:#FFFFFF}
#pie .dt {display:block; float:left; border:0; padding-top:5px}
.intro #pie p {width:100%; }
.intro #pie a {border:#666666 }
/* end pie */

/* fauna y flora*/

.cuadro {padding:10px 10px 0 10px; border:1px solid #f3f1f1;  background-color:#FBFBF9; float:left; margin:0 20px 20px 0}
.cuadro strong a {color:#007647; font-size:20px; font-family:Arial, Helvetica, sans-serif; display:block; margin:5px 0 5px 0; }
.cuadro a {color:#007647; font-size:14px; display:block; margin-top:2px; padding:3px 0 5px 0; }
.titulox {font-size:1.8em !important; margin:0  !important; padding:0  !important; background:none !important; margin-top:10px !important; font-family:Arial, Helvetica, sans-serif }
.tituloy {font-size:1.5em !important; margin:0  !important; padding:0  !important; background:none !important; font-family:Arial, Helvetica, sans-serif }