@import url(https://fonts.googleapis.com/css?family=Open+Sans+Condensed:300,700);
body {
	font-family: 'Coda',Arial, Helvetica, sans-serif;
	font-size: 14px;
	margin:0;
	
	color:#333;
	
}
textarea {
outline:none;    resize: none;
}
input{outline:none}
.icone{position:absolute; top:-155px; left:30px}
.destaque{position:relative; width:231px; height:250px; margin-right:35px;  float:left; margin-top:70px; text-align:center}
.destaque4{position:relative; width:221px; height:250px;  float:left; margin-top:70px;}
.img_link{cursor:pointer; border:0}
h1{font-size:28px; font-weight:100; color:#1F3485}
h2{font-size:19px; color:#003366; padding-bottom:10px; font-weight:100}
h4{font-size:19px; color:#1F3485; font-weight:100; text-align:center}
h3{font-size:19px; color:#1F3485; font-weight:100;}
h6{font-size:19px; color:#FFFFFF; font-weight:100;}
.paragrafo{line-height:20px; text-align:justify; font-size:16px}
.paragrafo2{line-height:20px; text-align:left; font-size:14px}
.foto_minie{ float:left; margin-right:40px; margin-bottom:20px; border:solid 1px #CCCCCC; position:relative; height:200px }
.foto_mini{width:150px; height:100px; margin-right:20px; margin-bottom:20px; border:solid 1px #CCCCCC }
.foto_mini2{width:150px; height:135px;}
.paragrafo_texto{line-height:30px; margin-left:20px}
.paragrafo_index{line-height:15px; text-align:justify; font-size:13px; }
.button{padding:5px; background:#990000; width:120px; text-align:center; background:url(../img/back_menu_hover.png); position:absolute; bottom:0; left:50px}
.button:hover{background:url(../img/back_menu.png)}
.img_listai{position:relative; margin:10px; float:left; display: table; background:#FFFFFF; border:solid 1px #CCCCCC; padding:5px;  width:140px; height:100px; line-height:80px; }
.img_lista_centeri{display: table-cell;   vertical-align: middle;   text-align:center; margin:10px; position:relative}
.eqcenter{display:table-cell; vertical-align:middle; position:relative; height:200px}
.img_lista{position:relative; margin:10px; float:left; display: table;border:solid 1px #CCCCCC; background:#FFFFFF; padding:5px;  width:140px; height:140px; line-height:140px; }
.img_lista_center{display: table-cell;   vertical-align: middle;   text-align:center; margin:10px; position:relative}
.img_clientes{ margin:10px; padding:2px; border:solid 1px #CCCCCC; height:50px}
.lupa{width:37px; height:36px; position:absolute}
.sep2{position:relative; width:100%; height:2px; background:url(../img/sep2.png); margin-top:10px; margin-bottom:10px}
.boxes {
  *zoom: 1;
  margin:0;
  margin-bottom:40px
}

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


}

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

a {
	font-family: 'Coda',Arial, Helvetica, sans-serif;
	font-size: 16px;
	color: #fff;
	font-weight:100;
	
}
a:link {
	text-decoration: none;
}
a:visited {
	text-decoration: none;
}
a:hover {
	text-decoration: none;
	color: #fff;
	
}
a:active {
	text-decoration: none;
}

a.footl {
	
	font-size: 13px;
	color: #fff;
	font-weight:100;
	margin-left:20px
}
a.footl:link {
	text-decoration: none;
}
a.footl:visited {
	text-decoration: none;
}
a.footl:hover {
	text-decoration: none;
	color: #fff;
}
a.footl:active {
	text-decoration: none;
}
a.texto_link {
	
	font-size: 15px;
	color: #fff;
	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;}
	.formc{
width:400px; margin-bottom:7px;   margin-top:5px;  height:40px; padding-left:10px; border:none; background:#EFEFEF; border:solid 1px #CCCCCC; font-size:17px; width:700px
;font-family: 'Coda',Arial, Helvetica, sans-serif;
}


.form_msmc{
width:300px; margin-bottom:7px; height:80px; padding-left:10px; padding-top:10px;  font-family:Arial, Helvetica, sans-serif; margin-top:5px;  border:solid 1px #CCCCCC; font-size:17px; width:700px;font-family: 'Coda',Arial, Helvetica, sans-serif; background:#EFEFEF;
}

	.formf{
width:300px; margin-bottom:7px;   margin-top:5px;  height:30px; padding-left:10px; border:none; background:#EFEFEF; border:solid 1px #CCCCCC; font-size:14px; width:500px
;font-family: 'Coda',Arial, Helvetica, sans-serif;
}

.form_msmf{
width:400px; margin-bottom:7px; height:60px; padding-left:10px; padding-top:10px;  font-family:Arial, Helvetica, sans-serif; margin-top:5px;  border:solid 1px #CCCCCC; font-size:14px; width:500px;font-family: 'Coda',Arial, Helvetica, sans-serif; background:#EFEFEF;
}



.im
	
	
	

.mestra{position:relative; width:100%}
.mestra_miolo{position:relative; width:100%; background:url(../img/back_miolo.jpg) right fixed; }
.mestra_mioloi{position:relative; width:100%; background:url(../img/back_miolo.jpg) right; height:350px; margin-top:-60px; padding-top:50px}
.email{position:absolute; top:0; right:0; z-index:11111}
.miolo{position:relative; width:1024px;; text-align:left }
.mioloi{position:relative; width:1004px;; text-align:left; background:url(../img/back_boxi.png) ; height:246px; margin-top:10px; padding:10px }
.spi{font-size:19px; margin-right:70px; line-height:40px}
.box1{position:absolute; width:490px; top:0px; left:10px; color:#FFFFFF; text-align:justify}
.box2{position:absolute; width:490px; top:0px; right:10px; color:#FFFFFF; text-align:justify;}
.box2_img{position:absolute; right:5px; top:60px}
.box2_1{position:absolute; top:60px; left:0; width:280px; text-align:left}
.miolo_text{position:relative; width:990px;; text-align:left ; min-height:450px; padding-top:30px; padding-bottom:30px}

.miolo_texto{position:relative; width:980px;; text-align:justify; 	 padding:20px; padding-right:30px ; min-height:450px }
.miolo_clientes{position:relative; width:980px;; text-align:justify; background:url(../img/back_empresa.png); padding:20px; padding-right:30px ; min-height:363px }
.miolo_contato{position:relative; width:980px;; text-align:justify; background:url(../img/back_empresa.png); padding:20px; padding-right:30px ; height:363px }
.miolo_servicos{position:relative; width:980px;; text-align:justify; background:url(../img/back_servicos.png); padding:20px; padding-right:30px ; height:363px  }
.miolo_produtos{position:relative; width:980px;; text-align:justify; background:url(../img/back_produtos.png); padding:20px; padding-right:30px ; min-height:450px }
.produtos_texto{width:380px; margin-left:30px}
.show{position:relative; width:1020px; padding-top:20px; padding-bottom:40px; text-align:left; height:300px;}
.img_clientes{ margin:10px; padding:2px; border:solid 1px #CCCCCC; height:50px}
.img_produtos{ margin:1px; padding:1px; border:solid 1px #CCCCCC; height:100px ; width:100px}
.box_3d{position:relative; margin-top:30px; width:1050px; height:431px; background:url(../img/3d.jpg)}
.box_galerias2{position:relative; width:239px; height:214px;margin-right:30px; margin-left:30px; float:left;  background:url(../img/back_box_galerias.png); cursor:pointer; margin-bottom:80px}
.box_galerias2:hover{position:relative; width:239px; height:214px;margin-right:30px; margin-left:30px; float:left;  background:url(../img/back_box_galerias.png); cursor:pointer; margin-bottom:80px; background:url(../img/back_box_galerias_on.png)}
.box_galerias{position:relative; width:239px; height:214px; margin-right:10px;float:left;  background:url(../img/back_box_galerias.png); cursor:pointer}
.box_galerias:hover{position:relative; width:239px; height:214px; margin-right:10px;float:left;  background:url(../img/back_box_galerias_on.png)}
.box_galerias_label{width:229px; padding:5px;  font-size:15px; position:absolute; top:225px; font-weight:bold}
.box_galerias_img{top:9px; left:10px; position:absolute}
.img_galeria{height:120px; width:160px }
.img_galeria:hover{ border:solid 2px #FFFF66;}

.line_top{position:relative; width:100%; background:#000; height:4px}
.cab{position:relative; width:100%; height:650px; background:url(../img/back_cab.jpg) center top no-repeat }
.cab2{position:relative; width:100%; height:173px; background:url(../img/back_cab.jpg) center top; display:block}
.logo{position:absolute; left:0; top:15px}
.gear{position:absolute; width:202px; height:190px; background:url(../img/gear.png); top:20px; right:-80px}
.menu{position:absolute; left:0; top:125px; width:100%; height:48px; background:url(../img/back_menu.jpg); }
.menu_link{position:relative; float:left; width:125px; height:34px; padding-top:14px; text-align:center; color:#fff; cursor:pointer; }
.menu_orc{position:relative; float:left; width:200px; height:34px; padding-top:14px; text-align:center; color:#fff; cursor:pointer;padding-left:50px}
.sep{position:relative; float:left; width:2px; height:48px; background:url(../img/sep.png)}
.menu_link:hover{background:url(../img/back_menu_hover.png)}
.menu_orc:hover{background:url(../img/back_menu_hover.png)}

#menu1{position:relative; float:left; display:inline; width:165px; height:35px; cursor:pointer; background:url(../img/home.png) }
#menu1:hover{background:url(../img/home_on.png)}
.menu1h{position:relative; float:left; display:inline;   width:165px; height:35px; cursor:pointer; background:url(../img/home_on.png)}

#menu2{position:relative; float:left; display:inline;   width:165px; height:35px; cursor:pointer ;background:url(../img/empresa.png) }
#menu2:hover{background:url(../img/empresa_on.png)}
.menu2h{position:relative; float:left; display:inline;  width:165px; height:35px; cursor:pointer; background:url(../img/empresa_on.png)}

#menu3{position:relative; float:left; display:inline;   width:165px; height:35px; cursor:pointer; background:url(../img/processos.png) }
#menu3:hover{background:url(../img/processos_on.png)}
.menu3h{position:relative; float:left; display:inline; width:165px; height:35px; cursor:pointer; background:url(../img/processos_on.png)}

#menu4{position:relative; float:left; display:inline;   width:165px; height:35px; cursor:pointer ;background:url(../img/produtos.png) }
#menu4:hover{background:url(../img/produtos_on.png)}
.menu4h{position:relative; float:left; display:inline;  width:165px; height:35px; cursor:pointer; background:url(../img/produtos_on.png)}

#menu5{position:relative; float:left; display:inline;   width:165px; height:35px; cursor:pointer ;background:url(../img/clientes.png) }
#menu5:hover{background:url(../img/clientes_on.png)}
.menu5h{position:relative; float:left; display:inline;  width:165px; height:35px; cursor:pointer; background:url(../img/clientes_on.png)}

#menu6{position:relative; float:left; display:inline;   width:165px; height:35px; cursor:pointer ;background:url(../img/contato.png) }
#menu6:hover{background:url(../img/contato_on.png)}
.menu6h{position:relative; float:left; display:inline;  width:165px; height:35px; cursor:pointer; background:url(../img/contato_on.png)}
#seta_l{position:absolute; width:47px; height:60px; background:url(../img/seta-l.png); top: 155px; left: -50px; cursor:pointer}
#seta_l:hover{position:absolute; width:47px; height:60px; background:url(../img/seta-l-on.png); top: 155px; left: -50px; cursor:pointer}

#seta_r{position:absolute; width:47px; height:60px; background:url(../img/seta-r.png); top: 155px; left: 990px; cursor:pointer}
#seta_r:hover{position:absolute; width:47px; height:60px; background:url(../img/seta-r-on.png); top: 155px; left: 990px; cursor:pointer}
.foot{position:relative; width:100%; height:210px; background:url(../img/back_foot.png); padding-top:20px}
.foot_logo{position:absolute; left:20px; top:20px; text-align:left; color:#FFFFFF}
.foot_contato{position:absolute; top:-10px; left:410px; width:600px}
.foot_miolo{  width:1024px; position:relative}
.foot_texto{position:absolute; right:20px; top:10px; text-align:right; color:#FFFFFF}
.foot_menu{position:absolute; top:10px; right:20px; padding-bottom:5px; border-bottom:dotted 1px #fff}
.foot_cartoes{position:relative; margin-top:50px;}
.i3web{position:absolute; right:5px; top:205px}
.center{text-align:left; padding-left:40px; background:url(../img/back_center.png) repeat-y; text-align:left; padding-bottom:30px; padding-top:20px}
.center_galeria{text-align:left; padding-left:30px; width:1050px; background:url(../img/back_center.png) repeat-y;  padding-bottom:30px; padding-top:20px}
.contato{position:absolute; width:506px; height:313px; top:20px; right:0; background:url(../img/back_contato.png); text-align:left; padding-top:55px; padding-left:30px }
.produtos_fotos{position:absolute; width:550px; height:313px; top:20px; right:30px;  text-align:left; padding-top:55px; padding-left:30px }

.iclientes{position:relative; width:1060px; height:144px;}


.form{
width:220px; margin-bottom:7px; color:#333; margin-top:5px; height:18px; padding-left:10px; border:solid 1px #CCCCCC; background:#F0F0F0

}
.form_msm{
width:220px; margin-bottom:7px; height:50px; color:#333333; margin-top:5px;  border:solid 1px #CCCCCC; background:#F0F0F0; font-family:Arial, Helvetica, sans-serif; padding-left:10px
}
.maps{position:absolute; top:80px; right:0; font-size:13px;}
.box_parceiros{position:relative; width:180px; height:86px; padding-top:10px; background:#FFFFFF; border:solid 1px #CCCCCC; text-align:center; display:inline; float:left; margin:20px}
.banners{position:absolute; width:1024; height:379px; background:url(../img/back_banners.png); top:173px; left:0; display:block}
.banner{position:absolute; top:0; left:-10px; height:337px;}
.fone{position:absolute; top:30px; right:20px}
.face{position:absolute; top:80px; right:230px}
.face2{position:absolute; top:80px; right:200px}
.wink{position:absolute; top:30px; left:0; text-align:left; width:430px; height:360px; background:url(../img/back_wink.png)}
.cab3{display:none}
.foto_mini_bb{display:none}
.foto_minie_dev{display:none}
.banner_dev{display:none}
@media screen and (max-width: 980px) { 
body {
	font-family: 'Open Sans Condensed', sans-serif;
	font-size: 1em;
	margin:0;
	
	color:#333;
	
}
.banner_dev{display:block}
.banners{position:relative; width:100%; height:379px; background:none; top:0; left:0}
.foto_mini{display:none }
.foto_mini_bb{display:block; width:100%; margin-bottom:10px}

.menu_link{position:relative; float:none; text-align:left;  height:auto; font-size:1em; color:#fff; cursor:pointer;  font-weight:100;font-family: 'Open Sans Condensed', 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;text-shadow:1px 1px 1px  #000; width:100% }
.miolo{width:95% }
.destaque{position:relative; width:100%; height:auto; margin-right:0;  float:none; margin-top:20px; text-align:center}
.destaque4{position:relative; width:100%; height:auto; margin-right:0;  float:none; margin-top:20px; text-align:center}
.mestra_mioloi{position:relative; width:100%; background:url(../img/back_miolo.jpg) right; height:auto; margin-top:0; padding-top:30px; padding-bottom:50px}
.icone{position:relative; top:0; left:0}
.paragrafo_index{line-height:20px; text-align:justify; font-size:1em; }
.button{padding:2%; background:#990000; width:96%; text-align:center; background:url(../img/back_menu_hover.png); position:relative; bottom:0; left:0}

.foot_logo{position:relative; left:0; top:10px; text-align:center; color:#FFFFFF}
.foot_logo img{width:60%}
.foot_contato{position:absolute; top:-10px; left:410px; width:600px}
.foot_miolo{  width:95%; position:relative}
.foot_texto{position:relative; right:0; top:10px; text-align:center; color:#FFFFFF}
.foot{position:relative; width:100%; height:auto; background:url(../img/back_foot_dev.png); padding-top:20px; -moz-background-size: 100% 100%;
-webkit-background-size: 100% 100%;
background-size: 100% 100%; text-align:center; padding-bottom:40px}
.i3web{position:relative; right:none; top:20px}
.cab{display:none}
.cab2{display:none}
.cab3{background:url(../img/back_cab_dev.jpg); height:120px; -moz-background-size: 100% 100%;
-webkit-background-size: 100% 100%;
background-size: 100% 100%; display:block; text-align:center}
.maxlogo{height:50px}
.logo{position:relative; top:50px}
.menu_dev{ width:8%;  position:absolute; top:5px; right:5%; text-align:center; padding:1%; z-index:999999}
.menu_dev_l{background:#FFFFFF; width:100%;height:2px; margin-bottom:4px}
.menu_dev_out{position:absolute;  background:#1F3485; width:95%;z-index:9999999; display:none; top:0; padding-left:5%; padding-bottom:5%}
.menu_dev_out:after {
  content: "";
  display: table;
  clear: both;
}
.miolo_texto{position:relative; width:95%; text-align:justify; 	 padding:0; padding-right:0 ; min-height:450px; padding-top:20px; padding-bottom:40px }
h1{font-size:2em; font-weight:100; color:#1F3485; text-align:center}
.mestra_miolo{position:relative; width:100%; background:url(../img/back_miolo.jpg)  fixed; }
.foto_minie{ display:none }
.eqcenter{display:block; vertical-align:middle; position:relative; height:auto}
.foto_minie_dev{display:block; width:100%; margin-bottom:20px}
.formc{
width:90%; margin-bottom:7px;   margin-top:5px;  height:40px; padding-left:10px; border:none; background:#EFEFEF; border:solid 1px #CCCCCC; font-size:1em; 
}


.form_msmc{
width:300px; margin-bottom:7px; height:80px; padding-left:10px; padding-top:10px;  font-family:Arial, Helvetica, sans-serif; margin-top:5px;  border:solid 1px #CCCCCC; font-size:1em; width:90%;background:#EFEFEF;
}
.img_p{width:100%}
}