/*=========================================================
	PRE-DEFINICOES
=========================================================*/

@font-face {font-family: 'allerregular'; src: url('fonts/aller_rg-webfont.eot'); src: url('fonts/aller_rg-webfont.eot?#iefix') format('embedded-opentype'), url('fonts/aller_rg-webfont.woff') format('woff'), url('fonts/aller_rg-webfont.ttf') format('truetype'), url('fonts/aller_rg-webfont.svg#allerregular') format('svg'); font-weight: normal; font-style: normal;}

@font-face {font-family: 'allerbold'; src: url('fonts/aller_bd-webfont.eot'); src: url('fonts/aller_bd-webfont.eot?#iefix') format('embedded-opentype'), url('fonts/aller_bd-webfont.woff') format('woff'), url('fonts/aller_bd-webfont.ttf') format('truetype'), url('fonts/aller_bd-webfont.svg#allerbold') format('svg'); font-weight: normal; font-style: normal;}

@font-face {font-family: 'aller_lightregular'; src: url('fonts/aller_lt-webfont.eot'); src: url('fonts/aller_lt-webfont.eot?#iefix') format('embedded-opentype'), url('fonts/aller_lt-webfont.woff') format('woff'), url('fonts/aller_lt-webfont.ttf') format('truetype'), url('fonts/aller_lt-webfont.svg#aller_lightregular') format('svg'); font-weight: normal; font-style: normal;}

@font-face {font-family: 'aller_lightitalic'; src: url('fonts/aller_ltit-webfont.eot'); src: url('fonts/aller_ltit-webfont.eot?#iefix') format('embedded-opentype'), url('fonts/aller_ltit-webfont.woff') format('woff'), url('fonts/aller_ltit-webfont.ttf') format('truetype'), url('fonts/aller_ltit-webfont.svg#aller_lightitalic') format('svg'); font-weight: normal; font-style: normal;}

