@font-face {
  font-family: 'Exo 2';
  font-style: normal;
  font-weight: 300;
  font-display: swap;
  src: local('Exo 2 Light'), local('Exo2.0-Light'), url(../../generic/css/fonts/Exo2.0-Light.otf) format('opentype');
}
@font-face {
  font-family: 'Exo 2';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: local('Exo 2 Regular'), local('Exo2.0-Regular'), url(../../generic/css/fonts/Exo2.0-Regular.otf) format('opentype');
}
@font-face {
  font-family: 'Exo 2';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: local('Exo 2 SemiBold'), local('Exo2.0-SemiBold'), url(../../generic/css/fonts/Exo2.0-SemiBold.otf) format('opentype');
}
@font-face {
  font-family: 'Exo 2';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: local('Exo 2 Bold'), local('Exo2.0-Bold'), url(../../generic/css/fonts/Exo2.0-Bold.otf) format('opentype');
}

body {
	text-align: left;
	font-family: Verdana;
	font-size: 12px;
	color: #000000;
	
	line-height: 15px;
	
	margin: 0;
}

/* layout generali */
div#container {
	width: 100%;
	
	margin: 0 auto;
	
	background: #000000;
}

div#header {
	position:relative;

	width: 100%;
	height: auto;
}

div#header_body {
	position:relative;
	top:0px;
	left:0px;

	width: 980px;
	height: 175px;
	
	margin: 0 auto;
	text-align: left;
	
	background: #0a1d86;
}

img#logo {
	display:block;
}
div#logo {
	position:relative;
	top:0px;
	left:0px;

	width: 202px;
	height: 130px;
	
	cursor: pointer;
}

div#banner_leaderboard1 {
	position: absolute;
	top: 20px;
	left: 232px;
	width: 728px;
	height: 90px;
	
	overflow: hidden;
}

div#menu {
	position: relative;
	top: 0px;
	left: 20px;
	width: 940px;
	height: 35px;
	
	background: #011065;	
	/* Mozilla: */
    background: -moz-linear-gradient(top, #0a1d86, #011065);
    /* Chrome, Safari:*/
    background: -webkit-gradient(linear, left top, left bottom, from(#0a1d86), to(#011065));
	/* For Internet Explorer 5.5 - 7 */
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#0a1d86, endColorstr=#011065);
	/* For Internet Explorer 8 */
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr=#0a1d86, endColorstr=#011065)";
	
	-webkit-border-radius: 6px 6px 6px 6px;
  	border-radius: 6px 6px 6px 6px;
	-webkit-background-clip: padding-box; background-clip: padding-box;
	
	box-shadow: inset 0 2px 2px rgba(0, 0, 0, 0.5);
}

.btt_menu {
	float: left;
	margin: 0;
	padding: 0;
	border: 0;
	
	height: 35px;
	
	text-align: center;
	
	line-height: 35px;
	
	border-right: 2px solid #0a1d86;
}

.menu_link {
	font-family: 'Exo 2', sans-serif;
	font-weight: 700;
	font-size: 14px;
	color: #FFFFFF;
	
	text-decoration: none;
}

.menu_link:hover {
	color: #ffe400;
}

div#btt_menu_home {
	/*width: 72px;*/
	width: 103px;
}

div#btt_menu_cinema {
	width: 89px;
}

div#btt_menu_film {
	width: 74px;
}

div#btt_menu_prezzi {
	/*width: 80px;*/
	width: 111px;
}

div#btt_menu_mycard {
	width: 153px;
}

div#btt_menu_eventi {
	/*width: 87px;*/
	width: 118px;
}

div#btt_menu_newsletter {
	/*width: 122px;*/
}

div#btt_menu_contatti {
	/*width: 102px;*/
	width: 133px;
}

