html,body{
  margin:0;padding:0;
}

body{
  height: 100%;
  font-family: Times, Arial, Helvetica, Verdana, Tahoma, sans-serif;
  font-size: 15px;
}

p,
ul,
ol,
dl,
pre,
table,
fieldset {
  margin: 0;
  padding: 0;
}

img{
  border: none;
}

a{
  text-decoration: none;
}

a img{
  border: none;
}

#container{
}

.container{
	display: none;
 background: url(../images/sfondo.jpg) repeat;
}

#header{
  position: absolute; 	
  bottom: 0;
  left: 0; 	
  width: 100%; 	
  clear: both;
  height: 180px;
  background: url(../images/sfondo-footer.jpg) repeat-x;
  z-index: 5;
  top:496px;
}

.menu_sezioni {
  list-style-type: none;
}

.menu_sezioni li{
  float: left;
  display: inline;
  margin-right: 20px;
}

.menu_sezioni li a{
  text-transform: capitalize;
  font-weight: bold;
  color: #4e4e4e;
  font-size: 13px;
  float:left;
  height: 30px;
}

.menu_sezioni li a#intro.selected{
  background: url(../images/header/intro.jpg) no-repeat center;
}

.menu_sezioni li a#fasi.selected{
  background: url(../images/header/fasi.jpg) no-repeat center;
}

.menu_sezioni li a#presente.selected{
  background: url(../images/header/presente.jpg) no-repeat center;
}

.menu_sezioni li a#istanze.selected{
  background: url(../images/header/istanze.jpg) no-repeat center;
}

.menu_sezioni li a#pensiero.selected{
  background: url(../images/header/pensiero.jpg) no-repeat center;
}


.menu_service{
  left:80px;
  position:absolute;
  top:50px;
  width:300px;
}


.menu_service a{
  float: left;
  display: inline;
  text-decoration: none;
  text-transform: uppercase;
  margin-right: 25px;
}

.menu_service a{
  color: #b1b1b1 !important;
  font-size: 11px !important;
}

#content{
  left:0;
  position: absolute;
  top:40px;
}


#footer{
  position: absolute; 	
  bottom: 0;
  left: 0;
  height: 0;
}

.logo{
  position: absolute;
  top:20px;
  left:40px;
  width: 292px;
  height: 51px;
}



.down{
  position: relative;
  clear: both;
}

.left-box{
  position: absolute;
  top:0;
  left:40px;
  width: 300px;
}

.right-box{
  position:relative;
  top:21px;
}

#menu{
  float:right;
  margin-right:50px;
}

.language{
  position:absolute;
  right:88px;
  top:35px;
}

/*SCROLL PRINCIPALE*/

.panes{
  position:relative;
	overflow:hidden;
	clear:both;
	width:100%;
	min-height:496px;	
  z-index: 2;
  background: url(../images/sfondo.jpg) repeat;
}

.panes div.pageitems {
  clear:both;
  margin:0;
  padding:0;
  position:absolute;
  width:20000em;
}

.panes div.contenuti{
	float:left;
	display:block;
	width:1180px
	cursor:pointer;
	font-size:14px;
	margin-top:0;
}


/*SCROLL INSIDE*/
      
.flowpanes {
	position:relative;
	overflow:hidden;
	clear:both;
	width:100%;
	min-height:496px;	
  z-index: 1;
}

.flowpanes div.items div {
	float:left;
	display:block;
  margin-right:10px;
  overflow:hidden;
  width:1170px;
	cursor:pointer;
	font-size:14px;
	height: 496px;
	position: relative;
}

.flowpanes .items {
	width:20000em;
	position:absolute;
	clear:both;
	margin:0;
	padding:0;
}

.flowpanes .less, .flowpanes .less a {
	color:#000 !important;
}


.flowpanes div h2 {
	font-weight:normal;
	color:#ddd;
	letter-spacing:1px;
	margin:10px 0 0 0;
	font-size:22px;	
}

.flowpanes a {
	color:#cc9;		
	font-size:14px;
}

.flowpanes p, .flowpanes samp {
	color:#ccc;		
}

.flowpanes div.narrow {
	padding-right:160px;		
}


.flowtabs {
  position:absolute;
  width:100%;
  z-index:10000;
  top:23px;
	margin:0 !important; 
	padding:0;	
	left:0;
	
	/* IE6 specific branch (prefixed with "_") */
	_margin-bottom:-2px;
}

/* single tab */
.flowtabs li { 
  height: 40px;
	float:left; 
	margin:0; 
	padding:0; 
	text-indent:0; 
	list-style-type:none;
}

/* a- tag inside single tab */
.flowtabs li a {
	display:block;
	height: 31px;   
	width: 189px; 	
	padding:0px;
	margin:0px;
	color:#000;
	font-size:12px;
	line-height:33px;
	text-align:center;
	text-decoration:none;
}




/* prev, next, prevPage and nextPage buttons */
a.browse {
	display:block;
	width:990px;
	height:35px;
	float:left;
	cursor:pointer;
	font-size:1px;
	z-index: 40;
	position: absolute;
	top:60px;
}

/* right */
div#introduzione a.right {
  background-position: 0 -30px;
  clear:right;
  margin-right: 0px;
  background:url(../images/menu/avanti.jpg);
  width: 94px;
  height: 35px;
  position: absolute;
  left: 990px;
}

div#introduzione  a.right.en{
  background:url(../images/menu/next_en.jpg) !important;
}


/* left */
div#introduzione  a.left {
  margin-left: 0px;
  margin-right:800px;
  background:url(../images/menu/indietro.jpg);
  width: 107px;
  height: 35px;
  position: absolute;
  left: 80px;
} 

