/* CSS Document */
/*
        https://coolors.co/f1f7ed-243e36-7ca982-e0eec6-c2a83e
*/
* {
    font-family:Arial, Helvetica, sans-serif;
    font-size:1em;
    margin: 0;
    padding: 0;
}

h1 {
    font-size:2em;
    text-align:center;
    color: #243e36;
    background-color: #e0eec6;
    padding: .5em;
}


h2 {
    font-size:1.2em;
    text-align:center;
    color: #523518;
    font-weight: bold;
    padding: .5em;
}

h3 {
    font-size:1.1em;
    text-align:center;
}

h4 {
    font-size: 1em;
    margin-top: 1em;
}

a {
    color: #243e36;
    text-decoration: underline;
    font-weight: bold;
}

.fascia1 {

    text-align:center;
}

.fascia2 {
    background-color:#FFFFFF;
    text-align:center;
}

.fascia3 {
    background-color:#EBEBEB;
    text-align:center;
}

.totale {
    font-weight:bold;
    text-align:center;
}

.matricola {
    text-align:center;
}

.tabella_piccola {
    width:40%;
}

#tabelle {
    width:80%;
    margin:auto;
    margin-bottom:5em;
}

table {
    width:90%;
    margin:auto;
    margin-bottom: 5em;
    margin-top: 1em;
}

.list-table1 {
    width:97%;
}
td {
    border-bottom:#333 solid .1em;
    height: 1.8em;
    text-align: center;
    /*		width:18%; */
}

td.cella_larga {
    width: 50%;
    padding-left: 1em;
    font-weight: bold;
}

td.cella_media {
    width: 30%;
    padding-left: 1em;
    font-weight: bold;
}

.cella_stretta {
    width: 10%;
    padding-left: 1em;
    font-weight: bold;

}

th {
    border:#999999 solid .1em;
    padding:.4em;
    text-transform:uppercase;
    width:18%;
}

.pari {
    background-color:#FFFFFF;
}
.dispari {
    background-color:#f0f0f0;
}

.anomalo {
    background-color:#CC88A7;
}
.anomalo_light {
    background:#E3C4DB;
}
li {
    margin:1em;
    list-style:none; 
    margin-left: 4em;
}

li.ordinata {
    list-style: decimal;
}

ul.menu, ul.nav {
    text-align: center;
}
ul.menu li, ul.nav li {
    background-color: #F1F7ED;
    text-align: center;
    margin: .3em;
    padding: 1em;
}

ul.nav li ul li {
    background-color: #73621d;
}

ul.day {
    width: 20em;
    float:left;
    margin: 1em;
}

ul.nav li.cena {
    background-color: #E8E5DA;
}

.cena {
    background-color: #E8E5DA;    
}
.pranzo {
    background-color: #ABBDE4;    
}

ul.nav li.pranzo {
    background-color: #ABBDE4;
}

ul.menu li a, ul.nav li a {
    color: white;
    text-decoration: none;
    font-weight: bold;
    font-size: 1em;

}


#home_link {
    background-color: #eaeaea;
}

.orizzontale li {
    display: inline;
    width:9%;
    line-height: 4em;
}

.verticale li {
    margin: 1em;
    padding: 1em;
}

#link {
    margin:auto;
    text-align:center;
    padding:1em;
}

tr.alta {
    height:6em;
    vertical-align:top;
}

p {
    margin:0;
    padding:0;
}

#data {
    display:none;
}

.data {
    margin: 1em;
}

.no_video {
    display:none;
}

#form_centrato {
    margin:10%;
    margin-top: 1%;
}

.completo.totale_pari {
    background-color:#C2EED3;
}

.completo.totale_dispari
{
    background-color:#71BF72;
}

.incompleto {
    background-color:#FBFFC3;
}


td.nome_soggetto {
    width:50%;
}

td.distanziato {
    padding-left:2em;
}

.destra {
    text-align:right;
}
.sinistra {
    text-align:left;
}

#login {
    padding-left: 15%;
    padding-right:15%;
}

