html {font-size: 100.01%;}
body {
	margin: 0 0 0 0;
	padding: 0;
	font-size: 62.5%;
	font-family: "Verdana CE", Verdana, "Arial CE", Arial,  sans-serif;
	color: #32404a;
	background: url(../img/bg.gif) repeat-x #89140D;
	line-height: 1.7em;
	}

* {	margin: 0; padding: 0;}

h1 {font-size: 1.7em; 
	font-family: "Arial CE", Arial, "Verdana CE", Verdana, sans-serif;
	text-transform: uppercase;
	margin-bottom: 1em;
	background: url(../img/dot.gif) repeat-x bottom left;
	padding-bottom: 25px;
	color: #000;
	}
h2 {font-size: 1.1em;}
h3 {font-size: 1em;}
h4 {font-size: 1em;}h
h5, h6, h7 {font-size: 1em;}

h2, h3, h4, h5, h6, h7 {margin-bottom: 10px;}

.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;
	}
.clear {clear: both;}
.none {display: none;}
	
hr {
  	border: 0;
  	width: 80%;
  	color: #FF0000;
	background-color: #FF0000;
	height: 1px;
	}
	
.zpet {
	text-align: right;
	 background: url(../img/dot.gif) repeat-x top left; padding: 25px 0 0 0;
	}
	
.pager {font-weight: bold; padding: 0 0 25px 0;}
	.pager span {font-weight: normal;}
	
.linka {
	background: url(../img/dot.gif) repeat-x; padding-top: 25px;}
	
.breadcrumbs {
	text-align: right;
	color: #000;
	margin-bottom: 25px;
	padding-right: 0;
	display: none;
	}
	.breadcrumbs a {color: #000;}
	
.cislo {
	background: url(../img/bg-cislo.gif) no-repeat 0 4px;
	padding: 5px 7px 65px 5px;
	color: #FFF;
	display: block;
	float: left;
	position: relative;
	top: -6px;
	margin-right: 7px
	}
	.faq h2, .historie p {clear: both;}
	.vyvoj .cislo {padding-bottom: 8em;}

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

#content a {font-weight: bold;}

.vyvoj #content img.lft {margin-right: 0;}
.vyvoj {float: right; width: 425px; padding-top: 50px;}
.vyvoj p {clear: both; height: 8.5em;}

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

.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;}

img.lft {
	float: left;
	margin: 0 10px 10px 0;
	border: 2px solid #32404a;
	}

img.rgt {
	float: right;
	margin: 0 0 10px 10px;
	border: 2px solid #32404a;
	}
	
img.nobrdr {border: none;}

#content ul, #content ol {margin: 0 0 15px 15px;}
	#content ul ul, #content ol ol {margin: 0 0 0 15px;}
	
	#content ol {margin-left: 34px;}
		#content ol li {margin-bottom: 1em;}
	
input {font-size: 1em; vertical-align: middle;}
	
label {
	display: block;
	width: 10em;
	float: left;
	margin-bottom: 10px;
	font-weight: bold;
	}
.pole {
	width: 250px;
	margin-bottom: 10px;
	padding: 1px;
	border: 2px solid #FFF;
	}

.button {
	background: #00AFFF;
	border: none;
	color: #FFF;
/*	font-weight: bold;
	padding: 3px 5px;*/
	cursor: pointer;
	margin-left: 10em;
	}
	
#kontakt {
	background: url(../img/bg-formular.jpg) no-repeat;
	padding-top: 20px;
	padding-bottom: 40px;
	margin-bottom: 30px;
	}
	#kontakt .button {margin-left: 60px; margin-top: 8px; width: 87px;}
	#kontakt input.soutez {margin: 30px 0 20px 0; margin-left: 0; clear:both; position: relative;}
	#kontakt p {margin-bottom: 0;}
	#kontakt em {
		padding-left: 120px; 
		white-space: nowrap; 
		float: left;
		font-size: 0.9em;
		color: #FFF;
		font-weight: bold;
		font-style: normal;
		display: block;
		margin-top: 5px;
		}
		
	.lang-sk #kontakt {background-image:url(../img/bg-formular-sk.jpg)}
		
	
	