div#introduzione a.left.en{
  background:url(../images/menu/prev_en.jpg) !important;
}



/*BROWSE FASI*/
/* right */
div#fasi a.right {
  background-position: 0 -30px;
  clear:right;
  margin-right: 0px;
  background:url(../images/menu/next_fasi_ita.jpg);
  width: 94px;
  height: 35px;
  position: absolute;
  left: 990px;
}

div#fasi  a.right.en{
  background:url(../images/menu/next_fasi_en.jpg) !important;
}


/* left */
div#fasi  a.left {
  margin-left: 0px;
  margin-right:800px;
  background:url(../images/menu/prev_fasi_ita.jpg);
  width: 107px;
  height: 35px;
  position: absolute;
  left: 80px;
} 

div#fasi a.left.en{
  background:url(../images/menu/prev_fasi_en.jpg) !important;
}


/*BROWSE PRESENTE*/
/* right */
div#presente a.right {
  background-position: 0 -30px;
  clear:right;
  margin-right: 0px;
  background:url(../images/menu/next_presente_ita.jpg);
  width: 94px;
  height: 35px;
  position: absolute;
  left: 990px;
}

div#presente  a.right.en{
  background:url(../images/menu/next_presente_en.jpg) !important;
}


/* left */
div#presente  a.left {
  margin-left: 0px;
  margin-right:800px;
  background:url(../images/menu/prev_presente_ita.jpg);
  width: 107px;
  height: 35px;
  position: absolute;
  left: 80px;
} 

div#presente a.left.en{
  background:url(../images/menu/prev_presente_en.jpg) !important;
}

/*BROWSE ISTANZE*/
/* right */
div#istanze a.right {
  background-position: 0 -30px;
  clear:right;
  margin-right: 0px;
  background:url(../images/menu/next_istanze_ita.jpg);
  width: 94px;
  height: 35px;
  position: absolute;
  left: 990px;
}

div#istanze  a.right.en{
  background:url(../images/menu/next_istanze_en.jpg) !important;
}


/* left */
div#istanze  a.left {
  margin-left: 0px;
  margin-right:800px;
  background:url(../images/menu/prev_istanze_ita.jpg);
  width: 107px;
  height: 35px;
  position: absolute;
  left: 80px;
} 

div#istanze a.left.en{
  background:url(../images/menu/prev_istanze_en.jpg) !important;
}

/*BROWSE PENSIERO*/
/* right */
div#pensiero a.right {
  background-position: 0 -30px;
  clear:right;
  margin-right: 0px;
  background:url(../images/menu/next_pensiero_ita.jpg);
  width: 94px;
  height: 35px;
  position: absolute;
  left: 990px;
}

div#pensiero  a.right.en{
  background:url(../images/menu/next_pensiero_en.jpg) !important;
}


/* left */
div#pensiero  a.left {
  margin-left: 0px;
  margin-right:800px;
  background:url(../images/menu/prev_pensiero_ita.jpg);
  width: 107px;
  height: 35px;
  position: absolute;
  left: 80px;
} 

div#pensiero a.left.en{
  background:url(../images/menu/prev_pensiero_en.jpg) !important;
}



/* disabled navigational button */
a.disabled {
	visibility:hidden !important;		
}


/*COLORBOX*/

#colorbox, #cboxOverlay, #cboxWrapper{position:absolute; top:0; left:0; z-index:9999; overflow:hidden;}
#cboxOverlay{position:fixed; width:100%; height:100%;}
#cboxMiddleLeft, #cboxBottomLeft{clear:left;}
#cboxContent{position:relative; overflow:hidden; padding:20px; text-align: justify}
#cboxLoadedContent{overflow:auto;}
#cboxLoadedContent iframe{display:block; width:100%; height:100%; border:0;}
#cboxTitle{margin:0;}
#cboxLoadingOverlay, #cboxLoadingGraphic{position:absolute; top:0; left:0; width:100%;}
#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{cursor:pointer;}

#cboxOverlay{background:#ddd;}
#colorbox{}
    #cboxTopLeft{width:21px; height:21px; 1background:url(../images/controls.png) -100px 0 no-repeat;}
    #cboxTopRight{width:21px; height:21px; 1background:url(../images/controls.png) -129px 0 no-repeat;}
    #cboxBottomLeft{width:21px; height:21px; 1background:url(../images/controls.png) -100px -29px no-repeat;}
    #cboxBottomRight{width:21px; height:21px; 1background:url(../images/controls.png) -129px -29px no-repeat;}
    #cboxMiddleLeft{width:21px; 1background:url(../images/controls.png) left top repeat-y;}
    #cboxMiddleRight{width:21px; 1background:url(../images/controls.png) right top repeat-y;}
    #cboxTopCenter{height:21px; 1background:url(../images/border.png) 0 0 repeat-x;}
    #cboxBottomCenter{height:21px; 1background:url(../images/border.png) 0 -29px repeat-x;}
    #cboxContent{background:#fff; padding:10px;height:auto !important;}
        #cboxLoadedContent{margin:28px;}
        #cboxTitle{position:absolute; bottom:4px; left:0; text-align:center; width:100%; color:#000;font-size:12px;}
        #cboxCurrent{position:absolute; bottom:4px; left:58px; color:transparent;}
        #cboxSlideshow{position:absolute; bottom:4px; right:30px; color:#0092ef;}
        #cboxPrevious{position:absolute; bottom:0; left:0px; background:url(../images/controls.png) -75px 0px no-repeat; width:25px; height:25px; text-indent:-9999px;}
        #cboxPrevious.hover{background-position:-75px -25px;}
        #cboxNext{position:absolute; bottom:0; left:27px; background:url(../images/controls.png) -50px 0px no-repeat; width:25px; height:25px; text-indent:-9999px;}
        #cboxNext.hover{background-position:-50px -25px;}
        #cboxLoadingOverlay{background:url(../images/loading_background.png) center center no-repeat;}
        #cboxLoadingGraphic{background:url(../images/loading.gif) center center no-repeat;}
        #cboxClose{position:absolute; bottom:0; right:0; background:url(../images/overlay_close.png) no-repeat; 1background:url(../images/controls.png) -25px 0px no-repeat; width:84px; height:25px; text-indent:-9999px;}
        #cboxClose.hover{1background-position:-25px -25px;}

