/* CSS */
body
{
    font-size: .75em;
    font-family: Verdana, Helvetica, Sans-Serif;
    margin: 0;
    padding: 0;
    color: #696969;
    
    background-color: #ffffff;
}


#logo_SALVA
{
    background:url(images/logo_salvanfe_220x40.png) no-repeat;
    width:415px;
    height:55px;
    position:absolute;
    margin:20px 0 0 20px;
}


#logo_SPED
{
    background:url(images/logo_2018.png) no-repeat;
    width:415px;
    height:50px;
    position:absolute;
    margin:10px 0 0 25px;
}

div.geral {
    position: absolute;
    margin: 0;
    padding: 0;
    border: 0;
    list-style: none;
    vertical-align: baseline;
    width: 100%;
    height: 100%;
    background: transparent;
}

div.geral_left 
{
    
    position: absolute;
    left: 0px;
    right: 50%;
    margin-right: 48%; 
    height: 100%;
    _width: expression((         document .         body .         clientWidth -
                
         document .body .clientWidth * .96)/ 2 +   
             "px" );
}

div.geral_left_cabecalho
{
   position: absolute;
   left: 0px;
   top: 0px;
   height: 65px;
   width: 100%;
   
   background:url("images/CANTO_SE.png") no-repeat;  
   
}

div.geral_left_topmenu
{

   background-color: transparent;
   position: absolute;
   left: 0px;
   top: 65px;
   height: 30px;
   width: 100%;
   background:url("images/LAT_SE.png") no-repeat; 
}

div.geral_left_titulo_conteudo
{

   position: absolute;
   left: 0px;
   top: 95px;
   height: 30px;
   width: 100%;
   background:url("images/CANTO2_SE.png") no-repeat; 
}

div.geral_left_conteudo {
    background-color: #FFFFFF;
    position: absolute;
    left: 0px;
    top: 125px;
    bottom: 70px;
    height: auto;
    width: 100%;
}

div.geral_left_conteudo1
{
   top: 0px;
   
   height: 50%; /*auto;*/
   width: 100%;
   background:url("images/LAT2_SE.png") no-repeat; 

}

div.geral_left_conteudo2
{

   position: absolute;
   height: 100px; 
   width: 100%;
   bottom: 0px;
   background:url("images/LAT_IE.png") no-repeat; 
   

}

div.geral_left_rodape_conteudo
{

   position: absolute;
   left: 0px;
   
   height: 30px;
   bottom: 40px;
   width: 100%;
   background:url("images/CANTO_IE.png") no-repeat; 
}

div.geral_left_rodape {
    background-color: #FFFFFF;
    position: absolute;
    left: 0px;
    height: 40px;
    bottom: 0px;
    width: 100%;
}

div.geral_right 
{
    
    
    position: absolute;
    right: 0px;
    left: 50%;
    margin-left: 48%; 
    height: 100%;
    
    _width: expression((         document .         body .         clientWidth -
                
        document .body .clientWidth*.96 )/ 2 +   
             "px" );
}


div.geral_right_cabecalho
{
   
   position: absolute;
   right: 0px;
   top: 0px;
   height: 65px;
   width: 100%;
   background:url("images/CANTO_SD.png") no-repeat; 
   
}
div.geral_right_topmenu
{
  
   position: absolute;
   right: 0px;
   top: 65px;
   height: 30px;
   width: 100%;
   background:url("images/LAT_SD.png") no-repeat;
}

div.geral_right_titulo_conteudo
{
   
   position: absolute;
   right: 0px;
   top: 95px;
   height: 30px;
   width: 100%;
   background:url("images/CANTO2_SD.png") no-repeat; 
   
   
}

div.geral_right_conteudo
{
   background-color: #FFFFFF;
   position: absolute;
   right: 0px;
   top: 125px;
   bottom: 70px;
   height: auto;
   width: 100%;

}

div.geral_right_conteudo1
{
   
   top: 0px;
   right: 0px;
   height: 50%; /*auto;*/
   width: 100%;
   background:url("images/LAT2_SD.png") no-repeat;

}

div.geral_right_conteudo2
{
   
   position: absolute;
   height: 100px; 
   width: 100%;
   bottom: 0px;
   background:url("images/LAT_ID.png") no-repeat;
   

}

