/* LA CAJA DE AHORRO Y SEGURO - TRANSACCIONALES EMPRESAS*/


/***** PRINCIPALES ****/


    html {
    margin: 0px;
    padding: 0px;
    border: 0px;
    font-size: 11px;
    font-family: Arial, Helvetica, sans-serif;
    color:#333;
}

    body {
    padding:0px auto;
    text-align: center;
    background-color: #ebebeb;

    line-height: 130%;
    width: 100%;
    min-width: 970px;
}

    #back {
    margin:0px auto;
    text-align: left; /* no tocar */
    width: 980px;
    padding:0px auto;
    background-image: url('src/int/back_1024.jpg');
}

    #container-1 {
    margin-top:  0px;
    margin-left:  5px;
    width: 770px;
    padding:0px auto;
}

    #header {
    margin-top:  0px;
    margin-left:  5px;
    width: 770px;
    height: 100px;
    padding:0px auto;
    background-image: url('src/int/back_head_cotizador.jpg');
    background-repeat:repeat;
}

    #footer {

    font-size: 10px;
    color: #FFFFFF;
    width: 970px;
}

    #right {
    line-height: 28px;
    width: 190px;
    float: right;
    padding-right: 15px;
    padding-top: 150px;
    text-align: right;
}

    #shadow {
    margin-top: 0px;
    width: 100%;
    height: 10px;
    background-image: url('src/int/shadow_hor.jpg');
    background-attachment:scroll;
    background-repeat: repeat-x;
}

    #line_01 { /* LINEA PUNTEADA */
    margin-top: 6px;
    width: 100%;
    height: 6px;
    background-image: url('images/line_01.gif');
    background-repeat: repeat-x;
}


/*-------------------------------------------*/


/***** ESTILOS Y TITULOS GENERALES ****/


    h1 {    /* titulo principal*/
    font-size: 15px;
    color: #336633;
    font-weight: bold;
    text-align: left;
    padding-top: 4px;
    padding-bottom: 4px;
    margin-bottom: 10px;
    background-position: bottom;
    border-bottom: 2px #CCCCCC solid;
}

     h2 {   /* titulo solapas grises*/
    font-size: 12px;
    color: #336633;
    font-weight: bold;
    text-align: left;
    padding-top: 4px;
    padding-left: 5px;
    padding-right: 0px;
    padding-bottom: 6px;
    border-top: 1px solid #CCCCCC;
    border-left: 1px solid #CCCCCC;
    border-right: 1px solid #CCCCCC;
    margin-top: 0px;
    margin-bottom: 0px;
    background:   url("images/back_h2.jpg") repeat-x;
    background-color: #EBEBEB;
}

    h3 {    /* titulo principal gris*/
    font-size: 15px;
    color: #666666;
    font-weight: bold;
    text-align: left;
    padding-top: 4px;
    padding-bottom: 4px;
    margin-bottom: 10px;
    background-position: bottom;
    border-bottom: 2px #CCCCCC solid;
}

    h4 {    /* titulo secundario azul*/
    font-size: 12px;
    color: #336633;
    font-weight: bold;
    text-align: left;
    padding: 0px;
    margin-bottom: 5px;
    margin-top: 0px;
}


/*-------------------------------------------*/


/***** MENU SOLAPADO SUPERIOR ****/


    #menu-header {
    float:left;
    width:100%;
    background:url("images/menu/bg.gif") repeat-x bottom;
    font: 11px Arial, Helvetica, sans-serif;
    line-height:normal;
    margin-bottom: 20px;
}

    #menu-header ul {
    margin:0;
    list-style:none;
    padding:0px 10px 0;
}

    #menu-header li {
    float:left;
    background:url("images/menu/norm_right.gif") no-repeat right top;
    margin:0;
    padding:0;
}

#menu-header a, #menu-header span
{
    float:left;
    display:block;
    background:url("images/menu/norm_left.gif") no-repeat left top;
    padding:5px 15px 4px;
    color: #333333;
    text-decoration: none;
}

    #menu-header a:hover {
    color: #336633;
    text-decoration: underline;
}

    #menu-header #current {
    background-image:url("images/menu/norm_right_on.gif");
}

    #menu-header #current a {
    background-image:url("images/menu/norm_left_on.gif");
    padding-bottom:5px;
    color: #336633;
    text-decoration: none;
    font-weight:bold;
}