/*
    The following fixes png-transparency for IE6.  
    It is also necessary for png-transparency in IE7 & IE8 to avoid 'black halos' with the fade transition
    
    Since this method does not support CSS background-positioning, it is incompatible with CSS sprites.
    Colorbox preloads navigation hover classes to account for this.
    
    !! Important Note: AlphaImageLoader src paths are relative to the HTML document,
    while regular CSS background images are relative to the CSS document.
*/
.cboxIE #cboxTopLeft{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=images/internet_explorer/borderTopLeft.png, sizingMethod='scale');}
.cboxIE #cboxTopCenter{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=images/internet_explorer/borderTopCenter.png, sizingMethod='scale');}
.cboxIE #cboxTopRight{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=images/internet_explorer/borderTopRight.png, sizingMethod='scale');}
.cboxIE #cboxBottomLeft{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=images/internet_explorer/borderBottomLeft.png, sizingMethod='scale');}
.cboxIE #cboxBottomCenter{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=images/internet_explorer/borderBottomCenter.png, sizingMethod='scale');}
.cboxIE #cboxBottomRight{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=images/internet_explorer/borderBottomRight.png, sizingMethod='scale');}
.cboxIE #cboxMiddleLeft{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=images/internet_explorer/borderMiddleLeft.png, sizingMethod='scale');}
.cboxIE #cboxMiddleRight{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=images/internet_explorer/borderMiddleRight.png, sizingMethod='scale');}






/*MENU*/

.menu-hover{
  position:absolute;
  width:100%;
  z-index:10000;
  top:2px;
	margin:0 !important; 
	padding:0; 
	height: 20px;
}

.menu-current{
  position:absolute;
  width:100%;
  z-index:10000;
  top:15px;
	margin:0 !important; 
	padding:0; 
	height: 55px;
}

.menu-current img {
  position:absolute;
  top:10px;
  display:none;
}

.menu-hover img {
  position:absolute;
  top:-5px;
  display:none;
}

a.nextpageLink{
  height:70px;
  left:900px;
  position:absolute;
  top:230px;
  width:250px;
  z-index:10000;
}

a.nextpageLink span{
  display: none;
}


a.linkstart{
  height:70px;
  left:700px;
  position:absolute;
  top:280px;
  width:300px;
  z-index:10000;
}

  

/*1° INTRO MENU*/

div#introduzione ul{
  background:url(../images/menu/linee/1.introduzione.png) repeat-x;
  
}

div#introduzione ul li a{
	display:block;
	width: 15px;
	height: 15px; 	
	padding:0px;
	margin:0px;
	color:#000;
	font-size:12px;
	line-height:33px;
	text-align:center;
	text-decoration:none;
	background:url(../images/menu/pallini/1.introduzione.png) repeat-x;
}

div#introduzione ul li{
  float: left;
}

ul.flowtabs li a span{
  display: none;
}

div#introduzione ul li a#florian{
  left: 300px;
  position: absolute;
  top:-2px;
}

div#introduzione ul li a#alessi{
  left: 600px;
  position: absolute;
  top:-3px;
}

div#introduzione ul li a#mendini{
  left: 900px;
  position: absolute;
  top:0;
}


div#introduzione ul.flowtabs{

}


/*2° FASI STORICHE MENU*/
div#fasi ul.flowtabs{

}


div#fasi ul{
  background:url(../images/menu/linee/2.fasi-storiche.png) repeat-x;
  
}

div#fasi ul li a{
	display:block;
	width: 15px;
	height: 15px; 	
	padding:0px;
	margin:0px;
	color:#000;
	font-size:12px;
	line-height:33px;
	text-align:center;
	text-decoration:none;
	background:url(../images/menu/pallini/2.fasi-storiche.png) repeat-x;
}

div#fasi ul li{
  float: left;
}


div#fasi ul li a#intro-fasi{
  left: 220px;
  position: absolute;
  top:-2px;
}

div#fasi ul li a#origini{
  left: 260px;
  position: absolute;
  top:-3px;
}

div#fasi ul li a#alberghiero{
  left: 300px;
  position: absolute;
  top:0;
}

div#fasi ul li a#apres{
  left: 340px;
  position: absolute;
  top:-2px;
}

div#fasi ul li a#programma{
  left: 380px;
  position: absolute;
  top:-3px;
}

div#fasi ul li a#maestri{
  left: 420px;
  position: absolute;
  top:0;
}

div#fasi ul li a#sottsass{
  left: 460px;
  position: absolute;
  top:-2px;
}

div#fasi ul li a#sapper{
  left: 500px;
  position: absolute;
  top:-3px;
}

div#fasi ul li a#castiglioni{
  left: 540px;
  position: absolute;
  top:0;
}

