/* Folha de Estilos Principal */

/* importando arquivos .css auxiliares */
/* Resetando a formatação padrão dos navegadores */
@import url('reset_css.css');

html{
	color: #000;
	font: 62.5% Arial, Verdana, sans-serif;
	background: #fff url(../imagens/layout/bg_body_topo.jpg) repeat-x left top;
	height: 101%;
}

	body{
		background: url(../imagens/layout/bg_rodape.jpg) repeat-x left bottom;
		font-size: 1.3em;
		text-align: center; /* IE */
	}
		
		/* elementos não específicos */
		a{
			text-decoration: none;
		}
		
		p{
			line-height: 1.3em;
			margin: 0 0 1.5em 0;
		}
		
		h4{
			font: bold 1.3em 'Trebuchet MS', Verdana, sans-serif;
			color: #333;
		}
		
		/* div que engloba todo o conteúdo */
		div#container{
			width: 1000px;
			margin: 0 auto;
			text-align: left;
		}
		
		/* topo */
		div#header{
			width: 100%;
			height: 200px;
			background: url(../imagens/layout/bg_topo.jpg) no-repeat 0 0;
			margin: 10px 0 0 0;
			position: relative;
		}
			
			/* logo */
			div#header h1 a{
				display: block;
				width: 190px;
				height: 170px;
				text-indent: -9000px;
				overflow: hidden;
				background: url(../imagens/layout/bg_logo.gif) no-repeat 0 0;
				position: relative;
				top: 10px;
			}
			
			/* menus de navegação */
			/* topo */
			div#header ul#nav-top{
				width: 184px;
				height: 32px;
				overflow: hidden;
				position: absolute;
				top: 0;
				right: 0;
			}
			
			div#header ul#nav-top li, div#header ul#nav li{
				display: inline;
				float: left;
			}
			
			div#header ul#nav-top li a{
				display: block;
				height: 32px;
				background: url(../imagens/layout/bg_menu_topo.jpg) no-repeat;
				text-indent: -9000px;
			}
			
			/* links */
			div#header ul#nav-top li a#ent{
				width: 89px;
				background-position: 0 0;
			}
			
			div#header ul#nav-top li a#car{
				width: 95px;
				background-position: -89px 0;
			}
			
			/* passar o a seta do mouse em cima do link */
			div#header ul#nav-top li a#ent:hover{
				background-position: 0 -50px;
			}
			
			div#header ul#nav-top li a#car:hover{
				background-position: -89px -50px;
			}
			
			/* menu de navegação principal */
			div#header ul#nav{
				width: 404px;
				height: 41px;
				overflow: hidden;
				position: absolute;
				right: 0;
				bottom: 0;
			}
			
			div#header ul#nav li a{
				display: block;
				height: 41px;
				background: url(../imagens/layout/bg_menu_principal.gif) no-repeat;
				text-indent: -9000px;
			}
			
			/* links */
			div#header ul#nav li a#hom{
				width: 71px;
				background-position: 0 0;
			}
			
			div#header ul#nav li a#cad{
				width: 140px;
				background-position: -71px 0;
			}
			
			div#header ul#nav li a#pro{
				width: 108px;
				background-position: -211px 0;
			}
			
			div#header ul#nav li a#duv{
				width: 102px;
				background-position: -319px 0;
			}
			
			div#header ul#nav li a#con{
				width: 85px;
				background-position: -421px 0;
			}
			
			/* passar o a seta do mouse em cima do link */
			div#header ul#nav li a#hom:hover{
				width: 71px;
				background-position: 0 -61px;
			}
			
			div#header ul#nav li a#cad:hover{
				width: 140px;
				background-position: -71px -61px;
			}
			
			div#header ul#nav li a#pro:hover{
				width: 108px;
				background-position: -211px -61px;
			}
			
			div#header ul#nav li a#duv:hover{
				width: 102px;
				background-position: -319px -61px;
			}
			
			div#header ul#nav li a#con:hover{
				width: 85px;
				background-position: -421px -61px;
			}
		
		/* itens do link produtos */
		ul#subnav-prod{
			width: 100%;
			height: 40px;
			background: url(../imagens/layout/bg_submenu.jpg) repeat-x 0 0;
			overflow: hidden;
			text-align: right;
		}
		
		ul#subnav-prod li{
			display: inline;
			color: #999;
		}
		
		ul#subnav-prod li a{
			font: 1.1em/40px "Trebuchet MS", Arial, Verdana, sans-serif;
			padding: 5px;
			color: #666;
		}
		
		ul#subnav-prod li a:hover{
			text-decoration: underline;
		}
		
	
		/* rodapé */
		div#footer{
			clear: both;
			width: 100%;
			height: 130px;
			background: url(../imagens/layout/bg_logo_rodape.jpg) no-repeat center;
			padding: 30px 0 0 0;
		}
		
			div#footer ul{
				text-align: center;
			}
			
			div#footer ul li{
				display: inline;
			}
			
			div#footer ul li a{
				color: #666;
				text-decoration: none;
				padding: 2px 5px 2px 5px;
			}
			
			div#footer ul li a:hover{
				color: #333;
				text-decoration: underline;
			}