@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:#3B3E99; background:#d3d5ff; text-align:center; }

#logomarca{width:100%; max-width:1200px; margin:0 auto; overflow: hidden;}
#logomarca img { width: 242px; height: auto; display:inline-block; vertical-align:middle; }
#logomarca h1 { display:inline-block; vertical-align:middle; margin-left: 20px; color: #FF2E34; }

#espaco_menu{width:100%; background:#d3d5ff;}
#menu{font-size:0; display:block; max-width:1200px; margin:0 auto; list-style:none; height:80px;}
#menu li{width:16%; display:inline-block; text-align:center; cursor:pointer; position:relative;}
#menu li:last-child, #menu li:first-child{width:18%;}
#menu li a{font: 16px/80px 'Oswald', sans-serif; color:#3B3E99; text-decoration:none; display:block; position:absolute; width:100%;} 
#menu li a:hover{background:#3B3E99; 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:#3B3E99; 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:#3B3E99; 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:#3B3E99; text-decoration:none;}
#txt_home a:hover{color:#333;}

#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:#3B3E99;}
.corbloc01:hover{background:#181b66;}
.corbloc02{background:#273236;}
.corbloc02:hover{background:#171e20;}
.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:#3B3E99; 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:#3B3E99; float:left;  background:#d3d5ff; border-radius:50%; text-align:center; margin-right:10px;}
.boxoutros:hover .icon_box{color:#d3d5ff; background:#3B3E99;}
.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:#3B3E99;}
#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:25%; 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{background:rgba(255,255,255,0.5);}

#area_restrita{width:100%; max-width:1200px; margin:20px auto;}
#ms{ width:99%; max-width:1200px; margin:0 auto; overflow:hidden; padding:30px 0; }
#ms h1{font: 32px 'Oswald', sans-serif; color:#273236; padding-bottom:20px; text-align:center;}
#ms div:before{ font: 30px 'FontAwesome'; color:#3B3E99; content:"\f13e"; float:left; margin-right:15px; }
#ms a { font: 20px/30px 'Oswald', sans-serif; color:#3B3E99; text-transform:uppercase; text-decoration:none; }
#ms a:hover{ color:#3f454d; }
#ms form{ width:100%; overflow:hidden; margin:20px 0; }
#ms input{ width:26%; border-radius: 3px; border: 1px solid rgba(204,204,204,0.5); padding:20px; font: 20px 'Oswald', sans-serif; color:#333; background:#FFF; outline:none; }
#ms button{ width:90px; padding:20px; background:#3B3E99; border:0; color:#FFF; float:right; cursor:pointer; border-radius:3px; outline:none; }
#ms button:hover{ background:#d3d5ff; }
#ms button[name="enviar"]{ margin-right:5px; }
#ms button[name="enviar"], #ms button[name="limpar"]{ font: 20px 'Oswald', sans-serif; color:#FFF; }
#ms button[name="enviar"]:hover, #ms button[name="limpar"]:hover{color:#3B3E99;}

#programacoes{width:99%; max-width:1200px; margin:0 auto; overflow:hidden; padding:10px 0;}
.programacoes{width:100%; margin:0 10px; float:left; cursor:pointer; background:#d3d5ff; padding:15px 10px; border-radius:3px; box-sizing:border-box;}
.programacoes .icon{font: 50px 'FontAwesome'; color:#3B3E99; 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:#3B3E99;}
.programacoes p{font: 18px 'Oswald', sans-serif; color:#333; text-decoration:none;}
.programacoes:hover{background:#3B3E99;}
.programacoes:hover p, .programacoes:hover h1{color:#d3d5ff;}
.programacoes:hover .iconep01:before, .programacoes:hover .iconep02:before, .programacoes:hover .iconep03:before{color:#d3d5ff;}

#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:#3B3E99; border:0; color:#FFF; float:right; cursor:pointer; border-radius:3px; outline:none; }
#formContato button:hover{ background:#d3d5ff; }
#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:#3B3E99;}

#rodape {width:100%; background:#3B3E99; padding:50px 0; font: 18px 'Oswald', sans-serif; color:#fff; text-align:center;}

.acBtn { width: 100%; padding: 10px; font-size: 1.1em; box-sizing: border-box; text-align: left; cursor: pointer; margin: 5px 0; outline: none; }
.acCont { margin: 0; display: 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:#3B3E99;}
	.corbloc01[name="trocacor01"]:hover{background:#171e20;}
	.corbloc02[name="trocacor02"]:hover{background:#181b66;}
	.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%;} 
	#ms input{ width:24%;}
	.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:calc(100% - 20px); margin:5px 10px;}
	#ms button{ float:left; }
	#ms button[name="enviar"]{ margin-left:5px; }
}


@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;}
}