/* CSS Document - Dynatech Quimica LTDA */
/* Criação: Fohat Lux Design */

/* Zera os espaçamentos e margins iniciais */
*{
	margin:0;
	padding:0;
	list-style:none;
	vertical-align:baseline;
}
hr{ border:none; }

body{
	background:#999 url(../images/bg_site.jpg) top repeat-x;
	color:#333;
	margin:0;
	padding:0;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
}
a{ text-decoration:underline }
a:hover{ text-decoration:none }
img{ border:none; }
sup{
	font-family:Tahoma;
	font-size:11px;
	font-weight:normal;
	vertical-align:top
}

#geral{
	background:#FFF;
	border-left:9px solid #FFF;
	border-right:9px solid #FFF;
	margin:0 auto;
	padding:0;
	width:760px;
	display:table;
}

#topo{
	clear:both;
	border-bottom:2px solid #D0D0D0;
	height:95px;
	display:table;
	width:100%;
}

/* Elementos do TOPO - Inicio */
#logo{
	padding:22px 0 0 17px;
	display:table;
}
#logo img{
	display:block;
}

#ilustracao{
	height:220px;
	border-top:1px solid #FFF;
}

ul.idiomas{
	position:absolute;
	float:right;
	margin:10px 0 0 684px;
}
ul.idiomas li{
	float:left;
	margin:0 5px 0 0;
}
ul.idiomas li a img{
	background:#FFF;
	display:block;
	border:2px solid #DFDFDF;
	padding:1px;
}
ul.idiomas li a:hover img{
	background:#FFF;
	display:block;
	border:2px solid #AAA;
	padding:1px;
}

ul.menu{
	display:table;
	position:absolute;
	margin:-8px 0 0 265px;
}
ul.menu li{
	float:left;
}
ul.menu li a{
	background:#D0D0D0 url(../images/bg_menu.gif) top right no-repeat;
	border-right:1px solid #FFF;
	float:left;
	padding:8px 10px 0 10px;
	height:22px;
	
	font-family:Tahoma, Arial, Verdana, sans-serif;
	font-size:11px;
	font-weight:bold;
	color:#222;
	text-decoration:none;
}
ul.menu li a:hover{
	color:#FFF;
}

ul.menu li a.inicial:hover, ul.menu li a.inicial_h{
	background-color:#4B52A4;
	color:#FFF;
}
ul.menu li a.empresa:hover, ul.menu li a.empresa_h{
	background-color:#3C7BB5;
	color:#FFF;
}
ul.menu li a.produtos:hover, ul.menu li a.produtos_h{
	background-color:#B5B33C;
	color:#FFF;
}
ul.menu li a.anuncios:hover, ul.menu li a.anuncios_h{
	background-color:#DF5D19;
	color:#FFF;
}
ul.menu li a.novidades:hover, ul.menu li a.novidades_h{
	background-color:#B53C3C;
	color:#FFF;
}
ul.menu li a.contato:hover, ul.menu li a.contato_h{
	background-color:#444;
	color:#FFF;
}


div.submenu{
	position:absolute;
	top:95px;
	padding:5px 10px;
	display:none;
	border:1px solid #FFF;
	border-top:none;
}
div.submenu ul{
	list-style:none;
}
div.submenu ul li{
	padding:3px 0;
}
div.submenu ul li a{
	display:block;
	color:#F1F1F1;
	text-decoration:none;
}
div.submenu ul li a:hover{
	display:block;
	color:#FFF;
	text-decoration:none;
}

div.submenu#submenu_empresa{
	background:#3C7BB5 url(../images/menu/bg_submenu_empresa.jpg) bottom repeat-x;
	margin-left:318px;
}
div.submenu#submenu_produtos{
	background:#B5B33C url(../images/menu/bg_submenu_produtos.jpg) bottom repeat-x;
	margin-left:416px;
}
/* Elementos do TOPO - Fim */

