/* CSS Document */

/*** RESET - Tira todo o comportamento padrões dos browsers***/

html,body,div,ul,ol,li,dl,dt,dd,h1,h2,h3,h4,h5,h6,pre,form,p,blockquote,fieldset,input,img { margin: 0; padding: 0; }
h1,h2,h3,h4,h5,h6,pre,code,address,caption,cite,code,em,strong,th { font-size: 1em; font-weight: normal; font-style: normal; }ul,ol { list-style: none;}
fieldset,img { border: none; }
caption,th { text-align: left; }
table { border-collapse:separate; border-spacing: 0; }

/*** GERAL ***/

body {
	font: normal 11px "Trebuchet MS", Tahoma, Helvetica, sans-serif; /*Esta é a fonte padrão do website*/
	line-height:14px; /*Declare a entrelinha para a interpretação do navegador Safari*/
	background:#FFF /*url(../img/body_bg.gif) repeat-y center;*/
	text-align: center; /* centraliza o container no browser IE 5*. O texto não é centralizado se a div #container estiver setado o alinhamento para a esquerda */
	color: #363636;
}

#container {
	width: 980px;  /* usando no mínimo a menos do que 1024px permite que o browser provoque barra de scroll horizontal. Em conjunto com margin auto centraliza a página */
	margin: 0 auto; /* Em conjunto com width definida centraliza a página */	
	text-align: left;  /*elimina o text-align: center dentro da div, provocado pelo body. */
	padding:0;
	position:relative;
}

/*** LAYOUT ***/

/* Quebra float */
.clear {clear:both; display: block;}
.clearLeft {clear:left; display: block;}
.clearRight {clear:right; display: block;}
.clearer {clear: both; display: block; margin: 0; padding: 0; height: 0; line-height: 1px; font-size: 1px;}
.clearSpace {clear:both; height:20px; line-height: 20px; font-size: 20px;}

.alignRight {text-align:right; display:block; clear:left;}
.alignLeft {text-align:left; display:block;}

.floatRight {float:right; margin:0 0 10px 10px;}
.floatLeft {float:left; margin:0 10px 10px 0;}

.spacerBottom {margin-bottom:10px}
.spacerTop {margin-top:10px}

