@charset "utf-8";

body { margin: 0 auto; font-family:'Segoe UI', Arial; font-size:15px;}

a:link {text-decoration:none;color:#000;}
a:visited {color:#000;}
a:hover {color: #555;}
a:active {color:#555;}

h1, h2, h3, h4, h5, h6 {font-weight:normal; margin:0;} 
img { float:left; width:100%; border:0;}

.n {float:left; border:0; width:0; height:0; display:none;}
.center { margin:0 auto; width:85%;}
.sombra {-webkit-box-shadow:0 6px 10px -6px rgba(0,0,0,0.2); -moz-box-shadow:0 6px 10px -6px rgba(0,0,0,0.2); box-shadow:0 6px 10px -6px rgba(0,0,0,0.2);}
.t4 {-webkit-transition: 0.4s ease-in; -moz-transition: 0.4s ease-in; -o-transition: 0.4s ease-in; transition: 0.4s ease-in;}
.border4 {-webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px;}

header { float:left; width:100%; background-color:#FFFFFF; border-bottom:1px solid #DDDDDD;}
header .menu { float:left; width:100%; background-color:#056E46; border-bottom:3px solid #034B30;}
header .menu a { float:left; padding:30px 15px 25px; margin-right:2px; text-transform:uppercase; color:#FFFFFF; font-size:0.9em; font-weight:bold;}
header .menu a:hover { background-color:#034B30; color:#FFFFFF;}
header .menu .ativo { background-color:#034B30; color:#FFFFFF;}
header .menu .telefone { float:right; width:200px; padding:7px 0 0;}
header .menu .telefone .tab { float:right;}
header .menu .telefone .ico { float:left; width:30px;}
header .menu .telefone strong { float:left; padding:5px 0 0; font-weight:normal; font-size:1em; color:#FFFFFF;}

header .logo1 { float:left; width:19%; padding:7px 0 5px;}
header .logo2 { float:left; width:17%; padding:15px 0 5px; margin-left:2%;}

header .destaque { float:right; width:45%; padding:6px 0 0;}
header .destaque a { float:right; padding:5px; margin-left:5px; margin-top:5px; background-color:#EEEEEE;}
header .destaque a:hover {background-color:#221F20; color:#FFFFFF;}
header .destaque .ativo {background-color:#221F20; color:#FFFFFF;}

header .icoMenu { float:right; width:25px; height:25px; margin-top:35px; position:relative; display:none;}
header .icoMenu .abrirM { position:absolute; width:25px; height:25px; z-index:100;}
header .icoMenu .fecharM { position:absolute; width:25px; height:25px; z-index:0;}
header .icoMenu .fecharM.prioridade { z-index:200;}
header .icoMenu img { z-index:-10;}

footer { float:left; width:100%; border-top:4px solid #FFFFFF; background-color:#056E46;}
footer .desenvolvimento { float:left; width:100%; padding:40px 0 35px; text-align:center; font-size:1.1em; color:#FFFFFF;}
footer .desenvolvimento a {color:#FFFFFF;}

@media only screen and (max-width: 1200px) {
	header .destaque { padding:7px 0 0;}
}
@media only screen and (max-width: 1100px) {
	.center { width:92%;}
	header .menu a {padding:27px 7px 20px;}
	header .logo1 { width:22%;}
	header .destaque a { padding: 4px; margin-top: 4px; font-size: 0.9em;}
}
@media only screen and (max-width: 1000px) {
	header .destaque { display:none;}
	header .icoMenu { display:block;}
	header .menu.mobile { left:0;}
	header .menu { position:fixed; width:50%; padding:0; height:100%; top:0; left:-52%; background-color:#056E46; z-index: 1000;}
	header .menu a { float:left; width:96%; margin-top:10px; padding:10px 2% 8px; border-top:1px solid #03492E; border-bottom:1px solid #03492E; color:#FFFFFF;}
	header .menu .telefone { float:left; width:100%;}
	header .menu .telefone .tab { float: left; width: 100%; padding: 2px 0;}
}
@media only screen and (max-width: 700px) {
	header .logo1 { width:32%;}
	header .logo2 { width:30%;}
}
@media only screen and (max-width: 600px) {
	header .logo1 { width:42%;}
	header .logo2 { width:40%;}
}
@media only screen and (max-width: 500px) {
	header .icoMenu { margin-top:20px;}
}