﻿ /* DEFAULTS
----------------------------------------------------------*/
* {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

@font-face {
    font-family: 'Material Icons';
    font-style: normal;
    font-weight: 400;
    src: local('Material Icons'), local('MaterialIcons-Regular'), url(/Styles/Fonts/MaterialIcons-Regular.ttf) format('truetype');
}

@font-face {
    font-family: 'Material Icons Outlined';
    font-style: normal;
    font-weight: 400;
    src: url(/Styles/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: "Roboto", "Helvetica Neue", "Lucida Grande", "Segoe UI", Arial, Helvetica, Verdana, sans-serif;
    line-height: 18px;
    margin: 0px;
    padding: 0px;
    color: #5c5c5c;
    /*** FOOTER ABAJO **/
    position: relative;
    background-color: #F1F2F1;
}

.bodyInicio {
    /* Ubicación de la imagen */
    background-image: url(/images/CogitivalFondo.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: #464646;
}

/* 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 */

@media only screen and (max-width: 767px) {
    .bodyInicio {
        background-image: url(/images/CogitivalFondoMobile.jpg);
    }
}


.fuente {
    font-size: 14px;
    font-family: "Roboto", "Helvetica Neue", "Lucida Grande", "Segoe UI", Arial, Helvetica, Verdana, sans-serif;
}

a:link, a:visited {
    color: #006699;
    text-decoration: none;
}

a:hover {
    color: #00334d;
    /*color: #111;
    font-weight:bold;*/
    /*text-decoration: underline;*/
}

a:active {
    color: #006699;
    text-decoration: none;
}

a {
    color: #006699;
    text-decoration: none;
    /*font-weight: bold;*/
}

p {
    margin-bottom: 10px;
    /*line-height: 1.6rem;*/
}

.contenedorVerifactu {
    padding-top: 3px;
    padding-bottom: 1px;
    border: 1px #995c5c solid;
    border-radius: 5px;
}

.fichaEstadoFactura {
    padding: 10px 30px;
    color: white;
    font-weight: 500;
    border-radius: 4px;
}

.estadoColorFacturaNOENVIADA {
    background-color: lightgray;
}

.estadoColorFacturaENVIADA {
    background-color: lightblue;
}

.estadoColorFacturaRECHAZADA{
    background-color: lightcoral;
}

.estadoColorFacturaACEPTADA {
    background-color: lightgreen;
}

.estadoColorFacturaPREVERIFACTU {
    background-color: lightgreen;
}

.estadoColorFacturaANULADA {
    background-color: #bb5858;
}

.labelMensaje {
    position: relative;
    padding: .5rem .5rem;
    border: 1px solid transparent;
    border-radius: 0.25rem;
    font-size: 15px;
}

.labelMensajeErroneo {
    color: #842029;
    background-color: #f8d7da;
    border-color: #f5c2c7;
}

.labelMensajeCorrecto {
    color: #0f5132;
    background-color: #d1e7dd;
    border-color: #badbcc;
}

/* PRIMARY LAYOUT ELEMENTS   
----------------------------------------------------------*/
.divsUploaders {
    margin-top: 5%;
}

.enLinea {
    display: inline-block;
    vertical-align: top;
}
.enLineaSinAlinear {
    display: inline-block;
}
.flotanteIzquierdaSinResponsive {
    float: left;
}

.contenedorControlFormulario {
    vertical-align: middle;
    /*white-space: nowrap;*/
    padding: 4px 8px 4px 8px;
}

.ancho5 {
    width: 4.9%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.ancho8 {
    width: 8%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.ancho10 {
    width: 9.9%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.ancho14 {
    width: 13.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;
}

.ancho16 {
    width: 15.9%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.ancho18 {
    width: 17.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;
}

.ancho22 {
    width: 22%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.ancho24 {
    width: 24%;
    -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;
}

.ancho29 {
    width: 29%;
    -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;
}

.ancho33 {
    width: 32.7%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.ancho39 {
    width: 39%;
    -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;
}

.ancho44 {
    width: 43.9%;
    -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;
}

.ancho48 {
    width: 47.5%;
    -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;
}

.ancho54 {
    width: 54%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.ancho55 {
    width: 54.5%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.ancho58 {
    width: 58%;
    -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;
}

.ancho68 {
    width: 68%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.ancho69 {
    width: 69%;
    -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.5%;
    -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;
}

.page {
    /*max-width: 960px;*/
    background-color: #fff;
    margin: 0px auto 0px auto;
    /*border: 1px solid #496077;*/
    /*padding-top: 15px;*/
}

/*CSV*/
.cajaInicioCSV {
    max-width: 700px;
    margin-left: auto;
    margin-right: auto;
    margin-top: 50px;
    padding: 40px;
    opacity: 0.93;
    background-color: #e7e9e7;
    margin-bottom: 150px;
    /*background-image:url(/images/EscudoITI_ClaritoSinTransp.png);*/
}
.CSVcolorCorrecto
{
    color: green;
}
.CSVTipoDeCSV
{
    color: green;
    width: 100%;
    text-align:center;
    font-size:18px;
    font-weight: bold;
}
.CSVContenedorCSV
{
    background-color: white !important;
}
.CSVEtiquetaColegiados
{
    font-weight: bold;
    padding-top:10px;
    padding-left:10px;
    padding-bottom:5px;
    
}
.CSVColegiados
{
    margin-left:30px;
}
.CSVNumeroColegiado
{
    font-weight: bold;
}
.CSVNombreColegiado
{

}
.CSVEtiquetaDatosTrabajo
{
    font-weight: bold;
    padding-top:10px;
    padding-left:10px;
    padding-bottom:5px;

}
.CSVDatosTrabajo 
{
    padding-left:30px;
}
.CSVNumVisado
{
}
.CSVEtiquetaApartado
{
    font-weight: bold;
}
.CSVTextoApartado
{
    font-style:italic;
}

.InfoGrid
{
    font-style:italic;
    font-size:12px;
}

.CeldaEtiquetaListado{
    background-color:lightgray;
    width:33%;
    height:10px;
}
.CeldaEtiquetaListado:hover{
    width:33%;
    height:10px;
}
.CeldaEtiqueta{
    /*background-image: url(/Images/SelloFondoGrisClaro.png);
    background-size: contain;*/
    background-color:lightgray;
    width:33%;
}
.CeldaEtiqueta:hover{
    background-image: url(/Images/SelloFondo.png);
    background-size: contain;
    width:33%;
}
.RBEtiqueta{
    padding-top: 19px;
    padding-bottom: 19px;
    padding-left: 19px;
    padding-right: 19px;
    background-color:lightgray;
    /*background-image: url(/Images/SelloFondo.png);
    background-size: contain;*/
}
.RBEtiqueta:hover{
    padding-top: 19px;
    padding-bottom: 19px;
    padding-left: 19px;
    padding-right: 19px;
    background-image: url(/Images/SelloFondo.png);
    background-size: contain;
}
.RBEtiqueta:checked{
    padding-top: 19px;
    padding-bottom: 19px;
    padding-left: 19px;
    padding-right: 19px;
    background-image: url(/Images/SelloFondo.png);
    background-size: contain;
}

.negrita {
    font-weight: bold !important;
}

.FondoGrisMedioFuenteGrisClara {
    background: #e7e9e7;
    color: #444;
}

.EnlacesNegros a:link, .EnlacesNegros a:visited {
    color: #444;
    text-decoration: none;
}

.EnlacesNegros a:hover {
    /*text-decoration: underline;*/
}

.EnlacesNegros a:active {
    color: #444;
    text-decoration: none;
}

.EnlacesNegros a {
    color: #444;
    text-decoration: none;
}


.FondoColorCrema {
    background-color: bisque !important;
}

.FondoOscuroFuenteClara {
    background: #004467;
    color: #e7e9e7;
}

    .FondoOscuroFuenteClara a:link, .FondoOscuroFuenteClara a:visited {
        color: #e7e9e7;
        text-decoration: none;
    }

    .FondoOscuroFuenteClara a:hover {
        /*text-decoration: underline;*/
    }

    .FondoOscuroFuenteClara a:active {
        color: #e7e9e7;
        text-decoration: none;
    }

    .FondoOscuroFuenteClara a {
        color: #e7e9e7;
        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: auto;
    margin-right: auto;
    margin-top: 0px;
    /*margin-bottom:20px;*/
    /*overflow:hidden;*/
    padding-top: 0px;
    padding-bottom: 0px;
}

.cabeceraTextoLogIn {
    /*max-width: 1170px;*/
    margin-top: 5px;
    margin-left: 20px;
    font-size: 18px !important;
}

.cabeceraTextoCortoLogIn {
    margin-top: 2px;
    font-size: 12px !important;
}

.cabeceraTexto {
    /*max-width: 1170px;*/
    margin-top: 30px;
    margin-left: 20px;
}

.cabeceraTextoCorto {
    margin-top: 15px;
    font-size: 16px;
}

.linkAvisos{
    color: #fff !important;
    text-decoration: none;
    font-size: 12px;
}

.postit{
    position:absolute;
    right:50px;
    top:90px;
    width:500px;
    /*height:270px;*/
    padding:5px;
    background-color:yellow;
    border:1px solid black;
    z-index:10000;
    /*cursor: move;*/
}

.ContenedorFotoColeg
{
    width: 400px;
    /*border-top-color:navy;
    border-top-width:2px;
    border-top-style: solid;*/
}

.EstadoCurso {
    margin-left: 5px;
    margin-right: 10px;
    color: navy;
    font-size: 20px;
    font-weight: bold;
    border-color: navy;
}

.Orden {
    margin-left: 5px;
    margin-right: 10px;
    color: navy;
    font-size: 20px;
    font-weight: bold;
    border-color: navy;
}

.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: #444;
    /*color:#959595;*/
}

.botonSubirFichero {
    color: #f1e5e6;
    background-color: #005580;
    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;
}

.tamanoLetra14 {
    font-size: 14px !important;
}

.tamanoLetra16 {
    font-size: 16px;
}

.tamanoLetra18 {
    font-size: 18px;
}

.tamanoLetra20 {
    font-size: 20px;
}

.FondoGrisOcuro {
    background-color: #005580;
}

.FondoBlanco {
    background-color: white !important;
}

.contenedorMenu {
    /*padding-top:5px;*/
}

#divCabeceraLogin {
    text-align: right;
}


.main {
    padding: 0px 12px 20px;
    margin: 12px 8px 8px 8px;
    min-height: 520px;
    /*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;
    /*border-top: #808080 1px solid;*/
}

.textoFooter {
    /*max-width: 1170px;*/
    max-width: 1200px;
    margin-left: auto;
    margin-right: auto;
    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: #959595;
}

.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 */
}

.centradoHorizontal
{
    margin-left: auto;
    margin-right: auto;
}

.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;
    border: 1px solid #496077;
}

/*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: #959595;
}

.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: #3f3f3f;
    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;
}
.ColorTrabajoInternet
{
    color: green;
}
.ColorTrabajoFisico
{
    color: darkblue;
}
.ColorFiguraVisado
{
    color: green;
}
.ColorFiguraRegistro
{
    color: blue;
}
.fondoDivVisado {
    background-color: gainsboro;
}

.fondoDivIntercolegial {
    background-color: bisque;
}

.fondoGrisClaro {
    background-color: #EAEAEA;
}

.fondoColegiados {
    background-color: #EAEAEA;
}

.fondoPreColegiados {
    background-color: lightblue;
}

.fondoColegio {
    background-color: #EAEAEA;
}

.fondoAsociacion {
    background-color: lightblue;
}

.fondoConsejoValenciano {
    background-color: moccasin;
}

.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;*/
}

.TipoCargo {
}

.ImporteCargo {
    color: navy;
    text-align: right;
}

.TablaTipoCargo {
    float: left;
    width: 100%;
}

.alinearDerecha {
    text-align: right;
}

.alinearIzquierda {
    text-align: left;
}

.resaltarCasilla {
    color: #004467;
    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*/
.gridColegiadoFoto {
    height: 28px;
}
.FileUploadFotoFirma{
    font-size: 10px;
    max-width: 100%;
}
.LogoConfiguracion {
    width: 100%;
    max-width: 150px;
    max-height: 150px;
}
.fichaColegiadoFoto {
    width: 100%;
    max-width: 150px;
}
.FotoColegiadoVisados {
    height: 150px;
}
.fichaColegiadoEstadoAlta {
    background-color: green;
    color: white;
    padding: 5px;
}

.fichaColegiadoEstadoBaja {
    background-color: red;
    color: white;
    padding: 5px;
}

.SemaforoVerde {
    background-color: green;
    color: white;
}

.SemaforoRojo {
    background-color: red;
    color: white;
}
.SemaforoLila {
    background-color: darkmagenta;
    color: white;
}
.SemaforoGris {
    background-color: grey ;
    color: white;
}

/******************************/
.ulGrid {
    margin-block-start: 0px;
    margin-block-end: 0px;
    margin-inline-start: 0px;
    margin-inline-end: 0px;
    padding-inline-start: 20px;
}
/******************************/

/**FICHA Trabajo*/

.fichaEstado {
    padding: 5px;
}

.iconoColorURGENTE {
    color:  yellow;
}

.iconoColorREENVIADO {
    color:  crimson;
}

.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;
}

.fichaColor2RECHAZADO {
    background-color:  white;
    color: black;
}

.fichaColorDENEGADO {
    background-color: #fe5c5c;
    color: white;
}

.fichaColorANULADO {
    background-color: #fe5c5c;
    color: white;
}

.fichaColorBORRADOR {
    /*background-color: #cbcbcb;*/
    color: black;
}

.fichaColorREGISTRADO {
    /*background-color: #379ad5;*/
    background-color: #cbcbcb;
    color: white;
}

.fichaColorVISADO {
    background-color: #379ad5;
    color: white;
}

.fichaColorFIRMADO {
    background-color: #379ad5;
    color: white;
}

.fichaColorFIRMADO {
    background-color: #379ad5;
    color: white;
}

.fichaColorFACTURADO {
    background-color: #e6e6fa;
    color: #000;
}

.fichaColorRETIRADO {
    background-color: #98d1f4;
    color: #000;
}

.fichaColorRECOGIDO {
    background-color: #82afcb;
    color: #000;
}

.ayudaColegioSellado {
    margin-top: 10px !important;
    float: right;
    text-align: center;
    background-color: #fffcc3;
    padding-bottom: 10px;
}

.bordeGrisClaro {
    border: 1px #a7a2a2 solid;
}

.bordeRojo {
    border: 1px solid red;
}

.bordeAzul {
    border: 1px solid navy;
}

.bordeAzulGrueso {
    border: 2px solid navy;
}
.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: #465c71;*/
            background-color: #3f3f3f;
            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: #465c71;*/
                /*background-color: #5fc306;*/
                color: white;
                text-decoration: none;
            }

            div.menu ul li a:active {
                /* background-color: #465c71;*/
                background-color: #3f3f3f;
                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;
    font-family: Arial;
    resize: none;
}

.enMinusculas {
    text-transform: lowercase;
}

.enMayusculas {
    text-transform: uppercase;
}
/*
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: Red;
}

.bold {
    font-weight: bold;
}

.submitButton {
    text-align: right;
    padding-right: 10px;
}


/* TITULOS */
.paginaHeader h1 {
    font-family: 'Roboto', sans-serif;
    margin-left: 0px;
    margin-right: 0px;
    margin-top: 0px;
    margin-bottom: 10px;
    /*color: #f9f9f9;*/
    border: none;
    /*line-height: 2em;*/
    font-size: 22px;
    font-weight: 500;
}

h2 {
    /*font-size:x-large;*/
    font-size: 20px;
    color: #333;
    /*Mod 14/03/2016*/
    margin-top: 2px;
    margin-bottom: 5px;
    font-weight: normal !important;
    text-transform: uppercase;
    /*border-bottom-color: #959595;
    border-bottom-width: 1px;
    border-bottom-style: solid;*/
    padding-bottom: 5px;
}

.ComboGrupo{
    color:white;
    background-color:darkorange;
}
.ComboElemento{
    color:navy;
    background-color:white;
}
.cajaInicioLogin h2 {
    font-size: 30px;
    color: #333333;
    margin-top: 2px;
    margin-bottom: 5px;
    text-transform: uppercase;
    padding-bottom: 5px;
    font-weight: normal;
    text-align: center;
    border-style: none;
}

h3 {
    font-size: 14px;
    line-height: 14px;
    color: #444;
    margin-top: 1px;
    margin-bottom: 5px;
    font-weight: bold;
}

h4 {
    text-transform: none;
    margin-bottom: 0px;
    margin-top: 4px;
}


h2 > a:link, h2 > a, h2 > a:visited {
    color: #444;
    /*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;
}

.letraGrande {
    font-size: large;
}

/*Cargos*/
.textoActivo {
    color: #444;
}

.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: #069;
    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;
    /*word-break: break-all;*/
}

.gridRowMenosPaddingStyle td {
    padding: 2px 4px 2px 4px !important;
}

.gridAlternatingRowStyle {
    background-color: #ddd;
}


    .gridAlternatingRowStyle td {
        /*padding:4px 0px 4px 0px;*/
        padding: 8px 4px 8px 4px;
        word-break: break-word;
        /*word-break: break-all;*/
    }

.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;
}
.Grid_ColumIconoFija {
    width: 30px;
    white-space:nowrap
}
/*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: red;
}

.gridANULADO {
    background-color: #f0b3b3;
}

.gridRECHAZADO {
    background-color: #f0b3b3;
}

.gridREGISTRADO {
    /*background-color: rgb(162, 199, 218);*/
    background-color: rgba(208, 213, 191, 0.36);
}

.gridURGENTE {
    background-color: gold;
}

.gridVISADO {
    background-color: rgb(162, 199, 218);
}

.gridFIRMADO {
    background-color: rgb(162, 199, 218);
}

.gridFACTURADO {
    background-color: #e6e6fa;
}

.gridALBARANADO {
    background-color: #e6e6fa;
}

.gridRETIRADO {
    background-color: #98d1f4;
}

.gridRECOGIDO {
    background-color: #82afcb;
}

.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: 600px;
    margin-left: auto;
    margin-right: auto;
    margin-top: 100px;
    padding: 40px;
    opacity: 0.93;
    background-color: #e7e9e7;
    margin-bottom: 150px;
    /*background-image:url(/images/EscudoITI_ClaritoSinTransp.png);*/
}
.cajaInicioNuevoLogin {
    max-width: 900px;
    margin-left: auto;
    margin-right: auto;
    margin-top: 25px;
    padding: 40px;
    opacity: 0.93;
    background-color: #e7e9e7;
    margin-bottom: 150px;
    /*background-image:url(/images/EscudoITI_ClaritoSinTransp.png);*/
}
.cajaInicioNuevoLogin h2 {
    font-size: 30px;
    color: #333333;
    margin-top: 2px;
    margin-bottom: 5px;
    text-transform: uppercase;
    padding-bottom: 5px;
    font-weight: normal;
    text-align: center;
    border-style: none;
}
#loginTablaUsuario {
    width: 100%;
    max-width: 400px;
    font-size: medium;
}

.linkIniciarSesion {
    /*float:right;*/
}
.divExtraEjercicioLibre{
    vertical-align: top;
    margin-left: -6px;
    border-style: solid;
    border-width: 1px;
    border-color: #a7a2a2;

    /*border-left-style: solid;
    border-left-width: 1px;
    border-left-color: black;
    border-top-style: solid;
    border-top-width: 1px;
    border-top-color: black;
    border-bottom-style: solid;
    border-bottom-width: 1px;
    border-bottom-color: black;*/
}
.divTextoEjercicioLibre{
    background-image: url(/Images/LineaGris.PNG);
    background-position: right;
    background-repeat: repeat-x;
}
#divPanelDebajoCabecera {
    clear: left;
    padding: 10px 20px 0px 20px;
    float: right;
}

.infoUsuario {
}

.imagenCabecera {
    width: auto;
    height: 120px;
}

.imagenCabeceraLogIn {
    width: auto;
    height: 40px;
}

.imagenCabeceraDcha {
    float: left;
    width: 275px;
    /*
  margin-left:10px;
  margin-right:10px;
    */
    margin-top: 40px;
}

.divCabeceraTitulo {
    font-family: 'Roboto', 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: 'Roboto', sans-serif;
    font-weight: 300;
    margin: 0px;
    border: none;
    font-size: 1.2rem;
}

.divCabeceraUsuario {
    /*margin-top: 15px;*/
}

.cabeceraLinkTitulo {
    text-decoration: none;
    border-style: none;
}

    .cabeceraLinkTitulo:hover {
        text-decoration: none;
        border-style: none;
    }

.cabeceraEscudoyTexto {
    display: inline-block;
    margin-top: 5px;
}

/*Botones*/
.btnFormulario {
    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: #006699;
    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;
}

    .btnFormulario:hover {
        cursor: pointer;
        background-color: white;
        color: #006699 !important;
        border-color: #006699;
        border-style: solid;
        border-width: 1px;
    }

.btnFormularioPeq {
    font-size: 12px;
    /*font-weight: bold;*/
    padding: 1px 5px 1px 5px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px; /*IE 7 AND 8 DO NOT SUPPORT BORDER RADIUS*/
    background-color: #006699;
    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;
}

    .btnFormularioPeq:hover {
        cursor: pointer;
        background-color: white;
        color: #006699 !important;
        border-color: #006699;
        border-style: solid;
        border-width: 1px;
    }

.textoVerde {
    background: #3da93d;
    color: white;
    padding: 5px;
    border: 1px solid;
}

.textoRojo {
    background: #e54a4a;
    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;
}


.botonVerde {
    background-color: #3da93d;
}

    .botonVerde:hover {
        color: #3da93d !important;
        border-color: #3da93d !important;
    }

.fuenteVerde {
    color: #3da93d !important;
}

.botonRojo {
    background-color: #e54a4a;
}

    .botonRojo:hover {
        color: #e54a4a !important;
        border-color: #e54a4a !important;
    }

.fuenteRojo {
    color: #e54a4a !important;
}

.botonNaranja {
    background-color: #e5834a;
}

    .botonNaranja:hover {
        color: #e5834a !important;
        border-color: #e5834a !important;
    }

.fuenteNaranja {
    color: #e5834a !important;
}

.fuenteAzul {
    color: navy !important;
}
.fuenteNegra {
    color: black !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: #3f3f3f;
    color: White;
    border-style: none;
    margin-right: 15px;
}

.botonBuscar {
    padding-bottom: 0px;
    padding-top: 0px;
    vertical-align: bottom;
    height: 32px;
}

.fondoRojo {
    background-color: red;
}

#loginTablaUsuario .textBoxFormulario {
    width: 100%;
}
.TextLabelFormulario{
    padding: 4px 4px 4px;
    border: 1px solid #a9a9a9;
    padding: 4px 4px 4px;
    font-size: 14px;
    background-color:white;
}
.TextLabelFormularioRO{
    padding: 4px 4px 4px;
    border: 1px solid #a9a9a9;
    padding: 4px 4px 4px;
    font-size: 14px;
    background-color:gainsboro;
}

