/**
 * @author Fabio dos Santos www.fabiodossantos.com.br
 * @date 7 de novembro de 2008
 * 
 * @version v1r9  
 */
 
/**
 * LIMPA NAVEGADOR
 */ 
* {
	margin:0;
	padding:0;
	list-style:none;
}

/**
 * BODY
 */
body {
	font: 80%/1.3 Verdana,Arial,sans-serif;
	text-align: center;
	background-color: #DBDFE8;	
	margin-top:10px;
}

/**
 * MENU - HORIZONTAL
 */
ul#nav {
	margin-left:10px;
}
ul#nav li {
	list-style-type:none;
	margin:0;
	padding:0;
	float:left;
	font-size: 85%;
	margin-left: 2px; 
	margin-right: 2px;
	text-align: center;
}
ul#nav a {
	float: left;
	width: 99px;
	padding: 4px 0;
	background: url(img/bghor.jpg) no-repeat;
	text-decoration: none;
	color: #000033;
}
ul#nav a:hover {
	background: url(img/bghor.jpg) no-repeat;
	color: #006699;
}
ul#nav li.activelink a,ul#nav li.activelink a:hover {
	background: url(img/bghor.jpg) no-repeat;
	color: #006699;
}

/**
 * MENU - VERTICAL
 */
ul.postnav,ul.postnav li{
	margin:2px;
	padding-left:1px;
	_padding-left:0px;/*hack ie*/
	list-style-type:none;

}
ul.postnav li{
	float:left;
	width: 140px;
	font-size:12px;
	margin-right:0px;
	
	}
ul.postnav a{
	display:block;
	width:138px;
	padding:5px 0;
	font: 80% Verdana,Arial,sans-serif;
	background: #DBDFE8;
	color: #000033;
	text-decoration:none;
	text-align:center;
}
ul.postnav a:hover{
	background:#DBDFE8;
	color:#006699;
}

a.botao1{
	background:#CCCCCC;
}
a.botao2{
	background:#006699;
}
/*
 * TABELAS - CATEGORIAS E PRODUTOS
 */
table.produtos {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
}

table.tabelasemborda {
    border: none;
}

a.lupa{
    color: #FF0000;
}

a.linkpreto{
    color: #000000;
}

table {
    border-collapse: collapse;
    border: 1px solid #ccc;
}

/*
 * FORMS 
 */
fieldset {
	border:none;
} 
legend {
	border:none;
} 
 
/**
 * ALBUM DE FOTOS
 */
#galeria table {
	width:100%;
}
#galeria #album {
	padding:5px 2px 5px 2px;
	border:1px solid #ccc;
}
#galeria #selecao {
	width:550px;
	margin-left:4px;
}
#galeria #img {
	width:120px;
	float:left;
	text-align: center;
	border:1px solid #ccc;
	padding:3px;
	margin:5px 8px 4px 2px;
}
#galeria .esconde {
	display:none;
}
#galeria .lupa {
	width:30px;
	height:15px;
	border:1px solid #ccc;
	margin-top:10px;
}
#galeria .miniatura {
	float:left;
	text-align: center;
	border:1px solid #ccc;
	margin:2px;
	padding:2px;
	width: 125px;
	height:125px;
}

/**
 * DIAGRAMAÇÃO - HEADER
 */

div#header { 
	overflow: hidden;
}

/**
 * DIAGRAMAÇÃO - MENU VERTICAL
 * Bloco onde fica o menu vertical
 */
div#side {
      width: 150px;
      margin: 0 0 10px 0px;
}

/**
 * DIAGRAMAÇÃO - CONTAINER
 * Bloco que envolve todo o site
 */
div#container-header {
      width:740px;
      background:#fff;
	margin:5px auto;
	padding:5px 0 5px 0;
	text-align:center;
}

div#container {
      width:740px;
      background:#fff;
	margin:0 auto;
	padding:0 0 10px 0;
}

/**
 * DIAGRAMAÇÃO - CONTENT
 * Bloco que envolve somente o conteúdo
 */
div#content {
	float:right;
	display:inline;
	margin:6px 15px 6px 6px;
	text-align:justify;
	border:0px solid #000;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	width:560px;
}

div#content a{
	text-decoration:none;
}

/**
 * DIAGRAMAÇÃO - RODAPÉ
 * Bloco que envolve o rodape
 */
div#footer {
	clear:both;
	width:720px;
	margin:0 10px 0;
	padding: 10px 0;
	background: #203063;
	color: #ccc;text-align:center;
	font-size:80%;
}
div#footer a {
	color:#fff;
	text-decoration:none;
}

div#footer a:hover {
	color:#ffc;
	text-decoration:none;
}


/**
 * GENÉRICOS
 *
 * Estilos que não envolvem estrutura e layout
 * Todos os novos estilos devem ser incluídos
 * a partir desta linha 
 */
strong.tituloGrande {
	font-size: 17px;
	font-weight: normal;
	font-size-adjust: 5px;
	color:#FF0000;
	text-align:center;
}

#mapa {
	border:none;
}

/**
 * ATENÇÃO: Não alterar nada neste trecho
 * 
 * Nifty Corners Cube CSS by Alessandro Fulciniti
 * The following classes are added dinamically by javascript,
 * and their use should be avoided in the markup
 */
 
b.niftycorners,b.niftyfill{display:block}
b.niftycorners *{display:block;height: 1px;line-height:1px;font-size: 1px;
    overflow:hidden;border-style:solid;border-width: 0 1px}
/*normal*/
b.r1{margin: 0 3px;border-width: 0 2px}
b.r2{margin: 0 2px}
b.r3{margin: 0 1px}
b.r4{height: 2px}
b.rb1{margin: 0 8px;border-width:0 2px}
b.rb2{margin: 0 6px;border-width:0 2px}
b.rb3{margin: 0 5px}
b.rb4{margin: 0 4px}
b.rb5{margin: 0 3px}
b.rb6{margin: 0 2px}
b.rb7{margin: 0 1px;height:2px}
b.rb8{margin: 0;height:2px}
b.rs1{margin: 0 1px}
/*transparent inside*/
b.t1{border-width: 0 5px}
b.t2{border-width: 0 3px}
b.t3{border-width: 0 2px}
b.t4{height: 2px}
b.tb1{border-width: 0 10px}
b.tb2{border-width: 0 8px}
b.tb3{border-width: 0 6px}
b.tb4{border-width: 0 5px}
b.tb5{border-width: 0 4px}
b.tb6{border-width: 0 3px}
b.tb7{border-width: 0 2px;height:2px}
b.tb8{border-width: 0 1px;height:2px}
b.ts1{border-width: 0 2px}