/*********************** PROJECT BY GRAFFITI 2000 - G2K ***************/

/*********************** STILI PER IL BODY ****************************/

body {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	margin: 15px auto;
	background: #ebebeb;
	}
	
a {
	text-decoration: none;
	outline: none;
	}
	
form {
	margin: 0;
	padding: 0;
	}
	
img {
	border: 0px;
	}
	
.bianco:link 			{ text-decoration:none; color:#76351c; }
.bianco:visited			{ text-decoration:none; color:#76351c; }
.bianco:active			{ text-decoration:none; color:#76351c; }
.bianco:hover			{ text-decoration:none; color:#FFFFFF; }	
					
/*********************** STILI PER IL LAYOUT **************************/

#layout {
	width: 900px;
	height: 870px;
	background: url('/images/layoutBACK.jpg') no-repeat;
	margin: 15px auto;
	padding: 15px;
	}
	
#layoutHome {
	width: 900px;
	height: 870px;
	background: url("/images/layoutHome.jpg") no-repeat;
	margin: 15px auto;
	padding: 15px;
	}
	
#layoutBottiglie {
	width: 900px;
	height: 870px;
	background: url("/images/layoutBottiglie.jpg") no-repeat;
	margin: 15px auto;
	padding: 15px;
	}


	
/*********************** STILI PER L'IMMAGINE A SX *********************/

#bigImg {
	width: 351px;
	height: 770px;
	float: left;
	overflow: hidden;
	}
	
	
#bigImg02 {
	width: 351px;
	
	float: left;
	overflow: hidden;
	}
	
	
	
#bigImgLogo {
	width: 351px;
	height: 770px;
	float: left;
	overflow: hidden;
	}
	
#bigImg img {
	width: 351px;
	height: 770px;
	}

	
/*********************** STILI PER I CONTENUTI GENERALI *********************/

#main {
	width: 449px;
	height: 770px;
	float: left;
	padding-left: 70px;
	}
	
#mainHome {
	width: 449px;
	height: 770px;
	float: left;
	padding-left: 15px;
	}
	
#galleryMain {
	width: 770px;
	height: 770px;
	padding-left: 50px;
	padding-right: 50px;
	}
	
#bottleHome {
	width: 850px;
	height: 223px;
	background: url("../images/bottleHome.jpg") no-repeat;
	margin-top: 27px;
	}
	
.stilllife {
	margin-left: 100px;
	}
	
/****** STILI PER LA HEADER (vuota funziona come wrapper) *******/

#header {
	height: 230px;
	}
	
/*********************** STILI PER LA NAVBAR e pulsanti vari *********************/

#navbar {
	width: 490px;
	height: 33px;
	}
	
#galleryNavbar {
	width: 490px;
	height: 33px;
	margin-left: 370px;
	}
	
#homeNavbar {
	width: 490px;
	height: 33px;
	margin-left: 405px;
	}
	
#contattiNavbar{
	width: 490px;
	height: 33px;
	margin-left: 355px;
	}
	
.home {
	float: left;
	width: 50px;
	height: 33px;
	background: url("/images/buttons/home.jpg") 0px 0px no-repeat;
	cursor: pointer;
	}
	
.home:hover {
	background: url("/images/buttons/home.jpg") 0px -33px no-repeat;
	cursor: pointer;
	}

.currentHome {
	float: left;
	width: 50px;
	height: 33px;
	background: url("/images/buttons/currentHome.jpg") 0px 0px no-repeat;
	cursor: pointer;
	}
	
.homeHome {
	float: left;
	width: 50px;
	height: 33px;
	background: url("/images/buttons/home-trans.png") 0px 0px no-repeat;
	cursor: pointer;
	}
	
.homeHome:hover {
	background: url("/images/buttons/home-trans.png") 0px -32px no-repeat;
	cursor: pointer;
	}

.currentHomeHome {
	float: left;
	width: 50px;
	height: 33px;
	background: url("/images/buttons/home-trans.png") 0px 0px no-repeat;
	cursor: pointer;
	}


.storia {
	float: left;
	width: 78px;
	height: 33px;
	background: url("/images/buttons/trentino.jpg") 0px 0px no-repeat;
	cursor: pointer;
	}
	
