@charset "utf-8";

/* ------- PER RIDURRE ICONA LOGIN UTENTE (funziona con l'override html/com_users/login/default_login.php) ------- */
.riduzioneicoaccedipasskey svg#Passkey {
  width: 50px;
}

/* ------- PER SLIDER DELLA HOME ------- */

/* Caption text */
.textslide {
  color: #f2f2f2;
  font-size: 1.6em;
  padding: 8px 12px;
  position: absolute;
  bottom: 8px;
  width: 100%;
  text-align: center;
  font-weight: bold;
}

@media (width <=600px) {
  .slide-caption, .w3-content {
	display: none;  
  }
}

.slide-caption {
  position: absolute;
  bottom: 20px;
  z-index: 10;
  padding-top: 20px;
  padding-bottom: 20px;
  color: #ffffff;
  text-align: center;
  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.6);
  background: rgba(0, 0, 0, 0.5);
  margin-left: -1.5%;
  width: 103%;
}

.author {
  font-size: 0.7em;
}

/* ------- AFFITTO AULE SEVIZI INCLUSI E AGGIUNTIVI ------- */
.servinc4box {
	float: left;
	width: 25%;
	padding: 1em;
	text-align: center;
}
.servagg3box {
	float: left;
	width: 33%;
	padding: 1em;
	text-align: center;
}


/* ------- ASPETTI STANDARD PER TUTTI I LAYOUT E PER 1 COLONNA ------- */
.box4 {
	width: 95%;
	padding: 0.5% 1.5% 1% 2.5%;
	margin: 2.5%;
	background-color:rgba(57, 120, 189, 1);
	border-radius: 10px;
	color: #fff;
}
.box4rif {
	width: 100%;
	padding: 1%;
	margin: 0;
}
.box2, .box1 {
	width: 98%;
	padding: 2%;
	margin: 1%;
    border-style:solid;
	border-color: #b1b0b7;
    border-width:2px;
	border-radius: 10px;
}
/* layout per LANDING PAGE - Aspetti Standard e per 1 COLONNA*/
.box2small { 
	margin: 0 1% 5% 1%;
	padding: 5% 1%;
	border-radius: 10px;
	background-color: rgba(57, 120, 189, 1);
	text-align: center;
	color: #fff;
}
.box2large {
	margin: 0 1% 1% 1%;
	padding: 1%;
	background-color:rgba(255, 255, 255, 0.6);
	border-radius: 10px;
}
.box2small, .box2large {
	font-size: 1.8em;
}
.linea {
	clear: left; 
	border-bottom: 3px solid #cdcece;
	margin-bottom: 5%;
}
.hidemenu ul.nav, .hidemenu small { /*per nascondere main menu e footer bootstrap  - classe applicata a menu visualizzazione pagina*/
	display: none;
}
.menuscroll #t3-mainnav { /*per far scorrere l'header con la pagina - classe applicata a menu visualizzazione pagina */
	position: relative !important;
	top: -55px !important;
}
/* fine layout LANDING PAGE */
div.box2 ol, div.box1 ol, div.numel ol {
	counter-reset:lista;
}
div.box2 h2, div.box1 h2 {
	text-align: center;
	margin-bottom: 0.7em;
}
div.box2 div.h2, div.box1 div.h2 {
	text-align: center;
	margin-bottom: 0.7em;
}
/* PER FORMATTAZIONE NUMERI ELENCHI IN BOX2*/
div.box2 ol > li, div.box1 ol > li, div.numel ol > li {
	list-style:none; 
	position:relative; 
	margin:0 0 2% 4%; 
	padding: 4px 8px;
}
div.box2  ol > li:before, div.box1  ol > li:before, div.numel ol > li:before {
	/* Usare il contatore per aggiungere la numerazione automatica */
	content:counter(lista); 
	counter-increment:lista;
	/* Posizionare e formattare il numero */
	position:absolute;
	top:0px;
	left: -25px;
	width: 25px;
	padding: 2px;
	color:#fff;
	background:#919096;
	border-radius: 5px;
	font-weight:bold;
	text-align:center;
}
/* FINE PER FORMATTAZIONE NUMERI ELENCHI IN BOX2*/
.heghtmenu {
	height: 40px; /* Spazio altezza menù per div prima di per ancore interne con una colonna*/
}
.sfondo1 {
	background-color: #fefee5;
}
.sfondo2 {
	background-color: #f2f9f4;
}
div.box4rif ul{
	list-style-type: none;
	margin: 0;
	padding: 0;	
}
div.box4rif li{
	clear: left;
}
.sizemulticol{
	display: none; /* nasconde quando la colonna è unica */
}
.box { /* per pagina pagamento*/
	width: 100%;
	padding: 2%;
	margin: auto;
    border-style:solid;
	border-color: #b1b0b7;
    border-width:2px;	
	border-radius: 10px;
	text-align: center;
}
.boxt { /* sfondo trasparente */
	background-color:rgba(255, 255, 255, 0.6);
	border-radius: 10px;
	padding: 2% 2% 0 2%;
	margin: 1% 1% 0 1%;
}
.imgslide { /* per immagine fissa sotto i successivi DIV */
	max-width: 100%; 
	margin-top: -95px;
	background-repeat: no-repeat;
}
/* FONT SOPRA IMMAGINI */
.fontslide1, .tornasu, .numchiuso {
	font-family: 'Noto Sans', sans-serif;
}
.fontslide2, div.box4rif a, .sconto, .pulsante1, .pulsante2, .pulsan3, .pulsan4, .titolosezioni {
	font-family: 'Archivo Black', sans-serif !important; /* important è per far prevalere la formattazione nel messaggio di risposta del modulo iscrizione classe .titolosezioni */
}
/* FINE FONT SOPRA IMMAGINI*/
.titolosezioni {
	margin-top: 2%;	
	background-color: #919096;
	color: #ffffff !important; /* important è per far prevalere la formattazione nel messaggio di risposta del modulo iscrizione*/
	border-radius: 5px;
	padding: 1%;
	text-align:center;
	font-size: 1.5em;
}
.numchiuso {
	text-align: center; 
	font-size: 1.2em;
	margin-top: 3em;
	font-weight: bold;
}
.pulsante1, .pulsante2, .pulsan3, .pulsan4 {
	margin: auto;
	border-radius: 10px;
	text-align: center;
	color: #ffffff;
	max-width: 10em;
	font-size: 1.5em;
}
.pulsante1 {
	background-color: #fbc352;
}
.pulsante2 {
	background-color: #9bbeaf;
}
.pulsan3 {
	background-color: #3978bd;
	border: 1px solid #3978bd;	
}
.pulsan4 {
	background-color: #e00014;
	border: 1px solid #e00014;	
}
.colore1 {
	color: #fbc352;
}
.colore2 {
	color: #9bbeaf;
}
div.pulsante1 a:link, div.pulsante2 a:link, div.pulsan3 a:link, div.pulsan4 a:link, div.pulsante1 a:visited, div.pulsante2 a:visited, div.pulsan3 a:visited, div.pulsan4 a:visited {
	color: #fff;
}
div.pulsante1:hover, div.pulsante2:hover, div.pulsan3:hover, div.pulsan4:hover, div.pulsante1:hover a:link, div.pulsante2:hover a:link, div.pulsan3:hover a:link, div.pulsan4:hover a:link, div.pulsante1:hover a:visited, div.pulsante2:hover a:visited, div.pulsan3:hover a:visited, div.pulsan4:hover a:visited {
	color: #838287;
}
div.pulsan3:hover, div.pulsan4:hover {
	background-color: #fff;
	border: 1px solid #838287;
}
div.pulsante1:active, div.pulsante2:active, div.pulsan3:active, div.pulsan4:active {
	background-color: #838287;
}
img.sconto {
	float: right !important;
	max-width: 100px;
}
.sconto {
	color: #b0111c;
	font-size: 200%;
}
/* PER ANCORE INTERNE*/
.tornasu {
	padding-top: 1%;
	text-align: center;
}
.imgico {
	margin: 0px 5px 0 0;
	max-width: 100px;
	float: left !important;
}

