/* ===================================================================
   Versione E — solo le differenze fra la pagina integrata e la demo.
   stima.css porta gia' tutto il resto, racchiuso in .stima.
   =================================================================== */

/* main.css: section.navigation{position:fixed;height:80px;z-index:20} — a
   ogni larghezza, non solo su telefono. Essendo fuori dal flusso non occupa
   spazio, quindi il blocco deve riservarglielo da se': senza questa riga i
   primi 80px della pagina finiscono sotto il menu.
   (Sul sito succede gia' oggi: su valutazione-immobile-milano.php a 402px
   l'<h1> sta a 30px dal bordo, cioe' dietro il menu. Qui non lo ripetiamo,
   ma la correzione sul sito e' una decisione di Mediem: il menu e' condiviso
   da tutte le pagine.) */
.stima{padding-top:80px}

/* Le ancore devono fermarsi sotto il menu fisso, non sotto il suo bordo. */
.stima #zone,.stima #modulo,.stima #quartieri,.stima #dati,.stima #faq,.stima #zpanel{
  scroll-margin-top:96px;
}

/* reset.css azzera i margini di tutto e mette line-height:1 sul body: dentro
   il blocco li rimettiamo noi (lo fa gia' la regola su .stima), ma il blocco
   ha bisogno di staccarsi dall'intestazione e dal pie' di pagina del sito. */
.stima{margin:0 0 40px}

/* ===================================================================
   Quello che i fogli del sito impongono dentro il blocco.
   Sono poche regole ma tutte di solo elemento (section p, section h2,
   section h3, article, article img): battono le nostre solo dove noi
   non dichiariamo nulla e lasciamo ereditare. Senza queste righe il
   testo va al centro, prende un altro corpo e un altro colore, e le
   fotografie degli immobili venduti guadagnano margini che non hanno.
   Elencate una per una invece di azzerare tutto: cosi' si vede quale
   regola del sito si sta correggendo e perche'.
   =================================================================== */
/* main.css: section p{text-align:center;margin:0 auto;font-size:1.1em;
   padding:10px 0;line-height:1.5em;color:#333}
   mobile.css aggiunge padding:10px 20px, che sfonderebbe l'allineamento
   con la griglia. */
/* Selettore volutamente basso (.stima p, non .stima section p): deve
   bastare a battere le regole di solo elemento del sito, e perdere contro
   ogni regola nostra piu' specifica. Con .stima section p pareggiava con
   .stima details p e spegneva il corpo dei testi delle FAQ. */
.stima p{
  text-align:inherit;margin:0;padding:0;
  font-size:inherit;line-height:inherit;color:inherit;
}
/* main.css: section h2/h3{text-align:center;padding:...}
   Il corpo e il peso li vinciamo gia' per specificita': restano da
   rimettere allineamento e spaziatura. */
.stima h2,.stima h3{text-align:inherit;padding:0}
/* main.css: article{margin:10px 0 100px} e article img{width:100%;
   height:auto;margin:20px 0} — le schede degli immobili venduti hanno
   gia' il loro rapporto d'immagine. */
.stima article{margin:0}
.stima .scard .ph img{margin:0;height:100%;width:100%}
