@import url(https://fonts.googleapis.com/css2?family=Noto+Sans:wght@400;700&display=swap);

@import url(https://fonts.googleapis.com/css2?family=Nunito:wght@200;300;400;500;700;900&display=swap);




canvas {
    display: block; width: 100%; 
}

#neuronCanvas{ background: url(../img/bcanva.jpg) fixed; background-size: 100%;}

#span-blink {
	position: absolute;
	top: 10px;
	right: 70px;
	background:#fff;
	padding: 5px 8px;
	border-radius: 5px;
	font-size: 12px;
	text-align: center;
	font-weight: 100;
	
	line-height: 14px;
	animation: blink 1s linear infinite; color:#333333; width:100px; padding-top:11px; padding-bottom:11px;
	
	 
	 webkit-box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.5); -moz-box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.5);  box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.5);
	border:solid 1px #28B145; 
}

#link-whats {
	padding: 45px;
	position: absolute;
	right: 0px;
	top: -50px;
	z-index: 2;
}

body {
	font-family: 'Noto Sans', sans-serif;
	
-webkit-font-smoothing: antialiased;
	font-size: 14px;
	margin:0;
	
	color:#232325;
   font-weight:100; background:#fff; background-size: 100%;


}

.titulo{position:relative; width:80%; text-align:center;  color:#FFFFFF; background: url(../img/bpasso.jpg); height:350px; background-size: 100%; padding-left: 10%; padding-right: 10%; font-size: 22px;  }
.titulo h1{ color:#fff; font-size:50px;  text-transform:none;  text-align:center;  margin:0; padding-top:100px; font-family: 'Nunito', Helvetica, sans-serif; }
.ttimg{display: none;}
textarea {
outline:none;    resize: none; 
}

.boxes {
  *zoom: 1;
  margin:0;
  
}

.boxes:after {
  content: "";
  display: table;
  clear: both;
}
.boxes2 {
  *zoom: 1;
  margin:0;
  padding-bottom:10px
}

.boxes2:after {
  content: "";
  display: table;
  clear: both;
}




.boxicone img{width:235px; height:220px}
.boxesi {
  *zoom: 1;
  margin:0;
  padding-bottom:10px; margin-bottom:10px; border-bottom:solid 9px #FFDA39; padding-top:10px
}

.boxesi:after {
  content: "";
  display: table;
  clear: both;
}
.face{position:absolute; right:30px; top:95px}
.face2{position:absolute; right:0px; top:95px}
.facef{position:absolute; right:30px; top:95px}
.facef2{position:absolute; right:0px; top:95px}


input{outline:none}
.img_link{cursor:pointer; border:0}





h3{font-size:18px;     font-weight:bold;  color:#000;font-family: 'Noto Sans', sans-serif; }



li{margin-left:20px; line-height:30px}
a {
	
	color: #333333;
	font-size:15px
}
a:link {
	text-decoration: none;
}
a:visited {
	text-decoration: none;
}
a:hover {
	color: #fff;
	
}
a:active {
	text-decoration: none;
}
-->



a.footl {
	
	font-size:15px;  font-weight:100; ; color:#EBEBEB; 
	
}
a.footl:link {
	text-decoration: none;
}
a.footl:visited {
	text-decoration: none;
}
a.footl:hover {
	 color:#fff
	
}
a.footl:active {
	text-decoration: none;
}



a.texto_link {
	 font-family: 'Noto Sans', sans-serif;
	font-size: 16px;
	color: #000000;

	cursor:pointer; font-weight:100
	
}
a.texto_link:link {
	text-decoration: none;
}
a.texto_link:visited {
	text-decoration: none;
}
a.texto_link:hover {
	text-decoration: underline;
	color: #000;
}
a.texto_link:active {
	text-decoration: none;}
	



.mestra{position:relative; width:100%}
.mestracli{position:relative; width:100%; display: block;}

.my-4{color: #ccc;}
.miolo{position:relative; width:90%; text-align:left; font-family: 'Noto Sans', sans-serif; color: #000; }


.miolo strong{  font-style:italic}

.img_lista2{position:relative; margin:0; float:left; display: table;  height:120px; line-height:70px;   }

.img_lista{position:relative; margin:0; float:left; display: table;  width:11.2%; height:120px; line-height:120px;  margin: 0.5%; -webkit-border-radius: 4px;  -moz-border-radius: 4px;  -ms-border-radius: 4px;  -o-border-radius: 4px;  border-radius: 4px; }
.img_lista_center{display: table-cell;   vertical-align: middle;   text-align:center;  position:relative; }
.img_clientes{  max-width:80%;  max-height:70px; filter: grayscale(100%);
    }

.img_clientesi{  max-width:80%;  max-height:70px;
   }

.boxes3 {
  *zoom: 1;
  margin:0;
  padding:2%; width:90%; background:#FFFFFF; -webkit-border-radius: 8px;  -moz-border-radius: 8px;  -ms-border-radius: 8px;  -o-border-radius: 8px;  border-radius: 8px;  -webkit-box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.5);  -moz-box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.5);  box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.5); position:relative; margin-top:-100px
}

.boxes3:after {
  content: "";
  display: table;
  clear: both;
}

.move{position:relative; bottom:0;   -webkit-animation: imageAnimation 25s linear infinite 0s;
    -moz-animation: imageAnimation 5s linear infinite 0s;
    -o-animation: imageAnimation 5s linear infinite 0s;
    -ms-animation: imageAnimation 5s linear infinite 0s;
    animation: imageAnimation 5s linear infinite 0s;}

.foguete{position:absolute; right:0; bottom:0px;     -webkit-animation: imageAnimation 25s linear infinite 0s;
    -moz-animation: imageAnimation 5s linear infinite 0s;
    -o-animation: imageAnimation 5s linear infinite 0s;
    -ms-animation: imageAnimation 5s linear infinite 0s;
    animation: imageAnimation 5s linear infinite 0s;}
	 @-webkit-keyframes imageAnimation { 
	0% {
	    
	   webkit-animation-timing-function: ease-in;
	}
	
	50% {
	    bottom:30px
	}

	100% {
	
	     bottom:0
	}}
.mestram{position:relative; width:100%; padding-top:40px; background:url(../img/bclientes.jpg.webp) fixed; background-repeat: no-repeat;
-moz-background-size: 100%  ;
-webkit-background-size: 100%   ;
background-size: 100%   ; font-size:25px; color:#FFFFFF ; margin-top:100px}
.mestram .button{border:solid 1px #FFFFFF; background:none ; width:30%; font-size:15px}
.mestram span{font-size:15px}


.cabl{position:relative; width:45%; float:left; height:300px; padding-left:5%; padding-top:50px; color:#FFFFFF; font-weight:bold ; font-size:25px}
.cabl span{font-size: 14px; width: 100%;}
.cabr{position:relative; width:45%; padding-right:5%; float:right;}
.cabr img{max-width:100%}
.logo{position:relative; padding-left:5%; padding-right:2%; padding-top:5px; z-index:111; float:left; height:85px}
.slogan{position:relative; padding-left:2%; padding-right:2%; text-align:right; padding-top:20px; z-index:111; float:right; height:80px; color:#FFFFFF; font-size:16px; }

.boxmenu{position:relative; padding-left:1%; padding-right:1%;  padding-top:35px; z-index:111; float:right; height:60px; color:#fff; font-size:20px; font-size:15px; font-family: 'Noto Sans', sans-serif;  font-weight:bold; -webkit-transition-timing-function: ease-in;
	        transition-timing-function: ease-in;
	-webkit-transition-duration: 250ms;
	        transition-duration: 250ms;
	cursor: pointer;
	-webkit-transition: 0.4s all linear;
	        transition: 0.4s all linear;}
			
			.boxmenu:hover{color:#9EBDF1	}



			.buttonmenu{position:relative; width:200px; color:#fff; text-align:center; padding:10px; cursor:pointer;  -webkit-transition: all 0.2s ease-out;  -moz-transition: all 0.2s ease-out;  -ms-transition: all 0.2s ease-out;  -o-transition: all 0.2s ease-out;  transition: all 0.2s ease-out;  -webkit-border-radius: 4px;  -moz-border-radius: 4px;  -ms-border-radius: 4px;  -o-border-radius: 4px;  border-radius: 4px; font-weight:bold; font-size: 16px; text-shadow: none;background: #194A99; float: right; margin-top: 12px; margin-left: 4%; }

.buttonmenu:hover {background: #000; color: #fff !important;}


.logo2{position:absolute; right:2%; top:75px; z-index:111;  font-family: 'Noto Sans', sans-serif; text-align:center; color:#000;  font-weight:100;padding-left:45px; background:url(../img/icon-phone-32x33.png) left no-repeat  }
.end{position:absolute; right:30%; top:75px; z-index:111;  font-family: 'Noto Sans', sans-serif; text-align:center; color:#000;  font-weight:100; padding-left:45px; background:url(../img/icon-location-32x33.png) left no-repeat }


.logo3{position:absolute; left:50%; top:10px; z-index:111}
.perfis{position:absolute; left:250px; top:82px; z-index:111}



.menu_link{position:relative; float:left; text-align:center;  height:35px ; font-size:15px; color:#fff; cursor:pointer; padding-top:15px;  font-weight:bold;  text-align:center;  margin-top:0;-webkit-transition-timing-function: ease-in;text-shadow:0px 1px 0px  #000;
	        transition-timing-function: ease-in;
	-webkit-transition-duration: 250ms;
	        transition-duration: 250ms;
	cursor: pointer;
	-webkit-transition: 0.4s all linear;
	        transition: 0.4s all linear; padding-left:3%; padding-right:3%  }
.menu_link:hover{color:#298BC8}
.menu_link_foot{float:left; margin-right:5%; color:#333333; padding-top:15px; cursor:pointer}
.menu_link_foot:hover{text-decoration:underline; color:#33348E}
.sep_menu_oculto{width:40px; background:url(../img/menuseparador.png); height:48px; margin-top:9px; float:left;;}

.caixa{position:relative; float:left; width:18%; padding:1%; text-align:center; height:180px ; color:#000}

.caixa img{ border-radius: 50%;
	box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.5); height: 40px; padding: 20px;}
.caixa2{position:relative; float:left; width:29%; padding:2%; text-align:center; height:180px ; color:#000}




.cabi{position:fixed; width:100%; height:120px; background:url(../img/back_cabi.png) center ;  -webkit-box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.5);  -moz-box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.5);  box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.5); z-index:9999999999

}
.mestra_titulo{width:100%; padding-top:135px; background:url(../img/back_titulo.png) center; -webkit-box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.5);  -moz-box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.5);  box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.5); padding-bottom:20px;color:#E4A241}
.mestra_label{background:#FFFFFF; text-align:center; padding-top:20px; padding-bottom:20px; color:#ccc; font-size:2em}

.cab2{display:none }
.cab22{display:none }
.footfoot{position: relative; width: 96%; background: #000; padding: 2%; color: #fff;}
.foot{position:relative; width:90%; padding-left: 5%; padding-right: 5%; font-size:15px;  font-family: 'Noto Sans', sans-serif; background: url(../img/bpasso.jpg); background-size: 100%; padding-top:50px;  color:#F2F2F2; padding-bottom:20px ; background-size: 100%; }


.foot_miolo{position:relative; width:80%; text-align:center; }
.foot_boxl{position:relative; float:left; width:32%; text-align:left; margin-left:2%; margin-right:2%; line-height:25px }
.foot_boxl h1{width:100%; padding-bottom:10px;  font-size:18px; text-align:left; color:#0FAB37; font-family: 'Noto Sans', sans-serif; font-weight:100}
.foot_boxl2{position:relative; float:left; width:18%; text-align:left; margin-left:2%; margin-right:2%; line-height:25px }
.foot_boxl2 h1{width:100%; padding-bottom:10px;  font-size:18px; text-align:left; color:#0FAB37; font-family: 'Noto Sans', sans-serif; font-weight:100}
.error-message {
	color: red;
	font-size: 12px;
	display: none; /* Inicialmente escondida */
}

.formc{
width:100%;    margin-top:5px;  height:40px; padding-left:10px; border:none; background:#fff; border:solid 1px #CCCCCC; font-size:14px; 
margin-right:20px; font-family: 'Noto Sans', sans-serif; font-weight:100; border-radius: 10px; font-size: 20px; font-weight: bold;
}

.form_msmc{
width:100%; margin-bottom:7px;   margin-top:5px;  height:60px; padding-left:10px; border:none; background:#fff; border:solid 1px #CCCCCC; font-size:14px; 
margin-right:20px; padding-top:10px; font-family: 'Noto Sans', sans-serif; font-weight:100
}

.formc:focus{border-color:#86b7fe;
    outline:0;
    box-shadow:0 0 0 .25rem rgba(13,110,253,.25)}


	


.foot_line{position:relative; width:95%; padding-top:2%; padding-bottom:0; }




.mestra_texto{width:90%}

.miolo_texto{position:relative; width:84%; text-align:left;    z-index:1; text-align:left;;  font-size:15px; padding-top:30px; color:#000; font-weight:100; padding-bottom:30px }
.miolo_texto h1{font-size:50px}
.miolo_texto strong{}


.servtexto{display:none; position:relative; text-align:justify; color:#333;padding:15px; margin-top:20px; background:#FFFFFF; font-weight:100; font-size:15px; text-transform:none }

.bb{display:block}
.bbd{display:none}
.button{position:relative; width:40%; background:#182C44;color:#fff; text-align:center; padding:1%; cursor:pointer;  -webkit-transition: all 0.2s ease-out;  -moz-transition: all 0.2s ease-out;  -ms-transition: all 0.2s ease-out;  -o-transition: all 0.2s ease-out;  transition: all 0.2s ease-out;  -webkit-border-radius: 4px;  -moz-border-radius: 4px;  -ms-border-radius: 4px;  -o-border-radius: 4px;  border-radius: 4px; font-weight:bold}
.buttonc{position:relative; width:300px; background:url(../img/back_buttonc.png) ;color:#E9A23C; text-align:center; padding:20px; cursor:pointer;  -webkit-transition: all 0.2s ease-out;  -moz-transition: all 0.2s ease-out;  -ms-transition: all 0.2s ease-out; font-size:20px;  -o-transition: all 0.2s ease-out;  transition: all 0.2s ease-out;; margin-top:-100px; padding-top:14px ;text-shadow:1px 1px 1px  #000;}
.button:hover{background:#000; color:#FFFFFF}
.buttonc:hover{background:#E9A23C; color:#FFFFFF}


.buttoni{position:relative; width:70%; background:#174A9B;color:#fff; text-align:center; padding:2%; cursor:pointer;  -webkit-transition: all 0.2s ease-out;  -moz-transition: all 0.2s ease-out;  -ms-transition: all 0.2s ease-out;  -o-transition: all 0.2s ease-out;  transition: all 0.2s ease-out;  font-weight:bold;padding-top: 10px; padding-bottom: 10px;}
.buttoni:hover{background:#1E5EC8; color:#FFFFFF}



.h1i{color:#C08F0C; font-size:50px; font-weight:100; padding-bottom:0px; padding-top:30px}
.mestrai{position:relative; width:92%; height:500px; padding-left:5%} 
.mestrai .cabr{position:relative; width:45%; padding-right:0; float:right; text-align:right}
.mestrai .cabr img{max-width:100%}
.mestrai .cabl{position:relative; width:50%; float:left;  padding-left:0%; padding-top:50px; color:#FFFFFF; font-weight:100 ; font-size:25px; text-align:left; color:#fff; font-size:16px}
.mestrai h1{text-align:left}
.mestrai strong{ font-weight: bold; font-style: italic; }
.mestrai h2{color:#FFFFFF	}


.mestrai .miolo{position:relative; width:90%; text-align:center; font-family: 'Noto Sans', sans-serif; font-size:15px; padding-left:5% }
.mestrai2{background:#fff; margin-top:-10px; padding-bottom:20px; width:98%; padding-left:2%}
.mestrai .button{width:150px; font-weight:bold; -webkit-border-radius: 4px;  -moz-border-radius: 4px;  -ms-border-radius: 4px;  -o-border-radius: 4px;  border-radius: 4px; padding:10px}
.mestrai .button:hover{background:#0099CC}

.cablt{position:relative; width:50%;   margin-left:25%; padding-top:50px; color:#FFFFFF; font-weight:100 ; text-align:left; color:#000; }

.cabrt{position:relative; width:53%; float:right;  padding-left:0%; padding-top:50px; color:#FFFFFF; font-weight:100 ; text-align:left; color:#000; }


.cabrt2{position:relative; width:46%; float:right;  padding-left:0%; padding-top:50px; color:#FFFFFF; font-weight:100 ; text-align:right; color:#000; }


.sep{ width:10% ; height:2px; margin-top:20px; margin-bottom:50px; background:#298BC8; position:relative;}
.fi1{position:relative; padding-left:40px; background:url(../img/fi1.png) left no-repeat; margin-bottom:10px}
.fi2{position:relative; padding-left:40px; background:url(../img/fi2.png) left no-repeat; margin-bottom:10px}
.fi3{position:relative; padding-left:40px; background:url(../img/fi3.png) left no-repeat}

.boxr{position:relative; float:right; text-align:left; width:40%;line-height:35px; font-size:15px; padding-top:40px; padding-bottom:40px;  padding-left:5%;padding-right:5%}
.boxl{position:relative; float:left; text-align:left; width:16%; padding:1%;   line-height:35px; font-size:13px; margin:1%;

-webkit-box-shadow:  1px 4px 0 rgba(0, 0, 0, 0.5); cursor:pointer; -moz-box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.5);  box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.5); background:#fff;
-webkit-transition: all 0.5s ease-out;  -moz-transition: all 0.5s ease-out;  -ms-transition: all 0.5s ease-out;  -o-transition: all 0.5s ease-out;  transition: all 0.5s ease-out;  height:390px; background: #008BFA; color: #fff; text-align: center; line-height: 20px; border-radius: 6px; font-size: 13px; text-align: justify;
}
.boxl h2{color:#fff ;  font-family: 'Nunito', sans-serif;}

.boxl:hover{background:#335F93; color:#FFFFFF}



.boxlm{position:relative;  text-align:center; width:21%;    line-height:35px; font-size:13px;  line-height: 20px; border-radius: 6px; font-size: 17px; 
	 margin-bottom: 20px; float: left; color: #000; margin: 2%; }


	.boxlm h1{color:#194A99; ; font-family: 'Nunito', sans-serif; text-align: center;  line-height: 25px ; font-size: 20px;}
	
	

.boxl span{font-size: 17px; color: #fff;}

.boxlr{position:relative; float:left; text-align:left; width:21%; padding:1%;   line-height:35px; font-size:13px; margin:1%;

	cursor:pointer; box-shadow: 0px 10px 10px 0px rgba(0, 0, 0, 0.5); background:#fff;
   -webkit-transition: all 0.5s ease-out;  -moz-transition: all 0.5s ease-out;  -ms-transition: all 0.5s ease-out;  -o-transition: all 0.5s ease-out;  transition: all 0.5s ease-out;  height:100px; color: #000; text-align: center; line-height: 20px; border-radius: 6px; font-size: 13px; text-align: justify;
   }

   .mestrab{position:relative; width:100%; background: url(../img/bpasso.jpg) fixed; background-size: 100%;  padding-top: 50px; padding-bottom: 50px;  }
.mestrab2{position:relative; width:100%; background: url(../img/b-port.jpg) ; background-size: 100% 100%; padding-bottom: 100px;  }

.mestrabr{position: relative; float:right; width: 30%; padding-right: 10%;}
.mestrabl{position: relative; float:left; width: 30%; text-align: left; padding-left: 20%;}

.mestrabl2{position: relative; float:left; width: 68%; }
.mestrabr2{position: relative; float:right; width: 27%; text-align: right; padding-right: 4%; padding-top: 100px;}

.hb1{color:#008BFA; font-weight:100%; font-size:20px; font-family: 'Noto Sans', cursive;  font-weight:100; padding-top:15px; height:50px; padding-left:80px; background:url(../img/icon-site.png) no-repeat; margin-top:20px; margin-bottom:20px}

.hb2{color:#008BFA; font-weight:100%; font-size:20px;font-family: 'Noto Sans', cursive;  font-weight:100; padding-top:15px; height:50px; padding-left:80px; background:url(../img/icon-loja.png) no-repeat; margin-top:20px; margin-bottom:20px}

.hb3{color:#008BFA; font-weight:100%; font-size:20px; font-family: 'Noto Sans', cursive;  font-weight:100; padding-top:15px; height:50px; padding-left:80px; background:url(../img/icon-go.png) no-repeat; margin-top:20px; margin-bottom:20px}
.hb4{color:#008BFA; font-weight:100%; font-size:20px; font-family: 'Noto Sans', cursive;  font-weight:100; padding-top:15px; height:50px; padding-left:80px; background:url(../img/icon-seo.png) no-repeat; margin-top:20px; margin-bottom:20px}

h1{font-size:37px;  font-weight:bold; color:#0A2041;  font-family: 'Nunito', sans-serif; text-align:left;  ;  width:100%; text-align:center; margin-top:10px;
text-transform:uppercase; text-shadow: 0 -1px 0 rgba(0,0,0,0.2);
}

.text-red{color: crimson;}
h2{font-family: 'Noto Sans', cursive; color:#174A9B; }
.port{position:relative; float:left; width:30%; margin:1%;  padding-bottom:20px; text-align:center; font-size:20px; color:#316191; height:320px; -webkit-transition: all 0.2s ease-out;  -moz-transition: all 0.2s ease-out;  -ms-transition: all 0.2s ease-out;  -o-transition: all 0.2s ease-out;  transition: all 0.2s ease-out;   font-size:15px; cursor:pointer;  box-shadow: 0 10px 10px 0 rgba(0, 0, 0, 0.5); background:#fff;
	-webkit-transition: all 0.5s ease-out;  -moz-transition: all 0.5s ease-out;  -ms-transition: all 0.5s ease-out;  -o-transition: all 0.5s ease-out;  transition: all 0.5s ease-out;  height:310px; color: #000; text-align: center; line-height: 20px; border-radius: 6px;  padding: 0; }
.port:hover{background:#1653AA; color:#FFFFFF}
.port:hover span{ color:#FFFFFF}
.port span{color:#999999; font-size:15px}
.portimg{position:relative; width:100%; height:230px; overflow:hidden; border-radius: 4px 4px 0 0;  }
.portimg img{width: 100%; }
.bport{position:absolute; left:0; bottom:0; }

.portp{position:relative; float:left; width:23%; margin:1%;  padding-bottom:20px; text-align:center; font-size:20px; color:#316191; height:320px; -webkit-transition: all 0.2s ease-out;  -moz-transition: all 0.2s ease-out;  -ms-transition: all 0.2s ease-out;  -o-transition: all 0.2s ease-out;  transition: all 0.2s ease-out;   font-size:15px; cursor:pointer;  box-shadow: 0 10px 10px 0 rgba(0, 0, 0, 0.5); background:#fff;
	-webkit-transition: all 0.5s ease-out;  -moz-transition: all 0.5s ease-out;  -ms-transition: all 0.5s ease-out;  -o-transition: all 0.5s ease-out;  transition: all 0.5s ease-out;  height:310px; color: #000; text-align: center; line-height: 20px; border-radius: 6px;  padding: 0; }
.portp:hover{background:#1653AA; color:#FFFFFF}
.portp:hover span{ color:#FFFFFF}
.portp span{color:#999999; font-size:15px}

.whatsf{display:none}
 .ppo{position:relative; width:600px;  background:#000; border: solid 3px #fff; padding-top:50px; text-align:center; padding-bottom:50px; text-align:center; color:#FFFFFF; font-size:20px; font-weight:bold}
  .ppot{position:relative; width:540px; padding:20px; top:130px; left:0; text-align:center; font-size:26px; color:#fff; font-weight:bold;}

 .bandev2{position: absolute; top: 130px; width: 100%;}
 
 .cab{position:relative; width:95%; height:90px;   z-index:999999; padding-right: 5%;    background: #174A9B; background-size: 100% 100%;

}

.cabinter{position:absolute; width:100%; height:100px;   z-index:999999; 

}

 
.ligamos2{position:fixed; width:98%; text-align:center; top:10px;  text-align:center;  cursor:pointer; z-index:99999999999999999; display:block }
#tool{background:url(../img/back_tool.png); width:100%; height:1200px; z-index:99999999; position:fixed; top:0; display:block}
.popdev{position:relative; margin-bottom:20px; display:none}


.bandev{position:relative; display:block;  background:url(../img/bcab.jpg) ; background-size: 100%; height:600px; font-family: 'Nunito', sans-serif;}

.rota{position: absolute; z-index: 1; top: 80px; left: 5%;}
.rotaf{position: absolute; z-index: 2; top: 80px; left: 0;}
.rota2{position: absolute; z-index: 1; top: 80px; left: 30%;}

.image {
    position: absolute;
   
    -webkit-animation:spin 20s linear infinite;
    -moz-animation:spin 20s linear infinite;
    animation:spin 20s linear infinite; width: 500px; height: 500px;
}
@-moz-keyframes spin { 100% { -moz-transform: rotate(360deg); } }
@-webkit-keyframes spin { 100% { -webkit-transform: rotate(360deg); } }
@keyframes spin { 100% { -webkit-transform: rotate(360deg); transform:rotate(360deg); } }


.bandev_texto{position: relative; z-index: 3; top: 150px;  text-align: center; font-size: 45px; font-weight: 900; width: 100%; color: #fff; }
.bandev_texto h1{color: #fff; text-align: center;}
.bandev_texto span{font-size: 15px; font-weight: 400; color: #fff;}

.bandevl_texto{position: relative; z-index: 3; top: 250px; text-align: center; font-size: 40px; font-weight: 900; color: #fff;}
.bandevl_texto span{font-size: 25px; font-weight: 400;}



.buttondev3{position:relative; width:200px; color:#00CC00; text-align:center; padding:10px; cursor:pointer;  -webkit-transition: all 0.2s ease-out;  -moz-transition: all 0.2s ease-out;  -ms-transition: all 0.2s ease-out;  -o-transition: all 0.2s ease-out;  transition: all 0.2s ease-out;  -webkit-border-radius: 4px;  -moz-border-radius: 4px;  -ms-border-radius: 4px;  -o-border-radius: 4px;  border-radius: 4px; font-weight:bold; font-size: 16px; text-shadow: none;background: #fff; border: solid 1px #00CC00; }

.buttondev3:hover {background: #00CC00; color: #000 !important;}


.buttondev{position:relative; width:200px; color:#fff; text-align:center; padding:10px; cursor:pointer;  -webkit-transition: all 0.2s ease-out;  -moz-transition: all 0.2s ease-out;  -ms-transition: all 0.2s ease-out;  -o-transition: all 0.2s ease-out;  transition: all 0.2s ease-out;  font-weight:bold; font-size: 16px; text-shadow: none;background: #1FA045; }

.buttondev:hover {background: #29D65E; color: #000 !important;}

.buttondev2{position:relative; width:250px; background: #028BF8 ; color: #fff; text-align:center; padding:10px; cursor:pointer;  -webkit-transition: all 0.2s ease-out;  -moz-transition: all 0.2s ease-out;  -ms-transition: all 0.2s ease-out;  -o-transition: all 0.2s ease-out;  transition: all 0.2s ease-out;  -webkit-border-radius: 4px;  -moz-border-radius: 4px;  -ms-border-radius: 4px;  -o-border-radius: 4px;  border-radius: 4px; font-weight:bold; border: solid 1px #fff; font-size: 16px;}

.buttondev2:hover {background: #000; color: #fff ;}


.depoi{position: relative; text-align: left; float: left;  margin: 1%; width: 20%; color: #fff;}

.depoi2{position: relative; text-align: left; float: left; margin: 1%; width: 48%; color: #fff; text-align: left; padding-left: 5%;}
.depoi h1{color: #194A99; font-weight: bold; font-size: 18px; text-align: left;}
.depoi2 h1{color: #194A99; font-weight: bold; font-size: 18px; text-align: left;}

.depoil{position: relative; text-align: left; float: left;  margin: 1%; width: 31%; color: #fff;}

.pala{position: relative; margin: 1%; width: 10.5%; font-size: 18px; color: #008BFA; float: left; }


.mestrai3{position:relative; width:100%; background: url(../img/bg_img.png) bottom; background-size:  100%; padding-top: 100px; padding-bottom: 200px;}

.mestrai32{position:relative; width:100%; background: url(../img/bg_img.png) bottom; background-size:  100%; padding-top: 70px; padding-bottom: 100px;}
.vi3{position: relative; width: 840px; height: 603px; background: url('../img/computer_mockup2.png'); margin-top: 0;}

.videoi{width:630px; height:550px; margin-top: -80px;}



.land{position: relative; float: left; width: 20%;}
.land img{width: 100%;}

.mestrala{position: relative; width: 100%; background: url(../img/b-land.jpg); background-size: 100% 100%; margin-bottom: -50px; padding-bottom: 50px;}


.mestrala2{position: relative; width: 100%; background: url(../img/b-land2.jpg); background-size: 100% 100%; margin-bottom: -50px; padding-bottom: 50px; margin-top: -20px; padding-top: 50px;}


.mestralanv{position: relative; width: 100%; background: url(../img/b-landv.jpg); background-size: 100% 100%; margin-bottom: -50px; padding-bottom: 50px; margin-top: -20px; padding-top: 50px;}

.miololan{position: relative; width: 55%;}




.boxlan{position:relative; float:left; text-align:left; width:18%; padding:2%;   line-height:35px; font-size:22px; margin:1%;

	background: url(../img/b-boxlan.jpg) ; background-size: 100% 100%; color: #fff; text-align: center; margin-left: 2%; margin-bottom: 50px; height: 120px;
	}

	.boxlanm{position:relative; float:left; text-align:left; width:90%; padding:2%;   line-height:35px; font-size:13px; margin:1%;

		-webkit-box-shadow:  1px 4px 0 rgba(0, 0, 0, 0.5); cursor:pointer; -moz-box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.5);  box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.5); background:#fff;
		-webkit-transition: all 0.5s ease-out;  -moz-transition: all 0.5s ease-out;  -ms-transition: all 0.5s ease-out;  -o-transition: all 0.5s ease-out;  transition: all 0.5s ease-out;  height:auto; color: #000; text-align: center; line-height: 20px; border-radius: 6px; font-size: 13px; text-align: justify; margin-left: 2%; margin-bottom: 50px;
		}


		.miololan2{position: relative; width: 40%; padding-bottom: 400px;}

		.valor{ font-size: 60px; font-weight: bold; font-family: 'Noto Sans', Courier, monospace; color: #008BFA;}
		.valor span{font-size: 25px; color: #fff;}

		.mestrai1{position:relative; width:100%; background: url(../img/bi.jpg) bottom; background-size:  100%; padding-top: 50px; padding-bottom: 100px;}

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

.mestrar2{position: relative; width: 80%; background: url(../img/cana.jpg) top no-repeat ; background-size: 100%; padding-left: 10%; padding-right: 10%; margin-top: -20px;  }
.mestrar{position: relative; width: 100%; background: url(../img/cana2.jpg) top no-repeat ; background-size: 100%;   }

.miolor{position: relative;  width: 55%; text-align:left; padding-top: 50px; margin-left: 0; padding-left: 5%; color: #fff; }
.miolor b{font-weight: bold;}
.mestracab{position: relative; text-shadow:1px 1px 1px  #000; width: 90%; padding-left: 5%; padding-right: 5%; height: 300px; background: url(../img/carga.jpg) ; background-size: 100%; padding-top: 150px; font-size: 45px; color: #fff;}
.mestracab span{font-size: 20px;}



.mestracab2{position: relative; text-shadow:1px 1px 1px  #000; width: 100%; height: 200px; background: url(../img/antt.jpg) bottom; background-size: 100%; padding-top: 50px; font-size: 45px; color: #fff;}
.mestracab span{font-size: 20px;}

.i3web{position:relative; padding:1%; width:98%; text-align:right; background:#1D1D1D}


.faq-section {
	max-width: 800px;
	margin: auto;
}
.faq-question {
	cursor: pointer;
	background-color: #f1f1f1;
	padding: 15px;
	border: 1px solid #ccc;
	margin: 5px 
	font-weight: bold;
	transition: background-color 0.3s;
}
.faq-question:hover {
	background-color: #e1e1e1;
}
.faq-answer {
	display: none;
	padding: 15px;
	border-left: 3px solid #ccc;
	background-color: #fafafa;
}



.box-cookies.hide {
	display: none !important;
  }
  
  .box-cookies {
	position: fixed;
	background: rgba(0, 0, 0, .9);
	width: 100%;
	z-index: 998;
	bottom: 0;
	display: flex;
	align-items: center;
	justify-content: space-between;
  }
  
  .box-cookies .msg-cookies,
  .box-cookies .btn-cookies {
	text-align: center;
	padding: 10px;
	color: #fff;
	font-size: 13px;
  }
  
  .box-cookies .btn-cookies {
	background: #990000;
	cursor: pointer;
	align-self: normal;
  }
  

  .miolo b{font-weight: bold;}

  .alerta{padding: 10px; border: solid 1px #990000; color: #990000; border-radius: 4px; width: 260px;}

  #mostra_d {
	display: block; /* Oculto por padrão */
	position: fixed; /* Fica fixo na página */
	z-index: 1; /* Fica acima de outros conteúdos */
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(0,0,0,0.5); /* Fundo escuro */
}
.close {
	color: #aaa;
	float: right;
	font-size: 28px;
	font-weight: bold;
}
.close:hover,
.close:focus {
	color: black;
	text-decoration: none;
	cursor: pointer;
}


.ppo{position: relative; width: 500px; border-radius: 10px; background-color: #fff;}

.benr{position: relative; float: left; width: 70%; margin-bottom: 25px; font-size: 17px;}
.benl{position: relative; float: right; width: 15%; text-align: center; }




 #bolas {
           position: absolute; top: -60px; right: 0;
            width: 600px;
            margin: 0 auto; 
        }
    .circle {
            width: 50px;
            height: 50px;
            background-color: #ccc;
            border-radius: 50%;
            display: flex;
            align-items: center;
            justify-content: center;
            color: white;
            font-weight: bold; float: right;
        }

        
        .circlea {
            width: 50px;
            height: 50px;
            background-color: red;
            border-radius: 50%;
            display: flex;
            align-items: center;
            justify-content: center;
            color: white;
            font-weight: bold; float: right;
        }
        /* Estilo para os traços pretos */
        .separator {
            width: 100px;
            height: 2px;
            background-color: black;    float: right; margin-top: 25px;
        }


		.boxr2{position: relative; float: right; width: 45%;}
		.boxl2{position: relative; float: left; width: 45%;}

		.bcarga{width: 21%; padding: 2%; float: left; height: 500px; position: relative; color: #fff;}
		.bcargat{position: absolute; padding-bottom: 100px; bottom: 0; width: 90%;}

		.fita{position:relative; width:100%; background:#0B2044;  height:40px; display:block; color: #000;}
		.fone{position:absolute; top:10px; right:5%;  text-align:right; font-size:13px;letter-spacing:1px; font-weight:100 ;  color:#fff; width: 90%;
			;  }

			.end{position:absolute; top:10px; left:2%;  text-align:left; font-size:13px;letter-spacing:1px; font-weight:100 ;  color:#fff; width: 60%;
				;  }
@media screen and (max-width: 980px) { 

	.miolor{position: relative;  width: 90%; text-align:left; padding-top: 50px; font-size: 0.8em; }

	.miolor h1{font-size: 1.5em; color:#fff;}
	.mestrar2{position: relative; width: 80%; background: url(../img/canad.jpg) top no-repeat ; background-size: 100%; padding-left: 10%; padding-right: 10%; margin-top: -20px;  }

	.boxr2{position: relative; float: left; width: 90%; margin-top: 50px; }
		.boxl2{position: relative; float: left; width: 90%;}


	.bcarga{width: 96%; padding: 2%; float: left; height: 500px; position: relative; color: #fff; margin-bottom: 30px;}
		.bcargat{position: absolute; padding-bottom: 100px; bottom: 0; width: 90%; padding-left: 5%; }
		.bcargat h2{ font-size: 2em;}
	#bolas {
		position: absolute; top: -60px; right: 0;
		 width: 90%;
		 margin: 0 auto; 
	 }

	 .separator {
		width: 10px;
		height: 2px;
		background-color: black;    float: right; margin-top: 25px;
	}

	.depoi{position: relative; text-align: left; float: left;  margin: 1%; width: 98%; color: #fff}

	.depoi2{position: relative; text-align: left; float: left; margin: 1%; width: 98%; color: #fff; text-align: left; padding-left: 0%;}
	.depoi h1{ font-weight: bold; font-size: 18px; text-align: left;}
	.depoi2 h1{ font-weight: bold; font-size: 18px; text-align: left;}
	
	.depoil{position: relative; text-align: left; float: left;  margin: 1%; width: 47%; color: #fff;}



	.mestracab{position: relative; text-shadow:1px 1px 1px  #000; width: 90%; height: 300px; background: url(../img/cargad.jpg) bottom; background-size: 100%; padding-top: 150px; font-size: 1.5em; color: #fff;}
.mestracab span{font-size: 20px; line-height: 20px !important;}


	.mestrab2{position:relative; width:100%; background: none ; background-size: 100% 100%; padding-bottom: 100px;  }
	.mestrabr{position: relative; float:right; width: 100%;}
.mestrabl{position: relative; float:left; width: 92%; text-align: left; padding-left: 4%; padding-right: 4%; background: #1B1C4A;}

.mestrabl2{position: relative; float:left; width: 100%; }
.mestrabr2{position: relative; float:right; width: 92%; padding-left: 4%; text-align: right; padding-right: 4%; padding-top: 10px; background: #1B1C4A; margin-bottom: 50px; padding-bottom: 30px;}


	.mestrab{position:relative; width:100%; background: url(../img/bpasso.jpg); background-size: 100%;  padding-top: 50px; padding-bottom: 50px;  }

	.mestrai1{position:relative; width:100%; background: url(../img/bid.jpg) bottom; background-size:  100%; padding-top: 50px; padding-bottom: 100px;}
.mestrai1 h1 span{color: #fff;}
	.boxlan{position:relative; float:left; text-align:left; width:94%; padding:2%;   line-height:35px; font-size:22px; margin:1%; padding-top: 40px;

		background: url(../img/b-boxlan.jpg) ; background-size: 100% 100%; color: #fff; text-align: center; margin-left: 2%; margin-bottom: 50px; height: 120px;
		}

	.miololan{position: relative; width: 80%;}

	.miololan2{position: relative; width: 90%; padding-bottom: 400px;}

	.mestrala{position: relative; width: 100%; background:#fff;  margin-bottom:0px; padding-bottom: 0;}

	.image {
		position: absolute;
	   
		-webkit-animation:spin 20s linear infinite;
		-moz-animation:spin 20s linear infinite;
		animation:spin 20s linear infinite; width: 250px; height: 250px;
	}




	.cablt{position:relative; width:80%;   margin-left:10%; padding-top:50px; color:#FFFFFF; font-weight:100 ; text-align:left; color:#000; }



.button{position:relative; width:40%; background:#182C44;color:#fff; text-align:center; padding:1%; cursor:pointer;  -webkit-transition: all 0.2s ease-out;  -moz-transition: all 0.2s ease-out;  -ms-transition: all 0.2s ease-out;  -o-transition: all 0.2s ease-out;  transition: all 0.2s ease-out;  -webkit-border-radius: 4px;  -moz-border-radius: 4px;  -ms-border-radius: 4px;  -o-border-radius: 4px;  border-radius: 4px; font-weight:bold}






.mestrai .miolo{position:relative; width:90%; text-align:center; font-family: 'Noto Sans', sans-serif; font-size:1em; text-align:justify; padding-left:5% }

.boxr{position:relative; float:right; text-align:left; width:90%;line-height:35px; font-size:15px; padding-top:40px; padding-bottom:40px;  padding-left:5%;padding-right:5%}

.boxl{position:relative; float:left; text-align:left; width:90%; padding:2%;   line-height:35px; font-size:13px; margin:1%;

	-webkit-box-shadow:  1px 4px 0 rgba(0, 0, 0, 0.5); cursor:pointer; -moz-box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.5);  box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.5); background:#fff;
	-webkit-transition: all 0.2s ease-out;  -moz-transition: all 0.2s ease-out;  -ms-transition: all 0.2s ease-out;  -o-transition: all 0.2s ease-out;  transition: all 0.2s ease-out;  height:auto; background: #182C44; color: #fff; text-align: justify; margin-left: 2%; margin-bottom: 50px;
	}


	
.boxlm{position:relative;  text-align:center; width:90%; padding:1.5%;   line-height:35px; font-size:13px; margin: 2%; text-align: center; line-height: 20px; border-radius: 6px; font-size: 18px; 
	margin-bottom: 20px; float: left; color: #000;}

   .boxlm h2{color:#fff ; font-family: 'Nunito', sans-serif; }
.h1i{font-size:2em; color:#E9A23C}
.img_serv{  width:100%; float:none; margin:0  }
.bb{display:none}
.bbd{display:block; width:100%; margin-bottom:10px}
.img_ler{float:none; margin-right:0; margin-bottom:20px; width:100%}
.foto_mini{float:none; margin-right:0; margin-bottom:20px; width:100%}
.miolo_esquerdo{float:none; width:100%; text-align:justify}
.miolo_direito{float:none; width:100%; text-align:justify}
.miolo_dev{width:95%}
.rd{font-size:2.5em; color:#33348E}
.emp_dd{margin-top:20px; display:none}


.button_serv{width:96%; text-align:center; padding:2%; color:#FFFFFF; cursor:pointer; background:#000000}
.serv_fotos{display:nome}
.serv_fotos_dev{display:block; width:100%; margin-bottom:10px}
.orc{display:none}
.orc_dev{display:block}
.gal{display:none}
.gal_dev{display:block}
.b_port{position:relative; padding:5px; background:url(../img/back_menu.png); color:#FFFFFF; margin-bottom:40px; width:95%; cursor:pointer}


.box_index img{width:90%}
.quem_img{position:absolute; top:50px; display:none}
.quem_texto{position:relative; top:0px; left:0}
.maps{position:relative; top:0px; right:0; font-size:15px; width:100%}
.maps_text{position:relative; height:auto; width:100%; text-align:none; text-align:left}
.fone{display:none}

.foot_dev{display:block; width:100%; color:#FFFFFF; font-weight:bold; font-style:1.2em;; margin-top:0; padding-top:20px; padding-bottom:20px}
.miolo_contato{position:relative; float:none; width:100%}
.mapa{position:relative; float:none; width:100%;}
.miolo_texto2{min-height:400px; padding-top:60px; position:relative; width:92%; text-align:left;  font-family: 'Noto Sans', sans-serif; z-index:1; text-align:justify; margin:0; font-weight:100; color:#000000 }
.foot_fale2{display:none}
.rodafone{display:none; }
body {
	  font-family: 'Noto Sans', sans-serif; 
	
-webkit-font-smoothing: antialiased;
	font-size: 1em;
	margin:0;
	
	color:#333; 

	

}
.miolo{position:relative; width:90%;   font-family: 'Noto Sans', sans-serif;  z-index:1; padding:1%; margin:0; text-align:justify; padding-bottom:20px; font-size:1em; color: #000;  }
.image_eventos{display:block}
.social{display:none}
.cab_eventos{position:relative; width:100%; height:auto
 }
.foot_fale{position:relative; float:none; width:98%; padding-bottom:40px}

.boxdbl{position:relative; float:none; width:98%; margin-top:30px; margin-bottom:30px}
.boxdbr{position:relative; float:none; width:98%; margin-top:30px; margin-bottom:30px}
.img_boxes_not{max-width:100%; margin-right:0; margin-bottom:20px; -webkit-border-radius: 4px;  -moz-border-radius: 4px;  -ms-border-radius: 4px;  -o-border-radius: 4px;  border-radius: 4px;  border:solid 1px #FFFFFF; float:none; }
	.menu_link{position:relative; float:none; text-align:right;  height:auto ; font-size:1em; color:#fff; cursor:pointer;  font-weight:100;font-family: 'Noto Sans', sans-serif;text-shadow:none; margin-left:2px; margin-right:2px; -webkit-transition: all 0.2s ease-out;  -moz-transition: all 0.2s ease-out;  -ms-transition: all 0.2s ease-out;  -o-transition: all 0.2s ease-out;  transition: all 0.2s ease-out;  text-transform:uppercase; font-weight:bold; margin-right: 5%; }
	
	.menu_link_d1{position:relative; float:none; text-align:left;  height:32px ; font-size:1em; color:#fff; cursor:pointer;  font-weight:100;font-family: 'Noto Sans', sans-serif;text-shadow:1px 1px 1px  #000; margin-left:10%; margin-right:2px;  display:none }
	.menu_link_d2{position:relative; float:none; text-align:left;  font-size:1em; color:#fff; cursor:pointer;  font-weight:100;font-family: 'Noto Sans', sans-serif; margin-left:10%; margin-right:2px;  display:none;text-transform:uppercase; font-weight:bold; margin-bottom:7px; margin-top:7px }
	
	.menu_link_d3{position:relative; float:none; text-align:left;   font-size:1em; color:#fff; cursor:pointer;  font-weight:100;font-family: 'Noto Sans', sans-serif; margin-left:20%; margin-right:2px;  display:none }
	.maxlogo{height:50px}
	.superbox{width:90%; padding:2%;   margin-top:0; margin-left:0; margin-bottom:20px; position:relative; clear:both ; float:none ; height:450px}

.superboximp{width:30%; margin-left:2%;  height:320px; float:left; text-align:center }


.superboxdep{width:90%; margin-left:2%;  height:auto; float:none; border-bottom:dotted 1px #999999 ; padding-bottom:10px }
.superboxdep:after {
  content: "";
  display: table;
  clear: both;
}
.cab{display:none}
.cabi{display:none}

 .cab2{position:absolute; width:100%; height:90px;   z-index:9;  display:block ;  background: #174A9B; background-size: 100% 100%;
  
 

}

.fita{display: none;}
.cab22{position:relative; width:100%; height:70px; background:#fff ; background:url(../img/topofundoi.jpg.webp) center; border-bottom:none; display:block

}

.superboxag{width:100%;   float:none; border-bottom:dotted 1px #999999;  margin-bottom:10px }
.menu_dev{ width:30px;  position:absolute; top:35px; right:5%; text-align:center;  z-index:999999; display:block; color:#fff; font-size:0.8em;  font-weight:bold }
.menu_dev_l{background:#13A624; width:100%;height:5px; margin-bottom:4px; }
.menu_dev_out{position:absolute;  background:#174A9B; width:90%; line-height: 45px; padding-top:20px; z-index:9999999; display:none; top:90px; text-align:left; padding-bottom:30px ; padding-left: 10%;}
.menu_dev_out:after {
  content: "";
  display: table;
  clear: both;
}
.superboxag:after {
  content: "";
  display: table;
  clear: both;
}
.superboxvideo{width:96%;   height:300px; float:none; background:url(../img/loading_process.gif) center  no-repeat; margin-bottom:10px  }
.superboxvideo:after{background:none}
.ag_datan{color:#3A4B56; font-size:1.5em; font-weight:bold}
.ag_data{color:#3A4B56; font-size:3.5em; font-weight:bold}
.ag_hora{color:#3A4B56; font-size:1.5em; font-weight:bold}
h1{font-size:1.3m;   }



h2{font-size:1.5em; }
a {
	
	color: #333333;
	font-size:1em; text-decoration:underline
}
a:link {
	text-decoration: none;
}
a:visited {
	text-decoration: none;
}
a:hover {
	text-decoration: underline;
	
}
a:active {
	text-decoration: none;
}
	
	
	.dep_img{float:left; margin-right:20px; height:auto; width:40% }
	
.formc{
width:90%; margin-bottom:0;   margin-top:0;  height:30px; padding-left:10px; border:none; background: #ddd;; border:solid 1px #CCCCCC; font-size:15px; 
margin-right:20px;-webkit-border-radius: 4px;  -moz-border-radius: 4px;  -ms-border-radius: 4px;  -o-border-radius: 4px;  border-radius: 4px; 
}

.form_msmc{
width:90%; margin-bottom:7px;   margin-top:5px;  height:80px; padding-left:10px; border:none; background:#fff; border:solid 1px #CCCCCC; font-size:15px; 
margin-right:20px;-webkit-border-radius: 4px;  -moz-border-radius: 4px;  -ms-border-radius: 4px;  -o-border-radius: 4px;  border-radius: 4px; 
}


.miolo_texto{position:relative; width:92%; text-align:left;  font-family: 'Noto Sans', sans-serif;  z-index:1; text-align:justify;padding:2% ; margin:0; font-size:1em; padding-top:30px  }


 
 .port-box li {
	position: relative;
	float: left;
	overflow: hidden;
	width: 100%; /* Fallback */
    height:auto;
	-webkit-transition: 0.4s all linear;
	        transition: 0.4s all linear;margin:2px
}


.logo{position:relative; top:0px; left:0; height:60px; }


 .port-box li {
	position: relative;
	float: none;
	overflow: hidden;
	width: 100%; /* Fallback */
    height:auto;
	-webkit-transition: 0.4s all linear;
	        transition: 0.4s all linear;margin:2px; display:none
}
.menu{display:none}



h3{font-size:1.5em;      font-weight:bold;  color:#000;font-family: 'Noto Sans', sans-serif; }
.img_cursos{width:100%}
.box_cursos{position:relative;float:none; margin-right:0; width:auto}
.box_cursost{position:relative;float:none; width:100%; text-align:justify }
.box_cursost a{color:#000099}
.formci{
width:90%; margin-bottom:7px;   margin-top:5px;  height:20px; padding-left:10px; border:none; background:#EFEFEF; border:solid 1px #CCCCCC; font-size:13px; 
margin-right:0
}
.form_msmci{
 margin-bottom:7px; height:80px; padding-left:10px; padding-top:10px;  font-family: 'Marvel', sans-serif; margin-top:5px;  border:solid 1px #CCCCCC; font-size:13px; width:90%;  background:#EFEFEF;
}
.box_fotos{position:relative; float:none; width:100%; height:auto; font-size:14px; text-align:center; margin:2%; cursor:pointer}
.box_fotos_dev{position:relative; display:block; width:100%; margin-bottom:10px}


.foot_box{position:relative; text-align:left; line-height:20px; float:none; margin-right:0;  margin-left:0; width:100%}
.foot_boxl2{position:relative; float:left; width:90%; text-align:left; margin-left:2%; margin-right:2%; line-height:25px }
.foot_box2{display:none}

.fimg{width:100%}
.mestra_quem{width:100%; background:url(../img/back.jpg.webp); height:auto;}

.serv_box{position:relative; top:0px; left:0; color:#FFFFFF; text-align:left; font-size:22px; width:90%; }
.foot_box3{position:relative; display:block; font-size:1.5em}
.mestra_label{background:#FFFFFF; text-align:center; padding-top:20px; padding-bottom:20px; color:#ccc; font-size:1.3em}

.img_lista{position:relative; margin:1%; float:left; display: table;  width:46%; height:120px; line-height:120px;  }
.img_lista_center{display: table-cell;   vertical-align: middle;   text-align:center;  position:relative; }
.img_clientes{  max-width:110px;  max-height:80px;  }

.mestra{position:relative; width:100%}
.mestracli{position:relative; width:100%; display: none;}
.mestra2{display:none}
.box_index1{float:none; text-align:center; width:100%; padding-top:0px;  height:auto;  margin-left:0; text-align:justify }

.box_index3{display:none}

.box_index21{float:none; text-align:center; width:100%; padding-top:0px;  height:auto;  margin-left:0; text-align:justify}

.mestra1{background:none; height:auto; -moz-background-size: 100% 100%  ;
-webkit-background-size: 100%  100%  ;
background-size: 100% 100% ; text-align:left;  }
.mioloin{position:relative; width:96%; font-family: 'Roboto', sans-serif; line-height:25px; text-align:justify }
.box{position:relative; float:left; margin:0.8%; width:90%; font-size:15px;  text-align:center; height:320px; cursor:pointer;font-family: 'Oswald', sans-serif;
		border: solid 1px #7CCAE2; color:#F7F7F7; padding:2% ;
	
	}
	
	.sep{ width:10% ; height:2px; margin-top:20px; margin-bottom:50px; background:#298BC8; position:relative;}
	
.boxs{position:relative; float:none; width:100%;  font-weight:100; font-size:15px;  background:#298BC8; -webkit-transition-timing-function: ease-in;text-shadow:none; margin-left:1%; margin-right:1%;
	        transition-timing-function: ease-in;
	-webkit-transition-duration: 250ms;
	        transition-duration: 250ms; cursor:pointer; padding-top:20px; padding-bottom:20px ; color:#666; border:solid 1px #EFEFEF; text-align:center; color:#fff; text-transform:uppercase; font-weight:bold }




.boxs2{position:relative; float:none; width:90%; height:auto; font-weight:100; font-size:15px; padding:2.5%; background:#fff; text-align:justify;border:solid 1px #ccc }

.boxs h2{color:#E9A23C; text-transform:uppercase; margin:0; font-size:1.2em}
.boxs2 h2{color:#E9A23C; text-transform:uppercase; margin:0; font-size:1.2em}

.box_cursosi{position:relative;float:left; margin-right:0; width:100%; margin:0; text-align:center; cursor:crosshair;
 height:250px; background:#000000;  } 
  
  

.mestra_titulo{width:100%; padding-top:50px; background:#333333; -webkit-box-shadow:none;  -moz-box-shadow: none;  box-shadow:none; padding-bottom:10px; color:#E4A241; 
}
.mestra_label{background:#FFFFFF; text-align:center; padding-top:20px; padding-bottom:20px; color:#ccc; font-size:2em}

h1{font-size:1.5em;  font-weight:bold; 
}
.buttonc{position:absolute; width:300px; background:url(../img/back_buttonc.png) ;color:#E9A23C; text-align:center; padding:20px; cursor:pointer;  -webkit-transition: all 0.2s ease-out;  -moz-transition: all 0.2s ease-out;  -ms-transition: all 0.2s ease-out; font-size:20px;  -o-transition: all 0.2s ease-out;  transition: all 0.2s ease-out;; margin-top:0; padding-top:14px ;text-shadow:1px 1px 1px  #000; bottom:0; z-index:1111111}
.foot_boxl{position:relative; float:none; width:100%; text-align:left; margin-left:0; margin-right:0; line-height:25px ; margin-bottom: 50px;}

.foot{position:relative; width:90%; font-size:15px; height:auto; font-family: 'Noto Sans', sans-serif;   padding-top:30px; background-size: 100% 100%;  color:#F2F2F2; padding-bottom:20px; padding-left:5%;  }

.mestrai3{position:relative; width:100%; background:#11385B}


.titulo{position:relative; width:80%; text-align:center;  color:#FFFFFF; background: url(../img/bpasso.jpg); height:350px; background-size: 100%; padding-left: 10%; padding-right: 10%; font-size: 12px;  }
.titulo h1{  font-size:2em;  text-transform:none;  text-align:center;  margin:0; padding-top:150px }


h2{font-size: 1em;}

.box-cookies.hide {
  display: none !important;
}

.box-cookies {
  position: fixed;
  background: rgba(0, 0, 0, .9);
  width: 100%;
  z-index: 998;
  bottom: 0;
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.box-cookies .msg-cookies,
.box-cookies .btn-cookies {
  text-align: center;
  padding: 10px;
  color: #fff;
  font-size: 13px;
}

.box-cookies .btn-cookies {
  background: #1e88e5;
  cursor: pointer;
  align-self: normal;
}

@media screen and (max-width: 600px) {
  .box-cookies {
    flex-direction: column;
  }
}


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

		}