/* ***** IE6 italic bug hack ***** */

/* \*/

.WYSIWYGContentBody {
	overflow: hidden;
	o\verflow: visible;
	width: 100%;
	w\idth: auto;
	he\ight: 1%;
}

/* */

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

/* tabulka bezna */
table {
	border: 1px solid gray;
	border-collapse: collapse;
	font-size: 1em;
	margin-bottom: 15px;
	}	
	th, td {
		padding: 5px 10px;
		vertical-align: top;
		border: 1px solid gray;
		}
/* tabulka bez formatovani */
table.noformat {
	border: 0;
	border-collapse: collapse;
	}
	table.noformat th, table.noformat td {
		padding: 5px 10px;
		vertical-align: top;
		border: 0;
		}
		
/* nahrada obrazkem */

.kinderiada span, #h_menu span, #homepage h2 span, .napis span, .pridat span, .soutezit span, .plakat span, .abecedne span, .chronologicky span, .lehke span, .obtizne span, .hriste span, .header8 span {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	display: block;
	cursor: pointer;
	}
	.soutezit, .plakat, .abecedne, .chronologicky, .lehke, .obtizne, .hriste, .header8 {
		position: relative;
		overflow: hidden;
		height: 22px;
		display: block;
		}
		.soutezit {width: 108px;}
		.plakat {width: 138px;}
		.hriste {width: 158px;}
		.abecedne {width: 128px; float: left; margin-right: 15px;}
		.chronologicky {width: 168px; float: left;}
		.lehke {width: 99px; float: left; margin-right: 15px;}
		.obtizne {width: 116px; float: left;}
			.soutezit span {background: url(../img/but-soutezit.gif) no-repeat}
.lang-sk	.soutezit span {background: url(../img/but-soutezit-sk.gif) no-repeat}
			.plakat span {background: url(../img/but-zobrazitplakat.gif) no-repeat}
			.hriste span {background: url(../img/but-stahnouthriste.gif) no-repeat}
			.abecedne span {background: url(../img/but-abecedne.gif) no-repeat}
.lang-sk	.abecedne span {background: url(../img/but-abecedne-sk.gif) no-repeat}
			.chronologicky span {background: url(../img/but-chronologicky.gif) no-repeat}
.lang-sk	.chronologicky span {background: url(../img/but-chronologicky-sk.gif) no-repeat}
			.lehke span {background: url(../img/but-lehke.gif) no-repeat}
.lang-sk	.lehke span {background: url(../img/but-lehke-sk.gif) no-repeat}
			.obtizne span {background: url(../img/but-obtizne.gif) no-repeat}
.lang-sk	.obtizne span {background: url(../img/but-obtizne-sk.gif) no-repeat}
				.soutezit:hover span, .plakat:hover span, .abecedne:hover span, .hriste:hover span, .chronologicky:hover span,  .lehke:hover span, .obtizne:hover span {background-position: 0 -22px;}
		.header8 {height: 343px; margin-top: -20px;}
			.header8 span {background: url(../img/pravidla-header.jpg) no-repeat; cursor: auto;}
			
		#homepage .soutez h2 span {cursor: auto;}
		
	
.buttons {background: url(../img/dot.gif) repeat-x top left; padding: 20px 0 0 0; clear: both; margin-top: 20px;}
	
.pridat {
	position: relative;
	width: 111px;
	height: 28px;
	overflow: hidden;
	display: block;
	float: right;
	}
	.pridat span {background: url(../img/but-oblibene.gif) no-repeat; cursor: pointer;}
.lang-sk .pridat span {background: url(../img/but-oblibene-sk.gif) no-repeat; cursor: pointer;}
	
