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

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

@font-face {
    font-family: 'octin_sportsbold';
    src: url('css/fonts/octin_sports_rg_bold-webfont.eot');
    src: url('css/fonts/octin_sports_rg_bold-webfont.eot?#iefix') format('embedded-opentype'),
url('css/fonts/octin_sports_rg_bold-webfont.woff2') format('woff2'),
url('css/fonts/octin_sports_rg_bold-webfont.woff') format('woff'),
url('css/fonts/octin_sports_rg_bold-webfont.ttf') format('truetype'),
url('css/fonts/octin_sports_rg_bold-webfont.svg#octin_sportsbold') format('svg');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'octin_sports';
    src: url('css/fonts/octin_sports_rg-webfont.eot');
    src: url('css/fonts/octin_sports_rg-webfont.eot?#iefix') format('embedded-opentype'),
url('css/fonts/octin_sports_rg-webfont.woff2') format('woff2'),
url('css/fonts/octin_sports_rg-webfont.woff') format('woff'),
url('css/fonts/octin_sports_rg-webfont.ttf') format('truetype'),
url('css/fonts/octin_sports_rg-webfont.svg#octin_sportsregular') format('svg');
    font-weight: normal;
    font-style: normal;

}



/* CSS reset */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td { 
	margin:0;
	padding:0;
}
html,body {
	margin:0;
	padding:0;
}
table {
	border-collapse:collapse;
	border-spacing:0;
}
fieldset,img { 
	border:0;
}
input{
	border:1px solid #b0b0b0;
	padding:3px 5px 4px;
	color:#979797;
	width:190px;
}
address,caption,cite,code,dfn,th,var {
	font-style:normal;
	font-weight:normal;
}
ol,ul {
	list-style:none;
}
caption,th {
	text-align:left;
}
h1,h2,h3,h4,h5,h6 {
	font-size:100%;
	font-weight:normal;
}
q:before,q:after {
	content:'';
}
abbr,acronym { border:0;
}
/* General Demo Style */
body{
	font-family: Constantia, Palatino, "Palatino Linotype", "Palatino LT STD", Georgia, serif;
	background: #000;
	font-weight: 400;
	font-size: 15px;
	color: #aa3e03;
	overflow-y: scroll;
	overflow-x: auto;
}
.ie7 body{
	overflow:hidden;
}
a{
	color: #f8d002;
	text-decoration: none;
}

#top_ducks {
	position:absolute;
	background-image:url('images/nav-top.png');
	background-position:center center;
	background-repeat:no-repeat;
	width:820px;
	height:23px;
	top:-25px;
}
	
#bottom_ducks {
	position:absolute;
	background-image:url('images/nav-top.png');
	background-position:center center;
	background-repeat:no-repeat;
	width:820px;
	height:23px;
	bottom:-25px;
	transform: rotate(180deg);
}
header {
	position:relative;
	width:820px;
	height:65px;
	background:rgba(0,0,0,0.6);
	border-radius:20px;
	border: 4px solid #fff04d;
	/*border: 4px solid #DDD;*/
	margin: 50px auto;
	box-shadow: 0px 0px 20px #000;
	z-index:100;
}

#logo{
	position: absolute;
	width: 233px;
	height: 120px;
	top:-33px;
	/*left:294px;*/
	left:280px;
	z-index:10;
}

#container{
	position: relative;
	width: 960px;
	height: auto !important;
	min-height: 400px;
	border: 2px solid #fad40e;
	text-align: center;
	margin:50px auto 20px auto;
	border-radius:20px;
	background-color: rgba(0, 0, 0, 0.8);
	box-shadow: 0px 0px 15px #000000;
	z-index:10;
	overflow:hidden;
	padding:4px;
}

#container h1, #container h1 a{
	color: #FFF;
	font-family: 'Viga', sans-serif;
	font-size:20px;
	margin:15px auto 15px auto;
}

#container h1 a:hover{
	color: #fad40e;
}

#container img{
	border: 1px solid #000;
}
#container img:hover{
	border: 1px solid #fad40e;
}

#title{
	position:relative;
	height:26px;
	width:956px;
	background:#fad40e url(images/header.jpg) no-repeat center;
	padding:2px;
	border-top-left-radius:16px;
	border-top-right-radius:16px;
	font-family: 'Viga', sans-serif;
	font-size:20px;
	color:#000;
	border-bottom:2px solid #000;
}

