@import url(https://fonts.googleapis.com/css?family=Open+Sans+Condensed:300,700);
@import url(https://fonts.googleapis.com/css?family=Roboto:400,100,500,700);
body {
	font-family: 'Open Sans Condensed', sans-serif;
	
-webkit-font-smoothing: antialiased;
	font-size: 16px;
	margin:0;
	
	color:#232325;

	background:#fff

}
textarea {
outline:none;    resize: none;
}
.social{position:absolute; top:0px; right:0}
.obrasboxon{position:relative; float:left; width:49%; height:35px; text-align:center; padding-top:5px;border:solid 1px #ccc; cursor:pointer; background:#000; color:#FFFFFF}
.obrasbox{position:relative; float:left; width:49.4%; height:35px; text-align:center; padding-top:5px;border:solid 1px #ccc; cursor:pointer; background:#CCCCCC}
.obrasbox:hover{background:#000; color:#FFFFFF}
.obrasbox1{display:block}
.obrasbox2{display:none}
.obrasbox3{display:none}
.boxes {
  *zoom: 1;
  margin:0;
  padding-bottom:20px
}

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

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

.boxobras{position:relative; float:left; margin-right:5px; margin-left:5px;  text-align:center; font-size:22px; cursor:pointer; width:300px; height:265px; background:#3A533F; line-height:40px; color:#FFFFFF}
.boxobras img{width:300px; height:220px}


.boxicone{position:relative; float:left; margin-right:5px; margin-left:5px;  text-align:center; font-size:22px; cursor:pointer; width:235px; height:265px; background:#3A533F; line-height:40px; color:#FFFFFF}
.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}
.sep{ width:100%; height:2px; margin-top:20px; margin-bottom:20px; background:url(../img/sep.png); }
.img_not{width:500px; float:left; border: solid 2px #FFF; margin-right:20px; margin-bottom:20px }
.img_not2{ border: solid 2px #FFF; text-align:center; margin:20px }
.texto_not{padding: 0 24px ; line-height:25px; padding-bottom:50px; text-align:justify}
input{outline:none}
.img_link{cursor:pointer; border:0}
.img_serv{  
  background: rgba(255, 255, 255, 0.1);  padding: 7px;  line-height: 1em;  -webkit-border-radius: 4px;  -moz-border-radius: 4px;  -ms-border-radius: 4px;  -o-border-radius: 4px;  border-radius: 4px;  -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);  margin-right: 7px; margin-left:10px;   margin-bottom:10px;  -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;  border: 1px solid rgba(0, 0, 0, 0.3);   width:100px; height:80px;   cursor:pointer; }
  .img_mini{  
  background: rgba(255, 255, 255, 1);  padding: 4px;  line-height: 1em;  -webkit-border-radius: 4px;  -moz-border-radius: 4px;  -ms-border-radius: 4px;  -o-border-radius: 4px;  border-radius: 4px;  -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);  margin-right: 5px; margin-left:5px;   margin-bottom:10px;  -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;  border: 1px solid rgba(0, 0, 0, 0.3);    height:85px; width:120px;   cursor:pointer; float:left }
  .img_mini:hover{ background-color: #000;}  
  .img_serv:hover{ background-color: #666666;}
.iservice{display:inline; position:relative}
.iservice_miolo{position:relative; height:160px}
.titulo_back{position:relative; width:100%; height:148px; background:url(../img/back_label.png) center no-repeat}
.titulo{ font-size:22px; font-weight:100; color:#000;font-family: 'Oswald', sans-serif; }
.regua{background:url(../img/regua.jpg);; height:2px; width:100%; margin:1px}
.datan{ text-align:right; font-size:12px;margin:1px; color:#232325}
h1{font-size:30px;  font-weight:bold; ; color:#4D3565;  font-family: 'Roboto', sans-serif;}


h3{font-size:30px;     padding:1%; font-weight:bold;  color:#355D76; margin:0; margin-bottom:20px; text-align:center; margin-top:20px }
h4{font-size:18px;  font-weight:100; ; color:#fff; background:#3A533F; padding:5px}
h5{font-size:24px; margin-bottom:2;  padding-top:10px; padding-left:22px; font-weight:100; background: url(../img/back_h4.png); height:40px}
h6{font-size:24px; margin-bottom:2; padding-top:10px; padding-left:22px; font-weight:100; background: url(../img/back_h3.png); height:40px}

.paragrafo{line-height:30px}
.paragrafo_texto{line-height:30px;font-size:17px;}
.paragrafo_index{line-height:15px; width:230px; font-size:13px; }
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 {
	text-decoration: underline;
	
}
a:active {
	text-decoration: none;
}
-->



a.footl {
	
	font-size:22px;  font-weight:100; ; color:#333333;
	
}
a.footl:link {
	text-decoration: underline;
}
a.footl:visited {
	text-decoration: none;
}
a.footl:hover {
	 color:#999999
	
}
a.footl:active {
	text-decoration: none;
}



a.texto_link {
	font-family: Helvetica Condensed, sans-serif;
	font-size: 15px;
	color: #000000;

	cursor:pointer
	
}
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;}
	
a.fotos_link {
	
	font-size: 14px;
	color: #000000;
	font-weight:100;
	
}
a.fotos_link:link {
	text-decoration: none;
}
a.fotos_link:visited {
	text-decoration: none;
}
a.fotos_link:hover {
	text-decoration: underline;
	color: #000;
}
a.fotos_link:active {
	text-decoration: none;}	

.formc{
width:60%; margin-bottom:7px;   margin-top:5px;  height:30px; padding-left:10px; border:none; background:#fff; border:solid 1px #CCCCCC; font-size:16px; 
margin-right:20px;-webkit-border-radius: 4px;  -moz-border-radius: 4px;  -ms-border-radius: 4px;  -o-border-radius: 4px;  border-radius: 4px; font-family: 'Open Sans Condensed', sans-serif; font-weight:bold
}

.form_msmc{
width:60%; margin-bottom:7px;   margin-top:5px;  height:90px; padding-left:10px; border:none; background:#fff; border:solid 1px #CCCCCC; font-size:16px; 
margin-right:20px;-webkit-border-radius: 4px;  -moz-border-radius: 4px;  -ms-border-radius: 4px;  -o-border-radius: 4px;  border-radius: 4px; font-family: 'Open Sans Condensed', sans-serif; font-weight:bold
}
.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:25px}

.img_lista{position:relative; margin:10px; float:left; display: table;  padding:5px;  width:110px; height:80px; line-height:80px; }
.img_lista_center{display: table-cell;   vertical-align: middle;   text-align:center; margin:10px; position:relative}
.parceiros{position:relative; width:940px; height:119px; background:url(../img/fundo_parceiros.png); padding-top:50px}
.label_parceiros{position:absolute; top:30px; left:50px}
.img_parceiros{max-width:110px; max-height:60px}
.imageRow {
  *zoom: 1;
  margin:0;
 
}

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

.form_prop{
width:320px; 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:17px;  background:#EFEFEF;
}


.img_listai{position:relative; margin:10px; float:left; display: table; background:#FFFFFF; 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}

.div-input-file-cu{background:url(../img/back_form_file_curriculo.png);height:40px;	width:700px; margin-top:20px; margin-bottom:10px;	position:relative	}
.div-input-file-0-cu{background:url(../img/back_form_file_0.png);height:42px;width:262px;margin:0px;	position:absolute; left:0;  top:210px;	}
#div-input-file-cu #file_original_cu{	opacity: 0.0;-moz-opacity: 0.0;	filter: alpha(opacity=00);font-size:18px;cursor:pointer;position:absolute; top:0; right:0 ; padding-left:10px	}
#div-input-falso-cu #file-falso-cu{cursor:pointer;width:700px;height:42px;font-size:10px;	margin-top:-10px; font-size:17px; padding-left:10x; background:#EFEFEF; border: solid 1px #CCCCCC}

.set{background:url(../img/set.png); width:21px; height:29px}	
.noticiai{border-bottom:dotted 1px #CCCCCC; padding-bottom:13px; margin-bottom:13px; min-height:65px; text-align:justify; font-family: 'Oswald', sans-serif;}
.noticiai img{  -webkit-border-radius: 4px;
  -moz-border-radius: 2px;
  -ms-border-radius: 2px;
  -o-border-radius: 2px;
  border-radius: 2px;
  border: 1px solid rgba(0, 0, 0, 0.3); float:left;width:90px; height:65px; margin-right:5px; margin-bottom:5px}
  .img_dica{height:230px; margin-right:20px; margin-bottom:20px; float:left; max-width:400px; border:solid 1px #006633; -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  -ms-border-radius: 2px;
  -o-border-radius: 2px;
  border-radius: 2px;}
  .img_prod{max-height:450px; margin-right:20px; margin-bottom:20px; float:left; max-width:400px;  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  -ms-border-radius: 2px;
  -o-border-radius: 2px;
  border-radius: 2px;}
.sep2{position:relative; width:100%; height:2px; background:url(../img/sep.png); margin-bottom:10px }
.noticias{padding-bottom:13px; border-bottom:dotted 1px #999999; }
.texto{padding:0 22px; min-height:400px; padding-bottom:30px}
	.box{position:relative; float:left; margin:1%; width:31%; font-size:14px;  text-align:center;  cursor:pointer;font-family: 'Oswald', sans-serif;
	; margin-top:80px; text-align:center; 
	}
	.box img{width:60%}
	
	
	.box:hover{text-decoration:underline}
	.box_titulo{color:#336A8E; font-weight:bold; text-transform:uppercase; font-size:20px}
	
	
	.box li{text-align:left; line-height:25px}
	.boxn{position:relative; float:left; margin-right:10px; width:222px; font-size:12px; text-align:center; height:250px; cursor:pointer}
	.boxn img{max-height:146px; max-width:222px; border:solid 1px #003300; padding:2px; background:#FFFFFF; }
	
	
	
.img_det{height:300px; background: rgba(255, 255, 255, 1);  padding: 7px;  line-height: 1em;  -webkit-border-radius: 4px;  -moz-border-radius: 4px;  -ms-border-radius: 4px;  -o-border-radius: 4px;  border-radius: 4px;  -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);  margin-right: 7px; margin-left:10px;   margin-bottom:10px;  -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;  border: 1px solid rgba(0, 0, 0, 0.3); }

.box_text{position:absolute; top:186px; height:70px;left:0; background:#565656; width:202px; font-size:12px; text-align:left; color:#FFFFFF;; padding:3px}
.box2:hover{background:#F8F8F8; }
.valor{position:absolute; padding:3px; background:#CCA451; color:#fff; left:0; top:150px}
.valor2{position:absolute; padding:3px; background:#CCA451; color:#fff; left:0; top:161px}
.iclipar{position:relative; width:1140px;  height:175px;  background:url(../img/back_clientes_i.png) no-repeat; text-align:left  }
.pari{position:absolute; top:0; left:310px; font-size:24px; margin-bottom:20px; height:40px;   padding-left:22px; font-weight:100; background:url(../img/set.png) no-repeat; color:#006600}
.iclientes{position:absolute; width:500px;  height:141px;; top:32px; left:0}
.ifornecedores{position:absolute; width:830px;  height:175px;; top:32px; right:0; }
.mestra{position:relative; width:100%}
.mestra2{position:relative; width:100%; padding-top:60px; padding-bottom:60px}
.email{position:absolute; top:0; right:0; z-index:11111}
.miolo{position:relative; width:98%;; text-align:left;font-size:16; font-family:Roboto }
.miolointerna{position:relative; width:720px; float:right}
.menuinterno{position:relative; float:left; width:250px}
.menu_linki{position:relative; width:240px; height:25px; padding-left:10px; color:#FFFFFF;font-family: 'Oswald', sans-serif; font-size:15px; background:url(../img/back_menui.png); margin-bottom:5px; cursor:pointer; color:#006600}
.menu_linki:hover{background:url(../img/back_menui_on.png)}
.miolo strong{ color:#000; font-size:25px}
.miolo2{position:relative; width:950px;; text-align:left; padding-bottom:30px; min-height:500px }
.miolo3{position:relative; width:700px; float:right }
.miolo4{position:relative; width:220px; float:left }
.mioloprod2{position:relative; width:900px;text-align:left; padding-bottom:30px; padding-top:30px; min-height:400px }
.mioloimg{position:relative; float:left; margin-right:10px}
.mioloinfo{position:relative; float:left; font-size:18px; width:350px}
.miolop{position:relative; width:720px;; text-align:left; min-height:500px; padding-right:280px ; padding-bottom:30px}
.miolod{position:relative; width:680px; text-align:left; min-height:240px; padding-left:400px; font-size:17px; text-align:justify }
.mioloprod{position:relative; width:740px; text-align:left; min-height:200px; padding-left:340px; font-size:17px }
.categoria{ width:282px; min-height:400px; background:url(../img/back_categorias.png) ; top:-57px; right:-40px; position:absolute; padding-top:50px; z-index:11111 }
.categoriai{ width:282px; min-height:400px; background:url(../img/back_categorias.png) ; top:-57px; left:-30px; position:absolute; padding-top:50px; }
.categorias{position:relative; width:220px; margin-left:20px; padding-left:20px; background:url(../img/back_li.png); height:30px; font-size:18px; cursor:pointer; color:#006600}
.categorias:hover{color:#006600; background:url(../img/back_li_on.png)}
.mioloe{position:relative; width:630px;; text-align:left; min-height:550px; padding-right:430px; text-align:justify }
.mioloi{position:relative; width:780px;; text-align:left ; height:360px; padding-left:260px}
.noticias_miolo{position:relative; width:960px;; text-align:left; height:380px}
.sub{position:relative; padding-left:220px; width:700px; float:left ; padding-bottom:20px; padding-top:10px; min-height:120px; background:url(../img/back_sub.png)}
.sub_titulo{font-size:15px; margin-bottom:2; ; padding-left:22px; font-weight:100;; position:relative}
.sub_img{position:absolute; top:0; left:60px}


.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}

.busca{position:relative; background:url(../img/back_busca.png) center; height:33px; width:100%; margin-top:2px}
.busca_form{position:absolute; width:214px; height:14px; background:url(../img/back_busca_input.png); top:155px; right:0; z-index:1111}
.busca_label{font-size:11px; position:absolute; top:155px; right:220px; text-align:right; z-index:1111111}
.form_busca{position:absolute; top:-1px; left:10px; border:none; background:none; width:180px; font-size:11px; color:#FFFFFF; height:13px}
.logo{position:relative;  top:50px; z-index:111}
.perfis{position:absolute; left:250px; top:82px; z-index:111}
.slogan{position:absolute; right:30px; top:90px; }
.menu_back{ background:url(../img/back_menu.png); width:100%; height:50px; top:162px; position:absolute; left:0; z-index:111 }
.menu{position:absolute;  width:100%; height:40px;  z-index:9999; bottom:5px ; }
.menu_miolo{position:relative; width:800px}
.sep_menu{position:relative; float:left;  width:1px; height:40px; background:#773225;  }
.miolo_menu{position:relative;  width:980px}
.menu_lateral{position:relative; border-bottom:solid 1px #CCCCCC; padding-bottom:10px; padding-top:10px}
.menu_link{position:relative; float:left; text-align:center;  height:30px ; font-size:16px; color:#336A8E; cursor:pointer; padding-top:10px;  font-weight:bold; font-family: 'Open Sans Condensed', sans-serif; width:20%; text-align:center }
.menu_link:hover{ text-shadow:1px 1px 1px #fff; text-decoration:underline}
.cab{position:relative; width:100%; height:225px; background:#fff ; background:url(../img/back_cab.jpg);  -moz-background-size: 100% 100%  ;
-webkit-background-size: 100%  100%  ;
background-size: 100% 100% ;  ;

}
.cab2{display:none }
#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%; }
.foot span{  font-family: 'Open Sans Condensed', sans-serif; color:#FFFFFF}
.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:980px; position:relative}
.foot_text{position:absolute; right:20px; top:20px; text-align:right; color:#FFFFFF}
.foot_menu{position:absolute; top:10px; right:20px; padding-bottom:5px; border-bottom:dotted 1px #fff}
.foot_box{position:relative; text-align:left; line-height:20px; float:left; margin-right:2%;  margin-left:5%}
.foot_box2{position:absolute; top:0; right:5%;text-align:right; font-size:22px; color:#FFFFFF; font-family: 'Open Sans Condensed', sans-serif;}
.foot_box3{position:absolute; top:12px;right:0}
.foot_box1 span{color:#fff; font-size:16px}
.foot_box2 span{color:#fff; font-size:16px; }
.foot_box3 span{color:#615f64; font-size:16px}
.foot_cartoes{position:relative; margin-top:50px;}
.i3web{position:relative; right:0; bottom:0}
.horario{ position:absolute; right:20px; top:95px}
.foot_fones{position:relative;  color:#FFFFFF; font-size:23px; font-weight:100; text-align:center; margin-top:10px; font-family:  Helvetica Narrow, sans-serif}
.logos{position:relative; text-align:center; margin-top:10px; width:1050px; margin-left:-20px}
.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;
}
	.formfone{
 margin-bottom:7px;   margin-top:5px;  height:30px; padding-left:10px; border:none; background:#EFEFEF; border:solid 1px #CCCCCC; font-size:14px; width:400px
;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;
}
.foot_menu{position:relative	;margin-top:5px;   padding-bottom:5px; width:1050px;  height:22px; z-index:1111 ;; padding-top:8px }
.foot_menu_link{position:relative; float:left; margin-left:35px; text-align:center; margin-right:35px; height:30px; }
.foot_cartoes{position:relative; margin-top:50px;}

.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 }
.foto{ width:350px; border:solid 1px #CCCCCC; cursor:pointer}
.foto-mini{ height:52px;  cursor:pointer}
.foto-minip{ height:80px;  cursor:pointer}
.desc{position:relative; float:left}
	.box_p{position:relative; width:100%; padding-top:10px; padding-bottom:10px; float:left; border-bottom:dotted 1px #D3D3D3}
	.box_p:hover{background:#F1E7CF}
	.box_img_p{height:40px; padding:2px; border:solid 1px #CCCCCC; }
	.box_img_p_text{float:left; width:110px}
	.box_p_text{position:relative; float:left; margin-left:10px; }
	.box_p_button{position:relative; float:right; margin-top:10px}
	.box_img{position:relative; float:left; margin:5px; text-align:center; height:100px}
.form{
width:320px; margin-bottom:7px; color:#333; margin-top:5px; height:25px; 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
}

.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}

.banner{position:absolute; top:-35px; left:0;   width:979px; height:401px;}
.banners{position:relative; width:100%; height:340px; margin:0; margin-bottom:20px; margin-top:0; padding:0}
.fone{position:absolute; top:0px; left:0;  text-align:right; font-size:15px;letter-spacing:1px; font-weight:bold ; text-shadow:0px 1px 0px  #fff; color:#336A8E
; background:url(../img/topoenderecoicone.png) left no-repeat; padding-left:40px; height:25px }
.loca span{font-size:13px}
.loca{position:absolute; right:0; top:0; background:url(../img/topotelefoneicone.png) left no-repeat; padding-left:40px; text-shadow:0px 1px 0px  #fff; color:#336A8E; font-weight:bold; text-align:left; height:25px; font-size:28px}
.topo{position:absolute; top:10px; left:0; width:100%; }
.cab_b{width:100%; height:10px; background:url(../img/back_cab_botton.png) center}

.dicas{position:relative; width:100%; padding-bottom:20px; border-bottom:dotted 1px #333333; font-size:16; font-family:Roboto}
.dicas span{font-size:22px; font-weight:bold}
.img_cursos{}
.box_cursos{position:relative;float:left; margin-right:20px; width:25%}
.box_cursosi{position:relative;float:left; margin-right:20px; width:18%; margin:0.5; text-align:center; cursor:pointer}
.box_cursosi:hover .box_cursosi_img img{height:160px}
.box_cursosi_img{width:100%; height:150px; overflow:hidden}
.box_cursosi_img img{height:150px}
.box_cursost{position:relative;float:right; width:73%; text-align:justify }
.box_cursost a{color:#000099}
.formci{
width:95%; margin-bottom:7px;   margin-top:5px;  height:20px; padding-left:10px; border:none; background:#fff; border:solid 1px #CCCCCC; font-size:16px; 
font-family: 'Open Sans Condensed', sans-serif; font-weight:bold; color:#47667B
}
.form_msmci{
 margin-bottom:7px; height:80px; padding-left:10px; padding-top:10px;   margin-top:5px;  border:solid 1px #CCCCCC; font-size:16px; width:95%;  background:#fff;font-family: 'Open Sans Condensed', sans-serif; font-weight:bold; color:#47667B
}
.data{font-size:13px}
.box_fotos{position:relative; float:left; width:250px; height:200px; font-size:14px; text-align:center; margin:2%; cursor:pointer}
.port-box {
	margin: auto;
	padding: 0;
	list-style: none;
	position: relative;
	width: 100%;
}
.port-box li {
	position: relative;
	float: left;
	overflow: hidden;
	width: 31%; /* Fallback */
    height:120px;
	-webkit-transition: 0.4s all linear;
	        transition: 0.4s all linear;margin:5px; 
}

.port-box li a,.port-box li a img {
	display: block;
	max-width: 100%;
	-webkit-transform: scale(1,1);
	-ms-transform: scale(1,1);
	        transform: scale(1,1);
	-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; 
}
.port-box li a:hover img {
	-webkit-transform: scale(1.05,1.07);
	-ms-transform: scale(1.05,1.07);
	        transform: scale(1.05,1.07);
	-webkit-transition-timing-function: ease-out;
	        transition-timing-function: ease-out;
	-webkit-transition-duration: 250ms;
	        transition-duration: 250ms;
}

/* Flexbox is used for centering the heading */
.port-box li a .project-info {
	position: absolute;
	left: 10px;
	top: 10px;
	right: 10px;
	bottom: 10px;
	background: rgba(0,0,0,0.5);
	padding-top: 25%;
	text-align: center;
	filter: alpha(opacity=0);
	opacity: 0;
	-webkit-transition: all ease .25s;
	        transition: all ease .25s;
}
.port-box li a .project-info .project-details {
	position: relative;
	top: -29px;
	filter: alpha(opacity=0);
	opacity: 0;
	-webkit-transition: all ease .25s;
	        transition: all ease .25s;
	width: 100%;
}
.port-box li a .project-info h5 {
	position: relative;
	display: inline-block;
	margin-bottom: 15px;
	font-weight: bold;
	text-transform: uppercase; font-size:18px; font-family: 'Open Sans Condensed', sans-serif;
}
.port-box li a:hover .project-info {
	filter: alpha(opacity=100);
	opacity: 1;
}
.port-box li a:hover .project-details {
	filter: alpha(opacity=100);
	opacity: 1;
	top: 0;
}
.port-box li a:hover .button {
	filter: alpha(opacity=100);
	opacity: 1;
	bottom: -50px;
}
.box_fotos span{font-size:16px; font-weight:bold}
.box_fotos_dev{display:none}
.maps_text{position:relative; height:250px; width:35%; text-align:right; border-right:solid 1px #CCCCCC; padding-right:20px}
.maps{position:absolute; top:-10px; right:2%; font-size:13px; width:60%}
.maps p{line-height:25px}
.foot_dev{display:none}
.menu_dev{display:none}
.mestrai{position:relative; width:100%; background:url(../img/back_miolo.png) bottom;  -moz-background-size: 100% 100%  ;
-webkit-background-size: 100%  100%  ;
background-size: 100% 100% ;}
.mestrai2{background:#FCFCFC; width:100%; text-align:center; padding-top:50px; padding-bottom:50px; position:relative}
.miolo_texto{width:80%; font-family: 'Open Sans Condensed', sans-serif;  font-weight:bold; color:#666666; text-align:left}
.miolo_texto b{color:#326A8D}
.miolo_contato{position:relative; float:left; width:55%}
.mapa{position:relative; float:right; width:40%;}
.bb{display:block}
.bbd{display:none}
 .mestra_box1{width:100%; color:#FFFFFF; background: url(../img/back_mestrai.jpg); text-align:left;margin:0;}
  .mestra_box1_esquerda{float:left; width:50%; background:url(../img/conteudo1fundo.jpg) center; height:346px}
  .mestra_box1_esquerda img{width:100%}
    .mestra_box1_direita{float:right; width:50%; height:346px}
	.mestra_box1_direita li{line-height:25px}
	.mestra_banner{position:relative; width:100%; height:300px; background:url(../img/box.jpg); -moz-background-size: 100% 100%  ;
-webkit-background-size: 100%  100%  ;
background-size: 100% 100% ; margin-bottom:160px }
.boxn1{position:relative; float:left; margin:1%; width:31%; font-size:25px;  text-align:center;  cursor:pointer;font-family: 'Oswald', sans-serif;
	; margin-top:120px; text-align:center;  color:#336A8E; height:300px
	}
	.boxn1 img{width:80%}
	
	 .mestra_box10_esquerda{float:left; width:66%; min-height:450px}
 
    .mestra_box10_direita{float:right; width:28%; font-size:17px; font-family:'Roboto', sans-serif;  color:#fff; background:#47667B; padding:2%; overflow:hidden}
	
	  .button{width:40%; padding:1%; color:#47667B; font-size:15px;  position:relative; text-align:center; cursor:pointer;  border:solid 1px #ccc; background:#CCCCCC }
@media screen and (max-width: 980px) {
.boxn1{position:relative; float:none; margin:0; width:100%; font-size:25px;  text-align:center;  cursor:pointer;font-family: 'Oswald', sans-serif;
	; margin-top:0px; text-align:center;  color:#336A8E; height:auto; margin-bottom:20px
	}
	.boxn1 img{width:90%}
	.button{width:92%; padding:1%; color:#47667B; font-size:15px; margin-left:2%;  position:relative; text-align:center; cursor:pointer;  border:solid 1px #fff; font-weight:bold; position:relative }
	
	.mestra_box10_esquerda{float:left; width:100%; height:auto; }
.mestra_box10_direita{float:none; width:96%; font-size:1.2em; font-family: 'Open Sans Condensed', sans-serif;  color:#fff; background:#CCCCCC; margin-bottom:20px; padding:2%; overflow:auto; text-align:center}
.mestra_banner{position:relative; width:100%; height:auto; background:none; -moz-background-size: 100% 100%  ;
-webkit-background-size: 100%  100%  ;
background-size: 100% 100% ; margin-bottom:0 }
.mestra_box1{width:95%; color:#000033; background:none; text-align:left;margin:0;}

.mestra_box2{width:95%; color:#000033; background:none; text-align:left;margin:0;}
     .mestra_box2_esquerda{float:left; width:100%; background:#203754; height:auto; padding-left:0; color:#fff; margin-top:10px; padding-bottom:20px}
     .mestra_box2_direita{float:right; width:100%; background:none; text-align:left; height:auto; margin-top:0px}
	 .mestra_box2_esquerda h2{color:#FFFFFF}
   	.mestra_box2_direita_box{float:left; text-align:center; width:50%; font-weight:bold; color:#333333}
		.mestra_box2_esquerda li{list-style-image:url(../img/boxli.png); line-height:30px; font-size:1.2em; margin-left:15%}
		.mestra_box2_direita_box img{width:auto}
.mestra_box1_esquerda{display:none}
.mestra_box1_direita{float:none; width:100%; height:auto}
.mestra_box1_direita h2{ color:#000033}
.foot{display:none}
.mestrai{position:relative; width:100%; background:none}
.mestrai2{background:#FCFCFC; width:95%; text-align:center; padding-top:20px; padding-bottom:20px}
.bb{display:none}
.bbd{display:block}
.miolo_contato{position:relative; float:none; width:100%}
.mapa{position:relative; float:none; width:100%;}
.maps{position:relative; top:0px; right:0; font-size:1em; width:100%}
.maps_text{position:relative; height:auto; width:100%; text-align:none; text-align:left; line-height:20px; padding-right:0; border:none}
.fone{display:none}
.foot_dev{display:block; width:96%; background:#326A8D;color:#FFFFFF; font-weight:bold; font-style:1.2em;;  padding:2%}
.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: 'Roboto', 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: 'Open Sans Condensed', sans-serif; 
	
-webkit-font-smoothing: antialiased;
	font-size: 1em;
	margin:0;
	
	color:#333; 

	background:url(../img/back2.jpg) fixed top center;
	-moz-background-size: 100% 100%;
-webkit-background-size: 100% 100%;
background-size: 100% 100%;

}
.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:left;  height:32px ; font-size:1em; color:#fff; cursor:pointer;  font-weight:100;font-family: 'Open Sans Condensed', sans-serif;text-shadow:none; margin-left:5%; margin-right:0; -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; text-align:left; width:95% }
	
	.menu_link_d1{position:relative; float:none; text-align:left;  height:32px ; font-size:1em; color:#fff; cursor:pointer;  font-weight:100;font-family: 'Open Sans Condensed', 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;  height:32px ; font-size:1em; color:#fff; cursor:pointer;  font-weight:100;font-family: 'Open Sans Condensed', sans-serif;text-shadow:1px 1px 1px  #000; margin-left:20%; margin-right:2px;  display:none;text-transform:uppercase }
	
	.menu_link_d3{position:relative; float:none; text-align:left;  height:32px ; font-size:1em; color:#fff; cursor:pointer;  font-weight:100;font-family: 'Open Sans Condensed', sans-serif;text-shadow:1px 1px 1px  #000; margin-left:20%; margin-right:2px;  display:none }
	.maxlogo{height:60px}
	.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{position:fixed; width:100%; height:70px; background:url(../img/back_cab.jpg); top:0; left:0; right:0; z-index:999999; border-bottom: solid 1px #996600; display:none}
.cab2{position:relative; width:100%; height:140px; background:url(../img/back_cab.jpg) ; background-repeat: no-repeat;
-moz-background-size: 100%  100% ;
-webkit-background-size: 100%  100%  ;
background-size: 100%  100% ;  z-index:999999; border-bottom: solid 1px #33698B;display:block }
.superboxag{width:100%;   float:none; border-bottom:dotted 1px #999999;  margin-bottom:10px }
.menu_dev{ width:8%;  position:absolute; top:2px; right:45%; text-align:center; padding:1%; background:#33698B; z-index:999999999; display:block}
.menu_dev_l{background:#fff; width:100%;height:2px; margin-bottom:4px}
.menu_dev_out{position:relative;  background:#33698C; width:100%;padding-top:20px; z-index:9999999; display:none}
.menu_dev_out:after {
  content: "";
  display: table;
  clear: both;
}
.menu_label{color:#773225; font-size:0.8em; position:absolute; top:5px; right:2.5%; width:8%; text-align:center}
.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:2em;  font-weight:100; ; color:#3A4B56;  font-family: 'Roboto', sans-serif; text-align:center }

h2{font-size:2em;  font-weight:100; ; color:#000000; font-family: 'Roboto', sans-serif;}
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:7px;   margin-top:5px;  height:30px; padding-left:10px; border:none; background:#fff; border:solid 1px #CCCCCC; font-size:1em; 
margin-right:20px;-webkit-border-radius: 4px;  -moz-border-radius: 4px;  -ms-border-radius: 4px;  -o-border-radius: 4px;  border-radius: 4px; margin-bottom:15px; 
}

.form_msmc{
width:90%; margin-bottom:7px;   margin-top:5px;  height:40px; padding-left:10px; border:none; background:#fff; border:solid 1px #CCCCCC; font-size:1em; 
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: 'Open Sans Condensed', sans-serif;  z-index:1; text-align:justify;padding:2% ; margin:-20px; font-size:1.2em ; font-weight:100 }
#container{display:none}
#container_dev{background:url(../img/temp2.jpg) top center; width:100%; height:350px; display:block}
.menu_eventos{position:absolute; top:25px; right:0; width:100%; height:55px;  z-index:9999; padding-right:10%; display:none }
.mestra_natal{ background:#000000; background:url(../img/back_natal_dev.jpg) center ;
	-moz-background-size: 100% 100%;
-webkit-background-size: 100% 100%;
background-size: 100% 100%;
 height:200px; cursor:pointer}
 
 
 .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
}
.titulo{padding-left:0; font-weight:bold; padding-top:10px;  padding-bottom:10px; margin-bottom:20px; width:100%; text-align:center; margin-top:30px  }
.titulo h1{font-weight:bold; margin:0}
.mestra_titulo{position:relative; width:100%; background:url(../img/fundo_maps.png); margin-top:120px; text-align:left}

.logo{position:relative; left:0; top:10px; z-index:111}


 .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}


.box_cursosi{position:relative;float:none; margin-right:20px; width:100%; margin:0; text-align:center; cursor:pointer}
.box_cursosi:hover .box_cursosi_img img{height:auto}
.box_cursosi_img{width:100%; height:150px; overflow:hidden}
.box_cursosi_img img{height:150px}

.img_cursos{display:none}
.box_cursos{display:none}
.box_cursost{position:relative;float:none; width:100%; text-align:justify ; margin-top:-50px}
.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}
.box_fotos_dev img{width:100%}
.miolo{position:relative; width:95%; text-align:left;  font-family: 'Open Sans Condensed', sans-serif;  z-index:1; padding:1%; margin:0; text-align:justify; padding-bottom:20px; font-size:1.2em  }


    .box{position:relative; float:none; margin:0; width:98%; font-size:0.8em;  text-align:center; height:auto; cursor:pointer;font-family: 'Oswald', sans-serif;
	          ; margin-top:20px; text-align:justify; padding-bottom:20px; border-bottom:none ; text-align:center; border-top:1px #CCCCCC dotted; padding-top:10px	}
	.box:hover{text-decoration:underline}
	.box_titulo{color:#33698C; font-weight:bold; text-transform:uppercase; font-size:20px}
	
	.box img{float:none; width:70%;}
	
	
	.foot{position:relative; width:100%; height:auto; background:url(../img/back_foot.png); padding-top:0; font-size:1em; color:#fff; padding-top:20px; border-top: solid 1px #773225;text-shadow:0px 1px 0px  #000; font-family: 'Open Sans Condensed', sans-serif; -moz-background-size: 100% 100%;
-webkit-background-size: 100% 100%;
background-size: 100% 100%; }
.foot_box{position:relative; text-align:center; line-height:20px; float:none; margin-right:0;  margin-left:0; text-align:center; width:100%}
.foot_box img{width:80%}
.foot_box2{position:relative; top:0; right:0;text-align:center; font-size:1em; color:#FFFFFF; font-family: 'Open Sans Condensed', sans-serif;}
h2{font-size:1.2em}
 }