/*#################################################################################################################################### BODY */

body {
    background: rgba(255,255,255,0.65) url('../images/pics/bg01.png');
}

.pagina-ancho {
    display: block;
    margin: 0 auto !important;
    width: 1200px;
}


/********************** Seccion *************************/

.section_border {
    border: 1px solid #3a4652;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
}

.seccion_alto {
    height: 360px;
}

.seccion_ancho {
    width: 265px;
}

.seccion_ancho2 {
    width: 270px;
}


.info_gral_color {
    color: #a0a8ab;
}

.info_seccion_div_ancho {
    width: 295px;
    float: left;
}

.info_seccion_ancho {
    width: 295px;
    height: 400px;
    float: left;
    /*border:1px solid rgba(255,255,255,0.65);*/
    /*background: white;*/
}

.info_seccion_titulo {
    font-size: 1.20em;
    /*color: #fff;*/
    /*margin: 0 auto;*/
    height: 50px;
    margin-top: 15px;
    text-align: center;
}

.info_seccion_a {
    color: #e0e8eb;
}

.section_pic01 {
    background: url('../images/pics/pic01.jpg');
    padding: 1px;
    border: 3px solid #3a4652;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    width: 262px;
    height: 140px;
    /*margin: 0 auto;*/
}

.section_pic02 {
    background: url('../images/pics/pic02.jpg');
    padding: 1px;
    border: 3px solid #3a4652;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    width: 262px;
    height: 140px;
    /*margin: 0 auto;*/
}

.section_pic03 {
    background: url('../images/pics/pic03.jpg');
    padding: 1px;
    border: 3px solid #3a4652;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    width: 262px;
    height: 140px;
    /*margin: 0 auto;*/
}

.section_pic04 {
    background: url('../images/pics/pic04.jpg');
    padding: 1px;
    border: 3px solid #3a4652;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    width: 262px;
    height: 140px;
    /*margin: 0 auto;*/
}


.section_info_box {
    width: 250px;
    padding: 10px;
    text-align: justify;
    text-justify: distribute;
    font-size: 16px;
}

/*#################################################################################################################################### TITULO */

.titulo_formulario {
    font-family: 'Oleo Script', serif;
    font-size: 2em;
    font-weight: 100;
    display: block;
    text-align: center;
    border: 2px solid #808080;
    padding: 7px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    text-shadow: 1px 1px 1px rgba(0,0,0,0.75);
    background: rgba(212, 227, 239, 0.65);
    color: #004ea1;
}


.login-img-usuario {
    background: url('../images/pics/kuser2.png');
    width: 32px;
    height: 22px;
    padding-top: 10px;
}

.escudo_bcs {
    background: url('../images/pics/escudo_bcs.png');
    width: 70px;
    height: 70px;
}

.escudo_mf {
    background: url('../images/pics/logo_libro.png');
    width: 80px;
    height: 70px;
}

.titulo {
    background: #004ea1;
    color: #fff;
    border-radius: 6px;
    font-family: 'Oleo Script', serif;
    font-weight: 400;
    padding: 4px 2px 4px 2px;
    font-size: 2.2em;
    /*font-size: 3.25em;*/
}

.titulo_descripcion {
    color: #4977a9;
    font-size: 3.5em;
    margin: 0.1em 0 0.35em 0;
    font-family: 'Oleo Script', serif;
    text-align: center;
}


.titulo-secundario {
    color: #808080;
    border-radius: 6px;
    font-family: 'Oleo Script', serif;
    font-weight: 400;
    padding: 4px 2px 4px 2px;
    letter-spacing: 5px;
    font-size: 1.4em;
    /*font-size: 1.5em;*/
}

.titulo_bienvenida {
    font-size: 3.5em;
    margin: 0.1em 0 0.35em 0;
    color: #4977a9;
}

/*#################################################################################################################################### BANNER */


.banner {
    /*position: relative;*/
    padding: 1.5em;
}

    .banner h2 {
        font-size: 3.5em;
        margin: 0.1em 0 0.35em 0;
        color: #4977a9;
    }

    .banner p {
        font-size: 2em;
        line-height: 1.35em;
        margin: 0;
        /*color: #4977a9;*/
    }


/*#################################################################################################################################### ALINEACION */

.text_center {
    text-align: center;
}

.text_left {
    text-align: left;
}

