@charset "utf-8";


html{
 padding-bottom: 0px;
 margin-bottom: 0px;
}

main{
 margin: 10px 0 ;
 margin-left: 0px ;
 background-color: #000\9;
 position:relative;
}
main h1, h2{
 display: none;
}


section#corpo {
 width: 1000px;
 margin: 0 auto;
 background-color: #000\9;  
 position:relative;
}

/* cabecalho */
header#cabecalho{
 display: block;
 position:relative;
 height: 140px;
 background-color: #000\9;
 width: 1000px;
 margin-left: auto;
 margin-right: auto;
 margin-top: 16px;

}

header#cabecalho img#logo{
 display: block;
 position: absolute;
 text-align: left;
 margin-top: 26px;
 padding-left:10px;

}
#cabecalho h1,h2{
 display: none;
}



/* menu */
nav#menu{

 padding-top: 115px; 
 text-align: right;
 font-family: "courier new", sans-serif;
 font-size: 16pt;

}
nav#menu a:link{
 color: #fff;
 text-decoration: none;
 text-transform: uppercase;
}
nav#menu a:visited{
 color: #fff;
 text-decoration: underline;
 text-transform: uppercase;
}

nav#menu a:hover{
 color: #f6db06;
 text-decoration: underline;
 transition-duration: .4s;
 text-transform: uppercase
}
nav#menu a:active{
 color: #9acfea   ;
 text-decoration: underline;
}


nav#menu ul{
 list-style: none; 
 margin-right: 10px; 


}

nav#menu li{
 display: inline-block;
 padding: 0px;
 margin: 2px;

}




/* inicio */
div#dslider{
 z-index: 1;
 position: absolute; 
 box-shadow: -1px 1px 1px rgba(0,0,0,0.5);
 margin-left: 10px;
}

div#dimgalfa{
 z-index: 2; 
 position: relative;
 margin-left: 10px;

}
figure#camada{
 margin-left: auto;
 margin-right: auto;
}
figure#camada img{
 display: block;
 position:relative;
 width: 990px;
 height: 500px;
 margin-left: auto;
 margin-right: auto;
}
div#div1{
 display: block;
 position: relative;
 width: 980px;
 height: 340px;
 background-color: #eee;
 margin-left: auto;
 margin-right: auto;
 margin-top: 5px;
 box-shadow: 1px 5px 30px rgba(0,0,0,0.3);
 margin-bottom: 10px;

}
/*  link mais sobre nós   */
.mais-sobre-ind{
 background-color: #000\9;
 position: absolute;
 overflow: hidden;
 width: 281px;
 height: 41px;
 margin-top: 266px;
 margin-left: 29px;
 padding-top: 5px;
}
.mais-sobre-ind p{
 font-family: "courier new", sans-serif;
 font-size: 18pt;
 text-transform: uppercase;
}

/*  link localizacao index  */
.loc-ind{
 background-color: #000\9;
 position: absolute;
 overflow: hidden;
 width: 168px;
 height: 34px;
 margin-top: 151px;
 margin-left: 452px;
 padding-top: 0px;
 padding-top: 2px;
}
.loc-ind p{
 font-family: "courier new", sans-serif;
 font-size: 18pt;
 text-transform: uppercase;
 text-align: center;
}

/* link produtos index  */
.prod-ind{
 background-color: #000\9;
 position: absolute;
 overflow: hidden;
 width: 168px;
 height: 34px;
 margin-top: 151px;
 margin-left: 636px;
 padding-top: 2px;
}
.prod-ind p{
 font-family: "courier new", sans-serif;
 font-size: 18pt;
 text-transform: uppercase;
 text-align: center;
}

/* link contato index */
.cont-ind{
 background-color: #000\9;
 position: absolute;
 overflow: hidden;
 width: 169px;
 height: 34px;
 margin-top: 151px;
 margin-left: 819px;
 padding-top: 2px;
}
.cont-ind p{
 font-family: "courier new", sans-serif;
 font-size: 18pt;
 text-transform: uppercase;
 text-align: center;
}
/*links index*/
div#div1 a{
 color:#000000;
 text-decoration: none;
}
div#div1 a:hover{
 color:#ffffff;
 transition-duration: .4s;
}

/* texto nossa historia no index */
div#p_hist_ind{
 background-color: #000066;
 width: 380px;
 height: 170px;
 float: left;
 z-index: 3; 
 position: absolute;
 margin-top: 80px;
 margin-left: 38px;
 padding-top: 10px;
 padding-left: 10px; 
 overflow: hidden;
}
div#p_hist_ind p.p_h_i{
 font-family: "arial", sans-serif;
 text-align: justify;
 color: #fff;
 font-size: 10pt;
 padding-top: 0px;
 padding-left: 0px;
 z-index: 4;
 margin-left: 0px;
 margin-right: 10px;
 line-height: 1.3;

}

