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

/*Assinatura Fohatlux*/
a#fohatlux-design{width:126px; height:18px; display:block; background:url(http://www.fohatlux.com.br/assinatura_2011/assina_cinza.png) 0 0 no-repeat; text-indent:-99999px; outline:none; margin:0; padding:0;}
a#fohatlux-design:hover{background:url(http://www.fohatlux.com.br/assinatura_2011/assina_cinza.png) 0 -18px no-repeat;}

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

@font-face {
    font-family: 'DroidSansRegular';
    src: url('DroidSans-webfont.eot');
    src: url('DroidSans-webfont.eot?#iefix') format('embedded-opentype'),
         url('DroidSans-webfont.woff') format('woff'),
         url('DroidSans-webfont.ttf') format('truetype'),
         url('DroidSans-webfont.svg#DroidSansRegular') format('svg');
    font-weight: normal;
    font-style: normal;
}

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

#geral{
	background:url(../images/bg_geral.jpg) 0 0 repeat-y;
	border-left:10px solid #FFF;
	border-right:10px solid #FFF;
	margin:0 auto;
	padding:0 0 40px 0;
	width:940px;
	display:table;
}

/* Elementos do TOPO - Inicio */
#topo{
	background:#FFF;
	clear:both;
	border-bottom:2px solid #D0D0D0;
	height:95px;
	display:table;
	width:100%;
}

#logo{
	padding:15px 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 850px;
}
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:-24px 0 0 310px;
}
ul.menu li{
	background:url(../images/bg_menu_item.jpg) 0 0;
	float:left;
	margin-right:5px;
}
ul.menu li a{
	border-right:1px solid #FFF;
	float:left;
	padding:12px 14px 0 14px;
	height:26px;
	font-family:Tahoma, Arial, Verdana, sans-serif;
	font-size:13px;
	font-weight:bold;
	color:#000;
	text-decoration:none;
	text-shadow:1px 1px 0 #FFF;
}
ul.menu li a:hover{
	color:#354EA1;
	text-shadow:1px 1px 0 #FFF;
}

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

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

div.submenu#submenu_empresa{
	background:#4E4E4E url(../images/menu/bg_submenu.png) bottom repeat-x;
	margin-left:427px;
}
div.submenu#submenu_produtos{
	background:#4E4E4E url(../images/menu/bg_submenu.png) bottom repeat-x;
	margin-left:530px;
}

div.submenu#submenu_informativos{
	background:#4E4E4E url(../images/menu/bg_submenu.png) bottom repeat-x;
	margin-left:623px;
}
/* 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 0;
	float:left;
	width:235px;
}
#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{
	_height:570px;
	min-height:570px;
	margin:0 0 15px 240px;
	_margin:0 0 15px 237px;
	padding:0 30px;
}
#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:'DroidSansRegular';
	font-size:26px;
	font-weight:normal;
	margin:0 0 10px 0;
}
#direita h2{
	font-family:'DroidSansRegular';
	font-size:18px;
	font-weight:normal;
	margin:0 0 10px 0;
	color:#034EA1;
}
#direita h3{
	font-family:'DroidSansRegular';
	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:'DroidSansRegular';
	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;
}
#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{
	background:#FFF url(../images/bg_footer.png) 0 0 no-repeat;
	font-size:11px;
	width:960px;
	height:160px;
	margin:0 auto 0 auto;
}
#rodape span{padding:30px 0 0 280px; display:block; color:#CCC;}
#rodape address{
	font:11px Verdana;
	margin:5px 0 2px 0;
}
#rodape a{
	color:#C7EAFD;
	text-decoration:none;
}
#rodape a:hover{
	text-decoration:underline;
}
#rodape small{
	font:9px Verdana;
	color:#999;
}
/* 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;
	width:600px;
	_height:10px;
	margin:10px 0 10px 20px;
}

div.box_prod{
	display:none;
	margin:5px 0 10px 20px;
}

div.box_prod a{
	color:#333;
	font-weight:normal;
	display:block;
	margin:0 0 5px 10px;
	text-decoration:none;
}

div.box_prod a:hover{
	color:#000;
	font-weight:normal;
	display:block;
	margin:0 0 5px 10px;
	text-decoration:none;
}

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

.download{
	background:#DBE6F4;
	border:1px solid #8796D3;
	display:table;
	width:100%;
	text-align:center;
	padding:15px 0;
}

.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;
}