:root {
    --fuenteBoostrap: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";
}

* {
    margin: 0;
    padding: 0;
}

body {
    background: #ffffff;
    font-family: var(--fuenteBoostrap);
    font-size: 12px;
    color: #333;
}


.textos {
    font-family: var(--fuenteBoostrap); /*Verdana, Geneva, sans-serif;*/
    font-size: 12px;
    text-align: justify;
    color: #333;
}


.textos_menu_lateral {
    font-family: var(--fuenteBoostrap);/*Arial, Helvetica, sans-serif;*/
    font-size: 11px;
    text-align: justify;
    color: #336598;
    font-weight: bold;
    font-size-adjust: inherit;
    font-stretch: condensed
}


.textos_ficha_identificacion {
    font-family: var(--fuenteBoostrap);    /*Arial, Helvetica, sans-serif;*/
    font-size: 11px;
    text-align: justify;
    color: #115091;
}

.titulos_textos {
    font-family: var(--fuenteBoostrap);/*Verdana, Geneva, sans-serif;*/
    font-size: 15px;
    font-weight: bold;
    text-align: justify;
    color: #115091;
}


.sub_titulos_textos {
    font-family: Verdana, Geneva, sans-serif;
    font-size: 12px;
    font-weight: bold;
    text-align: justify;
    color: #115091;
}


.menu_3_nivel {
    font-size: 10px;
    font-family: Verdana,Helvetica;
    font-weight: bold;
    color: white;
    background: #115091;
    border: 0px;
    height: 19px;
}

.boton {
    font-size: 10px;
    font-family: Verdana,Helvetica;
    font-weight: bold;
    color: white;
    background: #638cb5;
    border: 0px;
    width: 80px;
    height: 19px;
}



a.button {
    background: transparent url(images/bg_button_a_rojo.gif) no-repeat scroll top right;
    font-weight: bold;
    color: white;
    display: block;
    float: left;
    font-family: Verdana, Geneva, sans-serif;
    font-size: 10px;
    margin-right: 6px;
    padding-right: 18px;
    text-decoration: none;
}

    a.button span {
        background: transparent url(images/bg_button_span_rojo.gif) no-repeat;
        display: block;
        line-height: 14px;
        padding: 5px 0 5px 18px;
    }

    a.button:active {
        background-position: bottom right;
        color: #000;
        outline: none;
    }

        a.button:active span {
            background-position: bottom left;
            padding: 6px 0 4px 18px;
        }

.modalBackground {
    background-color: black;
    filter: alpha(opacity=70);
    opacity: 0.7;
    height: 100%;
    vertical-align: middle;
    width: 100%;
    color: Black;
    font-family: Verdana;
}

.modalPopup {
    /*background-color:#FFF8C6; */
    border-width: 3px;
    border-style: solid;
    border-color: Gray;
    padding: 3px;
    display: none;
}

#area_de_contenido {
    width: 824px;
    height: 443px;
    padding-top: 10px;
    padding-right: 10px;
    padding-bottom: 20px;
    padding-left: 30px;
    float: left;
    font-family: Verdana, Geneva, sans-serif;
    font-size: 12px;
    text-align: justify;
    color: #333;
    overflow: auto
}

.introducirtexto_obligatorio {
    width: 130px;
    height: 16px;
    border: 1px solid #115091;
    background-color: #f6fc8e;
    text-align: left;
    color: #333
}

.introducirtexto {
    width: 130px;
    height: 16px;
    border: 1px solid #115091;
    background-color: #ffffff;
    text-align: left;
    color: #333
}

.estilo_textarea {
    width: 400px;
    height: 100px;
    border: 1px solid #115091;
    color: #333;
    font-family: Verdana, Geneva, sans-serif;
    font-size: 12px;
    text-align: justify;
}

.combo_box {
    width: 160px;
    height: 20px;
    border: 1px solid #115091;
    font-family: Verdana, Geneva, sans-serif;
    font-size: 12px;
    text-align: left;
    color: #115091;
    font-weight: bold;
}


a:hover {
    text-decoration: underline;
}




/* aqui empiesa el menu acordeon*/ /* aqui empiesa el menu acordeon*/ /* aqui empiesa el menu acordeon*/ /* aqui empiesa el menu acordeon*/

