body.front {
	background: #060606 url(/Images/body_bg.jpg) 50% 0 no-repeat;
}

/* */
html, body, #wrap {height: 100%;}

body > #wrap {height: auto; min-height: 100%;}

:focus {outline: none;}

.front * {margin: 0; padding: 0;}

.front .page {
	height: 100%;
	font-size: 62.5%;
	color: #FFFFFF;	
	font-family: Arial, Helvetica, sans-serif;
	padding-bottom: 50px;  /* must be same height as the footer */
}

.front h1 { font-size:3em; margin:60px 0 20px 0; text-align:center; text-transform:uppercase;}
.front h1 .dale { font-size: 0.5em;}
.front h2 { margin:10px 0 10px 0; text-align:center; color:#0AC4D9; font-size:1em; }
.front p { margin:0 0 10px 0; font-size:0.9em; text-align:center;}
.front a {color: #0AC4D9; }

 
.front #logo {
	float: left;
	display: block;
	width: 110px;
	height: 0px;
	padding-top: 74px;
	margin: 15px 0 0 15px;
	font-size: 0;
	overflow: hidden;
	background: transparent url(/Images/logo.jpg) 0 0 no-repeat;
}

.front #menu {
	width: 715px;
	margin: 0 auto;
	margin-top: 10px;
	text-align: center;
}
.front #menu ul {display: inline;}
.front #menu li {display: inline;}
.front #menu li a {display: block; float: left; height: 0px; padding-top: 13px; margin-right: 30px; font-size: 0; overflow: hidden;}
.front #menu li a.home {width: 133px; background: transparent url(/Images/home.jpg) 0 -13px no-repeat;}
.front #menu li a.tiskarny {width: 237px; background: transparent url(/Images/tiskarny.jpg) 0 -13px no-repeat;}
.front #menu li a.osoutezi {width: 85px; background: transparent url(/Images/osoutezi.jpg) 0 -13px no-repeat;}
.front #menu li a.pravidla {width: 140px; background: transparent url(/Images/pravidla.jpg) 0 -13px no-repeat;}
.front #menu li a:hover {background-position: 0 0px;}

.front #facebook {
	position: relative;
	float: right;
	padding-right: 40px;
	margin: 2px 15px 0 0;
	text-align: right;
	font-size: 1.2em;
	line-height: 1.2em;
}
.front #facebook a.logo {position: absolute; top: 1px; right: 0;}
.front #facebook strong {font-size: 1.6em; color: #02C9DD;}

.front #content {
	width: 980px;
	margin: 50px auto 20px auto;
	font-size: 1.4em;
	/position: relative;
	/top: -13px;
	/left: -60px;
}
.front .text { width:710px; margin:0 auto 0 auto;}

.front #footer {
  position: relative;
	margin-top: -50px; /* negative value of footer height */
	height: 50px;
  clear:both;
	width:100%;
	font-size: 1em;
	color:white;
	text-align:center;
	} 

/* CLEAR FIX*/
.clearfix:after {content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;}
.clearfix {display: inline-block;}
/* Hides from IE-mac \*/
* html .clearfix { height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */