/* Sora, servida desde el propio proyecto (CSS/Fonts/sora/static) en vez de
   traerla de Google como se hacía con Poppins. Se declaran los cinco pesos que
   usa la hoja: 300, 400, 500, 600 y 700. En la carpeta hay además Thin (100),
   ExtraLight (200) y ExtraBold (800) por si se necesitan más adelante.
   "font-display: swap" evita que el texto quede invisible mientras carga. */
@font-face {
    font-family: 'Sora';
    font-style: normal;
    font-weight: 300;
    font-display: swap;
    src: url(/CSS/Fonts/sora/static/Sora-Light.ttf) format('truetype');
}

@font-face {
    font-family: 'Sora';
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url(/CSS/Fonts/sora/static/Sora-Regular.ttf) format('truetype');
}

@font-face {
    font-family: 'Sora';
    font-style: normal;
    font-weight: 500;
    font-display: swap;
    src: url(/CSS/Fonts/sora/static/Sora-Medium.ttf) format('truetype');
}

@font-face {
    font-family: 'Sora';
    font-style: normal;
    font-weight: 600;
    font-display: swap;
    src: url(/CSS/Fonts/sora/static/Sora-SemiBold.ttf) format('truetype');
}

@font-face {
    font-family: 'Sora';
    font-style: normal;
    font-weight: 700;
    font-display: swap;
    src: url(/CSS/Fonts/sora/static/Sora-Bold.ttf) format('truetype');
}

/* DEFAULTS
----------------------------------------------------------*/

* {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    font-family: "Sora", "Helvetica Neue", "Lucida Grande", "Segoe UI", Arial, Helvetica, Verdana, sans-serif;
}

@font-face {
    font-family: 'Material Icons';
    font-style: normal;
    font-weight: 400;
    src: url(/CSS/Fonts/MaterialIcons-Regular.eot); /* For IE6-8 */
    src: local('Material Icons'), local('MaterialIcons-Regular'), url(/CSS/Fonts/MaterialIcons-Regular.woff2) format('woff2'), url(/CSS/Fonts/MaterialIcons-Regular.woff) format('woff'), url(/CSS/Fonts/MaterialIcons-Regular.ttf) format('truetype');
}

@font-face {
    font-family: 'Material Icons Outlined';
    font-style: normal;
    font-weight: 400;
    src: url(/CSS/Fonts/MaterialIcons-Outlined.woff2) format('woff2');
}

.material-icons {
    font-family: 'Material Icons';
    font-weight: normal;
    font-style: normal;
    font-size: 24px; /* Preferred icon size */
    display: inline-block;
    line-height: 1;
    text-transform: none;
    letter-spacing: normal;
    word-wrap: normal;
    white-space: nowrap;
    direction: ltr;
    /* Support for all WebKit browsers. */
    -webkit-font-smoothing: antialiased;
    /* Support for Safari and Chrome. */
    text-rendering: optimizeLegibility;
    /* Support for Firefox. */
    -moz-osx-font-smoothing: grayscale;
    /* Support for IE. */
    font-feature-settings: 'liga';
}

.material-icons-outlined {
    font-family: 'Material Icons Outlined';
    font-weight: normal;
    font-style: normal;
    font-size: 24px;
    line-height: 1;
    letter-spacing: normal;
    text-transform: none;
    display: inline-block;
    white-space: nowrap;
    word-wrap: normal;
    direction: ltr;
    -webkit-font-feature-settings: 'liga';
    -webkit-font-smoothing: antialiased;
}

/* Rules for sizing the icon. */
.material-icons18 {
    font-size: 20px;
}

.material-icons.md-18 {
    font-size: 18px;
}

.material-icons.md-24 {
    font-size: 24px;
}

.material-icons.md-36 {
    font-size: 36px;
}

.material-icons.md-48 {
    font-size: 48px;
}

/* Rules for using icons as black on a light background. */
.material-icons.md-dark {
    color: rgba(0, 0, 0, 0.54);
}

    .material-icons.md-dark.md-inactive {
        color: rgba(0, 0, 0, 0.26);
    }

/* Rules for using icons as white on a dark background. */
.material-icons.md-light {
    color: rgba(255, 255, 255, 1);
}

    .material-icons.md-light.md-inactive {
        color: rgba(255, 255, 255, 0.3);
    }

.material-icons.md-18 {
    font-size: 18px;
}

.material-icons.md-24 {
    font-size: 24px;
}

.material-icons.md-36 {
    font-size: 36px;
}

.material-icons.md-48 {
    font-size: 48px;
}

body {
    font-size: 14px;
    font-family: "Sora",sans-serif;
    line-height: 18px;
    margin: 0px;
    padding: 0px;
    color: #00255B;
    /*** FOOTER ABAJO
    El pie queda pegado al fondo aunque el contenido no llene la pantalla, por
    ejemplo con la rejilla de tickets vacía. La cadena es body > form > .main:
    el formulario ocupa todo el alto sobrante y dentro de él ".main" es el que
    crece, así que ".paginaFooter" cae siempre al final. **/
    position: relative;
    background-color: #F1F2F1;
    min-height: 100vh;
    display: flex;
    flex-direction: column;
}

    body > form {
        display: flex;
        flex-direction: column;
        flex: 1 0 auto;
    }

.bodyInicio {
    /* Ubicación de la imagen */
    background-image: url(/images/background-photo.jpg);
    /* Nos aseguramos que la imagen de fondo este centrada vertical y
    horizontalmente en todo momento */
    background-position: center center;
    /* La imagen de fondo no se repite */
    background-repeat: no-repeat;
    /* La imagen de fondo está fija en el viewport, de modo que no se mueva cuando
    la altura del contenido supere la altura de la imagen. */
    background-attachment: fixed;
    /* La imagen de fondo se reescala cuando se cambia el ancho de ventana     del navegador */
    background-size: cover;
    /* Fijamos un color de fondo para que se muestre mientras se está
    cargando la imagen de fondo o si hay problemas para cargarla  */
    background-color: #00255B;
}



@media only screen and (max-width: 767px) {
    .bodyInicio {
        background-image: url(/images/background-photo-mobile-devices.jpg);
    }
}


.fuente {
    font-size: 14px;
    font-family: "Sora", "Helvetica Neue", "Lucida Grande", "Segoe UI", Arial, Helvetica, Verdana, sans-serif;
}

a:link, a:visited {
    color: #1A73E9;
    text-decoration: none;
}

a:hover {
    color: #00334d;
    /*color: #111;
    font-weight:bold;*/
    /*text-decoration: underline;*/
}

a:active {
    color: #00255B;
    text-decoration: none;
}

a {
    color: #00255B;
    text-decoration: none;
    /*font-weight: bold;*/
}

p {
    margin-bottom: 10px;
    /*line-height: 1.6rem;*/
}

/* PRIMARY LAYOUT ELEMENTS   
----------------------------------------------------------*/
.divsUploaders {
    margin-top: 5%;
}

.enLinea {
    display: inline-block;
    vertical-align: top;
}

.flotanteIzquierdaSinResponsive {
    float: left;
}

.contenedorControlFormulario {
    vertical-align: middle;
    /*white-space: nowrap;*/
    padding: 10px 8px 4px 8px;
}

