.campo_obligatorio {
    font-size: 1em;
    font-style: italic;
    color: crimson;
}

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

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

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


/*#################################################################################################################################### TITULO */
.TEXTO_importante {
    color: crimson;
    font-style: oblique;
    font-size: 12pt;
    font-weight: bold;
}

.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/kuser2.png');
    width: 32px;
    height: 22px;
    padding-top: 10px;
}

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

.escudo_mf {
    background: url('../images/LogoOficial_3.png');
    width: 110px;
    height: 90px;
}

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

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



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


.banner {
    /*position: relative;*/
    padding: 4.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;
    }


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

.text_center {
    text-align: center;
}

.text_left {
    text-align: left;
}

.text_right {
    text-align: right;
}

.text_justify {
    text-align: justify;
}

.align_vertical_top {
    vertical-align: top;
}

.align_vertical_middle {
    vertical-align:middle;
}
.text_negrita {
    font-weight: bold;
}

.text_negrita_red {
    font-weight: bold;
    color: brown;
}
.text_importante {
    font-weight: bold;
    color: firebrick;
}
/*#################################################################################################################################### ANCHO Y ALTO (TABLAS, DIV, ETC.) */

.space_07px {
    height: 7px;
}
.space_10px {
    height: 10px;
}
.space_20px {
    height: 20px;
}
.space_30px {
    height: 30px;
}
.space {
    height: 30px;
}


.alto-porc-100 {
    width: 100%;
}

.ancho-porc-100 {
    width: 100%;
}

.ancho-porc-90 {
    width: 90%;
}

.ancho-porc-80 {
    width: 80%;
}

.ancho-porc-70 {
    width: 70%;
}

.ancho-porc-60 {
    width: 60%;
}

.ancho-porc-50 {
    width: 50%;
}

.ancho-porc-40 {
    width: 40%;
}

.ancho-porc-30 {
    width: 30%;
}

.ancho-porc-20 {
    width: 20%;
}

.ancho-porc-10 {
    width: 10%;
}

.ancho-porc-5 {
    width: 5%;
}

/*.renglon {
    display: block;
    width: 1200px;
}


.float_left {
    float: left;
}

.float_right {
    float: right;
}

.display_block {
    display: block;
}

.vertical_aling_top{
vertical-align:top;
}

.w_ancho_wuc {
    display: block;
    margin: 0 auto !important;
    width: 1100px;
    border-width: 0px 3px 0px;
    border-bottom-style: solid;
    border-color: white;
}*/

.centrado {
 
    margin-left: auto;
    margin-right: auto;
}
.w1190px {
    width: 1190px;
}

.w1000px {
    width: 1000px;
}

.w900px {
    width: 900px;
}

.w870px {
    width: 870px;
}

.w800px {
    width: 800px;
}

.w750px {
    width: 750px;
}

.w700px {
    width: 700px;
}

.w600px {
    width: 600px;
}

.w550px {
    width: 550px;
}

.w500px {
    width: 500px;
}

.w450px {
    width: 450px;
}

.w400px {
    width: 400px;
}

.w350px {
    width: 350px;
}

.w300px {
    width: 300px;
}

.w260px {
    width: 260px;
}

.w250px {
    width: 250px;
}

.w230px {
    width: 230px;
}

.w220px {
    width: 220px;
}

.w200px {
    width: 200px;
}

.w180px {
    width: 180px;
}

.w160px {
    width: 160px;
}

.w150px {
    width: 150px;
}

.w120px {
    width: 120px;
}

.w100px {
    width: 100px;
}

.w50px {
    width: 50px;
}

.w20px {
    width: 20px;
}

.w10px {
    width: 10px;
}

.w5px {
    width: 5px;
}

.w100_porciento {
    width: 100%;
}



.h100_porciento {
    height: 100%;
}

.h800px {
    height: 800px;
}
.h750px {
    height: 750px;
}

.h600px {
    height: 600px;
}
.h650px {
    height: 660px;
}

.h550px {
    height: 550px;
}

.h500px {
    height: 500px;
}


.h200px {
    height: 200px;
}
.h300px {
    height: 300px;
}
.h040px {
    height: 40px;
}
.h180px {
    height: 180px;
}

.h150px {
    height: 150px;
}

.h100px {
    height: 100px;
}

.h60px {
    height: 60px;
}

.h50px {
    height: 50px;
}

.h35px {
    height: 35px;
}

.h26px {
    height: 26px;
}

.h25px {
    height: 25px;
}

.h5px {
    height: 5px;
}

.h2px {
    height: 2px;
}

/*#################################################################################################################################### 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;*/
    }

.text_box_radios {
    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;*/
}

.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: #808080; /* rgba(206,205,205,0.6); */
    border: 2px solid #272e31;
    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;
}


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


.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);*/
    background: #f7f5f5;
    border: 1px ridge #f8f5f5;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    -webkit-box-shadow: 5px 5px 5px #f6f3f3;
    -moz-box-shadow: 5px 5px 5px #f6f3f3;
    box-shadow: 5px 5px 5px #f6f3f3;
    padding: 15px;
}

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


.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(122, 141, 160, 0.60);
    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: black;
}

.marco_box_amarillo_claro {
    margin: 2px 0 0 0 0;
    background: rgba(238, 228, 118, 0.55);
    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: black;
}

.marco_box_azul_claro {
    margin: 2px 0 0 0 0;
    background: rgba(183, 240, 254, 0.55);
    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: 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: 5px 5px 5px #4c5053;
    -moz-box-shadow: 5px 5px 5px #4c5053;
    box-shadow: 5px 5px 5px #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_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;
}


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

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

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


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

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

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



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

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

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


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

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

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

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

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

    .icon_back:active {
        background: url('../images/img_icon/mini_button_back_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_guardar {
    background: url('../images/img_icon/mini_button_guardar_normal.png');
}

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

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

.icon_upload {
    background: url('../images/img_icon/mini_button_upload_normal.png');
}

    .icon_upload:hover {
        background: url('../images/img_icon/mini_button_upload_hover.png');
    }

    .icon_upload:active {
        background: url('../images/img_icon/mini_button_upload_active.png');
    }

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

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

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

.icon_download {
    background: url('../images/img_icon/mini_button_download_normal.png');
}

    .icon_download:hover {
        background: url('../images/img_icon/mini_button_download_hover.png');
    }

    .icon_download:active {
        background: url('../images/img_icon/mini_button_download_active.png');
    }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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


.TEXTO_borde_redondo {
    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: 35px;
}



/*####################################################################################################################################  */