/*
Colores disponibles:

@000000; (negro)
@272727; (negro panel notificaciones)
@FFFFFF; (blanco)

@00B74F; (verde oscuro / secciones principales, titulos)
@DDF4C5; (verde casi blanco / foco campos editables)
@4BA205; (verde medio)
@AACE95; (verde suave / div_detail)
@77B357; (verde oscuro intenso / Botones, opcion de menu normal)
@AEE071; (verde muy suave / links sobre fondo oscuro / opcion de menu resaltada)
@35911B; (verde claro / Enlances, links sobre fondo claro)
@93BD7E; (Verde oscuro / Bordes, contornos)

@333333; (Gris casi negro)
@697680; (Gris banner)
@D3D3D3; (Gris claro)
@EFEFEF; (Gris muy claro)
@F5F4F2; (Gris background).dateContainer


FONTS
*/
:root {
    /*colores*/
    --color-blanco: #ffffff;
    --color-negro: #000000;
    --color-pink: #672244;
    --color-green: #009900;
    --color-yellow: #7d6320;
    --color-cyan: #0f6f7d;
    --color-blue: #004a80;
    --color-red: #bb0000;
    --color-dark-gray: #35363a;
    --color-light-gray: #a1a3a7;
    --color-light-blue: #bccce1;
    /*colores sistema*/
    --color-main: var(--color-grass);
    --color-neutro: var(--color-dark-gray);
    --color-neutro-claro: var(--color-light-gray);
    --color-error: var(--color-red);
    --color-disabled: silver;
    /*colores fondos*/
    --bg-main: #00B74F33;
    --bg-error: #88000066;
    --bg-light: #f3f3f3;
    /*bordes*/
    --border-main: 1px solid var(--color-neutro);
    --border-fino-oscuro: .5px solid var(--color-neutro);
    --border-fino-claro: .5px solid var(--color-light-gray);
    --border-fino-blanco: .5px solid var(--color-blanco);
    --border-radius-min: 3px;
    --border-radius-max: 6px;
    /*definidas*/
    --height-controles: 32px;
    --height-controles-min: 24px;
    --height-controles-max: 40px;
    --padding-controles: 0 10px;
    --margin-controles: 0 1px;
    --color-grass: #000000;
}

::selection {
    background-color: var(--color-main);
    color: var(--color-blanco);
}

@font-face {
    font-family: 'Corporate S light';
    src: url('fonts/CorporateS-Light.woff2') format('woff2'), url('fonts/CorporateS-Light.woff') format('woff');
    font-weight: 300;
    font-style: normal;
}

@font-face {
    font-family: 'Corporate S';
    src: url('fonts/CorporateS-Bold.woff2') format('woff2'), url('fonts/CorporateS-Bold.woff') format('woff');
    font-weight: bold;
    font-style: normal;
}

@font-face {
    font-family: 'Corporate S';
    src: url('fonts/CorporateS-Regular.woff2') format('woff2'), url('fonts/CorporateS-Regular.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Corporate S demi';
    src: url('fonts/CorporateS-Demi.woff2') format('woff2'), url('fonts/CorporateS-Demi.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Corporate S extra';
    src: url('fonts/CorporateS-ExtraBold.woff2') format('woff2'), url('fonts/CorporateS-ExtraBold.woff') format('woff');
    font-weight: 800;
    font-style: normal;
}



* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    outline: none !important;
}

#image_background {
    display: block;
}

.div_header {
    border-bottom: .5px solid black;
}

.div_filtros {
    padding: 10px;
    background-color: whitesmoke;
    border-bottom: .5px solid silver;
    position: relative;
}

    .div_filtros > div {
        margin-right: 8px;
        margin-bottom: 8px;
    }

        .div_filtros > div > span:first-child {
            color: var(--color-neutro);
            font-size: .8em;
        }

        .div_filtros > div.buttons {
            margin: 0;
            position: absolute;
            right: 10px;
            bottom: 10px;
            height: 34px;
        }

.div_background {
    width: 100%;
    height: 100%;
}

.image_background {
    width: 100%;
    height: 100%;
    text-align: center;
    position: fixed;
    top: 0;
    left: 0;
    z-index: -1;
}

a:-webkit-any-link {
    color: #000000
}

html, body, li, ul, h1, h2, h3, h4, h5 {
    margin: 0;
    padding: 0;
}

html {
    padding-bottom: 100px
}

h1 {
    text-align: left;
    padding-bottom: 7px;
    font-size: 1.5em;
    line-height: 1.2em;
    font-weight: bold;
}

h2 {
    padding-bottom: 7px;
    font-size: 1.4em;
    font-weight: bold;
}

hr {
    border: solid 1px #000000;
}

.logo {
    width: 170px;
    height: 30px;
}

body {
    font-size: 73%;
    font-family: 'Corporate S';
    text-align: center;
    color: #000000;
    /*background-color: #ffffff;*/
    height: 100%;
    vertical-align: middle;
    font-weight: 300;
    font-size: 15px;
}

.div_wallpaper {
    width: 100%;
    height: 100%;
    background-repeat: no-repeat;
    background-attachment: fixed;
    background-position: center;
    background-color: #ffffff; /*#CADCAF;*/
}

.image_wallpaper {
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    left: 0;
    z-index: -1;
}

#container {
    min-height: 100vh;
    text-align: left;
    margin-top: 0;
    margin-right: auto;
    margin-bottom: 0;
    margin-left: auto;
    padding: 0;
    padding-top: 0px;
    border-top-color: #000000;
    border-top-style: solid;
    border-top-width: 0px;
    border-left-color: #000000;
    border-left-style: solid;
    border-left-width: 0px;
    border-right-color: #000000;
    border-right-style: solid;
    border-right-width: 0px;
    width: 100%;
    position: relative;
}

.SeccBanner {
    position: relative;
    padding-top: 3px;
    padding-left: 3px;
    padding-bottom: 3px;
    /*border-bottom: solid 4px #000000;*/
    background-color: Transparent; /*#BDBDBD; /*Transparent;*/
    height: 35px;
    margin-bottom: 5px;
}

.div_login {
    text-align: right;
    color: white;
    z-index: 10;
    border: none;
    padding-left: 65px;
    font-size: 10px;
}

    .div_login span {
        margin-right: 5px;
    }

    .div_login a {
        color: #000000;
        text-decoration: none;
        margin-left: 5px;
    }

        .div_login a:hover {
            text-decoration: underline;
        }

.LogotipoEntidad {
    display: none;
}

.SeccLogout {
    border-top: 2px solid #e3e3e3;
    border-bottom: 1px solid #e3e3e3;
    width: 100%;
    height: 25px;
    text-align: left;
    vertical-align: middle;
    background-image: url(images/th.gif);
    background-repeat: repeat-x;
}

    .SeccLogout a {
        text-decoration: none;
        color: #93BD7E;
    }

        .SeccLogout a:hover {
            text-decoration: underline;
        }

    .SeccLogout #div_titulo {
        font-size: 0.7em;
        font-weight: normal;
        color: #000000;
        padding-left: 3em;
        margin-top: 3px;
        margin-bottom: 3px;
        background-image: url(images/title.gif);
        background-repeat: no-repeat;
        background-position: 0.7em 0.5em;
    }

.SeccMenuBar {
    border-bottom: 1px solid #e3e3e3;
    padding: 0;
    margin: 0;
}

.SeccActividadActual .DivActividad {
    font-family: 'Corporate S';
    font-weight: normal;
    vertical-align: middle;
    padding-top: 0.5em;
    padding-bottom: 0.5em;
    padding-left: 3em;
    color: #ffffff;
    background-color: #272727;
}

.SeccHideMenu {
    width: 100%;
    height: 0;
    background-color: #000000;
    border-style: none;
}

.SeccUserPanel {
    height: 1.0em;
    background-color: #FFFFFF;
    border-style: none;
    outline: 0;
}

    .SeccUserPanel #DivDesplegableUsuario {
        height: 100%;
        border: #E3E3E3 solid 0px;
        background-color: #efefef;
        padding: 0;
    }

    .SeccUserPanel .IfrDesplegableUsuario {
        width: 100%;
        height: 100%;
        border-style: none;
        text-align: center;
        overflow: hidden;
    }

.SeccProgramTitle {
    width: 100%;
    background-color: #FFFFFF;
}

.medio_core_areatrabajo_programa {
    display: none;
    float: left;
    clear: both;
    background-color: #000000;
    padding-top: 0.5em;
    padding-bottom: 0.5em;
    border-top-width: 0.3em;
    border-top-style: solid;
    border-top-color: #FFFFFF;
    width: 100%;
    border-right-width: 0.1em;
    border-bottom-width: 0.1em;
    border-left-width: 0.2em;
    border-right-style: solid;
    border-bottom-style: solid;
    border-left-style: solid;
    border-right-color: #FFFFFF;
    border-bottom-color: #FFFFFF;
    border-left-color: #FFFFFF;
}

.medio_core_areatrabajo_trabajo {
    float: left;
    clear: both;
    width: 100%;
    margin-top: 0.5em;
}

.medio_core_areatrabajo_separador {
    width: 100%;
    text-align: center;
    background-image: url(images/th.gif);
    background-repeat: repeat-x;
    padding-top: 1em;
    margin-top: 0.8em;
}

.medio_core_areatrabajo_programas {
    width: 90%;
    text-align: left;
    float: left;
    margin-left: 3.5em;
    margin-bottom: 1em;
    background-color: #FFFFFF;
}



.SeccMainProgram {
    width: 90%;
    position: relative;
    left: 0%;
    padding-left: 5%;
    /*background-color: rgba(255, 255, 255, 0.70); /* BLANCO + transparente al 70% */
    /*background-color: #EFF8E2; rgba(255, 255, 255, 0.67);*/
    /*padding-top: 50px;*/
}



.medio_core_areatrabajo {
    /*width: 80%!important;*/
    padding-bottom: 6em;
    padding-top: 7em;
    margin-left: 0;
    margin-right: auto;
    min-height: 65vh;
}

.SeccEndBar {
    width: 100%;
    height: 2.1em;
    background-color: #ffffff;
}

.SeccAbout {
    background-color: #000000;
    color: gray;
    vertical-align: bottom;
    text-align: left;
    position: fixed;
    bottom: 0;
    width: 100%;
}

.abajo_core_copyright {
    margin-top: 5px;
    margin-left: 5px;
    font-size: smaller;
}

#navbar {
    font-family: 'Corporate S';
    background-color: #333;
    z-index: 900;
    position: relative;
    top: 0;
}

ul.dropdown, ul.dropdown li, ul.dropdown ul {
    list-style: none;
    list-style-type: none;
    margin: 0;
    padding: 0;
}