.alert { /* Usado para alertar conteúdo ainda não fornecido para o cliente */
	font-weight:bold !important;
	color:#F00 !important;
	text-decoration:blink !important;
}
.campoErro{border:2px solid #f7921e;}
.resposta {background-color:#EBEBEB; margin:5px 0; text-align:center; font-weight:bold; color:#e98119; width:555px; display:block;}


/*Links*/
a{text-decoration:none; color:#f7921e;}
a:hover{text-decoration:underline;}

/*Títulos e destaques*/
small {font:normal 10px "Trebuchet MS", Tahoma, Helvetica, sans-serif; color:#222; display:block;}
.destaqueCaps {text-transform:uppercase;}

h1 /*sifr*/{font:normal 20px "Trebuchet MS", Tahoma, Helvetica, sans-serif; color:#FFF; white-space:nowrap; text-transform:uppercase; height:26px; margin:20px 0;}
h2 /*sifr*/{font:normal 16px "Trebuchet MS", Tahoma, Helvetica, sans-serif; color:#FFF;  margin:10px 0 5px 0; text-transform:uppercase; height:22px;}

.destaqueColor {font-size:150%; color:#e98119; font-weight:bold;}
.destaque {font-size:150%; font-weight:bold;}

/*Peso da Fonte*/
strong, b {font-weight:bold;}
em, i {font-style:italic}
strong em, strong i, em strong, i strong {font-weight:bold; font-style:italic}

/*HEADER*/
#header {position:absolute; top:0; left:0;}
body#home #header {position:static !important;}
	a#logo {position:absolute; width:149px; height:92px; top:10px; right:414px; background:#FFF url(../img/viladearouca_logo.gif) no-repeat;}
	div#menuSecundario {position:absolute; top:10px; left:0px; background-color:#FFF;}
		#menuSecundario ul {}
		#menuSecundario ul li {list-style-type:none; display:inline;margin:0 10px;}
		#menuSecundario ul li a {color:#9b9b9b !important; font-weight:bold !important; font-size:12px !important;}
		#menuSecundario ul li a:hover {text-decoration:none !important; color:#e98119 !important;}
	div#menuTerciario {position:absolute; top:10px; right:0px; background-color:#FFF;}
		#menuTerciario ul {}
		#menuTerciario ul li {list-style-type:none; display:inline;margin:0 10px; color:#9b9b9b !important; font-weight:bold !important; font-size:12px !important;}
		#menuTerciario ul li a {color:#9b9b9b !important; font-weight:bold !important; font-size:12px !important;}
		#menuTerciario ul li a.favoritos {background:#FFF url(../img/favoritos.gif) no-repeat; padding-left:20px;}
		#menuTerciario ul li a.webmail {background:#FFF url(../img/webmail.gif) no-repeat; padding-left:20px;}
		#menuTerciario ul li a:hover, #menuTerciario ul li span {text-decoration:none !important; color:#e98119 !important;}


/*FOOTER*/
#footer {clear:both; background:transparent url(../img/footer_bg.gif) no-repeat left 0; display:block; text-align:center; margin-top:20px; padding:20px; font-size:11px; height:34px; line-height:34px;}

/*CONTENT*/
#menuSlideshow {clear:both; display:block;}

#buscaProdutos {padding:0px; margin:10px 0}
#buscaProdutos li.item{display:inline; margin:0 5px !important; float:left;}
li#busca {position:relative; top:5px;}
	body#home #buscaProdutos li#busca {display:none;}
	body#home #buscaProdutos {padding:10px 0 10px 105px;!important}
	body#home #buscaProdutos li.item {margin:0 20px;}
	body#home #buscaProdutos div.select {margin:0 20px;}
		/*div.scrollable #thumbs .colunaProduto*/ .produto {	
			text-align:center;
			width:95px;
			height:145px;
			padding:10px;
			margin-bottom:10px;	

			background:#FFF url(../img/destaques_bg.gif) no-repeat;
			display:block;
			position:relative;	
		}
		body#produtos .produto, body#materialpromocional .produto {
			float:left;
			margin:12px 18px;
			position:relative;
			text-align:center;
		}
		/*div.scrollable #thumbs .colunaProduto*/ .produto p.nomeFabricante {
			font:bold 12px "Trebuchet MS", Tahoma, Helvetica, sans-serif;
			text-transform:uppercase;
			color:#f7921e;
			visibility:visible;
			letter-spacing:0;
			position:absolute;
			top:110px;
			left:10px;
			text-align:center;
			width:100px;
		}
		/*div.scrollable #thumbs .colunaProduto*/ .produto p.nomeProduto {
			position:absolute;
			top:125px;
			left:10px;
			text-align:center;
			width:100px;
			color: #363636 !important;
		}
		/*div.scrollable #thumbs .colunaProduto*/ .produto img {margin-top:10px;}

	#listaProdutos {clear:both; border-top:1px solid #ededed; border-bottom:1px solid #ededed; margin:10px 0; padding:10px 0;}
		#listaProdutos p.title {font-size:12px; font-weight:bold; margin:10px 0}
		#listaProdutos span.nomeProduto {color:#f7921e;}
			.columnLateralProduto {width:285px;float:left; margin-right:10px;}
			.imgProdutoBox {
				text-align:center;
				width:265px;
				height:315px;
				padding:10px;
				margin-bottom:10px;	
				background:#FFF url(../img/destaquesProduto_bg.gif) no-repeat;
				display:block;
				position:relative;
			}
				.imgProdutoBox img {margin-top:30px;}
				.imgProdutoBox p.nomeProduto {font-size:18px !important; font-weight:normal !important; position:absolute; top:250px; left:10px; line-height:20px; width:265px;}
				.scrollableBox {border:1px solid #e3e3e3;-moz-border-radius:7px; height:80px; padding:8px 2px 4px 2px}
				.downloads {}
				.downloads p {margin-bottom:10px; font-size:12px;}
				.downloads a {float:left;
					border:2px solid #DDD;
					margin:2px;
					width:95px;
					cursor:pointer;}
				.downloads a:hover {border:2px solid #E98119 !important;}

				
/*COLUMNS*/
#columnLeft, #columnMiddle, #columnRight {float:left; margin:10px; position:relative;}
body#home #columnLeft, body#home #columnRight{width:230px!important;padding:0 !important; margin-top:10px !important}
body#home #columnMiddle {width:445px}
	#columnMiddle #produtosDestaque h2 {margin-left:31px;}
	
#columnLateral {width:271px; padding-top:250px; background-color:#FFF; background-repeat:no-repeat; margin-top:70px; float:left;}
	body#empresa #columnLateral {background-image:url(../img/ilustra_empresa.jpg);}
	body#produtos #columnLateral {background-image:url(../img/ilustra_produtos.jpg);}
	body#produtosDetail #columnLateral {background-image:url(../img/ilustra_produtos.jpg);}
	body#fornecedores #columnLateral {background-image:url(../img/ilustra_fornecedores.jpg);}
	body#clientes #columnLateral {background-image:url(../img/ilustra_clientes.jpg);}
	body#saladeimprensa #columnLateral {background-image:url(../img/ilustra_saladeimprensa.jpg);}
	body#noticias #columnLateral {background-image:url(../img/ilustra_saladeimprensa.jpg);}
	body#faleconosco #columnLateral {background-image:url(../img/ilustra_faleconosco.jpg);}
	body#trabalheconosco #columnLateral {background-image:url(../img/ilustra_trabalheconosco.jpg);}
	body#mapadosite #columnLateral {background-image:url(../img/ilustra_mapadosite.jpg);}
	body#materialpromocional #columnLateral {background-image:url(../img/ilustra_fornecedores.jpg);}
	body#politica #columnLateral {background-image:url(../img/ilustra_mapadosite.jpg);}
#columnContent {width:610px; display:block; margin-top:140px; margin-left:40px; float:left;}
	img.logoCliente {background:transparent url(../img/logo-clientes_bg.gif) no-repeat; padding:10px 20px 20px 20px; text-align:center; display:inline; margin:10px;}
	
	#columnLateral p {margin:10px 0 !important;}
	#countrydivcontainer p, .accordionContent p, .imgProdutoBox p, .noticia p {margin:10px 0;}
	



#newsletter, #materialPromocional, #clientes {clear:both; margin:10px 0 20px 0;}
	div.inputText {position:relative; z-index:1; margin: 5px 0; height:21px; float:left;}
	div.inputText span{float:left;height:21px;}
	div.inputText span.esq{background:url(../img/bgSelectEsq.gif) no-repeat;width:7px;font-size:0;}
	div.inputText span.dir{background:url(../img/bgSelectDir.gif) no-repeat;width:7px;font-size:0;}
	div.inputText span.meio{background:url(../img/bgSelectMeio.gif) repeat-x;}
	div.inputText span.meio input{border:none; font-size:11px; background:transparent; position:relative; top:3px; width:210px;}
	div.inputText span.meio input.inputLadoBotao{width:140px;}
	.inputBotao{margin:5px 0 5px 5px; float:left;}
	div.inputTextArea {position:relative; z-index:1; margin: 5px 0; height:96px; float:left;}
	div.inputTextArea span{float:left;height:96px;}
	div.inputTextArea span.esq{background:url(../img/bgTextAreaEsq.gif) no-repeat;width:10px;font-size:0;}
	div.inputTextArea span.dir{background:url(../img/bgTextAreaDir.gif) no-repeat;width:10px;font-size:0;}
	div.inputTextArea span.meio{background:url(../img/bgTextAreaMeio.gif) repeat-x;}
	div.inputTextArea span.meio textarea{border:none; font-size:11px; background:transparent; position:relative; top:5px; width:210px;}
		body#faleconosco div#columnContent table {width:500px; margin:20px 0 10px 0;}
		body#faleconosco div#columnContent table tr {width:250px;}
		body#faleconosco div#columnContent table td {margin:5px; padding:2px;}
		body#faleconosco div#columnContent table td:hover {}
		body#faleconosco div#columnContent div.inputText span.meio input{width:200px;}
		body#faleconosco div#columnContent div.inputText span.meio input.largura100{width:450px;}
		body#faleconosco div#columnContent div.inputTextArea span.meio textarea.largura100{width:444px; height:85px}
		body#faleconosco div#columnContent select{width:215px;}
		body#faleconosco div#columnContent .inputBotao{margin:5px 30px 5px 5px; float:right;}
		
		#cadastro, #escritoriosContent {}
		#cadastro p {margin:10px 0; text-align:left;}
		#cadastro p.iframeTitle, #escritoriosContent p.iframeTitle {font:normal 16px "Trebuchet MS", Tahoma, Helvetica, sans-serif; color:#333; text-transform:uppercase;text-align:center;}
		#cadastro table {width:310px; margin-bottom:10px;}
		#cadastro table tr {width:145px;}
		#cadastro table td {margin:5px; padding:5px;}
		#cadastro table td:hover {background-color:#f8c892;}
		#cadastro table td p {margin:0 !important}
		#cadastro table td select {width:155px}
		/*#cadastro input{width:100px;}*/
		#cadastro .inputBotao{}
		#escritoriosContent h3 {margin:10px 0 0 0 !important; text-transform:uppercase;}
		
		

#parceiros, #ultimasnoticias #contato{clear:both; margin-bottom:20px;}
	#ultimasnoticias a {font-size:14px; font-weight:bold;}
	#ultimasnoticias p, #contato p {margin:10px 0;}
	#ultimasnoticias  a.todasNoticias {font-size:10px; text-align:right; border-top: 2px #999 dotted; display:block;}
	
.noticia {margin:10px 0; border-bottom:1px solid #ededed; padding:10px 0}
.data {font-size:12px; margin:10px} 
.noticia .data {margin:2px !important}
.titulo {font:bold 13px "Trebuchet MS", Tahoma, Helvetica, sans-serif; color:#f7921e; margin:10px}
.noticia .titulo {font:bold 13px "Trebuchet MS", Tahoma, Helvetica, sans-serif; color:#f7921e; margin:2px !important}
.noticia .lead {color:#363636 !important}
.noticia .lead:hover {color:#FFF !important; background-color:#f7921e; text-decoration:none !important;}
.noticia .lead img {width:11px; height:11px; margin:0 4px; position:relative; top:2px;}
body#noticia #columnContent p {margin:10px 0;}


#paginacao {text-align:center; margin:10px 0; text-transform:uppercase; clear:both;}
#paginacao .paginaAtual {
	background:#FFF url(../img/bg_paginacao.gif) no-repeat 0 0;
	width:20px;
	height:20px;
	font:normal 12px "Trebuchet MS", Tahoma, Helvetica, sans-serif;
	color:#FFF;
	padding-top:2px;
	margin:2px;
	text-align:center;
	display:inline-block;
	*position:relative;
	*top:5px;
}
#paginacao a {
	font-weight:normal !important;
	color:#363636 !important;
	margin:10px;
}
a.voltar {background:#FFF url(../img/voltar_bg.gif) no-repeat 0 10px; display:block; padding:5px 0 10px 10px;}

.accordionLink{ 
	padding: 6px 25px 6px 10px;
	border: 1px solid #c7c7c7;
	background: #FFF url(../img/accordion_plus.gif) no-repeat 588px 12px;
	cursor: hand;
	cursor: pointer;
	font:normal 14px "Trebuchet MS", Tahoma, Helvetica, sans-serif; 
	color:#8d8d8d;	
}
.accordionLinkOpen{ 
	padding: 6px 25px 6px 10px;
	border:1px solid #c7c7c7;
	border-bottom:0;
	background: #FFF url(../img/accordion_minus.gif) no-repeat 588px 12px;
	cursor: hand;
	cursor: pointer;
	font:normal 14px "Trebuchet MS", Tahoma, Helvetica, sans-serif;
	color:#f7921e !important;
}
.accordionContent{
	background:#FFF url(../img/accordion_bgClose_header.gif) repeat-x bottom;
	border:1px solid #c7c7c7;
	border-top:0;
	padding:10px;
	overflow:auto; /*Impede que imagens floats não compareçam em seu espaço*/
	position:relative;*position:relative;_position:;
}
.accordionContent .logoParceiro {background:transparent url(../img/logo-clientes_bg.gif) no-repeat; padding:10px 20px 20px 20px; text-align:center; float:left; margin:0 10px 10px 0;}

.passoRestante{ 
	padding: 6px 25px 6px 10px;
	border:1px solid #c7c7c7;
	background: #FFF url(../img/accordion_no.gif) no-repeat 584px 4px;
	font:normal 14px "Trebuchet MS", Tahoma, Helvetica, sans-serif; 
	color:#8d8d8d;		
}
.passoAtual{ 
	padding: 6px 25px 6px 10px;
	border:1px solid #c7c7c7;
	border-bottom:0;
	background: #FFF url(../img/accordion_on.gif) no-repeat 584px 4px;
	cursor: hand;
	cursor: pointer;
	font:normal 14px "Trebuchet MS", Tahoma, Helvetica, sans-serif;
	color:#f7921e !important;
}
.passoCompleto{ 
	padding: 6px 25px 6px 10px;
	border:1px solid #c7c7c7;
	background: #959595 url(../img/accordion_ok.gif) no-repeat 584px 4px;
	font:normal 14px "Trebuchet MS", Tahoma, Helvetica, sans-serif;
	color:#FFF !important;
}

#trabalheconosco .passoContent {padding:5px 10px 10px 20px; background:#FFF url(../img/accordion_bgClose_header.gif) repeat-x bottom; border:1px solid #c7c7c7; border-top:0;}
#trabalheconosco form.selectPrincipal {width:240px; display:block; padding:20px 0}
#trabalheconosco select {width:100%; height:20px;_height:22px;*height:22px; font:normal 10px "Trebuchet MS", Tahoma, Helvetica, sans-serif;text-transform:none !important; display:block}
#trabalheconosco select option {font:normal 10px "Trebuchet MS", Tahoma, Helvetica, sans-serif;text-transform:none !important;}
#trabalheconosco form.dados {width:575px; display:table;}
#trabalheconosco form.dados textarea {width:100%; display:block; height:90px;}
#trabalheconosco .floatTdMetade input{width:93%; display:block;}
#trabalheconosco .floatTdQuarto input{width:89%; display:block;}
#trabalheconosco .floatTdMetade {width:286px; float:left; display:table-cell; margin:10px 0 0 0; text-align:left;}
#trabalheconosco .floatTdQuarto {position:relative;width:142px; float:left; margin:10px 0 0 0; text-align:left;}
#trabalheconosco .floatTdQuarto select{width:90%;}
#trabalheconosco .floatTdMetade select{width:95%;}
#trabalheconosco .floatTdTerco{width:170px; float:left; display:table-cell; margin:10px 0 0 0; text-align:left;}
#trabalheconosco  .dp-choose-date{float:left; position:absolute; bottom:0; right:12px;}
#trabalheconosco .floatTdInteiro {width:552px; float:left; display:table-cell; margin:10px 0 0 0; text-align:left;}
#trabalheconosco .floatTdInteiro input{display:block; width:100%;}
#trabalheconosco .footerTd {width:552px;text-align:right; float:left;}
#trabalheconosco .footerTd:after {content:"."; display:block; clear:both; height:0; visibility:hidden;}
#trabalheconosco .footerTd {*display:inline-block;}
#trabalheconosco .passoContent form.dados h4 {display:table-header-group !important; border-bottom:1px dotted #E98119!important;}
#trabalheconosco form.dados .voltar{background:#E98119;
	height:18px;
	line-height:18px;
	font:bold 12px "Trebuchet MS", Tahoma, Helvetica, sans-serif;
	color:#FFF;
	margin:-1px 0 0 5px;
	border: 0;
	cursor:pointer;
	cursor:pointer; padding:0 8px; text-align:right; position:relative;top:-1px; *top:-12px; _top:-12px;}
#trabalheconosco form.dados .enviar {
	margin:10px 5px 10px 5px !important;
	position:relative;
	float:right;
}

#painelUser {float:right;}
ul#listaMapa {}
ul#listaMapa li {list-style-type:disc; margin:10px;}	

body#clientes table td {border:1px solid #FFF;}

body#politica #columnContent p {margin:10px 0 !important}
body#politica #columnContent ul {margin-left:10px !important}
body#politica #columnContent h2 {}