body {
	/*	background-color: #FFFFFF;*/
	margin:0;
	padding:0;
	font-family: Arial, Helvetica, sans-serif;
	font-size:14px;
	color: #000;
	background-image: url(images/web_pozadi.png);
	background-repeat: repeat;
}
table { padding:0; margin:0}
table tr { padding:0; margin:0}
table tr td { padding:0; margin:0; vertical-align:top}
img { border:0; padding:0; margin:0}
sup {font-size:0.5em}
a { color:#000000}
h2 {font-size:1.1em; padding:5px; padding-left:2px; margin:0}
#page {
	margin-left: auto;
	margin-right: auto;
	width: 946px;
	padding:0;
	margin-top:0;
	margin-bottom:0;
}
#header { background:url(images/header1.png); height:95px}
.head_logo { float:left; margin-right:15px; margin-left:10px}
#head_jazyky { text-align:right; margin-right:20px; margin-bottom:0px; padding-top:35px; visibility:hidden }
#head_jazyky a:hover {  margin-top:2px; }
#head_menu {text-align:right; margin-left:13px; float:left; margin-top:2px; padding-top:2px   }
 .topmenu {  
     list-style: none; position: relative; margin: 0; padding: 0; margin-left:0px; padding-top:0px; height:33px; background-image:url(no_flicker.jpg); float:left /*some browsers are to slow when aligning the menu items via jQuery and so the background shines through, this prevents this flickering*/
 }  
 .topmenu li{
	display: block;	overflow: hidden; padding: 0; margin:0;	cursor: pointer; float: left; width: 100px; height: 32px; margin-right: 0px; 	
}
.topmenu a{
	display:block; height:33px; text-indent:0px; outline:none; color:#FFF; text-align:center; background-image:url(images/button1.png); background-repeat:no-repeat; text-decoration:none; font-weight:bold; padding-top:4px
}
.topmenu a:hover { background:url(images/button1a.png)}

