/*@charset "iso-8859";*/
/* CSS Document */

/*html{overflow:-moz-scrollbars-vertical;}  */


html, body{
	margin:0;
	padding:0;
	width:100%;
	height:100%;
}
html{
	overflow:-moz-scrollbars-vertical;
} 
body{
	font-family:"Trebuchet MS", Arial, sans-serif;
	font-size:11px;
	color:#c8bcb1;
	text-align:center;
	background:url(/fashion/images/bgPage.jpg) center repeat-x;
}
img{
	border:none;
}

/*STRUTTURA*/
#general{
	width:990px;
	height:541px;
	position:absolute;
	top:50%;
	left:50%;
	margin-top:-270px;
	margin-left:-495px;
	overflow:hidden;
	text-align:left;
}
#header{
	height:44px;
	width:100%;
	background:url(/fashion/images/bgLogoFashionWine.gif) no-repeat;
	position:relative;
}
#header h1, #header h2, #header h3{
	position:absolute;
	top:-9999px;
	left:-9999px;
}
.logoScrimaglioSu{
	position:absolute;
	top:-35px;
	right:0;
}
.logoScrimaglioSu h4{
	text-indent:-9999px;
}
#contGraffio{
	height:24px;
	width:100%;
}
.graffio{
	height:24px;
	margin-left:220px;
	background:url(/fashion/images/graffio.gif) right bottom no-repeat;
}
#conteiner{
	width:100%;
	height:470px;
	background-color:#74573a;
}
#footer{
	width:100%;
	/*border-top:3px solid #36281b;*/
	height:3px;
	line-height:3px;
	background-color:#36281b;
}

#menu{
	width:220px;
	height:470px;
	float:left;
	margin-top:-470px;
	background-color:#af957b;
	position:relative;
}
#content{
	margin:0 300px 0 220px;
	height:470px;
	overflow:hidden;
}
#content .wrap{
	padding:30px;
	height:410px;
	overflow:auto;
}
#content .wrap#hp{
	padding:40px;
	height:390px;
	overflow:auto;
}
.imgBig{
	width:300px;
	height:470px;
	float:right;
	margin-top:-470px;
}

/*MENU*/
#menu .wrap{
	margin:15px 10px 0 20px;
}
#menu ul{
	margin:0;
	padding:0;
	list-style-type:none;
}
#menu ul li{
	margin:0;
	padding:0;
	line-height:26px;
	font-size:13px;
	color:#261106;
	font-weight:bold;
}
#menu ul li ul{
	margin-left:50px;
	margin-bottom:10px;
}
#menu ul li ul li{
	padding-left:25px;
	background:no-repeat left center;
	font-size:11px;
	font-weight:normal;
	line-height:24px;
}
#menu a, #menu a:link, #menu a:visited, #menu a:active{
	color:#261106;
	text-decoration:none;
}
#menu a.sel, #menu a.sel:link, #menu a.sel:visited, #menu a.sel:active, #menu a.sel:hover,
#menu a:hover{
	color:#261106;
	text-decoration:none;
	font-weight:bold;
}
#menu li.juventus{
	background-image:url(/fashion/images/bgMenuJuventus.gif);
}
#menu li.milan{
	background-image:url(/fashion/images/bgMenuMilan.gif);
}
#menu li.genoa{
	background-image:url(/fashion/images/bgMenuGenoa.gif);
}
#menu li.roma{
	background-image:url(/fashion/images/bgMenuRoma.gif);
}
#menu li.bayern{
	background-image:url(/fashion/images/bgMenuBayern.gif);
}
#menu li.napoli{
	background-image:url(/fashion/images/bgMenuNapoli.gif);
}
#menu li.ajax{
	background-image:url(/fashion/images/bgMenuAjax.gif);
}
#menu li.sampdoria{
	background-image:url(/fashion/images/bgMenuSampdoria.gif);
}
#menu li.atalanta{
	background-image:url(/fashion/images/bgMenuAtalanta.gif);
}
#menu li.lancia{
	background-image:url(/fashion/images/bgMenuLancia.gif);
}
#menu li.fiat{
	background-image:url(/fashion/images/bgMenuFiat.gif);
}
#menu li.alfa{
	background-image:url(/fashion/images/bgMenuAlfa.gif);
}
#menu .linkContatti{
	position:absolute;
	bottom:15px;
	left:20px;
}
#menu .linkContatti a:hover{
	text-decoration:underline;
	font-weight:normal;
}

/*SCHEDA*/
.scheda{
	width:390px;
	float:left;
}
.scheda .txt{
	width:220px;
	padding:20px 0 0 20px;
	float:left;
}
.scheda .txt h2{
	width:220px;
	height:62px;
	margin:0;
	padding:0;
	overflow:hidden;
	background-repeat:no-repeat;	
}
.scheda .txt h3{
	margin:0;
	padding:0;
	font-size:13px;
	font-weight:bold;
	color:#fff;
}
.scheda .txt p{
	margin:0;
	padding:0;
}
.scheda .txt .txt1{}
.scheda .txt .txt2{}
.scheda .txt .bottle{
	width:160px;
	height:85px;
	background-position:center;
	background-repeat:no-repeat;
}
.scheda .img{
	width:140px;
	float:right;
	margin:0;
}
.schedaButton{
	position:absolute;
	top:185px;
	left:585px;
}
.schedaButton span{
	display:none;
}

