/*
	IPAD
*/

@media only screen and (device-width: 768px) {
	/* Generico */
	#slideshow_home {
		position: absolute !important;
		overflow: hidden;
		display: block;
		height: 370px;
		width: 250px;
		top: 50%;
		right: 5%;
		margin: -186px 0 0 0;
		border: 2px solid #fff;
		z-index: 1500;
	}
}

@media only screen and (min-device-width: 481px) and (max-device-width: 1024px) and (orientation:portrait) {
  /* Portrait */
}

@media only screen and (min-device-width: 481px) and (max-device-width: 1024px) and (orientation:landscape) {
  /* Landscape */
}

/* 
	iPhone 5 only 
@media only screen and (max-device-width: 480px), only screen and (min-device-width: 560px) and (max-device-width: 1136px) and (-webkit-min-device-pixel-ratio: 2) {
*/
@media only screen 
and (min-device-width : 320px) 
and (max-device-width : 568px) {    /* iPhone only */
	#slideshow_home {
		display: none;
	}

	#home_title {
		position: absolute;
		width: 50%;
		display: block;
		color: #fff;
		font-family: 'Franklin';
		text-shadow: 2px 2px #000;
		font-size: 100%;
		z-index: 5000;
		list-style: none;
		padding: 0px;
		margin: 0px;
		top: 40%;
		right: 5%;
	}

}

@media only screen 
and (min-device-width : 320px) 
and (max-device-width : 568px) 
and (orientation : portrait) {    /* iPhone only */
	#menu li {
		display: block;
		overflow: hidden;
		padding: 10px;
		width: 320px;
		margin: 0 0 5px 0px;
		padding: 0 0 0 0;
		color: #fff;
		border-top: 1px solid #000;
		background: none repeat scroll 0 0 rgba(51, 51, 51, 0.50);
	}

	#menu li a {
		overflow: hidden;
		display: block;
		width: 260px;
		height: auto;
		color: #fff;
		font-family: 'Franklin';
		font-size: 100%;
		text-transform: uppercase;
		text-decoration: none;
		padding: 15px 20px 15px 0;
		text-align: right;
		text-shadow: 1px -1px #000;
	}

	#menu li a {
		font-size: 200%;
	}
	
	#menu {
		display:none;
		position: fixed;
		overflow: hidden;
		left: 0px;
		top: 230px;
		z-index: 100;
		list-style: none;
		padding: 0;
	}

	#btn-menu {
		display:block;
		overflow: hidden;
	}
}

/*
iPhone 2G-4S in portrait & landscape
*/
@media only screen 
and (min-device-width : 320px) 
and (max-device-width : 480px) { 
	#slideshow_home {
		display: none;
	}

	#home_title {
		position: absolute;
		width: 50%;
		display: block;
		color: #fff;
		font-family: 'Franklin';
		text-shadow: 2px 2px #000;
		font-size: 100%;
		z-index: 5000;
		list-style: none;
		padding: 0px;
		margin: 0px;
		top: 40%;
		right: 5%;
	}

}

@media only screen 
and (min-device-width : 320px) 
and (max-device-width : 480px) 
and (orientation : portrait) {    /* iPhone only */
	#menu li {
		display: block;
		overflow: hidden;
		padding: 10px;
		width: 320px;
		margin: 0 0 5px 0px;
		padding: 0 0 0 0;
		color: #fff;
		border-top: 1px solid #000;
		background: none repeat scroll 0 0 rgba(51, 51, 51, 0.50);
	}

	#menu li a {
		overflow: hidden;
		display: block;
		width: 260px;
		height: auto;
		color: #fff;
		font-family: 'Franklin';
		font-size: 100%;
		text-transform: uppercase;
		text-decoration: none;
		padding: 15px 20px 15px 0;
		text-align: right;
		text-shadow: 1px -1px #000;
	}

	#menu li a {
		font-size: 200%;
	}
	
	#menu {
		display:none;
		position: fixed;
		overflow: hidden;
		left: 0px;
		top: 230px;
		z-index: 100;
		list-style: none;
		padding: 0;
	}
		
	#btn-menu {
		display:block;
		overflow: hidden;
	}
	
}