.napis {
	position: relative;
	width: 75px;
	height: 26px;
	overflow: hidden;
	display: block;
	float: right;
	margin: 0 40px 0 20px;
	}
	.napis span {background: url(../img/but-napis.gif) no-repeat; cursor: pointer;}
.lang-sk .napis span {background: url(../img/but-napis-sk.gif) no-repeat; cursor: pointer;}
	
/* float clear */

.buttons, .obtiznost, .razeni {
	overflow: hidden;
	_display: inline-block;
	}
	
/* cistic uzivatelskych wysiwyg okras */
	
font {
	font-family: inherit;
	color: inherit;
	font-size: inherit;
	}
	

/**********obsah**********/

#theme {background: url(../img/bg-motiv.jpg) no-repeat #FFF;}
	#homepage .hp-cz-theme {background: url(../img/bg-motiv-hp.jpg) no-repeat -2px 0 #FFF;}
	#homepage .hp-sk-theme {background: url(../img/bg-motiv-hp-sk.jpg) no-repeat -2px 0 #FFF;}
	
#vlny {
	background: url(../img/bg-vlny.gif) repeat-x bottom left;
	}

#all {
	text-align: left;
	width: 990px;
	font-size: 1.2em;
	position: relative;
	min-height: 800px;
	_height: 800px;
	}
	#homepage #all {min-height: 500px; _height: 500px;}
	


/* ******* hlavicka ******* */

#top {
	height: 130px;
	position: relative;
	}
	.logo {
		position: absolute;
		top: 0;
		left: 0;
		}
	.kinderiada {
		display: block;
		position: absolute;
		top: 0;
		left: 263px;
		overflow: hidden;
		z-index: 2000;
		}
		.kinderiada span {
			background: url(../img/but-kinderiada.jpg) no-repeat;
			}

#lang {
	position: absolute;
	top: 10px;
	right: 10px;
	}
	
/* ******* menu ******* */

