﻿/*M: import google fonts; ---------------------------------------------------------------------------------------*/

@import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,300;0,400;0,500;0,600;0,700;1,300;1,400;1,500;1,600;1,700&family=Roboto:ital,wght@0,400;0,700;1,400;1,700&display=swap');




/*reset proprietà elementi ---------------------------------------------------------------------------------------*/
*								{	margin:0; padding:0;
}
table							{	border-collapse:collapse;border-spacing:0;
}	
fieldset,img					{	border:0;
}
address,caption,cite,code,
dfn,em,th,var,optgroup			{	font-style:inherit;font-weight:inherit; font-style:normal;
}
del,ins							{	text-decoration:none;
}
li								{	list-style:none;
}
caption,th						{	text-align:left;
}
h1,h2,h3,h4,h5,h6				{	font-size:100%;
}

q:before,q:after				{	content:'';
}
abbr,acronym					{	border:0;font-variant:normal;
}
sup, sub						{	vertical-align:baseline;
}
legend							{	color:#000;
}
input,button,textarea,select,optgroup,option { font-family:inherit; font-size:inherit; font-style:inherit; font-weight:inherit; color:#4e4e4e; }
input,button,textarea,select	{ font-size:100%; }

/* elementi di base ----------------------------------------------------------------------------------------------*/
html							{	font-size:100%;
}
body							{	font:1em/1.5 'Roboto', sans-serif; background:#6f0502 /*url(../Immagini/comuni/sfondo.jpg)*/ repeat-x center top; text-align:center; 
}
div, p, a, table, ul, ol		{	font-size:0.75em;/*12px*/
}
div, p, a, table, ul, ol		{	color:#2c2c2c;
}
div p, div a, div ul, div 
ol, div h2, div h3, div h4, 
div h5, div h6, div div, 
div fieldset, div table,
p a, table p, table a, 
table ul, table ol, table h2, 
table h3, table h4, table h5, 
table h6,ul li p, ul li a, 
ul li ul, ul li ol, ul li h2, 
ul li h3, ul li h4, ul li h5, 
ul li h6,ol li p, ol li a, 
ol li ul, ol li ul, ol li h2, 
ol li h3, ol li h4, ol li h5, 
ol li h6 						{	font-size:100%;
}
a:link, a:visited				{	text-decoration:none; /*border-bottom:dotted 1px #008dc8;*/ color:#000; font-weight:bold; 
}
a:visited						{	color:#000; /*border-bottom:dotted 1px #000; */
}
a:focus							{	/*border:solid 1px #000;*/ text-decoration:none;
}
a:hover, a:active				{	/*border-bottom:dotted 2px #000; */
}
li								{	list-style-type:inherit; 
}
h1,h2,h3{
	font-family: 'Montserrat', sans-serif;
	font-weight: 500;
}
/* classi comuni -------------------------------------------------------------------------------------------------------*/
.nascosto						{	position:absolute; top:-100000px; left:-100000px; 
}
.clearing						{	height:auto !important; min-height:10px; height:10px; 
}
.clearing:after					{	content:"."; clear:both; display:block; visibility:hidden; height:0;
}
.icona							{	vertical-align:middle; margin-right:5px;
}
.icoFloat						{	float:left; margin-right:5px;
}
.imgBlocco						{	display:block; margin:auto;
}
.noBordo						{	border:0 !important;
}
.centrato						{	text-align:center;
}
.maiuscolo						{	text-transform:uppercase;
}
.primoTitolo					{	font-size:2.5em;/*30px*/  font-weight:normal; margin-bottom:5px; font-style:italic; 
}
.secondoTitolo					{	font-size:2.08em;/*25px*/  font-weight:normal; margin-bottom:5px;
}
.terzoTitolo					{	font-size:1.5em;/*18px*/  font-weight:normal;
}
.quartoTitolo					{	font-size:1.14em;/*14px*/ 
}
.noMarginRight					{	margin-right:0 !important;
}
/* elementi prima schermata --------------------------------------------------------------------------------------------------------------------- */
/*div#monitor						{	width:1980px; height:1080px;  margin:auto; overflow:hidden; 
}*/
div#contenitore					{	width:1860px; margin:auto; text-align:left; /*background:blue;*/ height:auto !important; min-height:1020px; height:1020px; margin-top:30px; position:relative;
}
div.boxSezione					{	width:541px; float:left; margin-right:118.5px; /*background:red;*/
}
div.boxSezione a				{	display:block; height:auto !important; min-height:392px; height:392px; background-repeat:no-repeat; background-position:left center; overflow:hidden;  position:relative; 
}
div.boxSezione a:hover			{	background-position:right center;
}
div.boxSezione a span			{	display:block; width:501px; margin:auto; height:auto !important; min-height:137px; height:137px; padding-top:10px; background:url(../Immagini/home/trasparenza_link.png) no-repeat center top; margin-top:222px; text-align:center; font-size:4em;/*48px*/ color:#fff; cursor:pointer; font-weight:normal; line-height:1.1;
}
div.boxSezione a span.unaParola	{	line-height:120px;	
}
div.boxSezione a:hover span		{	color:#ffd200;	
}
div#boxLanghirano a				{	background-image:url(../Immagini/home/sfondo_link_langhirano.png);	
}
div#boxTanara a					{	background-image:url(../Immagini/home/sfondo_link_tanara.png);	
}
div#boxMuseo a					{	background-image:url(../Immagini/home/sfondo_link_museo.png);	
}
div#boxEsposizione a			{	background-image:url(../Immagini/home/sfondo_link_esposizione.png);	
}
div#boxDocumenti a				{	background-image:url(../Immagini/home/sfondo_link_documenti.png);	
}
div#boxTerritorio a				{	background-image:url(../Immagini/home/sfondo_link_territorio.png);	
}
div#boxLogo						{	height:224px; background:green; margin:6px 0;  background:url(../Immagini/home/sfondo_box_logo.jpg) no-repeat center top;
}
span#approfondimento			{	display:block; position:absolute; width:188px; height:188px !important; background:url(../Immagini/home/territorio.png) no-repeat center top; top:21px; left:19px; margin-top:0;
}
/*elementi interne ---------------------------------------------------------------------------------------------- */
div#testata						{	height:auto !important; min-height:56px; height:56px; background:#5d0000 url(../Immagini/comuni/sfondo_testata.jpg) no-repeat left top; position:relative;
}
div#testata h1					{	background:url(../Immagini/comuni/loghino_pag.png) no-repeat left top; height:auto !important; min-height:56px; height:56px;
}
a#pulHome						{	display:block; 
	position:absolute; 
	top:1px; 
	right:20px; 
	background-color:#420200; 
	padding:15px 20px; 
	font-size: 1.25em; 
	letter-spacing: .1em; 
	color:#ffffff; 
	font-weight:400; 
	-webkit-transition: color 0.3s ease, background-color 0.3s ease; 
	-ms-transition: color 0.3s ease, background-color 0.3s ease; 
	-o-transition: color 0.3s ease, background-color 0.3s ease;
    transition: color 0.3s ease, background-color 0.3s ease;
}
a#pulHome:hover					{
	background-color:#a80402;
}
div#sezioni						{	width:350px; float:left;  height:auto !important; min-height:944px; height:944px; background-color:#430200;
}
div#corpo						{	margin-top:20px; 
}
div#contenuto					{	width:1400px; float:right; background:#430200; height:auto !important; min-height:894px; height:894px; padding:25px;
}
a#btnIndietro					{	display:block; color:#fff; font-size:1.66em;/*20px*/ background:url(../Immagini/comuni/sf_btn_indietro.jpg) repeat-y left top; 
}
a#btnIndietro:hover				{	background:url(../Immagini/comuni/sf_btn_indietro_sel.jpg) repeat-y left top; 
}
a#btnIndietro span				{	display:block; height:auto !important; min-height:34px; height:34px; padding:2px 0 0 45px; background:url(../Immagini/icone/ico_indietro.png) no-repeat left top;
}
a#btnIndietro:hover span		{	background:url(../Immagini/icone/ico_indietro_sel.png) no-repeat left top; color:#ffd200;	
}
div#boxMenuSezioni				{	margin-top:10px;
}
.galleryview{
	background: transparent !important;
}
#boxFoto div.panel{
 background: transparent !important;
}
ul.menuSezioni  				{	margin-top:15px;
}
ul.menuSezioni li 				{	float:left; list-style:none; width:350px; 
}
ul.menuSezioni li a				{	display:block; height:auto !important; min-height:58px; height:58px; background-repeat:no-repeat; background-position:left top; color:#fff; font-size:1.5em; /*18px*/ font-weight:normal; padding:25px 0 0 120px;
	border:2px solid #6f0502;
	border-right-width: 0;
	border-left-width: 0;
	-webkit-transition: all 0.6s ease, color 0.3s ease;
    -ms-transition: all 0.6s ease, color 0.3s ease;
    -o-transition: all 0.6s ease, color 0.3s ease;
    transition: all 0.6s ease, color 0.3s ease;
}
ul.menuSezioni li a:hover		{	background-position:right top; color:#ffd200;
}
ul.menuSezioni li li 			{	/*width:260px;*/ float:right;
}
ul.menuSezioni li li a 			{	text-align:right; padding:5px 10px 5px 0; height:auto !important; min-height:30px; height:30px;
}
div#boxMenuSezioni li.voceSezCorrente{	background:#6F0502; position:relative;
}
div#boxMenuSezioni li.voceSezCorrente a {	background-position:right top; font-size:1.66em;/*20px*/ 
}
div#boxMenuSezioni li.voceSezCorrente a span.stileSezCorr {	color:#ffd200; font-weight:500;
}
div#boxMenuSezioni li.voceSezCorrente span.seiQui	{	display:block; width:63px; height:19px; background:url(../Immagini/icone/sei_qui.png) no-repeat center top; position:absolute; top:30px; right:-70px;
}
div#boxMenuSezioni li.voceSottoMenu	{	background:none;
}
div#boxMenuSezioni li.voceSottoMenu .voceSezCorrente	{
	background-color: #a80402;
}
div#boxMenuSezioni li.voceSottoMenu .voceSezCorrente span	{	top:10px;
}
div#boxMenuSezioni li.voceSottoMenu li a	{	/*border:solid 1px #420200 !important;*/
 	-webkit-transition: all 0.6s ease;
    -ms-transition: all 0.6s ease;
    -o-transition: all 0.6s ease;
    transition: all 0.6s ease;
   
}

