html, body, .container {height:100%;}
* { margin: 0 auto 0 auto; }
* { box-sizing:border-box; }
body { background: white; }
.container{  width:100%; max-width:1000px; }
.linea {height:1px;border-width:0;color:#ccc;background:#555; }

/* -------------------------------------------   Definizioni per il Menu Principale */

                            /* questo corrisponde a <!  mentre  -->  corrisponde a  */

.header {
  background: #0292CE; 
  height:40px; 
  padding: 5px 10px;
  margin-bottom:1.7em; 

  }

.menu-top { 
  position:relative; /* servono per l'ombra, non togliere */
  z-index:2;
  width:98%; 
  min-height:30px; 
  padding:10px 10px 10px 10px;
  background:#2D2D2D; 
  box-shadow: 0px 4px 4px 0px rgba(0,0,0,0.4);
}

.menu-sx { float:left; text-align:left; }

.menu-dx{ float:right; text-align:right; }


.menu-top a {
    display:inline-block;
    color: #fff;
    font: normal 12px Arial;	
    text-decoration: none;  
    transition: 0.5s;
    padding:0 .5em;
}

.menu-top  a:hover { color:#0292CE; }
.menu-top  a.activ  { color: #0292CE; }

@media only screen and (max-width: 400px) {
.menu-top a {font: 10px Arial; }
}

@media only screen and (max-width: 350px) {
.menu-sx, .menu-dx  {floatx:none;  width:50%; }
.header { margin-bottom: 4em;  padding: 5px 0; }
.menu-top { width:100%; height:6em; }
.menu-top a {height:1em; width:100%; line-height:100%; padding:0; }
}

/* ------------------------------------- NOTA --- */

.nota {
    width:98%;
    font: bold 15px Arial; 
    color:#fff;
    margin-bottom:5px;
    text-align:right;
}

/* ------------------------------------------------------------ FOOTER ----- */

#footer{           
  max-width:100%;
  padding:20px;
  background-color:transparent;
  color:#333;
  font:12px Arial;
  text-align:center;
}

 /*--------------------------- FONTS */

@font-face {                              
    font-family:"Karma";
    src: url("files/Karma-Light.ttf");
    font-weight: normal;
}


/* ---------------------------------------- patch clearfix */

.clearfix:after{
content:".";
clear:both;
display:block;
height:0;
visibility:hidden;
}

*:first-child+html .clearfix {min-height:0;}
* html .clearfix {height:1%;}
.clearfix:before, .clearfix:after {
content:"";
display:table;}

.clearfix:after {clear:both;}
.clearfix {zoom:1;}
}