html {
    overflow: auto;
}

.trvNodo a:link {
    font-size: 28px;
}

body {
    background: #ffffff;
    font-size: .80em;
    font-family: "Helvetica Neue", "Lucida Grande", "Segoe UI", Arial, Helvetica, Verdana, sans-serif;
    margin: 0;
    padding: 0;
    color: #696969;
    /*background-image: url('../Imagenes/Fondos/bg1.png');*/
    background-repeat: repeat;
}

select {
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    padding: 0 1px 0 1px;
    border: 1px solid #ccc;
}

a:link, a:visited {
    color: #034af3;
}

a:hover {
    color: #1d60ff;
    text-decoration: none;
}

a:active {
    color: #034af3;
}

p {
    margin-bottom: 10;
    line-height: 1.6em;
}


/* HEADINGS   
----------------------------------------------------------*/

h1, h2, h3, h4, h5, h6 {
    font-size: 1.5em;
    color: #666666;
    font-variant: small-caps;
    text-transform: none;
    font-weight: 200;
    margin-bottom: 0;
}

h1 {
    font-size: 1.6em;
    padding-bottom: 0;
    margin-bottom: 0;
}

h2 {
    font-size: 1.5em;
    font-weight: 600;
}

h3 {
    font-size: 1.2em;
}

h4 {
    font-size: 1.1em;
}

h5, h6 {
    font-size: 1em;
}

/* this rule styles <h1> and <h2> tags that are the 
first child of the left and right table columns */
.rightColumn > h1, .rightColumn > h2, .leftColumn > h1, .leftColumn > h2 {
    margin-top: 0;
}


/* PRIMARY LAYOUT ELEMENTS   
----------------------------------------------------------*/

.page {
    width: 100%;
    background-color: #fff;
    margin: 2px auto 0 auto;
    /*border: 1px solid #496077;*/
    border-radius: 4px;
}

.header {
    position: relative;
    margin: 0;
    padding: 0;
    background: #EAF8C3;
    width: 100%;
    border-radius: 4px;
    /*background: -moz-linear-gradient(left, rgba(255,255,255,1) 0%, rgba(246,246,246,1) 47%, rgba(237,237,237,1) 100%);
    background: -webkit-gradient(left top, right top, color-stop(0%, rgba(255,255,255,1)), color-stop(47%, rgba(246,246,246,1)), color-stop(100%, rgba(237,237,237,1)));
    background: -webkit-linear-gradient(left, rgba(255,255,255,1) 0%, rgba(246,246,246,1) 47%, rgba(237,237,237,1) 100%);
    background: -o-linear-gradient(left, rgba(255,255,255,1) 0%, rgba(246,246,246,1) 47%, rgba(237,237,237,1) 100%);
    background: -ms-linear-gradient(left, rgba(255,255,255,1) 0%, rgba(246,246,246,1) 47%, rgba(237,237,237,1) 100%);
    background: linear-gradient(to right, rgba(255,255,255,1) 0%, rgba(246,246,246,1) 47%, rgba(237,237,237,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ededed', GradientType=1 );*/
    background: rgb(247,247,247); /* Old browsers */
    background: -moz-linear-gradient(top, rgba(247,247,247,1) 0%, rgba(255,255,255,1) 62%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top, rgba(247,247,247,1) 0%,rgba(255,255,255,1) 62%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, rgba(247,247,247,1) 0%,rgba(255,255,255,1) 62%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f7f7f7', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */
}


    .header h1 {
        font-weight: 700;
        margin: 0;
        padding: 0 0 0 20;
        color: #f9f9f9;
        border: none;
        line-height: 2em;
        font-size: 2em;
    }

.main {
    min-height: 500px;
    padding: 0 12px;
    margin: 0;
    min-height: 420;
    background: rgb(255,255,255); /* Old browsers */
    background: -moz-linear-gradient(top, rgba(255,255,255,1) 59%, rgba(237,237,237,1) 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top, rgba(255,255,255,1) 59%,rgba(237,237,237,1) 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, rgba(255,255,255,1) 59%,rgba(237,237,237,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ededed',GradientType=0 ); /* IE6-9 */
}

.leftCol {
    padding: 6px 0;
    margin: 12px 8px 8px 8px;
    width: 200;
    min-height: 200;
}

.footer {
    color: #4e5766;
    padding: 8px 0 0 0;
    margin: 0 auto;
    text-align: center;
    line-height: normal;
}


/* TAB MENU   
----------------------------------------------------------*/

div.hideSkiplink {
    background-color: #43586B; /* #24896C;*/ /*#009900; /*#3a4f63;*/
    width: 100%;
}

div.menu {
    padding: 4px 0 4px 8px;
}

    div.menu ul {
        list-style: none;
        margin: 0;
        padding: 0;
        width: auto;
    }

        div.menu ul li a, div.menu ul li a:visited {
            /*estilo de los elementos del menú*/
            background-color: #235828; /*#465c71;*/
            border: 1px #4e667d solid;
            color: #dde4ec;
            display: block;
            line-height: 1.35em;
            padding: 4px 20;
            text-decoration: none;
            white-space: nowrap;
        }

            div.menu ul li a:hover {
                background-color: #A3CBA4; /*#bfcbd6;*/
                color: #465c71;
                text-decoration: none;
            }

            div.menu ul li a:active {
                background-color: #A3BBA0;
                color: #cfdbe6;
                text-decoration: none;
            }

/*****************************************************************************************************
ESTILOS DEL MENU SUPERIOR
*****************************************************************************************************/

.MenuDefault {
    font-family: Verdana;
    font-size: 14pt;
    width: 100%;
    background-color: #E0E0E0;
}

.btnStyle {
    border-style: solid;
    border-width: 5px;
    background-color: white;
}


.MenuItemStatic {
    font-size: 18px;
    text-decoration: none;
    text-align: center;
    width: 120;
}

/*    .MenuItemStatic a:link {
        padding: 1px 1px 1px 1px;
        border: 1px solid white; 
        color:black;
    }*/


.MenuItemDynamic {
    font-size: 14px;
    text-decoration: none;
    text-align: left;
}

    .MenuItemDynamic a:link {
        display: block;
        background-color: transparent;
        padding: 1px 1px 1px 1px;
        margin: 0 1px 0 0;
        border: 1px solid white;
        color: #FFFFFF;
    }

.MenuStatic {
    text-decoration: none;
}

#MenuTexton:hover {
    background-color: #696C9E;
    padding: 0;
}

.MenuDynamic {
    display: block;
    background-color: #003366;
    padding: 1px 1px 1px 1px;
    margin: 0 1px 0 0;
    color: #FFFFFF;
}


/***************************************Personalizacion'*/

#Image1 {
}

/*#Image1:hover {
        /*transform: rotate(360deg) scale(1) skew(1deg) translate(-8px);
    -webkit-transform: rotate(360deg) scale(1) skew(1deg) translate(-8px);
    -moz-transform: rotate(360deg) scale(1) skew(1deg) translate(-8px);
    -o-transform: rotate(360deg) scale(1) skew(1deg) translate(-8px);
    -ms-transform: rotate(360deg) scale(1) skew(1deg) translate(-8px);
        -webkit-transform: scale(1.25);
        -moz-transform: scale(1.25);
        -ms-transform: scale(1.25);
        -o-transform: scale(1.25);
        transform: scale(1.25);
    }*/


.TablaLogin {
    padding: 15px;
    border-radius: 4px;
    color: #080808;
    box-shadow: 0 2px 2px rgb(49, 112, 143), 0 0 3px rgb(49, 112, 143), 0 0 0 5px rgba(169, 164, 157, 0.24);
    /*Borde Shadow*/
}

.txtLogin {
    width: 180;
    height: 20;
    border-radius: 2px;
    border: 1px solid #ddd;
    background-color: aliceblue;
}


.TableHeader {
    text-align: center;
    /*background-color: #0B660B;*/
    /*color: #892424;*/
    background-color: #24896C;
    color: #FFFFFF;
    font-weight: bold;
}

.TablaDeclarante td {
    padding: 5px 40;
    width: 33%;
}



.TablaDeclarante th {
    color: #24896C;
    border: 3px solid #ebe6e2;
    border-radius: 5px;
    background: #E0ECDD;
}


.TablaDeclarante {
    border: 1px;
    border-color: #CBD2C9;
    border-style: solid;
    border-top: 1px;
    border-radius: 4px;
    margin-bottom: 2px;
}

#TCreditos {
    margin: auto;
    cursor: pointer;
    color: #fff;
    text-transform: uppercase;
    /*background: #f47e7e;*/
    background: #24896c;
    -moz-border-radius: 4px;
    -webkit-border-radius: 0 3px 3px 0;
    border-radius: 4px;
    text-shadow: 0 -1px 0 rgba(0,0,0,.3);
    padding: 4px;
    -webkit-box-shadow: 10 10 20 -8px rgba(0,0,0,0.75);
    -moz-box-shadow: 10 10 20 -8px rgba(0,0,0,0.75);
    box-shadow: 10 10 20 -8px rgba(0,0,0,0.75);
}

