/*  Listing 1-1. Eric Meyers Universal   Cross-  Browser Style Reset */
/* v1.0 | 20080212 */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    vertical-align: baseline;
    background: transparent;
}
body {
      line-height: 1;
}
ol, ul {
      list-style: none;
}
blockquote, q {
    quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
    content: '';
    content: none;
}
/* remember to define focus styles! */
:focus {
    outline: 0;
}
/* remember to highlight inserts somehow! */
ins {
      text-decoration: none;
}
del {
      text-decoration: line-through;
}
/* tables still need cellspacing="0" in the mark-up */
table {
      border-collapse: collapse;
      border-spacing: 0;
}

html, body{
	width:100%;
	height:100%;
	margin:0px;
	padding:0px;
}
/* fim cross Browser reset */

* {
	font-family: 'Swiss 721', 'Tahoma';
	font-size:11px;
	/*color:#B0B0B0;/* cinza */
	color:#414141;/* cinza */
	
}

.clear{	clear:both }
#principal{
	width:915px;
	position:absolute;
	left:50%;
	margin-left:-457px;
	z-index:2;
}
/* Topo */
	#topo{
		width:915px;
		position:relative;
		margin:0px auto;
		z-index:999;
	}
	#fundo-topo{
		width:100%;
		position:absolute;
		background:url('/img/fundo/fundo-topo.png') repeat-x;
		height:127px;
		top:0px;
		z-index:0;
	}

		#topo #logo-1{
			position:absolute;
			left:20px;
			top:20px;
		}

		#topo #logo-2{
			position:absolute;
			left:390px;
			top:0px;
		}
		#topo #logo-3{
			position:absolute;
			left:635px;
			top:35px;
		}

	/** menu principal **/
		#topo #menu-principal{
			width:915px;
			position:absolute;
			top:98px;
			left:0px;
			z-index:10;
		}
		#topo #menu-principal ul{
			height:30px;
			margin-left:155px;
		}
		#topo #menu-principal ul li{
			padding-right:23px;
			float:left;
		}
		#topo #menu-principal ul li img{
			margin-top:3px;
			float:left;
		}
		#topo #menu-principal ul li a,
		#topo #menu-principal ul li a:visited{
			font:13px Tahoma;
			color:#FFF;
			text-decoration:none;
			line-height:30px;
			height:100%;
			float:left;
			font-weight:bold;
			font-size:11px;
		}
		#topo #menu-principal ul li a:hover{
			text-decoration:underline;
			color:#FAD709; /* Amarelo */
		}
		#topo #menu-selecionado a{
	/*		height:30px;*/
			background:url('/img/fundo/fundo-menu-principal-selecionado-meio.png') 0px 3px repeat-x;
		}
		#topo #menu-selecionado img{

		}

	/* Fim menu Prinpipal */

/** fim menu principal **/

		#topo #banner-principal{
			width:916px;
			height:303px;
			position:absolute;
			top:135px;
			left:0px;
			z-index:999;
			background:url('/img/fundo/modura-banner-principal.png') no-repeat;
			padding:0px;
		}
		#topo #banner-principal #slideshow{
			width:874px;
			height:238px;
/*		    margin: 0px auto;*/
			text-align:center;
			margin-top:20px;
			margin-left:21px;
		}


/* fim Banner principal */

	#fundo-banner{
		width:100%;
		position:absolute;
		background:url('/img/fundo/fundo-banner-principal.png') repeat-x;
		height:285px;
		top:128px;
		z-index:0;
	}

/* Painel Contedo*/

#painel-conteudo {
	position:absolute;
	top:440px;
	width:100%;
	display:table;
}

	#painel-conteudo #conteudo{
		width:915px;
		position:relative;
		margin:0px auto;
		min-height:250px;
		display:table;
		padding-bottom:10px;
	}
	#painel-conteudo #conteudo h1{
		color:#737373; /* Cinza */
		font-size:18px;
		padding:0px 0px 10px 0px;
		font-weight:bold;
		color:#B30910; /* Vermelho */
	}
	#painel-conteudo #conteudo h2{
		color:#737373; /* Cinza */
		font-size:12px;
		padding:0px 0px 0px 0px;
	}

	#painel-conteudo #conteudo p{
/*		text-align:justify;*/
		font-size:12px;
		line-height:13px;
		padding-bottom:30px;
		letter-spacing:1px;
		line-height:20px;
	}

	#painel-conteudo #conteudo ul li{
