@charset "utf-8";
body { margin:0; padding:0; width:100%; background:#FFF url(images/linha-top.png) top repeat-x;*/ }
html { padding:0; margin:0; }
.main { margin:0 auto; padding:0; }
.resize { width:960px; padding:0; margin:0 auto; }
/********** header **********/
.header_resize { margin:0; padding:0; }
.header { width:960px; padding:0; margin:0 auto; }
/* 2 */
.header_blog2 { background:url(images/header_blog_bg.gif) top center repeat-x; padding:20px 0 0 0; margin:0; height:95px; }
.header_blog2 h2 { font: bold 36px Arial, Helvetica, sans-serif; color:#fff; padding:10px 0 0 0; margin:0; }
/* logo */
.logo { padding:0; margin:0; width:234px; float:left; }
/*menu*/
.menu { padding:38px 0 0 0; margin:0; width:480px; float:right; }
.menu ul { text-align: left; padding:0; margin:0; list-style:none; border:0; float:right; }
.menu ul li { float:left; margin:0; padding:0 5px; border:0; }
.menu ul li a { float:left; margin:0; padding:12px 0; color:#00984a; font:normal 12px Arial, Helvetica, sans-serif; text-decoration:none; }
.menu ul li a span { padding:12px 9px; background:none; color:#00984a;}
.menu ul li a:hover { background: url(images/r_menu.gif) no-repeat right; color:#fff; }
.menu ul li a:hover span { background:url(images/l_menu.gif) no-repeat left;color:#fff; }
.menu ul li a.active { background:url(images/r_menu.gif) no-repeat right; color:#fff;}
.menu ul li a.active span { background:url(images/l_menu.gif) no-repeat left; color:#fff;}
/* header_blog*/
.header_blog { background:#fff; padding:0; width:958px; /*border:1px solid #e9e9e9;*/ margin:0 auto; }
/* body */
.body { padding:10px 0; margin:0 auto; }
.body h4 { font: bold 16px Arial, Helvetica, sans-serif; color:#666; margin:0 20px 10px 20px; }
.body i { font: bold 11px Arial, Helvetica, sans-serif; color:#00984a; }
.body h3 { font: bold 36px Arial, Helvetica, sans-serif; color:#00984a; padding:30px 0; margin:0 20px 10px 20px; border-bottom:5px solid #00984a; }
.body h3 span { font:normal 12px Arial, Helvetica, sans-serif; color:#ababab; text-transform:none; }
.body h2 { font:bold 14px Arial, Helvetica, sans-serif; color:#00984a; padding:10px 0 5px 0; margin:0 0 0 0; /*background:url(images/h2_bg.gif) left bottom no-repeat;*/ text-transform:uppercase; }
.body h2 span { font:normal 11px Arial, Helvetica, sans-serif; color:#ababab; text-transform:none; }
.body p { font:normal 11px Arial, Helvetica, sans-serif; color:#565656; line-height:1.5em; padding:10px 0; margin:0; }

.body p span { color:#565656; text-transform:uppercase; font-weight:bold; }
.body a { color:#00984a; text-decoration:none; }
.body img { margin:10px auto; padding:0; }
.body img.floated { float:left; margin:5px 20px; padding:0; }
.right { width:280px; margin:0; padding:0 20px; float:right; }
.left { width:595px; margin:0; padding:0 20px; float:left; }


.body .p-full p {font:normal 12px Arial, Helvetica, sans-serif; color:#565656; line-height:1.5em; padding:10px 20px; margin:0;}
.body .p-full h1 { font-size:20px; font-family:Arial, Helvetica, sans-serif; color:#00984a; padding-left:20px;}
.body .p-full h1 a { font-size:13px; float:right; text-decoration:underline;}
.body .p-full h1 a:hover { text-decoration:none;color:#666;}

.body .p-full table { font-family:Arial, Helvetica, sans-serif; font-size:18px; font-weight:normal;}
.body .p-full thead { background:#00984a; height:32px; text-align:center; color:#fff; font-size:18px; }
.body .p-full tfoot td { background:#00984a; font-size:4px}
.body .p-full tbody { font-size:14px; text-align:center;}
.body .p-full tbody td { padding:3px;}
.body .p-full tbody tr.linha {background:#c6fd9a; }


.body .linha { border-top: 1px solid #00984a; margin:20px 0; }

.port { width:200px; margin:0; padding:0 10px 0 20px; float:left; }

.box-index { background:url(images/bg-port.png) top center no-repeat; width:285px; margin:-90px 0 0 14px; position:relative; z-index:999999; padding:0 10px 0 10px; float:left; }
.box-index h2 { margin:10px 10px 0 10px;}
.box-index p { margin:0 10px;}
.box-index p a span{ background: url('images/sprite-bts.png') no-repeat -3px -3px;  height:20px; display:block; margin-top:10px;  padding:2px 0 0 25px; font-size:10px; color:#00984a; text-transform:none;}
.box-index p a:hover span{ background: url('images/sprite-bts.png') no-repeat -3px -43px;  height:20px; display:block;  font-size:10px; color:#6b6b6b;}

.box-index img { margin:7px;}


/*tabs*/
#tabs { border:none; padding:0; font-family:Arial, Helvetica, sans-serif;}
#tabs p { margin:0; padding:0;} 
#tabs ul { width:258px; margin:0 10px 0 8px; padding:0; }
#tabs ul li {display:block; background:#00984a; margin-left:2px; padding:5px 10px; float:left;}
#tabs ul li a { font-size:13px;}
#tabs ul li a:hover { }
#tabs .ui-state-active { background:#f7f7f7; color:#ccc; border:1px #CCC solid; border-bottom:none;} 
#tabs .ui-state-default a {  color:#ccc;}

#tabs .cont-table h2 { font-size:13px; margin:0; padding:0; background:none; clear:both;}
 #tabs .cont-table img { margin:8px 0 8px -4px;}

#tabs .cont-table {clear:both; width:245px; margin:0 10px; padding:10px; background:#f7f7f7;  border:1px #CCC solid; border-top:none;}
#tabs p { }

/*FBG*/
.FBG { margin:0 20px; padding:0; border-bottom:1px solid #e5e5e5; border-top:1px solid #e5e5e5; }
.FBG a { color:#00bcde; text-decoration:none; }
.FBG img { float:left; margin:5px 0; padding:0; }
.FBG p { font: normal 11px Arial, Helvetica, sans-serif; color:#888888; text-decoration:none; padding:5px 0; margin:0; line-height:1.5em; }
.FBG h2 { font: bold 14px Arial, Helvetica, sans-serif; color:#272727; padding:10px 0; margin:0; text-transform:uppercase; }
.FBG .bloga { width:285px; float:left; margin:0 10px 0 0; padding:10px 10px 10px 0; border-right:1px solid #e5e5e5; }
.FBG .bloga.last { border:0; margin:0; }

.clear{ clear:both;}


#menu-prod{ width:816px; height:150px; background:#F7F7F7; margin:30px auto 30px auto; clear:both; font-family:Arial, Helvetica, sans-serif;}
	
#menu-prod ul {margin:0; padding:0;}
#menu-prod ul li { list-style:none;float:left; margin:0 1px; font-size:10px; text-align:center;}
#menu-prod ul li a {background: #F3F3F3; color:#666; display:block; width:100px; height:150px; text-decoration:none;}
#menu-prod ul li .icon-menu { width:100px; height:118px;margin:0 auto;}

#menu-prod ul li a span {padding:3px; }
#menu-prod ul li a:hover {background:  #00984a; color:#FFF;}
#menu-prod ul li a.select {background: #00984a; color:#FFF;}

#menu-prod ul li .icon-menu.prod { background:url(images/produtos/produtos.jpg) top left no-repeat;}
#menu-prod ul li .icon-menu.maquinas { background:url(images/produtos/maquinas.jpg) top left no-repeat;}
#menu-prod ul li .icon-menu.arames { background:url(images/produtos/arames.jpg) top left no-repeat;}
#menu-prod ul li .icon-menu.arames-rev { background:url(images/produtos/arames-rev.jpg) top left no-repeat;}
#menu-prod ul li .icon-menu.grampos { background:url(images/produtos/grampos.jpg) top left no-repeat;}
#menu-prod ul li .icon-menu.pregos { background:url(images/produtos/pregos.jpg) top left no-repeat;}
#menu-prod ul li .icon-menu.grampeadores { background:url(images/produtos/grampeadores.jpg) top left no-repeat;}
#menu-prod ul li .icon-menu.sis-aco { background:url(images/produtos/sis-aco.jpg) top left no-repeat;}

#Produtos{
float:left;
clear:both;
min-height:140px;
margin-bottom:10px;
border-bottom:1px solid #ccc;

}
#Produtos p{
font-size:11px;
text-decoration:none;
text-align:justify;
color:#6b6b6b;
margin:0px;
}

#Produtos h2{
font-size:17px;
font-weight:normal;
margin-bottom:10px;
margin-top:10px;
color:#00984a;
}
#Produtos img{
float:left;
margin-right:10px;

}


/********** contact form **********/
#contactform { margin:0; padding:5px 0; }
#contactform * { color:#F00; }
#contactform ol { margin:0; padding:0; list-style:none; }
#contactform li { margin:0; padding:0; background:none; border:none; display:block; clear:both;}
#contactform li.buttons { margin:5px 0 5px 0; clear:both; }
#contactform label { margin:0; width:200px; display:block; padding:5px 0; color:#444444; font: bold 12px Arial, Helvetica, sans-serif; text-transform: uppercase;}
#contactform label span { color:#00984a; }
#contactform input.text { width:400px; border:1px solid #cdcdcd; margin:2px 0; padding:5px 2px; height:16px; background:#fefefe;}
#contactform textarea { width:500px; border:1px solid #cdcdcd; margin:2px 0; padding:2px; background:#fefefe;}
#contactform li.buttons input { padding:3px 0; margin:10px 0 0 0; border:0; color:#FFF;}
/*************footer**********/
.footer { padding:10px 0; margin:0; }
.footer_resize { width:920px; margin:0 auto; padding:5px 20px; border-top:1px solid #dfdfdf; }
.footer p { font:normal 11px Arial, Helvetica, sans-serif; color:#00984a; }
.footer a { font:bold 11px Arial, Helvetica, sans-serif; color:#00984a; text-decoration:none; padding:5px; margin:0; }
.footer p.right { text-align:right; width:350px; margin:0; padding:15px 0 0 0; float:right; }
.footer p.leftt { text-align:left; width:550px; margin:0; padding:15px 0 0 0; float:left; }
p.clr,
.clr { clear:both; padding:0; margin:0; background:none; }

/*PAGINACAO*/
.paginacao { clear:both; margin:20px auto; font-family:Arial, Helvetica, sans-serif;}
.paginacao ul { margin:0; padding:0;}
.paginacao ul li { list-style:none; float:left; margin:0 1px;}
.paginacao ul li a { background: #F3F3F3; color:#666; text-align:center; font-size:13px;  padding:10px; background:#CCC;}
.paginacao ul li a:hover { background:  #00984a; color:#FFF;}
.paginacao ul li a.active { background:  #00984a; color:#FFF;}

/*CONTATO*/
#formulario { width:380px; float:left; display:table; margin:10px 0; font-family:Arial, Helvetica, sans-serif;}
#formulario #resposta, .obs { font-size:10px; margin-top:5px; color:red;font-family:Helvetica,  Arial, sans-serif; font-weight:lighter;}
#formulario td {padding:5px 0;} 

#formulario input, #formulario textarea {font-family:Helvetica,  Arial, sans-serif; font-size:15px; font-weight:lighter;}
#formulario label { display:block; font-size:12px}
#formulario .tel, #formulario select { width:200px}
#formulario input, #formulario textarea { width:280px;}

#formulario textarea { width:280px; max-width:280px; min-width:280px; height:120px; max-height:120px; min-height:120px;}

#formulario .fornfield { padding:6px 2px;} 
#formulario .bt_form { border:0; width:88px; height:32px;}

#formulario .sucesso { background:#badda7; border:1px solid #335d1b; width:340px; padding:10px; text-align:center; font-size:18px; color:#335d1b;}
#formulario .erro { background:#efa3a3; border:1px solid #7a2323; width:340px; padding:10px; text-align:center; font-size:18px; color:#7a2323;}
#formulario #resposta {color:#310220}
#formulario .map{ width:550px; float:left; display:table; margin:10px 0;}