@charset "UTF-8";
/* CSS Document */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 400;
  src: local('Open Sans'), local('OpenSans'), url(http://themes.googleusercontent.com/static/fonts/opensans/v7/cJZKeOuBrn4kERxqtaUH3bO3LdcAZYWl9Si6vvxL-qU.woff) format('woff');
}
@font-face {
  font-family: 'PT Sans';
  font-style: normal;
  font-weight: 400;
  src: local('PT Sans'), local('PTSans-Regular'), url(http://themes.googleusercontent.com/static/fonts/ptsans/v6/7YGmE4Ls5b94ct65u07hVQLUuEpTyoUstqEm5AMlJo4.woff) format('woff');
}
    body {width:100%;
    background:#282828;
    font-family: 'Open Sans';
    margin-left:0;}
    input {
        width:90%;
        height:20px;
        margin:3%;
        padding:2%;
    }
    .label {
        width:25%;
    }
	
    #principale {width:100%;
    /*margin-left:15%;*/
    /*margin-right:15%;*/
    background:#eeeeee;
  
    border-top:5px solid #0b4e8f ;
    margin-top:-0.6%;
    padding-bottom:0.1%;
    }
    
    #content{
    width:67%;
    background:black;
    margin-left:16.5%;
    margin-right:16.5%;
   
    }
	
#menu{
    width:67%;
    /*background:#eeeeee;
    /*margin-left:26.5%;
    margin-right:16.5%;
    margin-top:1.5%;*/
    font-family: 'Open Sans';
    margin-bottom:0%;
    position:absolute;
    top:10%;
    left:24%;
    z-index:999999;
    white-space:nowrap;
	
    
    
    }
    #centraltext {
    float:left;width:45%;
    background:white;
    margin-left:15%;
    height:auto;
    padding-top:3%;
    margin-right:3%;
    font-family: 'Open Sans';
    margin-bottom:2%;}
    #total {
    width:20%!important;
    margin-top:-2.35%!important;
    }
    
ul#nav{
margin: 0px;
padding: 1.6%;
list-style: none;
display: block;
/*background:#EEEEEE;*/

}
ul#nav li{
display: inline;
margin:-0.3%;
padding-top:1.6%;
background: #eeeeee;
color: #222222;
text-transform:uppercase;
font-size:15.3px;
font-weight:bold;
/*border-right: 0.5px solid #d6d6d6;*/

}
ul#nav li a{
text-decoration:none;
color: #222222;
padding:1.7% 2.3%;
background:#EEEEEE;
background:url(../sfondotasti.png);
padding-left:1.4%;
padding-right:2.2%;



}
#palo1 {
padding-left:0!important;
padding-right:0!important;
color:#d5d5d5!important;}

#palo1:hover{
padding-left:0!important;
padding-right:0!important;
background:transparent!important;}

ul#nav li:hover{
background:#094C91;
color: white!important;


}
ul#nav li a:hover{
background:#094C91;
color: white;
padding-top:1.6%;



}
#su {
	display: block;
background: white!important;
color: black!important;
font-size: 11px;
margin-left: 20%;
float:right;
font-weight:bold;
}

#testata{
    width:100%;
    background:white;
    /*margin-left:15%;*/
    height:auto;
    /*margin-right:15%;*/
    
    clear:both;
}
#text{
    
    background:white;
    /*margin-left:15%;*/
    height:auto;
    /*margin-right:15;*/
    width:100%;
    font-size:14px;
    
    
    clear:both;}
#text-central{
    width:62%;
    background:white;
    margin-left:15%;
    height:auto;
    padding-top:3%;
    margin-right:5%;
    font-family: 'Open Sans';
    
    clear:both;}
#sidebar{
   
    float:left;width:22%;
    background:white;
    margin-left:1%;
    height:auto;
    padding-top:3.8%;
    margin-right:1%;
    font-family: 'Open Sans';
    float:left;}
    
    
#footer{
    width:100%;
    background:#d3d3d3;
    margin-left:0%;
    height:auto;
    
    clear:both;}
#logo {
    float:left;
    position:absolute;
    width:auto;
    top:3%;
    left:15.5%;
z-index:999;}
#logo img{
    width:100%;
	height:auto;}
.current {
    
    
}
.current a {
    color:#094c91!important;
}
.current a:hover {
    color:white!important;
}
select {
    display:none;
    
}
#tendina {
    position:absolute;
    top:3%;
    right:15.7%;
}
@media screen and (max-width: 970px) {
 
    /* Se lo schermo  inferiore a 800px allora... */
    ul#nav {
        display:none;
    }
    #logo img {
width: 50%;
height: auto;
}

    
    
    select {
        margin-left:12%;
        /*margin-top:20%;*/
        width:75%;
        display:block;
    }
    #principale{
  
    margin-left:0;
    width:100%;
    }
    #sidebar{
   
    float:left;width:75%!important;
    background:white;
    margin-left:15%;
    height:auto;
    padding-top:6%;
    margin-right:1%;
    font-family: 'Open Sans';
    clear:both;}
    
    #testata{
    width:100%;
    background:white;
    margin-left:0;
    height:auto;
    
    clear:both;}
#text{
    width:100%;
    background:white;
    margin-left:0;
    height:auto;
    font-size:14px;
    
    clear:both;}
