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

::-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(255,234,0,1); }

#fotos{ position:fixed; z-index:0; width:100%; height:100%; left:0; top:0; overflow:hidden; }

#layout{ position:relative; width:990px; margin:0 auto; }
#topo{ position:relative; width:100%; height:100px; overflow:visible;}
#topo h1{ font:400 45px/100px 'Pacifico', cursive; color:rgba(25,25,25,1); text-shadow:rgba(0,0,0,1) 0 0 4px; text-indent:35px; }
#topo .topoA{ position:absolute; width:35%; height:50px; right:0; bottom:0; background:rgba(0,0,0,0.5); }
#topo .topoA p{ font:300 22px/50px 'Oswald', sans-serif; color:rgba(255,255,255,1); padding:0 25px; background:rgba(49,50,128,0.8); float:left; }
#topo .social{ position:relative; cursor:pointer; margin:0 1px; color:rgba(255,255,255,1); float:left; }
#topo .social div{ padding:0 10px; background:transparent; -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 .social:hover div { position:relative; background:rgba(49,50,128,1); z-index:50; -webkit-transform:rotateY(360deg) scale(1.3,1.3); -moz-transform:rotateY(360deg) scale(1.3,1.3); -ms-transform:rotateY(360deg) scale(1.3,1.3); -o-transform:rotateY(360deg) scale(1.3,1.3); -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 .social:nth-child(2) div:before{ content:'\f09a'; font:normal 20px/50px 'FontAwesome'; margin-left:3px; }
#topo .social:nth-child(3) div:before{ content:'\f099'; font:normal 20px/50px 'FontAwesome'; }
#topo .social:nth-child(4) div:before{ content:'\f0e1'; font:normal 20px/50px 'FontAwesome'; }
#topo .social:nth-child(5) div:before{ content:'\f16d'; font:normal 20px/50px 'FontAwesome'; }
#topo .social:nth-child(6) div:before{ content:'\f0d5'; font:normal 20px/50px 'FontAwesome'; }
#topo .social:nth-child(7) div:before{ content:'\f16a'; font:normal 20px/50px 'FontAwesome'; }

#topo1{ position:relative; width:100%; height:100px; background:rgba(255,255,255,1); border-top:rgba(49,50,128,1) 4px solid; }
#topo1 .topo1B{ position:relative; float:right; width:31%; margin:0 2%; padding-top:8px; }
#topo1 .topo1B a { color:rgba(150,150,150,1); }
#topo1 .topo1B a:hover { color:rgba(255,153,0,1); }
#topo1 .topo1B p{ font:400 13px 'Archivo Narrow', sans-serif; color:rgba(100,100,100,1); padding:4px 0; }
#topo1 .topo1B p:nth-child(1):before{ font:normal 12px 'FontAwesome'; content:'\f041'; padding-right:5px; }
#topo1 .topo1B p:nth-child(2):before{ font:normal 12px'FontAwesome'; content:'\f095'; padding-right:5px; }
#topo1 .topo1B p:nth-child(3):before{ font:normal 12px 'FontAwesome'; content:'\f0e0'; padding-right:5px; }

#bannerL{ position:relative; width:100%; height:300px; margin:25px auto; }
#frase1{ top:50px; position:relative; display:block; }
#frase1 h1{ font:300 30px 'Oxygen', sans-serif; color:rgba(255,255,255,1); background:rgba(0,0,0,0.6); padding:10px 20px; }
#frase2{ top:50px; position:relative; display:block; }
#frase2 p{ font:300 20px 'Oxygen', sans-serif; text-transform:lowercase; color:rgba(255,255,255,1); background:rgba(0,0,0,0.6); padding:10px 20px; }
#frase3 { margin-top:100px; }
#frase3 button[type='submit']{ font:400 15px 'Archivo Narrow', sans-serif; width:100px; height:50px; color:rgba(255,255,255,1); background:rgba(255,153,0,1); border-radius:2px; }
#frase3 button[type='submit']:hover{ background:rgba(51,51,51,1); -webkit-transition:all ease-out 200ms; -moz-transition:all ease-out 200ms; -ms-transition:all ease-out 200ms; -o-transition:all ease-out 200ms; }