div#fasi ul li a#mendini{
  left: 580px;
  position: absolute;
  top:-2px;
}

div#fasi ul li a#rossi{
  left: 620px;
  position: absolute;
  top:-3px;
}

div#fasi ul li a#graves{
  left: 660px;
  position: absolute;
  top:0;
}

div#fasi ul li a#starck{
  left: 700px;
  position: absolute;
  top:-2px;
}

div#fasi ul li a#branzi{
  left: 740px;
  position: absolute;
  top:-3px;
}

div#fasi ul li a#mari{
  left: 780px;
  position: absolute;
  top:0;
}

div#fasi ul li a#twergi{
  left: 820px;
  position: absolute;
  top:-2px;
}

div#fasi ul li a#antro{
  left: 860px;
  position: absolute;
  top:-3px;
}

div#fasi ul li a#ludo{
  left: 900px;
  position: absolute;
  top:0;
}

/*PRESENTE MENU*/
div#presente ul.flowtabs{

}


div#presente ul{
  background:url(../images/menu/linee/3.presente.png) repeat-x;
  
}

div#presente ul li a{
	display:block;
	width: 15px;
	height: 15px; 	
	padding:0px;
	margin:0px;
	color:#000;
	font-size:12px;
	line-height:33px;
	text-align:center;
	text-decoration:none;
	background:url(../images/menu/pallini/3.presente.png) repeat-x;
}

div#presente ul li{
  float: left;
}
div#presente ul li a#intro-presente{
  left: 220px;
  position: absolute;
  top:-3px;
}

div#presente ul li a#giovannoni{
  left: 280px;
  position: absolute;
  top:0;
}

div#presente ul li a#morrison{
  left: 340px;
  position: absolute;
  top:-2px;
}

div#presente ul li a#fuksas{
  left: 400px;
  position: absolute;
  top:-3px;
}

div#presente ul li a#kaplicki{
  left: 460px;
  position: absolute;
  top:0;
}

div#presente ul li a#chipperfield{
  left: 520px;
  position: absolute;
  top:-2px;
}

div#presente ul li a#sanaa{
  left: 580px;
  position: absolute;
  top:-3px;
}

div#presente ul li a#zumthor{
  left: 640px;
  position: absolute;
  top:0;
}

div#presente ul li a#trimarchi{
  left: 700px;
  position: absolute;
  top:-2px;
}

div#presente ul li a#crasset{
  left: 760px;
  position: absolute;
  top:-3px;
}

div#presente ul li a#bagnione{
  left: 820px;
  position: absolute;
  top:0;
}

div#presente ul li a#bagnidot{
  left: 880px;
  position: absolute;
  top:-2px;
}

div#presente ul li a#cucina{
  left: 940px;
  position: absolute;
  top:-3px;
}

div#presente ul li a#hollein{
  left: 1000px;
  position: absolute;
  top:0;
}

/*ISTANZE MENU*/
div#istanze ul.flowtabs{

}


div#istanze ul{
  background:url(../images/menu/linee/4.istanze.png) repeat-x;
  
}

div#istanze ul li a{
	display:block;
	width: 15px;
	height: 15px; 	
	padding:0px;
	margin:0px;
	color:#000;
	font-size:12px;
	line-height:33px;
	text-align:center;
	text-decoration:none;
	background:url(../images/menu/pallini/4.istanze.png) repeat-x;
}

div#istanze ul li{
  float: left;
}


div#istanze ul li a#intro-istanze{
  left: 200px;
  position: absolute;
  top:-3px;
}

div#istanze ul li a#tempo{
  left: 260px;
  position: absolute;
  top:0;
}

div#istanze ul li a#shiba{
  left: 320px;
  position: absolute;
  top:-2px;
}

div#istanze ul li a#ovale{
  left: 380px;
  position: absolute;
  top:-3px;
}

div#istanze ul li a#memories{
  left: 440px;
  position: absolute;
  top:0;
}

div#istanze ul li a#paneira{
  left: 500px;
  position: absolute;
  top:-2px;
}

div#istanze ul li a#moka{
  left: 560px;
  position: absolute;
  top:-3px;
}

div#istanze ul li a#jungle{
  left: 620px;
  position: absolute;
  top:0;
}

div#istanze ul li a#anna{
  left: 680px;
  position: absolute;
  top:-2px;
}

div#istanze ul li a#disco{
  left: 740px;
  position: absolute;
  top:-3px;
}

div#istanze ul li a#gruppo{
  left: 800px;
  position: absolute;
  top:0;
}

div#istanze ul li a#city{
  left: 860px;
  position: absolute;
  top:-2px;
}

div#istanze ul li a#wonderland{
  left: 920px;
  position: absolute;
  top:-3px;
}

/*PENSIERO MENU*/
div#pensiero ul.flowtabs{

}


div#pensiero ul{
  background:url(../images/menu/linee/5.pensiero.png) repeat-x;
  
}

div#pensiero ul li a{
	display:block;
	width: 15px;
	height: 15px; 	
	padding:0px;
	margin:0px;
	color:#000;
	font-size:12px;
	line-height:33px;
	text-align:center;
	text-decoration:none;
	background:url(../images/menu/pallini/5.pensiero.png) repeat-x;
}

div#pensiero ul li{
  float: left;
}

div#pensiero ul li a#intro-pensiero{
  left: 240px;
  position: absolute;
  top:-2px;
}


div#pensiero ul li a#books{
  left: 330px;
  position: absolute;
  top:-2px;
}