/* divs produtos, servicos e contato */
div#p_loc{
 background-color:#ededed;
 width: 140px;
 height: 120px;
 position:absolute;
 z-index: 3;
 float:left;
 margin-top: 195px;
 margin-left: 460px;
 overflow: hidden;

}
div#p_loc p{
 font-family: "arial", sans-serif;
 font-size: 10pt;
 color: black;
 text-align: left;
 margin-left: 0px;
 padding-top: 0px;
 text-align: center;

}

div#p_prod{
 background-color: #eee;
 width: 140px;
 height: 120px;
 position:absolute;
 z-index: 3;
 float:left;
 margin-top: 195px;
 margin-left: 642px;
 overflow: hidden;

}
div#p_prod p{
 font-family: "arial", sans-serif;
 font-size: 10pt;
 color: black;
 text-align: left;
 margin-left: 0px;
 padding-top: 0px;
 text-align: center;
}

div#p_con{
 background-color: #eee;
 width: 140px;
 height: 120px;
 position:absolute;
 z-index: 3;
 float:left;
 margin-top: 195px;
 margin-left: 830px;
 overflow: hidden;
 padding-right: 2px;
}
div#p_con p{
 font-family: "arial", sans-serif;
 font-size: 10pt;
 color: black;
 text-align: left;
 margin-left: 0px;
 padding-top: 0px;
 text-align: center;

}
/* camada alfa div1 */
figure#camada2{
 margin-left: auto;
 margin-right: auto;
 z-index: 2;
 margin-top: -35px;
}
figure#camada2 img{
 display: block;
 position:relative;
 width: 990px;
 height: 415px;
 margin-left: auto;
 margin-right: auto;
 padding-top: 0px

}



/* historia */
div#his{
 display: block;
 position: relative;
 width: 980px;
 height: auto;
 background-color: #ededed;
 margin-left: auto;
 margin-right: auto;
 margin-top: 6px;
 box-shadow: 1px 1px 1px rgba(0,0,0,0.5);
 padding-top: 20px;
 z-index: 1;
 margin-bottom: -20px;

}
div#his > p{
 
 background-color: #ededed;
 margin: 30px;
 margin-top: 0px;
 padding: 15px;
 text-align: justify;
 
}

div#hist1{
 background-color: #000\9;
 width: 740px;
 height: auto;
 margin-left: 220px;
 z-index: 1;
 padding-top: 0px;
 margin-top: 0px;
 
 
}
div#hist1 img{
 width:740px;
 border: 8px solid white;
 box-shadow: 1px 1px 4px black; 
}

div#camhist{
 margin-left: -14px;
 z-index: 2;
 position: absolute;
 margin-top: 430px;
}

/* projetos */
div#pro{
 display: block;
 position: relative;
 width: 980px;
 height: 630px;
 background-color: orangered  ;
 margin-left: auto;
 margin-right: auto;
 margin-top: 6px;
 box-shadow: 1px 1px 1px rgba(0,0,0,0.5);
 padding-top: 15px; 
}
div#pro img.min {
 width: 200px;
 float:left;
}
div#testlbox{
 background-color: #fff ;
 width: 930px;
 height: 300px;
 float: left;
 margin-left: 25px;
 margin-top: 25px;
 padding-bottom: 0px;
 padding-left: 15px;
 padding-top: 15px;
}    

/* servicos */   
div#servprod{
 display: block;
 position: relative;
 width: 980px;
 height: auto;
 background-color: #ededed;
 margin-left: auto;
 margin-right: auto;
 margin-top: 6px;
 box-shadow: 1px 1px 1px rgba(0,0,0,0.5);
 padding-top: 10px; 


}
div#servprod p#pontos{
 color: #eee;
 text-align: center;


}


div#band_servprod{
 background-color: #000;
 background: url("../imagens/imgbandserv.png") no-repeat 0px 0px;
 width: 584px;
 height: 105px;
 margin-left: -14px;
 margin-top: 0px;
 text-align: left;
 padding-top: 0px;
 float:left; 



}

div#band_servprod img{

 margin-left: 2px;
 margin-top: 0px;

}
div#band_servprod p{
 text-align: left;
 margin-top: 25px ;
 margin-left:28px ;
 color:#000;
 text-transform: uppercase;
 font-family:"courier new", sans-serif; 
 font-size: 24pt;
 font-weight: bold;
}