#home-people{
	position:relative;
	width:960px;
	height:253px;
	background-image:url(images/home-people.png);
	background-position:center bottom;
	background-repeat:no-repeat;
	z-index:9;
	margin: -60px auto -60px auto;
	background-size:930px;
}

#footer{
	position:relative;
	height:21px;
	width:960px;
	background:#fad40e url(images/header.jpg) no-repeat center;
	border-bottom-left-radius:16px;
	border-bottom-right-radius:16px;
	font-family: 'Viga', sans-serif;
	font-size:10pt;
	padding-top:5px;
	padding-bottom:0;
	color:#333333;
	clear:both;
}

#footer a {
	color:#000000;
}

#footer a:hover {
	text-decoration: underline;
}


#menu_button {
	display:none;
}

nav ul ul {
	top:90%!important;
	margin-left:10px;
	opacity:0;
	-webkit-transition:0.2s;
	border-left: 4px solid #78f200;
	border-right: 4px solid #78f200;
	padding-top:10px!important;
	visibility: hidden;
}
	nav ul li:hover > ul {
		top:100%!important;
		display: block;
		visibility: visible;
		opacity:1;
	}

	nav ul li:nth-child(2) {
	/*margin-right:225px;*/
	margin-right:250px;
}

	nav ul li ul li:nth-child(2) {
	margin-right:auto;
}

nav ul {
	padding: 4px 20px 0px 20px;
	border-radius: 10px;  
	list-style: none;
	position: relative;
	display: inline-table;
	font-family: 'BebasNeueRegular';
	font-size:32px;
	float:left;
	margin:0 auto;
	width:780px;
	text-shadow: 1px 1px 5px #000;
}
	nav ul:after {
		content: ""; clear: both; display: block;
	}


	nav ul li {
		border-radius: 4px;
		float: left;
	}
		nav ul li:hover {
			background-color: transparent; /* Old browsers */
		}
			nav ul li:hover a {
				color: #000;
			}
		
		nav ul li a {
			display: block; padding: 12px 20px 6px 20px;
			color: #fff04d; text-decoration: none;
			/*background: -webkit-linear-gradient(#ffb300, #ff4200);
			-webkit-background-clip: text;
			-webkit-text-fill-color: transparent;*/
			z-index:100;
		}
		nav ul li:nth-child(1) a {
			color: #ff7e00;
			-webkit-transition:0.1s;
			background-position:bottom;
		}
			nav ul li:nth-child(1) a:hover {
				margin-top:2px;
				padding-top:4px;
				border-bottom:6px solid #ff7e00;
				/*border-radius:10px;*/
				background-image:url('images/menu-bg-01.png');
				background-position:center center;
				background-repeat: no-repeat;
			}
			nav ul li:nth-child(1) a:active {
				background-position:bottom;
				margin-top:2px;
				padding-top:6px;
				border-bottom:4px solid #ff7e00;
			}


		nav ul li:nth-child(2) a {
			color: #78f200; 
			-webkit-transition:0.1s;
			background-position:bottom;
			margin-left:10px;
		}
			nav ul li:nth-child(2) a:hover {
				margin-top:2px;
				padding-top:4px;
				border-bottom:6px solid #78f200;
				background-image:url('images/menu-bg-03.png');
				background-position:center center;
				background-repeat: no-repeat;
			}
			nav ul li:nth-child(2) a:active {
				background-position:bottom;
				margin-top:2px;
				padding-top:6px;
				border-bottom:4px solid #78f200;
			}


		nav ul li:nth-child(3) a {
			color: #fe00bf; 
			-webkit-transition:0.1s;
			background-position:bottom;
		}
			nav ul li:nth-child(3) a:hover {
				margin-top:2px;
				padding-top:4px;
				border-bottom:6px solid #fe00bf;
				background-image:url('images/menu-bg-02.png');
				background-position:center center;
				background-repeat: no-repeat;
			}
			nav ul li:nth-child(3) a:active {
				background-position:bottom;
				margin-top:2px;
				padding-top:6px;
				border-bottom:4px solid #fe00bf;
			}


		nav ul li:nth-child(4) a {
			color: #00d7fe; 
			-webkit-transition:0.1s;
			background-position:bottom;
		}
			nav ul li:nth-child(4) a:hover {
				margin-top:2px;
				padding-top:4px;
				border-bottom:6px solid #00d7fe;
				background-image:url('images/menu-bg-04.png');
				background-position:center center;
				background-repeat: no-repeat;
			}
			nav ul li:nth-child(4) a:active {
				background-position:bottom;
				margin-top:2px;
				padding-top:6px;
				border-bottom:4px solid #00d7fe;
			}
			
		
	nav ul ul {
		font-size:24px;
		width:230px;
		/*background: #5f6975;*/ border-radius: 0px; padding: 0;
		/*padding:0 0 10px 0;*/
		background:rgba(0,0,0,0.6);
		/*border: 2px solid #fff04d;*/
		position: absolute; top: 100%;
		color: #FFF!important;
	}
		nav ul ul li {
			float: none; 
			/*border-top: 1px solid #6b727c;
			border-bottom: 1px solid #575f6a;*/ position: relative;
		}
			nav ul ul li a {
				line-height:1;
				padding: 10px 20px;
				color: #FFF!important;
				margin-left:0!important;
				-webkit-transition:0.1s;
			}	
				nav ul ul li a:hover {
					/*background: #4b545f;*/
					color:#78f200 !important;
					background:rgba(0,0,0,0.5);
					/*border-right:6px solid #78f200;*/
					border-left:6px solid #78f200;
					border-bottom:0px !important;
					border-top:0px !important;
					margin-top:0 !important;
					padding-top:10px !important;
				}
		
	nav ul ul ul {
		position: absolute; left: 100%; top:0;
	}
	
	
