* {
    box-sizing: border-box;
    padding:0; 
    margin:0;}

html{
     height: 100%; 
     /*serve per fare tutte le dimensioni in %. Devono essere così tutti i padri*/
}

body {
    font-family: Arial;
    margin: auto;
    padding: 0;
    color:#2B3856;
    width:100%;
    height: 100%;
    max-width: 1366px;
}

    body a:link, a:visited{color: blue;}


/*Impostazioni generali*/

a, input, label, select {cursor:pointer;}
a {color:#2B3856; text-decoration:none;}
th {height:18px; color:#2B3856; background:#AAAAFF; cursor:default;}
td {vertical-align:top;}
tr:nth-child(odd) {background-color: #b2ebf2;}
tr:nth-child(even) {background-color:#e0f7fa;}

legend {padding: 3px 6px;}

h1 {font:bold 3em 'arial,sans-serif'; padding:4px 0px; text-shadow:0.2em 0.3em 0.2em #888; text-align:center;}
h2 {font:bold 2em 'arial,sans-serif';}
h3 {font:bold 13px 'arial,sans-serif';}
h4 {font:bold 1.0em 'arial,sans-serif';}
h5 {font:bold 1.5em 'arial,sans-serif';}
h6 {font:bold 1.0em 'arial,sans-serif';}

label {
    text-align: right;
    font-size: .8rem;
}
ul{
    padding-left: 20px;
}
.neretto{font-weight: bold;}
.corsivo{font-style: italic;}
.maiuscolo{text-transform: uppercase;}    
.centrato{text-align: center;}
.bordo{
        border-color: cornflowerblue;
        border-width: medium;
        border-style: solid;
        border-radius: 20px;
    }
.noScreen{display:none;}
.nonvisibile { visibility: hidden; }
.visibile { visibility: visible; } 
.titolo{font-size: 1.5em;list-style-type:none;}

/*// Sezioni = per tutti ====================================*/
/*.sitoflex {
  display: flex;
  flex-direction: column;
    width:100%;
}*/
.sitoflex {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
    width:100%;
}
.corpoflex {
  flex: 1;
}
.corpoIndexflex{
  flex: 1;  
  display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-align-content: center;
    -ms-flex-line-pack: start;
    align-content: center;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;   
}
    .corpoIndexflex:after{
        content: "";
        display: table;
        clear: both;
    }
.corpoIndexflex-elemento3, .corpoIndexflex-elemento2{
   width: 45%
    }
    .corpoIndexflex-elemento1{
        width: 30%;
    }

.header {
    text-align: center;
    background-color: #fbfbfc;
}
    .logoHeader{
        width: 60%;
        padding: 5px;
    }
    .cartelloHeader{
        width: 20%;
    }
    .logoHeaderOggi{
        position: relative;
        height: 100%;
        padding: 5px;
        left: 170px;
    }
.navMenu{
    width: 96%;
    margin-left: auto;
    margin-right: auto;
}
.rigamenu{
    color:#6495ED;
    width:100%;
    height: 0.5em;   
    background-color: #6495ED;
    margin-top:0;
    margin-bottom:0;
    margin-left: auto;
    margin-right: auto;
}
.menuOr {
    font-weight: bold;
}
    .menuOr ul {
                margin:0px;
                padding-left:10px;
                overflow:hidden;
                list-style-type:none;        
                float:left;
                width:auto;
                color: black;
                clear: both;
        }
    .menuOr ul li{
            float:left;
            color: black;
    }
    .menuOr ul a:link, ul a:visited {
            display:block;
            padding-right: 15px;
            padding-left: 15px;
            text-decoration: none;
            color: black;
            text-transform:uppercase;
    }

    .contMenu{
        position: relative;
        width: 12.5%;
    }
    .contMenuTit{
        position: relative;
    }
    
        .contMenu:hover  .descrMenu{
            visibility: visible;
            opacity: 1;    
        } 

    .descrMenu{
        visibility: hidden;  opacity: 0;
        position: absolute;
        top: 93%;
        left: 0;
        background-color: #f6f68d;;
        text-align: center;
        padding: 5px;
        border: 2px;
        border-style: solid;
        border-radius: 10px;
        border-color: #2136da;
    }
          
    .iconeMenu{
        width: 30%;
    }        
        
.corpo{
    width: 96%;
    margin-left: auto;
    margin-right: auto; 
}
    
    .corpo:after{
        content: "";
        display: table;
        clear: both;
    }

.row {
    /*display: flex;  equal height of the children */
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            /*justify-content: flex-start;*/
    -webkit-box-orient:  horizontal;
    -webkit-box-direction:  normal;
        -ms-flex-flow:  row wrap ;
            flex-flow:  row wrap ;
    display: -webkit-box;
    -display: -moz-box;
    display: -ms-flexbox;
    /*display: -webkit-flex;*/
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;}

.row::after {
  content: "";
  clear: both;
  display: table;
}
.colMenu {
  /*flex: 0; */
}
.col{
    flex:1;/* = flex-grow: 1  flex-shrink: 1  flex-basis: 0 */
}

form {
    margin:auto;
}    
.footer {
    text-align: center;
    background: lightskyblue;
    width: 96%;
    margin-left: auto;
    margin-right: auto;
}
    .fPrimaColonna{
        width:13%;
    }
    .fSecondaColonna{
        width:50%;
    }

    .fTerzaColonna {
        width:37%;
    }
    .logoFooter{
        width:70%;
        padding: 5px;
    }
    .logoUniter{
        width: 80%;
        padding: 5px;
    }

    /*Pagina index*/
    .colIndex {   
        float: left;
        min-width: 300px;
        height: 75%;
    }

        .colIndexImgFormato{
            width: 96%;
            height: auto;
            margin: 2%;
        }
        .colIndexTesto{
            font-style:italic;
            font-weight: bold;
            /*font-family: cursive;*/
            text-align: justify;
            padding: 20px;
            margin: 10px;
        } 
        .colIndexTestoBordo{
            border-width: thick;
            border-style: groove;
            border-radius: 30px;            
            border-color: cornflowerblue;
        }        
    
/*Pagina  Associazioni ====================================*/
    .elencoAssociazioni{
    margin-left: auto;
    margin-right: auto;
    }
        .elencoAssociazioni table{
            border-collapse: collapse; 
            margin-left: auto;
            margin-right: auto;
        }
        .elencoAssociazioni tr{
            padding: 5px;
            border: 2px solid #24734f;
            border-collapse: collapse;
        }
        .elencoAssociazioni th, td {
            padding: 5px;
            border: 2px solid #24734f;
            border-collapse: collapse;
        } 

/*Pagina  AttivitaDate ====================================*/
    .calendarioAttivita{
        align-items: center;
        margin-left: auto;
        margin-right: auto;
        padding:20px;
    }
        .calendarioAttivita table{
            border-collapse: collapse;
            width: 100%;
    }
        .calendarioAttivita tr{
            padding: 5px;
            border: 2px solid #24734f;
            border-collapse: collapse;
        }
        .calendarioAttivita th, td {
            padding: 5px;
            border: 2px solid #24734f;
            border-collapse: collapse;
        } 
        
/*Pagina Attività ====================================*/
    .profiloAttivita{                     
        font-family: cursive;
        padding: 10px;
    }
    
    .colSxApa {   
        float: left;
        width: 50%;
        height: 75%;
        font-family: monospace;
        font-style: italic;
        font-size: larger;
    }
    .colDxApa {
        margin-left: 50%;
        padding-left: 20px;
        font-family: monospace;
        font-style: italic;
        font-size: larger;
    }

    .elencoAttivitaAssociazioni table{
        margin-left: auto;
        margin-right: auto;
        border-collapse: collapse;
    }
        .elencoAttivitaAssociazioni td:nth-child(1){
            width: 3%;
        }
        .elencoAttivitaAssociazioni td:nth-child(2){
            width: 21%;
        }
        .elencoAttivitaAssociazioni td:nth-child(3){
            width: 15%;
        }
        .elencoAttivitaAssociazioni td:nth-child(4){
            width: 8%;
            white-space:nowrap;        
            text-align: center;
        }
        .elencoAttivitaAssociazioni td:nth-child(5){
            width: 8%;        
            text-align: center;
        }
        .elencoAttivitaAssociazioni td:nth-child(6){
            width: 5%;
            text-align: center;
        }
        .elencoAttivitaAssociazioni td:nth-child(7){
            width: 15%;
        }
        .elencoAttivitaAssociazioni td:nth-child(8){
            width: 8%;
            text-align: center;    }
        .elencoAttivitaAssociazioni td:nth-child(9){
            width: 9%;
            text-align: center;
        }
        .elencoAttivitaAssociazioni td:nth-child(10){
            width: 5%;
            text-align: center;
        }
        .elencoAttivitaAssociazioni td:nth-child(11){
            width: 5%;
            text-align: center;
        }
        .elencoAttivitaAssociazioni th, td {
            padding: 5px;
            border: 2px solid #24734f;
            border-collapse: collapse;
        } 
    .messUniter{
        border: #3F51B5;
        border-width: medium;
        border-style: solid;
        font-weight: bold;
        text-align: center;
        background-color: navajowhite;
        padding: 20px;
    }
        
/*Pagina Attivitaoggi  e attività giorno====================================*/
.elencoAttivita table{
    /*width: 100%;*/
    border-collapse: collapse;
    margin-left: auto;
    margin-right: auto;
}
    .elencoAttivita td:nth-child(1){
        width: 4%;
        text-align: center;
    }       
    .elencoAttivita td:nth-child(2){
        width: 17%;
    }
    .elencoAttivita td:nth-child(3){
        width: 25%;
    }
     
    .elencoAttivita td:nth-child(4){
        width: 25%;
    }
    .elencoAttivita td:nth-child(5){
        width: 15%;
        white-space:nowrap;        
        text-align: center;
    }
    .elencoAttivita td:nth-child(6){
        width: 7%;        
        text-align: center;
    }
    .elencoAttivita td:nth-child(7){
        width: 7%;        
        text-align: center;
    }
    
    .elencoAttivita th, td {
        padding: 5px;
        border: 2px solid #24734f;
        border-collapse: collapse;
    }     

/*Pagina Calendario ====================================*/
    
    .contMenuGrande{
        flex-grow: 2;
        text-align: center;
        min-width: 200px;
    } 
    
    .larghMin{
        min-width: 250px;
   }
    .larghHome{
        min-width: 160px;
   }
    .elencoScelta{
       width: 90%;
   }
    .popup2 {
        visibility: hidden;
        width: 30%;
        background-color: yellow;
        color: blue;
        text-align: left;
        padding: 5px ;
        border-radius: 6px;
        z-index: 1;
        position:fixed;
        top: 10%;
        left: 35%;
        border: 3px solid blue;
        opacity: 0;
        transition: opacity 0.3s;
    }
    
    .iconeLente{
        float: right;
        width:20%; 
    }
    .boxCalendario{
        width:98%; 
        border-collapse:collapse;  
        margin-left: auto;
        margin-right: auto;
    }
    .boxCalendario .dCol7 {width:14.28%;}    
    .boxCalendario th {border: 2px solid ; overflow:hidden;}
    .boxCalendario td {border: 2px solid #808080 ; overflow:hidden;}
    
    .nelMese {background:#e2f4ff;}
    .nonMese {background:white;font-size: 0.8em;}
    .festivo{background: #eacdf3;font-size: 0.8em;}
    .giornolavorativo {color:#2B3856; background:#FFFFDD;}
    .nomiSettimana{font-family: "Verdana"; }
    .evento{margin:2px;;font-family:  monospace}
    .evento:hover .popup2 {
        visibility: visible;
        opacity: 1;
    }
    .evento:hover{
      background-color: yellow;
    }

    #evento:hover #popup {
      display: block;
        background-color: yellow;
        position:relative;
        top:25px;
        right:25px;
    }  

table.mgrid td.holder{vertical-align:top; width:16%; padding:2px;}

table.grid {width:98%; border-collapse:collapse; table-layout:fixed;margin-left: 1%;}
table.grid .wkCol {width:25px;}
table.grid .tCol {width:50px;}
table.grid .dCol {}
table.grid .dCol7 {width:14%;}
table.grid .tColBg {background: gray;}
table.grid tr.monthWeek {height:120px;}
table.grid tr.yearWeek {height:40px;}
table.grid th {border: 1px solid ; overflow:hidden;}
table.grid td {border: 1px solid #808080 ; overflow:hidden;}
table.grid td.wnr {border:none; vertical-align:middle; background:yellowgreen; text-align:center;}
table.grid td.giornolavorativo {font-family: monospace;color:#2B3856; background:#FFFFDD;padding-left: 2px;}
table.grid td.giornofestivo {color:black; background:red;}

table.grid td.blank {border:none; background:rgba(0,0,0,0);}
table.grid td.today {border:1px solid #0000FF ; color:#2B3856; background:#EEEEFF;}
table.grid td.slday {border:1px solid ; color:white; background:black;}


/*Pagina Preventivo ====================================*/
    .pagPrevent{
        font-size: 1em;
        line-height: 1.3em;
        border-radius: 2em;
        padding: 1em;
        box-sizing: border-box;
        margin: 1%;
        border: solid black 2px;
        min-width: 300px;
    }
    .raccoltaDati{
        background: #F1F8E9;
    }
    .risultati{
        background: #eeeeff;
    } 
    .outRisultati{
        text-align: right;
        padding-right: 2px; 
        width: auto;
    }
    #costoAula{
        /*serve per javascript*/
        width:60%;
    }

    .preventivo{
        display: flex;
        align-items:stretch;
        justify-content: flex-start;
        flex-flow:  row wrap ;
        display: -webkit-box;
        -display: -moz-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        -webkit-flex-flow: row wrap;
    }
    .cOraInizio{
        float: left;
        width: 50%;
    }
    .cOraFine{
     margin-left: 40%;
        width: 60%;   
    }
    .scelteRadio{
        border: 2px;
        border-color:blue;
        border-radius: 6px;
        border-style: solid;
        padding: 10px;
    }

    #tdurataMess{
        /*serve per calcolo preventivo*/
        background-color: red;
        line-height: 2em;
    }
    
    #aperto{
        position: absolute;
        top: 100px;
        left:200px;
    }

    #costoP{
        text-align: right;
        padding-right: 2px;
        width: 5em;
    }
    #vediCostoAula{
    /*serve per js*/
    }
    #vediMaggiorazione{
    /*serve per js*/
    }
    #nrEventi{
        width:3em;
        text-align: right;
        padding-right: 2px;
    }
    input[type="number"] {
        /*per togliere freccine*/
      -webkit-appearance: textfield;
      -moz-appearance: textfield;
      appearance: textfield;
    }
    input[type=number]::-webkit-inner-spin-button,
    input[type=number]::-webkit-outer-spin-button {
      -webkit-appearance: none;
    }
    input[type="time"] {
      -webkit-appearance: textfield;
      -moz-appearance: textfield;
      appearance: textfield;
      width: 45%;
    }
    input[type=time]::-webkit-inner-spin-button,
    input[type=time]::-webkit-outer-spin-button {
      -webkit-appearance: none;
    }


/*Pagina attivita_scheda_corpo*/
    .rif {
        display : inline;
        color : #0000FF;
        font-weight : bold;	
        font-style : italic;
    }
    .scheda table{
        margin-left: auto;
        margin-right: auto;
        border: #3F51B5;
        border-width: medium;
        border-style: solid;
    }
        .scheda table td {
            border : 1px solid black;
            padding: 10px;
        }

        .scheda table tr:nth-child(odd) {
            background-color: #cfeff3
        }
        .scheda table tr:nth-child(even) {
            background-color: #eaeaea
        } 
        
    #scheda table span {
        display: block;
        color: #0000FF;
        font-weight: bold;
        font-style: italic;
    }

    
@media screen and (max-width: 1200px) {
}

@media screen and (max-width: 992px) {
    .titolo{font-size: 1.5em;}
}

@media screen and (max-width: 768px) {

}

@media screen and (max-width: 600px) {
    .fPrimaColonna{width:0%;}
    .titolo{font-size: 0.8em;}
    .iconeLente{width: 35%}
}

@media print{
    .elencoAttivitaAssociazioni table{font-size: 0.7em; margin-left: 20mm; margin-right: 15mm;}
    .elencoAssociazioni table{font-size: 0.8em; margin-left: 20mm; margin-right: 15mm;}
    .elencoAttivita table{font-size: 0.8em; margin-left: 20mm; margin-right: 15mm;}
    .risultati{margin-left: 20mm;margin-right: 15mm;}
    .footer{margin-left: 20mm;margin-right: 15mm;font-size: 0.7em;}

    .nonstampa{display:none;}
    .stampa{display: inline-table;}
    .noScreen{display: inline-table;}
    .header{height: 13%;}
    .fSecondaColonna{width:40%;}
    .logoUniter {height: 50%;}
    .logoFooter{height: 70%; margin-left: 0px;}
    .titolo{margin-left: 20mm}
}