ul.dropdown {
    position: relative;
    z-index: 897;
    float: left;
}

    ul.dropdown li {
        list-style: none;
        list-style-type: none;
        float: left;
        line-height: 1.3em;
        vertical-align: middle;
    }

        ul.dropdown li.hover, ul.dropdown li:hover {
            position: relative;
            z-index: 899;
            cursor: default;
        }

    ul.dropdown ul {
        display: none;
        position: absolute;
        top: 100%;
        left: 0;
        z-index: 898;
        width: 100%;
    }

        ul.dropdown ul li {
            float: left;
        }

        ul.dropdown ul ul {
            top: 1px;
            left: 99%;
        }

    ul.dropdown li:hover > ul {
        display: block;
    }

    ul.dropdown li {
        padding: 0;
    }

    ul.dropdown *.dir {
        padding-right: 30px;
        background-image: none;
        background-position: 100% 50%;
        background-repeat: no-repeat;
    }

    ul.dropdown ul *.dir {
        padding-right: 15px;
        background-image: url(menu/nav-arrow-right.png);
        background-position: 100% 50%;
        background-repeat: no-repeat;
    }

    ul.dropdown ul ul *.dir {
        background-image: url(menu/nav-arrow-right2.png);
    }

ul.dropdown-vertical *.dir {
    background-image: url(menu/nav-arrow-right.png);
}

ul.dropdown-vertical-rtl *.dir {
    padding-right: 15px;
    background-image: url(menu/nav-arrow-left.png);
    background-position: 0 50%;
}

ul.dropdown {
    z-index: 900;
    position: relative;
    top: 0;
}

    ul.dropdown li {
        background-color: #333;
        color: #fff;
    }

    ul.dropdown a:link, ul.dropdown a:visited {
        color: #fff;
        text-decoration: none;
    }

    ul.dropdown a:hover {
        border-top-color: #D3D3D3 !important;
        border-left-color: #D3D3D3;
        background-color: #595959;
        color: #fff;
    }

    ul.dropdown ul a.dir:hover {
        background-color: #595959;
        background-image: url(menu/comnav-arrowon.png);
        color: #fff;
    }

    ul.dropdown a:active {
        background: #000000;
        color: #fff;
    }

    ul.dropdown ul {
        left: auto;
        right: 0;
        width: 150px;
        margin-top: -1px;
        border-top: 1px solid #1a1a1a;
        border-left: 1px solid #4c4c4c;
    }

        ul.dropdown ul li {
            background-color: #3a3a3a;
        }

        ul.dropdown ul ul {
            top: 0;
            right: auto;
            left: 100%;
            margin-top: 0;
            border-top: none;
            border-left: none;
            font-weight: normal;
        }

            ul.dropdown ul ul li {
                background-color: #4c4c4c;
            }

            ul.dropdown ul ul ul li {
                background-color: #595959;
            }

    ul.dropdown li a, ul.dropdown *.dir {
        border-style: solid;
        border-width: 1px;
        border-color: #404040 #1a1a1a #1a1a1a #505050;
    }

    ul.dropdown ul li a, ul.dropdown ul *.dir {
        border-color: #4a4a4a #242424 #242424;
        border-left: none;
    }

    ul.dropdown ul ul li a, ul.dropdown ul ul *.dir {
        border-color: #595959 #333 #333;
    }

    ul.dropdown ul ul ul li a, ul.dropdown ul ul ul *.dir {
        border-color: #767676 #404040 #404040;
    }

    ul.dropdown a, ul.dropdown span {
        display: block;
        padding: 5px 30px;
    }

    ul.dropdown li {
        padding: 0;
    }

    ul.dropdown ul a, ul.dropdown ul span {
        padding: 8px;
    }

    ul.dropdown *.dir {
        padding: 5px 30px;
    }

    ul.dropdown ul *.dir {
        padding: 8px 30px 8px 8px;
    }

    ul.dropdown ul a {
        width: 133px;
    }

        ul.dropdown ul a.dir {
            width: 111px;
        }

    ul.dropdown *.open {
        background-color: #3d3d3d;
    }

    ul.dropdown ul *.open {
        background-color: #4c4c4c;
        background-image: url(menu/comnav-arrowover.png);
        color: #fff;
    }

    ul.dropdown ul ul *.open {
        background-color: #595959;
        background-image: url(menu/comnav-arrowover2.png);
        color: #fff;
    }

    ul.dropdown a.open:hover {
        background-color: #595959;
        color: #fff;
    }

    ul.dropdown ul a.open:hover {
        background-image: url(menu/comnav-arrowon.png);
        color: #fff;
    }

.clear {
    clear: both;
    height: 0;
    line-height: 0;
}

.clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

* html .clearfix {
    height: 1%;
}

.clearfix {
    display: block;
}

.clearfix {
    height: 1%;
}

.clearfix {
    display: block;
}

.tab {
    background: url(slide/tab_b.png) repeat-x 0 0;
    height: 42px;
    position: relative;
    top: 0;
    z-index: 800;
    font-family: 'Corporate S';
}

    .tab ul.login {
        display: block;
        position: relative;
        float: right;
        clear: right;
        height: 42px;
        width: auto;
        font-weight: bold;
        line-height: 42px;
        margin: 0;
        right: 25px;
        color: #93BD7E;
        text-align: center;
    }

        .tab ul.login li.left {
            background: url(slide/tab_l.png) no-repeat left 0;
            height: 42px;
            width: 30px;
            padding: 0;
            margin: 0;
            display: block;
            float: left;
        }

        .tab ul.login li.right {
            background: url(slide/tab_r.png) no-repeat left 0;
            height: 42px;
            width: 30px;
            padding: 0;
            margin: 0;
            display: block;
            float: left;
        }

        .tab ul.login li {
            text-align: left;
            padding: 0 6px;
            display: block;
            float: left;
            height: 42px;
            background: url(slide/tab_m.png) repeat-x 0 0;
        }

            .tab ul.login li a {
                color: #93BD7E;
                text-decoration: none;
            }

                .tab ul.login li a:hover {
                    color: #93BD7E;
                }

    .tab .sep {
        color: #414141;
    }

    .tab a.open, .tab a.close {
        height: 20px;
        line-height: 20px !important;
        padding-left: 30px !important;
        cursor: pointer;
        display: block;
        width: 100px;
        position: relative;
        top: 11px;
    }

    .tab a.logout {
        height: 20px;
        line-height: 20px !important;
        padding-left: 5px !important;
        cursor: pointer;
        display: block;
        width: 20px;
        position: relative;
        top: 11px;
        outline: 0;
    }

    .tab a.open {
        background: url(slide/bt_open.png) no-repeat left 0;
    }

    .tab a.close {
        background: url(slide/bt_close.png) no-repeat left 0;
    }

    .tab a.logout {
        background: url(slide/logout.png) no-repeat left 0;
    }

    .tab a:hover.open {
        background: url(slide/bt_open.png) no-repeat left -19px;
    }

    .tab a:hover.close {
        background: url(slide/bt_close.png) no-repeat left -19px;
    }

    .tab a:hover.logout {
        background: url(slide/logout.png) no-repeat left -19px;
    }

#toppanel {
    position: relative;
    top: 0;
    width: 100%;
    z-index: 800;
    text-align: center;
    margin-left: auto;
    margin-right: auto;
}

#panel {
    width: 100%;
    height: 270px;
    color: #999999;
    background: #efefef;
    overflow: hidden;
    position: relative;
    z-index: 3;
    display: none;
}

    #panel p {
        margin: 5px 0;
        padding: 0;
    }

    #panel a {
        text-decoration: none;
        color: #15ADFF;
    }

        #panel a:hover {
            color: white;
        }

    #panel a-lost-pwd {
        display: block;
        float: left;
    }

    #panel .content {
        width: 960px;
        margin: 0 auto;
        padding-top: 15px;
        text-align: left;
        font-size: 0.85em;
    }

        #panel .content .left {
            width: 280px;
            float: left;
            padding: 0 15px;
            border-left: 1px solid #333;
        }

        #panel .content .right {
            border-right: 1px solid #333;
        }

        #panel .content form {
            margin: 0 0 10px 0;
        }

        #panel .content label {
            float: left;
            padding-top: 8px;
            clear: both;
            width: 280px;
            display: block;
        }

        #panel .content input.field {
            border: #1A1A1A solid 1px;
            background: #414141;
            margin-right: 5px;
            margin-top: 4px;
            width: 200px;
            color: white;
            height: 16px;
        }

        #panel .content input:focus.field {
            background: #E8E8E8;
            border: solid 1px #000000;
        }

        #panel .content input.bt_login, #panel .content input.bt_register {
            display: block;
            float: left;
            clear: left;
            height: 24px;
            text-align: center;
            cursor: pointer;
            border: none;
            font-weight: bold;
            margin: 10px 0;
        }

        #panel .content input.bt_login {
            width: 74px;
            background: transparent url(slide/bt_login.png) no-repeat 0 0;
        }

        #panel .content input.bt_register {
            width: 94px;
            color: white;
            background: transparent url(slide/bt_register.png) no-repeat 0 0;
        }

    #panel .lost-pwd {
        display: block;
        float: left;
        clear: right;
        padding: 15px 5px 0;
        font-size: 0.95em;
        text-decoration: underline;
    }

.coremsg_screen_title {
    padding-top: 5px;
    padding-bottom: 5px;
    padding-right: 5px;
    padding-left: 10px;
    text-align: left;
    color: #000000;
    font-weight: bold;
    font-size: 1.4em;
}

.coremsg_screen_text {
    color: #000000;
}

.login_screen_title {
    padding-top: 3px;
    padding-bottom: 3px;
    padding-right: 5px;
    padding-left: 3px;
    text-align: left;
    background-color: #93BD7E;
    color: #FFFFFF;
    font-weight: bold;
}

.login_screen_div {
    border-color: #93BD7E;
    border-width: 1px;
    border-style: solid;
    background-color: #EFEFEF;
}

.user_menu {
    border-style: solid;
    border-color: #93BD7E;
    border-width: 3px;
}

.user_menu_level1 {
    padding-top: 0.5em;
    margin-right: 1em;
    padding-left: 0;
    color: #000000;
    text-decoration: none;
    font-size: 1.1em;
    letter-spacing: 0.05em;
    font-weight: bold;
}

    .user_menu_level1:hover {
        text-decoration: none;
    }

.user_menu_level2 {
    padding-left: 0.2em;
    color: #000000;
    text-decoration: none;
    font-size: 1em;
    letter-spacing: 0.1em;
    font-weight: normal;
}

    .user_menu_level2:hover {
        text-decoration: underline;
    }

.div_list_menu {
    /*padding: 5px;
	background-color: #BDBDBD;
	border: solid 1px #333;
	margin-bottom: 3px;*/
}

    .div_list_menu input:hover {
        background-color: #EFF8E2;
        outline: 1px solid #93BD7E;
    }
/*
.div_list
{
	padding: 7px;
	background: #ffffff;
	border-top: 10px solid #000000;
	outline: 1px solid #333;
}*/


.grid_list_panel {
    border-top: solid 4px #000000;
    border-right: solid 1px #A4DB5C;
    border-left: solid 1px #A4DB5C;
    border-bottom: solid 1px #A4DB5C;
    background-color: #ffffff;
}

