html,body{
color:#fff;
margin:0;
padding:0;
width:100%;
height:100%;
background: #009ee0;
font-size:14px;
}

a,p{position:absolute;

}

*{margin:0;
padding:0;
border:none;
list-style:none;
outline:none;

}



#containerjust{
position:relative;
top:50%;
left:0;
width:9500px;
height:500px;
overflow:hidden;
margin-top:-250px;
z-index:10;
}

div{
position:relative;
left:0;
width:1900px;
height:500px;
float:left;
}

#containerjust #uno h1{
position:absolute;
left:0;
top:0;
width:100%;
height:100%;
text-indent:-9999px;
background: url(../../images/cuentos/justoh1.png) no-repeat left top;
z-index:1;
}

#containerjust #uno a#unio{
display:block;
position:absolute;
left:0;
top:0;
width:40px;
height:46px;
text-indent:-9999px;
background: url(../../images/cuentos/ir.png) no-repeat left top;
margin-top:320px;
margin-left:700px;
z-index:4;
}


#containerjust #dos{
background: url(../../images/cuentos/just2.png) no-repeat left top;
}


#containerjust #dos p{
position:absolute;
left:0;
top:0;
width: 543px;
height:157px;
text-align:justify;
line-height:16px;
margin-left:120px;
margin-top:335px;
}


#containerjust #dos a#dosio{
display:block;
position:absolute;
left:0;
top:0;
width:40px;
height:46px;
text-indent:-9999px;
background: url(../../images/cuentos/venir.png) no-repeat left top;
margin-top:400px;
margin-left:40px;
z-index:4;
}


#containerjust #dos a#tresio{
display:block;
position:absolute;
left:0;
top:0;
width:40px;
height:46px;
text-indent:-9999px;
background: url(../../images/cuentos/ir.png) no-repeat left top;
margin-top:400px;
margin-left:720px;
z-index:4;
}


#containerjust #tres{
background: url(../../images/cuentos/just3.png) no-repeat left top;
}

#containerjust #tres p{
position:absolute;
left:0;
top:0;
width: 450px;
height:205px;
text-align:justify;
line-height:16px;
margin-left:174px;
margin-top:262px;
}

#containerjust #tres a#cuatrio{
display:block;
position:absolute;
left:0;
top:0;
width:40px;
height:46px;
text-indent:-9999px;
background: url(../../images/cuentos/venir.png) no-repeat left top;
margin-top:405px;
margin-left:90px;
z-index:4;
}


#containerjust #tres a#cincio{
display:block;
position:absolute;
left:0;
top:0;
width:40px;
height:46px;
text-indent:-9999px;
background: url(../../images/cuentos/ir.png) no-repeat left top;
margin-top:405px;
margin-left:720px;
z-index:4;
}

#containerjust #cuatro{
background: url(../../images/cuentos/just4.png) no-repeat left top;
}


#containerjust #cuatro p{
position:absolute;
left:0;
top:0;
width: 459px;
height:232px;
text-align:justify;
line-height:16px;
margin-left:164px;
margin-top:90px;
}

#containerjust #cuatro a#sensio{
display:block;
position:absolute;
left:0;
top:0;
width:40px;
height:46px;
text-indent:-9999px;
background: url(../../images/cuentos/venir.png) no-repeat left top;
margin-top:195px;
margin-left:120px;
z-index:4;
}


#containerjust #cuatro a#sentio{
display:block;
position:absolute;
left:0;
top:0;
width:40px;
height:46px;
text-indent:-9999px;
background: url(../../images/cuentos/ir.png) no-repeat left top;
margin-top:195px;
margin-left:720px;
z-index:4;
}

#containerjust #cinco{
background: url(../../images/cuentos/just5.png) no-repeat left top;
}


#containerjust #cinco p#ig{
position:absolute;
left:0;
top:0;
width: 239px;
height:165px;
text-align:justify;
line-height:16px;
margin-left:430px;
margin-top:65px;
}

