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

body, html{
width:100%;
height:100%;
font-family:verdana, arial, tahoma;
font-size: 10px;
color: #6b6b6b;
}

#manui{
position:fixed;
width:439px;
margin-left:-400px;
height:100%;

}


 #personal #imaro{
display:block;
width:150px;
height:150px;
padding:12px;
float:left;
}


 #personal p.unio{
position:absolute;
margin:0;
padding:0;
margin-left:400px;
width:43px;
height:62px;
background: url(../images/serio/1.png) no-repeat left -4px;
cursor:pointer;
margin-top:4px;
text-indent:-9999px;
}

 #personal{
margin-top:50px;
position:relative;
width:443px;
height:66px;
background: url(../images/serio/pestana1.png) no-repeat left top;
margin-left:0px;
z-index:100;
overflow:hidden;
}

 #personal ul.menuini{
font-size:11px;
position:relative;
float:left;
width:220px;
line-height:17px;
margin-top:45px;
}

 #personal ul.menuini li{
display:block;
width:98%;
border-bottom:1px solid #cbcbcb;
}

 #actividadesprin{
position:relative;
width:443px;
height:66px;
background: url(../images/serio/pestana2.png) no-repeat left top;
margin-top:0;
margin-left:0px;
z-index:200;
overflow:hidden;
}

 #actividadesprin p.segundio{
position:absolute;
margin:0;
padding:0;
margin-left:400px;
width:43px;
height:62px;
background: url(../images/serio/2.png) no-repeat left -4px;
cursor:pointer;
margin-top:4px;
text-indent:-9999px;
}

 #actividadesprin #imaro2{
display:block;
width:150px;
height:150px;
padding:12px;
padding-top:15px;
float:left;

}


 #actividadesprin ul.menusecu{
font-size:11px;
position:relative;
float:left;
width:220px;
line-height:15px;
margin-top:37px;
}

 #actividadesprin ul.menusecui{
font-size:11px;
position:relative;
float:left;
width:220px;
line-height:17px;
margin-top:40px;
}

 #actividadesprin ul li{
display:block;
width:98%;
border-bottom:1px solid #cbcbcb;
}

 #actividadesprin ul li a{
display:block;
width:100%;
height:100%;
color: #6b6b6b;
font-weight:bold;
}

 #actividadesprin ul li a:hover{
color: #fff;
font-weight:bold;
border:none;
background: #6b6b6b;
text-indent:15px;
}

 #comple{
position:relative;
width:443px;
height:66px;
background: url(../images/serio/pestana3.png) no-repeat left top;
margin-top:0px;
margin-left:0px;
z-index:300;
overflow:hidden;
}

 #comple p.tresio{
position:absolute;
margin:0;
padding:0;
margin-left:400px;
width:43px;
height:62px;
background: url(../images/serio/3.png) no-repeat left -4px;
cursor:pointer;
margin-top:4px;
text-indent:-9999px;
}

 #comple #imaro3{
display:block;
width:150px;
height:150px;
padding:12px;
float:left;

}

 #comple ul.menumensa{
font-size:11px;
position:relative;
float:left;
width:220px;
line-height:17px;
margin-top:40px;
}

 #comple ul li{
display:block;
width:98%;
border-bottom:1px solid #cbcbcb;
}

 #comple ul li a{
display:block;
width:100%;
height:100%;
color: #6b6b6b;
font-weight:bold;
}

 #comple ul li a:hover{
color: #fff;
font-weight:bold;
border:none;
background: #6b6b6b;
text-indent:15px;
}