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


/* ------------ basics & reset ----------- */
/* --------------------------------------- */

html, body, header, h1, h2, h3, h4 {
	margin:0;
	padding:0;
}

html {
	background: url(img/bkg_pat_blue.jpg) repeat top center;
}

body, pre {
	font: normal 14px/140% Tahoma, Arial, Verdana;
	‑webkit‑text‑size‑adjust: none;
	color: #000;	
}

a:focus, a:active, input { outline: none !important; /*border: 0 none !important;*/}

a {
	text-decoration: none;
	color: #000;
}

a img {
	outline: none; 
	border: 0 none;
}

a:hover {
	/* color: #b1c800; */
	text-decoration: underline;
}

::selection {
    background: #e2003b;
    color: #fff;
    text-shadow: 0px 2px 2px #333;
}
::-moz-selection {
    background: #e2003b;
    color: #fff;
    text-shadow: 0px 2px 2px #333;
}

.clear {
	clear: both;
}

.content {
	width: 960px;
	margin: 0 auto;
	text-align: center;
	position: relative;
}




/* --------------- custom classes ---------------- */
/* --------------------------------------- */

.white { color: #fff; }
.black { color: #000; }
.grey { color: #666; }
.green { color: #b1c800; }
.red { color: #e2003b; }
.blue { color: #104a83; }
.narrow { font-family: "Arial Narrow", Bebas; }
.bebas { font-family: Bebas, "Arial Narrow"; }
.helvetica { font-family: Tahoma, Arial, Verdana; }
.center { text-align: center; }







/* --------------- header ---------------- */
/* --------------------------------------- */

#header {

}

#head_right {
	font: normal 48px/0.9em Bebas, 'Arial Narrow';
	color: #fff;
	height: 132px;
	text-align: right;
	margin-bottom: 20px;
    margin-top: 25px;
    padding: 0;
	text-shadow: 0 2px 2px #093560;
	float: right;
	background: none repeat scroll 0 0 transparent;
	
	transform: rotate(0deg);
	-ms-transform: rotate(0deg); /* IE 9 */
	-webkit-transform: rotate(0deg); /* Safari and Chrome */
	-o-transform: rotate(0deg); /* Opera */
	-moz-transform: rotate(0deg); /* Firefox */
}

#top_nav_wrap {
	height: 60px;
	position: absolute;
	width: 100%;
	z-index: 200;
	margin: -60px auto 0;	
}

ul#top_nav {
	font: normal 31px/1em Bebas, 'Arial Narrow';
	text-shadow: 0 2px 2px #093560;
	color: #fff;
	padding: 16px 0 0 0;
	margin: 0 auto;
	width: 960px;
}

ul#top_nav li {
	float: left;
	list-style: none;
	margin-right: 28px;
}

ul#top_nav li.last {
	margin-right: 0;
} 

ul#top_nav li a {
	color: #fff;
	
	transition: all 0.7s ease-in-out;
	-webkit-transition: all 0.7s ease-in-out;
	-moz-transition: all 0.7s ease-in-out;
	-o-transition: all 0.7s ease-in-out;
	-ms-transition: all 0.7s ease-in-out; 
}

ul#top_nav li a:hover {
	color: #b1c800;
	text-decoration: none;
	text-shadow: 0 2px 3px #000;
	
		
	transition: all 0.3s ease-in-out;
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out; 
	
}

ul#top_nav li a.top_nav_active {
	color: #b1c800;
}





/* --------------- page main ---------------- */
/* --------------------------------------- */

iframe { position: relative; z-index: 100; }

.white_cont {
	background: url(img/bkg_pat_white.jpg) repeat top center;
	border-top: 2px solid #fff;
}

.page_block_home {
	margin-top: 20px;
	float: left;
	width: 240px;
	padding-left: 10px;
	padding-right: 10px;
	text-align: left;
}

.page_title {
	font: normal 38px Bebas, 'Arial Narrow';
	color: #e2003b;
	text-align: left;
}

.page_subtitle {
	font: normal 35px Bebas, 'Arial Narrow';
	text-align: left;
}

.page_text {
	font: normal 30px Bebas, 'Arial Narrow';
	color: #000;
	text-align: left;
}

.page_text_standard {
	font: normal 14px/140% Tahoma, Arial, Verdana;
	color: #000;
	text-align: left;
}

.splash {
	width: 320px;
	height: 143px;
    padding-top: 60px;
	background: url(img/splash.png) center center no-repeat;
	text-align: center;
	font: normal 35px/1em Bebas, 'Arial Narrow';
	color: #000;
	float: left;
	display: block; 
	margin: 50px auto 40px;
	background-size: 320px;
	
	transition: all 0.3s ease-in-out;
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out;
}

.splash:hover {
	color: #000;
	position: relative;
	top: 0px;
	text-decoration: none;
	background-size: 260px;
	
	transform: rotate(-5deg);
	-ms-transform: rotate(-5deg); /* IE 9 */
	-webkit-transform: rotate(-5deg); /* Safari and Chrome */
	-o-transform: rotate(-5deg); /* Opera */
	-moz-transform: rotate(-5deg); /* Firefox */
	
	transition: all 0.3s ease-in-out;
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out;
}



.rounded_button {
	transition: all 0.3s ease-in-out;
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out;
}