#containerjust #cinco p#g2{
position:absolute;
left:0;
top:0;
width: 239px;
height:120px;
text-align:justify;
line-height:16px;
margin-left:430px;
margin-top:255px;
}

#containerjust #cinco a#ocsio{
display:block;
position:absolute;
left:0;
top:0;
width:40px;
height:46px;
text-indent:-9999px;
background: url(../../images/cuentos/venir.png) no-repeat left top;
margin-top:5px;
margin-left:630px;
z-index:4;
}

/* justo final */

#containermar{
position:relative;
top:50%;
left:0;
width:7600px;
height:500px;
overflow:hidden;
margin-top:-250px;
}



#containermar #uno h1{
position:absolute;
left:0;
top:0;
width:100%;
height:100%;
text-indent:-9999px;
background: url(../../images/cuentos/leonor/1.png) no-repeat left top;
z-index:1;
}

#containermar #uno a#unio{
display:block;
position:absolute;
left:0;
top:0;
width:40px;
height:46px;
text-indent:-9999px;
background: url(../../images/cuentos/ir2.png) no-repeat left top;
margin-top:370px;
margin-left:700px;
z-index:4;
}

#containermar #dos{
background: url(../../images/cuentos/leonor/2.png) no-repeat left top;
}


#containermar #dos p{
width:600px;
margin-top:320px;
margin-left:80px;
text-align:justify;
}

#containermar #dos a#dosio{
display:block;
background: url(../../images/cuentos/venir2.png) no-repeat left top;
text-indent:-9999px;
width:26px;
height:24px;
margin-left:150px;
margin-top:120px;
}

#containermar #dos a#tresio{
display:block;
background: url(../../images/cuentos/ir2.png) no-repeat left top;
text-indent:-9999px;
width:26px;
height:24px;
margin-left:600px;
margin-top:120px;
}

#containermar #tres{
background: url(../../images/cuentos/leonor/3.png) no-repeat left top;
}


#containermar #tres p{
width:475px;
margin-top:20px;
margin-left:175px;
text-align:justify;
}

#containermar #tres a#cuatrio{
display:block;
background: url(../../images/cuentos/venir2.png) no-repeat left top;
text-indent:-9999px;
width:26px;
height:24px;
margin-left:120px;
margin-top:120px;
}

#containermar #tres a#cincio{
display:block;
background: url(../../images/cuentos/ir2.png) no-repeat left top;
text-indent:-9999px;
width:26px;
height:24px;
margin-left:727px;
margin-top:120px;
}


#containermar #cuatro{
background: url(../../images/cuentos/leonor/4.png) no-repeat left top;
}


#containermar #cuatro p.un{
width:350px;
margin-top:70px;
margin-left:360px;
text-align:justify;
font-size:14px;
}


#containermar #cuatro a#sensio{
display:block;
background: url(../../images/cuentos/venir2.png) no-repeat left top;
text-indent:-9999px;
width:26px;
height:24px;
margin-left:30px;
margin-top:70px;
}

/* fin leonor */

#containersan{
position:relative;
top:50%;
left:0;
width:7600px;
height:500px;
overflow:hidden;
margin-top:-250px;
}



#containersan #uno h1{
position:absolute;
left:0;
top:0;
width:100%;
height:100%;
text-indent:-9999px;
background: url(../../images/cuentos/santiago/1.png) no-repeat left top;
z-index:1;
}

#containersan #uno a#unio{
display:block;
position:absolute;
left:0;
top:0;
width:40px;
height:46px;
text-indent:-9999px;
background: url(../../images/cuentos/ir2.png) no-repeat left top;
margin-top:370px;
margin-left:700px;
z-index:4;
}

#containersan #dos{
background: url(../../images/cuentos/santiago/2.png) no-repeat left top;
}


#containersan #dos p.inu{
width:500px;
margin-top:340px;
margin-left:130px;
text-align:justify;
}

#containersan #dos p.dosu{
width:500px;
margin-top:420px;
margin-left:130px;
text-align:justify;
}

