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

*{margin:0; padding:0; border:0; text-decoration:none;}

input[type='submit'], input[type='reset'], button[type='submit'], button[type='reset'], [onClick], li{cursor:pointer; outline:none;}

header, nav, section, article, footer, aside{ display:block;}

h1, h2, h3, p, span{ cursor:default; }

::-webkit-scrollbar {background:rgba(255,255,255,0.5); width:9px; border-radius:5px; z-index:50; position:relative;}
::-webkit-scrollbar-thumb {background:rgba(0,0,0,1);} 
::-webkit-scrollbar-track {background:rgba(0,0,0,0.3);} 

.up{ cursor:pointer; position:fixed; bottom:5px; right:15px; z-index:9999; width:60px; height:60px; text-align:center; border-radius:50% 50% 0; background:rgba(0,0,0,1); display:none;}
.up:before{ font:lighter 25px/60px 'FontAwesome'; text-align:center; content:'\f102'; color:rgba(255,255,255,1); }
.up:hover:before{ color:rgba(30, 150, 201,0.6); }

#dots{ position:fixed; z-index:0; background:url(../banner/dots3.png); opacity:0.7; width:100%; height:100%; }
#fotos{ position:fixed; z-index:-1; width:100%; height:775px; right:0; top:0; overflow:hidden; }

#next{ position:absolute; z-index:150; cursor:pointer; width:60px; height:54px; top:190px; right:-8px; background:url(../banner/right2.png) no-repeat; }
#prev{ position:absolute; z-index:150; cursor:pointer; width:60px; height:54px; top:190px; left:-8px; background:url(../banner/left2.png) no-repeat; }

#topo{ position:relative; width:auto; height:775px; overflow:hidden; }

#topo .t1{ position:relative; max-width:1000px; width:100%; margin:0 auto; height:305px; }
#topo .t1 h1 { position:absolute; bottom:150px; font:300 55px/50px 'Open Sans Condensed', sans-serif; color:white; }

#topo .t2{ position:relative; max-width:1000px; width:100%; margin:0 auto; height:80px; }
#topo .t2 input[type='search']{ position:relative; float:right; width:300px; height:60px; margin:10px 0; text-indent:5px; background:rgba(62,31,65,0.5); font:400 17px 'Archivo Narrow', sans-serif; outline:none; border-radius:2px; }
#topo .t2 input[type='search'], #topo .t2 button[type='submit']{ -webkit-transition:all ease-out 250ms; -moz-transition:all ease-out 250ms; -ms-transition:all ease-out 250ms; -o-transition:all ease-out 250ms; }
#topo .t2 input[type='search']:focus{ background:rgba(62,31,65,0.8); }
#topo .t2 input[placeholder]{ color:rgba(255,255,255,1); }
#topo .t2 button[type='submit']{ position:relative; border-radius:2px; margin:10px; float:right; width:60px; height:60px; background:rgba(30, 150, 201,0.6); }
#topo .t2 button[type='submit']:before{ content:'\f002'; font:normal 20px/60px 'FontAwesome'; color:white; }
#topo .t2 button[type='submit']:hover{ background:rgba(62,31,65,1); }

#topo .t3{ position:relative; max-width:1000px; width:100%; margin:0 auto; height:80px; border-radius:3px; }

#topo .t3 .social{ position:relative; cursor:pointer; margin:0 1px; float:left; }
#topo .t3 .social div{ -webkit-transition:all ease-out 400ms; -moz-transition:all ease-out 400ms; -ms-transition:all ease-out 400ms; -o-transition:all ease-out 400ms; }
#topo .t3 .social div{ padding:0 8px; background:transparent; color:white; }
#topo .t3 .social:hover div { position:relative; color:rgba(62,31,65,0.5); z-index:50; }
#topo .t3 .social:nth-child(1) div:before{ content:'\f09a'; font:normal 25px/80px 'FontAwesome'; margin-left:3px; }
#topo .t3 .social:nth-child(2) div:before{ content:'\f099'; font:normal 25px/80px 'FontAwesome'; }
#topo .t3 .social:nth-child(3) div:before{ content:'\f0e1'; font:normal 25px/80px 'FontAwesome'; }
#topo .t3 .social:nth-child(4) div:before{ content:'\f0d5'; font:normal 25px/80px 'FontAwesome'; }