div#boxMenuSezioni li.voceSottoMenu li a:hover	{	
	background:url(../Immagini/comuni/sf_voce_sezione.jpg) repeat-y center top; 
}
div#boxMenuSezioni span.spanSfondo	{	display:block; background:#6f0502; position:relative;
}
div#boxMenuSezioni span.spanSfondo a{	/*border-color:red;*/
}
div#boxMenuSezioni span.spanSfondo a:hover{	background-position:right top; color:#ffd200;
}
div#boxMenuSezioni .spanSfondoNonSel{	display:block; position:relative;
}
ul.menuSezioniTerr li  			{	
	width:260px; 
	float:right; 
	/*background:url(../Immagini/comuni/sf_voce_sezione.jpg) repeat-y center top; */
	list-style:none; 
	margin-top:10px; 
	position:relative;
	background-color: #6F0502;
}
ul.menuSezioniTerr li a 		{	
	display:block; 
	text-align:right; 
	padding:5px 10px 5px 0; 
	height:auto !important; 
	min-height:30px; 
	height:30px; 
	background-repeat:no-repeat; 
	background-position:left center; 
	color:#fff; font-size:1.5em; /*18px*/ 
	font-weight:normal;

	border:2px solid #6f0502;
	border-right-width: 0;
	-webkit-transition: all 0.6s ease, color 0.3s ease;
    -ms-transition: all 0.6s ease, color 0.3s ease;
    -o-transition: all 0.6s ease, color 0.3s ease;
    transition: all 0.6s ease, color 0.3s ease;
}
ul.menuSezioniTerr li a:hover	{	background-position:right top; color:#ffd200;
}
ul.menuSezioniTerr .voceSezCorrente a {	font-size:1.5em !important;/*18px*/ 
}
ul.menuSezioniTerr .voceSezCorrente span.seiQui	{	top:13px !important; 
}
a#sezLanghirano					{	background-image:url(../Immagini/comuni/btn_langhirano.png);	
}
a#sezTanara						{	background-image:url(../Immagini/comuni/btn_tanara.png);	
}
a#sezMuseo						{	background-image:url(../Immagini/comuni/btn_museo.png);	
}
a#sezCastello					{	background-image:url(../Immagini/comuni/btn_castello.png);	
}
a#sezEsposizione				{	background-image:url(../Immagini/comuni/btn_esposizione.png);	
}
a#sezBadia						{	background-image:url(../Immagini/comuni/btn_badia.png);	
}
a#sezDocumenti					{	background-image:url(../Immagini/comuni/btn_documenti.png);	
}
a#sezDocumentiGuerci			{	background-image:url(../Immagini/comuni/btn_documenti.png);	
}
a#sezTerritorio					{	background-image:url(../Immagini/comuni/btn_territorio.png);	
}
a#sezMProsciutto				{	background-image:url(../Immagini/comuni/btn_museo_prosciutto.png);
}
div.boxApprofondimento			{	background:#131313; margin-top:15px; padding-bottom:20px; border-bottom:2px solid #6f0502;
}
div.boxApprofondimento ul.menuSezioni 	{	margin-top:0;
}
div.boxApprofondimento h2		{	color:#000; text-align:center; font-size:1.5em;/*18px*/ padding:5px 0; background:#8f8f8f; font-weight:normal;
}
div#boxTesto					{	width:655px; background:#c6c6c6 url(../Immagini/comuni/sfondo_box_testo.jpg) no-repeat left top; float:left; height:auto !important; min-height:850px; height:850px; padding:20px;
}
div#scrollTesto					{	height:830px; padding:10px;
}
div#scrollTesto p				{	font-size:1.5em;/*18px*/ margin-bottom:15px;
}
div#scrollTesto cite,
div#scrollTesto em				{	font-style:italic;
}
div#scrollTesto a				{	border-bottom:dotted 2px #000;
}
div#boxFoto						{	width:643px; float:right; background:#430200; height:845px; padding-top:45px; position:relative;
}
/*div.panel						{	background:#1b0100 !important;
}*/
div#pointer img					{	display:none !important;
}
.nav-next						{	top:300px !important; right:5px !important; width: 33px; height: auto;
}
.nav-prev						{	top:300px !important; left:5px !important; width: 33px; height: auto;
}
ul.filmstrip					{	background:#440300 !important;
}
/*elementi ricerca ------------------------------------------------------------------------------------------------- */
div.campiRicerca				{	padding:5px 10px 20px 10px; margin:0 10px 5px 10px; height:auto !important; min-height:150px; height:150px;
}
div.campiRicerca p				{	margin-bottom:15px !important; 
}
div.campiRicerca label			{	width:15em; font-size:1.5em;/*18px*/ display:block;  margin:5px 0;
}
div.campiRicerca label,
div.campiRicerca input			{	vertical-align:middle;
}
div.campiRicerca input			{	width:540px; height:30px; background:#fff !important; color:#000 !important; font-size:1.33em !important; /*16px*/ padding:5px 0 0 10px; font-weight:bold; border-color: #ffffff; border-radius: 0;
}
div.campiRicerca img.imgKey		{	vertical-align:middle; margin-left:5px;	
}
.btnRicerca						{	
	width:130px; 
	height:38px; 
	display:block;  
	background-color:#420200;
	margin: 0 auto; 
	padding:12px 0 0 0; 
	font-size: 1.25em; 
	letter-spacing: .1em; 
	color:#ffffff !important; 
	font-weight:400 !important;
	text-align: center;
	-webkit-transition: color 0.3s ease, background-color 0.3s ease; 
	-ms-transition: color 0.3s ease, background-color 0.3s ease; 
	-o-transition: color 0.3s ease, background-color 0.3s ease;
    transition: color 0.3s ease, background-color 0.3s ease;
	cursor:pointer;
}
.btnRicerca:hover				{	
	background-color:#a80402;
}
.ui-keyboard-button				{	height: 4em !important; width: 4em !important; margin: .2em !important; cursor: pointer; overflow: hidden; 
}
.ui-keyboard-space				{	width: 35em !important; text-indent: -999em; 
}
.ui-keyboard-preview			{	text-align: left; margin: 0 0 3px 0; display: inline; padding:10px 0; font-size:1.5em !important;
}
.ui-keyboard-shift				{	display:none !important;
}
.ui-keyboard-enter,
.ui-keyboard-accept,
.ui-keyboard-cancel				{	width: 6em !important;
}
div#boxRisultato				{	width:580px; height:780px; margin:auto; background:#620300;  padding:10px; left:50px !important; position:absolute;
}
div#boxRisultato h2				{	font-size:2.75em;/*33px*/ text-align:center; color:#b7b7b7; font-weight:normal;
}
p#infoNumRicerca				{	font-size:1.5em;/*18px*/ color:#b7b7b7; text-align:center;
}
p#infoNumRicerca strong			{	color:#fff; 
}
ul#elencoRicerca li				{	margin-top:20px; width:480px; background:#3a0200; padding:10px; height:auto !important; min-height:110px; height:110px;
}
div.txtElRicerca				{	float:right; width:360px; margin-bottom:5px; 
}
div.imgElRicerca				{	float:left; width:100px; margin-bottom:5px; height:65px; overflow:hidden;
}
div.txtElRicerca h3				{	color:#fff; font-size:1.5em;/*18px*/ line-height:1.1; margin-bottom:5px;	 
}
div.txtElRicerca p				{	color:#fff; font-size:1.33em; /*16px*/ 	 
}
div.txtElRicerca p span			{	float:left; width:4em; font-style:italic;	 
}
div.pulDettRicerca				{	clear:both; background:#240100; height:auto !important; min-height:44px; height:44px; padding:6px;
}
div.pulDettRicerca a {	
	display:block; 
	max-width:170px; 
	margin:auto;
	background-color:#420200; 
	padding:15px 20px; 
	font-size: 1.25em; 
	letter-spacing: .1em; 
	color:#ffffff; 
	font-weight:400;
	text-align: center; 
	-webkit-transition: color 0.3s ease, background-color 0.3s ease; 
	-ms-transition: color 0.3s ease, background-color 0.3s ease; 
	-o-transition: color 0.3s ease, background-color 0.3s ease;
    transition: color 0.3s ease, background-color 0.3s ease;
}
div.pulDettRicerca a:hover		{	
	background-color:#a80402; 	
}
.imgKey							{	cursor:pointer !important;
}
div#boxTipoDoc 					{	margin-bottom:20px;
}
div#boxTipoDoc h3				{	text-align:center; margin-bottom:10px;
}
div.boxTipiDoc 					{	background:#6D0502; width:700px; padding:10px;
}
div.boxTipiDoc h4				{	font-size:2.75em;/*33px*/ color:#fff;	
}
div.boxTipiDoc p				{	text-align:left; font-size:1.33em; /*16px*/ 	
}
div.boxTxtTipiDoc				{	background:#e9e9e9; padding:20px; margin-top:10px; border:solid 1px #000;
}
ul#elTipoDoc					{	margin-top:15px;
}
ul#elTipoDoc li					{	list-style:none; float:left; width:200px; height:160px;  margin-left:13px; background:#a8a8a8;
}	
ul#elTipoDoc li h4				{	font-size:1.5em;/*18px*/ background:#646464; color:#fff; text-align:center; margin-bottom:5px;
}
ul#elTipoDoc a img				{	display:block; margin:auto; border:0; margin-bottom:14px;
}
a.btnLeggi						{	
	width:200px; 
	display:block; 
	background-color:#420200; 
	padding:10px 0; 
	font-size: 1.25em; 
	letter-spacing: .1em; 
	color:#ffffff; 
	font-weight:400;
	text-align: center;; 
	-webkit-transition: color 0.3s ease, background-color 0.3s ease; 
	-ms-transition: color 0.3s ease, background-color 0.3s ease; 
	-o-transition: color 0.3s ease, background-color 0.3s ease;
    transition: color 0.3s ease, background-color 0.3s ease;
}
a.btnLeggi:hover				{	
	background-color:#a80402;
}
.labRicTestuale					{	font-size:2.08em !important;/*25px*/ color:#6f0300 !important;
}
div#boxFiltra ul				{	padding-left:50px;
}
div#boxFiltra li				{	width:140px; height:auto !important; min-height:100px;  height:100px; padding-top:5px; margin-right:20px; color:#6f0300; font-size:1.5em;/*18px*/ cursor:pointer; border:0;
}
div#boxFiltra p					{	font-size:1.5em;/*18px*/ text-align:center;  color:#000; margin-top:10px; margin-bottom:3px !important;
}
div#boxFiltra li.ui-state-default {	background:url(../Immagini/pulsanti/pul_filtra.png) no-repeat center 29px;
}
div#boxFiltra li.ui-selected	{	background:url(../Immagini/pulsanti/pul_filtra_sel.png) no-repeat center 30px; color:#426900; 
}
div#boxMsgRicerca				{	padding:5px 10px; margin-top:10px;
}
div#boxMsgRicerca p				{	margin-bottom:10px; font-size:1.33em; /*16px*/
}
a.linkTornaRic					{	
	display:block; 
	/*width:201px; 
	height:43px; */
	left:410px;

	position:absolute; 
	top:1px; 
	background-color:#420200; 
	padding:15px 20px; 
	font-size: 1.25em; 
	letter-spacing: .1em; 
	color:#ffffff; 
	font-weight:400; 
	-webkit-transition: color 0.3s ease, background-color 0.3s ease; 
	-ms-transition: color 0.3s ease, background-color 0.3s ease; 
	-o-transition: color 0.3s ease, background-color 0.3s ease;
    transition: color 0.3s ease, background-color 0.3s ease;
}
a.linkTornaRic:hover			{	background-color:#a80402;
}