.triangulo_sup {
    border-left: 50 solid transparent;
    border-right: 50 solid transparent;
    border-bottom: 14px solid #24896c;
    text-align: center;
    vertical-align: super;
}

.cp_oculta {
    display: none;
}


#googleMap {
    margin-top: 5px;
}

/*VerdeClaro /*Borde Shadow*background-color: #B4D7C4;    /
    /******************************* FIN Estilos para el menú superior **********************************
    /*****************************************************************************************************/
/* FORM ELEMENTS   
----------------------------------------------------------*/
fieldset {
    margin: 1em 0;
    padding: 1em;
    border: 1px solid #ccc;
}

    fieldset p {
        margin: 2px 12px 10 10;
    }

    fieldset.login label, fieldset.register label, fieldset.changePassword label {
        display: block;
    }

    fieldset label.inline {
        display: inline;
    }

legend {
    font-size: 1.1em;
    font-weight: 600;
    padding: 2px 4px 8px 4px;
}

input.textEntry {
    width: 200;
    font-family: 'Lato', Calibri, Arial, sans-serif;
    font-size: 13px;
    font-weight: 400;
    border: 3px solid #ebe6e2;
    border-radius: 5px;
    -webkit-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    -ms-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
}

.textEntry:hover {
    border-color: #CCC;
}


input.passwordEntry {
    width: 200;
    font-family: 'Lato', Calibri, Arial, sans-serif;
    font-size: 13px;
    font-weight: 400;
    border: 3px solid #ebe6e2;
    border-radius: 5px;
    -webkit-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    -ms-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
}

.passwordEntry:hover {
    border-color: #CCC;
}

div.accountInfo {
    width: 42%;
}

/**************** MISC  *****************/

.clear {
    clear: both;
}

.title {
    display: inline;
    width: auto;
}

.loginDisplay {
    font-size: 1.1em;
    display: inline;
    text-align: right;
    padding: 10;
    color: #235828;
    text-align: right;
}

    .loginDisplay a:link {
        color: #235828;
    }

    .loginDisplay a:visited {
        color: #235828;
    }

    .loginDisplay a:hover {
        color: #235828;
    }

