body{
background: url(images/background.png) no-repeat center center fixed; 
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
color: #000305;
font-size: 87.5%; 
font-family: 'Trebuchet MS', Trebuchet, 'Lucida Sans Unicode', 'Lucida Grande', 'Lucida Sans', Arial, sans-serif;
line-height: 1.429;
margin: 0;
padding: 0;
text-align: left;
}

.body{
clear:both;
margin: 0 auto;
width: 70%;
}

h2 {font-size: 22px}	
h3 {font-size: 20px}
h4 {font-size: 18px}	
h5 {font-size: 16px}
h6 {font-size: 14px}	

h2, h3, h4, h5, h6 {
font-weight: 400;
line-height: 1.1;
margin-bottom: .8em;
}

a {
outline: 0;
}

a img {
border: 0px; 
text-decoration: none;
}

a:link, a:visited {
color: #CF5C3F;
padding: 0 1px;
text-decoration: none;
}

a:hover, a:active {
background-color: #CF5C3F;
color: #fff;
text-decoration: none;
}

.testata nav {
background: #ffc578; /* Old browsers */
background: -moz-linear-gradient(top,  #ffc578 0%, #ffc578 9%, #ffc578 9%, #ffc578 13%, #fb9d23 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffc578), color-stop(9%,#ffc578), color-stop(9%,#ffc578), color-stop(13%,#ffc578), color-stop(100%,#fb9d23)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #ffc578 0%,#ffc578 9%,#ffc578 9%,#ffc578 13%,#fb9d23 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #ffc578 0%,#ffc578 9%,#ffc578 9%,#ffc578 13%,#fb9d23 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #ffc578 0%,#ffc578 9%,#ffc578 9%,#ffc578 13%,#fb9d23 100%); /* IE10+ */
background: linear-gradient(to bottom,  #ffc578 0%,#ffc578 9%,#ffc578 9%,#ffc578 13%,#fb9d23 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffc578', endColorstr='#fb9d23',GradientType=0 ); /* IE6-9 */
font-size: 1.143em;
height: 40px;
line-height: 30px;
margin: 0 auto 30px auto;
text-align: center;
}

.testata nav ul {
list-style: none; 
margin: 0 auto;
}

.testata  nav ul li {
float: left; 
display: inline; 
}
	
.testata  nav a:link, .testata  nav a:visited {
color: #fff;
display: inline-block;
height: 30px;
padding: 5px 23px;
text-decoration: none;
}
.testata  nav a:hover, .testata  nav a:active,
.testata  nav .active a:link, .testata  nav .active a:visited {
background: #CF5C3F;
color: #fff;
text-shadow: none !important;
}	

.testata  div {
background: #ffc578; /* Old browsers */
background: -moz-linear-gradient(top,  #ffc578 0%, #ffc578 9%, #ffc578 9%, #ffc578 13%, #fb9d23 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffc578), color-stop(9%,#ffc578), color-stop(9%,#ffc578), color-stop(13%,#ffc578), color-stop(100%,#fb9d23)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #ffc578 0%,#ffc578 9%,#ffc578 9%,#ffc578 13%,#fb9d23 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #ffc578 0%,#ffc578 9%,#ffc578 9%,#ffc578 13%,#fb9d23 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #ffc578 0%,#ffc578 9%,#ffc578 9%,#ffc578 13%,#fb9d23 100%); /* IE10+ */
background: linear-gradient(to bottom,  #ffc578 0%,#ffc578 9%,#ffc578 9%,#ffc578 13%,#fb9d23 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffc578', endColorstr='#fb9d23',GradientType=0 ); /* IE6-9 */
width: 100%;
height: 170px;
margin: 1% 0;
}

.principale {
overflow: hidden;
line-height: 25px;
border-radius: 5px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
}

.post1 {
background-color: #FFF;
-webkit-border-top-left-radius: 5px;
-webkit-border-top-right-radius: 5px;
-moz-border-radius-topleft: 5px;
-moz-border-radius-topright: 5px;
border-top-left-radius: 5px;
border-top-right-radius: 5px;
padding: 3% 5%;	
margin-bottom: 3%;
overflow:auto;
overflow: hidden;
}

.post2 {
background-color: #FFF;
padding: 3% 5%;
overflow:auto;
overflow: hidden;
margin-bottom: 3%;
}

.post3 {
background-color: #FFF;
padding: 3% 5%;
overflow:auto;
overflow: hidden;
}

.contenuto {
width: 68%;
float: left;
border-radius: 5px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;	
}

.post-info {
font-style: italic;
color: #999;
font-size: 85%;
}

.sidebar1{
width: 24%;
float: left;
margin-left: 2%;
border-radius: 5px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;	
background-color: #FFF;	
padding: 2% 3%;
margin-bottom: 2%;
overflow:auto;
overflow:hidden;
}
.sidebar1 img{
width: 80%;
}

.sidebar2 {
width: 24%;
float: left;
margin-left: 2%;
border-radius: 5px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;	
background-color: #FFF;	
padding: 2% 3%;
margin-bottom: 2%;
overflow:auto;
}

.sidebar2 img{
width: 80%;
}

.sidebar3 {
width: 24%;
float: left;
margin-left: 2%;
border-radius: 5px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;	
background-color: #FFF;	
padding: 2% 3%;
margin-bottom: 2%;
overflow:auto;
}

.sidebar3 img{
width: 80%;
}

.sidebar4 {
width: 24%;
float: left;
margin-left: 2%;
border-radius: 5px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;	
background-color: #FFF;	
padding: 2% 3%;
overflow:auto;
}

.sidebar4 img{
width: 80%;
}

.footer {
width: 100%;
float: left;
margin-top: 2%;
margin-bottom: 2%;
padding-left: 0;
background: #ffc578; /* Old browsers */
background: -moz-linear-gradient(top,  #ffc578 0%, #ffc578 9%, #ffc578 9%, #ffc578 13%, #fb9d23 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffc578), color-stop(9%,#ffc578), color-stop(9%,#ffc578), color-stop(13%,#ffc578), color-stop(100%,#fb9d23)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #ffc578 0%,#ffc578 9%,#ffc578 9%,#ffc578 13%,#fb9d23 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #ffc578 0%,#ffc578 9%,#ffc578 9%,#ffc578 13%,#fb9d23 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #ffc578 0%,#ffc578 9%,#ffc578 9%,#ffc578 13%,#fb9d23 100%); /* IE10+ */
background: linear-gradient(to bottom,  #ffc578 0%,#ffc578 9%,#ffc578 9%,#ffc578 13%,#fb9d23 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffc578', endColorstr='#fb9d23',GradientType=0 ); /* IE6-9 */
color: #FFF;	
}

.footer p {
width: 91%;
margin: 2% auto;
}

.footer a:hover {
background:none;
}


/* RESPONSIVE */


@media only screen and (min-width : 150px) and (max-width : 780px)
{
	.body {
		clear: both; 
		margin: 0 auto; 
		width: 90%;
		font-size: 90%;
	}
	
	.testata nav {
		background: #ffc578; /* Old browsers */
		background: -moz-linear-gradient(top,  #ffc578 0%, #ffc578 9%, #ffc578 9%, #ffc578 13%, #fb9d23 100%); /* FF3.6+ */
		background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffc578), color-stop(9%,#ffc578), color-stop(9%,#ffc578), color-stop(13%,#ffc578), color-stop(100%,#fb9d23)); /* Chrome,Safari4+ */
		background: -webkit-linear-gradient(top,  #ffc578 0%,#ffc578 9%,#ffc578 9%,#ffc578 13%,#fb9d23 100%); /* Chrome10+,Safari5.1+ */
		background: -o-linear-gradient(top,  #ffc578 0%,#ffc578 9%,#ffc578 9%,#ffc578 13%,#fb9d23 100%); /* Opera 11.10+ */
		background: -ms-linear-gradient(top,  #ffc578 0%,#ffc578 9%,#ffc578 9%,#ffc578 13%,#fb9d23 100%); /* IE10+ */
		background: linear-gradient(to bottom,  #ffc578 0%,#ffc578 9%,#ffc578 9%,#ffc578 13%,#fb9d23 100%); /* W3C */
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffc578', endColorstr='#fb9d23',GradientType=0 ); /* IE6-9 */
		font-size: 1.143em;
		height: 240px;
		line-height: 30px;
		margin-bottom: 4%;		
	}
		
	.testata nav ul {
		list-style: none; 
		margin: 0 auto;
		padding-left: 0;
	}
	
	.testata nav li {
		margin-left: 0 auto;
		width: 100%;
	}
	
	.testata nav a:link, .mainHeader nav a:visited {
		color: #FFF;
		display: block;
		height: 30px;
		padding: 5px 0;
		text-decoration: none;
	}
	
	.testata nav a:active,
	.testata nav .active a:link, .testata nav .active a:visited {
		background: #CF5C3F;
		color: #fff;
		text-shadow: none !important;
	}
			
	
	.testata div {
		background: #ffc578; /* Old browsers */
		background: -moz-linear-gradient(top,  #ffc578 0%, #ffc578 9%, #ffc578 9%, #ffc578 13%, #fb9d23 100%); /* FF3.6+ */
		background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffc578), color-stop(9%,#ffc578), color-stop(9%,#ffc578), color-stop(13%,#ffc578), color-stop(100%,#fb9d23)); /* Chrome,Safari4+ */
		background: -webkit-linear-gradient(top,  #ffc578 0%,#ffc578 9%,#ffc578 9%,#ffc578 13%,#fb9d23 100%); /* Chrome10+,Safari5.1+ */
		background: -o-linear-gradient(top,  #ffc578 0%,#ffc578 9%,#ffc578 9%,#ffc578 13%,#fb9d23 100%); /* Opera 11.10+ */
		background: -ms-linear-gradient(top,  #ffc578 0%,#ffc578 9%,#ffc578 9%,#ffc578 13%,#fb9d23 100%); /* IE10+ */
		background: linear-gradient(to bottom,  #ffc578 0%,#ffc578 9%,#ffc578 9%,#ffc578 13%,#fb9d23 100%); /* W3C */
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffc578', endColorstr='#fb9d23',GradientType=0 ); /* IE6-9 */
		width: 100%;
		height: auto;
		margin-bottom: 3%;
	}
	
	.principale {
		overflow: hidden;
		line-height: 25px;
		border-radius: 5px;
		-moz-border-radius: 5px;
		-webkit-border-radius: 5px;
		margin-top: 4%;
		margin-bottom: 2%;
	}
	
	.post1 {
		background-color: #FFF;
		-webkit-border-top-left-radius: 5px;
		-webkit-border-top-right-radius: 5px;
		-moz-border-radius-topleft: 5px;
		-moz-border-radius-topright: 5px;
		border-top-left-radius: 5px;
		border-top-right-radius: 5px;
		padding: 2% 5%;
		margin-bottom: 4%;
		overflow: hidden;
	}
	
	.post2 {
		background-color: #FFF;	
		padding: 2% 5%;
	}
	
	.post3 {
		background-color: #FFF;	
		padding: 2% 5%;
	}
	
	
	.contenuto {
		width: 100%;
		float: left;
		border-radius: 5px;
		-moz-border-radius: 5px;
		-webkit-border-radius: 5px;	
	}	

	.post-info {
		display: none;
	}
	
	.sidebar1 {
		width: 86%;
		float: left;
		border-radius: 5px;
		-moz-border-radius: 5px;
		-webkit-border-radius: 5px;	
		background-color: #FFF;	
		margin-top: 4%;
		margin-left: 0;
		padding: 0 7%;
		margin-bottom: 0;		
	}
	
	.sidebar1 p {
		width: 90%;
	}

	.sidebar2 {
		width: 86%;
		float: left;
		border-radius: 5px;
		-moz-border-radius: 5px;
		-webkit-border-radius: 5px;	
		background-color: #FFF;	
		margin-top: 4%;
		margin-left: 0;
		padding: 0 7%;
		margin-bottom: 0;	
	}
	
	.sidebar2 p {
		width: 90%;
	}
	
	.sidebar3 {
		width: 86%;
		float: left;
		border-radius: 5px;
		-moz-border-radius: 5px;
		-webkit-border-radius: 5px;	
		background-color: #FFF;	
		margin-top: 4%;
		margin-left: 0%;
		padding: 0 7%;
		margin-bottom: 1%;
		overflow: hidden;
	}
	
	.sidebar3 p {
		width: 90%;
	}
		
	.footer {
		width: 100%;
		float: left;
		margin: 2% 0;
		padding-left: 0;
		background-color: #666;
		color: #FFF;	
		overflow: hidden;
	}
	
	.footer p {
		width: 86%;
		margin: 2% auto;
	}
}

.demo {
		border:1px solid #C0C0C0;
		border-collapse:collapse;
		padding:5px;
	}
	.demo th {
		border:1px solid #C0C0C0;
		padding:5px;
		background:#ffc578;
	}
	.demo td {
		border:1px solid #C0C0C0;
		text-align:center;
		padding:5px;
	}