#topmain {background:url(images/top.jpg) no-repeat; min-height:205px; width:924px; vertical-align:top; clear:both; margin-top:5px; margin-left:11px}
.reklamaflash {margin-left:15px; margin-bottom:30px;}
.slogan { margin-top:15px; margin-left:510px}
.addtext {
	padding:0;
	margin:0;
	margin-left:11px; float:left;
	font-size:0.9em;
	font-weight:bold; text-decoration:blink
	
}
.doplnek {	padding:0;
	margin:0;
; text-align:right; padding-right:10px; color: #666 }
#maintext {border-left:#093 1px solid;border-right:#093 1px solid;border-bottom:#093 1px solid; padding-bottom:10px}
#mainmenu {text-align:left;  margin-right:1px; margin-left:11px; margin-top:5px;background:url(images/mainmenu1.jpg) no-repeat; height:185px  }
#mainmenu a{
	display:block; padding:0; margin:0; text-align:left; float:left; text-indent:0px;  color:#256813; font-weight:bold; text-decoration:none;  font-size:0.8em; white-space:normal;padding-top:135px; height:auto; width:147px; padding-left:30px; padding-right:5px; margin-right:3px
}
#mainmenu a:hover {
	color:#2D2D2D
}
/*.mainmenu1 {height:50px; width:184px;padding-top:5px ;	}*/	
#mainmenu1 {
	background-image: url(images/mainmenu1a1.png);	background-repeat: no-repeat;	background-position: 20px 95px; 
}
#mainmenu2 {
	background-image: url(images/mainmenu1a1.png);	background-repeat: no-repeat;	background-position: -165px 95px; 
}
#mainmenu3 {
	background-image: url(images/mainmenu1a1.png);	background-repeat: no-repeat;	background-position: -350px 95px; 
}
#mainmenu4 {
	background-image: url(images/mainmenu1a1.png);	background-repeat: no-repeat;	background-position: -532px 95px; 
}
#mainmenu5 {
	background-image: url(images/mainmenu1a1.png);	background-repeat: no-repeat;	background-position: -716px 95px; 
}
#mainmenu1:hover {
	background-image: url(images/mainmenu1h1.png);	background-repeat: no-repeat;	background-position: 20px 95px; 
}
#mainmenu2:hover {
	background-image: url(images/mainmenu1h1.png);	background-repeat: no-repeat;	background-position: -165px 95px; 
}
#mainmenu3:hover {
	background-image: url(images/mainmenu1h1.png);	background-repeat: no-repeat;	background-position: -350px 95px; 
}
#mainmenu4:hover {
	background-image: url(images/mainmenu1h1.png);	background-repeat: no-repeat;	background-position: -532px 95px; 
}
#mainmenu5:hover {
	background-image: url(images/mainmenu1h1.png);	background-repeat: no-repeat;	background-position: -716px 95px; 
}
#headtext { width:640px; border-bottom:#256813 1px solid; padding-left:15px}
#headtext h1 {font-size:1.2em; margin-bottom:0; padding-top:10px; padding-bottom:10px; }
#headtext p {padding-top:0px; margin-top:0; text-align:justify; font-size:0.9em; }
#main0 { width:655px; float:left; margin-right:25px; min-height:355px; margin-top:10px; }
#main1 {
	width:187px;
	float:left;
	margin-right:5px;
	min-height:355px;
	margin-left:5px;
	margin-top:-12px;
	background-image: url(images/main1.png);
	background-position: 5px 0px;
}
#main1 p { font-size:0.9em; width:200px }
#main2 p { font-size:0.9em; width:200px; padding:0; margin:0}
#main3 p { font-size:0.9em; width:200px}
#main1 h2 {padding-top:0; margin-top:10px; font-size:1.2em}
#main2 h2 {padding-top:0; margin-top:10px; font-size:1.2em}
#main3 h2 {padding-top:0; margin-top:10px; font-size:1.2em}
#main1 ul,#main2 ul,#main3 ul {
	padding:0; list-style:outside; margin-left:22px; width:180px
}
#main1 li,#main2 li,#main3 li {
	margin:0; padding:0; text-transform:lowercase;
	font-size:0.9em;	
	list-style-image: url(images/greenli.png); 
}
#main2 { width:215px; float:left; margin-right:5px; min-height:355px}
#main3 { width:215px; float:left; margin-right:10px; min-height:355px}
#kontakt {
	background-image: url(images/kontaktbgr.png); background-repeat:no-repeat;background-position: 667px 0px; height:355px;
}
#kontakt p {margin-left:20px; }
#kontakt h2 {font-size:1.2em; padding-top:5px}
#footer {clear:both; /*background-color:#256813;*/  margin:0; padding:0; min-height:35px; padding-top:10px; color:#000; font-size:0.8em; text-align:left; margin-left:11px; margin-top:25px}
#footer p {font-size:2.5em; margin:0; padding:0; min-height:50px; vertical-align:middle; }
#footer img {margin-right:20px; vertical-align:middle}
#leftpage { width:151px;float:left }
#mainpage {	background-image: url(images/web_telo.jpg);background-repeat: repeat-y; top:0; position:relative; width:953px; top:0px; margin-left:151px; min-height:800px; 
}
#textpage {background:url(images/web_top.jpg) no-repeat;  width:555px; position:relative; top:0px;padding-left:20px; padding-right:25px; padding-bottom:25px}
#textpage h1 {padding:0; margin:0; padding-top:25px;  font-weight: 800; font-size:1.2em; width:500px }
#textpage h2 {padding:0; color:#990000; margin:0; padding-top:0px; border-top: #990000 2px dashed;border-bottom:#990000 2px dashed; margin-top:10px; padding-top:5px; padding-bottom:5px; display:table; font-style:italic  }
#textpage h3 {padding:0; color:#000000; margin:0; padding-top:0px; border-top: #000000 2px dashed;border-bottom:#000000 2px dashed; margin-top:10px; padding-top:5px; padding-bottom:5px; display:table  }
#textpage p { padding-bottom:0; margin-bottom:0; padding-right:30px;  }
#textpage1 {width:555px; position:relative; top:0px}
#textpage1 h1 {padding:0; margin:0; padding-top:25px; padding-left:20px; width:500px}
#textpage1 p { padding-left:20px; padding-right:20px; padding-bottom:0; margin-bottom:0}
#textpage a { color: #cc9900}
#rightmenu{ margin-left:540px; position:absolute; top:0px}
.bottlogo {float:left; margin-right:45px; vertical-align:middle}
#mainleft { float:left; margin-left:11px; width:552px; font-size:0.8em}
#mainleft p { font-size:1em; padding-left:2px}
#mainleft h1 {font-size:1.2em; padding-left:2px}
#mainright {margin-left:568px; margin-right:11px; background:url(images/kontaktbgr.png) ; width:365px; min-height:300px; padding:0px; margin-top:10px; font-size:0.8em }
#mainright h2 {font-size:1.2em; padding:5px; margin:0}
#mainright p {padding-top:0; padding-left:5px; padding-right:5px; font-size:0.9em; margin:0}
#mainleft table {text-align:left}
#mainleft tr th {width:33%; vertical-align:top}
#mainleft tr td {width:33%}
#mainfoto { margin-top:10px; font-size:0.8em; margin-left:11px;}
#mainfoto h1 {font-size:1.2em; padding-left:2px}

 .rmenu {  
     list-style: none;  
     position: relative;  
     margin: 0;  
     padding: 0; 
	 padding-top:0px;
	 top:-4px;
	 background-image:url(no_flicker.jpg); /*some browsers are to slow when aligning the menu items via jQuery and so the background shines through, this prevents this flickering*/

 }  

 .rmenu li{
	display: block;
	overflow: hidden;
	padding: 0;
	margin:0;
	cursor: pointer;
	width: 227px;
	margin-left: 80px;
	background-image:url(images/prave_menu_3.png);
	background-repeat:no-repeat;
}
.rmenu a{
	display:block;
	height:30px;
	text-indent:-9999px;
	outline:none;
}

