body
{
    background-color:#000;
    /*background: linear-gradient(to right, #011329 0%, #00528B 50%, #011329 100%);*/
    background-image: url('../img/bg_left.png');
    background-repeat: repeat-y;

    color: #5A5A5A;

    font-size: 14px;
    letter-spacing: 1px;
}


.clear{clear: both}

#main{
    margin: 0;padding: 0;
    margin-top: 20px;
    border-radius: 6px;
}

header{height: 50px}

section section, footer
{
    border: 1px solid #777;
    border-radius: 6px;
    background-color: #111;
    padding-left: 2%;
    padding-right: 2%;
    overflow: hidden;
    box-shadow: 0 0 8px 2px #555;
}

footer{text-align: center; margin-top: 20px; padding-top: 12px; padding-bottom: 12px;}

div.title{
    color:#cf7ecf; font-size: 16px; font-weight: bold; margin-bottom: 10px; margin-top: 10px;
}
div.content{
    font-family: Arial,Verdana,Helvetica,sans-serif;
    color:#7394a9; 
    /*color:#967676;*/
    font-size: 12px; font-weight: normal; padding-bottom: 6px;
}
div.dotted-divider{
    border-top: 1px dotted #777; 
    margin-top: 10px;
    margin-bottom: 30px;
}

/* elementi */
a{color:#00CFAF;text-decoration: none;}
a:hover{color:#70FF9F;text-decoration: none;}

h1{margin: auto; margin-top: 8px; margin-bottom: 4px; color:#60D0FF; font-size: 140%}
h2{margin: auto; margin-top: 8px; margin-bottom: 4px; color:#60D0FF; font-size: 120%}
h3{margin: auto; margin-top: 8px; margin-bottom: 4px; color:#60D0FF; font-size: 100%}

p strong{color:#70FF9F;}

ul {margin-left: 10px;}

li { margin-bottom: 6px;}


ul#navUl li {font-size: 20px; font-weight: bold;}
ul#navUl .button{
    background-color: #000; color:#60D0FF; float: left;border: 1px solid #60D0FF; border-radius: 6px; 
    text-align: center; font-weight: normal; cursor: pointer; color:#60D0FF;
    margin-bottom: 10px;  margin-left: 1%; margin-right: 1%; padding-top: 6px;
    height: 32px; width: 47%;
} 

ul#navUl .selectedButton{
    background-color: #000; color:#ff80ff; float: left; height: 32px; border: 1px solid #aa60aa; border-radius: 6px;  
    text-align: center; font-weight: normal; cursor:context-menu;
    margin-bottom: 10px; margin-left: 1%; margin-right: 1%; padding-top: 6px;
    height: 32px; width: 47%; 
    box-shadow: 0 0 9px 2px #ff80ff;}

ul#navUl .button:hover{color:#70FF9F; border-color:  #70FF9F; cursor: pointer;}



#back-to-top{display: none; position: fixed; bottom: 6px;right: 10px; z-index: 9999; opacity:0.5;

}


.nav-link{
    height: 32px;
    margin: 4px 4px 4px 4px;
    padding: 4px 4px 4px 4px;
    border: 1px solid #777; border-radius: 6px;  
}
.nav-link:hover{color:#70FF9F; border-color:  #70FF9F; cursor: pointer;}
.nav-link-selected{  
    height: 32px;
    margin: 4px 4px 4px 4px;
    padding: 4px 4px 4px 4px; 
    background-color: #000; color:#cf7ecf;
    border: 1px solid #aa60aa; border-radius: 6px;  
    text-align: center; font-weight: normal; 
    cursor:context-menu;
    /*margin-bottom: 10px; margin-left: 1%; margin-right: 1%; padding-top: 6px; */ 
    box-shadow: 0 0 9px 2px #904990;}

/* Media Queries */
@media screen and (max-width: 1023px) {
}

@media screen and (max-width: 767px) {
   ul#navUl li {font-size: 20px; padding-top: 4px;}
  	ul#navUl .button  {width: 100%; margin-left: 0px; margin-right: 0px; font-size: 110%; font-weight: bold; height: 28px; padding-top: 8px;}
  	ul#navUl .selectedButton {width: 100%; margin-left: 0px; margin-right: 0px; font-size: 110%; font-weight: bold;height: 28px;  padding-top: 8px;}
}

@media screen and (max-width: 480px)
{
  body{background-image: none;}
  header{height: 50px;}
  
  #logo{max-width: 350px; width: 96%;}

  section {margin: 0; padding: 0}
  section section{margin: 0; padding: 4}
  ul#navUl li {font-size: 18px; padding-top: 4px; }
  ul#navUl .button{ width: 98%;}
  ul#navUl .selectedButton{ width: 98%;}
  ul#navUl .tabMenu{width: 98%}
  ul#navUl .tabMenuSelected{width: 98%}
 
  /*#back-to-top{right: 44%;}*/
}