/*
.login label {
        width:15em;
        margin:auto;
        display:block;
        margin-top:1em;
        border:#666666 dashed solid;
        }
        
.login input {
        border:#CCC solid .1em;
                border-bottom:#999 solid .2em;
                                width:20em;
                                padding:.7em;
                                text-align:center;
                                display:block;
margin:auto;
        }*/
.submitButton {
    margin:auto;
    margin-top:2em;
    font-size:.7em;
    padding:.3em;
    display:block;
}

.item_mese {
    display:block;
    font-size:1.5em;
    background-color:#DDF1E6;
    padding:.5em;
    margin:.3em;
    text-align:center;
    text-decoration:none;
    list-style:none;
    padding-left:0;
}


.navigazione {
    display:block;
    margin:1em;
    margin-left:10%;
    margin-right:10%;
    border:solid #666 .1em;
    padding:.5em;
    text-decoration:none;
}

#indice_mesi {
    float:left;
    width:45%;
    margin:2%;
    /* border:solid #666 .1em;*/
}
#indice_mesi ul {
    list-style:none;
    padding-left:0;
}

#riepilogo {
    float:right;
    width:45%;
    text-align:left;
    margin:2%;
    /*	border:solid #666 .1em; */
}

.centrato {
    margin: auto;
    text-align: center;
    padding: .5em;
}
.cultura {
    background-color:#f3cfcf;
}
.telefonia {
    background-color: #d6f2ff;
}
.braille {
    background-color:#dcceff;
}
.comunicazione {
    background-color:#98D8AA;
}
.inform_mattioli {
    background-color:#9AD0C9;
}
.inglese {
    background-color: #E5D0B4;
}
.legislazione {
    background-color: #EBC6E3;
}
.inform_cellucci {
    background-color: #B0BFF8;
}
.mobilita {
    background-color: #e7e7e7;
}
.inform_iuvone {
    background-color: #B3CC96;
}
.centralino {
    background-color: #BBF4EE;
}
.inform_ciaffoni {
    background-color: #F3E88A;
}
.sicurezza {
    background-color: #8FC5C5;
}
.marketing {
    background-color: #CEE496;
}
.francese {
    background-color:#D8D8D8;

}
.stage {
    background-color: #B2E3CD;
}

.nascosto {
    position: absolute;
    left: -2000px;
}

/*	Regole legate soprattutto al pannello amministrativo di Marco F  */
/* Logo Cavazza */
.header {
    text-align: center;
    min-height: 5em;
}
.header img {
    margin: auto;
    width: 10%;
}
/* Fine logo Cavazza */

.sidebar1 {
    width: 20em;
    float: left;
}

.sidebar1 p {
    margin-left: 1em;
}

.content {
    min-height: 50em;
    position: relative;
    margin-left: 22em;
    padding-left: 1em;
    padding-right: 1em;
    padding-bottom: 2em;
}

.container .content {

    padding: 0;
}

.footer {
    padding: 1em;
    padding-top: 2.5em;
    padding-bottom: 2.5em;
    margin: auto;
    text-align: center;
}

hr {
    display: none;
}

/* Fine regole pannello Marco F */

/*
        Regole ispirate da pagine menu
*/

.largo {
    margin: 2%;
}

.headersx {
    float: left;
    margin: 1em;
}

.headerdx {
    float: right;
    margin: 1em;
}

/* td */
.minw {
    width: 2%;
}

.maxw {
    width: 10%;
}

i {
    font-size: 2em;

}

.maiuscolo {
    text-transform: uppercase;
}

.contenitoredx {
    width: 50%;
    color: #000;
    float: left;
}

.contenitoresx {
    width: 50%;
    color: #000;
    float: right;
}

#contentLogin {
    margin: 3em;
    text-align: center;
}

.Primo td {
    border-bottom: solid .05em #ad953b;
    /*	background-color:#ADE3D6; */
}

.Secondo td {
    border-bottom: solid .05em #3C7300;
    /*	background-color:#F4F6BA; */
}

.Contorno td {
    border-bottom: solid .05em #0051A6;
}

.Dolce td{
    border-bottom: solid .05em #760B0D;
}