/*		float:left;*/
		padding:5px 10px 5px 0px;
	}
	#painel-conteudo #conteudo #marcas li{
		float:left;
		padding:5px 10px 5px 0px;
	}
	#navegacao li{
		font-size:15px;		
		float:left;
	}
	#navegacao h4,
	#navegacao h5,
		font-size:15px;
		color:#737373; /* Cinza */
	}
	#navegacao h6{
		font-size:15px;
		color:#B0B0B0/* cinza */
	}
	#navegacao a,
	#navegacao a:visited{
		font-size:15px;
		color:#737373; /* Cinza */
	}
	#conteudo #ultimas-noticias{}
	#conteudo #ultimas-noticias ul li{
		list-style-image:url('/img/fundo/image-list-ultimas-noticias.png');
		float:none;
		clear:both;
		margin-left:15px;
		font-size:10px;
	}
	#conteudo #ver-outras-noticias{
		color:#BC262C; /* Vermelho */
		font-size:10px;
		float:right;
	}
	#conteudo #conteudo-descricao{
		margin-left:20px;
		padding-left:20px;
/*		font-size:12px;*/
	}

	#conteudo #conteudo-descricao .lista-noticias #ver-outras a{
		color:#BC262C; /* Vermelho */
	}
	.lista-noticias ul li{
		float:none;
		clear:both;
		line-height:20px;
		
	}
	.lista-noticias ul li a{
		font-size:13px;
		font-weight:normal;
	}

	#conteudo #conteiner-1{
		float:left;
		left:0px;
		position:relative;
		width:255px;
		padding:10px 25px 10px 25px;
	}
	#conteudo #conteiner-2{
		float:left;
		left:0px;
		position:relative;
		top:0px;
		width:254px;
		padding:10px 25px 10px 25px;
	}
	#conteudo #conteiner-3{
		float:left;
		left:0px;
		position:relative;
		width:255px;
		padding:10px 25px 10px 25px;
		text-align:center;
	}
/* Pgina de produtos */
	#conteudo #menu-lateral{
		float:left;
		left:0px;
		position:relative;
		width:150px;
		padding:0px 0px 10px 25px;
	}
	#conteudo #menu-lateral h4{
		padding:0px;
	}
	#conteudo #menu-lateral img{
		padding:0;
		margin-top:-1px;
		z-index:100;
		position:relative;
	}
	#conteudo #menu-lateral ul li{
		background:url('/img/fundo/divisor-menu-lateral.png') bottom left no-repeat;
		font-size:10px;
		width:150px;
		line-height:30px;
		padding:5px 0px 5px 0px;
	}
	#conteudo #menu-lateral ul li ul li{
		background:url('/img/fundo/divisor-menu-lateral.png') bottom left no-repeat;
		border:none;
		background:none;
		width:135px;
		padding:0px 0px 0px 15px;
	}
	#conteudo #menu-lateral a,
	#conteudo #menu-lateral a:visited{
		text-decoration:none;
	}
	#conteudo #menu-lateral a:hover{
		text-decoration:underline;
	}
	#conteudo #sessao-descricao{
		float:left;
		position:relative;
		width:740px;
		padding-top:35px;
/*		padding:10px 25px 10px 25px;*/
		color:#555555; /* Cinza texto */
		font-size:9px;
	}
	#conteudo-descricao table tr td{ 

		font-size:13px; 
		letter-spacing:1px;
		line-height:20px;
		vertical-align:top;
		padding-left:10px;
	}
	#conteudo-descricao table tr td img{ 
		padding:0px;
	}
	#conteudo #sessao-descricao h4{
		color:#2C2626; /* Cinza Escuro */
		font-size:15px;
		padding:0px 0px 15px 0px;
	}
	#painel-conteudo #publicidade{
		width:935px;
		position:relative;
		height:50px;
		margin:0px auto;
		margin-top:20px;
	}
	#rodape{
		height:81px;
		width:100%;
		margin-bottom:0px;	
		background:url('/img/fundo/fundo-rodape.png') repeat-x;			
		color:#FFFFFF;
	}
	#rodape #conteudo-rodape{
		padding-top:15px;
		width:915px;
		position:relative;
		height:66px;
		margin:0px auto;
		font-family:'Tahoma';
		font-size:11px;
		line-height:20px;
	}
	#rodape #conteudo-rodape p{
		text-align:center;
		padding:0;
		margin:0;
		line-height:18px;
		color:#FFFFFF;
	}
	#rodape #conteudo-rodape strong{
		color:#FFFFFF;
	}
	#rodape #conteudo-rodape a,
	#rodape #conteudo-rodape a:visited{
		position:absolute;
		top:20px;
		left:870px;
		color:#FFFFFF;
	}

