﻿*{margin:0;padding:0;}
address,th{font-style:normal;font-weight:normal;}
table{border-collapse:collapse;border-spacing:0;}
caption,th{text-align:left;}
img,fieldset{border:none;}
ol,ul{list-style:none; font-size:inherit;}
a{text-decoration:none;}

body{
	background:#eaeaea;
    color:#999898;
    font:11px Arial;
}
#geral{
    margin:0 auto;
    width:100%;
}
		#fundoContainer{
			background:url(../ImageBank/Layout/bg_container.png) repeat-y;
			margin:0 auto;
			width:1058px;
		}
		#fundoContainer2{
			float:left;
			background:url(../ImageBank/Layout/bg_container.png) repeat-y;
			width:1058px;
		}		
#container{
	background:#fff;
    margin:0 auto;
    clear:both;
    width:1000px;
	overflow:hidden;
}	

a{
    color:#1479ad;
    text-decoration:none;
}
a:hover{
    color:#084869;
    text-decoration:underline;
}
h1.titJo{
    background:url(../ImageBank/Layout/tit_jo.jpg) no-repeat;
    border-bottom:1px dotted #e4e4e4;
    height:44px;
    margin-bottom:5px;
    width:98%;
}
h1{
    color:#1479AD;
    font:18px Tahoma,Arial;
    font-weight:800;
    width:98%;

}
h2{
    border-bottom:1px solid #1479AD;
    color:#1479AD;
    font:13px Tahoma,Arial;
    font-weight:800;
    width:98%;
}
h2.titRelacionado{
    border-bottom:1px solid #999898;
    color:#999898;
    font:13px Tahoma,Arial;
    font-weight:800;
    width:98%;
}
h4.titCinza{
    background:url(../ImageBank/Layout/bgCinza.jpg) repeat-x;
    color:#fff;
    font:12px Arial;
    font-weight:800;
    height:25px; 
    margin-top:10px; 
    padding:4px;
    text-shadow:#000 1px 1px 1px;
    width:95%;  
}
h4.titVinho{
    background:url(../ImageBank/Layout/bgVinho.jpg) repeat-x;
    color:#fff;
    font:12px Arial;
    font-weight:800;
    height:25px; 
    margin-top:10px; 
    padding:4px;
    text-shadow:#000 1px 1px 1px;
    width:95%;  
}
#menu{
    background:url(../ImageBank/Layout/bg_menu_novo.jpg) repeat-x #fff;
    height:60px;
    margin:0 auto;
    width:1000px;
}
ul#menuSuperior{
    font:14px Trebuchet,Tahoma,Arial;
    height:10px;
    margin:0 auto;
    text-transform:uppercase;
    width:1000px;
}
ul#menuSuperior li{
    float:left;
    margin:21px 15px 15px 15px;
}
ul#menuSuperior li a{
    color:#eff5f5;
    padding-left:3px;
    text-shadow:#000 1px 1px 1px;

}
ul#menuSuperior li a:hover{
    color:#0db9ff;
    text-decoration:none;
    text-shadow:#000 1px 1px 1px;    
}
#banner{
    background:#fff;
    height:334px;
    width:1000px;
}
#colunaEsquerda{
    margin-left:1%;
    float:left;
    margin-top:10px;
    width:225px;
}
#bannerPequeno{
    float:left;
    width:762px;
}
#conteudo{
    float:right;
    font:12px Tahoma,Arial;
    margin-top:10px;
    width:762px;
}        
#ctl00_ContentPlaceHolder1_conteudo
{
    float:right;
    font:12px Tahoma,Arial;
    margin-top:10px;
    width:762px;
    }        
#conteudoInterno{
    float:right;
    font:12px Tahoma,Arial;
    margin-top:10px;    
    width:762px;  
}
#ctl00_ContentPlaceHolder1_conteudoInterno{
    float:right;
    font:12px Tahoma,Arial;
    margin-top:10px;
    width:762px;
    }
