﻿/*GERAL*/
body { margin: 0; padding: 0; border: 0; }

/*ESPECIFICO PAGE*/
body .clear { clear: both; }

/*=Progresso
-----------------------*/
body .modal_progresso { width: 100%; height: 100%; position: fixed; background: url(../IMAGE/img_fundo_janela_modal.png); z-index: 1602; }
body .modal_progresso .meio_progresso { background: #FFF; border: 1px solid #999; padding-left: 70px; padding-top: 120px; width: 280px; height: 180px; margin: 100px auto; }

/*=Mensagem
-----------------------------------------------------------------------------------------------------*/
body .engloba_mensagem { position: fixed; bottom: 0; display: none; width: 100%; min-height: 20px; max-height: 140px; }
body .engloba_mensagem .mensagem { min-width: 300px; max-width: 600px; margin: auto; max-height: 140px; overflow: auto; padding: 10px 20px; text-transform: uppercase; text-align: center; }
body .engloba_mensagem .mensagem_verde { border-top: 1px solid #006220; border-left: 1px solid #006220; border-right: 1px solid #006220; background: #F4FFFA; font-family: Arial; font-size: 12px; color: #006600; }
body .engloba_mensagem .mensagem_vermelha { border-top: 1px solid red; border-left: 1px solid red; border-right: 1px solid red; background: #FFF; font-family: Arial; font-size: 12px; color: red; }

body .englobaMeio { margin: 0px auto; width: 900px; padding-top: 15px; }
body .englobaMeio .caixa {  background: #FFF; float: left; }
body .englobaMeio .caixa a { text-decoration: none;display:inline-block; }
body .englobaMeio .caixa a img{ border:0;}

body .englobaMeio .caixaLogin { width: 360px; min-height: 420px; float: left; padding: 0 10px; margin-left: 60px; }
body .englobaMeio .caixaLogin .logo { padding-bottom: 5px; margin-bottom: 5px; }
body .englobaMeio .caixaLogin .logo .texto { font-size: 14px; margin-top: 10px; font-family: Arial; }
body .englobaMeio .caixaLogin .logo img { max-width: 360px; width: auto; }

body .englobaMeio .caixaLogin .linha { }
body .englobaMeio .caixaLogin .linha .caption { padding: 10px 0 4px 0; font-family: Arial; font-size: 13px; color: #000; float: left; }
body .englobaMeio .caixaLogin .linha .caption .obrigatorio { color: #FF0000; font-family: Arial; font-size: 16px; font-weight: bold; }
body .englobaMeio .caixaLogin .linha .campo { clear: both; }
body .englobaMeio .caixaLogin .linha .campo input[type=text] { border: 1px solid #BABABA; background: #FFF; padding: 8px; }
body .englobaMeio .caixaLogin .linha .campo input[type=text]:hover { border: 1px solid #E0A869; background: #FFFFD2; }
body .englobaMeio .caixaLogin .linha .campo input[type=text]:focus { border: 1px solid #E0A869; background: #FFFFD2; }

body .englobaMeio .caixaLogin .linha .campo input[type=password] { border: 1px solid #BABABA; background: #FFF; padding: 8px; }
body .englobaMeio .caixaLogin .linha .campo input[type=password]:hover { border: 1px solid #E0A869; background: #FFFFD2; }
body .englobaMeio .caixaLogin .linha .campo input[type=password]:focus { border: 1px solid #E0A869; background: #FFFFD2; }

body .englobaMeio .caixaLogin .btn { text-align: right; padding: 15px 0; }
body .englobaMeio .direitos { clear: both; padding: 5px 0; text-align: left; font-family: Arial; font-size: 12px; color: #333; text-align: center; text-transform: uppercase; }
body .englobaMeio .direitos div { padding: 12px; background: #f6f6f6; margin: 10px 0 0; border-radius: 3px; text-align: center; }
body .englobaMeio .direitos h2 { padding: 12px; font-size: 14px; background: #ffffff; margin: 0 0 5px; border-radius: 3px; text-align: center; }


/*=Formatação para ambiente de homologação
--------------------------------------------------------------------------------------------------------------*/
/*body #containerLogin #engloba_topo {background:url(../IMAGE/img_fundo_ambiente_teste.gif) repeat-x;}*/