/* Scroller */

	.slider_element {
		left:-999em;
		position:relative;
	}

	#slider-left{
		height: 40px; 
		line-height: 40px; 
		float: left; 
		vertical-align: middle; 
		width: 30px;
	}

	#slide-left-img{
		margin-top: 5px;
	}
	#slider-center{
		overflow: hidden; 
		width: 875px; 
		height: 40px; 
		float: left; 
		position: relative;
	}
	.slide{
		position: absolute; 
		width: 125px; 
		height: 40px; 
		top: 0pt; 
		left: -205px;
	}
	#slider-right{
		height: 40px; 
		float: left; 
		width: 30px;
	}
	#slide-right-img{
		margin-top: 5px;
	}

/* fim Scroller */
	/* Mensagens (Erro | OK) */
	.msg-ok{
		color:#B30910;
		font-size:14px;
		font-weight:bold;
		padding:5px;
	}
	.msg-ok span{
		color:#008000;
		font-weight:bold;
		font-size:18px;
	}
	.msg-erro{
		color:#B30910;
		font-size:14px;
		font-weight:bold;
		margin-top:5px;
		padding:5px;
		height:25px;
	}

	/* fim Mensagens (Erro | OK) */
	.formulario_comercial{
		position:relative;
		margin-top:10px;
		display:block;
		height:600px;
	}

	.formulario_comercial #nome			{ position:relative; left:85px; top:-14px; }
	.formulario_comercial #telefone		{ position:relative; left:85px; top:-14px; }
	.formulario_comercial #email		{ position:relative; left:85px; top:-14px; }
	.formulario_comercial #cep			{ position:relative; left:85px; top:-14px; }

	.formulario_comercial .endereco	{width:267px; float:left;}
	.formulario_comercial #endereco{
		margin-left:13px; 
		top:-14px; *
		top:-10px;
	}
	.formulario_comercial .numero	{ float:left; clear:right;left:200px; top:-28px; *top:-29px; width:150px; }

	.formulario_comercial .complemento{clear: both; height: 30px; margin-top: 32px;margin-bottom: 10px}
	.formulario_comercial #complemento	{ margin-left:1px; top:-14px;}
	.formulario_comercial #bairro		{ position:relative; left:85px; top:-14px; }
	
/*	.formulario_comercial #cidade		{ position:relative; left:85px; top:-14px; }*/
	.formulario_comercial .cidade	{width:281px; float:left;}
	.formulario_comercial #cidade	{ margin-left:29px; top:-14px; *top:-10px;}
/*	.formulario_comercial .estado	{ position:relative; left:276px; top:-28px; *top:-34px; width:110px; }*/
	.formulario_comercial .estado	{ float:left; clear:right;left:200px; top:-28px; *top:-29px; width:150px; }

/*	.formulario_comercial #mensagem		{ position:relative; left:85px; top:-14px; }*/
	.formulario_comercial .mensagem label{vertical-align:top;}
	.formulario_comercial .mensagem	{ clear:both; height:30px; margin-top:32px;margin-bottom:10px; vertical-align:top}
	.formulario_comercial #mensagem	{ clear:right;margin-left:7px; top:-14px;}

	.errors{
		position:relative;
		top:-5px;
		width:250px;
		font-size:12px;
	}
	.errors li{ color:red; }
	.formulario_comercial .botao{ 
		clear:both; 
		height:30px; 
		margin-top:140px;
		margin-bottom:10px;
		}
	.formulario_comercial #botao{ 
		position:relative;
		background: transparent url('/img/botao/enviar.png') no-repeat; 
		width:80px;
		height:23px;
		font:15px #FFFFFF Verdana ;
		border:none;
		text-indent:-9000px;
		cursor:pointer;
	}

	.formulario_comercial tr{
		height:25px;
	}
	.formulario_comercial tr td{
		vertical-align:top;
	}

	.formulario_comercial input{ 
		width:300px; 
	}
	.formulario_comercial textarea{ width:300px; }
	.formulario_comercial select{ width:200px; }
	.formulario_comercial label{
		font-size:12px;
		vertical-align:middle;
	}