/************************************************************************
*   
*   S T Y L E   C S S - #W I N E B R A N D S
*   
*   Author:  Henrique Gois/ Wallace Erick / Guilherme Ventura
*   Date:    15 Jan 2010
*   Email:   henrique_gois@hotmail.com / wallace_erick@hotmail.com / gui.route@hotmail.com
*   Company: Geosfera
*
*************************************************************************/

* img {
	border:none;
}

body {
	background:#949091;
	margin:0 0 0 -15px!important;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color:#5a5353;
	font-size: 11px;
	overflow:-moz-scrollbars-vertical;
}

h1 {
	width:150px;
	height:120px;
	text-indent:-9999px;
	position:absolute;
	margin:57px 0 0 120px;
}

.png{
width:150px;
height: 120px;
overflow: hidden;
background: transparent url('../image/logo-winebrands.png') no-repeat top left;
_background: none;
_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader (src='../image/logo-winebrands.png');
filter: progid:DXImageTransform.Microsoft.AlphaImageLoader (src='./image/logo-winebrands.png');
text-indent:-9999px;
}

h1 a, h1 a:hover {
	display:block;
	width:150px;
	height:120px;
}

h2 {
	width:auto;
	font-weight:normal;
	font-size:24px;
	letter-spacing:2px;
	padding:25px 0 10px 0;
	text-transform:uppercase;
}


/*-----------------------------------------------------------------------
Estrutura
------------------------------------------------------------------------*/

#topo {
	width:100%;
	height:auto;
	margin:0 auto;
	height:245px;
}

#topo-imagem {
	width:1000px;
	height:auto;
	margin:0 auto;
	height:245px;
	background:url('../image/topo.jpg') top left no-repeat;
}

#conteudo {
	width:1000px;
	height:auto;
	margin:0 auto;
	background:url('../image/fundo-main.gif') top left repeat-y;
}

#conteudo-area {
	width:790px;
	height:auto;
	margin:0 auto;
	padding:0 0 20px 30px;
	color:#9c9a9a;
}

/*-----------------------------------------------------------------------
Header
------------------------------------------------------------------------*/

#header {
	width:1000px;
	height:245px;
	margin:0 auto;
}

#header ul#nossas-marcas {
	position:absolute;
	margin:30px 0 0 457px;
    width: 310px;
}

#header ul#nossas-marcas li {
	text-transform:uppercase;
	color:#fff!important;
	margin:1px 0 2px 0;
    float: left;
    width: 155px;
    display: block;
}

#header ul#nossas-marcas  .h2 {
  width: 200px;
  display: block;
  font-weight: bold;
}


#header ul#nossas-marcas li a {
	color:#fff!important;
	text-transform:uppercase;
	text-decoration:none;
	font-size:9px;
	padding:2px 0 2px 0;
}

#header ul#nossas-marcas li a:hover {
	color:#000!important;
	text-decoration:none;
	padding:2px 0 2px 0;
}

#header ul#nossas-marcas li a.ativo {
	color:#000!important;
	text-decoration:none;
	background:#fdfd00;
	padding:2px 0 2px 0;
}

#header ul#paises {
	position:absolute;
	margin:30px 0 0 617px;
}

#header ul#paises li {
	text-align:right;
	margin:1px 0 2px 0;
}

#header ul#paises li a {
	color:#fff!important;
	text-decoration:none;
	font-size:10px;
	padding:2px 5px 2px 5px;
}

#header ul#paises li a:hover {
	color:#000!important;
	padding:2px 5px 2px 5px;
}

#header ul#paises li a.ativo {
	color:#000!important;
	background:#fdfd00;
	padding:2px 5px 2px 5px;
}

#header ul#menu {
	width:130px;
	height:145px;
	margin:26px 0 0 818px;
	position:absolute;
}

#header ul#menu li {
	text-align:right;
	margin:0 0 6px 0;
}

#header ul#menu li a {
	color:#fff!important;
	text-transform:uppercase;
	text-decoration:none;
	font-weight:bold;
	font-size:10px;
	padding:1px 5px 2px 5px;
}

#header ul#menu li a:hover {
	color:#000!important;
	text-decoration:none;
	padding:1px 5px 2px 5px;
}