#containersan #dos a#dosio{
display:block;
background: url(../../images/cuentos/venir2.png) no-repeat left top;
text-indent:-9999px;
width:26px;
height:24px;
margin-left:150px;
margin-top:120px;
}

#containersan #dos a#tresio{
display:block;
background: url(../../images/cuentos/ir2.png) no-repeat left top;
text-indent:-9999px;
width:26px;
height:24px;
margin-left:600px;
margin-top:120px;
}

#containersan #tres{
background: url(../../images/cuentos/santiago/3.png) no-repeat left top;
}


#containersan #tres p{
width:475px;
margin-top:270px;
margin-left:175px;
text-align:justify;
}

#containersan #tres a#cuatrio{
display:block;
background: url(../../images/cuentos/venir2.png) no-repeat left top;
text-indent:-9999px;
width:26px;
height:24px;
margin-left:120px;
margin-top:120px;
}

#containersan #tres a#cincio{
display:block;
background: url(../../images/cuentos/ir2.png) no-repeat left top;
text-indent:-9999px;
width:26px;
height:24px;
margin-left:727px;
margin-top:120px;
}


#containersan #cuatro{
background: url(../../images/cuentos/santiago/4.png) no-repeat left top;
}


#containersan #cuatro p.un{
width:500px;
margin-top:70px;
margin-left:130px;
text-align:justify;
}


#containersan #cuatro a#sensio{
display:block;
background: url(../../images/cuentos/venir2.png) no-repeat left top;
text-indent:-9999px;
width:26px;
height:24px;
margin-left:20px;
margin-top:90px;
}

/* fin santiago */

#containergig{
position:relative;
top:50%;
left:0;
width:9500px;
height:500px;
overflow:hidden;
margin-top:-250px;
}



#containergig #uno h1{
position:absolute;
left:0;
top:0;
width:100%;
height:100%;
text-indent:-9999px;
background: url(../../images/cuentos/gigante/1.png) no-repeat left top;
z-index:1;
}

#containergig #uno a#unio{
display:block;
position:absolute;
left:0;
top:0;
width:40px;
height:46px;
text-indent:-9999px;
background: url(../../images/cuentos/ir2.png) no-repeat left top;
margin-top:370px;
margin-left:700px;
z-index:4;
}

#containergig #dos{
background: url(../../images/cuentos/gigante/2.png) no-repeat left top;
}


#containergig #dos p{
width:600px;
margin-top:330px;
margin-left:80px;
text-align:justify;
}

#containergig #dos a#dosio{
display:block;
background: url(../../images/cuentos/venir2.png) no-repeat left top;
text-indent:-9999px;
width:26px;
height:24px;
margin-left:150px;
margin-top:120px;
}

#containergig #dos a#tresio{
display:block;
background: url(../../images/cuentos/ir2.png) no-repeat left top;
text-indent:-9999px;
width:26px;
height:24px;
margin-left:600px;
margin-top:120px;
}

#containergig #tres{
background: url(../../images/cuentos/gigante/3.png) no-repeat left top;
}


#containergig #tres p{
width:670px;
margin-top:10px;
margin-left:150px;
text-align:justify;
font-size:12px;
}

#containergig #tres a#cuatrio{
display:block;
background: url(../../images/cuentos/venir2.png) no-repeat left top;
text-indent:-9999px;
width:26px;
height:24px;
margin-left:100px;
margin-top:120px;
}

#containergig #tres a#cincio{
display:block;
background: url(../../images/cuentos/ir2.png) no-repeat left top;
text-indent:-9999px;
width:26px;
height:24px;
margin-left:877px;
margin-top:120px;
}


#containergig #cuatro{
background: url(../../images/cuentos/gigante/4.png) no-repeat left top;
}


#containergig #cuatro p{
width:500px;
margin-top:90px;
margin-left:150px;
text-align:justify;
}


#containergig #cuatro a#sensio{
display:block;
background: url(../../images/cuentos/venir2.png) no-repeat left top;
text-indent:-9999px;
width:26px;
height:24px;
margin-left:20px;
margin-top:120px;
}


