@import url('https://fonts.googleapis.com/css?family=Lato:300,400,700');

* {padding:0;margin:0;list-style:none;font-family:Lato;text-decoration:none}

html, body {display:block;height:100%;width:100%}
section {text-align:center;display:block;position:relative}
.marginNone{margin: 0 !important}

.limite {margin:0 auto;text-align:left;max-width:1150px}
#topo {height:150px;}
#topo #topoContatos{height: 50px;background:#EF7321;width: 100%;}
#topo #topoContatos .limite div{line-height: 50px; font-size: 16px; color: #fff; width: 300px; float: left;}
#topo #topoContatos .limite div img{vertical-align: middle; margin: 0 5px 0 20px}
#topo #topoContatos a{line-height: 30px;width: 180px; border-radius: 15px; color:#fff; display: inline-block; 
	float: right; border: 1px solid #fff; text-align: center; margin-top: 7px}
#topo #topoMenu {height: 100px;}
#topo #topoMenu h1 {background:url(/imagens/logo.png) center no-repeat;width:264px;height:55px; margin-top: 22px; margin-right: 0px; float: left;}
#topo #topoMenu .mainmenu {float:right; margin-top: 35px}
#topo #topoMenu .mainmenu li {float:left;margin:0 10px; position: relative;}
#topo #topoMenu .mainmenu li.ultimo {margin-right:0}
#topo #topoMenu .mainmenu li a {color:#3F3F41;font-size:16px}
#topo #topoMenu .mainmenu li > a:hover, #topo #topoMenu .mainmenu li > a.hover {color:#EF7321}
#topo #topoMenu .menupai {padding-bottom: 15px; z-index: 100;}
#topo #topoMenu .menupai:hover .submenu {display: block;}
#topo #topoMenu .submenu {display: none; position: absolute; top: 100%; margin: 0 auto; width: 200px; background: #113D67; padding: 15px 0; box-shadow: 0px 3px 3px rgba(0,0,0,0.3);}
#topo #topoMenu .submenu li {background: #113D67; padding: 10px 0;}
#topo #topoMenu .submenu a {color: #FFFFFF !important}
#topo #topoMenu .submenu a.hover, #topo #topoMenu .submenu a:hover {color: #FFFFFF !important; font-weight: 700;}
#topo #topoMenu .submenu::before {content: ''; display: block; width: 10px; height: 10px; position: absolute; top: -5px; left: 20px; transform: rotate(45deg); background-color: #113D67;}
#bt-menu-mobile {display: none}

#rodape{height: 300px; padding-top: 70px; background: #EF7422; color:#fff; font-size: 14px}
#rodape .colunaRodape{float: left; margin-right: 100px; line-height: 150%}
#rodape .colunaRodape .titulo{font-size: 27px;}
#rodape #redesSociais{position: relative;width: 180px; margin: 100px auto 0}
#rodape #redesSociais a{display: inline-block; float: left; margin-right: 30px; width: 37px; height: 36px; background-repeat: no-repeat;}
#rodape #redesSociais #yt{background-image: url('/imagens/rodapeYoutube.png');}
#rodape #redesSociais #fb{background-image: url('/imagens/rodapeFb.png');}
#rodape #redesSociais #ig{background-image: url('/imagens/rodapeIg.png');}
#rodape #zoom{float: right;}

@media screen and (max-width: 1100px) {
	#topo #topoMenu .mainmenu li a {font-size: 14px;}
}
@media screen and (max-width: 1030px) {
	#topo #topoMenu .mainmenu li {margin: 0 5px;}
}
@media screen and (max-width: 950px) {
/*@media screen and (max-width: 500px) {*/
	section{width: 100%}
	.limite {max-width:100%}
	.marginNone{margin: auto !important;}
	h1 {width: 200px;height: 50px;margin-left: 0;padding: 5px;background-size: contain;float: right;margin-right: 20px;}	
	.limite {text-align:left;margin:0 auto;width:100% !important}
	
	#topo #topoContatos .limite div {width: 100%;text-align: center;}
	#topo #topoContatos a{display: none}
	#topo #topoMenu {height: 100px;}
	#topo #topoMenu h1 {background:url(/imagens/logo-mobile.png) center no-repeat;width:190px;height:40px;margin: 10px; }
	#bt-menu-mobile{display: block; background-image: url(/imagens/bt-mobile.png); display: block; float: right; width: 50px; height: 50px; background-color: #EF7422; background-position: left; background-repeat: no-repeat;box-shadow: 3px 2px 2px rgba(0,0,0,0.3);p;margin: 10px;}

	#topo #topoMenu .mainmenu {display:none; float: none; margin: 0 auto;  position: absolute;  z-index: 999999999;  background: #EF7321;  width: 300px;top: 110px; right: 10px; box-shadow: 3px 2px 2px rgba(0,0,0,0.3);padding: 20px 0;}
	#topo #topoMenu .mainmenu > li {float:none;margin: 0px 15px 13px !important; display: inline-block; width: 300px;}
	#topo #topoMenu .mainmenu > li a {color:#fff;font-size:16px}
	#topo #topoMenu .mainmenu > li a:hover, #topo #topoMenu .mainmenu > li a.hover {color:#fff; font-weight: bold;}
	#topo #topoMenu .menupai {padding-bottom: 0; z-index: inherit;}
	#topo #topoMenu .submenu {display: block; position: static; padding: 0; box-shadow: none; background: #EF7321}
	#topo #topoMenu .submenu li {padding: 7px 0;background: #EF7321}
	#topo #topoMenu .submenu::before {display: none;}





	#rodape{height: auto; padding: 20px 0 150px;}
	#rodape .colunaRodape {    float: left;   margin: 0px auto 35px;       margin-right: auto;   line-height: 150%;    width: 150px;}
	#rodape .colunaRodape img{width: 130px}
	#rodape .colunaRodape .titulo{font-size: 27px;}
	#rodape #redesSociais{margin: 10px auto 0}	
	#rodape #zoom{float: right; margin-top: 20px}
}