﻿/* border: #00FF00 solid 1px; */

* {margin: 0; padding: 0; border: 0;}

body {
	font-family: Arial, Tahoma, sans-serif; 
	text-align: left; 
	font-size: 12px;
	background-color:#EEE;	
	}
	
	
	
/*******************/
/*  ESTRUTURA*/
/******************/	
#geral{
	position: relative;
	color:#666;
	width: 990px;
	height:auto;
	margin: 0 auto;
	text-align: left;
	}

#topo{
	width:990px;
	height:255px;
	background-image:url(../imagens/topo.jpg);
	}
	
	

/*****************************/
/*  CLASSES                   */
/*****************************/
.img{
	float:left;
	border:#ccc solid 1px;
	padding:2px;
	margin-right:15px;
	}

.imgEsquerda{
	float:left;
	padding:2px;
	margin-right:15px;
	}


.imgBorda{
	border:#ccc solid 1px;
	padding:2px;
	}

.formulario{
	border:#ccc solid 1px;
	padding:2px;
	margin-right:15px;
	font-family: Arial, Tahoma, sans-serif; 
	color:#666;
	background:#f1f1f1;
	}


.logo{
	float:left;
	padding:2px;
	margin-right:15px;
	}

.bold { 
	font-weight:bold;
	}

.sombra{
Filter:progid:DXImageTransform.Microsoft.Shadow(color=#666666, direction=125, strength=5)
}


/******************/
/*  CONTEUDO */
/******************/
#colunaEsquerda{
	float:left;
	width: 219px;
	padding:35px 0px 0px 10px;
	background-image:url(../imagens/menu_lateral.jpg);
	}
	
	
	
#colunaDireita {
	float:left;
	width: 761px;
	height: auto;
	min-height:470px;
	background-color:#fff;
	}
	
	
	
#conteudo {
	float:left;
	width: 990px;
	height: auto;
	background-image:url(../imagens/fundo.jpg);
	}
	
	
	
#colecao2010 {
	float:left;
	width: 990px;
	height: 260px;
	background-image:url(../imagens/colecoes.jpg);
	}
	
	
	
#identificador {
	float:left;
	width: 717px;
	height: 18px;
	margin:5px;
	padding:2px 0px 0px 33px;
	color: #8fa400;
	font-size:13px;
	background-image:url(../imagens/identificador.jpg);
	}

	#identificadorConteudo {
	float:left;
	width: 120px;
	height: 15px;
	padding:5px 5px 5px 3px;
	}
	
	
	
#destaques {
	float:left;
	width: 750px;
	height: auto;
	margin:5px;
	}
	
	#destaques p {
	margin-top:10px;
	}

	#destaques a {
	color: #8fa400;
	text-decoration: none;
	}

	#destaques a:hover {
	text-decoration:underline;
	color: #333;
	}
	
#saibamais {
	float:right;
	width: 483px;
	height: 25px;
	margin-top:45px;
	background-image:url(../imagens/saiba_mais.jpg);
	}
	
	#saibamaisTexto {
	float:right;
	width: 75px;
	height: 15px;
	padding:5px 5px 5px 10px;
	color:#333;
	font-size:11px;
	}
	
	#saibamaisTexto a {
	font-size:11px;
	color: #333;
	text-decoration: none;
	}

	#saibamaisTexto a:hover {
	text-decoration:underline;
	color: #8fa400;
	}
	
	
	
#promocoes {
	float:left;
	width: 360px;
	height: auto;
	margin-top:30px;
	}
	
	#promocoesBanner {
	float:left;
	width: 360px;
	height: auto;
	}
	
	
	
#novidades {
	float:right;
	width: 370px;
	height: auto;
	margin:30px 10px 0px 0px;
	}
	
	#novidadesTexto {
	float:right;
	width: 370px;
	height: auto;
	margin-top:7px;
	}
	
	#novidadesTexto a {
	font-size:11px;
	color: #8fa400;
	text-decoration: none;
	}

	#novidadesTexto a:hover {
	text-decoration:underline;
	color: #333;
	}
	
	#traco {
	float:left;
	width: 01px;
	height: 225px;
	margin:30px 10px 0px 10px;
	background-color:#ccc;
	}
	
	
	
#selo {
	float:right;
	width: 135px;
	height: 55px;
	margin-top:40px;
	background-image:url(../imagens/colecao_2010.jpg);
	}
	
	#verdetalhes {
	float:left;
	width: 125px;
	height: 20px;
	padding:35px 0px 0px 10px;
	}
	
	#verdetalhes a {
	font-size:11px;
	color: #666;
	text-decoration: none;
	}

	#verdetalhes a:hover {
	text-decoration:underline;
	color: #8fa400;
	}
	
	
	
#data {
	float:right;
	width: 260px;
	height: auto;
	padding:10px;
	color:#fff;
	}
	
	
	
/******************/
/*  RODAPÉ        */
/******************/	
#rodape{
	float:left;
	clear:both;
	width: 990px;
	height: 115px;
	font-size:12px;
	color:#fff;
	background-image:url(../imagens/rodape.jpg);
	}
	
	#rodape a {
	color: #000;
	text-decoration: underline;
	}

	#rodape a:hover {
	text-decoration:none;
	color: #8fa400;
	}
	
	#endereco{
	float:left;
	width: 320px;
	height: auto;
	color: #000;
	margin:30px 0px 0px 20px;
	}
	
	#endereco h1{
	font-size:13px;
	color:#8fa400;
	}
	
	#pagamento{
	float:right;
	width: 350px;
	height: auto;
	margin-top:15px;
	margin-right:15px;
	}