@import url('reset.css');
@import url('common.css');
@import url('nd.css');

/* General
------------------------------------------------------------------------------*/
body {
	font-family: Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-size: 100.1%;
	margin: 0;
	padding: 0;
	background: url('../images/bg_main.png') repeat-x #000;
}

#wrapper {
	width: 1024px;
	margin: 0 auto;
}

#header { margin: 0 0 0 0; }
/*----------------------------------------------------------------------------*/


/* Slider
------------------------------------------------------------------------------*/
.iosslider {
	position: relative;
	top: 0; left: 0;
	overflow: hidden;
	width: 800px; height: 525px;
}

.iosslider .slider {
	width: 100%;
	height: 100%;
}

.iosslider .slider .slide {
	float: left;
	padding-top: 25px;
	width: 200px; height: 525px;
	text-align: center;
}

.slider_wrapper {
	width: 800px;
	margin: 0 auto;
	position: relative;
	overflow: visible;	
}

div.nav {
	position: absolute;
	display: block;
	width: 62px; height: 62px;
	top: 50%;
	margin: -31px 0 0 0;
}

div.nav.left {
	left: -70px;	
	background: url('../images/arrow_left.png') no-repeat 0 0;
}

div.nav.right {
	right: -70px;
	background: url('../images/arrow_right.png') no-repeat 0 0;
}

.slide img.cover {
	margin-bottom: 15px;
	-webkit-box-shadow: 0px 15px 20px 10px rgba(10, 10, 10, 0.5);
	box-shadow: 0px 8px 20px 10px rgba(10, 10, 10, 0.5);
}

.slide img.ttd_icon { margin-bottom: 15px; }
.slide.no_view img.ttd_icon { margin-bottom: 71px; }
/*----------------------------------------------------------------------------*/


/* Buttons
------------------------------------------------------------------------------*/
.bt {
	display: inline-block;
	margin: 0 0 15px 0;
}

.bt.view {
	width: 100px; height: 41px;
	background: url('../images/view.png') 0 0 no-repeat;
}

.bt.view.fr { background: url('../images/view_fr.png') 0 0 no-repeat; }
.bt.view.it { background: url('../images/view_it.png') 0 0 no-repeat; }

.bt.apple_app_store {
	width: 150px; height: 44px;
	background: url('../images/bt_apple_app_store.png') 0 0 no-repeat;
}
.bt.google_play_store {
	width: 150px; height: 49px;
	background: url('../images/bt_google_play_store.png') 0 0 no-repeat;
}
.bt.amazon_app_store {
	width: 150px; height: 43px;
	background: url('../images/bt_amazon_app_store.png') 0 0 no-repeat;
}
/*----------------------------------------------------------------------------*/


@media only screen and (max-width: 768px) and (orientation: portrait) {
	
	.iosslider,
	.slider_wrapper {
		width: 600px;
		
	}
	
	#wrapper {
		width: 768px;
	}
	
	#wrapper #header img {
		width: 768px;
	}
}