html, body, form  
    {  

        height: 100%;  
        margin: 0px;  
        padding: 0px;  
        overflow: hidden;  
        
    }  
body
{
    background-position: right 0px;
    font-family:"Lucida Sans Unicode","Lucida Grande",Verdana,Arial,Helvetica,sans-serif;
    font-size: 12px;
    color: #000000;
    background-color: #FFFFFF;
    background-image: url('images/bg_login_2012.gif');
    background-repeat: no-repeat;
}

ul.rombo {list-style:none;}

ul.rombo {list-style:none;}
ul.rombo li
{
    background: url('images/bullet_rombo.gif')  0 0.6em no-repeat;
    padding-left: 16px;
    line-height:2em;
        
}
/*Cabecera / Menu*/

#cabecera
{
    
    width:100%;
    height: 88px;
    padding: 0px;
    margin: 0px;
    background-color: #FFFFFF;
    color: #000000;
    background-image: url('images/bg_cabecera_horeca_trade_der.gif');
    background-repeat: no-repeat;
    background-position: right 0px;
    position:absolute;

    
   
}

#headLogo
{
    background-position: left 0px;
    background-image: url('images/HNV_Logo_cabecera.gif');
    background-repeat: no-repeat;
    text-indent:-9000px;    

    width:254px;
    height:88px;
}



h1.heineken-logo a
{
    display:block;
    width:254px;
    height:88px;
  
}

#divMayus
{
    background-position: 0px;
    color:#ff0000;
    background-image: url('images/warning.png');
    background-repeat: no-repeat;
    padding-left:20px;
    margin-left:120px;
    
}

/*Menu*/

.bg_barra_menu
{
    background-image: url('images/bg_cabecera_2012.gif');
    background-repeat: repeat-x;
    height: 30px;
    width:100%;
    position:absolute;
    z-index:10000;
    

}

.panel_desplegable
{

/*background-image: url('images/bg_panel.gif');*/

    
}


/*Lateral*/

#panel_izq
{
    background-image: url('images/bg_panel_left.gif');
    background-repeat: repeat;
    width:50px;
}

/*Centro*/



/*Pie de página */

#pie
{
    border-width: 0px;
    border-color: #C0C0C0;
    font-size: 11px;
    color: #808080;
    background-color: #FFFFFF;
    padding: 0px;
    border-top-style: solid;

}
.cab_formulario
{
    border-bottom-style: solid;
    border-width: 1px;
    border-color: #C0C0C0;
    font-weight: bold;
}
a.contacto
{
    color: #808080;
    text-decoration: none;
}

a.contacto hover
{
    text-decoration: underline;   
}
/*Login*/

#alerta_mayus
{

    background-position: 0px;
    color: #FF0000;
    background-image: url('images/warning.png');
    background-repeat: no-repeat;
    padding-left:20px;
    
}

#cuadro_login
{

    padding-top:20px;
    padding-left:20px;
    
}

#cnt_login_izq
{
    position: relative;
    float: left;
    background-repeat: no-repeat;
    
}

#cnt_login_der
{
    position:relative;
    float:left;
    text-align:justify;
    margin-right:20px;
    margin-left:50px;
    margin-top:10px;
    
    
}

#cookies_msg
{
    border: 1px solid #C0C0C0;
    background-color: #FFFFCC;
    padding:5px;
    text-align:justify;
}

.alerta
{
    background-color: #FFFF00;
    border: 1px solid #C0C0C0;
    padding: 5px;
}


/*Enlaces*/

a
{
    
    font-size: 12px;
    color: #000000;
    text-decoration: none;
}

a:hover
{
      text-decoration: underline;
}


a:hover
{
      text-decoration: underline;
}


a:hover
{
      text-decoration: underline;
}


a.logout
{
    background-image: url('images/flecha_log_out.gif');
    background-repeat: no-repeat;
    background-position: 0px 2px;
    padding-left: 19px;
    color: #7AB800;
    
}

/* Cabeceras */ 
h1
{
    border-color: #7ab800;
    font-size: medium;
    color: #7ab800;
    border-bottom-style: solid;
    border-width: 1px;
    font-weight: bolder;
}
h2
{    
    border-color: #7ab800;
    font-size: medium;
    color: #7ab800;
    border-bottom-style: solid;
    border-width: 1px;
    font-weight: bolder;
}
h3
{
    font-size: 14px;
    font-weight: bold;
    font-style: oblique;
}

h4
{
    
}

/*Textos*/


.texto_error
{
    color: #FF3300;
    
}

.texto_login
{
    
    font-size: 12px;
    color: #007D35;
}

.texto_general
{
    
    font-size: 11px;
    color: #000000;
}




/*Iconos marcas*/

.icon_marca_1
{


    font-size: xx-small;
    color: #FFFFFF;
    border: 1px solid #999999;
    background-color: #006600;

}

.icon_marca_2
{


    font-size: xx-small;
    color: #FFFFFF;
    border: 1px solid #CCCCCC;
    background-color: #CC0000;

}

.icon_marca_3
{


    font-size: xx-small;
    color: #FF0000;
    border: 1px solid #333333;
    background-color: #C0C0C0;

}

.icon_marca_4
{


    font-size: xx-small;
    color: #FFFFFF;
    border: 1px solid #C0C0C0;
    background-color: #000000;

}

.icon_marca_5
{

    font-size: xx-small;
    color: #008000;
    border: 1px solid #008000;
    background-color: #FFFFFF;

}

.icon_marca_6
{

    font-size: xx-small;
    color: #008000;
    border: 1px solid #008000;
    background-color: #FFFFFF;

}

.icon_marca_7
{

    font-size: xx-small;
    color: #008000;
    border: 1px solid #008000;
    background-color: #FFFFFF;

}

.panel_ok
{
    background-color: #205527;
    color: #FFFFFF;
    padding:5px;
}

.panel_ko
{
    background-color: #ff2b00;
    color: #FFFFFF;
    padding: 5px;
    text-align: center;
}

.panel_danger {
    width: 100%;
    background-color: #f8d7da;
    color: #721c24;
    border-color: #f5c6cb;
    padding: .75rem 1.25rem;
    margin-bottom: 1rem;
    border: 1px solid transparent;
    border-radius: .25rem;
}
.panel_warning {
    width: 100%;
    background-color: #fff3cd;
    color: #856404;
    border-color: #ffeeba;
    padding: .75rem 1.25rem;
    margin-bottom: 1rem;
    border: 1px solid transparent;
    border-radius: .25rem;
}

.etiqueta_formulario
{
    color: #205527;
}


a.link_fecha:hover 
{
    text-decoration:none;
    cursor:text;
}