*{margin: 0; padding: 0; border: none; outline: none; list-style: none; text-decoration: none; color: #5c6a7a; font: 14px 'allerregular';}
body, html{width: 100%; height: 100%;}
body{overflow-y: scroll !important; overflow-x: hidden;}
h1, h2, h3, h4, h5{font-weight: normal;}
a{cursor: pointer; display: block; width: auto;}
p{margin-bottom: 15px;}
span{display: inline-block;}
img{display: block;}
header, section, footer{display: table; width: 100%;}

.left{float: left;}
.right{float: right;}
.clear{clear: both;}
.center{width: 962px; margin: auto;}
.esconder{display: none;}
.overlay{position: fixed; z-index: 9999; left: 0; top: 0; display: none; width: 100%; height: 100%; background: rgba(0,0,0,.6);}
.bt-fechar{width: 60px; height: 30px; margin-top: 15px; color: #fff; font: 12px 'allerbold'; line-height: 30px; text-align: center; border-radius: 8px; background: #5e442a;}
.bt-fechar:hover{background: #001630;}
.fancy{position: absolute; z-index: 2;}
.fechar{position: absolute; z-index: 1; cursor: pointer; width: 100%; height: 100%;}

#container{position: relative; min-height: 100%;}

::-webkit-input-placeholder{color: #c68946;}
:-moz-placeholder {color: #c68946;}
::-moz-placeholder {color: #c68946;}
:-ms-input-placeholder {color: #c68946;}

/*=========================================================
	HEADER
=========================================================*/

#logo{position: relative; z-index: 10; display: block; width: 470px; height: 179px; margin: auto;}
#logo h1{text-indent: -15000px;}

#menu{margin-bottom: 58px;}

@media all and (-ms-high-contrast:none)
 {
 *::-ms-backdrop, .foo { color: red } /* IE11 */
 }

nav{display: table; width: 621px; margin: 475px -30px 0 0;}
nav > ul{display: table; width: 100%;}
nav > ul > li{position: relative; display: table-cell; padding-bottom: 6px;}
nav > ul > li > a{color: #fff; font: 18px 'allerregular'; line-height: 67px; text-indent: 0; text-align: center; text-transform: uppercase; height: 67px; /*padding: 0 30px;*/}
nav > ul > li:hover > a{color: #0b2647 !important; background-color: #c68946 !important;}
nav > ul > li:first-child{width: 66px; margin-left: 0;}
nav > ul > li:first-child > a{width: 16px; height: 121px; padding: 0 25px; text-indent: -15000px; background-image: url(../img/ico-home-nativo.png); background-repeat: no-repeat; background-position: center center;}
nav > ul > li:first-child > a:hover{background-image: url(../img/ico-home-over.png) !important; }
nav > ul > li:last-child{margin-right: 0;}
nav > ul > li > a.desativado{cursor: default; color: #fff;}
nav > ul > li > ul{display: none; width: 130%;}
nav > ul > li:hover ul{position: absolute; z-index: 9998; top: 100%; display: block;}
nav > ul > li > ul > li > a{color: #fff; font: 16px 'allerbold'; font-weight: bold; line-height: 20px; padding: 10px 22px 12px 22px; background: #c68946;}
nav > ul > li > ul > li > a:hover{background: #a56f34;}


/*=========================================================
	SECTION
=========================================================*/

section{padding-bottom: 245px;}

/*=========================================================
	FOOTER
=========================================================*/

footer{position: absolute; bottom: 0; margin-bottom: 20px;}

.fancy{box-shadow: 0 0 10px rgba(0,0,0,.2); border-radius: 10px; background: #c68946;}
.fancy .cabecalho{width: 100%; height: 60px; border-top-left-radius: 10px; border-top-right-radius: 10px; background: #a46f3a;}
.fancy .cabecalho .margens{padding: 0 20px;}
.fancy .cabecalho h3{color: #fff; font: 18px 'allerbold'; line-height: 60px;}

#fancy-arquivos{width: 400px; height: 231px; top: calc(50% - 115px); left: calc(50% - 200px);}
#fancy-arquivos form{width: 350px; margin: 25px auto 0 auto;}
#fancy-arquivos form input{height: 40px; border-radius: 10px; font-size: 14px; font-family: 'allerbold'; background: #fff;}
#fancy-arquivos form .login, #fancy-arquivos form .senha{padding-left: 10px; color: #c68946; }
#fancy-arquivos form .login{margin-bottom: 20px; width: calc(100% - 11px);}
#fancy-arquivos form .senha{float: left; width: calc(230px - 18px);}
#fancy-arquivos form input[type="submit"]{cursor: pointer; float: right; width: 100px; color: #fff; text-align: center; background: #5e442a;}
#fancy-arquivos form input[type="submit"]:hover{background: #001630;}

#fancy-relatorio{width: 518px; height: 188px; top: calc(50% - 94px); left: calc(50% - 259px);}
#fancy-relatorio ul{width: 380px; margin: 45px auto 0 auto;}
#fancy-relatorio ul li:nth-child(1){float: left;}
#fancy-relatorio ul li:nth-child(2){float: right;}
#fancy-relatorio ul li a{width: 170px; height: 40px; color: #c68946; font: 16px 'allerbold'; line-height: 40px; text-align: center; border-radius: 10px; background: #fff;}

#informacoes{height: 119px; margin-bottom: 35px; border-top: 1px solid #ddd; border-bottom: 1px solid #ddd; background: url(../img/bg-footer.jpg) no-repeat center top;}

#acesso{width: 316px; height: 117px; border-top: 1px solid #fff; border-bottom: 1px solid #fff; background: #c68946;}
#acesso .margens{padding: 30px 24px; display: table; width: calc(100% - 48px);}
@media all and (min-width:0) {
    #acesso .margens {width: 268px \0/; }  /* IE9-IE10pp4 */
}
#acesso h4{margin-bottom: 10px; color: #fff; line-height: 17px; padding-left: 21px; background: url(../img/cadeado.png) no-repeat left center;}
#acesso a{padding: 0 16px; color: #c68946; font: 12px 'allerbold'; line-height: 30px; border-radius: 10px; background: #fff;}
#acesso a:hover{color: #fff; background: #b7b7b7;}

#endereco{width: 318px; margin-top: 28px;}
#endereco p{color: #999;}
#endereco .prefixo{color: #999; line-height: 30px; margin-right: 3px;}
#endereco .numero{color: #07476c; font: 16px 'allerbold'; line-height: 22px;}

#fixo, #fax{height: 30px; padding-left: 38px; background-repeat: no-repeat; background-position: left center;}
#fixo{background-image: url(../img/ico-fixo.png);}
#fax{background-image: url(../img/ico-fax.png);}

#assinatura p{color: #999; font-size: 12px; text-align: center;}
#assinatura p strong{color: #999; font-weight: normal; font: 12px 'allerbold';}
#assinatura a{width: 31px; height: 34px; margin: auto; text-indent: -15000px; background: url(../img/assinatura.png) no-repeat center top;}
#assinatura a:hover{background: url(../img/assinatura.png) no-repeat center bottom;}