#header ul#menu li a.ativo {
	color:#000!important;
	text-decoration:none;
	background:#fdfd00;
	padding:1px 5px 2px 5px;
}

#header ul#nossas-marcas li h2, ul#paises li h2 {
	font-size:10px;
	font-weight:bold;
	text-transform:uppercase;
	color:#fff;	
	padding:1px 5px 1px 5px;
	letter-spacing:0;
}

ul#menu li a.e-mail {
	background: #949091 url('../image/img-email.gif') 0 0 no-repeat!important;
	width:10px;
	height:8px;
	display:block;
	float:right;
	clear:both;
	margin:6px -3px 0 0;
}
 
ul#menu li a.e-mail:hover {
	background:none;
}

#header ul#menu li h2 {
	display:none;
}

#header #busca {
	background: transparent url('../image/busca.gif') 0 0 no-repeat;
	float:right;
	margin:167px 56px 0 0;
	width:150px;
	height:33px;
}

#header #busca .form-busca {
	width:115px;
	border:0;
	margin:6px 0 0 5px;
	float:left;
	font: normal 12px Arial!important;
	color:#5a5353;
	background:none;
}

#header #busca .form-ok {
	margin:1px 0 0 0;
}


/*-----------------------------------------------------------------------
Produtor
------------------------------------------------------------------------*/

#conteudo #conteudo-area .produto {
	width:237px;
	height:275px;
	padding:0 0 0 5px;
	margin:0 0 10px 3px;
	float:left;
	background:#fff;
	text-align:left;
	color:#585252;
	font-size:11px!important;
}

#conteudo #conteudo-area .produto img {
	width:69px;
	height:230px;
	background:#fff;
	overflow:hidden;
	text-align:left;
	float:left;
}


#conteudo #conteudo-area .produto h5 {
	padding:35px 0 0 0;
	color:#585252!important;
	text-transform:uppercase;
	font-size:11px;
	font-weight:normal;
}

#conteudo #conteudo-area h5 {
	padding:5px 0 0 0;
	color:#d9941b!important;
	text-transform:uppercase;
	font-size:14px;
	font-weight:normal;
}

#conteudo #conteudo-area .produto p.titulo {
	font-weight:bold;
	font-size:11px;
}

#conteudo #conteudo-area .produto p.titulo a {
	color:#585252;
	text-decoration:none;
}

#conteudo #conteudo-area .produto p.titulo a:hover {
	color:#000;
	text-decoration:none;
}

#conteudo #conteudo-area .produto p.titulo span {
	font-weight:bold;
	font-size:11px;
	color:#fe9d01;
}

#conteudo #conteudo-area .produto p .detalhes {
	height:95px;
	min-height:95px;
	max-height:95px;
	margin:5px 0 0 0;
	color:#585252;
}

#conteudo #conteudo-area .produto a.detalhes {
	color:#585252;
	text-decoration:none;
}

#conteudo #conteudo-area .produto a:hover.detalhes {
	color:#000;
	text-decoration:none;
}

#conteudo #conteudo-area .produto a.tipo-uva {
	color:#bc5d00;
	text-decoration:none;
}
#conteudo #conteudo-area .produto a.tipo-uva:hover {
	color:#bc5d00;
	text-decoration:none;
}

#conteudo #conteudo-area .produto p.pais {
	color:#585252;
	text-transform:uppercase;
	font-weight:bold;
	font-size:11px;
}

#conteudo #conteudo-area ul {
	margin:0 -5px;
}

#conteudo #conteudo-area ul#tipos li {
	text-transform:uppercase;
	color:#4c4c4c!important;
	margin:0;
	display:inline;
	letter-spacing:0.08em;
}

#conteudo #conteudo-area ul#tipos a {
	color:#4c4c4c!important;
	text-transform:uppercase;
	text-decoration:none;
	font-size:12px;
	padding:1px 5px 2px 5px;
}

#conteudo #conteudo-area ul#tipos a:hover, #conteudo #conteudo-area ul#tipos a.ativo {
	text-decoration:none;
	background:#fdfd00;
	padding:1px 5px 2px 5px;
}

