@charset "utf-8";
/* CSS Document */

/******************** GERAL **********************/

* { margin:0; padding:0;font-family: "Trebuchet Ms";}

body { background: #333333 url("imagens/site/fundo_pag.gif")repeat-x; font-size:9pt; height:100%; color:#666666; font-weight:bold; z-index:1;}

#signbox { width:270px; height:50px; position:absolute; right:0; bottom:12px; overflow:hidden;}

#sign { width:270px; height:50px; position:absolute; left:225px; background:url("imagens/tatica.png");}

#geral { width:860px;
padding:0px;
left:50%;
margin-left:-430px; /* metade da largura fictícia */
position:absolute;
}

#topo{
background: url("imagens/site/fundo_topo.jpg") repeat-x;
width:860px;
display:block;
text-align:center;
margin:0px;
height:135px;
}

#topo ul {
float:left;
list-style: none;
padding: 0px;
text-align: left;
width: 860px;
height:35px;
}

#topo ul li {display: inline; display:block; float:left; padding: 7px 0px 0px 0px;  font-weight:bold; font-size:12pt;}
#topo ul li a {text-decoration:none; color:#333333; font-size:12pt; padding:4px 13px 4px 13px;}
#topo ul li a:hover { color:#FFF; background-color:#FF0000; }

h1, h1 a, h1 a:link, h1 a:visited {
	background: url("imagens/site/logo.gif") no-repeat;
	text-indent:-9999px;
	width: 230px;
	height:100px;
	float:left;
	display:block;
}

#busca{
width:190px;
height:500px;
padding: 35px 170px 15px 270px;
display:block;
text-align:right;
margin:0px;
height:50px;
float:left;
font-size:14pt;
letter-spacing:-1pt;
font-weight:bold;
}

#banner{
position:relative;
height:222px;
display:block;
margin:0px;
}
#banner .strip{
position:absolute;
top:0px;
left:0px;
}
#bannerp{
position:relative;
background-color:#000000;
display:block;
margin:0px;
height:77px;
}

#bannerp .strip{
position:absolute;
top:0px;
left:0px;
}

#busca p {font-weight:bold;}
#busca input {background-color:#CCCCCC; padding:3px; border:none;}

#rodape{
background: #fff url("imagens/site/fundo_rodape.gif") repeat-x;
height:65px;
margin-bottom:20px;
}
#rodape p {
font-weight:normal;
color:#000;
font-size:9pt;
line-height:15px;
padding:11px 0 0 10px;
}
.voltar{
padding:3px;
color:#FFFFFF;
background:#666666;
border:1px solid #999999;
text-decoration:none;
}

#conteudo {
background: #fff;
padding: 10px 0px ;
margin:0px;
}

#conteudo2 {
background: #fff;
padding: 15px;
margin:0px;
}
.foto_esquerda{
width:320px;
height:240px;
float:right;
padding:5px;
background-color:#efefef;
margin-left:10px;

}
h2 {
font-size:20pt;
font-height:bold;
color:#990000;
letter-spacing:-2pt;
line-height:35px;

}
h3 {
font-size:16pt;
font-height:bold;
color:#666666;
letter-spacing:-1pt;
}

.subcat { 
	background:none;
	float:none;
	display:block;
	margin-left:10px;	
	margin-bottom:5px;	
	color:#666666;
	font-size:10pt;
	font-weight:bold;
	text-decoration:none;

}

#categorias ul { margin: 10px 0px; width:177px;padding:0px; text-decoration:none;}


#categorias ul li, #categorias ul li a, #categorias ul li a:link, #categorias ul li a:visited {
	list-style:none;
	display:block;
	background-color:#efefef;
	margin-bottom:1px;
	color:#333333;
	font-family:"Trebuchet MS";
	font-size:12pt;
	padding:4px 5px 4px 2px;
	font-weight:bold;	
	text-decoration:none;
}

#categorias ul li a:hover { color:#990000;text-decoration:none; }