#topo .t3 .t3a{ position:absolute; width:250px; height:250px; left:0; bottom:0; background:rgba(255,255,255,0.8); padding:0 5px; border-radius:3px 3px 0 0; }
#topo .t3 .t3a h1{ font:400 55px 'Poiret One', cursive; color:white; text-align:right; padding:20px; }
#topo .t3 .t3a h1:before{ content:'\f10d'; font:normal 50px 'FontAwesome'; }

#topo .t4{ position:relative; max-width:1000px; width:100%; margin:0 auto; height:300px; background:rgba(180,180,180,0.6); border-bottom:10px solid rgba(30,150,201,1); }

#topo .t4 #frase1{ position:relative; width:100%; overflow:hidden; }
#topo .t4 #frase1 h1{ font:400 50px 'Poiret One', cursive; color:rgba(0,0,0,0.8); font-weight:bold; text-align:center; margin:0 auto; padding:20px 0 0 0; display:block; width:100%; height:200px; }
#topo .t4 #frase1 h1 p{ font-size:35px; opacity:0.5; }
#topo .t4 button[name='mais']{ -webkit-transition:all ease-out 400ms; -moz-transition:all ease-out 400ms; -ms-transition:all ease-out 400ms; -o-transition:all ease-out 400ms; }
#topo .t4 button[name='mais']{ position:relative; font:400 17px 'Archivo Narrow', sans-serif; background:rgba(30, 150, 201,0.6); color:white; outline:none; margin:0 auto; border-radius:2px; padding:20px 40px; display:block; }
#topo .t4 button[name='mais']:hover{ background:rgba(62,31,65,1); }

#fundo{ position:relative; background:white; width:100%; }

#utilitarios{ position:relative; max-width:1000px; width:100%; margin:0 auto 70px auto; overflow:hidden; }
#utilitarios h1{ font:300 50px 'Open Sans Condensed', sans-serif; color:rgba(102,102,102,1); text-transform:capitalize; text-align:center; padding:50px; }
#utilitarios h1:after{ content:'\f10e'; font:normal 30px 'FontAwesome'; color:rgba(200,200,200,1); top:-15px; position:relative; }
#utilitarios h2{ font:300 25px/30px 'Open Sans Condensed', sans-serif; color:rgba(60,60,60,1); }
#utilitarios h2 span{ color:rgba(30,150,201,1); font-size:35px; }
#utilitarios h3{ font:300 14px/20px 'Open Sans Condensed', sans-serif; text-transform:uppercase; color:rgba(201,186,196,1); padding-bottom:15px; }

#utilitarios .util{ position:relative; width:30%; margin:0 1.5%; float:left; }
#utilitarios .util:nth-child(2) .imagem{ position:relative; margin:0 auto; overflow:hidden; background:url(../imagem/i1b.png) center no-repeat; width:128px; height:128px; padding-bottom:30px; }
#utilitarios .util:nth-child(3) .imagem{ position:relative; margin:0 auto; overflow:hidden; background:url(../imagem/i2b.png) center no-repeat; width:128px; height:128px; padding-bottom:30px; }
#utilitarios .util:nth-child(4) .imagem{ position:relative; margin:0 auto; overflow:hidden; background:url(../imagem/i3b.png) center no-repeat; width:128px; height:128px; padding-bottom:30px; }

#utilitarios .util a{ font:300 16px/25px 'Open Sans Condensed', sans-serif; color:rgba(120,120,120,1); padding-left:15px; }
#utilitarios .util a:hover{ color:rgba(30, 150, 201,0.6); }
#utilitarios .util button[name='ut']{ -webkit-transition:all ease-out 400ms; -moz-transition:all ease-out 400ms; -ms-transition:all ease-out 400ms; -o-transition:all ease-out 400ms; }
#utilitarios .util button[name='ut']{ position:relative; font:400 17px 'Archivo Narrow', sans-serif; background:rgba(200,156,131,1); color:white; outline:none; border-radius:2px; padding:10px 20px; display:block; margin-left:15px; }
#utilitarios .util button[name='ut']:hover{ background:rgba(30, 150, 201,0.6); }

