@charset "UTF-8";
/* CSS Document */

/* struttura */

* {margin:0;padding:0;}

body{
  /* This is the background image to the entire page that you
   * get because of the layer '' that you created.
   * If you would like this layer to stay static relative to the
   * browser window (you don't want it to scroll with your content)
   * just add the word 'fixed' to the line below (before the ;). */
  background: #000 url(img/background_motive.png) ;
  font-family: Lucida Sans,"Trebuchet MS", Verdana, Arial; font-size:10px; color:#fff;
}  

a:link { color: #fff; }
a:visited { color: #fff; }
a:hover {
  color: #e8e8e8;}
  
  #wrap {
  position: absolute;
  margin-left: -470px;
  margin-top: -333px;
  left: 50%;
  top: 50%;
  width: 940px;
  height: 706px;
   border:solid 0px #be9e56;
  z-index: 1;

}
#background {
  position: absolute;
  left: 45px;
  top: 45px;
  width: 850px;
  height: 616px;
  z-index: 3;
  border:solid 1px #be9e56;

}
#right_bg {
  position: absolute;
  left: 636px;
  top: 154px;
  width: 213px;
  height: 300px;
  z-index: 2;
   background:  #000 ;
}

/* block list */
ul.block {
	border-top: 1px solid #be9e56;
	margin: 0px 0;
	padding: 0;
	width: 100%;
}
.block li {
	border-bottom: 1px solid #be9e56;
	list-style: none;
}
.block li a,.block li em {
	color: #be9e56;
	display: block;font-size: 14px;
}

.block li a {
	padding: 6px 10px;
	text-decoration: none;
	height:64px;
	
}
.block li a span {font-weight: bold;}
.block li a:hover,.block li a#active { background: #111; color: #ffffff}



#header {
  position: absolute;
  left: 0px;
  top: 0px;
  width: 850px;
  height: 155px;
  z-index: 3;
   background:#000;
}

#crossslide {
 
  position: absolute;
  left: 0px;
  top: 155px;
  width: 850px;
  height: 296px;
  z-index: 10; 
  background: #000 url(img/tour/1b.jpg); 
  text-align:center;
}
#crossslide2 {
 
  position: absolute;
  left: 0px;
  top: 155px;
  width: 850px;
  height: 296px;
  z-index: 10; 
  background: #000 ; 
  text-align:center;
}
#main p {
 
padding:100px 75px 0px 0px;
font-size:13px;
color:#fff;
font-family: Lucida Sans,"Trebuchet MS", Verdana, Arial;
text-align:justify;


}

#main_ristorante_bis {
 
  position: absolute;
  left: 0px;
  top: 155px;
  width: 636px;
  height: 296px;
  z-index: 10;
}

#main_ristorante {
 
  position: absolute;
  left: 0px;
  top: 155px;
  width: 636px;
  height: 296px;
  z-index: 10; background:  #000 url(img/main_ristorante.png) no-repeat;
}
#main_ristorante p {
 
padding:110px 50px 20px 50px;
font-size:13px;
color:#c5a360;
font-family: Lucida Sans,"Trebuchet MS", Verdana, Arial;
text-align:justify;


}
#main_salotto {
 
  position: absolute;
  left: 0px;
  top: 155px;
  width: 636px;
  height: 296px;
  z-index: 10; background:  #000 url(img/main_salotto.png);
}
#main_salotto p {
 
padding:110px 50px 20px 50px;
font-size:13px;
color:#c5a360;
font-family: Lucida Sans,"Trebuchet MS", Verdana, Arial;
text-align:justify;


}
#main_salotto_bis {
 
  position: absolute;
  left: 0px;
  top: 155px;
  width: 636px;
  height: 296px;
  z-index: 10;
}
#main_cigar {
 
  position: absolute;
  left: 0px;
  top: 155px;
  width: 636px;
  height: 296px;
  z-index: 10; background:  #000 url(img/main_cigar.png);
}
#main_cigar p {
 