/* PER TOGLIERE DOPPIONE PULSANTE NERO 'BACK TO TOP'*/
div#toTop {
	display: none !important;
}
.garanzie {
	clear: left;
}
div.box2 td img, div.box1 td img {
	max-width: 28px;
}
/* ------- DIFFERENZE LAYOUT COLONNE MULTIPLE ------- */
@media only screen and (min-width: 500px) {
	.box4 {
		height: 10em;
		width: 48%;
		margin: 1%;
		float: left;
	}
	.box4rif {
		height: 8em;
		width: 50%;
		float: left;
	}
	.titolosezioni {
		font-size: 1.5em;
	}
	.pulsante1, .pulsante2, .pulsan3, .pulsan4 {
		font-size: 1.5em;
	}
	/* layout per LANDING PAGE medium*/
	.box2small, .box2large { 
		height: 200px;
		overflow: auto;
		float: left;
		width: 48%;
	}
	.box2large {
		font-size: 1.3em;			
	}
	/* fine layout LP medium */
}

@media only screen and (min-width: 1000px) {
	.box4 {
		width: 23%;
		float: left;
	}
	.box4rif {
		height: 100%;
	}
	.box2 {
		width: 48%;
		float: left;
	}
	.box1 {
		width: 60%;
		margin: 1% 20%;
	}
	.size1col {
		display: none; /* nasconde quando il layout è con più colonne */
	}
	.sizemulticol{
		display: inline; /* mostra quando il layout è con più colonne */
	}
	.pulsante1, .pulsante2, .pulsan3, .pulsan4 {
		font-size: 2em;
	}
	.titolosezioni {
		font-size: 2em;
	}
	#sidebar {
		float: right;
	}
	.menugaranzie {
		background-color:rgba(255, 255, 255, 0.5);
		border-radius: 10px;
		width: 150px;
		margin: 0 1% 0 1%;
		padding: 1em;
		position: fixed; 
		top: 15%;
		right: 0;
	}
	div.menugaranzie .titolosezioni {
		font-size: 1em;
	}
	.xmenugaranzie {
	width: 85%;
	}
	div.menugaranzie .imgico {
	max-width: 60px;
	}
	/* layout per LANDING PAGE max*/
	.box2small { 
		width: 38%;
	}
	.box2large {
		width: 58%;
	}
	.box2small, .box2large {
		font-size: 1.8em;		
	}
	/* fine layout LP max*/
}