body {
	margin: 0px;
	padding: 0px;
	font-family: 'BenchNine', sans-serif;
}

a {
	border:none;
	text-decoration: none;
	color: #B41F36;
}

h1 {
	display: none;
}

img {
	display: block;
	width: 100%;
	height:auto;
}

nav img {
	width: auto;
}

h1, h3, h2, p {
	margin: 0;
	padding: 0;
}

header, slide, #content, #footer, #banner,
offerte, article, adv, nav, loghi, quivideo {
	display:block;
}

#container {
	margin: 0px;
	padding: 0%;
}

header {
	margin: 0px;
	padding: 2%;
}

loghi {
	margin: 0;
	padding: 0px;
	width: 100%;
	text-align: center;
}

loghi > img {
	width: auto;
	display:inline;
}

slide {
	display:none;
	margin: 2%;
	padding: 0;
}

nav {
	z-index: 999;
	clear:both;
}

#content {
	margin: 2%;
}

h2 span {
	background-color:#369;
	padding: 0 5% 0 1.5%;
	line-height: 2em;
	font-size: 1.1em;
	color:#FFF;
}

h3 span {
	background-color: #b41f36;
	padding: 0 5% 0 1.5%;
	line-height: 2em;
	font-size: 1.4em;
	color:#FFF;
}

p {
	font-size: 1.3em;
}

li {
	font-size: 17px;
	text-transform:uppercase;
}

sx {
	padding: 2% 1%;
}

dx {
	padding: 2% 1%;
}

dx > img {
	display:none;
}

scheda a{
	display:block;
	width: 80%;
	padding: 3% 3% 3% 17%;
	margin: 0 0 5%;
	background: #f0eff0 url(../images/download.jpg) 3% 4% no-repeat;
	font-size: 1.2em;
	text-transform: uppercase;
}

quivideo {
	clear:both;
}

offerte {
	width:100%;
	clear:both;
	margin: 2% 0;
}

offerte > img {
	width: 35%;
	height: auto;
	padding-right: 5%;
	padding-bottom: 4%;
	float:left;
}

offerte p a {
	color:#369;
}

offerte p.all {
	display:block;
	line-height: 1.8em;
	text-align:right;
	clear:both;
}
	
article {
	width:96%;
	clear:both;
	margin: 2% 0;
	padding: 2%;
	background-color:#e5e4e4;
}

adv {
	width:100%;
	clear:both;
	margin: 2% 0;
}

#footer {
	width: 100%;
	background-color:#e5e4e4;
	clear:both;
	margin: 5% 0 0;
	height: auto;
}

#content-footer {
	text-align:center;
	padding: 10px;
	font-size: 0.9em;
}

#map-canvas {
	height: 400px;
	width: 100%;
}
	
@media screen and (min-width: 768px){

	nav {
		padding: 10px 0 0;
	}
	
	slide {
		display:block;
		padding-top: 34px;
	}
	
	#main-slider {
		margin-bottom: 90px;
		width: 67%;
		float:left;
		clear:left;
	}
	
	sx {
		padding: 2% 0;
		width: 56%;
		float:left;
		clear:left;
	}
	
	dx {
		padding: 2% 0;
		width: 40%;
		float:right;
		clear:right;
	}
	
	dx > img {
		display: block;
	}

	#banner {
		margin-bottom: 90px;
		width: 31.8%;
		float:right;
		clear:right;
	}	

}

@media screen and (min-width: 1000px){

	body.home{
		background-image:url(../images/bg-pattern.gif);
		background-repeat:repeat-x;
		background-position: 0 0;
	}
	
	body.pag{
		background-image:url(../images/bg-pattern-corto.gif);
		background-repeat:repeat-x;
		background-position: 0 0;
	}
	
	logo {
		width: 60%;
		float:left;
		clear:left;
	}
	
	loghi {
		margin: 0;
		padding: 0px;
		width: 30%;
		float:right;
		clear:right;
		text-align: right;
	}
	
	sx {
		padding: 5% 0 2%;
	}
	
	center {
		margin-top: 5%;
	}
	
	dx {
		padding: 5% 0 2%;
	}
	
	dx > offerte {
		width:100%;
	}
	
	sx > offerte {
		width:100%;
	}
	
	quivideo {
		width:40%;
		margin: 0 5% 5% 0;
		float:left;
		clear:left;
	}
	
	offerte {
		width:55%;
		margin: 0;
		float:right;
		clear:right;
	}
	
	article {
		width:36%;
		margin: 0 5% 5% 0;
		float:left;
		clear:left;
	}
	
	adv {
		width:55%;
		margin: 0 0 5% 0;
		float:right;
		clear:right;
	}
	
	article {
		height: 237px;
	}
	
	#container {
		width: 1000px;
		margin: 0 auto;
	}
	
	#content-footer {
		width: 960px;
		margin: 0 auto;
		padding: 30px 20px 20px;
		text-align:left;
	}
	

}