ul#navmenu-h {
    margin: 0;
    border: 0 none;
    padding-left: 0px;
    width: 400px;
    list-style: none;
    height: 33px;
}

    ul#navmenu-h li {
        margin: 0;
        border: 0 none;
        padding: 0px;
        float: left;
        display: inline;
        list-style: none;
        position: relative;
        height: auto;
    }

    ul#navmenu-h ul {
        margin: 0;
        border: 0 none;
        padding: 0;
        width: 180px;
        list-style: none;
        display: none;
        position: absolute;
        top: 24px;
        left: 0;
    }

        ul#navmenu-h ul:after /*para IE 7*/ {
            clear: both;
            display: block;
            font: 1px/0px serif;
            content: ".";
            height: 0;
            visibility: hidden;
        }

        ul#navmenu-h ul li {
            width: 200px;
            float: left; /*para IE 7*/
            display: block !important;
            display: inline; /*para IE 7*/
        }

    /* Root Menu */
    ul#navmenu-h a {
        border-right-color: #CCC;
        float: none !important; /*para IE 7*/
        float: left; /*para IE 7*/
        display: block;
        color: #ffffff;
        font: bold 10px/22px Verdana, Arial, Helvetica, sans-serif;
        text-decoration: none;
        height: 27px !important;
        height: 1%; /*para IE 7*/
        padding-top: 6px;
        padding-right: 6px;
        padding-bottom: 0;
        padding-left: 6px;
    }

        /* Raiz Menu */
        ul#navmenu-h a:hover,
        ul#navmenu-h li:hover a,
        ul#navmenu-h li.iehover a {
            background-color: #4578af;
            color: #FFF;
        }

    /* 2nd Menu */
    ul#navmenu-h li:hover li a,
    ul#navmenu-h li.iehover li a {
        float: none;
        background-color: #4578af;
        color: #ffffff;
    }

        /* 2nd Menu over */
        ul#navmenu-h li:hover li a:hover,
        ul#navmenu-h li:hover li:hover a,
        ul#navmenu-h li.iehover li a:hover,
        ul#navmenu-h li.iehover li.iehover a {
            background-color: #0099FF;
            color: #FFF;
        }

    /* 3rd Menu */
    ul#navmenu-h li:hover li:hover li a,
    ul#navmenu-h li.iehover li.iehover li a {
        background-color: #0099FF;
        color: #666;
    }

        /* 3rd Menu over */
        ul#navmenu-h li:hover li:hover li a:hover,
        ul#navmenu-h li:hover li:hover li:hover a,
        ul#navmenu-h li.iehover li.iehover li a:hover,
        ul#navmenu-h li.iehover li.iehover li.iehover a {
            background-color: #0099FF;
            color: #FFF;
        }

    /* 4th Menu */
    ul#navmenu-h li:hover li:hover li:hover li a,
    ul#navmenu-h li.iehover li.iehover li.iehover li a {
        background: #EEE;
        color: #666;
    }

        /* 4th Menu over */
        ul#navmenu-h li:hover li:hover li:hover li a:hover,
        ul#navmenu-h li.iehover li.iehover li.iehover li a:hover {
            background: #CCC;
            color: #FFF;
        }

    ul#navmenu-h ul ul,
    ul#navmenu-h ul ul ul {
        display: none;
        position: absolute;
        top: 0;
        left: 160px;
    }

    /* lista*/
    ul#navmenu-h li:hover ul ul,
    ul#navmenu-h li:hover ul ul ul,
    ul#navmenu-h li.iehover ul ul,
    ul#navmenu-h li.iehover ul ul ul {
        display: none;
    }

    ul#navmenu-h li:hover ul,
    ul#navmenu-h ul li:hover ul,
    ul#navmenu-h ul ul li:hover ul,
    ul#navmenu-h li.iehover ul,
    ul#navmenu-h ul li.iehover ul,
    ul#navmenu-h ul ul li.iehover ul {
        display: block;
    }


.footer {
    font-family: Verdana, Geneva, sans-serif;
    font-size: 8px;
    color: #333;
    text-align: right
}

.LinkButton {
    font-size: 12px;
    font-family: Calibri;
    text-align: center;
    font-weight: bold;
    color: White; /*#FFCC00;*/
    height: 18px;
    background-color: #868686;
    border-bottom-color: #565656;
    border-bottom-width: 1px;
    border-bottom-style: solid;
    border-left-color: #565656;
    border-left-width: 1px;
    border-left-style: solid;
    border-right-color: #565656;
    border-right-width: 1px;
    border-right-style: solid;
    border-top-color: #565656;
    border-top-width: 1px;
    border-top-style: solid;
    text-decoration: none;
    cursor: pointer;
}

