@charset "UTF-8";

/* PLEASE DO NOT EDIT THIS FILE, ANY CHANGE PLESE ADD TO main.css */

/* define custom font-family */
@font-face {font-family: DB-TEMPLATE-X; src: url(DB-TEMPLATE-X-V3.2_0.TTF);}
@font-face {
    font-family: 'FuturaMd';
    src: url('../font/FtraMd.ttf');
    src: url('../font/ftramd__-webfont.eot?#iefix') format('embedded-opentype'),
         url('../font/FtraMd.ttf') format('truetype');
	font-weight: normal;
}           

<!--html, body {height: 100%; }

body {font-family: DB-TEMPLATE-X; margin: 0; border: 0; padding: 0; background: #fff; color: #000;}


/*SPACING*/
.space5 {display: block; clear: both; height: 5px; width: 1px;}
.space10 {display: block; clear: both; height: 10px; width: 1px;}
.space20 {display: block; clear: both; height: 20px; width: 1px;}
.space30 {display: block; clear: both; height: 30px; width: 1px;}
.space50 {display: block; clear: both; height: 50px; width: 1px;}


/* TYPO */
h1 {color: #D72624; margin: 0; padding: 0; }
h2 {color: #FFF; border-top: 1px solid #FFF; margin: 0; padding: 0;}
h3 {color: #D72624; font-size: 25pt; margin: 0; padding: 0; font-weight: normal;}
a  {color: #FFCC00; text-decoration: none; }

.red {color: #D72624;}
.white {color: #FFF;}
.grey {color: #CCCCCC;}
.title_text {color: #D72624; font-size: 14pt;}

/*TEMPLATE*/
#background {position: fixed; width: 100%; height: 100%; z-index: -1; background-repeat: no-repeat; background-position:center; background-position:top;}
	.bg-race-info {background-image: url(../images/backgrounds/bg_raceinfo.jpg);}
	.bg-results-news {background-image: url(../images/backgrounds/bg_results_news.jpg);}
	.bg-contact {background-image: url(../images/backgrounds/bg_contactus.jpg);}
	.bg-about {background-image: url(../images/backgrounds/bg_about.jpg);}
	.bg-home {background-image: url(../images/backgrounds/bg_home_2020.jpg);}
	.bg-training {background-image: url(../images/backgrounds/bg_contactus.jpg);}
	.bg-gallery {background-image: url(../images/backgrounds/bg_gallery.jpg);}
	.bg-gear {background-image: url(../images/backgrounds/bg_gear.jpg);}
	.bg-intro {background-image: url(../images/backgrounds/bg_intro.jpg);}
	
	.bg-accessories {background-image: url(../images/backgrounds/bg_equipment.jpg);}
	.bg-foot-men {background-image: url(../images/backgrounds/bg_footwear_man.jpg);}
	.bg-foot-women {background-image: url(../images/backgrounds/bg_footwear_woman.jpg);}
	.bg-apparel-men {background-image: url(../images/backgrounds/bg_apparel_man.jpg);}
	.bg-apparel-women {background-image: url(../images/backgrounds/bg_apparel_woman.jpg);}
	
#container {margin: 0 auto; width: 1000px;}

/* HEADER */
#header {width: 1000px; height: 93px; background: #000; clear: both; position: fixed; z-index: 999;}
	#logo {float: left; width: 238px; margin-top: 17px; margin-left: 17px;}
	
	
	#menu {float: left; width: 745px;}
		#top-tools {float: right; clear: both; margin-right: 4px; margin-top: 10px;}
		#top-tools ul {margin: 0; padding: 0; list-style-type: none;}
		#top-tools li {float: left;}
		#top-tools li a {text-decoration: none; color: #FFF;}
		#top-tools li a:hover {text-decoration: none; color: #D72624;}
		
		#top-tools .social-logo {margin-top: 1px; padding-right: 10px;}
		#top-tools .social-text {margin-top: 2px; padding-right: 15px;}
		#top-tools .switch-lang {width: 20px; height: 18px; text-align: center; padding-top: 2px; margin-right: 6px;}
		#top-tools .lnk-lang {text-decoration: none; color: #FFF;}
		#top-tools .lnk-lang:hover {text-decoration: none; color: #FFF;}
		#top-tools .active {background: #D72624;}
		#top-tools .inactive {background: #6E6E6E;}
		
		#top-menu {float: right; clear: both; margin-top: 25px; margin-right: 15px;}
		#top-menu ul {margin: 0; padding: 0; list-style-type: none;}
		#top-menu li {float: left; margin-left: 30px;}
		#top-menu li:first-child {margin-left: 0px;}
		#top-menu li a {text-decoration: none; color: #FFF;}
		#top-menu li a:hover {text-decoration: none; color: #D72624;}
		#top-menu li.active a {text-decoration: none; color: #D72624;}
		
		
/* CONTENT */
.futura {font-family: "Futura Md";}		
#page-title {float: right; clear: both; text-align: right; margin-top: 93px; height: 155px;}
	#page-title img {float: right; margin-right: -10px; margin-top: 40px;}
#page-content {clear: both; width: 956px; padding: 24px 22px; background: url(../images/backgrounds/bg_grey_trans.png);}

	
	
	/* SIDE MENU */
	#page-content #side-menu {width: 210px; float: left; }
		#page-content #side-menu ul {list-style-type: none; margin: 0; padding: 0;}
		#page-content #side-menu ul li {width: 222px; height: 28px; clear: both; float: left; padding-left: 10px; margin-top: 6px; background-color: #000; background-image: url(../images/arrow-red.png); background-repeat: no-repeat; background-position: right top;}
		#page-content #side-menu ul li:first-child {margin-top: 0px;}
		#page-content #side-menu ul li a {float: left; margin-top: 6px; text-decoration: none; color: #FFF;}
		#page-content #side-menu ul li:hover {background-image: url(../images/arrow-grey.png);}
		#page-content #side-menu ul li:hover a {color: #D72624;}
		
		#page-content #side-menu ul li.active {background-image: url(../images/arrow-grey.png);}
		#page-content #side-menu ul li.active a {color: #D72624;}
		#page-content #side-menu ul li.sub {background-color: #CCC;}
		#page-content #side-menu ul li.sub a {color: #D72624}
		
		
		
		
	/* VERTICAL SUB MENU */
	#page-content #sub-menu {position: absolute; margin-top: -38px;}
		#page-content #sub-menu ul {list-style-type: none; margin: 0; padding: 0;}
		#page-content #sub-menu ul li {width: 144px; height: 28px; float: left; text-align: right; margin-left: 10px; background-color: #000; background-image: url(../images/arrow-red.png); background-repeat: no-repeat; background-position: right top;}
		#page-content #sub-menu ul li:first-child {margin-left: 0px;}
		#page-content #sub-menu ul li a {float: right; margin-top: 6px; margin-right: 40px; text-decoration: none; color: #FFF;}
		#page-content #sub-menu ul li:hover {background-image: url(../images/arrow-grey.png);}
		#page-content #sub-menu ul li:hover a {color: #D72624;}
	
		#page-content #sub-menu ul li.active {background-image: url(../images/arrow-grey.png);}
		#page-content #sub-menu ul li.active a {color: #D72624;}
		
		#page-content #content {width: 700px; float: left; margin-left: 46px;}
		
	
		
/* FOOTER */
#footer {width: 1000px; height: 24px; padding-top: 6px; background: #D72624; text-align: center; color: #FFF;}