div#btt_menu_lavoraconnoi {
	width: 145px;
	
	border-right: 0px;
}

	.menu_link_hover {
		color: #ffe400;
	}
	
	.submenu {
		position:relative;
		top:-1px;
		left:0px;
		
		z-index:300;
		
		display:none;
		
		color: #FFFFFF;
		
		text-align: left;
		
		line-height: 20px;
		
		padding: 15px;
		
		background: #011065;
	
		-webkit-border-radius: 0 0 6px 6px;
  		border-radius: 0 0 6px 6px; 
		-webkit-background-clip: padding-box; background-clip: padding-box;
		
		/*box-shadow: inset 0 2px 2px rgba(0, 0, 0, 0.15);*/
	}
	
	.submenu_link {
		font-family: 'Exo 2', sans-serif;
		font-weight: 300;
		color: #FFFFFF;
		text-decoration: none;
	}
	
	.submenu_link:hover {
		color: #ffe400;
	}
	
#btt_menu_cinema .submenu {
		width: 200px;
}

#btt_menu_prezzi .submenu {
		width: 200px;
}

#btt_menu_mycard .submenu {
		width: 200px;
}

div#promo {
	position:relative;

	width: 100%;
	height: auto;
}

div#promo_body {
	position:relative;
	top:0px;
	left:0px;

	width: 980px;
	height: 162px;
	
	margin: 0 auto;
	text-align: left;
	
	background: #0a1d86;
}

div#promo_mycard {
	position:relative;
	top:0px;
	left:20px;

	width: 382px;
	height: 142px;
	
	cursor: pointer;
}

div#promo_app {
	position:absolute;
	top:0px;
	left:422px;

	width: 221px;
	height: 142px;
	
	cursor: pointer;
}

div#promo_app_text {
	position:absolute;
	top:73px;
	left:125px;
	
	width: 90px;
	
	font-family: 'Exo 2', sans-serif;
	font-weight: 800;
	color: #0a1d86;
	font-size: 14px;
}

div#promo_special {
	position:absolute;
	top:0px;
	left:663px;

	width: 297px;
	height: 142px;
	
	cursor: pointer;
}

div#content {
	position:relative;

	width: 100%;
	height: auto;
}

div#content_body {
	position:relative;
	top:0px;
	left:0px;
	width: 980px;
	height: auto;
	
	margin: 0 auto;
	text-align: left;
	
	background: #e9e6ea;
	
	box-shadow: inset 0 2px 2px rgba(0, 0, 0, 0.3);
}

div#content_body_left {
	position:absolute;
	top:0px;
	left:20px;
	width: 300px;
	height: auto;
	
	padding-top: 10px;
}

div#prenotazioni_istr {
	position:relative;
	top:0px;
	left:0px;

	width: 260px;
	height: auto;
	padding: 20px;
	
	background: #0a1d86;
	font-family: 'Exo 2', sans-serif;
	font-weight: 300;
	
	line-height: 15px;
	margin-bottom: 20px;
	color: #FFFFFF;
}

div#lista_cinema {
	position:relative;
	top:0px;
	left:0px;

	width: 300px;
	height: auto;
	
	font-family: 'Exo 2', sans-serif;
	font-weight: 300;
	
	line-height: 15px;
}

div#rectangle1 {
	position: relative;
	top: 0px;
	left: 0px;
	width: 300px;
	height: 250px;
	
	margin-top: 20px;
}

div#app {
	position: relative;
	top: 0px;
	left: 0px;
	
	width: 300px;
	height: auto;
	
	margin-top: 20px;
}

div#appstore {
	position: relative;
	top: 0px;
	left: 0px;
	
	width: 300px;
	height: 34px;
	
	background: url(../../generic/images/logo_appstore.png) top left no-repeat;
	
	padding-left: 30px;
	
	line-height: 48px;
}

div#googleplay {
	position: relative;
	top: 0px;
	left: 0px;
	
	width: 300px;
	height: 34px;
	
	background: url(../../generic/images/logo_googleplay.png) top left no-repeat;
	
	padding-left: 30px;
	
	line-height: 48px;
}

div#rectangle2 {
	position: relative;
	top: 0px;
	left: 0px;
	width: 300px;
	height: 250px;
	
	margin-top: 20px;
}

.facebook {
	margin-top: 20px;
	background: #FFFFFF;
}

div#twitter {
	margin-top: 20px;
}

div#content_body_right {
	position:relative;
	top:0px;
	left:340px;
	width: 600px;
	height: auto !important;
	height: 1500px;
	min-height: 1500px;
	
	padding: 10px 20px;
	
	background: url(../../generic/images/sfumatura_content.png) top left repeat-y;
}