/*elementi cimeli ------------------------------------------------------------------------------------------------------------------------- */
ol.elencoTeche 					{	margin-bottom:20px;
}
ol.elencoTeche li li,
ol.elencoArchivio li			{	font-size:1.5em; margin-left:30px; list-style:none; 
}
ol.elencoTeche li li a,
ol.elencoArchivio li a			{	display:block; border:0 !important; padding:5px; border:solid 1px #600000 !important;  margin-right:20px; margin-bottom:15px;  font-weight:normal; color:#600000;
}
ol.elencoTeche li li a:hover,
ol.elencoArchivio li a:hover	{	font-weight:600; 
}
.tecaSelezionata				{	background:#600000 !important; color:#fff !important; font-weight:bold !important; cursor:default;
}
.divImmagine .imgCimeli			{	display:block; margin:auto; margin-top:70px;
}
div.descriImg p					{	color:#b6b6b6; padding:30px; font-size:1.5em;/*18px*/ text-align:justify; font-weight:normal;
}
div.imgGalleryLightB 			{	padding:40px 0 0 45px;
}
div.imgGalleryLightB p 			{	color:#fff; margin:-40px 0 30px 0; font-size:1.5em;/*18px*/ text-align:center;
}
div.imgGalleryLightB img		{	float:left; margin:-12px 25px 34px 0;
}
ul.filmstrip li					{	overflow:hidden !important;
}
div.boxDidaCimeli 					{	background:#6D0502; width:700px; padding:10px;
}
div.boxDidaCimeli h4				{	font-size:2.75em;/*33px*/ color:#fff;	
}
div.boxDidaCimeli p				{	text-align:left; font-size:1.33em; /*16px*/ 	
}
div.boxTxtDidaCimeli				{	background:#e9e9e9; padding:20px; margin-top:10px; border:solid 1px #000;
}
a#infoLink						{	
	max-width:202px; 
	height:auto; 
	display:block; 
	position:absolute; 
	bottom:8px; 
	left:220px;
	text-align: center; 
	background-color:#420200; 
	padding:15px 20px; 
	font-size: 1.25em; 
	letter-spacing: .1em; 
	color:#ffffff; 
	font-weight:400; 
	cursor: pointer;
	-webkit-transition: color 0.3s ease, background-color 0.3s ease; 
	-ms-transition: color 0.3s ease, background-color 0.3s ease; 
	-o-transition: color 0.3s ease, background-color 0.3s ease;
    transition: color 0.3s ease, background-color 0.3s ease;
}
a#infoLink:hover					{	
	background-color:#a80402;
}
/*elementi territorio --------------------------------------------------------------------------------------------------------------------- */
div#infoCastello h2				{	margin-bottom:0; font-weight:bold;
}

