h1{
	color:#fecc6c;
	text-shadow: 2px 2px rgba(0,0,0,0.7);
	}
	#section0{
		z-index: 0;
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		opacity: 0;
		transition: opacity 2s ease;
        -moz-transition: opacity 2s ease;
        -webkit-transition: opacity 2s ease;
	}
	#section1{
		z-index: 0;
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		background-image: none;
		background-position: center center;  
		background-repeat: no-repeat; 
		background-attachment: fixed;
		background-size: cover;
		opacity: 0;
		transition: opacity 2s ease;
        -moz-transition: opacity 2s ease;
        -webkit-transition: opacity 2s ease;
	}
	
	#section2{
		z-index: 0;
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;		
		opacity: 0;
		transition: opacity 2s ease;
        -moz-transition: opacity 2s ease;
        -webkit-transition: opacity 2s ease;
		overflow: hidden;
	}
	#section3{
		z-index: 0;
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		background-image: none;
		background-position: center center;  
		background-repeat: no-repeat; 
		background-attachment: fixed;
		background-size: cover;
		opacity: 0;
		transition: opacity 2s ease;
        -moz-transition: opacity 2s ease;
        -webkit-transition: opacity 2s ease;
	}
	#section4{
		z-index: 0;
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		background-image: none;
		background-position: center center;  
		background-repeat: no-repeat; 
		background-attachment: fixed;
		background-size: cover;
		opacity: 0;
		transition: opacity 2s ease;
        -moz-transition: opacity 2s ease;
        -webkit-transition: opacity 2s ease;
	}
	#section5{
		z-index: 0;
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		background-image: none;
		background-position: center center;  
		background-repeat: no-repeat; 
		background-attachment: fixed;
		background-size: cover;
		opacity: 0;
		transition: opacity 2s ease;
        -moz-transition: opacity 2s ease;
        -webkit-transition: opacity 2s ease;
	}
	#section6{
		z-index: 0;
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;		
		opacity: 0;
		transition: opacity 2s ease;
        -moz-transition: opacity 2s ease;
        -webkit-transition: opacity 2s ease;
		overflow: hidden;
	}
	#section7{
		z-index: 0;
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;		
		opacity: 0;
		transition: opacity 2s ease;
        -moz-transition: opacity 2s ease;
        -webkit-transition: opacity 2s ease;
		overflow: hidden;
	}
	#section8{
		z-index: 0;
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;		
		opacity: 0;
		transition: opacity 2s ease;
        -moz-transition: opacity 2s ease;
        -webkit-transition: opacity 2s ease;
		overflow: hidden;
	}
	#section9{
		z-index: 0;
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;		
		opacity: 0;
		transition: opacity 2s ease;
        -moz-transition: opacity 2s ease;
        -webkit-transition: opacity 2s ease;
		overflow: hidden;
	}
	#section10{
		z-index: 0;
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;		
		opacity: 0;
		transition: opacity 2s ease;
        -moz-transition: opacity 2s ease;
        -webkit-transition: opacity 2s ease;
		overflow: hidden;
	}
	#section11{
		z-index: 0;
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;		
		opacity: 0;
		transition: opacity 2s ease;
        -moz-transition: opacity 2s ease;
        -webkit-transition: opacity 2s ease;
		overflow: hidden;
	}
	#section12{
		z-index: 0;
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;		
		opacity: 0;
		transition: opacity 2s ease;
        -moz-transition: opacity 2s ease;
        -webkit-transition: opacity 2s ease;
		overflow: hidden;
	}
	#section13{
		z-index: 0;
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;		
		opacity: 0;
		transition: opacity 2s ease;
        -moz-transition: opacity 2s ease;
        -webkit-transition: opacity 2s ease;
		overflow: hidden;
	}
	#section14{
		z-index: 0;
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;		
		opacity: 0;
		transition: opacity 2s ease;
        -moz-transition: opacity 2s ease;
        -webkit-transition: opacity 2s ease;
		overflow: hidden;
	}
	#section15{
		z-index: 0;
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;		
		opacity: 0;
		transition: opacity 2s ease;
        -moz-transition: opacity 2s ease;
        -webkit-transition: opacity 2s ease;
		overflow: hidden;
	}
	#section16{
		z-index: 0;
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;		
		opacity: 0;
		transition: opacity 2s ease;
        -moz-transition: opacity 2s ease;
        -webkit-transition: opacity 2s ease;
		overflow: hidden;
	}
	#section17{
		z-index: 0;
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;		
		opacity: 0;
		transition: opacity 2s ease;
        -moz-transition: opacity 2s ease;
        -webkit-transition: opacity 2s ease;
		overflow: hidden;
	}
	#section18{
		z-index: 0;
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;		
		opacity: 0;
		transition: opacity 2s ease;
        -moz-transition: opacity 2s ease;
        -webkit-transition: opacity 2s ease;
		overflow: hidden;
	}
	#section0.front{
		z-index: 2;
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		background-color: black;
		opacity: 1;
		transition: opacity 2s ease;
        -moz-transition: opacity 2s ease;
        -webkit-transition: opacity 2s ease;
	}
	#section1.front{
		z-index: 2;
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		background-color: black;
		opacity: 1;
		transition: opacity 2s ease;
        -moz-transition: opacity 2s ease;
        -webkit-transition: opacity 2s ease;
	}
	#section2.front{
		z-index: 2;
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		background-color: none;
		opacity: 1;
		transition: opacity 2s ease;
        -moz-transition: opacity 2s ease;
        -webkit-transition: opacity 2s ease;		
	}
	
	#section3.front{
		z-index: 2;
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		background-color: black;
		opacity: 1;
		transition: opacity 2s ease;
        -moz-transition: opacity 2s ease;
        -webkit-transition: opacity 2s ease;
	}
	#section4.front{
		z-index: 2;
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		background-color: black;
		opacity: 1;
		transition: opacity 2s ease;
        -moz-transition: opacity 2s ease;
        -webkit-transition: opacity 2s ease;
	}
	#section5.front{
		z-index:2;
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		background-color: none;
		opacity: 1;
		transition: opacity 2s ease;
        -moz-transition: opacity 2s ease;
        -webkit-transition: opacity 2s ease;		
	}
	#section6.front{
		z-index:2;
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;		
		background-color: none;		
		opacity: 1;
		transition: opacity 2s ease;
        -moz-transition: opacity 2s ease;
        -webkit-transition: opacity 2s ease;		
	}
	#section7.front{
		z-index:2;
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		background-color: none;
		opacity: 1;
		transition: opacity 2s ease;
        -moz-transition: opacity 2s ease;
        -webkit-transition: opacity 2s ease;
	}
	#section8.front{
		z-index:2;
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		background-color: none;
		opacity: 1;
		transition: opacity 2s ease;
        -moz-transition: opacity 2s ease;
        -webkit-transition: opacity 2s ease;
	}
	#section9.front{
		z-index:2;
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;		
		background-color: none;		
		opacity: 1;
		transition: opacity 2s ease;
        -moz-transition: opacity 2s ease;
        -webkit-transition: opacity 2s ease;
	}
	#section10.front{
		z-index:2;
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;		
		background-color: none;		
		opacity: 1;
		transition: opacity 2s ease;
        -moz-transition: opacity 2s ease;
        -webkit-transition: opacity 2s ease;
	}
	#section11.front{
		z-index:2;
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		background-color: none;
		opacity: 1;
		transition: opacity 2s ease;
        -moz-transition: opacity 2s ease;
        -webkit-transition: opacity 2s ease;
	}
	#section12.front{
		z-index:2;
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		background-color: none;
		opacity: 1;
		transition: opacity 2s ease;
        -moz-transition: opacity 2s ease;
        -webkit-transition: opacity 2s ease;
	}
	#section13.front{
		z-index:2;
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		background-color: none;
		opacity: 1;
		transition: opacity 2s ease;
        -moz-transition: opacity 2s ease;
        -webkit-transition: opacity 2s ease;
	}
	#section14.front{
		z-index:2;
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		background-color: none;
		opacity: 1;
		transition: opacity 2s ease;
        -moz-transition: opacity 2s ease;
        -webkit-transition: opacity 2s ease;
	}
	#section15.front{
		z-index: 0;
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		background-color: none;
		opacity: 1;
		transition: opacity 2s ease;
        -moz-transition: opacity 2s ease;
        -webkit-transition: opacity 2s ease;
	}
	#section16.front{
		z-index: 0;
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		background-color: none;
		opacity: 1;
		transition: opacity 2s ease;
        -moz-transition: opacity 2s ease;
        -webkit-transition: opacity 2s ease;
	}
	#section17.front{
		z-index: 0;
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		background-color: none;
		opacity: 1;
		transition: opacity 2s ease;
        -moz-transition: opacity 2s ease;
        -webkit-transition: opacity 2s ease;
	}
	#section18.front{
		z-index: 0;
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		background-color: none;
		opacity: 1;
		transition: opacity 2s ease;
        -moz-transition: opacity 2s ease;
        -webkit-transition: opacity 2s ease;
	}
