/*body
{
background: url(../imagens/login/fundo_topo.jpg) repeat-x top;
}*/

*
{
padding: 0px;
margin: 0px;
}

#geral
{
width: 1000px;
margin: 0px auto;
}



#topo
{
width: 100%;
display: table;
}

#topo .logoEmpresa
{
display: block;
margin: 20px 0px 0px 0px;
}

#direito
{
width: 270px;
float: right;
padding: 30px 0px 0px 0px;
}

#direito p
{
font-family: Arial, Trebuchet MS, Tahoma, Verdana, Sans-Serif;
font-size: 12px;
color: #5E5C5D;
margin: 10px 0px;
}

#direito ul.infEmpresa li
{
font-family: Arial, Trebuchet MS, Tahoma, Verdana, Sans-Serif;
font-size: 11px;
color: #5E5C5D;
display: block;
float: left;
text-align: center;
}

#direito ul.infEmpresa li a
{color: #5E5C5D;}

#direito ul.infEmpresa li a img
{border: none;}

#direito ul.infEmpresa li.messenger
{
margin: 0px 30px 0px 0px;
}

#direito ul.infEmpresa li.email
{
text-align: left;
padding: 23px 0px 0px 0px;
}

#meio
{
margin: 0px 295px 0px 0px;
}

#meio h2
{
font-family: Tahoma, Arial, Trebuchet MS, Verdana, Sans-Serif;
font-size: 18px;
color: #3C3B39;
font-weight: normal;
margin: 20px 0px;
}

#meio .DescEtapa
{
width: 700px;
display: table;
margin: 0px auto 15px auto;
}

#meio .DescEtapa div:last-child
{
margin:0;
}

#meio .DescEtapa .MenuAtivo,
#meio .DescEtapa .MenuDesativo
{
font-family: Verdana, Tahoma, Arial, Trebuchet MS, Sans-Serif;
font-size: 12px;
color: #5E595D;
width: 335px;
display: block;
float: left;
padding: 5px 0px 5px 10px;
margin: 0px 5px 0px 0px;
}

#meio .DescEtapa .MenuAtivo
{background: #C1C1C1;}

#meio .DescEtapa .MenuDesativo
{background: #DEDEDC;}


#meio div.DivDesativa
{
width: 683px;
height: 148px;
display: table;
padding: 0px 20px 0px 0px;
background-color:#fff;
filter:alpha(opacity=50);
opacity:0.5;
margin: -148px 0px 5px 0px;
}

#meio div#etapa1,
#meio div#etapa2
{
background: #E5E5E5;
width: 698px;
display: table;
padding: 0px 0px 0px 0px;
}

#meio div#etapa1 .EtapaDesc,
#meio div#etapa2 .EtapaDesc
{
font-family: Arial, Tahoma, Trebuchet MS, Verdana, Sans-Serif;
font-size: 17px;
color: #4E4A49;
text-transform: uppercase;
width: 130px;
padding: 10px 0px 0px 5px;
text-align: center;
float: left;
background: #C1C1C1;
}

#meio div#etapa1 .EtapaDesc span,
#meio div#etapa2 .EtapaDesc span
{font-size: 100px;}

#meio div#etapa1 .limite,
#meio div#etapa2 .limite
{
margin: 0px 0px 0px 155px;
}

#meio h3
{
font-family: Tahoma, Arial, Trebuchet MS, Verdana, Sans-Serif;
font-size: 15px;
color: #3E3E3B;
font-weight: normal;
margin: 10px 0px 10px 0px;
}

#meio fieldset 
{
border: none;
margin: 5px 0px 0px 0px;
}

#meio fieldset .label
{
display: block;
float: left;
margin: 0px 0px 7px 0px;
}

#meio fieldset label.block
{
display: block;
/*margin: 3px 0px 0px 0px;*/
}

.botao {
display: block;
text-align: right;
margin: 0 15px 0 0;
float: none;
}

#meio fieldset .lbllogin,
#meio fieldset .txtlogin
{
font-family: Arial, Trebuchet MS, Tahoma, Verdana, Sans-Serif;
font-size: 17px;
color: #3E3E3B;
}

#meio fieldset label .chklogin, 
#meio fieldset label .reclogin
{
font-family: Arial, Trebuchet MS, Tahoma, Verdana, Sans-Serif;
font-size: 12px;
color: #3E3E3B;
}

#meio fieldset label .chklogin
{padding: 0px 12px 0px 0px;}

#meio fieldset label .reclogin
{padding: 0px 12px 0px 0px;}

#meio fieldset label .btnlogin
{
background: url("../imagens/login/fundo-btnlogin.jpg") repeat-x scroll center center transparent;
border: 1px solid #CECECC;
clear: left;
color: #5E5A5D;
display: block;
float: right;
font-family: Tahoma,Arial,Trebuchet MS,Verdana,Sans-Serif;
font-size: 13px;
height: 25px;
margin: -20px 35px 0 0;
width: 100px;
}

#meio fieldset label .btnlogin:hover
{
background: #EAEAE8;
}

#meio fieldset .errologin
{
font-family: Arial, Trebuchet MS, Tahoma, Verdana, Sans-Serif;
font-size: 12px;
color: #f00;
}

#meio div#etapa2 .modulo
{margin: 10px 0px 0px 0px;}


#rodape
{
clear: both;
background: #EFEFED url(../imagens/login/fundo-rodape.jpg) repeat-x top;
height: 85px;
margin: 40px 0px 0px 0px;
}

#meio div.DivCarregando
{
font-family: Arial, Trebuchet Ms, Tahoma, Verdana, Sans-Serif;
font-size: 12px;
width: 120px;
text-align: center;
border: 1px solid #71706E;
background: #EEEEE6;
padding: 5px 0px;
position: absolute;
}

/*recupera senha*/

.modalBackground
{
background-color:#000;
filter:alpha(opacity=50);
opacity:0.5;
}

.panel
{
width: 300px;
background: #fff;
padding: 10px;
}


.panel fieldset
{border: none;}

.panel .label_form,
.panel .txt_form
{
font-family: Arial, Trebuchet MS, Verdana, Helvetica, Tahoma, Sans-Serif;
font-size: 11px;
}

.panel .label_form
{
display: block;
padding: 0px 0px 5px 0px;
}

.panel .btn_form
{display:block;}

.panel .btn_form *
{
font-family: Arial, Trebuchet MS, Verdana, Helvetica, Tahoma, Sans-Serif;
font-size: 11px;
}

.panel h3
{
font-family: Verdana, Arial, Trebuchet MS, Helvetica, Tahoma, Sans-Serif;
font-size: 14px;
font-weight: bold;
margin: 5px 0px;
display: block;
}

.DivFecharMensagem
{text-align: right;}


/********** WEBKIT HACK! *****************/

@media screen and (-webkit-min-device-pixel-ratio:0) {
    #meio div.DivDesativa
    {
    width: 699px;
    height: 146px;
    display: table;
    padding: 0px 20px 0px 0px;
    background-color:#fff;
    filter:alpha(opacity=50);
    opacity:0.5;
    margin: -146px 0px 5px 0px;
    }
    
    #meio div#etapa1,
    #meio div#etapa2
    {
    background: #E5E5E5;
    width: 699px;
    display: table;
    padding: 0px 20px 0px 0px;
    }
    
    #meio .DescEtapa .MenuAtivo,
    #meio .DescEtapa .MenuDesativo
    {
    font-family: Verdana, Tahoma, Arial, Trebuchet MS, Sans-Serif;
    font-size: 12px;
    color: #5E595D;
    width: 336px;
    display: block;
    float: left;
    padding: 5px 0px 5px 10px;
    margin: 0px 5px 0px 0px;
    }
    
    #meio fieldset label .btnlogin
    {
    background: url("../imagens/login/fundo-btnlogin.jpg") repeat-x scroll center center transparent;
    border: 1px solid #CECECC;
    clear: left;
    color: #5E5A5D;
    display: block;
    float: right;
    font-family: Tahoma,Arial,Trebuchet MS,Verdana,Sans-Serif;
    font-size: 13px;
    height: 25px;
    margin: -20px 16px 0 0;
    width: 100px;
    }
}


address.login
{
font-family: Arial, Verdana, Tahoma, Sans-Serif;
color: #636363;
float: right;
font-size: 11px;
font-style: normal;
margin: 15px 15px 0 0;
}

address.login span
{
margin: 0;
display: block;
text-align: right;
}

address.login a
{color: #636363;}

address.login a:hover
{text-decoration: underline;}