.grid_list {
    width: 100%;
    background-color: transparent;
    margin-bottom: 5px;
    border: none;
    background-color: white;
}

    .grid_list tr, .grid_list td, .grid_list th {
        border: 0;
    }

.grid_list_head {
    background-color: #93BD7E;
    color: #ffffff;
    height: 40px;
    border: .5px solid black !important;
}

    .grid_list_head th {
        text-align: left;
        padding: 5px 10px;
    }

    .grid_list_head a {
        color: #ffffff;
        text-align: left;
        text-decoration: none;
        margin-right: 3px;
    }

        .grid_list_head a:hover {
            text-decoration: none;
        }
/*
.grid_list_row
{
	background-color: #FFFFFF;
	height: 30px;
}
*/
.grid_list_row, .grid_list_alternate_row {
    background-color: transparent;
    border-bottom: .5px solid silver !important;
    border-top: none;
    transition: all .3s;
}

.texto-derecha-alineado {
    text-align: right !important;
}

    .grid_list_row:hover {
        background-color: #eee;
    }
    /*
.grid_list_row td
{
	padding-left: 5px;
} 
.grid_list_alternate_row
{
	background-color: #D9EBC3;
	height: 30px;
}*/
    .grid_list_alternate_row:hover {
        background-color: #eee;
    }
/*.grid_list_alternate_row td
{
	padding-left: 5px;
}
.grid_list_enabled_row
{
	background-color: #BDBDBD;
	height: 30px;
}*/
.grid_list_enabled_row:hover {
}
/*
.grid_list_enabled_row td
{
	padding-left: 5px;
}*/

.grid_list_disabled_row {
    background-color: #e3e3e3;
    height: 30px;
}

    .grid_list_disabled_row:hover {
    }

    .grid_list_disabled_row td {
        padding-left: 5px;
    }

.grid_list_special_row {
    border: gray solid 4px;
}

    .grid_list_special_row:hover {
        background-color: #67D358;
    }

    .grid_list_special_row td {
        padding-left: 5px;
    }

.grid_list_special_row_red {
    border: red solid 4px;
}

    .grid_list_special_row_red:hover {
        background-color: #FFAAAA;
    }

    .grid_list_special_row_red td {
        padding-left: 5px;
    }

.grid_list_footer {
    background-color: #333 !important;
    color: #ffffff;
    font-weight: bold;
    text-align: right;
}

.grid_list_pager {
    border-top: 1px solid #93BD7E;
    border-right: 1px solid #93BD7E;
    border-left: 1px solid #93BD7E;
    border-bottom: 1px solid #93BD7E;
    height: 25px;
    padding-top: 1px;
    text-align: center;
    background-color: transparent; /*#000000;*/
}

    .grid_list_pager a {
        color: #000000;
        text-decoration: none;
        margin: 1px;
        padding: 3px;
    }

        .grid_list_pager a:hover {
            text-decoration: underline;
        }

    .grid_list_pager span {
        background: #000000;
        outline: 1px solid #000000;
        color: #ffffff;
        margin: 1px;
        padding: 3px;
    }

.grid_list_detail_lnk {
    padding-left: 5px;
    padding-right: 5px;
    color: #000000;
    text-decoration: none;
    font-weight: bold;
}

    .grid_list_detail_lnk:hover {
        text-decoration: underline;
    }

.grid_list_detail_lnk_selected {
    padding-left: 5px;
    padding-right: 5px;
    text-align: center;
    color: #ffffff;
    background-color: #AEE071;
    outline: solid 3px #AEE071;
    text-decoration: none;
}

.grid_filtro_fila_maestro {
    font-weight: bold;
}

.div_detail {
    background-color: #CCCCCC;
    padding-left: 5px;
    padding-right: 5px;
    padding-bottom: 5px;
    padding-top: 5px;
    color: black;
    border: none;
    /*float: right;*/
    width: 100%;
}


    .div_detail .field_error_text {
        margin-left: 160px;
    }


.table_detail {
    border-width: thin;
    border-style: none;
    border-color: #93BD7E;
    width: 100% !important;
}

.div_detail_td_data {
    width: 90%;
}

.table_detail_data {
    border-width: thin;
    border-style: none;
    border-color: #93BD7E;
    width: 100%;
    height: 100%;
}

    .table_detail_data tr {
        height: 2.5em;
    }

.div_detail_buttons {
    text-align: right;
    background-color: transparent;
    padding-top: 3px;
    padding-right: 5px;
}

.div_detail_title_list {
    padding-top: 3px;
    padding-bottom: 3px;
    padding-right: 5px;
    padding-left: 3px;
    text-align: left;
    background-color: #000000;
    color: #FFFFFF;
    font-weight: bold;
}

.div_detail_td_image {
    width: 300px;
}

.table_detail_data .div_detail_td_label {
    width: 150px;
}

.div_detail_td_label {
    position: relative;
}

.div_detail_td_label {
    border-width: thick;
    clear: left;
    max-width: 200px;
    margin-left: 60px;
    margin-bottom: 5px;
}

.div_detail_image {
    text-align: left;
    padding: 4px;
}

.div_detail_image_title {
    padding-top: 3px;
    padding-bottom: 3px;
    padding-right: 5px;
    padding-left: 3px;
    text-align: left;
    background-color: #93BD7E;
    color: #FFFFFF;
    font-weight: bold;
}

.div_detail_image_bt_refresh {
    font-size: 1em;
    margin-top: 3px;
    border-style: none;
    text-align: center;
    height: 25px;
    width: 100%;
}

.cell_with_label_content {
    padding-left: 7px;
}

.field_ok_text {
    width: 100%;
    font-weight: bold;
    color: gray;
}

.field_error_text {
    font-weight: bold;
    color: red;
    background-color: Transparent;
    /*border: solid 1px #93BD7E;*/
    padding-top: 5px;
    padding-bottom: 5px;
    padding-left: 15px;
    padding-right: 15px;
}

.div_menu {
    border-style: none;
    margin-top: 0;
    padding-left: 0;
    border-width: 0;
    border-color: #000000;
}

select {
    border-radius: 5px;
    padding-bottom: 0 !important;
    border-style: solid;
    border-width: 1px;
    border-color: black;
    height: 33px;
    padding-bottom: 5px;
    line-height: 30px;
    vertical-align: middle;
    font-size: 15px;
}

    select:not([size]):focus {
        font-weight: bold;
        background: #000000;
        color: white;
        border-style: solid;
        border-width: 1px;
        border-color: black;
    }

input[type="file"] {
    /* border-style: solid;
	border-width: 2px; */
    /* border-color: black; */
    height: 27px;
    font-size: 15px;
    vertical-align: middle;
}

input[type="text"] {
    border: none;
    border-bottom: 2px solid #e6e6e6;
    /*height: 30px;*/
    line-height: 30px;
    height: 34px;
    padding: 5px;
    vertical-align: middle;
    transition: all .3s;
    font-weight: bold;
}

    input[type="text"]:focus {
        border-bottom: solid 2px var(--color-main);
    }

input[type="password"] {
    border: none;
    border-bottom: 2px solid #e6e6e6;
    height: 34px;
    width: 99.5%;
    border-radius: 5px;
    font-weight: bold;
    transition: all .3s;
    border-radius: 0;
    padding: 5px;
}

#ctl00_ctl00_ContentMain_Main_BxLogin {
    width: 400px !important;
    text-align: center !important;
    margin: auto !important;
    padding-left: 60px !important;
    background-color: whitesmoke;
    border-radius: 4px;
    border-top: .5px solid silver;
    border-bottom: .5px solid silver;
}

input[type="password"]:focus {
    border-bottom: solid 2px var(--color-main);
}

textarea {
    font-family: 'Corporate S';
    border: none;
    border-bottom: 2px solid #e6e6e6;
    padding: 5px;
    height: 34px;
    width: 99.5%;
    font-size: 15px;
    line-height: 20px;
    transition: all .3s;
}

    textarea:focus {
        font-weight: bold;
        border-bottom: solid 2px var(--color-main);
    }

input[type="checkbox"] {
    border-style: none;
    border-width: 1px;
    border-color: #93BD7E;
    text-align: left;
    width: 20px;
    height: 15px;
    line-height: 15px;
    font-size: 15px;
}


.TapButton {
    border: none 0px #111111;
    text-align: left;
    padding-left: 0px;
    padding: 0px;
    margin: 0px;
    cursor: pointer;
    background: transparent;
    text-decoration: none;
    color: #93BD7E;
    vertical-align: baseline;
    height: 1em;
}

    .TapButton:hover {
        text-decoration: underline;
    }

input[type="submit"], input[type="button"] {
    height: 2.0em;
    /* padding-top: 2px;*/
    /* line-height: 26px; */
    vertical-align: middle;
    min-width: 97px;
    color: #000000;
    border: 1px solid #000000;
    font-family: 'Corporate S extra' !important;
    font-size: 15px;
    /* height: 30px; */
    /* margin-bottom: 20px; */
    text-align: left;
    text-align: center;
    background: white;
    padding-left: 10px;
    padding-right: 10px;
    transition: all .3s;
    border-radius: 3px;
}

    input[type="submit"]:hover, input[type="button"]:hover {
        color: white;
        background-color: #000000;
    }

    input[type="submit"]:disabled, input[type="button"]:disabled {
        cursor: auto;
        background: #eee;
        border: solid 1px #738967;
        color: #666666;
    }

        input[type="submit"]:disabled:hover, input[type="button"]:disabled:hover {
        }

fieldset {
    border: #000000 solid 1px;
    padding-left: 1em;
    padding-right: 1em;
    padding-bottom: 0.5em;
    line-height: 2em;
    margin-left: auto;
    margin-right: auto;
}

legend {
    font-size: 1.1em;
    color: #93BD7E;
}

.lb_valor_calculado {
    color: #666666;
}

.progressbar {
    display: block;
    position: absolute;
    padding: 1.5em;
    border-radius: 10px;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    /*border-top: 15px solid #000000;*/
    /*border-bottom: 15px solid #000000;*/
    /*border: 5px solid #000000;*/
    /*outline: 4px solid #93BD7E;ºº*/
    background-color: #ffffff;
    font-size: 1.5em;
}

.backgroundprogressbar {
    /*background-color:Transparent;*/
    background-color: #000000;
    filter: Alpha(Opacity=20, FinishOpacity=60, Style=1, StartX=0, StartY=0, FinishX=0, FinishY=100px);
    opacity: 0.5;
    -moz-opacity: 0.5;
    -khtml-opacity: 0.5;
    height: 100%;
    width: 100%;
    margin: 0;
}


.div_confirmacion {
    background-color: #EFEFEF;
    padding: 15px;
    border-width: 1px;
    outline: solid 1px #93BD7E;
    border-top: solid 5px #000000;
    text-align: center;
    font-size: 1.3em;
}

.div_seccion {
    border-color: #93BD7E;
    border-width: 1px;
    border-style: solid;
    padding-bottom: 3px;
    background-color: transparent;
}

    .div_seccion a {
        color: #666666;
    }