#next{ position:absolute; z-index:150; cursor:pointer; width:32px; height:32px; top:250px; right:0px; background:url(../banner/next2.png) no-repeat; -webkit-transition:all ease-out 200ms; -moz-transition:all ease-out 200ms; -ms-transition:all ease-out 200ms; -o-transition:all ease-out 200ms; }
#prev{ position:absolute; z-index:150; cursor:pointer; width:32px; height:32px; top:215px; right:0px; background:url(../banner/prev2.png) no-repeat; -webkit-transition:all ease-out 200ms; -moz-transition:all ease-out 200ms; -ms-transition:all ease-out 200ms; -o-transition:all ease-out 200ms; }

#next:hover, #prev:hover{ -webkit-transform:scale(1.2,1.2); -moz-transform scale(1.2,1.2); -ms-transform:scale(1.2,1.2); -o-transform:scale(1.2,1.2); -webkit-transition:all ease-out 200ms; -moz-transition:all ease-out 200ms; -ms-transition:all ease-out 200ms; -o-transition:all ease-out 200ms; }

/*#next{ position:absolute; z-index:150; cursor:pointer; width:65px; height:100px; top:100px; right:0px; background:url(../banner/next.png) no-repeat; }
#prev{ position:absolute; z-index:150; cursor:pointer; width:65px; height:100px; top:100px; left:0px; background:url(../banner/prev.png) no-repeat; }*/

/*#next{ position:absolute; z-index:150; cursor:pointer; width:140px; height:40px; top:250px; right:0px; background:url(../banner/next1.png) no-repeat; }
#prev{ position:absolute; z-index:150; cursor:pointer; width:140px; height:40px; top:250px; left:0px; background:url(../banner/prev1.png) no-repeat; }*/

#conteudo{ position:relative; width:990px; margin:0 auto; background:rgba(255,255,255,1); display:none; }
#conteudo .ct{ padding:25px; }
#conteudo .ct h1{ font:400 30px 'Fjalla One', sans-serif; color:rgba(65,65,70,1); letter-spacing:-0.5px; text-transform:uppercase; padding-left:10px; } 
#conteudo .ct h1 span{ font:300 20px 'Oswald', sans-serif; color:rgba(65,65,70,1); text-transform:uppercase; }
#conteudo p{ font:400 14px 'Archivo Narrow', sans-serif; color:rgba(65,65,70,1); text-align:justify; margin:40px 10px; }

#conteudo .ct .uti{ position:relative; width:290px; padding:30px 10px; float:left; }
#conteudo .ct .uti h2{ font:400 22px 'Fjalla One', sans-serif; color:rgba(65,65,70,1); letter-spacing:-0.5px; text-transform:capitalize; padding:20px 0 10px 10px; }
#conteudo .ct .uti p{ font:400 14px 'Archivo Narrow', sans-serif; color:rgba(65,65,70,1); text-align:justify; margin:0 10px; }
#conteudo .ct .uti a { font:400 14px/25px 'Archivo Narrow', sans-serif; padding:3px; color:rgba(50,50,50,1); border-bottom:rgba(204,204,204,1) 1px dotted; }
#conteudo .ct .uti a:hover { color:rgba(255,153,0,1); }
#conteudo .ct .uti button[type='submit']{ position:relative; display:block; border-radius:2px; margin-top:30px; padding:15px; background:rgba(0,157,224,1); color:rgba(255,255,255,1); -webkit-transition:all ease-out 200ms; -moz-transition:all ease-out 200ms; -ms-transition:all ease-out 200ms; -o-transition:all ease-out 200ms; }
#conteudo .ct .uti button[type='submit']:before{ content:'\f101'; font:normal 15px 'FontAwesome'; padding-right:5px; }
#conteudo .ct .uti button[type='submit']:hover{ background:rgba(9,139,195,1); -webkit-transition:all ease-out 200ms; -moz-transition:all ease-out 200ms; -ms-transition:all ease-out 200ms; -o-transition:all ease-out 200ms; }