.text_right {
    text-align: right;
}

.text_justify {
    text-align: justify;
}

.top_10 {
    margin-top :10px;
}
.top_15 {
    margin-top: 15px;
}
.align_vertical_top {
    vertical-align: top;
}
.flotante {
    
    float: left;
    position: relative;
    /*display: block;
    overflow: auto;*/
}
.limpia {
    clear: both;
    display: block;
}

/*#################################################################################################################################### TABLAS */
.ancho_100_porc{
    width :100%;
}



/*#################################################################################################################################### ANCHO Y ALTO (TABLAS, DIV, ETC.) */
.space_AL_10 {
    height: 10px;
}

.space_AL_20 {
    height: 20px;
}

.space_AL_40 {
    height: 40px;
}

.space {
    height: 30px;
}

.Texto_en_negrita{
    font-weight:bold;
}

.AN_1000 {
    width: 1000px;
}

.AN_950 {
    width: 950px;
}

.AN_900 {
    width: 900px;
}

.AN_850 {
    width: 850px;
}

.AN_830 {
    width: 830px;
}

.AN_800 {
    width: 800px;
}

.AN_750 {
    width: 750px;
}
.AN_700 {
    width: 700px;
}

.AN_600 {
    width: 600px;
}

.AN_550 {
    width: 550px;
}

.AN_500 {
    width: 500px;
}

.AN_450 {
    width: 450px;
}

.AN_400 {
    width: 400px;
}

.AN_350 {
    width: 350px;
}

.AN_300 {
    width: 300px;
}

.AN_250 {
    width: 250px;
}

.AN_200 {
    width: 200px;
}

.AN_180 {
    width: 180px;
}

.AN_170 {
    width: 170px;
}

.AN_160 {
    width: 160px;
}

.AN_150 {
    width: 150px;
}

.AN_120 {
    width: 120px;
}

.AN_100 {
    width: 100px;
}

.AN_090 {
    width: 90px;
}

.AN_080 {
    width: 80px;
}

.AN_070 {
    width: 70px;
}

.AN_060 {
    width: 60px;
}

.AN_050 {
    width: 50px;
}

.AN_020 {
    width: 20px;
}

.AN_010 {
    width: 10px;
}

.AN_005 {
    width: 5px;
}

.ANP_100 {
    width: 100%;
}
.ANP_099 {
    width: 99%;
}
.ANP_098 {
    width: 98%;
}
.ANP_097 {
    width: 97%;
}
.ANP_090 {
    width: 90%;
}
.ANP_080 {
    width: 80%;
}

.ANP_065 {
    width: 65%;
}

.ANP_050 {
    width: 50%;
}

.ANP_045 {
    width: 45%;
}
.ANP_043 {
    width: 43%;
}


.ANP_042 {
    width: 42%;
}
.ANP_040 {
    width: 40%;
}

.ANP_035 {
    width: 35%;
}

.ANP_032 {
    width: 32%;
}

.ANP_030 {
    width: 30%;
}

.ANP_025 {
    width: 25%;
}

.ANP_020 {
    width: 20%;
}

.ANP_010 {
    width: 10%;
}

.ALP_100 {
    height: 100%;
}

.AL_600 {
    height: 600px;
}

.AL_550 {
    height: 550px;
}

.AL_500 {
    height: 500px;
}

.AL_200 {
    height: 200px;
}

.AL_180 {
    height: 180px;
}

.AL_150 {
    height: 150px;
}

.AL_110 {
    height: 110px;
}

.AL_100 {
    height: 100px;
}

.AL_090 {
    height: 90px;
}

.AL_080 {
    height: 80px;
}

.AL_070 {
    height: 70px;
}

.AL_060 {
    height: 60px;
}

.AL_050 {
    height: 50px;
}
.AL_045 {
    height: 45px;
}

.AL_040{
    height:40px;
}

.AL_035 {
    height: 35px;
}

.AL_026 {
    height: 26px;
}

.AL_025 {
    height: 25px;
}

.AL_005 {
    height: 5px;
}