.failureNotification {
    font-size: 1.2em;
    color: #892424;
}

.bold {
    font-weight: bold;
}

/*.submitButton
{
    text-align: right;
    padding-right: 10;
}*/

.submitButton {
    background: #4aaaa5;
    /*background-image: -webkit-linear-gradient(top, #24896C, #0f5c45);
    background-image: -moz-linear-gradient(top, #24896C, #0f5c45);
    background-image: -ms-linear-gradient(top, #24896C, #0f5c45);
    background-image: -o-linear-gradient(top, #24896C, #0f5c45);
    background-image: linear-gradient(to bottom, #24896C, #0f5c45);*/
    -webkit-border-radius: 4;
    -moz-border-radius: 4;
    border-radius: 4px;
    color: #ffffff;
    font-size: 15px;
    padding: 5px 10 5px 10;
    text-decoration: none;
    -moz-box-shadow: 0 10 14px -7px #276873;
    -webkit-box-shadow: 0 10 14px -7px #276873;
    box-shadow: 0 10 14px -7px #276873;
    margin-bottom: 5px;
    margin-top: 5px;
    -webkit-border-radius: 6px;
    border-radius: 6px;
    -ms-border-radius: 6px;
    display: inline-block;
    display: run-in;
    cursor: pointer;
    font-family: Trebuchet MS;
    font-size: 17px;
    font-weight: bold;
    padding: 5px 10;
    text-decoration: none;
    behavior: url(border-radius.htc);
    min-width: 125px;
}

    .submitButton:active {
        position: relative;
        top: 1px;
    }

    .submitButton:hover {
        background: #45B796;
        background-image: -webkit-linear-gradient(top, #45B796, #27a37a);
        background-image: -moz-linear-gradient(top, #45B796, #27a37a);
        background-image: -ms-linear-gradient(top, #45B796, #27a37a);
        background-image: -o-linear-gradient(top, #45B796, #27a37a);
        background-image: linear-gradient(to bottom, #45B796, #27a37a);
        text-decoration: none;
    }

.bordeGris {
    border: 1px solid #CCCCCC;
}

.bordesGris {
    border: 1px solid #CCCCCC;
    border-width: 0px 1px 1px 1px;
    border-radius: 8px;
}

.TextoNegro {
    color: #000000;
}

.TextoRojo {
    color: Red;
}

.TextoAzul {
    color: #000099;
}

.TextoVerde {
    color: #40F515;
}

.TextoVerdeOscuro {
    color: #119911;
}

.TextoMorado {
    color: Purple;
}

.FondoVerde {
    background-color: #00EE00;
}

.FondoAmarillo {
    background-color: Yellow;
}

.FondoAmarilloOscuro {
    background-color: #D7DF01;
}

.FondoGrisClaro {
    background-color: #EEEEEE;
}

.Obligatorio {
    /*color: Blue;*/
    font-weight: bolder;
    color: #de380f;
}
/**************** FIN MISC *****************/

.CabeceraTablaDatos {
    /*background: #009900;
    color: #ffffff;
    font-weight: bold;
    font-size: 9pt;
    border-radius: 2px;
    margin-top: 2px;
    padding-left: 2px;
    line-height: 220%;*/
    border: 1px solid #FFF;
    background-color: #167F92;
    color: #FFF;
    padding: 0.7em;
}

.CajaTextoMayusculas {
    font-family: "Helvetica Neue", "Lucida Grande", "Segoe UI", Arial, Helvetica, Verdana, sans-serif;
    border: 1px solid #ccc;
    /*text-transform: uppercase;*/
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
}

.CajaTextoNumerico {
    text-align: right;
    font-family: "Helvetica Neue", "Lucida Grande", "Segoe UI", Arial, Helvetica, Verdana, sans-serif;
    border: 1px solid #ccc;
    /*text-transform: uppercase;*/
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
}

.CajaTextoNormal {
    font-family: "Helvetica Neue", "Lucida Grande", "Segoe UI", Arial, Helvetica, Verdana, sans-serif;
    border: 1px solid #ccc;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
}

.CajaTextoSinBorde {
    font-family: "Helvetica Neue", "Lucida Grande", "Segoe UI", Arial, Helvetica, Verdana, sans-serif;
    border: 0 solid #ccc;
}

.CajaTextoTransparente {
    font-family: "Helvetica Neue", "Lucida Grande", "Segoe UI", Arial, Helvetica, Verdana, sans-serif;
    background-color: Transparent;
}

.txtFiltroBuscador {
    direction: inherit;
    background-color: #F6FFF9;
    color: #000055;
    width: 90%;
    font-family: "Helvetica Neue", "Lucida Grande", "Segoe UI", Arial, Helvetica, Verdana, sans-serif;
    border: 1px solid transparent;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
}

.txtFiltroBuscador_Small {
    background-color: #EEEEEE; /*#E6F1E7;*/
    color: #000055;
    width: 90%;
    border: 1px solid gray;
    font-family: "Helvetica Neue", "Lucida Grande", "Segoe UI", Arial, Helvetica, Verdana, sans-serif;
    font-size: small;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
}

.BotonAccion {
    cursor: pointer;
    /*border: 1px solid #ccc;*/
    margin-bottom: 10px;
    height: 25px;
    max-height: 25px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    padding: 0 25px;
}

.BotonAccion2 {
    color: #FFFFFF; /*0267C9;*/
    cursor: pointer;
    background-color: #002288; /*#3E7FB3; 9AC1EC*/
    /*border: 1px solid #ccc;
    height: 25px;
    max-height: 25px;
    min-width: 125px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    -o-border-radius: 5px;
    padding: 0 25px;*/
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    color: #ffffff;
    font-size: 15px;
    padding: 5px 10 5px 10;
    text-decoration: none;
    /*-moz-box-shadow: 0 10 14px -7px #276873;
    -webkit-box-shadow: 0 10 14px -7px #551100;
    box-shadow: 0 10 14px -7px #551100;*/
    margin-bottom: 5px;
    margin-top: 5px;
    -webkit-border-radius: 6px;
    border-radius: 6px;
    -ms-border-radius: 6px;
    display: inline-block;
    display: run-in;
    cursor: pointer;
    font-family: Trebuchet MS;
    /* font-size: 17px; */
    /* font-weight: bold; */
    padding: 5px 10;
    text-decoration: none;
    behavior: url(border-radius.htc);
    min-width: 152px;
}
/*Boton Rojo*/

}

.BotonAccion2:hover {
    background: #0231bd;
}

/*.BotonAccion3 {
    color: #FFFFFF;
    cursor: pointer;
    background-color: #008800;
    border: 1px solid #ccc;
    height: 25px;
    max-height: 25px;
    /*min-width: 125px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    -o-border-radius: 5px;
    padding: 0 25px;
}*/
.BotonAccion3 {
    color: #FFFFFF;
    cursor: pointer;
    background-color: #0C820E;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    color: #ffffff;
    font-size: 15px;
    padding: 5px 10 5px 10;
    text-decoration: none;
    margin-bottom: 5px;
    margin-top: 5px;
    -webkit-border-radius: 6px;
    border-radius: 6px;
    -ms-border-radius: 6px;
    display: inline-block;
    display: run-in;
    cursor: pointer;
    font-family: Trebuchet MS;
    /* font-size: 17px; */
    /* font-weight: bold; */
    padding: 5px 10;
    text-decoration: none;
    behavior: url(border-radius.htc);
    min-width: 156px;
}

    .BotonAccion3:hover {
        background-color: #009e00;
    }

/*.BotonAccion4 {
    color: #FFFFFF;
    cursor: pointer;
    background-color: #551100;
    /*border: 1px solid #ccc;
    height: 25px;
    max-height: 25px;
    /*min-width: 125px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    -o-border-radius: 5px;
    padding: 0 25px;
}*/

.BotonAccion4 {
    color: #FFFFFF;
    cursor: pointer;
    background-color: #892424;
    -webkit-border-radius: 4;
    -moz-border-radius: 4;
    border-radius: 4px;
    color: #ffffff;
    font-size: 15px;
    padding: 5px 10 5px 10;
    text-decoration: none;
    /*-moz-box-shadow: 0 10 14px -7px #276873;
    -webkit-box-shadow: 0 10 14px -7px #551100;
    box-shadow: 0 10 14px -7px #551100;*/
    margin-bottom: 5px;
    margin-top: 5px;
    -webkit-border-radius: 6px;
    border-radius: 6px;
    -ms-border-radius: 6px;
    display: inline-block;
    display: run-in;
    cursor: pointer;
    font-family: Trebuchet MS;
    /* font-size: 17px; */
    /* font-weight: bold; */
    padding: 5px 10;
    text-decoration: none;
    behavior: url(border-radius.htc);
    min-width: 152px;
}
    /*Boton Rojo*/


    .BotonAccion4:hover {
        background-color: #781800;
    }

.BotonAccion5 {
    color: Blue;
    cursor: pointer;
    background-color: #91D91A;
    /*border: 2px solid #000000;
    height: 25px;
    max-height: 25px;
    /*min-width: 125px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    -o-border-radius: 5px;
    padding: 0 25px;*/
    -webkit-border-radius: 4;
    -moz-border-radius: 4;
    border-radius: 4px;
    color: #000000;
    font-size: 15px;
    padding: 5px 10 5px 10;
    text-decoration: none;
    /*-moz-box-shadow: 0 10 14px -7px #276873;
    -webkit-box-shadow: 0 10 14px -7px #551100;
    box-shadow: 0 10 14px -7px #551100;*/
    margin-bottom: 5px;
    margin-top: 5px;
    -webkit-border-radius: 6px;
    border-radius: 6px;
    -ms-border-radius: 6px;
    display: inline-block;
    display: run-in;
    cursor: pointer;
    font-family: Trebuchet MS;
    /* font-size: 17px; */
    /* font-weight: bold; */
    padding: 5px 10;
    text-decoration: none;
    behavior: url(border-radius.htc);
    min-width: 152px;
}
    /*Boton Rojo*/



    .BotonAccion5:hover {
        background-color: #d5e0fa;
    }

.BotonLista {
    vertical-align: top;
    cursor: pointer;
    background-color: #CAD8F8;
    border: 2px solid #DDDDDD;
    height: 21px;
    max-height: 21px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
}

.BotonAccion:disabled, .BotonAccion2:disabled, .BotonAccion3:disabled, .BotonAccion4:disabled, .BotonAccion5:disabled, input[type=submit]:disabled {
    background-color: #d1d1d1;
    color: gray;
    cursor: default;
}

.Oculto {
    display: none;
}

.shadow {
    /*-moz-box-shadow: 3px 3px 4px #111;
    -webkit-box-shadow: 3px 3px 4px #111;
    box-shadow: 3px 3px 4px #111;
    /* IE 8 */
    /*-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#111111')";*/
    /* IE 5.5 - 7 */
    /*filter: progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#111111');*/
}
/**************************************************
ESTILOS DEL GRID DE BÚSQUEDA
***************************************************/
.TablaFiltro {
    background-color: gray;
}

.EditRowFiltro {
    background-color: #DDEEDD;
}

.AlternatingRowFiltro {
    padding: 0;
    text-align: left;
    background-color: #DCDCDC;
}

.GridBusqueda th {
    border: 1px solid #ADAAAA;
    /*
		border-top: none;
		border-right: none;
		*/
}

.GridBusqueda td:first-child {
    border-left: none;
}

.GridBusqueda td:last-child {
    border-right: none;
}

.Grid td {
    border: 1px solid #cccccc;
}

    .Grid td:first-child {
        border-left: none;
    }

    .Grid td:last-child {
        border-right: none;
    }

/*.Grid2 tr:hover td{
background-color:#d4ffaa;
}

.Grid2 tr:hover tr:first-child td{
background-color:lightgreen;
}*/


.EditRow {
}

.EmptyDataRow {
}

.Footer {
    background-color: #CCCCCC;
    color: #000000;
}

.Header {
    text-align: left;
    background-color: #306d9e;
    color: #FFFFFF;
    vertical-align: middle;
    border: 0;
    /*width: 97%;*/
    /**/
    text-transform: uppercase;
}

    .Header td {
        padding: 5px;
    }

.Header2 {
    text-align: left;
    background-color: #ededed;
    color: #167F92;
    vertical-align: middle;
    border: 0;
    padding: 5px;
    height: 25px;
}

a.HeaderText {
    text-decoration: none;
    color: #FFFFFF;
    font-weight: 400;
    /*font: normal 1.7em/1.1 OFL Sorts Mill Goudy, Georgia, serif;*/
    font-size: 13px;
}

.Pager {
    color: #777777;
    font-weight: normal;
    text-align: center;
    text-transform: uppercase;
}

    .Pager td {
        background-color: lightgreen;
        color: darkgreen;
        font-size: 9pt;
    }


.Pager2 td {
    background-color: #ededed;
    color: #167f92;
    font-size: 11pt;
}

.PagerTxtPage {
    color: #777777;
    width: 30;
    border: 1px solid #ccc;
    text-transform: uppercase;
}


.Row {
    height: 20;
    text-align: left;
    /*vertical-align: top; */
    background-color: #FFFFFF; /*EAF8C3*/
    color: #000000;
}

.AlternatingRow {
    height: 20;
    text-align: left;
    background-color: #E0ECDD;
}

.RowFiltro {
    padding: 0;
    text-align: left;
    vertical-align: top;
    background-color: #EEEEEE;
    color: #000000;
}

.SelectedRow {
    font-weight: 500;
    background: #f9f189;
    /* float: right; */
    font-style: italic;
    color: white;
}

.separar {
    margin-bottom: 20;
}

.SelectedRow2 {
    text-align: left;
    font-size: smaller;
    font-weight: bold;
}

.SelectedRowFiltro {
    padding: 0;
    text-align: left;
    vertical-align: top;
    background-color: #78CA80;
    color: #FFFFFF;
    font-weight: bold;
}

.SortAscendingCell {
    background-color: #F1F1F1;
}

.SortAscendingHeader {
    background-color: #1f4a6d;
    text-transform: uppercase;
}

.SortDescendingCell {
    background-color: #CAC9C9;
}

.SorDescendingHeader {
    background-color: #1f4a6d;
}

.lblGridConsulta {
    background-color: transparent;
    color: #005500;
    /*width: 90%;*/
    font-family: "Helvetica Neue", "Lucida Grande", "Segoe UI", Arial, Helvetica, Verdana, sans-serif;
    border: 1px solid transparent; /*text-transform: uppercase;*/
}

.lblGridConsulta2 {
    background-color: transparent;
    color: #005500;
    /*width: 90%;*/
    font-family: "Helvetica Neue", "Lucida Grande", "Segoe UI", Arial, Helvetica, Verdana, sans-serif;
    font-size: small;
}

/*******************************************************************************************************
ESTILOS DEL GRID DE SMALL 
*******************************************************************************************************/
.AlternatingRow_Small {
    text-align: left;
    background-color: #DDDDDD;
    color: #000000;
    font-size: smaller;
    border: 1px solid #4b6c9e;
}

.Grid_Small {
    border: 1px solid #cccccc;
}




.EmptyDataRow_Small {
}

.Footer_Small {
    background-color: #CCEECC;
    color: #000000;
    font-size: smaller;
}

.Header_Small {
    text-align: center;
    background-color: #0B660B;
    color: #FFFFFF;
    font-size: smaller;
    font-weight: 400;
}

a.HeaderText_Small {
    text-decoration: none;
    color: #FFFFFF;
    font-size: smaller;
    font-weight: 400;
}

.Pager_Small {
    color: #777777;
    font-size: smaller;
    font-weight: normal;
    text-align: center;
    text-transform: uppercase;
}

.PagerTxtPage_Small {
    color: #777777;
    font-size: smaller;
    width: 30;
    border: 1px solid #ccc;
    text-transform: uppercase;
}

.Row_Small {
    text-align: left;
    background-color: #FFFFFF; /*#EEEEEE;*/
    color: #333333;
    font-size: smaller;
    border: 1px solid #4b6c9e;
}

.SelectedRow_Small {
    text-align: left;
    background-color: #78CA80;
    color: #FFFFFF;
    font-size: smaller;
    font-weight: bold;
}

.SelectedRow_Small2 {
    text-align: left;
    font-size: smaller;
    color: red;
    font-weight: bold;
}

.SortAscendingCell_Small {
    background-color: #F1F1F1;
    font-size: smaller;
}

.SortAscendingHeader_Small {
    background-color: #0000A9;
    font-size: smaller;
}

.SortDescendingCell_Small {
    background-color: #CAC9C9;
    font-size: smaller;
}

.SorDescendingHeader_Small {
    background-color: #000065;
    font-size: smaller;
}


.lblGridConsulta_Small {
    background-color: transparent;
    color: #005500;
    width: 90%;
    font-family: "Helvetica Neue", "Lucida Grande", "Segoe UI", Arial, Helvetica, Verdana, sans-serif;
    font-size: smaller;
    border: 1px solid transparent; /*text-transform: uppercase;*/
}




/****************** botonera *******************/
.BotoneraBoton {
    width: 32px;
    height: 40;
    vertical-align: top;
    text-align: center;
    cursor: pointer;
}



.BotoneraSeparador {
    width: 10;
    vertical-align: middle;
    text-align: center;
    height: 40;
}

.botonera2 {
    margin-bottom: 30;
    /*border: 1px outset activeborder;
    background-color: #F0F8FF;*/
    color: silver;
    font-size: 8px;
    width: 300;
    padding: 5px 5px 1px 5px;
}

    .botonera2 td {
        padding: 8px;
    }

/****************** FIN botonera *******************/

/*********************************************/
/*               Accordion                   */
.accordionHeader {
    border: 1px solid #2F4F4F;
    color: white;
    background-color: #009900;
    font-family: Arial, Sans-Serif;
    font-size: 12px;
    font-weight: bold;
    padding: 5px;
    margin-top: 5px;
    cursor: pointer;
    border-radius: 3px;
}

.accordionContent {
    background-color: #EAF8C3; /*E6F4E7; #D3DEEF;*/
    /*border: 1px dashed #2F4F4F;*/
    border: 1px dashed rgba(125, 125, 125, 0.29);
    border-top: none;
    padding: 5px;
    padding-top: 10;
    text-decoration: none;
    border-bottom-left-radius: 3px;
    border-bottom-right-radius: 3px;
}

    .accordionContent a {
        text-decoration: none;
    }

        .accordionContent a:hover {
            color: #000099;
            text-decoration: none;
        }

.accordionHeaderSelected {
    border: 1px solid #2F4F4F;
    color: white;
    background-color: #009900; /*#5078B3;*/
    font-family: Arial, Sans-Serif;
    font-size: 12px;
    font-weight: bold;
    padding: 5px;
    margin-top: 5px;
    cursor: pointer;
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;
}

.accordionHeader a {
    color: #FFFFFF;
    background: none;
    text-decoration: none;
}

    .accordionHeader a:hover {
        background: none;
        text-decoration: none;
    }

.accordionHeaderSelected a {
    color: #FFFFFF;
    background: none;
    text-decoration: none;
}

    .accordionHeaderSelected a:hover {
        background: none;
        text-decoration: none;
    }

/********FIN Accordion************************************/

/********** Estilos para la barra de progreso *******************/


div.progreso, td.progreso {
    /*border: solid 1px #000000;*/
    padding: 0 0 0 0;
    margin: 0 0 0 0;
    table-layout: fixed;
    background-color: Transparent;
}

div.progreso_barra, span.progreso_barra {
    border: solid 0 #FFFFFF;
    background-color: #1d83c7;
    height: 15px;
}

input.progreso_titulo {
    height: 15px;
    font-size: smaller;
    color: gray;
    background-color: Transparent;
}

input.progreso_texto, span.progreso_texto {
    height: 15px;
    font-size: smaller;
    background-color: Transparent;
    color: #FFFFFF;
}
/********** FIN Estilos para la barra de progreso *******************/

/*********** Estilos para la simulación del popup *******************/
.black_overlay {
    /* afuera: la parte oscura */
    background: #000000;
    display: none;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 1001;
    opacity: .75; /* opacidad para Firefox */
    filter: alpha(opacity=75); /* opacidad para Internet Explorer */
}

.white_content {
    /* adentro: la ventana modal */
    display: none;
    position: absolute;
    overflow: auto;
    z-index: 1002;
    left: 0;
    top: 0; /* la posición de la ventana modal */
    width: 90%;
    height: 90%; /* el tamaño de la ventana modal */
    background-color: #ffffff; /* cualquier otra propiedad, colores, márgenes, fondo */
}

/*.white_wait {
	display: none;
	position: absolute;
	overflow: hidden;
	z-index: 1002;
	left: 50%;
	top: 50%;
	width: 50;
	height: 50;
	margin-left: -25px;
	margin-top: -25px;
	border: 1px solid blue;
	text-align: center;
	vertical-align: middle;
	background-color: #FFFFFF;
	opacity: .80; /* opacidad para Firefox 
	filter: alpha(opacity=80); /* opacidad para Internet Explorer 
}*/

.white_wait {
    display: none;
    position: absolute;
    overflow: hidden;
    z-index: 1002;
    left: 45%;
    top: 40%;
    /*width: 100px;
    height: 100px;*/
    /*margin-left: -25px;
    margin-top: -25px;*/
    border: 1px solid #ccc;
    text-align: center;
    vertical-align: middle;
    background-color: transparent;
    /* opacity: .75;  opacidad para Firefox 
    filter: alpha(opacity=75); /* opacidad para Internet Explorer */
}

.loading {
    padding: 20px;
    background: #FFF;
    font-family: 'Open Sans',Arial, Helvetica, sans-serif;
    font-size: 15px;
}


/*********** FIN Estilos para la simulación del popup *******************/

.label {
    font-size: inherit;
    font-weight: bold;
}

.TituloSeccion .TituloSeccion {
    background: #009900;
    color: #FFFFFF;
    font-weight: bold;
    padding: 2px;
}

.defaultButtom {
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    color: #ffffff;
    margin-top: 0.5em;
    display: run-in;
    cursor: pointer;
    font-family: Trebuchet MS;
    font-size: 17px;
    font-weight: bold;
    padding: 5px 10;
    text-decoration: none;
    behavior: url(border-radius.htc);
    min-width: 125px;
    border: 2px;
    border-bottom-color: #ED4506;
    background: #606c88; /* Old browsers */
    background: -moz-linear-gradient(top, #43586B 0%, #3f4c6b 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top, #43586B 0%,#3f4c6b 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, #43586B 0%,#3f4c6b 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#606c88', endColorstr='#3f4c6b',GradientType=0 ); /* IE6-9 */
}

    .defaultButtom:hover {
        background: #43586B;
    }

/*

RESPONSTABLE 2.0 by jordyvanraaij
  Designed mobile first!

If you like this solution, you might also want to check out the 1.0 version:
  https://gist.github.com/jordyvanraaij/9069194

*/
.responstable {
    width: 400;
    margin: auto;
    overflow: auto;
    color: #024457;
    margin-bottom: 5px;
    /*border: 1px solid #167F92;*/
}

    .responstable tr {
        /*border: 1px solid #D9E4E6;*/
    }


    .responstable th {
        background-color: #167F92;
        color: #FFF;
        padding: 0.5em;
        border-top-left-radius: 6px;
        border-top-right-radius: 6px;
    }

        .responstable th:first-child {
            display: table-cell;
            text-align: center;
        }

        .responstable th:nth-child(2) {
            display: table-cell;
        }

            .responstable th:nth-child(2) span {
                display: none;
            }

            .responstable th:nth-child(2):after {
                content: attr(data-th);
            }

@media (min-width: 480) {
    .responstable th:nth-child(2) span {
        display: block;
    }

    .responstable th:nth-child(2):after {
        display: none;
    }
}

.responstable td {
    -ms-word-wrap: break-word;
    word-wrap: break-word;
    max-width: 7em;
}

    .responstable td:first-child {
        display: table-cell;
        padding-left: 30;
        padding-top: 10;
    }


.SearchHeader {
    background-color: #306d9e;
    color: #FFF;
}

    .SearchHeader td {
        border-top-left-radius: 12px;
        border-top-right-radius: 12px;
        padding: 9px;
    }

.tblBusqueda td {
    padding: 5px;
}

.tblBusqueda caption {
    margin-bottom: 3px;
}



@media (min-width: 270) {
    .rS2 {
        width: 235px;
    }

    .rs8 {
        width: 235px;
        margin-right: 4px;
    }
}

@media (min-width: 1000) {
    .rS2 {
        width: 450;
    }

    .rs8 {
        width: 450;
        margin-right: 8px;
    }
}

/***********************ESTILOS FERE*****************/

/*Tabla datos formulario*/
.tblFere {
    border-radius: 2px;
}

    .tblFere th {
        height: 50px;
        padding-left: 6px;
        background-color: #bf8663;
        color: white;
        border-radius: 3px;
    }

/*.tblFere td {
		height: 40px;
	}*/

/*.tblFere td:first-child {
			padding-left: 20px;
		}*/

/*.tblFere td:last-child {
			padding-right: 20px;
		}*/

hr.style-six {
    border: 0;
    height: 0;
    border-top: 1px solid rgba(0, 0, 0, 0.1);
    border-bottom: 1px solid rgba(255, 255, 255, 0.3);
}

input {
    padding-left: 1px;
}

/*Fin Tabla datos formulario*/

/*GRID*/
.mGrid {
    width: 100%;
}

    .mGrid caption {
        padding: 4px 2px;
        font-weight: bold;
    }


    .mGrid td {
        padding-left: 6px;
        border-right: 1px solid #cccccc;
    }


    /*.mGrid td:last-child {
			border-bottom: 0;
		}*/

    .mGrid th {
        border-bottom: 1px solid #cccccc;
    }


        .mGrid th > span {
            padding-left: 2px;
        }


    /*.mGrid .alt {
		background: #fcfcfc;
	}

	.mGrid .pgr {
		background: #424242;
	}*/

    .mGrid .pgr table {
        margin: 5px 0;
    }

.th1 th {
    border-top: 1px solid #cccccc;
}








/*GRID*/
.mGrid1 {
    width: 100%;
}

    .mGrid1 caption {
        padding: 4px 2px;
        font-weight: bold;
    }

    .mGrid1 th {
        border-bottom: 1px solid #cccccc;
    }

    .mGrid1 td {
        border-bottom: 1px solid rgba(190, 193, 190, 0.42);
    }


    .mGrid1 th > span {
        padding-left: 2px;
    }




.alternativa {
    background-color: antiquewhite;
}
/******CELDAS BONIFICACION CENTROS**********/
.celdasBonificacion {
    padding-bottom: 10px;
    padding-top: 15px;
    text-align: center;
    width: 50%;
}

.celdasBonificacion1 {
    color: blue;
}


/*******************FIN ESTILOS FERE********************************/

/*Grids de Cursos*/
.Negrita {
    font-weight: bold;
}

.errorRojo {
    background-color: #e64a4a;
    color: white;
}


.EsperaAzul {
    background-color: aliceblue;
}

.brown {
    background-color: brown;
    color: white;
    border-radius: 2px;
    font-weight: bold;
    min-width: 160px;
}

.darkgray {
    background-color: darkgrey;
    color: darkred;
    border-radius: 2px;
    font-weight: bold;
    min-width: 160px;
}


.greenok {
    background-color: #E0ECDD;
}

.boton {
    text-align: center;
    text-decoration: none;
    font-family: 'Helvetica Neue', Helvetica, sans-serif;
    display: inline-block;
    color: #FFF;
    /* background: #7F8C8D; */
    padding: 8px 20px;
    white-space: nowrap;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    margin: 10px 5px;
    -webkit-transition: all 0.2s ease-in-out;
    -ms-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
    border: 0;
}

.Vacio {
    border: 1px solid #892424;
}

.Report {
    /*background-position: 15px center;*/
    background-image: url('../Imagenes/Principal/newspaper.png');
    background-repeat: no-repeat;
    border: 0;
    background-color: transparent;
    color: #77726d;
    vertical-align: top;
    min-width: 25px;
    height: 40px;
    padding: 0;
    margin-top: 2px;
    margin-right: 5px;
    border-radius: 3px;
    font-family: inherit;
}

.ReportExcel {
    /*background-position: 15px center;*/
    background-image: url('../Imagenes/Excel_48.png');
    background-repeat: no-repeat;
    background-size: 24px;
    border: 0;
    background-color: transparent;
    color: #77726d;
    vertical-align: top;
    min-width: 25px;
    height: 40px;
    padding: 0;
    margin-top: 2px;
    margin-right: 5px;
    border-radius: 3px;
    font-family: inherit;
}

.lblTituloCifDuplicadosCentro {
    /*width: 240px;*/
    margin: auto;
    font-size: 20px;
    margin-bottom: 10px;
}

.lblTitulo2CifDuplicadosCentro {
    /*width: 180px;*/
    margin: auto;
    margin-bottom: 70px;
}

.removeButton:before {
    content: ' Borrar ';
}

#headerPreinscripciones {
    color: white;
    background-color: #1f4a6d;
    text-align: center;
    font-size: medium;
    width: 100%;
}

#imgEC {
    /*display: inline-flex;*/
    top: 10px;
    position: relative;
    height: 69px;
    margin: auto;
}

#imgFere {
    top: 10px;
    position: relative;
}

#Fundacion {
    position: relative;
    top: -10px;
}

#PlanFere {
    position: relative;
    top: -10px;
}

