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

html, body{
width:100%;
height:100%;
font-family:verdana,arial;
font-size:12px;
color:#6b6b6b;
overflow-y:hidden;
}

#container{
position:absolute;
left:0;
top:50%;
width:11400px;
height:600px;
overflow:hidden;
margin-left:0;
margin-top:-300px;
background: url(../images/5tareas/pantallacompleta.png) no-repeat left top;
}

#container span.ufo {
background:transparent url(../images/5tareas/nubarron.png) repeat-x scroll 0 0;
height:57px;
left:-104px;
overflow:visible;
position:absolute;
top:30px;
width:91px;
z-index:900;}

#container div.pantallas{
position:relative;
left:0;
top:0;
width:1900px;
height:600px;
overflow:hidden;
float:left;
}

#container #uno a#primlink img{
display:block;
position:absolute;
left:0;
top:0;
width:20px;
height:16px;
margin-left:655px;
margin-top:296px;
}

#container #uno img#loguera{
position:absolute;
left:0;
top:0;
margin-left:200px;
margin-top:30px;
width:117px;
height:151px;
z-index:10;
}

#container #uno img#indicando{
position:absolute;
left:0;
top:0;
margin-left:20px;
margin-top:10px;
z-index:10;
}

#container #uno #texto{
position:absolute;
left:0;
top:0;
width:400px;
height:200px;
margin-left:250px;
margin-top:235px;
overflow:hidden;
background: url(../images/5tareas/nariz.png) no-repeat right bottom;
}

#container #uno #texto h1{
position:relative;
left:0;
top:0;
width:299px;
height:45px;
margin-left:50px;
text-indent:-999px;
background: url(../images/5tareas/quehaceuni.png) no-repeat left top;
}

#container #uno #texto p.text1{
position:relative;
left:0;
top:0;
width:269px;
height:74px;
margin-left:65px;
overflow:hidden;
text-indent:-999px;
background: url(../images/5tareas/textogracias.png) no-repeat left top;
}


#container #dos #segunda{
position:absolute;
left:0;
top:0;
width:321px;
height:369px;
margin-top:30px;
margin-left:380px;
}

#container #dos img#ninao{
position:relative;
left:0;
top:0;
margin-left:230px;
}

#container #dos img#ninaer{
position:absolute;
left:0;
top:0;
margin-top:30px;
margin-left:320px;
}

#container #dos h1{
position:relative;
left:0;
top:0;
width:246px;
height:77px;
overflow:hidden;
background: url(../images/5tareas/h1dos.png) no-repeat left top;
text-indent:-999px;
margin:auto;
}

#container #dos p#textillo{
position:relative;
left:0;
width:362px;
height:281px;
margin:auto;
margin-top:30px;
background: url(../images/5tareas/textillop2.png) no-repeat left top;
text-indent:-9999px;
}


#container #dos img#nino{
display:block;
position:absolute;
left:0;
top:0;
width:250px;
height:300px;
margin-top:130px;
margin-left:150px;
}

#container #dos #seglink, #container #dos #terlink{
position:absolute;
left:0;
top:0;
}

#container #dos #terlink{
margin-top:200px;
margin-left:730px;
}


#container #dos #seglink{
margin-top:400px;
margin-left:130px;
}

#container #tres #texto3{
position:absolute;
left:0;
top:0;
width:409px;
height:300px;
overflow:hidden;
margin-left:260px;
margin-top:125px;
}

#container #tres #texto3 h1{
position:relative;
left:0;
top:0;
width:398px;
height:93px;
background: url(../images/5tareas/afavor.png) no-repeat left top;
text-indent:-9999px;
margin:auto;
}


#container #tres #texto3 p{
position:relative;
left:0;
top:0;
width:409px;
height:190px;
text-indent:-9999px;
background: url(../images/5tareas/uniadole.png) no-repeat left top;
}


#container #tres #nano{
position:absolute;
left:0;
top:0;
width:80px;
height:55px;
margin-left:600px;
margin-top:70px;
}