.AL_002 {
    height: 2px;
}
.tam30{
    font-size :30px;
}
.izq {
    position :relative ;
    float :left ;
}
.izq_180 
{
    margin-left:180px;
}
.izq_80 {
    margin-left: 80px;    
}
.izq_20 {
    margin-left: 20px;    
}
    /*#################################################################################################################################### TEXTBOX */

    .text_box_upper {
    background: #F9F9F9; /* rgba(206,205,205,0.6); */
    border: 2px solid #666;
    line-height: 2em;
    -webkit-box-shadow: inset -1px 1px 1px rgba(255,255,255,0.65);
    -moz-box-shadow: inset -1px 1px 1px rgba(255,255,255,0.65);
    box-shadow: inset -1px 1px 1px rgba(255,255,255,0.65);
    -webkit-border-radius: 8px !important;
    -moz-border-radius: 8px !important;
    border-radius: 8px !important;
    margin-bottom: 8px;
    padding: 3px 9px 1px 6px;
    font-size: 12px;
    font-family: Arial,"Times New Roman";
    text-transform: uppercase;
    height: 26px;
}

.text_box {
    background: #F9F9F9; /* rgba(206,205,205,0.6); */
    border: 2px solid #666;
    line-height: 2em;
    -webkit-box-shadow: inset -1px 1px 1px rgba(255,255,255,0.65);
    -moz-box-shadow: inset -1px 1px 1px rgba(255,255,255,0.65);
    box-shadow: inset -1px 1px 1px rgba(255,255,255,0.65);
    -webkit-border-radius: 8px !important;
    -moz-border-radius: 8px !important;
    border-radius: 8px !important;
    margin-bottom: 8px;
    padding: 1px 6px;
    font-size: 12px;
    font-family: Arial,"Times New Roman";
    /*text-transform: uppercase;*/
    height: 26px;
}


.text_mail_wuc {
    background: #F9F9F9; /* rgba(206,205,205,0.6); */
    border: 2px solid #666;
    line-height: 2em;
    -webkit-box-shadow: inset -1px 1px 1px rgba(255,255,255,0.65);
    -moz-box-shadow: inset -1px 1px 1px rgba(255,255,255,0.65);
    box-shadow: inset -1px 1px 1px rgba(255,255,255,0.65);
    -webkit-border-radius: 8px !important;
    -moz-border-radius: 8px !important;
    border-radius: 8px !important;
    margin-bottom: 8px;
    padding: 1px 6px;
    font-size: 12px;
    font-family: Arial,"Times New Roman";
    text-transform: lowercase;
    height: 26px;
}

.text_disable_wuc {
    background: #b4b4b4; /* rgba(206,205,205,0.6); */
    border: 2px solid #5c6062;
    line-height: 2em;
    -webkit-box-shadow: inset -1px 1px 1px rgba(255,255,255,0.65);
    -moz-box-shadow: inset -1px 1px 1px rgba(255,255,255,0.65);
    box-shadow: inset -1px 1px 1px rgba(255,255,255,0.65);
    -webkit-border-radius: 8px !important;
    -moz-border-radius: 8px !important;
    border-radius: 8px !important;
    margin-bottom: 8px;
    padding: 1px 6px;
    font-size: 12px;
    font-family: Arial,"Times New Roman";
    height: 26px;
}


.dato_obligatorio{
    color:crimson;
    font-weight:bold;
    font-style:italic;
}

/*#################################################################################################################################### Marcos */

.Padding_izquierdo {
    padding-left:2em;
}

.Padding_arriba {
    padding-top: 3em;
}

.marco_login {
    margin: 2px 0 0 0 0;
    background: rgba(154, 122, 82, 0.55);
    border: 5px solid white;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    padding: 29px;
    float: left;
    width: 280px;
    height: 120px;
}


.marco_box_rojo {
    margin: 2px 0 0 0 0;
    background: #eb5959;
    border: 1px solid #515050;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    -webkit-box-shadow: 5px 5px 5px #555050;
    -moz-box-shadow: 5px 5px 5px #555050;
    box-shadow: 5px 5px 5px #555050;
    padding: 15px;
}

.marco_box_blanco {
    margin: 2px 0 0 0 0;
    background: rgba(254, 254, 255, 0.79);
    border: 1px solid #515050;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    -webkit-box-shadow: 1px 1px 1px #555050;
    -moz-box-shadow: 1px 1px 1px #555050;
    box-shadow: 1px 1px 1px #555050;
    padding: 1px;
}

.fondo_box_blanco {
    margin: 2px 0 0 0 0;
    background: rgba(254, 254, 255, 0.79);
}