/* ************************************************************ Nicholas **************************************************************** */
.msgnick {
    display: inline-block;
        text-indent:0em;
		cursor: pointer;
}

.msgnick:hover .toolnick {
    display: block;	 	
}

.toolnick {
    display: none;
        width: auto;
		height: auto;
        background: none/* rgba(0, 0, 0, 0.5) */;
		color: black;       
        left: 1274px;
		top: 272px;
        line-height: normal;
        text-decoration: none;
        position: absolute;
		border: 1px solid white;
        z-index: 181; 
}
/* ********************************************* Bonus ********************************************************* */
.msgBonus {
    display: inline-block;
        text-indent:0em;
		cursor: pointer;
}

.msgBonus:hover .toolBonus {
    display: block;
	background-image: url(../images/tabella.png); 	
}

.toolBonus {
    display: none;
        width: 444px;
		height: 386px;
        background: none/* rgba(0, 0, 0, 0.5) */;
		color: white;       
        left: 34%;
		top: 170px;
        line-height: normal;
        text-decoration: none;
        position: absolute;
        z-index: 181; 
}
/* ********************************************* Taglie Lamalucente ********************************************************* */
.pop-map {
    display: inline-block;
        text-indent:0em;
		cursor: pointer;
}

.pop-map:hover .tool-map {
    display: block;
	
}

.tool-map {
    display: none;
        width: auto;
		height: auto;
        background: none/* rgba(0, 0, 0, 0.5) */;
		color: black;       
        left: 824px;
		top: 320px;
        line-height: normal;
        text-decoration: none;
        position: absolute;
		border: 1px solid white;
        z-index: 181; 
}

.tooltip {
  position: relative;
  display: inline-block;
  border-bottom: 1px dotted black;
}
/* *********************************************  ********************************************************* */
.tooltip .tooltiptext {
  visibility: hidden;
  width: auto;
  width: auto;  
  color: white;
  text-align: left;
  border-radius: 6px;
  padding: 8px 8px 8px 8px;
  position: absolute;
  z-index: 999;
  position: absolute;
  top: 90%;
  right: -240px;
  margin-top: 8px;
  opacity: 0;
  transition: opacity 0.3s; 
  text-align: justify; 
}

.tooltip .tooltiptext::after {
  content: "";
  position: absolute;
  top: 100%;
  left: 50%;
  margin-left: -5px;
  border-width: 5px;
  border-style: solid;
  border-color: #555 transparent transparent transparent;
}

.tooltip:hover .tooltiptext {
  visibility: visible;
  opacity: 1;
}
/* **************************************************************************************************************** */
.msgpopupW {
    color: #3f80bf;
    cursor: pointer;
}

.msgpopupW:hover .tooltipW {
    display: block;
}

.tooltipW {
    position: absolute;
    white-space: nowrap;
    display: none;
    background-image: url(../boss-tgl/scroll-tgl.png);    
    padding: 5px;
	width: 294px;
	height: 480px;
    z-index: 1000;
    color: black;
	margin-left: 8px;
}
/* ****************************************** TIP 3 ********************************************************* */
.msgInfo {
    color: #3f80bf;    
}