#conteudo #conteudo-area ul#ordenar {
	float:left;
	margin:30px 25px 30px -5px;
}

#conteudo #conteudo-area #ordenar h4 {
	margin:0 5px;
}

#conteudo #conteudo-area ul#mostrar {
	float:left;
	margin:30px 0 30px 5px;
}

#conteudo #conteudo-area #mostrar h4 {
	margin:0 5px;
}

#conteudo #conteudo-area ul#ordenar li, #conteudo #conteudo-area ul#mostrar li {
	text-transform:uppercase;
	color:#4c4c4c!important;
	margin:0;
	display:inline;
	letter-spacing:0.1em;
}

#conteudo #conteudo-area ul#ordenar a, #conteudo #conteudo-area ul#mostrar a {
	color:#4c4c4c!important;
	text-transform:uppercase;
	text-decoration:none;
	font-size:9px;
	padding:1px 5px 2px 5px;
}

#conteudo #conteudo-area ul#ordenar a:hover, #conteudo #conteudo-area ul#ordenar a.ativo, #conteudo #conteudo-area ul#mostrar a:hover, #conteudo #conteudo-area ul#mostrar a.ativo {
	text-decoration:none;
	background:#fdfd00;
	padding:1px 5px 2px 5px;
}

#conteudo #conteudo-area ul#ordenar h4, #conteudo #conteudo-area ul#mostrar h4 {
	font-size:11px;
	font-weight:normal;
	color:#4c4c4c!important;
}

/*-----------------------------------------------------------------------
Detalhes do Produto
------------------------------------------------------------------------*/

#conteudo #conteudo-area .carrinho{
	margin:45px 0 0 -40px;
	width:180px;
	height:auto;
	float:left;
	background:#fff url('../image/icone-carrinho.gif') top left no-repeat; /*deletar */
}

#conteudo #conteudo-area .carrinho a {
	color:#9c9a9a;
	text-decoration:none;
}

#conteudo #conteudo-area .carrinho a:hover {
	color:#000;
	text-decoration:none;
}

#conteudo #conteudo-area .carrinho .texto{
	padding:0 5px;
	width:120px;
	float:left;
}

#conteudo #conteudo-area .carrinho p {
	padding:0 0 0 40px;
}

#conteudo #conteudo-area .descricao{
	margin:25px 0 0 0;
	float:left;
	width:430px;
}

#conteudo #conteudo-area .descricao .imagem {
	float:left;
	width:160px;
	height:auto;
	margin-top:-5px;}

#conteudo #conteudo-area .descricao .details {
	margin:5px 0;
	width:265px;
	float:left;
}

#conteudo #conteudo-area .descricao .details .porcentagem {
	color:#d9941b;
	font-weight:bold;
	height:auto;
}

#conteudo #conteudo-area .descricao .details .porcentagem ul {
	padding:5px 0 0 0;
}

#conteudo #conteudo-area .descricao .details .pontuacao b {
	font-weight:normal;
	color:#d9941b;
	text-transform:uppercase;
}

#conteudo #conteudo-area .descricao .details h4 {
	color:#000;
	font-size:14px;
	text-transform:uppercase;
	margin:0 0 15px 0;
}

#conteudo #conteudo-area .descricao .details h4 span {
	color:#d9941b;
	display:block;
	font-size:12px;
}

#conteudo #conteudo-area .descricao .details h5 {
	color:#d9941b;
	display:block;
	font-size:11px;
}

#conteudo #conteudo-area .descricao h5, #conteudo #conteudo-area .observacoes h5{
	color:#d9941b;
	font-size:11px;
	font-weight:normal;
	text-transform:uppercase;
}

#conteudo #conteudo-area .descricao p, #conteudo #conteudo-area .descricao p {
	margin:0 0 5px 0;
}

#conteudo #conteudo-area .descricao .porcentagem {
	margin:0 0 -10px -30px;
	padding:0 0 30px 35px;
	background: #fff url('../image/icone-uva.gif') top left no-repeat;
	height:auto;
}

#conteudo #conteudo-area .descricao .pontuacao {
	margin:0 0 -10px -30px;
	padding:0 0 30px 35px;
	background: #fff url('../image/icone-premios.gif') top left no-repeat;
	height:auto;
}

