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

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

/**
 * 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;
	font-weight:bold;
}
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 5px;
	font: 80% Verdana,Arial,sans-serif;
	background: #DBDFE8;
	color: #000033;
	text-decoration:none;
	text-align:left;
	font-weight:bold;
}
ul.postnav a:hover{
	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;
}

/**
 * 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*/#ffffff url(img/rodape.png);
	color: #000000;text-align:center;
	font-size:80%;
}
div#footer a {
	color:#0000ff;
	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;
}