.msgpopupInfo:hover .tipInfo {
    display: block;
	cursor: pointer;
}
.tipInfo {
	position: absolute;
    white-space: nowrap;	
    display: none;       
    padding: 5px;
	width: 294px;
	height: 480px;
    z-index: 1000;
    color: white;
	margin-left: 8px;   	
}
#tip {font-family: 'Playfair Display SC', serif; color: white; font-size:20px; text-shadow: 1px 1px #000; text-align: center;}
/* ****************************************** TIP 3 ********************************************************* */

.pop-next {
    display: inline-block;
        text-indent:0em;		
}

.pop-next:hover .tool-next {
    display: block;
	
}

.tool-next {
    display: none;
        width: calc(200px);
        background: none/* rgba(0, 0, 0, 0.5) */;
		color: black; 
        font-weight: bold;		
        right: 440px;
		top: 820px;
        line-height: normal;
        text-decoration: none;
        position: absolute;
        z-index: 181; 
		background: red;
}
.tool-next {
    text-decoration:none;
    position:relative;
}
.tool-next span {
    display:none;
}
.tool-next:hover span {
    display:block;
    position:fixed;
    overflow:hidden;
}
#overlak {
  position: absolute; 
  width: 100%;
  height: auto;  
  z-index: 1;
  bottom: 0;
  left: 0;
}
#sorcio {
  position: absolute; 
  width: 18px;
  height: 30px;  
  z-index: 13;
  top: 50%;
  right: 24px;
}
#pipa {
  position: absolute; 
  width: 142px;
  height: 428px;  
  z-index: 2;
  bottom: 0;
  left: 0;
}
#shiro {
  position: absolute; 
  width: 246px;
  height: 437px;  
  z-index: 2;
  bottom: 54px;
  left: 8px;
}
#shirox {
  position: absolute; 
  width: 267px;
  height: 877px;  
  z-index: 2;
  bottom: 0;
  left: 0;
}
#varesh {
  position: absolute; 
  width: 246px;
  height: 435px;  
  z-index: 2;
  bottom: 52px;
  left: 0;
}
.pici {
  position: absolute; 
  width: 568px;
  height: 970px;  
  z-index: 2;
  bottom: 0;
  left: 0;
}
#ipno {
  position: absolute; 
  width: 365px;
  height: 737px;  
  z-index: 2;
  bottom: 0;
  left: 0;
}
#evennia {
  position: absolute; 
  width: 286px;
  height: 294px;  
  z-index: 727;
  top: 32%;
  left: 28%;  
}
#salma {
  position: absolute; 
  width: 286px;
  height: 294px;  
  z-index: 727;
  top: 32%;
  left: 43%;
}
#livia {
  position: absolute; 
  width: 142px;
  height: 428px;  
  z-index: 2;
  bottom: 52px;
  left: 18px;
}
#miku {
  position: absolute; 
  width: 64px;
  height: 328px;  
  z-index: 2;
  top: 128px;
  left: 24px;
  vertical-align: top;
  text-align: center;
}
#eyex {
  position: absolute; 
  width: 64px;
  height: auto;  
  z-index: 22;
  top: 96px;
  left: 24px;
  vertical-align: top;
  text-align: center;
}
#look {
  position: absolute; 
  width: 771px;
  height: 860px;  
  z-index: 3;
  bottom: 0;
  left: 0;
}
#livrea {
  position: absolute; 
  width: 142px;
  height: 428px;  
  z-index: 2;
  top: 0;
  left: 0;
}
#pausa {
  position: absolute;   
  z-index: 2;
  bottom: 24px;
  margin-left: 49%;
  margin-right: 49%;   
}
#phVideo {font-family: 'Cinzel Decorative', cursive;  
  font-size: 22px;
  background: none;
  text-shadow: 1px 1px black;
  border: none;
  color: #ffec9f;	
  text-shadow: 2px 2px rgba(0,0,0,0.7);
  cursor: pointer;
  }
#fhVideo {font-family: 'Cinzel Decorative', cursive;  
  font-size: 22px;
  background: none;
  text-shadow: 1px 1px black;
  border: none;
  color: #ffec9f;	
  text-shadow: 2px 2px rgba(0,0,0,0.7);
  cursor: pointer;
  }
  #nhVideo {font-family: 'Cinzel Decorative', cursive;  
  font-size: 22px;
  background: none;
  text-shadow: 1px 1px black;
  border: none;
  color: #ffec9f;	
  text-shadow: 2px 2px rgba(0,0,0,0.7);
  cursor: pointer;
  }

#toppone {
  position: absolute; 
  width: 100%;
  height: 82px;  
  z-index: 1;
  top: 0;  
  margin-right: auto;  
  margin-left: auto;
}
#bordo {
  position: absolute; 
  width: 100%;
  height: 128px;  
  z-index: 1;
  bottom: 0;
  left: 0;  
}
#bordoA {
  position: absolute; 
  width: 200px;
  height: 90px;  
  z-index: 1;
  top: 0;
  left: 24px;
}
#bordex {
  position: absolute; 
  width: 100%;
  height: 64px;  
  z-index: 1;
  top: 967px;
  margin-left: auto;
  margin-right: auto;
}
#bordey {
  position: absolute; 
  width: 100%;
  height: 64px;  
  z-index: 1;
  top: 1072px;
  margin-left: auto;
  margin-right: auto;
}
table.table1 {background: none;}
table.table1 td {font-size: 12px; text-align: center; border: 1px solid silver;padding: 4px;}
table.table2 {background: none;}
table.table2 td {font-size: 12px; text-align: center; border: 1px solid silver;padding: 4px; color: #fff;}
table.table3 td {font-size: 12px; text-align: center; padding: 4px; color: black;border: 1px solid #000;vertical-align: top;}
table.table3 th {text-align: center; padding: 4px; font-size: 12px; font-weight: normal; border: 1px solid #000; vertical-align: top;}
#ev {background: #503b26; color: white;}
#ex {color: gray;}
#berte{ position: absolute; width:321px; height:154px; right: 354px; top: 242px; z-index:999999;}
#berte1{ width:390px; height:98px; z-index:999999;}
.responsive {width: 100%; height: auto;}
sml {
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;	
     font-size: 18px;
	 text-align:center;
	 font-weight: normal;
	 color: #ffeaaf;	 
	 text-shadow: 1px 1px #000;
	 }
@font-face {
    font-family: "titoli";
    src: url("../fonts/GW.ttf");
}
#titolo {
		font-family: 'titoli';
		font-size: 42px;
		color: white;
		text-align: left;
		line-height: 0.5em;
		text-shadow: 2px 2px 3px black;
}
#sub-titolo {
		font-family: 'Playfair Display SC', serif;
		font-size: 24px;
		color: #fecc6c;
		text-align:justify;
		line-height: 1em;		
}
#sub-tit {
		font-family: 'Playfair Display SC', serif;
		font-size: 24px;
		color: #000;
		text-align:justify;
		line-height: 1em;		
}
 #fall {
	font-family: titoli;
	font-size: 36px;
	color: #ffec9f;	
	text-shadow: 2px 2px rgba(0,0,0,0.7);	
 }
