html {
background: url(../images/templateimages/bg_page.jpg) #fafafa no-repeat center top fixed; 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  height: 100%;
}

body {
	height: 100%;
	background-color: transparent;
	}

h1, h2, h3 {
	font-family: 'Yanone Kaffeesatz', sans-serif;
	color: #FFF;
	text-align: center;
	text-transform: uppercase;
	text-shadow: 2px 3px rgba(0, 0, 0, 0.4);
}

/*h2 {
margin: 5px 0 40px;
}
*/

h2 {
font-size: 22px;
}

h3 {
	line-height: normal;
	font-size: 18px;
	margin-top: 10px;
}

a {
	color: #005580;
}

a:hover, a:focus {
	text-decoration: none;
	color: #08C;
}

.btn {
display: inline-block;
padding: 4px 12px;
margin-bottom: 0;
font-size: 14px;
line-height: 20px;
text-align: center;
vertical-align: middle;
cursor: pointer;
color: #333333;
text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75);
background-color: #f5f5f5;
background-image: -moz-linear-gradient(top, #ffffff, #e6e6e6);
background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ffffff), to(#e6e6e6));
background-image: -webkit-linear-gradient(top, #ffffff, #e6e6e6);
background-image: -o-linear-gradient(top, #ffffff, #e6e6e6);
background-image: linear-gradient(to bottom, #ffffff, #e6e6e6);
background-repeat: repeat-x;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffffff', endColorstr='#ffe6e6e6', GradientType=0);
border-color: #e6e6e6 #e6e6e6 #bfbfbf;
border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
border: 1px solid #cccccc;
border-bottom-color: #b3b3b3;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
-webkit-box-shadow: inset 0 1px 0 rgba(255,255,255,.2), 0 1px 2px rgba(0,0,0,.05);
-moz-box-shadow: inset 0 1px 0 rgba(255,255,255,.2), 0 1px 2px rgba(0,0,0,.05);
box-shadow: inset 0 1px 0 rgba(255,255,255,.2), 0 1px 2px rgba(0,0,0,.05);
white-space:normal;
}

.btn:hover, .btn:focus {
color: #333333;
text-decoration: none;
background-position: 0 -15px;
-webkit-transition: background-position 0.1s linear;
-moz-transition: background-position 0.1s linear;
-o-transition: background-position 0.1s linear;
transition: background-position 0.1s linear;
background-color: #e6e6e6;
}

#header {
text-align:center;
}


#logo {
	text-align: center;
	margin: 0!important;
}

#logo a img {
margin: 0 auto;
}

#sponsor {
	text-align:right;
	margin: 5px -20px 0 0;
}

	#sponsor img {
		width: 140px;
	}

#home-buttons {
	margin-top: 20px;
}

	#home-buttons .btn {
		
		padding: 11px 19px;
		font-size: 17.5px;
		margin: 5px 5px 4px 5px;
		border-color: #e6e6e6 #e6e6e6 #bfbfbf;
			border: 2px solid rgba(255, 255, 255, 0.7);
		display: block;
		text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75);
		
		-webkit-box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.5) , inset 1px 1px 1px rgba(0, 0, 0, 0.3) , inset -1px 0px 1px rgba(0, 0, 0, 0.3);
		-moz-box-shadow: 1px 1px 2px hsla(0, 0%, 0%, 0.5) , inset 1px 1px 1px hsla(0, 0%, 0%, 0.3) , inset -1px 0px 1px hsla(0, 0%, 0%, 0.3);
		box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.5) , inset 1px 1px 1px rgba(0, 0, 0, 0.3) , inset -1px 0px 1px rgba(0, 0, 0, 0.3);
		/*
		background-color: #f5f5f5;
		-webkit-border-radius: 7px;
		-moz-border-radius: 7px;
		border-radius: 7px;
	
		-webkit-box-sizing: border-box;
		box-sizing: border-box;
		-moz-box-sizing: border-box;
		color: #333333;
		background-image: -moz-linear-gradient(top, #ffffff, #e6e6e6);
		background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ffffff), to(#e6e6e6));
		background-image: -webkit-linear-gradient(top, #ffffff, #e6e6e6);
		background-image: -o-linear-gradient(top, #ffffff, #e6e6e6);
		background-image: linear-gradient(to bottom, #ffffff, #e6e6e6);
		background-repeat: repeat-x;
		filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffffff', endColorstr='#ffe6e6e6', GradientType=0);*/
		
	}