#colunaDireita{
    float:right;
    position:relative;
    top:192px;
    width:20%;
}
#ctl00_ContentPlaceHolder1_colunaDireita
{
    float:right;
    position:relative;
    top:192px;
    width:20%;
}
#busca{
    color:#aa2f32;
    font-weight:800;
    width:97%;
}
.textboxs{
    background:#f1f1f1;
    border:1px solid #c4c4c4;
    color:#585858;
    font:11px Arial;
}
.btBusca{
    margin-top:3px;
}
#boxContato{
    border-top:1px solid #c7c7c7;
    border-bottom:1px solid #c7c7c7;
    margin-top:10px;
    text-align:center;
    width:97%;
}

.linksMarcas{
    float:left;
    height:35px;
    margin:0 1% 1% 0;
    width:105px;
}
#categorias{
    clear:both;
}
.visualizacaoProdutos{
    width:98%;
}
.lancamento{
    background:url(../ImageBank/Layout/lancamento.jpg) top right no-repeat;    
    height:25px;
    width:85px;
    float:right;
}
.produto{
   border:1px solid #eaeaea;
   float:left;
   height:310px;
   margin:0 8px 8px 0;
   width:174px;
}
.precoProduto{
    font-weight:800;
    color:#000;
}
.dadosProduto{
    color:#5c5c5c;
    padding:0 8px 12px 8px;
}
.dadosProduto a{
    color:#5c5c5c;
    text-decoration:none;
}
.dadosProduto a:hover{
    color:#a6a6a6;
    text-decoration:none;
}
.paginacaoProdutos{
    background:#f1f1f1;
    clear:both;
    font-weight:800;    
    line-height:30px;
    margin-top:10px;
}
#ctl00_ContentPlaceHolder1_dpProdutos span{
    background:#ecd4d5;
    color:#000;
    border:1px solid #1479ad;
    font-weight:800;
    margin-left:3px;
    padding:3px;
}
#ctl00_ContentPlaceHolder1_dpProdutos span a{
    background:#1479ad;
    color:#fff;
    font-weight:800;
    margin-left:3px;
    padding:3px;
}
#vitrine{
    height:89px;
    margin-top:10px;
    width:98%;
}
.cantoEsquerdo{
    background:url(../ImageBank/Layout/canto_esq.jpg) no-repeat;
    float:left;
    height:89px;
    width:6px;
}
.conteudoVitrine{
    background:url(../ImageBank/Layout/bg_rodape.jpg) repeat-x;
    height:89px;
    float:left;
    width:97.5%;
}
.conteudoVitrine img{
    margin:40px 10px 0 0;
}
.cantoDireito{
    background:url(../ImageBank/Layout/canto_dir.jpg) no-repeat;
    float:left;
    height:89px;
    width:8px;
}
#rodape{
    background:url(../ImageBank/Layout/bg_rodape2.jpg) repeat-x;
    color:#5c5c5c;
    height:75px;
    font:11px Tahoma,Arial;
    margin-top:10px;
    padding:30px 10px 0 10px;
    width:95%;
}
#cartaoJo{
    text-align:center;
    border-bottom:1px solid #c7c7c7;
    margin-bottom:10px;
    width:97%;
}
#ultimasNoticias{
    font:11px Tahoma,Arial;
    width:225px;
}
#ultimasNoticias a{
    color:#7d7d7d;
}
#newsletter{
    color:#000;
    font:11px Tahoma,Arial; 
    width:225px;
    
}
#newsletter p{
    width:225px;
}
#enquetes{
    color:#000;