padding:110px 50px 20px 50px;
font-size:13px;
color:#c5a360;
font-family: Lucida Sans,"Trebuchet MS", Verdana, Arial;
text-align:justify;


}
#main_cigar_bis {
 
  position: absolute;
  left: 0px;
  top: 155px;
  width: 636px;
  height: 296px;
  z-index: 10;
}
#main_contatti {
 
  position: absolute;
  left: 0px;
  top: 155px;
  width: 636px;
  height: 296px;
  z-index: 10; background:  #000 url(img/main_contatti.png);
}
#main_contatti p {
 
padding:10px 50px 20px 50px;
font-size:19px;
color:#c5a360;
font-family: Lucida Sans,"Trebuchet MS", Verdana, Arial;
text-align:center;


}
#main_contatti_bis {
 
  position: absolute;
  left: 0px;
  top: 155px;
  width: 636px;
  height: 296px;
  z-index: 10;
}
#main_champagnerie {
 
  position: absolute;
  left: 0px;
  top: 155px;
  width: 636px;
  height: 296px;
  z-index: 10; background:  #000 url(img/main_champagnerie.png);
}
#main_champagnerie p {
 
padding:85px 50px 20px 50px;
font-size:13px;
color:#c5a360;
font-family: Lucida Sans,"Trebuchet MS", Verdana, Arial;
text-align:justify;


}
#main_champagnerie_bis {
 
  position: absolute;
  left: 0px;
  top: 155px;
  width: 636px;
  height: 296px;
  z-index: 10;
}
#main_oyster {
 
  position: absolute;
  left: 0px;
  top: 155px;
  width: 636px;
  height: 296px;
  z-index: 10; background:  #000 url(img/main_oyster.png);
}
#main_oyster p {
 
padding:100px 50px 20px 50px;
font-size:13px;
color:#c5a360;
font-family: Lucida Sans,"Trebuchet MS", Verdana, Arial;
text-align:justify;


}
#main_oyster_bis {
 
  position: absolute;
  left: 0px;
  top: 155px;
  width: 636px;
  height: 296px;
  z-index: 10;
}
#main_brunch {
 
  position: absolute;
  left: 0px;
  top: 155px;
  width: 636px;
  height: 296px;
  z-index: 10; background:  #000 url(img/main_brunch.png);
}
#main_brunch p {
 
padding:110px 50px 20px 50px;
font-size:13px;
color:#c5a360;
font-family: Lucida Sans,"Trebuchet MS", Verdana, Arial;
text-align:justify;


}
#main_brunch_bis {
 
  position: absolute;
  left: 0px;
  top: 155px;
  width: 636px;
  height: 296px;
  z-index: 10;
}
#main_photo {
 
  position: absolute;
  left: 0px;
  top: 155px;
  width: 636px;
  height: 296px;
  z-index: 10; background:  #000 ;
}
#main_photo p {
 
padding:110px 50px 20px 50px;
font-size:13px;
color:#c5a360;
font-family: Lucida Sans,"Trebuchet MS", Verdana, Arial;
text-align:justify;


}
#main_photo_bis {
 
  position: absolute;
  left: 0px;
  top: 155px;
  width: 636px;
  height: 296px;
  z-index: 10;
}




#footer {
	position: absolute;
	left: 43px;
	top: 680px;
	width: 380px;
	height: 28px;
	z-index: 4;
}
  
  
  #triplogo {
	position: absolute;
	left: 43px;
	top: 720px;
	width: 182px;
	height: 67px;
	z-index: 4;
}
  #triplogo2 {
	position: absolute;
	left: 213px;
	top: 720px;
	width: 182px;
	height: 118px;
	z-index: 4;
}

#line {
  position: absolute;
  left: 0px;
  top: 451px;
  width: 850px;
  height: 3px;
  z-index: 1000;
   background:  #000 url(img/linea.png);
}