div#footer {
	position:relative;

	width: 100%;
	height: auto;
}

div#footer_body {
	position:relative;
	top:0px;
	left:0px;

	width: 980px;
	height: auto;
	
	margin: 0 auto;
	text-align: left;
	
	padding-bottom: 30px;
	
	background: #0a1d86;	
	/* Mozilla: */
    background: -moz-linear-gradient(top, #011065, #0a1d86);
    /* Chrome, Safari:*/
    background: -webkit-gradient(linear, left top, left bottom, from(#011065), to(#0a1d86));
	/* For Internet Explorer 5.5 - 7 */
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#011065, endColorstr=#0a1d86);
	/* For Internet Explorer 8 */
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr=#011065, endColorstr=#0a1d86)";
	
	color: #777ba5;
	
	box-shadow: inset 0 2px 2px rgba(0, 0, 0, 0.5);
}

	div#footer_bodyList {
		position: relative;
		top: 0px;
		left: 0px;
		width: 980px;
		height: auto;
	}
	
		div#footer_bodyList_cinema {
			position: relative;
			float:left;
			top: 0px;
			left: 20px;
			width: 350px;
			height: auto;
			
			line-height: 18px;
		}
		
		div#footer_bodyList_cinema .title {
			font-family: 'Exo 2', sans-serif;
			font-weight: 700;
			font-size: 14px;
			
			padding: 20px 0 10px 0;
			
			color: #FFFFFF;
		}
		
			.cineList {
				position: relative;
				float:left;
				top: 0px;
				left: 0px;
				width: 232px;
				height: auto;
				margin-left:20px;
			}
		
				.cineLink { margin-bottom:4px; }
				
				.cineLink a { text-decoration: none; color: #FFFFFF; }
				.cineLink a:hover { text-decoration: none; color: #ffe016; }
				
				
		
		div#footer_bodyList_film {
			position: relative;
			float:left;
			top: 0px;
			left: 0px;
			width: 630px;
			height: auto;
		}
		
		div#footer_bodyList_film .title {
			font-family: 'Exo 2', sans-serif;
			font-weight: 700;
			font-size: 14px;
			
			padding: 20px 0 10px 0;
			
			color: #FFFFFF;
		}
			
			.movieList {
				position: relative;
				float:left;
				top: 0px;
				left: 0px;
				width: 300px;
				height: auto;
				
				text-transform: capitalize;
			}
			
				.movieLink { margin-bottom:4px; }
				
				.movieLink a { text-decoration: none; color: #777ba5; }
				.movieLink a:hover { text-decoration: none; color: #FFFFFF; }

	div#credits {
		position: relative;
		top: 0px;
		left: 0px;
		width: 940px;
		height: auto;
		
		text-align: center;
		
		padding: 20px;
	}

.c1 {
	color: #0a1d86;
}

.c2 {
	color: #ffe400;
}

.white {
	color: #FFF;
}

.custom_lt {
	font-family: 'Exo 2', sans-serif;
	font-weight: 300;
}

.custom_nm {
	font-family: 'Exo 2', sans-serif;
	font-weight: 400;
}

.custom_md {
	font-family: 'Exo 2', sans-serif;
	font-weight: 600;
}

.custom_bd {
	font-family: 'Exo 2', sans-serif;
	font-weight: 700;
}

.custom_bl {
	font-family: 'Exo 2', sans-serif;
	font-weight: 800;
}

.big {
	font-size: 14px;
}

.small {
	font-size: 11px;
}

.link {
	color: #0a1d86;
	text-decoration: none;
}

.link:hover {
	text-decoration: underline;
}

.link2 {
	color: #000000;
	text-decoration: none;
}

.link2:hover {
	color: #0a1d86;
	text-decoration: none;
}

.link3 {
	color: #777ba5;
	text-decoration: none;
}

.link3:hover {
	color: #FFFFFF;
	text-decoration: none;
}

.link4 {
	color: #ffe400;
	text-decoration: none;
}

.link4:hover {
	color: #ffe400;
	text-decoration: underline;
}