#MettiamociLaFaccia {
    height: 600px;
    margin-top: 30px;
}

.mettiamociLaFacciaBanner {
    background: url('images/banner.jpg') no-repeat 50% 50%; 
    height: 139px;
    text-align: center;
    margin-bottom: 20px;
}

.mettiamociLaFacciaTitolo1 {
    background: url('images/titolo1.jpg') no-repeat 50% 50%; 
    height: 139px;
    text-align: center;
    margin-bottom: 20px;
}

.mettiamociLaFacciaTitolo2 {
    background: url('images/titolo2.jpg') no-repeat 50% 50%; 
    height: 100px;
    text-align: center;
    margin-bottom: 20px;
}

.mettiamociLaFacciaTitolo3 {
    background: url('images/titolo3.jpg') no-repeat 50% 50%; 
    height: 300px;
    text-align: center;
    margin-bottom: 20px;
}

.mettiamociLaFacciaTitolo4 {
    background: url('images/titolo4.jpg') no-repeat 50% 50%; 
    height: 300px;
    text-align: center;
    margin-bottom: 20px;
}

.mettiamociLaFacciaTasti:hover {
    cursor: pointer;
    box-shadow: 0 0 10px 0px #888888;
}

#TastiPrincipali {
    height: 120px;
    padding: 50px 0;
}

#TastiSecondari {
    height: 150px;
    padding: 50px 0;
}

.mettiamociLaFacciaVerde {
    background: url('images/verde.jpg') no-repeat 50% 50%; 
    height: 122px;
    width: 125px;
    float: left;
    left: 200px;
    position: relative;
}

.mettiamociLaFacciaGiallo {
    background: url('images/giallo.jpg') no-repeat 50% 50%; 
    height: 122px;
    width: 125px;
    float: left;
    left: 300px;
    position: relative;
}

.mettiamociLaFacciaRosso {
    background: url('images/rosso.jpg') no-repeat 50% 50%; 
    height: 122px;
    width: 125px;
    float: left;
    left: 400px;
    position: relative;
}

.mettiamociLaFacciaSec1 {
    background: url('images/sec1.jpg') no-repeat 50% 50%; 
    height: 80px;
    width: 250px;
    float: left;
    left: 150px;
    position: relative;
}

.mettiamociLaFacciaSec2 {
    background: url('images/sec2.jpg') no-repeat 50% 50%; 
    height: 80px;
    width: 250px;
    float: left;
    left: 350px;
    position: relative;
}

.mettiamociLaFacciaSec3 {
    background: url('images/sec3.jpg') no-repeat 50% 50%; 
    height: 80px;
    clear: both;
    left: 370px;
    top: 30px;
    position: relative;
    width: 250px;
}

.mettiamociLaFacciaImgBorder {
    border: 2px solid #CCCCCC;
    border-radius: 5px 5px 5px 5px;
}

.displayNone {
    display: none;
}

#DivVisualizzaStatistiche {
    text-align: center;
    margin-bottom: 30px;
}

#MettiamociLaFacciaStatistiche {
    text-align: center;
    position: relative;
    left: 175px;
}

.statisticheGiudizioVerde {
    background: url('images/verde_small.jpg') no-repeat 50% 50%; 
    height: 50px;
}

.statisticheGiudizioGiallo {
    background: url('images/giallo_small.jpg') no-repeat 50% 50%; 
    height: 50px;
}

.statisticheGiudizioRosso {
    background: url('images/rosso_small.jpg') no-repeat 50% 50%; 
    height: 50px;
}

.statisticheGiudizioPrevVerde {
    background: url('images/verde.jpg') no-repeat 50% 50%; 
    height: 112px;
}

.statisticheGiudizioPrevGiallo {
    background: url('images/giallo.jpg') no-repeat 50% 50%; 
    height: 112px;
}

.statisticheGiudizioPrevRosso {
    background: url('images/rosso.jpg') no-repeat 50% 50%; 
    height: 112px;
}

.tableCell {
    border: 1px solid #000000;
}

.tableCellWidth {
    width: 70px;
}

.tableCellBold {
    font-weight: bold;
    background-color: #E7E7E7;
}

.tableStatistiche {
    border-collapse: collapse;
    width: 650px;
    margin-bottom: 30px;
}

#StatisticheVisualizzate {
    text-align: center;
    font-size: 16px;
    font-weight: bold;
}

#ChartDiv {
    width: 650px;
    height: 400px;
}