div#pensiero ul li a#exibition{
  left: 420px;
  position: absolute;
  top:-3px;
}

div#pensiero ul li a#shops{
  left: 510px;
  position: absolute;
  top:0;
}

div#pensiero ul li a#interviews{
  left: 600px;
  position: absolute;
  top:-2px;
}

div#pensiero ul li a#advertising{
  left: 690px;
  position: absolute;
  top:-3px;
}

div#pensiero ul li a#museum{
  left: 780px;
  position: absolute;
  top:0;
}

div#pensiero ul li a#album{
  left: 870px;
  position: absolute;
  top:-2px;
}

div#pensiero ul li a#postilla{
  left: 960px;
  position: absolute;
  top:-3px;
}



/*SEZIONI*/

div.box-tipo1{
  position: relative;
}

div.box-tipo1 div.testo{
  position: absolute;
  top:118px;
  left: 80px;
  width: 300px;
}

div.box-tipo1 div.testo h2{
    font-size: 35px;
    font-weight: bold;
    color: #a54399;
    text-transform: uppercase;
    width: 300px;
}

div.box-tipo1 div.testo span.testo{
  font-family: Times, Arial;
  font-size: 15px;
  width: 250px;
  display: block;
  padding-top: 12px;
  line-height: 1.2;
}

div.box-tipo1 div.testo span.approfondisci{
  display: block;
  padding-top: 20px;  
}

div.box-tipo1 div.immagini{
  position: absolute;
  bottom: 0;
  left: 360px;
  width: 840px;
  height: 496px;
}

div.box-tipo2{
  position: relative;
}

div.box-tipo2 div.testo{
  position: absolute;
  top:118px;
  left: 480px;
  width: 400px;
}

div.box-tipo2 div.testo h2 {
color:#A54399;
font-size:35px;
font-weight:bold;
text-transform:uppercase;
width:300px;
}


div.box-tipo2 div.testo span.testo{
  font-family: Times, Arial;
  font-size: 15px;
  width: 400px;
  display: block;
  padding-top: 20px;
  line-height: 1.2;
}

div.box-tipo2 div.testo span.approfondisci{
  display: block;
  padding-top: 20px;  
}

div.box-tipo3{
  position: relative;
  width: 580px !important;
}

div.box-tipo3 div.testo{
  position: absolute;
  top:118px;
  left: 80px;
  width: 480px;
}

div.box-tipo3 div.testo h2{
    font-size: 35px;
    font-weight: bold;
    color: #a54399;
    text-transform: uppercase;
    width: 460px;
}

div.box-tipo3 div.testo span.testo{
  font-family: Times, Arial;
  font-size: 15px;
  width: 460px;
  display: block;
  padding-top: 20px;
  line-height: 1.4;
}

div.box-tipo3 div.testo span.approfondisci{
  display: block;
  padding-top: 20px;  
}


div.box-tipo4{
  position: relative;
}

div.box-tipo4 div.testo{
  position: absolute;
  top:90px;
  left: 250px;
  width: 900px;
}

div.box-tipo4 div.testo h2{
    font-size: 35px;
    font-weight: bold;
    color: #a54399;
    text-transform: uppercase;
    width: 900px;
}

div.box-tipo4 div.testo span.testo{
  font-family: Times, Arial;
  font-size: 15px;
  width: 900px;
  display: block;
  padding-top: 20px;
  line-height: 1.4;
}


/*ADD*/

div.over{
  width: 24px !important;
  height: 24px !important;
  display: block !important;
  position: absolute !important;  
  overflow: visible !important;
}

.info-mostra{
  background: url(../images/immagini/mostra/info.jpg) no-repeat;
  width: 1190px;
  height: 496px;
  display: block;
  position:relative;
}

.info-mostra h2{
  color:#A54399;
  font-size:35px;
  font-weight:bold;
  text-transform:uppercase;
}

.info-catalogo h2{
  color:#A54399;
  font-size:35px;
  font-weight:bold;
  text-transform:uppercase;
}

div.info-text{
  left:430px;
  position:absolute;
  top:30px;
  width:600px;
}

div.info-text p{
  height: 370px;
  overflow: auto;
}

div.info-textcat{
  left:430px;
  position:absolute;
  top:30px;
  width:920px;
}

div.info-textcat p{
  height: 370px;
  overflow: auto;
}

.info-catalogo{
  background: url(../images/immagini/mostra/catalogo.jpg) no-repeat;
  width: 1190px;
  height: 496px;
  display: block;
  position:relative;
}

.intro-principale-ita{
  background: url(../images/immagini/intro/intro.jpg) no-repeat;
  width: 1190px;
  height: 496px;
  display: block;
  position:relative;
}

.intro-principale-de{
  background: url(../images/immagini/intro/intro-de.jpg) no-repeat;
  width: 1190px;
  height: 496px;
  display: block;
  position:relative;
}

.intro-principale-fr{
  background: url(../images/immagini/intro/intro-fr.jpg) no-repeat;
  width: 1190px;
  height: 496px;
  display: block;
  position:relative;
}

.intro-principale-en{
  background: url(../images/immagini/intro/intro-en.jpg) no-repeat;
  width: 1190px;
  height: 496px;
  display: block;
  position:relative;
}

/*INTRO*/
.florian-intro{
  background: url(../images/immagini/intro/florian.jpg) no-repeat;
  width: 1180px;
  height: 496px;
}

.florian-intro div.overlay-1{
  left:390px;
  top:120px;
  
}

.alessi-intro{
  background: url(../images/immagini/intro/alessi.jpg) no-repeat;
  width: 1180px;
  height: 496px;
}

