﻿#contNavigazione { width: 100%; background: #fff url('../../images/sf-url.png') repeat-x; }	
	#btnNav { width: 980px; height: 35px; margin: 0 auto; }
	/*
		#urlNav { width: 870px; position: relative; float: left; display: inline; }
		#urlNav { padding: 15px 0 0 10px; }
		.aUrl { text-decoration: none; color: #666; }
		.aUrl:hover { text-decoration: none; }
	*/
		#tabNav { width: 310px; position: absolute; margin: 0px; padding: 0px; top: 0; right: 0; border: 0; border-collapse: collapse; }
		#tabNav td { height: 30px; padding: 0px; text-align: center; }
		.aBtn { color: #fff; text-decoration: none; }
		.btn2 { background: url('../../images/sfBtn2.png') no-repeat; }
		.btn1 { background: url('../../images/sfBtn1.png') no-repeat; }
		
	/*--------------------------------center----------------------------*/
	
	#center { width: 100%; min-height: 560px; }
	#center-head { width: 948px; margin: 0 0 10px -16px; padding: 10px 0 0 0; height: 80px; padding: 0 0 0 20px; background: #fff url('../../images/_mt_sf_accordion.png') repeat-x bottom !important; }
	#navigazione { width: 920px; margin: 0 auto; padding: 0 0 0 60px; height: 100%; position: relative; }
	/*
		#titleRoom { width: 300px; height: 100%; float: left; display: inline; }
		#navigazioneRoom { margin: 10px 0 0 0; width: 620px; height: 100%; float: left; display: inline; }
	*/
				
	/*----format accordion horizontal-----*/
	#ulAcc { list-style: none; margin: 0; padding: 0; margin: 0px 0 0 25px; }
	#ulAcc li { float: left; padding: 0; display: block; margin-right: 1px; position: relative; }
	#ulAcc li div { display: block; overflow: hidden; height: 65px; width: 35px; margin: 0 0 0 0; }
	#ulAcc li .imgTesta { position: absolute; background: #656f79; border: solid 1px #eee; height: 65px; cursor: pointer; }
	#ulAcc li .imgTestaSel { position: absolute; background: #f00; border: solid 1px #eee; height: 65px; cursor: pointer; }				
	#ulAcc li table { margin: 0 0 0 35px; padding: 2px 0 0 0; width: 100%; color: #fff; display: block; border: 0; border-collapse: collapse; }
	#ulAcc li table .tdNav { width: 90px; height: 60px; text-align: center; background: #aaaeb1; padding: 0 8px 0 0; line-height: 12px; border: solid 1px #eee; cursor: pointer; }
	#ulAcc li table .tdNav:hover { width: 90px; height: 60px; text-align: center; background: #69737c; padding: 0 8px 0 0; line-height: 12px; border: solid 1px #eee;	cursor: pointer; }				
	/*
	#ulAcc li table .tdNavSel { width: 50px; height: 65px; text-align: center; line-height: middle; background: #37444d; border: solid 1px #eee; cursor: pointer; }
	*/
	.aNav { font-size: 12px; line-hight: 13px; text-decoration: none; color: #fff; }

/*end center-head*/

#center-content { width: 938px; margin: 0; position: relative; background: #fffurl('../../images/separator_shadow.png') repeat-x bottom; }
#contSala { width: 938px; margin: 0 auto; }
#center-content h2 {
	padding: 0 0 10px 0;
	font-size: 17px;
	color: #515e66;
}

	/*
	.titEnable { width: 100%; height: 100%; position: absolute; display: none; }
	.titVisible { width: 100%; height: 100%; color: #ceba78; position: absolute; display: block; }
	.formatSalaEnable { width: 975px; min-height: 470px; margin: 5px 0 0 4px; position: absolute; display: none; }
	.formatSalaVisible { width: 975px; min-height: 450px; margin: 5px 0 0 4px; position: absolute; display: block; }
	.formatSalaVisible h2 { color: #666 !important; font-size: 15px !important; }
	.sezUnTerzo { width: 285px; height: 380px; background: #fcfbfb; margin: 2px 2px; padding: 10px; float: left; display: inline; position: relative; }
	.sezUnMezzo { width: 460px; height: 400px; background: #fcfbfb; margin: 2px 2px; float: left; display: inline; position: relative;}
	*/
	
	.clear { clear: both; }
	
	.ipulsanteriaButton { width: 100%; height: 80px; background: #f8f8f8; position: relative; }
	.pulsanteriaButton { width: 969px; margin: 0 auto; background: #f8f8f8; }
	.boxSubjects, .boxEvents { width: 100%; margin: 0 10px 10px 0; float: left; display: inline; padding: 0 0 10px 0; }
	.boxGallery { width: 350px; margin: 0 10px 10px 0; float: left; display: inline; padding: 0 0 10px 0; }
	.imgBoxGallery { width: 110px; margin: 0 10px 0 0; float: left; display: inline; }
	.textBoxGallery { width: 330px; float: left; display: inline; }
	.imgBoxGalleryVertical { width: 120px;  margin: 0 10px 0 0; float: left; display: inline; }
	
	.boxIcoSubjectHor { width: 60px; height: 60px; border: solid 2px #666; margin: 0 10px 0 0; float: left; display: inline; }
	.textBoxSubjectHor { width: 380px; float: left; display: inline; }
	.vaiBoxSubjectsHor { width: 110px; height: 30px; float:left; display: inline; }
	.arBoxSubjectsHor { width: 30px; height: 30px; padding: 1px 0 0 0; float:left; display: inline; }
					
	.titBox { font-size: 16px; line-height: 18px; color: #b49f59; }
	.boxImage { width: 100px; margin: 0 10px 0 0; float: left; display: inline; }
	.boxDescr { width: 335px; float: left; display: inline; }
	.subImage, .evImage { width: 60px; height: 60px; border: solid 2px #333; margin: 0 10px 0 0; float: left; display: inline; }
	.subDescr, .evDescr { width: 370px; float: left; display: inline; }
	.subTitle { font-size: 14px; color: #b49f59; }
	
	.aEsploraN { color: #000 !important; }
	.aEsploraB { color: #fff !important; }
	
	.navText { position:absolute; right:55px; bottom: 10px; color: #fff; }
	.navBanner { position:absolute; right:10px; bottom: 5px; color: #fff; }
	.navButton { position: absolute; right: 8px; bottom: 10px; }
	.navText2 { position:absolute; right:65px; top: 275px; color: #fff; }
	.navButton2 { position: absolute; right: 20px; top: 255px; }
	.buttonView { width: 100%; position: relative; padding: 2px 0 10px 0; }
	
	.bt1 { width: 95px; position: absolute; font-style: italic; }
	.bt2 { width: 30px; position: absolute; left: 100px; padding: 2px 0 0 0; clear: both; }
	.vaiSection { text-align: right; width: 100%; position: relative; }
	.textSec { height: 30px; position: absolute; right: 30px; text-decoration: underline; }
	.lineSec { height: 30px; width: 5px; position: absolute; right: 20px; top: -3px; }
	.arrSec { height: 30px; width: 30px; position: absolute; right: 0px; }
	.authorDida { font-style: normal; width: 100%; text-align: right; }
	
	/*galleria-soggetti-eventi*/
	
	.contGalleria, .contSoggetti, .contEventi { width: 100%; }
	.subContGalleria, .subContEventi, .subContSoggetti { width: 455px; float: left; display:inline; margin: 0 10px 0 0; }
				
	/*------------------style sale------------------*/
	
	/* position and dimensions of the navigator */
	.navi { width: 918px; margin: 0; height: 24px; padding: 6px 0 0 10px; background: #fff; }
	/* items inside navigator */
	.navi a { width:95px; height:24px; float:left; text-decoration: none; color: #666; display:block; font-size: 12px; padding: 6px 0 0 25px; margin: 0 0 0 10px; background: url('../../images/btnSlide.png') no-repeat; }
	.navi a:hover { width:95px; height:24px; float:left; color: #000; display:block; font-size:14px; padding: 6px 0 0 25px; margin: 0 0 0 10px; }
	.scrollable { float:left; }	
	.scrollable { position:relative; overflow:hidden; width: 938px; height:790px; }
	.scrollable .items { width:20000em; position:absolute; clear:both; }
	.items .contSez { float:left; width:918px; padding: 0 30px 0 0; }
	/* single scrollable item */
	.scrollable .sezioneRoom { float:left; background-color:#fff !important; width:928px; height:780px; margin: 10px 0 0 0; }
	/* active item */
	.scrollable .active { cursor:pointer; }
	.authore { width: 100%; text-align: right; color: #000; }
	
	/*------style sz sale-----*/
	
	.szButton { width: 100%; height: 35px; border-top: solid 1px #eee; text-align: left; position: absolute; margin: 0 0 0 -10px; background: url('../../images/_mtSfTit2.jpg') repeat-x; bottom: 0; }			
	.btnVai { width: 240px; height: 100%; padding: 8px 0 0 10px; float: left; display: inline; }
	.btnVai a, .btnArr a { cursor: pointer; font-size: 14px; }
	.btnArr { width: 40px; height: 100%; padding: 5px 0 0 10px; float: left; display: inline; }
	.szIntroImg { width: 100%; height: 160px; text-align: center; margin: 0 0 10px 0; }
	.szIntroText { text-align: justify; }
	.szMappa, .szPercorsi { width: 100%; height: 150px; text-align: center; }

/*--------------------end sala esposizione permanente------------------*/