div.geral_right_rodape_conteudo
{
   
   position: absolute;
   right: 0px;
   
   height: 30px;
   bottom: 40px;
   width: 100%;
   background:url("images/CANTO_ID.png") no-repeat;
}

div.geral_right_rodape
{
   background-color: #FFFFFF;
   position: absolute;
   right: 0px;
   height: 40px;
   bottom: 0px;
   width: 100%;
}


/* Cabecalho */
div.cabecalho 
{
    position: absolute;
    float: none;
    display: block;
    top: 0px;
    height: 65px;
    font-size: 11px;
    font-style: normal;
    line-height: 8pt;
    border: 0px;
    padding: 0px;
    left: 50%; 
    width: 96%; 
    margin-left: -48%; 
      
    background:url("images/BORDA_S.png") repeat-x; 
}



div.cabecalho_left {
    position: absolute;
    float: left;
    left: 0px;
    top: 0px;
    width: 200px;
    height: 65px;
}

div.cabecalho_left_inner {
    position: absolute;
    float: left;
    top: 5px;
    left: 5px;
    bottom: 5px;
    right: 5px;
    width: 190px;
    height: 60px;
}

div.cabecalho_left2 {
    position: absolute;
    float: left;
    left: 200px;
    top: 0px;
    height: 61px;
    width: 180px;
}

div.cabecalho_center {
    position: absolute;
    top: 0px;
    left: 380px;
    height: 65px;
    width: 430px;
}

div.cabecalho_right {
    position: absolute;
    float: right;
    top: 0px;
    right: 0px;
    width: 160px;
    height: 61px;
    overflow: hidden;
}

div.cabecalho_right_inner {
    position: relative;
    float: left;
    width: 150px;
    height: 60px;
    top: 5px;
    right: 5px;
    left: 5px;
    bottom: 5px;
    margin-bottom: 5px;
    overflow: hidden;
}

/* TopMenu */
div.topmenu {
    position: absolute;
    border: 0px;
    padding: 0px;
    float: left;
    
    top: 65px;
    height: 30px;
    left: 50%;
    width: 96%; 
    margin-left: -48%; 
    z-index: 99; 

    background-color: transparent; 
    background-image: url("images/BARRA_MENU.png");
    background-repeat: repeat-x;  
}

div.topmenu_left {
    position: absolute;
    width: 0px; 
    left: 0px;
    z-index: 99;
}

div.topmenu_mid {
    position: absolute;
    width: 96%; 
    height: 30px;
    left: 0px; 
    z-index: 99;
}

div.topmenu_right {
    position: absolute;
    width: 0px; 
    height: 30px;
    left: 935px;
    z-index: 99;
}

div.topmenu_inner_left {
    position: absolute;
    float: left;
    display: inline;
    border: 0px;
    padding: 0px;
    left: 2px;
    top: 2px;
    width: 40%;
}

div.topmenu_inner_right {
    position: absolute;
    
    border: 0px;
    padding: 0px;
    right: 2px;
    top: 8px;
    width: 50%;
}

.topmenu_text_right,.topmenu_text_right_bold,.topmenu_text_right_link {
    position: relative;
    float: right;
    text-align: right;
    font-size: 11px;
    font-style: normal;
    color: #222;
    line-height: 9pt;
    margin: 0 5px 0 0;
}

.topmenu_text_right {
    font-style: normal;
    color: #222;
}

.topmenu_text_right_bold {
    font-weight: bold;
    color: #111;
}

.topmenu_text_right_link {
    font-weight: bold;
    color: #D90A00;
}

div.titulo_conteudo {
    position: absolute;
    border: 0px;
    padding: 0px;
    float: left;
    
    top: 95px;
    height: 30px;
    left: 50%;
    width: 98%; 
    margin-left: -48%; 

    background: transparent; 
    
    background:url("images/BORDA2_S.png") repeat-x;
}

/* Conteudo - parte central onde ficam os processos etc...*/
    /* Abaixo do cabeçalho e menu, acima do rodapé */