#conteudo .ct .con{ position:relative; width:100%; height:150px; margin:30px 0; }
#conteudo .ct .con .lat{ position:relative; width:25%; float:left; padding:20px 0;}
#conteudo .ct .con .lat span{ font:400 14px 'Archivo Narrow', sans-serif; color:rgba(65,65,70,1); cursor:pointer; padding:8px 10px; -webkit-transition:all ease-out 200ms; -moz-transition:all ease-out 200ms; -ms-transition:all ease-out 200ms; -o-transition:all ease-out 200ms;}
#conteudo .ct .con .lat span:hover{ background:rgba(65,65,70,1); color:rgba(255,255,255,1); border-radius:3px; border-radius:2px; -webkit-transition:all ease-out 200ms; -moz-transition:all ease-out 200ms; -ms-transition:all ease-out 200ms; -o-transition:all ease-out 200ms;}
	
#conteudo .box{ position:relative; background:url(../imagem/bg2.png) top; margin-bottom:20px; border-bottom:rgba(255,255,255,1) 30px solid; padding:20px 0; }
#conteudo .box .online{ width:38%; margin:1%; float:left; }
#conteudo .box .online2{ width:58%; margin:1%; float:left; background:url(../imagem/w3.png) right center no-repeat; }
#conteudo .box .online h1, #conteudo .box .online2 h1{ font:400 30px 'Fjalla One', sans-serif; color:rgba(65,65,70,1); letter-spacing:-0.5px; text-transform:uppercase; padding-left:25px; padding-bottom:10px; } 
#conteudo .box .online h1 span, #conteudo .box .online2 h1 span{ font:300 20px 'Oswald', sans-serif; color:rgba(65,65,70,1); text-transform:uppercase; }
#conteudo .box .online a { font:400 15px 'Archivo Narrow', sans-serif; padding-left:5px; color:rgba(150,150,150,1); }
#conteudo .box .online a:hover { color:rgba(255,153,0,1); }