#venti {
  font-family: 'Oswald', sans-serif;
  font-weight: bold;
  text-align: center;
  color: #fecc6c;
  font-size: 24px; 
  margin-top: 0;    
}
wt {
  color: #fecc6c;
  text-align:left;
  font-size: 16px;  
  }
 wc {
  color: #fff;
  text-align:left;
  font-size: 18px; 
  font-weight: normal;  
  text-shadow: 1px 1px black;	
  }
 wx {
  color: orange;
  text-align:left;
  font-size: 16px;
  font-weight: bold;
  text-shadow: 1px 1px black;	
  }
  jx {
  color: black;
  text-align:left;
  font-size: 20px;
  font-weight: bold;  	
  }
  bx {
  color: #fecc6c;
  text-align:left;
  font-weight: normal;
  font-size: 16px;   
  }
 cl {
  color: white;
  text-align:left;
  font-size: 24px; 
  text-shadow: 1px 1px black;  
  }
bn {
  color: #fff;
  text-align:left;
  font-size: 16px;
  line-height: 1.5em;
  }
#con {
  background:none; padding-left: 8px; text-align: center; margin-top: -12px;
  }
 #hi {background: #fff; color: #000;}
 table {max-height: 560px;}
td {	
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;	
	text-align: left;
	color: #fff;
	padding: 4px;
	
	}
th {	
	
	font-size: 18px;
	text-align: center;	
	color: #997f5a;
	padding: 2px;		
	}
small{
	font-family: Arial, Helvetica, sans-serif;
	font-size:12px;
	color: white;
	  }
nicu{
	font-family: Arial, Helvetica, sans-serif;
	font-size:12px;
	color: red;
	line-height: -18px;
	  }
 #m-screen { top:100px; left:24px; right:auto; transform: translate (0,0);position: absolute; z-index:999; font-family: Arial, Helvetica, sans-serif; font-size: 14px; color: #fff;}
 #r-screen { top:102px; right:24px; left:auto; transform: translate (0,0);position: absolute; z-index:999; text-align:center; font-family: Arial, Helvetica, sans-serif; }

 #l-screen { top:36px; left:24px; right:auto; transform: translate (0,0);position: absolute; z-index:999; font-family: Arial, Helvetica, sans-serif; font-size: 14px; color: #fff;}
 #f-screen { top:36px; right:24px; left:auto; transform: translate (0,0);position: absolute; z-index:999; text-align:center; font-family: Arial, Helvetica, sans-serif;	font-size: 14px; color: #fff;}
 #musica { top:92px; right:40px; bottom:40px; left:auto; transform: translate (0,0);position: fixed; z-index:999;}
.xtable {font-size: 14px; margin-left: 4px;}
.xtable td{font-size: 13px; padding: 2px; text-align:center; border: 1px solid gray;color: #fff;}
.BonusTable {font-size: 14px; margin-left: 4px;}
.BonusTable td{font-size: 13px; padding: 2px; text-align:center; border: 1px solid #fedb9c;color: #fff; font-weight: normal;}
.BonusTable th{font-size: 16px; padding: 2px; text-align:center; border: 1px solid #fedb9c;color: #fedb9c; font-weight: bold; border: none;}
.ytable {font-size: 12px; margin-left: -8px;}
.ytable td{font-size: 12px; padding: 4px; text-align:center; border: 1px solid gray;}
.ecc {
  -webkit-user-select: none; /* Safari */
  -ms-user-select: none; /* IE 10 and IE 11 */
  user-select: none; /* Standard syntax */
  color: gray;
}
 #dom {background: #ab3101; color: #ffec9f;}

 .ttip {
    text-decoration:none;
    position:relative;
    cursor:pointer;
}
.ttip span {
    display:none;
}
.ttip:hover span {
    display:block;
    position:fixed;
    overflow:hidden;
    background: rgba(0,0,0,0.5);
	font-weight: bold;
	padding: 24px 12px 12px 12px;
    color: white;
    text-align: left;
    margin-left: -80px;	
	margin-top: 6px;
}
#d {
  font-family: 'Oswald', sans-serif;
  font-weight: bold;
  text-align: center;
  color: #fecc6c;
  font-size: 20px;    
}
#x {
  font-family: 'Oswald', sans-serif;
  font-weight: bold;
  text-align: center;
  color: #fff;
  line-height: 0.5em;
  font-size: 20px; 
}
.x-taglia, .x-missione, .x-dominazione, 
#x-tagliaB, #x-missioneB, #x-dominazioneB {
  font-family: 'Oswald', sans-serif;
  font-weight: bold;
  text-align: center;
  color: #fff;
  line-height: 1.2em;
  font-size: 20px; 
}
#x1 {
  font-family: 'Oswald', sans-serif;
  font-weight: bold;
  text-align: center;
  color: #000;
  font-size: 20px;  
}
#ll {
  font-family: 'Oswald', sans-serif;
  font-weight: bold;
  text-align: center;
  color: #000;
  font-size: 20px;  
}
b {color: white;}
#overluy{
  position:fixed;
  z-index:99999;
  top:24%;
  left:25%;
  bottom:25%;
  right:25%;
  background:none;
  transition: 1s 0.4s;
}
#progress{
  height:1px;
  background:#fff;
  position:absolute;
  width:0;
  top:50%;
}
#progstat{
  font-size:0.7em;
  letter-spacing: 3px;
  position:absolute;
  top:50%;
  margin-top:-40px;
  width:100%;
  text-align:center;
  color:#fff;
}
.player {
    width: 48px;
    height: 48px;	
    cursor: pointer;
 }
 #necroDX {
  position: absolute;  
  z-index: 2;
  bottom: 0; 
  right: 0;
}
#necroSX {
  position: absolute;  
  z-index: 2;
  bottom: 0; 
  left: 0;
}
mt { 
     font-family: "titoli";
	 font-size: 18px;
	 color: brown;
	 font-weight: bold;	 
	 text-shadow: 1px 1px #fff;
	 }