div.conteudo 
{
    background-color: #ffffff;
    
    position: absolute;
    float: none;
    display: inline-block;
    top: 125px;
    bottom: 70px;
    left: 0px;
    right: 0px;
    border: 0px;
    padding: 0px;
    padding-left: 0px;
    padding-right: 0px;
    font-size: 11px;
    left: 50%;
    height: auto;
    width: 96%; 
    margin-left: -48%; 
    margin-top: 0px;
    margin-bottom: 0px;
    overflow:auto;
    
    
    _height: expression(document .         body .         clientHeight -          
        175 + 
               "px");
               
}
/*
div.conteudo_menugeral 
{
    background: transparent;
    
    position: absolute;
    float: none;
    display: inline-block;
    top: 95px;
    bottom: 40px;
    left: 0px;
    right: 0px;
    border: 0px;
    padding: 0px;
    padding-left: 0px;
    padding-right: 0px;
    font-size: 11px;
    left: 50%;
    height: auto;
    width: 100%; 
    margin-left: -50%; 
    margin-top: 0px;
    margin-bottom: 0px;
    overflow:auto;
    
    _height: expression(document .         body .         clientHeight -          
        135 + 
               "px");
}
*/

div.conteudo_left {
    position: absolute;
    float: none;
    top: 0px;
    bottom: 0px;
    left: 0px;
    right: 0px;
    width: 710px;
}

div.conteudo_right {
    position: absolute;
    float: none;
    top: 0px;
    bottom: 0px;
    left: 710px;
    right: 0px;
    width: 240px;
}

div.conteudo_login {
    position: absolute;
    float: none;
    display: inline-block;
    top: 65px;
    bottom: 50px;
    left: 0px;
    right: 0px;
    border: 0px;
    padding: 0px;
    font-size: 11px;
    left: 50%;
    height: auto;
    width: 330px;
    margin-left: -165px;
    margin-top: 0px;
    margin-bottom: 0px;
    
    _height: expression(document .         body .         clientHeight -          
        105 + 
               "px");
}

div.conteudo_erro {
    position: absolute;
    float: none;
    display: block;
    width: 100%;
    height: 100%;
    top: 0px;
    left: 0px;
    border: 0px;
    padding: 0px;
    font-size: 11px;
    color: #000;
    background-color: #f5f5f5;
}

div.conteudo_erro_inner {
    position: relative;
    border: 1px;
    top: 25px;
    bottom: 0px;
    margin-top: 0px;
    margin-bottom: auto;
    left: 25px;
    width: 900px;
    height: 600px;
    
}

div.conteudo_erro_descr {
    position: relative;
    border: 0px;
    top: 25px;
    bottom: 0px;
    margin-top: 0px;
    margin-bottom: auto;
    left: 0px;
    width: 900px;
    height: 300px;
    
}

div.imagem_login {
    position: relative;
    border: 0px;
    padding: 0px;
    left: 5px;
    top: 5px;
    width: 100px;
    height: 100px;
}

div.imagem_bullet {
    position: relative;
    float: left;
    border: 0px;
    left: 0px;
    top: 0px;
    width: 16px;
    height: 16px;
    background-color: #f0f;
    margin: 6px 0px 0px 0px;
}

div.conteudo_inner {
    position: relative;
    border: 0px;
    top: 25px;
    bottom: 0px;
    margin-top: 0px;
    margin-bottom: auto;
    left: 0px;
    width: 100%;
    height: 100%;
}

div.conteudo_top {
    position: absolute;
    float: none;
    display: block;
    top: 0px;
    height: 30px;
    width: 100%;
    border: 0px;
    padding: 0px;
    margin-bottom: 0px;
    margin-left: 0px;
}

div.conteudo_top_1 {
    position: absolute;
    bottom: 0px;
    left: 0px;
    width: 5px;
    height: 25px;
    background-repeat: no-repeat;
    background-position: left top;
}

div.conteudo_top_2 {
    position: absolute;
    bottom: 0px;
    left: 5px;
    right: 5px;
    width: auto;
    height: 25px;
    background-position: top;
    background-repeat: repeat-x;
}

div.conteudo_top_3 {
    position: absolute;
    bottom: 0px;
    right: 0px;
    width: 5px;
    height: 25px;
    background-position: right top;
    background-repeat: no-repeat;
}

