@import url('https://fonts.googleapis.com/css?family=Raleway:200,200i,300,300i,400,400i,500,500i,600,600i,700,700i');

/*GERAIS*/
.clear, .clearfix { clear: both; }
.animacao { -moz-transition: all .3s ease; -o-transition: all .3s ease; -webkit-transition: all .3s ease; transition: all .3s ease; }
.pgs { width: 100%; height: auto; clear: both; position: relative; z-index: 100; background-color: #ffffff; }
.pagina { width: 100%; height: auto; clear: both; position: relative; padding-top: 100px; background-color: #ffffff; padding-bottom:40px }
.pagina2 { width: 100%; height: auto; clear: both; position: relative; padding-top: 0px; background-color: #ffffff; padding-bottom:40px }
.util { width: 1024px; margin: 0 auto; height: auto; }
.utiln { padding-top: 30px; width: 100%; height: auto; }

.introducao { width: 100%; height: auto; padding: 20px 0px; }
.introducao .tpagina,.introducao .tsobre { color: #4771fa; font-size: 18px; font-family: 'Raleway'; text-transform: uppercase; font-weight: 700; padding: 0px 0px 10px 0px; text-align: left; width: 100%; }

.tsobregeral { color: #4771fa; font-size: 20px; font-family: 'Raleway'; font-weight: 700; text-transform: uppercase; padding: 25px 0px 25px 0px; text-align: left; width: 100%; }
.tsobregeral2 { color: #4771fa; font-size: 20px; font-family: 'Raleway'; font-weight: 700; text-transform: uppercase; padding: 25px 0px 10px 0px; text-align: left; width: 100%; }

.sucesso { width: 100%; height: 794px; clear: both; position: relative; background-image: url(../img/bg-sucesso.jpg); background-size: auto auto; background-position: center center; background-repeat: no-repeat; }





.intro { font-size: 30px; font-weight: 300; color: #4771fa; font-family: 'Raleway'; width: 100%; text-align: left; font-weight: 300px; letter-spacing: -1px; }

.intro3 { color: #4771fa; font-family: 'Raleway'; font-weight: 400; text-align: center; padding: 40px 0px 15px 0px; letter-spacing: -1px; width: 100%; font-size: 24px; text-transform: uppercase; }
/*.intro3 span { font-weight: 900; }*/

.intro5 { color: #4771fa; font-family: 'Raleway'; font-weight: 800; text-align: left; padding: 15px 0px; letter-spacing: -1px; width: 80%; font-size: 24px; line-height: 30px; }

.intro span,
/*.intro5 span { font-weight: 500; }*/

.intro6 { color: #4771fa; font-family: 'Raleway'; font-weight: 900; text-align: center; padding: 15px 0px; text-transform: uppercase; width: 100%; font-size: 15px; }
.intro8 { color: #4771fa; font-family: 'Raleway'; font-weight: 600; text-align: center; padding: 15px 0px; letter-spacing: -1px; width: 100%; font-size: 16px; }

.bannerpagina { width:100%; height:530px; position: relative; }

a.ser:link, a.ser:visited, a.ser:active { color:#555555; text-decoration: none; font-size:11px; font-weight: bold; font-family: 'Raleway'; padding: 1px 4px; background-color: #f0f0f0; }
a.ser:hover { color:#ffffff; text-decoration: none; font-size:11px; font-weight: bold; font-family: 'Raleway'; padding: 1px 4px; background-color: #4771fa; }
.sera { color:#ffffff; text-decoration: none; font-size:11px; font-weight: bold; font-family: 'Raleway'; padding: 1px 4px; background-color: #4771fa; }

#carregando{ left:0; top:0; position:fixed; z-index:5000000; background: rgb(13 6 51 / 95%); width:100% !important; height:100% !important;}
#carregando .logoloading { width: 60px; height: 60px; left: 50%; top: 50%; margin-left: -30px; margin-top: -30px; background: url("logotipo.png") no-repeat center center; position: fixed; -webkit-animation: rodarodao 2s linear alternate 3; -moz-animation: rodarodao 2.0s linear infinite; -o-animation: rodarodao 2.0s linear infinite; animation: rodarodao 2.0s linear infinite; }
#carregando .loader { border-top: 2px solid #000031;
border-bottom: 2px solid #000031; border-radius: 50%; width: 150px; height: 150px; animation: spin 2s linear infinite; position: fixed; top: 50%; left: 50%; margin-top: -75px; margin-left: -75px; }

@-moz-keyframes rodarodao {
	0% {  -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1); }
	25% {  -webkit-transform: scale(1.05); -moz-transform: scale(1.05); -ms-transform: scale(1.05); -o-transform: scale(1.05); transform: scale(1.05); }
	50% { -webkit-transform: scale(1.08); -moz-transform: scale(1.08); -ms-transform: scale(1.08); -o-transform: scale(1.08); transform: scale(1.08); }
	75% {  -webkit-transform: scale(1.05); -moz-transform: scale(1.05); -ms-transform: scale(1.05); -o-transform: scale(1.05); transform: scale(1.05); }
	100% {  -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1); }
}
a.hb:link, a.hb:visited, a.hb:active {color:#fff; text-decoration: none; padding:5px 10px 5px 10px; background-color:#f1f1f1; }
a.hb:hover {color:#ffffff; text-decoration: none; padding:5px 10px 5px 10px; background-color:#1e7dbd; }
a.escrito:link, a.escrito:visited, a.escrito:active, a.escrito:hover { color:#ffffff; text-decoration: none; }

.tahomanormal { font-family: 'Tahoma'; font-style: normal; }
.tahomaitalico { font-family: 'Tahoma'; font-style: italic; }
.tahomabold { font-family: 'Tahoma'; font-weight: bold; font-style: normal; }
.arial { font-family: 'Arial'; }
.bold { font-weight: bold; }
.normal { font-weight: normal; }
.linhav { background-color: #980b0e; width: 1024px; height: 4px; margin: 15px 0px; }
.corbranco { color: #ffffff; }
.corpreto { color: #000000; }
.corcinza { color: #777777; }
.bgvermelho { background-color:#e30d02; }
.bgazul { background-color:#3b82f8; }
.bgcinza1 { background-color: #e1e1e1; }
.bgcinza2 { background-color: #ebeaea; }
.bgcinza3 { background-color: #777777; }
.paddingdireita { padding: 14px 20px 14px 50px; }
.paddingesquerda { padding: 14px 50px 14px 20px; }
.borda1branca { border-bottom: #ffffff 1px solid; }
.maiuscula { text-transform: uppercase; }
.menos1 { letter-spacing: -1px; }
.menos0 { letter-spacing: 0px; }
.tdireita { text-align: right; }
.tesquerda { text-align: left; }
.tcentro { text-align: center; }
.direita { float: right; }
.esquerda { float: left; }
.t10 { font-size: 10px; line-height: 10px; }
.t11 { font-size: 11px; line-height: 15px; }
.t14 { font-size: 14px; line-height: 20px; }
.t15 { font-size: 15px; line-height: 15px; }
.t16 { font-size: 16px; line-height: 24px; }
.t20 { font-size: 20px; line-height: 24px; }
.t30 { font-size: 30px; line-height: 30px; }

#aviso-geral { display: none; width: 100%; padding: 20px 0px; background-color: #ffff00; color: #000000; font-family: 'Tahoma'; font-size: 14px; }
#aviso-geral .corpos { margin: 0 auto; width: 100%; height: auto; text-align: left; }
#aviso-geral .corpos .txts { width: 90%; padding-left: 20px; float: left; text-align: justify; }
#aviso-geral .corpos #fecha-aviso { width: 5%; margin: 0 auto; float: right; top: 13px; }

#btn-dinamic {overflow: hidden; width: auto; z-index: 900; position: fixed; bottom: 20px; right: 20px; top: auto; left: auto; cursor:pointer; }
#btn-dinamic span { display: block; overflow: hidden; width: 24px; height: 24px; background: url(../img/seta-topo.png) no-repeat center center; }

.conteudo { width: 100%; margin: 0px; height: auto; text-align: center; }

.pgblogs { width: 100%; height: auto; text-align: center; margin-top: 10px; }
.area { width: 100%; height: auto; }

@keyframes spin {
    0% { transform: rotate(0deg); -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -ms-transform: rotate(0deg); }
    100% { transform: rotate(360deg); -webkit-transform: rotate(360deg); -moz-transform: rotate(360deg); -ms-transform: rotate(360deg); }
}

@media screen and (max-width: 1024px) {
	.util { width: 100%; }
	#btn-dinamic { width: 0; height: 0; overflow: hidden; }
	.txt { width: 94%; padding: 0px 3%; }
	.intro5 { width: 100%; text-align: center; }

	.pagina { text-align:center; padding-top: 0px; }

	.introducao { padding-top: 100px; }
	.introducao .tpagina { padding: 20px 3% 10px 3%; text-align: center; width: 94%; }
	.introducao .tsobre { padding: 45px 3% 10px 3%; text-align: center; width: 94%; }

	.tsobregeral { padding: 25px 3% 25px 3%; text-align: center; width: 94%; }
	.tsobregeral2 { text-align: center; width: 94%; padding: 25px 3% 10px 3%; }

}