body{font-family:Arial,sans-serif;color:#333;line-height:1.166;margin:0px;padding:0px}

a{text-decoration:none}
img{max-width:100%;height: auto}
table {width:100%;border:1px solid #0099cc;border-collapse:collapse}

#wrapper{width:999px;margin:0 auto;background:#fff}#header{width:960px;    float:left;padding:20px 20px 20px 20px;background:blue}

#mainmenu{width:100%;float:left;background:#5d5d5d}

#main{width:920px;  float:left;padding:20px 0px 0px 0px}

#site-title{font-family:sans-serif;font-weight:400;font-size:30px;padding:0px 15px;text-transform:uppercase;float:left;color:#fff}
#site-title a{font-family:sans-serif;font-weight:400;font-size:30px;padding:0px 15px;text-transform:uppercase;float:left;color:#fff}
#site-title a:hover{background:none}

#mainmenu ul{margin:0px 0 0px 0px;float:left;width:100%;list-style:none}


#mainmenu ul li{float:left;margin:0 0px 0 0;position:relative}

#mainmenu a{color:#fff;display:block;font:10px;padding:20px 5px;font-family:sans-serif;text-transform:uppercase;text-decoration:none; border-right: 1px solid blue}

#mainmenu a:hover{background:blue}

.btn-responsive-menu{display:none;float:right;padding:5px;cursor:pointer;margin:0px 20px 0 0;color:#fff;text-shadow:0 -1px 0 rgba(0,0,0,0.25);background:#333;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px}.icon-bar{display:block;width:18px;height:2px;margin:5px;background-color:#f5f5f5;-webkit-border-radius:1px;-moz-border-radius:1px;border-radius:1px;-webkit-box-shadow:0 1px 0 rgba(0,0,0,0.25);-moz-box-shadow:0 1px 0 rgba(0,0,0,0.25);box-shadow:0 1px 0 rgba(0,0,0,0.25)}.show{display:block!important}

.style1 {color: blue; font-family:arial black;font-weight: bold;}

#footermenu ul{margin:0px 0 0px 0px;float:left;width:100%;list-style:none}
#footermenu ul li{float:left;margin:0 0px 0 0;position:relative}
#footermenu a{color:#fff;display:block;font-size:15px; /* font:10px; */ 
padding:20px 5px;font-family:sans-serif;text-transform:uppercase; text-decoration:none; border-right: 1px solid blue}
#footermenu a:hover{background:blue}#footermenu{width:100%;float:left;background:#5d5d5d}

a:link,a:visited,a:hover{color:#069}
h1,h2,h3,h4,h5{font-family:Arial,sans-serif;margin:0px;padding:0px}
h1{font-family:Verdana,Arial,sans-serif;font-size:120%;color:#334d55;line-height:normal}
h2{font-size:100%;color:#03f}h3{font-size:100%;color:#03f}h4{font-size:100%;font-weight:bold;color:#0066cc}
h5{font-size:100%;font-weight:bold;color:#0066cc}
ul{list-style-type:square}ul ul{list-style-type:disc}ul ul ul{list-style-type:none}
#masthead{margin:0;padding:10px 5px;border-bottom:1px solid #ccc;width:100%} 

#content{float:left;width:95%;margin:0;padding:3% 3% 3% 3%;font-family:Arial,sans-serif;font-size:100%;color:#333;line-height:1.166}

#siteName{margin:0px;padding:0px 0px 10px 10px}#pageName{padding: 20px 0px 10px 10px}

.feature{padding:0px 0px 10px 10px;font-size:100%}
.feature h3{padding:30px 0px 5px 0px;text-align:center}
.feature img{float:left;padding:0px 10px 0px 0px;margin:0 5px 5px 0}

@media (min-width:1200px){#wrapper{width:1170px;margin:0 auto}#header{width:1130px;float:left;padding:20px 20px 20px 20px}#mainmenu{width:100%;float:left}#main{width:1130px;float:left;padding:20px 20px 20px 20px}} 

@media (min-width:768px) and (max-width:980px){body{font-size:90%}/* testo piccolo*/ #wrapper{width:748px;margin:0 auto}#header{width:708px;float:left;padding:20px 20px 20px 20px}#mainmenu{width:100%;float:left}#main{width:708px;float:left;padding:20px 20px 20px 20px}
#sectionLinks a:link{padding:2px 0px 2px 2px; width:80%} #sectionLinks a:hover{border-top:1px solid #ccc;background-color:blue}} 

@media (max-width:767px) {body{padding:10px;background:#fff; font-size:90% /* testo piccolo*/}#wrapper{width:100%;margin:0 auto}
#header{width:100%;padding:20px 0 20px 0px}#mainmenu{width:100%;float:left}#main{width:100%;float:left;padding:20px 0 0 0}#site-title a{font-size:25px;margin-left:10px}#mainmenu{display:none}#mainmenu ul li{float:none}.btn-responsive-menu{display:block}