html,body{
margin:0;
padding:0;
width:100%;
height:100%;
font-family: verdana;
font-size:12px;
color:#fff;
background:#00aeef;
}

*{
margin:0;
padding:0;
list-style:none;
text-decoration:none;
}

#container{
position:relative;
left:0;
top:0;
width:100%;
min-height:400px;
overflow:hidden;
background:#00aeef url(../images/arriba.jpg) no-repeat left top;
}


#container #header{
position:relative;
left:0;
top:0;
width:100%;
height:230px;
overflow:hidden;
}

#container #header #trueheader{
position:relative;
left:0;
top:0;
width:1000px;
min-height:250px;
overflow:hidden;
margin:auto;
_height:250px;
_overflow-y:visible;
}

#container #header #trueheader img#loguro{
position:absolute;
left:0;
top:0;
margin-left:20px;
margin-top:40px;
}

#container #header #trueheader img#logurio{
position:absolute;
right:0;
top:0;
margin-right:20px;
margin-top:70px;
}

#container #header #trueheader ul#manu{
position:absolute;
width:429px;
height:26px;
right:0;
top:0;
margin-right:15px;
margin-top:20px;
overflow:hidden;
background: url(../images/menui.png) no-repeat left top;
_background: url(../images/menui.jpg) no-repeat left top;
}

#container #header #trueheader ul#manu li{
display:block;
float:left;
height:26px;
line-height:26px;
text-align:center;
}

#container #header #trueheader ul#manu li#unio{
width:100px;

}

#container #header #trueheader ul#manu li#dosio{
width:180px;
}

#container #header #trueheader ul#manu li#tresio{
width:140px;
}

#container #header #trueheader ul#manu li a{
color:#3b3b3b;}

#container #header #trueheader ul#manu li a:hover{
font-weight:bold;
color:#fff;}


#container #content{
position:relative;
left:0;
top:0;
width:100%;
min-height:300px;
overflow:hidden;
}


#container #content #truecontent{
position:relative;
left:0;
top:0;
width:1000px;
min-height:550px;
overflow:hidden;
margin:auto;
}

#container #content #truecontent #izquierdo{
position:relative;
left:0;
top:0; 
width:480px;
min-height:400px;
overflow:hidden;
margin-left:15px;
padding-bottom:20px;
padding-left:20px;
float:left;
}


#container #content #truecontent #izquierdo div.unidr{
position:relative;
width:480px;
float:left;
height:150px;
margin-bottom:20px;
}

#container #content #truecontent #izquierdo div.unidr img{
display:block;
width:200px;
height:120px;
float:left;
margin:20px;
cursor:pointer;
}

#container #content #truecontent #izquierdo div.unidr span{
display:block;
width:240px;
overflow:hidden;
text-align:justify;
float:left;
font-size:12px;
padding-top:32px;
}

#container #content #truecontent #izquierdo h3{
position:relative;
width:100%;
left:0;
top:0;
margin-top:25px;
margin-bottom:15px;
height:23px;
line-height:23px;
font-size:18px;
}

#container #content #truecontent #izquierdo p{
position:relative;
left:0;
top:0;
width:100%;
text-align:justify;
margin-top:10px;
margin-bottom:5px;
font-size:14px;
}

#container #content #truecontent #izquierdo ul#social{
margin:0;
position:relative;
padding:0;
width:308px;
height:32px;
overflow:hidden;
background:url(../images/vacila/iconitos/social.png) no-repeat left top;
margin-top:40px;
margin-left:172px;
}

#container #content #truecontent #izquierdo ul#social li{
display:block;
position:relative;
height:20px;
width:20px;
overflow:hidden;
float:right;
margin-right:10px;
margin-top:6px;
padding:1px;
}


#container #content #truecontent #izquierdo ul#social li a img{
border:none;
}

#container #content #truecontent #izquierdo ul#social li:hover{
background: #fff;
}

#container #content #truecontent #izquierdo img#inur{
position:absolute;
left:0;
top:0;
margin-left:260px;
margin-top:0;
}

#container #content #truecontent #izquierdo img#inuro{
position:absolute;
left:0;
top:0;
margin-left:0px;
margin-top:30px;
}


#container #content #truecontent #derecho{
position:relative;
left:0;
top:0; 
width:430px;
min-height:400px;
overflow:hidden;
margin-left:15px;
padding-left:25px;
padding-bottom:20px;
float:left;
}

#container #content #truecontent #derecho #busca{
position:relative;
left:0;
top:0;
margin-left:120px;
width:191px;
height:60px;
overflow:hidden;
background: url(../images/buscario.png) no-repeat left top;
}

#container #content #truecontent #derecho #busca input{
position:relative;
left:0;
top:0;
width:119px;
height:12px;
margin-left:25px;
margin-top:28px;
border:none;
line-height:12px;
font-size:10px;
background:none;
color: darkcyan;
}

#container #content #truecontent #derecho #quehace{
position:relative;
left:0;
top:0;
margin-left:70px;
margin-top:30px;
width:300px;
overflow:hidden;
}

#container #content #truecontent #derecho #quehace h3{
margin-top:20px;
}

#container #content #truecontent #derecho #quehace a#opinara{
display:block;
position:relative;
left:0;
top:0;
width:300px;
height:179px;
margin-top:7px;
color: #000;
font-size:10px;
text-indent:-9999px;
overflow:hidden;
background: url(../images/vacila/quehace.png) no-repeat left bottom;
text-align:center;
}

