/**************************************************************
 FOLHA DE ESTILOS

 Autor: Rodrigo Fialho / rodrigo.fialho@ibonfim.com
 
 Desenvolvimento: iBONFIM - Agência Online
 				  http://www.ibonfim.com
***************************************************************/

/*********************************************** TAGS HTML ***********************************************/
body {
	margin:0px;
    padding:0px;
    background:url('../imgs/bgBody.jpg') top left repeat;
    font-family:Arial, "Trebuchet MS", Tahoma;
    font-size:11px;
	color:#818181;
}

img, object, embed, form{border:none;margin:0px;}

input, textarea {
	border:1px solid #cecece;
	padding:5px;
	font-size:11px;
	color:#000000;
	background:#f5f5f5;
    font-family:Arial, Tahoma, "Trebuchet MS";
}


a{color:#b00000; text-decoration:none;}
a:active{color:#b00000; text-decoration:none;}
a:visited{color:#b00000; text-decoration:none;}
a:hover{color:#e40000; text-decoration:none;}

h1,h2,h3,h4,h5,h6{color:#6e0000;margin:0px;}

table{margin:0px;padding:0px;}
table td{text-align:left;}
table th{text-align:right;font-weight:normal;}

/*********************************************** TOPO ***********************************************/

.boxTopo{
	float:left;
	width:100%;
	height:324px;
	background:url('../imgs/bgTopo.jpg') top left repeat-x;
}

.boxTopo .topo{
	position:relative;
    width:778px;
    margin:0px auto;
    text-align:left;
}

.boxTopo .topo .boxLogoMarca{
	float:left;
    width:340px;
}

.boxTopo .topo .bgBoxCadastreSe{
	float:left;
    width:312px;
	height:125px;
	background:url('../imgs/bgBoxCadastrese.jpg') no-repeat;
	padding:10px 0px 0px 124px;
}

.boxTopo .topo .bgBoxCadastreSe .boxCadastreSe{
	float:left;
    width:310px;
	
}

.boxTopo .topo .bgBoxCadastreSe .boxCadastreSe p{
	margin-left:5px;
	color:#FFFFFF;
}

.boxTopo .topo .bgBoxCadastreSe .boxCadastreSe input.email{
	float:left;
	width:140px;
	height:28px;
	background:url('../imgs/bgInputEmail.jpg') no-repeat;
	color:#afa3a1;
	border:none;
	margin-left:2px;
	padding:6px 6px 0px 6px;
}

.boxTopo .topo .bgBoxCadastreSe .boxCadastreSe input.nome{
	float:left;
	width:106px;
	height:28px;
	background:url('../imgs/bgInputNome.jpg') no-repeat;
	color:#afa3a1;
	border:none;
	margin-left:2px;
	padding:6px 6px 0px 6px;
}

.boxTopo .topo .bgBoxCadastreSe .boxCadastreSe a.btCadastreSe{
	float:left;
	width:28px;
	height:26px;
	background:url('../imgs/btCadastreSe.jpg') no-repeat;
	margin:1px 0px 0px 3px;
	padding:0px;
}

.boxTopo .topo .menu{
	float:left;
    width:100%;
	margin-top:10px;
}

.boxTopo .topo .menu a.btAPlanne{
	float:left;
    width:161px;
	height:44px;
	background:url('../imgs/btAPlanne.jpg') 0px 0px no-repeat;
	margin-left:35px;
}

.boxTopo .topo .menu a:hover.btAPlanne{
	background:url('../imgs/btAPlanne.jpg') 0px -46px no-repeat;
}

.boxTopo .topo .menu a.btProdutos{
	float:left;
    width:155px;
	height:44px;
	background:url('../imgs/btProdutos.jpg') 0px 0px no-repeat;
}

.boxTopo .topo .menu a:hover.btProdutos{
	background:url('../imgs/btProdutos.jpg') 0px -46px no-repeat;
}

.boxTopo .topo .menu a.btEventosNoticias{
	float:left;
    width:230px;
	height:44px;
	background:url('../imgs/btEventosNoticias.jpg') 0px 0px no-repeat;
}

.boxTopo .topo .menu a:hover.btEventosNoticias{
	background:url('../imgs/btEventosNoticias.jpg') 0px -46px no-repeat;
}

.boxTopo .topo .menu a.btContato{
	float:left;
    width:154px;
	height:44px;
	background:url('../imgs/btContato.jpg') 0px 0px no-repeat;
}

.boxTopo .topo .menu a:hover.btContato{
	background:url('../imgs/btContato.jpg') 0px -46px no-repeat;
}

.boxTopo .boxBanner{
	float:left;
    width:100%;
	height:232px;
	margin-top:-6px;
	padding-top:30px;
	background:url('../imgs/bgBoxBanner.jpg') top center no-repeat;
	/************ ALTERADO ***************/
	/*_background:url('../imgs/bgBoxBannerIE.jpg') top center no-repeat;*/
	/************ ALTERADO ***************/
}

.boxTopo .boxBanner .boxFrete{
	position:relative;
    width:778px;
	margin:0px auto;
	text-align:center;
}

.boxTopo .boxBanner .banner{
	position:relative;
    width:778px;
	height:184px;
	margin:2px auto 0px auto;
	z-index:2;
}



/*.boxTopo .boxBanner .banner a.btTodosDepartamentos{
	position:absolute;
	width:283px;
	height:48px;
	/************ ALTERADO ***************
	top:147px;
	/************ ALTERADO ***************
	left:15px;
	z-index:4;
	background:url('../imgs/btTodosDepartamentos.png') 0px 0px no-repeat;
}

.boxTopo .boxBanner .banner a:hover.btTodosDepartamentos{
	background:url('../imgs/btTodosDepartamentos.png') 0px -49px no-repeat;
	
}

.boxTopo .boxBanner .banner .todosDepartamentos{
	position:absolute;
	width:600px;
	top:196px;
	left:15px;
	z-index:5;
	background:#E5B939;
}

.boxTopo .boxBanner .banner .todosDepartamentos .categVinhos{
	float:left;
	width:200px;
	padding:10px;
}

.boxTopo .boxBanner .banner .todosDepartamentos .categVinhos h2{
	background:#6e0000;
	text-align:center;
	margin-bottom:5px;
	color:#FFFFFF;
	font-size:15px;
	padding:2px 0px 2px 0px;
}

.boxTopo .boxBanner .banner .todosDepartamentos .categVinhos a{
	float:left;
	width:190px;
	margin:5px 0px 5px 5px;
	font-weight:bold;
	color:#6e0000;
}

.boxTopo .boxBanner .banner .todosDepartamentos .categVinhos a:hover{
	color:#b00000;
}

.boxTopo .boxBanner .banner .todosDepartamentos .categProdutos{
	float:left;
	width:360px;
	padding:10px;
}

.boxTopo .boxBanner .banner .todosDepartamentos .categProdutos h2{
	background:#6e0000;
	text-align:center;
	margin-bottom:5px;
	color:#FFFFFF;
	font-size:15px;
	padding:2px 0px 2px 0px;
}

.boxTopo .boxBanner .banner .todosDepartamentos .categProdutos a{
	float:left;
	width:165px;
	margin:5px 5px 5px 5px;
	font-weight:bold;
	color:#6e0000;
}

.boxTopo .boxBanner .banner .todosDepartamentos .categProdutos a:hover{
	color:#b00000;
}


.boxTopo .boxBanner .banner .vinhos{
	position:absolute;
    width:162px;
	height:264px;
	margin:0px auto auto 615px;
	background:url('../imgs/vinhosUvas.png') no-repeat;
	z-index:3;
}

.boxTopo .boxBanner .banner .boxBusca{
	position:absolute;
    width:310px;
	padding:7px 0px 7px 10px;
	top:157px;
	left:298px;
	background:#5d0404;
	color:#FFFFFF;
}	

.boxTopo .boxBanner .banner .boxBusca span{
	font-weight:bold;
}	

.boxTopo .boxBanner .banner .boxBusca input{
	width:210px;
	height:10px;
	margin-left:5px;
}	

.boxTopo .boxBanner .banner .boxBusca input.botao{
	width:24px;
	height:24px;
	margin-left:2px;
	background:#e5b939;
	color:#5b0000;
	
}*/	

.boxTopo .boxBanner .baixoBoxBanner{
	position:relative;
    width:778px;
	height:9px;
	margin:0px auto 0px auto;
	background:url('../imgs/bgBaixoBoxBanner.jpg') bottom center no-repeat;
	z-index:1;
	
}

/*********************************************** CENTRALIZA SITE ***********************************************/
.centralizaSite{
	position:relative;
    width:778px;
    margin:0px auto;
    text-align:left;
}

/*********************************************** BOX SITE ***********************************************/

.centralizaSite .boxSite{
	float:left; 
	width:778px;
	margin-top:120px;
	background:url('../imgs/bgBoxSite.jpg') #FFFFFF repeat-x;
}

.centralizaSite .boxSite .baixoBoxSite{
	float:left; 
	width:778px;
	height:17px;
	background:url('../imgs/bgBaixoBoxSite.jpg') no-repeat;
}


/*********************************************** BOX CONTEUDO ***********************************************/
.centralizaSite .boxSite .boxConteudo{
	float:left;
	width:100%;
}

/*********************************************** LATERAL DIREITA ***********************************************/
.centralizaSite .boxSite .boxConteudo .lateralDireita{
	float:left;
	width:250px;
	padding-top:15px;
	padding-left:30px;
	margin-left:10px;
	background:url('../imgs/barraLateralDireita.jpg') no-repeat;
	
}

/*********************************************** ENCONTRE PRODUTO ***********************************************/

.centralizaSite .boxSite .boxConteudo .lateralDireita .boxEncontreProduto{
	float:left;
	width:248px;
	margin-bottom:10px;
}

.centralizaSite .boxSite .boxConteudo .lateralDireita .boxEncontreProduto input.busca{
	float:left;
	width:195px;
	height:16px;
	background:url('../imgs/bgInputBusca.jpg');
	border:none;
	padding:5px 8px 5px 8px;
	margin-top:5px;
}

.centralizaSite .boxSite .boxConteudo .lateralDireita .boxEncontreProduto a.btOKBusca{
	float:left;
	width:28px;
	height:26px;
	background:url('../imgs/btOKBusca.jpg') no-repeat;
	margin:4px 0px 0px 8px;
	padding:0px;
}

/*********************************************** TELE VENDAS ***********************************************/
.centralizaSite .boxSite .boxConteudo .lateralDireita .boxTeleVendas{
	float:left;
	width:248px;
	margin:35px 0px 35px 0px;
}


/*********************************************** LATERAL DIREITA EVENTOS ***********************************************/
.centralizaSite .boxSite .boxConteudo .lateralDireita .boxEventos{
	float:left;
	width:235px;
	margin-top:10px;
}

.centralizaSite .boxSite .boxConteudo .lateralDireita .boxEventos a{
	float:left;
	width:100%;
}

.centralizaSite .boxSite .boxConteudo .lateralDireita .boxEventos img{
	margin:0px;
	padding:0px;
}


.centralizaSite .boxSite .boxConteudo .lateralDireita .boxEventos .evento{
	float:left;
	width:100%;
	padding-bottom:50px;
}

.centralizaSite .boxSite .boxConteudo .lateralDireita .boxEventos .evento a span.titulo{
	float:left;
	width:235px;
	font-weight:bold;
	color:#5e5e5e;
	font-size:13px;
	margin-top:3px;
	cursor:pointer;
}

.centralizaSite .boxSite .boxConteudo .lateralDireita .boxEventos .evento a:hover span.titulo{
	color:#000000;
}

.centralizaSite .boxSite .boxConteudo .lateralDireita .boxEventos .evento a span.chamada{
	float:left;
	width:235px;
	color:#818181;
	cursor:pointer;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
}

.centralizaSite .boxSite .boxConteudo .lateralDireita .boxEventos .evento a:hover span.chamada{
	color:#5e5e5e;
}

.centralizaSite .boxSite .boxConteudo .lateralDireita .boxEventos a span.saibaMais{
	float:left;
	width:230px;
	color:#690102;
}

.centralizaSite .boxSite .boxConteudo .lateralDireita .boxEventos a:hover span.saibaMais{
	color:#b70002;
}



/*********************************************** LATERAL DIREITA PRODUTOS ***********************************************/
.centralizaSite .boxSite .boxConteudo .lateralDireita .boxProdutos{
	float:left;
	width:235px;
}

.centralizaSite .boxSite .boxConteudo .lateralDireita .boxProdutos a{
	float:left;
	width:100%;
	text-align:center;
}

.centralizaSite .boxSite .boxConteudo .lateralDireita .boxProdutos img{
	margin:0px;
	padding:0px;
}


.centralizaSite .boxSite .boxConteudo .lateralDireita .boxProdutos .produto{
	float:left;
	width:100%;
	margin-top:10px;
	padding-bottom:10px;
	border-bottom:1px dotted #5e5e5e;
}

.centralizaSite .boxSite .boxConteudo .lateralDireita .boxProdutos .produto a span.titulo{
	float:left;
	width:235px;
	font-weight:bold;
	color:#6e0000;
	font-size:13px;
	margin-top:10px;
	cursor:pointer;
}

.centralizaSite .boxSite .boxConteudo .lateralDireita .boxProdutos .produto a:hover span.titulo{
	color:#ac0000;
}

.centralizaSite .boxSite .boxConteudo .lateralDireita .boxProdutos .produto a span.chamada{
	float:left;
	width:235px;
	color:#df0000;
	cursor:pointer;
}

.centralizaSite .boxSite .boxConteudo .lateralDireita .boxProdutos .produto a:hover span.chamada{
	color:#FF0000;
}

/*********************************************** CONTEUDO ***********************************************/

.centralizaSite .boxSite .boxConteudo .conteudo{
	float:left;
	width:450px;
	padding:20px 0px 10px 20px;
}

.centralizaSite .boxSite .boxConteudo .conteudo a{color:#b00000; text-decoration:none;}
.centralizaSite .boxSite .boxConteudo .conteudo a:active{color:#b00000; text-decoration:none;}
.centralizaSite .boxSite .boxConteudo .conteudo a:visited{color:#b00000; text-decoration:none;}
.centralizaSite .boxSite .boxConteudo .conteudo a:hover{color:#e40000; text-decoration:none;}
.centralizaSite .boxSite .boxConteudo .conteudo img{margin:0px 6px 0px 6px;padding:0px; border:1px solid #e7e0e0;}
.centralizaSite .boxSite .boxConteudo .conteudo a:hover img{border:1px solid #e5baba;}
.centralizaSite .boxSite .boxConteudo .conteudo p{margin:5px 0px 10px 0px; line-height:15px;}
.centralizaSite .boxSite .boxConteudo .conteudo h1{font-size:13px; font-family:Tahoma;}
.centralizaSite .boxSite .boxConteudo .conteudo h1 img{border:0px;margin:0px;padding:0px;}
.centralizaSite .boxSite .boxConteudo .conteudo h2{font-size:16px; font-family:Tahoma;}
.centralizaSite .boxSite .boxConteudo .conteudo h3{font-size:19px; font-family:Tahoma;}
.centralizaSite .boxSite .boxConteudo .conteudo h4{font-size:21px; font-family:Tahoma;}
.centralizaSite .boxSite .boxConteudo .conteudo h5{font-size:24px; font-family:Tahoma;}
.centralizaSite .boxSite .boxConteudo .conteudo h6{
	font-size:27px;
	font-weight:normal;
	font-family:Tahoma;
}

.centralizaSite .boxSite .boxConteudo .conteudo ul{
	margin:5px 0px 0px 0px;
	padding-left:10px;
	list-style:none;
	list-style-position:inside;
	list-style:disc;
	color:#258bc3;
}

.centralizaSite .boxSite .boxConteudo .conteudo li{margin:0px 0px 5px 0px;}

.centralizaSite .boxSite .boxConteudo .conteudo li span{color:#3d3d3d;}

.centralizaSite .boxSite .boxConteudo .conteudo span.separador{
	float:left;
	width:100%;
	border-top:1px dotted #cecece;
}

/******************************************** SUB MENU INTERNA *************************************************/

.centralizaSite .boxSite .boxConteudo .conteudo .boxSubMenuInterna{
	 float:left;
	 width:100%;
	 border-bottom:1px solid #E8E8E8;
	 padding:1px;
	 margin:10px 0px 20px 0px;
	 font-size:14px;

}

.centralizaSite .boxSite .boxConteudo .conteudo .boxSubMenuInterna span{
	color:#000000;
	padding-left:3px;

}

.centralizaSite .boxSite .boxConteudo .conteudo .boxSubMenuInterna ul{
	 list-style:none;
	 margin:0px;
	 padding:5px;

}

.centralizaSite .boxSite .boxConteudo .conteudo .boxSubMenuInterna ul li{
	display:inline;
	padding:0px;
	
}

.centralizaSite .boxSite .boxConteudo .conteudo .boxSubMenuInterna ul li.opcaoSelecionada{
	padding:5px 0px 5px 0px;
	color:#258bc3;
	font-weight:bold;
	text-align:center;
}



.centralizaSite .boxSite .boxConteudo .conteudo .boxSubMenuInterna ul li a{
	text-decoration:none;
	padding:5px 0px 5px 0px;
	color:#000000;
}

.centralizaSite .boxSite .boxConteudo .conteudo .boxSubMenuInterna ul li a:active{
	color:#000000;
}
.centralizaSite .boxSite .boxConteudo .conteudo .boxSubMenuInterna ul li a:visited{
	color:#000000;
}


.centralizaSite .boxSite .boxConteudo .conteudo .boxSubMenuInterna ul li a:hover{
	text-decoration:none;
	color:#258bc3;
}

/******************************************** PAGINACAO *************************************************/
.centralizaSite .boxSite .boxConteudo .conteudo .paginacao{
	float:left;
	width:300px;
	text-align:center;
	height:20px;
	margin:60px 84px 10px 84px;
}

.centralizaSite .boxSite .boxConteudo .conteudo .paginacao b{float:left; margin:5px 10px 0px 10px;}
.centralizaSite .boxSite .boxConteudo .conteudo .paginacao a{float:left;}
.centralizaSite .boxSite .boxConteudo .conteudo .paginacao a img{float:left;margin:4px 10px 0px 10px; border:5px solid #FFFFFF; padding:0px;}
.centralizaSite .boxSite .boxConteudo .conteudo .paginacao a:hover img{border:5px solid #FFFFFF; padding:0px;}
.centralizaSite .boxSite .boxConteudo .conteudo .paginacao b{color:#3d3d3d;}

/*********************************************** RODAPE ***********************************************/
.centralizaSite .boxRodape{
	float:left;
	width:100%;
	color:#FFFFFF;
	padding-bottom:30px;
}

.centralizaSite .boxRodape .rodape{
	float:left;
	width:100%;
}


.centralizaSite .boxRodape .rodape .boxDados{
	float:left;
	width:400px;
	margin-top:10px;
	text-align:left;
}
.centralizaSite .boxRodape .rodape .boxDados img{float:left;}
.centralizaSite .boxRodape .rodape .boxDados h2{
	float:left; 
	width:100%;
	font-size:13px;
	margin:10px 0px 0px 0px; 
	color:#FFFFFF;
}
.centralizaSite .boxRodape .rodape .boxDados p{font-size:11px;line-height:20px;margin:0px 0px 0px 3px;}

.centralizaSite .boxRodape .rodape a{color:#fff600;text-decoration:none; margin-left:3px;}
.centralizaSite .boxRodape .rodape a:active{color:#fff600;text-decoration:none;}
.centralizaSite .boxRodape .rodape a:visited{color:#fff600;text-decoration:none;}
.centralizaSite .boxRodape .rodape a:hover{color:#ffcc00;text-decoration:none;}
.centralizaSite .boxRodape .rodape .boxCreditos{
	float:right;
	width:150px;
	margin:20px 30px 0px 0px;
	text-align:right;
}