/*=========================================================
	PORTA-ARQUIVOS
=========================================================*/

@import url("selectbox.css");
@import url("internas.css");

#fancy-carregando{position: absolute; z-index: 2; width: 120px; height: 80px; top: calc(50% - 40px); left: calc(50% - 60px); border-radius: 10px; background: url(../img/carregando.gif) no-repeat center 12px #fff;}
#fancy-carregando span {display: block; margin-top: 48px; font: 14px 'allerbold'; font: 1.2rem; color: #c68946; text-align: center; text-transform: uppercase;}

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

header{margin-bottom: 30px; border-bottom: 6px solid #c68946; background: url(../img/bg-header-arquivos.jpg) no-repeat center top;}

#boas-vindas{float: right; margin-top: 25px;}
#boas-vindas .saudacao{float: left;}
#boas-vindas .saudacao span{display: block;}
#boas-vindas .saudacao .grande{color: #fff; font-family: 'allerbold'; font-size: 22px; text-align: right; text-transform: uppercase;}
#boas-vindas .saudacao .pequeno{color: #c68946; font-family: 'allerbold'; font-size: 16px;}
#boas-vindas #bt-sair{float: right; width: 60px; height: 60px; margin-left: 68px; text-indent: -15000px; background: url(../img/bt-sair.png) no-repeat;}

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

section{padding-bottom: 0;}

#proibido h3, #proibido h4{text-align: center;}
#proibido h3{margin: 115px 0 32px 0; color: #c68946; font-family: 'allerbold'; font-size: 36px; line-height: 36px;}
#proibido h4{margin-bottom: 52px; color: #636363; font-family: 'aller_lightitalic'; font-size: 24px;}
#proibido a{width: 238px; height: 59px; margin: auto; color: #fff; font-family: 'allerregular'; font-size: 20px; line-height: 57px; text-align: center; background: url(../img/bt-voltar.png) no-repeat center top;}
#proibido a:hover{background: url(../img/bt-voltar.png) no-repeat center bottom;}

h2{margin-bottom: 0; background: url(../img/borda-titulo.jpg) repeat-x left bottom;}
h2 .center{display: table;}
h2 span{line-height: 50px;}

.tit-secao{padding-right: 15px;}

.cabecalho .titulo{float: left;}
.cabecalho .obra{float: right; margin-top: 10px;}
.cabecalho .obra .sbHolder{width: 251px; height: 40px; border: none; background: url(../img/select-obra.png) no-repeat;}
.cabecalho .obra .sbSelector{overflow: hidden; width: 170px; height: 40px; padding: 0 15px; color: #fff; font-family: 'allerbold'; font-size: 12px; line-height: 40px; text-indent: 0; text-overflow: ellipsis; white-space: nowrap; text-transform: uppercase;}
.cabecalho .obra .sbOptions{z-index: 3; margin-top: 1px; width: 100%; border: none; background: #bbb;}
.cabecalho .obra .sbOptions li{padding: 0 18px; border-bottom: 1px solid #fff;}
.cabecalho .obra .sbOptions li:hover{background: #c68946;}
.cabecalho .obra .sbOptions li:last-child{border-bottom: none;}
.cabecalho .obra .sbOptions li a{color: #555; font-family: 'allerbold'; font-size: 14px; padding: 14px 0; border-bottom: 0;}
.cabecalho .obra .sbOptions li:hover a{color: #fff;}

.col-esquerda{width: 213px; height: calc(100% - 477px);}
.col-esquerda ul{margin-top: 27px;}
.col-esquerda ul li{display: table; width: 100%;}
.col-esquerda ul li a{padding: 15px 0 15px 42px; color: #fff; font: 16px 'allerbold'; line-height: 18px; background: url(../img/marcador-submenu.png) no-repeat 15px 19px #c68946;}
.col-esquerda ul li a:hover{color: #0b2647;}
.col-esquerda ul li a.ativo{color: #fff !important; background-color: #a56f34;}

.col-direita{width: 692px; padding: 0 0 27px 28px; border-left: 1px solid #ddd;}
.col-direita .cabecalho{width: calc(100% - 50px); height: 70px; margin: 27px 0 1px 0; padding: 0 25px; border-top: 3px solid #c68946; background: #0b2647;}
.col-direita .cabecalho h3{float: left; color: #fff; font-size: 21px; font-family: 'allerregular'; padding: 22px 0; text-transform: uppercase;}

.cabecalho .ordem{float: right; margin-top: 20px;}
.cabecalho .ordem span{float: left; margin-right: 16px; color: #fff; font-family: 'allerregular'; font-size: 14px; line-height: 30px;}
.cabecalho .ordem .sbHolder{float: right; width: 140px; height: 30px; border: none; background: url(../img/select-ordem.png) no-repeat;}
.cabecalho .ordem .sbSelector{overflow: hidden; width: 98px; height: 30px; padding: 0 0 0 15px; color: #fff; font-family: 'allerbold'; font-size: 12px; line-height: 30px; text-indent: 0; text-overflow: ellipsis; white-space: nowrap; text-transform: uppercase;}
.cabecalho .ordem .sbOptions{z-index: 3; margin-top: 1px; width: 100%; border: none; background: #bbb;}
.cabecalho .ordem .sbOptions li{width: calc(100% - 30px); padding: 0 15px; border-bottom: 1px solid #fff; background: none;}
.cabecalho .ordem .sbOptions li:hover{background: #c68946;}
.cabecalho .ordem .sbOptions li:last-child{border-bottom: none;}
.cabecalho .ordem .sbOptions li a{color: #fff; font-family: 'allerbold'; font-size: 14px; padding: 14px 0; border-bottom: 0;}
.cabecalho .ordem .sbOptions li:hover a{color: #fff;}

.col-direita ul{border: 1px solid #d8d8d8;}
.col-direita ul li{margin-bottom: 1px; border-bottom: 1px solid #e7e7e7; transition: box-shadow .2s ease-in;}
.col-direita ul li:last-child{margin-bottom: 0; border-bottom: none; box-shadow: none !important;}
.col-direita ul li:nth-of-type(odd){background: #eee;}
.col-direita ul li:nth-of-type(even){background: #f8f8f8;}
.col-direita ul li:hover{position: relative; z-index: 2; background: #fff; box-shadow: 0 3px 5px -2px rgba(0,0,0,.2); transition: box-shadow .2s ease-in; -webkit-transition: box-shadow .2s ease-in; -moz-transition: box-shadow .2s ease-in; -ms-transition: box-shadow .2s ease-in;}
.col-direita ul li a{padding: 20px; background: none;}
.col-direita ul li:hover a h4{color: #c68946;}
.col-direita ul li:hover a .botao{background-position: center bottom;}
.col-direita .info{float: left; width: 540px;}
.col-direita .info h4{margin-bottom: 10px; color: #5c6a7a; font-family: 'allerbold'; font-size: 16px;}
.col-direita .info p{color: #828282; font-size: 14px; line-height: normal;}
.col-direita .botao{float: right; width: 68px; height: 62px; text-indent: -15000px; background-repeat: no-repeat; background-position: center top;}
.col-direita ul li .ppt{background-image: url(../img/bt-download-ppt.png);}
.col-direita ul li .dwg{background-image: url(../img/bt-download-dwg.png);}
.col-direita ul li .zip{background-image: url(../img/bt-download-zip.png);}
.col-direita ul li .xls{background-image: url(../img/bt-download-xls.png);}
.col-direita ul li .doc{background-image: url(../img/bt-download-doc.png);}
.col-direita ul li .pdf{background-image: url(../img/bt-download-pdf.png);}