/* Fix IE. Hide from IE Mac \*/
* html  ul li { float: left; height: 1%; }
* html  ul li a { height: 1%; }
/* End */

* {margin:0; padding: 0; list-style: none; text-decoration: none; }

body {
	background: #f0f0f0 url(body.jpg) repeat-x fixed top;
	color: #000;
    font: Arial, Verdana, 'Trebuchet MS';

}

fieldset {
	 border:0; 
}

div#geral {
	width: 770px;
	margin: auto;
	background-color: #fff;
	color: #000;
	position: relative;
}

h1.logo {
text-indent: -9000px;
}

h2.logo {
	text-indent: -9000px;
}

#topo {
	background: #fff url(topo.jpg) no-repeat top left;
	padding-top: 20px;
	padding-left: 15px;
	color: #000;
    height: 150px;
    position: relative;
}

#menu {
    display: block;
    margin-top: 66px;

}

#menu ul {

}

#menu ul li {
  display: inline;
}


#menu ul li a {
	font: bold 12px 'Trebuchet MS';
	color: #666;
    float: left;
    text-transform: uppercase;
    padding: 0 10px;
}

#menu ul li a:hover {
  color: #333;
  text-decoration: underline;
}



#fbusca {
	position: absolute;
	right: 10px;
    bottom: 0px;
	width: 200px;
	margin-top: 6px;
    text-align: right;
}

#btn_busca {
	margin-bottom: -5px;
}

#ibusca {
	color: #666;
	font: 10px arial;
}



div#categorias p {
	background: #B90000 url(topinho_categorias.jpg) no-repeat;

	width: 101px;

	height: 20px;

	color: #fff;

	font: bold 10px verdana;

	padding: 7px 0 0 5px;
}

div#categorias {
background: #fff url(baixo.jpg) no-repeat bottom right;

	width: 106px;

	color: #fff;

	font: bold 12px 'trebuchet ms';

	margin-left: 20px;

	margin-top: 10px;

	padding-bottom: 10px;
	
	display: none;


}

div#categorias ul{
	background: #000 url(meio.jpg);
	_background: none !important;
padding: 3px 1px 10px 2px;
_padding: 0 !important;

}

div#categorias ul li{
	_background: #000 url(meio.jpg);

}


div#categorias ul li a{

	display: block;

	color: #353535;

	padding-left: 7px;

}



div#categorias ul li a:hover, div#categorias ul li a.selecionado{

background-color: #d0a2a2;

color: #fff;

	padding-left: 13px;



}





div#envio p {
	background: #B90000 url(topinho_envio.jpg) no-repeat;
	width: 96px;
	height: 20px;
	color: #fff;
	font: bold 10px verdana;
	padding: 7px 0 0 10px;
}

div#envio {
	background: #fff url(baixo.jpg) no-repeat bottom right;
	width: 106px;
	color: #fff;
	font: bold 12px 'trebuchet ms';
	margin-left: 20px;
	margin-top: 10px;
	padding-bottom: 10px;

}


div#envio ul {
	background: #000 url(meio.jpg);
	_background: none !important;
padding: 3px 1px 10px 2px;
_padding: 0 !important;
}

div#envio ul li{
	_background: #000 url(meio.jpg);
    text-align: center;
    color: #333;
    

}



div#envio ul li a{
display: block;
}



#bb {
	text-indent: -9000px;
	background: #fff url(banco_brasil.jpg) no-repeat;
	width: 41px;
	height: 47px;
	margin: 10px auto;
}

#banrisul {
	text-indent: -9000px;
	background: #fff url(banrisul.jpg) no-repeat;
	width: 86px;
	height: 17px;
	margin: 10px auto;
}

#bradesco {
	text-indent: -9000px;
	background: #fff url(bradesco.jpg) no-repeat;
	width: 64px;
	height: 48px;
	margin: 10px auto;
}


#sedex {
	text-indent: -9000px;
	background: #fff url(sedex.jpg) no-repeat;
	width: 80px;
	height: 18px;
	margin: 20px auto;
}


#correio {
	text-indent: -9000px;
	background: #fff url(correios.jpg) no-repeat;
	width: 80px;
	height: 18px;
	margin: 20px auto;
}

