@charset "UTF-8";
/* CSS Document */



body {
	margin:0;
	padding:0; /*margin e pading zero p centralizarsite e no corpo whidth e margin zero auto*/
	background-image:url(imagens/bg.png);
	
}

#corpo {
	width: 1000px;
	margin:0 auto;
	height: 850px;
	border: 0px red;
	position: relative;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:50;
}

#txt {
	font-family: Arial, Helvetica, sans-serif;
	text-lign: justify;
	font-size: 14px;
	font-weight:50;

}

#txtrodape {
	width: 995px;
	margin: 0px 0px 0px 210px;
	padding: 0px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: 50;
	/*text-align: center;
	/*background-image: url(imagens/rodapebg.png);*//

    background-repeat: repeat-x;
	height: 50px;
	width: 1000px;
	color:#01447D;
	
}

#txtpdf {
	width: 995px;
	/*margin: 0px 0px 0px 210px;*/
	padding: 0px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: 50;
	/*text-align: center;
	/*background-image: url(imagens/rodapebg.png);*//

    background-repeat: repeat-x;
	height: 50px;
	width: 1000px;
	color:#01447D;
	
}

h1 {
	
	color:#039;
	
	
	}
	

#cabecalho {
	width: 1000px;
	height: 80px;
	border: 1px;
}

#logo{
	width: 300px;
	
	position:relative;
	margin: 10px 0px 0px 0px;
}

#menu1 {
	width: 300px;
	height: 30px;
	border: 1px;
	position: relative;
	margin: -35px 0px 0px 0px;
	padding: 0px 0px 0px 700px;
	text-align: right;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #01447D;	
}


#menu2 {
	width: 200px;
	height: 480px;
	border: 1px;
	position: relative;
	border-right: 1px dotted #777;
	padding: 0px;
	margin-top: 40px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	z-index: 9999;
}


#conteudo {
	width: 1000px;
	height: auto;
	position: relative;
	border: 0px solid #777;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
}

#conteudo2 {
	width: 730px;
	height: 600px;
	position: relative;
	border: 0px solid #777;
	padding: 0px 0px 0px 0px;
	margin: -500px 0px 0px 270px;
}

#puxando {
	width: 750px;
	height: AUTO;
	position: relative;
	border: 0px solid #777;
	padding: 0px 0px 0px 250px; /* deixar pading maior 250 e margin com auto para que a div externa se ajuste a screen*/
	margin: -730px auto; /* É AQUI QUE DEFINE A POSICAO DA ARQUIVO EXTERNO DAS PAGS*/
}

#banner {
	width: 1000px;
	border: 0px;
	position:relative;
	margin: 25px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}


a:link {
	color: #03C;
	text-decoration: none;
	border: 0px;
}
a:visited {
	text-decoration: none;
	color: #06F;
	border: none;
}
a:hover {
	text-decoration: none;
	color: #333;
	border: none;
}
a:active {
	text-decoration: none;
	color: #06C;
	border: none;
}



/* CSS DO MENU QUE EXPANDE/*/


