/* 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;
}

.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;
}


.FondoOscuroFuenteClara {
    background: #00255B;
    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;
}

#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;
}

/* 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 {
            background-color: #d9ff8a;
        }

        .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 {
            /*background: #66A5D5;*/
            background-color: #16357A;
        }

    .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: #16357A;
        }

/**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: #16357A;
            }

        .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: #16357A;
            }

    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. */
.FondoDegradadoAzulFuenteClara {
    background: linear-gradient(135deg, #00255B 0%, #00255B 18%, #16357A 48%, #1A73E9 78%, #20A0FF 100%);
    color: #FFFFFF;
}

    /* 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ú. Marino sólido para
   cerrar el degradado antes del lima del menú. */
.franjaUsuario {
    background-color: #00255B;
    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;
}

    .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;
}