/* ------------------------- */
/* Pagina index e principali */
/* ------------------------- */
body {
    background-image: url('sfondo.jpg');
    font-family: Arial, Verdana, sans-serif;
    background-color: #369;
    background-repeat: repeat-x;
    background-position: 0px -20px;
    
    
}

a, a:visited {
    color: #036;

}

#boxMaster {
    width:950px;
    margin: 0 auto;
    border:1px solid #333;
    border-radius: 22px 22px 22px 22px;
    background-color: #fff;
    box-shadow:  0px 6px 6px #000; 

}

#boxHeader {
    
    height: 120px;
    background-color: #369;
    background-image: url('bgheader.png');
    border-radius: 20px 20px 0px 0px;
    /*box-shadow:  0px 0px 0px #555,
                 0px 0px 0px #555,
                 0px -0px 0px #555,
                 0px 6px 6px #444;*/
    box-shadow:  0px 6px 6px #444;             
}

#topHeader {
    width:100%;
    
}
#bottomHeader {
    width:100%;
    
}


#logo {
    margin: 20px 70px 0 35px;
    float:left;
}

#slogan {
    padding: 32px 0px 0px 350px;
    color: #fff;
    font-size: 22px;
}


ul.MenuTop {
    clear:both;
    float: right;
    padding: 0;
    margin:5px 10px 0px 0px;
    list-style-type: none;
}

a.MenuTop, a.MenuTop:visited {
    float: left;
    width: 95px;
    height:23px;
    text-decoration: none;
    color: #333;
    background-color: #F5B800;
    border-radius: 15px 15px 0px 0px;
    padding: 7px 9px 1px 9px;
    border-right: 1px solid #eee;
    border-top: 1px solid #eee;
    border-left: 1px solid #eee;
    border-bottom: 0px;
    text-align:center;
    margin: 10px 1px 10px 0px;
}

a.MenuTop:hover {
    background-color: #7094FF;
    color: #fff;
}

li.MenuTop {
    display: inline;
}







#boxPagina {
    margin:0px 20px;

}


#aggiornamento {
    clear:both;
    color: #191;
    font-size: 20px;
    margin: 15px auto;
    text-align:center;
}

#titoloPagina {
    font-size: 25px;
    text-align:center;
    margin:15px;
    color: #369;
}

.boxIcoSudoku {
    float:left;
    margin: 10px 12px 10px 12px;
    border: 2px solid #369;
    border-radius: 20px 20px 20px 20px;
    min-height: 100px;
}



.headerIcoSudoku {
    background-color: #369;
    background-image: url('bgheader.png');
    border-radius: 18px 18px 0px 0px;
    padding: 10px;
    height:10px;
    line-height:10px;
    text-align:center;
    font-weight:bold;
    color:#fff;
}

.icoSudoku {
    border:0px;
    margin: 10px 15px 10px 15px;
    clear:both;
}



/*
.dimIcoCruciverba {
    width: 100%;
    text-align:center;
    color:#555;
    font-weight: bold;
}

.schemaIcoCruciverba {
    height: 26px;
    line-height:26px;
    background-color: #ddd;
    border:1px solid #369;
    border-top:1px solid #000;
    border-bottom: 0px;
    text-align:center;
    border-radius: 0px 0px 18px 18px;
    margin-top:5px;
}
*/




.tipoSudoku {
    font-size: 25px;
    text-align:center;
    margin: 25px 0px 15px 0px;
    color: #444;
    border: 1px solid #ccc;
    background-color: #eee;
}


.adv_300x250 {
    float:left;
    margin: 20px 20px 20px 20px;
}

.titoloParagrafo{
    font-size: 20px;
    font-weight: bold;
    color: #444;
    border: 1px solid #ccc;
    background-color: #eee;
    margin: 20px 0px;
    
}

p.justify {
    font-size: 15px;
    text-align:justify;
}

.tableCookies {
    width:100%;
    border: 1px solid #369;
    padding:0px;
}

.tableCookies tr.titleTableCookies{
    text-align:center;
    background-color: #369;
    color:#fff;
    font-weight:bold;


}

.tableCookies td{
    border: 1px solid #369;
    padding: 5px;
}

.tableCookies tr.pari{
    background-color: #ddd;

}


/* ---------------------- */
/* Sudoku interattivo     */
/* ---------------------- */
.casella {
  border-style: solid;
  border-width: 1px;
  border-color: #369;
  float:left;
  font-family: Arial, Verdana, sans-serif;
  text-transform: uppercase;
  
}

#schemaSudoku {
  border: 1px solid #f00;
  margin:0px;
}


.buttonLettera, .buttonCanc, .buttonFreccia, #cambiaDirezione, #suggerisciLettera, #evidenziaErrori, #cambiaDirezioneDeskt, #suggerisciLetteraDeskt, #evidenziaErroriDeskt {
  width: 85px;
  height:85px;
  float:left;
  font-family: Arial, Verdana, sans-serif;
  font-size: 36px;
  margin:5px;
}

.buttonCanc {
  width: 130px;
  color: #f00;
}
.buttonFreccia {

}
.buttonFreccia img {
    /* border: 1px dashed #0f0; */
    width: 20px;
    height:20px;

}

.pulsantiera {
    width: 950px;
    /*border: 1px dashed #0f0;*/
    
}


#boxDefinizione {
    height: 70px;
    background-color: #ee5;
    border: 2px solid #369;
    font-size: 30px;
    float:left;
    margin:15px 0 0px 0;
   
}

#boxTastiAiutiDeskt {
    margin-left:50px; 
    width:150px;
}




#suggerisciLettera, #evidenziaErrori,  #suggerisciLetteraDeskt, #evidenziaErroriDeskt,  #buttonCancDeskt {
      font-family: Arial, Verdana, sans-serif;  
      width: 210px;
      height: 74px;
      margin: 6px 4px 0px 4px;
      font-size: 24px;
      color: #000;
}



#suggerisciLettera, #evidenziaErrori {
    width: 300px;
    height: 82px;
    font-size: 34px;
}


#definizione {
    margin: 0 8px;
    font-family: Arial, Verdana, sans-serif;
}

#boxIstruzioni {
    clear:both;
    background-color: #ccc;
    border: 2px solid #369;
    font-size: 14px;
    font-family: Arial, Verdana, sans-serif;
    margin:20px 0px 20px 0px;
   
}
#titoloIstruzioni {
    margin:5px;
    font-size: 18px;
    color: #369;
    text-align:center;
   
}
#istruzioni {
    margin:5px;
   
}


#boxSudoku {
    /*border: 1px solid #ccc;*/

}

.pulsantiera button, #boxTastiAiuti button {
    border-radius: 2px 2px 2px 2px;
    background-color: #ddd;
}


#infoBottom {
    height: 40px;
    background-color: #ccc;
    font-size: 18px;
    border-top: 1px solid #000;
    text-align:center;
    color: #036;
    padding-top:16px;
    border-radius: 0px 0px 20px 20px;
}