#conteudo #conteudo-area .descricao .foto{
	width:130px;
	float:left;
}
#conteudo #conteudo-area .descricao .texto{
	margin:5px 0 0 30px;
	float:left;
}

#conteudo #conteudo-area .observacoes {
	width:200px;
	float:right;
}
#conteudo #conteudo-area .observacoes .foto{
	margin:-20px 0 30px 0;
	float:left;
}

#conteudo #conteudo-area .marca{
	width:490px;
	float:right;
}

.fotos-vinicolas{
	position:absolute;
	margin:10px 0 0 0;
}

#conteudo #conteudo-area .texto-quem{
	padding:45px 0 0 0;
	width:345px;
	float:left;
	min-height:500px;
	color:#949191;
	line-height:15px;
}

#conteudo #conteudo-area .texto-quem p{
	margin:0 0 20px 0;
}

#conteudo #conteudo-area .images-quem{
	width:440px;
	float:left;
}

#conteudo #conteudo-area .images-quem li{
	display:inline;
	padding:0 0 0 0;
	height:75px!important;
}
#conteudo #conteudo-area .images-quem img{
	border-width: 1px;
	border-style: solid;
	border-color:#f3f3f3;
}

.clear {
	clear:both;
}

/*-----------------------------------------------------------------------
Representantes
------------------------------------------------------------------------*/

#conteudo #conteudo-area .representantes {
	width:370px;
	float:left;
	line-height:15px;
}

#conteudo #conteudo-area .fotomapa {
	margin:45px 0 0 0;
}

#conteudo #conteudo-area .representantes span {
	color:#d9941b;
}

#conteudo #conteudo-area div.regioes {
	padding:0 0 0 5px;
	background:#ff0066;	
}


#conteudo #conteudo-area div.regioes p {
	width:160px;
	float:left;
	font-size:9px!important;
	padding: 10px 0 0 90px;
	margin:0 0 10px 0;
}

#conteudo #conteudo-area div.regioes p strong{
	font-weight:bold;
	font-size:9px!important;
}

#conteudo #conteudo-area div.regioes p a {
	color:#9e9d9d;
	font-size:9px;
	text-decoration:underline;
}


#conteudo #conteudo-area div.regioes p a:hover {
	color:#d9941b;
	font-size:9px;
	text-decoration:underline;
}

#conteudo #conteudo-area .sede {
	padding:45px 0;
	width:420px;
	float:left;
	font-size:12px!important;
}

#conteudo #conteudo-area .sede div.esquerda {
	float:left;
	line-height:20px;
}

#conteudo #conteudo-area .sede div.esquerda a, a.contato {
	color:#d9941b;
	text-decoration:none;
	font-weight:bold;
}

#conteudo #conteudo-area .sede div.esquerda a:hover, a.contato:hover {
	color:#9e9d9d;
	text-decoration:underline;
}

#conteudo #conteudo-area .sede div.direita {
	float:left;
	margin:0 0 0 20px;
	line-height:20px;
}

#conteudo #conteudo-area img {
	float:right;
}

/*-----------------------------------------------------------------------
Classes
------------------------------------------------------------------------*/

#conteudo #conteudo-area .breadcrumb {
	width:auto;
	font-size:24px;
	letter-spacing:2px;
	padding:25px 0 10px 0;
	text-transform:uppercase;
}

#conteudo #conteudo-area .cinza {
	color:#4c4c4c;
}

#conteudo #conteudo-area .laranja {
	color:#d9941b;
}

#conteudo #conteudo-area a.pais {
	font-size:12px;
	color:#4c4c4c;
	text-decoration:none;
	text-transform:uppercase;
}

#conteudo #conteudo-area .breadcrumb a {
	color:#4c4c4c;
	text-decoration:none;
}

#conteudo #conteudo-area .breadcrumb a:hover, #conteudo #conteudo-area .breadcrumb a:hover{
	text-decoration: underline;
}

.logotipo {
	padding: 20px 0 0 10px;
	width:197px;
	height:48px;
	float:left;
}

/*-----------------------------------------------------------------------
Rodapé
------------------------------------------------------------------------*/

