/*CABEZOTE*/
#cabezote {
    background-image: url('../../Images/Maestra/imCabezoteOl.png');
    background-repeat: no-repeat;
    background-position: center center;
    border-style: none;
    width: 494px;
    height: 112px;
    margin-left: 20px;
}

/*FOOTER*/
#footer {
    background-image: url('../../Images/Maestra/imFooterOl2.png');
    background-repeat: no-repeat;
    background-position: center center;
    border-style: none;
    width: 1200px;
    height: 343px;
    margin-left: 20px;
    /*position: fixed;*/
    /*bottom: 0;
    left: 0;*/
    text-align: center;
}

/*TITULOS*/
.lblTitulo {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 20px;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    color: #004b70;
    text-decoration: none;
}



.lblSubtitulo {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 16px;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    color: #004b70;
    text-decoration: none;
}


.lblTitPreg {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 18px;
    font-style: normal;
    font-weight: bold;
    font-variant: normal;
    color: #004b70;
    text-decoration: none;
}

.lblTextPreg {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 18px;
    font-style: normal;
    font-weight: bold;
    font-variant: normal;
    color: #004b70;
    text-decoration: none;
}

.lblEtiquetaResalt {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 14px;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    color: #004b70;
    text-decoration: none;
}

/*GRILLAS*/
.gvGeneral {
    border-top-width: 0px;
    border-right-width: 0px;
    border-bottom-width: 0px;
    border-left-width: 0px;
    border-top-style: none;
    border-right-style: none;
    border-bottom-style: none;
    border-left-style: none;
    font-size: 10pt;
}

    .gvGeneral tr {
        border-bottom-style: solid;
        border-bottom-width: 1px;
        border-bottom-color: #004b70;
        border-top-style: none;
        border-left-style: none;
        border-right-style: none;
    }

        .gvGeneral tr:hover {
            background: #eeeeee;
            -o-transition: all 0.1s ease-in-out;
            -webkit-transition: all 0.1s ease-in-out;
            -moz-transition: all 0.1s ease-in-out;
            -ms-transition: all 0.1s ease-in-out;
            transition: all 0.1s ease-in-out;
        }

    .gvGeneral td {
        padding: 6px;
        border-top-width: 0px;
        border-right-width: 0px;
        border-bottom-width: 1px;
        border-left-width: 0px;
        border-top-style: none;
        border-right-style: none;
        border-bottom-style: solid;
        border-left-style: none;
        border-bottom-color: #004b70;
        font-family: Arial, Helvetica, sans-serif;
        font-size: 10pt;
        color: #004b70;
    }

        .gvGeneral td a {
            font-family: Arial, Helvetica, sans-serif;
            font-size: 10pt;
            color: #004b70;
            text-decoration: none;
        }

            .gvGeneral td a:hover {
                font-family: Arial, Helvetica, sans-serif;
                font-size: 10pt;
                color: #004b70;
                text-decoration: none;
            }

    .gvGeneral th {
        background-color: #004b70;
        border-top: none !important;
        border-left: none !important;
        border-right: none !important;
        border-bottom: none !important;
        color: #FFFFFF;
        text-decoration: none;
        font-family: Arial, Helvetica, sans-serif;
        font-size: 10pt;
        font-style: normal;
        font-weight: bold;
        font-variant: normal;
        text-transform: capitalize;
        text-align: center;
        background-repeat: repeat;
        padding-top: 5px;
        padding-bottom: 5px;
        padding-left: 5px;
        padding-right: 5px;
    }

        .gvGeneral th a {
            font-weight: bold;
            color: #ffffff;
            font-family: Arial, Helvetica, sans-serif;
            font-size: 10pt;
        }

            .gvGeneral th a:hover {
                font-weight: bold;
                color: #ffffff;
                font-family: Arial, Helvetica, sans-serif;
                font-size: 10pt;
            }

        .gvGeneral th:first-child {
            -moz-border-radius: 6px 0 0 6px;
            -webkit-border-radius: 6px 0 0 6px;
            border-radius: 6px 0 0 6px;
        }


        .gvGeneral th:last-child {
            -moz-border-radius: 0 6px 6px 0;
            -webkit-border-radius: 0 6px 6px 0;
            border-radius: 0 6px 6px 0;
        }

    .gvGeneral labelVacio {
        font-weight: bold;
        color: #004b70;
    }

