@charset "utf-8";
/* ESTILO SERCON */






/* -----------------------------------PARTE 1------------------------------------------*/






/* CABEÇALHO DAS PAGINAS*/
*{
	margin:0 auto;
	padding:0;
}
body{
	margin:0;
	padding:0;
	background-image:url("images/fundo_sercon.png") ;
	background-repeat:repeat;
	border:none;
	
	
}
/* AQUI É A DIV PRINCIPAL, TUDO ESTÁ DENTRO DELA*/
/* AQUI ESTÃO OS 4 TIPOS DE LAYOUT DO SITE*/
#geral{
	position:relative;
	top:2%;
	left:0;
	display:block;
	width:737px; 
	height:690px; 
	margin:0;
	padding:0;
	
	
	
}



#geral1{
	position:relative;
	top:2%;
	left:0;
	display:block;
	width:737px; 
	height:1100px; 
	margin:0;
	padding:0;
	
	
}

#geral2{
	position:relative;
	top:2%;
	left:0;
	display:block;
	width:737px; 
	height:1915px; 
	margin:0;
	padding:0;
	
}
#geral3{
	position:relative;
	top:2%;
	left:0;
	display:block;
	width:737px; 
	height:2740px; 
	margin:0;
	padding:0;
	
	
}


/* AQUI ESTÃO OS 4 TIPOS DE FUNDO DO SITE*/
#fundo{
	position:absolute;
	top:0;
	left:0;
	display:block;
	width:737px; 
	height:686px; 
	margin:0;
	padding:0;
}
#fundo1{
	position:absolute;
	top:0;
	left:0;
	display:block;
	width:737px; 
	height:1100px; 
	margin:0;
	padding:0;
	
}
#fundo2{
	position:absolute;
	top:0;
	left:0;
	display:block;
	width:737px; 
	height:1915px; 
	margin:0;
	padding:0;
	
}
#fundo3{
	position:absolute;
	top:0;
	left:0;
	display:block;
	width:737px; 
	height:2720px; 
	margin:0;
	padding:0;
	
}

#fundo_01{
	position:relative;
	top:0;
	left:0;
	display:block;
	width:737px; 
	height:357px; 
	background-image:url("images/fundo_geral_01.png")!important;
	background-repeat:no-repeat;
	background-image: none;
	filter:none !important;
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/fundo_geral_01.png',sizingMethod='scale');
	
}
/* AQUI ESTÃO OS TIPOS DE FOTOS DO FUNDO DO SITE*/
#fundo_02{
	position:relative;
	top:0;
	left:0;
	display:block;
	width:737px; 
	height:288px; 
	background-image:url("images/fundo_geral_02.png")!important;
	background-repeat:no-repeat;
	background-image: none;
	filter:none !important;
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/fundo_geral_02.png',sizingMethod='scale');
	
}
#fundo_03{
	position:relative;
	top:0;
	left:0;
	display:block;
	width:737px; 
	height:415px; 
	background-image:url("images/fundo_geral_03.png")!important;
	background-repeat:no-repeat;
	background-image: none;
	filter:none !important;
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/fundo_geral_03.png',sizingMethod='scale');
}
#fundo_04{
	position:relative;
	top:0;
	left:0;
	display:block;
	width:737px; 
	height:403px; 
	background-image:url("images/fundo_geral_04.png")!important;
	background-repeat:no-repeat;
	background-image: none;
	filter:none !important;
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/fundo_geral_04.png',sizingMethod='scale');
}
#fundo_05{
	position:relative;
	top:0;
	left:0;
	display:block;
	width:737px; 
	height:26px; 
	background-image:url("images/fundo_geral_05.png")!important;
	background-repeat:no-repeat;
	background-image: none;
	filter:none !important;
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/fundo_geral_05.png',sizingMethod='scale');
}

/* AQUI ESTÃO OS 4 TIPOS DE MASCARAS, OS SOMBREAMENTOS COM O MAPA MUNDI */

#mascara{
	position:absolute;
	top:1.8%;
	left:0;
	display:block;
	width:737px; 
	height:650px; 
	margin:0;
	padding:0;
	
	
}

#mascara1{
	position:absolute;
	top:1%;
	left:0;
	display:block;
	width:737px; 
	height:1060px; 
	margin:0;
	padding:0;
	
}

#mascara2{
	position:absolute;
	top:0.6%;
	left:0;
	display:block;
	width:737px; 
	height:1900px; 
	margin:0;
	padding:0;
}