#containergig #cuatro a#sentio{
display:block;
background: url(../../images/cuentos/ir2.png) no-repeat left top;
text-indent:-9999px;
width:26px;
height:24px;
margin-left:730px;
margin-top:120px;
}




#containergig #cinco{
background: url(../../images/cuentos/gigante/5.png) no-repeat left top;
}


#containergig #cinco p{
width:500px;
margin-top:250px;
margin-left:150px;
text-align:justify;
}


#containergig #cinco a#ocsio{
display:block;
background: url(../../images/cuentos/venir2.png) no-repeat left top;
text-indent:-9999px;
width:26px;
height:24px;
margin-left:40px;
margin-top:120px;
}

/* fin gigante */


#containermac{
position:relative;
top:50%;
left:0;
width:9500px;
height:500px;
overflow:hidden;
margin-top:-250px;
}



#containermac #uno h1{
position:absolute;
left:0;
top:0;
width:100%;
height:100%;
text-indent:-9999px;
background: url(../../images/cuentos/macicleta/1.png) no-repeat left top;
z-index:1;
}

#containermac #uno a#unio{
display:block;
position:absolute;
left:0;
top:0;
width:40px;
height:46px;
text-indent:-9999px;
background: url(../../images/cuentos/ir2.png) no-repeat left top;
margin-top:370px;
margin-left:700px;
z-index:4;
}

#containermac #dos{
background: url(../../images/cuentos/macicleta/2.png) no-repeat left top;
}


#containermac #dos p{
width:600px;
margin-top:300px;
margin-left:80px;
text-align:justify;
}

#containermac #dos a#dosio{
display:block;
background: url(../../images/cuentos/venir2.png) no-repeat left top;
text-indent:-9999px;
width:26px;
height:24px;
margin-left:150px;
margin-top:120px;
}

#containermac #dos a#tresio{
display:block;
background: url(../../images/cuentos/ir2.png) no-repeat left top;
text-indent:-9999px;
width:26px;
height:24px;
margin-left:600px;
margin-top:120px;
}

#containermac #tres{
background: url(../../images/cuentos/macicleta/3.png) no-repeat left top;
}


#containermac #tres p{
width:475px;
margin-top:185px;
margin-left:175px;
text-align:justify;
}

#containermac #tres a#cuatrio{
display:block;
background: url(../../images/cuentos/venir2.png) no-repeat left top;
text-indent:-9999px;
width:26px;
height:24px;
margin-left:100px;
margin-top:120px;
}

#containermac #tres a#cincio{
display:block;
background: url(../../images/cuentos/ir2.png) no-repeat left top;
text-indent:-9999px;
width:26px;
height:24px;
margin-left:727px;
margin-top:120px;
}


#containermac #cuatro{
background: url(../../images/cuentos/macicleta/4.png) no-repeat left top;
}


#containermac #cuatro p{
width:500px;
margin-top:90px;
margin-left:150px;
text-align:justify;
}


#containermac #cuatro a#sensio{
display:block;
background: url(../../images/cuentos/venir2.png) no-repeat left top;
text-indent:-9999px;
width:26px;
height:24px;
margin-left:20px;
margin-top:120px;
}


#containermac #cuatro a#sentio{
display:block;
background: url(../../images/cuentos/ir2.png) no-repeat left top;
text-indent:-9999px;
width:26px;
height:24px;
margin-left:730px;
margin-top:120px;
}




#containermac #cinco{
background: url(../../images/cuentos/macicleta/5.png) no-repeat left top;
}


#containermac #cinco p{
width:500px;
margin-top:130px;
margin-left:150px;
text-align:justify;
}


#containermac #cinco a#ocsio{
display:block;
background: url(../../images/cuentos/venir2.png) no-repeat left top;
text-indent:-9999px;
width:26px;
height:24px;
margin-left:40px;
margin-top:120px;
}


/* fin macicleta */


#containerhen{
position:relative;
top:50%;
left:0;
width:9500px;
height:500px;
overflow:hidden;
margin-top:-250px;
}