#info{ position:relative; width:100%; background:rgba(30, 150, 201,1); overflow:hidden; }
#info .in1{ position:relative; width:100%; max-width:1000px; margin:0 auto; padding:30px 0; }
#info .in1 h1{ font:300 35px 'Open Sans Condensed', sans-serif; color:rgba(248,248,248,1); }
#info .in1 h1 span{ font-size:50px; color:rgba(255,255,255,1); display:block; }
#info .in1 .selos{ position:absolute; top:40px; right:0; }

#info .in1 .not div{ -webkit-transition:all ease-out 400ms; -moz-transition:all ease-out 400ms; -ms-transition:all ease-out 400ms; -o-transition:all ease-out 400ms; }
#info .in1 .not div{ position:relative; float:left; margin:0 25px; padding:15px; background:transparent; border-radius:50%; color:rgba(255,255,255,1); }
#info .in1 .not:hover div{ background:rgba(255,255,255,1); border-radius:50%; -webkit-transform:rotateY(360deg) scale(1.1,1.1); -moz-transform:rotateY(360deg) scale(1.1,1.1); -ms-transform:rotateY(360deg) scale(1.1,1.1); -o-transform:rotateY(360deg) scale(1.1,1.1); }
#info .in1 .not div:before{ font:normal 85px 'FontAwesome'; content:'\f0f4'; color:rgba(255,255,255,1); }
#info .in1 .not:hover div:before{ color:rgba(30, 150, 201,1); }

#conteudo{ position:relative; width:100%; max-width:1000px; margin:0 auto; padding:30px 0; overflow:hidden; background:white; }
#conteudo .side1{ width:44%; margin:2% 1%; float:left; }
#conteudo .side2{ width:25%; margin:2% 1%; float:left; }
#conteudo .side3{ width:94%; margin:1% 1%; float:left; }
#conteudo .side1 h1, #conteudo .side2 h1, #conteudo .side3 h1{ font:300 45px/40px 'Open Sans Condensed', sans-serif; color:rgba(88,63,57,1); text-transform:capitalize; }
#conteudo .side1 h1 span, #conteudo .side2 h1 span, #conteudo .side3 h1 span{ color:rgba(30, 150, 201,1); font-size:35px;}
#conteudo .side1 p, #conteudo .side2 p, #conteudo .side3 p{ font:400 14px 'Archivo Narrow', sans-serif; color:rgba(65,65,70,1); text-align:justify; }

#conteudo .side2 .ball{ padding-bottom:20px; }
#conteudo .side2 .ball h2{ font:300 30px 'Open Sans Condensed', sans-serif; color:rgba(51,51,51,1); }

#conteudo .side2 .ball a{ color:rgba(120,120,120,1); }
#conteudo .side2 .ball a:hover{ color:rgba(30, 150, 201,0.6); }

#conteudo .side2 .dialog{ position:relative; float:left; margin-right:20px; background:rgba(88,63,57,1); border-radius:2px; width:50px; height:90px; color:rgba(255,255,255,1); text-align:center; font:300 40px/90px 'Open Sans Condensed', sans-serif; }
#conteudo .side2 .dialog:after{ font:normal 30px 'FontAwesome'; content:'\f0da'; position:absolute; color:rgba(88,63,57,1); top:5px; right:-10px; }

#conteudo .side3 p .end{ padding:0 15px 0 0;}
#conteudo .side3 p .end a{ color:rgba(120,120,120,1); }
#conteudo .side3 p .end a:hover{ color:rgba(30, 150, 201,0.6); }
#conteudo .side3 p .end:nth-child(3):before{ font:normal 25px 'FontAwesome'; content:'\f0e0'; color:rgba(204,204,204,1); top:3px; position:relative; }
#conteudo .side3 p .end:nth-child(4):before{ font:normal 25px 'FontAwesome'; content:'\f041'; color:rgba(204,204,204,1); top:3px; position:relative; }
#conteudo .side3 p .end:nth-child(5):before{ font:normal 25px 'FontAwesome'; content:'\f098'; color:rgba(204,204,204,1); top:3px; position:relative; }

