*{ margin:0; padding:0; list-style:none; }
body{font:14px verdana; cursor:default;}
#geral{
width:720px;
position:relative;
margin:10px auto;
}
a{
color:#333;
text-decoration:none;
}

#rodape{
background:url(imagens/rodape.gif) no-repeat ;
clear:both;
padding-top:25px;
text-align:center;
font-size:12px;
}
#creditos{float:right;}
p{ font-size:12px; line-height:20px; }
h2{color:#999; font-size:16px; line-height:28px;}
img {border:0;}
hr{border-bottom:1px solid #333;}
/********************************************************
CLASSES
********************************************************/
.floatLeft{float:left; margin:2px;}
.floatRight{float:right; margin:2px;}
.clear{clear:both;}
.table{display:table-cell; width:470px; _width:450px;}
.botDesq{background:url(imagens/botDesq.gif) no-repeat bottom left; padding:5px 5px 10px 5px;  width:190px; }
.produto{float:left; margin:10px 15px; _margin:10px;}
/********************************************************
TOPO
********************************************************/
#header h1 {
background:url(imagens/topo.jpg) no-repeat top left;
text-indent:-90000px;
overflow:hidden;
height:135px;
}
#TelMpietro{
position:absolute; 
right:15px; 
top:60px; 
color:#fff; 
text-align:right; 
width:400px;
}
#TelMpietro span{
display:block;
}
#TelMpietro a{
color:#fff;
}
/********************************************************
MENU TOPO
********************************************************/
#nav ul li { float:left; }
#nav ul li a{ 
float:left; 
width:120px; 
padding:11px 12px; 
text-align:center; 
background:url(imagens/menu.gif) repeat-x;
font:14px verdana;
color:#fff;
text-transform:uppercase;
text-decoration:none;
}
#nav ul li a:hover{ background:url(imagens/menu-hover.gif) repeat-x; }
#nav ul li.primeiro a{background:url(imagens/menu-esquerda.gif) no-repeat left top;}
#nav ul li.primeiro a:hover{background: url(imagens/menu-esquerda-hover.gif) no-repeat left top;}
#nav ul li.ultimo a{background:url(imagens/menu-direita.gif) no-repeat right top;}
#nav ul li.ultimo a:hover{background:url(imagens/menu-direita-hover.gif) no-repeat right top;}


/********************************************************
MENU DE CATEGORIA
********************************************************/
#latera{float:left; width:200px;}
#menuTop{background:url(imagens/topCategoria.gif) no-repeat top left;}
#menuBottom{
float:left; 
width:220px; 
background:url(imagens/bottomCategoria.gif) no-repeat bottom; 
padding-bottom:15px; 
margin-top:10px;
}
#menuTop h1{ 
color:#FFFFFF; 
text-transform:uppercase; 
font-size:12px; 
font-weight:bold; 
padding:15px; 
z-index:90;
position:relative;
}

#menuTop ul li { float:left; border-left:2px solid #999; border-right:2px solid #999;}
#menuTop ul li a{
float:left; 
width:190px; 
padding:5px 8px 5px 18px; 
color:#333;
font-size:12px;
text-decoration:none;
background:url(imagens/flecha.gif) no-repeat center left;
}
#menuTop ul li a:hover{background:#999 url(imagens/flecha.gif) no-repeat center left; color:#fff;}

/********************************************************
BUSCA
********************************************************/
#busca{float:left; margin-top:10px; width:220px; background:url(imagens/busca.jpg) no-repeat;}
#busca label{ float:left; display:block; padding:10px;}
#busca label b{
float:left;
font-size:18px;
color:#fff;
height:22px;
width:190px;
padding-bottom:22px;
padding-left:5px;
}
#busca .formulario{ float:left; border:1px solid #666;}
#busca .bt_ok {float:right; }
/********************************************************
CONTEUDO
********************************************************/
#banner {float:right; width:488px; margin-top:10px;}
#conteudo{
width:490px;
margin-top:10px;
background:url(imagens/topCont.gif) no-repeat;
padding-top:15px;
}
#cont-meio{border-left:1px solid #333; border-right:1px solid #333; padding:5px; _padding:0px;}
#botCont{
background:url(imagens/botCont.gif) no-repeat bottom;
padding-bottom:15px;
float:right;
}
#conteudo h1 {
background:url(imagens/barraTitulo.png) no-repeat;
width:441px;
margin:0 10px;
padding:8px 10px 10px 15px;
color:#fff;
font-size:14px;
}
#conteudo dl{
clear:both;
padding:10px 0;
_padding:10px 10px;
}
#conteudo dt{
background:url(imagens/topDesq.gif) no-repeat top left; 
display:table-cell; 
padding-top:5px; 
width:200px; 
text-align:center;
}
#conteudo dd{width:200px; text-align:center; padding-top:10px; }

/********************************************************
CONTATO
********************************************************/

form em{font-size:10px; margin-left:20px;}
#botCont fieldset{
padding:0 10px;
margin:0 10px;
}
#botCont label{display:block; padding:2px;}

#botCont fieldset label b{ width:110px; float:left; font-size:10px; text-align:right; margin-right:2px; }
#botCont .formulario, .inpPormal, textarea{border:1px solid #999;}
input:focus, textarea:focus, .focus{ border:1px solid #333; background:#eee;}
.botao{margin-right:10px; border:1px solid #999;}

/********************************************************
PRODUTOS
********************************************************/
#prod-img{float:left; margin:10px; width:200px; text-align:center;}
#prod-desc{ float:right; margin-right:10px;  width:230px; _width:220px; _margin-right:0px;}
#prod-desc p{margin:5px 0;}
#paginacao{
text-align:center;
padding-bottom:10px;
}
#paginacao p{
margin:5px;
padding-bottom:2px;
}
#paginacao ul{
list-style:none;
}
#paginacao ul li {
display:inline;
}
#paginacao ul li a{
display:inline;
padding:5px;
border:#999 1px solid;
margin:2px;
}
#paginacao a:hover{
background:#EB1F2A;
color:#fff;
}
/********************************************************
ORCAMENTO
********************************************************/
#empresa { _padding:5px; }

/********************************************************
CLIENTES
********************************************************/

ul#clientes li{ float:left; margin:0px 20px; _margin:10px; }