/*-*********************************/
/*   ASILO SANTA MARIA DELLA CROCE: One Page 		   */
/*-*********************************/
.clear{clear:both;}
.header{display:block; }

body {
 font-size: 20px;
 font-family: 'Lato', sans-serif;
 font-weight: 400;
 line-height: 27px;
 background: white;
 color: #3C3C3B;
}

html, body {
 height: 100%; margin:0; padding:0;
}

a { text-decoration: none; color: inherit; cursor: pointer;}
a:hover {color: #F5A35A;}
#content_main {width: 100%;}

#riga_rossa {width: 100%; padding: 4px 0px; background: #E31313;}
#content_centrale { max-width: 800px; margin: 0 auto;}
#logo_brandingbox { width: 300px; margin: 0 auto; margin-top: 50px;}
#content_centrale h1 {font-size: 30px; color: #E31313; text-align: center; line-height: 37px; margin-bottom: 14px; margin-top: 14px;}
#content_centrale h2 {font-size: 30px; color: #E31313; text-align: center; line-height: 37px; margin-bottom: 14px; margin-top: 14px;}
#content_centrale h3 {font-size: 20px; color: #3C3C3B; text-align: center; line-height: 28px; margin: 0; } 
#content_centrale h4 {font-size: 12px; text-align: center;}
#freccia {width: 52px; margin: 0 auto; margin-top: 20px;}
#input_codice {width: 80%; margin: 0 auto; margin-top: 20px; }
#input_codice  input {width: 100%; border:none; background: #EDEDED; padding: 30px 0px; border-radius: 100px; text-align: center; font-size: 20px;}
#bottone_invio {width: 70%; margin: 0 auto; background: #009FE3; text-align: center; margin-top: 40px; /*padding: 20px 0px;*/ border-radius: 100px; }
#bottone_invio input {width: 100%; background: #009FE3; padding: 20px 0px; color: white; font-size: 20px; border-width: 0px; border-radius: 100px; cursor: pointer;}
.linea_grigia {width: 100%; border-top: 2px solid #EDEDED; margin: 30px 0px 20px 0px; }
#contattaci {width: 100%; text-align: center; font-size: 20px; color: #3C3C3B; line-height: 40px; }
#contattaci span {padding: 5px 10px; background: #FFEA00; border-radius: 100px;}
#icona_video {width: 90px; margin: 0 auto; margin-top: 20px;}
.footer {width: 100%; text-align: center; font-size: 16px; padding-bottom: 20px;}

/* Regole per IE8  */
.lt-ie9 .header {
 background-position: top center;
}



/* RESPONSIVE */

@media screen and (max-width: 400px){
#content_centrale h1 {font-size: 16px; line-height: 25px; width: 90%; margin: 0 auto; margin-top: 10px;}
#content_centrale h3 {font-size: 14px; line-height: 20px; width: 90%; margin: 0 auto;}
#bottone_invio {font-size: 18px;}
}