/* CSS */
@font-face {
    font-family: 'titolopilates'; 
    src: url('/font/horatiodlig.woff') format('woff');
}

@font-face{
    font-family: 'testopilates';
    src: url('/font/centurygothic.woff') format('woff');
}

body{}
img{border:0;}

#finestra{width:950px;
            margin:20px auto;
            border: 1px solid #cccccc;
            border-radius:15px;
            padding:4px;
}

#banner{background-image:url('/images/banner.png'); 
        background-repeat:no-repeat;
        background-position: center top; 
        background-size:100% 100%;
        border-top:3px solid rgba(100,100,100,0.2);
        border-left:3px solid rgba(100,100,100,0.2);
        border-top-left-radius:10px;
        font-family:titolopilates; 
        font-weight:600;
        font-size:50px;
        box-shadow:0 3px 2px #dddddd;
        padding-left:15px;
    
    
} 
        
#scritta_stott{font-size:14px; 
        letter-spacing:-1px;
        position:relative; 
        left:40px; top:-9px;}
    
#contenuto{display:flex; 
        margin-top:3px; 
        overflow:hidden; /* serve per browser che non supportano flex*/
        border-bottom:3px solid rgba(100,100,100,0.2);
        border-right:3px solid rgba(100,100,100,0.2);
    
}
#menu{float:left; width:200px; box-sizing:border-box; position:relative;}
#menu a{padding-left:4px;
        box-sizing:border-box; 
        display:block;
        width:100%;
        text-decoration: none;
        font-family:titolopilates; 
        font-size:18px;
        font-weight:600;
        letter-spacing:-1px;
        
    height:35px;
    line-height: 35px; 
    border-bottom:1px solid #dddddd;
    border-left:3px solid #dddddd;
    border-right:3px double #dddddd;
    position:relative;
}
#menu a span{    display:inline-block;
    width:0;
    height:100%;
    position:absolute;
    left:0;
    top:0;
    background-color:#9acc99;
    z-index:-3;
    
}

#menu a img{width:12px; height:12px; margin-right:4px; }


#menu a:link,#menu a:visited{}
#menu a:hover{color:white; }
#menu a:active{}



#destra{float:left; width:750px; box-sizing:border-box; display:flex; justify-content:space-between;  overflow:hidden;}

#sotto_contenuto{text-align:center; font-size:26px; font-family:titolopilates; color:#bbb;}

.telefono{text-decoration:none;}

#fuori_finestra{text-align:center; font-size:20px; font-family:titolopilates; color:#bbb;}

.contenitore_foto{position:relative;  }
.foto_aura{z-index:10;  width:100%;}
.foto_reale{z-index:30; position:absolute; top:0; left:0; width:100%; display:none; }
.sfondo_bianco{z-index:20; position:absolute; top:0; left:0; width:100%; height:100%; box-sizing:border-box; background-color:white;}

.verde{color:#9acd9a;}
.grigio{color:#aaaaaa;}

.testo{margin:0; padding:4px;}
.testo h2{font-family:titolopilates; font-size:28px; margin: 0 0 0 0; text-align:left;}
.testo h5{font-family:testopilates; color:#9acd9a; font-size:13px; margin: 0 0 0 0; padding:0; text-align:left; font-weight:bold;}
.testo p{font-family:testopilates; font-size:12px; text-align:justify; margin:0 0 7px 0; padding:0;}
.testo ul{font-family:testopilates; font-size:12px; text-align:left}
.testo a{text-decoration:none; color:#9acd9a; font-weight:bold;}
.testo table tr{background-color: #E1EFE0;}
.testo table tr:nth-child(even){background-color: #ADD5B0;}
.testo table th{font-family:testopilates; color:#9acd9a; background-color:white; font-size:13px; margin: 0 0 0 0; padding:2ex 2px 2px 2px; text-align:left; font-weight:bold; }
.testo table td{font-family:testopilates; color:black; line-height:20px; font-size:12px; text-align:justify; margin:0 0 0 0; padding:2px;}

table.timetable th{text-align:center; vertical-align:top !important;}
table.timetable td{vertical-align:top !important; text-align:left; padding:3px; margin:0;}
table.timetable td a{}
table.timetable td a img{height:1em;}
table.timetable td div{margin:0; padding:0 1px 5px 1px; border:1px solid white;}

/*  HOME */
#contenitore_piccoli_banner{width:190px; box-sizing: border-box; padding-left:14px; padding-top:8px;}
.piccoli_banner{width:100%; min-height:20px; box-sizing: border-box; border:2px solid #cecece; border-radius:13px;
                font-family:testopilates; padding:5px; margin: 0 0 10px 0; cursor:pointer; 
}
.piccoli_banner img{width:100%; margin:0; padding:0; }
.piccoli_banner h4{color:white;  margin:0 0 7px 0; padding:0; background-color:#9acd9a; font-size:12px; font-weight:bold; text-align:center;}
.piccoli_banner p{font-size:12px;  margin:0; padding:0; text-align:center; letter-spacing:-1px;}

/* WHAT IS PILATES */

/* TIMETABLE*/
.elenco_timetable{display:block; margin:0; text-align:center; width:100%; padding:8px 0;}


#bottone_menu{font-size:30px; text-align:center; padding:1px; border:0px solid #9acd9a; border-radius:9px; margin:3px; cursor:pointer; display:none}
.hamburger{width:35px; height:5px; background-color:#9acd9a; margin: 6px auto;}

/* ==== mobile =======*/
@media only screen and (max-width: 900px) {
  .contenitore_foto{display:none;  }
  #finestra{width:100%;}
  #destra{width:80%; overflow-x: auto;}
  #tabella_book{width:100%;}
  #div_faq{width:100%;}
  #bottone_menu{display:block !important;}
  #menu{display:none;}
}