#rmenu1 {
	background-position:-80px 0px;  
}
#rmenu2 {
	background-position:-80px -30px;
}
#rmenu3 {
	background-position:-80px -60px;
}
#rmenu4 {
	background-position:-80px -90px;
}
#rmenu5 {
	background-position:-80px -120px;
}
#rmenu6 {
	background-position:-80px -150px;
}
#rmenu7 {
	background-position:-80px -180px; width:314px; height:36px
}

#rmenu1.active, #rmenu1:hover, #rmenu1hover { 
	background-position: -80px -216px;
}
#rmenu2.active, #rmenu2:hover, #rmenu2hover{
	background-position: -80px -246px;
}
#rmenu3.active, #rmenu3:hover, #rmenu3hover { 
	background-position: -80px -276px;
}
#rmenu4.active, #rmenu4:hover, #rmenu4hover { 
	background-position: -80px -306px;
}
#rmenu5.active, #rmenu5:hover, #rmenu5hover { 
	background-position: -80px -336px;
}
#rmenu6.active, #rmenu6:hover, #rmenu6hover { 
	background-position: -80px -366px;
}
#rmenu7.active, #rmenu7:hover, #rmenu7hover { 
	background-position: -80px -396px;
}
#aktuality {padding-left:20px; padding-right:25px; padding-bottom:25px}
#aktuality p { margin:0; padding:0; padding-bottom:0; margin-bottom:0; padding-right:30px; }
#aktuality h2 {padding:0; color:#990000; margin:0; padding-top:0px; margin-top:10px; padding-top:5px; padding-bottom:0px; display:table; font-style:italic  }
#odkazy p { margin:0; padding:0; padding-bottom:0; margin-bottom:0; padding-right:30px; }
#galerie {border-collapse:collapse}
#galerie h1 {}
#galerie a {color:#000000; text-decoration:none; font-weight:bold}
#gallery img {vertical-align:middle; margin-top:35px; padding-bottom:0}
.foto1d { width:180px; height:155px; float:left; clear:right; text-align:center;vertical-align:middle; }
.foto2d { width:180px; height:155px; float:left;  clear:right;text-align:center;vertical-align:middle; }
.foto3d { width:180px; height:155px; clear: right; float:left;text-align:center; vertical-align:middle; }
.foto4d { width:180px; height:155px; clear: right; float:left;text-align:center; vertical-align:middle; }
.foto0d { width:180px; height:155px; margin-left:0px; top:0px; clear:right; float:left;text-align:center;vertical-align:middle; }
#administrace { position:fixed; top:0; background:#000000; left:0; padding:3px}
.form1
{
	font-family: Arial,Tahoma;
  padding-left: 5px;
	padding-top: 5px;
	margin-bottom: 2px;
	font-size:9pt;
	background:none;
	border: none;
	border: 1px solid #8b8b8b;
	height: 20px;
	width: 375px;
	color: #000000;
}