.storia:hover {
	background: url("/images/buttons/trentino.jpg") 0px -33px no-repeat;
	cursor: pointer;
	}
	
.currentStoria {
	float: left;
	width: 78px;
	height: 33px;
	background: url("/images/buttons/currentTrentino.jpg") 0px 0px no-repeat;
	cursor: pointer;
	}
	
.storiaHome {
	float: left;
	width: 78px;
	height: 33px;
	background: url("/images/buttons/trentino-trans.png") 0px 0px no-repeat;
	cursor: pointer;
	}
	
.storiaHome:hover {
	background: url("/images/buttons/trentino-trans.png") 0px -30px no-repeat;
	cursor: pointer;
	}
	
.currentStoriaHome {
	float: left;
	width: 78px;
	height: 33px;
	background: url("/images/buttons/trentino-trans.png") 0px 0px no-repeat;
	cursor: pointer;
	}

.distilleria {
	float: left;
	width: 88px;
	height: 33px;
	background: url("/images/buttons/distilleria.jpg") 0px 0px no-repeat;
	cursor: pointer;
	}

.distilleria:hover {
	background: url("/images/buttons/distilleria.jpg") 0px -33px no-repeat;
	cursor: pointer;
	}
	
.currentDistilleria {
	float: left;
	width: 88px;
	height: 33px;
	background: url("/images/buttons/currentDistilleria.jpg") 0px 0px no-repeat;
	cursor: pointer;
	}
	
.distilleriaHome {
	float: left;
	width: 88px;
	height: 33px;
	background: url("/images/buttons/distilleria-trans.png") 0px 0px no-repeat;
	cursor: pointer;
	}

.distilleriaHome:hover {
	background: url("/images/buttons/distilleria-trans.png") 0px -31px no-repeat;
	cursor: pointer;
	}
	
.currentDistilleriaHome {
	float: left;
	width: 88px;
	height: 33px;
	background: url("/images/buttons/distilleria-trans.png") 0px 0px no-repeat;
	cursor: pointer;
	}


.prodotti {
	float: left;
	width: 74px;
	height: 33px;
	background: url("/images/buttons/prodotti.jpg") 0px 0px no-repeat;
	cursor: pointer;
	}
	
.prodotti:hover {
	background: url("/images/buttons/prodotti.jpg") 0px -33px no-repeat;
	cursor: pointer;
	}
	
.currentProdotti {
	float: left;
	width: 74px;
	height: 33px;
	background: url("/images/buttons/currentProdotti.jpg") 0px 0px no-repeat;
	cursor: pointer;
	}
	
.prodottiHome {
	float: left;
	width: 74px;
	height: 33px;
	background: url("/images/buttons/prodotti-trans.png") 0px 0px no-repeat;
	cursor: pointer;
	}
	
.prodottiHome:hover {
	background: url("/images/buttons/prodotti-trans.png") 0px -30px no-repeat;
	cursor: pointer;
	}
	
.currentProdottiHome {
	float: left;
	width: 74px;
	height: 33px;
	background: url("/images/buttons/prodotti-trans.png") 0px 0px no-repeat;
	cursor: pointer;
	}


.news {
	float: left;
	width: 80px;
	height: 33px;
	background: url("/images/buttons/news.jpg") 0px 0px no-repeat;
	cursor: pointer;
	}
	
.news:hover {
	background: url("/images/buttons/news.jpg") 0px -33px no-repeat;
	cursor: pointer;
	}

.currentNews {
	float: left;
	width: 80px;
	height: 33px;
	background: url("/images/buttons/currentNews.jpg") 0px 0px no-repeat;
	cursor: pointer;
	}
	
.newsHome {
	float: left;
	width: 80px;
	height: 33px;
	background: url("/images/buttons/news-trans.png") 0px 0px no-repeat;
	cursor: pointer;
	}
	
.newsHome:hover {
	background: url("/images/buttons/news-trans.png") 0px -32px no-repeat;
	cursor: pointer;
	}

.currentNewsHome {
	float: left;
	width: 80px;
	height: 33px;
	background: url("/images/buttons/news-trans.png") 0px 0px no-repeat;
	cursor: pointer;
	}

	
.gallery {
	float: left;
	width: 68px;
	height: 33px;
	background: url("/images/buttons/gallery.jpg") 0px 0px no-repeat;
	cursor: pointer;
	}
	