/* Elementos da NAVEGACAO - Início */
#navegacao{
	background:#FFF;
	margin:6px 0 0 250px;
	height:20px;
}
ul.navegacao{
	display:table;
}
ul.navegacao li{
	color:#888;
	float:left;
	font:10px Verdana;
	margin:0 4px 0 0;
}
ul.navegacao li a{
	color:#555;
	text-decoration:none;
}
ul.navegacao li a:hover{
	color:#555;
	text-decoration:underline;
}
/* Elementos da NAVEGACAO - Fim */

/* Elementos da ESQUERDA - Início */
#esquerda{
	margin:0;
	padding:0 0 0 10px;
	float:left;
	width:225px;
}
#esquerda h3{
	font-family:Tahoma, Arial, sans-serif;
	font-size:13px;
	font-weight:bold;
	color:#222;
	margin:10px 0 0 20px;
	padding:0;
}
#esquerda h2{
	font-family:Tahoma, Arial, sans-serif;
	font-size:26px;
	font-weight:normal;
	color:#444;
	margin:-5px 0 10px 0;
	padding:0;
}
#esquerda p{
	color:#3A5357;
	margin:0 15px 10px 0;
	padding:0 0 0 10px;
	font:11px Verdana;
	line-height:14px;
}
#esquerda a{
	font-weight:bold;
}
#esquerda a:hover{
	text-decoration:none;
}
#esquerda hr{
	display:block;
	height:1px;
	border-top:1px solid #D0D0D0;
	width:220px;
	margin:16px 0 0;
	_margin:2px 0 0 -4px;
}
#esquerda img.bottom{
	display:block;
	margin:0 0 10px 0;
}
#esquerda div.box{
	position:absolute;
	background:#F2F2F2;
	margin:25px 0 0;
	_margin:15px 0 0;
	padding:15px 0 15px 15px;
	width:215px;
	border:1px solid #C9C8C8;
	border-right:none;
}
#esquerda div.box h2{
	font-size:20px;
	margin:-5px 0 3px 0
}
#esquerda div.box p{
	padding:0 0 0 5px;
}
#esquerda div.box img.bottom{
	position:absolute;
	margin:15px 0 0 -16px
}
#esquerda .corner_top_esquerda{
	position:absolute;
	margin:-16px 0 0 -16px;
}
#esquerda .corner_bottom_esquerda{
	position:absolute;
	margin:16px 0 0 -16px;
	_margin:6px 0 0 -16px;
}
/* Elementos da ESQUERDA - Fim */

/* Elementos da DIREITA - Inicio */
#direita{
	background:#F2F2F2;
	_height:570px;
	min-height:570px;
	margin:0 0 15px 240px;
	_margin:0 0 15px 237px;
	padding:25px 30px;
	border:1px solid #C8C8C8;
}
#direita .box{
	padding:15px 15px 5px 15px;
	margin:0 0 10px 0;
}
#direita .box .detalhe{
	float:right;
	margin:-65px 0 10px 10px;	
}
#direita .box .detalhe2{
	float:right;
	margin:-40px 0 10px 10px;	
}
#direita .box .detalhe_esquerda{
	float:right;
	margin:0 0 10px 10px;
	border:1px solid #C8C8C8;
	padding:2px;
	background:#FFF;
}
#direita .corner_top_esquerda{
	position:absolute;
	margin:-26px 0 0 -31px;
}
#direita h1{
	font-family:Tahoma, Arial, Verdana, sans-serif;
	font-size:26px;
	font-weight:normal;
	margin:0 0 10px 0;
}
#direita h2{
	font-family:Tahoma, Arial, Verdana, sans-serif;
	font-size:18px;
	font-weight:normal;
	margin:0 0 10px 0;
}
#direita h3{
	font-family:Tahoma, Arial, Verdana, sans-serif;
	font-size:18px;
	font-weight:normal;
	margin:0 0 10px 0;
	padding:0 0 5px 0;
	border-bottom:1px solid #C8C8C8;
}
#direita h4{
	font-family:Tahoma, Arial, Verdana, sans-serif;
	font-size:14px;
	font-weight:bold;
	margin:0 0 10px 0;
	padding:0 0 5px 0;
	border-bottom:1px solid #C8C8C8;
}
#direita a h4{
	text-decoration:none;
}
#direita a:hover h4{
	text-decoration:underline;
}
#direita span{
	color:#999;
}
#direita p{
	line-height:15px;
	margin:0 0 10px 0;
	text-align:justify;
}
#direita hr{
	height:1px;
	border-top:1px solid #999289;
	margin:12px 0;
	_margin:0 0 5px 0;
}
#direita span.data{
	font-size:10px;
	color:#555;
}
#direita div.imagem{
	display:table;
	margin:10px auto 20px auto;
	_margin:20px auto 20px auto;
	text-align:center;
}
#direita div.imagem img{
	border:1px solid #C8C8C8;
	padding:2px;
	display:block;
	background:#FFF;
	margin:0 auto;
}
#direita a.voltar{
	background:#F2F2F2 url(../images/btn_voltar.gif) 8px 10px no-repeat;
	border:1px solid #999;
	padding:5px 10px 5px 25px;
	color:#333;
	font-size:10px;
	text-decoration:none;
}
#direita a:hover.voltar{
	color:#000;
	background-color:#FFF;
}

