/* INIZIO MEDIA QUERIES PER RESPONSIVE DESIGN */
	
@media screen and (max-width: 1200px) {
	.sopra_01 {
	width: 960px;
	margin: 0 auto;
	}
	
	.foto_sopra_01, .slideshow, .foto_sopra_01 img {
	width: 960px  !important;
	height: 450px !important;
	margin: 0 auto;
	}
	
	.logo_sopra_01 {
    display: inline-block;
    margin-left: 0;
    padding: 0;
    width: 960px;
	}
	
	.menu_sopra_01 ul {
    width: 960px;
	}
	
	.menu_sopra_01 a {
	font-size: 1em !important;
	padding: 0 5px;
	}
	
	.container_sopra_01 {
	padding-bottom: 0 !important;
	}

	.mezzo{
    width:960px; 
    margin: 0 auto;
    position: relative;
    }
	
	.destra {
	display: none !important;
	}
	
	.centro_destra, .centro {
	width: 100%;
	}
	
	.container_menu_sotto_01 {
    background: url(../images/bg_shadow_footer.png) no-repeat scroll center top #8897a1;
    padding-bottom: 18px;
    width: 100%;
	}
	
	.menu_sotto_01 {
	width: 960px;
	margin: 0 auto;
	}	
	
	.sotto_01 {
	background: #8897a1;
	padding: 70px 0 10px;
	width: 960px;
	}
	
	.nsl_01 input.bottone {
	margin-left: 0 !important;
	width: 100% !important;
	margin-top: 15px;
	}
	
	.banner {
	margin: 0 -480px;
    position: absolute;
    left: 50%;
    top: 8px;
    width: auto;
    z-index: 99;
	}
	
	.affiliazioni {
	margin: 0 -480px;
    position: absolute;
    right: 50%;
    bottom: 20px;
    width: auto;
    z-index: 99;
	}
	
}

@media screen and (max-width: 820px) {
	
	#ij-editfront-requestlog {
	display:none !important;
	}
	
	.primo_rigo_01  {
	width:100% !important;
	}
	
	.container_sopra_01 {
	background: none !important;
	width: 100%;
	margin: 0 auto;
	padding-bottom: 0 !important;
	}
	
	.container_mezzo {
	padding-top: 20px !important;
	}

	.sopra_01 {
	width: 100%;
	margin: 0 auto;
	}
	
	.foto_sopra_01, .slideshow, .foto_sopra_01 img {
	width: 100%  !important;
	margin: 0 auto;
	max-height: 258px;
	}
	
	.logo_sopra_01 {
	background: url(../images/logo_med.png) no-repeat center top !important;
	display: inline-block;
    margin-bottom: 10px;
    margin-left: 0;
    padding: 0;
    width: 100%;
	height: 165px;
	}
	
	.logo_sopra_01 img {
	display: none !important;
	}
	
	.banner, .affiliazioni {
	display: none !important;
	}

	
	.menu_sopra_01 {	
	height: auto !important;
    position: relative;
    top: 0 !important;
    width: 100%;
	float: none !important;
	}
	
	.menu_sopra_01 ul {
    width: 100%;
	}
	
	.menu_sopra_01 a {
	font-size: 1.1em !important;
	}

	.mezzo{
    width:100%; 
    margin: 20px auto 0;
    position: relative;
    }
	
	.centro_destra {
	width: 100%;
	}
	
	.centro {
	width: 96%;
	padding: 0 2%;
	}
	
	.destra {
	display: none !important;
	}
	
	.menu_sotto_01 {
	width: 100%;
	}
	
	.container_sotto_01 {
	padding: 0 !important;
	}
	
	.sotto_01 {
	background: #8897a1;
	padding: 70px 0 10px 0;
	width: 100%;
	text-align: center !important;
	}
	
}

@media screen and (max-width: 640px) {
	
	body {
	
	}
	
	#ij-editfront-requestlog {
	display:none !important;
	}
	
	.primo_rigo_01  {
	width:100% !important;
	}
	
	.sopra_01 { 
	width: 100% !important;
	}
	
	.logo_sopra_01 {
	background: url(../images/logo_min.png) no-repeat center top !important;
	display: inline-block;
    margin-bottom: 10px;
    margin-left: 0;
    padding: 0;
    width: 100%;
	height: 138px;
	}
	
	.foto_sopra_01, .foto_sopra_01 img, .slideshow {
	display: none !important;
	}
	
	.menu_sopra_01{
	border-top:none;
	border-bottom:none;
	width: 100%;
	height: inherit;
	margin: 0;
	position: relative;
	display:block;
	left: inherit;
	top: inherit;
	}
  
	.menu_sopra_01 ul{
	padding:0;
	margin:0;
	float: none !important;
	}
	
	.menu_sopra_01 ul li {
	display: block;	 
	width:100%;
	text-align: left;
	height: inherit;
	line-height: 50px;
	float: left;
	position: relative;
	padding:0;
	margin:0;
	}
	
	.menu_sopra_01 li.separatore_menu_sopra {
	display: none !important;
	}
	
	.menu_sopra_01 ul li a {
	display:block;
	vertical-align:middle;
	text-align:left;
	font-size:17px;
	font-weight:normal; 	
	width:97%;
	height:  50px;
	padding:0 0 0 3%;	 
	background: none;
	background-color:#8897a1;
	display:block;
	text-align: left;
	margin:0;	 
	text-decoration:none;
	height: auto !important;
	line-height: 50px;
	border:none;
	border-bottom:1px solid #efefef; 
	}
	
	.menu_sopra_01 ul a:hover {
	background-color: #708390;
	color:#fff;
	}
	
	.menu_sopra_01 a.activelink {
	background-color:#afbac2;
	color:#fff;
	}
	
	.mezzo {
	width: 100%;
	margin: 0 !important;
	}
	
	.centro {
	float: left;
    padding: 5% 2%;
    width: 96%;
	margin: 0 !important;
	}
	
	.centro_destra {
	width: 100%;
	float: left;
	}
	
	.hp_01_0, .hp_01_1, .hp_01_2 {
    float: none !important;
    margin-right: 0 !important;
    text-align: center;
    width: 100%;
	}
	
	.box_hp_01_mezzo, .box_hp_01_dsr {
    margin: 10px auto 0;
    padding: 0 15% !important;
    width: 70%;
	}
	
	.menu_sotto_01 {
	display: none !important;
	}
	
	
	.form_01 {
	padding: 2% !important;
	}

	.input_medio {
    color: #666;
    font-size: 13px;
    width: 95% !important;
	}
}		

/* FINE MEDIA QUERIES PER RESPONSIVE DESIGN */	