@charset "UTF-8";

/* PALETTE
#000000		Nero
#d97c15		Arancio
#ffffff		riga
#f0f0f0		riga alternata
#cccccc		separatore hr
*/

@font-face {
    font-family:'cathexis';
    src:url('/fonts/cathexis.eot');
    src:url('/fonts/cathexis.eot?#iefix') format('embedded-opentype'),
        url('/fonts/cathexis.woff') format('woff'),
        url('/fonts/cathexis.ttf') format('truetype');
    font-weight:normal;
    font-style:normal;
}

body {
	font-family: 'Dosis', sans-serif;
	text-rendering:optimizeLegibility;
	-webkit-font-smoothing:antialiased !important;
	background-color:#000000;
	color:#cccccc;
	margin:46px 0 0 0;
	-webkit-tap-highlight-color:rgba(0,0,0,0);
    -webkit-touch-callout:none;
    -webkit-user-select:none;
	user-select:none;
}

body::-webkit-scrollbar {
	width:5px;
}

/* DEBUG: removes scrollbar in some situations for having the same result on browser PC as tablet/smartphones */
@media (width: 320px), (width: 360px), (width: 640px), (width: 720px), (width: 768px), (width: 1024px) { 
body::-webkit-scrollbar {width:0px;}
}

body::-webkit-scrollbar * {
	background:transparent !important;
}

body::-webkit-scrollbar {
	background:#000000 !important;
}

body::-webkit-scrollbar-thumb {
	background:#d97c15 !important;
}

body::-webkit-scrollbar-thumb:hover, body::-webkit-scrollbar-thumb:active {
	background:#ffcc00 !important;
}

header {
	width:100%;
	height:46px;
	background-color:#000000;
	position:fixed;
	top:0;left:0;
	z-index:10;
}

header div#header {
	margin:auto;
	padding:0 10px;
}

div#header a.logo {
	background-image:url('/img/logo.png');
	background-position:center center;
	background-repeat:no-repeat;
	background-size:66px 46px;
	width:66px;
	height:46px;
	float:left;
}

div#header a.logo:hover {
	background-size:63px 44px;
}

#subheader {
	width:100%;
	background-color:#1a1a1a;
}

#subheader .subheader {
	margin:auto;
	position:relative;
	background-color:#1a1a1a;
}

main .cbox p {
	/* Animation Property */
	animation-property:font-size;
	transition:all 0.5s ease-in-out;
	/* webkit */
	-webkit-animation-property:font-size;
	-webkit-transition:all 0.5s ease-in-out;
	/* moz */
	-moz-animation-property:font-size;
	-moz-transition:all 0.5s ease-in-out;
	/* opera */
	-o-animation-property:font-size;
	-o-transition:all 0.5s ease-in-out;
}

.mainimg {
	width:100%;
	height:70vw;
	max-height:822px;
	background-image:url('/img/main_img.jpg');
	/* background-repeat:no-repeat; */
	background-size:cover;
	background-position:center center;
	position:relative;
	
	/* Animation Property */
	animation-property:background-size;
	transition:all 0.2s ease-in-out;
	/* webkit */
	-webkit-animation-property:background-size;
	-webkit-transition:all 0.2s ease-in-out;
	/* moz */
	-moz-animation-property:background-size;
	-moz-transition:all 0.2s ease-in-out;
	/* opera */
	-o-animation-property:background-size;
	-o-transition:all 0.2s ease-in-out;
}

.mainimg .logo-square {
	background-image:url('/img/logo-square.png');
	position:absolute;
	left:0;right:0;
	top:2vw;
	margin:0 auto;
	z-index:3;
	
	/* Animation Property */
	animation-property:width;
	transition:all 0.4s ease-in-out;
	/* webkit */
	-webkit-animation-property:width;
	-webkit-transition:all 0.4s ease-in-out;
	/* moz */
	-moz-animation-property:width;
	-moz-transition:all 0.4s ease-in-out;
	/* opera */
	-o-animation-property:width;
	-o-transition:all 0.4s ease-in-out;
}

.mainimg .thefirstgameby {
	position:absolute;
	top:0;left:0;
	z-index:2;
	
	/* Animation Property */
	animation-property:width;
	transition:all 0.1s ease-in-out;
	/* webkit */
	-webkit-animation-property:width;
	-webkit-transition:all 0.1s ease-in-out;
	/* moz */
	-moz-animation-property:width;
	-moz-transition:all 0.1s ease-in-out;
	/* opera */
	-o-animation-property:width;
	-o-transition:all 0.1s ease-in-out;
}

.mainimg .logo-mann, .mainimg .lowright {
	background-position:center center;
	background-repeat:no-repeat;
	position:absolute;
	margin:auto;
	z-index:2;
}