nt { font-family: 'Cinzel Decorative', cursive;
	 font-size: 16px;
	 line-height: 2.5em;
	 color: #000;	 
     font-weight: bold;	 
	 }
.resp {
width: 100%;
 max-width: 687px;
height: auto;
}
p  {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	text-align: justify;	
	color: white;	
	}
px:before {
    content: ' \2023';
	width: 24px;
	height: 24px;
	color: #fff;
	padding-right: 4px;
}
/* Calcolo millimetrico di tutti gli elementi inclusi i bordi */
.menu-container {
    width: 100% !important;
    max-width: 2560px !important; 
    margin: 12px auto !important;
    padding: 0 20px !important;
    display: flex !important;
    flex-direction: row !important;
    flex-wrap: nowrap !important; 
    justify-content: center !important; 
    gap: 15px !important; 
    align-items: center !important;
    position: relative;
    z-index: 629;
}

.menu-container > div {
    display: flex !important;
    flex-direction: row !important;
    flex-wrap: nowrap !important;
    align-items: center !important;
    margin: 0 !important;
    white-space: nowrap !important; 
}

/* Stile dei bottoni normali (TUTTI DORATI COME IN ORIGINE) */
.mn { 
    font-family: 'Poppins', sans-serif;
    color: #fecc6c !important; /* Ripristinato colore oro originale */
    font-size: 13px !important; 
    cursor: pointer;
    background: none !important;
    
    /* Bordo invisibile preventivo per evitare scatti orizzontali */
    border: none !important;
    border-bottom: 2px solid transparent !important; 
    
    padding: 6px 6px !important; 
    line-height: 1.5em;
    text-shadow: 2px 2px 2px #000;
    transition: color 0.3s ease, border-color 0.3s ease !important;
    
    white-space: nowrap !important; 
    display: inline-block !important;
}

/* EFFETTO HOVER SUI BOTTONI DORATI (Il testo diventa bianco e appare la linea) */
.mn:hover {      
    color: #fff !important;	
    background: none !important;
    border-bottom: 2px solid #fff !important; 
    white-space: nowrap !important;
}

/* LA VOCE ATTIVA (IL TAG <bt> DIVENTA BIANCO FISSO) */
.menu-container div bt {
    font-family: 'Poppins', sans-serif;
    color: #fff !important; /* Colore bianco fisso per la pagina attiva */
    font-size: 13px !important; 
    text-shadow: 2px 2px 2px #000;
    white-space: nowrap !important;
    display: inline-block !important;
    padding: 6px 6px !important;
    line-height: 1.5em;
    
    /* Sottolineatura bianca fissa sotto la voce attiva */
    border-bottom: 2px solid #fff !important; 
}

/* Scritte o span generici di contorno (es. descrizioni o testi non interattivi) */
.menu-container div span,
.menu-container div {
    font-family: 'Poppins', sans-serif;
    color: #fecc6c !important; /* Mantengono l'oro di base */
    font-size: 13px !important; 
    text-shadow: 2px 2px 2px #000;
    white-space: nowrap !important;
}


/* 2. OTTIMIZZAZIONE SPECIFICA PER IL TUO MONITOR (1920PX) */
@media screen and (max-width: 1920px) {
    .menu-container {
        max-width: 1920px !important;
        padding: 0 10px !important;
        gap: 10px !important; 
    }

    .mn, .menu-container div bt {
        font-size: 12px !important; 
        padding: 4px 4px !important; 
        letter-spacing: normal !important; 
        white-space: nowrap !important;
    }
    
    .menu-container div span, 
    .menu-container div {
        font-size: 12px !important; 
        white-space: nowrap !important;
    }
}
.guida-subtitle {
    background-color: rgba(0,0,0,0.1); 
    width: 1280px; 
    height: 52px; 
    margin: 60px auto 0 auto; /* Aggiunto 60px di margine superiore per spingerlo sotto il menu 2K */
    color: #ffec9f; 
    font-size: 18px; 
    text-align: center; 
    padding-top: 18px;
    position: relative; /* Crea un asse di posizionamento autonomo */
    z-index: 900; /* Sta sotto il menu (989) ma sopra lo sfondo */
    box-sizing: border-box;
}

/* 2. ADATTAMENTO PER RISOLUZIONE MINIMA (1920x1080 o inferiori) */
@media screen and (max-width: 1920px) {
    .guida-subtitle {
        /* Aumentiamo leggermente lo spazio a 1920px se il menu compatto richiede più aria */
        margin: 50px auto 0 auto; 
        font-size: 16px; /* Rimpiccioliamo leggermente il testo per proporzione visiva */
    }
}
/* 1. STILE BASE PER MONITOR GRANDI (2K - 2560x1440 o superiori) */
.caption {
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    
    /* Spinge l'intero blocco sotto il menu del monitor 2K */
    margin: 80px auto 0 auto !important; 
    
    position: relative;
    z-index: 500; /* Sta sotto il menu ma sopra lo sfondo */
}

/* Gestisce il posizionamento della corona sovrapposta */
.caption .corona-wrapper {
    margin-top: -24px;
}

/* Stile del titolo principale */
#fall {
    font-family: 'Poppins', sans-serif;
    color: #ffffff;
    margin: 15px 0 0 0;
}


/* 2. ADATTAMENTO CHIRURGICA PER MONITOR MINIMO (1920X1080) */
@media screen and (max-width: 1920px) {
    .caption {
        /* Distanza ottimizzata per gli schermi più stretti a 1920px */
        margin: 65px auto 0 auto !important; 
    }
    
    /* Rimpicciolisce leggermente le immagini e i testi per proporzione dello schermo */
    .caption img {
        max-width: 90%;
        height: auto;
    }
    
    #fall {
        font-size: 2rem !important; /* Ridimensiona il testo se necessario */
    }
}
.object-page-container {
    position: relative; 
    width: 100%;
    max-width: 1500px;  
    height: 1000px; 
    margin: 60px auto 0 auto !important; /* Spinge la pagina esterna sotto il menu 2K */
    padding-left: 200px; /* Sostituisce in modo valido il vecchio margin-left dell'object */
    z-index: 3;
    box-sizing: border-box;
}