#restrito{ position:relative; padding:30px 0; overflow:hidden; background:rgba(245,245,245,1); }
#restrito .rt1{ width:100%; max-width:1000px; margin:0 auto; }
#restrito .rt1 h1 { font:300 25px/25px 'Open Sans Condensed', sans-serif; float:left; color:(88,63,57,1); padding-top:20px; }
#restrito .rt1 h1 span { color:rgba(30, 150, 201,1); font-size:35px; }
#restrito .rt1 .irt{ padding-right:15px; background:url(../imagem/c4.png) center no-repeat; width:96px; height:100px; float:left; }
#restrito .rt1 h1 a{ font:400 14px 'Archivo Narrow', sans-serif; color:rgba(150,150,150,1); }
#restrito .rt1 h1 a:hover{ color:rgba(30, 150, 201,0.6); }
#restrito .rt1 h1 a:before{ font:normal 15px 'FontAwesome'; content:'\f023'; color:rgba(200,200,200,1); padding:5px; }

form[name='midia']{ float:right; width:50%; position:relative; }
form[name='midia'] input[placeholder]{ color:rgba(0,0,0,1); }
form[name='midia'] input{ width:77%; height:50px; outline:none; text-indent:10px; border-radius:2px; margin-bottom:6px; background:rgba(255,255,255,1); }
form[name='midia'] input:nth-child(2){ width:50%; height:50px; outline:none; text-indent:10px; border-radius:2px; float:left; }
form[name='midia'] input[type='password']{ width:25%; height:50px; outline:none; margin-left:2%; text-indent:10px; border-radius:2px; float:left; }
form[name='midia'] input:focus{ background:rgba(150,150,150,0.1); color:rgba(0,0,0,1); -webkit-transition:all ease-out 250ms; -moz-transition:all ease-out 250ms; -ms-transition:all ease-out 250ms; -o-transition:all ease-out 250ms; }

form[name='midia'] button[name='on']{ width:60px; height:60px; outline:none; border-radius:50% 50% 0; background:rgba(243,153,67,1); margin:-10px 5px; float:left; }
form[name='midia'] button[name='on']:before{ font:normal 30px 'FontAwesome'; text-align:center; content:'\f107'; color:rgba(255,249,229,1); }
form[name='midia'] button[name='of']{ width:35px; height:35px; outline:none; border-radius:50%; background:rgba(200,156,131,1); margin-top:15px; float:left;}
form[name='midia'] button[name='of']:before{ font:lighter 15px/35px 'FontAwesome'; text-align:center; content:'\f00d'; color:rgba(254,249,229,1); }

#parceria{ width:100%; background:transparent; overflow:hidden; }
#parceria h1{ position:relative; width:100%; max-width:1000px; margin:0 auto; padding:100px 0; font:400 55px 'Poiret One', cursive; text-align:center; color:white; }

#local{ width:100%; overflow:hidden; display:block; top:3px; margin:0; padding:0; z-index:999; position:relative; }

#rodape{ width:100%; overflow:hidden; background:rgba(49,53,61,1); position:relative; }
#rodape .rp1{ position:relative; width:100%; max-width:1000px; margin:0 auto; padding:20px 0; }
#rodape .rp1 h1{ font:400 65px/45px 'Poiret One', cursive; text-align:center; color:white; display:block; }
#rodape .rp1 h1 span{ font:300 15px 'Open Sans Condensed', sans-serif; color:rgba(200,200,200,1); }
#rodape .rp1 a{ color:rgba(120,120,120,1); }
#rodape .rp1 a:hover{ color:rgba(30, 150, 201,0.6); }

form[name='contato']{ position:relative; margin:40px 10px; }

form[name='contato'] input{ font:400 15px 'Archivo Narrow', sans-serif; width:100%; height:60px; background:rgba(250,250,250,1); text-indent:10px;  margin-bottom:17px; border-bottom:solid 1px rgba(200,200,200,1); outline:none; }
form[name='contato'] input:focus{ border-bottom: inset 1px rgb(2, 126, 180);  background:rgba(255,255,255,1); }
form[name='contato'] input:before{ content:'\f007'; font:normal 30px/60px 'FontAwesome'; color:rgba(100,100,100,1); }