.mainimg .logo-mann			{bottom:2vw;left:0;background-color:#000000;padding:10px 10px 10px 20px;}
.mainimg .lowright			{bottom:2vw;right:20px;background-color:transparent;}

.fullwidth {
	width:100%;
	background-color:#000000;
}

.fullwidth.orange {
	color:#000000;
	background-color:#fcc15a;
}

.fullwidth .content {
	margin:auto;
	overflow:hidden;
}

footer {
	width:100%;
	background-color:#000000;
}

footer div#footer {
	margin:auto;
	padding:10px;
}

.footergroup h1 {
	font-family:'cathexis';
	color:#ffffff;
}

.footergroup ul {
	list-style:none;
	padding:0;
	margin:0;
}

.footergroup ul li {
	line-height:24px;
}

.footergroup ul li a {
	color:#cccccc;
	text-decoration:none;
}

.footergroup ul li a:hover {
	text-decoration:underline !important;
}

.footer_text {
	text-align:center;
	color:#cccccc;
}

.footer_text a, .footer_text a:link, .footer_text a:visited, .footer_text a:focus {
	color:#ffffff;
	font-weight:700;
	text-decoration:none;
}

.footer_text a:hover, .footer_text a:active {
	text-decoration:underline;
}

.line {
	display:inline-block;
}

.footergroup ul li a.mann, .footergroup ul li a.tuomuseo {
	width:150px;
	height:50px;
	background-size:150px 50px;
	background-repeat:no-repeat;
	display:block;
}

.footergroup ul li a.mann			{background-image:url('/img/logo-mann_cccccc.png');}
.footergroup ul li a.tuomuseo		{background-image:url('/img/logo-tuomuseo_cccccc.png');}

/* FLOAT */

.clear {clear:both;}
.floatleft {float:left;}
.floatright {float:right;}

/* FLOAT */

/* STILI TESTO */

.txt_center {text-align:center;}
.txt_left {text-align:left;}
.txt_right {text-align:right;}
.txt_normal {font-style:normal;font-weight:400;}
.txt_italic {font-style:italic;}
.txt_bold {font-weight:700;}

.txt9 {font-size:9px;}
.txt10 {font-size:10px;}

.invertext {
	background-color:#f2f2f2;
	color:#000000;
}

.shadowtxt {
	text-shadow:3px 3px 10px rgba(0,0,0,0.33);
}

/* STILI TESTO */

/* LINK */

a, a:link, a:visited {color:#d97c15;}
a:hover, a:active {color:#debe81;}

a.link2, a.link2:link, a.link2:visited {color:#ffffff;}
a.link2:hover, a.link2:active {color:#d97c15;}

/* LINK */

/* SOCIALICONS */

a.socialicon {
	background-image:url('/img/socialicons.png');
	width:44px;
	height:44px;
	border:1px solid transparent;
	display:inline-block;
	background-size:700% 44px;
	background-repeat:no-repeat;
	background-color:transparent;
	
	/* Animation Property */
	animation-property:background-color;
	transition:all 0.5s ease-in-out;
	/* webkit */
	-webkit-animation-property:background-color;
	-webkit-transition:all 0.5s ease-in-out;
	/* moz */
	-moz-animation-property:background-color;
	-moz-transition:all 0.5s ease-in-out;
	/* opera */
	-o-animation-property:background-color;
	-o-transition:all 0.5s ease-in-out;
}

a.socialicon:hover {
	background-color:#d97c15;
	border-color:#d97c15;
}

a.socialicon.facebook		{background-position:0 0;}
a.socialicon.twitter		{background-position:-44px 0;}
a.socialicon.appstore		{background-position:-88px 0;}
a.socialicon.googleplay		{background-position:-132px 0;}
a.socialicon.email			{background-position:-176px 0;}
a.socialicon.pinpoint		{background-position:-220px 0;}
a.socialicon.world			{background-position:-264px 0;}
		
/* SOCIALICONS */

/* FAKESELECT */

#fakeselect {
	width:44px;
	height:44px;
	background-repeat:no-repeat;
	background-position:0 0;
	background-size:cover;
	border:solid 1px transparent;
	float:left;
	bottom:0;
	left:0;
	cursor:pointer;
	outline:none;
	
	/* Animation Property */
	animation-property:background-position;
	transition:all 0.5s ease-in-out;
	/* webkit */
	-webkit-animation-property:background-position;
	-webkit-transition:all 0.5s ease-in-out;
	/* moz */
	-moz-animation-property:background-position;
	-moz-transition:all 0.5s ease-in-out;
	/* opera */
	-o-animation-property:background-position;
	-o-transition:all 0.5s ease-in-out;
}

#fakeselect:hover, #fakeselect:active, #fakeselect:focus, #fakeselect.cvisible:not(:focus) {
	background-color:#d97c15;
}

#fakeselect .current_c {
	position:relative;
	font-size:11px;
	top:15px;left:11px;
	color:#d9d9d9;
	font-weight:700;
}

#fakeselect .current_c h1 {
	font-size:11px;
	margin:0;
	display:inline-block;
	font-weight:400;
}

