/* style.css — noleggioimpianti.it
   Ricostruito il 10/09/2026.

   PERCHE'. Questo file era referenziato da 16.818 pagine e rispondeva 404.
   Non era solo un problema estetico: le pagine dichiarano nel proprio
   <style> in linea

       .style8 { color: #FFFFFF; ... }

   e senza questo foglio il fondo pagina resta bianco. Verificato sul vivo
   il 10/09/2026 su /service/conferenze/Conferenza_Abano_Terme.htm:
   colore calcolato del testo rgb(255,255,255) su fondo bianco. Tutto il
   corpo del testo era invisibile, per i lettori e per il renderer di
   Google.

   Da qui le due scelte di questo file:
     1. fondo scuro dichiarato su html e body — e' il presupposto del
        testo bianco gia' presente nelle pagine;
     2. colore di testo chiaro come default ereditato, cosi' anche gli
        elementi che NON dichiarano un colore restano leggibili.

   Nessun riferimento a immagini o font esterni: ogni URL in piu' sarebbe
   un altro 404 da servire su 16.818 pagine.

   Colori presi da quelli gia' usati in linea nelle pagine stesse
   (#93CEEE per gli accenti) e dal foglio moderno del sito (#ed391b). */

/* ---------- base ---------- */

html {
	background: #101a20;
}

body,
body.main {
	background: #101a20;
	color: #e6edf1;
	font-family: "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
	font-size: 16px;
	line-height: 1.7;
	-webkit-font-smoothing: antialiased;
}

p, ul, ol, dl {
	margin: 0 0 1.2em 0;
}

a {
	color: #93ceee;
	text-decoration: underline;
}

a:hover,
a:focus {
	color: #c3e5f7;
	text-decoration: none;
}

strong, b {
	font-weight: 700;
	color: #ffffff;
}

em, i {
	font-style: italic;
}

hr {
	border: 0;
	border-top: 1px solid #22323c;
	margin: 2em 0;
}

/* ---------- intestazione e logo ---------- */

h1 {
	margin: 0;
	padding: 1.4em 0 0.6em 0;
	text-align: center;
}

h1 a,
h1 a.logo,
a.logo {
	display: inline-block;
	color: #ffffff;
	font-size: 1.9em;
	font-weight: 300;
	letter-spacing: 0.04em;
	text-decoration: none;
	line-height: 1.2;
}

h1 a.logo:hover {
	color: #93ceee;
}

/* ---------- menu ---------- */

.menu-bg {
	background: #0b1418;
	border-top: 1px solid #22323c;
	border-bottom: 1px solid #22323c;
	padding: 0 0 2em 0;
}

ul.menu {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	gap: 0.2em 1.4em;
	list-style: none;
	margin: 0 0 1.6em 0;
	padding: 0.9em 0;
	border-bottom: 1px solid #22323c;
}

ul.menu li {
	margin: 0;
}

ul.menu li a {
	display: inline-block;
	padding: 0.35em 0.2em;
	color: #cfe0e9;
	font-size: 0.98em;
	text-decoration: none;
	text-transform: uppercase;
	letter-spacing: 0.05em;
	border-bottom: 2px solid transparent;
}

ul.menu li a:hover,
ul.menu li a.active {
	color: #ffffff;
	border-bottom-color: #93ceee;
}

/* ---------- titoli di contenuto ---------- */

h2, h3, h4, h5, h6 {
	color: #ffffff;
	font-weight: 400;
	line-height: 1.35;
	margin: 0 0 0.7em 0;
}

h2 {
	font-size: 1.45em;
}

h3 {
	font-size: 1.2em;
}

h2.letter,
h3.letter {
	color: #93ceee;
	font-weight: 600;
	margin-bottom: 0.8em;
}

h2.letter strong,
h3.letter strong {
	color: #ffffff;
}

/* I paragrafi del corpo sono marcati h2.style8 nel sorgente originale:
   sono testo corrente, non titoli. Vanno resi come testo, altrimenti la
   pagina e' una sequenza di titoloni. */
h2.style8,
h3.style8 {
	font-size: 1em;
	font-weight: 400;
	color: #dfe8ee;
	text-align: justify;
	margin-bottom: 1.3em;
}

/* ---------- classi in linea delle pagine ---------- */

.style7 {
	font-size: 16px;
}

.style8 {
	color: #ffffff;
	font-weight: normal;
	text-align: justify;
}

.style11 {
	color: #ffffff;
}

.style13 {
	color: #93ceee;
	font-weight: bold;
}

.style14 {
	color: #ffffff;
	font-weight: bold;
}

.ic {
	display: block;
	clear: both;
}

/* ---------- miniature ---------- */

ul.thumbs {
	display: flex;
	flex-wrap: wrap;
	gap: 1.2em;
	list-style: none;
	margin: 0 0 1.8em 0;
	padding: 0;
}

ul.thumbs li {
	flex: 1 1 260px;
	margin: 0;
}

ul.thumbs a.thumb {
	display: block;
	border: 1px solid #22323c;
	border-radius: 3px;
	overflow: hidden;
	line-height: 0;
}

ul.thumbs a.thumb img {
	display: block;
	width: 100%;
	height: auto;
}

ul.thumbs a.thumb:hover {
	border-color: #93ceee;
}

/* ---------- contatti in evidenza ---------- */

a[href^="tel:"] {
	color: #ffb9a8;
	font-weight: 700;
	white-space: nowrap;
	text-decoration: none;
}

a[href^="tel:"]:hover {
	color: #ed391b;
}

/* ---------- pie' di pagina ---------- */

footer {
	margin-top: 2.5em;
}

.footer-bg {
	background: #0b1418;
	border-top: 1px solid #22323c;
	padding: 1.6em 1em;
	color: #9fb3bd;
	font-size: 0.9em;
}

.footer-bg a {
	color: #93ceee;
}

.footer-bg p {
	margin: 0 0 0.6em 0;
	line-height: 1.6;
}

/* ---------- adattamento agli schermi piccoli ----------
   Insieme al <meta name="viewport"> aggiunto alle pagine il 10/09/2026,
   e' cio' che rende queste pagine leggibili su telefono. Senza il meta,
   queste regole non vengono nemmeno consultate: il browser finge una
   finestra da 980px. */

@media screen and (max-width: 900px) {

	body,
	body.main {
		font-size: 15.5px;
	}

	h1 a.logo {
		font-size: 1.6em;
	}

	h2 {
		font-size: 1.3em;
	}
}

@media screen and (max-width: 640px) {

	ul.menu {
		gap: 0.2em 0.9em;
		padding: 0.7em 0;
	}

	ul.menu li a {
		font-size: 0.9em;
		letter-spacing: 0.03em;
	}

	h2.style8,
	h3.style8,
	.style8 {
		text-align: left;
	}

	h1 {
		padding-top: 1em;
	}

	h1 a.logo {
		font-size: 1.35em;
	}
}