.gallery:hover {
	background: url("/images/buttons/gallery.jpg") 0px -33px no-repeat;
	cursor: pointer;
	}

.currentGallery {
	float: left;
	width: 68px;
	height: 33px;
	background: url("/images/buttons/currentGallery.jpg") 0px 0px no-repeat;
	cursor: pointer;
	}
	
.galleryHome {
	float: left;
	width: 68px;
	height: 33px;
	background: url("/images/buttons/gallery-trans.png") 0px 0px no-repeat;
	cursor: pointer;
	}
	
.galleryHome:hover {
	background: url("/images/buttons/gallery-trans.png") 0px -31px no-repeat;
	cursor: pointer;
	}

.currentGalleryHome {
	float: left;
	width: 68px;
	height: 33px;
	background: url("/images/buttons/gallery-trans.png") 0px 0px no-repeat;
	cursor: pointer;
	}



	
/*********************** STILI IL MENU CHE SI ESPANDE ************************/
	
#dropmenudiv{
	position: absolute;
	border-bottom-width: 0;
	font: normal 10px Verdana;
	line-height: 18px;
	z-index: 100000000;
	margin-top: -10px;
	}

#dropmenudiv a{
	width: 100%;
	display: block;
	text-indent: 3px;
	border-bottom: 1px solid #ad7f69;
	padding: 1px 0;
	text-decoration: none;
	font-weight: bold;
	color: #FFFFFF;
	}

#dropmenudiv a:hover{
	background-color: #D49369;
	}	
	
/*********************** STILI PER I CONTENUTI ************************/

#content {
	width: 418px;
	height: 318px;
	font-size: 10px;
	color: #303030;
	line-height: 18px;
	}
	
#content a { color: #72361A;}

#content a:hover { color: #a7603f;}
	
#contentHome {
	width: 370px;
	height: 280px;
	font-size: 10px;
	color: #76351c;
	line-height: 18px;
	margin-left: 410px;
	margin-top: 50px;
	}

.contentText {
	float: left;
	width: 270px;
	margin-top: 35px;
	margin-left: 15px;
	}
	
.contentText ul li {
	background: url("/images/caption.jpg") top left no-repeat;
	list-style-type: none;
	padding-left: 20px;
	}

.contentText02 { float: left; width: 360px; margin-top: 0px; margin-left: 0px; }	
.contentText03 { float: left; width: 410px; margin-top: 0px; margin-left: 0px; }	

/*********************** STILI PER LO SCROLL DEI CONTENUTI ************************/
	
.containerScroller {
  position: absolute;
  width: 418px;
  height: 400px;
}

#Scroller-1 { 
  position: absolute; 
  overflow: hidden;
  width: 418px;
  height: 400px;
}

.Scroller-Container {
  position: absolute;
  top: 0px; 
  left: 0px;
}

.Scrollbar-Up {
  cursor: pointer;
  position: absolute;
  top: 0px; left: 405px;
  height: 30px;
  width: 30px;
  background: url("../images/up.jpg") center right no-repeat;
}

.Scrollbar-Down {
  cursor: pointer;
  position: absolute;
  top: 287px; left: 405px;
  height: 30px;
  width: 30px;
  background: url("../images/down.jpg") center right no-repeat;
}

/************* STILI LE PAGE ICONS **************/
	
.iconGentile {
	width: 111px;
	height: 93px;
	float: left;
	background: url("/images/icons/SEGNANA_GENTILE.jpg") no-repeat;
	margin: 5px 10px 0px 0px;
	}
	
.iconEstrema {
	width: 111px;
	height: 93px;
	float: left;
	background: url("/images/icons/SEGNANA_ESTREMA.jpg") no-repeat;
	margin: 5px 10px 0px 0px;
	}
	
.iconSoleradiSolera {
	width: 111px;
	height: 93px;
	float: left;
	background: url("/images/icons/SEGNANA_SOLERA-DI-SOLERA.jpg") no-repeat;
	margin: 5px 10px 0px 0px;
	}
	
.iconChardonnay {
	width: 111px;
	height: 93px;
	float: left;
	background: url("/images/icons/SEGNANA_CHARDONNAY.jpg") no-repeat;
	margin: 5px 10px 0px 0px;
	}
	
