/* 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:34px; font-weight:400; line-height:120%; letter-spacing:-1px;}	
h2{	font-size:30px; font-weight:400; line-height:120%; letter-spacing:-1px; }
h3{	font-size:24px; font-weight:300; line-height:120%; letter-spacing:-0.5px; }	
h4{	font-size:18px; font-weight:300; line-height:130%; }
h5{	font-size:14px; font-weight:300; line-height:140%; letter-spacing:0;}

.container{ width:90%; max-width:1100px; margin:0 auto; padding:0; overflow:auto; }

/* TOP ********************************/
.top{ position:fixed; width:100%; padding:10px 0; border-bottom:1px solid #999; background:#fff; }
.logo{ float:left; width:200px; }
.menu-pq{ display:none; float:left; width:100%; }
.bt-menu{ float:right; margin:5px 0 0 20px; border:0; padding:5px 10px; font-family:'Open sans', sans-serif; font-size:18px; font-weight:400; background:transparent; letter-spacing:-0.5px;
		  cursor:pointer; transition:all 150ms linear; }
.bt-menu:hover{ color:#fff; background:#ff6600; }

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

/* HOME ********************************/
.banner{ float:left; margin:-50px 0 30px 0; width:100%; height:704px; background:url('../imagens/fd-home.jpg') no-repeat; background-size:100%; }

.solucoesnr1, .acesso{ float:left; margin:50px 0 0 0; width:100%; padding:180px 0 120px 0; text-align:center; background:url('../imagens/fd-home2.jpg'); background-size:100%; }
.bt-ferram, .bt-ferram-pq{ margin:-1px -3px; width:365px; border:1px solid #cacaca; padding:40px; font-family:'Open sans', sans-serif; font-size:22px; font-weight:400; 
						   color:#000; background:#fff; cursor:pointer; transition:all 150ms linear; }
.bt-ferram:hover{ background:#fef7f2; }
.bt-ferram img{ width:80px; }

.bt-ferram-pq{ display:none; }

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

.acesso{ margin:0; padding:130px 0 40px 0; }

#converse{ margin:60px 0; font-size:28px; color:#ff6600; }

.faleconosco{ float:left; margin:0; width:100%; padding:100px 0; text-align:center; background:#fff; }
.form{ margin:10px 17%; width:66%; }
.input{ margin:2px 0.5%; width:100%; max-width:48%; font-family:'Open sans', sans-serif; border:1px solid #999; border-radius:3px; padding:12px 20px; font-size:18px; color:#fff; font-weight:400;
		 	 background:#fff; }
.textarea{ margin:2px 1%; width:100%; max-width:98%; font-family:'Open sans', sans-serif; border:1px solid #999; border-radius:3px; padding:12px 20px; font-size:18px; color:#fff; font-weight:400;
		 	 background:#fff; }
.bt-form{ margin:2px 1%; width:100%; max-width:98%; font-family:'Open sans', sans-serif; border:1px solid #ff9900; border-radius:3px; padding:12px 0; font-size:14px; color:#ff9900; font-weight:700;
		  background:transparent; cursor:pointer; transition:all 150ms linear; }
.bt-form:hover{ color:#fff; background:#ff9900; }


/* ACESSO ********************************/
.entradas, .entrada{ float:left; margin:0 1% 80px 1%; width:48%; min-height:310px; border:1px solid #999; padding:20px 50px 0 50px; text-align:center; background:rgba(255,255,255,0.8); }
.entrada{ margin:0 15% 20px 15%; width:70%; padding:20px 50px 40px 50px; }

input, select{ margin:2px 0.5% 8px 0.5%; width:99%; padding:12px 20px; font-family:'Open Sans', sans-serif; font-size:16px; }
#input-senha{ padding:25px 20px; }
#input-data{ padding:11px 20px; }

#olho > * { height:1.5em; float:left; }
#olho img { cursor:pointer; margin:13px 0 0 -35px; }

#fooE{ margin:0 0 5px 0; width:100%; color:#fff; padding:10px 2px; text-align:center; background:#1ee135; }
#fooU, #fooD, #fooI{ margin:0 0 5px 0; width:100%; color:#fff; padding:10px 2px; text-align:center; background:#cc0000; }

.bt-form-acesso{ margin:2px 0; width:100%; border:0; padding:10px 0; font-family:'Open Sans', sans-serif; font-size:14px; font-weight:700; color:#fff; background:#ff9900; }
.bt-form-acesso:hover{ cursor:pointer; transition: all 150ms linear; background:#da6e10; } 

.esqueci-senha{ margin:20px 0; text-decoration:underline; color:#999; cursor:pointer; transition: all 150ms linear; }
.esqueci-senha:hover{ color:#000; }
#senha{ display:none; }

.cel{ float:left; width:50%; text-align:left; font-size:14px; }



/* BOTTOM ********************************/
.rodape{ float:left; margin:40px 0 0 0; width:100%; padding:100px 0 80px 0; text-align:center; font-size:14px; font-weight:300; color:#b4b4cc; 
		 background:url('../imagens/fd-rodape.png'); background-size:100% }
.rodape a{ margin:20px; font-size:14px; color:#b4b4cc; text-decoration:none; }
.rodape a:hover{ color:#fff; text-decoration:underline; }
.rodape-links-pq{ display:none; }
.rodape h1{	font-size:24px; font-weight:300; line-height:120%; letter-spacing:-0.5px; }	

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

h1{	font-size:30px; }
h2{	font-size:26px; }	
h3{	font-size:20px; }

.container{ max-width:1200px; }	

.banner{ margin:-50px 0 20px 0; height:480px; }

.bt-ferram{ padding:15px 30px; }
.bt-ferram img{ width:70px; }

.solucoesnr1{ padding:110px 0 80px 0; text-align:center; background:url('../imagens/fd-home2.jpg'); }

#converse{ margin:30px 0; font-size:28px; color:#ff6600; }

.faleconosco{ padding:90px 0 0 0; }

.rodape{ padding:30px 0 40px 0; text-align:center; font-size:14px; font-weight:300; color:#9999c2; 

}

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

h3{	font-size:22px; }

.banner{ margin:-60px 0 30px 0; width:100%; height:540px; background:url('../imagens/fd-home.jpg') bottom center no-repeat #ff6600; background-size:140%; }
.bt-ferram{ padding:10px 30px; }
.bt-ferram img{ width:60px; }

.rodape{ padding:50px 0 80px 0; }

}

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

.top{ padding:20px 0; }

.banner{ margin:80px 0 40px 0; height:560px; background:url('../imagens/fd-home-pq.jpg') bottom center no-repeat; background-size:100%; }

.solucoesnr1{ padding:160px 0 120px 0; background:url('../imagens/fd-home2.jpg') top right no-repeat; background-size:300%; }
.bt-ferram{ width:340px; padding:30px; }

#converse{ margin:50px 0 30px 0; font-size:26px; }

.faleconosco{ padding:120px 0 100px 0; }
.form{ margin:10px 10%; width:80%; }

.rodape{ padding:80px 0 180px 0; background:url('../imagens/fd-rodape.png') top right; background-size:200% }
.rodape-links{ display:none; }
.rodape-links-pq{ display:block; }
	
}

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

h3{	font-size:20px; }

.menu{ display:none; }
.menu-pq{ display:block; }
.bt-menu{ float:left; color:#fff; background:#ff6600; }

.banner{ margin:20px 0 20px 0; height:450px; background:url('../imagens/fd-home-pq.jpg') bottom center no-repeat; background-size:110%; }

.solucoesnr1{ padding:160px 0 130px 0; background:url('../imagens/fd-home2.jpg') top right no-repeat; background-size:450%; }
.bt-ferram{ display:none; }
.bt-ferram-pq{ display:block; width:100%; padding:10px 25px 10px 15px; text-align:left; }
.bt-ferram-pq img{ margin:10px 10px 0 0; width:50px; }

.free{ background:url(../imagens/fd-gratuito.png) top right #fff no-repeat; background-size:90%; }
.free:hover{ background:url(../imagens/fd-gratuito.png) top right #fef7f2 no-repeat; }

#converse{ margin:30px 0 10px 0; font-size:26px; }

.faleconosco{ padding:140px 0 0 0; }
.form{ margin:10px 0; width:100%; }

.rodape{ margin:10px 0 0 0; padding:20px 0 50px 0; background:url('../imagens/fd-rodape.png') top right; background-size:200% }
.rodape h1{	font-size:18px; font-weight:400; line-height:120%; letter-spacing:-1px; }	
.rodape a{ margin:2px; font-size:12px; font-weight:400; color:#b4b4cc; text-decoration:none; }

}

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


}