.rounded_button:hover {
	transform: rotate(-360deg);
	-ms-transform: rotate(-360deg); /* IE 9 */
	-webkit-transform: rotate(-360deg); /* Safari and Chrome */
	-o-transform: rotate(-360deg); /* Opera */
	-moz-transform: rotate(-360deg); /* Firefox */
	
	-webkit-transition: all 600ms cubic-bezier(0.535, 0.130, 0.370, 1); /* older webkit */
	-webkit-transition: all 600ms cubic-bezier(0.535, 0.130, 0.370, 1.460);
	   -moz-transition: all 600ms cubic-bezier(0.535, 0.130, 0.370, 1.460);
	     -o-transition: all 600ms cubic-bezier(0.535, 0.130, 0.370, 1.460);
	        transition: all 600ms cubic-bezier(0.535, 0.130, 0.370, 1.460); /* custom */

	-webkit-transition-timing-function: cubic-bezier(0.535, 0.130, 0.370, 1); /* older webkit */
	-webkit-transition-timing-function: cubic-bezier(0.535, 0.130, 0.370, 1.460);
	   -moz-transition-timing-function: cubic-bezier(0.535, 0.130, 0.370, 1.460);
	     -o-transition-timing-function: cubic-bezier(0.535, 0.130, 0.370, 1.460);
	        transition-timing-function: cubic-bezier(0.535, 0.130, 0.370, 1.460); /* custom */
}




.line {
	width:40%;
	/* border-bottom: 2px solid #e2003b; */
	margin: 5px auto;
	text-align: center; 
}

.vinc_line {
	border-bottom: 1px solid #444; 
	width: 30%; 
	margin: 20px auto;
}

.rotate {
	transform: rotate(-1deg);
	-ms-transform: rotate(-1deg); /* IE 9 */
	-webkit-transform: rotate(-1deg); /* Safari and Chrome */
	-o-transform: rotate(-1deg); /* Opera */
	-moz-transform: rotate(-1deg); /* Firefox */
	
}


a.puls {
	font: normal 31px Bebas, "Arial Narrow";	
	background: #fff;
	border-radius: 25px;
    color: #E2003B;
    display: inline;
    position: relative;
    top: 0px;
    padding: 7px 15px 2px;
    text-decoration: none;
    border: 3px solid #bbb;
    
    transition: all 0.1s linear;
	-webkit-transition: all 0.1s linear;
	-moz-transition: all 0.1s linear;
	-o-transition: all 0.1s linear;
	-ms-transition: all 0.1s linear;
}

a.puls:hover {
	box-shadow: 0 19px 4px -18px #000;
    position: relative;
    top: -6px;
    text-decoration: none;
    border: 6px solid #54b4dc;
    padding: 10px 18px 5px;
    border-radius: 35px;
    
    transition: all 0.2s linear;
	-webkit-transition: all 0.2s linear;
	-moz-transition: all 0.2s linear;
	-o-transition: all 0.2s linear;
	-ms-transition: all 0.2s linear;
}

a.puls:active {
	top: 0px;
	box-shadow: none;
}



/* --------------- vincitori ---------------- */
/* --------------------------------------- */

h2 {
    background: none repeat scroll 0 0 #B1C800;
    color: #000000;
    display: inline-block;
    font: 38px/1.3em Bebas,"Arial Narrow";
    margin: 10px auto 20px;
    padding: 5px 60px 0;
    
    
}

h3 {
	border-top: 5px solid #E2003B;
    color: #104A83;
    display: inline-block;
    font: 34px/1.3em Bebas,"Arial Narrow";
    margin: 20px auto 10px;
    padding: 3px 6px 0;
}

h4 {
	display: inline-block;
    font-size: 21px;
    font-weight: bold;
    letter-spacing: -1px;
    margin: 0 auto 5px;
    text-transform: uppercase;
}

.win { background: url("img/ico_win.png") no-repeat scroll left center #FFFFFF !important; padding: 7px 15px 2px 50px !important; }

.info { background: url("img/ico_info.png") no-repeat scroll left center #FFFFFF !important; padding: 7px 15px 2px 50px !important; }

.mic { background: url("img/ico_mic.png") no-repeat scroll left center #FFFFFF !important; padding: 7px 15px 2px 50px !important; }

.pic { background: url("img/ico_pic.png") no-repeat scroll left center #FFFFFF !important; padding: 7px 15px 2px 50px !important; }

.video { background: url("img/ico_video.png") no-repeat scroll left center #FFFFFF !important; padding: 7px 15px 2px 50px !important; }

.link_vinc {
	border-radius: 25px;
    color: #E2003B;
    display: inline;
    position: relative;
    top: -2px;
    text-decoration: none;
    border: 3px solid #aaa;
    line-height: 1.9em;
    
}

.link_vinc:hover {
	box-shadow: 0 19px 4px -18px #000;
    text-decoration: none;
    position: relative;
    top: -5px;
    border: 3px solid #54b4dc;
    border-radius: 25px;
    
    transition: all 0.1s linear;
	-webkit-transition: all 0.1s linear;
	-moz-transition: all 0.1s linear;
	-o-transition: all 0.1s linear;
	-ms-transition: all 0.1s linear;
}

.link_vinc:active {
	top: -2px;
	box-shadow: none;
	
	transition: all 0s linear;
	-webkit-transition: all 0s linear;
	-moz-transition: all 0s linear;
	-o-transition: all 0s linear;
	-ms-transition: all 0s linear;
}


/* --------------- footer ---------------- */
/* --------------------------------------- */

#footer {
	color: #fff;
	font: normal 18px/140% Tahoma, Arial, Verdana;
}

#footer a {
	color: #e2003b;
	font-weight: bold
}

/* --------------- @font-face ---------------- */
/* --------------------------------------- */

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

}



@media only screen and (max-width: 1060px) { 

#logo { 
	margin-left: 32px;
	 
	transition: all 0.5s ease-in-out;
	-webkit-transition: all 0.5s ease-in-out;
	-moz-transition: all 0.5s ease-in-out;
	-o-transition: all 0.5s ease-in-out;
	-ms-transition: all 0.5s ease-in-out;
}

}