.contenido {
    float: left;
    width: 790px; /*746px;*/
    /*height: 600px;*/
    height:auto;
    /*500px;*/
    /*padding: 5px 10px 10px 5px;*/
    overflow: auto
}

.TableHeader {
    font-weight: bold;
    font-size: 12px;
    vertical-align: middle;
    text-align: left;
    color: #ffffff;
    font-family: Verdana, height: 17px;
    background-color: #77a4cd;
}

.TextBox {
    width: 145px;
    height: 16px;
    border: 1px solid #115091;
    font-family: Verdana, Geneva, sans-serif;
    font-size: 11px;
    background-color: #ffffff;
    text-align: left;
    color: #333
}

.TextBoxRequired {
    width: 145px;
    height: 16px;
    border: 1px solid #115091;
    font-family: Verdana, Geneva, sans-serif;
    font-size: 11px;
    background-color: #f6fc8e;
    text-align: left;
    color: #333;
}

.TextBoxRequiredSf {
    width: 250px;
    height: 16px;
    border: 1px solid #115091;
    font-family: Verdana, Geneva, sans-serif;
    font-size: 11px;
    background-color: #f6fc8e;
    text-align: left;
    color: #333;
}

.TextBoxGrande {
    width: 500px;
    height: 16px;
    border: 1px solid #115091;
    font-family: Verdana, Geneva, sans-serif;
    font-size: 11px;
    text-align: left;
    border: none;
    background-color: Transparent;
}

.TextBoxDateRequired {
    width: 70px;
    height: 16px;
    border: 1px solid #115091;
    font-family: Verdana, Geneva, sans-serif;
    font-size: 11px;
    background-color: #f6fc8e;
    text-align: left;
    color: #333;
}

.TextBoxNombres {
    width: 140px;
    height: 16px;
    border: 1px solid #115091;
    font-family: Verdana, Geneva, sans-serif;
    font-size: 11px;
    background-color: #b8c9db;
    text-align: left;
}

.TextBoxTelefonos {
    width: 100px;
    height: 16px;
    border: 1px solid #115091;
    font-family: Verdana, Geneva, sans-serif;
    font-size: 11px;
    background-color: #b8c9db;
    text-align: left;
}



.Label {
    font-family: Verdana, Geneva, sans-serif;
    font-size: 12px;
    text-align: justify;
    color: #333;
}

.Title {
    font-family: Verdana, Geneva, sans-serif;
    font-size: 15px;
    font-weight: bold;
    text-align: justify;
    color: #115091;
}

/*
.DropDownList
{
	width:160px;
	height:20px;
	border: 1px solid #115091;
	font-family:Verdana, Geneva, sans-serif;
	font-size:12px;
	text-align: left;
	color: #115091;
	font-weight: bold;
}
*/

.DropDownList {
    font-family: Calibri;
    font-size: 12px;
    border-bottom-color: #A8A5AE;
    border-bottom-width: 1px;
    border-bottom-style: solid;
    border-left-color: #A8A5AE;
    border-left-width: 1px;
    border-left-style: solid;
    border-right-color: #A8A5AE;
    border-right-width: 1px;
    border-right-style: solid;
    border-top-color: #A8A5AE;
    border-top-width: 1px;
    border-top-style: solid;
    background-color: #FFFFFF;
    color: #3630CE;
    text-transform: uppercase;
    width: 210px;
}

.RequiredText {
    font-family: Verdana, Geneva, sans-serif;
    font-size: 12px;
    text-align: justify;
    color: #333;
}

.CheckBox {
    width: 10px;
    height: 10px;
    border: 1px solid #115091;
    color: #115091;
}

.CheckBoxPequeno {
    font-family: Calibri, Verdana;
    font-size: 12px;
    color: #0000CC;
    font-weight: bold;
}

.RadioButton {
    width: 15px;
    height: 15px;
    border: 1px solid #115091;
    color: #115091;
}

.RadioButtonListPequeno {
    font-family: Calibri, Verdana;
    font-size: 12px;
    color: #0000CC;
    font-weight: bold;
}

.FrameTable {
    background-color: #FFFFFF;
}

.Button {
    font-size: 10px;
    font-family: Verdana,Helvetica;
    font-weight: bold;
    color: white;
    background: #638cb5;
    border: 0px;
    width: 80px;
    height: 19px;
}