width:225px;
}
.imagemProduto{
    float:left;
}
.infoProduto{
    float:left;
    padding-left:10px;
    width:307px;
}
#conteudoRelacionado{
    clear:both;
    width:98%;
}
#pagina{
    width:98%;
}
.videos{
    border:1px solid #eaeaea;
    float:left;
    margin-right:5px;
    padding:8px;
    width:200px;
}
#repeaterPesquisa{
    border:1px solid #eaeaea;
    height:80px;
    margin-bottom:10px;
    padding:8px;   
}
.thumbPesquisa{
    float:left;
    margin-right:5px;
}
.iconPesquisa{
    float:right;
}
.listaNoticias{
    margin-bottom:10px;
    width:98%;
}
.imgNoticias{
    float:left;
    margin-right:5px;
    width:80px;
}
.lojas{
    border:1px solid #eaeaea;
    float:left;
    margin-bottom:10px;
    padding:8px;
    width:98%;
}
.imgLojas{
    float:left;
    margin-right:5px;
}
.lojaDetalhe{
    float:left;
    margin-right:5px;
}
.dadosLoja{
    float:left;
}
#resultadoEnquete{
    padding:8px;
}
/* CONTROLES */
.formContato {
	margin:15px;
}
	.formContato label, .labels {
		float:left;
		line-height:16px;
		margin-right:4px;
		width:85px;
		text-align:right;
	}
	.labels {
		float:left;
		line-height:16px;
		margin-right:4px;
		width:120px;
		text-align:right;
	}	
	.formContato br {
		clear:both;
	}
	.formContato .btEnviar {
		background:#FFF;
	}
ul#menuInternas {
	margin-top:20px;
}
	ul#menuInternas li a {
		color:#000;
	}
	ul#menuInternas li a:hover {
		text-decoration:underline;
	}		
.clear{
	clear:both;
}

/*
div click zoom
*/
.clickZoom{
	display:none;
	position:absolute;
	top:140px;	
	margin-left:180px;
	border:3px solid  #CCCCCC;
	background:white;
	overflow:hidden;
	z-index:99999999999999999;
}
#twitter{
    background:#fff;
    color:#000;
    margin-bottom:8px;
    padding:6px;
    width:196px;   
}
#twitter p{
    padding:6px;
}
.entradaTwitter{
    background:#f3f3f3;
    margin:0 auto;
    margin-bottom:8px;
    width:194px;
}
.horaTwitter{
    color:#1479ad;
    font-weight:800;
}
.sigaJo a{
    color:#1479ad;
    font-weight:800;
    text-decoration:underline;
}
.sigaJo a:hover{
    color:#000 !important;
    font-weight:800;
    text-decoration:underline;
}
.bgInfo{
    background:#f7f7f7;
    padding:10px;
    margin-bottom:20px;
    float:left;
    width:96%;
}
.marcaDireita{
    float:right;
    width:104px;
}
.precosEsquerda{
    float:left;
    width:169px;
}
.corSapato{
    color:#1479AD;
    font-weight:800;
    text-transform:uppercase;
}
.bordaCorSapato{
    border:1px solid #ccc;
    width:73px;
}
.coresSapatos{
    width:73px;
    margin-right:10px;
    float:left;
    margin-bottom:10px;
    text-align:center;
}