div.conteudo_top_2_inner {
    position: relative;
    border: 0px;
    padding: 3px;
    margin-bottom: 0px;
    margin-top: 3px;
    margin-left: 0px;
}

div.conteudo_mid {
    position: absolute;
    display: block;
    clear: both;
    left: 0px;
    top: 30px;
    bottom: 30px;
    margin-bottom: 0px;
    margin-top: 0px;
    width: 100%;
    /*overflow-y: scroll;*/ /*overflow-y: scroll;*/
    _height: expression(document .         body .         clientHeight -          
        135 - 
                 60 +     
           "px");
}

div.conteudo_mid_1 {
    position: absolute;
    top: 0px;
    bottom: 0px;
    left: 0px;
    width: 5px;
    height: auto;
    _height: expression(document .         body .         clientHeight -          
        135 - 
                 60 +     
           "px");
    background-repeat: repeat-y;
}

div.conteudo_mid_2 {
    position: absolute;
    top: 0px;
    bottom: 0px;
    left: 5px;
    right: 5px;
    width: auto;
    height: auto;
    _height: expression(document .         body .         clientHeight -          
        135 - 
                 60 +     
           "px");
    /*overflow-y: auto;*/
    background-repeat: repeat;
}

div.conteudo_mid_3 {
    position: absolute;
    top: 0px;
    bottom: 0px;
    right: 0px;
    width: 5px;
    height: auto;
    _height: expression(document .     body .     clientHeight-135-60 +     "px")
        ;
    background-position: right top;
    background-repeat: repeat-y;
}

.conteudo_mid_2_error {
    position: relative;
    /*float: top;*/
    display: block;
    top: 0px;
    left: 0px;
    bottom: 0px;
    margin-top: 5px;
    margin-left: 5px;
    margin-bottom: 5px;
    margin-right: 5px;
    padding: 20px;
    color: #fff;
    text-indent: 60px;
    background-color: #d95a5a;
    background-image: url(../images/expert/exclam.png);
    background-repeat: no-repeat;
    border-color: #612828;
    border-style: solid;
    border-width: 2px;
    width: inherit;
    height: auto;
    font-weight: bold;
}

div.conteudo_mid_2_inner {
    position: relative;
    top: 0px;
    left: 0px;
    bottom: 0px;
    padding: 5px;
    width: auto;
    height: auto;
}

div.conteudo_mid_2_inner_left {
    position: absolute;
    top: 5px;
    left: 5px;
    width: 135px;
    height: 230px;
    overflow: hidden;
}

div.conteudo_mid_2_inner_right {
    position: absolute;
    top: 5px;
    left: 140px;
    width: 540px;
    height: 230px;
    overflow: hidden;
}

div.conteudo_mid_2_inner_bottom {
    position: absolute;
    top: 235px;
    left: 5px;
    width: 670px;
    height: auto;
}

div.conteudo_clear {
    clear: both;
}

div.conteudo_rodape 
{
    
    position: absolute;
    float: none;
    left: 0px;
    _top: expression(document .     body .     clientHeight-175-30 +     "px")
        ;
    bottom: 0px;
    height: 30px;
    width: 100%;
    border: 0px;
    padding: 0px;
    margin-bottom: 0px;
    margin-left: 0px;
}

div.conteudo_rodape_1 {
    position: absolute;
    top: 0px;
    left: 0px;
    width: 5px;
    height: 25px;
    background-repeat: no-repeat;
    background-position: left bottom;
}

div.conteudo_rodape_2 {
    position: absolute;
    top: 0px;
    left: 5px;
    right: 5px;
    width: auto;
    height: 25px;
    background-repeat: repeat-x;
    background-position: bottom;
}

div.conteudo_rodape_3 {
    position: absolute;
    top: 0px;
    right: 0px;
    width: 5px;
    height: 25px;
    background-repeat: no-repeat;
    background-position: right bottom;
}

div.conteudo_rodape_inner {
    position: relative;
    border: 0px;
    left: 0px;
    right: 0px;
    top: 0px;
    border-top: 1px;
    border-color: #eee;
    margin-right: 20px;
    background-color: transparent;
    padding: 4px;
    height: auto;
    width: auto;
}

