/* 
    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 64px 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.descripcion-acuerdos{
      width:580px;
     margin:20px 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;
}

/* LISTADO PARA ACUERDOS COLABORACIÓN */
div#informativos_content div.title-acuerdos{ margin:12px 0 0 15px; }
div#informativos_content ul#acuerdos{
      margin: 6px 50px;
      padding:12px;
}
div#informativos_content ul#acuerdos li{
      padding:10px;
      height:auto !important;
      text-align: center;
      background-color:#ffffff;
}
div#informativos_content ul#acuerdos li:hover{ background-color:#efefef; }
div#informativos_content ul#acuerdos li a{ display: block; }
div#informativos_content ul#acuerdos li a img{ float:none; }


/* TAGS CLOUD: Nuve de tags para el apartado de productos */
div#tagcloud{
      width: 837px;
      position: fixed;
      bottom:50px;
      margin-left: -223px;
}
div#tagcloud div.titular{
      margin-left: 306px;
      position: absolute;
      margin-top: -24px;
}
div#tagcloud div.tagleft, div#tagcloud div.ttagleft{
      width: 6px;
      float:left;
      background: url('../../../media/img/gon-ui.png') no-repeat -232px 0;
}
div#tagcloud div.tagleft { height:61px; }
div#tagcloud div.ttagleft { height:26px; }
div#tagcloud div.tagright, div#tagcloud div.ttagright{
      width: 6px;
      float:left;
      background: url('../../../media/img/gon-ui.png') no-repeat -238px 0;
}
div#tagcloud div.tagright { height:61px; }
div#tagcloud div.ttagright { height:26px; }
div#tagcloud div.tagcenter, div#tagcloud div.ttagcenter{
      float:left;
      background: url('../../../media/img/gon-backgrounds.png') repeat-x 0 -1010px;
}
div#tagcloud div.tagcenter { height:61px; width: 825px;}
div#tagcloud div.ttagcenter{ height:26px; width: 250px; }
div#tagcloud div.ttagcenter span{ margin-left: 12px; }
div#tagcloud div.ttagcenter span a{ color: #555; text-shadow:1px 1px 1px #fff; }
div#tagcloud div.tagcenter div.tags{
      height: 47px;
      padding:4px 7px;
      text-align:center;
      overflow: hidden;
}
div#tagcloud div.tagcenter div.tags a{ padding-right: 16px; font-weight: bold; }
div#tagcloud div.tagcenter div.tags a.gris{ color:#444; }
div#tagcloud div.tagcenter div.tags a.verde{ color:#577a20; }
div#tagcloud div.tagcenter div.tags a.naranja{ color:#cb8230; }
div#tagcloud div.ttagcenter div{
      font-size: 13px;
      font-weight: bold;
      text-align: center;
      line-height: 25px;
      color:#7f0000;
      text-shadow: 1px 1px 1px #fff;
}
/************************************************************************/