body { margin:0px; padding:0px; }
.btn { font-family: 'Roboto', sans-serif; font-weight:400; border-radius:10px; letter-spacing:2px; padding:15px 20px; box-shadow: 3px 5px 8px 0px rgba(0,0,0,.3);  }
.btn:hover { border-radius:10px; }
.btn-blu { background-color:#028be9; color:#ffffff; border:0px; border-radius:10px;}
.btn-blu:hover { background-color:#028be9; color:#000000; border:0px; border-radius:10px;}
.btn-azzurro { background-color:#028be9; color:#ffffff; border:0px; border-radius:10px;}
.btn-azzurro:hover { background-color:#028be9; color:#000000; border:0px; border-radius:10px;}

.area-oggetti-smarriti { background-color:#ffffff; text-align:center; }
.area-funzionamento { background-color:#ffffff; }
.interazioni-trovato { position:absolute; z-index:3; text-align:center; }
.interazioni-perso { position:absolute; z-index:3; text-align:center; }
.area-servizio-innovativo { background-color:#ffffff; }
.area-lavoro-interna { text-align:center; }
.area-iscrizione { background-color:#0b5dc1; }
.lavoro-testi { text-align:left; }
.registro-sinistra { text-align:left; }
.registro-destra { text-align:right; }
.area-interazioni { background-color:#f3f3f3; }


@media (max-width:767px) {
.btn { font-size:15px;  }

.area-testata { height:238px; background-image:url("/img/sfondo-testata-2.jpg");background-size:1000px; background-position:-340px center; background-repeat:no-repeat; }
.area-testata-uk { height:238px; background-image:url("/img/lost-uk.jpg");background-size:1000px; background-position:-340px center; background-repeat:no-repeat; }
.area-testata-interna { height:120px; background-image:url("/img/sfondo-testata-interna.jpg");background-size:1000px; background-position:-140px center; background-repeat:no-repeat; }
.area-oggetti-smarriti { padding-top:0px; }
.oggetti-smarriti-separa { margin-top:20px; margin-bottom:15px; }
.area-funzionamento { padding-bottom:40px; padding-top:30px; text-align:center; }
.funzionamento-sinistra { padding-top:30px; text-align:center; padding-bottom:30px; }
.area-interazioni { background-color:#f3f3f3;  padding-top:50px; padding-bottom:50px; }
.interazioni-1 { height:201px; background-image:url("/img/sfondo-interazioni-1.jpg"); background-position:top center; background-repeat:no-repeat; text-align:center; padding-top:80px; }
.interazioni-2 { height:201px; background-image:url("/img/sfondo-interazioni-2.jpg"); background-position:top center; background-repeat:no-repeat;  margin-top:110px; text-align:center; padding-top:80px; }
.interazioni-bottone { margin-top:60px; }
.interazioni-trovato { display:none; }
.interazioni-perso { display:none; }
.area-servizio-innovativo { padding-top:0px; padding-bottom:30px; text-align:center; }
.area-domande { height:122px; background-image:url("/img/sfondo-domande-768.jpg"); background-position:top center; background-repeat:no-repeat; padding-top:5px; }
.domande-bottone { padding-top:10px; }
.area-lavoro-interna  { margin-top:30px; margin-bottom:30px; }
.area-iscrizione { padding-top:30px; padding-bottom:30px; }
}


@media(min-width:768px) and (max-width:991px) {
.btn { font-size:15px;  }

.area-testata { height:444px; background-image:url("/img/sfondo-testata-2.jpg"); background-position:top center; background-repeat:no-repeat; }
.area-testata-uk { height:444px; background-image:url("/img/lost-uk.jpg"); background-position:top center; background-repeat:no-repeat; }
.area-testata-interna { height:240px; background-image:url("/img/sfondo-testata-interna.jpg"); background-position:top center; background-repeat:no-repeat; }
.area-oggetti-smarriti { padding-top:50px; }
.oggetti-smarriti-separa { margin-top:20px; margin-bottom:15px; }
.area-funzionamento { padding-bottom:100px; padding-top:35px; }
.funzionamento-sinistra { padding-top:30px; }
.area-interazioni { height:750px; padding-top:40px; }
.interazioni-trovato { width:302px; height:325px; left:36px; top:100px; padding-top:20px; }
.interazioni-perso { width:302px; height:325px; left:385px; top:100px; padding-top:20px; }
.interazioni-bottone { margin-top:20px; }
.area-servizio-innovativo { padding-top:0px; padding-bottom:70px; }
.area-domande { height:122px; background-image:url("/img/sfondo-domande-768.jpg"); background-position:top center; background-repeat:no-repeat; padding-top:25px; }
.domande-bottone { padding-top:20px; }
.area-lavoro-interna  { margin-top:40px; margin-bottom:50px; }
.area-iscrizione { padding-top:40px; padding-bottom:60px; }
}


@media(min-width:992px) {
.btn { font-size:15px;  }

.area-testata { height:494px; background-image:url("/img/sfondo-testata-2.jpg"); background-position:top center; background-repeat:no-repeat; }
.area-testata-uk { height:494px; background-image:url("/img/lost-uk.jpg"); background-position:top center; background-repeat:no-repeat; }
.area-testata-interna { height:240px; background-image:url("/img/sfondo-testata-interna.jpg"); background-position:top center; background-repeat:no-repeat; }
.area-oggetti-smarriti { padding-top:0px; }
.oggetti-smarriti-separa { margin-top:20px; margin-bottom:15px; }
.area-funzionamento { padding-bottom:120px; padding-top:45px; }
.funzionamento-sinistra { padding-top:40px; }
.area-interazioni { height:800px; padding-top:80px; }
.interazioni-trovato { width:392px; height:325px; left:52px; top:147px; padding-top:32px; }
.interazioni-perso { width:392px; height:325px; left:503px; top:147px; padding-top:32px; }
.interazioni-bottone { margin-top:35px; }
.area-servizio-innovativo { padding-top:0px; padding-bottom:110px; }
.area-domande { height:152px; background-image:url("/img/sfondo-domande-992.jpg"); background-position:top center; background-repeat:no-repeat; padding-top:40px; }
.domande-bottone { padding-top:20px; }
.area-lavoro-interna  { margin-top:40px; margin-bottom:50px; }
.area-iscrizione { padding-top:40px; padding-bottom:60px; }
}


@media(min-width:1200px) {
.btn { font-size:15px;  }

.area-testata { height:494px; background-image:url("/img/sfondo-testata-2.jpg"); background-position:top center; background-repeat:no-repeat; }
.area-testata-uk { height:494px; background-image:url("/img/lost-uk.jpg"); background-position:top center; background-repeat:no-repeat; }
.area-testata-interna { height:240px; background-image:url("/img/sfondo-testata-interna.jpg"); background-position:top center; background-repeat:no-repeat; }
.area-oggetti-smarriti { padding-top:0px; }
.oggetti-smarriti-separa { margin-top:20px; margin-bottom:15px; }
.area-funzionamento { padding-bottom:150px; padding-top:60px; }
.funzionamento-sinistra { padding-top:60px; }
.area-interazioni { height:850px; padding-top:90px; }
.interazioni-trovato { width:488px; height:325px; left:55px; top:197px; padding-top:32px; }
.interazioni-perso { width:488px; height:325px; left:627px; top:197px; padding-top:32px; }
.interazioni-bottone { margin-top:60px; }
.area-servizio-innovativo { padding-top:0px; padding-bottom:140px; }
.area-domande { height:152px; background-image:url("/img/sfondo-domande.jpg"); background-position:top center; background-repeat:no-repeat; padding-top:35px; }
.domande-bottone { padding-top:25px; }
.area-lavoro-interna  { margin-top:40px; margin-bottom:50px; }
.area-iscrizione { padding-top:40px; padding-bottom:60px; }
.iscrizione-separa { margin-top:60px; }
.lavoro-testi { margin-top:30px; }
.registro-sinistra { padding-left:30px; }
.registro-destra { padding-right:30px; }

}