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

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

nav select { display:none; padding:30px; width:calc(100% - 20px); margin:150px 10px 0; }

#menu li a div, .mais a, #midiasystem button, #midiasystem a, .uteis, .links, #form_contato button, #campo_news { -webkit-transition:all 250ms; -moz-transition:all 250ms; -ms-transition:all 250ms; -o-transition:all 250ms; }

#foto_fundo { width:100%; height:800px; background:url(imagens/foto-topo.jpg) center no-repeat; overflow:hidden; }

#logo { width:725px; height:auto; display:block; margin:0 auto; padding-top:125px; }
#logo img {width: 100%; max-width: 500px; display: block; margin: 0 auto;}
.tit { text-align:right; color:#FFF; font: 75px 'bernhardfashion_btregular'; text-shadow:0px 0px 10px rgba(0,0,0,0.4); }
.bemvindo { text-align:right; color:#FFF; font: 60px 'rochesterregular'; text-shadow:0px 0px 10px rgba(0,0,0,0.4); }
.descritivo { text-align:center; color:#FFF; font: 20px 'rochesterregular'; padding-top:50px; text-shadow:0px 0px 10px rgba(0,0,0,0.4); }

#menu { width:725px; height:100px; background:#FFF; margin:0 auto; list-style:none; position:relative; font-size:0; margin-top:125px; }
#menu p { position:relative; z-index:10; }
#menu li { display:inline-block; width: 20%; }
#menu li a { font:30px/100px 'rochesterregular'; color:#990000; text-align:center; border-right: 1px solid #eaeaeb; display:block; position:relative; text-decoration:none; }
#menu li:last-child a { border-right:none; }
#menu li a div { position:absolute; background:#f4f4f4; width:100%; height:0; bottom:0; }
#menu li a:hover div { height:100%; }


#campo_textos { width:100%; max-width:1000px; overflow:hidden; margin:0 auto; padding-top:50px; }
.titulos { font: 60px 'rochesterregular'; color:#990000; padding-bottom:10px; }
.textos { font: 12px/20px 'Arial'; color:#666; text-align:justify; }
.textos a { color:#990000; text-decoration:none; }
.textos a:hover { color:#cc0000; }


.empresa_home { width:48%; float:left; overflow:hidden; }
.servico_home { width:48%; margin-left:4%; float:left; overflow:hidden; }
.paginas { width:100%; line-height:73px; padding-bottom:50px; }


.mais { width:100%; background:#990000; height:50px; margin-top:20px; font:25px/50px 'rochesterregular'; text-align:center; }
.mais a { text-decoration:none; display:block; cursor:pointer; color:#fff; }
.mais a:hover { background:#cc0000; }

#campo_news {width: 100%; max-width: 1000px; margin: 0 auto; margin-top: 30px; background: #990000; text-align: center; cursor: pointer;}
#campo_news a {font:25px/50px 'rochesterregular'; color: #FFF; text-decoration: none;}
#campo_news:hover {background:#cc0000;}


#ms { width: 100%; max-width: 1000px; margin: 0 auto; overflow:hidden; padding-top:50px; }
.tit_ms { font: 50px 'bernhardfashion_btregular'; }
#midiasystem { width:100%; padding-top:10px; overflow:hidden; }
#midiasystem input { width:21%; height:50px; padding:0 10px; background:#EAEAEA; float:left; margin-right:5px; box-sizing:border-box; }
#midiasystem button { width:8%; text-align:center; background:#999; color:#fff; line-height:50px; cursor:pointer; float:left; margin-right:5px;  }
#midiasystem button:hover { background:#666; }
#midiasystem a { font:20px/50px 'rochesterregular'; padding:0 10px; background:#990000; color:#fff; text-decoration:none; display:inline-block; }
#midiasystem a:hover { background:#cc0000; }


#campo_utilitarios { width:100%; height:400px; background:url(imagens/foto-utilitarios.jpg) center no-repeat; margin-top:70px; overflow:hidden; }
#utilitarios { width:100%; max-width:1000px; overflow:hidden; margin:0 auto; padding-top:30px; }
.uteis { width:50%; padding:30px; float:left; border-bottom:rgba(255,255,255,.5) dotted 1px; border-left:rgba(255,255,255,.5) dotted 1px; text-decoration:none; box-sizing:border-box; }
.uteis:nth-child(1) { border-left: none; }
.uteis:nth-child(3) { border-bottom: none; border-left: none; }
.uteis:nth-child(4) { border-bottom: none; }
.uteis .titulos { font: 50px 'rochesterregular'; color:#fff; }
.uteis .textos { font: 12px/30px 'Arial'; color:#fff; }
.uteis i { float:left; color:#fff; margin-right:10px; }
.uteis:hover { background:rgba(255,255,255,.1); }


#campo_links { width:100%; max-width:1000px; overflow:hidden; margin:0 auto; padding-top:50px; bottom:-70px; z-index:99; position:relative; background:#FFF; }
.links { width:25%; font: 12px 'Arial'; color:#666; text-align:center; text-decoration:none; background:rgba(220,220,220,.1); padding:30px 0; float:left; box-sizing:border-box; }
.links:hover { background:rgba(200,200,200,.2); }


#campo_rodape { width:100%; background:#000; padding:7% 0 5% 0; box-sizing:border-box;  z-index:-99; }
#rodape { width:100%; max-width:1000px; margin:0 auto; position:relative; overflow:hidden; margin-top:70px; }
.tit_rodape { font: 70px 'bernhardfashion_btregular'; color:#FFF; text-align:center; padding-top:70px; }
.textos_rodape { font: 12px/30px 'Arial'; color:#fff; text-align:center; }


#form_contato { width:100%; overflow:hidden; }
#form_contato #campos { width:50%; float:left; }
#form_contato #botoes { width:50%; float:left; }
#form_contato input { width:100%; padding:20px; background:rgba(255,255,255,.1); float:left; font:30px 'bernhardfashion_btregular'; color:#FFF; border-bottom:solid 1px rgba(255,255,255,.1); box-sizing:border-box; }
#form_contato textarea { width:50%; padding:20px; background:rgba(255,255,255,.1); right:0; top:0; resize:none; font:30px 'bernhardfashion_btregular'; color:#FFF; box-sizing:border-box; position:absolute; }
#form_contato button { width:50%; text-align:center; background:rgba(255,255,255,.5); font: 50px 'rochesterregular'; color:#FFF; line-height:73px; cursor:pointer; float:left; }
#form_contato button:hover { background:rgba(255,255,255,1); }




@media screen and (max-width:768px) {
	#logo { width:100%; }
	.titulos { font: 50px 'rochesterregular'; }
	.uteis .titulos { font: 35px 'rochesterregular'; }
	.uteis .textos { font: 12px/25px 'Arial'; }
}

@media screen and (max-width:640px) {
	#logo { width:100%; }
	.tit { text-align:center; font: 50px 'bernhardfashion_btregular'; }
	.bemvindo { text-align:center; font: 50px 'rochesterregular'; }
	#menu { width:100%; }
	.titulos { font: 40px 'rochesterregular'; }
	.empresa_home { width:98%; float:none; margin:0 auto; }
	.servico_home { width:98%; float:none; margin:0 auto; }
	.paginas { width:98%; margin:0 auto; }
	.mais {  margin-bottom:30px; }
	#midiasystem input { width:calc(50% - 4px); margin-right:2px; }
	#midiasystem button { width:calc(15% - 2px); margin-right:1px;  }
	#campo_utilitarios { background:#cc0000; height:auto; }
	#utilitarios { padding-top:0; }
	.uteis { width:100%; border-bottom:rgba(255,255,255,.5) dotted 1px !important; border-left:0; }
}

@media screen and (max-width: 480px) {
	.tit { font: 40px 'bernhardfashion_btregular'; }
	#menu { display:none; }
	nav { overflow:hidden; }
	nav select { display:block; }
	#midiasystem button { width:calc(25% - 2px); margin-right:1px;  }
	#midiasystem a { width:100%; text-align:center; }
	.links { width:50%; }
	#form_contato input { font:20px 'bernhardfashion_btregular'; }
	#form_contato textarea { font:20px 'bernhardfashion_btregular'; }
	#form_contato button { font: 40px 'rochesterregular'; }
}

@media screen and (max-width: 320px) {
	.tit { font: 30px 'bernhardfashion_btregular'; }
	nav select { margin:75px 10px 0; }
	#form_contato #campos { width:100%; }
	#form_contato #botoes { width:100%; position:absolute; padding-top:222px; }
	#form_contato textarea { width:100%; position:relative; }
	.uteis .titulos { font: 28px 'rochesterregular'; }
}