/***** FIN MENU SOLAPADO SUPERIOR ****/


/*-------------------------------------------*/


/***** LISTADO ****/


    #list {
}

    #list ul li{

    line-height: 20px;

    text-indent: -2px;
    list-style-position: inside;
    list-style-image: url("images/icono_list.gif");
    list-style-type: none;

}


/*-------------------------------------------*/


/***** SOLAPAS GRISES COLAPSABLES ****/

    .sol_col a {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    color: #336633;
    text-decoration: none;
    text-align: left;
    font-weight:bold;

    padding: 5px;
    border: 1px solid #CCCCCC;

    display: block;
    width: 100%;
    max-width: 738px;

    background:   url("images/back_h2.jpg") repeat-x;
    background-color: #ebebeb;
}

    .sol_col a:hover {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    color: #336633;
    text-decoration: underline;
    text-align: left;
    font-weight:bold;
    background-color: #EBEBEB;
}


/*-------------------------------------------*/


/***** TABLA IMPORTANTE ****/

    .table_lc {

    background-color: #f5f5f5;
    text-align: left;
    border-collapse: collapse !important;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 11px;
    color: #333333;
    padding: 3px;
    width: 100%;
}

    .table_lc thead th {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    color: #336633;
    font-weight: bold;
    text-align: left;
    padding: 3px;
    height: 25px;
    border: 1px solid #CCCCCC;
    background:   url("images/back_h2.jpg") repeat-x;
    background-color: #EBEBEB;
}

    .table_lc tbody th {
    color: #333333;
    border-bottom: 1px solid #f5f5f5;
}

    .table_lc td {
    border: 1px solid #ffffff;
    padding: 3px;
}

    .odd {
    background-color: #ebebeb;
}


/*-------------------------------------------*/


/* TABLA MENU PRINCIPAL PAGINA INICIO */


    .tbl_mi {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 11px;
    color: #333333;
    text-decoration: none;
    text-align: left;
    padding: 5px;
    border-bottom: 1px solid #FFFFFF;
    background-color: #F5F5F5;
    display: table;
    width: 100%;
}

    .tbl_mi:hover {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 11px;
    color: #333333;
    text-decoration: none;
    text-align: left;
    padding: 5px;
    background-color: #EBEBEB;
    display: table;
    width: 100%;

    }


/*-------------------------------------------*/


/***** TABLAS ****/

    #tbl_750 {
    width:750px;
    margin-left: 10px;
    margin-bottom: 10px;
}

    #tbl_660 {
    width:435px;
    float:right;
}

    #tbl_560 {
    width:560px;
    float:right;
}

    .tbl_gral {
    font-size: 11px;
    font-family: Arial, Helvetica, sans-serif;
    color: #333333;
    text-decoration:none;
}

    .tbl_gral a {
    text-decoration:none;
    color: #333333;
}

    .tbl_01 {
    width: 750px;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 11px;
    color: #333333;
    text-align: center;
}
    .tbl_01 tr td {
    border-bottom: 1px solid #FFFFFF;
}

    /*tbl_grey*/

    .tbl_grey {
    text-align:left;
    padding: 5px;
    border-left: 1px solid #CCCCCC;
    border-right: 1px solid #CCCCCC;
    border-top: 1px solid #CCCCCC;
    background-color: #F5F5F5;
    display: compact;
}


    .tbl_grey_2 {
    text-align: left;
    padding: 5px;
    margin-bottom: 10px;
    border: 1px solid #CCCCCC;
    background-color: #F5F5F5;
    display: compact;
}

    .tbl_grey_3 {
    text-align: left;
    padding: 5px;
    margin-bottom: 10px;
    border: 1px solid #CC0000;
    background-color: #FECCCB;
    display: compact;
}

    .tbl_grey_4 {
    padding: 5px;
    border-left: 1px solid #CCCCCC;
    border-right: 1px solid #CCCCCC;
    border-top: 1px solid #CCCCCC;
    background-color: #F5F5F5;
    display: compact;
}