.form2
{
	font-family: Arial,Tahoma;
	padding-left: 5px;
	padding-top: 5px;
	background:none;
	margin-bottom: 2px;
	font-size:9pt;
	border: none;
	border: 1px solid #8b8b8b;
	width: 375px;
	color: #000000;
}
.form3
{
	width:382px;
	margin-top:8px;
	font-family: Tahoma;
  font-size:9pt;
  background:none;
	color: #000000;
	border: 1px solid;
	border-color: #8b8b8b;
	height: 18px;
	margin-top: 3px;
	margin-bottom: 3px;
}
.h2nap {width:380px}
#leftform {padding-top:15px; padding-bottom:15px}

#calendarsmall { background:url(images/prave_menu_4_kalendar.png) no-repeat; padding-left:85px; width:314px;min-height:193px;  top:-4px; position:relative}

#calendarsmall a {text-decoration:none}

.calt1 { width:24px; height:24px; float:left;  clear:both; text-align:center; }
.calt2 { width:24px; height:24px; clear: right; float:left; text-align:center }
.calt3 { width:24px; height:24px; clear: right; float:left; text-align:center }
.calt4 { width:24px; height:24px; clear: right; float:left; text-align:center }
.calt5 { width:24px; height:24px; clear: right; float:left; text-align:center }
.calt6 { width:24px; height:24px; clear: right; float:left; text-align:center }
.calt0 { width:24px; height:24px; float:left;text-align:center;color:#990000;  }


.calaktiv { background:url(images/zvyrazneny_den.png) no-repeat;  text-decoration:none; width:24px; height:24px; padding:6px  }
#calnadpis { text-align:center; width:168px}

.normca {background:none}
.caltoptd {text-align:center; font-weight:bold; padding-top:5px; font-size:1.2em}
.caltoptd a{background:none}
#kalendar p {padding-bottom:0; margin-bottom:0}
#kalendar strong { color:#990000}
.admincl {width:57px; height:57px; position:fixed; top:0; left:0}
.brcle {clear:both}
.brcleft {clear:left}
.none { color:#FFF}
#kongresy a {}
#kongresy table tr {}
#kongresy table {padding-left:2px	}
#skypeimg {border: none; vertical-align:middle; width:18px; height:18px}
#bonusy a:link {color:#256813}
#bonusy a:visited {color:#256813}#bonusy a:hover {color:#143802}
#bonusy img {margin:3px}
#bonusymain a:link {text-decoration:none}
#bonusymain a:visited {text-decoration:none}
#bonusymain a:hover {color:#666; text-decoration:none}
#bonusymain a:active {text-decoration:none}
#bonusymain h2 {font-size:1em}
.bonush { text-align:center; font-size:1.1em}
.righta {text-align:right; }
.elpozvanka { background:url(images/invite_icon.png); display:none; padding-left:35px; height:25px; display:block;background-repeat:no-repeat; font-size:0.8em }
.elprihlaska {background:url(images/form_icon.png); padding-left:35px; background-repeat:no-repeat; height:25px; display:block; font-size:0.8em}
.fotogalerieimg {background:url(images/form_foto.jpg); padding-left:35px; background-repeat:no-repeat; height:25px; display:block; font-size:0.8em}
.videogalerieimg {background:url(images/form_video.gif); padding-left:35px; background-repeat:no-repeat; height:25px; display:block; font-size:0.8em}
.font08 { font-size:0.8em}
.fontvice { font-size:1.1em; color:#008000}
.alcenter { text-align:center}
.ostop { vertical-align:top}
.facebook {padding-left:375px; vertical-align:middle}
.facea {text-decoration:none}
#emagazin { font-weight:bold; font-size:1.7em; text-align:center}
#emagazin a:hover {color:#000; }
.oranz {color:#C60}
.green { color:#060}
.grey {color: #666}
#faceyou {vertical-align:middle; font-size:1.2em; font-weight:bold; text-align:center; padding-top:5px }
#faceyou img {vertical-align:middle}
#emagazina a {font-size:0.7em; }
#emagazina a:hover { text-decoration:underline}
#e-magazin p {margin-top:10px}
#e-magazin img  {float:left; margin-right:5px; clear:both; }
#bannery {margin-top:10px; }
.banner2 {margin-left:75px; }
.classb1  {}
#bannery a {height:60px; width:243px }
#logoimg {width:166px; height:50px; float:left; margin-left:12px; margin-top:8px}
.novinkymain { text-indent:-9999999px; font-size:0.1em; display:none}
#partneri {text-align:center; background:#FFFFFF; border-left:#AEAAEA solid 1px; }
.normalni {font-weight:normal}



.sliderwrapper{
position: relative; /*leave as is*/
overflow: hidden; /*leave as is*/
border: 0px solid navy;
width: 160px; /*width of featured content slider*/
height: 120px; margin-left:10px
}



.sliderwrapper .contentdiv{
visibility: hidden; /*leave as is*/
position: absolute; /*leave as is*/
left: 0;  /*leave as is*/
top: 0;  /*leave as is*/
padding: 0px;
width: 160px; /*width of content DIVs within slider. Total width should equal slider's inner width (390+5+5=400) */
height: 120px;
filter:progid:DXImageTransform.Microsoft.alpha(opacity=100);
-moz-opacity: 1;
opacity: 1;
}


.sliderwrapper1{
position: relative; /*leave as is*/
overflow: hidden; /*leave as is*/
border: 0px solid navy;
width: 352px; /*width of featured content slider*/
height: 234px; margin:5px
}



.sliderwrapper1 .contentdiv{
visibility: hidden; /*leave as is*/
position: absolute; /*leave as is*/
left: 0;  /*leave as is*/
top: 0;  /*leave as is*/
padding: 0px;
width: 352px; /*width of content DIVs within slider. Total width should equal slider's inner width (390+5+5=400) */
height: 234px;
filter:progid:DXImageTransform.Microsoft.alpha(opacity=100);
-moz-opacity: 1;
opacity: 1;
}

.pagination{
width: 160px; /*Width of pagination DIV. Total width should equal slider's outer width (400+10+10=420)*/
text-align: right;
background-color: navy;
padding: 0px 0px;
}

.pagination a{
padding: 0 5px;
text-decoration: none; 
color: #00007D;
background: white;
}

.pagination a:hover, .pagination a.selected{
color: #000;
background-color: #FEE496;
}
.sliderwrapper3{
position: relative; /*leave as is*/
overflow: hidden; /*leave as is*/
border: 1px solid #999;
border-bottom:0;
width: 540px; /*width of featured content slider*/
height: 130px; 
}




.sliderwrapper3 .contentdiv{
visibility: hidden; /*leave as is*/
position: absolute; /*leave as is*/
left: 0;  /*leave as is*/
top: 0;  /*leave as is*/
padding: 5px;
background: white;
width: 540px; /*width of content DIVs within slider. Total width should equal slider's inner width (390+5+5=400) */
height: 130px;
filter:progid:DXImageTransform.Microsoft.alpha(opacity=100);
-moz-opacity: 1;
opacity: 1;
}


.pagination3{
width: 520px; /*Width of pagination DIV. Total width should equal slider's outer width (400+10+10=420)*/
text-align: left;
border: 1px solid #999;padding: 5px 10px;
}

.pagination3 a{
padding: 0 5px;
text-decoration: none; 
color: #000;
background: white;
}

.pagination3 a:hover, .pagination3 a.selected{
color: #000;
background-color: #093;
}
.sliderwrapper4{
position: relative; /*leave as is*/
overflow: hidden; /*leave as is*/
border: 1px solid #999;
border-bottom:0;
width: 540px; /*width of featured content slider*/
height: 160px; 
}




.sliderwrapper4 .contentdiv{
visibility: hidden; /*leave as is*/
position: absolute; /*leave as is*/
left: 0;  /*leave as is*/
top: 0;  /*leave as is*/
padding: 5px; overflow:auto;
background: white;
width: 540px; /*width of content DIVs within slider. Total width should equal slider's inner width (390+5+5=400) */
height: 160px;
filter:progid:DXImageTransform.Microsoft.alpha(opacity=100);
-moz-opacity: 1;
opacity: 1;
}
.pagination4{
width: 520px; /*Width of pagination DIV. Total width should equal slider's outer width (400+10+10=420)*/
text-align: left;
border: 1px solid #999;padding: 5px 10px;
}

.pagination4 a{
padding: 0 5px;
text-decoration: none; 
color: #000;
background: white;
}

.pagination4 a:hover, .pagination4 a.selected{
color: #000;
background-color: #093;
}

#paginate-slider1 { display:none}
#paginate-slider2 { display:none}

.flleft { float:left}
.flleft5 { float:left;margin-right:5px}
.flleft1 { float:left;width:350px}

#tetris	{
	position: relative;
	width: 300px;
	height:	309px;
	background:	#fff;
	border:	1px solid #090;
	margin-left:auto; margin-right:auto
}

#tetris	.left {
	background:	#fff;
	position: absolute;
	width: 131px;
	height:	100%;
	left: 0px;
	top: 0px;
}
.left-border { background: #090;	position: absolute;	z-index: 100; top: 0px;	left: 130px; width:	1px; height: 100%; }

#tetris-area {
	/* 168,308 +2px	borders	*/
	background:	#fff;
	position: absolute;
	width: 167px;
	height:	307px;
	left: 132px;
	top: 1px;
	overflow: hidden;
}

.grid1,	.grid2,	.grid3,	.grid4,	.grid5,	.grid6 {
	z-index: 10;
	position:	absolute;
	top: 0px;
	width: 13px;
	height: 307px;
	background-color: #E9E9E9;
}
.grid1 { left: 14px; }
.grid2 { left: 42px; }
.grid3 { left: 70px; }
.grid4 { left: 98px; }
.grid5 { left: 126px; }
.grid6 { left: 154px; }

#tetris	.block0,
#tetris	.block1,
#tetris	.block2,
#tetris	.block3,
#tetris	.block4,
#tetris	.block5,
#tetris	.block6	{
	z-index: 1000;
	font-size: 10px;
	line-height: 1em;
	font-family: arial;
	position: absolute;
	width: 13px;
	height:	13px;
	border:	0.5px solid #ffffff;
	/* with	margin 0.5px there were	problems with offsetLeft and offsetTop */
}

#tetris .left h1, #tetris .left h2 {
	color: #090;
	font-size: 11px;
	font-family: "trebuchet	ms", arial;
	font-weight: bold;
	text-align:	center;
	margin-top:	10px;
	margin-bottom: 10px;
}
#tetris	.left h1 a {
	color: #090;
	text-decoration: none;
}
#tetris	.left h1 a:hover {
	color: #000;
	text-decoration: none;
}

