/* CSS Document */
/* Estilos para el detalle de actualidad. */
h2.titular{font-size: 3em}
#contenidoNoticia h2.titNoticia { color:#434851; }
    #contenidoNoticia, 
    #contenidoListadoNoticias { text-align: left; }
    #contenidoNoticia time,
    #contenidoListadoNoticias article > time { color: #999999; display: inline-block; font-size: 1.5em; margin: 10px 0 0 0; }
        #contenidoNoticia .enlaceCategoria,
        #contenidoListadoNoticias article  .enlaceCategoria { color: #000; display: inline-block; font-size: 1.5em; margin: 0 10px; text-decoration: none; }
        #contenidoNoticia  .enlaceCategoria:hover,
        #contenidoListadoNoticias article  .enlaceCategoria:hover { color: #3fb97b; }
    
    #contenidoNoticia header, 
    #contenidoListadoNoticias article > header { margin: 15px 0; display: block; overflow: hidden; width: 100%}
    #contenidoNoticia > header > h2 { color: #000; font-size: 4em; }
    #contenidoNoticia > figure { text-align: center; }
    #contenidoNoticia > * + * { margin: 20px 0 0 0; }
    #contenidoNoticia > footer { text-align: right; }
        #contenidoNoticia > footer > a { color: #0e4194; display: inline-block; font-size: 1.3em; font-weight: bold; text-decoration: none; }
        #contenidoNoticia > footer > a:hover { color: #dc6017; }

/* Estilos de los comentarios */
#comentarios { margin: 25px 0 0 0; }
    #comentarios > header > h2.tituloApartado { font-size: 2.2em; }
    #comentarios > ul { margin: 15px 0 0 0; }
        #comentarios > ul > li + li { margin: 15px 0 0 0; }
            #comentarios > ul > li > article > time { color: #999999; display: inline-block; font-size: 1.5em; }
            #comentarios > ul > li > article > header > h3 { font-size: 1.7em; margin: 10px 0 10px 0; }
    #comentarios .textoEditor { background: #f7931d; color: #fff; font-size: 1.5em; padding: 15px; }
        #comentarios .textoEditor > a { color: #fff; }
        #comentarios .textoEditor > a:hover { color: #000; }
         #comentarios .textoEditor > * { font-size: 1em; }
            #comentarios .textoEditor > * + * { margin: 5px 0 0 0; }
            
     #contenedorFormulario { margin: 25px 0 0 0; text-align: left; width: 100%; }
         #contenedorFormulario > .tituloApartado { display: block; font-size: 2em; margin: 0 0 25px 0; }
        #contenedorFormulario > * { margin: 0 auto; width: 100%; }
        #contenidoFormulario legend { display: none; }
        
     .textForm + * { padding: 8px 0 0 0; }
     .textForm > label, .textareaForm > label { color: #000; display: block; font-size: 1.7em; font-weight: bold; margin-bottom: 5px; padding-right: 12px; text-align: left; text-transform: uppercase; }
     .textareaForm > label { vertical-align: top; }
     .textForm > input, .textareaForm > textarea { border: 1px solid #999; background-color:#fff; color: #000; font-size: 1.7em; padding: 4px 1.5% 4px 1.5%; width: 96%; }
     .textareaForm > textarea { overflow: auto; }
     .textForm > .formFieldError, .textareaForm > .formFieldError { border: 1px solid #f7931d !important; }
     
     .botonEnviar { -webkit-transition: .1s all linear; -moz-transition: .1s all linear; -ms-transition: .1s all linear; -o-transition: .1s all linear; transition: .1s all linear; background: #000; color: #fff; cursor: pointer; float: right; font-size: 1.3em; letter-spacing:0.1em; text-transform: uppercase; font-weight: bold; margin: 10px 5px 0 0; outline: none; overflow: visible; padding: 9px 20px; }
     .botonEnviar:hover { background: #3fb97b; color: #fff; }
     
     #formErrores, #envioCorrecto { border: 1px solid #f7931d; margin: 25px auto 25px auto; padding: 10px; text-align: left; width: auto; }
     #envioCorrecto > .textoEditor { color: #1b2a49; }
        #formErrores > h4, #envioCorrecto > .textoEditor > h4 { color: #000; font-weight: bold; }
        #contenidoFormulario #formErrores > * { font-size: 1.6em; }
        #contenidoFormulario #envioCorrecto > .textoEditor > * { font-size: 1.5em; }
 /* Fin de los estilos comentarios */

 /* Fin de los estilos para el detalle de actualidad. */

 /* Estilos del listado de noticias. */
 #contenidoListadoNoticias > ul > li + li { border-top: 1px dotted #cccccc; margin-top: 25px; padding-top: 10px; }
 #contenidoListadoNoticias article > header > h1 { font-size: 2.4em; }
 #contenidoListadoNoticias article > header > h1 > a { color: #000; text-decoration: none; }
 #contenidoListadoNoticias article > header > h1 > a:hover { color: #3fb97b; }
 #contenidoListadoNoticias article .bloque > figure { border: 1px dotted #666; margin-right: 15px; padding: 10px; text-align: center; width: 30%; }
 #contenidoListadoNoticias article .bloque > .textoEditor { width: 60%; }                  
 #redesSocialesCompartir > * { display: inline-block; }
 
 /* Fin de los estilos del listado de noticias. */
 
 #redesSocialesCompartir > * + * { margin: 0 0 0 10px; }
 
 /* Estilos de las galeria multimedia. */
 
 #contenedorGaleriaMultimedia { margin: 25px auto; max-width: 630px; width: 100%; }
     #contenedorGaleriaMultimedia > a { background: rgba(0 , 0 , 0 , .5); color: #fff;; display: inline-block; font: normal normal normal 36px/1 FontAwesome !important; font-size: inherit; margin-top: -18px; padding: 5px 5px; position: absolute; text-align: center; text-decoration: none; text-rendering: auto; top: 50%; width: 36px; z-index: 1000; }
     #contenedorGaleriaMultimedia > a:hover { color: #3fb97b; }
     .fotogramaAnterior { left: 0; }
     .fotogramaSiguiente { right: 1px; }
     .fa-angle-left:before { content: "\f104"; }
     .fa-angle-right:before { content: "\f105"; }
     #contenedorGaleriaMultimedia figcaption { background: #000; color: #fff; max-width: 609px; padding: 5px 10px; position: absolute; top: 0; width: 100%; z-index: 100000; }
     .contenedorVideo { position: relative; padding-bottom: 78%; height: 0; overflow: hidden; }
     .contenedorVideo iframe,
     .contenedorVideo object,
     .contenedorVideo embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
    .ficheroDocumento{padding-left: 35px; font-size: 2.2em; display: block; color: #000; text-decoration: none;}
 /* Fin galería multimedia. */
 /* Fin de los estilos galería multimedia. */

 /* Media Queries */

     @media only screen and (max-width: 992px) {
         #contenidoNoticia > header > h2 { font-size: 3em; }
    }
    
    @media only screen and (max-width: 640px) {
        #contenidoListadoNoticias article .bloque > figure { display: none; }
        #contenidoListadoNoticias article .bloque > .textoEditor { width: 100%; }
    }
    @media only screen and (max-width: 480px) {
        #contenidoNoticia > header > h2 { font-size: 2em; }
    }