.alessi-intro div.overlay-1{
  left:390px;
  top:220px;
}

.alessi-intro div.overlay-2{
  left:740px;
  top:410px;
}

.mendini-intro{
  background: url(../images/immagini/intro/mendini.jpg) no-repeat;
  width: 1180px;
  height: 496px;
}

.mendini-intro div.overlay-1{
  left:520px;
  top:320px;
}

.mendini-intro div.overlay-2{
  left:820px;
  top:455px;
}

.mendini-intro div.overlay-3{
  left:900px;
  top:175px;
}


/*FASI STORICHE*/

.fasi-storiche{
  background: url(../images/immagini/fasi-storiche/sfondo-first.jpg) no-repeat;
  width: 1180px;
  height: 496px;
}

.fase-1{
  background: url(../images/immagini/fasi-storiche/1-origini.jpg) no-repeat;
  width: 1180px;
  height: 496px;
}

.fase-1 div.overlay-1{
  left:680px;
  top:430px;
}

.fase-2{
  background: url(../images/immagini/fasi-storiche/2-alberghiero.jpg) no-repeat;
  width: 1180px;
  height: 496px;
}

.fase-2 div.overlay-1{
  left:600px;
  top:430px;
}

.fase-3{
  background: url(../images/immagini/fasi-storiche/3-apres.jpg) no-repeat;
  width: 1180px;
  height: 496px;
}

.fase-3 div.overlay-1{
  left:718px;
  top:410px;
}

.fase-4{
  background: url(../images/immagini/fasi-storiche/4-programma7.jpg) no-repeat;
  width: 1180px;
  height: 496px;
}

.fase-4 div.overlay-1{
  left:585px;
  top:440px;
}

.fase-5{
  background: url(../images/immagini/fasi-storiche/5-maestri.jpg) no-repeat;
  width: 1180px;
  height: 496px;
}

.fase-5 div.overlay-1{
  left:830px;
  top:440px;
}

.fase-6{
  background: url(../images/immagini/fasi-storiche/6-sottsass.jpg) no-repeat;
  width: 1180px;
  height: 496px;
}

.fase-6 div.overlay-1{
  left:577px;
  top:230px;
}

.fase-7{
  background: url(../images/immagini/fasi-storiche/7-sapper.jpg) no-repeat;
  width: 1180px;
  height: 496px;
}

.fase-7 div.overlay-1{
  left:540px;
  top:430px;
}

.fase-8{
  background: url(../images/immagini/fasi-storiche/8-castiglioni.jpg) no-repeat;
  width: 1180px;
  height: 496px;
}

.fase-8 div.overlay-1{
  left:635px;
  top:445px;
}

.fase-9{
  background: url(../images/immagini/fasi-storiche/9-mendini.jpg) no-repeat;
  width: 1180px;
  height: 496px;
}

.fase-9 div.overlay-1{
  left:520px;
  top:450px;
}

.fase-10{
  background: url(../images/immagini/fasi-storiche/10-rossi.jpg) no-repeat;
  width: 1180px;
  height: 496px;
}

.fase-10 div.overlay-1{
  left:655px;
  top:230px;
}

.fase-11{
  background: url(../images/immagini/fasi-storiche/11-graves.jpg) no-repeat;
  width: 1180px;
  height: 496px;
}

.fase-11 div.overlay-1{
  left:535px;
  top:300px;
}

.fase-12{
  background: url(../images/immagini/fasi-storiche/12-starck.jpg) no-repeat;
  width: 1180px;
  height: 496px;
}

.fase-12 div.overlay-1{
  left:630px;
  top:350px;
}

.fase-13{
  background: url(../images/immagini/fasi-storiche/13-branzi.jpg) no-repeat;
  width: 1180px;
  height: 496px;
}

.fase-13 div.overlay-1{
  left:810px;
  top:430px;
}

.fase-14{
  background: url(../images/immagini/fasi-storiche/14-mari.jpg) no-repeat;
  width: 1180px;
  height: 496px;
}

.fase-14 div.overlay-1{
  left:300px;
  top:230px;
}

.fase-15{
  background: url(../images/immagini/fasi-storiche/15-twergi.jpg) no-repeat;
  width: 1180px;
  height: 496px;
}

.fase-15 div.overlay-1{
  left:680px;
  top:230px;
}

.fase-16{
  background: url(../images/immagini/fasi-storiche/16-momentoludico.jpg) no-repeat;
  width: 1180px;
  height: 496px;
}

.fase-16 div.overlay-1{
  left:680px;
  top:430px;
}

/*PRESENTE*/

.presente-intro{
  background: url(../images/immagini/presente/sfondo-first.jpg) no-repeat;
  width: 1180px;
  height: 496px;
}

.presente-1{
  background: url(../images/immagini/presente/1-giovannoni.jpg) no-repeat;
  width: 1180px;
  height: 496px;
}

.presente-1 div.overlay-1{
  left:900px;
  top:330px;
}

.presente-2{
  background: url(../images/immagini/presente/2-morrison.jpg) no-repeat;
  width: 1180px;
  height: 496px;
}

.presente-2 div.overlay-1{
  left:1000px;
  top:330px;
}

.presente-3{
  background: url(../images/immagini/presente/3-fuksas.jpg) no-repeat;
  width: 1180px;
  height: 496px;
}

.presente-3 div.overlay-1{
  left:680px;
  top:430px;
}

.presente-4{
  background: url(../images/immagini/presente/4-kaplicki.jpg) no-repeat;
  width: 1180px;
  height: 496px;
}