#rodape {
	width:1000px;
	height:75px;
	height:auto;
	margin:0 auto;
	background:url('../image/fundo-rodape.gif') top no-repeat;
	padding:55px 0 25px 0;
	font-size:11px;
	color:#fff;
	text-align:center;
}
#rodape p {
	padding:0 0 5px 0;
}


#footer {
	width:1000px;
	margin:0 auto;
	text-align:center;
	color:#fff;
	padding:25px 0 25px 0;
}
#footer p {
	padding:0 0 5px 0;
}

#flash {
	width:1000px;
	margin:0 auto;
}

/*-----------------------------------------------------------------------
Formulário
------------------------------------------------------------------------*/

#conteudo #conteudo-area .sede-contato p{
	margin:0 0 5px 0;
	font-size:13px;
}

#conteudo #conteudo-area h5.preencha {
	padding:10px 0 0 0;
	color:#d9941b!important;
	text-transform:uppercase;
	font-size:11px;
	font-weight:normal;
}

#conteudo #conteudo-area .sede-contato {
	margin:30px 0;
	width:230px;
	height:auto;
	float:left;
}

#conteudo #conteudo-area .sede-contato strong{
	font-size:13px;
	font-weight:bold;
}


#formulario {
	margin:25px 0 0 0;
	padding:0 0 0 0px;
	width:400px;
	height:auto;
	float:left;
}

#formulario label {
	width:90px;
	text-transform:uppercase;
	padding:6px 10px 0 10px;
	text-align:right;
	display:block;
	float:left;
}

#formulario input {
	width:250px;
	height:21px;
	border:none;
	background:url('../image/input.gif') 0 0 no-repeat;
	padding:6px 0 0 10px;
	color:#9e9d9d;
	font: normal 11px Arial;
}

#formulario input:focus {
	background:url('../image/inputFocus.gif') 0 0 no-repeat;
}

#formulario input:hover {
	background:url('../image/inputHover.gif') 0 0 no-repeat;
}

#formulario textarea {
	width:250px;
	height:260px;
	border:none;
	background: url('../image/textarea.gif') 0 0 no-repeat;
	padding:6px 0 0 10px;
	color:#9e9d9d;
	font: normal 11px Arial;
}

#formulario textarea:focus {
	background: url('../image/textareaFocus.gif') 0 0 no-repeat;
}

#formulario textarea:hover {
	background: url('../image/textareaHover.gif') 0 0 no-repeat;
}

#formulario input#enviar {
	width:85px;
	height:30px;
	border:none;
	background:url('../image/btEnviar.jpg') 0 0 no-repeat;
	display:block;
	text-indent:-9999px;
	margin:0 0 0 274px;
}

#formulario input#enviar:hover {
	background:url('../image/btEnviarHover.jpg') 0 0 no-repeat;
}

#formulario input#enviar:focus {
	background:url('../image/btEnviarFocus.jpg') 0 0 no-repeat;
}

#suggestions
{
	position:relative;
	z-index:9999;
	background-color:#fff;
	border:1px solid #ccc;
	padding:5px ;
	display:none;
	height:350px;
	overflow-y:scroll;
	width:250px;
	left:-115px;
}

#suggestions a 
{
	text-decoration:none;
	color:#333;
}


#suggestions .imgBusca
{
	display:block;
	width:100px;
	overflow:hidden;
	
}
#suggestions .tituloBusca
{
	color:#333;
	font:bold 10px Verdana, Arial, Helvetica, sans-serif;
}
#suggestions .descricaoBusca
{

	color:#333 !important;
	font:10px Verdana, Arial, Helvetica, sans-serif;
}

#subuva {
  width: 180px;
  background: #efefef;
  border: #d6d6d6 1px solid;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  position: absolute;
  padding: 5px;
  display: block;
}

#subuva li {
  float: none;

  display: block;
}

#subuva  li a {
  display: block;
}

/* CV */
#formulario-cv {
	margin:25px 0 0 0;
	padding:0 0 0 0px;
	width:560px;
	height:auto;
	float:left;
}

#formulario-cv label {
	width:120px;
	text-transform:uppercase;
	padding:6px 10px 0 0;
	text-align:right;
	display:block;
	float:left;
}