.iconTraminer {
	width: 111px;
	height: 93px;
	float: left;
	background: url("/images/icons/SEGNANA_TRAMINER.jpg") no-repeat;
	margin: 5px 10px 0px 0px;
	}

.iconMoscato {
	width: 111px;
	height: 93px;
	float: left;
	background: url("/images/icons/SEGNANA_MOSCATO.jpg") no-repeat;
	margin: 5px 10px 0px 0px;
	}

.iconPinotNero {
	width: 111px;
	height: 93px;
	float: left;
	background: url("/images/icons/SEGNANA_PINOTNERO.jpg") no-repeat;
	margin: 5px 10px 0px 0px;
	}

.iconCinquanta {
	width: 111px;
	height: 93px;
	float: left;
	background: url("/images/icons/SEGNANA_CINQUANTA.jpg") no-repeat;
	margin: 5px 10px 0px 0px;
	}

.iconSoleraSelezione {
	width: 111px;
	height: 93px;
	float: left;
	background: url("/images/icons/SEGNANA_SOLERASELEZIONE.jpg") no-repeat;
	margin: 5px 10px 0px 0px;
	}

.iconGrappaCherryCask {
	width: 111px;
	height: 93px;
	float: left;
	background: url("/images/icons/SEGNANA_SHERRYCASK.jpg") no-repeat;
	margin: 5px 10px 0px 0px;
	}
.iconSegnana_Anniversario {
	width: 111px;
	height: 93px;
	float: left;
	background: url("/images/icons/segnana_anniversario.jpg") no-repeat;
	margin: 5px 10px 0px 0px;
	}
	
	
.iconGruppo {
	width: 111px;
	height: 93px;
	float: left;
	/*background: url("/images/icons/gruppo.jpg") no-repeat;*/
	margin: 5px 10px 0px 0px;
	}
	
	
/************* STILI PER LE TRE IMMAGINI SOTTO AL CONTENT **************/

#slide {
	width: 418px;
	height: 91px;
	}
	
#slide img {
	float: left;
	width: 102px;
	height: 76px;
	border: 2px solid #72361a;
	}
	
#slide img:hover {
	border: 2px solid #d49368;
	}


/*********************** STILI LE RIGHE DELLE THUMBNAILS NELLA GALLERY *********************/

.gruppoTitle {
	width: 290px;
	height: 31px;
	background: url(/images/gruppolunelli.jpg) no-repeat;
	font-size: 14px;
	color: #974722;
	font-family: Tahoma, sans-serif;
	font-weight: bold;
	}
	
.newsTitle {
	width: 290px;
	height: 31px;
	background: url(/images/newstitle.jpg) no-repeat;
	}

.galleryTitle {
	font-size: 12px;
	margin-bottom: 5px;
	color: #72361a;
	background: url("/images/caption.jpg") top left no-repeat;	
	height: 17px;
	padding: 2px 0px 0px 15px;
	}

.secondthumbImg {
	width: 770px;
	height: 80px;
	margin-bottom: 5px;
	text-align: center;
	padding: 5px 0px 5px 0px;
	}

.thumbImg {
	width: 770px;
	height: 70px;
	margin-bottom: 5px;
	border-top: 1px solid #B15F2D;
	text-align: center;
	padding: 5px 0px 5px 0px;
	}
	
.thumbImgOr {
	width: 770px;
	height: 70px;
	margin-bottom: 5px;
	border-top: 1px solid #B15F2D;
	text-align: center;
	padding: 15px 0px 0px 0px;
	}

	
.secondthumbImg img {
	border: 0px;
	margin: 0px 10px 0px 10px;
	}
	
.thumbImg img {
	border: 0px;
	margin: 0px 10px 0px 10px;
	}
	
.thumbImgOr img {
	border: 0px;
	margin: 0px 5px 0px 5px;
	}
	
		
/*********************** STILI PER IL FOOTER **************************/

#footer {

	}
	
.g2k {
	padding: 0px 10px 0px 0px;
	height: 10px;
	text-align: left;
	background: url("../images/pulsante.gif") center right no-repeat;
	font-size: 9px;
	}
	