#footer{
    width:100%;
    background:#d3d3d3;
    margin-left:0;
    height:auto;
    
    clear:both;
    
 
}
#centraltext {
    width:75%!important;
    margin-left:15%;
}
#total {margin-top:0px;
color:black;
font-size:12px;
display:none;}
h1 {
    font-size:16px;
}}
@media screen and (min-width:970px) and (max-width: 1100px) {
    ul#nav li {
    font-size:13px;
    
}
#logo img{
    width:80%;
	height:auto;}}
@media screen and (min-width:1600px) and (max-width: 2000px) {
    .current {
    padding-top:2.3%!important;
    
}
#total {
    margin-top:-2.15%!important;
    
}
.tendina {right:11.9%!important;}}

@media screen and (min-width:1300px) and (max-width: 1350px) {
    #tendina {
    position:absolute;
    top:3%;
    right:15%;

    
}
ul#nav li a{

padding:1.6% 2%;
padding-left:1.4%;
padding-right:2.2%;




}
ul#nav li {font-size:14px;}}
@media screen and (min-width:1200px) and (max-width: 1250px) {
    #tendina {
    position:absolute;
    top:3%;
    right:14.7%;}
    ul#nav li a{

padding:1.6% 1.6%;
padding-left:1.4%;
padding-right:2.2%;





}
ul#nav li {font-size:13.4px;}
    
}
@media screen and (min-width:1250px) and (max-width: 1300px) {
    #tendina {
    position:absolute;
    top:3%;
    right:15.8%;}
ul#nav li a{

padding:1.6% 2%;
padding-left:1.4%;
padding-right:2.2%;



}
ul#nav li {
    font-size:13.4px;
    
}
    
}
@media screen and (min-width:1150px) and (max-width: 1200px) {
    #tendina {
    position:absolute;
    top:3%;
    right:11.9%;

    
}
 ul#nav li a{

padding:1.6% 1.6%;
padding-left:1.4%;
padding-right:2.2%;





}
ul#nav li {
    font-size:13.4px;
    
}
#logo img{
    width:90%;
	height:auto;}}
@media screen and (min-width:1100px) and (max-width: 1150px) {
    #tendina {
    position:absolute;
    top:3%;
    right:14.8%;

    
}ul#nav li {font-size:13px;}
ul#nav li a{

padding:1.6%;
padding-left:1.4%;
padding-right:2.2%;



}
#logo img{
    width:80%;
	height:auto;}}
@media screen and (min-width:1050px) and (max-width: 1100px) {
    #tendina {
    position:absolute;
    top:3%;
    right:13.8%;

    
}ul#nav li {font-size:12px;}
ul#nav li a{

padding:1.6%;
padding-left:1.4%;
padding-right:2.2%;



}}

@media screen and (min-width:1000px) and (max-width: 1050px) {
    #tendina {
    position:absolute;
    top:3%;
    right:11.8%;

    
}ul#nav li {font-size:12px;}
ul#nav li a{

padding:1.6% 1.6%;
padding-left:1.4%;
padding-right:2.2%;



}
#menu{
    width:70%;
}
#principale {
    padding-bottom:0px!important;  
}}
 
@media screen and (min-width:960px) and (max-width: 1000px) {
    #tendina {
    position:absolute;
    top:3%;
    right:12.4%;}
    #principale {
    padding-bottom:0px!important;
    }

    
ul#nav li {font-size:11px;}
ul#nav li a{

padding:1.6% 1.6%;




}
#logo img{
    width:70%;
	height:auto;}}

@media screen and (min-width:1900px) and (max-width: 2000px) {
    #tendina {
    position:absolute;
    top:3%;
    right:18%;}
    
ul#nav li {
    font-size:20px;
    
}
    
}

@media screen and (min-width:1800px) and (max-width: 1900px) {
    #tendina {
    position:absolute;
    top:3%;
    right:17.5%;}
    ul#nav li {
    font-size:19px;
    
}

    
}
@media screen and (min-width:1700px) and (max-width: 1800px) {
    #tendina {
    position:absolute;
    top:3%;
    right:17%;}
    
ul#nav li {
    font-size:18px;
    
}
    
}
@media screen and (min-width:1600px) and (max-width: 1700px) {
    #tendina {
    position:absolute;
    top:3%;
    right:13.4%;}
    ul#nav li {
    font-size:18.4px;
    
}

    
}
@media screen and (min-width:1500px) and (max-width: 1600px) {
    #tendina {
    position:absolute;
    top:3%;
    right:13.7%;}
    ul#nav li {
    font-size:17px;
    
}

    
}
@media screen and (min-width:1400px) and (max-width: 1450px) {
    #tendina {
    position:absolute;
    top:3%;
    right:13.6%;}
    ul#nav li {
    font-size:15.5px;
    
}}
@media screen and (min-width:1350px) and (max-width: 1380px) {
    #tendina {
    position:absolute;
    top:3%;
    right:14.1%;}
  
ul#nav li {
    font-size:15.4px;
    
}
    
}
@media screen and (min-width:1450px) and (max-width: 1500px) {
    #tendina {
    position:absolute;
    top:3%;
    right:18.7%;}
    ul#nav li {
    font-size:15px;
    
}

    
}