::-webkit-scrollbar {width: 0px;}

html {
-ms-overflow-style: -ms-autohiding-scrollbar;
}

html,body {
 padding:0px;
 margin:0px;
 width:100%;
 height:100%;
}


#main{
max-width:1400px;
}

#container {
	margin: 0px auto;
}


.section-wrapper {
			padding-top: 1px; /*distanza da header*/
}
.section-wrapper-i {
			margin-top: 0px;
			padding-top: 0px;
}


ul {
	margin-bottom: 2em;
}
ul {
	margin-left: 1em;
}
ul {
	margin: 0;
	padding: 0;
}

.img-resp {
  display: block;
  margin:0 auto;
  max-width: 100%;
  height: auto;
}




@media only screen and (min-width: 668px) and (max-width: 1920px) { 
.logo{text-align:center;width:400px;height:30px;line-height:30px;float:left; }
.social{width:99%;height:0px;}
.img-logo {width:300px;height: auto;padding:6px;}
h2 {
   position: relative;
   top: -47px;
   left: 0;
   width: 100%;
   margin: 0 auto;
   width: 300px;
   height: 20px;
   color:#ffffff;
}
.wrap2cl div{border: 0px solid #c0c0c0;width: 46%;margin-bottom:40px}
.wrap3cl div {border: 0px solid #c0c0c0;width: 30%;margin-bottom:40px;}
.wrap4cl div {border: 0px solid #e1e1e1;width: 23%;margin-bottom:40px;}
.section {
margin-top:108px;
background-color:#ffffff;
/*
 border-radius:6px;
 box-shadow: 1px 1px 1px 0px #777;
-webkit-box-shadow: 1px 1px 1px 0px #777;
-moz-box-shadow: 1px 1px 1px 0px #777; 
*/
}
.section-i {
	margin-top:0px;
	background-position: center top; background-image: url('img/top-shadow.png'); background-repeat: no-repeat;
	margin-bottom:-109px;
	background-color:#ffffff;
/*
  border-radius:6px;
  box-shadow: 1px 1px 1px 0px #777;
 -webkit-box-shadow: 1px 1px 1px 0px #777;
 -moz-box-shadow: 1px 1px 1px 0px #777; 
*/
}

body{
background: url("img/textured.jpg");
font: 14px/1.5 Helvetica, Arial, sans-serif;
}
.img-resp-title{
/*
border-radius:6px 6px 0 0;
*/
}
}


@media only screen and (min-width: 240px) and (max-width: 667px) {
.social{width:99%;height:13px;}
.logo{text-align:center;width:100%;height:30px;line-height:30px;float:left;}
.img-logo {width:150px;height: auto;padding:6px;}
h2 {
   position: relative;
   top: -33px;
   left: 0;
   width: 100%;
   margin: 0 auto;
   width: 300px;
   height: 20px;
   color:#ffffff;
}
.wrap2cl div {border: 0px solid #c0c0c0;width: 96%;float: none;margin-bottom:40px}
.wrap3cl div {border: 0px solid #c0c0c0;width: 96%;float: none;margin-bottom:40px;}
.wrap4cl div {border: 0px solid #e1e1e1;width: 80%;float: none;margin-bottom:20px;}
.section {
margin-top:108px;
border: 0px solid #ccc;
background-color:#ffffff;
border-bottom:1px solid #cccccc; 
}
.section-i {
	margin-top:0px;
	background-color:#ffffff;
	margin-bottom:-100px;
	/*background-position: center top; background-image: url('img/top-shadow.png'); background-repeat: no-repeat;*/
}

body{
background:#f0f0f0; 
font: 14px/1.5 Helvetica, Arial, sans-serif;
margin:0;
}
.img-resp-title{
border-radius:0 0 0 0;
}
}


.testo{
font-family:arial;
font-size:1.0em;
line-height: 20px; 
padding:16px;
margin-left:25px;
margin-right:25px;
text-align: justify
}

.text{
z-index:1;
}

.colonna2{
vertical-align:top;
display:inline-block;
font-family:arial;
font-size:1.0em;
line-height: 20px; 
padding:9px;
text-align: justify;
}


.cont4{
vertical-align:top;
display:inline-block;
font-family:arial;
font-size:0.9em;
line-height: 20px; 
padding:9px;
text-align: center;
}

.sepa{
width:90%;
background:url(images/border.png) top center repeat-x;
padding:10 0 0 0;
text-align: center;
}

.table-responsive {width: 100%;}
.table-responsive td { border: #cccccc solid 1px; min-width:30px; min-height:50px; text-align: center; line-height:12px;padding: 1px}


.nove {
  color: white;
  text-shadow: 0px 1px 4px #ccc;
}

.otto {
  color: white;
  text-shadow: 0px 1px 3px #000;
}