/* menu	*/

#tetris	.left .menu	{
	margin-top:	1em;

}
#tetris	.menu a, #tetris .menu a:visited {
	display: block;
	text-decoration: none;
	color: #333333;
	background:#EBEBEB;
	border-width: 1px;
	margin-bottom: -1px;
	border-style: solid;
	border-color: #090;
	cursor:	pointer;
	text-align:	left;
	padding-left: 10px;
	height: 19px;
	line-height: 19px;
	width: 78px;
	padding-bottom: 1px;
	margin-left: 20px;
}
#tetris .menu a:hover { background: #EFE8DE; }

/* game	over */

#tetris-gameover {
	position: absolute;
	width: 100%;
	top: 50%;
	text-align:	center;
	font-weight: bold;
	display: none;
}

/* next	puzzle */
#tetris-nextpuzzle {
	position: absolute;
	top: 47%;
	left: 35%;
	background:	#ffffff;
	overflow: visible;
	display: none;
}
#tetris-keys {
	position: absolute;
	left: 25px;
	top: 135px;
}
#tetris div.h5 { margin-bottom: 0.5em; display: block; font-weight: bold; }
#tetris-keys td { padding-right: 1px; padding-bottom: 1px; }
#tetris-keys img { border-width: 0px; }

/* stats */

