html {font-size: 100.01%;}
body {
	margin: 0 0 30px 0;
	padding: 0 10px;
	font-size: 62.5%;
	text-align: center;
	font-family: "Arial CE", Arial, "Verdana CE", Verdana, sans-serif;
	color: #FFF;
	background: url(../img/body-bg.jpg) no-repeat top center #6a8f29;
	font-weight: bold;
	line-height: 2.4em;
	}
	body#homepage {background-image: none;}

/* global reset */
ul, ol, li, p, h1, h2, h3, h4, h5, h6, form, fieldset {margin: 0; padding: 0;}
ul {list-style: none;}
table {	border-collapse: collapse;	font-size: 1em;}
th {text-align: left;}
fieldset {border: 0;}

/* wysiwyg reset */	
font {
	font-family: inherit !important; 
	color: inherit !important;
	font-size: inherit !important;
	}

/* ************* COMMON ************* */

.left	{text-align: left;}
.center	{text-align: center;}
.right	{text-align: right;}
.clr	{
	clear: both;
	margin-top: -1px;
	position: relative;
	padding: 0;
	height: 0;
	border: none;
	overflow:hidden;
	visibility: hidden;
	line-height: 0;
	}
.clear {clear: both;}
	
hr {
  	border: 0;
  	width: 100%;
  	color: #FF0000;
	background-color: #FF0000;
	height: 1px;
	margin: 0 0 15px 0;
	position: relative;
	}

a {color: #ffc20e;}
a:hover {color: #FFF;}
img {border: none;}
p {margin-bottom: 15px;}

sup {
	position:relative;
	bottom:0.3em;
	vertical-align:baseline;
	}
 
sub {
	position:relative;
	bottom:-0.2em;
	vertical-align:baseline;
	}

.none 		{display: none;}
.bold       { font-weight:bold; }
.italic     { font-style:italic; }
.nopadding  { padding:0; }
.noindent   { margin-left:0;padding-left:0; }
.nobullet   { list-style:none;list-style-image:none;}

.floatleft {
	float: left;
	margin: 0 10px 10px 0;
	}

.floatright {
	float: right;
	margin: 0 0 10px 10px;
	}
	
.rgt {float: right;}
.lft {float: left;}

.buttons {text-align: center; padding-top: 20px;}
.buttons img {margin: 0 30px;}
.buttons img, .buttons a {outline: none;}

/* ************* HEADINGS ************* */

h1 {font-size: 2em; font-weight: normal; color: #e80000; margin-bottom: 10px;}
h2 {font-size: 1.4em;}
h3 {font-size: 1.1em;}
h4 {font-size: 1.1em;}
h5, h6 {font-size: 1em;}

h2, h3, h4, h5, h6{margin-bottom: 10px; color: #ffc20e; padding-top: 15px;}

.pravidla, .vysledky {position: absolute; top: 70px; left:50%; text-indent: -30000px; height: 47px; }

.pravidla {width: 402px; margin-left: -201px; background: url(../img/h-pravidla.png) no-repeat;}
.vysledky {width: 216px; margin-left: -108px; background: url(../img/h-vysledky.png) no-repeat;}

.resultTable h2 {margin-left: 25px;}

/* ************* LISTS ************* */

#content ul, #content ol {margin: 0 0 15px 15px; text-align: justify;}
	#content ul ul, #content ol ol {margin: 0 0 0 15px;}
	
	#content ol {margin-left: 34px;}
	
/* ************* FORMS ************* */

input, select, textarea {font-family: Arial, Helvetica, sans-serif; font-size: 1em;}

.button {
	background: #e80000;
	border-top: 1px solid #F99;
	border-left: 1px solid #f99;
	border-right: 1px solid #6F0000;
	border-bottom: 1px solid #6F0000;
	padding: 1px 8px;
	color: #FFF;
	cursor: pointer;
	}

/* IE button fix */
	
input.button {
	width: 0;
	overflow: visible;
}
input.button[class] {width: auto;}


/* ************* TABLES ************* */

table {
	border: 0;
	border-collapse: collapse;
	font-size: 1em;
	width:100%;
	}
	th, td {
		padding: 5px 10px;
		vertical-align: top;
		border: 0;
		}
	td.first {padding-left: 30px;}
	
	.winner td {background: url(../img/winner-bg.png) repeat-x bottom left; padding-top: 55px; color: #ffc20e; font-size: 1.1em;}
	.winner td.first {background: url(../img/winner-first.png) no-repeat bottom left;}
	.winner td.last {background: url(../img/winner-last.png) no-repeat bottom right;}
		
.resultTable {
	background: url(../img/table-shade.png) no-repeat bottom left;
	padding-bottom: 30px;
	margin-bottom: 20px;
}
.resultTable table {margin-top: -40px;}


		
	
/* ************* FLOAT CLEAR ************* */

#top, #footer {
	overflow: hidden;
	_display: inline-block;
	}
	

/* ****************************************** */	
/* ******************* PAGE ***************** */
/* ****************************************** */	

#all {
	margin: 0 auto;
	text-align: left;
	font-size: 1.5em;
	width: 850px;
	position: relative;
	}
#homepage #all {width: 960px;}

/* *************************************** */	
/* ************** HEADER ***************** */
/* *************************************** */	

#top {
	position: relative;
	background: url(../img/top-bg.png) no-repeat top center;
	height: 135px;
	}
	.logo {
		float: left;
		margin: 30px 35px;
		}
	.backBtn {
		position: absolute;
		top: 40px;
		right: 70px;
	}
			
/* ********************************************** */	
/* ************** PAGE STRUCTURE ***************** */
/* ********************************************** */	

#main {
	margin: 0;
	width: 100%;
	background: url(../img/main-bg.png) repeat-y top center;
	position: relative;
	z-index: 280;
	}
	#homepage #main {background: none;}
	#content {
				margin: 0 65px 0 60px;
				padding: 35px 0;
				background: url(../img/dots.gif) repeat-x;
				position: relative;
				z-index: 500;
				}
				#content p {text-align: justify;}
				
				
	#content .thanx {margin-right: 300px; text-align: left; font-size: 0.8em; 	}
	
	
				

#panKukurice {
	position: absolute;
	bottom: -34px;
	right: -32px;
	background: url(../img/pan-kukurice.png) no-repeat;
	width: 413px;
	height: 241px;
	z-index: 300;
}
#panRajce {
	position: absolute;
	bottom: -23px;
	right: 28px;
	background: url(../img/pan-rajce.png) no-repeat;
	width: 480px;
	height: 235px;
	z-index: 300;
}

/* *************************************** */	
/* ************** FOOTER ***************** */
/* *************************************** */	

#footer {
	background: url(../img/footer-bg-sub.png) no-repeat top center;
	clear: both;
	zoom: 1;
	color: #FFF;
	font-weight: normal;
	font-size: 0.8em;
	position: relative;
	z-index:250;
	}
	#homepage #footer {background: url(../img/footer-bg.jpg) no-repeat top center;}
	#footer p {margin-bottom: 0;}
	#footer a {color: #FFF;}
	#footer a:hover {color: #ffe800;}
	
	.copyright {
		float: left;
		padding: 15px;
		margin-left: 50px;
		}
	.developer {
		float: right;
		padding: 15px 23px 15px 15px;
		margin-right: 115px;
		background: url(../img/logo-mf-mini.gif) no-repeat 100% 50%;
		}