@charset "utf-8";
/* CSS Document */

*{margin:0; border:none; padding:0;}

.boxacesso, .icon_box, #links a, #menu li a, #ms button, .programacoes, #formContato button, .corbloc01, .corbloc02{ -webkit-transition:all ease-out 200ms; -moz-transition:all 200ms ease-out; -ms-transition:all 200ms ease-out; -o-transition:all 200ms ease-out; }

.topo { position:fixed; bottom:0; right:10px; z-index:9999; width:50px; height:50px; cursor:pointer; display:none; font:20px/50px 'FontAwesome'; 
color:#24a1d9; background:#064d83; text-align:center; }

#logomarca{width:100%; max-width:320px; margin:0 auto;}

#espaco_menu{width:100%; background:#064d83;}
#menu{font-size:0; display:block; max-width:1200px; margin:0 auto; list-style:none; height:80px;}
#menu li{width:calc(100%/7); display:inline-block; text-align:center; cursor:pointer; position:relative;}
#menu li a{font: 16px/80px 'Oswald', sans-serif; color:#FFF; text-decoration:none; display:block; position:absolute; width:100%;} 
#menu li a:hover{background:#24a1d9; color:#fff; line-height:110px; margin-top:-15px;}

nav select{ display:none; border-radius:3px; padding:5px 5px; width:calc(100% - 40px); margin: 0 20px; font:20px/40px 'Oswald', sans-serif; color:#064d83; outline:none; z-index:999; background:#FFF; position:relative; top:-40px; }

#txt_home{width:99%; max-width:1200px; overflow:hidden; margin:50px auto;}
#txt_home h1{font: 26px 'Oswald', sans-serif; color:#064d83; padding-bottom:20px;}
#txt_home p{font: 16px 'Oswald', sans-serif; color:#333; text-align:justify;}
#txt_home a{font: 16px 'Oswald', sans-serif; color:#064d83; text-decoration:none;}
#txt_home a:hover{color:#333;}

#txt_empresa{width:99%; max-width:1200px; overflow:hidden; margin:50px auto;}
#txt_empresa h1{font: 26px 'Oswald', sans-serif; color:#064d83; padding-bottom:20px;}
#txt_empresa p{font: 16px 'Oswald', sans-serif; color:#333; text-align:justify;}
#txt_empresa a{font: 16px 'Oswald', sans-serif; color:#064d83; text-decoration:none;}
#txt_empresa a:hover{color:#333;}
#txt_empresa img{display:block; width:100%; max-width:700px; margin:0 auto;}

#utilitarios{width:100%; overflow:hidden; margin:20px 0;}
#utilitarios .blocos{width:50%; float:left; text-align:right; height:240px; overflow:hidden;}
#utilitarios .blocos:nth-child(2), #utilitarios .blocos:nth-child(4){text-align:left;}
#utilitarios h1{font: 24px 'Oswald', sans-serif; color:#FFF; padding-bottom:20px;}
#utilitarios p{font: 18px 'Oswald', sans-serif; color:#FFF; text-decoration:none;}
.maior{width:70%; float:left; padding:50px 25px; box-sizing:border-box; height:100%; cursor:pointer;}
.corbloc01{background:#24a1d9;}
.corbloc01:hover{background:#1e88b8;}
.corbloc02{background:#064d83;}
.corbloc02:hover{background:#1063a1;}
.menor{width:30%; float:left; height:100%; box-sizing:border-box;}
.fig01{background:url(../imagens/util01.jpg) center; border-left:1px solid #FFF; border-bottom:1px solid #FFF; border-right:1px solid #FFF; }
.fig02{background:url(../imagens/util02.jpg) center; border-right:1px solid #FFF; border-bottom:1px solid #FFF;}
.fig03{background:url(../imagens/util03.jpg) center; border-left:1px solid #FFF;}
.fig04{background:url(../imagens/util04.jpg) center; border-right:1px solid #FFF;}

#outros{width:99%; max-width:1200px; margin:80px auto; overflow:hidden;}
#outros h1{font: 32px 'Oswald', sans-serif; color:#273236; padding-bottom:20px; text-align:center;}
#outros h2{font: 18px 'Oswald', sans-serif; color:#24a1d9; padding-bottom:10px; text-align:left;}
#outros p{font: 14px 'Oswald', sans-serif; color:#273236; text-align:left;}
#outros .boxoutros{width:33%; float:left; box-sizing:border-box; padding:20px; cursor:pointer;}
.icon_box{font:40px/80px 'FontAwesome'; width:80px; color:#24a1d9; float:left;  background:#064d83; border-radius:50%; text-align:center; margin-right:10px;}
.boxoutros:hover .icon_box{color:#064d83; background:#24a1d9;}
.icbox01:before{content:"\f017";}
.icbox02:before{content:"\f073";}
.icbox03:before{content:"\f007";}
.icbox04:before{content:"\f085";}
.icbox05:before{content:"\f10a";}
.icbox06:before{content:"\f128";}

#faixa_links {width:100%; margin:20px 0; background:#24a1d9;}
#links {width:99%; max-width:1200px; overflow:hidden; margin:0 auto;}
#links h1{font: 32px 'Oswald', sans-serif; color:#fff; padding:60px 0; text-align:center;}
#links .boxlinks{width:33%; box-sizing:border-box; padding:20px; float:left; margin-bottom:30px;}
#links a{font: 14px 'Oswald', sans-serif; color:#fff; text-decoration:none; display:block; background:rgba(255,255,255,0.1); padding:20px; border-radius:3px;}
#links a:hover{color:#FFF;}

#area_restrita{width:100%; max-width:1200px; margin:20px auto;}
#ms{ width:98%; max-width:1200px; margin:0 auto; padding:10px 0;}
#ms h1{ font: 26px 'Oswald', sans-serif; color:#24a1d9; text-transform:uppercase; padding: 20px 0; text-align:center; width: 100%; }
#ms .btadm {width: 100%; font: 20px 'Oswald', sans-serif; color:#24a1d9; text-transform:uppercase; text-decoration:none; }
#ms .btadm:hover{ color:#3f454d; }
#ms form{ width:100%; margin:20px 0;  display: flex; justify-content: space-between; flex-wrap: wrap; }
#ms input{ width:24%; border-radius: 3px; border: 1px solid rgba(204,204,204,0.5); padding:20px; color:#333; background:#FFF; font: 18px 'Oswald', sans-serif;}
#ms button{ width:12%; padding:16px 0; font: 18px 'Oswald', sans-serif; background:#24a1d9; border:0; color:#FFF; cursor:pointer; border-radius:3px; color:#FFF; }
#ms button:hover{ background:#333333; }

#programacoes{width:99%; max-width:1200px; margin:0 auto; overflow:hidden; padding:10px 0;}
.programacoes{width:calc(33% - 20px); margin:0 10px; float:left; cursor:pointer; background:#064d83; padding:15px 10px; border-radius:3px; box-sizing:border-box;}
.programacoes:nth-child(2){width:calc(34% - 20px); margin:0 10px;}
.programacoes .icon{font: 50px 'FontAwesome'; color:#24a1d9; float:left; margin-right:15px; padding:10px 0;}
.iconep01:before{content:"\f0e5";}
.iconep02:before{content:"\f1ea";}
.iconep03:before{content:"\f114";}
.programacoes h1{font: 24px 'Oswald', sans-serif; color:#24a1d9;}
.programacoes p{font: 18px 'Oswald', sans-serif; color:#333; text-decoration:none;}
.programacoes:hover{background:#24a1d9;}
.programacoes:hover p, .programacoes:hover h1{color:#064d83;}
.programacoes:hover .iconep01:before, .programacoes:hover .iconep02:before, .programacoes:hover .iconep03:before{color:#064d83;}

#acesso{width:99%; max-width:1200px; margin:60px auto; overflow:hidden;}
.boxacesso{width:12%; float:left; box-sizing:border-box; padding:20px; text-align:center; cursor:pointer;}
.boxacesso:nth-child(2), .boxacesso:last-child {width:14%;} 
.boxacesso:hover{-webkit-transform:scale(1.1,1.1); -moz-transform:scale(1.1,1.1); -ms-transform:scale(1.1,1.1); -o-transform:scale(1.1,1.1); } 

#mapa{ width:100%; overflow:hidden; margin:20px 0; }
#mapa h1{font: 32px 'Oswald', sans-serif; color:#273236; padding-bottom:20px; text-align:center;}

#formContato { width:99%; overflow:hidden; margin:20px auto; }
#formContato input { width:100%; border-radius: 3px; border: 1px solid rgba(204,204,204,0.5); padding:20px; box-sizing:border-box;  font: 20px 'Oswald', sans-serif; color:#333; background:#FFF; outline:none; margin-bottom:5px; }
#formContato textarea { width:100%; border-radius: 3px; border: 1px solid rgba(204,204,204,0.5); padding:20px; box-sizing:border-box; font: 20px 'Oswald', sans-serif; color:#333; background:#FFF; outline:none; margin-bottom:20px; resize:none; }
#formContato button{ width:90px; padding:20px; background:#24a1d9; border:0; color:#FFF; float:right; cursor:pointer; border-radius:3px; outline:none; }
#formContato button:hover{ background:#064d83; }
#formContato button[name="enviar"]{ margin-right:5px; }
#formContato button[name="enviar"], #formContato button[name="limpar"]{ font: 20px 'Oswald', sans-serif; color:#FFF; }
#formContato button[name="enviar"]:hover, #formContato button[name="limpar"]:hover{color:#24a1d9;}

#rodape {width:100%; background:#24a1d9; padding:50px 0; font: 18px 'Oswald', sans-serif; color:#fff; text-align:center;}
#rodape a{color: #FFF; text-decoration: none;}


@media screen and (max-width:1024px){
	.icon_box{line-height:75px; width:75px;}
	#outros .boxoutros{padding:20px 5px;}
}


@media screen and (max-width:768px){
	nav select{display:block;}
	#menu li{display:none;}
	#utilitarios .blocos{width:100%;}
	.corbloc01[name="trocacor01"]{background:#273236;}
	.corbloc02[name="trocacor02"]{background:#24a1d9;}
	.corbloc01[name="trocacor01"]:hover{background:#171e20;}
	.corbloc02[name="trocacor02"]:hover{background:#60544d;}
	.fig01, .fig02{border-bottom:0;}
	.boxlinks, .boxlinks:nth-child(2), .boxlinks:last-child {width:25%;}
	#outros .boxoutros{width:50%; padding:20px 15px; }
	#links .boxlinks{width:50%; margin-bottom:0;}
	#links .boxlinks:nth-child(4), #links .boxlinks:nth-child(5){padding-top:0;}
	#links .boxlinks:nth-child(3), #links .boxlinks:nth-child(2){padding-bottom:5px;}
	.boxacesso{width:25%;}
	.boxacesso:nth-child(2), .boxacesso:last-child {width:25%;} 
	.programacoes, .programacoes:nth-child(2){width:calc(100% - 20px); margin:5px 10px;}
}

@media screen and (max-width:640px){
	#outros .boxoutros{width:100%;}
    #ms input{ width:100%; margin: 5px 0;}
    #ms button{ width:48%;}
}


@media screen and (max-width:480px){
	.maior{width:60%; padding:35px 25px;}
	.menor{width:40%;}
	#links .boxlinks{width:100%;}
	#links .boxlinks:nth-child(3){padding-top:0;}
	#links .boxlinks:nth-child(4){padding-bottom:0;}
	#links h1{padding:30px 0;}
}

@media screen and (max-width:320px){
	.maior{width:60%; padding:35px 10px;}
	#utilitarios .blocos, #utilitarios .blocos:nth-child(2), #utilitarios .blocos:nth-child(4){text-align:center;}
	#utilitarios h1{font-size: 20px;}
	#utilitarios p{font-size: 16px;}
	.boxlinks, .boxlinks:nth-child(2), .boxlinks:last-child {width:50%;}
	.icon_box{line-height:65px; width:65px; margin-top:15px; margin-right:4px;}
	#outros .boxoutros{padding:20px 5px;}
	.boxacesso{width:50%;}
	#ms h1{font-size: 28px;}
}