@charset "utf-8";
/* CSS Document */

*{margin:0; border:none; padding:0;}

#menu li a, .utilit_blocos button, #area_restrita button, #pagina_home .down div, #formContato button {-webkit-transition:all ease-out 300ms; -moz-transition:all 300ms ease-out; -ms-transition:all 300ms ease-out; -o-transition:all 300ms ease-out;}

#palco_topo{width:100%; background:#222; overflow:hidden; padding: 10px 0;}
#topo{width:100%; max-width:1200px; margin:0 auto; overflow:hidden;}
#logo{ width:100%; max-width:500px; float:left;}

#palco_alt{
	width:100%;
	background:#222;
	overflow:hidden;
	padding: 50px 0;
	margin:0 auto;
	color: red;
	font:bold 20px 'denseregular';
	text-transform:uppercase;
	text-align: center;
}

.sl { font:bold 15px arial; text-align:center; color: #FFCC00; float:left; padding: 50px 10px; width:15%;}

#espaco_menu{float:right; overflow:hidden;}
#menu{width:100%; margin-top:20px; font-size:0; }
#menu li{display:inline-block; /*width:calc(20% - 4px); */ margin: 0 2px; font:24px/20px 'denseregular'; text-align:center; text-transform:uppercase; }
#menu li a{display:block; padding: 20px; text-decoration:none; color:#FFF; border-radius:10px;}
#menu li a:hover{color:#333; background: #FFCC00; border-radius:10px;}
nav select { display:none; border-radius:3px; padding:15px; width:calc(100% - 20px); margin:10px; font: 24px/20px 'denseregular'; color:#333; text-transform:uppercase;}

#endereco{width:100%; overflow:hidden; margin-top:15px;}
#endereco p{font:18px/24px 'denseregular'; color:#F4F4F4; text-align:center;}
#endereco a{font: bold 18px/24px 'denseregular'; color:#FFCC00; text-decoration:none;}
#endereco a:hover{color:#FFF;}
#endereco .alt{font: bold 18px/24px 'denseregular'; color:#3b5998; text-decoration:none;}
#endereco .alt:hover{color:#FFF;}

#fb{
	margin: 5px;
	cursor: pointer;
    border-radius: 5px;
    width: 40px;
    height: 40px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
	background: #3b5998;
}
#fb i{
	color: white;
	text-decoration: none;
}
#fb:hover{
	background: white;
}
#fb:hover i{
	color: #333;
}
#ig{
	margin: 5px;
	cursor: pointer;
    border-radius: 5px;
    width: 40px;
    height: 40px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
	background: radial-gradient(circle at 33% 100%, #FED373 4%, #F15245 30%, #D92E7F 62%, #9B36B7 85%, #515ECF);
}
#ig i{
	color: white;
	text-decoration: none;
}
#ig:hover{
	background: white;
}
#ig:hover i{
	color: #333;
}

#slogan{width:50%; height:auto; background:rgba(255,255,255,0.8); position:absolute; z-index:999; top:30%;}
#slogan h1{font:35px 'denseregular'; color:#333; text-align:right; padding-right:30px;}
#slogan h2{font:30px 'denseregular'; color:#FC0; text-align:right; padding-right:30px;}

#conteudo{width:100%; overflow:hidden;}

#banner{width:100%; overflow:hidden; border-top:2px solid #999; border-bottom:2px solid #999; z-index:0; position:relative;}

#utilitarios{width:100%; overflow:hidden;}
					