#tetris	.left .stats {
	position: absolute;
	left: 25px;
	bottom:	5px;
}
#tetris	.stats td {	padding-bottom:	1px; line-height: 1.25em; }

#tetris	.stats .level {	text-align:	left; padding-right: 5px; }
#tetris-stats-level	{ font-weight: bold; }

#tetris	.stats .time { text-align: left; padding-right:	5px; }
#tetris-stats-time { font-weight: bold;	}

#tetris	.stats .apm	{ text-align: left;	padding-right: 5px;	}
#tetris-stats-apm {	font-weight: bold; }

#tetris	.stats .lines {	text-align:	left; padding-right: 5px; }
#tetris-stats-lines	{ font-weight: bold; }

#tetris	.stats .score {	text-align:	left; padding-right: 5px; }
#tetris-stats-score	{ font-weight: bold; }


/*
	|
	---
*/
#tetris	.block1	{ background: #32a4fa; }

/*
	  |
	---
*/
#tetris	.block0	{ background: #38C44F; }



/*
	--
   --
*/
#tetris	.block2	{ background: #FFAC1C; }

/*
	--
	 --
*/
#tetris	.block3	{ background: #FF6600; }

/*
	|
   ---
*/
#tetris	.block4	{ background: #CC54C4; }

/*
	--
	--
*/
#tetris	.block5	{ background: #999;	}