.textBoxFormulario {
    font-size: medium;
    padding: 4px 4px 4px 4px;
}

#btnBuscarEnLaPagina {
    padding-top: 6px;
    padding-bottom: 6px;
}

.error {
    color: Red !important;
}

.formulariosLimiteRequerido {
    text-align: right;
    font-size: 11px;
}

.NumRegistrosAGenerar {
    color: deeppink;
}

.correcto {
    color: green;
}

.PendientePago {
    color: red;
}

.Condonado {
    color: blue;
}

.Cobrado {
    color: green;
}

.SinDefinir {
    color: darkgray;
}

.colorGrisClaro {
    color: #e7e9e7;
}

.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: #959595;
    padding: 10px 10px 10px 10px;
}

.comentarioContenido {
    background-color: #959595;
    padding: 10px 10px 10px 10px;
    color: black;
}

.comentarioFecha {
    text-align: right;
    margin-bottom: 20px;
    padding: 10px 10px 10px 10px;
}

/*FORMULARIOS*/
/*FORMULARIO OFERTAS NUEVAS DE EMPLEO*/
.divChecksOferta {
    float: right;
}

.ancho35 {
    width: 34.4%;
}

.divContenedorSubcampos {
    display: -webkit-inline-box;
}

.lblTituloNuevaOferta {
    width: 100%;
    font-size: 15px;
    color: #444;
}