.item_principal{
overflow:hidden;
margin: 10px 0px 10px 10px;
width:255px;
padding:5px;
display:block;
float:left;
height:135px;
}
.divisao{
background: url("imagens/site/divisao.jpg");
margin: 10px 2px 10px 0px;
width:2px;
display:block;
float:left;
height:145px;
}
.item_principal_titulo {
font-weight:bold;
font-size:14pt;
color:#990000;
margin-bottom:0px;
}
.texto_principal{
line-height:16px;
font-size:10pt;
margin-bottom:5px;
display:block;
height:70px;
}

#imgp{
width:110px;
height:135px;
display:block;
float:left;
margin-right:10px;
}
.item_principal img{
float:left;
margin-right:10px;
}

.titulo_produto {
font-size:13pt;
line-height:18px;
font-weight:bold;
color:#FF0000;
}
.titulo_produto a {
text-decoration:none;
color:#333333;
}
.titulo_produto a:hover {
text-decoration:none;
color:#470000;
}


.fabricante{
font-size:12pt;
font-weight:bold;
}

.item_servico{
width:255px;
padding:5px;
margin: 10px 10px 10px 0px;
display:block;
float:left;
height:90px;
overflow:hidden;
}
.titulo_servico {
font-size:12pt;
line-height:18px;
font-weight:bold;
}

.titulo_servico a {
text-decoration:none;
color:#333333;
}
.titulo_servico a:hover {
text-decoration:none;
color:#470000;
}

.item_produto{
width:295px;
padding:4px;
border:1px solid #efefef;
margin: 10px 10px 0px 0px;
display:block;
float:left;
height:90px;
overflow:hidden;
}

.imgn{
float:left;
margin-right:10px;
border:0px;
}
.texto_contato{
width:350px;
padding:10px;

display:block;
float:left;
}
.texto_local{
width:250px;
padding:10px;
display:block;
float:left;
}
.area_contato{
width:400px;
float:right;
padding:10px 0px 20px 20px;
background-color:#efefef;
display:block;
margin-left:15px;
}
.area_local{
width:520px;
float:left;
padding:10px;
background-color:#efefef;
display:block;
margin-left:15px;
}
.area_empresa{
width:320px;
float:right;
padding:10px;
background-color:#efefef;
display:block;
margin-left:15px;
}

#categorias {
width:190px;
margin-right:10px;
float:left;

}
#produtos{
width:630px;
margin:0px;
float:left;

}
#categorias ul {
list-style:inside;
list-style-type:none;
}
#abas{margin: 0px ; padding: 0; width: 100%;}

#abas li{display: inline; font-size:10pt;}

#abas li a{ display: block; width: auto; padding:3px 7px; margin: 0px; float: left; background: #efefef; color: #333333; text-decoration: none; text-transform:uppercase; font-weight: bold;}

#abas li a.selected{ background: #FF0000; color:#FFF;}




.negrito{
font-weight:bold;
}

.tc{
font-weight:bold;
font-size:12px;
}

.clear {
clear:both;
}


.borda{
border:1px solid #CCCCCC;
}



/******************** PAGINACAO **********************/
#paginacao { 
 	margin: 30px 0px 5px 0px; /* define as margens em relação aos demais objetos da página*/
	text-align:center;
}

#paginacao p {
font-size: 12px; /*tamanho da fonte*/
font-family: Trebuchet MS; /*tipo da fonte*/
text-align:left; /*alinhamento do texto*/
margin-top: 10px;/*margem superior*/
margin-bottom: 10px;/*margem inferior*/
color:#333333;/*cor da fonte*/
border:none;/*define sem borda*/
text-align:center;
padding:5px;
font-weight:bold;
}

#paginacao a {
border: 0px solid #006699;/*define a borda*/
padding: 5px 5px; /*distância da margem*/
text-decoration: none;/*retira o underline do link*/
color:#333333;/*cor do texto*/
}

#paginacao a:hover {
background-color: #333333;/*cor de fundo*/
color:#FFFFFF;/*cor do texto*/
padding: 5px 5px;/*distancia da margem*/
text-decoration: none;/*retira o underline do link*/
}