/*
	----
*/
#tetris	.block6	{ background: #FF0000; }


/*** window	***/

#tetris	.window	{
	background:	#EFE8DE;
	position: absolute;
	width: 167px;
	height:	307px;
	left: 132px;
	top: 1px;
	z-index: 50000;
	display: none;
}
#tetris	.window	.top {
	position: relative;
	background:	#EAE0D1;
	color: #666666;
	letter-spacing:	+1px;
	height:	20px;
	line-height: 20px;
	vertical-align:	middle;
	border-bottom: 1px solid #ffffff;
	text-indent: 10px;
}
#tetris	.window	.top .close	{
	position: absolute;
	background:	#EAE0D1;
	font-family: verdana;
	font-weight: bold;
	right: 0px;
	top: 0px;
	height:	20px;
	line-height: 19px;
	text-indent: 7px;
	width: 21px;
	border-left: 1px solid #ffffff;
	cursor:	pointer;
}
#tetris	.window	.top .close:hover {
	background:	#EFE8DE;
}
#tetris	.window	.content {
	margin:	10px;
}
#tetris	.window	.content table {
}


.stepcarousel{
position: relative; /*leave this value alone*/
overflow: scroll; /*leave this value alone*/
width: 360px; /*Width of Carousel Viewer itself*/
margin-left:5px;
height: 32px; /*Height should enough to fit largest content's height*/
}

.stepcarousel .belt{
position: absolute; /*leave this value alone*/
left: 0;
top: 0;
}

.stepcarousel .panel{
float: left; /*leave this value alone*/
overflow: hidden; /*clip content that go outside dimensions of holding panel DIV*/
margin: 0px; /*margin around each panel*/
padding-top:0px; padding-right:2px;
width: 80px; height:136px; /*Width of each panel holding each content. If removed, widths should be individually defined on each content DIV then. */
}
.stepcarousel .panel img { padding-top:0px}
#bonusprogram { text-align:center}
#bonusprogram a { text-align:center; text-decoration:none; font-weight:bold}
#zamestnani a { text-align:center; text-decoration:none; font-weight:bold}
#bonus1 {background:url(images/bonus1ico.jpg) no-repeat; width:150px; height:150px; display:block; float:left;text-align:center; text-decoration:none; font-weight:bold}
#bonus2 {background:url(images/bonus2ico.jpg) no-repeat; width:150px; height:150px;  display:block; float:left;text-align:center; text-decoration:none; font-weight:bold}
#bonus3 {background:url(images/bonus3ico.jpg) no-repeat; width:150px; height:150px; display:block; float:left;text-align:center; text-decoration:none; font-weight:bold}

#overlay {/*background:url(images/overlay.png) repeat; text-align:center*/}
#overlay img  { vertical-align:middle; text-align:center}