body {
font-family: Arial;
font-size: 10px;
background:#f9fcee;
margin: 0px;
}

#todo {
margin: 0px auto 0px auto;
width: 726px;
display: block;
min-height: 480px;
position: relative;
}

#encabezado {
height: 20px;
}

#cuerpo {
min-height: 434px;
background: #FFFFFF;
clear: left;
}

#marco_izquierdo {
width: 15px;
position: absolute;
left: -15px;
top: -1px;
height: 100%;
background: url(/imagenes/borde.jpg);
}

#marco_derecho {
top: -1px;
width: 15px;
position: absolute;
right: -15px;
height: 100%;
background: url(/imagenes/borde2.jpg);
}

#panel {
width: 193px;
float: left;
display: block;
height: 100%;
}

#panel .principal {
background: url(/imagenes/somos_03.jpg);
height: 91px;
display: block;
}

#panel .secundaria {
background: url(/imagenes/quienes.jpg) no-repeat;
height: 285px;
display: block;
}

#quienes #panel .secundaria {
background: url(/imagenes/quienes.jpg) no-repeat;
}
#asesoria #panel .secundaria {
background: url(/imagenes/asesoria.jpg) no-repeat;
}

#outsourcing #panel .secundaria {
background: url(/imagenes/outsourcing.jpg) no-repeat;
}

#consultoria #panel .secundaria {
background: url(/imagenes/consultoria.jpg) no-repeat;
}
#gestion #panel .secundaria {
background: url(/imagenes/gestion.jpg) no-repeat;
}


#menu_secundario {
background: url(/imagenes/fondosuplogo_04.gif);
height: 62px;
width: 100%;
display: block;

}

.texto {
padding-right: 25px;
text-align: justify;
}

.texto h2 {
position: absolute;
top: 34px;
left: 220px;
font-size: 12px;
color: #AECB3C;
z-index: 0;
}

.texto h3 {
color: #AECB3C;
font-size: 14px;
}

.texto ul {
margin-left: 190px;
}
#menu{background:#AECB3C; margin:0px; padding-left: 20px; display: block; height: 20px;}
#menu ul{list-style:none;margin:0;padding:0;}
#menu ul li{background: #AECB3C; display:block;float:left;margin:0;padding:0;}
#menu ul li a{color:#FFF;display:block;text-decoration:none;font-weight:700;padding:4px 14px;}
#menu ul ul a{padding:6px 6px;}
#menu ul li a:hover{background:#000000; color: #FFFFFF;}
#menu ul ul {border:1px solid #AECB3C;}


#pie {
clear: left;
padding: 5px;
background:#AECB3C; 
text-align: center;
color: #FFFFFF;
margin: 0px;
border: 1px solid #AECB3C; 
}

#pie span {
padding: 5px;
}


#suckerfishnav ul li {
    padding:0;
    margin:0;
}
#suckerfishnav ul li a {
    margin:0;
}

#suckerfishnav li {
position: relative;
    z-index:10;
}

#suckerfishnav ul {
    opacity: 0.9;
    list-style-type: none;
    padding:0;
    margin:0;
    position:absolute;
    left:-999em;
    height:auto;
    line-height:1;
    z-index:10;
    }

#suckerfishnav ul a {
display:block;
}

#suckerfishnav ul li {
	width: 100%;
	clear: left;
}

#suckerfishnav li ul ul {
    margin:-10px 0 0 100px;
    }

#suckerfishnav li li:hover {
    background:#000000;
    }
#suckerfishnav li ul li:hover a, #suckerfishnav li ul li li:hover a, #suckerfishnav li ul li li li:hover a, #suckerfishnav li ul li li li:hover a {
    color:#FFFFFF;
    }
#suckerfishnav li:hover a, #suckerfishnav li.sfhover a {
    color:#FFFFFF;
    }
#suckerfishnav li:hover li a, #suckerfishnav li li:hover li a, #suckerfishnav li li li:hover li a, #suckerfishnav li li li li:hover li a {
    color:#FFFFFF;
    }
#suckerfishnav li:hover ul ul, #suckerfishnav li:hover ul ul ul, #suckerfishnav li:hover ul ul ul ul, #suckerfishnav li.sfhover ul ul, #suckerfishnav li.sfhover ul ul ul, #suckerfishnav li.sfhover ul ul ul ul {
    left:-999em;
    }
#suckerfishnav li:hover ul, #suckerfishnav li li:hover ul, #suckerfishnav li li li:hover ul, #suckerfishnav li li li li:hover ul, #suckerfishnav li.sfhover ul, #suckerfishnav li li.sfhover ul, #suckerfishnav li li li.sfhover ul, #suckerfishnav li li li li.sfhover ul {
    left:auto;
    background:#eee;
    }
#suckerfishnav li:hover, #suckerfishnav li.sfhover {
    background: #000000;
    }