#ctl00_ContentPlaceHolder1_ucMenu_tvMenun0Nodes, #ctl00_ContentPlaceHolder1_ucMenu_tvMenun19Nodes{
background:#f1f3f2;
 width:221px;
}
.rootNodeStyle{
    background:url(../ImageBank/Layout/bg_tit_categoria.jpg) no-repeat !important;
    color:#1a507a !important;
    height:25px !important;
    font-weight:800 !important;
    text-transform:uppercase !important;
    width:221px;
}
.rootNodeStyle a{
    background:none !important;
    color:#1a507a !important;
    height:25px !important;
    font-weight:800 !important;
    padding-left:55px !important;
    text-transform:uppercase !important;
    text-decoration:none !important;
    width:221px !important;
}
.rootNodeStyle a:hover, .nodeStyle a:hover{
	text-decoration:none !important;
}
.nodeStyle{
    background:url(../ImageBank/Layout/setinha-vinho.png) no-repeat;
    padding:4px 8px 4px 8px;
    width:205px;
}
.nodeStyle a{
    background:none;
    color:#515151;
    font-weight:800 !important;
    font:11px Tahoma,Arial,sans-seriff;
    text-decoration:none; 
}
/*
#topo{
    height:144px;
    margin:0 auto;
    width:1000px; 
}
.logoJo{
    float:left;
    width:178px;
}
.dadosTopo{
    float:right;
    width:822px;
}
.caixaBusca{
    background:url(../ImageBank/Layout/bg_busca_topo.jpg) no-repeat;
    float:right;
    height:41px;
    margin-top:14px;
    width:795px;
}
.lupa{
    float:left;
    margin:3px 0 0 30px;
}
.txtBuscaTopo{
     float:left;
     border:1px solid #ccc;
     line-height:21px;
     margin:7px 0 0 10px;
     height:24px;
     width:320px;
}
.botaoBuscaTopo{
    float:left;
    margin:7px 0 0 10px;
}
#dadosRedesSociais{
    float:right;
    height:41px;
    padding-top:14px;
    text-align:right;
    width:300px;
}
.linkEmailJo, .linkEmailJo a{
    color:#929292;
    font-style:italic;
    font-family:"Trebuchet MS",Arial,sans-seriff;
    font-size:16px;
}
ul.menuTopo1{
    float:right;
    margin-top:22px;
    width:500px;
}
ul.menuTopo1 li{
    color:#fff;
    float:right;
    font:14px "Trebuchet MS",Arial,sans-seriff;
    background:#0f83be;
    line-height:24px;
    margin-left:6px;
    padding:0 20px 0 20px;
    text-shadow:#000 1px 1px 1px;      
}
ul.menuTopo1 li a{
    color:#eff5f5;
} 
ul.menuTopo1 li a:hover{
    color:#0db9ff;
    text-decoration:none;
}
ul.menuTopo2{
    float:right;
    margin-top:14px;
    width:340px;
}
ul.menuTopo2 li{
    color:#fff;
    float:right;
    font:14px "Trebuchet MS",Arial,sans-seriff;
    background:#0f83be;
    line-height:24px;
    margin-left:6px;
    padding:0 20px 0 20px;
    text-shadow:#000 1px 1px 1px;      
}
ul.menuTopo2 li a{
    color:#eff5f5;
} 
ul.menuTopo2 li a:hover{
    color:#0db9ff;
    text-decoration:none;
}
*/
#topo{
	background:url(../ImageBank/Layout/bg_topo.jpg) no-repeat;
	height:156px;
	font:12px "Trebuchet MS",Arial,sans-seriff;
	width:1000px;
}
#menuCategoriasTopo{
	background:url(../ImageBank/Layout/bg_menu2.jpg) no-repeat;
	height:46px;
	width:1000px;
}
#logo{
	float:left;
	height:156px;
	width:276px;
}
#menuTopo{
	float:right;
	list-style:none;
	padding-top:5px;
}
#menuTopo li{
	float:left;
	padding:0 23px 0 12px;
	display:block;
}
#menuTopo li a{
		background:url(../ImageBank/Layout/seta_menu2.jpg) no-repeat;
		display:block;
		padding-left:12px;
		text-transform:uppercase;
		color:#1374a7;
}
#menuTopo li a:hover{
	color:#012039;
}
#banner{
	margin:0 auto;
	width:994px;
}
.youtube{
	color:#fff;
	font-style:italic;
	float:right;
	margin:17px 80px 0 0;
}
.imgYoutube{
}
.buscaTopo{
	background:url(../ImageBank/Layout/bg_busca.jpg) no-repeat;
	float:left;
	height:29px;
	margin:70px 0 0 36px;
	width:389px;
}
.txtBuscaTopo{
	width:270px;
	height:20px;
	margin:0 0 0 40px;
	border:none;
	background:transparent;
}
.btBuscaTopo{
	margin:0 0 0 5px;
	height:27px;
	width:65px;
	border:none;
	background:transparent;
}
.redesSociaisTopo{
	color:#fff;
	font-style:italic;
	float:left;
	margin:20px 0 0 40px;
}