/* 2. ADATTAMENTO PER SCHERMI FINO A 1920PX */
@media screen and (max-width: 1920px) {
    .object-page-container {
        margin: 50px auto 0 auto !important; /* Distanza ridotta per monitor più bassi */
        max-width: 1280px; /* Stringe l'area visiva per farla stare nei 1920px */
        padding-left: 100px; /* Riduce lo spostamento laterale per non farlo uscire a destra */
        height: 800px; /* Riduce l'altezza per evitare lo scroll infinito a 1080p */
    }
}
.build-object-container {
    position: relative; 
    width: 100%;
    max-width: 780px; 
    height: 870px; 
    margin: 60px auto 0 auto !important; /* Spinge la tabella delle build sotto la linea del menu */
    z-index: 3;
    box-sizing: border-box;
}

.build-description-container {
    text-align: center; 
    width: 100%;
    max-width: 760px; 
    position: relative; 
    margin: 25px auto 0 auto; /* Distanza bilanciata senza margini negativi */
    z-index: 1; 
    padding: 12px;
    box-sizing: border-box;
}

.build-description-container h3 {
    font-family: 'Poppins', sans-serif;
    color: #ffec9f;
    font-size: 18px;
    margin: 0;
    font-weight: bold;
}

/* 2. ADATTAMENTO PER MONITOR FINO A 1920PX */
@media screen and (max-width: 1920px) {
    .build-object-container {
        margin: 50px auto 0 auto !important; /* Margine compatto a 1080p */
        height: 700px; /* Ridotta l'altezza per evitare che esca dal fondo dello schermo */
    }
    
    .build-description-container {
        margin: 15px auto 0 auto;
    }
    
    .build-description-container h3 {
        font-size: 16px;
    }
    
    .build-description-container p {
        font-size: 11px;
    }
}
.libri-object-container {
    position: relative; 
    width: 100%;
    max-width: 1640px; 
    
    /* ==========================================================================
       ALTEZZA DEFINITIVA: 264px padding + 814px accordion = 1078px fisse
       ========================================================================== */
    height: 1078px; 
    padding-top: 264px; /* Distacco di 264px bloccato dal top */
    
    margin: 0 auto !important; 
    z-index: 3;
    box-sizing: border-box;
}

/* Adattamento di larghezza per monitor Full HD */
@media screen and (max-width: 1920px) {
    .libri-object-container {
        margin: 50px auto 0 auto !important; 
        max-width: 1400px; 
    }
}

/* Adattamento larghezza per monitor Full HD */
@media screen and (max-width: 1920px) {
    .libri-object-container {
        margin: 50px auto 0 auto !important; 
        max-width: 1400px; 
        padding-top: 100px; /* Un po' meno padding sui monitor più bassi */
    }
}
#missione {
    font-family: 'Poppins', sans-serif;
    font-size: 18px !important; 
    line-height: 1.2em !important;
    color: #ffffff;
    margin-top: 4px !important; /* Cuscinetto di pixel per non farlo attaccare sopra */
    text-align: left;
}

/* Rende il titolo della mappa (es. Rovine di Morah) bello grande e visibile */
#missione vrd {
    font-size: 18px !important;    
    display: block;
    margin-bottom: 8px;
	line-height: 1.2em !important;
}

#missione bx {
    font-size: 18px !important;
}

/* Distanzia e corregge il box inferiore della Prossima Missione */
#missioneB {
    margin-top: 15px !important; 
    font-size: 14px !important;	
}
/* Taglie Zaishen */
#taglia {
    font-family: 'Poppins', sans-serif;
    font-size: 18px !important; 
    line-height: 1.2em !important;
    color: #ffffff;
    margin-top: 4px !important; /* Cuscinetto di pixel per non farlo attaccare sopra */
    text-align: left;
}

/* Rende il titolo della mappa (es. Rovine di Morah) bello grande e visibile */
#taglia vrd {
    font-size: 18px !important;    
    display: block;
    margin-bottom: 8px;
	line-height: 1.2em !important;
}

#taglia bx {
    font-size: 18px !important;
}

/* Distanzia e corregge il box inferiore della Prossima Missione */
#tagliaB {
    margin-top: 15px !important; 
    font-size: 14px !important;
	
}
#bax { font-family: 'Poppins', sans-serif;
      width: 162px;
	  height: 46px;
	  background-image: url(../img/btn_off.png);
	  background-repeat: no-repeat;
	  color: #fecc6c;
	  font-size: 14px;
      cursor: pointer;	  
	  padding: 18px 0 0 20px;
	  line-height: 1em;
	}
#bax:hover {  
      width: 162px;
	  height: 46px;
	  background-image: url(../img/btn_on.png);
	  color: #422f1e;	
      font-weight: bold;	  
	  line-height: 1em;
      transition: 0.5s;
  }  
#lg { font-family: 'Poppins', sans-serif;
      font-weight: bold;
	  color: #9fb7d5;
	  font-size: 16px;
      cursor: pointer;
	  background: none;
	  border: none;
	  padding: 0 8px 0 6px;
	  line-height: 1.5em;
	  background-color: rgba(0,0,0,0.2);  
	  }
#lg:hover {
      background-color: #233751;
	  color: #fff;
	  font-weight: bold;
      transition: 0.5s;
	  padding: 0 8px 0 24px;
  }
.cicli {font-family: 'Poppins', sans-serif;
      font-weight: bold;
	  color: #9fb7d5;
	  font-size: 16px;
      cursor: pointer;
	  background: none;
	  border: none;
	  padding: 0 8px 0 6px;
	  line-height: 1.5em;
	  background-color: rgba(0,0,0,0.2);  
	  }
