/* -- geral -- */
html, body {height:100%; background-color: #ffffff; font-size: 10px; font-family: 'Roboto', sans-serif;}
body > #wrap {height:auto; min-height:100%; height:100%;}
.header {width: 100%; float: left; background-color: #FFFFFF;}

.center {width: 100%; max-width: 1240px; margin: auto; padding: 0 20px;}
.content {width: 100%;}

.header a.menu-toggle {display: none; width: 70px; height: 43px; position: absolute; text-indent: -300px; text-decoration: none; overflow: hidden; cursor: pointer; top: 0px; left: 0px;}
.header a.menu-toggle::before {width: 100%; height: 100%; color: #048590; font-size: 36px; text-align: center; position: absolute; content: "≡"; text-indent: 0px; left: 0px; top: 3px; padding: 0;}

/* -- top-header -- */
.top-header {padding: 5px 0; border-top: 7px solid #048590;}
.top-header .center {max-width: 1800px;}
.top-header .logo {width: 100%; max-width: 160px; float: left;}
.top-header .logo img {width: 100%;}
.top-header .logo a {display: block; line-height: 0;}
.top-header .contato-header {float: right; padding: 15px 0px 10px; font-family: 'Roboto', sans-serif; text-align: right;}
.top-header .contato-header p {font-size: 25px; color: #048590; font-weight: bold; line-height: 1; letter-spacing: 0.8px; margin-bottom: 5px;}
.top-header .contato-header p span {font-size: 30px; color: #f37227; font-weight: 900; letter-spacing: 1px; margin-left: 9px;}
.top-header .contato-header p.ligue {color: #f37227; font-style: italic; font-weight: bold; font-size: 19px; margin-bottom: 0;}

/* -- menu -- */
.menu-box {width: 100%; height: 43px; float: left; background-color: #f0f0f0; position: relative;}
.menu-box .center {max-width: 1800px;}
.menu-box .menu {width: 85%; float: left; font-family: 'Roboto', sans-serif;}
.menu-box .menu ul {width: 100%; float: left;}
.menu-box .menu ul:after {content: ""; display: table; clear: both;}
.menu-box .menu ul li {float: left; margin: 0 60px 0 0; position: relative;}
.menu-box .menu ul li:last-child {margin-right: 0;}
.menu-box .menu ul li a {width: 100%; float: left; color: #048590; font-size: 15px; line-height: 35px; cursor: pointer; outline: 0; padding: 5px 10px 0;}
.menu-box .menu ul li:hover, .menu-box .menu ul li.ativo {border-bottom: 3px solid #dc6000;}
.menu-box .menu ul li:hover a, .menu ul li.ativo a {color: #dc6000;}
.menu-box .menu ul li i {margin-left: 4px;}
.menu-box .menu ul li .submenu {position: absolute; z-index: 99; background-image: none; float: left; display: none; top: 43px; left: 0; background-color: #f0f0f0; width: 250px;}
.menu-box .menu ul li .submenu li {display: block; padding: 0px 20px; width: 100%;}
.menu-box .menu ul li .submenu li a {color: #4B848E; padding: 4px 5px;}
.menu-box .menu ul li .submenu li:hover, .menu-box .menu ul li .submenu li:hover a {background-color: #dc6000; color: #FFFFFF; border: none;}
.menu-box .menu ul li:hover > .submenu {display: block;}

.menu-box .menu input[type=checkbox]{position: absolute; top: -9999px; left: -9999px;}
.menu-box .menu label {display: none; user-select: none;}
.menu-box .redes-sociais {float: right; width: 100%; max-width: 80px;}
.menu-box .redes-sociais ul {float: right; padding: 8px 0;}
.menu-box .redes-sociais ul li {display: inline-block; margin-left: 8px;}
.menu-box .redes-sociais ul li:last-child {margin-right: 0;}
.menu-box .redes-sociais ul li a {display: block; width: 28px; height: 28px; background-color: #048590; border-radius: 50%; color: #f0f0f0; text-align: center; line-height: 28px; font-size: 14px;}
.menu-box .redes-sociais ul li a:hover {opacity: 0.7;}

.footer {width: 100%; height: auto; padding: 0; float: left; position: relative; clear: both; background-color: #eaeaea; border-top: 5px; border-style: solid; border-image: linear-gradient(to right, #048590, #dc6000) 1; border-left: 0; border-right: 0; border-bottom: 0;}
.footer .center {max-width: 1250px; position: relative;}
.footer .mapa-site {padding: 45px 0 40px;}
.footer .mapa-site .mapa-titulo {margin-bottom: 25px;}
.footer .mapa-site .mapa-titulo a {color: #dc6000; font-size: 16px; font-weight: 700;}
.footer .mapa-site .mapa-content {display: flex; justify-content: space-between;}
.footer .mapa-site .mapa-content li {min-width: 135px;}
.footer .mapa-site .mapa-content li ul li {width: 100%; padding: 8px 0; border-bottom: 1px solid #dfdfdf;}
.footer .mapa-site .mapa-content li ul li:last-child {border-bottom: none;}
.footer .mapa-site .mapa-content li ul li a {font-size: 14px; color: #7b7b7b;}
.footer .mapa-site .mapa-content li ul li a:hover {color: #dc6000; text-decoration: underline;}

.footer .central-atendimento {margin: 25px 0 0;}
.footer .titulo-central {color: #dc6000; font-size: 14px; margin-bottom: 10px; font-weight: 500;}
.footer .telefones {display: flex; flex-wrap: wrap; justify-content: space-between;}
.footer .telefone {display: inline-block; color: #7c7c7c; font-weight: 400; font-size: 14px; line-height: 22px; margin-bottom: 5px; flex: 0 0 33.333%;}
.footer .telefone span.tel {color: #048590; font-weight: 700;}
.footer .telefone span.spacer {margin: 0 5px;}
.footer .horario {color: #7c7c7c; font-weight: 300; font-size: 14px; line-height: 15px;}

.footer .footer-info {background-color: #048590;}
.footer .copyright {text-align: center; font-size: 13px; color: #FFFFFF; padding: 13px 0; line-height: 16px;}
.footer .copyright a {color: #FFFFFF;}
.footer .copyright a:hover {text-decoration: underline;}


@media all and (max-width:1300px){
	.footer .central-atendimento {right: 20px;}
}

@media all and (max-width:1200px){
	.footer .telefone {flex: 0 0 50%;}
}

@media all and (max-width:1080px){
	.menu-box .menu ul li {margin: 0 30px 0 0;}
}

@media all and (max-width:980px){
	.footer .mapa-site .mapa-content li {min-width: 100px;}
}

@media all and (max-width:860px){
	.footer .mapa-site {padding: 25px 0 20px; min-height: 0;}
	.footer .mapa-site .mapa-content {display: none;}
	.footer .central-atendimento {position: static; text-align: center;}
}

@media all and (max-width:800px){
	.footer .telefone {flex: 0 0 100%;}
}

@media all and (max-width:767px){
	/* MENU MOBILE */
	.header a.menu-toggle {display: block;}
	.header .menu {width: 100%; background-color: #f0f0f0; display: none; margin-top: 43px; position: absolute; z-index: 99; max-width: none;}
	.header .menu.show {display: block;}
	.menu-box .center {padding: 0;}
	.menu-box .redes-sociais {position: absolute; right: 20px;}
	.menu-box .menu ul li {width: 100% !important; text-align: left !important; border-top: 1px solid #CFCFCF;}
	.menu-box .menu ul li:last-child {border-bottom: none;}
	.menu-box .menu ul li a {padding: 0 0 0 20px;}
	.menu-box .menu ul li a {line-height: 45px;}
	.menu-box .menu ul li a span.flecha-baixo {margin: 20px 20px 0px 10px;}
	.menu-box .menu ul li:hover, .menu-box .menu ul li.ativo {border-bottom: none; border-top: 1px solid #CFCFCF; background-color: #dc6000;}
	.menu-box .menu ul li:hover a, .menu-box .menu ul li.ativo a {color: #FFFFFF;}
	.menu-box .menu ul li .submenu {width: 100%; position: static;}
	.menu-box .menu ul li .submenu li:hover {background-color: #f8f049; color: #393939;}
	.menu-box .menu ul li .submenu li a {padding: 0 0 0 20px;}
	.menu-box .menu ul li:hover > .submenu {display: none;}
}


@media all and (max-width:520px){
	.top-header {text-align: center;}
	.top-header .logo {float: none; display: inline-block;}
	.top-header .contato-header {float: none; text-align: center;}
}