#mascara3{
	position:absolute;
	top:0.45%;
	left:0;
	display:block;
	width:737px; 
	height:2720px; 
	margin:0;
	padding:0;
	
	
}
/* AQUI ESTÃO AS FOTOS DAS MASCARAS */
#mascara_01{
	position:relative;
	top:0;
	left:1.6%;
	float:left;
	display:block;
	width:714px; 
	height:343px; 
	background-image:url("images/mascara_fundo_01.png")!important;
	background-repeat:no-repeat;
	background-image: none;
	filter:none !important;
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/mascara_fundo_01.png',sizingMethod='scale');
}
#mascara_02{
	position:relative;
	top:0;
	left:1.6%;
	float:left;
	display:block;
	width:714px; 
	height:273px; 
	background-image:url("images/mascara_fundo_02.png")!important;
	background-repeat:no-repeat;
	background-image: none;
	filter:none !important;
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/mascara_fundo_02.png',sizingMethod='scale');
}
#mascara_03{
	position:relative;
	top:0;
	left:1.6%;
	float:left;
	display:block;
	width:714px; 
	height:415px; 
	background-image:url("images/mascara_fundo_03.png")!important;
	background-repeat:no-repeat;
	background-image: none;
	filter:none !important;
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/mascara_fundo_03.png',sizingMethod='scale');
}
#mascara_04{
	position:relative;
	top:0;
	left:1.6%;
	float:left;
	display:block;
	width:714px; 
	height:405px; 
	background-image:url("images/mascara_fundo_04.png")!important;
	background-repeat:no-repeat;
	background-image: none;
	filter:none !important;
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/mascara_fundo_04.png',sizingMethod='scale');
}
#mascara_05{
	position:relative;
	top:0;
	left:1.6%;
	float:left;
	display:block;
	width:715px; 
	height:30px; 
	background-image:url("images/mascara_fundo_05.png")!important;
	background-repeat:no-repeat;
	background-image: none;
	filter:none !important;
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/mascara_fundo_05.png',sizingMethod='scale');
}



/* AQUI ESTÃO OS 4 TIPOS DE MASCARAS, OS SOMBREAMENTOS COM O MAPA MUNDI */

*html #mascara{
	position:relative;
	top:1.7%;
	left:0;
	display:block;
	width:737px; 
	height:650px; 
	margin:0;
	padding:0;
	
	
}

*html #mascara1{
	position:relative;
	top:1.2%;
	left:0;
	display:block;
	width:737px; 
	height:1060px; 
	margin:0;
	padding:0;
	
}

*html #mascara2{
	position:relative;
	top:0.6%;
	left:0;
	display:block;
	width:737px; 
	height:1900px; 
	margin:0;
	padding:0;
	
}
*html #mascara3{
	position:relative;
	top:0.4%;
	left:0;
	display:block;
	width:737px; 
	height:2720px; 
	margin:0;
	padding:0;
	
	
}

/* ----------------------------IMPORTANTE------------------------------------------------------------------*/


/* AQUI ESTÁ O SLIDE DO LADO DIREITO DO TOPO ATRÁS DA DIV FUNDO. ELA ESTÁ SOLTA NA PÁGINA DENTRO DE GERAL
PARA DAR EFEITO NO SITE*/

#slide_dir{
	position:absolute;
	top:7%;
	right:1.5%;
	float:right;
	display:block;
	width:475px; 
	height:300px; 
}

	.legenda { 
		position:absolute;
		top:0;
		left:38%;
		float:left;
		margin: 0; 
	}







/* --------------------------------------PARTE 2--------------------------------------------------------*/








/* DENTRO DE CONTEUDO ESTÃO AS DIVS IDIOMAS, INTERIOR E CREDITO */
#conteudo{
		position:absolute;
		top:0;
		left:0;
		float:left;
		display:block;
		width:737px; 
		height:660px; 
}

	
/* AQUI TUDO ESTÁ DENTRO DA DIV MASCARA*/
/* AQUI ESCOLHE-SE OS IDIOMAS*/
	#idiomas{
		position:absolute;
		top:2%;
		right:0;
		float:right;
		display:block;
		width:120px; 
		height:30px;
		background:none;
		
		
	}
		h3{
				position: absolute;
				top:0;
				left:9%;
				font:0.54em Handel Gothic BT, verdana,arial, helvetica, sans-serif;
				text-align:center;	
				color: #000;	
			}
			.br{
				position: absolute;
				top:45%;
				left:10%;
				float:left;
				border:none;	
			}
			.en{
				position: absolute;
				top:45%;
				left:40%;
				float:left;
				border:none;	
			}
			.es{
				position: absolute;
				top:45%;
				left:70%;
				float:left;
				border:none;	
			}
