/* 
    Document   : informativos
    Created on : 21-sep-2009, 11:03:15
    Author     : rcatalan
    Description:
        Purpose of the stylesheet follows.
*/

/* 
   TODO customize this sample style
   Syntax recommendation http://www.w3.org/TR/REC-CSS2/
*/
div#informativo_content{
     width: 670px;
     margin:12px 14px 66px 14px;
     padding:4px 8px 4px 8px;
}

div#informativos_content{
     width: 690px;
     margin:12px 2px 16px 2px;
     padding:4px 8px 4px 8px;
     background-color:#ccc;
     -moz-border-radius: 4px;
     -webkit-border-radius: 4px;
}
div#informativos_imagen{
     margin-top:14px;
     float:right;
}
div#informativos_descripcion div.fecha{
     width:49px;
     height:34px;
     margin-right: 15px;
     padding:8px 3px 3px 0px;
     float:left;
     text-align: center;
     color:#fff;
     background: url(../../../media/img/gon-ui.png) no-repeat -178px -39px;
}
div#informativos_descripcion div.titulos{ float:left; width:600px; }
div.descripcion{
     width:450px;
     float:left;
     margin:14px 0 0 12px;
}
div.descripcionSinImage{
     width:590px;
     float:left;
     margin:14px 0 0 12px;
}
div#informativos_imagen div.box_img{
     max-width:200px;
     max-height:500px;
}

div#informativos_content div.title{
     font-size:14px;
     margin:6px 0 12px 4px;
}
/* LLISTES */
div#informativos_content ul{
     list-style:none;
     margin:5px 0 15px 0;
}
div#informativos_content ul li{
     height:45px;
     padding:4px 6px 4px 8px;
     border-top:1px solid #fff;
     border-bottom:1px solid #bbb;
     border-left:1px solid #fff;
     border-right:1px solid #b5b5b5;
     overflow:hidden;
}
div#informativos_content ul li img{  float:left; margin-right:5px; }
div#informativos_content ul li em { padding-left:14px; }

div#informativos_content ul li.par{ background-color:#f0f0f0; }
div#informativos_content ul li.inpar{ background-color:#e7e7e7; }
div#informativos_content ul li:hover{
     background-color:#fff;
     color:#7f0000;
}

/* PAGINACION */
div#paginacion{
     margin:5px 0 15px 0;
     text-align:center;
}

/* VER NOTICIA */
div#informativo_content p{
     margin-bottom:12px;
}
div#informativo_content ul{ margin:0 0 12px 24px; }
div#informativo_content li{
     margin-bottom:2px;
}
div#informativo_content h2{
     margin-top:6px;
     font-size:18px;
     line-height:20px;
}