@media (max-width: 600px) {
    #imgEC {
        top: 2px;
    }

    #imgFere {
        top: 2px;
    }

    #Fundacion {
        top: 0;
    }

    #PlanFere {
        top: 0;
    }
}

.DivMargin {
    margin-right: 10px;
    padding-bottom: 0;
}

.minWith180 {
    min-width: 185px;
}



@media (min-width: 768px) {
    .DivMargin {
        padding-bottom: 15px;
    }

    #tblDetallesCursoPreinscripcion td {
        padding-left: 50px;
        padding-right: 50px;
    }

    #UpDatosPreinscripcion {
        padding-left: 50px;
        padding-right: 50px;
    }


    .minWith180 {
        width: 185px !important;
    }
}

@media (max-width: 768px) {

    .txtCentroOrigen {
        width: 100% !important;
    }

    #tblDetallesCursoPreinscripcion td {
        display: grid;
        padding-left: 10px;
        padding-right: 10px;
    }

    #UpDatosPreinscripcion {
        padding-left: 0;
        padding-right: 0;
    }

    .minWith180 {
        width: 100%;
    }

    #tblGenerales td {
        padding-right: 10px;
    }
}

/*2026/01/25 para adaptar a bootstrap*/
.page-wrap { 
  max-width: 1600px;
  margin: 0 auto;
  padding: 0 24px; 
}