.div_seccion_title {
    border-style: none;
    background-color: #000000;
    text-align: left;
    color: white;
    padding-left: 1em;
    padding-bottom: 2px;
    padding-top: 2px;
}

    .div_seccion_title span {
        font-weight: bold;
    }

.div_seccion_alt {
    border-color: #cccccc;
    border-width: 1px;
    border-style: solid;
    padding-bottom: 3px;
    margin-top: 3px;
}

    .div_seccion_alt a {
        color: #666666;
    }

.div_seccion_title_alt {
    border-width: thin;
    border-style: none;
    background-color: #cccccc;
    text-align: left;
    color: white;
    padding-left: 1em;
    padding-bottom: 2px;
    padding-top: 2px;
}

    .div_seccion_title_alt span {
        font-weight: bold;
    }

.TxNumero {
    text-align: right;
}

.TxTitulo {
    font-weight: bold;
    color: #000000;
    border: none;
}

.TxResaltado {
    font-family: 'Corporate S extra';
    color: #000000;
    border: none;
}

.TxResaltadoSec {
    text-align: right;
    color: #666666;
    font-weight: bold;
}

.TxResaltadoWhite {
    font-weight: bold;
    color: #ffffff;
    border: none;
}

.TxResaltadoBlack {
    font-weight: bold;
    color: #000000;
    border: none;
}

.LinkBasico {
    text-decoration: none;
    color: #000000;
}

    .LinkBasico:hover {
        text-decoration: underline;
    }

.Notificacion {
    margin-top: 3px;
    border-color: #cccccc;
    border-style: solid;
    border-width: thin;
    padding: 2px;
}

.div_repeater_asunto {
    font-size: 1.3em;
    margin: 3px;
    color: #000000;
    text-decoration: none;
    font-weight: bold;
}

    .div_repeater_asunto:hover {
        text-decoration: none;
    }

.div_repeater {
    border: #93BD7E solid 1px;
    background-color: #ffffff;
    margin-bottom: 5px;
}

.div_repeater_alt {
    border: #93BD7E solid 1px;
    background-color: #ffffff;
    margin-bottom: 5px;
}

.div_repeater_body {
    padding-top: 5px;
    padding-left: 5px;
    padding-right: 5px;
    padding-bottom: 5px;
}

.div_repeater_body_alt {
    padding-top: 5px;
    padding-left: 5px;
    padding-right: 5px;
    padding-bottom: 5px;
}

.div_repeater_cita {
    padding: 2px;
    background-color: #efefef;
    margin-bottom: 5px;
}

.div_box_white {
    border: #697680 solid 1px;
    background-color: #ffffff;
}

.FupStandard {
    border: #93BD7E solid 1px;
    background-color: #ffffff;
    vertical-align: middle;
    padding-bottom: 2px;
    padding-top: 2px;
}

.div_seccion_encabezado {
    width: 100%;
    border-bottom-style: dotted;
    border-bottom-width: 1px;
    border-bottom-color: #666666;
    font-size: large;
    font-weight: bold;
    color: #666666;
}

.LinkButton {
    text-decoration: none;
    color: #000000;
    cursor: pointer;
}

    .LinkButton:hover {
        text-decoration: underline;
    }

.LinkButtonColor {
    text-decoration: none;
    font-weight: bold;
    color: gray !important;
    cursor: pointer;
}

    .LinkButtonColor:hover {
        text-decoration: underline;
    }

.ratingStar {
    padding-bottom: 0;
    margin: 0;
    padding-left: 0;
    width: 32px;
    height: 32px;
    padding-right: 2px;
    display: block;
    background-repeat: no-repeat;
    font-size: 0;
    cursor: pointer;
    padding-top: 0;
}

.filledRatingStar {
    background-image: url(images/bstar.gif);
}

.emptyRatingStar {
    background-image: url(images/wstar.gif);
}

.savedRatingStar {
    background-image: url(images/ystar.gif);
}

.div_tooltip {
    border: 0;
    background-color: #E8E8E8;
    padding-left: 5px;
    padding-right: 5px;
    padding-bottom: 5px;
    padding-top: 5px;
}



.div_tooltip_gray {
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-width: thin;
    border-style: solid;
    border-color: #93BD7E;
    background-color: #D3D3D3;
    padding-left: 5px;
    padding-right: 5px;
    padding-bottom: 5px;
    padding-top: 5px;
}

.div_tooltip_lightgray {
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-width: thin;
    border-style: solid;
    border-color: #93BD7E;
    background-color: #F5F4F2;
    padding-left: 5px;
    padding-right: 5px;
    padding-bottom: 5px;
    padding-top: 5px;
}

.div_tooltip_orange {
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-width: thin;
    border-style: solid;
    border-color: #E08326;
    background-color: #FFAE59;
    padding-left: 5px;
    padding-right: 5px;
    padding-bottom: 5px;
    padding-top: 5px;
}

.div_tooltip_green {
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-width: thin;
    border-style: solid;
    border-color: #80A072;
    background-color: #C1F2AB;
    padding-left: 5px;
    padding-right: 5px;
    padding-bottom: 5px;
    padding-top: 5px;
}

.div_tooltip_lightgreen {
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-width: thin;
    border-style: solid;
    border-color: #80A072;
    background-color: #E8E8E8;
    padding-left: 5px;
    padding-right: 5px;
    padding-bottom: 5px;
    padding-top: 5px;
}


.div_tooltip_darkgreen {
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-width: thin;
    border-style: solid;
    border-color: #80A072;
    background-color: #000000;
    color: #ffffff;
    padding-left: 5px;
    padding-right: 5px;
    padding-bottom: 5px;
    padding-top: 5px;
}

.div_tooltip_yellow {
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-width: thin;
    border-style: solid;
    border-color: #FFF468;
    background-color: #fff8a7;
    padding-left: 5px;
    padding-right: 5px;
    padding-bottom: 5px;
    padding-top: 5px;
}

.div_tooltip_error {
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-width: thin;
    border-style: solid;
    color: #ffffff;
    padding-left: 5px;
    padding-right: 5px;
    padding-bottom: 5px;
    padding-top: 5px;
    border-color: #970000;
    background-color: #e40000;
}

.div_tooltip_error_light {
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-width: thin;
    border-style: solid;
    color: #A90E0E;
    padding-left: 5px;
    padding-right: 5px;
    padding-bottom: 5px;
    padding-top: 5px;
    border-color: #DA8585;
    background-color: #E6C4C4;
}

.div_tooltip_info {
    border-width: thin;
    border-style: solid;
    border-color: #3d70A3;
    background-color: #C6D4FF;
    padding-left: 22px;
    padding-right: 5px;
    padding-bottom: 5px;
    padding-top: 5px;
    background-image: url(../images/core/x16/info.png);
    background-position: 3px 6px;
    background-repeat: no-repeat;
}

.div_data {
    border: #e3e3e3 solid 1px;
    background-color: #F5F4F2;
    width: 100%;
    padding-left: 5px;
    padding-right: 5px;
    padding-bottom: 5px;
    padding-top: 5px;
}

.dateContainer { /*
	background-color: #fff;
	border-width: 1px;
	border-style: solid;
	height: 1.7em;
	padding-left: 0;
	padding-right: 3px;
	padding-top:0;
	padding-bottom:0;
	margin-right: 3px;
	width: 97px;
	overflow: hidden;*/
}

    .dateContainer input[type="text"] {
        position: relative;
        top: 0px;
        font-family: 'Corporate S';
        padding: 0px 0px 0px 7px;
        margin: 0px;
        border: 1px solid black;
        border-radius: 5px;
        width: 100px;
        height: 100%;
    }

    .dateContainer input[type="image"] {
        vertical-align: -5px;
    }
/* CALENDARIO AJAX */
.MyCalendar {
    box-sizing: unset !important;
}

    .MyCalendar .ajax__calendar_container {
        box-sizing: unset !important;
        background-color: #e2e2e2;
        border: #cccccc solid 1px;
        z-index: 1000;
    }

    .MyCalendar .ajax__calendar_header {
        background-color: #000000;
        height: 2.5em;
    }

    .MyCalendar td {
        padding: 0 !important;
    }

    .MyCalendar tr {
        height: 1.2em;
    }

    .MyCalendar .ajax__calendar_hover .ajax__calendar_title {
        color: #AEE071;
    }

    .MyCalendar .ajax__calendar_title, .MyCalendar .ajax__calendar_next, .MyCalendar .ajax__calendar_prev {
        color: #ffffff;
        padding-top: 3px;
        margin-bottom: 4px;
    }

    .MyCalendar .ajax__calendar_next {
        cursor: pointer;
        width: 15px;
        height: 15px;
        float: right;
        background-repeat: no-repeat;
        background-position: bottom;
        background-image: url(images/derecha_white.png);
    }

    .MyCalendar .ajax__calendar_prev {
        cursor: pointer;
        width: 15px;
        height: 15px;
        float: left;
        background-repeat: no-repeat;
        background-position: bottom;
        background-image: url(images/izquierda_white.png);
    }

    .MyCalendar .ajax__calendar_body {
        background-color: #ffffff;
        border: #cccccc solid 1px;
    }

    .MyCalendar .ajax__calendar_dayname {
        text-align: center;
        font-weight: bold;
        margin-top: 3px;
        margin-bottom: 3px;
        line-height: 1.5em;
        height: 17px;
        width: 18px;
        text-align: center;
        display: block;
    }

    .MyCalendar .ajax__calendar_day {
        text-align: center;
    }

    .MyCalendar .ajax__calendar_hover .ajax__calendar_day, .MyCalendar .ajax__calendar_hover .ajax__calendar_month, .MyCalendar .ajax__calendar_hover .ajax__calendar_year {
        color: #000000;
        font-weight: bold;
        background-color: #AEE071;
    }

    .MyCalendar .ajax__calendar_active {
        color: #ffffff;
        font-weight: bold;
        background-color: #000000;
    }

    .MyCalendar .ajax__calendar_month {
        height: 44px;
        width: 40px;
        text-align: center;
        line-height: 1.5em;
        vertical-align: bottom;
        cursor: pointer;
        overflow: hidden;
    }

    .MyCalendar .ajax__calendar_year {
        height: 44px;
        width: 40px;
        text-align: center;
        line-height: 1.5em;
        cursor: pointer;
        overflow: hidden;
    }

    .MyCalendar .ajax__calendar_day {
        line-height: 1.5em;
        height: 17px;
        width: 18px;
        text-align: center;
        padding: 0 2px;
        margin: 0px;
        display: block;
        cursor: pointer;
    }


    .MyCalendar .ajax__calendar_today {
        font-weight: bold;
        margin-bottom: 10px;
    }

    .MyCalendar .ajax__calendar_other, .MyCalendar .ajax__calendar_hover .ajax__calendar_today {
        color: #93BD7E;
    }

/* FIN CALENDARIO */