nav ul ul li small {
	font-size:16px;
}

	 
/*----------------------- COUNTDOWN -----------------------*/
.numbers {
    padding: 0px;
    width: 90px;
    text-align: center;
    font-family: 'Orbitron', sans-serif;           
    font-size: 40px;
    font-weight: bold;    /* options are normal, bold, bolder, lighter */
    font-style: normal;   /* options are normal or italic */
    color: #FFFFFF;       /* change color using the hexadecimal color codes for HTML */
	text-shadow: 0px 0px 20px #FFF;
	border-right:2px solid #444;
}

.title {    /* the styles below will affect the title under the numbers, i.e., "Days", "Hours", etc. */
    border-style: none;
    padding: 0px 0px 5px 0px;
    width: 90px;
    text-align: center;
    font-family: Arial;
    font-size: 12px;
    font-weight: bold;    /* options are normal, bold, bolder, lighter */
    color: #FFFFFF;       /* change color using the hexadecimal color codes for HTML */
}
#table {
    width: 380px;
    height: 70px;
    margin: 10px auto 5px auto;
    position: relative;   /* leave as "relative" to keep timer centered on your page, or change to "absolute" then change the values of the "top" and "left" properties to position the timer */
    top: 0px;            /* change to position the timer */
    left: 0px;            /* change to position the timer; delete this property and it's value to keep timer centered on page */
	z-index:200; 
	/*box-shadow:0px 0px 20px #000;
	border-radius:10px;
	background-color: rgba(0, 0, 0, 0.5);*/
}
/*----------------------- COUNTDOWN -----------------------*/

#container_events{
	position: relative;
	width: 960px;
	height: auto !important;
	min-height: 400px;
	border: 2px solid #fad40e;
	text-align: center;
	margin:50px auto 20px auto;
	border-radius:20px;
	background-color: rgba(0, 0, 0, 0.8);
	box-shadow: 0px 0px 15px #000000;
	z-index:10;
	overflow:hidden;
	padding:4px;
}

#title_events {
	position:relative;
	height:26px;
	width:956px;
	background:#fad40e url(images/header.jpg) no-repeat center;
	padding:2px;
	border-top-left-radius:16px;
	border-top-right-radius:16px;
	font-family: 'Viga', sans-serif;
	font-size:20px;
	color:#000;
	border-bottom:2px solid #000;
}

.events_list {
	width:960px;
	height:100%;
	padding:0px 3px 25px 3px;;
	float:left;
}