/* O RESTANTE ENCONTRAM-SE AQUI*/
	#interior {
		position:absolute;
		top:7%;
		left:1.5%;
		float:left;
		display:block;
		width:713px; 
		height:620px;
		
		}
/* AQUI TUDO ESTÁ DENTRO DA DIV INTERIOR*/
			#icones{
				position:absolute;
				top:0.5%;
				left:0.5%;
				float:left;
				display:block;
				width:170px; 
				height:40px; 
				
				}
				.img1{
					position: absolute;
					top:15%;
					left:0;
					float:left;
					border:none;
				}
				.img2{
					position: absolute;
					top:10%;
					left:26%;
					float:left;
					border:none;	
				}
				.img3{
					position: absolute;
					top:10%;
					left:50%;
					float:left;
					border:none;
				}
				.img4{
					position: absolute;
					top:0;
					left:80%;
					float:left;
					border:none;	
				}
			#logotipo{
				position:absolute;
				top:8%;
				left:0.5%;
				float:left;
				display:block;
				width:349px; 
				height:64px; 
				background-image:url("images/logo.png")!important;
				background-repeat:no-repeat;
				filter:none !important;
				background-image: none;
				filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/logo.png',sizingMethod='scale');
				}
				
			#slide_esq{
				position:absolute;
				top:22%;
				left:0.5%;
				float:left;
				display:block;
				width:266px; 
				height:21px; 
				background-image:url("images/barrasup.png")!important;
				background-repeat:no-repeat;
				filter:none !important;
				background-image: none;
				filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/barrasup.png',sizingMethod='scale');
			}
			#correcao_ie1{
				position:relative;
				top:18.5%;
				left:0.5%;
				float:left;
				display:block;
				width:350px; 
				height:60px;
			}
				
			#menu{
				position:absolute;
				top:28%;
				left:3%;
				float:left;
				display:block;
				width:167px; 
				height:434px;
				background-image:url("images/menu.png")!important;
				background-repeat:no-repeat;
				filter:none !important;
				background-image: none;
				filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/menu.png',sizingMethod='scale');
				}
			#correcao_ie2{
				position:relative;
				top:28%;
				left:-46.2%;
				float:left;
				display:block;
				width:170px; 
				height:434px;
				
			}
/* AQUI ESTÃO AS AÇÕES DOS BOTÕES DENTRO DA DIV MENU*/
				#container{
					position:absolute;
					top:0;
					left:0;
					height:434px;
					width:167px;
					float:left;
					
				}
					dl{ 
					width:167px; 
					} 
					dl,dd{ 
					margin: 0;
					} 
					#container ul { 
					list-style: none;
					}
					.botao{
						display: block;
						margin:0;
						padding: 0;
						list-style: none; /*remove o marcador*/ 
						font:12px Handel Gothic BT,Verdana,arial, helvetica, sans-serif;
						border: 1px solid #fff;
						width: 167px;
						height:23px;
						color: #fff;
						text-align:left;
						text-decoration: none;
						background-color: none; /* IE6 Bug */
						background-image: url("images/botaosup.gif");
						voice-family: "\"}\"";  /*Box Model Hack*/
						voice-family:inherit;	
						width:167px;
					}
					body>.botao{
						width:167px;
					}
					.botao:hover{
						
						border: 1px solid #fff; 
						background-color: none; /* IE6 Bug */
						background-image: url("images/botaoinf.gif");
						width: 167px;
						height:23px;
					}
					.botao span{
						position:relative;
						top:20%;
						padding-left:6px;
					}
					.submenu{
						display: block;
						padding:0;
						margin:0;
						list-style: none; /*remove o marcador*/ 
						font:12px Handel Gothic BT,verdana, arial, helvetica, sans-serif;
						border: 1px solid #fff;
						width: 167px;
						height:18px;
						color: #FFFFFF;
						text-align:left;
						text-decoration: none;
						background:#000066;
						voice-family: "\"}\"";  /*Box Model Hack*/
						voice-family:inherit;	
					}
					body>.submenu{
						width:167px;
					}
					.submenu:hover { 
						border: 1px solid #fff; 
						background:#fff;
						color:#000066;
					}
					.submenu span{
					position:relative;
					top:10%;
					padding-left:6px;
					}
					
/* AQUI ESTÃO OS TEXTOS E DICAS DE BIOSSEGURANÇA*/
			#meio{
				position:absolute;
				top:48%;
				right:0;
				float:right;
				display:block;
				width:522px; 
				height:200px;
				
			}
				#texto{
					position:absolute;
					top:0;
					left:0;
					float:left;
					display:block;
					width:320px; 
					height:200px;
				}
				#texto ul{
				list-style: none; /*remove o marcador*/ 
				}