/******************************
    DATEPICKER
*******************************/
.ui-datepicker-calendar {
    padding: 2px !important;
}

#ui-datepicker-div {
    border: none !important;
    background-color: var(--color-blanco);
    box-shadow: 0 2px 4px 0 var(--color-neutro) !important;
    border-radius: 3px;
    overflow: hidden;
    z-index: 99 !important;
}

.ui-datepicker-calendar a {
    transition: all .3s;
}


.ui-datepicker-calendar .ui-state-default {
    color: var(--color-neutro) !important;
    border-radius: 2px;
    border: var(--border-fino-claro);
    background-color: var(--color-blanco) !important;
}

.ui-datepicker-calendar .ui-state-hover {
    background-color: var(--bg-main);
    border: var(--border-fino-oscuro) !important;
    color: var(--color-main) !important;
    font-weight: bold;
}

.ui-datepicker-calendar .ui-state-active {
    background-color: var(--color-main) !important;
    border: var(--border-fino-oscuro) !important;
    color: var(--color-blanco) !important;
    font-weight: bold;
}

.ui-datepicker-calendar .ui-state-highlight {
    background-color: var(--bg-main) !important;
    border: var(--border-fino-oscuro) !important;
    color: var(--color-main) !important;
    font-weight: bold;
}


.ui-widget-header {
    color: var(--color-blanco);
    border-radius: unset !important;
    overflow: hidden;
    border-radius: 3px !important;
    background-color: var(--color-main) !important;
}

.ui-datepicker-header {
    position: static !important;
    padding: 0 !important;
    border-bottom-left-radius: unset !important;
    border-bottom-right-radius: unset !important;
}

.datep {
    background-position: right 6px center !important;
    background-image: url('../images/icons/calendario.png') !important;
    background-repeat: no-repeat !important;
    color: var(--color-neutro) !important;
    background-color: var(--color-blanco);
    width: 120px;
}

    .datep:disabled {
        background-color: var(--bg-light);
    }

div.ui-datepicker {
    font-size: .8em;
}

.ui-datepicker-next-hover {
    background-color: transparent !important;
    border: none !important;
    transform: translateX(4px);
}

.ui-datepicker-prev-hover {
    background-color: transparent !important;
    border: none !important;
    transform: translateX(-4px);
}

.ui-datepicker-prev {
    left: 4px !important;
    top: 4px !important;
    transition: all .3s;
}

.ui-datepicker-next {
    right: 4px !important;
    top: 4px !important;
    transition: all .3s;
}

.ui-datepicker-prev > .ui-icon {
    background-position: center !important;
    background-image: url('../images/icons/izquierda_white.png') !important;
}

.ui-datepicker-next > .ui-icon {
    background-position: center !important;
    background-image: url('../images/icons/derecha_white.png') !important;
}

.ui-datepicker-title {
    background-color: var(--color-main);
}

/******************************
     FIN DATEPICKER
*******************************/

/***************************************************
            AUTOCOMPLETE
****************************************************/
.autoc {
    position: relative;
    max-height: 400px;
    overflow-y: scroll;
    background-position: right 6px center !important;
    background-image: url('../images/icons/dots_v.png') !important;
    background-repeat: no-repeat !important;
}


    .autoc::after {
        content: '';
        position: absolute;
        top: 0;
        right: 0;
    }

.autoc-list {
    position: absolute;
    top: 100%;
    left: 0;
    right: 0;
    list-style: none;
    background-color: var(--color-blanco);
    max-width: 300px;
    max-height: 400px;
    overflow-x: visible;
    overflow-y: scroll;
    padding-left: 0px;
    padding-top: 4px;
    padding-bottom: 4px;
    z-index: 999;
    box-shadow: 0 2px 4px 0 var(--color-neutro);
    margin-bottom: 20px;
    border-radius: 4px;
    list-style: none;
}

.form-line .autoc-list {
    top: calc(100% - 24px);
}

.autoc-list.loading {
    min-height: 40px;
    background-image: url(../images/icons/blue/loading.gif);
    background-position: center;
    background-repeat: no-repeat;
}

@-moz-document url-prefix() {
    .autoc-list {
        padding-right: 0px;
    }
}

.autoc-list * {
    margin: 0;
    padding: 0;
    transition: all .3s;
}

.autoc-list ul {
    list-style: none;
}

.autoc-item {
    width: 100%;
    padding: 5px 0;
    border-bottom: .5px solid var(--bg-light);
}

.autoc-bt, .autoc-lb {
    width: 100%;
    border: none;
    text-align: left;
    min-height: 30px;
    background-color: var(--color-blanco);
    padding: 0 4px;
    border-radius: 4px;
}

    .autoc-bt:hover {
        color: var(--color-main);
        background-color: var(--bg-light);
    }

    .autoc-bt:focus {
        color: var(--color-main);
        background-color: var(--bg-light);
    }


.row .autoc-list {
    left: 155px;
}

.elementoSeleccionado {
    color: var(--color-main);
}

/***************************************************
            FIN AUTOCOMPLETE
****************************************************/
.shadow {
    border: #ddd solid 1px;
}

.BtColor {
    text-decoration: none;
    color: #ffffff;
}

.DivBotonOLD {
    border: 0;
    background-repeat: no-repeat;
    background-position: center;
    text-align: center;
    width: 150px;
    height: 61px;
    font-family: 'Corporate S';
    font-size: 20px;
    cursor: pointer;
    vertical-align: middle;
    padding-top: 1em;
}

.DivBoton {
    margin-left: 20px;
    margin-right: 0px;
    margin-top: 25px;
    height: 35px;
    float: right;
}

.BtRed {
    border-bottom: solid 6px #7F0000;
}

    .BtRed:hover {
        border-bottom: solid 6px #FF0000;
    }

.BtGreen {
    border-bottom: solid 6px #267F00;
}

    .BtGreen:hover {
        border-bottom: solid 6px #4CFF00;
    }

.BtBlack {
    border-bottom: solid 6px #272727;
}

    .BtBlack:hover {
        border-bottom: solid 6px #EAEAEA;
    }

.BtBlue {
    border-bottom: solid 6px #3D70A3;
}

    .BtBlue:hover {
        border-bottom: solid 6px #42C9FF;
    }

#basic-modal-content {
    display: none;
}

#simplemodal-overlay {
    background-color: #333;
    cursor: wait;
}

#simplemodal-container {
    height: 500px;
    width: 700px;
    background-color: #000000;
    border: #ffffff solid 4px;
    padding-top: 12px;
    text-align: left;
}

    #simplemodal-container .simplemodal-data {
        padding: 0;
    }

    #simplemodal-container code {
        background: #ffffff;
        border-left: 3px solid #65B43D;
        color: #bbb;
        display: block;
        font-size: 12px;
    }

    #simplemodal-container a {
        color: #ddd;
    }

        #simplemodal-container a.modalCloseImg {
            background: url(images/x.png) no-repeat;
            width: 25px;
            height: 29px;
            display: inline;
            z-index: 3200;
            position: absolute;
            top: -15px;
            right: -16px;
            cursor: pointer;
        }

.PopTitle {
    background-color: #000000;
    font-size: 1.6em;
    font-weight: normal;
    color: #ffffff;
    padding-left: 1.3em;
    margin-bottom: 0;
    text-align: left;
    position: relative;
    width: 90%;
}

.PopDetailMenu {
    background-color: #333;
    position: fixed;
    padding-left: 25px;
    padding-top: 5px;
    top: 0;
    right: 1px;
    text-align: left;
    padding-bottom: 10px;
    width: 100%;
    z-index: 10;
    border: none;
    border-bottom: solid 1px #93BD7E;
}

    .PopDetailMenu input {
        margin-top: 5px;
        margin-left: 7px;
    }

.PopInfo {
    margin: 0px;
    padding: 0px;
    position: absolute;
    line-height: 1em;
    bottom: 5px;
    left: 10px;
    color: #ffffff;
    font-weight: bold;
}

.PopDetailBody {
    background-color: #efefef;
    padding-left: 10px;
    padding-right: 10px;
    font-size: smaller;
}

.PopDetailData {
    padding-top: 55px;
    padding-bottom: 35px;
}

.IfrDetalle {
    width: 100%;
    border-style: none;
}

.CoreTab .ajax__tab_header {
    margin-left: 0;
    font-weight: bold;
    color: #93BD7E;
}

.CoreTab .ajax__tab_body {
    border-left: 1px solid #d3d3d3;
    border-right: 1px solid #d3d3d3;
    border-bottom: 1px solid #d3d3d3;
    padding-right: 10px;
    padding-left: 10px;
    padding-top: 10px;
    padding-bottom: 10px;
    background: #ffffff;
    min-height: 80px;
}

.CoreTab .ajax__tab_inner {
    padding: 4px;
    margin-right: 1px;
    margin-left: 1px;
    margin-top: 1px;
    margin-bottom: 0;
    height: 1.7em;
}

.TbFiltroLetras {
    height: 27px;
    text-align: center;
    color: #000000;
}

    .TbFiltroLetras a:hover {
        text-decoration: underline;
    }

.TbFiltroLetras_selected {
    color: #000000;
    font-weight: bold;
    text-decoration: underline;
}

.Div3D {
    background-color: #ffffff;
    border: #272727 solid 10px;
    border-top: 10px solid #efefef;
    border-right: 10px solid #93BD7E;
    padding: 3px;
}

.div_box {
    border-style: none;
}

    .div_box:hover {
        background-color: #E8E8E8;
    }


/* Párrafos de descripción */
p.det {
    position: relative;
    width: 100%;
    padding: 0;
    margin: 0;
}

    p.det .Lb {
        width: 145px;
        font-weight: bold;
        color: #000000;
        display: inline;
    }

    p.det .Val {
        position: absolute;
        left: 150px;
        display: inline;
        overflow: no-display;
    }

/* Párrafos de edición */
p.row {
    position: relative;
    width: 100%;
    margin-top: 5px;
    margin-bottom: 5px;
    margin-left: 5px;
    padding: 0;
    min-height: 2.6em;
    text-align: left;
    overflow: visible;
}

    p.row span, p.row label {
        position: absolute;
        display: inline-table;
        width: 145px;
        /*border-bottom: solid 1px #000000;
	border-right: solid 1px #000000;*/
        vertical-align: middle;
        float: left;
        bottom: 0px;
    }

    p.row input[type="text"], p.row select, p.row input[type="password"], p.row input[type="file"], p.row input[type="button"], p.row input[type="submit"], p.row input[type="checkbox"] {
        font-family: 'Corporate S';
        position: absolute;
        display: inline-table;
        bottom: 0;
        left: 150px;
        max-width: 60%;
        vertical-align: text-top;
        margin-left: 5px;
        min-width: 120px;
        width: 60%;
    }

    p.row textarea {
        position: relative;
        /*display: inline-table;*/
        bottom: 0px;
        left: 150px;
        max-width: 60%;
        vertical-align: text-top;
        margin-left: 5px;
        margin-top: 3px;
    }

    p.row #Nota {
        display: inline-table;
    }