.table-responsive {
  width: 100%; 
  overflow-x: auto; 
  -webkit-overflow-scrolling: touch; 
}
/* Fuerza a que la tabla del GridView ocupe todo el ancho disponible */
.table-responsive > table,
.table-responsive table.table {
  width: 100% !important;
  min-width: 100% !important;
}

/* Si quieres que “reparta” mejor cuando sobra espacio */
.table-responsive > table {
  table-layout: fixed;  /* opcional */
}

/* Evita márgenes raros del label */
#lblentidadFereFormacion { margin-bottom: 0; }

/* El RBL en Flow pinta: <span><input ...><label ...>No</label></span> ... */

/* contenedor general */
.rbl-inline{
  display: inline-flex;
  align-items: center;
}

/* separación entre el circulito y el texto */
.rbl-inline input[type="radio"]{
  margin: 0 6px 0 0 !important;
}

/* quita márgenes raros del label */
.rbl-inline label{
  margin: 0 !important;
  padding: 0 !important;
}

/* separación entre opciones (antes de cada radio excepto el primero) */
.rbl-inline input[type="radio"]:not(:first-of-type){
  margin-left: 18px !important;
}

.icon-circle_48 {
    width: 48px;
    height: 48px;
    border-radius: 50%;
    /*background-color: #f0f0f0;    color del círculo */
    
    display: inline-flex;
    align-items: center;
    justify-content: center;

    font-size: 20px;             /* tamaño del icono */
    /*color: #333;                  color del icono */
}
.icon-circle_32 {
    width: 32px;
    height: 35px;
    border-radius: 50%;
    background:transparent;
    text-decoration:none; /* para quitar subrayado */
    
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border: 2px solid;

    /*font-size: 20px;              tamaño del icono */
    color: #333;                  /*color del icono */
}

/* NO pisar selects Bootstrap */
select:not(.form-control):not(.custom-select) {
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  padding: 0 1px;
  border: 1px solid #ccc;
}