@charset "utf-8";
/* CSS Document */

@media screen and (max-width:84em) {

	.container {
		width:auto;
		padding-left:20px;
		padding-right:20px;	
	}
	
	.header .logo {
		background:none;
		height:90px;
		width:auto;
	}
	
	.header .logo img {
		width:130px;	
	}
	
	.slideshow .slogan {
		top:100px;
	}
	
	.ref .container li {
		margin:0 50px;
	}
	
	#chi-siamo .serv li {
		margin:0 20px;
	}
	
}

@media screen and (max-width:77em) {

	#documenti .docs li {
		margin-right:20px;	
	}

	#documenti .docs li a {
		padding:20px 75px 20px 40px;
	}
	
}

@media screen and (max-width:72em) {

	.slideshow .slogan {
		top:80px;	
	}
	
	.slideshow .slogan h1 {
		font-size:26pt;
	}
	
	.slideshow .slogan h2 {
		font-size:13pt;	
	}
	
	.ref .container li {
		margin: 0 30px;
	}
	
	#chi-siamo .serv {
		margin-top:90px;	
	}
	
	#chi-siamo .serv li {
		max-width:280px;	
	}
	
	#chi-siamo .serv li .img div {
		width:200px;
		height:200px;
	}
	
}

@media screen and (max-width:64em) {

	.ref .container li {
		margin: 0 15px;
	}

	#chi-siamo .serv li {
		margin: 20px 20px;
	}
	
	#documenti .docs li a {
		padding: 10px 35px 10px 20px;
	}
	
	#documenti .docs li a span {
		margin-left:15px;	
	}
	
	#documenti .container .img img {
		width:240px;
	}
	
	#documenti .container .cont {
		padding-left: 290px;
	}
	
}

@media screen and (max-width:51em) {
	
	body {
		font-size:12pt;	
	}
	
	.header {
		height:60px;	
	}
	
	.header .logo img {
		width: 76px;
	}
	
	.header .menu {
		margin-top:20px;	
	}
	
	.header .menu li {
		margin:0px 20px;	
	}
	
	.main {
		padding-top: 60px;
	}
	
	.slideshow .slogan {
		top: 50px;
	}
	
	.slideshow .slogan h1 {
		font-size: 20pt;
	}
	
	.slideshow .slogan h2 {
		font-size: 10pt;
	}
	
	.ref {
		padding:15px 0px;	
	}
	
	.ref .info b {
		display:none;
	}
	
	.ref .container li img {
		width:30px;
		height:30px;
	}
	
	.ref .container li .info {
		margin-left:10px;	
	}
	
	.ref .container li .info span {
		margin-top:5px;	
	}
	
	.ref .container li .info a {
		font-size:11pt;	
	}
	
	.content .title h4 {
		font-size:20pt;	
	}
	
	#chi-siamo {
		padding: 55px 0 0px 0px;
	}
	
	#chi-siamo .serv {
		margin-top: 30px;
	}
	
	#chi-siamo .serv li h5 {
		font-size:14pt;
		height:50px;
	}
	
	#chi-siamo .serv li p {
		height:auto;	
	}
	
	#documenti .container {
		padding:40px 20px;
		text-align:center;	
	}
	
	#documenti .container .img {
		display:none;	
	}
	
	#documenti .container .cont {
		padding-left:0px;	
	}
	
	#documenti .docs {
		margin-top:40px;	
	}
	
	#documenti .docs li {
		margin: 10px 0px;
		display: block;
	}
	
	.footer {
		padding:20px;
		font-size:10pt;
	}
	
	.footer img {
		width:25px;	
	}
	
}

@media screen and (max-width:40em) {
	
	.slideshow .img {
		display:none;	
	}
	
	.slideshow .pager {
		display:none;	
	}
	
	.slideshow .slogan {
		padding-left:0px;
		padding-top:20px;	
		top:20px;
	}
	
	.slideshow .slogan.l {
		padding-top:0px;	
	}
	
	.slideshow .slogan .container div {
		width:100%;	
		text-align:center;
	}
	
}