[class^="icon-"], [class*=" icon-"] {font-weight: normal; font-style: normal; text-decoration: inherit; -webkit-font-smoothing: antialiased; *margin-right: .3em; margin-right:5px;}

h1 [class^="icon-"], h1 [class*=" icon-"] {font-size:25px;}
h2 [class^="icon-"], h2 [class*=" icon-"] {font-size:25px;}
h3 [class^="icon-"], h3 [class*=" icon-"] {font-size:25px;}
h4 [class^="icon-"], h4 [class*=" icon-"] {font-size:25px;}
h5 [class^="icon-"], h5 [class*=" icon-"] {font-size:25px;}
h6 [class^="icon-"], h6 [class*=" icon-"] {font-size:25px;}

.art-button-wrapper { padding-left: 14px !important; padding-right: 14px !important; }

* { margin: 0; padding: 0; }

body { font-family: Arial; color: #333; background: #f3f3f3; }

.clear { float: none; clear: both; margin: 0; padding: 0; border: none; font-size: 1px; }

#bg_login { position: absolute; left: 0; top: 0; bottom: 0; right: 0; background: url(../img/page_gl.png) no-repeat top left fixed; }

#descricao { display: none; position: absolute; top: 30%; left: 10%; padding: 10px; width: 300px; min-height: 200px; border: 1px solid #d0d0d0; font-size: 11px; text-align: justify; z-index: 10; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; }
#descricao .link_close { position: absolute; top: -12px; left: -12px; }
#descricao .sistema { line-height: 15px; font-weight: bold; text-align: center; }
#descricao .texto_sistema { text-indent: 20px; margin-top: 10px; }

#pagina_login { width: 800px; margin: 10px auto; display: table; }

.header_login { width: 400px; margin: 0px auto 20px auto; padding: 0;}
.header_login h1,
.header_login h3,
.header_login h4 {text-align:center; margin:0 0 10px 0; color:#808080;}

.header_login h1 {font-size: 32px;}
.header_login h3 {font-size: 25px;}
.header_login h4 {font-size: 14px;}

.content_login_a { width: 300px; min-height: 240px; float: left; position: relative; }

.lock { background: url(../img/key4.png) no-repeat center center; width: 128px; height: 128px; position: absolute; right: 0; top: 40px; }

.content_login_b { width: 400px; min-height: 240px; display: block; padding: 10px; margin: 0 auto; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; background: #fdfdfd; border: 1px solid #e5e5e5; -webkit-box-shadow: rgba(200,200,200,0.7) 0 4px 10px -1px; box-shadow: rgba(200,200,200,0.7) 0 4px 10px -1px; }

.msg-info, .msg-alerta, .msg-erro, .msg-sucesso, .msg-pergunta { width: auto; font-size: 12px; color: inherit; }

#frm { width: 100%; }
#frm label { display: table; font-size: 14px; /*text-transform: capitalize;*/ margin: 10px 0px 8px 40px; padding-left: 22px; }
#frm .lusuario { background: url(../img/input_user.png) no-repeat left center; }
#frm .lsenha { background: url(../img/input_login.png) no-repeat left center; }
#frm #usuario, #frm #senha { width: 310px; padding: 6px 5px; border: 1px solid #333; color: inherit; font-weight: normal; margin-left: 40px; border: 1px solid #e5e5e5; background: #fbfbfb; outline: 0; -webkit-box-shadow: inset 1px 1px 2px rgba(200,200,200,0.2); box-shadow: inset 1px 1px 2px rgba(200,200,200,0.2); -webkit-border-radius: 3px; border-radius: 3px; font-size: 24px;
line-height: 1; }
#frm #usuario:active, #frm #senha:active { border: 1px solid #aaa; }

.obs { font-size: 12px; margin: 10px 0px; background: #ffffe0 url(../img/alerta.png) no-repeat 10px center; padding: 10px 10px 10px 40px; border: 1px solid #e6db55; -webkit-border-radius: 3px; border-radius: 3px; }

.sombra { background: url(../img/login_bg.png) no-repeat center bottom; height: 30px; width: 400px; margin: 0 auto; }

.developer { width: 100%; font-size: 11px; text-shadow: 0px 5px 9px #777; margin: 10px 0px; text-align: center; }
.developer a { text-decoration: none; color: inherit; }
.developer a:hover { color: #52a8e8; }

.logos { position: relative; width: 400px; margin: 0 auto 30px auto; height: 100px; display: block; }
.logos .emp { background: url(../img/logo_login.png) no-repeat center center; position: absolute; left: -25px; top: 0px; width: 120px; height: 103px; }
.logos .emp1 { background: url(../img/logo_login1.png) no-repeat center center; position: absolute; left: 144px; top: 0px; width: 111px; height: 111px; filter: contrast(100%) brightness(100%); border-radius: 15px;}
.logos .emp2 { background: url(../img/logo_login2.jpg) no-repeat center center; position: absolute; right: -30px; top: 0px; width: 126px; height: 103px; }

.para_botao { margin: 10px 0px 20px 173px; text-align: left; }

.botao { background-color: #52a8e8; background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #52a8e8), color-stop(100%, #377ad0)); background-image: -webkit-linear-gradient(top, #52a8e8, #377ad0); background-image: -moz-linear-gradient(top, #52a8e8, #377ad0); background-image: -ms-linear-gradient(top, #52a8e8, #377ad0); background-image: -o-linear-gradient(top, #52a8e8, #377ad0); background-image: linear-gradient(top, #52a8e8, #377ad0); border-top: 1px solid #4081af; border-right: 1px solid #2e69a3; border-bottom: 1px solid #20559a; border-left: 1px solid #2e69a3; border-radius: 3px; -webkit-box-shadow: inset 0 1px 0 0 #72b9eb, 0 1px 2px 0 #b3b3b3; box-shadow: inset 0 1px 0 0 #72b9eb, 0 1px 2px 0 #b3b3b3; color: #fff; font: normal 12px/1 "lucida grande", sans-serif; padding: 6px 10px; text-align: center; text-shadow: 0 -1px 1px #3275bc; width: auto; -webkit-background-clip: padding-box; }

.botao:hover { background-color: #3e9ee5; background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #3e9ee5), color-stop(100%, #206bcb)); background-image: -webkit-linear-gradient(top, #3e9ee5 0%, #206bcb 100%); background-image: -moz-linear-gradient(top, #3e9ee5 0%, #206bcb 100%); background-image: -ms-linear-gradient(top, #3e9ee5 0%, #206bcb 100%); background-image: -o-linear-gradient(top, #3e9ee5 0%, #206bcb 100%); background-image: linear-gradient(top, #3e9ee5 0%, #206bcb 100%); border-top: 1px solid #2a73a6; border-right: 1px solid #165899; border-bottom: 1px solid #07428f; border-left: 1px solid #165899; -webkit-box-shadow: inset 0 1px 0 0 #62b1e9; box-shadow: inset 0 1px 0 0 #62b1e9; cursor: pointer; text-shadow: 0 -1px 1px #1d62ab; -webkit-background-clip: padding-box; }

.botao:active { background: #3282d3; border: 1px solid #154c8c; border-bottom: 1px solid #0e408e; -webkit-box-shadow: inset 0 0 6px 3px #1657b5, 0 1px 0 0 white; box-shadow: inset 0 0 6px 3px #1657b5, 0 1px 0 0 white; text-shadow: 0 -1px 1px #2361a4; -webkit-background-clip: padding-box; }

input[disabled].botao, input[disabled] .botao:hover, input[disabled].botao:active { background-color: #dadada; background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #dadada), color-stop(100%, #f3f3f3)); background-image: -webkit-linear-gradient(top, #dadada, #f3f3f3); background-image: -moz-linear-gradient(top, #dadada, #f3f3f3); background-image: -ms-linear-gradient(top, #dadada, #f3f3f3); background-image: -o-linear-gradient(top, #dadada, #f3f3f3); background-image: linear-gradient(top, #dadada, #f3f3f3); border-top: 1px solid #c5c5c5; border-right: 1px solid #cecece; border-bottom: 1px solid #d9d9d9; border-left: 1px solid #cecece; -webkit-box-shadow: none; box-shadow: none; color: #8f8f8f; cursor: not-allowed; text-shadow: 0 -1px 1px #ebebeb; }
 .botao::-moz-focus-inner {
 border: 0;
 padding: 0;
}