ul#cselector {
	width:320px;
	font-size:14px;
	background-color:#ffffff;
	padding:0;
	margin:45px 0 0 -11px;
	font-weight:700;
}

#fakeselect.chidden ul#cselector {display:none;}
#fakeselect.cvisible ul#cselector {display:visible;}

#fakeselect.cvisible {
	background-position:0 -44px !important;
}

ul#cselector a {
	font-weight:400;
	text-decoration:none;
	color:#000000;
	display:block;
	padding:11px 5px 12px 20px;
	background-image:url('/img/arrow_dx_000000.png');
	background-size:33px 44px;
	background-repeat:no-repeat;
	background-position:280px center;
}

ul#cselector li:hover a, ul#cselector li:active a {
	color:#ffffff;
	background-color:#d97c15;
	background-image:url('/img/arrow_dx.png');
}

@media all and (-webkit-min-device-pixel-ratio: 2) {
	ul#cselector a, selector a:link, selector a:visited {
	background-image:url('/img/arrow_dx_000000@2x.png');
}

	ul#cselector li:hover a, ul#cselector li:active a {
		background-image:url('/img/arrow_dx@2x.png');
	}
}

ul#cselector li {
	list-style:none;
	background-color:#f0f0f0;
	position:relative;
}

ul#cselector li:not(:last-child) {
	border-bottom:1px solid #e5e5e5;
}

ul#cselector li a img, #fakeselect .current_c img {
	margin-right:10px;
}

.flag {
	width:32px;
	height:21px;
	background-size:32px 21px;
	background-repeat:no-repeat;
	margin:0 10px -5px 0;
	display:inline-block;
}

.flag.en {background-image:url('/img/flags/en.png');}
.flag.it {background-image:url('/img/flags/it.png');}

/* FAKESELECT */

/* COMMON */

.cbox h1, .cbox h2 {
	font-family:'cathexis';
	padding:10px 0;
	margin:0;
	color:#ffffff;
}

.fullwidth.orange .cbox h1, .fullwidth.orange .cbox h2 {
	color:#000000;
}

.invertext .cbox h1, .invertext .cbox h2 {
	color:#000000;
}

.minihead {
	background-color:#004d91;
	color:#ffffff;
	font-size:14px;
	padding:5px 10px;
}

.minihead img {
	margin-right:10px;
}

hr {
	padding:0;
	height:0;
	border-top:1px dashed #cccccc;
	border-right:none;
	border-left:none;
	border-bottom:none;
	background-color:transparent;
}

.curs_default	{cursor:default !important;}
.curs_pointer	{cursor:pointer !important;}
.curs_help		{cursor:help !important;}

.infobox {
	background-color:#f0f0f0;
	color:#005ca4;
	padding:20px;
	border-radius:10px;
}