.presente-4 div.overlay-1{
  left:980px;
  top:350px;
}

.presente-5{
  background: url(../images/immagini/presente/5-chipperfield.jpg) no-repeat;
  width: 1180px;
  height: 496px;
}

.presente-5 div.overlay-1{
  left:895px;
  top:270px;
}

.presente-6{
  background: url(../images/immagini/presente/6-sanaa.jpg) no-repeat;
  width: 1180px;
  height: 496px;
}

.presente-6 div.overlay-1{
  left:680px;
  top:430px;
}

.presente-7{
  background: url(../images/immagini/presente/7-zumthor.jpg) no-repeat;
  width: 1180px;
  height: 496px;
}

.presente-7 div.overlay-1{
  left:650px;
  top:460px;
}

.presente-8{
  background: url(../images/immagini/presente/8-cestini.jpg) no-repeat;
  width: 1180px;
  height: 496px;
}

.presente-8 div.overlay-1{
  left:680px;
  top:430px;
}

.presente-9{
  background: url(../images/immagini/presente/9-patisserie.jpg) no-repeat;
  width: 1180px;
  height: 496px;
}

.presente-9 div.overlay-1{
  left:280px;
  top:430px;
}

.presente-10{
  background: url(../images/immagini/presente/10-bagni-one.jpg) no-repeat;
  width: 1180px;
  height: 496px;
}

.presente-10 div.overlay-1{
  left:780px;
  top:390px;
}

.presente-11{
  background: url(../images/immagini/presente/11-bagni-dot.jpg) no-repeat;
  width: 1180px;
  height: 496px;
}

.presente-11 div.overlay-1{
  left:200px;
  top:430px;
}

.presente-12{
  background: url(../images/immagini/presente/12-cucina.jpg) no-repeat;
  width: 1180px;
  height: 496px;
}

.presente-12 div.overlay-1{
  left:680px;
  top:430px;
}

.presente-13{
  background: url(../images/immagini/presente/13-hullein.jpg) no-repeat;
  width: 1180px;
  height: 496px;
}

.presente-13 div.overlay-1{
  left:320px;
  top:420px;
}


/*ISTANZE*/

span.arancio{
  color: #ed7b22;
  font-weight: bold;
}

span.azzurro{
  color: #4d8eca;
  font-weight: bold;
}

span.viola{
  color: #7a2d87;
  font-weight: bold;
}
  
.istanze-intro{
  background: url(../images/immagini/istanze/sfondo-first.jpg) no-repeat;
  width: 1180px;
  height: 496px;
}

.istanze-1{
  background: url(../images/immagini/istanze/1-deltour.jpg) no-repeat;
  width: 1180px;
  height: 496px;
}

.istanze-1 div.overlay-1{
  left:770px;
  top:245px;
}

.istanze-2{
  background: url(../images/immagini/istanze/2-fukasawa.jpg) no-repeat;
  width: 1180px;
  height: 496px;
}

.istanze-2 div.overlay-1{
  left:680px;
  top:400px;
}

.istanze-3{
  background: url(../images/immagini/istanze/3-bouroullec.jpg) no-repeat;
  width: 1180px;
  height: 496px;
}

.istanze-3 div.overlay-1{
  left:870px;
  top:210px;
}

.istanze-4{
  background: url(../images/immagini/istanze/4-carlo-alessi.jpg) no-repeat;
  width: 1180px;
  height: 496px;
}

.istanze-4 div.overlay-1{
  left:400px;
  top:350px;
}

.istanze-5{
  background: url(../images/immagini/istanze/5-campana.jpg) no-repeat;
  width: 1180px;
  height: 496px;
}

.istanze-5 div.overlay-1{
  left:1025px;
  top:460px;
}

.istanze-6{
  background: url(../images/immagini/istanze/6-mendini.jpg) no-repeat;
  width: 1180px;
  height: 496px;
}

.istanze-6 div.overlay-1{
  left:830px;
  top:330px;
}

.istanze-7{
  background: url(../images/immagini/istanze/7-gili.jpg) no-repeat;
  width: 1180px;
  height: 496px;
}

.istanze-7 div.overlay-1{
  left:770px;
  top:430px;
}

.istanze-8{
  background: url(../images/immagini/istanze/8-etoile.jpg) no-repeat;
  width: 1180px;
  height: 496px;
}

.istanze-8 div.overlay-1{
  left:680px;
  top:430px;
}

.istanze-9{
  background: url(../images/immagini/istanze/9-cesellato.jpg) no-repeat;
  width: 1180px;
  height: 496px;
}

.istanze-9 div.overlay-1{
  left:680px;
  top:430px;
}

.istanze-10{
  background: url(../images/immagini/istanze/10-miriorama.jpg) no-repeat;
  width: 1180px;
  height: 496px;
}

.istanze-10 div.overlay-1{
  left:680px;
  top:430px;
}

.istanze-11{
  background: url(../images/immagini/istanze/11-unforbitten.jpg) no-repeat;
  width: 1180px;
  height: 496px;
}

.istanze-11 div.overlay-1{
  left:680px;
  top:430px;
}

.istanze-12{
  background: url(../images/immagini/istanze/12-alice.jpg) no-repeat;
  width: 1180px;
  height: 496px;
}

.istanze-12 div.overlay-1{
  left:680px;
  top:430px;
}

/*PENSIERO*/
.pensiero-content div.overlay-1{
  width: 200px !important;
  position: relative !important;
}

.pensiero-content div.overlay-1 span{
  font-size: 11px !important;
  font-weight: bold !important;
  color:#4E4E4E !important;
}