.alerta{
	background-color:#CADDEB;
	padding:10px;
}
/* Elementos da DIREITA - Fim */


/* Elementos do RODAPE - Inicio */
#rodape{
	text-align:right;
	margin:0 15px 25px 0;
}
#rodape address{
	font:10px Verdana;
	margin:5px 0 2px 0;
}
#rodape a{
	color:#333;
	text-decoration:none;
}
#rodape a:hover{
	text-decoration:underline;
}
#rodape small{
	color:#000;
	letter-spacing:-1px;
	font:8px Verdana;
}
/* Elementos do RODAPE - Fim */

/* Elementos do Form */
.form1{
	background:#FFF url(../images/bg_form.gif) top repeat-x;
	border:1px solid #3A5357;
	padding:3px 2px 0 2px;
	height:17px;
	font:11px Verdana;
	margin:1px 0 0;
}
.form1sel{
	background:#FFF url(../images/bg_form.gif) top repeat-x;
	border:1px solid #3A5357;
	font:11px Verdana;
	margin:1px 0 0;
}
.form1bt{
	position:absolute;
	margin:1px 0 0 -1px;
	_margin:2px 0 0 -1px;
}
.form1sb{
	cursor:pointer;
	padding:3px 5px;
	font:11px Verdana;
	font-weight:bold;
}
.img_right{
	float:right;
	margin:0 0 10px 10px;
}
.img_left{
	float:left;
	margin:0 10px 10px 0;
}
.galeria_mini{
	margin:0 6px 0 0;
}
#direita p.radiop{
	line-height:20px;
}

p.subdesc{
	font-size:10px;
	text-align:left;
}

a.link1{
	color:#333;
	text-decoration:none;
}
a.link1:hover{
	color:#222;
	text-decoration:underline;
}

div.box_conteudo{
	border-top:1px solid #C8C8C8;
	border-bottom:1px solid #C8C8C8; 
	padding:10px 0 0; 
	display:table;
	_height:10px;
	margin:10px 0 10px 20px;
	display:none;
}

.link_produtos{
	font-weight:bold;
	text-decoration:none;
	display:block;
	margin:0 0 5px 10px;
}
.link_produtos:hover{
	font-weight:bold;
	text-decoration:none;
	color:#777627;
}

.download{
	background:#EDEBD3;
	border:1px solid #D0D0D0;
	display:table;
	padding:15px;
}
.download a{
	text-decoration:none;
	font-weight:bold;
}
.download a:hover{
	text-decoration:underline;
	font-weight:bold;
}
.download img{
	margin:-30px 0 0 0;
	float:left;
	display:block;
}