@charset "utf-8";
@import url('https://fonts.googleapis.com/css?family=Yantramanav:400,900');

body { margin: 0 auto; background-color: #FAFAFA; font-family: 'Yantramanav', sans-serif; font-size: 16px;}
body a:link { text-decoration: none; color: #000000;}
body a:visited { color: #000000;}
body a:hover { color: #000000;}
body a:active { color: #000000;}
body h1, h2, h3, h4, h5, h6 {font-weight: normal; margin: 0;} 
body img { border: 0;}
body .center { margin: 0 auto; width: 88%;}
body .sombra1 { -webkit-box-shadow: 0 5px 10px -5px rgba(0,0,0,0.4); -moz-box-shadow: 0 5px 10px -5px rgba(0,0,0,0.4); box-shadow: 0 5px 10px -5px rgba(0,0,0,0.4);}
body .sombra2 { -webkit-box-shadow: 0 0 0 1px #CCCCCC; -moz-box-shadow: 0 0 0 1px #CCCCCC; box-shadow: 0 0 0 1px #CCCCCC;}
body .sombra3 { -webkit-box-shadow: 0 0 13px -5px rgba(0,0,0,0.4); -moz-box-shadow: 0 0 13px -5px rgba(0,0,0,0.4); box-shadow: 0 0 13px -5px rgba(0,0,0,0.4);}
body .border2 { -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px;}
body .border4 { -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px;}
body .border100 { -webkit-border-radius: 100px; -moz-border-radius: 100px; border-radius: 100px;}
body .t5 {-webkit-transition: 0.5s ease-in; -moz-transition: 0.5s ease-in; -o-transition: 0.5s ease-in; transition: 0.5s ease-in;}
body .n { display: none;}

header { float: left; width: 100%; position: fixed; z-index: 200;}
header .padrao { float: left; width: 100%; padding: 5px 0 3px; background-color: #FFFFFF; position: relative; z-index: 20;}
header .padrao .logo { float: left;}
header .padrao .logo img { float: left; font-size: 0;}
header .padrao .links { float: left; margin: 25px 0 0 15%;}

header .padrao .links a { float: left; padding: 12px 15px 10px 50px; border: 1px solid #000000; background-position: 15px 50%; background-repeat: no-repeat; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px;}
header .padrao .links a.whatsapp { background-image: url('../imagens/whatsapp.png');}
header .padrao .links a.whatsapp:hover { background-color: #000000; color: rgb(255 255 255);}

header .padrao .sociais { float: right; margin-top: 25px;}
header .padrao .sociais .ico { float: left; width: 40px; height: 40px; border: 2px solid #000000; margin-left: 5px; font-size: 0; background-position: 0 100%; background-repeat: no-repeat; -webkit-border-radius: 12px; -moz-border-radius: 12px; border-radius: 12px;}
header .padrao .sociais .ico.facebook { background-image: url('../imagens/icoFacebook.png');}
header .padrao .sociais .ico.instagram { background-image: url('../imagens/icoInstagram.png');}
header .padrao .sociais .ico:hover { background-position: 0 0;}

header .padrao .mmobile { float: right; width: 35px; height: 35px; margin-top: 28px; position: relative; display: none;}
header .padrao .mmobile .abre { position: absolute; width: 100%; height: 100%; z-index: 100;}
header .padrao .mmobile .fecha { position: absolute; width: 100%; height: 100%; z-index: 0;}
header .padrao .mmobile .fecha.prioridade { z-index: 200;}
header .padrao .mmobile .img { float: left; width: 100%; z-index: -10;}

header .topo { float: left; width: 100%; background-color: #242530; position: relative; z-index: 10;}
header .topo .menu { float: left;}
header .topo .menu a { float: left; padding: 27px 15px 23px; border-left: 1px solid #000000; text-transform: uppercase; font-weight: bold; font-size: 1em; color: #FFFFFF;}
header .topo .menu a:hover { background-color: #00CCFF !important;}
header .topo .menu a.ativo { background-color: #00CCFF;}
header .topo .menu:hover a.ativo { background-color: #333333;}
header .topo .menu a.ultimo { border-right: 1px solid #000000;}
header.fixed .padrao { margin-top: -117px;}

#menu { position: fixed; width: 100%; height: 100%; background-color: rgba(0,0,0,0.80); z-index: 400; display: none;}
#menu .tab { float: left; width: 90%; margin: 60px 3% 0; padding: 20px 2%; background-color: #FFFFFF; position: relative;}
#menu .tab .fechar { position: absolute; width: 40px; height: 40px; top: 10px; right: 10px; background-image: url(../imagens/icoFechar.png);}
#menu .tab .links { float: left; width: 45%;}
#menu .tab .links a { float: left; width: 98%; padding: 7px 1%; border-bottom: 2px dotted #CCCCCC; font-size: 1.2em;}
#menu .tab .links a:hover { color: #FE342A;}
#menu .tab .links a.ativo { color: #FE342A;}

#menu .tab .mais { float: right; width: 53%; margin-top: 35px;}
#menu .tab .mais .opc { float: left; width: 100%;}
#menu .tab .mais .opc a { float: left; padding: 12px 15px 10px 50px; border: 1px solid #000000; background-position: 15px 50%; background-repeat: no-repeat; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px;}
#menu .tab .mais .opc a.whatsapp { background-image: url('../imagens/whatsapp.png');}
#menu .tab .mais .opc a.whatsapp:hover { background-color: #000000; color: rgb(255 255 255);}
#menu .tab .mais .sociais { float: left; width: 100%; margin-top: 5px;}
#menu .tab .mais .sociais .ico { float: left; width: 30px; height: 30px; border: 1px solid #000000; margin-left: 5px; font-size: 0; background-position: 0 100%; background-repeat: no-repeat;}
#menu .tab .mais .sociais .ico.facebook { background-image: url(../imagens/icoFace.png);}
#menu .tab .mais .sociais .ico.twitter { background-image: url(../imagens/icoTwi.png);}
#menu .tab .mais .sociais .ico.youtube { background-image: url(../imagens/icoYou.png);}
#menu .tab .mais .sociais .ico.linkedin { background-image: url(../imagens/icoLin.png);}
#menu .tab .mais .sociais .ico:hover { background-position: 0 0;}
#menu.mobile { display: block;}

footer .rodape { float: left; width: 100%; padding: 25px 0 20px; background-color: #000000; text-align: center; color: #585858;}
footer .desenvolvido { float: left; width: 100%; padding: 10px 0 8px; background-color: #00CCFF;}
footer .desenvolvido h4 { text-align: center; font-size: 0.9em; color: #FFFFFF;}
footer .desenvolvido h4 a { color: #FFFFFF;}

@media only screen and (max-width: 1000px) {
	body .center { width: 94%;}
}
@media only screen and (max-width: 900px) {
	header .padrao .mmobile { display: block;}
	header .padrao .links { display: none;}
	header .padrao .sociais { display: none;}
	header .topo { display: none;}
}
@media only screen and (max-width: 380px) {
	header .padrao .logo { max-width: 80%;}
	header .padrao .logo img { width: 100%;}
}