#credits {
	font-size: 10px;
	position: absolute;
	z-index: 1;
	width: 100%;
	text-align: center;
	color: #a3a3a3;
	}
		
#credits a {
	color: #a3a3a3;
	}
	
#credits a:hover {
	color: #717171;
	}
	
.pdf {
	padding: 2px 0px 5px 25px;
	background: url("/images/pdf_icon.gif") center left no-repeat;
	}
	
.pdf a { color: #303030; }
.pdf a:hover { color: #888888; }

.pdf02 {
	padding: 2px 0px 5px 25px;
	background: url("/images/pdf_icon2.gif") top left no-repeat;
	line-height:15px;
	}

.pdf02 a { color: #303030; }
.pdf02 a:hover { color: #888888; }
	
/*********************** STILI PER IL FORM DEI CONTATTI **************************/

#absoluteForm {
	position: absolute;
	z-index: 1;
	margin: -200px 0px 0px -50px;
	width: 300px;
	}

#absoluteMappa {
	position: absolute;
	z-index: 2;
	margin: 20px 0px 0px 360px;
	}
	
#absoluteDati {
	position: absolute;
	z-index: 3;
	margin: 460px 0px 0px -55px;
	width: 550px; 
	color: #a3a3a3;
	}
	
#absoluteDati a {
	color: #a3a3a3;
	}

#absoluteDati a:hover {
	color: #717171;
	}


#contattiTable {
	font-size: 10px;
	}
	
#contattiTable img {
	margin-right: 10px;
	}

	
#contattiTable td {
	
	}
	
#contattiTable textarea {
	font-size: 10px;
	font-family: Verdana, sans-serif;
	border: 1px solid #76391c;
	}
	
.text {
	border: 1px solid #76391c;
	font-size: 10px;
	font-family: Verdana, sans-serif;
	margin-bottom: 8px;
	}
	
#contattiTable .text:hover, textarea:hover, #privacy:hover {
	background: #72361a;
	color: #FFFFFF;
	}
	
#privacy {
	color: #ababab;
	}
	
#inviabutton {
	background: #72361a;
	cursor: pointer;
	border: 2px solid #76391c;
	font-size: 10px;
	font-family: Tahoma, sans-serif;
	color: #FFFFFF;
	}
	
#cancellabutton {
	background: #72361a;
	cursor: pointer;
	border: 2px solid #76391c;
	font-size: 10px;
	font-family: Tahoma, sans-serif;
	color: #FFFFFF;
	}
	
#inviabutton:hover, #cancellabutton:hover {
	background: #76391c;
	}
	
#radio {
	border: 0px;
	}
	
.recapiti {
	position: absolute;
	z-index: 1;
	font-size: 10px;
	top: 720px;	
	color: #b0b0b0;
	}
	
	
/*********************** STILI PER LA PAGINA DEI GRUPPI**************************/

.gruppolink1 {
	position: absolute;
	z-index: 100000000;
	width: 90px;
	height: 95px;
	margin: -250px 0 0 -290px;
	cursor: pointer;
	background: #333;
	}
	
.gruppolink2 {
	position: absolute;
	z-index: 1;
	width: 150px;
	height: 90px;
	margin: -150px 0 0 -320px;
	cursor: pointer;
	background: #333;
	}
	
.gruppolink3 {
	position: absolute;
	z-index: 1;
	width: 90px;
	height: 90px;
	margin: -55px 0 0 -295px;
	cursor: pointer;
	background: #333;
	}
	
.gruppolink4 {
	position: absolute;
	z-index: 1;
	width: 130px;
	height: 90px;
	margin: 60px 0 0 -315px;
	cursor: pointer;
	background: #333;
	}
	
.gruppolink5 {
	position: absolute;
	z-index: 1;
	width: 130px;
	height: 90px;
	margin: 160px 0 0 -315px;
	cursor: pointer;
	background: #333;
	}
	
.gruppolink6 {
	position: absolute;
	z-index: 1;
	width: 90px;
	height: 90px;
	margin: 260px 0 0 -300px;
	cursor: pointer;
	background: #333;
	}
	
	
.gruppolink7 {
	position: absolute;
	z-index: 1;
	width: 69px;
	height: 70px;
	margin: 380px 0 0 -290px;
	cursor: pointer;
	background: #333;
	}