/*PAGINADOR DE LA GRILLA**************/
.pager {
    border-style: solid none none none;
    border-top-width: 1px;
    border-right-width: 1px;
    border-bottom-width: 1px;
    border-left-width: 1px;
    border-right-color: #CFE1EE;
    border-bottom-color: #CFE1EE;
    border-left-color: #CFE1EE;
    border-top-color: #CFE1EE;
    background-color: #FFFFFF;
    font-family: arial, Helvetica, sans-serif;
    font-size: 10px;
    vertical-align: top;
    height: 5px;
}

    .pager tr {
        border-color: #F7FBFD;
        border-top-width: 1px;
        border-right-width: 1px;
        border-bottom-width: 1px;
        border-left-width: 1px;
        border-top-style: solid;
        border-right-style: solid;
        border-bottom-style: solid;
        border-left-style: solid;
        background: #F7FBFD;
        height: 5px;
    }

        .pager tr:last-child td:first-child td:last-child {
            -moz-border-radius: 0 0 6px 6px;
            -webkit-border-radius: 0 0 6px 6px;
            border-radius: 0 0 6px 6px;
        }


    .pager td {
        border-top-width: 1px;
        border-right-width: 1px;
        border-bottom-width: 1px;
        border-left-width: 1px;
        border-top-style: solid;
        border-right-style: solid;
        border-bottom-style: solid;
        border-left-style: solid;
        background: #F7FBFD;
        border-top-color: #F7FBFD;
        border-right-color: #F7FBFD;
        border-bottom-color: #F7FBFD;
        border-left-color: #F7FBFD;
    }

.lbtnEtapas a {
    color: #004b70;
    text-decoration: underline;
    margin-right: 10px;
    font-size:20px!important;
    font-weight:bold;
}

    .lbtnEtapas a:disabled {
        color: #666666 !important;
        text-decoration: underline;
        margin-right: 10px;
    }

.lbtnEtapas .aspNetDisabled {
    color: #666666 !important;
     font-size:20px!important;
    font-weight:bold;
}

form {
    border-style: none;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 10pt;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    color: #626262;
    text-decoration: none;
}

.tdResumen {
    padding:10px;
    color: #004b70;
    background-color: #FFECD9;
    -moz-border-radius: 6px 6px 6px 6px;
    -webkit-border-radius: 6px 6px 6px 6px;
    border-radius: 6px 6px 6px 6px;
}

/*CONTENEDOR GENERAL*/
.pnlContentGral {
    border-top-style: solid;
    border-left-style: solid;
    border-right-style: solid;
    border-bottom-style: solid;
    border-top-color: #B9B9C8;
    border-left-color: #B9B9C8;
    border-right-color: #B9B9C8;
    border-bottom-color: #B9B9C8;
    border-top-width: 1px;
    border-left-width: 1px;
    border-right-width: 1px;
    border-bottom-width: 1px;
    padding:10px;
}

/* TD CONTENNEDOR EN FORMULARIOS*/
.tdEtiLabel {
    width:200px;
}

.lblAstValida {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 10pt;
    font-weight: normal;
    color: #004b70;
}

/*TD CONTENEDOR DE VALIDADORES DE OBLIGATORIEDAD*/
.tdAstValida {
    width:10px;
    padding-left:5px;
    vertical-align:top;
}

.tdColFormInfo {
    width:500px;
}

.tdColFormSpacing {
    width:100px;
}

.tdColFormCompleta {
    width:1100px;
}

/*LISTAS DESPLEGABLES*/
select {
    width: 170px;
}

/*CAMPOS DE TEXTO*/
input[type="text"], input[type="password"], select, textarea {
    font-size: 10pt;
    font-family: Arial, Helvetica, sans-serif;
    color: #626262;
    border: 1px solid #A9A9B0;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    background-color: #F5F5F5;
    text-decoration: none;
    margin-top: 0px;
}

