body 
{
	background: #a3d4fc url(../images/bg/main.jpg) repeat-x left top;
	font-family: Tahoma, Arial;
	font-size: 11px;
}

/****************************************
HEADER
*****************************************/

div#container
{
	width: 1000px;
	margin: 0 auto;
}

div#header
{
	height: 183px;
	overflow: hidden;	
}

/****************************************
CONTENT CONTAINER
*****************************************/

div#content-container
{
	width: 880px;
	margin: 0 auto;
	overflow: hidden;	
}

div#content-bottom
{
	width: 880px;
	margin: 0 auto;
	overflow: hidden;
}


/****************************************
MAIN MENU
*****************************************/
div#main-menu ul
{
	float: left;
	background: transparent url(../images/bg/menu/bg.jpg) no-repeat left top;
	height: 335px;
	width: 161px;	
}

	div#main-menu ul li.separador { display: none; }

	div#main-menu ul li a
	{
		display: block;
		width: 131px; /* 161 - (padding * 2) */
		padding: 0 15px;
		height: 35px;
		line-height: 35px;
		background: transparent url(../images/bg/menu/menu-item.png) no-repeat left top;
		color: #FFF;
		text-decoration: none;	
	}

		div#main-menu ul li a:hover
		{
			background: transparent url(../images/bg/menu/menu-item-hover.png) no-repeat left top;	
		}


/****************************************
CONTENT
*****************************************/
div#content
{
	margin-left: 161px;	
	background: transparent url(../images/bg/content.png) no-repeat left top;
}

/* barra de cadastro e busca */
div#cadastro-busca
{
	height: 50px;
	overflow: hidden;
	color: #016abd;
}

/* cadastro */
div#cadastro-busca div#cadastro
{
	float: left;	
	height: 36px;
	line-height: 36px;
	padding: 0 35px;
}

	div#cadastro-busca div#cadastro a
	{
		color: #d51006;
		text-decoration: none;	
	}
	
	div#cadastro-busca div#cadastro a:hover
	{
		text-decoration: underline;	
	}
	

/* BUSCA */
div#cadastro-busca div#busca
{
	float: right;	
	height: 36px;
	line-height: 36px;
	padding: 0 50px 0 35px;
}

	div#cadastro-busca div#busca input[type="text"]
	{
		border: 1px solid #bbb7b7;
	}
	
	div#cadastro-busca div#busca input[type="image"]
	{
		position: relative;
		top: 4px;
	}
	
/* copy */
div#content div#copy
{
	overflow: hidden;
	padding: 17px 24px;
	margin: 0 17px 0 0;
	border-bottom: 5px solid #d3eafc;
	min-height: 400px;
}

	div#content div#copy h1
	{
		color: #003c73;
		font-size: 15px;
		border-bottom: 2px solid #003772;
		padding: 15px;
		background: #FFF url(../images/bg/page-title.jpg) repeat-y top left;
	}
	
	div#content div#copy h2
	{
		color: #00a2ff;
		font-size: 14px;
	}
	
	div#content div#copy p
	{
		margin: 0 0 15px 0;	
	}
	
	div#content div#copy div.conteudo a
	{
		color: #00a2ff;
		text-decoration: underline;	
	}
	

div#content div#copy div.titulo div.img
{
	background-color: #003a6f;
	padding: 5px;
	text-align: center;
}
	
div#content div#copy div.titulo img
{
	width: 642px;
}

/* MENUS INTERNOS */
div#content div.menu-irmaos ul
{
	margin: 10px 0 20px 0;	
}

/* MENU IRMÃOS */
div#content div.menu-irmaos ul li
{
	display: inline;
	margin: 0 3px;
}

	div#content div.menu-irmaos ul li.sep-last { display: none; }

	div#content div.menu-irmaos ul li.first
	{
		margin-left: 0;
	}

		div#content div.menu-irmaos ul li a
		{
			color: #003772;
			text-decoration: none;
			font-size: 10px;
		}

		div#content div.menu-irmaos ul li.active a
		{
			font-weight: bold;	
		}

		div#content div.menu-irmaos ul li a:hover
		{
			text-decoration: underline;
		}
		