.table {
float: none;
}

.table tr:first-child td {
	border-top: none;
}

.table th, .table td {
	text-align: left;

}

.table-responsive {
overflow-y: hidden;
overflow-x: scroll;
-ms-overflow-style: -ms-autohiding-scrollbar;
-webkit-overflow-scrolling: touch;
}

	/* LEVEL 1 ACCORDION */
	.accordion {
		margin-bottom: 20px;
	}
	
	.accordion-group.btn {
		display: block;
		margin-bottom: 6px;
		border: 1px solid #e5e5e5;
		-webkit-border-radius: 4px;
		-moz-border-radius: 4px;
		border-radius: 4px;
	}
	
		.accordion-heading {
			text-transform: uppercase;
			border-bottom: 0;
		}
		
		.accordion-heading .accordion-toggle {
			display: block;
			padding: 8px 15px;
			cursor: pointer;
		}
	
		.accordion-group p,  .accordion-group li{
			text-align: left;
		}
		
		.accordion-inner {
			padding: 9px 15px;
			border-top: 1px solid #e5e5e5;
		}
		
			/* LEVEL 2 ACCORDION */
	
	
			.accordion .accordion-group .accordion-inner .accordion a.collapsed .nav-arrow-bg {
				-webkit-transform: rotate(-45deg);
				-moz-transform: rotate(-45deg);
				-o-transform: rotate(-45deg);
				-ms-transform: rotate(-45deg);
				transform: rotate(-45deg);
			}
			
			.accordion .accordion-group .accordion-inner .accordion a .nav-arrow-bg {
				-webkit-transition: -webkit-transform .5s cubic-bezier(.25,1,.25,1);
				-moz-transition: -moz-transform .5s cubic-bezier(.25,1,.25,1);
				-o-transition: -o-transform .5s cubic-bezier(.25,1,.25,1);
				-ms-transition: -ms-transform .5s cubic-bezier(.25,1,.25,1);
				display: block !important;
				width: 20px;
				height: 20px;
				position: absolute;
				top: 14px;
				right: 12px;
				width: 3px;
				background-color: #999;
				height: 8px;
				-webkit-transform: rotate(45deg) translate3d( 0, 0, 0);
				-moz-transform: rotate(45deg) translate( 0, 0);
				-o-transform: rotate(45deg) translate( 0, 0);
				transform: rotate(45deg) translate3d( 0, 0, 0);
			}
			
			.accordion .accordion-group .accordion-inner .accordion a .nav-arrow-bg .nav-arrow {
				content: '';
				-webkit-transform: rotate(90deg);
				-moz-transform: rotate(90deg);
				-o-transform: rotate(90deg);
				-ms-transform: rotate(90deg);
				transform: rotate(90deg);
				display: block !important;
				background-color: white;
				width: 4px;
				height: 10px;
				position: absolute;
				top: 3px;
				left: -3px;
				width: 3px;
				background-color: #999;
				height: 8px;
			}
			
			.accordion .accordion-group .accordion-inner .accordion .accordion-heading .accordion-toggle{
				text-align: left;
				background-color: #e1e1e1;
				position: relative;
			}
			
			.accordion .accordion-group .accordion-inner .accordion .accordion-group {
				padding: 0;
			}
			
			.accordion .accordion-group .accordion-inner .table tr:first-child td {
				border-top: 1px solid #DDD;
			}
			
			.accordion .accordion-group .accordion-inner .table th {
				color: #999;
				font-size: 11px;
				font-weight: normal;
			}
			
			.accordion-inner img {
				max-width: 100%;
				height: auto;
			}



@media (max-width:480px){

	/*body {
		background: url(../images/mobile/page_bg_480.jpg) 50% top repeat;
	}*/
	
	#sponsor img {
		width: 92px;
	}

}

@media (max-width : 321px){
	/*body {
		background: url(../images/mobile/page_bg_321.jpg) 50% top repeat;
	}*/
}