.single_event {
	box-shadow: 0 0 10px #000;
	text-shadow: 0 0 5px #000;
	text-align:left;
	font-family: 'Viga', sans-serif;
	font-size:20px;
	color:#000;
	position:relative;
	width: 260px;
	height:100%;
	float:left;
	background-color:rgba(255, 255, 255, 0.2);
	border:2px solid #777777;
	margin-left:18px;
	margin-top:25px;
	border-top-right-radius:20px;
	border-bottom-left-radius:20px;
	padding:10px 15px;
	-webkit-transition:0.1s;
}

.events_list li:nth-child(3n + 4) {
	clear: both;
}

.single_event img {
	border:2px solid #000;
	margin:5px 0 0 -2px;
	box-shadow: 0 0 5px #000;
	-webkit-transition:0.1s;
	max-width:260px;
}

	.single_event:hover a img  {
		border:2px solid #fad40e;
	}

	.single_event a {
		color:#FFF;
		-webkit-transition:0.1s;
	}
	.single_event:hover a{
		color:#fad40e;
	}

.single_event h1 {
	line-height:0.9;
	font-size:30px;
	color:#FFF;
	margin-bottom:10px;
}

.single_event h2 {
	font-size:26px;
	color:#FFF;
}

.single_event h3 {
	font-size:16px;
	color:#FFF;
}

.single_event h4 {
	font-size:14px;
	color:#FFF;
	margin-top:5px;
}

.single_event h5 {
	text-align:right;
	font-size:14px;
	color:#FFF;
	margin-top:5px;
}

.upcoming {
	box-shadow: 0 0 30px #FFFF00;
	border:2px solid #fad40e;
}

.upcoming h1 a{
	color:#fad40e!important;
}

.upcoming h2 {
	color:#fad40e;
}

.upcoming h4 {
	color:#fad40e;
}

.single_event_sep {
	background-image:url(images/events_sep.png);
	background-repeat:repeat-x;
	width:260px;
	height:4px;
	margin:5px 0;
}
	
	
	
#wip {
	width: 433px;
	height: 347px;
	margin: 100px auto;
	background:url(images/wip-sign.png) no-repeat;
}



.story img, .story img:hover {
	border:none!important;
	margin: 2px 1px 6px 1px;
}

#storytext {
	width:400px;
	float:left;
	padding: 15px 15px 0 15px;
	font-family: 'Viga', sans-serif;
	color: #FFFFFF;
	font-size:16px;
	text-align: left;
	text-shadow: 0 0 5px #000;
	background:url(images/story/bg.png) center no-repeat;
	
}

#storytext span {
	font-family: 'Indie Flower', cursive;
	font-size:18px;
	color:#fad40e;
	font-weight:bold;
}

.contatti {
	margin: 2px 2px 6px 1px;
}

#contatti_fb {
	width:310px;
	height:500px;
	background-image:url(images/contatti/big_fb.jpg);
	float:left;
	background-position:center bottom;
	-webkit-transition:0.1s;
	background-size:100%;
	margin-top: 2px;
	margin-bottom: 4px;
}

#contatti_fb:hover {
	background-size:105%;
}

#contatti_email {
	width:310px;
	height:500px;
	background-image:url(images/contatti/big_email.png);
	float:left;
	margin-left:14px;
	background-position:center bottom;
	-webkit-transition:0.1s;
	background-size:100%;
	margin-top: 2px;
	margin-bottom: 4px;
}

#contatti_email:hover {
	background-size:105%;
}

#contatti_yt{
	width:310px;
	height:500px;
	background-image:url(images/contatti/big_yt.jpg);
	float:right;
	background-position:center bottom;
	-webkit-transition:0.1s;
	background-size:100%;
	margin-top: 2px;
	margin-bottom: 4px;
}

#contatti_yt:hover {
	background-size:105%;
}


#fullwidth {
	width:920px;
	float:left;
	padding: 20px;
	font-family: Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	font-size:16px;
	text-align: left;
	text-shadow: 0 0 5px #000;
}

#fullwidth p {
	margin-bottom:10px;
	line-height:135%;
}

#fullwidth h1 {
	font-size:24px;
	color:#f8d002;
}


#fullwidth ul li {
	padding-top:10px;
	margin-left:20px;
	list-style-type: disc;
	list-style-position: outside;
	line-height:135%;
}


.cc_container {
	background-color:transparent!important;
	background: rgba(0,0,0, 0.95)!important;
	border-top:2px solid #fad40e!important;
}