.cicli:hover {
      background-color: #233751;
	  color: #fff;
	  font-weight: bold;
      transition: 0.5s;	  
	  text-decoration: underline;
	  text-underline-offset: 0.6em;
  }
 bt {  font-family: Arial, Helvetica, sans-serif;    
	   color: #fff; 
	   font-weight: bold;
       font-size: 13px;	
	   line-height: 1.5em;
	   padding: 0 8px 0 6px;        	   
  }
 ac {  font-family: Arial, Helvetica, sans-serif;    
	   color: #fff; 	   
       font-size: 18px;	          
  }
  tp { font-family: Arial, Helvetica, sans-serif;    
	   color: #fecc6c;	         
	   padding: 4px 0 0 8px;
  }
 vrd {
  font-family: 'Oswald', sans-serif;
  font-weight: bold;
  text-align: center;
  color: #DEB887;
  line-height: 0.5em;
  font-size: 20px; 
  text-shadow: 1px 1px #000;	
}
 lls {
  font-family: 'Oswald', sans-serif;
  font-weight: bold;
  text-align: left;
  color: #DEB887;
  line-height: 0.5em;
  font-size: 20px;   	
}
 #mio-modo {
    opacity: 0;
    position: fixed;
    top: 0;
    left: -197px;
    width: 234px;
    height: auto;
	padding: 0;   
    transition: all 1s linear; 
    position: relative;	
	color: #fff;
    z-index: 0;
    background: rgba(0,0,0,0.5);	
}
#mio-modo.active {
opacity: 1; left: -197px;}
#mio-but {
width: 24px; height: 112px; font-weight: bold; background: #990000; border: none; color: #fecc6c; cursor: pointer; border-left: 2px solid red; border-top-left-radius: 8px; writing-mode: vertical-lr; text-orientation: upright; }
#verticale {writing-mode: vertical-lr; text-orientation: upright; font-size: 36px; }
#ver {writing-mode: vertical-lr; text-orientation: upright; font-size: 14px;}
#team {font-size: 36px; color: white; text-align: left;}
#nu {background: none; border: none; width:36px;}
 	#sectorF{
		z-index:2;
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		background-color: none;
		opacity: 1;
		transition: opacity 2s ease;
        -moz-transition: opacity 2s ease;
        -webkit-transition: opacity 2s ease;		
	}
.bot {  
  font-family: titoli, Arial, Helvetica, sans-serif;
  width: 148px;
  height: auto;
  background: none; 
  color:#fecc6c;
  font-size: 14px;
  text-shdow: 2px 2px 3px rgb(0,0,0,0.7);
  border: none;
  cursor: pointer;
  }
.bot:hover {  
  color:#fff;
  }
  #arenaLogo {
  position: absolute;   
  width: 120px;
  height: 48px;    
  float:left;
  margin-left: 64px;
  top: 0;
  z-index:78;
} 
  #arena {
  position: absolute;   
  width: 120px;
  height: 48px;    
  left:24px;
   bottom: 12px;
  z-index:78;
}
 /* ********************************************************************************************** */
 #giugiu {
  display: flex;
  justify-content: center;
  align-items: center;
  position: absolute;  
  width: 102px;  
  height: 5%;
  bottom:24px; 
  align-items: flex-end;  
  padding-bottom: 78px;
  margin-left: 48%;
  margin-right: 48%;
}

.scatola {
  position: relative;
  width: 24px;
  height: 24px;
  z-index: 100;
}

.chevron {
  position: absolute;
  width: 28px;
  height: 8px;
  opacity: 0;
  transform: scale3d(0.5, 0.5, 0.5);
  animation: move 3s ease-out infinite;
}

.chevron:first-child {
  animation: move 3s ease-out 1s infinite;
}

.chevron:nth-child(2) {
  animation: move 3s ease-out 2s infinite;
}

.chevron:before,
.chevron:after {
  content: ' ';
  position: absolute;
  top: 0;
  height: 100%;
  width: 51%;
  background: #fff;
}

.chevron:before {
  left: 0;
  transform: skew(0deg, 30deg);
}

.chevron:after {
  right: 0;
  width: 50%;
  transform: skew(0deg, -30deg);
}

@keyframes move {
  25% {
    opacity: 1;

  }
  33% {
    opacity: 1;
    transform: translateY(30px);
  }
  67% {
    opacity: 1;
    transform: translateY(40px);
  }
  100% {
    opacity: 0;
    transform: translateY(55px) scale3d(0.5, 0.5, 0.5);
  }
}

.text {
  display: block;
  margin-top: 75px;
  margin-left: -30px;
  font-family: "Helvetica Neue", "Helvetica", Arial, sans-serif;
  font-size: 12px;
  color: #fff;
  text-transform: uppercase;
  white-space: nowrap;
  opacity: .25;
  animation: pulse 2s linear alternate infinite;
}

@keyframes pulse {
  to {
    opacity: 1;
  }
}
 /* ********************************************************************************************** */
 #giusu {
  display: flex;
  justify-content: center;
  align-items: center;
  position: absolute;  
  width: 100%;  
  height: 5%;
  bottom:0; 
  align-items: flex-end;  
  padding-bottom: 78px;
}

.scatolax {
  position: relative;
  width: 24px;
  height: 24px;
  z-index: 100;
}

.chevron1 {
  position: absolute;
  width: 28px;
  height: 8px;
  opacity: 0;
  transform: scale3d(0.5, 0.5, 0.5);
  animation: move 3s ease-out infinite;
}

.chevron1:first-child {
  animation: move 3s ease-out 1s infinite;
}

.chevron1:nth-child(2) {
  animation: move 3s ease-out 2s infinite;
}

.chevron1:before,
.chevron1:after {
  content: ' ';
  position: absolute;
  top: 0;
  height: 100%;
  width: 51%;
  background: #fff;
}

.chevron1:before {
  left: 0;
  transform: skew(0deg, 30deg);
}

.chevron1:after {
  right: 0;
  width: 50%;
  transform: skew(0deg, -30deg);
}

@keyframes move {
  25% {
    opacity: 1;

  }
  33% {
    opacity: 1;
    transform: translateY(30px);
  }
  67% {
    opacity: 1;
    transform: translateY(40px);
  }
  100% {
    opacity: 0;
    transform: translateY(55px) scale3d(0.5, 0.5, 0.5);
  }
}
@keyframes pulse {
  to {
    opacity: 1;
  }
}
.testo {
  display: block;
  margin-top: 75px;
  margin-left: -64px;
  font-family: "Helvetica Neue", "Helvetica", Arial, sans-serif;
  font-size: 12px;
  color: #fff;
  text-transform: uppercase;
  white-space: nowrap;
  opacity: .25;
  animation: pulse 2s linear alternate infinite;
}
.msgpopupTGL {
    color: #3f80bf;
    cursor: pointer;
}