p.row_fecha {
    position: relative;
    width: 100%;
    margin-top: 5px;
    margin-bottom: 5px;
    margin-left: 5px;
    padding: 0;
    min-height: 2.6em;
    text-align: left;
    overflow: visible;
}

    p.row_fecha span, p.row_fecha label {
        position: absolute;
        display: inline-table;
        width: 145px;
        vertical-align: middle;
        float: left;
        bottom: 0px;
    }

    p.row_fecha input[type="text"] {
        position: absolute;
        display: inline-table;
        bottom: 0;
        left: 150px;
        vertical-align: text-top;
        margin-left: 5px;
        width: 100px;
    }

    p.row_fecha input[type="image"] {
        position: absolute;
        display: inline-table;
        bottom: 0;
        left: 255px;
        vertical-align: text-top;
        margin-left: 5px;
        bottom: 6px;
    }


.div_adjunto {
    border: #93BD7E solid 1px;
    background-color: #F5F4F2;
    padding-left: 5px;
    padding-right: 5px;
    padding-bottom: 5px;
    padding-top: 5px;
    margin-bottom: 5px;
}

    .div_adjunto:hover {
        background-color: #AEE071;
    }

.div_table {
    display: table;
}

.div_tr {
    display: table-row;
}

.div_td {
    display: table-cell;
}


.notificaciones_cab {
    position: relative;
    padding: 5px;
    border: none;
    background-color: #000000;
    color: #ffffff;
}

.notificaciones_asunto {
    position: absolute;
    left: 25px;
    top: 5px;
}

.notificacion_fecha {
    position: absolute;
    right: 5px;
    top: 5px;
}

.notificacion_responder {
    padding-left: 5px;
    position: relative;
    top: 5px;
}

.notificacion_arch {
    position: absolute;
    right: 5px;
}

.notificacion_cuerpo {
    padding: 5px;
    border-top-color: #cccccc;
}


.notificacion_texto {
    margin-left: auto;
    margin-right: auto;
    padding: 5px;
}

.notificacion_adjuntos {
    margin-top: 7px;
    text-align: left;
}

.notificacion_li_documento {
    margin-left: 10px;
}

.TabContainer .ajax__tab_header {
    font-family: arial,helvetica,clean,sans-serif;
    font-size: small;
    color: #ffffff;
    border-bottom: solid 5px #000000;
}

    .TabContainer .ajax__tab_header .ajax__tab_outer {
        -webkit-border-top-left-radius: 5px;
        -webkit-border-top-right-radius: 5px;
        -moz-border-radius-topleft: 5px;
        -moz-border-radius-topright: 5px;
        border-top-left-radius: 5px;
        border-top-right-radius: 5px;
        background: #F5F4F2;
        margin: 0px 0.16em 0px 0px;
        padding: 1px 0px 1px 0px;
        vertical-align: middle;
        border: solid 1px #a3a3a3;
        border-bottom-width: 0px;
        color: #000000;
    }

    .TabContainer .ajax__tab_header .ajax__tab_tab {
        padding: 0.35em 0.75em;
        margin-right: 0.01em;
    }

.TabContainer .ajax__tab_hover .ajax__tab_outer {
    background: #000000;
    color: #ffffff;
}

.TabContainer .ajax__tab_active .ajax__tab_tab {
    color: #fff;
}

.TabContainer .ajax__tab_active .ajax__tab_outer {
    background: #000000;
}

.TabContainer .ajax__tab_body {
    padding: 0.25em 0.5em;
    border: solid 1px #808080;
    border-top-width: 0px;
}

@media (min-width: 980px) {
    #ChtDelegado1 {
        width: 700px;
    }

    #ChtDelegado1b {
        width: 250px;
    }
}

@media (max-width: 979px) {
    #ChtDelegado1 {
        width: 350px;
    }

    #ChtDelegado1b {
        width: 125px;
    }
}

.DosColumnas {
    column-count: 2;
    -moz-column-count: 2;
    -webkit-column-count: 2;
    column-gap: 20px;
    -moz-column-gap: 20px;
    -webkit-column-gap: 20px;
}

input[type="text"].search_textbox {
    height: 26px;
    /*	Height:80%;*/
    margin: 0;
    padding-left: 3px;
}

.search_cell {
    text-align: left;
    overflow: hidden;
    /*border-left: solid 1px Transparent;*/
}

.search_row {
    height: 2.5em;
    background-color: Transparent;
}

.DivHelp {
    position: relative;
    text-align: left;
    color: #000000;
    width: 50%;
}

.DivHelpTitle {
    color: #000000;
    font-size: 1.6em;
}

.DivHelpTitleShadow {
    top: -63px;
    left: -10px;
    position: absolute;
    font-size: 120px;
    opacity: 0.05;
    font-weight: bold;
}

.DivHelpInfo {
    text-justify: inter-word;
    font-family: 'Corporate S';
    font-size: 14px;
    line-height: 21px;
    font-weight: bold;
    display: inline-block;
}

/* --------------------------------------- 
 INICIO WEBAPP 
 --------------------------------------- */
.div_webbapp {
    display: table;
    background-color: #000000;
    color: #ffffff;
    text-align: center;
    width: 100%;
}

    .div_webbapp span {
        display: table-cell;
        vertical-align: middle;
    }

.grid_webapp_table {
    border: 1px solid #000000;
}

.grid_webapp_head {
    background-color: #000000 !important;
    color: #ffffff;
    text-align: right;
    font-weight: bold;
}

.grid_webapp_table td {
    height: 15px;
}

.grid_webapp_row_1 {
    background-color: #EBF1DE;
}

.grid_webapp_row_2 {
    background-color: #F2DCDB;
}

.grid_webapp_row_3 {
    background-color: #DCE6F1;
}

.grid_webapp_row_4 {
    background-color: #FCD5B4;
}

.grid_webapp_row_5 {
    background-color: #A2D17F;
}

.grid_webapp_row_6 {
    background-color: #A2D17F;
}

.grid_webapp_row_7 {
    background-color: #A2D17F;
}

.grid_webapp_row_8 {
    background-color: #A2D17F;
}






/* 
TABLAS
Max width before this PARTICULAR table gets nasty
This query will take effect for any screen smaller than 760px
and also iPads specifically.
*/


table {
    width: 100%;
    border-collapse: collapse;
}
/* Zebra striping */
tr:nth-of-type(odd) {
    background: transparent;
}

th {
    background: #333;
    color: white;
    font-weight: bold;
    padding: 5px 10px;
}

td, th {
    padding: 5px 10px;
    text-align: left;
}

td {
    /*width:auto!important*/
}

.tabla-buscador, .tabla-buscador tr, .tabla-buscador tr td {
    background: white;
    border: none;
}

@media only screen and (max-width: 760px), (min-device-width: 768px) and (max-device-width: 1024px) {

    .medio_core_areatrabajo {
        width: 100% !important
    }

    .visitas .grid_list_head, .documentos .grid_list_head, {
        display: none
    }

    .visitas tr td:nth-of-type(1):before {
        content: "Nombre";
    }

    .visitas tr td:nth-of-type(2):before {
        content: "Fecha de acceso";
    }

    .visitas tr td:nth-of-type(3):before {
        content: "Tiempo min";
    }

    .visitas tr td:nth-of-type(4):before {
        content: "IP";
    }

    .visitas tr td:nth-of-type(5):before {
        content: "Bloq";
    }

    .visitas tr td:nth-of-type(1):before {
        content: "Nombre";
    }

    .visitas tr td:nth-of-type(2):before {
        content: "Fecha de acceso";
    }

    .visitas tr td:nth-of-type(3):before {
        content: "Tiempo min";
    }

    .visitas tr td:nth-of-type(4):before {
        content: "IP";
    }

    .visitas tr td:nth-of-type(5):before {
        content: "Bloq";
    }

    /* Force table to not be like tables anymore */
    .visitas, .visitas thead, .visitas tbody, .visitas th, .visitas td, .visitas tr, .documentos, .documentos thead, .documentos tbody, .documentos th, .documentos td, .documentos tr {
        display: block;
    }

        /* Hide table headers (but not display: none;, for accessibility) */
        .visitas thead tr, .documentos thead tr {
            position: absolute;
            top: -9999px;
            left: -9999px;
        }

        .documentos tr, .visitas tr {
            border: 1px solid #ccc;
        }

            .documentos tr td, .visitas tr td {
                /* Behave  like a "row" */
                border: none;
                border-bottom: 1px solid #eee;
                position: relative;
                padding-left: 50%;
            }

                .documentos tr td:before, .visitas tr td:before {
                    /* Now like a table header */
                    position: absolute;
                    /* Top/left values mimic padding */
                    top: 6px;
                    left: 6px;
                    width: 45%;
                    padding-right: 10px;
                    white-space: nowrap;
                }

    tr:nth-of-type(odd) {
        background: #ccc;
    }

    .SeccMainProgram:before, .ctl00_ctl00_SeccMainProgram:before {
        position: absolute;
        opacity: 0.1;
        left: -5px;
        text-align: left;
        /* transform: rotate(-90deg) translate(0%, 0);
	  transform-origin: right bottom;

	*/
        font-family: 'Corporate S';
        font-weight: bold;
        font-size: 74px;
    }

    .pagina-catalogo:before {
        content: "catálogo";
        top: 50px;
    }

    .pagina-micuenta:before {
        content: "mi cuenta";
        top: 55px;
    }

    .pagina-otros:before {
        content: "otros";
        top: 55px;
    }

    .pagina-tienda {
        content: "tienda";
    }

    .pagina-mispedidos {
        content: "mis pedidos";
    }

    .pagina-entrega {
        content: "entrega";
    }

    .pagina-entregado {
        content: "entregado";
    }

    .pagina-incentivos {
        content: "incentivos";
    }

    .pagina-productividad {
        content: "productividad";
    }

    .pagina-gastos {
        content: "gastos";
    }

    .pagina-articulos {
        content: "artículos";
    }
}


/* --------------------------------------- 
 FIN WEBAPP 
 --------------------------------------- */

/* --------------------------------------- 
 CHROMA 
 --------------------------------------- */
.SeccMainProgram:before, .ctl00_ctl00_SeccMainProgram:before {
    position: absolute;
    opacity: 0.1;
    left: -15px;
    text-align: left;
    /* transform: rotate(-90deg) translate(0%, 0);
	  transform-origin: right bottom;

	*/
    font-family: 'Corporate S';
    font-size: 200px;
    font-weight: bold
}

.texto {
    font-family: 'Corporate S';
    font-size: 14px;
    line-height: 21px;
    padding-top: 100px;
    font-weight: bold
}

.pagina-catalogo:before {
    content: "Catálogo";
    top: 50px;
}

.pagina-micuenta:before {
    content: "Mi cuenta";
    top: 85px;
}

.pagina-inicio:before {
    content: "Bienvenido";
    top: 85px;
}

.pagina-otros:before {
    content: "Otros";
    top: 65px;
}