/*BOTONES*/
input[type="submit"], input[type="button"] {
    padding: 5px 15px 5px 15px;
    border-style: none;
    border-width: 1px;
    color: #FFF;
    background-color: #004b70;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 10pt;
    font-weight: normal;
    margin-right: 0px;
}

/*LIBRERIA MENSAJES*/

.lblTituloMensaje {
    color:#004b70!important;
}

/*MODAL BACKGROUND*/
.cssBackGround {
    background-color: #FFFFFF;
    opacity: 0.4;
    filter: alpha(opacity=40);
}


/*MODAL POUP*/
.ModalPoup {
    border: 2px solid #004b70;
    padding: 2px 10px 10px 10px;
    background-color: #FFFFFF;
}

.SeccPruTec
{
    padding: 5px 15px 5px 15px;
    border-style: none;
    border-width: 1px;
    color: #FFF;
    background-color: #004b70;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 10pt;
    font-weight: normal;
    margin-right: 0px;
}

.SeccPruTecTit {
    text-decoration:none;
    color:#FFFFFF;
}

.rblRta {
    list-style-type: none;
}
    .rblRta li {
        margin: 5px 0px 5px 0px;
    }

    .rblRta tbody tr td label {
        margin: 2px 5px 2px 5px;
    }



.fila-par-vota {
    border: 1px solid #d3d3d3;
    margin: 5px;
    padding: 5px;
    display: block;
}

.fila-impar-vota {
    /*background-color: #EBF4FE*/;
    border: 1px solid #d3d3d3;
    margin: 5px;
    padding: 5px;
    display: block;
}


table[id*="rblRta"] tr:nth-child(even) {
    border: 1px solid #d3d3d3;
    margin: 5px;
    padding: 5px;
    display: block;
}

table[id*="rblRta"] tr:nth-child(odd) {
    /*background-color: #EBF4FE;*/
    border: 1px solid #d3d3d3;
    margin: 5px;
    padding: 5px;
    display: block;
}

table[id*="rblRta"] tr:hover,
table[id*="rblRta"] tr.alt:hover {
    background-color: #EBF4FE; /* azul suave */
    cursor: pointer; /* opcional */
}

/* Reset base del listado */
ul.rblRta {
    list-style: none;
    margin: 0;
    padding: 0;
}

    /* Cada opción */
    ul.rblRta > li {
        margin: 6px 0;
    }

        /* El label como bloque clicable (cubre texto + imagen) */
        ul.rblRta > li > label {
            display: block;
            padding: 8px 10px;
            border: 1px solid #d3d3d3;
            border-radius: 6px;
            background: #fff;
            transition: background .15s ease, border-color .15s ease, box-shadow .15s ease;
            cursor: pointer;
        }

        /* Zebra (opcional) */
        ul.rblRta > li:nth-child(even) > label {
            /*background: #f7f9fc;*/
        }

        /* Hover: resalta fondo al pasar el mouse */
        ul.rblRta > li:hover > label {
            background: #EBF4FE; /* azul suave */
            border-color: #74a6ff;
        }

        /* Accesible: resalta cuando se navega con teclado */
        ul.rblRta > li:focus-within > label {
            outline: none;
            border-color: #74a6ff;
            box-shadow: 0 0 0 2px rgba(116,166,255,.2);
        }

    /* (Opcional) Si quieres que el seleccionado quede con estilo persistente */
    ul.rblRta input[type="checkbox"]:checked + label,
    ul.rblRta input[type="radio"]:checked + label {
        background: #EBF4FE;
        border-color: #74a6ff;
        box-shadow: 0 0 0 2px rgba(116,166,255,.15);
        font-weight: 600;
    }

    /* Asegura que las imágenes dentro del label no rompan el layout */
    ul.rblRta > li > label img {
        display: block;
        max-width: 100%;
        height: auto;
        margin-top: 6px;
    }

    /* Si mantienes esos <div> separadores inline, hazlos bloque y estilízalos mejor */
    ul.rblRta > li > label > div {
        margin-top: 6px;
        border-bottom: 1px solid #ddd !important;
        padding: 2px 0 !important;
    }