#h_menu {
	position: absolute;
	top: 41px;
	left: 263px;
	z-index: 999;
	}
	#h_menu ul {
		list-style: none;

		}
		#h_menu ul li {			
			position: relative;
			float: left;
			}
			#h_menu ul li a {
				display: block;				
				position: relative;
				height: 62px;
				margin-right: 4px;
				color: #0066CC;
				}
				.m1 a {width: 141px;}
				.m2 a {width: 121px;}
				.m3 a {width: 141px;}
				.m4 a {width: 89px;}
				.m5 a {width: 116px;}
					.m1 span {background: url(../img/m-1.jpg) no-repeat 0 -62px;}
					.m2 span {background: url(../img/m-2.jpg) no-repeat 0 -62px;}
					.m3 span {background: url(../img/m-3.jpg) no-repeat 0 -62px;}
					.m4 span {background: url(../img/m-4.png) no-repeat 0 -62px;}
					.m5 span {background: url(../img/m-5.png) no-repeat 0 -62px;}

					.lang-sk .m1 span {background-image: url(../img/m-1-sk.jpg);}
					.lang-sk .m2 span {background-image: url(../img/m-2-sk.jpg);}
					.lang-sk .m3 span {background-image: url(../img/m-3-sk.jpg);}
				
				#h_menu ul li a:hover span, #h_menu ul li.selected a span {background-position: 0 0;}
				
		#h_menu ul ul {
			position: absolute;
			top: 62px;
			left: 0;
			padding-top: 10px;
			width: 172px;
			display: none;
			border-bottom: 1px solid #FFF;
			z-index: 1000;
			}	
			#h_menu ul ul li {
				border: 1px solid #FFF;
				border-bottom: none;
				display: block;
				width: 170px;
				}	
				#h_menu ul ul a {
					float: none;
					height: auto;
					margin: 0;
					padding: 5px 8px;
					color: #FFF;					
					text-decoration: none;
					font-size: 1em;
					font-weight: bold;
					width: auto;
					line-height: 1.2em;
					}					
					.m1 ul li {background: #D11816;}
					.m2 ul li{background: #E2C045;}
					.m3 ul li {background: #58b7db;}
					.m4 ul li {background: #399B48;}
					.m5 ul li {background: #7C4A85;}
						.m1 ul a:hover {background-image: url(../img/m-bg-1.gif); background-repeat: repeat-x;}
						.m2 ul a:hover {background-image: url(../img/m-bg-2.gif); background-repeat: repeat-x;}
						.m3 ul a:hover {background-image: url(../img/m-bg-3.gif); background-repeat: repeat-x;}
						.m4 ul a:hover {background-image: url(../img/m-bg-4.gif); background-repeat: repeat-x;}
						.m5 ul a:hover {background-image: url(../img/m-bg-5.gif); background-repeat: repeat-x;}
						
						
		#h_menu ul li:hover ul, #h_menu ul li.hover ul {display: block;}
		
		#h_menu ul li {behavior: url(hover.htc);}

			
/* **** hlavni cast **** */

#main {
	margin: 0;
	}
	
/* **** leve menu **** */

#navi {
	float: left;
	width: 200px;
	float: left;
	text-align: center;
	margin-bottom: 220px;
	height: 251px;
	}
	#navi img {
		margin-bottom: 90px;
		}
		#navi img.ikona {margin: 40px 0 0 20px;}
		
#sekce2 #navi {background: url(../img/motiv-2.jpg) no-repeat 0 20px;}
#sekce3 #navi {background: url(../img/motiv-3.jpg) no-repeat 0 20px;}
#sekce4 #navi {background: url(../img/motiv-4.jpg) no-repeat 0 20px;}
#sekce5 #navi {background: url(../img/motiv-5.jpg) no-repeat 0 20px;}
		
		
/* **** boxy ***** */

.box {
	width: 230px;
	float: left;
	text-align: center;
	margin-bottom: 10px;
	}
	.box img {margin-bottom: 0;}		
		.box img.nobg {background-image: none; padding: 20px 40px 20px 0;}
		
		#sekce4 .box img {background: url(../img/bg-hry.gif) no-repeat; padding: 12px 48px 26px 45px;}
		#sekce5 .box img {background: url(../img/bg-zabava.gif) no-repeat; padding: 14px 38px 24px 34px;}
		
	.prehled .box img {padding: 12px 20px 25px 20px;}
	
	.box h3 {
		margin-bottom: 15px;
		font-size: 1em;		
		}
	.box a {font-size: 0.9em;}
	.box p {margin-bottom: 30px; font-size: 0.9em; padding: 0 15px;}
	
	.box h3 {height: 2em;}
		#sekce4 .box h3 {text-transform: uppercase;}
	
	
/* aktualni serie */

#strom.aktualni {
/*	float: left;
	 width: 489px;
	 margin-top: 10px;*/
	 margin-bottom: 25px;
	 }
	 
#plakat {
	/*float: right;
	width: 220px;
	padding-top: 28px;*/
	}
#strom.aktualni ul {
	margin: 0;
	padding: 0;
	}
#strom.aktualni li {
	width: 180px;
	float: left;
	text-align: center;
	display: block;
	margin-bottom: 20px;
	}	
	.aktualni img {
		background: url(../img/bg-figurka-nahled.gif) no-repeat;
		padding: 12px;
		margin-top: 10px;
		}
		#strom.aktualni a {
			color: #f2603a;
			font-size: 1.2em;
			font-weight: bold;
			}
			
	.plakat {
		margin-bottom: 24px;
		float: right;
		margin-top: 15px;
		}
	
		
/* **** obsah **** */

#content_container {
	float: right;
	width: 790px;
	min-height: 605px;
	_height: 605px;
	}
	#homepage #content_container {
		min-height: 505px;
		_height: 505px;
		}
	#content {
		margin: 20px 50px 0 15px;
		padding-bottom: 150px;
		}
		#homepage #content {margin: 15px 585px 0 40px; padding-bottom: 0;}
		
