/* ********************************** *************** ******************************** */
/* ********************************** ESTILOS DO SITE ******************************** */


/* --------------------------------------- BODY -------------------------------------- */
body {
	background: #363636;
	font-family: 'Roboto', sans-serif;
}

body ::-moz-selection { background-color: #888; color: #FFF; }
body ::selection { background-color: #888; color: #FFF; }
/* ----------------------------------------------------------------------------------- */




/* -------------------------------------- HEADER ------------------------------------- */
.header { background: #FFF; }
.header .header-logo {}
.header .header-logo img { display: block; }

.header .header-top { padding: 5px 0px; }
/* ----------------------------------------------------------------------------------- */




/* ----------------------------------- HEADER MOBILE --------------------------------- */
.header_mobile { background: #FFF; }
.header_mobile .header-logo { width: 90%; max-width: 150px; margin: 10px auto 10px auto; display: block; }
.header_mobile .header-logo img { display: block; width: 100%; }

.header_mobile .mobile_open_button { color: #6EAE56; height: 50px; width: 150px; margin: 0px auto 0px auto; padding: 5px 0px 10px 0px; font-size: 22px; text-align: center; box-sizing: border-box; cursor: pointer; transition: background-color 0.3s; }
.header_mobile .mobile_open_button span { }
.header_mobile .mobile_open_button em { font-size: 1.2em; font-style: normal; }
/* ----------------------------------------------------------------------------------- */




/* -------------------------------- HEADER MOBILE FIXED ------------------------------ */
.header_mobile_fixed {
	background: #FFF;
	position: fixed;
	top: 0px;
	left: 0px;
	right: 0px;
	height: 50px;
	z-index: 900;
	margin: -60px 0px 0px 0px;
	-webkit-box-shadow: 0 1px 2px 0 rgba(0,0,0,0.2);
	box-shadow: 0 1px 2px 0 rgba(0,0,0,0.2);
	transition: margin 0.5s;
}

.header_mobile_fixed.opened { margin: 0px 0px 0px 0px; transition: margin 0.5s; }
.header_mobile_fixed.fixed { margin: 0px 0px 0px 0px; transition: margin 0.5s; }

.header_mobile_fixed .header-logo { float: left; width: 50px; }
.header_mobile_fixed .header-logo img { display: block; width: 100%; }

.header_mobile_fixed .mobile_open_button { color: #6FAF58; height: 50px; width: 50px; padding: 10px 0px; font-size: 24px; text-align: center; box-sizing: border-box; float: right; cursor: pointer; transition: background-color 0.3s; }
.mobile_open_button:hover { background: rgba(0,0,0, 0.1); transition: background-color 0.3s; }
.mobile_open_button.active { background: rgba(0,0,0, 0.1); transition: background-color 0.3s; }

.header_mobile_fixed .mobile_link { color: #6FAF58; height: 50px; width: 50px; padding: 10px 0px; font-size: 24px; text-align: center; box-sizing: border-box; float: right; cursor: pointer; transition: background-color 0.3s; }
.header_mobile_fixed .mobile_link:hover { background: rgba(0,0,0, 0.1); transition: background-color 0.3s; }

.header_mobile_fixed .menu_mobile { background: #538442; position: fixed; top: 50px; bottom: 0px; left: 0px; right: 0px; z-index: 1000; transition: margin 0.6s; }
.header_mobile_fixed .menu_mobile.closed { margin-left: 110%; transition: margin 0.6s; }

.header_mobile_fixed .menu_mobile .container { padding-top: 15px; }
.header_mobile_fixed .menu_mobile .container .menu_scroll { padding: 0px 15px 0px 15px; }
/* ----------------------------------------------------------------------------------- */




/* --------------------------------------- MAIN -------------------------------------- */
.main { background: #EEE; }
/* ----------------------------------------------------------------------------------- */




/* -------------------------------------- FOOTER ------------------------------------- */
.footer { background: #363636; border-top: 3px #1783b5 solid; padding: 20px 0px 20px 0px; }

.footer h2 { text-align: center; text-transform: uppercase; margin: 20px 0px 40px 0px; color: #FEFEFE; }

.footer .footer-contact { padding-right: 25px; }
.footer .footer-contact textarea { min-height: 100px; }
.footer .footer-contact .btn { float: right; }

.footer .footer-links { padding: 10px 0px 0px 25px; }
.footer .footer-links ul { margin: 0px; padding: 0px; list-style: none; }
.footer .footer-links ul li { display: block; line-height: 100%; margin-bottom: 20px; min-height: 30px; color: #FFF; }
.footer .footer-links ul li > div { position: relative; padding-left: 55px; }
.footer .footer-links ul li > div > i { position: absolute; top: 0px; left: 0px; font-size: 30px; opacity: 0.5; }
.footer .footer-links ul li.link-telefone {}
.footer .footer-links ul li.link-telefone em { display: inline-block; font-style: normal; font-size: 1.2em; margin-right: 5px; padding-top: 10px; }
.footer .footer-links ul li.link-telefone span { display: inline-block; font-size: 1.7em; padding-top: 10px; }
.footer .footer-links ul li.link-email { font-size: 1.6em; }
.footer .footer-links ul li.link-email span { display: block; padding-top: 3px; }
.footer .footer-links ul li.link-endereco { font-size: 1.2em; }
.footer .footer-links ul li.link-facebook { font-size: 1.6em; text-transform: uppercase; }
.footer .footer-links ul li.link-facebook a { color: inherit; text-decoration: none; display: block; padding-top: 6px; }

@media all and (max-width: 768px)
{
	.footer .footer-contact { padding-right: 0px; }
	.footer .footer-contact .btn { float: none; margin: 10px auto 30px auto; display: block; width: 50%; }

	.footer .footer-links { font-size: 0.9em; padding: 30px 0px 0px 0px; }
	.footer .footer-links ul li { text-align: center; }
	.footer .footer-links ul li > div { display: inline-block; }
	.footer .footer-links ul li > div > i { position: absolute; top: 0px; left: 0px; font-size: 30px; opacity: 0.5; }
}
/* ----------------------------------------------------------------------------------- */




/* ------------------------------------- COPIRIGHT ----------------------------------- */
.copyright { text-align: center; margin: 80px 0px 40px 0px; }

.copyright a.toolsys { background: transparent url("Imagens/copyright-toolsys.png") no-repeat; margin: 0px 0px 0px 0px; width: 100px; height: 20px; display: inline-block; text-indent: -9999px; opacity: 0.15; transition: 0.3s; }
.copyright a.toolsys:hover { opacity: 1.00; transition: 0.3s; }

@media all and (max-width: 768px)
{
	.copyright { text-align: center; margin: 40px 0px 40px 0px; }
}
/* ----------------------------------------------------------------------------------- */




/* ------------------------------------- BLOQUEIO ------------------------------------ */
.site_bloqueado { position: relative; }

.site_bloqueado .box_informacoes { clear: both; }
.site_bloqueado .box_informacoes figure { width: 250px; margin: 50px auto 10px auto; }
.site_bloqueado .box_informacoes figure img { display: block; width: 100%; }
.site_bloqueado .box_informacoes {}

.site_bloqueado .box_contato { width: 400px; margin: 0px auto 0px auto; }
.site_bloqueado .box_contato button { display: block; margin: 0px auto 0px auto; }

.site_bloqueado .box_login { position: fixed; left: 0px; right: 0px; bottom: 0px; padding: 10px; background: #FFF; }
.site_bloqueado .box_login label {}
.site_bloqueado .box_login input {}
.site_bloqueado .box_login button {}
.site_bloqueado .copyright { float: right; margin: 3px 0px 0px 0px; }
/* ----------------------------------------------------------------------------------- */