.BG_Box_gris_encabezado {
    margin: 2px 0 0 0 0;
    background: rgb(187 192 196 / 0.79);
    border: 1px solid #515050;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
   /* -webkit-box-shadow: 5px 5px 5px #4c5053;
    -moz-box-shadow: 5px 5px 5px #4c5053;
    box-shadow: 5px 5px 5px #4c5053;*/
    padding: 7px;
    font-weight:bold;
    font-size: 1.2em;
    /*color: white;*/
}


.marco_box_azul_seccion {
    margin: 2px 0 0 0 0;
    background: rgba(4, 25, 46, 0.79);
    border: 1px solid #515050;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    -webkit-box-shadow: 5px 5px 5px #4c5053;
    -moz-box-shadow: 5px 5px 5px #4c5053;
    box-shadow: 5px 5px 5px #4c5053;
    padding: 15px;
    color: white;
}

.marco_box_gris_fondo {
    margin: 2px 0 0 0 0;
    background: rgba(183, 197, 211, 0.60);
    border: 1px solid #515050;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    -webkit-box-shadow: 1px 1px 1px #4c5053;
    -moz-box-shadow: 1px 1px 1px #4c5053;
    box-shadow: 1px 1px 1px #4c5053;
    padding: 7px;
    color: black;
}

.marco_box_gris_azul_fondo {
    margin: 2px 0 0 0 0;
    background: rgba(188, 200, 211, 0.60); /*rgba(167, 186, 204, 0.60); */
    border: 1px solid #515050;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    -webkit-box-shadow: 1px 1px 1px #4c5053;
    -moz-box-shadow: 1px 1px 1px #4c5053;
    box-shadow: 1px 1px 1px #4c5053;
    padding: 15px;
    color: black;
}

.marco_box_vacio {
    margin: 2px 0 0 0 0;
    border: 1px;
    padding: 15px;

}

.marco_box_titulo_pral {
    margin: 2px 0 0 0 0;
    background: rgba(154, 122, 82, 0.55);
    border: 2px solid #F9F9F9;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    -webkit-box-shadow: 2px 2px 2px #4c5053;
    -moz-box-shadow: 2px 2px 2px #4c5053;
    box-shadow: 2px 2px 2px #4c5053;
    padding: 15px;
    text-align: center;
    font-size: 2em;
    font-weight: 100;
    color: white;
    text-shadow: 2px 2px 2px rgba(0,0,0,0.75);
}

.marco_box {
    margin: 2px 0 0 0 0;
    background: rgba(154, 122, 82, 0.55);
    border: 1px solid #c19a6b;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    padding: 15px;
}


.marco_laterales {
    border-right-style: solid;
    border-right-width: 1px;
    border-right-color: #c19a6b;
    border-left-color: #c19a6b;
    border-left-style: solid;
    border-left-width: 1px;
}


.marco_box_td {
    margin: 2px 0 0 0 0;
    background: rgba(13, 40, 69, 0.79);
    border: 1px solid white;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    -webkit-box-shadow: 2px 2px 2px #6f7172;
    -moz-box-shadow: 2px 2px 2px #6f7172;
    box-shadow: 2px 2px 2px #6f7172;
    padding: 3px;
    color: white;
    height: 26px;
}

.marco_box_td_vacio {
    margin: 2px 0 0 0 0;
    padding: 5px;
    height: 26px;
}



/*#################################################################################################################################### Botones */
/*
padding-top
padding-right
padding-bottom
padding-left
padding: 50px 30px 50px 80px;
*/

.button_small {
    width: 109px;
    /*text-align: right;*/
    font-weight: bold;
    color: white;
    border-radius: 10px;
    padding: 1px 3px 1px 35px;
    height: 40px;
}

.button_small_x1 {
    width: 119px;
    /*text-align: right;*/
    font-weight: bold;
    color: white;
    border-radius: 10px;
    padding: 1px 3px 1px 35px;
    height: 40px;
}

.button_small_x2 {
    width: 129px;
    /*text-align: right;*/
    font-weight: bold;
    color: white;
    border-radius: 10px;
    padding: 1px 3px 1px 35px;
    height: 40px;
}

.button_medium {
    width: 149px;
    /*text-align: right;*/
    font-weight: bold;
    color: white;
    border-radius: 10px;
    padding: 1px 3px 1px 35px;
    height: 40px;
}

