<style type="text/css">

body{
margin:0;
padding:0;
line-height: 4 em;
height:100%;
}

#header{
background: #FFFFFF;
height: 183px; /*Height of top section*/
width:100%;
}

#web{
background:#EFD8AB;
margin:0 auto 0 auto; 
width: 1024px;
height:100%;
top: 0px;
}

#contenido{
top: 0px;
width:834px;
height:100%;
margin-left: 190px;
background: #FFFFFF;

}

#marco{
width:1024px;
height:100%;
background:url(../graficos/marco.png);
}

#soporte{
background:url(../graficos/marco.png);
position:absolute;
top:466px;
margin-left: 0px;
width:190px;
height:328px;
}

#inferiorizquierda{   /* PARA AUMENTAR AUTOMATICAMENTE LA ALTURA DE LA COLUMNA */
position:absolute;
top:794px;
background: #00264D;
margin-left:-190px;
width:190px;
height:80%;
}

#inferiorderecha{   /* PARA AUMENTAR AUTOMATICAMENTE LA ALTURA DE LA COLUMNA */
position:absolute;
top:794px;
background: #EFD8AB;
margin-left:-20px;
width:20px;
height:80%;
}

#botonera{
position: absolute;
top:184px;
width: 190px; /*Width of left column in percentage*/
margin-left: 0px; /*Set left margin to -(LeftColumnWidth + RightColumnWidth)*/
background: #EFD8AC;
z-index:1;

}

#cajaelastica{
background: #EFD8AB;
width:190px;
height:100%;
}

.separacion{
margin: 0px; /*Margins for inner DIV inside each column (to provide padding)*/
margin-top: 0;
}
/* FIN DE LA ESTRUCTURA PRINCIPAL. A PARTIR DE AQUI MENU   */

dl, dt, dd, ul, li {
margin: 0;
padding: 0;
list-style-type: none;
}
#menu {
width: 170px;
top: 0;
left: 0;
background: #F7EBD5;
}

#menu dt {
cursor: pointer;
margin: 2px 0;
height: 30px;
line-height: 20px;
font-family: Verdana;
font-size: 12px;
font-weight: bold;
color: #003253;
text-align: left;
background: #F7EBD5;
}
#menu dd {

}
#menu li {
text-align: left;
height: 25px;
background: #F7EBD5;
font-family: Verdana;
font-size: 11px;
font-weight: bold;

}
#menu li a, #menu dt a {
color: #00264E;
text-decoration: none;
display: block;
border: 0 none;
height: 100%;
}

#menu li a:hover, #menu dt a:hover {
background: #ADBCCC;
}

/* FIN DE MENU COMIENZA SUBMENU SEGURO DIRECTO   */


#menusegurodirecto {
width: 270px;
left: 0;
background: #00264D;

}

#menusegurodirecto dt {
cursor: pointer;
margin: 2px 0;
margin-left: 2.4cm;
height: 20px;
line-height: 20px;
font-family: Verdana;
font-size: 10px;
font-weight: bold;
color: #FFFFFF;
text-align: left;
background: #00264D;
}
#menusegurodirecto dd {

}
#menusegurodirecto li {
text-align: left;
height: 25px;
color: #FFFFFF;
background: #F7EBD5;
font-family: Verdana;
font-size: 10px;
font-weight: normal;

}
#menusegurodirecto li a, #menusegurodirecto dt a {
color: #FFFFFF;
text-decoration: none;
display: block;
border: 0 none;
height: 100%;
}

#menusegurodirecto li a:hover, #menusegurodirecto dt a:hover {
background: #ADBCCC;
}


/* FIN DE SUBMENU SEGURO DIRECTO COMIENZA MENU REASEGURO   */


#menureaseguro {
width: 270px;
left: 0;
background: #00264D;

}

#menureaseguro dt {
cursor: pointer;
margin: 2px 0;
margin-left: 2.4cm;
height: 20px;
line-height: 20px;
font-family: Verdana;
font-size: 10px;
font-weight: bold;
color: #FFFFFF;
text-align: left;
background: #00264D;
}
#menureaseguro dd {

}
#menureaseguro li {
text-align: left;
height: 25px;
color: #FFFFFF;
background: #F7EBD5;
font-family: Verdana;
font-size: 10px;
font-weight: normal;

}
#menureaseguro li a, #menureaseguro dt a {
color: #FFFFFF;
text-decoration: none;
display: block;
border: 0 none;
height: 100%;
}

#menureaseguro li a:hover, #menureaseguro dt a:hover {
background: #ADBCCC;
}

</style>