.ButtonHight {
    font-size: 10px;
    font-family: Verdana,Helvetica;
    font-weight: bold;
    color: white;
    background: #638cb5;
    border: 0px;
    width: 120px;
    height: 19px;
}

.background_content {
    /*background-image: url(../../img/fondo_contenido_1.jpg);
    width: 100%;
    background-repeat: no-repeat;
    background-position: bottom;*/
    overflow-x: auto;
}

.etiqueta_Encabezado {
    font-family: Calibri, Verdana, Arial;
    font-size: 14px;
    /*color: #FFFFFF;*/
    font-weight: bold;
}
/* Estilos Temporales de Diseño */

.titulo01 {
    font-family: Calibri, Verdana, Arial;
    font-size: 14px;
    background-color: #689ACC;
    color: #FFFFFF;
    font-weight: bold;
}

.titulo02 {
    font-family: Calibri, Verdana, Arial;
    font-size: 14px;
    background-color: #76A4CC;
    color: #FFFFFF;
    font-weight: bold;
}

.titulo03 {
    font-family: Calibri, Verdana, Arial;
    font-size: 14px;
    background-color: #A5B8DA;
    color: #FFFFFF;
    font-weight: bold;
}

.titulo04 {
    font-family: Calibri, Verdana, Arial;
    font-size: 14px;
    background-color: #009999;
    color: #FFFFFF;
    font-weight: bold;
}



.textos_menu_lateral {
    font-family: var(--fuenteBoostrap) ;/*Arial, Helvetica, sans-serif;*/
    font-size: 11px;
    color: #336598;
    font-weight: bold;
    font-size-adjust: inherit;
    font-stretch: condensed;
    text-align: left;
}

.textos_menu_lateral2 {
    font-family: var(--fuenteBoostrap) ;/*Arial, Helvetica, sans-serif;*/
    font-size: 12px;
    color: #000080;
    font-weight: bold;
    font-size-adjust: inherit;
    font-stretch: condensed;
    text-decoration: underline;
    text-align: left;
}

.GridViewHeader {
    height: 18px;
    background: url(../../_images/sprite.png) repeat-x 0px 0px;
    border-color: #989898 #cbcbcb #989898 #989898;
    border-style: solid solid solid none;
    border-width: 1px 1px 1px medium;
    padding: 4px 5px 4px 10px;
    vertical-align: middle;
    text-align: center;
    font-family: Verdana;
    font-size: 10px;
    font-weight: bold;
    font-style: normal;
}

.GridViewPager {
    font-weight: bold;
    font-size: 11px;
    font-family: Verdana;

    COLOR: black;
    HEIGHT: 18px;
    BACKGROUND-COLOR: #d2dfe0;
    text-decoration: none;
    text-align: center;
}

.GridViewItem {
    height: 18px;
    background-color: #ffffff;
    text-transform: uppercase;
    font-family: Verdana;
    /*font-family: var(--fuenteBoostrap);*/
    font-size: 10px;
}

.GridViewAlterningItem {
    height: 18px;
    background-color: #f1f1f1;
    text-transform: uppercase;
    font-family: Verdana;
    /*font-family: var(--fuenteBoostrap);*/
    font-size: 10px;
}

.GridVieEmptyItem {
    font-family: Calibri, Verdana;
    /*font-family: var(--fuenteBoostrap);*/
    font-size: 12px;
    color: #0000CC;
    font-weight: bold;
}

.GridViewFooter {
    background: url(../../_images/sprite.png) repeat-x 0px 0px;
    padding: 4px 5px 4px 10px;
    vertical-align: middle;
    font-family: Verdana;
    /*font-family: var(--fuenteBoostrap);*/
    font-size: 10px;
    font-weight: bold;
    font-style: normal;
}


/*
	ETIQUETAS Y TITULOS
*/
.tituloLogin {
    font-family: Calibri, Verdana, Arial;
    font-size: 14px;
    color: #FFFFFF;
    background-color: #5da7cc;
    font-weight: bold;
}

.etiqueta {
    font-family: Calibri, Verdana;
    font-size: 11px; /*12px;*/
    color: #000000
}

.ApplicationTitle {
    font-weight: bold;
    font-size: 28px;
    color: #FFFFFF;
    font-family: Arial, Verdana, Tahoma;
}

.etiquetaError {
    font-size: 12px;
    color: #ff473c;
    font-family: Calibri, Verdana, Tahoma, Arial, 'Microsoft Sans Serif';
    text-align: left;
    font-weight: bold;
    background-color: #FFFFDD;
    width: 99%;
    vertical-align: middle;
}