#formulario-cv .inputcheck {
	width:14px;
	height:14px;
	background:none;
}
#formulario-cv .inputcheck:focus {
	width:14px;
	height:14px;
	background:none;
}
#formulario-cv .inputcheck:hover {
	width:14px;
	height:14px;
	background:none;
}

#formulario-cv input {
	width:350px;
	height:21px;
	border:none;
	background:url('../image/input-cv.gif') 0 0 no-repeat;
	padding:5px 0 0 10px;
	color:#585252;
	font: normal 11px Arial;
}

#formulario-cv input:focus {
	background:url('../image/inputFocus-cv.gif') 0 0 no-repeat;
}

#formulario-cv input:hover {
	background:url('../image/inputHover-cv.gif') 0 0 no-repeat;
}
#formulario-cv .inputddd {
	height:21px;
	border:none;
	background:url('../image/input-cv-ddd.gif') 0 0 no-repeat;
	padding:6px 5px 0 10px;
	color:#585252;
	font: normal 11px Arial;
}

#formulario-cv .inputddd:focus {
	background:url('../image/inputFocus-cv-ddd.gif') 0 0 no-repeat;
}

#formulario-cv .inputddd:hover {
	background:url('../image/inputHover-cv-ddd.gif') 0 0 no-repeat;
}

#formulario-cv .inputfone {
	height:21px;
	border:none;
	background:url('../image/input-fone.gif') 0 0 no-repeat;
	padding:6px 0 0 10px;
	color:#585252;
	font: normal 11px Arial;
}

#formulario-cv .inputfone:focus {
	background:url('../image/inputFocus-fone.gif') 0 0 no-repeat;
}

#formulario-cv .inputfone:hover {
	background:url('../image/inputHover-fone.gif') 0 0 no-repeat;
}

#formulario-cv .inputcidade {
	height:21px;
	border:none;
	background:url('../image/input-cv-cidade.gif') 0 0 no-repeat;
	padding:6px 0 0 10px;
	color:#585252;
	font: normal 11px Arial;
}

#formulario-cv .inputcidade:focus {
	background:url('../image/inputFocus-cv-cidade.gif') 0 0 no-repeat;
}

#formulario-cv .inputcidade:hover {
	background:url('../image/inputHover-cv-cidade.gif') 0 0 no-repeat;
}

#formulario-cv textarea {
	width:338px;
	height:251px;
	border:none;
	background: url('../image/textarea-cv.gif') 0 0 no-repeat;
	padding:6px 0 0 10px;
	color:#585252;
	font: normal 11px Arial;
}
#formulario-cv textarea:focus {
	background: url('../image/textareaFocus-cv.gif') 0 0 no-repeat;
}
#formulario-cv textarea:hover {
	background: url('../image/textareaHover-cv.gif') 0 0 no-repeat;
}

#formulario-cv .textarea2 {
	width:338px;
	height:74px;
	border:none;
	background: url('../image/textarea-cv_p.gif') 0 0 no-repeat;
	padding:6px 0 0 10px;
	color:#585252;
	font: normal 11px Arial;
}
#formulario-cv .textarea2:focus {
	background: url('../image/textareaFocus-cv_p.gif') 0 0 no-repeat;
}
#formulario-cv .textarea2:hover {
	background: url('../image/textareaHover-cv_p.gif') 0 0 no-repeat;
}

#formulario-cv select {
	width:348px;
	height:27px;
	border:none;
	background:url('../image/input-cv.gif') 0 0 no-repeat;
	background-color:#FFFFFF;
	padding:4px 0 4px 5px;
	margin-bottom:8px;
	font: normal 11px Arial;
}

#formulario-cv input#enviar {
	width:85px;
	height:30px;
	border:none;
	background:url('../image/btEnviar.jpg') 0 0 no-repeat;
	display:block;
	text-indent:-9999px;
	margin:0 0 0 395px;
}

#formulario-cv input#enviar:hover {
	background:url('../image/btEnviarHover.jpg') 0 0 no-repeat;
}

#formulario-cv input#enviar:focus {
	background:url('../image/btEnviarFocus.jpg') 0 0 no-repeat;
}