#accordion {
		margin:0px 0px 0px 0px;
		padding:0;	
		list-style:none;
	}
	
		#accordion li {
			width:250px;
		}
	
		#accordion li a {
	display: block;
	width: 200px;
	height: 30px;
	text-indent: -999em;
	outline: none;
		}
		
		/* Using CSS Sprite for menu item */
		#accordion li a.empresa{
			background:url(menu.jpg) no-repeat 0 0;	
		}

		#accordion li a.empresa:hover, .empresaOver {
			background:url(menu.jpg) no-repeat -268px 0 !important;	
		}
		
		#accordion li a.mercado {
			background:url(menu.jpg) no-repeat 0 -27px;	
		}

		#accordion li a.mercado:hover, .mercadoOver {
			background:url(menu.jpg) no-repeat -268px -27px !important;	
		}
		
		#accordion li a.atividade {
			background:url(menu.jpg) no-repeat 0 -52px;	
		}

		#accordion li a.atividade:hover, .atividadeOver {
			background:url(menu.jpg) no-repeat -268px -52px !important;	
		}
		
		
		/* PRODUTOS */
		#accordion li a.produtos {
			background:url(menu.jpg) no-repeat 0 -74px;	
		}

		#accordion li a.produtos:hover, .produtosOver {
			background:url(menu.jpg) no-repeat -268px -74px !important;	
		}
		
		/* SERVICOS */
		
			#accordion li a.servicos {
			background:url(menu.jpg) no-repeat 0 -98px;	
		}

		#accordion li a.servicos:hover, .servicosOver {
			background:url(menu.jpg) no-repeat -268px -98px !important;	
		}
		
		/* TECNOLOGIA */
		
			#accordion li a.tecnologia {
			background:url(menu.jpg) no-repeat 0 -120px;	
		}

		#accordion li a.tecnologia:hover, .tecnologiaOver {
			background:url(menu.jpg) no-repeat -268px -120px !important;	
		}
		
		/* REPRESNTANTES */
		
			#accordion li a.representantes {
			background:url(menu.jpg) no-repeat 0 -144px;	
		}

		#accordion li a.representantes:hover, .representantesOver {
			background:url(menu.jpg) no-repeat -268px -144px !important;	
		}
		
			/* EVENTOS */
		
			#accordion li a.eventos {
			background:url(menu.jpg) no-repeat 0 -167px;	
		}

		#accordion li a.eventos:hover, .eventosOver {
			background:url(menu.jpg) no-repeat -268px -167px !important;	
		}
		
			/* news */
		
			#accordion li a.news {
			background:url(menu.jpg) no-repeat 0 -190px;	
		}

		#accordion li a.news:hover, .newsOver {
			background:url(menu.jpg) no-repeat -268px -190px !important;	
		}
		
			/* bilioteca */
		
			#accordion li a.biblioteca {
			background:url(menu.jpg) no-repeat 0 -212px;	
		}

		#accordion li a.biblioteca:hover, .bibliotecaOver {
			background:url(menu.jpg) no-repeat -268px -212px !important;	
		}
		
			/* vendas*/
		
			#accordion li a.vendas {
			background:url(menu.jpg) no-repeat 0 -235px;	
		}

		#accordion li a.vendas:hover, .vendasOver {
			background:url(menu.jpg) no-repeat -268px -235px !important;	
		}
		
		
		/* Second Level UL List*/
		#accordion ul {
			background:url(bg.gif) repeat-y 0 0;
			width:190px;
			margin:0px 0px 0px 0px;
			padding:0;
			display:none;	
		}
		
			#accordion ul li {
				height:30px;
			}
			
			/* styling of submenu item */
			#accordion ul li a {
				width:190px;
				height:25px;
				margin-left:15px;
				padding-top:5px;
				/*border-bottom: 1px dotted #777; */
				text-indent:0;
				color:#000000;
				text-decoration:none;
				font-size:14px;
			}

			/* remove border bottom of the last item */
			#accordion ul li a.last {
				border-bottom: none;
			}	
			
			
			
/* CLASSES DO HOVER DAS IMAGENS - IMPORTANTE*/		

#.mouse{
        position:relative;
        padding:0;
        /*color:#9d7d42;
        text-decoration:none;
        border-bottom:2px dotted #fea500;
        cursor:help;
        z-index:24;
        font-family: Tahoma;
        font-size: 11px;
        font-weight: bold;*/
}
#mouse:hover{
        background:transparent;
        z-index:25; 
}
#mouse span{
        display: none
}
#mouse:hover span{
        display:block;
        position:absolute;
        /*width:300px;
        top: 15px;
        text-align:justify;
        left:0;
        /*font:11px Trebuchet MS;*/
        padding: 10px 10px;
		margin: -350px 0px 0px 0px;
        color:#6F4A00;
        background-color: #ccc;
}	
			
