/* CSS Document */

#lista_noticias {
   width: 81%;
   margin-left: 3em;         
}


/*********** TEXTOS ***************/

/* lista de fotonoticias*/

#titular_noticias h1 {
   font-size: 2.364em;
   font-style: italic;
   color: #bababa;
}


h1, h2, h3 {
  color: #cc0066;
}

/* Titulo noticia simple y titulos parrafos */
h3, p.texto_titular {
    font-size: 1.636em;
    line-height: 1.818em;
    color: #cc0066;
}

.texto_titular, h3{
    font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
    font-size: 1.364em;
    font-weight: bold;
    line-height: 1.455em;
    padding-bottom: 0.455em;
    color: #cc0066;
}


/* Subtitulo noticia simple*/
.texto_normal_color {
    font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
    font-size: 1.182em;
    font-style: normal;
    font-weight: bold;
    line-height: 1.455em;
    color: #cc0066;
}

/* Lineas de separacion HR en la noticia simple y lista de noticias. */
.cl-right, .clearer {
    margin-top: 1em;
    margin-bottom: 1em;
}

/* Enlaces de las cabeceras de las listas de noticias*/
#contenido_izquierda h2 a:link,
#contenido_izquierda h2 a:visited,
#contenido_izquierda .news-list-morelink a:link {
    color: #cc0066;
}


/*************** NOTICIAS  ***********/
#diario_on {
       background-image: url(../imagenes/diario_on.gif);
}
#diario {
       background-image: url(../imagenes/diario.gif);
        }
#diario_off {
       background-image: url(../imagenes/diario_off.gif);
}

/************** IMAGENES ******************/
.foto_fotonoticia  {width: 100%; height: auto;}
  




/************** MAQUETACION MOVIL *********/

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


#diario {
       background-image: url(../imagenes/spacer.gif);
}


#lista_noticias {
   width: 94%;
   margin-left: 0;
}

img {
   width: 100%;
   height: auto;
}

}