/*-------------------------------------------*/

    .tbl_blank {
    padding: 5px;
    margin-bottom: 10px;
    border: 1px solid #CCCCCC;
    display: compact;
}

    .tbl_blank:hover {
    text-decoration: none;
    background-color: #EBEBEB;
    display: compact;
}

    .tbl_blank_2 {
    padding: 5px;
    border: 1px solid #CCCCCC;
    border-left: 1px solid #CCCCCC;
    border-right: 1px solid #CCCCCC;
    display: compact;
}

   .tbl_leg {
    font-size: 10px;
    color: #999999;
    text-decoration: none;
    text-align: left;
    padding: 5px;
    margin-top: 10px;
    border: 1px solid #EBEBEB;
    background-color: FFFFFF;
    display: compact;
}


/*-------------------------------------------*/


/***** ESTILOS FORMULARIO ****/

    #registro {
    margin-bottom: 10px;
    border: 1px solid #CCCCCC;
    text-decoration: none;
    display:compact;
}

    #registro fieldset {
    border:0px;
    padding:0px;
    margin: 5px;
}

    #registro legend {
    font:11 px Arial, sans-serif;
    color: #338110;
    padding:0px;
}

    #registro label {
    font:11px Arial, sans-serif;
    float: left;
    width: 40%;
    text-align:right;
    color: #333333;
    padding: 5px;

}

    #registro br {
    clear: left;
}

    .input {

    color: #333333;
    text-decoration: none;
    background-color: #f5f5f5;
    border-top: 1px solid #7C7B7D;
    border-left: 1px solid #7C7B7D;
    border-bottom: 1px solid #A5ACB2;
    border-right: 1px solid #A5ACB2;

}


/*-------------------------------------------*/


/***** BOTONES ****/


    .bot_verde{
    font-family: Arial, Helvetica, sans-serif;
    font-size:11px;
    text-decoration:none;
    color: #FFFFFF;
    text-align: center;
    font-weight: bold;
    padding: 5px; /*no tocar*/
    line-height: 30px; /*no tocar*/
    border:2px solid #056B00;
    background-image: url(images/bot_verde_01.jpg);

}

    .bot_verde:hover{

    color: #FFFFFF;
    background-image: url(images/bot_verde_02.jpg);

}

    .bot_azul{
    font-family: Arial, Helvetica, sans-serif;
    font-size:11px;
    text-decoration:none;
    color: #FFFFFF;
    text-align: center;
    font-weight: bold;
    padding: 5px; /*no tocar*/
    line-height: 30px; /*no tocar*/
    border:2px solid #3366CC;
    background-image: url(src/int/bot_azul_01.jpg);
}

    .bot_azul:hover{
    color: #FFFFFF;
    background-image: url(src/int/bot_azul_02.jpg);
}

    .bot_gris{
    font-family: Arial, Helvetica, sans-serif;
    font-size:10px;
    text-decoration:none;
    color: #FFFFFF;
    text-align: center;
    font-weight: bold;
    padding: 3px; /*no tocar*/
    line-height: 26px; /*no tocar*/
    border:1px solid #666666;
    background-image: url(images/bot_gris_01.jpg);
}

    .bot_gris:hover{
    color: #FFFFFF;
    background-image: url(images/bot_gris_02.jpg);
}

    .bot_espacio {
    padding-left: 10px;
    padding-right: 10px;
    line-height: 23px;
    height: 25px;
    background-image: url(src/int/bot_espacio.jpg);
    display: table;
}

/*-------------------------------------------*/


