﻿/*=Formatação Geral
--------------------------------------------------------------------------------------------------------------*/
*{text-decoration:none;padding:0px; margin:0px;font-family:Arial;}

.clear{clear:both;height:0;border:0;}

.border_0{border:0;}

.dir{float:right;text-align:right;}

.esq{float:left;text-align:left ;}

.invisivel{display:none;}

.h15{height:15px;}

 .w15{width:15px;}
 
 .float_r{float:right;}
 
 .float_l{float:left;}
 
 .top15{margin-top:15px;}
 .top30{margin-top:30px;}
 
 .left_100{margin-left:100px;}

.none { display:none}

input[type=image] { cursor:pointer}
/*=Mensagem
-----------------------------------------------------------------------------------------------------*/
body .engloba_mensagem { position: fixed; bottom: 0; display: none; width: 100%; min-height: 20px; max-height: 140px; z-index: 1000; }
body .engloba_mensagem .mensagem { min-width: 300px; max-width: 600px; margin: auto; max-height: 140px; overflow: auto; /*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 .engloba_mensagem .mensagem_amarela { border-top: 1px solid #EF9E0C; border-left: 1px solid #EF9E0C; border-right: 1px solid #EF9E0C; background: #FFFFE6; font-family: Arial; font-size: 12px; color: black; }

body .engloba_mensagem .mensagem .barra { }
body .engloba_mensagem .mensagem_verde .barra .prg { background: #003300; height: 1px; width: 100%; transition: 30s; transition-timing-function: linear; }
body .engloba_mensagem .mensagem_vermelha .barra .prg { background: #F00; height: 1px; width: 100%; transition: 30s; transition-timing-function: linear; }
body .engloba_mensagem .mensagem_amarela .barra .prg { background: #0EE; height: 1px; width: 100%; transition: 30s; transition-timing-function: linear; }

body .engloba_mensagem .mensagem .topo { float: right; padding: 5px 5px 0px 0px; }
body .engloba_mensagem .mensagem .topo .fixar { background: url(../IMAGE/img_btn_desfixar_msg.png) no-repeat center center; width: 14px; height: 14px; float: left; cursor: pointer; }
body .engloba_mensagem .mensagem .topo .fixar.f { background: url(../IMAGE/img_btn_fixar_msg.png) no-repeat center center; }
body .engloba_mensagem .mensagem .topo .fechar { background: url(../IMAGE/img_btn_x_fechar.png) no-repeat center center; width: 14px; height: 14px; margin-left: 10px; float: left; cursor: pointer; }
body .engloba_mensagem .mensagem .conteudo { clear: both; padding: 0px 20px 15px; }

/*=Formatação DOM
--------------------------------------------------------------------------------------------------------------*/
body{padding:0;border:0;margin:0;}

body #container_login{width:100%;}

body #container_login #engloba_topo{width:100%;height:120px;min-height:120px;min-width:920px;height:auto;background:#314F6A;}
body #container_login #engloba_topo #topo{width:920px;height:120px;min-height:120px;height:auto;margin:auto;}
body #container_login #engloba_topo #topo .logo{width:100px;min-width:100px;width:auto;height:100px;min-height:100px;height:auto;padding:20px 0;}

body #container_login #engloba_menu{width:100%;min-width:920px;height:40px;background:#203344;border-top:1px solid #49769E;}

body #container_login #engloba_menu_base{background:#DEE6EB;width:100%;min-width:920px;height:20px;border-top:1px solid #FFF;border-bottom:1px solid #FFF;}
body #container_login #engloba_menu_base .base_menu{margin:auto;max-width:1000px; min-width:950px;width:950px;width:auto;padding-top:2px;text-align:center;font-family:Calibri,Arial;font-size:12px;color:#000;}

body #container_login #engloba_corpo{width:100%;}
body #container_login #engloba_corpo #corpo{width:100%;}

    #login{width:480px; margin:20px auto; background-color:#fff;padding-top:15px;}
     fieldset{ border:1px solid  #203344;background-color:#fff;padding-left:20px;}
        legend{background:#314F6A;display:block;height:31px; padding-top:9px;width:436px;border:1px solid #203344; font-size:18px;color:#FEFEFE;text-align:center;font-family:Arial;}
                .linha{padding-bottom:15px;padding-top:25px;}
                .linha .celula{padding-right:20px;float:left;}
                .linha .celula .caption{padding-bottom:5px;font-size:14px;color:#333;height:14px;}
                .linha .celula .campo {font-size:14px;color:#333;}
                .linha .celula .campo input{font-size:inherit;color:inherit;}
                .linha .celula .campo input[type=text]{padding:3px;font-family:Arial;font-size:10pt;color:#333;border:1px solid #314F6A;padding-left:5px;vertical-align:middle;}
                .linha .celula .campo input[type=text]:hover{border:1px solid #203344;background-color:#fffff0;color:#333;}
                .linha .celula .campo input[type=text]:focus{border:1px solid #203344;background-color:#ffffe0;color:#333;}
                .linha .celula .campo input[type=password]{padding:3px;font-family:Arial;font-size:10pt;color:#333;border:1px solid #314F6A;padding-left:5px;vertical-align:middle;}
                .linha .celula .campo input[type=password]:hover{border:1px solid #203344;background-color:#fffff0;color:#333;}
                .linha .celula .campo input[type=password]:focus{border:1px solid #203344;background-color:#ffffe0;color:#333;}
                .linha .linkEsqueciSenha { padding:15px 0 10px 0; }
                .linha .linkEsqueciSenha a { font-family: Arial; font-size: 14px; font-weight: normal; }

       #mensagem{height:25px;font-size:12px;color:#ff0000;}
       #btn{padding-top:10px;background-color:#fff;}
       
       #btn input[type=image]{border:1px solid #999;background:#FCFCFC;}
       #btn input[type=image]:hover{border:1px solid #333;background:#F5F5F5;}