.ancho5 {
    width: 4.9%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.ancho10 {
    width: 9.9%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.ancho15 {
    width: 14.9%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.ancho20 {
    width: 19.8%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.ancho25 {
    width: 24.75%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.ancho30 {
    width: 29.7%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.ancho35 {
    width: 34.7%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.ancho40 {
    width: 39.6%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.ancho45 {
    width: 44.55%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.ancho50 {
    width: 49.5%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.ancho60 {
    width: 59.4%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.ancho65 {
    width: 64.35%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.ancho70 {
    width: 69.3%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.ancho75 {
    width: 74.25%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.ancho80 {
    width: 79.2%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.ancho85 {
    width: 84.2%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.ancho90 {
    width: 89.1%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.ancho100 {
    width: 99%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}



.margenSuperior20 {
    margin-top: 20px !important;
}

.margenInferior20 {
    margin-bottom: 20px !important;
}

.margenSuperior10 {
    margin-top: 10px !important;
}

.margenInferior10 {
    margin-bottom: 10px !important;
}

.margenIzquierda15 {
    margin-left: 15px;
}

.margenIzquierda25 {
    margin-left: 25px;
}

.responsiveSinPadding {
}

.responsiveTodoAncho {
}

.margenLineaGridAbajo {
    margin-bottom: 30px;
}

.soloVisibleMovil {
    display: none;
}

.cabeceraTotalIva {
    background-color: #aeadad;
    color: white;
    padding: 4px;
    margin-bottom: 5px;
}

.divTotalFactura {
    padding-left: 10px;
}

.divTotalGeneralFactura {
    margin-top: 73px;
}

.ficha {
    background-color: white;
    margin-top: 20px;
    padding: 15px;
}

.bordeIzquierdaColorClaro {
    border-left-style: solid;
    border-left-width: 1px;
    border-left-color: #bdbdbd;
}

.bordeDerechaColorClaro {
    border-right-style: solid;
    border-right-width: 1px;
    border-right-color: #bdbdbd;
}

.page {
    /*max-width: 960px;*/
    background-color: #fff;
    /* El "width: 100%" es imprescindible desde que el formulario es un
       contenedor flex: un hijo flex con "margin: auto" a los lados deja de
       estirarse y se encoge al ancho de su contenido, lo que descuadraba la
       cabecera y sacaba barras de desplazamiento. */
    width: 100%;
    margin: 0px auto 0px auto;
    /*border: 1px solid #496077;*/
    /*padding-top: 15px;*/
}

.negrita {
    font-weight: 500 !important;
}

/* SIN USO. Se mantiene con el gris medio y la fuente gris clara que le
   corresponden por nombre. Las dos páginas de SSL/ usan ahora
   ".FondoAzulClaroFuenteAzul", al final de esta hoja. */
.FondoGrisMedioFuenteGrisClara {
    background: #959595;
    color: #eaeaea;
}

.EnlacesNegros a:link, .EnlacesNegros a:visited {
    color: #000000;
    text-decoration: none;
}

.EnlacesNegros a:hover {
    /*text-decoration: underline;*/
}

.EnlacesNegros a:active {
    color: #000000;
    text-decoration: none;
}

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


/* El fondo ya no se define aquí: lo pone el degradado que esta clase comparte
   con la cabecera (ver "CABECERA CON DEGRADADO", más abajo). Aquí quedan sólo
   los colores de texto y de enlaces. */
.FondoOscuroFuenteClara {
    color: #B9C7DC;
}

    .FondoOscuroFuenteClara a:link, .FondoOscuroFuenteClara a:visited {
        color: #B9C7DC;
        text-decoration: none;
    }

    .FondoOscuroFuenteClara a:hover {
        /*text-decoration: underline;*/
    }

    .FondoOscuroFuenteClara a:active {
        color: #B9C7DC;
        text-decoration: none;
    }

    .FondoOscuroFuenteClara a {
        color: #B9C7DC;
        text-decoration: none;
    }

.paginaHeader {
    /*position: relative;*/
    /*margin: 10px 0px 20px 0px;/*
    padding: 0px;*/
    /*width: 100%;*/
    /*max-width: 1170px;*/
    /*max-width: 1200px;*/
    /*background-color:Gray;*/
    margin-left: 40px;
    margin-right: 40px;
    margin-top: 0px;
    /*margin-bottom:20px;*/
    /*overflow:hidden;*/
    /*padding-top: 5px;
    padding-bottom: 5px;*/
}

.cabeceraTexto {
    /*max-width: 1170px;*/
    margin-top: 30px;
    margin-left: 20px;
}

.cabeceraTextoCorto {
    margin-top: 15px;
    font-size: 12px;
}

.divCabeceraDcha {
    float: right;
    text-align: right;
}

.CabeceraSemiTrasparente {
    opacity: 0.95;
}

.cabeceraArriba {
    font-weight: 300;
    padding-top: 5px;
    /*padding-bottom:10px;*/
    padding-left: 10px;
    overflow: auto;
    color: #00255B;
    /*color:#6C757D;*/
}

.botonSubirFichero {
    color: #f1e5e6;
    background-color: #00255B;
    max-width: 80%;
    font-weight: 700;
    text-overflow: ellipsis;
    white-space: nowrap;
    cursor: pointer;
    display: inline-block;
    overflow: hidden;
    padding: 0.325rem 1.00rem;
}

#divCalculos{
    
}

#divCalculos .contenedorControlFormulario{
    /*font-size: 10pm;*/
    padding-top: 0px;
    padding-bottom: 0px;
}

.sinMargen{
    padding: 0px;
}

.tamanoLetra12 {
    font-size: 12px;
}

.tamanoLetra10 {
    font-size: 10px;
}

/* SIN USO. Se mantiene con el gris oscuro que le corresponde por nombre. La
   banda del menú principal usa ahora ".FondoLima", al final de esta hoja. */
.FondoGrisOcuro {
    background-color: #363636;
}

.FondoBlanco {
    background-color: white !important;
}

.contenedorMenu {
    /*padding-top:5px;*/
}

#divCabeceraLogin {
    text-align: right;
}


.main {
    padding: 0px 12px 20px;
    margin: 12px 8px 8px 8px;
    /* Es el bloque que absorbe el alto sobrante para empujar el pie al fondo.
       Antes había aquí un "min-height: 520px" que era el apaño para lo mismo,
       pero forzaba ese alto aunque el contenido fuese menor y sacaba barra de
       desplazamiento con la rejilla vacía. Ya no hace falta: lo resuelve el
       "flex: 1 0 auto" sin imponer un alto mínimo. */
    flex: 1 0 auto;
    max-width: 100%;
    clear: left;
    /* max-width:1170px;*/
    /*max-width:940px;*/
    width: 100%;
    /*max-width: 1170px;*/
    /*max-width: 1400px;*/
    margin-left: auto;
    margin-right: auto;
    /*margin-left: calc((100% - 1170px)/2);*/
    /*margin-left: calc((100% - 1000px)/2);*/
    white-space: normal;
}

.divContenedorContenido {
    /*width:1170px;*/
    /*width: 100%;
    max-width:800px;
    display:inline-block*/
}

.divContenedorEstructuraContenido {
    /*white-space: nowrap;*/
    padding-left: calc((100% - 1200px)/2);
}

.divContenedorArbol {
    /*width: 100%;*/
    /*display: inline-block;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    white-space: normal;
    vertical-align: top;*/
    padding-top: 30px;
    padding-left: 40px;
}

.paginaFooter {
    /*padding: 10px 4px 20px 0px;*/
    margin: 0px auto;
    text-align: left;
    max-width: 100%;
    float: none;
    clear: left;
    /* No crece ni se encoge: se queda con su alto y pegado al fondo. */
    flex: 0 0 auto;
    width: 100%;
    /*border-top: #808080 1px solid;*/
}

.textoFooter {
    /*max-width: 1170px;*/
    /*max-width: 1200px;*/
    margin-left: 40px;
    margin-right: 40px;
    padding-right: 10px;
    overflow: hidden;
    padding: 10px;
    padding-top: 20px;
    padding-bottom: 20px;
}


.footer100 {
    max-width: 100%;
    padding-right: 20px;
    padding-left: 10px;
}

.footer50 {
    max-width: 49%;
    padding-right: 20px;
    /*min-height:300px;*/
    display: inline-block;
    padding-left: 10px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    width: 49%;
}

.footer25 {
    max-width: 20%;
    padding-right: 20px;
    padding-left: 20px;
    border-left: 1px solid gray;
    /*min-height:300px;*/
    /*float: left;*/
    display: inline-block;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.footer_bordeIzquieda {
    border-left: 1px solid gray;
}

.ddlIdiomas {
    position: absolute;
    right: 0px;
    margin-right: 10px;
    top: 5px;
    display: none;
}

.imagenPreviaFotoGaleria {
    width: 200px;
}

.divPanelBusqueda {
    /*margin-top: 10px;*/
    /*float:right;
    clear:right;*/
    margin-bottom: 5px;
}

.divRedesSociales {
    /*float: right;*/
    display: inline-block;
}

.divRedesSocialesBanner {
    text-align: center;
}

.bordeDebajoColorClaro {
    border-bottom-style: solid;
    border-width: 1px;
    border-color: #6C757D;
}

.paginaTituloGrande {
    clear: both;
    text-align: center;
    /*background-color:Gray;*/
    max-width: 100%;
}

.articuloTituloGrande {
    text-align: justify;
    /*background-color:Gray;*/
    /*background-color:#004975;*/
    background-color: #023E62;
    max-width: 100%;
    padding: 40px 20px 40px 20px;
    padding: 40px 20px 10px 20px;
    color: White;
    /*background-position:center center;*/
    background-position: right center;
    background-repeat: no-repeat;
    /*background-image: url("/Images/architecture-1216055-1200x500.jpg"); /*Marca agua en contenidos y noticias */
    background-image: url("/Images/Cabecera.jpg"); /*Marca agua en contenidos y noticias */
}

.textoTituloGrande {
    /*font-size: 4.7rem;*/
    font-size: 2.0rem;
    padding-bottom: 20px;
    font-weight: 300;
    max-width: 100%;
    margin-left: auto;
    margin-right: auto;
}

.textoDescripcionTitulo {
    /*font-size: 1.4rem;*/
    padding-top: 0px;
    padding-bottom: 20px;
    /*font-weight:100;*/
    max-width: 100%;
    margin-left: auto;
    margin-right: auto;
    text-align: justify;
}

.infoUsuarioPseudonimo {
    /*float: right;*/
    /*margin-right: 10px;*/
    display: inline-block;
}

.vistaPreviaFichero {
    height: 250px;
    max-width: 250px;
    max-height: 250px;
}

/*Contenidos */

.padddingDcha40 {
    padding-right: 40px;
}

.divSiteMap {
    margin-bottom: 10px;
}

section#ContenidoSectionCon2Columnas {
    float: left;
    width: 70%;
}

.Contenido_Article {
    margin-right: 20px;
    /* background-image: url("/Images/PruebaFondo2.png"); /*Marca agua en contenidos y noticias */
    background-repeat: no-repeat;
    background-position: bottom right;
}

.Contenido_Noticia {
    padding-top: 20px;
}

.Contenido_Eventos {
    padding-top: 20px;
    padding-right: 10px;
}

.Contenido_Aside {
    /*background-color:Gray;*/
    overflow: hidden; /*No mostrar el extra */
}

.adjuntosEventos {
    /*width: 30%;*/
}

.bordesIzquierda {
    border-left-color: #7D5B5B;
    border-left-style: solid;
    border-left-width: 2px;
    padding-left: 10px;
}


.calendario {
    width: 100%;
    background-color: white;
    border-style: none !important;
}

    .calendario a {
        font-weight: normal !important;
        color: #696969 !important;
    }

    .calendario td {
    }

.calendarioCeldaConEvento {
    background-color: #6C757D;
}

.calendarioDayHeaderStyle {
}

.calendarioTitleStyle {
    background-color: #efefef;
}

.calendarioTodayDayStyle {
}

.calendarioOtherMonthDayStyle {
}

    .calendarioOtherMonthDayStyle a {
        color: #DDDDDD !important;
    }

.calendarioSelectedDayStyle {
}

.calendarioWeekendDayStyle {
}

.calendarioSelectorStyle {
    background-color: blueviolet;
}

.calendarioDayStyle {
}

.calendarioNextPrevStyle {
}

.calendrioCajaDiaCompleto {
    text-align: center;
    background-color: #363636;
    padding: 3px;
    font-size: 15px;
    line-height: 22px;
    width: 40px;
    color: white;
}

.calendrioCajaNombreDia {
    background-color: white;
    padding-top: 5px;
    padding-bottom: 5px;
    font-size: 9px;
    text-transform: uppercase;
    display: block;
    color: #666;
}

.calengarioDatosEventoEnLista {
    width: calc(95% - 45px);
    padding-left: 10px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}


#contenedorNavegadorRegistros {
    padding-right: 10px;
}

.ContenedorCon2ColumnasGrande {
    float: left;
    width: 75%;
    word-break: break-word;
}

.ContenedorCon2Columnas100 {
    float: left;
    width: 100%;
    word-break: break-word;
}

.ContenedorCon2Columnas80 {
    float: left;
    width: 80%;
    word-break: break-word;
}

.ContenedorCon2Columnas75 {
    float: left;
    width: 75%;
    word-break: break-word;
}

.ContenedorCon2Columnas70 {
    float: left;
    width: 70%;
    word-break: break-word;
}

.ContenedorCon2Columnas60 {
    float: left;
    width: 60%;
    word-break: break-word;
}

.ContenedorCon2Columnas50 {
    float: left;
    width: 50%;
    word-break: break-word;
}

.ContenedorCon2Columnas45 {
    float: left;
    width: 45%;
    word-break: break-word;
}

.ContenedorCon2Columnas40 {
    float: left;
    width: 40%;
    word-break: break-word;
}

.ContenedorCon2ColumnasPeque {
    float: left;
    width: 25%;
    word-break: break-word;
}

.ContenedorCon2Columnas32 {
    float: left;
    width: 32%;
    word-break: break-word;
}

.ContenedorCon2Columnas30 {
    float: left;
    width: 30%;
    word-break: break-word;
}

.ContenedorCon2Columnas25 {
    float: left;
    width: 25%;
    word-break: break-word;
}

.ContenedorCon2Columnas20 {
    float: left;
    width: 20%;
    word-break: break-word;
}

.ContenedorCon2Columnas19 {
    float: left;
    width: 19%;
    word-break: break-word;
}

.ContenedorCon2Columnas15 {
    float: left;
    width: 15%;
    word-break: break-word;
}

.ContenedorCon2Columnas12 {
    float: left;
    width: 12%;
    word-break: break-word;
}

.ContenedorCon2Columnas10 {
    float: left;
    width: 10%;
    word-break: break-word;
}

.ContenedorCon2Columnas9 {
    float: left;
    width: 9%;
    word-break: break-word;
}

.ContenedorCon2Columnas5 {
    float: left;
    width: 5%;
    word-break: break-word;
}

.ContenedorCon2ColumnasIguales {
    float: left;
    width: 50%;
    word-break: break-word;
}

.imagenVistaPreviaNoticia {
    float: left;
    /*width:25%;*/
    width: 20%;
    padding-right: 10px;
    /*-------------*/
    padding-top: 5px;
    /*display:none;*/
}

.ContenedorTodoAncho {
    clear: both;
    margin-left: 4px;
    margin-right: 4px;
}

.ContenedorTodoAnchoOfertas {
    clear: both;
    margin-left: 4px;
    margin-right: 4px;
}

.ContenedorTodoAnchoOfertasSub {
    padding-right: 30px;
}

.redondeado {
    margin-bottom: 4px;
    padding: 10px;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    border-radius: 10px;
}

.fondoGrisClaro {
    background-color: #EAEAEA !important;
}

.contenedorCerrarSesion {
    padding: 40px 0px 40px 0px;
    text-align: center;
    width: 49%;
}


.ContenedorCampoFiltroUnaSolaLinea {
    /*float:left;*/
    display: inline-block;
    vertical-align: middle;
    white-space: nowrap;
    padding: 10px 8px 4px 8px;
}

.ContenedorCampoFiltro {
    /*float:left;*/
    display: inline-block;
    vertical-align: middle;
    padding: 10px 8px 4px 8px;
}

.ContenedorCuerpoOferta {
    /*float:left;*/
    display: inline-block;
    vertical-align: middle;
    padding: 10px 8px 0px 0px;
    /*line-height: 24px;
    font-size: 12px;*/
    text-align: justify;
    width: 100%;
    margin-bottom: 20px;
    /*white-space: pre-wrap;*/
}

.ContenedorInformaiconContacto {
    /*float:left;*/
    display: inline-block;
    vertical-align: middle;
    /*font-size: 12px;*/
    text-align: justify;
    width: 100%;
}

.oferta {
    /*float:left;*/
    font-size: 14px;
    color: #777;
}

.ContenedorInformaiconContactoPadre {
}

.divLinksOfertas {
    margin-top: 1%;
}

.alineadoDecha {
    float: right;
}

/* Compensa el padding-right de #contenedorFiltros (20px) y del contenedor (8px)
   para alinear el botón con el borde derecho del grid */
.contenedorBotonCerrarResueltos {
    padding-right: 0;
    margin-right: -20px;
}

#contenedorFiltros {
    overflow: hidden;
    /*padding-top: 10px;*/
    padding-right: 20px;
    /*margin-top: 20px;*/
}

.alinearDerecha {
    text-align: right;
}

.alinearIzquierda {
    text-align: left;
}

.resaltarCasilla {
    color: #00255B;
    background-color: white;
    padding: 5px;
}

.resaltarCasillaUrgente {
    color: #e25151;
    background-color: white;
    padding: 5px;
    margin-top: 5px;
}

#contenedorBarraBotones {
    overflow: hidden;
    -moz-border-radius: 15px;
    -webkit-border-radius: 15px;
    border-radius: 15px;
    padding-top: 10px;
}

/**FICHA COLEGIADO*/

.fichaColegiadoFoto {
    width: 100%;
    max-width: 200px;
}

.fichaColegiadoEstadoAlta {
    background-color: green;
    color: white;
    padding: 5px;
}

.fichaColegiadoEstadoBaja {
    background-color: #DC3545;
    color: white;
    padding: 5px;
}


/**FICHA Trabajo*/

.fichaEstado {
    padding: 5px;
}

.fichaColorSOLICITADO {
    background-color: #3da93d;
    color: white;
}

.fichaColorREENVIADO {
   /* background-color: #3da93d;
    color: white;*/
   background-color: rgba(229, 234, 182, 0.62);
}

.fichaColorRECHAZADO {
    background-color: #fe5c5c;
    color: white;
}

.fichaColorANULADO {
    background-color: #fe5c5c;
    color: white;
}

.fichaColorBORRADOR {
    /*background-color: #cbcbcb;*/
    color: black;
}

.fichaColorREGISTRADO {
    /*background-color: #20A0FF;*/
    background-color: #cbcbcb;
    color: white;
}

.fichaColorVISADO{
    background-color: #20A0FF;
    color: white;
}

.fichaColorFIRMADO{
    background-color: #20A0FF;
    color: white;
}

.fichaColorFIRMADO{
    background-color: #20A0FF;
    color: white;
}

.fichaColorFACTURADO {
    background-color: #e6e6fa;
    color: #000;
}

.fichaColorRETIRADO {
    background-color: #98d1f4;
    color: #000;
}

.ayudaColegioSellado {
    margin-top: 10px !important;
    float: right;
    text-align: center;
    background-color: #fffcc3;
    padding-bottom: 10px;
}

.bordeGrisClaro {
    border: 1px #a7a2a2 solid;
}

.progressSellarYFirmar {
    display: inline-block;
    vertical-align: middle;
}

.cabeceraGridFacturasVisado {
    padding: 3px;
    text-align: left;
    padding-left: 10px;
    font-size: 0.92rem;
    margin-bottom: 2px;
}

/* BANNER*/
.Banner_Imagen {
    width: 100%;
}

.Banner_Contenedor {
    margin-bottom: 20px;
    margin-top: 20px;
    text-align: center;
}

.BannerHorizontal_Contenedor {
    margin-right: 20px;
    display: inline-block;
}

    .BannerHorizontal_Contenedor .Banner_Imagen {
        height: 75px;
        width: auto;
    }

.gridBanners {
    /* border-left-style:solid;
    border-left-width:2px;
    border-left-color:#EAEAEA;
    */
}

    .gridBanners .gridRowStyle {
        text-align: center;
        margin-bottom: 30px;
    }


        .gridBanners .gridRowStyle td {
            padding-bottom: 30px;
        }

    .gridBanners .gridAlternatingRowStyle {
        text-align: center;
        margin-bottom: 30px;
        background-color: inherit;
    }

        .gridBanners .gridAlternatingRowStyle td {
            padding-bottom: 30px;
        }
/**/

.ImagesRedesSociales {
    border-style: none;
    margin-left: 5px;
    margin-right: 5px;
    width: 24px;
    text-decoration: none;
}

.ImagesRedesSocialesFooter {
    border-style: none;
    margin-left: 5px;
    margin-right: 20px;
    text-decoration: none;
    width: 24px;
}

.enlaceImagen {
    border-style: none;
    text-decoration: none;
}

    .enlaceImagen:hover {
        border-style: none;
        text-decoration: none;
    }

.contenedorBanners {
    margin-top: 20px;
    margin-bottom: 20px;
    overflow: hidden;
}

.contenedorBannersIzq {
    padding-right: 40px;
}

.contenedorBannersIzqMovil {
    display: none;
}


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

div.hideSkiplink {
    background-color: #3a4f63;
    width: 100%;
}

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

    div.menu ul {
        list-style: none;
        margin: 0px;
        padding: 0px;
        width: auto;
        z-index: 999999; /*Para evitar el slider*/
    }

        div.menu ul li a, div.menu ul li a:visited {
            /* background-color: #16357A;*/
            background-color: #363636;
            border: 1px #4e667d solid;
            /*color: #dde4ec;*/
            color: white;
            display: block;
            line-height: 1.35em;
            padding: 4px 20px;
            text-decoration: none;
            white-space: nowrap;
        }

            div.menu ul li a:hover {
                /*background-color: #bfcbd6;
    color: #16357A;*/
                /*background-color: #5fc306;*/
                color: white;
                text-decoration: none;
            }

            div.menu ul li a:active {
                /* background-color: #16357A;*/
                background-color: #363636;
                color: white;
                text-decoration: none;
            }




/* FORM ELEMENTS   */

input {
    padding: 4px 4px 4px;
    font-size: 14px;
    /*font-size: .80rem;
   font-family: "Helvetica Neue", "Lucida Grande", "Segoe UI", Arial, Helvetica, Verdana, sans-serif;*/
    /* color: #696969;*/
}

select {
    padding: 4px 4px 4px;
    font-size: 14px;
}

textarea {
    height: 80px;
}

.enMinusculas {
    text-transform: lowercase;
}

.enMayusculas {
    text-transform: uppercase;
}

.list-group {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
  padding-left: 0;
  margin-bottom: 0;
}

.list-group-item-action {
  width: 100%;
  color: #495057;
  text-align: inherit;
}

.list-group-item-action:hover, .list-group-item-action:focus {
  color: #495057;
  text-decoration: none;
  background-color: #f8f9fa;
}

.list-group-item-action:active {
  color: #212529;
  background-color: #e9ecef;
}

.list-group-item {
  position: relative;
  display: block;
  padding: 0.75rem 1.25rem;
  margin-bottom: -1px;
  background-color: #fff;
  border: 1px solid rgba(0, 0, 0, 0.125);
}

.list-group-item:first-child {
  border-top-left-radius: 0.25rem;
  border-top-right-radius: 0.25rem;
}

.list-group-item:last-child {
  margin-bottom: 0;
  border-bottom-right-radius: 0.25rem;
  border-bottom-left-radius: 0.25rem;
}

.list-group-item:hover, .list-group-item:focus {
  z-index: 1;
  text-decoration: none;
}

.list-group-item.disabled, .list-group-item:disabled {
  color: #6c757d;
  background-color: #fff;
}

.list-group-item.active {
  z-index: 2;
  color: #fff;
  background-color: #00255B;
  border-color: #00255B;
}

.list-group-flush .list-group-item {
  border-right: 0;
  border-left: 0;
  border-radius: 0;
}

.list-group-flush:first-child .list-group-item:first-child {
  border-top: 0;
}

.list-group-flush:last-child .list-group-item:last-child {
  border-bottom: 0;
}

.list-group-item-warning {
  /*color: #856404;
  background-color: #ffeeba;*/
    color: #00255B;
  background-color: #abdde5;
   white-space: normal;
   width:210%;
}

.list-group-item-warning.list-group-item-action:hover, .list-group-item-warning.list-group-item-action:focus {
  /*color: #856404;
  background-color: #ffe8a1;*/
    color: #00255B;
  background-color: #abdde5;
}

.list-group-item-warning.list-group-item-action.active {
  /*color: #fff;
  background-color: #856404;
  border-color: #856404;*/
    color: #fff;
  background-color: #0c5460;
  border-color: #0c5460;
}

/*
fieldset
{
    margin: 1rem 0px;
    padding: 1em;
    border: 1px solid #ccc;
}

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

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

fieldset label.inline 
{
    display: inline;
}

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

input.textEntry 
{
    width: 320px;
    border: 1px solid #ccc;
}

input.passwordEntry 
{
    width: 320px;
    border: 1px solid #ccc;
}

div.accountInfo
{
    width: 42%;
}

----------------------------------------------------------*/
/* MISC  
----------------------------------------------------------*/

.clear {
    clear: both;
}

.title {
    display: block;
    float: left;
    text-align: left;
    width: auto;
}

.loginDisplay {
    font-size: 1.1rem;
    display: block;
    text-align: right;
    padding: 10px;
    color: White;
}

    .loginDisplay a:link {
        color: white;
    }

    .loginDisplay a:visited {
        color: white;
    }

    .loginDisplay a:hover {
        color: white;
    }

.failureNotification {
    font-size: 1.2rem;
    color: #DC3545;
}

.bold {
    font-weight: bold;
}

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


/* TITULOS */
.paginaHeader h1 {
    font-family: 'Sora', sans-serif;
    margin-left: 0px;
    margin-right: 0px;
    margin-top: 0px;
    margin-bottom: 10px;
    /*color: #f9f9f9;*/
    border: none;
    /*line-height: 2em;*/
    /*font-size: 18px;*/
    font-weight: 500;
}

h2 {
    /*font-size:x-large;*/
    font-size: 20px;
    color: #00255B;
    /*Mod 14/03/2016*/
    margin-top: 2px;
    margin-bottom: 5px;
    font-weight: normal !important;
    text-transform: uppercase;
    /*border-bottom-color: #6C757D;
    border-bottom-width: 1px;
    border-bottom-style: solid;*/
    padding-bottom: 5px;
}


.cajaInicioLogin h2 {
    font-size: 30px;
    color: #00255B;
    margin-top: 2px;
    margin-bottom: 5px;
    text-transform: uppercase;
    padding-bottom: 5px;
    font-weight: normal;
    text-align: center;
    border-style: none;
}

h3 {
    font-size: 16px;
    line-height: 28px;
    color: #00255B;
    margin-top: 2px;
    margin-bottom: 5px;
    font-weight: normal !important;
}

h4 {
    text-transform: none;
    margin-bottom: 0px;
    margin-top: 4px;
}


h2 > a:link, h2 > a, h2 > a:visited {
    color: #00255B;
    /*font-weight: 300 !important;*/
}


h3 > a:hover {
    text-decoration: underline;
    /*font-weight: 300 !important;*/
}

article h2 {
    /*font-size: x-large;*/
}

.letraPeque {
    font-size: 10px;
    color: #777;
    text-transform: uppercase;
}

/*Cargos*/
.textoActivo {
    color: #00255B;
}

.textoFinalizado {
    color: #FF6932;
}

.textoEnProceso {
    color: #4169E1;
}

/*GRIDs*/
.nombreCampoResponsive {
    display: none;
    font-weight: bold;
}

.gridFiltaTemplateList {
    display: block;
    padding-bottom: 8px;
    padding-top: 8px;
    border-bottom-style: solid;
    border-bottom-width: 1px;
    border-bottom-color: #dedede;
}

.cabeceraListView {
    display: block;
}

.gridColumnaFilaTemplateList {
    padding-right: 4px;
    padding-left: 4px;
    vertical-align: middle;
    word-break: break-all;
    word-break: break-word;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.gridFiltaTemplateList .ContenedorCon2Columnas80 {
    display: inline-block;
    float: none;
}

.gridFiltaTemplateList .ContenedorCon2Columnas75 {
    display: inline-block;
    float: none;
}

.gridFiltaTemplateList .ContenedorCon2Columnas70 {
    display: inline-block;
    float: none;
}

.gridFiltaTemplateList .ContenedorCon2Columnas50 {
    display: inline-block;
    float: none;
}

.gridFiltaTemplateList .ContenedorCon2Columnas45 {
    display: inline-block;
    float: none;
}

.gridFiltaTemplateList .ContenedorCon2Columnas40 {
    display: inline-block;
    float: none;
}

.gridFiltaTemplateList .ContenedorCon2Columnas32 {
    display: inline-block;
    float: none;
}

.gridFiltaTemplateList .ContenedorCon2Columnas30 {
    display: inline-block;
    float: none;
}

.gridFiltaTemplateList .ContenedorCon2Columnas25 {
    display: inline-block;
    float: none;
}

.gridFiltaTemplateList .ContenedorCon2Columnas20 {
    display: inline-block;
    float: none;
}

.gridFiltaTemplateList .ContenedorCon2Columnas19 {
    display: inline-block;
    float: none;
}

.gridFiltaTemplateList .ContenedorCon2Columnas15 {
    display: inline-block;
    float: none;
}

.gridFiltaTemplateList .ContenedorCon2Columnas12 {
    display: inline-block;
    float: none;
}

.gridFiltaTemplateList .ContenedorCon2Columnas10 {
    display: inline-block;
    float: none;
}

.gridFiltaTemplateList .ContenedorCon2Columnas9 {
    display: inline-block;
    float: none;
}

.gridFiltaTemplateList .ContenedorCon2Columnas5 {
    display: inline-block;
    float: none;
}

.gridRegistros {
    width: 100%;
}

.gridRowStyle {
}



.gridHeaderStyle {
    background-color: #00255B;
    color: White;
}

    .gridHeaderStyle th {
        padding: 4px 4px 4px 4px;
    }

    .gridHeaderStyle a {
        color: White;
    }

.gridRowStyle td {
    /*padding:4px 0px 4px 0px;*/
    padding: 8px 4px 8px 4px;
    word-break: break-word;
}

.gridRowMenosPaddingStyle td {
    padding: 2px 4px 2px 4px !important;
}

.gridAlternatingRowStyle {
    background-color: #ddd;
}


    .gridAlternatingRowStyle td {
        /*padding:4px 0px 4px 0px;*/
        padding: 8px 4px 8px 4px;
    }

.gridNoticiasRowStyle {
    /*border-bottom-style: dashed;
  border-bottom-width: 2px;
  border-bottom-color: #dedede;*/
}

    .gridNoticiasRowStyle td {
        padding: 10px 0px 10px 0px;
    }

.gridNoticiasAlternatingRowStyle {
    /* border-bottom-style: dashed;
  border-bottom-width: 2px;
  border-bottom-color: #dedede;*/
    /*background-color:#F9F9F9;*/
}

    .gridNoticiasAlternatingRowStyle td {
        padding: 10px 0px 10px 0px;
    }

.gridAdjuntos {
    /*width: 100%;*/
    /* text-align: left;
    margin-left: auto;*/
    margin-top: 7px;
    margin-bottom: 7px;
    /*width:100%;*/
    /*-moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    border-radius: 10px;
    background-color: #EAEAEA;*/
    word-break: break-word;
    /*IE 7 AND 8 DO NOT SUPPORT BORDER RADIUS*/
}

    .gridAdjuntos td {
    }

    .gridAdjuntos .gridAlternatingRowStyle {
        background-color: inherit;
    }

.gridAdjuntosFichero {
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 10px;
    background-color: #EAEAEA;
    margin-bottom: 4px;
    padding: 10px;
}


.Grid_Imagen {
    margin-right: 8px;
    vertical-align: middle;
}

.Grid_ColumEdit {
    width: 30px;
}

/*GRIDs Color Solicitudes*/
.gridBORRADOR {
    /*background-color: rgba(208, 213, 191, 0.36);*/
}

.gridSOLICITADO {
    background-color: rgba(193, 240, 187, 0.62);
}

.gridREENVIADO {
    /*background-color: rgba(193, 240, 187, 0.62); */
    background-color: rgba(229, 234, 182, 0.62);
}

.gridANULADO {
    background-color: #f0b3b3;
}

.gridRECHAZADO {
    background-color: #f0b3b3;
}

.gridREGISTRADO {
    /*background-color: rgb(162, 199, 218);*/
    background-color: rgba(208, 213, 191, 0.36);
}

.gridVISADO {
    background-color: rgb(162, 199, 218);
}

.gridFIRMADO {
    background-color: rgb(162, 199, 218);
}

.gridFACTURADO {
    background-color: #e6e6fa;
}

.gridRETIRADO {
    background-color: #98d1f4;
}

.colorDescargaFicheroEnviado {
    color: #04aa04;
}

.iconoNoPermitirDescargarFichero {
    color: #bfbdbd;
}

.iconoPermitirDescargarFichero {
    color: green;
}

.iconoSellarYFirmarCorrecto {
    vertical-align: middle;
    font-size: 50px;
    margin-bottom: -12px;
    margin-top: -10px;
}

.linkNavegarRegistros {
    margin-left: 20px;
    margin-right: 20px;
}

/*LOGIN*/
.cajaInicioLogin {
    max-width: 500px;
    margin-left: auto;
    margin-right: auto;
    margin-top: 150px;
    padding-top: 30px;
    padding-bottom: 10px;
    padding-left: 40px;
    padding-right: 40px;
    opacity: 0.93;
    background-color: #B9C7DC;
    margin-bottom: 10px;
    border-radius: 30px;
}

#loginTablaUsuario {
    width: 100%;
    max-width: 400px;
    font-size: medium;
}

.linkIniciarSesion {
    /*float:right;*/
}

#divPanelDebajoCabecera {
    clear: left;
    padding: 10px 20px 0px 20px;
    float: right;
}

.infoUsuario {
}

.imagenCabecera {
    width:170px;
    height: auto;
}


.imagenCabeceraDcha {
    float: left;
    width: 275px;
    /*
  margin-left:10px;
  margin-right:10px;
    */
    margin-top: 40px;
}

.divCabeceraTitulo {
    font-family: 'Sora', sans-serif;
    font-weight: bold;
    margin: 0px;
    /*padding: 10px  20px 0px 0px;*/
    border: none;
    font-size: 1.7rem;
    /*float:left;*/
    position: relative;
    transform: translateY(-50%);
    top: 50%;
    display: inline-block;
}

.divCabeceraTituloDelegacion {
    font-family: 'Sora', sans-serif;
    font-weight: 300;
    margin: 0px;
    border: none;
    font-size: 1.2rem;
}

.divCabeceraUsuario {
    margin-top: 50px;
}

.cabeceraLinkTitulo {
    text-decoration: none;
    border-style: none;
}

    .cabeceraLinkTitulo:hover {
        text-decoration: none;
        border-style: none;
    }

.cabeceraEscudoyTexto {
    display: inline-block;
}

/*Botones*/
/* Sistema de botones del estilo nuevo (".btnNuevo" de EstilosNuevo.css):
   mayúsculas, peso 600, esquinas rectas, y el hover cambia de tono en vez de
   invertir a fondo blanco. Cada variante de color define su propio hover más
   abajo (".botonVerde", ".botonNaranja", ".botonRojo"). */
.btnFormulario {
    font-size: 14px;
    font-weight: 600;
    letter-spacing: 0.03em;
    text-transform: uppercase;
    padding: 6px 12px;
    border-radius: 0;
    background-color: #00255B;
    color: White !important;
    border-style: none;
    margin-right: 15px;
    border-color: transparent;
    border-style: solid;
    border-width: 1px;
    -webkit-transition: background-color 0.1s ease-in-out;
    -moz-transition: background-color 0.1s ease-in-out;
    -ms-transition: background-color 0.1s ease-in-out;
    -o-transition: background-color 0.1s ease-in-out;
    transition: background-color 0.1s ease-in-out;
}

    .btnFormulario:hover {
        cursor: pointer;
        background-color: #1A73E9;
        color: White !important;
        border-color: transparent;
    }


.textoVerde{
    background: #3da93d;
    color: white;
    padding: 5px;
    border: 1px solid;
}

.textoRojo{
    background: #DC3545;
    color: white;
    padding: 5px;
    border: 1px solid;
}

.textoGris{
    background: #7d7575;
    color: white;
    padding: 5px;
    border: 1px solid;
}

.textoVisado{
    /*width:200px;*/
    display:inline-block;
    text-align:center;
    padding-left: 14px;
    padding-right: 14px;
    min-width: 200px;
}

.HorasFacturables {
    color: #DC3545 !important;
    font-weight: bold !important;
    font-size: 18px !important;
}
.HorasNoFacturables {
    color: #3da93d !important;
    font-weight: bold !important;
    font-size: 18px !important;
}
.ImporteHoras {
    color: black !important;
    font-weight: bold !important;
    font-size: 18px !important;
}

/* SIN USO. Se mantiene con el verde que le corresponde por nombre. El botón
   que antes la llevaba usa ahora ".botonLima", al final de esta hoja. */
.botonVerde {
    background-color: #3da93d;
}

    .botonVerde:hover {
        color: #3da93d !important;
        border-color: #3da93d !important;
    }

.fuenteVerde {
    color: #3da93d !important;
}

/* Rojo del estilo nuevo (".btnNuevoRojo"), con su hover emparejado. */
.botonRojo {
    background-color: #DC3545;
}

    .botonRojo:hover {
        background-color: #e77e87;
        color: White !important;
    }

.fuenteRojo {
    color: #DC3545 !important;
}

.fuenteRojoSuave {
    color: #FF8A80 !important;
}

/* SIN USO. Se mantiene con el naranja que le corresponde por nombre. Los dos
   botones que antes la llevaban usan ahora ".botonAmarillo", al final de esta
   hoja. */
.botonNaranja {
    background-color: #e5834a;
}

    .botonNaranja:hover {
        color: #e5834a !important;
        border-color: #e5834a !important;
    }

.fuenteNaranja {
    color: #e5834a !important;
}

.anchoBotonNormal {
    width: 95px !important;
}

.anchoBotonGrande {
    width: 160px !important;
    padding: 8px 5px 5px 8px;
}

.linkBoton {
    font-size: medium;
    font-weight: bold;
    padding: 5px 10px 5px 10px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px; /*IE 7 AND 8 DO NOT SUPPORT BORDER RADIUS*/
    background-color: #363636;
    color: White;
    border-style: none;
    margin-right: 15px;
}

.botonBuscar {
    padding-bottom: 0px;
    padding-top: 0px;
    vertical-align: bottom;
    height: 32px;
}

.fondoRojo {
    background-color: #DC3545;
}

#loginTablaUsuario .textBoxFormulario {
    width: 100%;
}

.textBoxFormulario {
    font-size: medium;
    padding: 4px 4px 4px 4px;
}

#btnBuscarEnLaPagina {
    padding-top: 6px;
    padding-bottom: 6px;
}

.error {
    color: #DC3545 !important;
}
.LabelError
{
    font-weight:700 !important;
    color: #DC3545 !important;
}
.LabelMensaje
{
    font-weight:700 !important;
    color: blue !important;
}

.formulariosLimiteRequerido {
    text-align: right;
    font-size: 11px;
}

.correcto {
    color: green !important;
}

/* SIN USO. Se mantiene con el gris claro que le corresponde por nombre.
   GridTareas.aspx.vb asigna ahora ".colorAzulClaro", al final de esta hoja. */
.colorGrisClaro {
    color: #eaeaea;
}

.colorTransparente {
    background-color: transparent !important;
}


/**AUTO COMPLETAR*/
.autocomplete_completionListElement {
    margin-top: 0px;
    background-color: #f4f5d1;
    color: #c4c4c4;
    border: buttonshadow;
    border-width: 1px;
    border-style: solid;
    cursor: hand;
    overflow: auto;
    height: 120px;
    font-size: 12px;
    text-align: left;
    list-style-type: none;
    z-index: 10009 !important;
}

/* AutoComplete highlighted item */

.autocomplete_highlightedListItem {
    /*background-color: #ffff99;*/
    background-color: #bfbfbf;
    color: BLACK;
    padding: 4px;
    z-index: 10009 !important;
}

/* AutoComplete item */

.autocomplete_listItem {
    /*background-color : window;*/
    color: windowtext;
    padding: 1px;
    z-index: 10009 !important;
    padding: 4px;
}


/*MAPA*/
.contenidorMapa {
    margin-top: 20px;
    height: 600px;
}

.contenedorResultadoMapa {
    position: absolute;
    top: 2px;
    z-index: 4;
    width: 100%;
    text-align: center;
}

.resultadoMapa {
    background: #F3F1ED;
    border: solid 2px rgba(69, 6, 8, 0.52);
    padding: 2px;
    border-radius: 5px;
    display: inline-block;
}

.cargandoGeo {
    display: block;
    text-align: center;
    padding-top: 10px;
    padding-bottom: 10px;
}
/*COMENTARIOS*/
.cajaTextoComentario {
    margin-top: 10px !important;
    margin-bottom: 10px;
}

.comentarioUsuario {
    background-color: #6C757D;
    padding: 10px 10px 10px 10px;
}

.comentarioContenido {
    background-color: #6C757D;
    padding: 10px 10px 10px 10px;
    color: black;
}

.comentarioFecha {
    text-align: right;
    margin-bottom: 20px;
    padding: 10px 10px 10px 10px;
}

/*FORMULARIOS*/
.CheckBoxGrande input[type="checkbox"] {
    display: inline-block;
    vertical-align: middle;
    width: 20px;
    height: 20px;
    /*background-image: url("../Images/uncheck.png");*/
}

.CheckBoxGrande input[type="checkbox"]:checked + label {
    /*background-image: url("../Images/check_2.png");*/
    content: '\f14a';
    vertical-align: middle;
    width: 20px;
    height: 20px;
    font-weight:bold;
}
/*FORMULARIO OFERTAS NUEVAS DE EMPLEO*/
.divChecksOferta {
    float: right;
}

.ancho35 {
    width: 35%;
}

.divContenedorSubcampos {
    display: -webkit-inline-box;
}

.lblTituloNuevaOferta {
    width: 100%;
    font-size: 15px;
    color: #00255B;
}

.lblTituloNuevaOferta25 {
    width: 80%;
    font-size: 15px;
    color: #00255B;
}

.txtTituloNuevaOferta25 {
    width: 84%;
    font-size: 15px;
    color: #00255B;
}

.txtTituloNuevaOferta {
    width: 100%;
}

.textoColorIntermedio {
    color: #00255B;
}

.txtTituloNuevaOfertaMultiline {
    width: 100%;
    min-width: 10%;
    height: 200px;
}

.textoInfoDcha {
    clear: left;
    float: right;
}

.textoCentrado {
    text-align: center;
}

.textoInformacion {
    font-size: small;
}

.ContenedorCampoFiltroUnaSolaLinea4Colum {
    /*float:left;*/
    display: inline-block;
    vertical-align: middle;
    white-space: nowrap;
    padding: 10px 8px 4px 8px;
    width: 96%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.ContenedorCampoFiltro4Colum {
    /*float:left;*/
    clear: left;
    vertical-align: middle;
    padding: 10px 8px 4px 8px;
    width: 96%;
    white-space: normal;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.ContenedorCampoFiltroUnaSolaLinea3Colum {
    /*float:left;*/
    display: inline-block;
    vertical-align: middle;
    white-space: nowrap;
    padding: 10px 8px 4px 8px;
    width: 72%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.ContenedorCampoFiltro3Colum {
    /*float:left;*/
    display: inline-block;
    vertical-align: middle;
    padding: 10px 8px 4px 8px;
    width: 72%;
    white-space: normal;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.ContenedorCampoFiltro30Ancho {
    /*float:left;*/
    display: inline-block;
    vertical-align: middle;
    padding: 10px 8px 4px 8px;
    width: 30%;
    white-space: normal;
}

.ContenedorCampoFiltro100Ancho {
    vertical-align: middle;
    padding: 10px 8px 4px 8px;
    width: 100%;
    white-space: normal;
}



.ContenedorCampoFiltro2Colum {
    /*float:left;*/
    display: inline-block;
    vertical-align: middle;
    padding: 10px 8px 4px 8px;
    width: 48%;
    white-space: normal;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.ContenedorCampoFiltroUnaSolaLinea2Colum {
    /*float:left;*/
    display: inline-block;
    vertical-align: middle;
    white-space: nowrap;
    padding: 10px 8px 4px 8px;
    width: 48%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.ContenedorCampoFiltroUnaSolaLinea1Colum {
    /*float:left;*/
    display: inline-block;
    vertical-align: middle;
    white-space: nowrap;
    padding: 10px 8px 4px 8px;
    width: 24%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.ContenedorCampoFiltro1Colum {
    /*float:left;*/
    display: inline-block;
    vertical-align: middle;
    padding: 10px 8px 4px 8px;
    width: 24%;
    white-space: normal;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.ContenedorCampoFiltro1ColumOfertas {
    /*float:left;*/
    display: inline-block;
    vertical-align: middle;
    padding: 10px 8px 4px 8px;
    width: 38%;
    white-space: normal;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.ContenedorCampoFiltro1ColumOfertasAdmin {
    /*float:left;*/
    display: inline-block;
    vertical-align: middle;
    padding: 10px 8px 4px 8px;
    width: 30%;
    white-space: normal;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.nextPreviosPage {
    color: #fff;
    padding: 5px;
    display: inline-block;
    line-height: 28px;
    width: auto;
    min-width: 28px;
    text-align: center;
    margin: 2px;
    text-decoration: none;
    background: #fff;
    border: 1px solid #ccc;
}

.divPagerOfertas {
    text-align: -webkit-center;
}

.currentPage {
    background: #00255B;
    border-color: #00255B;
    color: #fff;
    padding: 5px;
    display: inline-block;
    line-height: 28px;
    width: auto;
    min-width: 28px;
    text-align: center;
    margin: 2px;
    text-decoration: none;
    /* color: #00255B; */
    /* background: #fff; */
    border: 1px solid #ccc;
}

.flotanteIzquierda {
    float: left;
}

.controlError {
    border-color: #DC3545;
    color: #DC3545;
}

.formulariosTamControles {
    width: 100%;
    margin-top: 4px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.formularioNombreCampo {
    /*display:block;*/
}


.formulariosTamControlesFecha {
    width: 100px;
    margin-top: 4px;
}

.formularioApartado {
    margin-top: 5px;
    margin-bottom: 5px;
    background-color: #B9C7DC;
    padding-top: 10px;
    padding-bottom: 10px;
}

.sinMargenVertical{
    margin-top: 0px;
    margin-bottom: 0px;
    background-color: #B9C7DC;
    padding-top: 0px;
    padding-bottom: 0px;
}

    .formularioApartado h3 {
        margin-left: 8px;
        font-weight: normal;
        color: #00255B;
        display: inline-block;
    }

.h3EnlineaConImagen {
    margin-left: 8px;
    font-weight: normal;
    color: #00255B;
    display: inline-block;
}

.CuteEditorFrame > body {
    background-color: White;
}

/*tabs*/
.ContenedorTab {
    width: 100%;
}

.Tab {
    padding-right: 8px;
}

/*MODAL*/
.mpFondo {
    background-color: Gray;
    filter: alpha(opacity=70);
    opacity: 0.7;
}

.contenedorModal {
    /*border: 1px solid #006CD9;
    background-color: #006CD9;*/
    width: 500px;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    border-radius: 2px;
    background-color: white;
    overflow: visible;
    padding: 10px 10px 10px 10px;
    white-space: normal !important;
}

.contenedorModalTodoAncho {
    width: 100%;
    max-width: 1200px;
}
/* INICIO*/

.contenedorEntrada {
    padding-right: 30px;
}

.desplegableDelegaciones {
    font-size: small;
    margin-bottom: 40px;
    max-width: 100%;
}

.inicioPaddingIzquierdaContenedor {
    padding-left: 20px;
}

.inicioPaddingDerechaContenedor {
    padding-right: 20px;
}

.inicioContenedorEspacio {
}

.contenedorUltimosRegistrosInicio {
    margin-bottom: 40px;
    overflow: auto;
}

.contenedorNoticias {
    margin-bottom: 20px;
    margin-top: 5px;
}

    .contenedorNoticias h2 {
        border-bottom-style: solid;
        border-bottom-width: 1px;
    }

.arbolMovil {
    border-top-style: solid;
    border-top-width: 2px;
    border-top-color: #dedede;
    margin-top: 30px;
    padding-top: 20px;
}


.contenedorSlider {
    /*margin-top:40px;*/
    /*margin-bottom:20px;*/
    /*max-width: 1170px;*/
    max-width: 700px;
    margin-left: auto;
    margin-right: auto;
    position: relative;
    margin-top: 50px;
    margin-bottom: 50px;
}

.contenedorSliderContenidos {
    margin-top: 40px;
    margin-bottom: 20px;
    max-width: 900px;
    margin-left: auto;
    margin-right: auto;
    position: relative;
}

.contenedorServicios {
    background-color: #6C757D;
    margin-top: 20px;
}

.servicioContenedor {
    overflow: auto;
    width: 240px;
    display: inline-block;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    min-height: 125px;
    padding: 20px;
    vertical-align: top;
    word-break: break-all;
    word-break: break-word;
}

.servicioContendorInicioColegiado {
    width: 220px;
}

.servicio_Titulo {
    font-size: larger;
    color: #363636;
    text-align: center;
}

.servicioImagen {
    /*width: 100%;*/
    height: 75px;
    margin-left: auto;
    margin-right: auto;
    max-width: 100%;
}

.servicioContenedorImagen {
    text-align: center;
}

.servicioLink {
}

.servicioDescripcion {
    padding-top: 10px;
    text-align: center;
}

.cajaMitadCentrado {
    width: 50%;
    float: left;
    min-width: 350px;
}

.cajaTercioCentrado {
    width: 33%;
    float: left;
    min-width: 250px;
    max-width: 500px;
}


.cajaApartadoPrincipal {
    background-color: #6C757D;
    width: 80%;
    font-weight: 300;
    /*background-color:Aqua;*/
    margin-right: auto;
    margin-left: auto;
    margin-bottom: 20px;
    color: #696969;
    background-position: center center;
    background-repeat: no-repeat;
    overflow: visible;
    /*min-width:350px;*/
    /*height: 500px;*/
    text-align: center;
    padding: 20px 20px 20px 20px;
}

.inicio_imagenZonaPrincipal {
    /*margin-top:10px;
      margin-bottom:10px;*/
    width: 50px;
}

.inicio_textoZonaPrincipal {
    text-align: center;
    /*height:140px;*/
    margin-bottom: 20px;
    overflow: hidden;
    min-height: 100px;
    font-weight: bold;
}

.inicioPanelLogin {
    text-align: center;
    font-weight: normal;
    max-width: 200px;
    margin-left: auto;
    margin-right: auto;
}

.inicioPanelBotonesLogin {
    margin-left: auto;
    margin-right: auto;
    text-align: center;
    font-weight: normal;
}

.inicioTextoInformativo {
    width: 80%;
    margin-right: auto;
    margin-left: auto;
}

.inicioMensajeInfo {
    text-align: center;
    border-top: 2px dashed #bcbcbc;
    border-bottom: 2px dashed #bcbcbc;
    color: #363636;
    padding: 5px 0 5px 0;
}

.espacioInicio {
    margin-bottom: 20px;
    overflow: auto;
    clear: left;
    /*margin-top:40px;*/
    margin-top: 40px;
}

/*EMPLEO*/

.inscripcionesFilaCurriculumVisto {
    background-color: #cee9c9 !important;
}

.Empleo_VistaPrevia {
    /*padding-top:20px;*/
    padding-top: 10px;
    padding-bottom: 20px;
    max-width: 100%;
    border-bottom-style: solid;
    border-bottom-width: 2px;
    border-bottom-color: #dedede;
    overflow: auto;
}


.Empleo_VistaPreviaTitulo {
    /*text-transform:uppercase;*/
}

.inscricpionesSeparardor {
    margin-bottom: 20px;
}

/*FIHA_COLEG*/
.contenedorElementoFicha {
    overflow: auto;
    max-width: 100%;
    margin-bottom: 5px;
}

.contenedorNombreCampoFicha {
}

.VU_Prof_imagen {
    width: 156px;
    height: 117px;
    border: 1px solid Gray;
}
/*CURRICULUM*/
.FichaCurrCabecera {
    height: 120px;
    /*background: rgb(239, 200, 146);*/
    background-color: #6C757D;
    border-radius: 10px;
    padding: 8px 8px;
    width: 100%;
}

.FichaCurrTituloCabecera {
    font-weight: bold;
    /*color: rgba(69, 6, 8, 0.74) !important;*/
    color: #444 !important;
    font-size: 130%;
    line-height: 25.0px;
    /*font-family: "Trebuchet MS" , Verdana, Arial;*/
}

.FichaCurrFotosCabecera {
    height: 100%;
}

.FichaCurrFotoCabecera {
    float: right;
    height: 100%;
    margin-right: 10px;
    max-width: 33%;
}

    .FichaCurrFotoCabecera img {
        /*height: 100%;*/
        max-height: 100%;
        max-width: 100%;
    }


.FichaCurrItem {
    width: 100%;
    background: rgb(239, 238, 238);
    border-radius: 10px;
    padding: 8px 8px;
    margin-top: 6px;
    overflow: auto;
}

.ItemCurrTitulo {
    font-weight: bold;
}

.ItemCurrTexto {
}

    .ItemCurrTexto a font {
        color: inherit !important;
    }

.Profesional_Cabecera {
    background: rgb(239, 238, 238);
    border-radius: 10px;
    padding: 8px 8px;
    margin-top: 6px;
    overflow: auto;
}

.ProfesionalResumen_SelloProfInd {
    max-width: 25%;
    vertical-align: top;
    /*height:100%;*/
}

.ProfesionalResumen_SelloQR {
    /*height:100%;*/
    vertical-align: top;
    max-height: 200px;
}

/*Colegiacion*/
.contendorTiposColegiacion {
    padding-top: 10px;
    padding-bottom: 10px;
    display: none;
}

.separacionApartado {
    margin-bottom: 20px;
}


.arbolNodoActual {
    /*color: #00255B;*/
    text-decoration: underline;
}

.arbolNodo {
    padding-top: 8px;
}

/*BUSCADOR*/
.contenedorElementoBuscar {
    margin-bottom: 20px;
}

.cajaBusqueda {
    margin-bottom: 30px;
}

.textoBuscar {
    /*width:50%;*/
}
/*COOKIES*/
.barracookie {
    text-align: left;
    display: block;
    position: fixed;
    left: 0px;
    right: 0px;
    bottom: 0px;
    width: 100%;
    min-height: 60px;
    background: #525252;
    color: #dddddd;
    z-index: 99999;
    font-size: small;
    opacity: 0.98;
    -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity = 98);
    /*-ms-filter must come before filter*/
    filter: alpha(opacity = 98);
    /*INNER ELEMENTS MUST NOT BREAK THIS ELEMENTS BOUNDARIES*/
    /*All filters must be placed together*/
}

.barracookie_divContenido {
    width: 700px;
    top: 30%;
    margin-left: auto;
    margin-right: auto;
    text-align: justify;
    line-height: 15px;
    margin-top: 15px;
}

.barracookie_divTitulo {
    color: White;
    font-size: large;
    text-align: left;
}

.barracookie_divContenido a {
    color: white;
}

    .barracookie_divContenido a:hover {
        text-decoration: none;
    }
/**/

/*MEDIA ADAPTADO*/
@media screen and (max-width:1280px) {
    .articuloTituloGrande {
        padding-top: 20px;
    }
}

@media screen and (max-width:1350px) {
    .cajaApartadoPrincipal {
        /*height: 500px;*/
    }
}


@media screen and (max-width:1024px) {
    .textoTituloGrande {
        font-size: 2.3rem;
    }

    .articuloTituloGrande {
        padding-top: 20px;
    }

    .main {
        margin-left: auto;
        margin-right: auto;
        padding-left: 0px;
        padding-right: 0px;
    }
}

@media screen and (min-width:768px) {
    .alto400 {
        height: 400px;
    }

    .alto450 {
        height: 450px;
    }

    .alto100 {
        height: 100px;
    }

    .alto250 {
        height: 250px;
    }

    .alto275 {
        height: 275px;
    }
}

@media screen and (max-width:768px) {
    body {
        font-size: medium;
        max-width: 100%;
    }

    .main {
        padding-left: 0px;
        padding-right: 0px;
    }

    .page {
        width: 100%;
        margin: 0px 0px 0px 0px;
    }

    section#ContenidoSectionCon2Columnas {
        float: none;
        width: 100%;
    }

    .Contenido_Aside {
        float: none;
        width: auto;
    }

    .Contenido_Imagen {
        width: 75%;
        max-width: 300px;
        padding-bottom: 20px;
        display: block;
        margin-left: auto;
        margin-right: auto;
    }

    .txtTituloNuevaOferta25 {
        width: 93%;
    }

    .lblTituloNuevaOferta25 {
        width: 100%;
    }

    .ancho35 {
        width: 100%;
    }

    .divContenedorSubcampos {
        display: block;
    }

    .Banner_Imagen {
        float: none;
        width: 75%;
        max-width: 300px;
    }

    .Banner_Contenedor {
    }

    .BannerHorizontal_Contenedor {
        display: block;
        margin-right: 0px;
        margin-bottom: 20px;
        margin-top: 20px;
        text-align: center;
    }

        .BannerHorizontal_Contenedor .Banner_Imagen {
            height: auto;
            width: inherit;
        }

    .BannerDestacado_Contenedor .Banner_Imagen {
        height: auto;
        max-width: 100%;
        width: 100%;
    }

    .Contenido_Resumen {
        /*float: none;
        width: 100%;*/
    }

    .ContenedorCon2ColumnasGrande {
        float: none;
        width: 100%;
    }

    .ContenedorCon2Columnas80 {
        float: none;
        width: 100%;
    }

    .ContenedorCon2Columnas75 {
        float: none;
        width: 100%;
    }

    .ContenedorCon2Columnas70 {
        float: none;
        width: 100%;
    }

    .ContenedorCon2Columnas60 {
        float: none;
        width: 100%;
    }

    .ContenedorCon2Columnas50 {
        float: none;
        width: 100%;
    }

    .ContenedorCon2Columnas45 {
        float: none;
        width: 100%;
    }

    .ContenedorCon2Columnas40 {
        float: none;
        width: 100%;
    }

    .ContenedorCon2ColumnasPeque {
        float: none;
        width: 100%;
        clear: left; /*12/01/2016*/
    }

    .ContenedorCon2Columnas30 {
        float: none;
        width: 100%;
        clear: left;
        display: block;
    }

    .ContenedorCon2Columnas32 {
        float: none;
        width: 100%;
        clear: left;
        display: block;
    }


    .ContenedorCon2Columnas25 {
        float: none;
        width: 100%;
        clear: left;
        display: block;
    }

    .ContenedorCon2Columnas20 {
        float: none;
        width: 100%;
        clear: left;
        display: block;
    }

    .ContenedorCon2Columnas19 {
        float: none;
        width: 100%;
        clear: left;
        display: block;
    }

    .ContenedorCon2Columnas15 {
        float: none;
        width: 100%;
        clear: left;
        display: block;
    }

    .ContenedorCon2Columnas12 {
        float: none;
        width: 100%;
        clear: left;
        display: block;
    }

    .ContenedorCon2Columnas10 {
        float: none;
        width: 100%;
        clear: left;
        display: block;
    }

    .ContenedorCon2Columnas9 {
        float: none;
        width: 100%;
        clear: left;
        display: block;
    }

    .ContenedorCon2Columnas5 {
        float: none;
        width: 100%;
        clear: left;
        display: block;
    }

    .ContenedorCon2ColumnasIguales {
        float: none;
        width: 100%;
    }

    .imagenVistaPreviaNoticia {
        float: none;
        /*display:none;*/
        width: 100%;
        padding-right: 0px;
        display: block;
        max-width: 250px;
        margin-bottom: 10px;
        margin-left: auto;
        margin-right: auto;
    }

    .paginaHeader h1 {
        font-size: 1.4rem;
    }

    .divCabeceraTitulo {
        /*font-size: 1.4rem;*/
        /*float:left;
         width:50%;*/
        /*padding-top:10px;
         padding-right:0px;*/
        /*padding-top:20px;*/
    }

    .divCabeceraUsuario {
        float: none;
        display: block;
    }

    .cabeceraEscudoyTexto {
        clear: both;
        float: none;
        margin-left: auto;
        margin-right: auto;
        margin-bottom: 10px;
        display: block;
        text-align: center;
    }

    .imagenCabeceraDcha /* 29/06/2015*/ {
        clear: left;
        margin-left: auto;
        margin-right: auto;
        width: 75%;
        min-width: 200px;
        max-width: 300px;
        margin-top: 10px;
        float: none;
        clear: left;
        display: table;
    }

    #divCabeceraLogin {
        text-align: left;
        padding-top: 10px;
    }

    .divRedesSociales {
        /* clear:both;*/
        display: inline-block;
    }

    .ContenedorCampoFiltro {
        padding-left: 0px;
    }

    .responsiveTodoAncho {
        float: none;
        width: 100% !important;
        padding-left: 0px;
        padding-right: 0px;
        clear: both;
        display: block;
    }

    .ContenedorCampoFiltroUnaSolaLinea4Colum {
        float: none;
        width: 100%;
        padding-left: 0px;
        padding-right: 0px;
        clear: both;
        display: block;
    }

    .ContenedorCampoFiltroUnaSolaLinea3Colum {
        float: none;
        width: 100%;
        padding-left: 0px;
        padding-right: 0px;
        clear: both;
        display: block;
    }

    .ContenedorCampoFiltroUnaSolaLinea2Colum {
        float: none;
        width: 100%;
        padding-left: 0px;
        padding-right: 0px;
        clear: both;
        display: block;
    }

    .ContenedorCampoFiltroUnaSolaLinea1Colum {
        float: none;
        width: 100%;
        padding-left: 0px;
        padding-right: 0px;
        clear: both;
        display: block;
    }

    .ContenedorCampoFiltro1Colum {
        float: none;
        width: 100%;
        padding-left: 0px;
        padding-right: 0px;
        clear: both;
        display: block;
    }

    .ContenedorCampoFiltro1ColumOfertas {
        float: none;
        width: 100%;
        padding-left: 0px;
        padding-right: 0px;
        clear: both;
        display: block;
    }

    .ContenedorCampoFiltro2Colum {
        float: none;
        width: 100%;
        padding-left: 0px;
        padding-right: 0px;
        display: block;
    }

    .ContenedorCampoFiltro3Colum {
        float: none;
        width: 100%;
        padding-left: 0px;
        padding-right: 0px;
        display: block;
    }

    .ContenedorCampoFiltro30Ancho {
        float: none;
        width: 100%;
        padding-left: 0px;
        padding-right: 0px;
        display: block;
    }

    .ContenedorCampoFiltro100Ancho {
        float: none;
        width: 100%;
        padding-left: 0px;
        padding-right: 0px;
        display: block;
    }

    .ContenedorCampoFiltro4Colum {
        float: none;
        width: 100%;
        padding-left: 0px;
        padding-right: 0px;
        display: block;
    }

    .flotanteIzquierda {
        clear: both;
        float: none;
        width: 100%;
        padding-left: 0px;
        padding-right: 0px;
    }

    .ContenedorCampoFiltroUnaSolaLinea {
        padding-left: 0px;
    }

    .contenedorModal {
        width: 90%;
        overflow-y: visible;
        overflow-x: hidden;
    }

    .infoUsuarioPseudonimo {
        float: none;
        clear: both;
        max-width: 100%;
        padding: 5px 0px 10px 0px;
        padding-bottom: 0px;
        padding-top: 0px;
    }

    .linkIniciarSesion {
        float: right;
    }


    #tablaContacta .gridRowStyle {
        font-size: medium; /*Mod 16/06/2015 */
    }

    .paginaTituloGrande {
        max-width: 100%;
    }

    .cajaDchaOperaciones {
        min-height: 10px;
    }

    .divLeerSobreNosotros {
        text-align: center;
    }

    .textoTituloGrande {
        font-size: 2.0rem;
        clear: both;
        /*font-size: 3.5rem;*/
    }

    .footer25 {
        clear: both;
        float: none;
        width: 100%;
        max-width: 100%;
        padding-left: 10px;
    }

    .footer50 {
        clear: both;
        float: none;
        width: 100%;
        max-width: 100%;
    }

    .contenedorBanners {
        padding-left: 0px;
    }


    .contenedorBannersIzq {
        padding-right: 0px;
        display: none;
    }

    .contenedorBannersIzqMovil {
        display: block;
    }

    .cajaMitadCentrado {
        width: 100%;
        float: none;
        max-width: 100%;
        min-width: initial;
    }

    .inicio_textoZonaPrincipal {
        height: auto;
    }

    .cajaTercioCentrado {
        width: 100%;
        float: none;
        clear: left;
        margin-right: auto;
        margin-left: auto;
        height: auto;
        min-width: initial;
    }

    .cajaApartadoPrincipal {
        height: auto !important;
        width: 90%;
        padding-left: 10px;
        padding-right: 10px;
    }

    .inicioPaddingIzquierdaContenedor {
        padding-left: 0px;
    }

    .inicioPaddingDerechaContenedor {
        padding-right: 0px;
    }

    .inicioContenedorEspacio {
        margin-bottom: 30px;
    }

    .contenidorMapa {
        height: 400px;
    }

    .contenedorResultadoMapa {
        top: 50px;
    }

    .FichaCurrCabecera {
        height: auto;
        overflow: auto;
    }

    .FichaCurrFotoCabecera {
        margin-top: 10px;
    }

    .FichaCurrFotoCabecera {
        width: 100%;
        text-align: center;
    }

        .FichaCurrFotoCabecera img {
            width: 60%;
            margin: 5px 0px;
            max-width: 200px;
        }

    .ProfesionalResumen_SelloProfInd {
        max-width: 100%;
        display: block;
        margin: auto;
        width: 70%;
    }

    .ProfesionalResumen_SelloQR {
        max-width: 100%;
        display: block;
        margin: auto;
    }

    .nombreCampoResponsive {
        display: inline-block;
    }

    .cabeceraListView {
        display: none;
    }

    .barracookie_divContenido {
        max-width: 100%;
        padding-left: 20px;
        padding-right: 20px;
        width: auto;
        padding-bottom: 20px;
        padding-top: 20px;
    }

    .divPanelBusqueda {
        float: none;
        clear: both;
        display: block;
        text-align: right;
    }

    .soloVisibleMovil {
        display: block;
    }

    .servicioContenedor {
        display: block;
        width: 100%;
    }

    .contenedorEventosListaEventos {
        margin-top: 40px;
    }

    .Contenido_Eventos {
        padding-right: 0px;
    }

    .contenedorEntrada {
        padding-left: 0px;
        padding-right: 0px;
    }

    .responsiveSinPadding {
        padding-left: 0px;
        padding-right: 0px;
    }

    .divContenedorArbol {
        display: none;
    }
}

@media screen and (max-width:550px) {

    .cajaOperaciones {
        margin-right: 10px;
        float: none;
        margin-left: auto;
        margin-right: auto;
    }

    .divCabeceraTitulo {
        display: block;
        position: relative;
        transform: initial;
        top: auto;
    }

    .imagenCabecera {
    }

    .cabeceraEscudoyTexto {
        text-align: center;
    }
}


/*MENU REPONSIVE */

#divMenuResponsive, #divMenuResponsive ul, #divMenuResponsive li, #divMenuResponsive li a {
    margin: 0;
    padding: 0;
}

#divMenuResponsive {
    margin-right: auto;
    margin-left: auto;
    text-align: right;
    /*margin-top: 5px;*/
    clear: both;
    /*margin-left:15px;
    margin-bottom:10px;*/
}

.toggleMenu {
    display: none;
    background-color: #00255B;
    width: 40px;
    height: 40px;
    cursor: pointer;
    margin-top: 0px;
}

    .toggleMenu:after {
        content: '';
        display: block;
        width: 30px;
        height: 5px;
        background: white;
        margin: 7px 5px;
        box-shadow: 0px 0px 0px white, 0px 10px 0px white, 0px 20px 0px white;
        /*box-shadow: 0px 10px 0px #777, 0px 20px 0px #777*/
    }

.nav {
    list-style: none;
    *zoom: 1;
    /*background:#175e4c;*/
    padding-left: 19px;
    padding-top: 19px;
    font-size: medium;
    list-style: none;
    margin-bottom: 0px;
    text-align: left;
    /*padding-bottom: 10px !important;*/
}

    .nav:before,
    .nav:after {
        content: " ";
        display: table;
    }

    .nav:after {
        clear: both;
    }

    .nav ul {
        list-style: none;
        min-width: 13.5em;
        width: auto;
    }

    .nav a {
        padding: 10px 10px !important;
        color: #00255B;
        /*font-weight: 400;*/
        text-transform: uppercase;
        font-weight: 600;
        font-style: normal;
        font-size: 12px;
        /*font-size: 12px;*/
        opacity: 1;
        margin-top: -1px !important;
        margin-left: 1px !important;
    }

        .nav a:hover {
            text-decoration: none;
        }

        .nav > li > a:hover, .nav > li.hover > a {
            background-color: #00255B;
            color: #fff;
        }

        .nav a:link, .nav a:visited {
            color: #00255B;
            text-decoration: none;
        }

        .nav a:active {
            color: #00255B;
            text-decoration: none;
        }


    .nav li {
        position: relative;
        margin-right: 5px;
    }

    .nav > li {
        float: left;
        /*border-top: 1px solid #104336;*/
    }

        .nav > li > a {
            display: block;
        }

    .nav li ul {
        position: absolute;
        left: -9999px;
    }

    .nav > li.hover > ul {
        left: 0;
    }

    .nav li li.hover ul {
        left: 100%;
        top: 0;
    }

    .nav li li .parent {
        background-image: url("../Images/rightArrow.png");
        background-repeat: no-repeat;
        background-position: 95% 50%;
    }

    /* Submenús: azul de marca con texto blanco. Los ":link/:visited" son
       necesarios porque ".nav a:link" tiene más especificidad que ".nav li li a"
       y colaría el azul oscuro del primer nivel sobre este fondo azul. */
    .nav li li a {
        display: block;
        background-color: #00255B;
        color: #fff;
        position: relative;
        z-index: 100;
        /*border-top: 1px solid #175e4c;  #DFDFDF*/
    }

        .nav li li a:link, .nav li li a:visited, .nav li li a:active {
            color: #fff;
        }

        .nav li li a:hover, .nav li li.hover > a {
            /*background: #66A5D5;*/
            background-color: #1A73E9;
        }

    .nav li li li a {
        /*background:#249578;*/
        z-index: 200;
        /*border-top: 1px solid #1d7a62;*/
        /*background: #DFDFDF;*/
        background-color: #00255B;
        color: #fff;
        margin-left: 0px !important;
        margin-top: 0px !important;
    }

        .nav li li li a:link, .nav li li li a:visited, .nav li li li a:active {
            color: #fff;
        }

        .nav li li li a:hover {
            background-color: #1A73E9;
        }

/**EMPLEOS*/
/*Botones*/
.btnFormularioOferta {
    font-size: 14px;
    font-weight: bold;
    padding: 5px 10px 5px 10px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px; /*IE 7 AND 8 DO NOT SUPPORT BORDER RADIUS*/
    background-color: #363636;
    color: White !important;
    border-style: none;
    margin-right: 15px;
    border-color: transparent;
    border-style: solid;
    border-width: 1px;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    width: 100%;
}

    .btnFormularioOferta:hover {
        cursor: pointer;
        background-color: white;
        color: #363636 !important;
        border-color: #363636;
        border-style: solid;
        border-width: 1px;
    }

.btnRojoRevocar:hover {
    cursor: pointer;
    background-color: #DC3545;
    color: white !important;
    border-color: #363636;
    border-style: solid;
    border-width: 1px;
}


.listTituloOferta {
    text-decoration: none;
    color: #222;
    font-family: Sora;
    line-height: 26px;
    font-weight: normal;
    font-style: normal;
    color: black;
    font-size: 26px;
    opacity: 1;
    visibility: visible;
    box-sizing: border-box;
    text-decoration: none;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    text-decoration: none;
    display: inline-block;
    border-bottom: 1px solid black;
    width: 0px;
    transition: 0.9s ease;
    white-space: nowrap;
    height: 25px;
}

    .listTituloOferta:hover {
        border-bottom: 1px solid black;
        width: 96.5%;
        color: black;
    }

.listFechaExpiracionOferta {
    display: block;
    font-size: 10px;
    color: #777;
    text-transform: uppercase;
    margin-bottom: 3%;
}

.listInfoExpiracionOferta {
    display: block;
    font-size: 10px;
    color: #777;
    text-transform: uppercase;
}

.listDescripcionOferta {
    font-size: 12px;
    margin-top: 0.5%;
}


.contenedorBotonEmpleoFiltro {
    vertical-align: middle;
    width: 100%;
}

.contenedorBotonEmpleoOferta {
    vertical-align: middle;
    padding: 5px;
}

.contenedorBotonesFiltro {
    display: -webkit-inline-box;
    vertical-align: middle;
    padding: 29px 8px 4px 8px;
    float: right;
}

.contenedorBotonesNuevaOferta {
    display: -webkit-inline-box;
    vertical-align: middle;
    padding: 29px 8px 4px 8px;
    float: right;
}


    .TextoInfoTicket
    {
        font-size:12px !important;
        color:#999 !important;
    }
    .TextoInfoTicketGrid
    {
        font-size:10px !important;
        color:#999 !important;
    }
    .TextoEstadoTicketGrid
    {
        color: white;
        border-radius: 5px;
        padding: 8px;
        background-color:  ;
        text-align: center
    }

    /* PLACEHOLDER */
::-webkit-input-placeholder
{
    color: #b0b0b0;
    text-align: left;
    font-style: italic;
}
:-moz-placeholder
{
    /* older Firefox*/
    color: #b0b0b0;
    text-align: left;
    font-style: italic;
}
::-moz-placeholder
{
    /* Firefox 19+ */
    color: #b0b0b0;
    text-align: left;
    font-style: italic;
}
:-ms-input-placeholder
{
    color: #b0b0b0;
    text-align: left;
    font-style: italic;
}
/* FIN PLACEHOLDER */
/* TICKET */
.AltoTicket
{
    min-height:600px;

}
.DivDatosOperador
{
    border-bottom:1px solid #dcdcdc;
    background-color:#fafafa;
    padding:20px 2em 35px;
    border-top-left-radius:10px;
    border-top-right-radius:10px;
    margin-left: -10px;
    margin-right: -10px;
    margin-top: -10px

}
.DivDatosTicket
{
    background-color: white;
    padding:20px 2em 35px;
    border-bottom-left-radius:10px;
    border-bottom-right-radius:10px;
    margin-left: -10px;
    margin-right: -10px;

}

.DivDatosTarea
{
    background-color: white;
    padding:20px 2em 35px;
    margin-left: -10px;
    margin-right: -10px;
    border-bottom:1px solid #dcdcdc;
}

.DivDatosEstado
{
    border-top:1px solid #dcdcdc;
    border-bottom:1px solid #dcdcdc;
    background-color:#fafafa;
    padding:20px 2em 35px;
    margin-left: -10px;
    margin-right: -10px;
    margin-top: -10px

}
.NombreOperador
{
    font-size:14px;
}

.TKLabelEstado
{
    font-size: 16px;
    line-height: 28px;
    color: #00255B;
    margin-top: 2px;
    margin-bottom: 5px;
    font-weight: bold !important;

}
.TKLabelPrioridad
{
    font-size: 16px;
    line-height: 28px;
    color: #00255B;
    margin-top: 2px;
    margin-bottom: 5px;
    font-weight: bold !important;

}
.TKApartadoTicket
{
    font-size: 16px;
    line-height: 28px;
    color: #00255B;
    margin-top: 2px;
    margin-bottom: 5px;
    font-weight: bold !important;
    border-bottom:1px solid #dcdcdc;
    width:100%;
}
.TKLabelAsignacionTarea
{
    font-size: 16px;
    line-height: 28px;
    color: #00255B;
    margin-top: 2px;
    margin-bottom: 5px;
    font-weight: bold !important;
}
.TAREAbarraProgreso {
    border: none;
    border-radius: 5px;
    color: white;
    height: 15px;
    margin: 5px 0;
    font-size: 12px;
    text-align: center;
    background-color: #bdbdbd;
}
.TAREAFondobarraProgreso0 {
    background-color: #bdbdbd !important;
}
.TAREAFondobarraProgreso100 {
    background-color:  green !important;
}
.TAREAFondobarraProgresoMedio {
    background-color: darkorange !important;
}

.TKGraficaPrioridad
{
    width: 80px; 
    border-collapse: separate;
}
.divNumRespuestas {
    background: #3183d7;
    padding: 12px;
    color: #fff;
    font-size: 16pt;
    text-align: center;
    width: 52px;
    font-weight: bold;
    border-radius: 5px;
    margin: auto;
}

.SinLeer {
    background: firebrick;
}
.divContenedorRespuestas {
    float: left;
    margin-right: 10px;
    max-width: 20%;
    padding-right: 10px;
}
 .blog_post_grande h4 a {
    color: #3183d7;
}
 .SeccionApartada {
    background: #DDDDDD;
    padding: 10px;
    border-radius: 6px;
}
.respuestaPlantilla {
    /*font-weight: 600;
    margin-top: 5px;*/
}
.respuestaPlantilla img {
        max-width: 100% !important;
        height: auto !important;
}

/* margin bitween sections */
.margin_top1 {
	float: left;
	width: 100%;
	margin-top: 10px;
}
.margin_top2 {
	float: left;
	width: 100%;
	margin-top: 20px;
}
.margin_top3 {
	float: left;
	width: 100%;
	margin-top: 30px;
}
.margin_top4 {
	float: left;
	width: 100%;
	margin-top: 40px;
}
.margin_top5 {
	float: left;
	width: 100%;
	margin-top: 50px;
}
.margin_top6 {
	float: left;
	width: 100%;
	margin-top: 60px;
}
.margin_top7 {
	float: left;
	width: 100%;
	margin-top: 70px;
}
.margin_top8 {
	float: left;
	width: 100%;
	margin-top: 80px;
}
.margin_top9 {
	float: left;
	width: 100%;
	margin-top: 90px;
}
.margin_top10 {
	float: left;
	width: 100%;
	margin-top: 100px;
}
.margin_top11 {
	float: left;
	width: 100%;
	margin-top: 110px;
}
.margin_top12 {
	float: left;
	width: 100%;
	margin-top: 120px;
}
.marb1 {
	margin-bottom: 10px;
}
.marb2 {
	margin-bottom: 20px;
}
.marb3 {
	margin-bottom: 30px;
}
.marb4 {
	margin-bottom: 40px;
}
.marb5 {
	margin-bottom: 50px;
}
.marb6 {
	margin-bottom: 60px;
}
.marb7 {
	margin-bottom: 70px;
}
.marb8 {
	margin-bottom: 80px;
}
.marb9 {
	margin-bottom: 90px;
}
.marb10 {
	margin-bottom: 100px;
}
.marb11 {
	margin-bottom: 110px;
}
.marb12 {
	margin-bottom: 120px;
}

.arrow_box {
	position: relative;
	background: #fafafa;
	border: 1px solid #dddddd;
    width: 90%;
    float: left;
}
.arrow_box:after, .arrow_box:before {
	bottom: 100%;
	left: 5%;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
}

.arrow_box:after {
	border-color: rgba(221, 221, 221, 0);
	border-bottom-color: #fafafa;
	border-width: 10px;
	margin-left: -10px;
}
.arrow_box:before {
	border-color: rgba(150, 150, 150, 0);
	border-bottom-color: #dddddd;
	border-width: 11px;
	margin-left: -11px;
}
.arrow_boxDcha {
	position: relative;
	background: #e7ffda;
	border: 1px solid #dddddd;
    width: 90%;
    float: right;
}
.arrow_boxDcha:after, .arrow_boxDcha:before {
	bottom: 100%;
	left: 95%;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
}

.arrow_boxDcha:after {
	border-color: rgba(221, 221, 221, 0);
	border-bottom-color: #e7ffda;
	border-width: 10px;
	margin-left: -10px;
}
.arrow_boxDcha:before {
	border-color: rgba(150, 150, 150, 0);
	border-bottom-color: #dddddd;
	border-width: 11px;
	margin-left: -11px;
}
/**/
@media screen and (max-width: 768px) {
    .btnFormularioOferta {
        font-size: 14px;
        font-weight: bold;
        padding: 5px 10px 5px 10px;
        -moz-border-radius: 5px;
        -webkit-border-radius: 5px;
        border-radius: 5px; /*IE 7 AND 8 DO NOT SUPPORT BORDER RADIUS*/
        background-color: #363636;
        color: White !important;
        border-style: none;
        margin-right: 15px;
        border-color: transparent;
        border-style: solid;
        border-width: 1px;
        -webkit-transition: all 0.3s ease-in-out;
        -moz-transition: all 0.3s ease-in-out;
        -ms-transition: all 0.3s ease-in-out;
        -o-transition: all 0.3s ease-in-out;
        transition: all 0.3s ease-in-out;
        width: 100%;
    }

        .btnFormularioOferta:hover {
            cursor: pointer;
            background-color: white;
            color: #363636 !important;
            border-color: #363636;
            border-style: solid;
            border-width: 1px;
        }

    .contenedorBotonEmpleoFiltro {
        vertical-align: middle;
        width: 100%;
    }

    .contenedorBotonesFiltro {
        display: -webkit-inline-box;
        vertical-align: middle;
        padding: 29px 8px 4px 8px;
        width: 100%;
    }

    #divMenuResponsive {
        /*clear:none;*/
        width: 100%;
        margin-left: 0px;
        min-height: 50px;
    }

    .active {
        display: block;
    }

    .nav {
        width: 100%;
        background: #C4FF4D;
        margin-top: -10px !important;
    }

        .nav a {
            color: #00255B;
        }

        .nav > li {
            float: none;
        }

            .nav > li > .parent {
                background-position: 95% 50%;
                background-image: url("../Images/downArrow.png");
                background-repeat: no-repeat;
                background-position: 95% 50%;
            }

        .nav li li .parent {
            background-image: url("../Images/downArrow.png");
            background-repeat: no-repeat;
            background-position: 95% 50%;
        }

            .nav li li .parent:hover {
                background-image: url("../Images/downArrow.png") !important;
                background-repeat: no-repeat !important;
                background-position: 95% 50% !important;
            }

        .nav li li li a {
            background: #00255B;
            color: #fff;
        }

            .nav li li li a:hover {
                /*background: #666666;*/
                background: #1A73E9;
            }

        .nav ul {
            display: block;
            width: 100%;
        }

        .nav > li.hover > ul, .nav li li.hover ul {
            position: static;
        }

        .nav li li a {
            background-color: #00255B;
            color: #fff;
        }

            .nav li li a:hover {
                /*background-color: #22578a;*/
                background-color: #1A73E9;
            }

    h1 {
        font-size: 26px;
    }

}

.respuestaTicket a{
    color: blue !important;
    text-decoration: underline !important;
}

.ticketRelacionado {
    color: blue !important;
    text-decoration: underline !important;
}

.enlaceTareas{
    color: #1A73E9 !important;
}

.fichaColorPENDIENTE{
    background-color: #8F1B04;
    color: white;
}
.fichaColorPROCESO{
    background-color: #449901;
    color: white;
}
.fichaColorFINALIZADA{
    background-color: LightSkyBlue;
    color: white;
}

/* Campo de contraseña con el icono de ver la clave encima. El "span" sólo está
   para servir de referencia de posición al icono; envuelve al input, no a la
   etiqueta, para que el centrado se calcule sobre el alto del input. */
.campoClaveConIcono {
    position: relative;
    display: block;
}

    /* Hueco a la derecha para que la clave escrita no pase por debajo del icono. */
    .campoClaveConIcono input {
        padding-right: 34px;
    }

/* Antes se colocaba con "float: right" y un "margin-top: -30px" a ojo, que
   dependía del alto exacto del input y quedaba descuadrado. Ahora va absoluto y
   centrado: "top: 50%" más medio alto negativo, que funciona sin "transform". */
.iconoVisible {
    cursor: pointer;
    position: absolute;
    right: 8px;
    top: 50%;
    height: 20px;
    margin-top: -10px;
    font-size: 20px;
    line-height: 20px;
    color: #6C757D;
    z-index: 9999;
}

.bordeDebajoColorClaro {
    border-bottom-style: solid;
    border-width: 1px;
    border-color: #6C757D;
}

.gridPagerStyle a {
    border: 0.5px solid #00255B;
    padding: 1px 16px 1px 16px;
    margin-left: -5px;
}

.gridPagerStyle span {
    border: 0.5px solid #00255B;
    padding: 1px 16px 1px 16px;
    background-color:#00255B;
    color:white;
    margin-left: -5px;
}

.contenedorConScroll {
    flex-wrap: nowrap !important; 
    overflow: auto; 
    max-height: 500px;
}

.contenedorConScroll::-webkit-scrollbar,.scrollVertical::-webkit-scrollbar {
    -webkit-appearance: none;
}

.contenedorConScroll::-webkit-scrollbar:vertical,.scrollVertical::-webkit-scrollbar:vertical {
    width:10px;
}

.contenedorConScroll::-webkit-scrollbar-button:increment,.contenedorConScroll::-webkit-scrollbar-button,.scrollVertical::-webkit-scrollbar-button:increment,.scrollVertical::-webkit-scrollbar-button {
    display: none;
} 

.contenedorConScroll::-webkit-scrollbar:horizontal,.scrollVertical::-webkit-scrollbar:horizontal {
    height: 10px;
}

.contenedorConScroll::-webkit-scrollbar-thumb,.scrollVertical::-webkit-scrollbar-thumb {
    background-color: #797979;
    border-radius: 20px;
    border: 2px solid #f1f2f3;
}

.contenedorConScroll::-webkit-scrollbar-track,.scrollVertical::-webkit-scrollbar-track {
    border-radius: 10px;  
}

.scrollVertical {
    overflow-y: auto; 
    overflow-x: hidden; 
}

.sinInterlineado {
    line-height: 1.3;
    display: block;
}

/* CABECERA CON DEGRADADO
----------------------------------------------------------
   Degradado azul del estilo nuevo de LibrosElectronicosV2. Sustituye a
   ".FondoGrisMedioFuenteGrisClara" en Principal.Master; esa clase se mantiene
   porque la siguen usando SSL/CertificadoNoNIF.aspx y SSL/CertificadoNoValido.aspx. */
/* El degradado no es lineal, sino una malla: azul marino en la parte
   izquierda, un foco violeta arriba, azul luminoso a la derecha y un toque
   turquesa en la esquina superior derecha. Se reproduce apilando varios
   "radial-gradient" transparentes sobre un lineal de base; el orden importa,
   la primera capa es la que queda más arriba. Son los mismos colores que usa
   la pantalla de acceso (ver TKAcceso.css).

   La orientación es la inversa del diseño original: la luz entra por la
   izquierda y la penumbra cierra por la derecha. Se hizo así porque la marca
   de agua está anclada a la derecha, y de este modo se recorta sobre el azul
   oscuro en lugar de competir con la zona luminosa, donde se perdía.

   El mismo degradado lo comparten la cabecera y el pie de Principal.Master,
   de ahí que el selector lleve las dos clases: así se define una sola vez.
   Lo que sí es exclusivo de la cabecera es la marca de agua con el símbolo
   de ADA, que va aparte (ver justo debajo). */
.FondoDegradadoAzulFuenteClara,
.FondoOscuroFuenteClara {
    position: relative;
    background-color: #0C2A55;
    background-image:
        /* foco violeta de la parte superior */
        radial-gradient(ellipse 42% 120% at 65% -20%, rgba(178, 132, 222, 0.95) 0%, rgba(150, 110, 200, 0.45) 38%, rgba(90, 80, 160, 0) 70%),
        /* turquesa de la esquina superior izquierda */
        radial-gradient(ellipse 34% 180% at -1% 8%, rgba(86, 190, 200, 0.85) 0%, rgba(50, 150, 190, 0.35) 45%, rgba(20, 90, 170, 0) 78%),
        /* azul luminoso del lateral izquierdo */
        radial-gradient(ellipse 55% 220% at 8% 45%, rgba(26, 116, 220, 0.75) 0%, rgba(20, 85, 180, 0.25) 50%, rgba(10, 45, 110, 0) 82%),
        /* penumbra de la esquina inferior derecha (suavizada: antes 0.85 / 0.35; con la
           original, la franja del usuario de la cabecera quedaba demasiado oscura) */
        radial-gradient(ellipse 60% 200% at 98% 78%, rgba(6, 22, 48, 0.60) 0%, rgba(8, 28, 60, 0.25) 45%, rgba(10, 36, 71, 0) 80%),
        /* base */
        linear-gradient(240deg, #1C2545 0%, #0C2A55 40%, #12447F 72%, #1A69B8 100%);
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
}

    /* El color del texto no va en el selector de arriba: la cabecera lo lleva
       en blanco y el pie en azul claro (".FondoOscuroFuenteClara", definida
       más arriba, junto a sus enlaces). Si se agrupara, al ir este bloque
       después en el fichero le pisaría el color al pie. */
    .FondoDegradadoAzulFuenteClara {
        color: #FFFFFF;
    }

    /* Marca de agua. El fichero es gris opaco (#6B6B6B), así que puesto como
       fondo sin más se vería un círculo gris macizo; va en un pseudo-elemento
       para poder rebajarlo con "opacity". No hace falta "overflow: hidden":
       el pseudo ocupa exactamente la cabecera y su fondo se recorta solo, así
       que el símbolo asoma cortado por arriba y por abajo, como en el diseño.
       "auto 260%" lo hace más alto que la franja y "right -60px" lo saca por
       el lado derecho; son los dos valores a tocar para reencuadrarlo. */
    .FondoDegradadoAzulFuenteClara::after {
        content: "";
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        z-index: 0;
        background-image: url(/Images/logo_gris_transparente.png);
        background-position: right -60px center;
        background-size: auto 260%;
        background-repeat: no-repeat;
        opacity: 0.12;
        pointer-events: none;
    }

    /* El pseudo-elemento está posicionado y, sin esto, se pintaría por encima
       del contenido de la cabecera, que es estático. */
    .FondoDegradadoAzulFuenteClara > * {
        position: relative;
        z-index: 1;
    }

    /* Explícitos a propósito: la regla global "h2" fija color #00255B y no existe
       ninguna ".paginaHeader h2" que la pise, así que sin esto los subtítulos de
       la cabecera quedarían azul oscuro sobre azul oscuro. */
    .FondoDegradadoAzulFuenteClara h1,
    .FondoDegradadoAzulFuenteClara h2 {
        color: #FFFFFF;
    }

    /* ada-blanco.png es 2493x1402 (proporción 1,78) frente a ada.png, que es
       1335x407 (proporción 3,28). Con el "width: 170px" de ".imagenCabecera" el
       logo blanco mediría 96px de alto en vez de 52px y la cabecera crecería
       44px. Se fija el alto y el ancho se calcula solo, para que ocupe lo mismo
       que antes. No se toca ".imagenCabecera" porque SiteSinMenusFondo.Master
       la usa con ada.png. */
    .FondoDegradadoAzulFuenteClara .imagenCabecera {
        width: auto;
        height: 52px;
        vertical-align: middle;
    }

    /* El logo se centra en vertical en vez de quedar pegado arriba, que es lo
       que hacía el "vertical-align: top" de ".enLinea". El rótulo mantiene sus
       30px de margen superior: centrarlo del todo dejaba el conjunto raro y lo
       descuadraba respecto al bloque del horario, que no está dentro de
       ".cabeceraEscudoyTexto" y conserva ese mismo margen.
       Los 30px repiten el valor que ya trae ".cabeceraTexto"; se dejan escritos
       para que se vea que es intencionado y no una herencia accidental. */
    .FondoDegradadoAzulFuenteClara .cabeceraLinkTitulo {
        vertical-align: middle;
    }

    .FondoDegradadoAzulFuenteClara .cabeceraEscudoyTexto .cabeceraTexto {
        margin-top: 30px;
        vertical-align: middle;
    }

    /* Columna de contacto: sin esto hereda los 14px del body y queda disimulada
       sobre el degradado. ".divCabeceraDcha" sólo define float y text-align. */
    .FondoDegradadoAzulFuenteClara .divCabeceraDcha {
        font-size: 16px;
        line-height: 26px;
        font-weight: 500;
    }

        .FondoDegradadoAzulFuenteClara .divCabeceraDcha i {
            font-size: 19px;
        }

        /* La regla global "a:link" es #1A73E9: sobre el degradado azul no se leería. */
        .FondoDegradadoAzulFuenteClara .divCabeceraDcha a,
        .FondoDegradadoAzulFuenteClara .divCabeceraDcha a:link,
        .FondoDegradadoAzulFuenteClara .divCabeceraDcha a:visited {
            color: #FFFFFF;
        }

/* Franja de usuario, entre la cabecera y la banda del menú. Va dentro de
   ".FondoDegradadoAzulFuenteClara", así que en lugar de un color macizo (antes
   era #00255B, que cortaba el degradado en seco) lleva sólo un velo oscuro,
   y el degradado sigue viéndose por debajo.

   El velo no es plano, sino una cuña en la misma dirección que el degradado:
   un oscurecido de opacidad fija tapa mucho más cuanto más claro es el fondo,
   y sobre la mitad luminosa (la izquierda, con el degradado invertido) el
   corte se notaba en exceso. Así se desvanece justo ahí y conserva cuerpo a
   la derecha, que es donde va el contenido de la franja. */
.franjaUsuario {
    background-image: linear-gradient(to right, rgba(0, 12, 32, 0.06) 0%, rgba(0, 12, 32, 0.18) 45%, rgba(0, 12, 32, 0.34) 100%);
    color: #FFFFFF;
    text-align: right;
    font-size: 13px;
    /* Ajustada al mínimo: es alto que se suma a todas las páginas. */
    line-height: 16px;
    padding: 3px 40px;
}

    /* Icono de persona de la franja. Antes llevaba "vertical-align: middle" en línea y
       quedaba más bajo que el texto; alineado arriba con la altura de línea de la franja
       queda centrado. Misma técnica que la campana de avisos (TKNotificaciones.css). */
    .franjaUsuario .iconoFranjaUsuario {
        font-size: 16px;
        line-height: 16px;
        vertical-align: top;
    }

    .franjaUsuario a,
    .franjaUsuario a:link,
    .franjaUsuario a:visited {
        color: #FFFFFF;
        text-decoration: underline;
    }

/* NOMBRES AJUSTADOS AL COLOR REAL
----------------------------------------------------------
   Al adoptar la paleta de LibrosElectronicosV2, varias clases se quedaron con
   un nombre que ya no describía su color: ".botonVerde" pintaba lima,
   ".botonNaranja" amarillo y las tres ".Gris*" azules. Estas son las que se
   aplican ahora. Las originales siguen definidas, con el color que les
   corresponde por nombre, pero sin usarse en ninguna parte. */

/* Antes ".botonVerde". Lima del estilo nuevo (".btnNuevoVerdeClaro" en
   EstilosNuevo.css). El texto va en gris y no en blanco porque el fondo es
   demasiado claro para el "color: White" de ".btnFormulario". */
.botonLima {
    background-color: #C4FF4D;
    color: #6C757D !important;
}

    .botonLima:hover {
        background-color: #d9ff8a;
        color: #6C757D !important;
    }

/* Antes ".botonNaranja". Amarillo de ".btn-formu-Amarillo" (ADASistemas.css),
   con texto oscuro por el mismo motivo. El estilo nuevo no define hover para
   este color, así que el tono claro está derivado de #E6B62E. */
.botonAmarillo {
    background-color: #E6B62E;
    color: #363636 !important;
}

    .botonAmarillo:hover {
        background-color: #EFCF6B;
        color: #363636 !important;
    }

/* Antes ".FondoGrisOcuro". Banda del menú principal en Principal.Master; el
   texto de ".nav a" va en azul de marca porque el blanco no se lee sobre este
   lima. */
.FondoLima {
    background-color: #C4FF4D;
}

/* Antes ".FondoGrisMedioFuenteGrisClara". La usan las dos páginas de SSL/. */
.FondoAzulClaroFuenteAzul {
    background: #B9C7DC;
    color: #00255B;
}

/* Antes ".colorGrisClaro". La asigna GridTareas.aspx.vb por código. */
.colorAzulClaro {
    color: #B9C7DC;
}

/* ---- botones de acción del estilo nuevo ----
   Estilo base sin color, tomado de LibrosElectronicosV2 (".btnNuevo" en
   EstilosNuevo.css). Mismo patrón que ".btnAccederAcceso" de la pantalla de
   acceso, pero sin redondeo. El color va aparte, en los modificadores de
   debajo, para poder combinarlo sin repetir el resto del estilo.

   Uso: la clase ".btnNuevo" siempre, más la del color.
   <asp:Button CssClass="btnNuevo btnNuevoAzul" ... /> */
.btnNuevo {
    box-sizing: border-box;
    padding: 6px 12px;
    margin-left: 7px;
    margin-right: 7px;
    color: White !important;
    border: none;
    border-radius: 0;
    font-family: inherit;
    font-size: 14px;
    font-weight: 600;
    letter-spacing: 0.03em;
    text-transform: uppercase;
    cursor: pointer;
}

/* Azul de marca, para la acción principal. */
.btnNuevoAzul {
    background-color: #00255B;
    transition: background-color 0.1s ease-in-out;
}

    .btnNuevoAzul:hover {
        background-color: #1A73E9;
    }

/* Gris, para la acción secundaria (volver, cancelar...). */
.btnNuevoGris {
    background-color: #6C757D;
    transition: background-color 0.1s ease-in-out;
}

    .btnNuevoGris:hover {
        background-color: #BCBFC4;
    }

/* ---- pantalla de cierre de sesión ----
   Cuenta/CerrarSesion.aspx. Antes reutilizaba ".cajaInicioLogin", la caja azul
   redondeada del login antiguo, y los dos botones eran idénticos: ahora la
   caja es sólo texto centrado y el botón de salir se distingue del de volver
   por el color. */
.cajaSalir {
    margin-top: 40px;
    text-align: center;
}

.textoConfirmarSalir {
    font-size: 22px;
}

/* Los botones se apilan y ocupan todo el ancho de la columna, en vez de ir
   uno al lado del otro: así el objetivo de pulsación es amplio también en
   móvil y no hace falta una regla responsive aparte. */
.zonaBotonesSalir {
    box-sizing: border-box;
    width: 100%;
    max-width: 320px;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 26px;
    margin: 20px auto 0 auto;
}

    .zonaBotonesSalir .btnNuevo {
        width: 100%;
        margin-left: 0;
        margin-right: 0;
        padding: 14px 0;
        font-size: 16px;
    }

/* Logo del pie de Principal.Master. Iba sin clase, así que salía al tamaño
   natural del fichero (ada-blanco.png es 2493x1402). Se fija el alto y el
   ancho se calcula solo; son los mismos 44px que usa el pie de la pantalla
   de acceso (".pieAccesoLogoAda" en TKAcceso.css). */
.logoPie {
    height: 44px;
    width: auto;
}

/* ---- avisos ----
   Bloque de aviso reutilizable en cualquier pantalla. Los nombres y los
   colores son los de Bootstrap, para que resulten familiares y para que
   coincidan con los avisos del proyecto de Libros Electrónicos, pero aquí
   están escritos a mano: no se carga Bootstrap en el portal.

   Uso: la clase ".alert" siempre, más la variante de color.
   <div class="alert alert-danger">Texto</div> */
.alert {
    box-sizing: border-box;
    position: relative;
    padding: 16px;
    margin-bottom: 16px;
    border: 1px solid transparent;
    border-radius: 4px;
}

.alert-danger {
    color: #842029;
    background-color: #F8D7DA;
    border-color: #F5C2C7;
}

.alert-warning {
    color: #664D03;
    background-color: #FFF3CD;
    border-color: #FFECB5;
}

.alert-success {
    color: #0F5132;
    background-color: #D1E7DD;
    border-color: #BADBCC;
}

.alert-info {
    color: #055160;
    background-color: #CFF4FC;
    border-color: #B6EFFB;
}