.pensiero-intro{
  background: url(../images/immagini/pensiero/sfondo-first.jpg) no-repeat;
  width: 1180px;
  height: 496px;
}

.pensiero-1{
  background: url(../images/immagini/pensiero/1-books.jpg) no-repeat;
  width: 1180px;
  height: 496px;
}

.pensiero-1 div.overlay-1{
  left:880px;
  top:430px;
  position: relative;
}

.pensiero-1 div.overlay-1 span{
  left:30px;
  margin:0;
  padding:0;
  position:absolute;
  top:5px;
}


.pensiero-2{
  background: url(../images/immagini/pensiero/2-exibition.jpg) no-repeat;
  width: 1180px;
  height: 496px;
}

.pensiero-2 div.overlay-1{
  left:880px;
  top:430px;
  position: relative;
}

.pensiero-2 div.overlay-1 span{
  left:30px;
  margin:0;
  padding:0;
  position:absolute;
  top:5px;
}


.pensiero-3{
  background: url(../images/immagini/pensiero/3-stores.jpg) no-repeat;
  width: 1180px;
  height: 496px;
}

.pensiero-3 div.overlay-1{
  left:880px;
  top:430px;
  position: relative;
}

.pensiero-3 div.overlay-1 span{
  left:30px;
  margin:0;
  padding:0;
  position:absolute;
  top:5px;
}

.pensiero-4{
  background: url(../images/immagini/pensiero/4-interview.jpg) no-repeat;
  width: 1180px;
  height: 496px;
}

.pensiero-4 div.overlay-1{
  left:880px;
  top:430px;
  position: relative;
}

.pensiero-4 div.overlay-1 span{
  left:30px;
  margin:0;
  padding:0;
  position:absolute;
  top:5px;
}

.pensiero-5{
  background: url(../images/immagini/pensiero/5-advertising.jpg) no-repeat;
  width: 1180px;
  height: 496px;
}

.pensiero-5 div.overlay-1{
  left:880px;
  top:430px;
  position: relative;
}

.pensiero-5 div.overlay-1 span{
  left:30px;
  margin:0;
  padding:0;
  position:absolute;
  top:5px;
}

.pensiero-6{
  background: url(../images/immagini/pensiero/6-museum.jpg) no-repeat;
  width: 1180px;
  height: 496px;
}

.pensiero-6 div.overlay-1{
  left:880px;
  top:430px;
  position: relative;
}

.pensiero-6 div.overlay-1 span{
  left:30px;
  margin:0;
  padding:0;
  position:absolute;
  top:5px;
}

.pensiero-7{
  background: url(../images/immagini/pensiero/7-album.jpg) no-repeat;
  width: 1180px;
  height: 496px;
}

.pensiero-7 div.overlay-1{
  left:880px;
  top:430px;
  position: relative;
}

.pensiero-7 div.overlay-1 span{
  left:30px;
  margin:0;
  padding:0;
  position:absolute;
  top:5px;
}

.pensiero-8{
  background: url(../images/immagini/pensiero/8-alessi.jpg) no-repeat;
  width: 1180px;
  height: 496px;
}

.pensiero-8 div.overlay-1{
  left:880px;
  top:430px;
  position: relative;
}

.pensiero-8 div.overlay-1 span{
  left:30px;
  margin:0;
  padding:0;
  position:absolute;
  top:5px;
}



/*Social buttons*/
.flowpanes div.items div.social_buttons{
    float:right;
	height:30px;
	padding-top:10px;
	width:160px;
}
div.social_buttons.home{
  display: block;
  position: absolute;
  top:350px;
  left: 660px;
	height:40px;
	padding-top:10px;
	width:300px;
	background: none;
}

/*FORM*/


/* -------------
 * Selects
 * ------------- */
.jqTransformSelectWrapper {
	width: 70px !important;
	position:relative;
	height: 31px;
	background: url(../images/form/select_left.jpg) no-repeat top left;
	float:left;
}

.jqTransformSelectWrapper div span {
  font-family: Arial;
	text-transform: uppercase;
	font-size: 9px;
	float: none;
	position: absolute;
	white-space: nowrap;
	height: 21px;
	line-height: 12px;
	padding:3px 0 0 4px;
	overflow: hidden;
	cursor:pointer;
	/*border: 1px solid #CCCCCC;*/
/*	border-right: none;*/
}

.jqTransformSelectWrapper  a.jqTransformSelectOpen {
	display: block;
	position: absolute;
	right: 0px;
	width: 17px;
	height: 17px;
	background: url(../images/form/select_right.jpg) no-repeat center center;
}

.jqTransformSelectWrapper ul {
	position: absolute;
	width: 70px;
	top: 20px;
	left: 0px;
	list-style: none;
	background-color: #FFF;
	border: solid 1px #CCC;
	display: none;
	margin: 0px;
	padding: 0px;
	height: 150px;
	overflow: auto;
	overflow-y: auto;
	z-index:10;
}

.jqTransformSelectWrapper ul a {
	display: block;
	padding: 5px;
	text-decoration: none;
	color:#333;
	background-color: #FFF;
	 font-family: Arial;
	text-transform: uppercase;
	font-size: 9px;
}

.jqTransformSelectWrapper ul a.selected {
	background: #EDEDED;
	color: #333;
}

.jqTransformSelectWrapper ul a:hover, .jqTransformSelectWrapper ul a.selected:hover {
	background:#3582c4;
	color: #fff;
}

/* -------------
 * Hidden - used to hide the original form elements
 * ------------- */
.jqTransformHidden {display: none;}