/* AQUI ESTÃO OS TEXTOS DENTRO DA DIV TEXTO DA PÁGINA INDEX*/
					h6{
						margin-left:10px;
						font:bold 14px Handel Gothic BT,verdana,arial, helvetica, sans-serif;
						color: #666;
						text-align:left;
					}
					.p{
						margin-top:20px;
						margin-left:10px;
						font:11px Handel Gothic BT,verdana,arial, helvetica, sans-serif;
						color: #666;
						text-align:left;
					}
					.marca{
						margin-top:20px;
						margin-left:10px;
						padding:0;
						text-align:left;		
					}
	/* AQUI ESTÃO OS LINKS DE HOME,ANTERIOR E TOPO*/				
			
					.link{
						font:12px Handel Gothic BT,verdana,arial, helvetica, sans-serif;
						text-align:left;	
						text-decoration:none;
						color: #ff6633;
						
					}
					.vlink{
						font:12px Handel Gothic BT,verdana,arial, helvetica, sans-serif;
						text-align:left;	
						text-decoration:none;
						color:  #004a8f;
						margin-right:2px;
					}
					ul#voltar{
						position:relative;
						top:52%;
						right:0.3%;
						float:right;
						display:block;
						width:120px; 
						height:30px;
						list-style:none;
					}
					ul#voltar2{
						position:relative;
						 top:48%;
						*top:45%;
						right:-1.5%;
						float:right;
						display:block;
						width:120px; 
						height:30px;
						list-style:none;
					}
					.imgtop{
						margin-top:20px;
						margin-right:10px;
						float:left;
					}
/* EFEITO DO FLASH DICAS DE BIOSSEGURANÇA*/
				#slide_dicas{
					position:absolute;
					top:0;
					right:0;
					float:right;
					display:block;
					width:200px; 
					height:230px;
					
					
				}
				#correcao_ie3{
					position:relative;
					top:15%;
					right:1.3%;
					float:right;
					display:block;
					width:200px; 
					height:200px;
					
				}
				
				
				
				
/* EFEITO DO FLASH PRODUTOS NO RODAPÉ */
			#slide_inf{
				position:absolute;
				top:81%;
				right:2%;
				float:right;
				display:block;
				width:522px; 
				height:98px;
				background-image: url("images/slide_inf.png")!important;
				filter:none !important;
				background-image: none;
				filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/slide_inf.png',sizingMethod='scale');
			}
			#correcao_ie4{
				position:relative;
				top:79%;
				right:2%;
				float:right;
				display:block;
				width:522px; 
				height:98px;
			}
			
/* NO RODAPÉ ESTÁ O CREDITO */
		#credito{
			position:absolute;
			bottom:-0.5%;
			left:0;
			float:left;
			display:block;
			width:748px; 
			height:20px;
		}
		*html #credito{
			position:absolute;
			bottom:-1.1%;
			left:0;
			
		}
		#liberttas{
			position:relative;
			top:-65%;
			right:2.5%;
			float:right;
			display:block;
			width:100px; 
			height:20px; 
			background-image:url("images/liberttas.png")!important;
			background-repeat:no-repeat;
			background-image: none;
			filter:none !important;
			filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/liberttas.png',sizingMethod='scale');
		}
		*html #liberttas{
			position:relative;
			top:-43%;
			right:2.5%;
			width:100px; 
			height:17px; 
		}
		h5{
			font:10px Handel Gothic BT,verdana,arial, helvetica, sans-serif;
			text-align:center;	
			color: #000;
		}
			
			.img{
				margin-top:20px;
				margin-right:10px;
				float:right;
				list-style:none;
			}
			
			
			








/*------------------------------------PARTE 3-------------------------------------------------------------*/








/*PÁGINAS ADJACENTES*/

/* AQUI ESTÃO OS BOTOES DENTRO DA DIV TEXTO DA PÁGINA DICAS*/
#dicas_titulo{
	position:absolute;
	top:0;
	right:30%;
	float:right;
	display:block;
	width:347px; 
	height:40px;
	border-style:solid;
	border:none;
}
	.titulo{
		display: block;
		list-style: none; /*remove o marcador*/ 
		font:13px Handel Gothic BT,verdana,arial, helvetica, sans-serif;
		border: 1px solid #fff;
		width: 347px;
		height:36px;
		color: #fff;
		text-align:left;
		text-decoration: none;
		background-image: url("images/bt_titulo.gif");
		background-repeat:no-repeat; 
}	
	.titulo span{
		position:relative;
		top:30%;
		padding-left:10px;
	}