.msgpopupTGL:hover .tooltipTGL {
    display: block;
}

.tooltipTGL {
    position: absolute;
    white-space: nowrap;
    display: none;
    background-image: url(../boss-tgl/scroll-tgl.png);    
    padding: 5px;
	width: 294px;
	height: 480px;
    z-index: 1000;
    color: black;
	margin-left: 24px;
}
/* ***************************************************************************************** */

#myVideo {
  position: fixed;
  right: 0;
  bottom: 0;
  min-width: 100%; 
  min-height: 100%;
}
#Fcontent {
  position: fixed;
  left: 0; 
  color: #f1f1f1;
  height: 480px;  
  padding: 0; 
  bottom: 0;  
  background-color: rgba(0,0,0,.7);
  width: 124px;
  border-top: 1px solid #d0baa2;
  transition: all linear 0.6s;
}
#Ncontent {
  position: fixed;
  bottom: 124px;  
  color: #f1f1f1;
  width: 100%;  
  padding: 0; 
  height: 78px;
  transition: all linear 0.6s;
  z-index: 100;
}
#Pcontent {
  position: fixed;
  display: flex;
  bottom: 10%; 
  color: #f1f1f1;
  width: 100%;  
  padding: 0;
  justify-content: center;  
  height: 148px;
  transition: all linear 0.6s;
}
#nox {border: none;}
	@font-face {
    font-family: "foot";
    src: url("../fonts/Quadrat-Light.otf");
}
fgh { font-family: foot;
     color: white;
     text-align: center;
     line-height: 1em;
	 font-size:24px;
	 margin-top: 2px;
	 font-weight: normal;
	 background: -webkit-linear-gradient(#ae8058, #fff);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
     filter: drop-shadow(2px 2px 2px #000);
	 }
h3 { font-family: foot;
     color: white;
     text-align: center;
     line-height: 1em;
	 font-size:42px;
	 margin-top: 2px;
	 font-weight: normal;
	 background: -webkit-linear-gradient(#ae8058, #fff);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
     filter: drop-shadow(2px 2px 2px #000);
	 }
hh { font-family: foot;
     color: white;
     text-align: center;
     line-height: 2em;
	 font-size:78px;
	 top: 0;
	 font-weight: normal;
	 background: -webkit-linear-gradient(#ae8058, #fff);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
     filter: drop-shadow(2px 2px 3px #000);
	 }
	 
/* #miaoBtn {
  width: 200px;
  font-size: 18px;
  padding: 10px;
  border: none;
  background: #000;
  color: #fff;
  cursor: pointer;
  
} 

#miaoBtn:hover {
  background: #ddd;
  color: black;
}*/
 .trup {
    text-decoration:none;
    position:fixed;
    cursor:pointer;
}
.trup span {
    display:none;
}
.trup:hover span {
    display:block;
    position:fixed;
    overflow:hidden;
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    background-color: rgb(0,0,0,.7);
	font-weight: normal;	
	border-radius: 9px 9px 0 0;
	border-top: 1px solid #d0baa2;
    border-left: 1px solid #d0baa2;
    border-right: 1px solid #d0baa2;
	padding: 8px 8px 0 16px;	
    color: #d0baa2;
	width: 22%;
    text-align: left;
    left: 39%;
    right: 39%;   	
	bottom: 160px;
	z-index: 128;
}
 .trap {
    text-decoration:none;
    position:fixed;
    cursor:pointer;
}
.trap span {
    display:none;
}
.trap:hover span {
    display:block;
    position:fixed;
    overflow:hidden;
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    background-color: rgb(0,0,0,.7);
	font-weight: normal;	
	border-radius: 9px 9px 0 0;
	border-top: 1px solid #d0baa2;
    border-left: 1px solid #d0baa2;
    border-right: 1px solid #d0baa2;
	padding: 8px 0 0 16px;	
    color: #d0baa2;
	width: 36%;
    text-align: left;
    left: 32%;
    right: 32%;   	
	bottom: 160px;
	z-index: 128;
}
 .trapF {
    text-decoration:none;
    position:fixed;
    cursor:pointer;
}
.trapF span {
    display:none;
}
.trapF:hover span {
    display:block;
    position:fixed;
    overflow:hidden;
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    background-color: rgb(0,0,0,.7);
	font-weight: normal;	
	border-radius: 0 9px 0 0;
	border-top: 1px solid #d0baa2;    
    border-right: 1px solid #d0baa2;
	padding: 12px 8px 0 0;	
    color: #d0baa2;
	width: 320px;
	height: 468px;
	bottom: 0;
    text-align: left;
    left: 172px;   
	z-index: 128;
}
 #rotated {
    writing-mode: tb-rl;
    transform: rotate(-180deg);	
    position: absolute;
	padding-top: 18px;
    bottom: 0;
    width: 48px;
	height: 462px;
    margin-left: 124px;
    border-bottom: 1px solid #d0baa2;	
	color: #fff;
	font-size: 1.2em;	
	background-color: rgb(0,0,0,.7);
	z-index:0;
}
 #rotato {
    writing-mode: tb-rl;
    transform: rotate(-180deg);	
    position:relative;    
	padding-top: 18px;
    top: 196px;
    width: 48px;
	height: 518px;
    left: -48px;
    border-radius: 9px 9px 9px 0;
	border-bottom: 1px solid #d0baa2;    
    border-right: 1px solid #d0baa2;
	border-top: 1px solid #d0baa2;
	color: #fff;
	font-size: 1.2em;
    text-align: center;	
	background-color: rgb(0,0,0,.7);
	cursor: pointer;
	z-index:899;
}
#mg {width: 48px; border: 1px solid #d0baa2;}

ph  {font-family: 'Cinzel Decorative', cursive; font-size: 22px; font-weight: bold;
     text-shadow: 2px 2px 2px white;  
     color: #000;}