div#sermargfote-e{
 background-color: #eee  ;
 width: 460px;
 height: 105px;
 margin-left: 25px;
 margin-top: 3px;
 padding: 10px;
 box-shadow: 1px 1px 5px rgba(0,0,0,0.5);
 float: left;



}
div#sermargfote-d{
 background-color: #eee ;
 width: 460px;
 height: 105px;
 margin-left: 495px;
 margin-top: -105px;
 padding: 10px;
 box-shadow: 1px 1px 5px rgba(0,0,0,0.5);
 float: left;


}
div#serfoto{
 background-color: #eee;
 width: 100px;
 height: auto;
 float: left;
 position: relative;
 display: block;
 margin-left: 15px;


}
div#serfoto img{
 width: 100%;
 margin-top: 5px;
 box-shadow: 2px 2px 3px rgba(0,0,0,1);
 position: relative;
}
div#sertexfo{
 background-color: #eee;
 width: auto;
 height: 30px;
 float: left;
 margin: 20px;
 position: relative;
 display: block;
 margin-top: 35px;
}
div#sertexfo p {
 text-align: left;
 font-weight: bold;
 text-transform: uppercase;
 font-family: "courier new", arial, sans-serif;
 font-size: 12pt;
 position: relative;
}

/* sevico sem "S" */
div#it_ser_pro{
 display: block;
 position: relative;
 width: 980px;
 height: auto;
 background-color: #eee;
 margin-left: auto;
 margin-right: auto;
 margin-top: 6px;
 box-shadow: 1px 1px 1px rgba(0,0,0,0.5);
 padding-top: 25px; 
 overflow: visible ;


}
div#i_p_band_serv{
 background: url("../imagens/imgbandserv.png") no-repeat 0px -25px;
 background-color:  #000\9;
 height: 58px;
 width: 280px;
 margin-top: 250px;

 margin-left: -14px;
 padding-left: 25px;
 position: absolute;
 display: block;


}
div#i_p_band_serv p{
 font-size: 24pt;
 font-family: "courier new", sans-serif;
 color: #000;
 text-transform: uppercase;
 text-align: left;
 padding-top: 0px;
 font-weight: bold;
 margin-left: 10px;   
}
div#it_ser_pro p#poontos{
 color: #eee;
}
div#sersf{
 background-color: #000;
 width: 300px;
 height: auto;
 float: left;
 margin-left: 35px;
}
div#sersf img{
 width: 300px;
 border: 8px solid white;
 box-shadow: 1px 1px 4px black;


}
div#serst{
 background-color: #eee;
 width: 605px;
 height: 300px;
 float: left;
 margin-left: 25px;
 padding: 15px;
 overflow: auto;
}
div#serst p#tit{
 font-family: courier new, arial, sans-serif;
 font-weight: bold;
 background-color: #eee;
 text-transform: uppercase;
 font-size: 18pt;
}

div#serst p{
 color:black;
 text-align: left;

}
div#grid{
 background-color: #000\9;
 width: 930px;
 height: auto;
 float: left;
 margin-left: 25px;
 margin-top: 25px;
 padding-bottom: 0px;
 padding-left: 10px;
}
.ingrid{
 background-color: thistle;
 width: 215px;
 height: 200px;
 float: left;
 margin-right: 15px;
 margin-bottom:  10px;
 height: auto;

}

.ingrid img.min{
 width: 220px;
 border: 8px solid white;
 box-shadow: 1px 1px 4px black;
}

figure.min_servico figcaption{
 opacity: 0;
 position: absolute;
 background-color: rgba(0,0,0,.4);
 color: white;
 width: 220px;
 height: 170px;
 box-sizing: border-box;
 transition: opacity 1s;
 margin-top: -170px;
 padding-top: 40px;

}
figure.min_servico figcaption p{
 text-align: center;

 line-height: 1;

 margin-top: -5px;
}
figure.min_servico figcaption h6{
 margin-top: 85px;
}

figure.min_servico:hover figcaption{
 opacity: 1;
}
.max_serv{
 margin-top: 0px;
}
/* 
.max_serv figcaption h2 {
 background-color: #000;
 color:#000;
 margin-top: 5px;
 text-align: left;
} */
div#tex_fot{
 background-color: #000\9;
 width: 590px;
 height: 150px;
 padding-left: 15px;
 padding-right: 15px;
 overflow: hidden;
 margin-left: 25px;
}
div#tex_fot p{
 margin-top: 25px;
 font-family: arial, sans-serif;
 font-size: 12pt;
 color: #000;
 text-align: left;
 font-weight:  normal;
 line-height: 1.5;

}