.blocoshome{width:100%; max-width:1200px; margin:0 auto; overflow:hidden; font-size:0;}
.utilit_blocos{width:calc(100% / 5 - 3%); margin: 1.5%; display:inline-block; vertical-align:middle; padding:15px 0; }
.utilit_blocos img{float:left; margin-right: 10px; top:-15px; position:relative;}
.utilit_blocos h1{font:30px/40px 'denseregular'; color:#222; text-align:center; margin-bottom:15px; text-transform:uppercase;}
.utilit_blocos h2{font:18px/20px 'denseregular'; color:#333; margin-bottom:30px;}
.utilit_blocos button{font:20px 'denseregular'; color:#FC0; display:block; cursor:pointer; background:#333; padding:8px 0; border-radius:10px; margin: 0 auto; text-decoration:none; text-align:center; width:90%; outline:none;}
.utilit_blocos button:hover{background:#606060; color:#f4f4f4;}

#pagina_home{width:98%; max-width:1200px; padding: 35px 0; margin:0 auto; overflow:hidden;}
#pagina_home .bemvindo{width: 68%; overflow:hidden; float:left;}
#pagina_home .up{width:100%; overflow:hidden;}
#pagina_home .up img{float:left; margin-right:15px;  padding-top: 10px; padding-bottom:100px; }
#pagina_home .down{width:100%; overflow:hidden; margin-top: 12px;}
#pagina_home .down .blocos{width:calc(50% - 40px); margin:10px; padding:10px; float:left; border-radius:10px; cursor:pointer; display:block; background:#D6D6D6;}
#pagina_home .down .icon:before{font:50px/80px 'FontAwesome'; color:#333; margin-right:10px; float:left;}
.icone1:before{content:"\f133";}
.icone2:before{content:"\f1ec";}
.icone3:before{content:"\f044";}
.icone4:before{content:"\f115";}
#pagina_home .down .blocos:hover{background:#c5c3c3;}
#pagina_home .noticias{width:30%; overflow:hidden; float:right;}
.not{padding-top: 15px;}
#pagina_home .contato{width:100%; overflow:hidden;}
#pagina_home .endereco{width: 49%; overflow:hidden; float:left;padding-bottom: 20px;}
#pagina_home .endereco a{
	color:#0088ff;
}
#pagina_home .formulario{width: 49%; overflow:hidden; float:right; padding-bottom: 20px;}
#pagina_home .mapa{width: 100%; overflow:hidden; padding:10px 0;}

#pagina_home h1 {font:bold 30px/40px 'denseregular'; color:#FC0; text-transform:uppercase;}
#pagina_home h2 {font:30px/35px 'denseregular'; color:#222; text-transform:uppercase;}
#pagina_home h3{font: 12px/17px Arial; color:#333; text-align:justify;}
#pagina_home p{font: 12px/22px Arial; color:#333;}
#pagina_home a {font: 12px/17px Arial; color:#FC0; text-decoration:none;}
#pagina_home a:hover {font: 12px/17px Arial; color:#333;}

#formContato { width:98%; }
#formContato input { width:100%; background:#f4f4f4; border-radius:8px; padding:10px 0; color:#999; font:12px arial; margin-bottom:3px; text-indent:10px; }
#formContato textarea { width:100%; background:#f4f4f4; border-radius:8px; padding:10px 0; color:#999; font:12px Arial; margin-bottom:3px; resize:none; text-indent:10px;}
#formContato button {font:20px 'denseregular'; color:#FC0; display:block; cursor:pointer; background:#333; padding:8px 0; border-radius:10px; margin: 5px; text-decoration:none; text-align:center; width:20%; float:left;}
#formContato button:hover {background:#606060; color:#f4f4f4;}

#area_restrita{width:100%; overflow:hidden; padding:20px 0;}
.restrito{width:100%; max-width:1200px; overflow:hidden; margin: 0 auto; font-size:0;}
#area_restrita img{float:left; margin-right:15px;}
#area_restrita p {font:30px/40px 'denseregular'; color:#222; text-transform:uppercase; text-indent:4px;}
#area_restrita input{padding:10px; width:18%; margin:15px 5px; margin-right:8px; border-radius:5px; float:left;}
#area_restrita a{font:24px/64px 'denseregular'; color:#222; text-decoration:none; padding-left:10px;}
#area_restrita a:hover{color:#999;}
/* #area_restrita button{font:20px 'denseregular'; color:#FC0; display:block; cursor:pointer; background:#333; padding:8px; border-radius:10px; text-decoration:none; text-align:center; margin: 15px 2px; float:left; outline:none;} */
/* #area_restrita button:hover{background:#606060; color:#f4f4f4;} */

#rodape{width:100%; overflow:hidden; background:#222; padding: 40px 0;}
#rodape p{font:20px/80px 'denseregular'; color:#FFF; text-align:center;}
#rodape a{font:20px/30px 'denseregular'; color:#FC0; text-decoration:none;}
#rodape a:hover{color:#FFF;}

#utilitarios, #area_restrita{background: rgb(124,124,124);
		background: -moz-linear-gradient(top,  rgba(124,124,124,1) 0%, rgba(219,219,219,1) 97%);
		background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(124,124,124,1)), color-stop(97%,rgba(219,219,219,1)));
		background: -webkit-linear-gradient(top,  rgba(124,124,124,1) 0%,rgba(219,219,219,1) 97%);
		background: -o-linear-gradient(top,  rgba(124,124,124,1) 0%,rgba(219,219,219,1) 97%);
		background: -ms-linear-gradient(top,  rgba(124,124,124,1) 0%,rgba(219,219,219,1) 97%);
		background: linear-gradient(to bottom,  rgba(124,124,124,1) 0%,rgba(219,219,219,1) 97%);
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#7c7c7c', endColorstr='#dbdbdb',GradientType=0 );}


button[name='cliente']{ display:inline-block; width:calc(100% / 5 - 3%); margin: 1.5%; vertical-align: middle; border-radius:4px; padding: 20px 0; background: #333; color: #FC0; cursor:pointer; outline:none; font:30px 'denseregular'; }
button[name='cliente']:hover{ background:#606060; color:#f4f4f4; }

/* FOMRULARIO */

.flex{ display: flex; }
.wrap{ flex-wrap: wrap; }
.ai-c{ align-items: center; }
.jc-sb{ justify-content: space-between; }

.contato-for { display: flex; flex-wrap: wrap; }
.contato-for input, .contato-for textarea { flex: 1 200px; padding: 10px; margin: 3px; border-radius: 3px; background: whitesmoke; font: 12px Arial; }
.contato-for button{ margin: 3px; padding: 15px 25px; background: #FFCC00; color: #333; border-radius: 3px; cursor: pointer; }
.contato-for button:hover { background: #333; color: white; }
.contato-for #loading { font-size: 14px; color: #333; }

#result {
    padding: 15px;
     margin: 20px 0;
     display: none;
     border-radius: 3px;
     font-family: inherit;
     font-size: inherit;
}

@media screen and (max-width:1199px){
	.sl{ width:10%; padding:50px 0; }
}

@media screen and (max-width:1110px){
	#logo{ width:100%; max-width:400px; }
}

@media screen and (max-width:999px){
	#logo{ width:100%; max-width:350px; }
}

@media screen and (max-width:943px){
	.blocos{min-height:121px; }
	#slogan h1{font-size:30px;}
	#slogan h2{font-size:32px;}
    #area_restrita img{display:none;}
	
	#logo{ max-width:400px; display:block;  float:none; margin:0 auto;}
	
	#espaco_menu{ width:98%; display:block; float:none; margin:0 auto; }
	nav select{ display:block; }
	#menu, #pagina_home .up img{display:none;}
	
	.utilit_blocos{width:calc(100% / 2 - 3%); }
	.utilit_blocos img{ top:-25px; position:relative;}
	
	button[name='cliente']{ width:calc(100% / 2 - 3%); } 
	
	.sl{ width:100%; padding:10px 0; }
}
	
@media screen and (max-width:900px){
	/* .blocos{min-height:156px; } */
	
	}	
	
@media screen and (max-width:768px){
	#pagina_home .noticias{width:95%; overflow:hidden; float:none; }
	/* .blocos{min-height:121px; } */
	/* #logo{width:100%;  float:none; margin:0 auto;} */
	/* #espaco_menu{width:calc(100% - 20px); margin: 0 10px;} */
	/* .utilit_blocos{width:calc(50% - 20px);} */
	/* .utilit_blocos img, #pagina_home .noticias, #slogan {display:none;} */
	/* .utilit_blocos h2{text-align:center;} */
	#area_restrita input{margin:15px 1px;} 
	#area_restrita a{padding-left:5px;}
	#pagina_home .bemvindo{width:100%;}
	#pagina_home h3{line-height:16px;}
}

@media screen and (max-width:640px){
	#slogan{display:none;}
	#area_restrita input{width:calc(100% - 30px); margin:5px 5px;}
	#pagina_home .down .blocos{width:calc(50% - 20px); margin:5px; padding:5px;}
	#pagina_home .endereco, #pagina_home .formulario{width: 100%;}
}

@media screen and (max-width:528px){
	/* .blocos{min-height:121px; } */
	/* .icone1:before, .icone2:before, .icone3:before, .icone4:before {display:none;} */
	}

@media screen and (max-width:480px){
	.utilit_blocos{width:calc(100% - 3%); margin:0 auto; display:block; }
	button[name='cliente']{ width:calc(100% - 3%); margin:1.5% auto; display:block; } 

	/* .blocos{min-height:0; } */

	 #pagina_home .down .blocos{width:calc(100% - 20px);} 
	/* .icone1:before, .icone2:before, .icone3:before, .icone4:before {display:block;} */
}


.btn-whatsapp {
	position: fixed;
	bottom: 10px;
	right: 10px;
	z-index: 10000;
}