@charset "utf-8";

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

body { margin: 0 auto; font-family: 'Yantramanav', sans-serif; font-size: 16px;}
body a:link { text-decoration: none; color: rgb(1, 3, 16);}
body a:visited { color: rgb(1, 3, 16);}
body a:hover { color: rgb(1, 3, 16);}
body a:active { color: rgb(1, 3, 16);}
body h1, h2, h3, h4, h5 { margin: 0; font-weight: normal; color: rgb(1, 3, 16);}
body img { border: 0;}

body .center { margin: 0 auto; width: 96%;}
body .border { -webkit-border-radius: 10px;-moz-border-radius: 10px; border-radius: 10px;}
body .circulo { -webkit-border-radius: 1000px;-moz-border-radius: 1000px; border-radius: 1000px;}
body .sombra { -webkit-box-shadow: 0 5px 10px -5px rgb(0, 0, 0, 5%); -moz-box-shadow:0 5px 10px -5px rgb(0, 0, 0, 5%); box-shadow:0 5px 10px -5px rgb(0, 0, 0, 5%);}
body .t4 { -webkit-transition: 0.4s ease-in; -moz-transition: 0.4s ease-in; -o-transition: 0.4s ease-in; transition: 0.4s ease-in;}
body .t10 { -webkit-transition: 1s ease-in; -moz-transition: 1s ease-in; -o-transition: 1s ease-in; transition: 1s ease-in;}
body .pointer { cursor: pointer;}
body .none { display: none;}
body .noneim { display: none !important;}

body .titulo { float: left; width: 100%;}
body .titulo h2 { float: left; width: 100%; padding: 3px 0 0; margin: 0 0 10px; background-color: rgb(220, 222, 233); text-transform: uppercase; text-align: center; font-weight: bold; font-size: 1.2em; -webkit-border-radius: 10px; -webkit-border-bottom-right-radius: 2px; -webkit-border-bottom-left-radius: 2px; -moz-border-radius: 10px; -moz-border-radius-bottomright: 2px; -moz-border-radius-bottomleft: 2px; border-radius: 10px; border-bottom-right-radius: 2px; border-bottom-left-radius: 2px;}
body .titulo h3 { float: left; width: 100%; padding: 3px 0 0; background-color: rgb(220, 222, 233); text-transform: uppercase; text-align: center; font-weight: bold; font-size: 1.2em; -webkit-border-radius: 10px; -webkit-border-bottom-right-radius: 2px; -webkit-border-bottom-left-radius: 2px; -moz-border-radius: 10px; -moz-border-radius-bottomright: 2px; -moz-border-radius-bottomleft: 2px; border-radius: 10px; border-bottom-right-radius: 2px; border-bottom-left-radius: 2px;}

body .loader { position: fixed; width: 100%; height: 100%; top: 0; left: 0; z-index: 300; background-color: rgb(90 90 90 / 50%);}
body .loader .ico { position: absolute; width: 30px; height: 30px; top: 50%; left: 50%; margin: -20px 0 0 -20px; border: 10px solid rgb(250 250 250); border-top-color: rgb(14 23 30); border-bottom-color: rgb(14 23 30); -webkit-animation: rotacao 1s infinite; -moz-animation: rotacao 1s infinite; animation: rotacao 1s infinite;}

header { position: fixed; width: 100%; padding: 14px 0 12px; background-color: rgb(220, 222, 233); z-index: 1000;}
header .logo { position: absolute; width: 100%; top: 0; left: 0; padding: 5px 0; text-align: center; font-size: 0; z-index: 1;}

header .menu { float: left; margin: 12px 0 0; position: relative; z-index: 2;}
header .menu .link { float: left; padding: 4px; margin: 0 4px 0 0; font-weight: bold; font-size: 0.9em; -webkit-border-radius: 5px;-moz-border-radius: 5px; border-radius: 5px;}
header .menu .link:hover { background-color: #b7b9c3 !important;}
header .menu .ativo { background-color: #b7b9c3;}
header .menu:hover .ativo { background-color: rgb(220, 222, 233);}

header .whatsapp { float: right; margin: 0 1% 0 0; padding: 2px 8px 2px 2px; position: relative; z-index: 2;}
header .whatsapp .ico { float: left; width: 34px; height: 34px; margin: 5px 0; background-image: url(../imagens/icoTop5.png); background-position: 50%; background-repeat: no-repeat;}
header .whatsapp .nun { float: left; margin: 4px 0 0 2px; font-size: 0.9em;}
header .whatsapp .nun strong { font-size: 1.1em;}
header .whatsapp:hover { background-color: #b7b9c3;}

header .estilos { float: right; margin: 0 65px 0 0; position: relative;}
header .estilos .espandi { float: left; position: relative; z-index: 2; padding: 10px 20px 8px; margin: 4px 0 0; background-color: #444444; cursor: pointer; font-weight: bold; color: #FFFFFF; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px;}
header .estilos .links { position: absolute; width: 150%; top: 0; left: 0; padding: 50px 0 0; z-index: 1; display: none;}
header .estilos .links .link { float: left; width: 80%; padding: 12px 10% 10px; background-color: #444444; border-bottom: 1px solid #222222; font-weight: bold; color: #FFFFFF;}
header .estilos .links .link.primeiro { -webkit-border-top-left-radius: 5px; -webkit-border-top-right-radius: 5px; -moz-border-radius-topleft: 5px; -moz-border-radius-topright: 5px; border-top-left-radius: 5px; border-top-right-radius: 5px;}
header .estilos .links .link.ultimo { -webkit-border-bottom-right-radius: 5px; -webkit-border-bottom-left-radius: 5px; -moz-border-radius-bottomright: 5px; -moz-border-radius-bottomleft: 5px; border-bottom-right-radius: 5px; border-bottom-left-radius: 5px;}
header .estilos .links .link:hover { background-color: #222222;}
header .estilos:hover .espandi { background-color: #222222;}
header .estilos:hover .links { display: block;}

footer { float: left; width: 100%; padding: 35px 0 0; background-color: rgb(220, 222, 233);}
footer .links { float: left; width: 50%;}
footer .links a { float: left; width: 42%; padding: 12px 2% 10px; margin: 5px 2% 0; background-color: #000109; text-align: center; color: #FFFFFF; -webkit-border-radius: 100px; -moz-border-radius: 100px; border-radius: 100px;}
footer .links a:hover { background-color: #282938;}
footer .app { float: left; width: 20%; margin: 0 0 0 5%; text-align: center;}
footer .app img { max-width: 100%; font-size: 0;}
footer .divulgue { float: right; width: 20%; margin: 0 2% 0 0;}
footer .divulgue a { float: left; width: 100%; padding: 40px 0 20px; text-transform: uppercase; text-align: center; font-weight: bold; font-size: 1.1em;}
footer .divulgue a:hover { text-decoration: underline;}
footer .copyright { float: left; width: 90%; padding: 18px 5% 16px; margin: 30px 0 0; background-color: #000100; text-align: center; color: #FFFFFF;}

@media only screen and (max-width: 1100px){
	header .menu .link { margin: 0 2px 0 0;}
}
@media only screen and (max-width: 1000px){
	header { display: none;}
	header.pagcda { display: none;}
	header.index { display: none;}
}
@media only screen and (max-width: 800px){
	footer .links { width: 100%; margin: 10px 0 0;}
	footer .links a { width: 92%;}
	footer .app { width: 100%; margin: 20px 0 0;}
	footer .divulgue { width: 100%; margin: 0;}
}
@keyframes rotacao{
  to{
    transform: rotate(1turn);
  }
}