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

@media screen and (max-width: 640px) {

	html, body {
/*		background-image:none;
		background-color:#ebebeb;*/
	}
	

	.header img {
		height : auto;
		width : 80%;
	}
	
	#bannerImg img {
		height : auto;
		width : 100%;
	}
	
	#bannerImg {
		width:100%;
		display:block;
	}

	.flash, .credits, .nav_tasto {
		display:none;
	}

	.container, .nav, .header, .centre, .bottom_nav, .footer, .credits {
		width: 100%;
	}
	
	.title_band, .home_wrap, .text_welcome, .text_services, .title_welcome, 
	.internal_wrap, .text_internal, .photo_internal {
		width: auto;
	}
	.title_welcome h2 {
		padding-left:15px;
	}
	
	.home_wrap {
		background-image: none;
	}
	
	.internal_wrap {
		padding-top:25px;
	}
	
	.nav {
		padding: 0px;
	}
	
	.nav_tasto {
		padding-right : 0px;	
		padding-left : 15px;
	}
	
	#welcomeBox {
		float:left;
		width : 100%;
	}
	#servicesBox {
		float:left;
		width : 100%;
	background-image: url(../img/sfondo_services_3.gif);
	background-repeat:repeat-x;
	}
	
	.title_welcome, {
		padding-left: 15px;
	}

	.text_welcome, .text_services, .text_internal, .photo_internal {
		padding: 15px;
	}
	.text_welcome {
		padding-top:0px;
	}
	.text_welcome p , .text_services p, .text_internal p  {
		padding: 0px;
		padding-bottom:10px;
	}
	
	
	.centre {
		padding:0px;
		padding-top: 15px;
	}
	
	.header {
		padding: 15px 0px 15px 0px;
	}

	.cell_left {
		width:20%
	}
	.cell_right {
		width:80%;
	}
	
	.campo_testo, .notes {
		width : 80%;
	}


	#menuPopUp {
		display:block;
	}

#menuPopUp {
    position: absolute;
    top: 9px;
    left: 15px;
    height: 24px;
}

	#menuPopUp a {
    	color: #FFF;
	    font-size: 27px;
		text-decoration:none;
		border:none;
	}

	#mySidenav {
	display:block;
		z-index:101;
	}
	
		.sidenav {
	  height: 100%;
	  width: 0;
	  position: fixed;
	  z-index: 1;
	  top: 0;
	  left: 0;
	  background-color: #d0007a;
	  overflow-x: hidden;
	  transition: 0.5s;
	  padding-top: 60px;
	}
	
	.sidenav a {
	  padding: 8px 8px 8px 22px;
	  text-decoration: none;
	  font-size: 18px;
	  color: #EEE;
	  display: block;
	  transition: 0.3s;
	  font-family : sorts_mill_goudyregular, "Times New Roman", Times, serif;
	}
	
	.sidenav a:hover {
	  color: #000;
	}
	
	.sidenav .closebtn {
	  position: absolute;
	  top: 5px;
	  right: 15px;
	  font-size: 36px;
	  margin-left: 50px;
      border:none;
	}

	.photo_internal {
		width: auto;
	}
	
	.photo {
		width: auto;
	}

	.photo_internal img, .photo img {
		height : auto;
		width : 100%;
	}
		

}