/***** TEXTOS ****/

    .txt_resultado {
    font-family: Arial, Helvetica, sans-serif;
    font-size:12px;
    text-align: left;
    font-weight: bold;
    color: #338110;
    line-height: 24px; /*no tocar*/
}

    .txt_resultado_2 {
    font-family: Arial, Helvetica, sans-serif;
    font-size:12px;
    text-align: left;
    font-weight: bold;
    color: #CC0000;
    line-height: 24px; /*no tocar*/
}

    .txt_resultado_3 {
    font-family: Arial, Helvetica, sans-serif;
    font-size:12px;
    text-align: left;
    font-weight: bold;
    color: #FFCC00;
    line-height: 24px; /*no tocar*/
}

   .txt_precios {
    font-family: Arial, Helvetica, sans-serif;
    font-size:14px;
    text-align: left;
    font-weight: bold;
    color:  #338110;
    line-height: 24px; /*no tocar*/
}

    .txt_white {
    font-family: Arial, Helvetica, sans-serif;
    font-size:11px;
    text-align: left;
    font-weight: normal;
    color: #FFFFFF;
}

    .txt_error {
    font-family: Arial, Helvetica, sans-serif;
    font-size:11px;
    text-align: left;
    font-weight: normal;
    color: #FF0000;
}

    .txt_solapa {
    font-family: Arial, Helvetica, sans-serif;
    font-size:12px;
    color: #336633;
}

    .txt_atras {
    font-family: Arial, Helvetica, sans-serif;
    font-size:11px;
    color: #666666;
}


/*-------------------------------------------*/


/***** LINKS ****/

    a.link_01 {
    font-family: Arial, Helvetica, sans-serif;
    color: #333333;
    font-size: 11px;
    text-decoration: none;
}
    a.link_01:hover {
    font-family: Arial, Helvetica, sans-serif;
    color: #336633;
    font-size: 11px;
    text-decoration: underline;
}

    a.link_02 {
    font-family: Arial, Helvetica, sans-serif;
    color: #FFFFFF;
    font-size: 11px;
    text-decoration: none;
    background-color: #999999;
    padding-left: 3px;
    padding-right: 3px;
    margin-right: 5px;
}
    a.link_02:hover {
    font-family: Arial, Helvetica, sans-serif;
    color: #FFFFFF;
    font-size: 11px;
    text-decoration: none;
    background-color: #336633;
    padding-left: 3px;
    padding-right: 3px;
}

    a.link_03 {
    font-family: Arial, Helvetica, sans-serif;
    color: #336633;
    font-size: 11px;
    text-decoration: underline;
}
    a.link_03:hover {
    font-family: Arial, Helvetica, sans-serif;
    color: #000066;
    font-size: 11px;
    text-decoration: underline;
}

    a.link_04 {
    font-family: Arial, Helvetica, sans-serif;
    color: #336633;
    font-size: 11px;
    text-decoration: none;
}
    a.link_04:hover {
    font-family: Arial, Helvetica, sans-serif;
    color: #336633;
    font-size: 11px;
    text-decoration: underline;
}

    a.link_05 {
    font-family: Arial, Helvetica, sans-serif;
    color: #FFFFFF;
    font-size: 11px;
    text-decoration: none;
}
    a.link_05:hover {
    font-family: Arial, Helvetica, sans-serif;
    color: #FFFFFF;
    font-size: 11px;
    text-decoration: underline;
}

    a.link_06 {
    color: #999999;
    text-decoration: none;
}
    a.link_06:hover {
    color: #999999;
    text-decoration: underline;
}

    a.link_07 {
    color: #336633;
    text-decoration: none;
}
    a.link_07:hover {
    color: #336633;
    text-decoration: underline;
}

   a.link_08 {
    font-family: Arial, Helvetica, sans-serif;
    color: #333333;
    font-size: 12px;
    text-decoration: none;
    font-weight:bold;
    background-color: #ebebeb;
    padding-left: 5px;
    padding-right: 5px;
    display:block;
    line-height: 26px; /*no tocar*/
    border:1px solid #CCCCCC;
}
    a.link_08:hover {
    color: #FFFFFF;
    text-decoration: none;
    background-color: #336633;
    padding-left: 5px;
    padding-right: 5px;
}

    .link_menu {
    font-family: Arial, Helvetica, sans-serif;
    color: #333333;
    font-size: 12px;
    text-decoration: none;
}
    .link_menu:hover {
    font-family: Arial, Helvetica, sans-serif;
    color: #336633;
    font-size: 12px;
    text-decoration: underline;
}