/*h1 TITOLO ESPLORAZIONE*/
h1{text-shadow: 2px 2px 3px #ffffff; font-size: 2em;font-family:Roboto Slab;text-align:center;font-weight: normal;color:#580d9e/* primary color*/;}

/*h2 SOTTOTITOLO ESPLORAZIONE*/
h2{font-size:1.8em;  font-family:kalam-v16-latin-300;text-align:center;font-weight:normal; font-style:normal; color:#2c2c2c;}

/*h3 ???*/
h3{font-size:1em;font-family:Roboto Slab;text-align:center;font-weight: normal;color:#2c2c2c/* primary color*/;}


h4{font-size: 0.8em;text-align:left;font-weight: normal;color:#2c2c2c/* primary color*/;}

h5{font-size: 1.1em;text-align:left;font-weight: normal;color:#2c2c2c/* primary color*/;}

h6{font-family: 'Roboto Slab';font-size: 0.8em;text-align:left;font-weight: normal;color:#2c2c2c/* primary color*/;}

p{font-size:1.2em; font-family:Roboto Slab;text-align:justify; font-weight:normal; font-style:normal; color:#2c2c2c;}




/* -------------DA TOGLIERE QUANDO FATTE TUTTE PAGINDE CASELLE PER COMMENTO----------------*/
.struttura-COMMENTO {
	text-align: center;
}

.struttura-COMMENTO ul li{
	display: inline-block;
	vertical-align: top;
	width:auto;
  height:auto;
	margin:10px;
	text-align:center;
	background-color:#cccccc;
}

/* -------------FINE CASELLE PER COMMENTO----------------*/

/* -------------TESTO 3 COLONNE---------------*/
div.colonne div{
float: left;
width: 25%;
padding: 5%
}

div#contenitore{
width: 100%;
font: arial;
}

/* -------------FINE TESTO 3 COLONNE----------------*/

/*sammezzano */
.sammezzano {font-size: 1em;font-family:Roboto Slab; display:inline; font-style:normal;text-align:justify;font-weight:normal;color:#2c2c2c/* primary color*/;} 


/*villa del samurai*/
.citazione-samurai {font-size:1.1em;font-family:Roboto Slab;text-align:center;font-weight:normal;color:#580d9e/* primary color*/;} 
.citazione-samurai2 {font-size:1.1em;font-family:Roboto Slab;text-align:center;font-weight:normal;color:#2c2c2c/* primary color*/;} 

div.sinistra {
  border-left: 2px solid #580d9e;
  padding-left: 20px;
padding-bottom: 5px;
}




.testo-centrato{font-size:1.2em; font-family:Roboto Slab;text-align:center; font-weight:normal; font-style:normal; color:#2c2c2c;}

.testo-volterra{font-size: 1.2em;text-align:center;font-family:Roboto Slab;font-weight:bold;color:#2c2c2c/* primary color*/;}

.testo-basaglia{font-size: 1.2em;text-align:center;font-family:Roboto Slab;font-weight:normal;color:#2c2c2c/* primary color*/;}

.testo-piccolo{font-size: 1em;text-align:justify;font-family:Roboto Slab;font-weight:normal;color:#2c2c2c/* primary color*/;}



/*CENTRARE IMMAGINE*/
.img-container {
       display: flex;
      justify-content: center;
      }

/*CENTRARE LINK*/
.link-container {
       text-align: center;
      }

/*LINK A VIDEO YOU TUBE */
a.video:link{font-size:1.1em; font-family:Roboto Slab; font-weight:normal; color:#8A3D3F; text-decoration:none;}
a.video:visited{font-size:1.1em; font-family:Roboto Slab; font-weight:normal; color:#8A3D3F; text-decoration:none;}
a.video:active{font-size:1.1em; font-family:Roboto Slab; font-weight:normal; color:#8A3D3F; text-decoration:none;}
a.video:hover{color:#ffffff;}


/*LINK A PAGINA INDICE URBEX */
a.indice:link{font-size:1.1em; font-family:Roboto Slab; font-weight:normal; color:#8A3D3F; text-decoration:none;}
a.indice:visited{font-size:1.1em; font-family:Roboto Slab; font-weight:normal; color:#8A3D3F; text-decoration:none;}

a.indice:active{font-size:1.1em; font-family:Roboto Slab; font-weight:normal; color:#8A3D3F; text-decoration:none;}
a.indice:hover{color:#ffffff;}

/*LINK A PAGINA MONNA messo su urbex villa famiglia ricca */

a.indice2:link{font-size:1.6em; font-family:raleway-v28-latin-regular; font-weight:normal; color:#8A3D3F; text-decoration:none;}
a.indice2:visited{font-size:1.6em; font-family:raleway-v28-latin-regular; font-weight:normal; color:#8A3D3F; text-decoration:none;}

a.indice2:active{font-size:1.6em; font-family:raleway-v28-latin-regular; font-weight:normal; color:#8A3D3F; text-decoration:none;}
a.indice2:hover{color:#ffffff;}


/*LINK A Fonti esterne */
a.biblio:link{font-size:0.9em; font-family:Roboto Slab; font-weight:normal; color:#8A3D3F; text-decoration:none;}
a.biblio:visited{font-size:0.9em; font-family:Roboto Slab; font-weight:normal; color:#8A3D3F; text-decoration:none;}

a.biblio:active{font-size:0.9em; font-family:Roboto Slab; font-weight:normal; color:#8A3D3F; text-decoration:none;}
a.biblio:hover{color:#ffffff;}

/*<div class="preghiera">autore musica</div> */
.preghiera {font-size: font-family:Roboto Slab;1.2em;text-align:left;font-weight:normal;color:#580d9e/* primary color*/;} 



/* -----------------contenitore PREGHIERA ------------------ */

.contenitorePREGHIERA .contenutoPREGHIERA{
	max-width:700px;
	margin:auto;
	padding: 0px 10px;
}

.contenitorePREGHIERA .contenutoPREGHIERA a{
	color:#8A3D3F/* primary color*/;
	text-decoration: none;
	font-weight: normal;
}

.contenitorePREGHIERA .contenutoPREGHIERA a:hover{
	color:#FFFFFF/* primary lightcolor*/;
}

/* -----------------contenitore MUSICA ------------------ */

.contenitoreMUSICA .contenutoMUSICA{
	max-width:1500px;
	margin:auto;
	padding:0px 10px;
}

.contenitoreMUSICA .contenutoMUSICA a{
	color:#8A3D3F/* primary color*/;
	text-decoration: none;
	font-weight: normal;
}

.contenitoreMUSICA .contenutoMUSICA a:hover{
	color:#FFFFFF/* primary lightcolor*/;
}

/* -----------------TITOLO - DATA ESPLORAZIONE- INDICAZIONI LUOGO------------------ */

.contenitoreDATI .contenutoDATI{
	max-width:800px;
	margin:auto;
	padding: 30px 10px;
}

.contenitoreDATI .contenutoDATI a{
	color:#8A3D3F/* primary color*/;
	text-decoration: none;
	font-weight: normal;
}

.contenitoreDATI .contenutoDATI a:hover{
	color:#FFFFFF/* primary lightcolor*/;
}

/*<div class="esplorazione">FONT esplorazione mese anno</div> */
.esplorazione {font-size: 1em; font-style:italic;text-align:center;font-weight: italic;color:#2c2c2c/* primary color*/;} 

/*<div class="congregazione">Spiegazione chiesa degli olandesi</div> */
.congregazione {font-size: 1em; font-family:roboto slab;text-align:justify;font-weight:normal;color:#2c2c2c/* primary color*/;} 


/*<div class="credit">FONT credit foto</div> */
.credit {font-size: 0.9em; font-style:italic;text-align:left;font-weight: italic;color:#2c2c2c/* primary color*/;} 

/*<div class="indicazioni">FONT LUOGO-TIPO-ETC</div> */
.indicazioni {font-size: 1.2em;text-align:center;font-weight:normal;color:#2c2c2c/* primary color*/;} 

/* -----------------FINE TITOLO - DATA ESPLORAZIONE- INDICAZIONI LUOGO------------------ */



/* -----------------CONTENITORE FOTO MIG------------------ */

.contenitoreLIGHTBOX .contenutoLIGHTBOX{
	max-width:1700px;
	margin:auto;
	padding: 10px 10px;
}

.contenitoreLIGHTBOX .contenutoLIGHTBOX a{
	color:#8A3D3F/* primary color*/;
	text-decoration: none;
	font-weight: normal;
}

.contenitoreLIGHTBOX .contenutoLIGHTBOX a:hover{
	color:#FFFFFF/* primary lightcolor*/;
}

/* -----------------CONTENITORE FOTO MIG------------------ */

.contenitore1400 .contenuto1400{
	max-width:1400px;
	margin:auto;
	padding: 10px 10px;
}

.contenitore1400 .contenuto1400 a{
	color:#8A3D3F/* primary color*/;
	text-decoration: none;
	font-weight: normal;
}

.contenitore1400 .contenuto1400 a:hover{
	color:#FFFFFF/* primary lightcolor*/;
}

/* -------------CASELLE FOTO MIG----------------*/
.struttura-AUTO {
	text-align: center;
}

.struttura-AUTO ul li{
	display: inline-block;
	vertical-align: top;
	width:auto;
  height:auto;
	margin:10px;
	text-align:center;
	background-color:#cccccc;
}

/* -----------------FINE CONTENITORE FOTO MIG------------------ */


/* -----------------INTERVISTA ------------------ */

.contenitoreINTERVISTA .contenutoINTERVISTA{
	max-width:800px;
	margin:auto;
	padding: 10px 10px;
}

.contenitoreINTERVISTA .contenutoINTERVISTA a{
	color:#8A3D3F/* primary color*/;
	text-decoration: none;
	font-weight: normal;
}

.contenitoreINTERVISTA .contenutoINTERVISTA a:hover{
	color:#FFFFFF/* primary lightcolor*/;
}

.contenitoreINTERVISTA .contenutoINTERVISTA  p{font-size:1.2em; font-family:Roboto Slab;text-align:justify; font-weight:normal; font-style:normal; color:#2c2c2c;} /*<p> font testo */




/* -----------------TESTO ------------------ */

.contenitoreSTORIA .contenutoSTORIA{
	max-width:1200px;
	margin:auto;
	padding: 10px 10px;
}

.contenitoreSTORIA .contenutoSTORIA a{
	color:#8A3D3F/* primary color*/;
	text-decoration: none;
	font-weight: normal;
}

.contenitoreSTORIA .contenutoSTORIA a:hover{
	color:#FFFFFF/* primary lightcolor*/;
}

.contenitoreSTORIA .contenutoSTORIA  p{font-size:1.2em; font-family:Roboto Slab;text-align:justify; font-weight:normal; font-style:normal; color:#2c2c2c;} /*<p> font testo */



/* -----------------TESTO MENO LARGO------------------ */

.contenitoreSTORIAMENOLARGO .contenutoSTORIAMENOLARGO{
	max-width:800px;
	margin:auto;
	padding: 10px 10px;
}

.contenitoreSTORIAMENOLARGO .contenutoSTORIAMENOLARGO a{
	color:#8A3D3F/* primary color*/;
	text-decoration: none;
	font-weight: normal;
}

.contenitoreSTORIAMENOLARGO .contenutoSTORIAMENOLARGO a:hover{
	color:#FFFFFF/* primary lightcolor*/;
}

/* -----------------TESTO CONGREGAZIONE------------------ */

.contenitoreCONGREGAZIONE .contenutoCONGREGAZIONE{
	max-width:800px;
	margin:auto;
	padding: 5px 5px;
text-align:left;
}

.contenitoreCONGREGAZIONE .contenutoCONGREGAZIONE a{
	color:#8A3D3F/* primary color*/;
	text-decoration: none;
	font-weight: normal;
}

.contenitoreCONGREGAZIONE .contenutoCONGREGAZIONE a:hover{
	color:#FFFFFF/* primary lightcolor*/;
}