#dicas_link{
	position:absolute;
	top:20%;
	right:54%;
	display:block;
	width:220px; 
	height:160px;
	float:right;
	border-style:solid;
	border:none;
	}
	a.dic{
		display: block;
		list-style: none; /*remove o marcador*/ 
		font:13px Handel Gothic BT,verdana,arial, helvetica, sans-serif;
		border: 1px solid #fff;
		width: 220px;
		height:28px;
		color: #fff;
		text-align:left;
		text-decoration: none;
		background-image: url("images/bt_sup.gif");
		background-repeat:no-repeat; 
		voice-family: "\"}\"";  /*Box Model Hack*/
		voice-family:inherit;
	}
	body>a.dic{
		width:220px;
	}
	a.dic:hover { 
		display: block;
		border: 1px solid #fff; 
		background-image: url("images/bt_inf.gif");
		background-repeat:no-repeat;
		color:#000066;
	}
	a.dic span{
		position:relative;
		top:20%;
		padding-left:6px;
	}
/* AQUI ESTÃO OS BOTOES DENTRO DA DIV TEXTO DA PÁGINA SEGMENTOS*/
#seg_titulo{
	position:absolute;
	top:0;
	left:2%;
	float:left;
	display:block;
	width:441px; 
	height:40px;
	border-style:solid;
	border:1px solid #000;
}
	.bar_titulo{
		display: block;
		list-style: none; /*remove o marcador*/ 
		font:13px Handel Gothic BT,verdana,arial, helvetica, sans-serif;
		width: 520px;
		height:24px;
		color: #004a8f;
		text-align:left;
		float:left;
		text-decoration: none;
		background-image: url("images/barra.gif");
		background-repeat:no-repeat;
		margin-top:10px; 
		
	}
	.bar_titulo span{
		position:relative;
		top:21%;
		padding-left:10px;
		
	}
	
	.bar_subtitulo{
		display: block;
		list-style: none; /*remove o marcador*/ 
		font:13px Handel Gothic BT,verdana,arial, helvetica, sans-serif;
		width: 520px;
		height:24px;
		color: #004a8f;
		text-align:left;
		float:left;
		text-decoration: none;
		margin:10px 0 10px 0; 
		
	}
	.bar_subtitulo span{
		position:relative;
		top:21%;
		padding-left:7px;
		
	}
/* CONFIGURAÇÕES DAS FOTOS DA PÁGINA SEGMENTOS*/
#seg_fotos{
	position:absolute;
	top:20%;
	left:2%;
	float:left;
	display:block;
	width:441px; 
	height:270px;
	border-style:solid;
	border:1px solid #000;
}
	.segmentos{ 
		position:relative;
		top:1%;
		left:-1%;
		float:left; 
		width:85px; 
		height:150px; 
		margin-left:6px;
		padding: 0;
		
		
	}
/* CONFIGURAÇÕES DAS LEGENDAS DAS FOTOS DA PÁGINA SEGMENTOS*/
	.seg_legenda{
		font:bold 9px Handel Gothic BT,verdana,arial, helvetica, sans-serif;
		color:#000;
		position:relative;
		top:0;
		left:0;
		text-align:center;
		border:none;
	}
/* CONFIGURAÇÕES DAS FOTOS DA PÁGINA PROJETOS */
	.projetos{ 
		float:left;
		display:block; 
		width:151px; 
		height:179px; 
		margin:0;
		padding:0;
		
		
	}
	*html .projetos{ 
		float:left;
		display:block; 
		width:151px; 
		height:179px; 
		margin-top:-4px;
		padding:0;
		
		
	}
/* CONFIGURAÇÕES DA PÁGINA TRABALHE CONOSCO */
	#trabalhe{ 
		position:relative;
		top:0;
		left:0;
		float:left; 
		width:500px; 
		height:250px;
		
	}
