/*
-----------------
Definições Gerais
-----------------
*/

html, body 								{ width:100%; min-width:780px; margin:0; padding:0; color:#000; background:#333 url(../imagens/bg_fundo.png)  center top no-repeat; font-family:"Trebuchet MS", Arial, Verdana; font-size:1em; text-align:center; }

ul, ol, li, p, h1, h2, h3, h4, h5, h6, form, fieldset, label, span, em, a, div { margin:0; padding:0; border:0; }

div										{ -moz-box-sizing:border-box; box-sizing:border-box; margin:0; padding:0; }

h1, h2									{ display:none; }

ul										{ list-style:none; }

img										{ border:none; }

a										{ text-decoration:none; }

a img									{ border:none; }

a:hover									{ text-decoration:underline; }

.clearboth								{ clear:both; }

input									{ height:16px; margin:0; padding:4px; border:1px solid #DBDBAE; background:url(../imagens/bg_input.png) repeat-x; font-size:1em; text-transform:none; }



/*
----------------------
Definições Estruturais
----------------------
*/

#topo									{ width:780px; height:250px; position:relative; top:15px; margin:0 auto; background:#fff url(../imagens/bg_topo.png) no-repeat; text-align:left; z-index:1; }

#principal								{ width:780px; position:relative; top:0px; margin:0 auto; padding-bottom:20px; font-size:0.8em; background:#fff url(../imagens/bg_principal.png) repeat-x; text-align:left; z-index:2; }

#rodape									{ width:780px; height:57px; margin:0 auto; margin-bottom:10px; background:url(../imagens/bg_rodape.png) no-repeat; }

/*
-----------------------------
Definições Específicas - Topo
-----------------------------
*/

#topo .logo								{ width:219px; height:103px; position:relative; left:35px; top:23px; text-align:left; z-index:5; }

#topo .logo	.maquil						{ width:219px; height:103px; display:block; background:url(../imagens/maquil.png) no-repeat; }

#topo .banner							{ position:absolute; top:0px; right:0; z-index:4; text-align:right; }



/*
-----------------------------------------
Definições Específicas - Conteudo: Coluna
-----------------------------------------
*/

#principal .coluna						{ width:193px; height:500px; float:left; position:absolute; top:-90px; left:27px; z-index:4; }

#principal .coluna div div				{ padding:18px; }

#principal .coluna .menu				{ width:193px; height:273px; background:url(../imagens/bg_menu.jpg) no-repeat; z-index:5; }

#principal .coluna .menu div ul			{ width:140px; margin:0 auto; }

#principal .coluna .menu div ul li		{ padding:1px 0px; border-bottom:1px dotted #D5D5A2; }

#principal .coluna .menu div ul .last	{ border:none; }

#principal .coluna .menu div ul li a	{ width:140px; height:25px; display:block; background:no-repeat top; text-decoration:none; color:#313131; }

#principal .coluna .menu .inicio		{ background:url(../imagens/menu/inicio.png); }

#principal .coluna .menu .aempresa		{ background:url(../imagens/menu/aempresa.png); }

#principal .coluna .menu .produtos		{ background:url(../imagens/menu/produtos.png); }

#principal .coluna .menu .fornecedores	{ background:url(../imagens/menu/fornecedores.png); }

#principal .coluna .menu .cadastro		{ background:url(../imagens/menu/cadastro.png); }

#principal .coluna .menu .localizacao	{ background:url(../imagens/menu/localizacao.png); }

#principal .coluna .menu .orcamentos	{ background:url(../imagens/menu/orcamentos.png); }

#principal .coluna .menu .faleconosco	{ background:url(../imagens/menu/faleconosco.png); }

#principal .coluna .menu .inicio:hover,
#principal .coluna .menu .aempresa:hover,
#principal .coluna .menu .produtos:hover,
#principal .coluna .menu .fornecedores:hover,
#principal .coluna .menu .cadastro:hover,
#principal .coluna .menu .localizacao:hover,
#principal .coluna .menu .orcamentos:hover,
#principal .coluna .menu .faleconosco:hover	{ background-position:bottom; }



#principal .coluna .newsletter			{ width:193px; height:215px; background:url(../imagens/bg_cadastro.jpg) no-repeat; z-index:6; }

#principal .coluna .newsletter .titulo	{ margin-right:18px; text-align:right; }

#principal .coluna .newsletter p		{ margin-bottom:5px; font-size:0.85em; }

#principal .coluna .newsletter form p	{ font-weight:bold; text-transform:uppercase; }

#principal .coluna .newsletter form .nome	{ width:146px; }

#principal .coluna .newsletter form .email	{ width:110px; float:left; }

#principal .coluna .newsletter form .ok		{ width:30px; height:26px; float:right; margin:0; padding:0; color:#222;  }



/*
--------------------------------------------
Definições Específicas - Conteudo: Principal
--------------------------------------------
*/

#principal .iframe						{ width:510px; position:relative; top:-8px; margin:0; padding:0; margin-left:245px; }



/*
---------------------------------
Definições Específicas - Rodape
---------------------------------
*/

#rodape									{ font-size:0.7em; color:#ffffff; }

#rodape a								{ text-decoration:none; color:#666; }

#rodape a:hover							{ text-decoration:underline; }

#rodape ul								{ height:25px; line-height:25px; }

#rodape ul li							{ display:inline; margin:0 0.1em; color:#666; }

#rodape p								{ height:16px; margin-top:6px; line-height:16px; }

#rodape p img							{ position:relative; top:-1px; left:2px; }