/* CSS Document */

.titulares_noticias a, .enlace_portadaarea, .csc-firstHeader, .csc-firstHeader a,
.csc-firstHeader a:visited, .csc-firstHeader a:hover,  .enlace_inicioexarea a, 
#banda_ruta a,
h1, h1 a, h1 a:visited, h1 a:hover, a, a:visited, a:hover {
	color: #AD0000;
}

#caja_util_1  {
  padding-left: 1em;
  width: 30em; 
}
#corondel {
   background-image: url(../imagenes/corondel_verde.gif);
   background-repeat: repeat-y;
   background-position: 29.091em;
   float: left;
}

#caja_util_3 {
  padding-left: 1em;
  width: 30em;
}



#caja_util_2 {
   width : 0.091em;
   height: 72em;
   padding: 0;
}

#corondel {
   background-image: url(../imagenes/corondel_verde.gif);
   background-repeat: repeat-y;
   background-position: 29.091em;
   float: left;
}





.foto_portada, .foto_portada_v, .foto_portada_m  {
    width: 25em;
    height: auto;
    margin-right: 5em;
}


.foto_noticia   {width: 36.364em; height: auto; border: 0}
.foto_noticia_v {width: 36.364em; height: auto; border: 0}
.foto_fotonoticia {width: 23.636em; height: 15.636em; border: 0}
.titulo_portada {width: 25.455em; height: 2.727em;  border: 0; margin-bottom: -2em}
.banner_derecho {width: 29.091em; height: 13.636em; border: 0}
.banner_txt     {width: 29.091em; height:  1.818em; border: 0}
.banner_cartel  {width: 26.364em; border: 0}
.banner40       {width: 89.182em; height: 7.727em; border:0}




.csc-header a {
        font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
        font-weight: bold;
        font-size: 1em;
        line-height: 1em;
        text-decoration: none;
        padding-bottom: 0.455em;
        text-align: left;
        color: #AD0000;
}


.fecha_portada {
      font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
      font-size: 1em;
      color: #A60000;
}

/**************************************  INICIO MAQUETACION PARA MOVILES ********************************/

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


#bloque_contenido {
   border: none;
}

#caja_presenta {
   width: 98%;
   float: left;
}

#caja_util_2 {
   visibility: hidden;
   display: none;
}

#caja_utilidades,#caja_util_1, #caja_util_3 {
   width: 98%;
   padding: 0;
}

}

/*****************************************FIN MAQUETACION MOVILES ******************************/


@media print {

#caja_utilidades,
#caja_util_1,
#caja_util_3 {
    visibility: visible;
    display: inline;
}

#caja_util_1,
#caja_util_3 {
  width: 45%;
}
}