HTML
{
    HEIGHT: 100%
}
BODY
{
    PADDING-RIGHT: 0px;
    PADDING-LEFT: 0px;
    BACKGROUND-IMAGE: url(../img/fdogral.gif);
    PADDING-BOTTOM: 0px;
    MARGIN: 0px auto;
    COLOR: #666666;
    PADDING-TOP: 0px;
    BACKGROUND-REPEAT: repeat-x;
    HEIGHT: 100%;
    BACKGROUND-COLOR: #fff
}
* HTML #container
{
    HEIGHT: 100%
}
#container
{
    BORDER-RIGHT: #ddd 1px solid;
    BORDER-TOP: #ddd 1px solid;
    MIN-HEIGHT: 99%;
    BORDER-LEFT: #ddd 1px solid;
    WIDTH: 640px;
    BORDER-BOTTOM: #ddd 1px solid;
    BACKGROUND-COLOR: #fff;
    TEXT-ALIGN: left
}
#logos
{
    HEIGHT: 80px;
    BACKGROUND-COLOR: #fff
}
.subtitulo
{
    PADDING-RIGHT: 35px;
    PADDING-LEFT: 35px;
    FONT-WEIGHT: bold;
    FONT-SIZE: 13px;
    PADDING-BOTTOM: 10px;
    PADDING-TOP: 10px;
    FONT-FAMILY: Arial,Helvetica,sans-serif;
    BACKGROUND-COLOR: #f5f5f5
}
.logo
{
    MARGIN: 15px 15px 0px
}
#header-index
{
    BACKGROUND-IMAGE: url(../img/head-index.jpg);
    WIDTH: 640px;
    BACKGROUND-REPEAT: no-repeat;
    HEIGHT: 200px
}
#header-index #caja2
{
    PADDING-RIGHT: 50px;
    PADDING-LEFT: 43px;
    FLOAT: right;
    PADDING-BOTTOM: 0px;
    PADDING-TOP: 45px;
    FONT-FAMILY: Verdana,Helvetica,sans-serif
}
#header-index #caja
{
    PADDING-RIGHT: 50px;
    PADDING-LEFT: 43px;
    FLOAT: left;
    PADDING-BOTTOM: 0px;
    PADDING-TOP: 45px;
    FONT-FAMILY: Verdana,Helvetica,sans-serif
}
#header-jubilados
{
    BACKGROUND-IMAGE: url(../img/head-jubilados.jpg);
    WIDTH: 640px;
    BACKGROUND-REPEAT: no-repeat;
    HEIGHT: 270px
}
#header-jubilados #caja2
{
    PADDING-RIGHT: 310px;
    PADDING-LEFT: 35px;
    PADDING-BOTTOM: 0px;
    PADDING-TOP: 45px;
    FONT-FAMILY: Verdana,Helvetica,sans-serif
}
#header-jubilados #configuracion
{
    PADDING-RIGHT: 75px;
    PADDING-LEFT: 5px;
    FONT-SIZE: 10px;
    FLOAT: right;
    PADDING-BOTTOM: 0px;
    COLOR: #0056a0;
    PADDING-TOP: 170px;
    FONT-FAMILY: Verdana,Helvetica,sans-serif;
    TEXT-ALIGN: right
}
#header-jubilados #informacion
{
    PADDING-RIGHT: 0px;
    PADDING-LEFT: 35px;
    FONT-WEIGHT: bold;
    FONT-SIZE: 12px;
    PADDING-BOTTOM: 10px;
    COLOR: #333;
    PADDING-TOP: 15px;
    FONT-FAMILY: Verdana,Helvetica,sans-serif
}
#header-jubilados #informacion .destacado
{
    FONT-WEIGHT: bold;
    FONT-SIZE: 11px;
    COLOR: #c00;
    LETTER-SPACING: 0px
}
#caja2 #micompu
{
    FONT-SIZE: 15px;
    HEIGHT: 70px
}
#caja2 #recomienda
{
    FONT-WEIGHT: bold;
    FONT-SIZE: 11px;
    COLOR: #c00;
    HEIGHT: 45px
}
#caja2 #cuotas
{
    FONT-WEIGHT: bold;
    FONT-SIZE: 14px;
    COLOR: #01217b;
    HEIGHT: 50px
}
#header-joven
{
    BACKGROUND-IMAGE: url(../img/head-joven.jpg);
    WIDTH: 640px;
    BACKGROUND-REPEAT: no-repeat;
    HEIGHT: 254px
}
#header-joven #caja
{
    PADDING-RIGHT: 310px;
    PADDING-LEFT: 43px;
    PADDING-BOTTOM: 0px;
    PADDING-TOP: 35px;
    FONT-FAMILY: Verdana,Helvetica,sans-serif
}
#caja #micompu
{
    FONT-WEIGHT: bold;
    FONT-SIZE: 15px;
    HEIGHT: 60px
}
#caja #recomienda
{
    FONT-WEIGHT: bold;
    FONT-SIZE: 11px;
    COLOR: #c00;
    HEIGHT: 45px
}
#caja #cuotas
{
    FONT-WEIGHT: bold;
    FONT-SIZE: 14px;
    COLOR: #01217b;
    HEIGHT: 50px
}
#cuotas .a
{
    FLOAT: left;
    MARGIN: 15px 0px 0px;
    WIDTH: 50px
}
#cuotas .b
{
    FONT-SIZE: 37px;
    FLOAT: left;
    MARGIN: 3px 0px 0px
}
#cuotas .c
{
    FONT-WEIGHT: normal;
    FONT-SIZE: 13px;
    FLOAT: left;
    MARGIN: 10px 0px 0px 10px;
    WIDTH: 150px
}
#caja #informacion
{
    FONT-WEIGHT: bold;
    FONT-SIZE: 11px;
    COLOR: #333;
    PADDING-TOP: 3px;
    FONT-FAMILY: Verdana,Helvetica,sans-serif;
    HEIGHT: 55px
}
#informacion .destacado
{
    FONT-WEIGHT: bold;
    FONT-SIZE: 11px;
    COLOR: #c00;
    LETTER-SPACING: -1px
}
#imagen .producto
{
    PADDING-BOTTOM: 10px
}
.item
{
    FONT-SIZE: 11px;
    FLOAT: left;
    PADDING-BOTTOM: 10px;
    BORDER-BOTTOM: #ddd 1px solid;
    FONT-FAMILY: Arial,Helvetica,sans-serif
}
.item UL
{
    PADDING-LEFT: 5px;
    FONT-SIZE: 11px
}
.item #imagen
{
    FLOAT: left;
    MARGIN: 0px 10px 0px 32px;
    WIDTH: 220px
}
.item #texto
{
    FLOAT: right;
    MARGIN: 30px 25px 0px 10px;
    WIDTH: 330px
}
.item H1
{
    FONT-WEIGHT: bold;
    FONT-SIZE: 14px;
    MARGIN: 10px 0px 0px
}
.item H3
{
    FONT-WEIGHT: bold;
    FONT-SIZE: 11px;
    MARGIN: 0px 0px 15px;
    COLOR: #666
}
.item P
{
    FONT-WEIGHT: normal;
    FONT-SIZE: 11px;
    TEXT-ALIGN: justify
}
.item .codigo
{
    FONT-WEIGHT: bold;
    FONT-SIZE: 10px;
    COLOR: #0056a0;
    PADDING-TOP: 10px
}
.item .boton
{
    MARGIN: 0px 0px 10px
}
.items-columnas
{
    PADDING-BOTTOM: 10px;
    WIDTH: 100%;
    BORDER-BOTTOM: #ddd 1px solid
}
.item-columna
{
    PADDING-LEFT: 25px;
    FONT-SIZE: 10px;
    MARGIN: 0px;
    WIDTH: 290px;
    FONT-FAMILY: Arial,Helvetica,sans-serif
}
.item-columna #imagen
{
    MARGIN: 10px 0px 0px;
    WIDTH: 290px
}
.item-columna UL
{
    PADDING-LEFT: 10px;
    FONT-SIZE: 11px
}
.item-columna #texto
{
    MARGIN: 10px 0px 0px;
    WIDTH: 290px
}
.item-columna H1
{
    FONT-WEIGHT: bold;
    FONT-SIZE: 14px;
    MARGIN: 10px 0px 0px
}
.item-columna H3
{
    FONT-WEIGHT: bold;
    FONT-SIZE: 11px;
    MARGIN: 0px 0px 15px;
    COLOR: #666
}
.item-columna P
{
    FONT-WEIGHT: normal;
    FONT-SIZE: 11px;
    TEXT-ALIGN: justify
}
.item-columna .codigo
{
    FONT-WEIGHT: bold;
    FONT-SIZE: 10px;
    COLOR: #0056a0;
    PADDING-TOP: 10px
}
.item-columna .boton
{
    MARGIN: 0px 0px 10px
}
.items-verticales
{
}
.item-vertical
{
    PADDING-LEFT: 25px;
    FONT-SIZE: 10px;
    WIDTH: 185px;
    FONT-FAMILY: Arial,Helvetica,sans-serif
}
.item-vertical #imagen
{
    MARGIN: 10px 0px 0px;
    WIDTH: 180px
}
.item-vertical UL
{
    PADDING-LEFT: 15px;
    FONT-SIZE: 10px
}
.item-vertical #texto
{
    MARGIN: 10px 0px 0px;
    WIDTH: 180px
}
.item-vertical H1
{
    FONT-WEIGHT: bold;
    FONT-SIZE: 14px;
    MARGIN: 10px 0px 0px
}
.item-vertical H3
{
    FONT-WEIGHT: bold;
    FONT-SIZE: 11px;
    MARGIN: 0px 0px 15px;
    COLOR: #666
}
.item-vertical P
{
    FONT-WEIGHT: normal;
    FONT-SIZE: 10px;
    TEXT-ALIGN: justify
}
.item-vertical .codigo
{
    FONT-WEIGHT: bold;
    FONT-SIZE: 10px;
    COLOR: #0056a0;
    PADDING-TOP: 10px
}
.combo-grupo
{
}
.combo-grupo .combo
{
    BORDER-RIGHT: #ddd 1px solid;
    BORDER-TOP: #ddd 1px solid;
    FONT-WEIGHT: normal;
    FONT-SIZE: 9px;
    FLOAT: left;
    MARGIN: 1px 1px 0px;
    BORDER-LEFT: #ddd 1px solid;
    WIDTH: 209px;
    BORDER-BOTTOM: #ddd 1px solid;
    FONT-FAMILY: Arial,Helvetica,sans-serif;
    TEXT-ALIGN: center
}
.combo .c1
{
    FLOAT: left;
    WIDTH: 39px;
    HEIGHT: 75px;
    BACKGROUND-COLOR: #fff;
    TEXT-ALIGN: left
}
.combo .c2
{
    FLOAT: left;
    WIDTH: 90px;
    HEIGHT: 75px;
    BACKGROUND-COLOR: #f3f3f3;
    TEXT-ALIGN: left
}
.combo .c3
{
    FLOAT: left;
    WIDTH: 80px;
    HEIGHT: 75px;
    BACKGROUND-COLOR: #eaeaea;
    TEXT-ALIGN: left
}
.c1 .p
{
    PADDING-RIGHT: 5px;
    PADDING-LEFT: 5px;
    PADDING-BOTTOM: 5px;
    PADDING-TOP: 5px
}
.c2 .p
{
    PADDING-RIGHT: 5px;
    PADDING-LEFT: 5px;
    PADDING-BOTTOM: 5px;
    PADDING-TOP: 5px
}
.c3 .p
{
    PADDING-RIGHT: 5px;
    PADDING-LEFT: 5px;
    PADDING-BOTTOM: 5px;
    PADDING-TOP: 5px
}
.c1 H1
{
    PADDING-RIGHT: 0px;
    PADDING-LEFT: 0px;
    FONT-WEIGHT: bold;
    FONT-SIZE: 11px;
    PADDING-BOTTOM: 0px;
    MARGIN: 0px 0px 5px;
    PADDING-TOP: 0px
}
.c2 H1
{
    PADDING-RIGHT: 0px;
    PADDING-LEFT: 0px;
    FONT-WEIGHT: bold;
    FONT-SIZE: 11px;
    PADDING-BOTTOM: 0px;
    MARGIN: 0px 0px 5px;
    PADDING-TOP: 0px
}
.c3 H1
{
    PADDING-RIGHT: 0px;
    PADDING-LEFT: 0px;
    FONT-WEIGHT: bold;
    FONT-SIZE: 11px;
    PADDING-BOTTOM: 0px;
    MARGIN: 0px 0px 5px;
    PADDING-TOP: 0px
}
.linkArriba
{
    PADDING-RIGHT: 15px;
    PADDING-LEFT: 0px;
    FONT-WEIGHT: normal;
    FONT-SIZE: 10px;
    FLOAT: right;
    PADDING-BOTTOM: 0px;
    PADDING-TOP: 5px;
    TEXT-ALIGN: right;
    TEXT-DECORATION: underline
}
.linkArriba A
{
    COLOR: #666
}
.resaltado
{
    COLOR: #0056a0
}
.resaltado2
{
    COLOR: #0056a0
}
.classmate
{
    PADDING-RIGHT: 15px;
    PADDING-LEFT: 15px;
    FONT-WEIGHT: normal;
    FONT-SIZE: 11px;
    PADDING-BOTTOM: 10px;
    PADDING-TOP: 10px;
    BORDER-BOTTOM: #d6d6d6 1px solid;
    FONT-FAMILY: Arial,Helvetica,sans-serif
}
.classmate .codigo
{
    FONT-WEIGHT: bold;
    FONT-SIZE: 10px;
    COLOR: #0056a0;
    PADDING-TOP: 10px
}
.classmate A
{
    COLOR: #01217b
}
.classmate UL
{
    PADDING-LEFT: 20px;
    FONT-WEIGHT: normal;
    FONT-SIZE: 11px;
    MARGIN-LEFT: 20px;
    FONT-FAMILY: Arial,Helvetica,sans-serif
}
.caracteristicas
{
    PADDING-RIGHT: 35px;
    PADDING-LEFT: 35px;
    FONT-WEIGHT: normal;
    FONT-SIZE: 11px;
    PADDING-BOTTOM: 10px;
    PADDING-TOP: 10px;
    BORDER-BOTTOM: #d6d6d6 1px solid;
    FONT-FAMILY: Arial,Helvetica,sans-serif
}
.caracteristicas A
{
    COLOR: #01217b
}
.caracteristicas UL
{
    PADDING-LEFT: 20px;
    FONT-WEIGHT: normal;
    FONT-SIZE: 11px;
    MARGIN-LEFT: 20px;
    FONT-FAMILY: Arial,Helvetica,sans-serif
}
.separador
{
    PADDING-RIGHT: 0px;
    BACKGROUND-POSITION: 50% bottom;
    PADDING-LEFT: 30px;
    FONT-WEIGHT: bold;
    FONT-SIZE: 18px;
    BACKGROUND-IMAGE: url(../img/fdo-tits.gif);
    PADDING-BOTTOM: 0px;
    PADDING-TOP: 15px;
    BACKGROUND-REPEAT: repeat-x;
    FONT-FAMILY: Arial,Helvetica,sans-serif;
    HEIGHT: 40px;
    BACKGROUND-COLOR: #fff
}
.azulBNA
{
    COLOR: #01217b
}
.azulIntel
{
    COLOR: #0056a0
}
.subtitulo A
{
    COLOR: #0056a0
}
#cuadroCuotas
{
    BORDER-RIGHT: #ccc 1px solid;
    BORDER-TOP: #ccc 1px solid;
    BORDER-LEFT: #ccc 1px solid;
    BORDER-BOTTOM: #ccc 1px solid
}
#cuadroCuotas .titulo
{
    BACKGROUND-COLOR: #eee
}
#cuadroCuotas TD
{
    BACKGROUND-COLOR: #f5f5f5;
    TEXT-ALIGN: center
}
.warningmsg
{
    BORDER-RIGHT: #ee8 1px solid;
    PADDING-RIGHT: 10px;
    BACKGROUND-POSITION: 5px 50%;
    BORDER-TOP: #ee8 1px solid;
    PADDING-LEFT: 30px;
    FONT-WEIGHT: normal;
    FONT-SIZE: 11px;
    BACKGROUND-IMAGE: url(../img/attention.gif);
    PADDING-BOTTOM: 10px;
    MARGIN: 15px;
    BORDER-LEFT: #ee8 1px solid;
    COLOR: #333333;
    PADDING-TOP: 10px;
    BORDER-BOTTOM: #ee8 1px solid;
    BACKGROUND-REPEAT: no-repeat;
    FONT-FAMILY: Arial,Helvetica,sans-serif;
    BACKGROUND-COLOR: #ffffdd;
    TEXT-ALIGN: justify
}
.errormsg
{
    BORDER-RIGHT: #daa 1px solid;
    PADDING-RIGHT: 10px;
    BACKGROUND-POSITION: 5px 50%;
    BORDER-TOP: #daa 1px solid;
    PADDING-LEFT: 30px;
    FONT-WEIGHT: normal;
    FONT-SIZE: 11px;
    BACKGROUND-IMAGE: url(../img/cancel.gif);
    PADDING-BOTTOM: 10px;
    MARGIN: 15px;
    BORDER-LEFT: #daa 1px solid;
    COLOR: #333333;
    PADDING-TOP: 10px;
    BORDER-BOTTOM: #daa 1px solid;
    BACKGROUND-REPEAT: no-repeat;
    FONT-FAMILY: Arial,Helvetica,sans-serif;
    BACKGROUND-COLOR: #ffdddd;
    TEXT-ALIGN: justify
}
.infomsg
{
    BORDER-RIGHT: #99ccff 1px solid;
    PADDING-RIGHT: 10px;
    BACKGROUND-POSITION: 5px 50%;
    BORDER-TOP: #99ccff 1px solid;
    PADDING-LEFT: 30px;
    FONT-WEIGHT: normal;
    FONT-SIZE: 11px;
    BACKGROUND-IMAGE: url(../img/information.gif);
    PADDING-BOTTOM: 10px;
    MARGIN: 15px;
    BORDER-LEFT: #99ccff 1px solid;
    COLOR: #333333;
    PADDING-TOP: 10px;
    BORDER-BOTTOM: #99ccff 1px solid;
    BACKGROUND-REPEAT: no-repeat;
    FONT-FAMILY: Arial,Helvetica,sans-serif;
    BACKGROUND-COLOR: #d2e9ff;
    TEXT-ALIGN: justify
}
.confirmmsg
{
    BORDER-RIGHT: #bff1b8 1px solid;
    PADDING-RIGHT: 10px;
    BACKGROUND-POSITION: 5px 50%;
    BORDER-TOP: #bff1b8 1px solid;
    PADDING-LEFT: 30px;
    FONT-WEIGHT: normal;
    FONT-SIZE: 11px;
    BACKGROUND-IMAGE: url(../img/accept.gif);
    PADDING-BOTTOM: 10px;
    MARGIN: 15px;
    BORDER-LEFT: #bff1b8 1px solid;
    COLOR: #333333;
    PADDING-TOP: 10px;
    BORDER-BOTTOM: #bff1b8 1px solid;
    BACKGROUND-REPEAT: no-repeat;
    FONT-FAMILY: Arial,Helvetica,sans-serif;
    BACKGROUND-COLOR: #e6fbe7;
    TEXT-ALIGN: justify
}
#pie P
{
    FONT-WEIGHT: normal;
    FONT-SIZE: 10px;
    PADDING-BOTTOM: 10px;
    COLOR: #555;
    FONT-FAMILY: Arial,Helvetica,sans-serif
}
#pie .logo
{
    FLOAT: left;
    MARGIN: 10px 40px 10px 30px
}
#pie
{
    PADDING-RIGHT: 0px;
    PADDING-LEFT: 0px;
    PADDING-BOTTOM: 0px;
    PADDING-TOP: 10px
}
.requisitos
{
    LINE-HEIGHT: 20px;
    LIST-STYLE-TYPE: none
}
.documentacion
{
    LINE-HEIGHT: 20px;
    LIST-STYLE-TYPE: none
}