/* MENU FILHOS */
div#content div.menu-filhos ul li
{
}

	* + html div#content div.menu-filhos ul li
	{
		float: left;
		width: 100%;
		display: block;	
	}

	div#content div.menu-filhos ul li.separador {
		height: 1px;
		background: #FFF url(../images/bg/menu/menu-filhos-item-separador.gif) no-repeat left top;
		text-indent: -9999px;
		overflow: hidden;
	}

		div#content div.menu-filhos ul li a
		{
			display: block;
			height: 31px;
			font-size: 12px;
			color: #003772;
			text-decoration: none;
			background: #FFF url(../images/bg/menu/menu-filhos-item.gif) no-repeat left center;
			padding: 0 0 0 40px;
			overflow: hidden;
		}
		
		div#content div.menu-filhos ul li a span
		{
			line-height: 31px;	
		}

		div#content div.menu-filhos ul li a:hover
		{
			background: #FFF url(../images/bg/menu/menu-filhos-item-hover.gif) no-repeat left center;
		}
		
		div#content div.menu-filhos ul li.area-atuacao a.lnk { height: 120px; }
		
		div#content div.menu-filhos ul li.area-atuacao
		{
			position: relative;
		}

		div#content div.menu-filhos ul li.area-atuacao div.pdf 
		{ 
			bottom:9px;
			padding:3px;
			position:absolute;
			right:5px;
			text-align:right;
			width:512px;
			background: transparent url(../images/bg/area-atuacao-pdf.png) repeat scroll 0 0;
		}


		
		div#content div.menu-filhos ul li.area-atuacao span { float: left; width: 75px; margin-top: 52px; line-height: normal; }
		
		div#content div.menu-filhos ul li.area-atuacao div.img { float: right; margin: 5px 0; border: 5px solid #003772; }
		
		div#content div.menu-filhos ul li.area-atuacao div.pdf img { float: right; width: 25px; height: 25px; margin-left: 10px; }
		div#content div.menu-filhos ul li.area-atuacao div.pdf a  
		{
			background: none; 
			padding: 0; 
			line-height: 25px; 
			height: 25px; 
			font-size: 11px;
			color: #FFF;
		}

/* FILIAIS */
div#selectione-filial
{
	margin: 10px 0 30px 0;	
}

div#filial
{
	width: 430px;
	float: left;
}

div#filial div.imagem-filial
{
	float: left;
	margin-right: 10px;	
	border: 1px solid #CCC;
	width: 206px;
	height: 206px;
}

div#filial div.imagem-filial img
{
	width: 206px;
	height: 206px;
}

div#rotas
{
	margin-left: 430px;
	padding-left: 20px;
	border-left: 1px solid #CCC;
	min-height: 300px;
}

div#rotas h3
{
	margin-top: 10px;
	font-size: 10px;
	font-weight: normal;
	text-transform: uppercase;
}

div#rotas span
{
	color: #CCC;	
	font-size: 10px;
}

div#rotas input, 
div#rotas select
{
	width: 200px;	
}

div#rotas input.btn
{
	display: block;
	margin-top: 10px;	
}

div#directions
{
	max-height: 300px;
	overflow: auto;	
	margin-top: 10px;
}

div#map
{
	display: none;
	width: 400px; 
	height: 400px; 
}

/* CONTATO */

table.edit
{
	margin: 10px 0;	
}

table.edit th
{
	width: 100px;
	text-align: right;
	font-weight: normal;	
}

table.edit2 th
{
	width: 60px;
	text-align: right;
	font-weight: normal;	
}

table.edit2 td input { width: 200px; }
table.edit2 td input.btn { width: auto !important; }
table.edit2 td textarea { width: 250px; }

