/* BOTÃO TOPO */
.backtop{position: fixed; 
         cursor: pointer; 
         bottom: 30px; 
         right: 30px; 
         text-transform: uppercase; 
         font-size: 0.8em; 
         color: #fff; 
         width: 42px;
         height: 42px;
         background: url(../img/topo.png) no-repeat; 
         display: none;}

/* BODY */
body {background: url(../img/fundo_body.png);}

/*HEADER*/
.banner {background: url(../img/banner.png) no-repeat; background-position: top;}
.banner .content{padding: 0px !important;}

.banner .header{ margin-top: 10px;}
.banner .header .logo{width: 80%; padding-bottom: 15px; margin-bottom: 25px;}
.banner .header .logo img{width: 48%; margin: 0 0 0 20%; float: left;}
.banner .header .logo .japan_brasil {float: right; width: 12%;}

.banner .header .logo .mobile_action { display: none; width: 46px; height: 46px; right: 2%; top: 4%; float: right; cursor: pointer; background: #F4EE25 url(boot/icons/mobile.png) center no-repeat; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; position: absolute;}
.banner .header .logo .mobile_action:hover{ background-color: #FFFFFF;}
.banner .header .logo .mobile_action.active {background-color: #FFFFFF;}

.banner .header .subheader {background: rgba(255,255,255,0.5); padding: 0px !important; width: 70%; margin: 0 15%;}

.banner .header .subheader .menu{width: 90%; margin: 0 5%;}
.banner .header .subheader .menu ul {padding: 1% 0;}
.banner .header .subheader .menu ul img {display: none;}
.banner .header .subheader .menu ul li{display: inline;}
.banner .header .subheader .menu ul li a{padding: 9px 10px; color: #000; margin: 0 10px; font-size: 1.1em;}
.banner .header .subheader .menu ul li a:hover{background: rgba(0,0,0,0.5); color: #fff;}

/* HEADER - HOME */
.banner .b_slogan{float: left; width: auto; margin: 5% 0 2.5% 10%; }
.banner .b_slogan h1{color: #FFF; text-shadow: 3px 3px 10px #000; font-family: 'lato';}
.banner .b_slogan h2{color: #000; text-shadow: 2px 2px 2px #F4EE25; margin-left: 4%; margin-top: 7px;}

.banner .b_certificados {width: auto; float: right; margin: 4% 15% 5% 0%;}
.banner .b_certificados img {width: 150px;}

.banner .subtitulo h1 {margin: 45px 0; color: #fff; text-shadow: 3px 3px 3px #000; font-family: 'Open Sans'; }

/* FUNCIONAMENTO - HOME */
.home .main_produtos {margin-bottom: 35px;}
.home .main_produtos .content h2{margin-bottom: 25px !important; padding-left: 20px; border-left: 3px solid #9f0000; color: #9f0000; }
.home .main_produtos .content a{padding: 30px;}
.home .main_produtos .content a:nth-of-type(3n+0){ margin-right: 0;}
.home .main_produtos .content a:hover{background: rgba(255,0,0,0.15);}
.home .main_produtos .content a img{width: 80%; margin: 0 10% 15px 10%; height: 130px;}
.home .main_produtos .content a h3{font-size: 1.1em; margin-top: 7px; color: #000;}
.home .main_produtos .content a.vejamais{ color: #9f0000;}
.home .main_produtos .content a.vejamais:hover{background: none; font-size: 1.1em;}

/* SOLUÇÕES - HOME */
.home .main_instalacoes .content h1{margin-bottom: 30px !important; padding-right: 20px; border-right: 3px solid #9f0000; color: #9f0000; float: right; }
.home .main_instalacoes .content h2 {margin-bottom: 30px !important; }
.home .main_instalacoes .content .box img{width: 30%; padding: 7px; float: left;}
.home .main_instalacoes .content .box h3 { width: 70%; float: left; padding: 10px;}
.home .main_instalacoes .content .box a.confira { color: #9f0000; margin-right: 35px;}
.home .main_instalacoes .content .box a.confira:hover {text-decoration: underline;}
.home .main_instalacoes .content a{padding: 25px; color: #000; margin-bottom: 10px;}
.home .main_instalacoes .content a.vejamais{ color: #9f0000;}
.home .main_instalacoes .content a.vejamais:hover{background: none; font-size: 1.1em;}
.home .main_instalacoes .parceiros .parceirosbig{ width: 75%;}
.home .main_instalacoes .parceiros .parceirospeq{display: none; width: 70%;}

/* FOOTER */
.footer {background: url(../img/footer.png) no-repeat; background-color: #FFFFFF; background-position: bottom; color: #000;
-webkit-box-shadow: 0px -3px 3px 0px rgba(0,0,0,0.3); -moz-box-shadow: 0px -3px 3px 0px rgba(0,0,0,0.3); box-shadow: 0px -3px 3px 0px rgba(0,0,0,0.3);}
.footer .boneco{width: 20%; padding: 0 30px 20px 30px; float: left;}
.footer .boneco img{width: 100%; }

.footer .end{width: 50%; padding: 30px 20px 0px 20px; float: left; margin-right: 5%;}
.footer .end h2{padding: 10px 25px 25px 25px; }

.footer .rede_social{width: 20%; padding: 30px 0px 0px 10px; float: left;}
.footer .rede_social h1 {font-size: 1.7em;}
.footer .rede_social .redes{margin: 15px 0;}

.footer .rede_social .redes a img:hover {  transform: rotate(360deg); -webkit-transform: rotate(360deg); -moz-transform: rotate(360deg); -o-transform: rotate(360deg); -ms-transform: rotate(360deg); -webkit-transition: 0.8s;}

.footer .copy {margin-top: 50px; color: #9F0000;}

/* --------------------------------------------------------------------------- */
/* EMPRESA */
.home .empresa{ width: 65%; float: left; margin-bottom: 40px;}
.home .empresa h1{margin-bottom: 25px !important; font-weight: 500; padding-left: 20px; border-left: 3px solid #9f0000; color: #9f0000;}
.home .empresa h2 {padding: 0 0 5px 15px;}
.home .empresa p{text-align: justify;}

.home .photo_empresa {width: 35%; float: left; padding: 7% 0 0 0;}
.home .photo_empresa img{width: 80%; margin-bottom: 30px; border: 3px double #9f0000; }

/* PRODUTOS E SERVIÇOS */
.home .produtos .left{width: 65%; margin-right: 5%; float: left;}
.home .produtos .left img {margin-top: 15px;}
.home .produtos .right{width: 30%; float: left;}

.home .produtos .prod_left{width: 50%; margin-right: 5%; float: left; margin-top: 20px !important;}
.home .produtos .prod_left img {width: 80%; margin: 15px 10% 0 10%; border: 2px solid #9f0000;}
.home .produtos .prod_right{width: 45%; float: left; margin-top: 50px !important;}

.home .produtos h1{margin-bottom: 25px !important; font-weight: 500; padding-left: 20px; border-left: 3px solid #9f0000; color: #9f0000;}
.home .produtos .products{ padding: 30px; margin-bottom: 25px;}
.home .produtos .products:nth-of-type(4n+0){ margin-right: 0 !important;}
.home .produtos .products img{width: 80%; margin-left: 10%; margin-bottom: 10px;}

.home .produtos .search {width: auto; float: left;}
.home .produtos .btn_search {width: 20%; float: left;}
.home .produtos .search select {padding: 5px 10px; color: #666;}
.home .produtos .btn_search input {width: 30px; height: 37px; border: 1px solid #666; background: url(../img/search.png) no-repeat; background-position: center;}

/* CONTATOS */
.home .instalacoes h1{margin-bottom: 25px !important; font-weight: 500; padding-left: 20px; border-left: 3px solid #9f0000; color: #9f0000;}

/* CONTATOS */
.home .contatos .formulario{padding: 30px; width: 60%; margin-right: 5%; float: left;}
.home .contatos .formulario h1{margin-bottom: 25px !important; font-weight: 500; padding-left: 20px; border-left: 3px solid #9f0000; color: #9f0000;}
.home .contatos .formulario label {font-size: 1.2em; color: green; margin: 10px 0 8px 10px;}
.home .contatos .formulario input{width: 100%; border: 3px solid #CCC; padding-left: 35px;}
.home .contatos .formulario p{margin-top: 10px;}
.home .contatos .formulario .btn {width: 75% !important; margin-left: 12.5%; margin-top: 15px;}
.home .contatos .formulario textarea {width: 100%; border: 3px solid #CCC; padding: 10px;}

.home .contatos .google {float: left; width: 35%; margin-top: 50px;}
.home .contatos .google h2 {color: #999; margin: 0 0 25px 0;}

/* ORÇAMENTOS */
.home .orcamento .left{padding: 30px; width: 60%; margin-right: 5%; float: left;}
.home .orcamento .right{padding: 30px 10px; width: 35%; float: left;}
.home .orcamento select {padding: 10px 20px;}
.home .orcamento h1{margin-bottom: 25px !important; font-weight: 500; padding-left: 20px; border-left: 3px solid #9f0000; color: #9f0000;}
.home .orcamento label {font-size: 1.2em; color: green; margin: 20px 0 8px 10px;}
.home .orcamento input{width: 100%; border: 3px solid #CCC; padding-left: 35px;}
.home .orcamento p{margin-top: 10px;}
.home .orcamento .btn {width: 50% !important; margin-left: 25%; margin-top: 15px;}
.home .orcamento textarea {width: 100%; border: 3px solid #CCC; padding: 10px;}
.home .orcamento img {width: 70%; margin: 30px 0;}

@media (max-width: 1450px) {
    .banner .b_slogan h1 {font-size: 1.8em;}
    .banner .b_certificados {width: auto; float: right; margin: 4% 12% 7% 0%;}

    .footer .content { width: 94%; margin: 0 3%;}
}

@media (max-width: 1366px) {

}

@media (max-width: 1280px) {
    .banner .b_slogan h1 {font-size: 1.6em;}
    .banner .header .subheader { width: 80%; margin: 0 10%;}

    .home .main_produtos .content a{padding: 20px;}

    .footer .boneco{width: 25%;}
    .footer .end{width: 45%;}
    .footer .rede_social{width: 20%;}
    .footer .end h2.tele{padding: 0px 25px 15px 100px; }

    .home .orcamento img {width: 86%; margin: 30px 0;}
}

@media (max-width: 1190px) {
    .banner .b_slogan {margin: 7% 0 4% 7%;}  
    .banner .header .subheader .menu {width: 100%; margin:0; }
    .banner .header .subheader .menu ul li a{margin: 0 8px; font-size: 1em;}   
    .banner .b_certificados {width: auto; float: right; margin: 4% 8% 10% 0%;}

    .banner .header .logo .japan_brasil {width: 14%; margin-right: -40px;}
}

@media (max-width: 1080px) {
    .banner .header .logo img{width: 45%;}
    .banner .header .subheader .menu ul li a{margin: 0 8px; font-size: 1.1em;}
    .banner .b_slogan h2 {font-size: 1.3em; text-shadow: 1px 1px 1px yellow;}   
    .banner .b_certificados {width: auto; float: right; margin: 6% 6% 10% 0%;}
    .banner .b_certificados img {width: 120px;}

    .home .main_produtos .content {width: 94%; margin: 0 3%;}
    .home .main_instalacoes .content {width: 94%; margin: 0 3%;}
    .home .content {width: 94%; margin: 0 3%;}

    .footer .end h1{ font-size: 1.8em;}
    .footer .end h2{ font-size: 1.3em;}
    .footer .rede_social{width: 20%;}
    .footer .rede_social h1 {font-size: 1.4em;}

    .footer .boneco{padding: 30px 30px 20px 30px; float: left;}

    .home .orcamento .left {padding-top: 0;}
    .home .orcamento .right {padding-top: 0;}

}

@media (max-width: 980px) {
    .banner .header .subheader { width: 86%; margin: 0 7%;}
    .banner .b_slogan h1 {font-size: 1.4em;}
    .banner .b_slogan h2 {font-size: 1.2em; font-weight: 700;}

    .home .main_produtos .content a:nth-of-type(4n+0){ display: none;}

    .home .main_instalacoes .content h2 {font-size: 1.3em;}
    .home .main_instalacoes .content h3 {font-size: 1.1em;}

    .home .produtos .left{width: 100%;}
    .home .produtos .right{display: none;}

    .home .produtos .products:nth-of-type(3n+0){ margin-right: 0 !important;}
    .home .produtos .products:nth-of-type(4n+0){ margin-right: 5% !important;}

    .home .produtos .prod_left{width: 55%; margin-right: 5%; float: left; margin-top: 20px !important;}
    .home .produtos .prod_right{width: 40%; float: left; margin-top: 50px !important;}
}

@media (max-width: 890px) {
    .banner .header .logo img{width: 50%; margin-left: 10%;}
    .banner .header .subheader {width: 98%; margin: 0 1%;}
    .banner .header .subheader .menu ul li a{margin: 0 8px; font-size: 1.07em;}

    .banner .b_slogan {width: 96%; margin: 5% 2%;}
    .banner .b_slogan h1 {font-size: 1.6em;}
    .banner .b_slogan h2 {font-size: 1.4em;}

    .banner .b_certificados {display: none;}

    .footer .boneco{display: none;}
    .footer .end{width: 60%; margin-right: 0;}
    .footer .rede_social{width: 40%; margin-right: 0; }

    .home .orcamento img {width: 100%; margin: 30px 0;}
    
    .home .main_instalacoes .parceiros .parceirospeq{display: block;} 
    .home .main_instalacoes .parceiros .parceirosbig{display: none;} 

}

@media (max-width: 795px) {

    .banner .header .logo .mobile_action {display: block;}      
    .banner .b_slogan{margin: 4% 30px 8% 0px; padding: 0;}   
    .banner .b_slogan h1 {font-size: 1.5em;}    
    .banner .subtitulo h1 {margin: 25px 0 45px 0;}

    .banner .header .subheader .menu{ display: block; width: 35%; min-width: 250px; position: fixed; background: rgba(255,255,255,0.9); overflow: hidden; overflow-y: auto; height: 100%; max-width: 500px !important; top: 0; left: -100%; border-right: 2px solid #000; }
    .banner .header .subheader .menu ul {padding: 1% 0;}
    .banner .header .subheader .menu ul li {display: block;}
    .banner .header .subheader .menu ul img {display: block; width: 70%; margin: 10px 15%;}

    .home .main_produtos .content h2{ font-size: 1.6em;}
    .home .main_instalacoes .content h1{ font-size: 1.6em;}      

    .footer .end{width: 60%; margin-right: 5%;}
    .footer .rede_social{width: 35%; margin-right: 0; }  

    .home .contatos .formulario {width: 90%; margin: 0 5%; padding-top: 0px;}
    .home .contatos .google {display: none;}

    .home .contatos .formulario h1{font-size: 1.5em;}

    .home .empresa h1{font-size: 1.7em;}
    .home .empresa h2{font-size: 1.3em;}

    .home .produtos h1{font-size: 1.7em;}
    .home .produtos h2{font-size: 1.3em;}

    .home .orcamento h1{font-size: 1.5em; margin-top: -15px;}

    .home .produtos .prod_left{width: 65%; margin-right: 0%; float: left; margin-top: 20px !important;}
    .home .produtos .prod_left img {width: 80%; margin: 15px 10% 0 10%; border: 2px solid #9f0000;}
    .home .produtos .prod_right{width: 35%; float: left; margin-top: 50px !important;}
}


@media (max-width: 680px) {
    .banner .header .logo img{width: 60%;}

    .banner .b_slogan h1 {font-size: 1.39em;}
    .banner .b_slogan h2 {font-size: 1.2em;}

    .home .produtos .products:nth-of-type(2n+0){ margin-right: 0 !important;}
    .home .produtos .products:nth-of-type(3n+0){ margin-right: 7% !important;}
    .home .produtos .products:nth-of-type(6n+0){ margin-right: 0 !important;}

    .home .main_produtos .content a:nth-of-type(2n+0){ margin-right: 0;}
    .home .main_produtos .content a:nth-of-type(3n+0){ margin-right: 7%;}
    .home .main_produtos .content a:nth-of-type(4n+0){ display: block;}

    .footer .end{width: 98%; margin: 0; padding: 0;}
    .footer .end h2{font-size: 1.3em;}
    .footer .rede_social{width: 98%; margin-right: 0; padding:0; }

    .home .empresa {width: 100%;}
    .home .photo_empresa {width: 100%; padding: 0; margin-bottom: 25px;}

    .home .orcamento .left{padding: 0 30px 0 30px; width: 100%; float: left;}
    .home .orcamento .right{padding: 0px 30px 15px 30px; width: 100%; float: left;}
    .home .orcamento img {display: none;}

    .home .produtos .prod_left{width: 100%; margin-right: 0%; }
    .home .produtos .prod_right{width: 100%; margin-top: 30px !important;}
    
    .footer .copy h1 a { display: block !important; margin: 50px 0 0 0 !important; }
}

@media (max-width: 630px) {
    .banner .header .logo img{width: 65%;}

    .banner .b_slogan h1 {font-size: 1.5em; text-align: center;}
    .banner .b_slogan h2 {font-size: 1.3em; text-align: center;}

    .home .main_produtos .content h2{ font-size: 1.4em;}
    .home .main_instalacoes .content h1{ font-size: 1.4em;}
    .home .main_instalacoes .content h2{ font-size: 1.2em;}

    .home .contatos .formulario {width: 100%; margin:0;}
    .banner .header .logo .japan_brasil {display: none;}
    
    .home .main_instalacoes .parceiros .parceirospeq{width: 80%;}

}

@media (max-width: 570px) {
    .banner .header .logo img{width: 70%;}
    .banner .b_slogan h1 {font-size: 1.3em; text-align: center;}
    .banner .b_slogan h2 {font-size: 1.1em; text-align: center;}

}

@media (max-width: 470px) {
    .banner .header .logo img{width: 80%; }

    .home .main_produtos .content h2{ font-size: 1.2em;}
    .home .main_instalacoes .content h1{ font-size: 1.2em;}
    .home .main_instalacoes .content h2{ font-size: 1em;}
    .home .main_instalacoes .content h3{ font-size: 1em;}   

    .prod_content{display: none;}
    .home .produtos .prod_right{margin-bottom: 30px;}
    .home .main_instalacoes .parceiros .parceirospeq{width: 90%;}
}

@media (max-width: 400px) {
    .banner .header .logo img{width: 85%;}

    .footer .end h1{font-size: 1.3em;}
    .footer .end h2{font-size: 1.1em; padding-left: 10px;}


}