div#pagamento p {
	background: #B90000 url(topinho_pagamento.jpg) no-repeat;
	width: 96px;
	height: 20px;
	color: #fff;
	font: bold 10px verdana;
	padding: 7px 0 0 10px;
}

div#pagamento {
	background: #fff url(baixo.jpg) no-repeat bottom right;
	width: 106px;
	color: #fff;
	font: bold 12px 'trebuchet ms';
	margin-left: 20px;
	margin-top: 10px;
	padding-bottom: 10px;
	margin-bottom: 50px;

	


}

div#pagamento ul{
	background: #000 url(meio.jpg);
	_background: none !important;
padding: 3px 1px 10px 2px;
_padding: 0 !important;
}

div#pagamento ul li{
	_background: #000 url(meio.jpg);

}

div#pagamento ul li a{
display: block;
}

#produtos {
  float: right;
  margin-right: 10px;
  margin-top: 10px;
  width: 610px;
}


.produto img {
	padding: 5px;
	border: 1px solid #eee;
}

.produto h4 {
	font: bold 15px arial;
	padding: 5px;
}

.produto h5 {
	color: #CA0000;
	padding: 3px;
}

.produto {
	width: 180px;
	height: 180px;
	text-align: center;	
	border: 1px dashed #eee;
	float: left;
	margin: 8px;
	margin-top: 0 !important;
}


a.detalhes, a.leilao_detalhes {
	margin: auto;
	width: 74px;
	height: 20px;
	font: 12px 'trebuchet ms';
	color: #000;
	display: block;
	padding: 0 0 0 5px;
}

a.detalhes {
		background: #EAFFEC url(detalhes.jpg) no-repeat;
}

a.leilao_detalhes {
		background: #EAFFEC url(detalhes_leilao.jpg) no-repeat;
		color: #fff !important;
		font-weight: bold;
}


div.view_produto h2 {
	font: bold 25px 'trebuchet ms';
	color: #373737;
}

div.view_produto img {
	border: 1px solid #eee;
	padding: 8px;
	float: right;
}

p.descricao {
	font: 13px verdana;
	margin-top: 5px;
	text-align: justify;
}

em {
	font-weight: bold;
	font-style: normal;
	color: #ABABAB;
}


div.view_produto h5 {
	font: bold 25px 'trebuchet ms';
	color: #E80000;
	margin: 10px 0 0 390px;
}

input.oferta_compra {
	margin-top: 20px;
}

input#preco {
	margin-top: 20px;
}

	

a.voltar {
	font: 10px arial;
	color: #666666;
	float: left;
	clear: both;
	
}


#comprando {
  margin: 20px 40px;
}


div.compra_produto p {
	font: 12px arial;
	color: #6D6D6D;
}

div.compra_produto h3 {
font: 20px 'trebuchet ms';

}


div.compra_produto p.correto {
	font: 10px arial;
	text-align: center;
	margin-top: 90px;
}

input.btn_compra {
	margin: 20px 0;
}


.buscador {
	position: absolute;
	z-index: 100;
	background-color: #fff;
	border: 2px dashed #ccc;
	width: 200px;
	padding: 20px 5px;
	right: 21%;
	top: 23%;
		font: 12px arial;
	}
	
.abre {
	display: block;
}

.fecha {
	display: none;
}

.buscador ul li a {
	display: block;

	color: #004180;
	text-align: center;
}

.buscador ul li a:hover {
	background-color: #0068CC;
	color: #fff;
}

div#banner{
width: 770px;
text-align: center;
margin-top: 30px;

}


#historico, #centenaria {
	width: 360px;
	border-top: 2px solid #e7e7e7;
	background: #fff url(teste2.jpg) repeat-x center !important;
    float: left;
    margin-left: 6px;
    margin-top: 5px;
    padding: 0 8px;
}


#historico p, #centenaria p {
    text-align: justify;
	font: 12px/16px Arial, Verdana;
    color: #333;
    padding: 2px;
}


#historico h3, #centenaria h3, #ultimos h3, #tabela_precos h3 {
font: bold 16px 'trebuchet ms';
color: #005CB5;
text-align: left;
padding: 3px;
margin-top: 10px;

}