/* CONFIGURAÇÕES DAS PÁGINAS CONTATOS, TRABALHE CONOSCO E ORÇAMENTOS */
	.contato{
	margin-top:10px;
	}
	
	.contato span{
		font:bold 10px Handel Gothic BT,verdana,arial,helvetica, sans-serif;
		color:#003399;	
		text-align:left;
		
		
	}
	.fone span{
		font:bold 10px Handel Gothic BT,verdana,arial,helvetica, sans-serif;
		color:#000;	
		text-align:left;
		
	}
	.fonte tr td{
		font:bold 9px Handel Gothic BT,verdana,arial,helvetica, sans-serif;
		color:#003399;
		text-align:right;
	
	}
	input { 
		background:none; 
		font: 12px verdana, arial, helvetica, sans-serif;
		color:#003399;
		border:1px solid #003399;
		float:left;
	}
	
 
		

	
	
	textarea{ 
		background:none; 
		font: 9px verdana, arial, helvetica, sans-serif;
		color:#003399;
		border:1px solid #003399;
		float:left;

}
	
	
	/* CONFIGURAÇÕES DA PÁGINA ASSISTÊNCIA TÉCNICA*/
	.assistencia{ 
		position:relative;
		top:1%;
		left:10%;
		float:left; 
		width:200px; 
		height:100px; 
		margin-bottom:10px;
		
	}
	.legenda2 span{
		position:absolute;
		top:65%;
		width:200px; 
		height:30px;
		font:bold 9px Handel Gothic BT,verdana,arial,helvetica, sans-serif;
		color:#000;	
		text-align:center;
	}
	.legenda1 span{
		position:relative;
		top:0%;
		left:0;
		float:left;
		width:85px; 
		height:52px;
		font:bold 9px Handel Gothic BT,verdana,arial,helvetica, sans-serif;
		color:#000;	
		text-align:center;
	}
	





/*---------------------------PARTE 4-----------------------------------------------*/






/*PÁGINAS DO SETOR DE EMPRESA E PRODUTOS*/
/*DIVS EXTERNAS DOS TEXTOS ABAIXO DO SLIDE DIREITO SUPERIOR*/

#meio_empresa{
	position:absolute;
	top:50%;
	right:2.5%;
	float:right;
	display:block;
	width:500px; 
	height:300px;
}
*html #meio_empresa{
	position:absolute;
	top:50%;
	right:-0.3%;
	float:right;
	display:block;
	width:500px; 
	height:300px;
}
#meio_produtos{
	position:absolute;
	top:43%;
	right:3%;
	float:right;
	display:block;
	width:510px; 
	height:2400px;
}
*html #meio_produtos{
	position:absolute;
	top:43%;
	right:1.5%;
	float:right;
	display:block;
	width:510px; 
	height:2400px;
}
#meio_ind{
	position:absolute;
	top:54%;
	right:3%;
	float:right;
	display:block;
	width:510px; 
	height:2400px;
}
*html #meio_ind{
	position:absolute;
	top:54%;
	right:1.5%;
	float:right;
	display:block;
	width:510px; 
	height:2400px;
}
#meio_projeto{
	position:absolute;
	top:54%;
	right:3%;
	float:right;
	Display:block;
	width:510px; 
	height:1500px;	
}
*html #meio_projeto{
	position:absolute;
	top:54%;
	right:1.5%;
	float:right;
	Display:block;
	width:510px; 
	height:1500px;
}
#meio_orcam{
	position:absolute;
	top:54%;
	right:3%;
	float:right;
	Display:block;
	width:510px; 
	height:980px;
}
*html #meio_orcam{
	position:absolute;
	top:54%;
	right:1.5%;
	float:right;
	Display:block;
	width:510px; 
	height:980px;
}
#meio_historia{
	position:absolute;
	top:45%;
	right:1.5%;
	float:right;
	display:block;
	width:520px; 
	height:760px;
	
}
#meio_prod{
	position:absolute;
	top:54%;
	right:1.5%;
	float:right;
	display:block;
	width:520px; 
	height:700px;
}

/*DIVS ONDE ESTÃO OS TEXTOS E FOTOS DO CONTEUDO*/
#empresa_texto{
	position:relative;
	top:2%;
	left:1%;
	float:left;
	width:440px; 
	height:250px;
	
}
#historia_texto{
	position:relative;
	top:2%;
	left:1%;
	float:left;
	width:500px; 
	height:540px;	
}
#ev_texto{
	position:relative;
	top:2%;
	left:1%;
	float:left;
	width:500px; 
	height:1200px;
		
}
#prod_texto{
	position:relative;
	top:1%;
	left:1%;
	float:left;
	width:500px; 
	height:670px;
	
}
#projeto_img{
	position:relative;
	top:2%;
	left:4%;
	float:left;
	width:500px; 
	height:1450px;

	
}
#hosp_texto{
	position:relative;
	top:1%;
	left:0;
	float:left;
	width:500px; 
	height:670px;
}
#ind_texto{
	position:relative;
	top:0.5%;
	left:0;
	float:left;
	width:500px; 
	height:2250px;
	
	
}
#produtos_texto{
	position:relative;
	top:0.5%;
	left:1%;
	float:left;
	width:500px; 
	height:2080px;
	
}
#empresa_texto p,#historia_texto p,#hosp_texto p,#produtos_texto p,#prod_texto p{
	font:11px Handel Gothic BT,verdana,arial,helvetica, sans-serif;
	color:#000;	
	text-align:left;
}