.lblTituloNuevaOferta25 {
    width: 80%;
    font-size: 15px;
    color: #444;
}

.txtTituloNuevaOferta25 {
    width: 84%;
    font-size: 15px;
    color: #444;
}

.txtTituloNuevaOferta {
    width: 100%;
}

.textoColorIntermedio {
    color: #444;
}

.txtTituloNuevaOfertaMultiline {
    width: 100%;
    min-width: 10%;
    height: 200px;
}

.textoInfoDcha {
    clear: left;
    float: right;
}

.textoInfoIzda {
    clear: left;
    float: left;
}

.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: #444;
    border-color: #444;
    color: #fff;
    padding: 5px;
    display: inline-block;
    line-height: 28px;
    width: auto;
    min-width: 28px;
    text-align: center;
    margin: 2px;
    text-decoration: none;
    /* color: #444; */
    /* background: #fff; */
    border: 1px solid #ccc;
}

.flotanteIzquierda {
    float: left;
}

.controlError {
    border-color: red;
    color: red;
}

.formulariosTamControles {
    width: 100%;
    margin-top: 4px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.formulariosTamControlesAjustado {
    /*/*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;
}

.formulariosTamControlesCorto {
    width: 100px;
    margin-top: 4px;
}

.formulariosTamControlesCorto120 {
    width: 120px;
    margin-top: 4px;
}

.formulariosTamControlesCorto150 {
    width: 150px;
    margin-top: 4px;
}

.formulariosTamControlesCorto200 {
    width: 200px;
    margin-top: 4px;
}
.formulariosTamControlesCorto300 {
    width: 300px;
    margin-top: 4px;
}
.formulariosTamControlesCorto80 {
    width: 80px;
    margin-top: 4px;
}

.formulariosTamControlesCorto50 {
    width: 50px;
    margin-top: 4px;
}

.formularioApartado {
    margin-top: 5px;
    margin-bottom: 5px;
    background-color: #e7e9e7;
    padding-top: 10px;
    padding-bottom: 10px;
}

.sinMargenVertical {
    margin-top: 0px;
    margin-bottom: 0px;
    background-color: #e7e9e7;
    padding-top: 0px;
    padding-bottom: 0px;
}

.formularioApartado h3 {
    margin-left: 8px;
    font-weight: normal;
    color: #333;
    display: inline-block;
}

.h3EnlineaConImagen {
    margin-left: 8px;
    font-weight: normal;
    color: #333;
    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;
}

.contenedorModalFicherosAdjuntos {
    /*border: 1px solid #006CD9;
    background-color: #006CD9;*/
    width: 700px;
    -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;
}
.contenedorModalSolicitudesPendientes {
    width: 100%;
    max-width: 900px;
}
.contenedorModalFiltrosAvanzados {
    width: 100%;
    max-width: 1000px;
}

.contenedorModalTrabajosRelacionados{
    width: 100%;
    max-width: 1600px;
}

.contenedorModal div p{
    padding-bottom: 15px;
}
/* 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: #959595;
    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: #3f3f3f;
    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: #959595;
    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: #3f3f3f;
    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: #959595;
    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: #444;*/
    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;
    }
