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

body{width:100%; margin:0; padding:0; background:#cfe1ec;}

#topo{width:100%; height:auto; position:relative;}
.topo {position:fixed; bottom:0; right:10px; z-index:999; width:50px; height:50px; cursor:pointer; display:none; font:20px/50px 'FontAwesome'; color:#FFF;  
background:#1f2c60; text-align:center;}
#Banner{width:100%; height:auto; position:relative;}
#Banner img{width:100%; height:auto;}
#Fxtopo{width:100%; padding:30px 0; position:absolute; background:rgba(255, 255 ,255, 0.5); top:20px;}
#cont{width:100%; max-width:1200px; margin:0 auto; position:relative;}

#logo{width:30%; max-width:300px; margin:0 auto; cursor:pointer;}
#logo img{width:100%; max-width:300px; height:auto;}

#menu{width:110px; height:40px; float:left; font:40px 'FontAwesome'; color:#00237a; cursor:pointer; position:relative; margin:15px 0 0 0; text-align:center;}
#menu span{font:25px/40px 'denseregular'; color:#00237a; float:right; margin-right:10px; text-transform:uppercase;}
#menu01{width:300px; overflow:hidden; display:none; position:absolute; top:70px; background:rgba(255, 255, 255, 1); border-radius:5px; z-index:20;}
#mainMenu{width:300px; margin:0; padding:0;}
#mainMenu li{width:290px; font:25px 'denseregular'; color:#333; padding:25px 0 25px 10px; border-bottom:1px solid #EEE; text-transform:uppercase; cursor:pointer;}
#mainMenu li{-webkit-transition:all ease-out 300ms; -moz-transition:all ease-out 300ms; -ms-transition:all ease-out 300ms; -o-transition:all ease-out 300ms;}
#mainMenu li:last-child{border-bottom:none;}
#mainMenu li:hover{color:#FFF; background:rgba(51, 51, 51, 1);}
#mainMenu li:before{content:"\f105"; font:20px 'FontAwesome';  margin-right:20px; border-right:1px solid #999; padding-right:15px;}

#troca{width:100%; /*max-width:1600px;*/ margin:0 auto;}
#conteudo{width:100%; max-width:1200px; margin:0 auto; overflow:hidden;}
#frase{width:100%; max-width:900px; font:70px 'denseregular'; color:#333; margin:20px auto; position:relative; text-align:center; padding:30px 0; 
border-bottom:1px solid #333;}

.blocos{width:48%; float:left; margin:1%; background:rgba(255, 255, 255, 1); overflow:hidden;}
.blocos img{width:100%; height:auto; margin-top:10px;}
.blocos h1{font:40px 'denseregular'; color:#333; padding:10px; margin:0;}
.blocos h1 span{font:50px 'FontAwesome'; color:#333;}
.blocos:hover  h1 span{color:#398DBE;}
.blocos p{font:12px Verdana; color:#333; text-align:justify; margin:0; padding:0 10px;}
.blocos p a{text-decoration:none; color:#333;}
.blocos p a:hover{color:#398DBE;}
.blocos div{width:98%; font:20px 'denseregular'; color:#333; padding:15px 1%; cursor:pointer; margin-top:30px;}
.blocos div{-webkit-transition:all ease-out 300ms; -moz-transition:all ease-out 300ms; -ms-transition:all ease-out 300ms; -o-transition:all ease-out 300ms;}
.blocos div:hover {color:#398DBE;}
.blocos div span{font:30px 'FontAwesome'; float:right;}

.textos h1{font:55px 'denseregular'; color:#333; padding:20px 0;}
.textos h1 span{font:70px 'FontAwesome'; color:#333; margin-right:10px;}
.textos p{font:12px Verdana; color:#333; margin:0; text-align:justify; padding:5px;}
.textos p a{color:#333; text-decoration:none;}
.textos p a:hover{color:#398DBE; cursor:pointer;}
.textos .sites{width:25%; max-width:300px; float:left;}
.textos .link{font:12px Arial; color:#333; text-align:justify; margin:35px 5px;}
.textos .link a{-webkit-transition:all ease-out 300ms; -moz-transition:all ease-out 300ms; -ms-transition:all ease-out 300ms; -o-transition:all ease-out 300ms;}
.textos .link a{padding:10px 5px; border-radius:3px; text-align:center; cursor:pointer;}
.textos .link a:hover{background:#1f2c60; color:#FFF;}
.textos form{width:100%; overflow:hidden; margin-top:50px;}
.textos input{width:33%; max-width:390px; margin:0 10px 0 0; text-indent:15px; padding:20px 0; font:14px Verdana; color:#333; float:left; border:0;}
.textos input:nth-child(3){width:34%; max-width:400px; margin:0;}
.textos textarea{width:100%; max-width:1200px; float:left; text-indent:15px; padding:20px 0; font:14px Verdana; color:#333; border:0; margin-top:5px; resize:none;}
.textos button{font:14px Verdana; color:#FFF; background:#1f2c60; padding:15px; border:none; cursor:pointer; border-radius:3px;}

.imagem{width:100%; margin:50px 0; overflow:hidden; background-image:url(../imagens/05.jpg); background-size:cover;}
.imagem {background-repeat:no-repeat; background-position:50% 0;}
.imagem p{font:55px 'denseregular'; color:#FFF; text-align:center; padding:60px 0;}

#total{padding:70px 0;}
#txt{width:69%; float:left; border-right:1px solid #ccc; position:relative;}
.noticias{ padding:20px 30px; background:#FFF;}
.noticias span.icone{font:35px/65px 'FontAwesome'; color:#333; margin-right:10px;}
.noticias p{font:40px/65px 'denseregular'; color:#333; margin:0 0 20px 0;}

#txt:last-child{width:30%; border:none;}

.links{width:100%; max-width:300px; background:#1f2c60; cursor:pointer; margin:0 auto; font:23px 'denseregular'; color:#FFF; padding:10px 5px;
margin-top:15px; border-radius:3px;}
.links span{font:23px 'FontAwesome'; color:#FFF; margin:0 10px;}
.links02{width:100%; max-width:300px; background:rgba(255, 255, 255, 1); margin:0 auto; display:none; padding:20px 5px;}
.links02 p{font:12px Verdana; color:#333; margin:0;}
.links02 p:hover{color:#398DBE; cursor:pointer;}

#bottom{width:100%; overflow:hidden; background-image:url(../imagens/06.jpg); background-size:cover;}
#bottom{background-repeat:no-repeat; background-position:50% 0;}

.cont{width:100%; max-width:1200px; margin:50px auto; overflow:hidden; position:relative;}
.cont h2{font:55px 'denseregular'; color:#FFF; text-align:center;}
.prog{width:48%;float:left; background:rgba(0, 0, 0, 0.5); margin:10px 1%; cursor:pointer; position:relative; z-index:0; overflow:hidden;}
.prog h3{font:55px 'denseregular'; color:#FFF; margin:0; position:relative; z-index:10;}
.prog p{font:12px Verdana; color:#FFF; margin:0; position:relative; z-index:10;}
.prog:hover .over{left:0;}
.over{width:100%; max-width:590px; height:100%; position:absolute; left:-600px; background:#1f2c60; z-index:5;}
.over{-webkit-transition:all ease-out 300ms; -moz-transition:all ease-out 300ms; -ms-transition:all ease-out 300ms; -o-transition:all ease-out 300ms;}
.prog .icone{font:55px 'FontAwesome'; color:#FFF; margin-right:10px; background:#1f2c60; padding:20px; float:left; position:relative; z-index:10;}

#restrito{width:100%; background:rgba(255, 255, 255, 1); overflow:hidden;}

.txt{width:100%; max-width:1200px; margin:0 auto; padding:50px 0; overflow:hidden;}
.txt h2{font:45px'denseregular'; color:#333; margin:0; text-transform:uppercase; float:left;}
.txt h2 span{font-size:25px; text-transform:none;}
.txt h2 span:before{content:"\f023"; font:25px 'FontAwesome'; margin-right:5px;}
.txt h2 span:hover{color:#398DBE; cursor:pointer;}
.txt .icone{font:60px/100px 'FontAwesome'; color:#FFF; float:left; background:#1f2c60; width:100%; max-width:100px; height:100px; text-align:center;
border-radius:50%; margin-right:15px;}
.txt form{width:100%; max-width:790px; float:right; margin:0;}
.txt form input{width:100%; max-width:390px; padding:15px 0; font:14px Verdana; color:#333; text-indent:10px; margin-bottom:5px;}
.txt form button{font:14px Verdana; color:#FFF; background:#1f2c60; padding:15px; border:none; cursor:pointer; border-radius:3px;}

#rodape{width:100%; background:rgba(51, 51, 51, 1); overflow:hidden; padding:35px 0;}
#rodape01{width:100%; max-width:1200px; margin:0 auto; text-align:center;}
#rodape01 p{font:14px Verdana; color:#FFF;}
#rodape p span{font-size:16px;}
#rodape p a:hover{color:#398DBE; cursor:pointer;}
#redes{max-width:300px; margin:0 auto; overflow:hidden;}
#redes .redes{font:30px/80px 'FontAwesome'; text-align:center; color:#333; background:rgba(255, 255, 255,1); width:100%; max-width:80px; border-radius:50%;
margin:50px 10px; float:left;}
#redes .redes:hover{color:#398DBE; cursor:pointer;}

.clientes{ width:19%; max-width:228px; margin-right:1%; margin-bottom:10px; float:left; border-radius:2px;}


@media screen and (max-width:1024px){
	#txt{width:100% !important; border-right:none;}
	#txt:last-child{display:none !important;}
	
	.txt form{max-width:720px;}
	.txt form input {max-width:350px; float:left; margin-right:5px;}
	.txt button{padding:5px;}
	
	.textos form{max-width:1024px;}
	.textos input, .textos input:nth-child(3){max-width:331px; margin:5px;}
	.textos textarea{max-width:1014px; margin:5px}
}

@media screen and (max-width:780px){
	.prog{max-width:380px;}
	
	.txt form{max-width:450px;}
	.txt form input {max-width:200px; float:left; margin-right:5px;}
	.txt button{padding:5px;}
	
	.textos form{max-width:780px;}
	.textos input, .textos input:nth-child(3){max-width:250px; margin:5px;}
	.textos textarea{max-width:770px; margin:5px}
}

@media screen and (max-width:640px){
	#Fxtopo{padding:15px 0;}
	
	#mainMenu li:nth-child(3), #mainMenu li:nth-child(4), #bottom, #restrito, .textos form {display:none;}
	
	.blocos{width:98%;}
	.clientes{ width:24% !important;}
}

@media screen and (max-width:320px){
	#total, .imagem{display:none;}
	#frase, .textos h1{font-size:50px;}
	.clientes{ width:32% !important;}
}