.etiquetaExito {
    font-size: 12px;
    color: #3333FF;
    font-family: Calibri, Verdana, Tahoma, Arial, 'Microsoft Sans Serif';
    text-align: center;
    font-weight: bold;
}

.etiquetaTitulo02 {
    font-size: 12px;
    color: #000000;
    font-style: normal;
    font-family: Calibri, Verdana, Tahoma, Arial, Sans-Serif;
    background-color: #D7D7D7;
    vertical-align: middle;
}

.etiquetaInfo {
    font-family: Calibri, Verdana;
    font-size: 11px; /*12px*/
    color: #0000CC;
    font-weight: bold;
}

.etiquetaInfoAlter {
    font-family: Calibri, Verdana;
    font-size: 11px; /*12px*/
    color: #000000;
    font-weight: normal; /* bold;*/
}

.etiquetaLabelEncabezado {
    font-family: Calibri, Verdana;
    font-size: 11px;
    color: #000000;
    font-weight: bold;
}

.etiquetaEncabezado {
    font-family: Calibri, Verdana;
    font-size: 11px;
    color: #0000CC;
    font-weight: bold;
}

.SignOut {
    font-family: Calibri, Verdana, Arial;
    font-size: 12px;
    color: #FFFFFF;
    text-decoration: none
}

.etiquetaUpdatePanel {
    font-size: 20px;
    color: #003399;
    font-family: Calibri, Verdana, Tahoma, Arial, 'Microsoft Sans Serif';
    text-align: center;
    font-weight: bold;
}

/*.UpdatePanelStyle {
    font-size: 11px;
	filter: alpha(opacity=70);
	left: 0px;
	vertical-align: middle;
	width: 21%;
	color: Black;
	font-family: Verdana;
	position: absolute;
	top: 0px;
	height: 40%;
	background-color: whitesmoke;
}*/

.divProgressBar {
    font-size: 13px;
    filter: alpha(opacity=70);
    left: 0px;
    vertical-align: middle;
    width: 100%;
    color: black;
    font-family: Verdana;
    position: absolute;
    top: 0px;
    height: 100%;
    background-color: #F5F5F5;
    font-weight: bold;
}



.UpdatePanelStyle {
    background-color: rgba(0, 0, 0, 0.75);
    position: fixed;
    height: 100%;
    width: 100%;
    z-index: 5000;
    top: 0;
    left: 0;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-items: center;
}

    .UpdatePanelStyle span {
        color: #fff;
        font-family: apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";
        font-size: xx-large;
        font-weight: normal !important;
    }

.overlaySpinner {
    background-color: rgba(0, 0, 0, 0.75);
    position: fixed;
    height: 100%;
    width: 100%;
    z-index: 5000;
    top: 0;
    left: 0;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-items: center;
}

.ContenedorSpinner {
    margin: 0px auto;
    max-width: 600px;
    text-align: center;
    color: #fff;
    font: 1em sans-serif;
}

.spinnerCuadrado {
    width: 20px;
    height: 20px;
    /*position: relative;*/
    animation: spin-Cuadrado 1s ease infinite;
    /*top: 0;*/
    /*margin: -46px auto 0;*/
    margin: auto;
    margin-bottom: 60px;
}

@keyframes spin-Cuadrado {
    0%, 100% {
        box-shadow: -13px 20px 0 #ffffff, 13px 20px 0 rgba(255, 255, 255, 0.20), 13px 46px 0 rgba(255, 255, 255, 0.20), -13px 46px 0 rgba(255, 255, 255, 0.20);
    }

    25% {
        box-shadow: -13px 20px 0 rgba(255, 255, 255, 0.20), 13px 20px 0 #ffffff, 13px 46px 0 rgba(255, 255, 255, 0.20), -13px 46px 0 rgba(255, 255, 255, 0.20);
    }

    50% {
        box-shadow: -13px 20px 0 rgba(255, 255, 255, 0.20), 13px 20px 0 rgba(255, 255, 255, 0.20), 13px 46px 0 #ffffff, -13px 46px 0 rgba(255, 255, 255, 0.20);
    }

    75% {
        box-shadow: -13px 20px 0 rgba(255, 255, 255, 0.20), 13px 20px 0 rgba(255, 255, 255, 0.20), 13px 46px 0 rgba(255, 255, 255, 0.20), -13px 46px 0 #ffffff;
    }
}

.textoSpinner {
    color: #fff;
    font-family: Arial
}