body {
background-color: #f6f6f6;
font-family: "Trebuchet MS", Verdana, Arial;
color: #060;

			}

@font-face {
    font-family: 'DKKusukusuRegular';
    src: url('../grafika/dk_kusukusu-webfont.eot');
    src: url('../grafika/dk_kusukusu-webfont.eot?#iefix') format('embedded-opentype'),
         url('../grafika/dk_kusukusu-webfont.woff') format('woff'),
         url('../grafika/dk_kusukusu-webfont.ttf') format('truetype'),
         url('../grafika/dk_kusukusu-webfont.svgz#DKKusukusuRegular') format('svg'),
         url('../grafika/dk_kusukusu-webfont.svg#DKKusukusuRegular') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'OlhodeBoi';
    src: url('../grafika/olhoboi_trial_2011___-webfont.eot');
    src: url('../grafika/olhoboi_trial_2011___-webfont.eot?#iefix') format('embedded-opentype'),
         url('../grafika/olhoboi_trial_2011___-webfont.woff') format('woff'),
         url('../grafika/olhoboi_trial_2011___-webfont.ttf') format('truetype'),
         url('../grafika/olhoboi_trial_2011___-webfont.svgz#OlhodeBoi') format('svg'),
         url('../grafika/olhoboi_trial_2011___-webfont.svg#OlhodeBoi') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'RatInfestedMailboxRegular';
    src: url('../grafika/ratinfestedmailbox-webfont.eot');
    src: url('../grafika/ratinfestedmailbox-webfont.eot?#iefix') format('embedded-opentype'),
         url('../grafika/ratinfestedmailbox-webfont.woff') format('woff'),
         url('../grafika/ratinfestedmailbox-webfont.ttf') format('truetype'),
         url('../grafika/ratinfestedmailbox-webfont.svgz#RatInfestedMailboxRegular') format('svg'),
         url('../grafika/ratinfestedmailbox-webfont.svg#RatInfestedMailboxRegular') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'YesteryearRegular';
    src: url('../grafika/yesteryear-regular-webfont.eot');
    src: url('../grafika/yesteryear-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('../grafika/yesteryear-regular-webfont.woff') format('woff'),
         url('../grafika/yesteryear-regular-webfont.ttf') format('truetype'),
         url('../grafika/yesteryear-regular-webfont.svgz#YesteryearRegular') format('svg'),
         url('../grafika/yesteryear-regular-webfont.svg#YesteryearRegular') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'ChinacatRegular';
    src: url('../grafika/chinrg__-webfont.eot');
    src: url('../grafika/chinrg__-webfont.eot?#iefix') format('embedded-opentype'),
         url('../grafika/chinrg__-webfont.woff') format('woff'),
         url('../grafika/chinrg__-webfont.ttf') format('truetype'),
         url('../grafika/chinrg__-webfont.svgz#ChinacatRegular') format('svg'),
         url('../grafika/chinrg__-webfont.svg#ChinacatRegular') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'LibbyScript2';
    src: url('../grafika/libbysc2-webfont.eot');
    src: url('../grafika/libbysc2-webfont.eot?#iefix') format('embedded-opentype'),
         url('../grafika/libbysc2-webfont.woff') format('woff'),
         url('../grafika/libbysc2-webfont.ttf') format('truetype'),
         url('../grafika/libbysc2-webfont.svgz#LibbyScript2') format('svg'),
         url('../grafika/libbysc2-webfont.svg#LibbyScript2') format('svg');
    font-weight: normal;
    font-style: normal;

}

			
TABLE{
			font-size: 16px;
			}
			
TABLE TD{
			font-size: 18px;
			}
			
.titulek {
			font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
			}

.zapati {
			font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
			font-size: 14px;
			}

P{
			text-align: justify;
			font-size: 16px;
			}

.obsah  {
			font-size: 16px;
			color:  #060;
			margin-bottom: 20px;
			margin-top: 15px;
			padding-left: 50px;
			padding-right: 20px;
			text-align: justify;
			vertical-align: middle;
			}

.nadpis {
			font-size: 18px;
			color:  #000040;
			font-weight: bold;
			margin-bottom: 20px;
			margin-top: 15px;
			}

A:link, A:visited {
			font-weight: bold;
			text-decoration: underline;
			color: #060;
			}

A:active, A:hover {
			text-decoration: none;
			color: #3bad16;
			}
			
A.titulek:link, A.titulek:visited {
			color: #3bad16;
			font-weight: normal;
			text-decoration: none;
			}

A.titulek:active, A.titulek:hover {
			color: #3bad16;
			font-weight: normal;
			text-decoration: none;
			}

A.titulek2:link, A.titulek2:visited {
			color: #c1dbc1;
			font-weight: normal;
			text-decoration: none;
			opacity: 0.3;
			filter: alpha(opacity=30);
			}

A.titulek2:active, A.titulek2:hover {
			color: #c1dbc1;
			font-weight: normal;
			text-decoration: none;
			opacity: 0.3;
			filter: alpha(opacity=30);
			}


A.zapati:link, A.zapati:visited {
			text-decoration: none;
			}

A.zapati:active, A.zapati:hover {
			text-decoration: none;
			}

A.popup:link, A.popup:visited {
			text-decoration: none;
			color: #ffffff;
			}

A.popup:active, A.popup:hover {
			text-decoration: underline;
			color: #674a66;
			}

LI {
			line-height: 190%;
			}

.sliderwrapper{
position: relative; /*leave as is*/
overflow: hidden; /*leave as is*/
border: 0px;
border-bottom-width: 0px;
width: 500px; /*width of featured content slider*/
height: 400px;
}



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

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

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

.pagination a:hover, .pagination a.selected{
color: #000;
background-color: #FEE496;
}

#menu {
		font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
		font-size:14px;
		position:relative;
		margin:0 auto;
		width:200px;
	}
	
	#menu ul {
		/* remove list style */
		list-style:none;
		padding:0;
		margin:0;	
		
		/* set the layer position */
		position:relative;
		z-index:5;
	}
	
		#menu li {
			/* set the styles */
			padding:0px;
			margin:2px;
			cursor:pointer;
			border:none;
		}
		
		#menu li.hover {
			/* on hover, change it to this image */
			background-image: none !important;

		}
		
		#menu li a {
			text-decoration:none;	
			color:#888;
		}

		#menu li a:hover {
			text-decoration:none;	
			color: #3bad16;;
		}
		
					
		
				#menu li.selected a {
			text-decoration:none;	
			color: #3bad16;
			font-weight: bold;
					}
		
		
	#menu .block {
		/* allow javascript to move the block */
		position:absolute;
		top:0;
		
		/* set the left position */
		left:210px;	
		
		/* display above the #menu */
		z-index:10;
		
		/* the image and the size */
		background:transparent url(../grafika/arrow.png) no-repeat top right;
		width:3px;
		padding:0px;
		cursor:pointer;
	}
	
	/* fast png fix for ie6 */
	* html .png{
		position:relative;
		behavior: expression((this.runtimeStyle.behavior="none")&&(this.pngSet?this.pngSet=true:(this.nodeName == "IMG" && this.src.toLowerCase().indexOf('.png')>-1?(this.runtimeStyle.backgroundImage = "none",
this.runtimeStyle.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='" + this.src + "', sizingMethod='image')",
this.src = "transparent.gif"):(this.origBg = this.origBg? this.origBg :this.currentStyle.backgroundImage.toString().replace('url("','').replace('")',''),
this.runtimeStyle.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='" + this.origBg + "', sizingMethod='crop')",
this.runtimeStyle.backgroundImage = "none")),this.pngSet=true));
	}

hr{
margin:50px 0;
color:#eee;
}

ul li.active{ /*IE6 hack- hide gooey effect from that browser*/
_visibility: hidden; /*IE6 rule*/
}