div.conteudo_rodape_inner_left {
    position: relative;
    float: left;
    left: 0px;
    width: 50%;
}

div.conteudo_rodape_inner_right {
    position: relative;
    float: left;
    right: 0px;
    width: 50%;
}

/* Rodape */
div.rodape_conteudo 
{
    background-color: #23FF23;
    position: absolute;
    display: block;
    bottom: 40px;
    height: 30px;
    border: 0px;
    padding: 0px;
    font-size: 11px;
    font-style: normal;
    line-height: 8pt;
    margin-top: 0;
    margin-bottom: 0;
    left: 50%;
    width: 96%; /* 98% */
    margin-left: -48%; /* -49% */

    background-color: #ffd800;
    background-image: url("images/");
    background-repeat:  repeat-x;  
    


    background:url("images/BORDA_I.png") repeat-x;
}

/* Rodape */
div.rodape 
{
    background-color: #FFFFFF;
    position: absolute;
    display: block;
    bottom: 0px;
    height: 40px;
    border: 0px;
    padding: 0px;
    font-size: 11px;
    font-style: normal;
    line-height: 8pt;
    margin-top: 0;
    margin-bottom: 0;
    left: 50%;
    width: 96%; /* 98% */
    margin-left: -48%; /* -49% */
}

div.rodape_inner {
    position: relative;
    top: 5px;
    right: 5px;
    left: 5px;
    bottom: 5px;
    width: 95%;
}

/* Container */
div.container_login {
    position: absolute;
    border: 0px;
    padding: 0px;
    width: 300px;
    height: 200px;
    font-size: 11px;
    font-style: normal;
    line-height: 8pt;
    left: 50%;
    top: 50%;
    margin-left: -150px; /* Para ficar centralizado */
    margin-top: -100px; /* Para ficar centralizado */
    overflow: hidden;
}

div.container_left_top {
    position: absolute;
    width: 25px;
    height: 25px;
    float: left;
    left: 0px;
    top: 0px;
    margin-left: 0px;
}

div.container2_left_top {
    position: absolute;
    width: 25px;
    height: 25px;
    float: left;
    left: 0px;
    top: 0px;
    margin-left: 0px;
}


div.container_center1_top {
    position: absolute;
    height: 25px;
    top: 0px;
    left: 25px;
}
div.container2_center1_top {
    position: absolute;
    height: 25px;
    top: 0px;
    left: 25px;
}


div.container_center2_top, div.container2_center2_top {
    position: absolute;
    height: 25px;
    right: 25px;
    top: 0px;
}

div.container_right_top, div.container2_right_top {
    position: absolute;
    top: 0px;
    width: 25px;
    height: 25px;
    right: 0px;
}

/* Mid */
div.container_left_mid {
    position: absolute;
    left: 0px;
    top: 25px;
    width: 25px;
}

div.container_center1_mid {
    position: absolute;
    left: 25px;
    top: 25px;
}

div.container_center2_mid {
    position: absolute;
    right: 25px;
    top: 25px;
}

div.container_right_mid {
    position: absolute;
    float: left;
    width: 25px;
    right: 0px;
    top: 25px;
}

/* Bottom */
div.container_left_bottom {
    position: absolute;
    width: 25px;
    height: 25px;
    left: 0px;
    bottom: 0px;
}

div.container_center1_bottom 
{
    
    position: absolute;
    left: 25px;
    bottom: 0px;
    height: 25px;
}

div.container_center2_bottom 
{
    
    position: absolute;
    right: 25px;
    bottom: 0px;
    height: 25px;
}

div.container_right_bottom {
    position: absolute;
    width: 25px;
    height: 25px;
    right: 0px;
    bottom: 0px;
}

/* Menus teste 2 */
* 									{ margin: 0; padding: 0; }
body								{ font: 12px Helvetica, Sans-Serif; } /* 14px??*/
#page-wrap							{ width: 800px; margin: 25px auto; } 
a									{ text-decoration: none; }
ul									{ list-style: none; }
p                                   { margin: 15px 0; }