#left_block {
  position: absolute;
  left: 0px;
  top: 454px;
  width: 213px;
  height: 162px;
  z-index: 5;
   background: #000 ;
}
#left_left_block {
  position: absolute;
  left: 213px;
  top: 454px;
  width: 213px;
  height: 162px;
  z-index: 5;
   background: #000 ;
}
#right_right_block {
  position: absolute;
  left: 426px;
  top: 454px;
  width: 213px;
  height: 162px;
  z-index: 5;
   background: #000 ;
}
#right_block {
  position: absolute;
  left: 636px;
  top: 454px;
  width: 213px;
  height: 162px;
  z-index: 102;
   background: #000 ;
}

/* navigation */
.navigation {
	background: url(img/nav.png) repeat-x; height: 52px; width:130px;
	}
.navigation a {
	background: #FFF url(img/nav.png) repeat-x;
	border-right: 0px solid #C9C6B3;
	color: #000;
	float: left;
	font: 13px Lucida Sans,"Trebuchet MS", Verdana, Arial;
	padding: 0 14px;
	line-height: 52px;
	text-align: center;
	text-decoration: none;
	width:100px
}
.navigation a:hover,.navigation a#active {background-position: left bottom; color: #000;}
/* tabs */
#news {
	position: absolute;
	left: 748px;
	top: 663px;
	width: 130px;
	height: 52px;
	z-index: 4;
}

#news2 {
  position: absolute;
  left: 600px;
  top: 663px;
  width: 130px;
  height: 52px;
  z-index: 900;
  background-color:#fff;
 
}
#news3 {
	position: absolute;
	left: 450px;
	top: 663px;
	width: 130px;
	height: 52px;
	z-index: 900;
	background-color:#fff;
}
#home {
	position: absolute;
	left: 26px;
	top: 105px;
	width: 85px;
	height: 32px;
	z-index: 12;
	background-color:#000; 
}
#advisor {
	position: absolute;
	left: 26px;
	top: 105px;
	width: 85px;
	height: 32px;
	z-index: 900;
	background-color:#000; 
}

#special_news {
  position: absolute;
  left: 720px;
  top: 37px;
  width: 100px;
  height: 100px;
  z-index: 12;
  background-color:#000;
  display:none;
 
}
#chiusura {
  position: absolute;
  left: 290px;
  top: 105px;
  width: 230px;
  height: 64px;
  z-index: 12;
  background-color:#000;
  padding:5px;
  font-size:11px;
  text-align:center;
     border:solid 1px #be9e56;
 
}


/* lingue */
#ita-link {
  position: absolute;
  left: 898px;
  top: 60px;
  width: 52px;
  height: 52px;
  z-index: 4;
}

#ita-over {
  position: absolute;
  left: 898px;
  top: 60px;
  width: 52px;
  height: 52px;
  z-index: 6;
}

#eng-link {
  position: absolute;
  left: 898px;
  top: 112px;
  width: 52px;
  height: 52px;
  z-index: 5;
}


#eng-over {
  position: absolute;
  left: 898px;
  top: 112px;
  width: 52px;
  height: 52px;
  z-index: 7;
}

#facebook {
	position: absolute;
	left: 898px;
	top: 165px;
	width: 52px;
	height: 144px;
	z-index: 7;
}

#foto_events {
	position: absolute;
	left: 898px;
	top: 499px;
	width: 52px;
	height: 144px;
	z-index: 7;
}

h1 {font: normal 2.4em Lucida Sans,"Trebuchet MS", Verdana, Arial;}
h1 a {text-decoration: none;}
h1 a:hover {text-decoration: underline;}

h2 {font: normal 1.6em Lucida Sans,"Trebuchet MS", Verdana, Arial; text-align:center;}
h3 {font: Lucida Sans,"Trebuchet MS", Verdana, Arial;
	font-size:15px;}
	
.fade {
  position: absolute;
  top: 0px;
  left: 0px;
 ;
}

.fade div {
  position: absolute;
  top: 0;
  left: 0;
  display: none;
}

img { border: none; } 
.movie {
				width: 902px;
				height: 395px;
			}
			div.movie {
				width: 804px;
				height: 450px;
				text-align: center;
				border-top: 0px solid #333333;
								border-bottom: 0px solid #333333;
			}

	
	#flashcontent {
		height: 902px;
		border: 0px solid #DEDEDE;
	}