table.edit td input { margin-right: 5px; }
table.edit span { color: #CCC; }

/* ÁREA DE ATUACAO */
div.area-atuacao-content
{
	margin: 20px 0;	
}


/* PRODUTOS */
ul.produtos 
{
	/*
	overflow: hidden;
	padding: 12px;
	*/
	float: left;
	width: 198px;
	padding: 12px 0 12px 12px;
	overflow: hidden;
}

ul.produtos li
{
	display: block;
	float: left;
	width: 210px;
	clear: both;
}

ul.produtos li a
{
	display: block;
	padding: 5px 5px 5px 15px;
	background: transparent url(../images/arrow/light-blue.gif) no-repeat left center;
	color: #003772;
	text-decoration: none;
}

ul.produtos li a.familia
{
	background: transparent url(../images/arrow/mini2-red.gif) no-repeat left center;
}

ul.produtos li a:hover
{
	background: transparent url(../images/arrow/deep-blue.gif) no-repeat left center;
	color: #00a2ff;
}



/* DETALHES DE PRODUTO */

body.produto-detalhes div#content div#copy 
{
	padding: 17px 0 17px 17px;
}

div#left 
{
	float: left;
	width: 276px;		
}

	div#left div#produtoImagem
	{
		padding: 3px;
		background: #003872;	
		margin-bottom: 10px;
	}
	
	div#left div#lista-fotos ul
	{
		overflow: hidden;
	}
	
	div#left div#lista-fotos ul li
	{
		display: block;
		float: left;
		padding: 3px;
		background: #003872;		
		margin-left: 4px;
	}
	
	div#left div#lista-fotos ul li.first
	{
		margin-left: 0;
	}
	
	div#left div#lista-fotos ul li a
	{
		display: block;
		float: left;
	}
	
	div#left div#dimensoes-cores
	{
		width: 264px;	
		margin: 10px 0;
	}
	
		div#left div#dimensoes-cores h3
		{
			background: #FFF url(../images/bg/titulo-dimensoes-cores.gif) no-repeat left top;
			height: 20px;
			line-height: 20px;
			font-weight: normal;
			text-align: center;
			font-size: 11px;
			color: #003f72;
		}
		
	div#left div#produto-tabela
	{}
	
	div#left div#produto-tabela th,
	div#left div#produto-tabela td
	{
		padding-bottom: 5px;
		vertical-align: top;	
	}
	
	div#left div#produto-tabela th
	{
		font-weight: normal;	
		width: 100px;
		text-align: right;
		padding-right: 5px;
		color: #003772;
	}
		

div#right
{
	margin-left: 276px;	
}

	div#content div#copy div#right div.title h1
	{
		background: #FFF url(../images/bg/page-produtos-title.jpg) repeat-y scroll left top
	}

	div#right div.conteudo
	{
		margin: 10px 17px 15px 15px;	
		overflow: hidden;
	}

	div#content div#copy div#right div.conteudo h2 { color: #003c73; font-size: 14px; }
	div#content div#copy div#right h3 { color: #003772; font-size:11px; margin: 0 0 10px 0;}

	div#right div.conteudo p,
	div#right div.conteudo ol,
	div#right div.conteudo h2,
	div#right div.conteudo h3,
	div#right div.conteudo h4,
	div#right div.conteudo ul { margin-bottom: 15px; }

		div#right div.conteudo ul li
		{
			margin: 5px 0;
			padding-left: 15px;
			background: #FFF url(../images/arrow/mini-light-blue.gif) no-repeat left 2px;
		}

	div#right div.marca
	{
		text-align: right;	
	}
	
	div#right div.arquivos a
	{
		display: block;
		float: left;
		padding: 0 20px 0 15px;
		background: #FFF url(../images/arrow/mini-red.gif) no-repeat left center;
		color:#003772;
		text-decoration: none;
	}
	
	div#right div.arquivos a:hover
	{
		text-decoration: underline;
	}

div.alertas { margin-bottom: 20px; }

/* HOME */
body.home div#content
{
	background: transparent url(../images/bg/content-home.png) no-repeat left top;
}

body.home div#content div#copy 
{
	padding: 0;
	position: relative;
	top: -14px;
	min-height: 299px;
	height: 299px;
	border: 0 none;
	overflow: hidden;
}

body.home div#content div#copy img
{
	height: 299px;
	width: 702px;	
}

body.home div#content div#copy div#home-banner
{
	position: relative;	
}

body.home div#content div#copy div#home-banner a
{
	position: absolute;
	bottom: 0;
	display: block;
	height: 25px;
	width: 26px;
	z-index: 500;
	text-indent: -9999px;
	overflow: hidden;
	background: #FFF;
	filter: alpha(opacity=1);
	-moz-opacity: 0.01;
	opacity: 0.01;	
}

* + html body.home div#content div#copy div#home-banner a
{
}

body.home div#content div#copy div#home-banner a#home-prev
{
	right: 26px;
}

body.home div#content div#copy div#home-banner a#home-next
{
	right: 0;
}



/* HOME NOTICIAS */
body.home div#content-bottom div#noticias
{
	width: 432px;
	height: 325px;	
	float: left;
	background: transparent url(../images/bg/box-noticias.jpg) no-repeat left top;
}

	body.home div#content-bottom div#noticias h2
	{
		height: 40px;
		text-indent: -9999px;
		overflow: hidden;
	}

	body.home div#content-bottom div#noticias ul
	{
		padding: 20px;	
	}

		body.home div#content-bottom div#noticias ul li
		{
			overflow: hidden;
			padding: 0 0 20px 0;
			margin: 0 0 20px 0;
			background: transparent url(../images/bg/div.png) repeat-x bottom left;
		}

			body.home div#content-bottom div#noticias ul li div.content
			{
				float: left;
				width: 220px;
			}

			body.home div#content-bottom div#noticias ul li div.img
			{
				float: right;
				display: block;
				padding: 3px;
				background-color: #076dbf;
			}

			body.home div#content-bottom div#noticias ul li h3
			{
				font-size: 14px;
				color: #003d73;	
				font-weight: normal;
			}

			body.home div#content-bottom div#noticias ul li span
			{
				display: block;	
				font-size: 11px;
				color: #016abd;
				margin: 5px 0;
			}

			body.home div#content-bottom div#noticias ul li a
			{
				display: block;
				float: right;
				color: #003e73;
				padding-right: 15px;
				background: transparent url(../images/bg/mais.gif) no-repeat right center;	
				text-decoration: none;	
			}

				body.home div#content-bottom div#noticias ul li a:hover
				{
					text-decoration: underline;	
				}


/* HOME DESTAQUES */
body.home div#content-bottom div#destaques
{
	width: 431px;
	height: 325px;	
	float: left;
	background: transparent url(../images/bg/box-destaques.jpg) no-repeat left top;
}

	body.home div#content-bottom div#destaques h2
	{
		height: 40px;
		text-indent: -9999px;
		overflow: hidden;
	}

	body.home div#content-bottom div#destaques ul
	{
		padding: 15px 7px;	
	}

		body.home div#content-bottom div#destaques ul li
		{
			float: left;
			width: 197px;
			height: 110px;
			margin: 0 5px;
			padding: 5px 0;
			overflow: hidden;
			background: transparent url(../images/bg/div.png) repeat-x bottom left;
		}
		
		body.home div#content-bottom div#destaques ul li div.img
		{
			display: block;
			float: left;
			width: 98px;
			padding: 3px;
			background-color: #076dbf;
		}
		
		body.home div#content-bottom div#destaques ul li div.content
		{
			margin-left: 111px;
		}
		
		body.home div#content-bottom div#destaques ul li a
		{
			color: #003b72;	
			font-size: 12px;
			text-decoration: none;
			display: block;
			margin: 0 0 5px 0;
		}
		
		body.home div#content-bottom div#destaques ul li a:hover
		{
			text-decoration: underline;
		}
		
		body.home div#content-bottom div#destaques ul li span
		{
			color: #FFF;	
		}
		


/****************************************
FOOTER
*****************************************/

div#footer-container
{
	clear: both;
	height: 140px;
	background-color: #016abd;
	border-top: 5px solid #2fa3ff;
	margin-top: 15px;
}

	div#footer
	{
		width: 860px;
		height: 140px;
		margin: 0 auto;
		background: transparent url(../images/bg/footer.jpg) no-repeat center top;
		color: #FFF;
		font-size: 9px;
	}
	
		div#footer ul
		{
			height: 38px;
			line-height: 38px;
			text-align: center;
			margin-bottom: 15px;
		}
			
			div#footer ul li
			{
				display: inline;
				margin: 0 5px;
			}
			
				div#footer ul li.sep-last { display: none; }
			
				div#footer ul li a
				{
					color: #FFF;
					text-decoration: none;	
				}
				
				div#footer ul li a:hover
				{
					text-decoration: underline;	
				}
				
	div#footer div#footer-message
	{
		float: left;	
	}
				
	div#footer a.dz1
	{
		float: right;
		width: 97px;
		height: 15px;
		display: block;
		overflow: hidden;
		text-indent: -9999px;
		background: transparent url(../images/logo/dz1.png) no-repeat left top;
	}
	
	

/* POPUP */	
body.popup
{
	background: 0 none;	
}

body.popup div#container
{
	width: 800px;
	margin: 0 auto;	
}

body.popup div#content
{
	margin: 0 0 0 0;	
	padding: 0 0 0 0;
	background: none;
}

div.msg 
{
	margin: 20px 0;	
}

div.error { margin-bottom: 20px; }
div.error ul { padding-left: 16px; }
div.error ul li { list-style-type: disc; }

/* BREADCRUMBS */
div#breadcrumbs ul
{
	margin: 10px 0;	
}

div#breadcrumbs ul li
{
	display: inline;
}

div#breadcrumbs ul li a 
{
	color: #003772;
	text-decoration: none;
}

div#breadcrumbs ul li a:hover { text-decoration: underline; }

div#breadcrumbs ul li.last a 
{
	color: #8ccbfd;
}

div#breadcrumbs ul li.last a:hover { text-decoration: none; }

div#breadcrumbs ul li span.caractere-divisor
{
	display: inline-block;
	width: 8px;
	height: 16px;
	background: transparent url(../images/arrow/breadcrumb-separador.gif) no-repeat left center;
	text-indent: -9999px;
	margin: 0 3px;
}

.highlight { background-color: Yellow; }

div#busca ul li
{
	margin-bottom: 20px;	
}

div#busca ul li h2
{
	padding: 5px 0 5px 15px;
	background: transparent url(../images/arrow/light-blue.gif) no-repeat scroll left center;
}

div#busca ul li h2 a
{
	color: #003772;
	font-size: 11px;
	text-decoration: none;
}