/*********************************************************/
/*	DESENVOLVIDO POR: GLOBALWS							 */
/*	VERSÃO: 2.0 (21/10/2019)							 */
/*********************************************************/
html, body {font-family: 'Lato', sans-serif; width:100%; height:100%; background-color: #f1f1f1;}
/*********************************************************/
/*	LOGIN												 */
/*********************************************************/
.home {display: table; padding: 0; margin: auto;}
.home h1 {font-weight: 700; padding-bottom: 30px; font-size: 1.6em; color: #fff; text-align: center; text-transform: uppercase;}
.home section {width: 25%; margin: 8% auto 0 auto; background-color: #fff; border: 1px solid #ccc; padding: 30px;}
.home label {display: block; padding-bottom: 5px; font-size: 0.9em; font-weight: 300; color: #ccc;}

.home .logo {width: 200px; height: 110px; margin: 0 auto 20px auto; background-repeat: no-repeat; background-size: 100%; background-position: center center; }
.home .imput {padding: 15px; background-color: #f1f1f1; width: 100%; margin-bottom: 20px; font-family: 'Lato', sans-serif; border: 1px solid #ccc; color: #333;}
.home .bt {width: 100%; padding: 15px 0; border-radius: 5px; border: 0; font-family: 'Lato', sans-serif;cursor: pointer; color: #fff; text-transform: uppercase; font-weight: 700; letter-spacing: 2px; font-size: 1.2em;}
.home .bt:hover {opacity: 0.8;}
/*********************************************************/
.msg {width: 100%; background-color: #d64635; padding: 15px; border-left: 5px solid #ccc; color: #fff; margin: 40px auto; font-size: 0.9em;}
.msg i {padding-right: 20px;}
/*********************************************************/
/*	HEADER												 */
/*********************************************************/
header {width: 100%; display: table; }
header h1 {color: #fff; font-size: 1.2em; font-weight: 500; padding: 15px; float: left; text-transform: uppercase;}
header ul {float: right;}
header li {float: left; padding: 20px; text-align: center; color: #c9dff5; border-left: 1px solid #ccc; border-top: 1px solid #ccc; font-size: 0.9em;}
header li:hover {background-color: #d64635; color: #fff;}
header i {font-size: 1.2em; padding-right: 10px;}
header .user {background-color: #d64635; color: #fff;}

footer {width: 100%; height: auto; display: table; padding: 30px 0;}
/*********************************************************/
/*	MENU												 */
/*********************************************************/
.menu {width: 100%; display: table;}
.menu li i {padding-right: 10px; font-size: 1.2em;}
/*********************************************************/
/*	CENTRO												 */
/*********************************************************/
.centro {width: 100%; height: auto;  background-color: #f1f1f1;}
.centro h1 {padding: 15px 10px; text-align: center; font-size: 1em; text-transform: uppercase; font-weight: 600; margin-bottom: 10px; background-color: #fbfbfb; border-bottom: 1px solid #e7e7e7;}
.centro i {padding-right: 10px; font-size: 1.4em;}

.centro .botoes {width: 100%; height: auto; background-color: #fbfbfb; padding: 10px; display: table; margin-bottom: 10px; min-height: 60px;}
.centro .botoes li {padding: 10px 20px; color: #fff; font-weight: 600; float: left; font-size: 0.9em; border-radius: 5px; margin: 0 15px 5px 0; cursor: pointer; text-transform: uppercase;}
.centro .botoes li:hover {background-color: #d64635;}

.centro .botoes .float-r {float: right; padding: 0; position: relative;}
.centro .botoes .imput {padding: 10px; border: 1px solid #E8E8E8; position: absolute; height: 40px; right: 0; width: 420px; font-family: 'Lato', sans-serif;}
.centro .botoes .bt {padding: 10px; border: 1px solid #E8E8E8; position: absolute; z-index: 1; right: 0; background-color: #F4F4F4; cursor: pointer; height: 40px; width: 35px; background-image: url(../images/icon-busca.png);  background-position: center center; background-repeat: no-repeat;  margin: 0;}
/*********************************************************/
/*	CONTEUDO											 */
/*********************************************************/
.conteudo {width: 100%;  height: auto;  background-color: #fff; padding: 20px; border-top: 5px solid #E8E8E8; border-radius: 5px; display: table;}
.conteudo fieldset {width: 100%; border: 0; margin-bottom: 20px; padding: 0;}
.conteudo label {padding: 10px 15px 0 10px; height: 35px; font-size: 0.9em; color: #fff; width: 100%; display: block;  font-weight: 400;}
.conteudo h2 {width: 100%; padding: 10px; background-color: #f1f1f1; text-align: center; margin: 20px 0; text-transform: uppercase; font-size: 1em; color: #333;}

.conteudo .esquerda {width: 48%; float: left;}
.conteudo .direita {width: 48%; float: right;}
.conteudo .meio {width: 50%; margin: auto;}
.conteudo .imagem {width: 30%; float: left; padding: 20px;}

.conteudo .imput {width: 100%; padding: 5px; border: 1px solid #E8E8E8; height: 35px; font-family: 'Lato', sans-serif; color: #222;}
.conteudo .bt {float: right; padding: 10px 30px; font-family: 'Lato', sans-serif; color: #fff; text-transform: uppercase; font-weight: 500; letter-spacing: 1px; cursor: pointer;}
.conteudo .bt:hover {opacity: 0.8;}

.conteudo .titulos {width: 100%; height: 40px; border: 1px solid #cdcdcd; background-color: #f5f5f5;}
.conteudo .titulos li {font-size: 0.9em; font-weight: 400; color: #222; float: left; padding: 10px;}

.conteudo .resultados {width: 100%; height: 40px; border: 1px solid #EAEBEF; display: table;}
.conteudo .resultados:hover {background-color: #E0E0E0 !important;}
.conteudo .resultados li {font-size: 0.9em; font-weight: 300; color: #434343; float: left; padding: 10px;}
.conteudo .resultados i {font-size: 1em;}
.conteudo .resultados a:hover {text-decoration: none; color: #d64635;}

.conteudo .resultados-bg {background-color: #F3F3F3 !important;}
.conteudo .lhvermelha {background-color: #E77C7E !important;}
.conteudo .destaques-bg {background-color: #FFEFBF !important;}

.conteudo .exibedados {width: 100%; padding: 8px 15px 0 10px; font-size: 0.8em; border: 1px solid #e8e8e8; height: 35px;}
.conteudo .exibedados-texto {width: 100%; padding: 8px 15px 0 10px; font-size: 0.8em; border: 1px solid #e8e8e8; min-height: 35px; color: #444; line-height: 25px;}
.conteudo .exibedados-texto img {width: auto !important; max-width: 100%;}

.conteudo .exibedados-imagem {width: 100%; padding: 8px 15px 0 10px; font-size: 0.8em; border: 1px solid #e8e8e8; min-height: 35px; color: #444; line-height: 25px;}
.conteudo .exibedados-imagem img {width: auto; max-width: 40% !important; margin: 0 30%;;}
/*********************************************************/
/*	LISTAS												 */
/*********************************************************/
.ln-90 {width: 90%; border-right: 1px solid #cdcdcd; min-height: 38px;}
.ln-90g {width: 90%; border-right: 1px solid #cdcdcd; display: table; min-height: 120px; padding-top: 35px !important;}
.ln-80 {width: 80%; border-right: 1px solid #cdcdcd; min-height: 38px;}
.ln-80g {width: 80%; border-right: 1px solid #cdcdcd; display: table; min-height: 120px; padding-top: 35px !important;}
.ln-70 {width: 70%; border-right: 1px solid #cdcdcd; min-height: 38px;}
.ln-70g {width: 70%; border-right: 1px solid #cdcdcd; display: table; min-height: 120px; padding-top: 35px !important;}
.ln-60 {width: 60%; border-right: 1px solid #cdcdcd; min-height: 38px;}
.ln-60g {width: 60%; border-right: 1px solid #cdcdcd; display: table; min-height: 120px; padding-top: 35px !important;}
.ln-50 {width: 50%; border-right: 1px solid #cdcdcd; min-height: 38px;}
.ln-50g {width: 50%; border-right: 1px solid #cdcdcd; display: table; min-height: 120px; padding-top: 35px !important;}
.ln-40 {width: 40%; border-right: 1px solid #cdcdcd; min-height: 38px;}
.ln-40g {width: 40%; border-right: 1px solid #cdcdcd; display: table; min-height: 120px; padding-top: 35px !important;}
.ln-30 {width: 30%; border-right: 1px solid #cdcdcd; min-height: 38px;}
.ln-30g {width: 30%; border-right: 1px solid #cdcdcd; display: table; min-height: 120px; padding-top: 35px !important;}
.ln-20 {width: 20%; border-right: 1px solid #cdcdcd; min-height: 38px;}
.ln-20g {width: 20%; border-right: 1px solid #cdcdcd; display: table; min-height: 120px;}
.ln-20g img {width: 30%; margin: auto; max-height: 90px}
.ln-10 {width: 10%; border-right: 1px solid #cdcdcd; min-height: 38px;}
.ln-10g {width: 10%; border-right: 1px solid #cdcdcd; display: table; min-height: 120px; padding-top: 35px !important;}
.ln-10b {width: 10%; min-height: 38px;}

.opc {column-count: 3;}
.opc li {padding: 2px 5px; font-size: 0.8em; border: 1px solid #f1f1f1; margin-bottom: 1px;}
.opc li:hover {background-color: #dfdfdf;}