.button_medium_x1 {
    width: 159px;
    /*text-align: right;*/
    font-weight: bold;
    color: white;
    border-radius: 10px;
    padding: 1px 3px 1px 35px;
    height: 40px;
}

.button_medium_x2 {
    width: 169px;
    /*text-align: right;*/
    font-weight: bold;
    color: white;
    border-radius: 10px;
    padding: 1px 3px 1px 35px;
    height: 40px;
}

.button_large {
    width: 189px;
    /*text-align: right;*/
    font-weight: bold;
    color: white;
    border-radius: 10px;
    padding: 1px 3px 1px 35px;
    height: 40px;
}

.button_large_x1 {
    width: 195px;
    /*text-align: right;*/
    font-weight: bold;
    color: white;
    border-radius: 10px;
    padding: 1px 3px 1px 35px;
    height: 40px;
}
.button_large_280 {
    width: 280px;
    /*text-align: right;*/
    font-weight: bold;
    color: white;
    border-radius: 10px;
    padding: 1px 3px 1px 35px;
    height: 40px;
}


.icon_login {
    background: url('../images/img_icon/small_button_login_normal.png');
}

    .icon_login:hover {
        background: url('../images/img_icon/small_button_login_hover.png');
    }

    .icon_login:active {
        background: url('../images/img_icon/small_button_login_active.png');
    }


.icon_logout {
    background: url('../images/img_icon/small_button_logout_normal.png');
}

    .icon_logout:hover {
        background: url('../images/img_icon/small_button_logout_hover.png');
    }

    .icon_logout:active {
        background: url('../images/img_icon/small_button_logout_active.png');
    }



.icon_agregar_per {
    background: url('../images/img_icon/small_button_agregar_per_normal.png');
}

    .icon_agregar_per:hover {
        background: url('../images/img_icon/small_button_agregar_per_hover.png');
    }

    .icon_agregar_per:active {
        background: url('../images/img_icon/small_button_agregar_per_active.png');
    }


.icon_buscar {
    background: url('../images/img_icon/small_button_buscar_normal.png');
}

    .icon_buscar:hover {
        background: url('../images/img_icon/small_button_buscar_hover.png');
    }

    .icon_buscar:active {
        background: url('../images/img_icon/small_button_buscar_active.png');
    }

.icon_back {
    background: url('../images/img_icon/small_button_back_normal.png');
}

    .icon_back:hover {
        background: url('../images/img_icon/small_button_back_hover.png');
        
    }

    .icon_back:active {
        background: url('../images/img_icon/small_button_back_active.png');
    }



.icon_guardar {
    background: url('../images/img_icon/small_button_guardar_normal.png');
}

    .icon_guardar:hover {
        background: url('../images/img_icon/small_button_guardar_hover.png');
    }

    .icon_guardar:active {
        background: url('../images/img_icon/small_button_guardar_active.png');
    }

.icon_cancelar {
    background: url('../images/img_icon/small_button_cancelar_normal.png');
}

    .icon_cancelar:hover {
        background: url('../images/img_icon/small_button_cancelar_hover.png');
    }

    .icon_cancelar:active {
        background: url('../images/img_icon/small_button_cancelar_active.png');
    }

.icon_editar {
    background: url('../images/img_icon/small_button_editar_normal.png');
}

    .icon_editar:hover {
        background: url('../images/img_icon/small_button_editar_hover.png');
    }

    .icon_editar:active {
        background: url('../images/img_icon/small_button_editar_active.png');
    }

.icon_editar_cancelar {
    background: url('../images/img_icon/small_button_editar_cancelar_normal.png');
}

    .icon_editar_cancelar:hover {
        background: url('../images/img_icon/small_button_editar_cancelar_hover.png');
    }

    .icon_editar_cancelar:active {
        background: url('../images/img_icon/small_button_editar_cancelar_active.png');
    }

.icon_impresora {
    background: url('../images/img_icon/small_button_impresora_normal.png');
}


    .icon_impresora:hover {
        background: url('../images/img_icon/small_button_impresora_hover.png');
    }

    .icon_impresora:active {
        background: url('../images/img_icon/small_button_impresora_active.png');
    }