#tabela_precos {
  padding: 0 20px;
}

#tabela_precos table {
    font: 14px/18px Arial;
    border: 1px solid #eee;
    text-align: center;
}

#tabela_precos table td, #tabela_precos table th {
  padding: 5px 8px;
}



#tabela_precos table th {
  background-color: #D2DCDF;
}


#modelos_especiais_obs {
  font-weight: bold;
  color: #666;
  background-color: #E8E8E8;
}


#ultimos h3 {
	margin-top: 10px !important;
}

#centenaria img {
	padding: 7px;
	border: 1px solid #eee;
}

#centenaria a {
   font: bold 11px arial;
   color: Red;
}

#centenaria a:hover {
  text-decoration: underline;
}


p.img {
	text-align: right;
	float: right;
	padding: 5px;
}







.index_produto {
	text-align: center;
	width: 120px;
	height: 140px;
	float: left;
	border: 2px solid Silver;
	margin: 5px 10px;
	padding: 5px;
	background-color: #fff;
}
	
	.index_produto img {
	border: 1px solid #eee;
	padding: 3px;
	}


.index_produto h4 {
	font: bold 12px verdana;
	color: #004180;
}

.index_produto h5 {
	color: #A80000;
	padding: 2px;
}

#ultimos h3 {
	text-align: left !important;
	margin-left: 20px;
	color: #fff;
}








#rodape {
    clear: both;
    width: 720px;
    font: 11px Verdana;
    text-align: center;
    color: #8A8A8A;
    margin: 30px auto 5px auto;
    padding: 10px;
    border-top: 2px solid #f8f8f8;

}


#ultimos {
	width: 770px;
	background: #cbd3d6 url(teste.jpg) repeat-x;
	margin-top: 10px;
	height: 380px;
	float: left;

}



a.leia {
	color: Red;
	font: bold 10px arial;
	float: right;
	padding: 5px;
	margin: 5px;
}



a.leia:hover {
	background-color: #AE0000;
	color:#fff;
	font: bold 11px arial;
	margin: 4px;
}


#sobre_historico h3, #sobre_sobre h3, #sobre_como_comprar h3, #sobre_curriculo h3 {
	font: bold 25px 'trebuchet ms';
	color: #0066C8;
}


#sobre_historico, #sobre_sobre, #sobre_como_comprar, #sobre_curriculo {
	padding: 20px 30px;
	font: 14px verdana;
}







/*
			<div id="sobre_como_comprar">
				<h3>Como comprar?</h3>
				<p><?= nl2br($como_comprar);?></p>		
			</div>	


*/


#contato h3 {
	font: bold 16px arial;
	color: #00498E;
	margin-top: 30px;
	margin-bottom: 10px;
}


#contato {
	padding: 0 30px 20px 30px;
}


#contato p {
	font: 14px arial;
	color: #4F4F4F;
}


#contato em {
	color: #404040;
}


#preco {
		font: bold 25px 'trebuchet ms';
	color: #E80000;
	border: 1px solid #ff0000;;
}

ul#galeria {
	padding-left: 8px;
	text-align: center;
}

ul#galeria li{
	float: left;
	width: 250px;
        height: 210px;
	text-align: center;
	margin-top: 10px;
}

ul#galeria li a img {
	border: 1px solid #eee;
	padding: 8px;
		background-color: #fff;
}

ul#galeria li a{
	background-color: #fff;
	display: block;
	padding: 5px;
	padding-top: 10px;
	text-align: center;
}

ul#galeria li a:hover{
	background-color: #F9F9F9;
}


ul#galeria li a em{
	display: block;
	text-align: center;
}



p.nave {
	padding: 30px;
	clear: both;
	display: block;
	text-align: center;
	color: #ccc;
	font: 11px arial, sans-serif;
}

p.nave a{
	color: #333;
}


p.nave a.numpag {
	color: #006AD0;
	padding: 1px 3px;
}

p.nave a.numpag:hover{
	background-color: #006AD0;
	color: #fff;
}

p.nave span.numpag {
	background-color: #FDFDFD;
	color: #333;
	padding: 1px 3px;
	border: 1px solid #F4F4F4;
}