/* LARGURA REAL DOS ELEMENTOS *********************************************************/
*{-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }

/* SEPARA OS ELEMENTOS FLOATS *********************************************************/
.clearfix:before, .clearfix:after { content:" "; display:table; }
.clearfix:after { clear: both; }
.clearfix{ *zoom: 1; }

/* CORPO E FONTES *********************************************************************/
body{ font-family:'Open Sans', sans-serif; margin:0; padding:0; }

h1{	margin:0; font-size:30px; font-weight:600; line-height:120%; letter-spacing:-1px; }	
h3{	margin:0; font-size:26px; font-weight:400; line-height:120%; letter-spacing:-1px; }
h4{	margin:0; font-size:22px; font-weight:300; line-height:120%; letter-spacing:-0.5px; }	
h5{	margin:0; font-size:18px; font-weight:300; line-height:130%; letter-spacing:0; }
h6{	margin:0; font-size:12px; font-weight:300; line-height:140%; letter-spacing:0;}

.container{ width:95%; max-width:1200px; margin:0 auto; padding:0; }

/* HOME ****************/
.home{ float:left; margin:0; width:100%; padding:0 0 100px 0; }

.top{ position:fixed; width:100%; padding:10px 0; border-bottom:1px solid #999; background:rgba(255,255,255,0.9); transition:all 350ms linear; }

.logo-abertura{ float:left; }
.logo{ float:left; width:200px; }

.bt-menu{ float:right; margin:10px 10px; border:0; padding:3px 15px; font-family:'Open sans', sans-serif; font-size:14px; color:#fff; background:#ff6600; letter-spacing:-0.5px; 
		  font-weight:800; box-shadow:1px 1px 3px #414042; cursor:pointer; transition:all 150ms linear; }
.bt-menu:hover{ margin:7px 5px; padding:6px 20px; }

.bt-whatsapp{ float:right; margin:1px 0 0 25px; width:45px; height:45px; border:0; background:url('../imagens/bt-whatsapp-sombra.png'); background-size:100%; 
			  cursor:pointer; transition:all 150ms linear; }
.bt-whatsapp:hover{ margin:0 0 0 20px; width:50px; height:50px;  }

.banner{ float:left; margin:0 0 50px 0; width:100%; height:550px; border-bottom:1px solid #ff6600; background:url('../imagens/bnn.jpg') bottom center no-repeat; background-size:100%; }

.home-colum{ float:left; width:30%; padding:0 20px 0 0; text-align:left; color:#000066; }
.home-colum2{ float:left; width:35%; border-left:1px solid #000; padding:0 10px 0 30px; font-size:16px; font-weight:400; }
#home-colum2{ padding:0 0 0 40px; border-left:0; }

.bt-menuPQ{ float:right; display:none; margin:0 0 0 30px; border:0; }
.nav1{ list-style:none; font:20px 'Open Sans', serif; font-weight:400; letter-spacing:-1px; margin:0; padding: 0; }
.nav1 li{ float: right; position: relative; z-index:9999; }
.nav1 li a:link,
.nav1 li a:visited{ display:block; padding:0; text-decoration:none; color:#fff; margin-left:20px; background:transparent; transition:all 200ms linear; }
.nav1 li:hover a,
.nav1 li a:active,
.nav1 li a:hover{ display: block; }
.submenu1{ margin:0; list-style:none; display:none; width:290px; position:absolute; top:32px; left:-170px; }
.nav1 li:hover .submenu1{ display:block; box-shadow:0px 5px 8px #000;-webkit-box-shadow:0px 5px 8px #000; }
.submenu1 li a:link,
.submenu1 li a:visited{ display:block; padding:12px 25px; background:#ff6600; text-decoration:none; width:290px; color:#fff; border-top:1px solid #ffb27f; }
.submenu1 li:hover a,
.submenu1 li a:active,
.submenu1 li a:hover{ display:block; background:#ffb27f; color:#fff; }


/* SOBRE A NR-1 ****************/
.sobre{ float:left; margin:0; width:100%; min-height:1080px; padding:150px 0 0 0; text-align:center; background:#e5e5ef; }

.sobre-box{ float:left; height:550px; padding:50px; background:#fff; }
.sobre-boxE{ width:70%; border-top-left-radius:15px; border-bottom-left-radius:15px; }
.sobre-boxD{ width:30%;border-top-right-radius:15px; border-bottom-right-radius:15px; }

.sobre-bt{ margin:10px 0 0 0; font-family:'Open sans', sans-serif; border:1px solid #9a9af4; border-radius:5px; padding:20px 40px; font-size:18px; color:#fff; font-weight:700;
		  background:#000066; cursor:pointer; transition:all 150ms linear; }
.sobre-bt:hover{ margin:5px 0 0 0; padding:25px 45px; }


/* SOLUÇÕES E SERVIÇOS ****************/
.solucoes{ float:left; margin:0; width:100%; min-height:1080px; padding:90px 0 0 0; text-align:center; background:#fff; }

.solucoes-container{ width:95%; max-width:1000px; margin:0 auto; padding:0; overflow:auto; }

.solucoes-converse{ float:left; margin:40px 0 0 0; width:100%; font-size:26px; color:#ff6600; letter-spacing:-1px; }


/* ENTRADAS ****************/
.entradas, .acesso{ float:left; margin:0; width:100%; padding:110px 0 200px 0; text-align:center; background:url('../imagens/fd-entradas.jpg'); background-size:125%; }

.bt-ferram{ float:left; margin:5px 0.5%; width:32%; min-height:250px; border:1px solid #cacaca; border-left:5px solid #cacaca; border-radius:20px; border-bottom-left-radius:1px; 
			padding:40px 30px; text-align:center; font-family:'Open sans', sans-serif; font-size:15px; font-weight:400; color:#000; background:#fff; cursor:pointer; transition:all 150ms linear; }
.bt-ferram:hover{ border:1px solid #ff6600; border-left:5px solid #ff6600; color:#fff; background:#ff6600; box-shadow:0 0 5px #000; }
#instrumentos{ margin:5px 0.5%; width:98%; min-height:0; padding:10px 0; text-align:left; }
.bt-ferram img{ width:80px; }

.free{ background:url('../imagens/fd-gratuito.png') top right #fff no-repeat; }
.free:hover{ background:url('../imagens/fd-gratuito.png') top right #ff6600 no-repeat; }

.entradas-converse{ float:left; margin:40px 0; width:100%; font-size:26px; color:#fff; letter-spacing:-1px; text-shadow:1px 1px 2px #000066; }


/* FALE CONOSCO ****************/
.faleconosco{ float:left; margin:0; width:100%; padding:100px 0 350px 0; text-align:center; background:url('../imagens/fd-fale.jpg'); background-size:100%; }

.form{ margin:40px 18%; width:64%; border:1px solid #4a4061; border-radius:15px; text-align:left; background:rgba(0,0,102,0.4); overflow:auto; }

.form-colum{ float:left; width:50%; padding:30px 50px; }
.form-colum2{ float:left; width:50%; text-align:center; color:#fff; padding:80px 0 0 0; line-height:200%; }
.form-colum2 img{ width:100px; } 

.form-colum2 a{ color:#fff; text-decoration:none; font-weight:300; }
.form-colum2 a:hover{ text-decoration:underline; }

.input, .textarea{ margin:4px 0; width:100%; max-width:100%; padding:12px 15px; font-family:'Open sans', sans-serif; border:1px solid #000066; border-left:4px solid #000066; border-radius:5px; 
				   font-size:16px; font-weight:400; background:#fff; }
.bt-form{ margin:4px 0; width:100%; font-family:'Open sans', sans-serif; border:1px solid #ffb380; border-radius:3px; padding:12px 0; font-size:14px; color:#fff; font-weight:700;
		  background:#ff6600; cursor:pointer; transition:all 150ms linear; }
.bt-form:hover{ box-shadow:0 0 5px #666; }


/***********************************************************************************/
/* MÍDIA QUERIES */
/***********************************************************************************/
/* 1367px – Notebooks com monitores widescreen --------------------------*/
@media screen and (max-width: 1367px){

h1{	font-size:28px; }
h4{	font-size:20px; }	

.banner{ margin:0 0 30px 0; height:450px; background-size:105%; }

.sobre{ min-height:0; padding:90px 0 120px 0; }
.sobre-box{ height:470px; padding:30px 50px; }
.sobre-boxE{ width:75%; }
.sobre-boxD{ width:25%; }

.sobre-bt{ margin:20px 0 0 0; }

.entradas, .acesso{ padding:90px 0; }
.entradas-converse{ margin:10px 0; }

.bt-ferram{ margin:5px 0.5%; min-height:190px; padding:0 30px; }
.bt-ferram img{ width:70px; }
#instrumentos{ padding:5px 0; }

.faleconosco{ padding:80px 0 120px 0; }

.form{ margin:20px 10%; width:80%; }

}

/* 1200px – Tablets no formato paisagem e alguns monitores mais antigos ------------*/
@media screen and (max-width: 1200px){

.bt-menu{ margin:10px 5px; padding:3px 10px; }
.bt-whatsapp{ margin:1px 0 0 15px; }

.banner{ margin:0 0 20px 0; height:440px; background-size:120%; }

.sobre{ min-height:900px; padding:110px 0 0 0; }
.sobre-box{ height:600px; padding:40px; }

.solucoes{ min-height:900px; padding:110px 0 0 0; }
.solucoes-container{ width:80%; }

.entradas{ padding:100px 0 200px 0; background-size:160%; }

.bt-ferram{ margin:10px 0.5%; min-height:240px; padding:10px 30px; transition:all 150ms linear; }
.free{ background-size:120%; }
.free:hover{ background-size:120%; }

.faleconosco{ min-height:900px; background:url('../imagens/fd-fale.jpg') no-repeat; background-size:160%; }
.form{ margin:40px 5%; width:90%; }

}

/* 768px – Tablets no formato retrato, como o iPad --------------------------------*/
@media screen and (max-width: 768px){

.bt-menu{ display:none; }
.bt-menuPQ{ display:block; }

.banner{ margin:0 0 20px 0; height:440px; background-size:160%; }

.sobre{ min-height:1100px; padding:100px 0 0 0; }
.sobre-box{ height:700px; padding:50px 60px; }

.solucoes{ min-height:1100px; padding:120px 0 0 0; }

.entradas{ padding:80px 20px 200px 20px; background-size:250%; }
.bt-ferram{ margin:5px 1%; width:48%; min-height:210px; padding:10px 30px; }
.free{ background-size:110%; }
.free:hover{ background-size:110%; }

.entradas-converse{ margin:20px 0; font-size:24px; }

.faleconosco{ min-height:800px; background:url('../imagens/fd-fale.jpg') no-repeat; background-size:260%; }
.form{ margin:40px 10%; width:80%; }
.form-colum{ width:100%; padding:30px 100px; }
.form-colum2{ width:100%; padding:10px 0 30px 0; }
	
}

/* 550px – Smartphones no formato paisagem com tela pequena -----------------------*/
@media screen and (max-width: 550px){

h1{	font-size:26px; }

.logo{ margin:5px 0; width:160px; }
.bt-menuPQ{ margin:0 0 0 10px; }

.banner{ margin:0 0 10px 0; height:400px; background:url('../imagens/fd-home-pq.jpg'); }

.home-colum{ width:100%; padding:0 5px 10px 5px; text-align:center; }
.home-colum2{ width:100%; padding:0 10px; border:0; }
#home-colum2{ padding:0 10px; }

.sobre{ min-height:1000px; padding:80px 0 0 0; }
.sobre-boxE{ width:100%; height:auto; border-top-right-radius:15px; border-bottom-right-radius:15px; padding:20px 20px 40px 20px; }
.sobre-boxD{ display:none; }

.solucoes{ min-height:1000px; padding:100px 0 0 0; }
.solucoes-container{ width:90%; }

.entradas{ padding:80px 0; background-size:380%; }
.bt-ferram{ margin:5px 5%; width:90%; min-height:0; padding:10px 20px; }
#instrumentos{ margin:5px 5%; width:90%; }
.bt-ferram img{ width:60px; }
.free, .free:hover{ background-size:100%; }

.entradas-converse{ margin:10px 0; font-size:20px; }

.faleconosco{ min-height:0; padding:90px 0 30px 0; background-size:500%; }
.form{ margin:0 5%; width:90%; }
.form-colum{ width:100%; padding:20px; }
.form-colum2{ width:100%; padding:10px 10px 30px 10px; }

}

/* 320px – Smartphones no formato retrato com tela pequena ------------------------*/
@media screen and (max-width: 479px){


}