#containerhen #uno h1{
position:absolute;
left:0;
top:0;
width:100%;
height:501px;
text-indent:-9999px;
background: url(../../images/cuentos/henry/1.png) no-repeat left top;
z-index:1;
}

#containerhen #uno a#unio{
display:block;
position:absolute;
left:0;
top:0;
width:40px;
height:46px;
text-indent:-9999px;
background: url(../../images/cuentos/ir2.png) no-repeat left top;
margin-top:370px;
margin-left:700px;
z-index:4;
}

#containerhen #dos{
background: url(../../images/cuentos/henry/2.png) no-repeat left top;
}


#containerhen #dos p{
width:600px;
margin-top:340px;
margin-left:75px;
text-align:justify;
}

#containerhen #dos a#dosio{
display:block;
background: url(../../images/cuentos/venir2.png) no-repeat left top;
text-indent:-9999px;
width:26px;
height:24px;
margin-left:150px;
margin-top:120px;
}

#containerhen #dos a#tresio{
display:block;
background: url(../../images/cuentos/ir2.png) no-repeat left top;
text-indent:-9999px;
width:26px;
height:24px;
margin-left:600px;
margin-top:120px;
}

#containerhen #tres{
background: url(../../images/cuentos/henry/3.png) no-repeat left top;
}


#containerhen #tres p{
width:475px;
margin-top:10px;
margin-left:172px;
text-align:justify;
font-size:13px;
}

#containerhen #tres a#cuatrio{
display:block;
background: url(../../images/cuentos/venir2.png) no-repeat left top;
text-indent:-9999px;
width:26px;
height:24px;
margin-left:100px;
margin-top:120px;
}

#containerhen #tres a#cincio{
display:block;
background: url(../../images/cuentos/ir2.png) no-repeat left top;
text-indent:-9999px;
width:26px;
height:24px;
margin-left:727px;
margin-top:120px;
}


#containerhen #cuatro{
background: url(../../images/cuentos/henry/4.png) no-repeat left top;
}


#containerhen #cuatro p{
width:500px;
margin-top:75px;
margin-left:150px;
text-align:justify;
}


#containerhen #cuatro a#sensio{
display:block;
background: url(../../images/cuentos/venir2.png) no-repeat left top;
text-indent:-9999px;
width:26px;
height:24px;
margin-left:20px;
margin-top:120px;
}


#containerhen #cuatro a#sentio{
display:block;
background: url(../../images/cuentos/ir2.png) no-repeat left top;
text-indent:-9999px;
width:26px;
height:24px;
margin-left:730px;
margin-top:120px;
}




#containerhen #cinco{
background: url(../../images/cuentos/henry/5.png) no-repeat left top;
}


#containerhen #cinco p{
width:500px;
margin-top:338px;
margin-left:150px;
text-align:justify;
}


#containerhen #cinco a#ocsio{
display:block;
background: url(../../images/cuentos/venir2.png) no-repeat left top;
text-indent:-9999px;
width:26px;
height:24px;
margin-left:40px;
margin-top:120px;
}


#navigation{
position:fixed;
_position:absolute;
left:0;
top:50%;
margin-top:-150px;
list-style:none;
width:120px;
height:300px;
overflow:hidden;
z-index:900;
background: url(../../images/cuentos/fondo.png) no-repeat left top;
}

#navigation li{
display:block;
height:50px;
width:120px;
overflow:hidden;
}

#navigation li a{
display:block;
position:relative;
width:100%;
height:100%;
margin-left:-120px;
color: #3b3b3b;
text-decoration:none;
text-align:center;
line-height:50px;
font-weight:bold;
font-size:13px;
overflow:hidden;
background: #fff;
}

#navigation li a.dosui{
line-height:25px;
}


#toolTipBox {
       display: none;
       padding: 5px;
	   padding-right:10px;
	   padding-left:10px;
       font-size: 12px;
       border: black solid 1px;
       font-family: verdana;
       position: absolute;
       background-color: #000;
       color: #fff;
	   z-index:300;
	   border:1px solid #9b9b9b;
}