/**/
.overflowInitial {
    overflow: visible !important; /*Se pone primero VISIBLE para la compatibilidad con IE*/
    overflow: initial !important;
}
.alineacionVerticalSuperior {
    vertical-align: top !important;
}


/*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;
    }

    .alto50 {
        height: 50px;
    }

    .alto100 {
        height: 100px;
    }

    .alto150 {
        height: 150px;
    }

    .alto200 {
        height: 200px;
    }

    .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-top: 5px;
        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: #005580;
    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: #fff;
        /*font-weight: 400;*/
        text-transform: uppercase;
        font-weight: 400;
        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 a:link, .nav a:visited {
            color: #fff;
            text-decoration: none;
        }

        .nav a:active {
            color: #fff;
            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%;
    }

    .nav li li a {
        display: block;
        background-color: #0077b3;
        /*color: #fff;*/
        position: relative;
        z-index: 100;
        /*border-top: 1px solid #175e4c;  #DFDFDF*/
    }

        .nav li li a:hover {
            /*background: #66A5D5;*/
            background-color: #00669a;
        }

    .nav li li li a {
        /*background:#249578;*/
        z-index: 200;
        /*border-top: 1px solid #1d7a62;*/
        /*background: #DFDFDF;*/
        background-color: #3f3f3f;
        color: #fff;
        margin-left: 0px !important;
        margin-top: 0px !important;
    }

        .nav li li li a:hover {
            background-color: #666666;
        }