.Piatto td {
    border-bottom: solid .05em  #8E00BC;
}



h2.Primo, i.Primo {
    color: white;
    background-color: #ad953b;
    text-transform: uppercase;
}

h2.Secondo, i.Secondo {
    color: white;
    background-color: #3C7300;
    text-transform: uppercase;
}
h2.Contorno, i.Contorno {
    color: white;
    background-color: #0051A6;
    text-transform: uppercase;
}
h2.Dolce, i.Dolce {
    color: white;
    background-color: #760B0D;
    text-transform: uppercase;
}
h2.Piatto, i.Piatto {
    color: white;
    background-color: #8E00BC;
    text-transform: uppercase;
}

h2.Pizza, i.Pizza {
    color: white;
    background-color: #243e36;
    text-transform: uppercase;
}


.blurred {
    text-decoration: line-through;
}

.greyed {
    color: white;
    background-color: grey;
    width: 100%;
}


.campo
{
    display:block;
    margin:1em;
}
form {
    padding:0;
    margin: 0;
}


input[type=text],[type=password] { /*
  width: 60%;
  padding: 1em;
  margin: 1em;
  box-sizing: border-box;*/
    -webkit-appearance: none;
    -moz-appearance: none;
    width: 60%;
    padding: 1em;
    margin: 1em;
    border-radius: 4px;
    display:block;
    border: solid .2em black;   
    
}

textarea {
    padding: 12px 20px;
    box-sizing: border-box;
    border: 2px solid #ccc;
    border-radius: 4px;
    background-color: #f8f8f8;
    resize: none;
    width:60%;
    height:5em;
    border: solid .2em black;   
}

select {
    -webkit-appearance: none;
    -moz-appearance: none;
    width: 90%;
    padding: 1em;
    margin: 1em;
    margin-top: 0;
    border: none;
    border-bottom: solid 0.2em #243e36;
    border-left: solid 0.2em #243e36;
    border-right: solid 0.1em #243e36;
    border-top: solid 0.1em #243e36;
    background-color: white;
    
}


label {
   width:50%;
    display:block;
    float:left;
    text-align:left;
    padding: 1em;
    margin: 1em;
    margin-bottom: 0;
    padding-right: .2em;
    margin-right: .2em;

}


fieldset {
    width: 100%;
    padding: 0;
    margin: 0;
    border: none;
    margin-bottom: 3em;
    background-color:#f1f7ed;
}

legend{
    background-color: #e9ddbb;
    width: 100%;
    display: block;
    margin: 0;
    padding-top: 0.5em;
    padding-bottom: 0.5em;
    margin-top: 1.5em;
    
}

input[type=button], input[type=submit], input[type=reset] {
    background-color:#73621d;
    border: solid .2em black;
    color: white;
    padding: 1.2em;
    text-decoration: none;
    margin: 0.5em;
    width: 20em;
    cursor: pointer;
    font-size: 1.1em;
    font-weight: bold;
    text-transform: uppercase;
    
    
}
input[type=radio] {
    margin: 0.5em;
    height: 25px;
    width: 25px;
    border-radius: 50%;
}
div.centrato {
    width: 100%;
    margin: auto;
    padding: auto;
    text-align: center;
}

.Bozza {
    color: #BBA70D;
}
.Pubblicato {
    color: #053819;
}
.Chiuso {
    color: #592020;
    background-color: #e0e0e0;
}

.ingrandito {
    font-size: 1.7em;
    font-weight: bold;
}

.contentmio h2 {
    width: 50%;
    margin:auto;
    text-align: center;
    padding:1em;
}

.contentmio p {
    line-height: 1.7em;
    margin-bottom: 1em;
}

#menu_view h2 {
  /*  border-top: .1em solid #523518; */
    background-color: #e9ddbb;
}

#riepilogoOrdine {
    margin:auto;
    padding: auto;
    width:90%;
    text-align: center;
    font-size: 1.5em;
}

#riepilogoOrdine h3 {
    margin-top: 2em;
    border-bottom: solid black .2em;
}