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

/* Resetar CSS */

* {
    padding: 0;
    margin: 0;
    border: 0;	
	text-align:justify;
}

/* CSS da Pagina */

html, body 
{ 
    height:100%; 
}  
body {
	font: 100% Arial, Helvetica, sans-serif;
	background: #626262 url(imagens/background_pagina.jpg) no-repeat center top;
	color: #000;
	width: 100%;
	display: table;
}
h1
{
	font-family:"Futura Hv BT", "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:1.3em;
	font-weight:normal;
}
h2
{
	font-family:"Futura Hv BT", "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:1.3em;
	font-weight:normal;
}
h5
{
	font-family:"Futura Hv BT", "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:1.3em;
	font-weight:normal;
}
p
{
	font-family:Arial, Helvetica, sans-serif;
	font-size:0.8em;
	font-weight:normal;
}
a
{
	text-decoration:none;
	color:#333;
	font-size:0.9em;
}
#pagina
{

    width: 760px;
	margin: 0 auto;
	position: relative;
}
#cabecalho
{
    

	width:760px;
	margin:0px auto 0px auto;

}
#cabecalho_1
{
    
	height:130px;
	width:760px;
	border-bottom:1px solid black;
	margin-bottom:13px;

}
#cabecalho_1  img
{
    
	padding-top:10px;
	margin:0px;
}
#cabecalho_2
{
    
	height:223px;
	width:760px;
}
#cabecalho_2 h2
{
    
	color:#FFF;
	font-size:1.8em;
	font-weight:normal;
	padding:10px 0px 0px 10px;
}
#miolo
{
	width:760px;
	margin:0px auto 0px auto;
}
#conteudo{ width:480px; float:left;	padding:0px 10px 0px 10px; margin:40px 20px 0px 0px;}
#conteudo h1{ background-color:#fff; width:210px; padding:5px; margin-bottom:30px;}
#conteudo p{ margin:10px 0px 0px 0px;}
#conteudo h2{margin:0px 0px 18px 0px; padding:13px 0px 0px 15px; height:40px; background: url(imagens/aba_produtos.png) no-repeat;}
#cont-home {width:225px; height:280px; margin-top:15px; text-align:left; float:left;}
#jason {width: 200px; height:20px; background: #333; color:#FFF; display:none; margin-left:15px; font-size:11px; font-family:Arial, Helvetica, sans-serif, "Lucida Sans"; }
#kelly {width: 200px; height:20px; background: #333; color:#FFF; display:none; margin-left:15px;  font-size:11px; font-family:Arial, Helvetica, sans-serif, "Lucida Sans";}
#michael {width: 200px; height:20px; background: #333; color:#FFF; display:none; margin-left:15px; font-size:11px; font-family:Arial, Helvetica, sans-serif, "Lucida Sans";}