/*GALLERY CATALOGO*/
.catGallery{
	width:60px;
	height:470px;
	background-color:#af957b;
	float:right;
}
#catGalleryMask{
	width:60px;
	height:420px;
	overflow:hidden;
	float:none;
	position:relative;
}
#catGalleryScroll{
	position:absolute;
	top:0;
	left:0;
}
#catGalleryScroll .thumb{
	width:60px;
	height:140px;
	float:none;
	background-position:center;
	background-repeat:no-repeat;
}
#catGalleryScroll .thumb img{
	margin:0;
	width:60px;
	height:140px;
}
.catGalleryTop{
	width:60px;
	height:25px;
	float:none;
	text-align:center;
}
.catGalleryBottom{
	width:60px;
	height:25px;
	float:none;
	text-align:center;
}
a.catTop, a.catTop:link, a.catTop:visited, a.catTop:active{
	width:25px;
	height:25px;
	background:url(/fashion/images/arrowTop_a.gif) no-repeat;
	display:block;
	float:none;
	margin:0 auto;
}
a.catTop:hover{
	background:url(/fashion/images/arrowTop_b.gif) no-repeat;
}
a.catBottom, a.catBottom:link, a.catBottom:visited, a.catBottom:active{
	width:25px;
	height:25px;
	background:url(/fashion/images/arrowBottom_a.gif) no-repeat;
	display:block;
	float:none;
	margin:0 auto;
}
a.catBottom:hover{
	background:url(/fashion/images/arrowBottom_b.gif) no-repeat;
}

/*IMMAGINI GRANDI*/
.imgBig#homepage{
	background:url(/fashion/images/imgBigHomepage.jpg) no-repeat;
}
.imgBig#juventus{
	background:url(/fashion/images/imgBigJuventus.jpg) no-repeat;
}
.imgBig#milan{
	background:url(/fashion/images/imgBigMilan.jpg) no-repeat;
}
.imgBig#genoa{
	background:url(/fashion/images/imgBigGenoa.jpg) no-repeat;
}
.imgBig#roma{
	background:url(/fashion/images/imgBigRoma.jpg) no-repeat;
}
.imgBig#bayern{
	background:url(/fashion/images/imgBigBayern.jpg) no-repeat;
}
.imgBig#napoli{
	background:url(/fashion/images/imgBigNapoli.jpg) no-repeat;
}
.imgBig#ajax{
	background:url(/fashion/images/imgBigAjax.jpg) no-repeat;
}
.imgBig#sampdoria{
	background:url(/fashion/images/imgBigSampdoria.jpg) no-repeat;
}
.imgBig#atalanta{
	background:url(/fashion/images/imgBigAtalanta.jpg) no-repeat;
}
.imgBig#lancia{
	background:url(/fashion/images/imgBigLancia.jpg) no-repeat;
}
.imgBig#fiat{
	background:url(/fashion/images/imgBigFiat.jpg) no-repeat;
}
.imgBig#alfa{
	background:url(/fashion/images/imgBigAlfa.jpg) no-repeat;
}

/*VARIE*/
.hidden{
	position:absolute;
	top:-9999px;
	left:-9999px;
}


/*INDEX*/
#contentIndex{
	margin:0 300px 0 0;
	height:470px;
	overflow:hidden;
	position:relative;
}
.indexLogo{
	width:590px;
	height:120px;
	overflow:hidden;
	position:absolute;
	top:50%;
	left:0;
	margin-top:-60px;
	background:url(/fashion/images/logoFashionWineIndex.jpg) no-repeat;
}
.indexLogo h1, .indexLogo h2, .indexLogo h3{
	text-indent:-9999px;
}
.enterIndex{
	height:20px;
	width:385px;
	line-height:20px;
	position:absolute;
	top:55%;
	left:205px;
	margin-top:30px;
	text-align:left;
}
.enterIndex .sx{
	float:left;
}
.enterIndex .dx{
	float:right;
}
.enterIndex a, .enterIndex a:link, .enterIndex a:visited, .enterIndex a:active{
	text-decoration:none;
	color:#36281b;
	font-size:14px;
}
.enterIndex a:hover{
	text-decoration:none;
	color:#fff;
}
.indexLogoScrimaglio{
	position:absolute;
	bottom:20px;
	left:30px;
}
.indexLogoScrimaglio h4{
	text-indent:-9999px;
}
.indexGraffio{
	width:25px;
	height:470px;
	position:absolute;
	top:0;
	right:0;
	background:url(/fashion/images/indexGraffio.gif) no-repeat;
}