/**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: #3f3f3f;
    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: #3f3f3f !important;
        border-color: #3f3f3f;
        border-style: solid;
        border-width: 1px;
    }

.btnRojoRevocar:hover {
    cursor: pointer;
    background-color: red;
    color: white !important;
    border-color: #3f3f3f;
    border-style: solid;
    border-width: 1px;
}


.listTituloOferta {
    text-decoration: none;
    color: #222;
    font-family: Roboto;
    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;
}

.RaddioGrande input[type="radio"] {
    display: inline-block;
    vertical-align: bottom;
    width: 20px;
    height: 20px;
    /*background-image: url("../Images/uncheck.png");*/
}

.RaddioGrande input[type="radio"]:checked {
    /*background-image: url("../Images/check_2.png");*/
    content: '\f14a';
    color: #fff;
    vertical-align: bottom;
    width: 20px;
    height: 20px;
}


.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;
    }
.CheckBoxGrandeColor input[type="checkbox"] {
    display: inline-block;
    vertical-align: middle;
    width: 20px;
    height: 20px;
    /*background-image: url("../Images/uncheck.png");*/
}

.CheckBoxGrandeColor input[type="checkbox"]:checked + label {
        /*background-image: url("../Images/check_2.png");*/
        content: '\f14a';
        color: red;
        vertical-align: middle;
        width: 20px;
        height: 20px;
    }

