*{
margin:0;
padding:0;
border:none;
text-decoration:none;
outline:none;
list-style:none;
font-family:verdana;
color: #6b6b6b;
font-size:12px;
}

body,html{
width:100%;
height:100%;
overflow:hidden;
background: #00aeef;
}

#container{
position:absolute;
left:50%;
width:1900px;
margin-left:-950px;
bottom:0;
height:1000px;
background: url(../images/indexo/fundo.png) no-repeat left bottom;
}

#container #nub1{
position:absolute;
margin-top:200px;
margin-left:0px;
}

#container #nub2{
position:absolute;
margin-top:300px;
margin-left:400px;
}

#container #nub3{
position:absolute;
margin-top:250px;
margin-left:1900px;
}

#container #nub4{
position:absolute;
margin-top:350px;
margin-left:600px;
}

#container #nub5{
position:absolute;
margin-top:340px;
margin-left:0px;
}

#container #nub6{
position:absolute;
margin-top:340px;
margin-left:950px;
}

#container #autop{
display:none;
position:absolute;
margin-top:830px;
margin-left:1150px;
}

#container #nub7{
position:absolute;
margin-top:140px;
margin-left:900px;
}

#container #nub8{
position:absolute;
margin-top:550px;
margin-left:1200px;
}


#container #band{
position:absolute;
left:50%;
margin-left:-385px;
margin-top:-300px;
}

#container #log2{
display:block;
position:absolute;
left:50%;
margin-left:-420px;
margin-top:-1200px;
height:1163px;
width:198px;
}

#container #log1{
display:block;
position:absolute;
left:50%;
margin-left:-140px;
margin-top:-1200px;
height:903px;
width:294px;
}

#container #flec{
position:absolute;
left:50%;
margin-left:-120px;
margin-top:620px;
display:none;
}

#container #avio{
display:block;
position:absolute;
left:0;
margin-left:1600px;
margin-top:620px;
width:319px;
height:50px;
}


#container #claf{
display:block;
position:absolute;
left:0;
margin-left:472px;
margin-top:718px;
width:254px;
height:190px;
}

#container #clum{
display:block;
position:absolute;
left:0;
margin-left:0px;
margin-top:877px;
width:201px;
height:79px;
background: url(../images/indexo/carrito.png) no-repeat left bottom;
}

#container #glur{
display:none;
position:absolute;
left:0;
margin-left:500px;
margin-top:832px;
width:200px;
height:154px;
}

#container #cluf{
display:block;
position:absolute;
left:0;
margin-left:1169px;
margin-top:588px;
width:260px;
height:0px;
background: url(../images/indexo/colabora.png) no-repeat left bottom;
}

#container #clof{
display:none;
position:absolute;
left:0;
margin-left:1200px;
margin-top:624px;
width:200px;
height:158px;
}

#container #sonido{
position:absolute;
left:0;
top:0;
width:30px;
height:24px;
z-index:500;
margin-top:960px;
margin-left:1300px;
}

#farash{
position:absolute;
left:50%;
margin-top:710px;
width:300px;
margin-left:-160px;
}

#huy{
display:block;
position:absolute;
left:50%;
margin-top:710px;
width:300px;
margin-left:-160px;
}


#ingres{
position:absolute;
left:50%;
top:0;
width:361px;
margin-left:100px;
height:186px;
overflow:hidden;
z-index:999;
margin-top:-186px;
}

#ingres #frm1{
position:absolute;
left:0;
top:0;
width:100%;
height:100%;
background: url(../images/indexo/froum2.png) no-repeat left bottom;
_background: url(../images/indexo/froum.png) no-repeat left bottom;
}

#ingres #frm1 ul{
width:307px;
height:107px;
margin-left:40px;
margin-top:40px;
}

#ingres #frm1 ul li{

margin-bottom:5px;
}

#ingres #frm2{
display:none;
position:absolute;
left:0;
top:0;
width:100%;
height:100%;
background: url(../images/indexo/froam2.png) no-repeat left bottom;
_background: url(../images/indexo/froam.png) no-repeat left bottom;
}

#ingres #frm2 ul{
width:307px;
height:107px;
margin-left:40px;
margin-top:40px;
}

#ingres #frm2 ul li{

margin-bottom:5px;
}

#ingres input{
width:300px;
height:18px;
background: url(../images/indexo/inpuy.png) no-repeat left bottom;
line-height:18px;
color: #fff;
}

#ingres input.boton{
width:80px;
height:18px;
text-indent:-9999px;
background: url(../images/indexo/entra.png) no-repeat left bottom;
margin-left:217px;
cursor:pointer;
}

#ingres #link1,
#ingres #link2{
position:absolute;
width:116px;
height:20px;
margin-top:162px;
cursor:pointer;
}

#ingres #link2{
margin-left:230px;
}

#ingres #link1{
margin-left:106px;
}

#upsup{
position:absolute;
width:154px;
height:22px;
overflow:hidden;
text-align:center;
background: url(../images/indexo/link4.png) no-repeat left bottom;
_background: url(../images/indexo/link3.png) no-repeat left bottom;
left:50%;
top:0;
margin-left:-80px;
}

#upsup p{
position:absolute;
width:154px;
height:22px;
line-height:20px;
text-align:center;
left:0;
top:0;
cursor: pointer;
}

 #upsup #link3{
z-index:5;
 }

 #upsup #link4{
z-index:25;
 }
 
 #encima{
 display:none;
 position:absolute;
 left:50%;
top:50%;
 width:630px;
 height:450px;
 margin-top:-225px;
 margin-left:-315px;
 background: #fff;
 z-index:9990;
 cursor:pointer;
 }

#nuevafoto{
display:block;
position:absolute;
z-index:10;
}

#encima #hey{
z-index:90;
position:absolute;
bottom:0;
right:0;
}