/* CONFIGURAÇÃO DAS FOTOS DAS PÁGINAS DO SETOR EMPRESA*/
#foto1{
float:left;
display:block;
width:240px; 
height:188px;
margin:0 15px 8px 0;
}
#foto2{
float:right;
display:block;
width:300px; 
height:149px;
margin-left:0;
margin-right:15px;
}
/* CONFIGURAÇÃO DAS FOTOS DA EVOLUCAO DA EMPRESA DO SETOR EMPRESA*/
#foto3{

position:relative;
top:1%;
left:0;
display:block;
width:330px; 
height:1200px;
}

/* CONFIGURAÇÕES DA PÁGINA INDUSTRIAL*/
#industrial{ 
		position:relative;
		top:0;
		left:0;
		float:left; 
		width:500px; 
		height:170px;
		display:block;
	
		
	}
	
	
	.imagem{ 
		position:absolute;
		top:1%;
		left:1%;
		float:left; 
		width:150px; 
		height:132px; 
	}
	h2{
		position:absolute;
		top:0;
		left:33%;
		float:left; 
		font:bold 11px Handel Gothic BT,verdana,arial,helvetica, sans-serif;
		color:#004a8f;	
		text-align:left;
		}
	h1{
		
		font:bold 11px Handel Gothic BT,verdana,arial,helvetica, sans-serif;
		color:#004a8f;	
		text-align:left;
	}
	
	.legenda3{
		position:absolute;
		top:11%;
		right:1%;
		float:right;
		width:330px; 
		height:130px;
		font:10px Handel Gothic BT,verdana,arial,helvetica, sans-serif;
		color:#000;	
		text-align:left;
		border-top:1px solid #000;
	}
/* AQUI É OS EFEITOS DAS FOTOS DAS PÁGINAS DO SETOR DE PRODUTOS*/ 

/* EFEITO Easy Slider */
.maquinas{
position:relative;
top:0.5%;
right:10%;
width: 220px;
height: 240px;
float:right;
display:block;

}
img{
border:none;
}

#slider ul, #slider li{
	margin:0;
	padding:0;
	list-style:none;
}
#slider{ 
 position: relative; /* important */
	width:215px;
	height:215px;
	overflow:hidden;
	

}

span#prevBtn,span#nextBtn{}



.s3sliderImage {
   float: left; /* important */
   position: relative; /* important */
   width:215px;
   height:215px;
   display:hidden; /* important */
  

}

.s3sliderImage span {
   	position: absolute; /* important */
   	left: 10%;
   	bottom:8%;
	font: 10px Arial, Helvetica, sans-serif;
   	padding: 10px 13px;
   	width: 150px;
   	background-color: #000;
   	filter: alpha(opacity=60); /* here you can set the opacity of box with text */
   -moz-opacity: 0.6; /* here you can set the opacity of box with text */
   -khtml-opacity: 0.6; /* here you can set the opacity of box with text */
   opacity: 0.6; /* here you can set the opacity of box with text */
   color: #fff;
   display:hidden; /* important */
  
 /*
       if you put
       top: 0; -> the box with text will be shown at the top of the image 
       if you put
       bottom: 0; -> the box with text will be shown at the bottom of the image
   */
}

.clear {
   clear: both;

}
.bottom {
	bottom: 0;
    left: 0;
}
#slideshow {
list-style:none; 
color:#fff;
}
#slideshow span {
display:none;
}





/* AQUI ESTÃO OS EFEITOS DO MENU DAS PÁGINAS DO SETOR DE PRODUTOS*/
    
.outer a, .outer div, .outer li, .outer ul, .outer body{
	width: 193px;
	margin: 0;
	padding: 0;
	font-family: Handel Gothic BT,Verdana, Helvetica, Arial, sans-serif;
	
}
.menu{
	position: relative;
	top:0.4%;
	left:0;
	width:193px;
	float:left;
	display:block;
	
}
.menu ul{
	list-style: none;
	margin:0;
	padding:0;
}
.menu li{
	margin-top: 2px;
}
.menu a{
	font: 11px Handel Gothic BT,Verdana,Helvetica, Arial, sans-serif;
	text-align:left;
	color: #fff;
	display:block;
	padding:0;
	height: 27px;
	width: 193px;
	text-decoration: none;
	background-color:none; /* IE6 Bug */
	background: url('images/background.gif');
	voice-family: "\"}\"";  /*Box Model Hack*/
	voice-family:inherit;
	width: 193px;
		
}
body>.menu a{
		width:193px;
	}
