/* UTIL */

img { border:none }
a:link, a:active, a:visited { color:#000000; }
a:hover { text-decoration:underline; }
p { line-height:18px; text-align:justify; }


.left { float:left; }
.right { float:right; }
.clear_l { clear:left; }
.clear_r { clear:right; }
.clear { clear:both; }
	
.align_r { text-align:right }
.align_l { text-align:left }
	/* margin  padrao  10px  */
	
.no_margin { margin:0; }
.h_margin { margin:auto 10px; }
.v_margin { margin:10px auto; }
.margin { margin:10px; }
.margin_b { margin-bottom:10px; }
.margin_r { margin-right:10px; }
.margin_l { margin-left:10px; }
.margin_t { margin-top:10px; }

	/* --------------------- */

/* CORES  */
.orange { color:#FEA331; }
.l_grey { color:#999999; }
.black { color:#000; }
.green { color:#739D21; }



/* ------------------------- */





/* CSS Para formatação */
body{ font-family:Verdana,Arial, Helvetica, sans-serif; font-size:11px; background:#fff; margin:0; padding:0; color:#666; }
#topo { background:#fff url(../imagens/bg/topo.jpg) repeat-x center bottom; text-align:left; height:202px; width:100%; }
#logo_euroforte { margin-top:36px; }
#menu { height:36px; width:100%; }
#content { width:100%; margin:auto; overflow:hidden; }
#degrade { background:#fff url(../imagens/bg/content.jpg) repeat-x left top; width:100%; height:45px; }
#rodape { background:#fff url(../imagens/bg/rodape.gif) repeat-x left bottom; text-align:left; height:84px; width:100%; }
.sized { width:990px; margin:auto; text-align:left; overflow:hidden; }
#rodape .sized { font-size:11px; margin-top:20px; }
#rodape span { margin:10px 0 0 15px; vertical-align:-18px; color:#FFFFFF; }

#conteudo_geral { margin:0 25px 0 15px; }

#empresa #content,#atendimento #content,#produtos #content,#artigos #content,#contato #content,#programas #content { background:#fff url(../imagens/bg/planta.gif) no-repeat center top; }



h1 { font-size:17px; font-family:Arial, Helvetica, sans-serif; margin:10px 0; }
#rodape h2 { font-size:15px; font-family:Arial, Helvetica, sans-serif; margin:10px 5px 5px 0; }
h1.TR_it { font-size:18px; font-family:"Trebuchet MS", Verdana, Arial, Helvetica, sans-serif; font-style:italic; }
h2.TR_it { font-size:15px; font-family:"Trebuchet MS", Verdana, Arial, Helvetica, sans-serif; font-style:italic; }


a.menu:link, a.menu:visited, a.menu:active { width:135px; margin-right:15px; text-align:center; font-weight:bold; font-family:Arial, Helvetica, sans-serif; background:transparent url(../imagens/bg/link_menu.gif) repeat-x left bottom; color:#999; font-size:15px; height:36px; line-height:43px; display:inlineblock; float:left; text-decoration:none; }
a.menu:hover { background-position:top; color:#009900; line-height:36px; }



/* home */
#home_esq { width:700px; margin-right:5px; float:left;  }
.bem_vindo { float:left; margin-left:10px; width:450px; }
.tire_duvidas { float:left; width:248px; margin-left:10px; }
ul#duvidas { margin:15px 0 0; padding:0; list-style-type:none; border:1px solid #e9e9e9; }
ul#duvidas li { margin:15px 10px; }
ul#duvidas li h1 { border-bottom:1px solid #ccc; padding-bottom:5px; margin-bottom:5px; font-size:12px; font-weight:normal; }

#form_enquete label { display:block; }

#home_dir { width:240px; margin-left:5px; float:left; }
input.text { border:1px solid #ccc; color:#999999; padding:3px; }
#midia_home { margin-top:20px; border:1px solid #e9e9e9; }
ul#midia { margin:0; padding:0; list-style-type:none; }
ul#midia li { margin:15px 10px; }
ul#midia li h1 { border-bottom:1px solid #ccc; padding-bottom:8px; margin-bottom:8px; font-size:12px; font-weight:normal; }
ul#midia li a { text-decoration:none; }


/* empresa */
h1.planta { color:#FFFFFF; margin:20px 0 40px 0; width:170px; text-align:right; }
#thumbs { float:left; width:450px; }
#thumbs .fotos { margin:3px; float:left; cursor:pointer; }
#detalhe_galeria { margin-left:80px; width:420px; float:left; text-align:justify; }
#detalhe_galeria span { font-size:14px; font-weight:bold; }


/* contato */
h1.planta { color:#FFFFFF; margin:20px 0 40px 0; width:170px; text-align:right; }
#detalhe_galeria { margin-left:80px; width:420px; float:left; text-align:justify; }
#detalhe_galeria span { font-size:14px; font-weight:bold; }




/* produtos */
#menu_vert { width:223px; float:left; }
#menu_vert ul { width:182px; float:left; background:#97c767 url(../imagens/bg/top_menu.gif) no-repeat center top; margin:0; padding:10px 0 0 0; list-style-type:none; }
#menu_vert ul li { border-bottom:1px solid #7ca354; margin:0 5px; }
a.menu_vert:link,a.menu_vert:active,a.menu_vert:visited { display:block; margin-left:5px; padding:6px 0; color:#FFFFFF; border-bottom:1px solid #aad182; text-decoration:none; font-weight:bold; padding-left:22px; background:url(../imagens/bg/link_menu_vert.gif) no-repeat left bottom; text-decoration:none; }
a.menu_vert:hover { color:#006600; background-position:left top; }
#produtos_dir { float:left; width:670px; margin-left:35px; }
#produtos_dir p { margin:20px 25px; text-indent:20px; text-align:justify; line-height:18px; }




/* noticias */
ul#noticias { margin:0; padding:0; list-style-type:none; }
ul#noticias li { padding-bottom:20px; border-bottom:1px solid #ccc; margin-bottom:15px; }
ul#noticias li h1 { margin:8px 0; font-size:14px; }
.erro_noticia { border:1px solid #DD0000; padding:5px; width:80%; margin:15px 0; }



#enviar { cursor:pointer; margin: 15px 0px 0px 345px; background-color:#028987; color:#FFF; }
#carta { float:left; margin:41px 0 0 -110px; }
#form_contato { margin-left:180px; float:left; }
#form_contato i { color:#FF0000; margin:5px; }
#form_contato select { margin-top:3px; }
#form_contato label { width:120px; display:block; float:left; text-align:right; padding:5px; color:#009933 }
#form_contato input,#form_contato textarea { margin-top:3px; border:1px solid #CCC; float:left; }
#form_contato input, #form_contato textarea { padding:2px; }




/*------------------------------------------------
	TUDO QUE VOCÊ PRECISA ESTÁ NO CSS ABAIXO, É ISSO QUE POSICIONA O RODAPE
------------------------------------------------*/
body, html { height:100%; } /* Necessário */
#wrap {
	position:relative;
	min-height:100%; /* Para browsera modernos */
	height:auto !important; /* Para browsera modernos */
	height:100%; /* Para o IE6 */
	min-width:990px;
}
#content {
	padding-bottom:84px; /* Esse padding é o mesmo valor da altura do rodapé */
}
#rodape {
	position:absolute;
	bottom:0 !important;
}