/* MODAL testes modelo MODAL  */
.modal1:target{
 opacity:1;
 pointer-events: auto;
}
.modal1 {
 position: fixed;
 font-family: Arial, Helvetica, sans-serif;
 top: 0;
 right: 0;
 bottom: 0;
 left: 0;
 background: rgba(0,0,0,0.8);
 z-index: 99999;
 opacity:0;
 -webkit-transition: opacity 400ms ease-in;
 -moz-transition: opacity 400ms ease-in;
 transition: opacity 400ms ease-in;
 pointer-events: none;
 overflow: auto;
}
.modal1 > div {
 width: 680px;
 height: auto;
 position: relative;
 margin: 5% auto;
 padding: 40px 20px 13px 20px;
 border-radius: 10px;
 background: #fff;
 /*background: -moz-linear-gradient(#fff, #999);
 background: -webkit-linear-gradient(#fff, #999);
 background: -o-linear-gradient(#fff, #999);*/

}
/*titulos modal aberto*/
.modal1 > div h3{
 color: black;
 background-color: #000\9;
 text-transform: uppercase;
 font-family: courier new , arial, sans-serif;
 font-size: 15pt;
 text-align: left;
 margin-top: 8px;
 font-weight: bold;
  
}

.modal1 > div a:hover {
 text-decoration: none;
 text-transform: none;
}
.modal1 > div a {
 text-decoration: none;
}
.close{
 opacity:1;
 background: #606061;
 color: #FFFFFF;
 line-height: 25px;
 position: absolute;
 right: -12px;
 text-align: center;
 top: -10px;
 width: 24px;
 text-decoration: none;
 font-weight: bold;
 -webkit-border-radius: 12px;
 -moz-border-radius: 12px;
 border-radius: 12px;
 -moz-box-shadow: 1px 1px 3px #000;
 -webkit-box-shadow: 1px 1px 3px #000;
 box-shadow: 1px 1px 3px #000;
}

.close:hover{
 opacity:1;
 color: #FFFFFF;    
 background: #000066;
}



/* localizacao */
div#loc{
 display: block;
 position: relative;
 width: 980px;
 height: 630px;
 background-color: #ededed;
 margin-left: auto;
 margin-right: auto;
 margin-top: 6px;
 box-shadow: 1px 1px 1px rgba(0,0,0,0.5);
 padding-top: 15px;
 margin-bottom: 10px;

}


/* contato */
div#con{
 display: block;
 position: relative;
 width: 980px;
 height: 630px;
 background-color: #ededed;
 margin-left: auto;
 margin-right: auto;
 margin-top: 6px;
 box-shadow: 1px 1px 1px rgba(0,0,0,0.5);
 padding-top: 55px;  
 margin-bottom: 10px;
} 
textarea { resize: none }




/* rodape */
footer#rodape{
 margin-top: -5px;
 margin-bottom: 10px; 
 height: 120px;
 background-color: #000066;
 position: relative;



}


div#dfoo{
 background-color: #000066;
 width: 1000px;
 height: 120px;
 display: block;
 margin: 0 auto;
 padding-top: 10px; 
 padding-bottom: 10px;


}
div#dfooum{
 background-color: #000066;
 width: 110px;
 height: 60px;
 float: left;
 margin-right:  5px;
 margin-left: 22px;
 text-align: left; 
 color: #fff;
 font-family: arial, sans-serif;
 font-size: 10pt;
 border-right-width: 1px;
 border-right-color: #FFF;
 border-right-style: dashed;
 margin-top: 15px;
}
div#dfooum a{
 text-decoration: none;
 color: #f6db06 
}

div#dfoodois{
 background-color: #000066;
 width: 300px;
 height: 60px;
 float: left;
 margin-right:  5px;
 text-align: left;
 color: #fff;
 font-family: arial, sans-serif;
 font-size: 10pt;
 border-right-width: 1px;
 border-right-color: #FFF;
 border-right-style: dashed;
 margin-top: 15px;

}
div#dfoodois a{
 text-decoration: none;
 color: #f6db06;
}


div#dfootres{
 background-color: #000066;
 width: 300px;
 height: 60px; 
 float: left;
 margin-right:  5px;
 text-align: left;
 font-family: arial, sans-serif;
 font-size: 10pt;
 color: #fff;
 border-right-width: 1px;
 border-right-color: #FFF;
 border-right-style: dashed;
 margin-top: 15px;

}
div#dfootres a{
 text-decoration: none;
 color: #f6db06;
}



div#dfooquatro{
 background-color: #000066;
 width: 210px;
 height: 50px;
 float: left;
 padding-top: 10px;
 border-radius: 12px;
 margin-top: 20px;
 margin-left: 20px;


}  
#dfooquatro .wz {
 margin-left: 0px;
}
#dfooquatro .fb {
 margin-left: 20px;
}


.fb-like{
 margin-left: 20px;
}