#barra_lateral
{
	width:228px;
	float:left;
	margin-top:40px;

}
#barra_lateral h2
{
	margin:0px 0px 0px 0px;
	padding-left:10px;
}
#barra_lateral img
{
	padding-top:20px;
	padding-left:15px;
}
#barra_lateral #menu_lateral
{
	width:190px;
	margin-top:45px;
	margin-left:30px;
	background-color:#333;
}
#barra_lateral #flutuar
{
	float:right;
	margin:0px 0px 0px 0px;
	padding:0px 10px 0px 0px;
}
#barra_lateral #flutuar img
{
	display:block;
	margin:10px 0px 10px 0px;
	padding:0px 0px 0px 0px;
}
#barra_lateral #flutuar p
{
	color:#CCC;
}
#barra_lateral ul
{


	width:120px;
	background-color:#333;
	list-style-type:none;
	color:#999;
	font:Verdana, Geneva, sans-serif;
	font-size:0.8em;

}
#barra_lateral ul li
{
	padding:5px;
}
.produto1 {width:140px; float:left; margin:6px; }
.produto1 h3{ width:140px; font-family:Verdana, Geneva, sans-serif; text-align:left; font-size:0.6em; color:#FFF; font-weight:normal;}
#login
{
	padding-top:10px;
	padding-bottom:10px;
}
fieldset
{
	padding:10px 15px 0px 0px;
	text-align:right;
}
input
{
	background-color:#A6A6A6;
	border:solid 1px #CCC;
	color:#fff;
}
textarea { background-color:#A6A6A6; border:solid 1px #CCC; color:#fff;}
#rodape
{
	clear:left;
	height:40px;
}
label
{
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:0.9em;
}
.produto
{
	width:480px;
	height:196px;
	background-image:url(imagens/background_produto.gif);
	margin-top:20px;
}
.produto img
{
	float:left;
	border:1px solid black;
	margin-top:5px;
	margin-left:5px;
}
.produto #descricao_produto
{
	float:left;
	margin-top:5px;
	margin-left:5px;
	width:230px;
}
.produto h5
{
   margin:0px;
   padding:0px;
   font-size:0.8em;
   border-bottom:1px solid #666;
   font-family:Verdana, Geneva, sans-serif;
}

.produto p
{
   color:#000;
   margin:0px;
   padding:0px;
   font-size:2.0em;
   text-align:right;
}

.menu {position:relative; height:35px; width:430px; margin-left:450px;}
.menu ul {list-style:none; z-index:10; position:absolute; z-index:100; padding:9px 5px}
.menu li {float:left}
.menu a, .menu a:active, .menu a:visited, .menu a:hover {text-decoration:none; color:#000; padding:10px; font-weight:bold;}
#slide {position:absolute; top:6px; height:24px; background:#999; z-index:10}

#galeria-empresa{ width:228px; height:180px; float:left; margin-top:40px; background-image:url(imagens/bg-empresa-right.jpg); background-repeat:no-repeat; background-position:left;}
.galeria-empresa {text-align:right;  line-height:30px; font-size:12px; color:#FFFFFF;}
.galeria-empresa a {font-size:12px; color:#FFFFFF;}
.galeria-empresa ul {color:#FFFFFF;}
.galeria-empresa li {color:#FFFFFF;}

.veja{font-family:Arial, Helvetica, sans-serif; margin-left:430px; line-height:15px;}

#barra-lateral-produtos { width:228px; float:right; margin-top:40px;}
.barra-lateral-produtos {line-height:25px; color:#FFFFFF; text-align:left; font-size:12px; background-color:#000000; padding-left:10px;}
.bg-itens { background-image:url(imagens/categorias.png); background-repeat:no-repeat; width:400px;}
.barra-lateral-produtos a {font-size:12px; color:#FFFFFF; }
.barra-lateral-produtos ul {color:#FFFFFF;}
.barra-lateral-produtos li {color:#FFFFFF;}
.itens-produtos { text-transform:uppercase; text-align:left; padding-left:10px; color:#000000;}
.itens-produtos2 {background-image:url(imagens/div-itens.png); background-repeat:no-repeat; height:16px; margin-top:15px; text-align:left; padding-left:10px; 
color:#000000; text-transform:uppercase;}

<!-- Começo paginação */

.bloco1 {background-image:url(imagens/bloco1.gif); background-repeat:no-repeat; background-position:right bottom;}
.bloco2 {background-image:url(imagens/bloco2.gif); background-repeat:no-repeat; background-position:right bottom;}
.bloco3 {background-image:url(imagens/bloco3.gif); background-repeat:no-repeat; background-position:right bottom;}
.bloco4 {background-image:url(imagens/bloco4.gif); background-repeat:no-repeat; background-position:right bottom;}
.bloco5 {background-image:url(imagens/bloco5.gif); background-repeat:no-repeat; background-position:right bottom;}
.bloco6 {background-image:url(imagens/bloco6.gif); background-repeat:no-repeat; background-position:right bottom;}
.bloco7 {background-image:url(imagens/bloco7.gif); background-repeat:no-repeat; background-position:right bottom;}
.bloco8 {background-image:url(imagens/bloco8.gif); background-repeat:no-repeat; background-position:right bottom;}
.bloco9 {background-image:url(imagens/bloco9.gif); background-repeat:no-repeat; background-position:right bottom;}
.bloco10 {background-image:url(imagens/bloco10.gif); background-repeat:no-repeat; background-position:right bottom;}
.bloco11 {background-image:url(imagens/bloco11.gif); background-repeat:no-repeat; background-position:right bottom;}
.bloco12 {background-image:url(imagens/bloco12.gif); background-repeat:no-repeat; background-position:right bottom;}
.bloco13 {background-image:url(imagens/bloco13.gif); background-repeat:no-repeat; background-position:right bottom;}
.bloco14 {background-image:url(imagens/bloco14.gif); background-repeat:no-repeat; background-position:right bottom;}
.bloco15 {background-image:url(imagens/bloco15.gif); background-repeat:no-repeat; background-position:right bottom;}
.bloco16 {background-image:url(imagens/bloco16.gif); background-repeat:no-repeat; background-position:right bottom;}
.bloco17 {background-image:url(imagens/bloco17.gif); background-repeat:no-repeat; background-position:right bottom;}
.bloco18 {background-image:url(imagens/bloco18.gif); background-repeat:no-repeat; background-position:right bottom;}




.paginationstyle { width: 460px; text-align: left; padding-left: 10px; font-family:Arial, Helvetica, sans-serif; font-size:14px; margin: 5px 0;}
.paginationstyle select{ border: 1px solid navy; margin: 0 15px; margin-bottom:20px;}
.paginationstyle a{ padding: 0 10px; text-decoration: none; border: 1px solid black; color:#fff; background-color:#000;}
.paginationstyle a:hover, .paginationstyle a.selected{color: #000; background-color: #fff;}
.paginationstyle a.imglinks{ border: 0; padding: 0;}
.paginationstyle a.imglinks img{ vertical-align: bottom; border: 0;}
.paginationstyle a.imglinks a:hover{ background: none;}
.paginationstyle .flatview a:hover, .paginationstyle .flatview a.selected{ color: #000; background-color: yellow;}

.hidepiece {height:330px;}


--> Fim Paginação */