/*
Nombre Tema: portada
Author: Alberto Salido
Description: 
  Hoja de estilo de la portada del portal.
*/

/*
  Bloque: DIV-CKE-PTC
  Descripcion:
    Productos de clickempresa y paratucoleccion
*/
#DIV-CKE-PTC
{
  background  : white;
  border      : none 1px black;
  float       : left;
  min-height  : 600px;
  overflow    : auto;
  width       : 145px;    
}
  
  /* Imagenes de cabecera y articulos de cke.*/
  #DIV-CKE-PTC img
  {
    display : block;
    margin  : 5px auto;  
  }
  
  /* Bloque de un anuncio. */
  #DIV-CKE-PTC div.anuncio
  {
    background    : #F4F4F4;
    margin-bottom : 20px;   /* Separamos el anuncio del siguiente*/
    padding       : 3px 2px;
    padding-bottom: 5px;
  }
  
  #DIV-CKE-PTC p
  {    
    text-align  : center;
  }
    #DIV-CKE-PTC p.nombre
    {
      color       : rgb(0,78,139);
      font-weight : bold;
    }

    #DIV-CKE-PTC p.descripcion
    {
      font-size   : 11px;
    }

    #DIV-CKE-PTC p.importe
    {
      color       : #b5021f;
      font-size   : 11px;
      font-weight : bold;    
    }
    
    #DIV-CKE-PTC p.link a
    {
      text-decoration:underline;
    }
  
/*
  Bloque: DIV-COL-2
  Descripcion:
    Noticia principal de portada + Enlace a Trabajo + Enlace a Estadisticas.
*/
#DIV-COL-2
{
  background  : white;
  float       : left;
  margin-left : 10px;
  min-height  : 600px;
  overflow    : auto;
  width       : 220px;    
}

  #DIV-COL-2 div.noticiaPortada
  {
    background    : #F4F4F4;
    padding-bottom: 8px;
  }
    
    #DIV-COL-2 div.noticiaPortada p.link
    {
      background-image    : url('/res/img/ico_zoom.png');
      background-repeat   : no-repeat;
      background-position : left center;
      padding-left        : 18px;
    }
    
      #DIV-COL-2 div.noticiaPortada p.link a {text-decoration:underline;}
    
    #DIV-COL-2 div.noticiaPortada p.imagen
    {      
      padding   : 0;
      text-align: center;
    }
      #DIV-COL-2 div.noticiaPortada p.imagen img
      {
        height: 253px;
        width : 220px;
      }
      
      #DIV-COL-2 div.noticiaPortada p.cabecera
      {
        background    : white;
        border-top    : solid 1px #cccccc;
        border-bottom : solid 1px #cccccc;
        color         : #626364;
        padding-top   : 3px;
        margin-bottom : 5px;
      }
      
      #DIV-COL-2 div.noticiaPortada p.titulo
      {
        color       : rgb(0,78,139);
        font-size   : 13px;
        font-weight : bold;
        margin      : 10px;
        text-align  : center;
      }
      
      #DIV-COL-2 div.noticiaPortada span.resumen
      {        
        display       : block;
        margin-bottom : 10px;
        padding       : 0 5px;
      }
            

  #DIV-COL-2 #DIV-TRABAJO
  {
    margin-top: 10px;
    padding   : 0;
  }

    #DIV-COL-2 #DIV-TRABAJO table
    {
      border    : solid 1px #5C5274;      
      font-size : 11px;
      text-align: center;
      width     : 100%;
    }
      
      #DIV-COL-2 #DIV-TRABAJO table td.titulo
      {
        background: #5C5274;
        color     : White;
        padding   : 2px 0;
      }

      #DIV-COL-2 #DIV-TRABAJO table td.link
      {
        background: white;
        padding   : 3px 0;
      }

  #DIV-COL-2 #DIV-ESTADISTICAS
  {
    background: white;
    font-size : 11px;
    margin-top: 10px;
    padding   : 0 5px;
    text-align: center;
  }
  
    #DIV-COL-2 #DIV-ESTADISTICAS p.titulo strong
    {
      color:  #FF0000;
    }

    #DIV-COL-2 #DIV-ESTADISTICAS p.descripcion
    {
      color:  rgb(0,78,139);
    }

    #DIV-COL-2 #DIV-ESTADISTICAS p.link a
    {
      color     : #FF0000;
      display   : block;
      font-size : 12px;
      margin-top: 5px;
    }

/*
  Bloque: DIV-COL-3
  Descripcion:
    Enlace a directorio + Breves + Info tiempo.
*/
#DIV-COL-3
{
  background  : white;
  border      : none 1px black;
  float       : left;
  margin-left : 10px;
  min-height  : 600px;
  overflow    : auto;
  width       : 250px;    
}

  #DIV-COL-3 div.breve
  {
    margin-bottom: 10px;
  }
    
    #DIV-COL-3 div.breve h3.categoria
    {
      border-top    : solid 1px #cccccc;
      border-bottom : solid 1px #cccccc;
      color         : #626364;
      font-size     : 11px;
      font-weight   : normal;
      margin-bottom : 3px;
    }
    
    #DIV-COL-3 div.breve h2.titulo
    {
      font-size     : 13px;
      font-weight   : bold;
      color         : rgb(0,78,139);      
      margin-bottom : 8px;
    }
    
    #DIV-COL-3 div.breve span.resumen
    {
      display       : block; /* Mostramos como bloque para poder dejar margenes*/
      font-size     : 11px;
      margin-bottom : 5px;
    }
    
    #DIV-COL-3 div.breve p.link
    {
      font-size : 11px;
    }
    
    #DIV-COL-3 div.breve p.link a
    {
      color     : rgb(0,78,139);      
      text-decoration:underline;
    }