.context h1 {font-size:21px;color:#333333;}
.context h2 {font-size:16px;color:#333333;}

.context p, .context ul, .context ol {
	font-size:14px;
	line-height:21px;
	color:#333333;
	padding-top:10px;
}

.context ul, .context ol {
	list-style:none;
	counter-reset: li;
}

.context ul li:before {
  content:"\203A";
  font-weight:700;
  color:#0b3d86;
  margin:0 10px 0 -20px;
}

.context ol > li:before {
  content: ""counter(li)".";
  counter-increment:li;
  font-weight:700;
  color:#0b3d86;
  margin:0 10px 0 -20px;
}

.updown {
	display:inline-block;
	width:16px;
	height:16px;
	background-image:url('/img/arrowupdown.png');
	background-repeat:no-repeat;
	background-size:200% 16px;
}

.updown.down {
	background-position:0 0;
}

.updown.up {
	background-position:-16px 0;
}

.envelope {
	background-image:url('/img/envelope.png');
	background-repeat:no-repeat;
	background-size:contain;
}

.letterinput {
	position:relative;
	outline:none;
	font-family:'cathexis';
	background-color:#ededed;
	border:none;
	background-image:url('/img/dashed.png');
	background-repeat:no-repeat;
	background-position:bottom center;
	background-size:288px 2px;
}

.letter {
	outline:none;
	resize:none;
	background-color:#ededed;
	border:none;
	font-family:'cathexis';
}

.lettersend {
	outline:none;
	font-family:'cathexis';
	background-color:#ededed;
	border:none;
	cursor:pointer;
}

.lettersend:hover {
	color:#d97c15;
	background-color:#f2f2f2;
}

/* COMMON */

/* SPACERS */

.space {display:block;}
.space.h5 {height:5px;}
.space.h10 {height:10px;}
.space.h20 {height:20px;}
.space.h40 {height:40px;}
.space.h50 {height:50px;}
.space.w10 {weight:10px;}
.space.w20 {weight:20px;}
.space.nh5 {margin-top:-5px;}
.space.nh10 {margin-top:-10px;}
.space.nh20 {margin-top:-20px;}
.space.nh40 {margin-top:-40px;}
.space.nh50 {margin-top:-50px;}
.space.nw10 {margin-left:-10px;}
.space.nw20 {margin-left:-20px;}

/* SPACERS */

/* TABS */

ul.tabs {
	list-style:none;
	padding:0;
	margin:0;
	display:table;
	width:100%;
	background-color:#0b3d86;
	font-weight:400;
}

ul.tabs li {
	display:table-cell;
	text-align:center;
	overflow:hidden;
	text-overflow:ellipsis;
	white-space:nowrap;
	padding:10px 0 7px 0;
}

ul.tabs li.tabactive a {
	color:#ffffff;
	padding-bottom:4px;
	border-bottom:10px solid #ffffff;
}

ul.tabs li a {
	color:rgba(255, 255, 255, 0.50);
	text-decoration:none;
}

ul.tabs li a:hover, ul.tabs li a:active {
	color:#ffffff;
}

/* TABS */

/* PARALLAX */

.parallax-window {
    background:transparent;
}

/* PARALLAX */

/* GALLERY */

.gallery a {
	display:inline;
}

.gallery a img {
	-moz-box-sizing:border-box;
    -webkit-box-sizing:border-box;
	box-sizing:border-box;
	border:5px solid #000000;
}

/* GALLERY */

/* FULLIMG */

.fullimg {
	width:-moz-calc(100% - 40px);
	width:-webkit-calc(100% - 40px);
	width:calc(100% - 40px);
	height:auto;
	min-height:50px;
	padding:20px;
}

.fullimg.naplestreet1 {
	background-image:url('/img/fullimg/Naples_STreet1c.jpg');
	background-position:center bottom;
	background-size:contain;
	background-repeat:repeat-x;
}

.fullimg.naplestreet2 {
	background-image:url('/img/fullimg/Naples_STreet2c.jpg');
	background-position:-470px center;
	background-size:cover;
	background-repeat:no-repeat;
}

/* FULLIMG */

/* PAYPAL DONATE */

input.ppdonate {
	display:block;
	width:200px;
	height:40px;
	background-size:100% 200%;
	background-color:transparent;
	background-position:0 0;
	border:none !important;
	cursor:pointer;
	appearance:none;
	-webkit-appearance:none;
	-moz-appearance:none;
	-o-appearance:none;
	-ms-appearance:none;
	outline:none;
}

input.ppdonate:hover {
	background-position:0 -40px;
}

.ppcards {
	display:block;
	width:200px;
	height:16px;
	background-size:200px 16px;
	background-image:url('/img/paypalcards.png');
	margin:10px 0;
	
}

/* / PAYPAL DONATE */

/* APP STORES BUTTONS */

a.storebtn {
	background-image:url('/img/appstore.png');
	display:inline-block;
	background-size:200% 200%;
}

/* APP STORES BUTTONS */

/* COOKIE POPUP */

#cookiedialog {
	background-color:rgba(0,0,0,0.94);
	position:fixed;
	width:100%;
	bottom:0;
	left:0;
	color:#ffffff;
	font-size:16px;
	padding:20px;
	box-sizing:border-box;
	z-index:9999999;
	display:table;
}

#cookiedialog a {
	color:#d97c15;
	text-decoration:underline;
	font-weight:700;
}

#cookiedialog .container {width:100%;display:table-row;}

#cookiedialog .container .disclaimer {
	width:99%;
	display:table-cell;
	vertical-align:middle;
	text-align:left;
	padding-right:10px;
}

#cookiedialog .container .closebutton {
	width:1%;
	display:table-cell;
	vertical-align:middle;
}

#cookiedialog .container .closebutton .btn {
	padding:10px;
	border-radius:5px;
	color:#000000;
	background-color:#d97c15;
	margin-left:20px;
	cursor:pointer;
	font-weight:700;
}

#cookiedialog .container .closebutton .btn:hover {background-color:#ffcc00;}

/* COOKIE POPUP */