/*
Nombre Tema: CSS General
Author: Alberto Salido
Description: 
  General del portal que se incluirá en todas las paginas. Configuramos los bloques generales.
*/

*
{ 
  font-family : "Lucida Sans Unicode",Arial,sans-serif;
  font-size   : 12px;
}

body
{
  background-color: #D0D1D3;  
  color           : #828282;  
  font-weight     : normal;	                            
}

input, textarea
{
  background-color: White;
  font-size       : 12px;
  padding-left    : 4px;
}

label
{
  color       : #4B4B4B;
  font-size   : 12px;
  padding-left: 4px;
}

a
{
  border    : solid 0px transparent; /* Para que en IE no se desplacen los elementos adyacentes al hacer click*/
  text-decoration:none;
  color     : #828282;  
}

/*
  Bloque: B-CONTENEDOR
  Descripcion:
    Contenedor del portal, necesario para centrar el contenido, darle ancho y alto etc.
*/
#B-CONTENEDOR
{
  background: white;
  border    : solid 1px white;
  margin    : 0 auto;
  overflow  : auto;
  padding   : 10px;
  width     : 990px;    
}

  /*
    Bloque: B-CABECERA
    Descripcion:
      Cabecera del portal que contiene todos los banners, enlaces etc.
  */
  #B-CABECERA
  {    
    /*background: #5C5274;*/
    background: rgb(0,78,139);
    overflow  : auto;    
    width     : 100%;
  }

    /*
      Bloque: B-BANNER1
      Descripcion:
        Banner situado en la esquina superior izquierda.
    */
    #B-BANNER-1
    {
      float   : left;
      overflow: hidden;
      padding : 10px;
    }

    /*
      Bloque: B-BANNER2
      Descripcion:
        Banner central.
    */
    #B-BANNER-2
    {
      float   : left;
      overflow: hidden;
      padding : 10px 0;      
    }

    /*
      Bloque: B-BANNER3
      Descripcion:
        Banner superior derecho.
    */
    #B-BANNER-3
    {    
      float   : left;
      overflow: hidden;
      padding : 10px;
    }

    /*
      Bloque: B-TEXTO-1
      Descripcion:
        Bloque que contiene texto informativo
    */
    #B-LOGO
    {
      float   : left;  
      padding : 10px;    
    }

    #B-LOGO img{display:block;}
    #B-LOGO .fecha
    { color     : White;
      display   : block;      
      font-size : 12px;
      margin-top: 5px;
      padding   : 0 0 0 10px;
    }
    
    /*
      Bloque: B-FRASE
      Descripcion:
        Bloque que contiene la frase del día.
    */
    #B-FRASE
    { float     : left;
      padding   : 0 10px;
      text-align: center;
      width     : 460px;
    }
    
      #B-FRASE table
      { width: 100%; }
      
      #B-FRASE table
      { width: 100%; }

    #B-FRASE td
    { color         : rgb(217,210,175);
      vertical-align: middle;
    }
  /*
    Bloque: B-BANDA1
    Descripcion:
      Bloque que contiene el buscador + enlaces.
  */
  #B-BANDA1
  {    
    background    : #EDEDED;    
    overflow      : hidden;
    padding-top   : 5px;
    width         : 100%;
  }

    /*
      Bloque: B-ENLACE-REGISTRO
      Descripcion:
        Bloque que contiene el enlace para registro de empresas.
    */
    #B-ENLACE-REGISTRO
    {
      float       : left;
      overflow    : hidden;
      text-align  : center;
      width       : 230px;  
    }

    #B-ENLACE-REGISTRO a
    {
      color :  #B5021F;     
    }
    
    #B-ENLACE-REGISTRO img
    {
      vertical-align:middle;  
    }
    
    /*
      Bloque: B-BUSCADOR
      Descripcion:
        Bloque que contiene el buscador.
    */
    #B-BUSCADOR
    {
      float         : left;
      overflow      : hidden;
      padding-bottom: 3px;
      text-align    : right;
      width         : 520px;
    }
    
    #B-BUSCADOR .txtDatos
    {
      width: 400px;
    }

    /*
      Bloque: B-CONTACTAR
      Descripcion:
        Bloque que contiene el enlace para contactar con el portal.
    */
    #B-CONTACTAR
    {
      float     : right; 
      overflow  : hidden;
      text-align: center;
      width     : 230px;  
    }

    #B-CONTACTAR a
    {
      color:  #B5021F;
    }  
    
    #B-CONTACTAR img
    {
      vertical-align:middle;  
    }

  
  /*
    Bloque: B-BANDA2
    Descripcion:
      Bloque que contiene el menu principal y el enlace al mapa web.
  */
  #B-BANDA2
  { 
    overflow      : auto;
    width         : 100%;
  }

    /*
      Bloque: B-MENU-PRINCIPAL
      Descripcion:
        Bloque que contiene el menu principal del portal.
    */
    #B-MENU-PRINCIPAL
    {
      background  : #4F7FBD;
      float       : left;
      overflow    : hidden;
      width       : 100%;
    }

    #B-MENU-PRINCIPAL #B-BLOQUE-1,
    #B-MENU-PRINCIPAL #B-BLOQUE-2,
    #B-MENU-PRINCIPAL #B-BLOQUE-3
    { float     : left;
      width     : 33%;
    }
    
    #B-MENU-PRINCIPAL #B-BLOQUE-2
    { /*background: #B5021F;    */
      background: rgb(153,0,0);
      height    : 23px;
      text-align: center;
    }

      #B-MENU-PRINCIPAL #B-BLOQUE-2 a
      { color     : White;
        display   : block;
        float     : left;
        font-size : 12px;        
        padding   : 3px 5px 4px 70px;
      }      
    
      #B-MENU-PRINCIPAL #B-BLOQUE-1 a      
      { color     : White;
        display   : block;
        float     : left;
        font-size : 12px;        
        padding   : 3px 20px 4px 5px;
      }      
      
      #B-MENU-PRINCIPAL #B-BLOQUE-3 a
      { color     : White;
        display   : block;
        float     : left;
        font-size : 12px;        
        padding   : 3px 15px 4px 15px;
      }      
  /*
    Bloque: B-COL1
    Descripcion:
      Bloque que contiene el menu lateral izquierdo con las encuestas, secciones y enlaces.
  */
  #B-COL1
  {
    float     : left;
    font-size : 10px;
    margin-top: 10px;
    overflow  : auto;
    width     : 160px;
  }

  #B-COL1 ul
  {
    list-style-type : none;
    margin          : 0;
    padding         : 0;    
  }

  #B-COL1 ul li.cabecera
  { font-weight:bold; }

  #B-COL1 ul li a.seleccionado
  { color: rgb(0,78,139);
    font-weight:bold;
  }
  
  #B-COL1-ENCUESTA
  {
    border    : solid 1px #BABBC0;    
    font-size : 10px;
    padding   : 5px 5px;
  }

    #B-COL1-ENCUESTA h1
    { font-size     : 10px;
      font-weight   : bold;      
      margin-bottom : 3px;
    }
      
    #B-COL1-ENCUESTA p
    { font-size : 10px; }

    #B-COL1-ENCUESTA ul
    { margin-bottom : 3px; }
    
    #B-COL1-ENCUESTA p.enviar
    { clear       : both;
      padding-top : 5px;      
      text-align  : center;
      width       : 100%;      
    }
    
    #B-COL1-ENCUESTA button
    { font-size:10px;}
    
    #B-COL1-ENCUESTA input
    { border        : none; 
      font-size     : 10px;
      margin-right  : 5px;
      vertical-align: middle; 
    }
  
    #B-COL1-ENCUESTA li.opcion
    { float         : left;      
      font-size     : 10px;
      text-align    : center;
    }  

  #B-COL1-ENLACE-MIASW img
  {
    border    : solid 1px #BABBC0;    
    height    : 40px;
    margin-top: 5px;
    overflow  : auto;
    width     : 158px;    
  }

  #B-COL1-SECCION1
  {
    background: #FEFEFE;
    margin-top: 3px;
  }  
  
  #B-COL1-SECCION1 ul li.cabecera
  {
    color     : White;
    background: #EA8D48;
  }
  
  #B-COL1-SECCION1 ul li
  {
    padding: 2px 8px;
  }

  #B-COL1-SECCION2
  {
    background: #FEFEFE;
    margin-top: 3px;
  }  
  
  #B-COL1-SECCION2 ul li.cabecera
  {
    color     : White;
    background: #AAA966;
  }
  
  #B-COL1-SECCION2 ul li
  {
    padding: 2px 8px;
  }
  
  /*
    Bloque: B-CONTENIDO
    Descripcion:
      Bloque que contiene el contenido variable del portal, en funcion de la sección que estemos tratando.
  */
  #B-CONTENIDO
  {
    float     : left;
    margin    : 10px 0 10px 10px;
    overflow  : hidden;
    width     : 650px;
  }

  /*
    Bloque: B-CONTENIDO
    Descripcion:
      Bloque que contiene el contenido variable del portal, en funcion de la sección que estemos tratando.
  */
  #B-ANUNCIO-PREMIERE
  {
    border        : none 1px black;
    float         : right;
    margin-top    : 10px;
    margin-bottom : 10px;
    overflow      : auto;
    width         : 150px;
  }

    #B-ANUNCIO-PREMIERE div.anuncioPremiere,
    #B-ANUNCIO-PREMIERE div.bannerPremiere
    {
      margin-bottom: 15px;
    }
    
    #B-ANUNCIO-PREMIERE div.anuncioPremiere p
    {
      margin-bottom: 3px;
    }
    
    #B-ANUNCIO-PREMIERE div.anuncioPremiere p strong
    {
      color: rgb(0,78,139);
    }
      
      #B-ANUNCIO-PREMIERE div.anuncioPremiere p.titulo{}
      
      #B-ANUNCIO-PREMIERE div.anuncioPremiere p.descripcion{}
      
      #B-ANUNCIO-PREMIERE div.anuncioPremiere p.link
      {
        background-image    : url(/res/img/ico_cuadrado_rojo.gif);
        background-repeat   : no-repeat;
        background-position : left center;        
        font-size           : 11px;
        padding-left        : 15px;
      }
      
      #B-ANUNCIO-PREMIERE div.anuncioPremiere p.link a
      {
        color: rgb(0,78,139);
        font-size           : 11px;
        text-decoration:underline;
      }
      
  /*
    Bloque: B-PIE
    Descripcion:
      Bloque que contiene el pie del portal.
  */
  #B-PIE a
  {
    color:#474747;
  }
  #B-PIE
  {
    background: #e1e1e1;    
    clear     : both;
    margin    : 0 auto;
    overflow  : auto;
    padding   : 3px;
    text-align:center;
    width     : 99%;
  }