/* 
    LEVEL ONE
*/
ul.dropdown                         { position: relative; }
ul.dropdown li                      { font-weight: normal; float: left; /*zoom: 1*/ background: #F4F4F4; }
ul.dropdown a:hover		            { color: #000; }
ul.dropdown a:active                { color: #707070; }
ul.dropdown li a                    { display: block; padding: 4px 8px; border-right: 1px solid #333;
                                      color: #707070; }
ul.dropdown li:last-child a         { border-right: none; } /* Doesn't work in IE */
ul.dropdown li.hover,
ul.dropdown li:hover                { background: #D7D7D7; color: black; position: relative; }
ul.dropdown li.hover a              { color: black; }


/* 
    LEVEL TWO
*/
ul.dropdown ul 						{ width: 220px; visibility: hidden; position: absolute; top: 100%; left: 0; }
ul.dropdown ul li 					{ font-weight: normal; background: #f6f6f6; color: #000; 
                                      border-bottom: 1px solid #ccc; float: none; }
                                      
                                    /* IE 6 & 7 Needs Inline Block */
ul.dropdown ul li a					{ border-right: none; width: 100%; display: inline-block; } 

/* 
    LEVEL THREE
*/
ul.dropdown ul ul 					{ left: 100%; top: 0; }
ul.dropdown li:hover > ul 			{ visibility: visible; }





.notificacao_box 
{
    display: inline-block;
    float: left;
    margin-top: 20px;
    margin-left: 10px;
    width: 18px;
    height: 18px;
    
    background-color: #DC143C;
    color: #ffffff;
    cursor:pointer;
    -moz-border-radius: 4px 4px 4px 4px;
    border-radius: 4px 4px 4px 4px;
    background-image: url(images/bell24.png);
    background-size: 12px;
    background-repeat: no-repeat;
    background-position: center;
}

.help_box 
{
    display: inline-block;
    
    float: left;
    margin-top: 20px;
    margin-left: 3px;
    margin-right: 20px;
    width: 18px;
    height: 18px;
    
    background-color: #009900;
    color: #ffffff;
    cursor:pointer;
    background-image: url(images/quest24.png);
    background-size: 12px;
    background-repeat: no-repeat;
    background-position: center;
    border-radius: 4px 4px 4px 4px;
}

.help_box_modal
{
    display: inline-block;
    float: right;
    margin-top: 3px;
    margin-right: 20px; 
    width: 18px;
    height: 18px;
    background-color: #009900;
    color: #ffffff;
    cursor: pointer;
    background-image: url(images/quest24.png);
    background-size: 12px;
    background-repeat: no-repeat;
    background-position: center;
    border-radius: 4px 4px 4px 4px;
}

.help_box_doc {
    display: inline-block;
    float: right;
    margin-top: 3px;
    margin-right: 20px;
    width: 18px;
    height: 18px;
    background-color: transparent;
    color: #ffffff;
    cursor: pointer;
    background-image: url(images/Help-file-icon24.png);
    background-size: 14px;
    background-repeat: no-repeat;
    background-position: center;
    border-radius: 4px 4px 4px 4px;
}


.login_box 
{
    display: inline-block;
    float: left;
    margin-top: 10px;
    margin-left: 5px;
    margin-right: 5px;
    width: 36px;
    height: 36px;

}

.login_nome 
{
    display: inline-block;
    float: left;
    margin-top: 22px;
    margin-left: 5px;
    margin-right: 5px;
    text-align: center;
    
    height: 36px;

}

.notificacao_cnt 
{
    margin-top: 13px;
    color: #ffffff;
    font-size :16px; 
    font-weight: bold;
    text-align: center;
}


/*---------------------------------------------------------- 
  Menu top 
----------------------------------------------------------*/

ul.topnav {
    list-style: none;
    padding: 0 20px;
    margin: 0;
    float: left;
    width: 920px;
    background: #222;
    font-size: 1.2em;
    background: url(topnav_bg.gif) repeat-x;
}
ul.topnav li {
    float: left;
    margin: 0;
    padding: 0 15px 0 0;
    position: relative; 
}
ul.topnav li a{
    padding: 10px 5px;
    color: #333;
    display: block;
    text-decoration: none;
    float: left;
}
ul.topnav li a:hover{
    background: url(topnav_hover.gif) no-repeat center top;
}
ul.topnav li span { /*--Drop down trigger styles--*/
    width: 17px;
    height: 35px;
    float: left;
    background: url(subnav_btn.gif) no-repeat center top;
}
ul.topnav li span.subhover {background-position: center bottom; cursor: pointer;} /*--Hover effect for trigger--*/
ul.topnav li ul.subnav {
    list-style: none;
    position: absolute; /*--Important - Keeps subnav from affecting main navigation flow--*/
    left: 0; top: 35px;
    background: #333;
    margin: 0; padding: 0;
    display: none;
    float: left;
    width: 170px;
    border: 1px solid #111;
}
ul.topnav li ul.subnav li{
    margin: 0; padding: 0;
    border-top: 1px solid #252525; /*--Create bevel effect--*/
    border-bottom: 1px solid #444; /*--Create bevel effect--*/
    clear: both;
    width: 170px;
}
html ul.topnav li ul.subnav li a {
    float: left;
    width: 145px;
    background: #333 url(dropdown_linkbg.gif) no-repeat 10px center;
    padding-left: 20px;
}
html ul.topnav li ul.subnav li a:hover { /*--Hover effect for subnav links--*/
    background: #222 url(dropdown_linkbg.gif) no-repeat 10px center;
}


/* Menus */
* 									{ margin: 0; padding: 0; }
body								{ font: 14px Helvetica, Sans-Serif; } 
#page-wrap							{ width: 800px; margin: 25px auto; } 
a									{ text-decoration: none; }
ul									{ list-style: none; }
p                                   { margin: 15px 0; }

/* Nivel 1 */
ul.dropdown                         { position: relative; }
ul.dropdown li                      { font-weight: normal; float: left; background: #F4F4F4; }
ul.dropdown a:hover		            { color: #000; }
ul.dropdown a:active                { color: #707070; }
ul.dropdown li a                    { display: block; padding: 4px 8px; border-right: 1px solid #333;
                                      color: #707070; }
ul.dropdown li:last-child a         { border-right: none; } /* Doesn't work in IE */
ul.dropdown li.hover,
ul.dropdown li:hover                { background: #D7D7D7; color: black; position: relative; }
ul.dropdown li.hover a              { color: black; }

/* Nivel 2 */
ul.dropdown ul 						{ width: 220px; visibility: hidden; position: absolute; top: 100%; left: 0; }
ul.dropdown ul li 					{ font-weight: normal; background: #f6f6f6; color: #000; 
                                      border-bottom: 1px solid #ccc; float: none; }
                                      
                                    /* IE 6 & 7 Needs Inline Block */
ul.dropdown ul li a					{ border-right: none; width: 100%; display: inline-block; } 

/* Nivel 3 */
ul.dropdown ul ul 					{ left: 100%; top: 0; }
ul.dropdown li:hover > ul 			{ visibility: visible; }

.divisor
{
    display: inline-block;
    float: left;
    width:6px;
    height:20px;
    background: url(/Content/images/divisor.png) no-repeat;
}

.tooltip_ { border: 1px solid #22f; padding: 2px; width: 20%; position: absolute; background: #ddd;}

/* Buttons */

.bt_small, .bt_medium, .bt_large, .bt_gg, .bt_importar {
    background-image: none;
    background-color: #54907F;
    border-radius:4px;
    display: inline-block;    
    height: 29px;
    font-size: 12px;
    color:#fff !important;
    text-align:center;
    margin-top:15px;
    margin-right:15px;
    cursor:pointer;
    border:0;
    padding-top: 0 !important;
  
}

/* disabled */
.bt_small:disabled, .bt_medium:disabled, .bt_large:disabled, .bt_gg:disabled, .bt_importar:disabled 
{
    background-color: #93A39F;
}

.bt_small:hover, .bt_medium:hover, .bt_large:hover, .bt_gg:hover, .bt_importar:hover 
{
    background-color: #60BDA3;
}


.bt_small
{
    width: 45px;
}
.bt_medium, .bt_importar 
{
    width: 80px;
}
.bt_large
{
    width: 130px;
}
.bt_gg
{
    width: 245px;
}

.bt_icon
{
    display: inline-block;
    height: 29px;
    padding-top: 9px;
    margin-top: 15px;
    margin-right: 15px;
    cursor: pointer;
    border: 0; 
}