/*RESET*/

*{margin: 0;padding: 0;font-size:100%;font-family: 'Open sans',sans-serif;font-weight: 400;color: #000; 

box-sizing:border-box,border:none;outline none;}*

img {max-width: 100%;}

ul{list-style: none;}

a{text-decoration:none;font-weight:bold;font-size: 14PX;}

h2 {font-size :1.5em;color:#333;}

h4{font-size: 2.0em ;color: #00008b;font-family: 'Montserrat', sans-serif;font-weight:;}

h6{font-size: 1.8em ;font-family: 'Montserrat', sans-serif;}

p {font-size: 0.9em;font-weight:normal;color:#505050;text-align:justify; line-height: 1.3em;}





body{background-color:#ffffff ;width: 100%;}





.cabecalho{height:100px;width: 100%;background:url(../img/fundoindustrial.jpg );}

.logo{margin:2% 5%;width:56px;height:56px;float: left;background: url(../img/logo-mobile.png)center center/56px no-repeat;

font-size: 0;}





/* botoes de menu*/

.btn-menu{width:36px;height: 36px;float: right;text-align:center; margin-right:3%;margin-top: 3%;

color: #fff;cursor:pointer;}



.btn-close{font-size:1.5em; color:#fff;float:right; cursor:pointer; margin: 2%;}

/* Estilização do Menu */

.menu {height:100%;width:100%;background-color:#f8f8f8;position:absolute;display:none;top:0;left:0

z-index:5000;}

.menu ul{width: 100%;float: left;text-align: left;}

.menu li { margin-left:3px;  padding:15px;}

.menu li a {font-size: 1em; color:#00008b;font-weight: 100; margin-right: 25px;padding:5% 3%;}

.menu li:hover{background-color:#3366ff; }

.menu li:hover a{color: white;}

.socialicon{float:right; width:60px;height: 50px;padding: 20px;}

/* Banner Horizontal   */

.baner{width:100%;height:160px;float:left;text-align:center;background:url(../img/fundocinza.jpg);}

.title h2{font-family: 'Poiret One',cursive;font-size: 1.5em;color:#404040;font-weight: 800;margin:3%; }

/*area da Imagem*/

.servicos{max-width: 100%;border-radius: 5px;}

.servico{max-width: 100%;background-color:#fff;padding:0;border-radius: 7px; margin-bottom: 3%;}

.slide{width: 100%; padding:0;margin:0 auto;overflow:hidden; }

.slide img{margin-left:0;border-radius: 7px 7px 0 0 ;}

.inner{padding: 7%;}

.inner p{margin-top: 4%;}

/*topicos de serviços */

.topicos{max-width: 100%;text-align: justify;margin-left: 1%; background: #f8f8f8;}

	.topico{max-width: 100%;padding:5%;}

	.topico li{list-style:url(../img/service.png);position: inside;padding: 1%;margin-left:7%;}

	.topico li a{color:#00008b; font-weight:500;font-size:14px;padding: 1%;}

/*estilo do rodapé*/

.rodape{ position:relative;width: 100%;height: 100px;text-align: left;float: left;background: linear-gradient(to left,#022154,#2f2c2c);}

.rodape h4{margin:1%; font-weight:100;color: white  ;font-size:15px;} 



/*Estilo da página quem somos */

.apresentacao{max-width: 100%;float: left;background-color:white;text-align:justify;}

.qsimg{padding:5%;max-width:100%;}

.qsimg img{width: 100%;} 

.qs{max-width: 100%;padding: 5%;float:left;}

.qs li{ font-family: 'Poiret One',cursive;text-align: left;font-weight: 900;font-size:30px;padding: 5px;

list-style-size:32px ;}

.qs1 li{list-style-image: url(../img/flag.png)}

.qs2 li{ list-style-image: url(../img/vision.png)}

.qs3 li{list-style-image: url(../img/globe.png);}





.port{width:100%;}

.port li{list-style-image: url(../img/direct.png);font-family: 'Poiret One',cursive;text-align: center;color: #000000;

font-size:40px;font-weight:500; }

.port img{width:100%;float: left;} 



/*Estilo da pagina de serviços*/

.folha {max-width:100%;background-color:white;padding: 2%;

}



.folha li{font-family: 'Montserrat', sans-serif;

 padding:3%;text-align:left;line-height:1.0;font-size:1.4em;list-style-image: url(../img/dots.png);margin:1%;

color:#00008b;

}





.folha img {}

.ilustrator{padding: 3%;}

.description{padding:3%;text-align: justify;border-bottom:groove medium;border-color: #3366ff}

.description h2 {font-family: 'Montserrat', sans-serif;

 padding:3%;text-align:center;font-size:1.4em;margin:1%;

color:#00008b;

}



/*Estilo da pagina  contato*/

.folhacontato{background-color: white;width: 100%;}



.maps{ max-width:100%;padding: 0;margin-top:0;margin-left: 0;}







.formulario{width: 100%; margin-top:10px;}

#formulario input{margin-top:30px;background:#f8f8f8;border-radius: 2px;border-style:thin;height:30px; width: 200px;

	font-size:0.8em;}





#formulario textarea{width:90%; height:110px;margin-top: 1%;background: #f8f8f8;border-radius: 3px;}

label{font-family:'Montserrat', sans-serif; color:#000000; font-size: 0.8em; font-weight:100; display:inline-block; width: 70px;}



#formulario{

max-width: 100%;

padding: 2%;

background: white;

}

#formulario button {

    display:block;

    width:80px;

    height:26px;

    background:url(../img/email.png)center center no-repeat;

    box-shadow: 0 0 12px;

    border:solid thin #3366ff ;

    border-radius:2px;

    margin:1%;

}

#formulario button:hover{box-shadow: 0 0 30px;}







.contato{



width:90%;border : thin solid grey;padding: 2%;float: left;margin-left: 2%;margin-top: 2%;margin-bottom: 2%;

text-align: center; background: url(../img/fundocinza.jpg);font-size: 0.9em;font-weight:normal;color:#505050;

border-radius: 5px  5px 0 0;

}

.contato h1{padding:0 45%;width:32px;height:32px;background: url(../img/customer.png)center center/32px no-repeat;

font-size: 0;float:center;

}

.contato h3{font-size:2.0em;font-weight: bolder;}





/*pagina trabalhe conosco*/

.papper{max-width:100%;background-color: white;padding:3%;}

.papper textarea{width: 81%; height: 80px; background:#f8f8f8;margin-top: 1%;}

#working{margin-top: 20px;}

#working button{width:70px;font-size:14px; background-color: #3366ff; color: white;}

#working input{ margin-top: 2%;font-size: 14px; background:#f8f8f8; }

.papper h1{font-family:'Montserrat', sans-serif; color:#000000; font-size: 0.9em; font-weight:100;}

#arquivo {max-width:100%; border:thin; border-color:#3366ff; }

.oportunidade{width: 100%; float: left;}

.oportunidade li{font-family: 'Montserrat', sans-serif;	padding:2%;text-align:left;line-height:1.0;font-size:1.4em;

color:#00008b;	list-style-image: url(../img/group.png);}





/*=======Mobile first===========*/

/*Dispositivos maiores que 640px width*/

/*pagina quem somos */

@media screen and (min-width: 640px){

	.qsimg{height:250px;padding:10%;max-width:100%;margin-top:0;}

	.qsimg img{width:400px;height: 250px;float: center;} 

	.qs{max-width: 100%;padding:1%;float:left;margin-left:5%;}

	.logo{margin:1% 2%;width:185px;height:70px;float: left;background: url(../img/logomarca.png)center center/185px no-repeat;

font-size: 0;}



	.port{background:#ffffff;position:static;}

	.port img{ position:relative; width:50%;left:25%;top:50%;margin-top:0px;margin-left:-110px: } 





}







@media screen and (min-width: 765px){

/*Em dispositivos a partir de 768*/

/*pagina de serviços*/

.folha {max-width:100%;background-color:white;padding: 2%;

background:#ffffff;

}



.folha li{font-family: 'Montserrat', sans-serif;

 padding:1%;text-align:center;line-height:1.0;font-size:1.4em;list-style-image: url(../img/dots.png);margin:0;

color:#00008b;

}





.folha img {float:right;margin-right: 10%;}

.ilustrator{padding: 1%;width:55%;float: right; border-bottom:solid 1px; border-color:#3366ff; height: 280px;}

.description{padding: 1%; width:45%;text-align:justify; border-bottom:solid 1px; border-color:#3366ff;height:280px}

.description p {padding:10%;}



/*pagina de contatos*/

.contato{	width:25%; height: 450px; }

.formulario{width: 65%; margin-top:10px;float: right;margin-left: 0}











}



/*Em dispositivos maiores que 1024 */

/*Adaptações ao menu*/

@media screen and (min-width: 1024px){

.btn-menu{display:none;}

.btn-close{display:none;}

.menu {height:38px;background-color:#f8f8f8;position:static;display:inline-block!important;top:0;left:0;}

.menu ul{text-align: left;z-index: 99;}

.menu li {float:left;margin-left:3px;  padding:10px;}

.menu li a {font-family: 'Orbitron', sans-serif;font-size: 1em; color:#00008b;font-weight: 550; margin-right: 25px;padding:5% 3%;}

.menu li:hover{background-color:#3366ff; }

.menu li:hover a{color: white;}

.socialicon{float:right; width:60px;height: 50px;padding:10px;}

.menuFixo {position: fixed;top: 0;z-index: 99;}

.menu li a.corrente{background-color:#3366ff;color: #fff;cursor: default;}

/*adaptaçoes na section servico*/

.slide {height: 600px;}

.slide img{width:99%;height:533px;margin:1%;border-radius: 7px 7px 0 0 ;}

/* logomarca */

.logo{margin:1% 2%;width:185px;height:70px;float: left;background: url(../img/logomarca.png)center center/185px no-repeat;

font-size: 0;}

.banner h2{margin-top: 8%;}

.inner{padding:4%;}









/*Estilo da página quem somos */

.apresentacao{max-width:100%;float:left;background-color:white;text-align:justify;}

.apresentacao p {}

.qsimg{height:100%;padding:5%;width:40%;float: left;}

.qsimg img{width:100%;height:100%;} 

.qs{width:35%;padding:1%;float:right;margin-top: 0;}

.qs li{ font-family:'Poiret One',cursive;text-align: left;font-weight: 900;font-size:30px;padding: 5px;

list-style-size:32px;}

.qs1 li{list-style-image: url(../img/flag.png)}

.qs2 li{ list-style-image: url(../img/vision.png)}

.qs3 li{list-style-image: url(../img/earth.png);}





.folha img {float:right;margin-right: 30%;}

}

/*pagina trabalhe conosco*/