#container #tres #nanao{
position:absolute;
left:0;
top:0;
width:112px;
height:70px;
margin-left:665px;
margin-top:320px;
}

#container #tres a#cinlink img{
position:absolute;
left:0;
top:0;
margin-top:200px;
margin-left:700px;
}

#container #tres a#cualink img{
position:absolute;
left:0;
top:0;
margin-top:315px;
margin-left:125px;
}

#container #cuatro #texto4 {
position:absolute;
left:0;
top:0;
width:395px;
height:231px;
overflow:hidden;
margin-top:115px;
margin-left:185px;
z-index:10;
}

#container #cuatro #texto4 h1{
position:relative;
width:275px;
height:74px;
background: url(../images/5tareas/crecesan.png) no-repeat left top;
text-indent:-9999px;
margin:auto;
}


#container #cuatro #texto4 p{
position:relative;
left:0;
top:0;
width:395px;
height:157px;
background: url(../images/5tareas/unitraba.png) no-repeat left top;
text-indent:-9999px;
}

#container #cuatro img#nanu{
display:block;
position:absolute;
left:0;
top:0;
margin-left:340px;
margin-top:190px;
z-index:1;
}

#container #cuatro img#nanau{
display:block;
position:absolute;
left:0;
top:0;
margin-left:560px;
margin-top:60px;
}


#container #cuatro #sielink{
position:absolute;
left:0;
top:0;
margin-left:540px;
margin-top:320px;
z-index:30;
}

#container #cuatro #seilink{
position:absolute;
left:0;
top:0;
margin-left:135px;
margin-top:270px;
}


#container #cinco #nirna{
position:absolute;
left:0;
top:0;
margin-left:500px;
margin-top:190px;
z-index:90;
}

#container #cinco #text5{
position:absolute;
left:0;
top:0;
width:435px;
height:304px;
overflow:hidden;
margin-left:200px;
margin-top:155px;
}

#container #cinco #text5 h1{
position:relative;
left:0;
top:0;
width:400px;
height:107px;
overflow:hidden;
text-indent:-9999px;
background: url(../images/5tareas/preven.png) no-repeat left top;
}

#container #cinco #text5 p{
position:relative;
left:0;
top:0;
width:380px;
height:175px;
overflow:hidden;
text-indent:-9999px;
margin:auto;
background: url(../images/5tareas/unijun.png) no-repeat left top;
}


#container #cinco #ochlink, #container #cinco #nuelink{
position:absolute;
left:0;
top:0;
z-index:30;
}


#container #cinco #ochlink{
margin-top:300px;
margin-left:170px;
}


#container #cinco #nuelink{
margin-top:300px;
margin-left:650px;
}



#container #seis #text6{
position:absolute;
left:0;
top:0;
width:625px;
height:407px;
overflow:hidden;
margin-left:320px;
margin-top:80px;
}


#container #seis #text6 h1{
position:relative;
left:0;
top:0;
width:530px;
height:113px;
overflow:hidden;
text-indent:-9999px;
background: url(../images/5tareas/masedu.png) no-repeat left top;
}

#container #seis #text6 p{
position:relative;
left:0;
top:0;
width:390px;
height:250px;
overflow:hidden;
text-indent:-9999px;
margin:auto;
margin-top:-10px;
margin-left:270px;
background: url(../images/5tareas/unipreo.png) no-repeat left top;
}

#container #seis #dielink{
position:absolute;
left:0;
top:0;
margin-left:230px;
margin-top:374px;
z-index:30;
}

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

*html #navigation{

}

#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: #fff;
text-decoration:none;
text-align:center;
line-height:50px;
font-weight:bold;
font-size:12px;
text-indent:-9999px;
overflow:hidden;
}


#navigation li a.indice{
background: #a20663;
background: url(../images/5tareas/0.png) no-repeat left top;
}

#navigation li a.unicef{
background: #2d6e0d;
}

#navigation li a.bo{
background: #0a7198;
}




#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;
}