form[name='midia']{ border-right:rgba(153,153,153,1) 1px dotted; padding-right:5px; margin-left:20px; }
form[name='midia'] input{ font:400 15px 'Archivo Narrow', sans-serif; text-indent:10px; outline:none; width:48%; height:50px; margin-right:5px; border-bottom:solid 2px rgba(255,153,0,1); margin-bottom:10px; background:transparent; -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'] input:focus{ border-bottom:inset 2px rgba(100,100,100,1); background:rgba(255,255,255,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; }
input[name='user_mail']{ width:99% !important; display:block; }

button[name='send']{ background:rgba(0,157,224,1); color:rgba(255,255,255,1); border:none; border-radius:2px; padding:15px 50px; }
button[name='reset']{ background:rgba(65,65,70,1); color:rgba(255,255,255,1); padding:15px; margin:0 5px; border-radius:2px; }
button[name='send']:before{ font:normal 15px 'FontAwesome'; content:'\f00c'; }
button[name='reset']:before{ font:normal 15px 'FontAwesome'; content:'\f00d'; }

#conteudo .box .online2 p a{ font:300 20px/4px 'Oswald', sans-serif; background:transparent; color:rgba(86,90,96,1); padding:10px 13px; -webkit-transition:all ease-out 400ms; -moz-transition:all ease-out 400ms; -ms-transition:all ease-out 400ms; -o-transition:all ease-out 400ms; }
#conteudo .box .online2 p a:hover{ background:rgba(86,90,96,1); color:rgba(255,255,255,1); -webkit-transition:all ease-out 400ms; -moz-transition:all ease-out 400ms; -ms-transition:all ease-out 400ms; -o-transition:all ease-out 400ms; }
#conteudo .box .online2 p:nth-child(2) a:before{ content:'\f13e'; font:normal 20px/13px 'FontAwesome'; padding-right:10px; }
#conteudo .box .online2 p:nth-child(3) a:before{ content:'\f086'; font:normal 20px/13px 'FontAwesome'; padding-right:10px; }
#conteudo .box .online2 p:nth-child(4) a:before{ content:'\f07c'; font:normal 20px/13px 'FontAwesome'; padding-right:10px; }
#conteudo .box .online2 p:nth-child(5) a:before{ content:'\f108'; font:normal 20px/13px 'FontAwesome'; padding-right:10px; }
#conteudo .box .online2 p:nth-child(6) a:before{ content:'\f0b1'; font:normal 20px/13px 'FontAwesome'; padding-right:10px; }


#rodape{ position:relative; width:100%; height:200px; background:rgba(0,0,0,0.5); border-top:rgba(0,0,0,0.8) 4px solid; }
#rodape .side{ position:relative; width:30%; margin:1.6%; float:left; }
#rodape .side:nth-child(2) { background:url(../imagem/wd.png) center no-repeat; }
#rodape .side h1{ font:300 25px 'Oswald', sans-serif; color:rgba(255,255,255,1); border-bottom:rgba(255,255,255,0.5) 1px dotted; padding-bottom:5px; }
#rodape .side p{ font:400 13px 'Archivo Narrow', sans-serif; color:rgba(255,255,255,1); text-align:justify; padding-top:10px; }
#rodape .side:nth-child(1) p:before{ font:normal 15px 'FontAwesome'; content:'\f1f9'; padding-right:5px; float:left;}
#rodape .side:nth-child(2) p:before{ font:normal 15px 'FontAwesome'; content:'\f108'; padding-right:5px; float:left;}
#rodape .side:nth-child(3) p:before{ font:normal 15px 'FontAwesome'; content:'\f124'; padding-right:5px; float:left;}
#rodape .side span{ font:400 13px/20px 'Archivo Narrow', sans-serif; color:rgba(255,255,255,1); text-align:justify; display:block; padding-top:10px; }
#rodape .side a { color:rgba(245,245,245,1); }
#rodape .side a:hover { color:rgba(255,153,0,1); }

#rodape .side input[type='search']{ position:relative; float:left; margin-top:30px; width:80%; height:50px; text-indent:5px; background:transparent; border-bottom:solid 2px rgba(0,157,224,1); font:400 15px 'Archivo Narrow', sans-serif; outline:none; -webkit-transition:all ease-out 250ms; -moz-transition:all ease-out 250ms; -ms-transition:all ease-out 250ms; -o-transition:all ease-out 250ms; }
#rodape .side input[type='search']:focus{ border-bottom:solid 2px rgba(0,0,0,1); background:rgba(0,0,0,0.2); -webkit-transition:all ease-out 250ms; -moz-transition:all ease-out 250ms; -ms-transition:all ease-out 250ms; -o-transition:all ease-out 250ms; }
#rodape .side input[placeholder]{ color:rgba(255,255,255,1) !important; }

#rodape .side button[type='submit']{ position:relative; margin-top:30px; float:right; width:15%; height:50px; background:rgba(0,157,224,1); -webkit-transition:all ease-out 200ms; -moz-transition:all ease-out 200ms; -ms-transition:all ease-out 200ms; -o-transition:all ease-out 200ms; color:rgba(225,255,255,1)}
#rodape .side button[type='submit']:before{ content:'\f002'; font:normal 15px/50px 'FontAwesome'; opacity:0.8; }
#rodape .side button[type='submit']:hover{ background:rgba(255,255,255,1); -webkit-transition:all ease-out 200ms; -moz-transition:all ease-out 200ms; -ms-transition:all ease-out 200ms; -o-transition:all ease-out 200ms; color:rgba(51,51,51,1)}

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; -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='contato'] input:focus{ border-bottom: inset 2px rgba(100,100,100,1);  background:rgba(255,255,255,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='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; -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='contato'] textarea:focus{ border-bottom:solid 2px rgba(100,100,100,1); background:rgba(255,255,255,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='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 rgba(65,65,70,1); border-radius:2px; -webkit-transition:all ease-out 250ms; -moz-transition:all ease-out 250ms; -ms-transition:all ease-out 250ms; -o-transition:all ease-out 250ms; }
button[name='cont']:hover{ width:100%; height:35px; background:url(../imagem/c3c.png) center  no-repeat rgba(255,153,0,1); border-radius:2px; -webkit-transition:all ease-out 250ms; -moz-transition:all ease-out 250ms; -ms-transition:all ease-out 250ms; -o-transition:all ease-out 250ms; }