.menu a:hover{
	
	background-color: none; /* IE6 Bug */
	background: url('images/highlight.gif') no-repeat right;
	width:193px;
	height: 27px;
}
					
.menu span{
	position:relative;
	top:17%;
	padding-left:8px;
	

}





/*---------------------------PARTE 5-----------------------------------------------*/






/*PÁGINAS DO SETOR DE ORÇAMENTOS*/

#orcamento{
	position:relative;
	top:1%;
	left:1%;
	float:left; 
	width:510px; 
	height:640px;
	display:block;		
}
#manut{
	position:relative;
	top:0;
	left:0;
	float:left; 
	width:510px; 
	height:320px;
	display:block;
	border:1px solid #000066;	
	}
	#equip{
		position:relative;
		top:1%;
		left:0;
		float:left; 
		width:510px; 
		height:200px;
		display:block;
		border:1px solid #000066;	
	}
	#pecas{ 
		position:relative;
		top:2%;
		left:0;
		float:left; 
		width:510px; 
		height:130px;
		border:1px solid #000066;	
	}
	table.equip tr td{
		width:100px;
		border-collapse:collapse;
		border:1px solid #fff;	
	}
	table.equip tr td span{
		font: bold 8px Handel Gothic BT,verdana,arial,helvetica, sans-serif;
		color:#000066;	
		text-align:left;
		float:left; 
	}
	
	#meuselect {  
		width:450px;
		background:f1f1f1; 
		font:11px Handel Gothic BT,verdana,arial, helvetica, sans-serif; 
		color:#000066;
		margin-bottom:2px;
	}
	
	
		
	#meuselect option.impar { 
		width:500x;  
		background-color:f1f1f1; 
		color:#000066;
	}
	#uf {  
		width:80px;
		background:f1f1f1; 
		font:11px Handel Gothic BT,verdana,arial, helvetica, sans-serif; 
		color:#000066;
		float:left;
	}
		
	#uf option.impar { 
		width:500x;  
		background-color:f1f1f1; 
		color:#000066;
	}
	h4{
		font: bold 12px Handel Gothic BT,verdana,arial,helvetica, sans-serif;
		color:#fff;	
		text-align:center;
		background-color:#000066;
		margin-bottom:20px;
	}
	.voltar{
		font: bold 10px Handel Gothic BT,verdana,arial,helvetica, sans-serif;
		color:red;
		text-decoration:underline;	
	}
	.enviar{
		position:relative;
		top:40%;
		font: bold 12px Handel Gothic BT,verdana,arial,helvetica, sans-serif;
		color:#004a8f;	
		text-align:center;
	}
	.escolha{
		position:relative;
		top:-5%;
		font: bold 9px verdana,arial,helvetica, sans-serif;
		color:#004a8f;	
		text-align:center;
	}
#mapa{
	position:relative;
	top:0;
	left:0;
	float:left;
	display:block;
	width:520px; 
	height:300px;
}



/*---------------------------PARTE 6-----------------------------------------------*/





/*PÁGINAS DE ADMINISTRAÇÃO*/

#adm{
	position:relative;
	top:45%;
	right:3%;
	float:right;
	display:block;
	width:660px; 
	height:325px;
	
}
#admtitulo{
	position:absolute;
	top:0;
	left:0;
	float:left;
	display:block;
	width:660px; 
	height:25px;
	
}
#menuadm{
	position:absolute;
	top:8%;
	left:0;
	float:left;
	display:block;
	width:160px; 
	height:300px;
	background-color:#000066;
}

#meioadm{
	position:absolute;
	top:8%;
	right:0;
	float:right;
	display:block;
	width:500px; 
	height:300px;	
}
.ev{
position:relative;
	top:10%;
	left:3%;
	float:left;
	display:block;
	width:160px; 
	height:200px;
}
.ev li{
	font: bold 12px Handel Gothic BT,verdana,arial,helvetica, sans-serif;
	color:#000066;	
	text-align:left;
}
.ev li a{
	font: bold 12px Handel Gothic BT,verdana,arial,helvetica, sans-serif;
	color:#000066;	
	text-decoration:none;
	}

	
	
#eventos{margin:30px 0 0 30px; width:500px; text-align:left;  font: bold 12px Handel Gothic BT,verdana,arial,helvetica, sans-serif;}

#eventos ul li{ list-style:none;margin:10px 0 0 0;}

#eventos ul li a{ text-decoration:none; color:#28166F;}
#eventos ul li a:hover{ text-decoration:underline;}