#homepage #content_container {
	float: none;
	width: 100%;
	min-height: inherit;
	}
	
	.news {padding-left: 80px; padding-bottom: 4px; font-size: 0.9em; line-height: 1.3em;}
	.prvni {background: url(../img/ico-1.jpg) no-repeat 45px 0; padding-bottom: 10px; padding-left: 140px; }
	.druha {background: url(../img/ico-3.jpg) no-repeat 40px 0; padding-left: 130px; padding-bottom: 10px; padding-top: 8px; }
	.treti {background: url(../img/ico-2.jpg) no-repeat 0 0; padding-left: 110px; padding-bottom: 10px; }
	
	.news a {font-size: 1.1em;}
	
.soutez {
	margin: 10px 0 0 190px;
	width: 350px;
	}
	#content .soutez p {margin-bottom: 9px; margin-right: 0; padding: 0;}
	
	.soutez object {margin-right: -200px;}
	
	#homepage h2 {
		display: block;
		width: 200px;
		height: 50px;
		position: relative;
		overflow: hidden;
		margin-bottom: 0;
		}
		#homepage h2 span {background: url(../img/h-soutez.gif) no-repeat;}
		#homepage.lang-sk h2 span {background: url(../img/h-soutez-sk.gif) no-repeat;}
		
.stin {
	width: 285px;
	height: 109px;
	background: url(../img/stin.jpg) no-repeat;
	position: absolute;
	bottom: 105px;
	_bottom: 104px;
	left: 0;
	display: none;
	}
	
#vejce {
	position: absolute;
	bottom: 70px;
	left: 0;
	}
	
#flash {
	position: absolute;
	top: 137px;
	left: 399px;
	}

#shrek {
	position: absolute;
	left:591px;
	top:327px;
	}
#darek {
	position: absolute;
	top: 342px;
	left: 572px;
	}

	
#logo {
	position: absolute;
	top: 140px;
	left: 555px;
	}

		
/* **** paticka **** */

#ender {
	clear: both;
	width: 100%;
	font-size: 0.8em;
	color: #d88c89;
	position: relative;
	top: -40px;
	}
	#ender p {margin-bottom: 0;}
	#ender a {color: #d88c89; font-weight: bold; text-decoration: none;}
		#ender .developer a { background: url(../img/logo-mfmini.gif) no-repeat 100% 50%; padding: 2px 20px 2px 0;}
	#ender a:hover {color: #FFF;}
	#ender img {margin: 0 10px;}
	#ender img.magiclogo {margin-right: 50px; margin-left: 20px;}
	
	#homepage #ender {
		margin-top: 140px;}
	
	.copyright {
		float: left;
		padding: 0 0 10px 30px;
		}
	.developer {
		float: right;
		padding: 7px 10px 10px 0;
		text-align: right;
		line-height: 2.5em;
		}

.othFig {float: left; width: 28%;}
.othFig br {clear: both;}
.othFig a {top: 8px; position: relative;}

.error {color: red;}

.vyherci {width: 170px; float: left; margin-right: 20px; margin-bottom: 40px;}
.vyherci img {border: 5px solid #CCCCCC;}
#dalsiImg img {float: left; margin-right: 20px; margin-bottom: 20px; border: 5px solid #CCCCCC;}

#soutezHappyHippo {
	clear: both;
}
#soutezHappyHippo ul {
	clear: both;
	list-style: none;
	margin: 0;
	padding: 0;
}
#soutezHappyHippo li {
	float: left;
	margin: 0;
	padding: 0;
	width: 180px;
	height: 200px;
}
#soutezHappyHippo span {
	display: block;
	text-align: center;
	font-size: 11px;
}
#soutezHappyHippo .thickbox {
	display: block;
	border: 1px solid #e3e4e6;
	width: 150px;
	height: 150px;
	text-align: center;
	margin-left: 15px;
}

object, embed {outline: none;}

.pravidla {background: url(../img/pravidla-bg.jpg) no-repeat; padding-top: 30px;}