/*----------------------------------------------------------------------------------*/
/*------------------------------------ RESET ---------------------------------------*/
/*----------------------------------------------------------------------------------*/

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed,  figure, figcaption, form, footer, header, hgroup,  menu, nav, output, ruby, section, summary, time, mark, audio, video { 	margin: 0; 	padding: 0; 	border: 0; 	font-size: 100%; 	font: inherit; 	vertical-align: baseline; 	text-decoration: none; }
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,  footer, header, hgroup, menu, nav, section {display: block;}

ol, ul { list-style: none;}
blockquote, q { quotes: none; }
blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none;}
table { border-collapse: collapse; border-spacing: 0;}


/*----------------------------------------------------------------------------------*/
/*-------------------------------- COMMON STYLES -----------------------------------*/
/*----------------------------------------------------------------------------------*/

@font-face {
    font-family: 'ArialNarrow';
    src: url('../fonts/arialn-webfont.eot');
    src: url('../fonts/arialn-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/arialn-webfont.woff') format('woff'),
         url('../fonts/arialn-webfont.ttf') format('truetype'),
         url('../fonts/arialn-webfont.svg#ArialNarrow') format('svg');
    font-weight: normal;
    font-style: normal;
}

body {font-family: 'ArialNarrow', 'helvetica condensed', arial, helvetica, sans-serif; font-size: 16px; color: #ffffff; background-color: #171717;}
a:hover {text-decoration: underline;}
.sx {float: left;}
.dx {float: right;}
.container {width: 940px; position: relative; margin: 0 auto; background: #232323; padding: 0 20px;}
.cl {clear: both;}


/*----------------------------------------------------------------------------------*/
/*------------------------------------- HEADER -------------------------------------*/
/*----------------------------------------------------------------------------------*/


#header {width: 940px; padding-top: 25px; margin-bottom: 25px;}

	#header #logo {font-family: 'ArialNarrow'; text-decoration: none; font-size: 36px; color: #ffffff; display: block; padding-left: 337px; width: 325px; padding-top: 4px; height: 50px; background:url('../img/logo.png') no-repeat;}

	#header ul {margin-top: 20px;}
		#header ul li {float: left;}
			#header ul li a {-webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; margin-left: 11px; display: block; height: 33px;  text-align: center; font-size: 20px; color: #fefefe; background: #414141; padding: 10px 20px 0 20px; -webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; -ms-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out;}
			#header ul li a.cinque {background: #552525;}
			#header ul li a.cinque:hover {background: #3C1A1A;}
			#header ul li a:hover {text-decoration: none; background: #333;}

				#header ul li a.uno {margin-left: 0;}
				#header ul li a.due {}
				#header ul li a.tre {}
				#header ul li a.quattro {}

/*----------------------------------------------------------------------------------*/
/*------------------------------------ MAPPA E ELENCO ------------------------------*/
/*----------------------------------------------------------------------------------*/

	.maps_container {width: 940px; padding: 0 0; }
		.map_home {width: 450px;}
			.map_home p {font-family: arial; font-size: 14px; text-align: justify; line-height: 18px;}
			.maps_container hr {height: 1px; border: 0; width: 100%; margin: 20px 0 0 0; background: #552525; color: #552525:}

		.maps_container .button {margin: 27px 0 0 158px; width: 618px; height: 43px; background-image:url('../img/immagini_musei.png'); background-position: -1027px 0; color: #e7e0da; font-size: 30px; text-align: center; padding-top: 9px; padding-left: 46px;}
 		.interno .maps_container .button {width: 708px; background-position: -3371px 0; margin: 27px 0 0 100px;}
		.esterno .maps_container .button {width: 708px; background-position: -3371px 0; margin: 27px 0 0 100px;}

		.map_left {display: block; background-image:url('../img/maps/map_in_home.jpg'); width: 450px; height: 364px;}
		.map_right {display: block; background-image:url('../img/maps/map_out_home.jpg'); width: 450px; height: 364px;}

		.esterno .map_right {background-image:url('../img/maps/map_out.jpg'); margin-bottom: 20px; width: 940px; height: 761px; position: relative;}
			.esterno .map_right #scheda_s_uno {position: absolute; top: 26px; left: 18px; width: 306px; height: 306px; display: block;}
			.esterno .map_right #scheda_s_due {position: absolute; top: 125px; right: 105px; width: 204px; height: 203px; display: block;}
			.esterno .map_right #scheda_s_tre {position: absolute; bottom: 170px; left: 295px; width: 79px; height: 90px; display: block;}
			.esterno .map_right #scheda_quattro {position: absolute; bottom: 231px; right: 204px; width: 42px; height: 54px; display: block;}
			.esterno .map_right #scheda_cinque {position: absolute; bottom: 243px; right: 341px; width: 66px; height: 83px; display: block;}
			.esterno .map_right #scheda_otto {position: absolute; bottom: 104px; right: 402px; width: 79px; height: 76px; display: block;}
			.esterno .map_right #scheda_nove_primo {position: absolute; bottom: 161px; left: 142px; width: 56px; height: 68px; display: block;}
			.esterno .map_right #scheda_nove_secondo {position: absolute; bottom: 146px; left: 226px; width: 71px; height: 85px; display: block;}
			.esterno .map_right #scheda_nove_terzo {position: absolute; bottom: 125px; left: 343px; width: 63px; height: 62px; display: block;}
			.esterno .map_right #scheda_undici_primo {position: absolute; bottom: 162px; left: 227px; width: 32px; height: 43px; display: block;}
			.esterno .map_right #scheda_undici_secondo {position: absolute; bottom: 122px; left: 421px; width: 38px; height: 42px; display: block;}
		.interno .map_right {background-image:url('../img/maps/map_in.jpg'); margin-bottom: 20px; width: 940px; height: 761px; position: relative;}
			.interno .map_right #scheda_uno {position: absolute; bottom: 236px; right: 254px; width: 53px; height: 61px; display: block;}
			.interno .map_right #scheda_due_primo {position: absolute; bottom: 379px; right: 449px; width: 53px; height: 60px; display: block;}
			.interno .map_right #scheda_due_secondo {position: absolute; bottom: 308px; right: 147px; width: 54px; height: 60px; display: block;}
			.interno .map_right #scheda_due_terzo {position: absolute; bottom: 239px; right: 391px; width: 53px; height: 59px; display: block;}
			.interno .map_right #scheda_due_quarto {position: absolute; bottom: 195px; right: 600px; width: 54px; height: 60px; display: block;}
			.interno .map_right #scheda_due_quinto {position: absolute; bottom: 100px; right: 143px; width: 55px; height: 60px; display: block;}
			.interno .map_right #scheda_tre {position: absolute; bottom: 377px; right: 218px; width: 55px; height: 60px; display: block;}
			.interno .map_right #scheda_sei {position: absolute; bottom: 261px; right: 99px; width: 53px; height: 48px; display: block;}
			.interno .map_right #scheda_sette {position: absolute; bottom: 292px; left: 195px; width: 64px; height: 41px; display: block;}
			.interno .map_right #scheda_dieci {position: absolute; bottom: 62px; right: 59px; width: 61px; height: 41px; display: block;}
			.interno .map_right #scheda_dodici {position: absolute; bottom: 126px; right: 261px; width: 91px; height: 67px; display: block;}
			.interno .map_right #scheda_tredici {position: absolute; bottom: 193px; right: 79px; width: 88px; height: 66px; display: block;}
	
		.elenco {width: 723px; margin-left: 0;}
		.elenco_schede .elenco {width: 723px; margin-left: 0;}
			.elenco ul {margin-top: 3px; border-top: 2px solid #484848; width: 723px; font-family: arial; padding-top: 24px;}
				.elenco ul li {cursor: pointer; margin-bottom: 15px;display: block; width: 573px; padding-left: 110px;padding-right: 40px;height: 95px; float: left; background-image:url('../img/elenco/scheda_normale.png'); position: relative;}
				.elenco ul li a {display: block; position: absolute; top: 0; left: 0; width: 723px; height: 95px; z-index: 99;}
				.elenco ul li a.visualizza {position: absolute; display: inline; top: 35px; left: 755px; height: auto; width: 170px; color: #ffffff;}
				.elenco ul li img {position: absolute; top: 3px; left: 3px; width: 89px; height: 89px;}
				.elenco ul li.speciale {background-image:url('../img/elenco/scheda_speciale.png'); }
				.elenco ul li div {position: absolute; top: 0; right: 1px; width: 38px; height: 38px; background-image:url('../img/immagini_musei.png'); }
					.elenco ul li div.s_uno {background-position: -2625px 0; }				
					.elenco ul li div.s_due {background-position: -2663px 0; }				
					.elenco ul li div.s_tre {background-position: -2701px 0; }				
					.elenco ul li div.quattro {background-position: -2739px 0; }				
					.elenco ul li div.cinque {background-position: -2777px 0; }				
					.elenco ul li div.otto {background-position: -2815px 0; }				
					.elenco ul li div.nove {background-position: -2853px 0; }				
					.elenco ul li div.undici {background-position: -2891px 0; }				
					.elenco ul li div.uno {background-position: -2929px 0; }				
					.elenco ul li div.due {background-position: -2967px 0; }				
					.elenco ul li div.tre {background-position: -3005px 0; }				
					.elenco ul li div.sei {background-position: -3043px 0; }				
					.elenco ul li div.sette {background-position: -3081px 0; }				
					.elenco ul li div.dieci {background-position: -3119px 0; }				
					.elenco ul li div.dodici {background-position: -3157px 0; }				
					.elenco ul li div.tredici {background-position: -3195px 0; }				
					.elenco ul li h2 {font-size: 25px; margin: 5px 0 10px 0; font-weight: normal;}
						.elenco ul li h2 a {color: #414141; font-size: 16px;}
					.elenco ul li p {font-size: 14px; }


/*----------------------------------------------------------------------------------*/
/*------------------------------------ FOOTER --------------------------------------*/
/*----------------------------------------------------------------------------------*/

	#footer {width: 940px; padding-top: 10px; padding-bottom: 10px; margin-top: 25px; border-top: 1px solid #552525;}
		#footer ul {width: 753px; height: 38px; padding-top: 14px;}
			#footer ul li {float: left; margin-right: 37px;}
				#footer ul li a {font-size: 22px; color: #ffffff;}

		#footer .button {margin: 0 0 0 158px; width: 618px; height: 43px; background-image:url('../img/immagini_musei.png'); background-position: -1027px 0; color: #e7e0da; font-size: 30px; text-align: center; padding-top: 9px; padding-left: 46px;}
 		.interno #footer .button {width: 708px; background-position: -3371px 0;}
		.esterno #footer .button {width: 708px; background-position: -3371px 0;}

		#footer .logo {background-image:url('../img/immagini_musei.png'); background-position: -2439px 0; width: 186px; height: 52px;}


/*----------------------------------------------------------------------------------*/
/*--------------------------------- SCHEDA STORICA ---------------------------------*/
/*----------------------------------------------------------------------------------*/

	.scheda {height: 100%; overflow-y: hidden;}

	 .scheda .container_scheda {font-family: arial; width: 100%; height: 100%;}

		.titolo_scheda {width:100%; height:10%; background:#552525; min-height:50px;}
		.titolo_scheda .titolo {position: absolute; top: 2.3%; left: 65px; color: #efecea; max-width: 600px; max-height: 35px;  overflow: hidden; font-size:30px; float: left;}
		.scheda .titolo_scheda button {position: absolute; top: 2.5%; right: 10px; width: 138px; height: 34px; padding: 0; border: 0; margin: 0; background-image:url('../img/immagini_musei.png'); background-position: -3233px 0; cursor: pointer; font-size: 25px; color: #552525; text-align: left; padding-left: 20px;}
		.scheda .titolo_scheda div.number {position: absolute; top: 2%; left: 10px; width: 38px; height: 38px; background-image:url('../img/immagini_musei.png');}
			.scheda .titolo_scheda div.number.s_uno {background-position: -4125px 0;}
			.scheda .titolo_scheda div.number.s_due {background-position: -4163px 0;}
			.scheda .titolo_scheda div.number.s_tre {background-position: -4201px 0;}
			.scheda .titolo_scheda div.number.uno {background-position: -4429px 0;}
			.scheda .titolo_scheda div.number.due {background-position: -4467px 0;}
			.scheda .titolo_scheda div.number.tre {background-position: -4505px 0;}
			.scheda .titolo_scheda div.number.quattro {background-position: -4239px 0;}
			.scheda .titolo_scheda div.number.cinque {background-position: -4277px 0;}
			.scheda .titolo_scheda div.number.sei {background-position: -4543px 0;}
			.scheda .titolo_scheda div.number.sette {background-position: -4581px 0;}
			.scheda .titolo_scheda div.number.otto {background-position: -4315px 0;}
			.scheda .titolo_scheda div.number.nove {background-position: -4353px 0;}
			.scheda .titolo_scheda div.number.dieci {background-position: -4619px 0;}
			.scheda .titolo_scheda div.number.undici {background-position: -4391px 0;} 
			.scheda .titolo_scheda div.number.dodici {background-position: -4656px 0;}
			.scheda .titolo_scheda div.number.tredici {background-position: -4695px 0;}

		.scheda .container_testo_scheda {width:60%; height:90%; background:#efecea; float:left; overflow-y:auto;}
			
			.scheda .testo_scheda {width:94%; margin:3%; color: #232323;}
				.scheda .testo_scheda span {font-weight: bold;}
				.scheda .testo_scheda h4 {font-size: 22px; font-weight: bold;}
				.scheda .testo_scheda em {font-style: italic;}
				.scheda .testo_scheda hr {color: #9C4444; background: #9C4444; width: 100%; height: 1px; border: 0;}

			.scheda .galleria_scheda {width:40%; height:90%; background :#232323; float:right; overflow-y:auto;}
				.scheda .immagine_scheda_big {width:90%; background:#fff; margin:10px 5%; float:left;}
					.scheda .immagine_scheda_big img {width:96%; margin:2%; float:left;}
				.scheda .immagine_scheda_small {width:42.5%; background:#fff; margin:10px 2.5% 10px 5%; float:left;}
				.scheda .immagine_scheda_small.right {margin:10px 5% 10px 2.5%;}

					.scheda .immagine_scheda_small img {width:96%; margin:2%; float:left;}
	
		
		.scheda .container_testo_scheda.pag {width:100%; height:90%; background:#efecea; float:left; overflow-y:auto;}


/*----------------------------------------------------------------------------------*/
/*--------------------------------- SCHEDA INTERNA ---------------------------------*/
/*----------------------------------------------------------------------------------*/

.pagina .container {font-family: arial; width: 980px; height: 550px; border: 2px solid #552525; padding:0; margin: auto; background-color: #efecea;}
	.pagina div.title {height: 62px; width: 100%; background-color: #552525; position: relative;}
		.pagina div.title h3 {position: absolute; top: 12px; left: 22px; font-size: 30px; color: #efecea; font-weight: normal;}
		.pagina div.title button {width: 138px; height: 34px; padding: 0; border: 0; margin: 0; background-image:url('../img/immagini_musei.png'); background-position: -3233px 0; cursor: pointer; position: absolute; top: 13px; right: 13px; font-size: 25px; color: #552525; text-align: left; padding-left: 20px;}
	.pagina div.testo {width: 890px; overflow-y: auto; font-size: 18px; color: #232323; padding:45px;}
	.pagina div.testo span {font-weight: bold;}


.mappa {width: 800px; overflow:hidden;}ù
	.mappa a img {width: 800px;}