.pagina-tienda {
    content: "Tienda";
}

.pagina-mispedidos {
    content: "Mis pedidos";
}

.pagina-entrega {
    content: "Entrega";
}

.pagina-entregado {
    content: "Entregado";
}

.pagina-incentivos {
    content: "incentivos";
}

.pagina-productividad {
    content: "productividad";
}

.pagina-gastos {
    content: "gastos";
}

.pagina-articulos {
    content: "artículos";
}

.container-inicio {
    background: #000000
}

/* Datos generales del menu. */


ul.dropdown *.open {
    background-color: #D1F780;
}

ul.dropdown ul *.open {
    background-color: #D1F780;
    /*background-image: url(menu/comnav-arrowover.png);*/
    color: #ffffff;
}

ul.dropdown ul ul *.open {
    background-color: #D1F780;
    /*background-image: url(menu/comnav-arrowover2.png);*/
    color: #ffffff;
}
/* Override UPPER TWO definitions */
ul.dropdown a.open:hover {
    background-color: #D1F780;
    color: #ffffff;
}

ul.dropdown ul a.open:hover {
    /*background-image: url(menu/comnav-arrowon.png);*/
    color: #ffffff;
}

.nav-items {
    list-style-type: none;
    cursor: pointer;
}

.nav, .nav ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
}

    .nav a {
        text-decoration: none;
    }
    /*IE5 list fix*/
    .nav .sub li {
        float: left;
    }

    .nav .sub > li {
        float: none;
    }

#navigation {
    position: relative;
    height: 30px;
    background: #000000;
    z-index: 10;
    /*border-bottom: solid 1px white;*/
}

.nav {
    position: absolute;
    visibility: hidden;
}

    .nav .link {
        width: 150px;
        margin-top: -10075px;
        float: left;
        text-align: center;
    }

    .nav a {
        position: relative;
        display: block;
        height: 30px;
        line-height: 30px;
        text-decoration: none;
        color: #ffffff;
        visibility: visible;
        border-bottom: solid 1px #e3e3e3;
    }


    .nav .sub a {
        background: #77B357;
        margin: 0 -1px 0 0;
        width: 150px;
        text-align: left;
        color: #ffffff;
    }

    .nav .sub {
        float: left;
        background: #77B357;
        padding-top: 30px;
        margin-top: -30px;
    }

    .nav a.main {
        width: 150px;
        height: 30px;
        line-height: 30px;
        margin-top: 10075px;
        margin-right: -149px;
        float: left;
        background-color: #000000;
        /*border-top: solid 4px #ffffff;*/
    }

        .nav a.main:hover, .nav a.main:focus, .nav a.main:active {
            margin-right: 0;
            background: #AEE071;
            color: #000000;
            /*border-bottom: solid 7px #D1F780;*/
        }

    .nav .sub a:hover, .nav .sub a:focus, .nav .sub a:active {
        margin: 0 0 0 0;
        background: #AEE071;
        color: #000000;
        /*    border-bottom: solid 7px #D1F780;*/
    }

    .nav a:hover {
        background: red;
    }


/*empty rule to fix occassional IE6 tabbing bug, one of the weirdest bug's i have seen.*/
a, a:hover, a:active, a:focus {
}
/*Opera fix*/
.sub:hover {
    clear: both;
}

body {
    font-size: 16px;
    line-height: 1.875em;
}
/*body::after {
  content: '';
  position: absolute;
  z-index: 99;
  background-color: rgba(24, 137, 118, 0.8);
  height: 100vh;
  width: 100vw;
  transition: 0.4s;
  opacity: 0;
  visibility: hidden;
}
*/
a {
    text-decoration: none;
}

.nav-top {
    display: flex;
    position: fixed;
    align-items: center;
    z-index: 101;
    padding: 10px 20px;
    width: 100%;
    height: 50px;
    background-color: #000000;
}

.nav-top-2 {
    top: 50px;
    position: fixed;
    display: flex;
    align-items: center;
    z-index: 101;
    padding: 10px 20px;
    width: 100%;
    padding-top: 0;
    padding-bottom: 5px;
    margin-bottom: 0px;
    height: 50px;
    background-color: #3b3b3b;
}

.nav-top .hamburger {
    margin-left: auto;
    font-size: 22px;
    color: #fff;
    cursor: pointer;
}

.nav-drill {
    margin-top: 100px;
    -webkit-transform: translateX(100%);
    transform: translateX(100%);
}

.nav-is-toggled .nav-drill {
    -webkit-transform: translateX(0);
    transform: translateX(0);
}

.nav-is-toggled::after {
    opacity: 1;
    visibility: visible;
}

.nav-drill {
    font-family: 'Corporate S extra';
    display: flex;
    position: fixed;
    z-index: 100;
    right: 0;
    width: 250px;
    height: 100vh;
    background-color: #fff;
    overflow-y: auto;
    overflow-x: hidden;
    -webkit-overflow-scrolling: touch;
    transition: 0.45s;
}

.nav-items {
    flex: 0 0 100%;
}

.nav-item:not(:last-child) {
    border-bottom: solid 1px #000000;
}

.nav-link {
    display: block;
    padding: 0.875em 1em;
    background-color: #fff;
    color: #000000;
    font-size: 1rem;
    line-height: 1.5em;
    font-weight: 300;
}

.nav-expand-content {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    -webkit-transform: translateX(100%);
    transform: translateX(100%);
    background-color: #C5FFD1;
    transition: 0.3s;
    visibility: hidden;
}

    .nav-expand-content .nav-item:not(:last-child) {
        border-bottom: solid 1px #000000;
    }

    .nav-expand-content .nav-link {
        background-color: #C5FFD1;
    }

    .nav-expand-content .nav-back-link {
        display: flex;
        align-items: center;
        background-color: #000000 !important;
        color: #fff;
    }

        .nav-expand-content .nav-back-link::before {
            content: "\f053";
            margin-right: 0.5em;
            font-family: "FontAwesome";
            font-weight: 400;
        }

.nav-expand-link {
    display: flex;
    justify-content: space-between;
}

    .nav-expand-link::after {
        content: "\f054";
        flex: 0 1 auto;
        font-family: "FontAwesome";
        font-weight: 400;
    }

.nav-expand.active > .nav-expand-content {
    -webkit-transform: translateX(0);
    transform: translateX(0);
    visibility: visible;
}

.nav-expand .nav-expand-content {
    background-color: white;
}

    .nav-expand .nav-expand-content .nav-link {
        background-color: white;
    }

    .nav-expand .nav-expand-content .nav-expand-content {
        background-color: white;
    }

        .nav-expand .nav-expand-content .nav-expand-content .nav-link {
            background-color: white;
        }

        .nav-expand .nav-expand-content .nav-expand-content .nav-expand-content {
            background-color: #84e9d9;
        }

            .nav-expand .nav-expand-content .nav-expand-content .nav-expand-content .nav-link {
                background-color: #84e9d9;
            }

            .nav-expand .nav-expand-content .nav-expand-content .nav-expand-content .nav-expand-content {
                background-color: #59e1cb;
            }

                .nav-expand .nav-expand-content .nav-expand-content .nav-expand-content .nav-expand-content .nav-link {
                    background-color: #59e1cb;
                }



.image {
    display: block;
    width: 100%;
    height: auto;
}

.elemento {
    position: relative;
    display: block;
}

.producto {
    width: 25%;
    float: left;
    padding: 0;
    cursor: pointer
}
    /*padding:20px 15px;*/
    .producto h3 {
        margin-top: 10px;
        text-align: right
    }

.overlay {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    height: 100%;
    width: 100%;
    opacity: 0;
    transition: .5s ease;
    background-color: #000000;
}

.titulito {
    position: absolute;
    bottom: 0;
    padding-top: 2px;
    right: 0;
    height: 100%;
    width: 100%;
    color: white;
    font-size: 30px;
    text-transform: capitalize;
    font-family: 'Corporate S extra';
    display: table;
}

    .titulito h3 {
        display: table-cell;
        vertical-align: bottom
    }

        .titulito h3 a {
            color: white;
        }

.elemento:hover .overlay {
    opacity: 1;
}

.text {
    color: white;
    font-size: 14px;
    line-height: 16px;
    position: absolute;
    padding: 10px;
    top: 50%;
    left: 0px;
    -webkit-transform: translate(0%, -50%);
    -ms-transform: translate(0%, -50%);
    transform: translate(0%, -50%);
    text-align: left;
}

.catalogo {
    overflow: hidden;
}

#ctl00_ctl00_SeccBanner {
    margin-top: 100px
}

@media (max-width: 900px) {
    .producto {
        width: 50%;
        float: left
    }
}

@media (max-width: 600px) {
    .producto {
        width: 100%;
    }
}

#CabeceraDet {
    z-index: 1;
    top: 0;
    position: sticky;
    height: 100px;
    background-color: var(--color-grass);
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 20px;
    margin-bottom: 20px;
    border-bottom: 10px solid black;
}

    #CabeceraDet h1 {
        color: var(--color-blanco);
    }

#Formulario {
    padding: 20px;
}


.slider-section-header {
    border-bottom: .5px solid black;
}

.invisible {
    position: fixed;
    top: 0;
    left: 0;
    z-index: -1;
    opacity: 0;
    height: 0;
    margin: 0 !important;
}

input:focus, textarea:focus, select:focus {
    outline: none;
}

.ui-selectmenu-button.ui-button {
    width: 100% !important;
    border: none !important;
    border-bottom: 2px solid #e6e6e6 !important;
    border-radius: 0 !important;
    background-color: white !important;
    padding: 8px 2px 0 5px !important;
    transition: all .3s !important;
    min-height: 34px !important;
}

    .ui-selectmenu-button.ui-button.ui-selectmenu-button-open, .ui-selectmenu-button.ui-button:focus {
        border: none !important;
        border-bottom: 2px solid var(--color-main) !important;
    }

.ui-selectmenu-menu {
    border: none !important;
    box-shadow: 0 2px 4px 0 var(--color-neutro) !important;
    border-radius: 0;
}

.ui-menu-item-wrapper {
    transition: all .3s;
    border-left: none !important;
    border-right: none !important;
    border-top: none !important;
    border-bottom: 1px solid #e6e6e6;
    background-color: white !important;
    color: var(--color-neutro) !important;
    margin: 0 !important;
    text-align: left !important;
}

    .ui-menu-item-wrapper:after {
        content: '';
        height: 8px;
        width: 8px;
        border-radius: 8px;
        background-color: var(--color-main);
        position: absolute;
        right: 10px;
        top: 50%;
        transform: translateY(-50%);
        opacity: 0;
        transition: all .3s;
    }

    .ui-menu-item-wrapper.ui-state-active {
        border-left: none !important;
        border-right: none !important;
        border-top: none !important;
        border-bottom: 1px solid var(--color-main);
        color: var(--color-main) !important;
        margin: 0 !important;
        position: relative !important;
    }

        .ui-menu-item-wrapper.ui-state-active:after {
            opacity: 1;
        }