.divNumRespuestas {
    background: #3183d7;
    padding: 12px;
    color: #fff;
    font-size: 16pt;
    text-align: center;
    min-width: 30px;
    font-weight: bold;
    border-radius: 5px;
    margin: auto;
}
.divNumInscritos {
    background: #959595;
    padding: 6px;
    color: #fff;
    font-size: 12pt;
    text-align: center;
    min-width: 26px;
    font-weight: bold;
    border-radius: 3px;
    margin: auto;
}
.divNumAsistentes {
    background: #3da93d;
    padding: 6px;
    color: #fff;
    font-size: 12pt;
    text-align: center;
    min-width: 26px;
    font-weight: bold;
    border-radius: 3px;
    margin: auto;
}



.ImagenAcreditacion {
    width: 90%;
    border-width: 1px;
    border-color: black;
    border-style: solid;
    margin: 5px 5px 5px 5px;
}

.lbFormulario {
    font-size: 12px;
    color: #303030;
    text-decoration: none; /*margin-top: 5px;*/
    margin-bottom: 0px;
}

.PasosRecibosMasivos {
    font-style: italic;
    color: cornflowerblue;
}
/**/
@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: #3f3f3f;
        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: #3f3f3f !important;
            border-color: #3f3f3f;
            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: #005580;
        margin-top: -10px !important;
    }

        .nav a {
            color: #fff;
        }

        .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: #009eee;
        }

            .nav li li li a:hover {
                /*background: #666666;*/
            }

        .nav ul {
            display: block;
            width: 100%;
        }

        .nav > li.hover > ul, .nav li li.hover ul {
            position: static;
        }

        .nav li li a {
            background-color: #007cbb;
            color: #fff;
        }

            .nav li li a:hover {
                /*background-color: #22578a;*/
            }

    h1 {
        font-size: 26px;
    }
}
