@charset "utf-8";
/* CSS Document */
*{margin:0 auto; padding:0}
body{background:/*url(../images/fundo.png)*/ #555}

#header{ width:auto; height:68px; background:#555; border-bottom:3px solid #C2ACCC; position:relative; z-index:3}
.header_mask{width:960px; height:100px}
.header_mask_e{ background:url(../images/fundo_h_e.jpg); width:22px; height:100px; float:left}
.header_mask_h{ background:url(../images/fundo_h_h.jpg); width:916px; height:100px; float:left}

.logo{ background:url(../images/LOGO.jpg); width:111px; height:93px; float:left; margin:2px 20px 0 0}


#menu {height:98px; width:778px; float:left}
#menu ul {float: left; list-style-type: none; width: 100%}
#menu ul li{font:21px Arial, Helvetica, sans-serif; width:194px; text-align:center; text-decoration:none; position: relative; float:left}
#menu ul li:hover { width:194px; height:99px; background:url(../images/b_hover.png); color:#FF9}

#menu ul li:hover ul {left:0}
#menu ul li a {background:url(../images/b_barras.png) no-repeat; display:block; width:194px; height:60px; padding-top:37px; color:#444; font-weight: bold; text-decoration: none; /*text-shadow:0 1px 0 #FFF;*/; font-weight:normal}
#menu ul li a:hover{ color:#FF9; background:url(../images/b_hover.png) no-repeat}
.b_ultimo{ background:url(../images/b_barras.png); width:2px; height:98px; float:right; position:relative; top:-99px}


#menu ul li ul {position:absolute; left:-999em; top:99px; width:193px; height:auto; background:#777}
#menu ul li ul li:hover{ background:#555; width:193px; height:37px}
#menu ul li ul li a{width:180px; height:26px; font:14px Arial, Helvetica, sans-serif; padding:10px 0 0 12px; border-top:1px solid #555;border-right:3px solid #555; background:none; text-align:left; color:#CCC}
#menu ul li ul li a:hover{width:180px; height:26px; background:#555; color:#FFA}

#menu ul li ul li ul {display:none}

#menu ul li ul li:hover ul{ float:left; display:block; position:absolute; left:195px; top:0}




.header_mask_d{ background:url(../images/fundo_h_d.jpg); width:22px; height:100px; float:left}

#box_full2{display:block; width:auto; height:auto; background:#FF9/*#C2ACCC*/; padding:36px 0 10px 0;}
#box_full{display:block; width:968px; height:auto; margin:0 auto; /*border:1px solid #999*/}/* OK AUTO */
.local{width:940px; height:22px; border-bottom:1px solid #888 /*#B696CB*/; margin-bottom:7px; font:12px Arial, Helvetica, sans-serif; color:#888}

#banner{ background:url(img/banner.png); width:968px; height:290px}

.content_text_f_topo{background:url(../images/f_t_h_topo.jpg); width:968px; height:20px}
#content_text{background: url(../images/f_t_h_meio.jpg) repeat-y; padding:5px 28px}
#content_text h1{font:30px Arial, Helvetica, sans-serif; font-weight:bold; color:#555; text-indent:10px; border-left:5px solid #555; border-bottom:2px solid #555; padding-bottom:3px; margin-bottom:15px}
#content_text h2{font:30px Arial, Helvetica, sans-serif; font-weight:bold; color:#555; text-indent:10px; margin-top:30px; margin-bottom:15px}
#content_text h3{ font:20px Arial, Helvetica, sans-serif; text-indent:16px; color:#777}
#content_text h4{ font:20px Arial, Helvetica, sans-serif; text-indent:16px; color:#777; margin-top:16px}
#content_text p{font:14px Arial, Helvetica, sans-serif; color:#333; text-indent:30px; text-align:justify; line-height:20px; margin-top:10px; letter-spacing:0.1px}
#content_text p.p{font:12px Arial, Helvetica, sans-serif; color:#333; text-indent:30px; text-align:justify; line-height:20px; margin-top:10px}
ul.lista_home{ list-style:none; line-height:30px; color:#444; margin-left:40px; margin-top:4px}
ul.lista_home li{ font:14px Arial, Helvetica, sans-serif; line-height:20px}
.ajuste1_center{margin:20px auto 0 140px}
.ajuste1{margin:4px 0 0 0}
.ajuste2{margin:18px 0 0 0}

.ajuste1_expandidas{margin:4px 0 0 0; border:1px solid #AAA}
.ajuste1_recalcadas{margin:8px 0 12px 40px; border:1px solid #AAA}
.ajuste2_recalcadas{margin:8px 0 12px 20px; border:1px solid #AAA}


table.fo{float:right; margin-top:5px; border:1px solid #AAA; background:#AAA}
table.fo tr td{text-align:left; font:11px Arial, Helvetica, sans-serif; padding:4px; background:#DDD; color:#333}
table.fo tr td.titulo{ text-align:center; font:14px Arial, Helvetica, sans-serif; font-weight:bold; padding:8px 0; background:#999; color:#EEE}
table.fo tr td.center{text-align:center; background:#DDD; color:#333; font-weight:bold}

table.fo1{float:left; margin-top:16px; margin-left:-7px; border:1px solid #555}
table.fo1 tr td{text-align:left; font:13px Arial, Helvetica, sans-serif; padding:4px; background:#DDD; color:#333}
table.fo1 tr td.titulo{ text-align:center; font:14px Arial, Helvetica, sans-serif; font-weight:bold; padding:8px 0; background:#555; color:#EEE}
table.fo1 tr td.center{text-align:center; background:#DDD; color:#333; font-weight:bold}

table.fo2{float:right; margin-top:16px; margin-right:-7px; border:1px solid #555}
table.fo2 tr td{text-align:left; font:13px Arial, Helvetica, sans-serif; padding:4px; background:#DDD; color:#333}
table.fo2 tr td.titulo{ text-align:center; font:14px Arial, Helvetica, sans-serif; font-weight:bold; padding:8px 0; background:#555; color:#EEE}
table.fo2 tr td.center{text-align:center; background:#DDD; color:#333; font-weight:bold}


img.formula{margin:-56px 50px 0 0; float:right; border:1px solid #AAA}
img.formula_furos_ovais{margin:-60px 52px 0 0; float:right; border:1px solid #AAA}
img.formula_furos_oblongos{margin:-60px 52px 0 0; float:right; border:1px solid #AAA}
img.formula_redondos_1{margin:-84px 5px 0 0; float:right; border:1px solid #AAA}
img.formula_redondos_2{margin:-84px -17px 0 0; float:right; border:1px solid #AAA}
img.formula_furos_quadrados{margin:-105px 46px 0 0; float:right; border:1px solid #AAA}
img.formula_furos_hexagonais{margin:-80px 48px 0 0; float:right; border:1px solid #AAA}
img.formula_furos_losangulares{margin:-63px 20px 0 0; float:right; border:1px solid #AAA}

.content_text_f_base{background:url(../images/f_t_h_base.jpg); width:968px; height:30px}

.f_c_bloco01{display:block; width:340px; height:auto; padding:10px; text-align:justify; float:left; margin:10px 0 0 100px; font:14px Arial, Helvetica, sans-serif; color:#666}
.f_c_bloco02{display:block; width:310px; height:auto; padding:10px; text-align:justify; float:left; margin:10px 0 10px 20px; font:14px Arial, Helvetica, sans-serif; color:#666}

table.f_c{ width:692px; border:1px solid #AAA; background:#AAA}
table.f_c tr td{text-align:center; font:12px Arial, Helvetica, sans-serif; padding:4px; background:#DDD; color:#666}
table tr td.titulo_f_c{ padding:10px; text-align:center; font:16px Arial, Helvetica, sans-serif; font-weight:bold; color:#EEE; background:#999}
table tr td.sub{font:12px Arial, Helvetica, sans-serif; font-weight:bold; color:#666}
table tr td.sub_sub{font-weight:bold; font-size:11px}


#chapas_expandidas_micro{display:block; width:100%; height:auto; margin:20px 0 0 0; padding-top:15px; border-top:2px solid #666}
#chapas_expandidas_micro h3{font:20px Arial, Helvetica, sans-serif; text-indent:28px; color:#777}
#chapas_expandidas_micro p{font:14px Arial, Helvetica, sans-serif; color:#333; text-indent:30px; text-align:justify; line-height:20px; margin-top:10px; letter-spacing:0.1px; display:block; width:610px; float:left}
img.c_e_micro{ float:right; margin-top:-20px; border:1px solid #AAA}

.video{ background:#666; display:block; width:auto; height:291px; border:4px solid #AAA; margin-top:10px}

#mapaframe{position:relative; left:0px; top:5px; margin-bottom:5px; margin-top:10px}
#mapaframe iframe{border:2px solid #999} 

/* contato */
#box_form{ width:auto; background:none; margin-top:-9px; float:left}
#box_form table{ width:auto}
#box_form table input{width:510px; padding:1px; margin-bottom:3px; font:14px Arial, Helvetica, sans-serif; color:#333; background:#FFD; border:1px solid #666}
#box_form table textarea{width:510px; height:220px; resize:none; font:14px Arial, Helvetica, sans-serif; color:#333; padding:1px; background:#FFD; border:1px solid #666}
.mensagem_label{position:relative; top:-100px}
#box_form table tr td.label{text-align:right; font:12px Arial, Helvetica, sans-serif; padding:0 3px 1px 0; color:#666}
#box_form table tr td.input{}
#box_form table tr td.titulo{}
.ali_titulo{}
#box_form table tr td.status{}
#box_form table tr td.ddd{width:34px}
#box_form table tr td input.ddd{width:34px}
#box_form table tr td.telefone_label{text-align:right; font:12px Arial, Helvetica, sans-serif; padding:0 3px 1px 0; color:#666}
#box_form table tr td.telefone{width:390px}
#box_form table tr td input.telefone{ width:410px; position:relative; right:0px; float:right}
#box_form input.enviar{display:block; width:100px; height:40px; float:right; cursor:pointer; position:relative; right:414px; top:8px; padding-bottom:3px; font-weight:bold; background:#FFC; color:#666}
#box_form input.enviar:hover{color:#333; background:#FF9}



.no{padding:3px 7px 4px 7px; background:#EEE; border:1px solid #F00; width:499px; float:right; text-align:justify; font: 12px Arial, Verdana; color:#F00; position:relative; right:1px; margin:0 0 4px 0}
.yes{padding:3px 7px 4px 7px; background:#EEE; border:1px solid #093; width:499px; float:right; text-align:justify; font: 12px Arial, Verdana; color:#093; position:relative; right:1px; margin:0 0 4px 0}

#lado_contato{display:block; float:right; width:320px; height:auto; margin-top:20px; }
#lado_contato p{ color:#666; text-align:center; line-height:10px; font-size:17px}
.img_contato{ margin:35px 0 0 60px}
/* ending contato */

#footer{width:auto; height:70px; background:#555; border-top:3px solid #C2ACCC}
#footer p{ margin:28px 0 0 0; text-align:center; font:13px Arial, Helvetica, sans-serif; color:#888}













.clear{clear:both}