.icon_impresora2 {
    background: url(../images/img_icon/Big_button_impresora_normal.png);
}
    .icon_impresora2:hover {
    background: url(../images/img_icon/Big_button_impresora_hover.png);
    }
    .icon_impresora2:active {
    background: url(../images/img_icon/Big_button_impresora_active.png);
    }


.icon_finalizar {
    background: url('../images/img_icon/small_button_finalizar_normal.png');
}

    .icon_finalizar:hover {
        background: url('../images/img_icon/small_button_finalizar_hover.png');
    }

    .icon_finalizar:active {
        background: url('../images/img_icon/small_button_finalizar_active.png');
    }

.icon_elimina
{
    background : url(../images/img_icon/small_button_eliminar_normal.png);
}
.icon_elimina:hover 
{ 
   background :url(../images/img_icon/small_button_eliminar_hover.png);
}
.icon_elimina:active
{
    background :url(../images/img_icon/small_button_eliminar_active.png);
}
.icon_folder_documento {
    background: url('../images/img_icon/small_button_folder_documento_normal.png');
}

    .icon_folder_documento:hover {
        background: url('../images/img_icon/small_button_folder_documento_hover.png');
    }

    .icon_folder_documento:active {
        background: url('../images/img_icon/small_button_folder_documento_active.png');
    }


.icon_actualizar {
    background: url('../images/img_icon/small_button_actualizar_normal.png');
}

    .icon_actualizar:hover {
        background: url('../images/img_icon/small_button_actualizar_hover.png');
    }

    .icon_actualizar:active {
        background: url('../images/img_icon/small_button_actualizar_active.png');
    }


.icon_agregar {
    background: url('../images/img_icon/small_button_agregar_normal.png');
}

    .icon_agregar:hover {
        background: url('../images/img_icon/small_button_agregar_hover.png');
    }

    .icon_agregar:active {
        background: url('../images/img_icon/small_button_agregar_active.png');
    }


.icon_listado_editar {
    background: url('../images/img_icon/small_button_listado_editar_normal.png');
}

    .icon_listado_editar:hover {
        background: url('../images/img_icon/small_button_listado_editar_hover.png');
    }

    .icon_listado_editar:active {
        background: url('../images/img_icon/small_button_listado_editar_active.png');
    }
        

.icon_eliminar {
    background: url('../images/img_icon/small_button_eliminar_normal.png');
}

    .icon_eliminar:hover {
        background: url('../images/img_icon/small_button_eliminar_hover.png');
    }

    .icon_eliminar:active {
        background: url('../images/img_icon/small_button_eliminar_active.png');
    }


.icon_si {
    background: url('../images/img_icon/small_button_si_normal.png');
}

    .icon_si:hover {
        background: url('../images/img_icon/small_button_si_hover.png');
    }

    .icon_si:active {
        background: url('../images/img_icon/small_button_si_active.png');
    }

.icon_no {
    background: url('../images/img_icon/small_button_no_normal.png');
}

    .icon_no:hover {
        background: url('../images/img_icon/small_button_no_hover.png');
    }

    .icon_no:active {
        background: url('../images/img_icon/small_button_no_active.png');
    }

.icon_nuevo {
    background: url('../images/img_icon/small_button_nuevo_normal.png');
}

    .icon_nuevo:hover {
        background: url('../images/img_icon/small_button_nuevo_hover.png');
    }

    .icon_nuevo:active {
        background: url('../images/img_icon/small_button_nuevo_active.png');
    }

.icon_enviar_mail {
    background: url('../images/img_icon/small_button_mail_send_normal.png');
}

    .icon_enviar_mail:hover {
        background: url('../images/img_icon/small_button_mail_send_hover.png');
    }

    .icon_enviar_mail:active {
        background: url('../images/img_icon/small_button_mail_send_active.png');
    }

.icon_excel {
    background: url('../images/img_icon/small_button_excel_normal.png');
}

    .icon_excel:hover {
        background: url('../images/img_icon/small_button_excel_hover.png');
    }

    .icon_excel:active {
        background: url('../images/img_icon/small_button_excel.png');
    }

.icon_activar
{
    background:url(../images/img_icon/small_button_si_normal.png);
}
.icon_activar:hover 
{
    background:url(../images/img_icon/small_button_si_hover.png);
}
    .icon_activar:active 
    { 
        background :url("../images/img_icon/small_button_si_active.png");
    }
/*####################################################################################################################################  */