form[name='contato'] textarea{ font:400 15px 'Archivo Narrow', sans-serif; resize:none; width:100%; padding:15px 0; text-indent:10px; background:rgba(250,250,250,1); border-bottom:solid 1px rgba(200,200,200,1); outline:none; }
form[name='contato'] textarea:focus{ border-bottom:solid 1px rgb(2, 126, 180); background:rgba(255,255,255,1); }
form[name='contato'] textarea:before{ content:'\f0e0'; font:normal 30px/60px 'FontAwesome'; color:rgba(100,100,100,1); }

button[name='cont']{ width:100%; height:35px; background:url(../imagem/c3b.png) center  no-repeat rgb(2, 126, 180); border-radius:2px; margin-top:10px; }
button[name='cont']:hover{ background:url(../imagem/c3b.png) center  no-repeat rgba(44,36,27,1); }

form[name='contato'] input, form[name='contato'] textarea, button[name='cont']{ -webkit-transition:all ease-out 250ms; -moz-transition:all ease-out 250ms; -ms-transition:all ease-out 250ms; -o-transition:all ease-out 250ms; }

#layout5{background:whitesmoke; padding:3rem 0;}
#layout5 .l5{ width:100%; max-width: 1000px; margin:0 auto; overflow:hidden;}
#layout5 .l5 h1:before{ content:'\f0c2'; font:normal 50px 'FontAwesome'; padding:1.3rem; margin-right:2rem; border-radius:50%; background:powderBlue; color:floralWhite; text-align:center; float:left; }
#layout5 .l5 h1{ width:40%; font:300 35px 'Open Sans Condensed', sans-serif; color: rgba(30, 150, 201,1); float:left; }
#layout5 .l5 h1 span{ font-size:25px; display:block; color:darkSlateGrey; }

form[name='online']{ width:55%; float:right;}
form[name='online'] input{ font:400 15px/50px 'Archivo Narrow', sans-serif; color:black; background:white; text-indent:1rem; border-left:solid 4px powderBlue; border-bottom:solid 2px powderBlue; margin-bottom:1rem; outline:none; }

form[name='online'] input { width: calc(50% - 10px); }
form[name='online'] input, button[name='loginBtn'], button[name='reset']{ -webkit-transition:all ease-out 200ms; -moz-transition:all ease-out 200ms; -ms-transition:all ease-out 200ms; -o-transition:all ease-out 200ms; }

button[name='loginBtn']{ cursor:pointer; padding:2.5% 10%; border-radius:0.3rem; background:navajoWhite; color:white; font:400 20px 'Archivo Narrow', sans-serif; text-transform:uppercase; outline:none; }

@media screen and (max-width:768px) {
	#topo .t3 .social{ display:none; }
	#topo .t4 #frase1 h1{ font-size:40px; }
	#topo .t4 #frase1 h1 p{ font-size:25px; }
	
	#info .in1 h1{ font-size:25px; }

	#utilitarios h1{ font-size:31px; }
	#utilitarios h1:after{ display:none; }
	
	#conteudo .side1{ width:94% !important; }
	#conteudo .side2{ display:none; }
	#conteudo .side3 p .end{ display:block; padding:10px 0; }
	
	#restrito{ display:none; }
	
	#parceria{ display:none; }
	
	#local{ display:none; }
	
	#layout5 .l5 h1{ width:100%; float:none; }
	form[name='online']{ width:100%; float:none;}
}

@media screen and (max-width:640px) {
	#topo .t2 form[name='busca']{ display:none; }
	#topo .t4 #frase1 h1{ font-size:35px; }
	#topo .t4 #frase1 h1 p{ font-size:20px; }
	
	#utilitarios .util{ width:45%; }
	#utilitarios .util:nth-child(4){ display:none; }
	
	#info .in1 h1{ font-size:20px; }
}

@media screen and (max-width:480px) {
	#topo{ height:465px; }
	#topo .t1 h1 { display:none; }
	#topo .t3 .t3a{ bottom:150px; width:100%; text-align:center;}
	
	#info{ display:none; }
	
	#conteudo .side3 form[name='contato']{ display:none; }
	#conteudo .side3 p span{ display:none; }
	
	#utilitarios{ display:none; }
	
	#rodape .rp1 h1{ font-size:40px; }
}

@media screen and (max-width:320px) {
	#topo .t3 .t3a{ left:10% !important; }

	#rodape .rp1 h1{ font-size:30px; }
}