#container #content #truecontent #derecho #quehace a#opinara:hover{
background: url(../images/vacila/quehizo.png) no-repeat left bottom;
}

#container #content #truecontent #derecho #quehace a#opinaro{
display:block;
position:relative;
left:0;
top:0;
width:300px;
height:303px;
margin-top:7px;
color: #000;
font-size:10px;
text-indent:-9999px;
overflow:hidden;
background: url(../images/vacila/quees.png) no-repeat left bottom;
text-align:center;
}

#container #content #truecontent #derecho #quehace a#opinaro:hover{
background: url(../images/vacila/queeso.png) no-repeat left bottom;
}

#container #content #truecontent #derecho #quehace  img#inuro{
position:absolute;
left:0;
top:0;
margin-left:180px;
}


#container #content #truecontent #derecho #sabido{
position:relative;
left:0;
top:0;
margin-left:80px;
margin-top:30px;
width:300px;
height:225px;
overflow:hidden;
}

#container #content #truecontent #derecho #sabido a{
display:block;
position:relative;
left:0;
top:0;
width:100%;
height:100%;
background: url(../images/vacila/sabia.png) no-repeat left top;
font-size:10px;
text-align:center;
overflow:hidden;
text-indent:-9999px;
}

#container #content #truecontent #derecho #sabido a:hover{
background: url(../images/vacila/sabias.png) no-repeat left top;
}

#container #content #truecontent #lados{
position:relative;
left:0;
top:0;
width:100%;
min-height:349px;
overflow:hidden;
}

#container #content #truecontent #hirrisor{
position:relative;
left:0;
top:0;
width:100%;
height:389px;
background: url(../images/5tareas/avionpaper.png) no-repeat left top;
padding-bottom:20px;
}

#container #content #truecontent #hirrisor h1{
position:relative;
left:0;
top:0;
width:123px;
height:56px;
background: url(../images/5tareas/chinea.png) no-repeat left bottom;
text-indent:-9999px;
padding-top:70px;
margin-left:120px;
_margin-top:40px;
}

#container #content #truecontent #hirrisor ul#contos{
display:block;
position:relative;
left:0;
top:0;
width:204px;
height:156px;
overflow:hidden;
margin-top:20px;
margin-left:120px;
_margin-top:-80px;

}

#container #content #truecontent #hirrisor ul#contos li{
display:block;
left:0;
top:0;
width:204px;
height:26px;
float:none;
cursor:pointer;
overflow:hidden;
}

#container #content #truecontent #hirrisor ul#contos li a{
display:block;
position:relative;
left:0;
top:0;
width:100%;
height:100%;
text-indent:-9999px;
background: no-repeat left center;
cursor:pointer;
}

#container #content #truecontent #hirrisor ul#contos li a#uno{
background: url(../images/cuentos/0.png) no-repeat left top;
}

#container #content #truecontent #hirrisor ul#contos li a#uno:hover{
background: url(../images/cuentos/10.png) no-repeat left top;
}


#container #content #truecontent #hirrisor ul#contos li a#dos{
background: url(../images/cuentos/1.png) no-repeat left top;
}

#container #content #truecontent #hirrisor ul#contos li a#dos:hover{
background: url(../images/cuentos/11.png) no-repeat left top;
}

#container #content #truecontent #hirrisor ul#contos li a#tres{
background: url(../images/cuentos/2.png) no-repeat left top;
}

#container #content #truecontent #hirrisor ul#contos li a#tres:hover{
background: url(../images/cuentos/12.png) no-repeat left top;
}

#container #content #truecontent #hirrisor ul#contos li a#cuatro{
background: url(../images/cuentos/3.png) no-repeat left top;
}

#container #content #truecontent #hirrisor ul#contos li a#cuatro:hover{
background: url(../images/cuentos/13.png) no-repeat left top;
}

#container #content #truecontent #hirrisor ul#contos li a#cinco{
background: url(../images/cuentos/4.png) no-repeat left top;
}

#container #content #truecontent #hirrisor ul#contos li a#cinco:hover{
background: url(../images/cuentos/14.png) no-repeat left top;
}

#container #content #truecontent #hirrisor ul#contos li a#seis{
background: url(../images/cuentos/5.png) no-repeat left top;
}

#container #content #truecontent #hirrisor ul#contos li a#seis:hover{
background: url(../images/cuentos/15.png) no-repeat left top;
}



#container #footer{
position:relative;
width:100%;
height:210px;
background: url(../images/vacila/foota.png) no-repeat left top;
}

#container #footer #truefooter{
position:relative;
left:50%;
top:0;
width:1000px;
height:100%;
margin-left:-500px;
}

#container #footer #truefooter #textra{
position:relative;
text-align:right;
padding-top:140px;
height:60px;
}




#atrar{
position:fixed;
_position:absolute;
display:none;
width:100%;
height:100%;
background:#000;
z-index:999;
filter: alpha(opacity=0);
-moz-opacity:.0;
opacity: .0;
-khtml-opacity: 0.0;
}

#noveau{
position:fixed;
_position:absolute;
background: none;
left:50%;
top:50%;
margin:-161px;
width:386px;
height:232px;
display:none;
filter: alpha(opacity=0);
-moz-opacity:.0;
opacity: .0;
-khtml-opacity: 0.0;
z-index:1000;
}

#adentr{
position:fixed;
_position:absolute;
display:none;
background:#fff;
z-index:1000;
color: #6b6b6b;
padding:7px;
font-size:14px;
}