/*
Free Html5 Responsive Templates
Author: Kimmy Tran
Author URI: http://www.zerotheme.com/
*/
html {
   -webkit-text-size-adjust: none;
}
.video embed,
.video object,
.video iframe {
   width: 100%;
   height: auto;
}
img{
	max-width:100%;
	height: auto;
   	width: auto\9; /* ie8 */
}

/*------------------------*/
/*
.response-menu{
	position: relative;
--	margin: 0px 10px;
--	width: 100px;
}
*/
.response-menu{
	dysplay: none;
	}


@media only screen and (min-width: 960px) {
	.response-menu{display: none;}
}

@media only screen and (max-width: 959px) {
	
	.response-menu{display: none;}
	 #menu{display: block;}
	
	
	#page1 .body1 {background: url(../images/back.jpg) top repeat-x #2793d1}
	#page2 header, #page3 header, #page4 header, #page5 header{ margin-bottom: 100px}
	
	/*
	#menu li a {color:black; margin: 2px;}
	#menu li a:hover, #menu .active a {background-color:#2793d1; color:#130c04;}
		*/	
	.slideshow{top: 0px;}
		
	/**********************SAVERIO*********************/
	.body2{margin-top:3em;}	
	/*#menu{margin-top:0;}*/
	#menu li{margin:0 0.3em 0 0;}
	#menu li:last-child{margin:0;}
	#menu li a{color:white;padding: 6px 20px;}
	#menu li:active a{color:#130c04!important;background:white!important;}
	#menu .active a{color:#014d89!important;background:white!important;}
	#menu li:hover a{color:#014d89!important;background:white!important;}
	#icons{width:17.669em;margin:auto;}
#icons img{margin:5px 2.5px 0 2.5px!important;}
		
}
@media only screen and (max-width: 820px){
		.response-menu{
			display: block;
			top:106px;
			text-align:right;
			right:0.5em;
			
		}
		.responsive-menu div{
			overflow: visible;
			}
	     #menu{display: none;}
		 
		 
	
	
	.response-menu div{
		top:106px;
			right:0.5em;
			position:relative;
			text-align:right;
		overflow: hidden;
		position: relative;
		font: 18px/25px 'Ubuntu';
		color: #fff;
		text-shadow: 0px 1px 2px rgba(0, 0, 0, 0.2);
		text-align:right;
		text-transform:uppercase;
		font-weight:bold;
		z-index: 110;
		align: right;
	}
	.response-menu select{
		position: relative;
		top: 82px;
		left: 110px;
		width: 200px;
		height: 25px;
		z-index: 110;
		opacity: 0;
		filter: progid:DXImageTransform.Microsoft.Alpha(opacity=0);
		cursor: pointer;
	}	
	/**********************SAVERIO*********************/
	.body2{margin-top:3em;}	
	
#icons img{margin:5px 2.5px 0 2.5px!important;}	
.imgs_bandiere{margin-right:0;}
.wrapper{width:98%; margin:auto;}

#page1 header {height: 240px; /*height: 540px;*/}
.pad_bot2{padding-right:2em;}
.cols{width:80%;}
	
}
@media only screen and (max-width: 600px) {
	
	/*.indirizzo_head{display:none;}*/
	
	#page1 header {height:248px}
	#page2 header, #page3 header, #page4 header, #page5 header{ margin-bottom: 150px}
	
	
	.response-menu div{
		top: 20px;
		left: -10px;
		overflow: hidden;
		position: relative;
		font: 18px/25px 'Ubuntu';
		color: #fff;
		text-shadow: 0px 1px 2px rgba(0, 0, 0, 0.2);
		text-align:center;
		text-transform:uppercase;
		font-weight:bold;
		z-index: 110;
		align: right;
	}
	.response-menu select{
		position: relative;
		top: -8px;
		left: 40px;
		width: 200px;
		height: 25px;
		z-index: 110;
		opacity: 0;
		filter: progid:DXImageTransform.Microsoft.Alpha(opacity=0);
		cursor: pointer;
	}	
	
	.response-menu, .response-menu div{/*width:100%;position:absolute;right:0;top:260px;*/text-align:right;}
	
	
}
@media only screen and (max-width: 480px) {

	#page2 header, #page3 header, #page4 header, #page5 header{ margin-bottom: 200px}
	.indirizzo_head{display:none;}	
	
	
	
		
	.response-menu div{
		top: 258px;
		right: 0.5em;
		overflow: hidden;
		position:absolute;
		font: 18px/25px 'Ubuntu';
		color: #fff;
		text-shadow: 0px 1px 2px rgba(0, 0, 0, 0.2);
		text-align:right;
		text-transform:uppercase;
		font-weight:bold;
		z-index: 110;
		
		
	}
	.response-menu select{
		position: absolute;
		top: 261px;
		left: 0px;
		width: 100%;
		height: 25;
		z-index: 110;
		opacity: 0;
		filter: progid:DXImageTransform.Microsoft.Alpha(opacity=0);
		cursor: pointer;
	}
	
	.zerogrid .col-1-2{width:100%!important;}
		.zerogrid .col-1-2:last-child{padding-right:0!important;}


	.imgs_bandiere{float:left!important;padding-left:0.5em!important; }
	.imgs_bandiere img{ max-width: 90%;}
	#page1 header{height:290px;}
	.wrapper .col-1-2{width:42%!important}
	.zerogrid .col-1-2:last-child{padding-right:0.7em!important;}
	
}
@media screen and (max-width: 450px) {
	.bandiere{padding-top:0!important;margin-top:0!important;}
	}
	
@media screen and (max-width: 432px) {
	.response-menu{margin-top:-2.5em;}
	.response-menu div{margin-top:-2.5em;}
	}
@media screen and (max-width: 409px) {
     .response-menu{margin-top:0;}
	.response-menu div{margin-top:0;}
    }