.ui-selectmenu-menu .ui-menu {
    padding: 0 !important;
    border: none !important;
}

.ui-selectmenu-button.ui-button.ui-selectmenu-disabled {
    opacity: 1 !important;
    background-color: transparent !important;
}

.ui-selectmenu-disabled .ui-selectmenu-text {
    color: var(--color-neutro);
}

.ui-selectmenu-button.ui-button.ui-selectmenu-disabled .ui-selectmenu-icon {
    display: none !important;
}
/******* Botones */
.bbt-file {
    border: none;
    height: 44px;
    width: 40px;
    position: relative;
    cursor: pointer;
    color: var(--color-main);
    margin-left: 10px;
    background-color: transparent;
}

    .bbt-file * {
        cursor: pointer;
    }

    .bbt-file .text {
        position: absolute;
        top: 100%;
        left: 50%;
        transform: translate(-50%,-50%);
        font-size: .7em;
        opacity: 1;
        font-weight: bold;
        color: var(--color-neutro);
    }

    .bbt-file:before {
        content: '';
        position: absolute;
        top: -10px;
        height: 100%;
        width: 100%;
        background-image: url(../images/icons/gray/file.png);
        left: 0;
        background-position: center;
        background-repeat: no-repeat;
        background-color: transparent;
        transition: all .3s;
    }

    .bbt-file .icon-add {
        height: 20px;
        width: 20px;
        position: absolute;
        bottom: 16px;
        right: 7px;
        transform: scale(.8);
        background-color: transparent;
        background-image: url('../images/icons/gray/add.png');
        transition: all .3s;
    }

    .bbt-file:hover::before {
        background-image: url(../images/icons/grass/file_black.png);
        top: 0px;
        left: -1px;
        transform: scale(1.2);
    }

    .bbt-file:hover .text {
        opacity: 0;
        transform: translateX(-15px);
    }

    .bbt-file:hover .icon-add {
        bottom: 8px;
        right: 10px;
        transform: scale(1);
        background-image: url('../images/icons/white/add.png');
    }


.bt-search {
    height: 34px !important;
    min-width: 34px !important;
    background-image: url('../images/icons/gray/search.png') !important;
    background-position: center !important;
    background-repeat: no-repeat !important;
    border: .5px solid silver !important;
    background-color: transparent !important;
    cursor: pointer;
}

    .bt-search:hover {
        background-image: url('../images/icons/white/search.png') !important;
        border: .5px solid silver !important;
        background-color: var(--color-grass) !important;
    }

.btpu {
    width: 40px;
    height: 40px;
    margin-left: 20px;
    position: relative;
    transition: all .3s;
    background-color: transparent !important;
    border: none !important;
    z-index: 1;
    cursor: pointer;
}

    .btpu::before {
        content: '';
        position: absolute;
        top: 0;
        left: 50%;
        width: 100%;
        height: calc(100% + 2px);
        transform: translate(-50%, -25%) scale(.6);
        background-position: center;
        background-repeat: no-repeat;
        transition: all .3s;
        z-index: 3;
    }

    .btpu::after {
        content: attr(title);
        position: absolute;
        bottom: 0;
        left: 50%;
        transform: translateX(-50%);
        text-align: center;
        transition: all .3s;
        font-size: .75em;
        z-index: 2;
        color: var(--color-blanco);
    }

    .btpu:hover::before {
        top: 5px;
        transform: translate(-50%, -12.5%) scale(1);
        /*background-color: var(--color-blanco);*/
    }

    .btpu:hover::after {
        opacity: 0;
    }

    .btpu.back::before {
        background-image: url(../images/icons/white/back.png);
    }

    .btpu.back:hover::before {
        background-image: url(../images/icons/white/back.png);
    }

    .btpu.save::before {
        background-image: url(../images/icons/white/save.png);
    }

    .btpu.save.resaltado::before {
        filter: drop-shadow(0 0 8px black) drop-shadow(0 0 2px black) drop-shadow(0 0 3px black);
    }

#BtAceept {
    background-color: #28a745;
    border: none;
    color: white;
    font-weight: bold;
    transform: scale(1.1);
    animation: pulse 1.5s infinite;
}

    .btpu.save:hover::before {
        background-image: url(../images/icons/white/save.png);
    }

    .btpu.download::before {
        background-image: url(../images/icons/white/download.png);
    }

    .btpu.download:hover::before {
        background-image: url(../images/icons/white/download.png);
    }

    .btpu.send::before {
        background-image: url(../images/icons/white/send.png);
    }

    .btpu.send:hover::before {
        background-image: url(../images/icons/white/send.png);
    }

    .btpu.see::before {
        background-image: url(../images/icons/white/see.png);
    }

    .btpu.see:hover::before {
        background-image: url(../images/icons/white/see.png);
    }

    .btpu.file-ok::before {
        background-image: url(../images/icons/white/file-ok.png);
    }

.btpu.file-ok:hover::before {
    background-image: url(../images/core/Aceptar.png);
}

.btpu.file-ko::before {
    background-image: url(../images/icons/white/file-ko.png);
}

.btpu.file-ko:hover::before {
    background-image: url(../images/core/Cancel32.png);
}

.btpu.file-reabrir::before {
    background-image: url(../images/icons/white/file-ko.png);
}

.btpu.file-reabrir:hover::before {
    background-image: url(../images/core/reabrir.png);
}

.img-aceptar {
    background-image: url(../images/icons/black/aceptar.png);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
}

.img-cancelar {
    background-image: url(../images/icons/black/cancelar.png);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
}

#BtAceptarMaterial2.btpu::after,
#BtCancelarMaterial2.btpu::after,
#BtNuevaNotaReal.btpu::after,
#BtEliminarNotaReal.btpu::after {
    content: none !important;
}

.img-nuevo {
    background-image: url(../images/icons/black/nueva_nota.png);
    background-repeat: no-repeat;
    transform: scale(2.3);
    background-size:contain;    
}

.img-borrar {
    background-image: url(../images/icons/black/eliminar_nota.png);
    background-repeat: no-repeat;
    transform: scale(2.3);
    background-size:contain;
}

.btpu.aniadir::before {
    background-image: url(../images/icons/gray/add.png);
    transform: scale(1.2);
    background-repeat: no-repeat;
}
.btpu.aniadir:hover::before {
    background-image: url(../images/icons/gray/add.png);
    transform: scale(1.2);
    background-repeat: no-repeat;
}

.img-documentos {
    background-image: url(../images/icons/white/docs.png);
    background-repeat: no-repeat;
}

.btpu.historial::before {
    background-image: url(../images/icons/white/historial.png);
}

.btpu.historial:hover::before {
    background-image: url(../images/icons/white/historial.png);
}


.btpu.descargar::before {
    background-image: url(../images/icons/black/downloads.png);
    transform: scale(1.2);
    background-repeat: no-repeat;
}
.btpu.descargar:hover::before {
    background-image: url(../images/icons/black/downloads.png);
    transform: scale(1.2);
    background-repeat: no-repeat;
}

.btpu.editar::before {
    background-image: url(../images/icons/black/edit_button.png);
    transform: scale(1.2);
    background-repeat: no-repeat;
}
.btpu.editar:hover::before {
    background-image: url(../images/icons/black/edit_button.png);
    transform: scale(1.2);
    background-repeat: no-repeat;
}

.btpu.eliminar-img::before {
    background-image: url(../images/icons/black/delete.png);
    transform: scale(1.2);
    background-repeat: no-repeat;
}
.btpu.eliminar-img:hover::before {
    background-image: url(../images/icons/black/delete.png);
    transform: scale(1.2);
    background-repeat: no-repeat;
}

.btpu.ver-img::before {
    background-image: url(../images/icons/black/see.png);
    transform: scale(1.2);
    background-repeat: no-repeat;
}
.btpu.ver-img:hover::before {
    background-image: url(../images/icons/black/see.png);
    transform: scale(1.2);
    background-repeat: no-repeat;
}

/***************************************************
            MESSAGE
****************************************************/
.ekt-message {
    display: block;
    position: absolute;
    padding: 0.5em;
    border-radius: 10px;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    /* border-top: 15px solid #000000; */
    /* border-bottom: 15px solid #000000; */
    /* border: 5px solid #000000; */
    background-color: #ffffff33;
    font-size: 1.5e;
    width: 100%;
    position: fixed;
    z-index: 100001;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    height: 100vh;
}

.message-dialog {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    min-height: 80px;
    padding: 18px;
    border: none;
    border-radius: 15px;
    background-color: var(--color-blanco);
    display: flex;
    justify-content: space-between;
    align-items: self-start;
    box-shadow: 0px 0px 4px 2px silver;
    z-index: 100002;
}

.message-dialog-body-buttons {
    margin: 5px 0;
    background-color: var(--color-blanco);
    display: flex;
    justify-content: right;
    width: 100%;
}

.message-dialog-body {
    background-color: var(--color-blanco);
    color: var(--color-main);
    margin: 0 20px 0 0;
}

.message-dialog-image {
    background-position: center;
    background-repeat: no-repeat;
    min-width: 44px;
    min-height: 44px;
    margin: 5px 20px 0 0;
    background-size: contain;
    background-image: none;
}

.message-dialog.error .message-dialog-image {
    background-image: url('../images/core/x48/error.png');
}

.message-dialog.info .message-dialog-image {
    background-image: url('../images/core/x48/info.png');
}

.message-dialog.warning .message-dialog-image {
    background-image: url('../images/core/x48/warning.png');
}

.message-dialog-body-buttons {
    margin-right: 0;
    flex-direction: row;
    justify-content: space-around;
}

.message-dialog-close-button {
    opacity: 1;
    display: none;
}

.bg-center {
    background-position: center;
    background-repeat: no-repeat;
}


.flex-column {
    display: flex;
    flex-direction: column;
}

.flex-center {
    display: flex;
    justify-content: center;
    align-items: center;
}


/***************************************************
            CONTROLES
****************************************************/


/*BOTONES*/
.single-button {
    height: var(--height-controles);
    color: var(--color-blanco);
    background-color: var(--color-main);
    border: var(--border-fino-oscuro);
    border-radius: var(--border-radius-min);
    border-bottom-width: 1px;
    margin-top: 13px;
    padding: var(--padding-controles);
    /**/
    font-weight: bold;
    transition: .3s;
    cursor: pointer;
    min-width: 100px;
    margin-top: 13px;
}

.dos-botones {
    display: flex;
    justify-content: center;
    gap: 10px;
    flex-direction: row;
    /**/
    /*height: var(--height-controles);
	color: var(--color-blanco);
	background-color: var(--color-main);
	border: var(--border-fino-oscuro);
	border-radius: var(--border-radius-min);
	border-bottom-width: 1px;
	margin: var(--margin-controles);
	padding: var(--padding-controles);*/
    /**/
    /*font-weight: bold;
	transition: .3s;
	cursor: pointer;
	min-width: 100px;
	margin-top: 13px;*/
}