.level1 { font-size:10px; margin:1px 0px 3px 0px;}
.level1 a { font-family:verdana, helvetica, arial, sans-serif; color:darkblue; text-decoration:none;}

.level2 { font-size:10px; margin:1px 0px 0px 8px;}
.level2 a {  font-family:verdana, helvetica, arial, sans-serif;  color:darkblue; text-decoration:none;}

.level3 { font-family:verdana, helvetica, arial, sans-serif; margin:1px 0px 0px 16px;}
.level3 a { font-size:9px; color:navy; text-decoration:none;}
.level3 a:hover { text-decoration:underline; }

.level31 { font-family:verdana, helvetica, arial, sans-serif; margin:1px 0px 0px 16px;}
.level31 a { font-size:9px; color:navy; text-decoration:none;}
.level31 a:hover { text-decoration:underline; }

.break {page-break-after: always;}



/* <![CDATA[ */

body {
	margin:0; padding:0;
	margin-top:0px;
	text-align:center;
/*	background: white;	*/
	background: url('gifs/spacer-gray.gif') top left repeat;
	scrollbar-arrow-color: darkblue;
	scrollbar-track-color: lightblue;
	scrollbar-face-color: white;
	scrollbar-highlight-color: black;
	scrollbar-3dlight-color: gray;
	scrollbar-darkshadow-color: black;
	scrollbar-shadow-color: gray;
	min-width : 760px ;
	font:0.9em/1.5 "arial", sans-serif;
	}


html, body{
scrollbar-face-color:#EBF5FF;
scrollbar-base-color:#EBF5FF;
scrollbar-arrow-color:black;
scrollbar-track-color:#F3F3F3;
scrollbar-shadow-color:#EBF5FF;
scrollbar-highlight-color:#EBF5FF;
scrollbar-3dlight-color:#78AAFF;
scrollbar-darkshadow-Color:#78AAFF;
}


span { margin:0;}
img { border:0; }
a { cursor:pointer; }

#stranka {
/*	background: url('gifs/spacer-gray.gif') top left repeat; */
	}

#content {
	text-align:left;
	max-width: 760px;	
	width:expression(document.body.clientWidth > 800? "760px": "auto"); 	/* not firefox */
	background: url('ckd6_44e.gif') top left repeat-y; 
	}

#content-sk3 {
	margin:1em auto;
	border: thin solid silver;
	text-align:left;
	max-width: 760px;	
	width:expression(document.body.clientWidth > 800? "760px": "auto");
	}

#pata {
	margin:1em auto;
	margin-top: 0px;
/*	border: thin solid silver; */
	text-align:left;
	max-width: 760px;
	font-size: 0.7em;
	width:expression(document.body.clientWidth > 800? "760px": "auto");
	}

/* -- PÍSMA ------------------------------------------------------------------------*/
	#Myinfo, #myDiv, #msg, #news, div#qTip, #containerinfo, #inf {
		font-family: verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif;
	}
	
	td, th, p, ul, li, b, h2, h4, h5 {
		font-family: verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif;
	}
	
	.bot, .r11a, .r12, .r2, .r21, .r22, .r3, .img1, .img2, .img4, .bimg, .job, .link03, .link1, .link5g, .link8, .link11, .link12, .mb, .mc, .md, .mh, .mx, .popis, #men, #men1 {
		font-family: Trebuchet MS, helvetica, Tahoma, sans-serif;
	}

/* -- COLOR ---------------------------------------------*/
	a:link, a:visited, .bot, .men21, .r22, .r23 {color: gray;}
	a:hover, a:active	{color: #FF8000;}						/* oranžovohnědá střední */

	a1:link, a1:visited {color: #BFE4FF;}						/* světle modrá	*/
	a1:hover, a1:active	{color: #FFC080;}						/* oranžovohnědá světlá */
	
	.job {color: inherit;}
	.mh, .img1, .img2, .r3 {color: white;}
	
	.mx {color: #003C6D;}										/* modrá tmavá */
	.mx a:link, .mx a:visited {color: #cfdce6;}					/* šedomodrá světlá */
	.mx a:hover, .mx a:active {color: #0069B0;}					/* modrá střední */
	.info{color: #0055B3;}										/* modrá jasná */
	div#qTip, .r1, .rp, #inf {color: #00487D;}					/* zelenomodrá tmavá */

	.popis {color: #B30000;}									/* cihlová */

	.r12r {color: #F77F00;}										/* oranžová */
	.r2, .r2a, .r21 {color: #FF8000;}							/* oranžová střední */		
	H2 {color: #FFA800;}										/* oranžová světlá */
	
	H4 {color: #807A73;}										/* šedá tmavá */
	

/* -- LINK STYLE -----------------------------------------------------------------------*/
	a:hover, a:active {text-decoration : underline;}

	.dat :hover {padding-bottom:9px;background:url(icons/06_ascending.gif) no-repeat bottom center;}
	.mx a:hover, a:active {text-decoration : none;}


/* -- POZADÍ ----------------------------------------------------------------------------*/
	div.obal, .r14 {background:#ddd;}
	.r11f	{background:#fff;}
	
	H2, li.list0, li.list_01 {background: inherit;}
	.popis1	{background: white;}
	
	li.list, li.list_pdf {background: #D9ECFF;}					/* modrá světlá */
	.popis2, .popis3 {background: #e6f2ef;}						/*světle modrá */
	#myDiv {background:#DFECFB;}								/* světle modrá */
	#men, #men1, .mh, .mx {background: #869BBF;}				/* šedomodrá */

	H4, .md {background: #FFF5E6;}								/* růžová světlá */
	.mb	{background: #FF8000;}									/* oranžová */

	.myinfo table thead tr {background: #c0c0c0;}				/* stříbrně šedá */	
	.myinfo thead {background: #f9f9f9}							/* světle šedá */	
	#inf, .myosb {background:#efefef;}							/*světle šedá */
	
	.popis0 {background: #ffeb80;}								/* světle žlutá */


	.job {background-color:inherit;}
	tr.alternate {background-color:white;}

	.r11 {background-color:#e6f2fe;}							/* světle modrá */
	.r11a {background-color:#f3f8fd;}							/* více světle modrá */

	li.alternate, li.alternate2, li.alt_pdf {background-color:#FFDABF;}	/* světle cihlová */


.bot {font-size: 0.65em; text-align: center;}

div.obal {width: 50em; margin-bottom: 1em; padding: 10px;}
#myDiv {width:300px; border:thin solid #1F3E75; margin:20px 50px; padding:10px 20px; text-align:center;}
#msg {width: 100%; text-align:center;}

#proprint {display: none;}


.job { position: static;
	margin-bottom: 1em;
	padding: 1px;
	width: 99%;
	}

.job li img
{
	vertical-align: top;
	width: 50px;
	height: 40px;
	border: 0;
	padding: 0.1em; _padding:0px;
	margin-right:auto;
	margin-left: 0;
}


h2
{
	border-bottom: 1px dashed #ccc;
	font-size: 13px;
	font-weight: bold;
	margin: 0 0 10px;
	padding: 0 0 5px;
	text-align: left;
}


h4
{
	font-size: 11px;
	margin: 0 0 10px;
	padding: 0 0 5px;
	text-align: left;
}

/* -- LIST STYLE -----------------------------------------------------------------------*/
	a:link, a:visited, a1:link, a1:visited, a1:hover, a1:active {text-decoration : none;}

	li.alternate {list-style-image: url('gifs/wp00004org2.gif');}
	li.alternate2 {list-style: none;}
	li.alt_pdf {list-style-image: url('gifs/pdf_al.gif');}
	
	li.list {list-style-image: url('gifs/bullettitle.gif'); margin: 0 5px 10px 0;}
	li.list0 {list-style-image: url('gifs/bullettitle.gif'); margin: 4px 5px 2px 0;}
	li.list01 {list-style-image: url('gifs/bulletlist.gif'); margin: 2px 2px 4px 0;}
	li.list_pdf {list-style-image: url('gifs/pdf10.gif'); margin: 0 5px 10px 0;}
	
	li.men0 {list-style-image: url('gifs/wp00003.gif')} 
	li.men1 {list-style :url('gifs/wp00007.gif') disc}
	li.men1_new {list-style :url('factory/dojoroot/dijit/tundra/images/treeExpand_plus.gif') disc}
	li.men2 {list-style-image: url('gifs/wp00006.gif')} 
	li.men3 {list-style :url('gifs/wp00007.gif') disc; margin-left: 15px;}
	li.men31 {list-style-image: url('gifs/l1.gif')} 
	li.men4 {list-style :url('gifs/wp00006.gif') disc; margin-left: 15px;}
	li.men5 {list-style :url('icons/comments.png') disc; margin-left: -15px;}
	li.men6 {list-style :url('gifs/wp00006.gif') disc; margin-left: 25px;}	

	li.ni,	.rul1 {list-style-image: url('gifs/wp00004.gif');}
	li.ni2 {list-style: none;}
	li.ni_pdf {list-style-image: url('gifs/pdf_ni.gif');}
	
	ul.menu li {list-style-image: url('gifs/wp00006.gif')}
	
	.job li {list-style-image: url('gifs/wp00004.gif'); vertical-align: top;}
	.men {list-style-image: url('gifs/l2.gif');}
	.mx li {list-style-image: url('gifs/wp00007.gif');}



div#qTip {
	padding: 5px;
 	border: 1px solid #00487D;
	border-right-width: 2px;
	border-bottom-width: 2px;
	display: none;
	background: #FFE3BF;
	filter:alpha(opacity=85);
	opacity: 0.85;
	-khtml-opacity: 0.85;
	font-size: 0.6em;
	text-align: left;
	position: absolute;
	z-index: 1000;
	}


#men {
		font-size: 0.8em;
		background: url(gifs/blue3.gif) repeat-x top left;
		height:25px;
		}

#men1 {
		font-size: 0.8em;
		font-weight: bold;
		background: url(gifs/blue1.gif) repeat-x top left;
		height:25px;
		}

.men21 {font-size: 0.75em;}


/* #resultbox {width: 99%; margin:2 0 0 0; padding:0em; position:relative;	top:0px;vertical-align: middle; line-height: 170%; font-family: Verdana, Arial, Helvetica; border-top: 1px solid #012C7B;border-left: 1px solid #012C7B;border-right: 1px solid #012C7B;border-bottom: 1px solid #BBD7F3;background: #E6F2FE;} */
/* #resultcontent {width: 99%; padding:0em; font-size:0.9em; position:relative; margin-bottom: 10px; border-left: 1px solid #012C7B; 	border-right: 1px solid #012C7B; border-bottom: 1px solid #012C7B; background: #F3F8FD;} */
/*.result-pic {position:relative; float: right; top:1px; margin-bottom: 2px;right:1px;border:0;} */
/*.left {position:relative;float: left;left:5px;width:67%; } */

.pagenavi, #box_halfcontent .pagenavi { border-top:1px solid #bbd7f3; margin:5px 0 13px 0; padding-top:4px; height:1%; overflow:hidden; }

/* --->> Textcontainer halbe Breite */
#box_halfcontent { width:435px; border-right:1px solid #ff7200; padding-right:15px; margin:15px 0; }
#box_halfcontent p { padding-top:0px; padding-bottom:15px; }
#box_halfcontent h1 { margin:0 0 5px 0; }
#box_halfcontent .head { margin:0px; }
#box_halfcontent h4 { padding-bottom:0px; }

#resultbox_old { overflow:hidden; height:1%; border:1px solid #012c7b; border-bottom-color:#bbd7f3; margin-top:10px; padding:3px 5px; background-color:#e6f2fe; font-family:Verdana, Arial, Helvetica;}
#resultbox { overflow:hidden; height:1%; border:1px solid #bbd7f3; margin-top:6px; padding:3px 5px; background-color:#e6f2fe; font-family:Verdana, Arial, Helvetica;}
#resultcontent { background-color:#f3f8fd; border:1px solid #bbd7f3; border-top:0px; padding:0px 0px 0px 5px; min-height:71px; 	font-family:Verdana, Arial, Helvetica;font-size:0.9em;}
#resultcontent p {padding-top:2px;}
#resultcontent .result-pic { padding:1px 1px 1px 5px; float:right; }

.database {list-style :url('icons/database_go.png') disc; padding-top:2px;padding-left:5px;}				
.list {list-style :url('icons/page_white_magnify.png') disc; padding-top:2px;padding-left:5px;}				
.list2 {list-style :url('icons/page_white_magnify.png') disc; padding-top:2px;padding-left:5px;border-bottom:1px solid #bbd7f3;}				
.result-pic {position:relative; float: right; top:1px; margin-bottom: 2px;right:1px;border:0;}

.left { float:left; }
.right { float:right; }

.result {}
.result-price a { color:#f00; font-size:0.95em; }
.result-icons img {padding:2px 1px 3px 1px; border:0;position:relative; float: left;}


.mb {height:25px;}
.mc {height:25px; text-align:left;	font-size: 0.8em;}
.md {height:25px; text-align:left;}

.mh {
		font-size: 0.9em;
		font-weight: bold;
		background: url(gifs/header_back.png) repeat-x top left;
		height:21px;
		}

.mx {
		font-size: 0.8em;
		font-weight: bold;
		background: url(gifs/ckd6_06.png) repeat-x top left; 
		height:25px;	
		}

.mx td {font-size: 0.85em;}

#sidebar {width: 220px; margin:0; padding:0; float: left;}
#sidebari {width: 220px; margin:0; padding:0; float: left; 	position: relative;	top: -100px;}
#sidebarm {width: 120px; margin:0; padding:0;	float: left;}

#sidebar-content {margin:0; padding: 0.5em 1em; font-size: 70%;}

#main {margin:0 0 0 220px; padding:0; background: url('gifs/ckd6_02.png') top left repeat-x;}
#maini {margin:0 0 0 220px; padding:0;	position: relative;	top: -130px; }
#mainm {margin:0 0 0 120px; padding:0;	text-align: left;}

#main-content {margin:0; padding: 0.5em 1em; font-size: 100%;}

#inf {margin-top: 0px; padding: 1px; border:1px solid #ddd;	font-size: 0.7em;}
#inf p {margin:5px 2px 5px 2px;}

IMG.left-floating {float: left;}
IMG.right-floating {float: right;}


.inline_img {
   _width:12em;
   font: bold 65%/1 Verdana, sans-serif;
   margin: 0 0.2em; padding: 0.1em 0; _padding:0px;
   white-space:nowrap;
   text-decoration: none;
   vertical-align:middle;
   color: black;
   position: static;
   }


hr.cleaner {
	clear:both;
	height:1px;
	margin: -1px 0 0 0; padding:0;
	border:none;
	visibility: hidden;
	}
	

.column-in 	{margin:0 auto; padding:0; text-align: center;}

.img1, .img2 {margin:0; padding: 0.5em 1em; font-weight: bold;}
.img3	{text-align:center;}
.img4	{margin-left: -5px;}


.r1, .r21, .r22	{font-size: 0.7em;}
.r11, .r11f, .r13, .r14 {border-color: #aaa #ccc #ddd #bbb;}
.r11a 	{font-size: 0.9em;}
.r12 	{width: 98%;}
.r12b 	{float: right;}
.r14 	{position: static;}

.r2, .r2a, .r3, .img1, .img2, .img3, .img4 {text-transform: uppercase;}

.r2 	{margin:0; padding: 0.5em 1em;	padding-top:1.1em;	font-weight: bold;	font-size: 0.75em;}
.r21, .r22, .r23 	{margin:0; padding: 0.5em 1em;}
.r2a 	{font-size: 14px; font-weight: bold;}
.r3 	{font-weight: bold; margin:0; padding: 0.5em 1em;}
.r4 	{margin: 20px;}
.r41	{margin: 20px; font-size: 0.7em;}
.r51 	{text-align: left;}
.r52 	{text-align: right;}

.rp 	{width: 98%; font-size: 0.85em;}
.rp2 	{font-size: 0.85em;}




.bimg	{
	margin:0; padding: 0.5em 1em;
	font-weight: bold;
	text-transform: uppercase;
	color: white;
		}


.link0 a:link {color : white; text-decoration : none;}
.link0 a:visited {color : white; text-decoration : none;}
.link0 a:hover {color : #cfdce6; text-decoration : none;}

.link01 a:link {color: gray; text-decoration : none;}
.link01 a:visited {color: gray; text-decoration : none;}
.link01 a:hover  {color: #FF8000;}
.link01 a:hover {text-decoration : underline;}


.link02 {color: gray; font-weight: bold;}

.link03 {color : white;}
.link03 a:link {color : white; text-decoration : none;}
.link03 a:visited {color : white; text-decoration : none;}
.link03 a:hover {color : #cfdce6; text-decoration : underline;}

div.link03 {
	font-size:0.8em;
	color:white;
	text-align:right;
	position:relative;
	left:0px;
	float:left;
	margin-right:0px;
	top:-78px;
	width:100%;
	z-index:100;
	}


div.link03x {
	font-size:1.5em;
/*	color:#00487D;  */
	color:white;  
	text-align:left;
	position:relative;
	left:0px;
	float:left;
	margin-left:11px;
	top:-115px;
	width:100%;
	z-index:110;
	}


div.link04 {
	font-size:0.8em;
	color:blue;
	text-align:left;
	position:relative;
	left:-50px;
	margin-right:10px;
	top:2px;
	width:100%;
	}


.link1 	{
	margin:0; padding: 0.5em 1em;
	color: #0055B3;
	font-weight: bold;
		}
.link1 a:link {
	color: #0055B3;
	text-decoration : none;
	}
.link1 a:visited {
	color: #0055B3;
	text-decoration : none;
	}
.link1 a:hover {
	color : #cfdce6;
	text-decoration : none;
	}

.link5g {font-size: 0.9em; color: gray; background-color: #E8E6DB;}

.link11 	{
	margin:0; padding: 0.2em 0.2em;
	color: #0055B3;
	font-weight: bold;
		}
.link11 a:link {
	color: #0055B3;
	text-decoration : none;
	}
.link11 a:visited {
	color: #0055B3;
	text-decoration : none;
	}
.link11 a:hover {
	color : #00497B;
	text-decoration : underline;
	}


.link12 	{
	margin:0; padding: 0.5em 1em;
	color: #0055B3;
	font-weight: bold;
	text-transform: uppercase;
		}
.link12 a:link {
	color: #0055B3;
	text-decoration : none;
	}
.link12 a:visited {
	color: #0055B3;
	text-decoration : none;
	}
.link12 a:hover {
	color : #cfdce6;
	text-decoration : none;
	}


.log {
	position:relative;
	float:left;
	left:10px;
	top:-48px;
	width: 165px;
	z-index:100;
	}

.log2 {
	position:absolute;
	left:50%;
	margin-left: -100px;
	top:-48px;
	width: 165px;
	z-index:100;
	}


.hoverbox
{
	cursor: default;
	list-style: none;
}


.hoverbox li
{
	background: #eee;
	border-color: #ddd #bbb #aaa #ccc;
	border-style: solid;
	border-width: 1px;
	color: inherit;
	display: inline;
	float: left;
	margin: 2px;
	padding: 2px;
	position: relative;
}

.hoverbox img
{
	background: #fff;
	border-color: #aaa #ccc #ddd #bbb;
	border-style: solid;
	border-width: 1px;
	color: inherit;
	padding: 2px;
	vertical-align: top;
	width: 100px;
	height: 75px;
}


* html .hoverbox a
{
	position: relative;
}

* html .hoverbox a:hover
{
	font-size: 100%;
	z-index: 10;
}

* html .hoverbox li
{
	position: static;
}



.hoverbox0
{
	cursor: default;
	list-style: none;
}


.hoverbox0 li
{
	background: #eee;
	border-color: #ddd #bbb #aaa #ccc;
	border-style: solid;
	border-width: 1px;
	color: inherit;
	display: inline;
	float: left;
	margin: 2px;
	padding: 2px;
	position: relative;
	margin-left:-28px;
}

.hoverbox0 img
{
	background: #fff;
	border-color: #aaa #ccc #ddd #bbb;
	border-style: solid;
	border-width: 1px;
	color: inherit;
	padding: 1px;
	vertical-align: top;
	width: 163px;
	height:119px;
}


* html .hoverbox0 a
{
	position: relative;
}

* html .hoverbox0 a:hover
{
	font-size: 100%;
	color: #0055B3;
	z-index: 1;
}

* html .hoverbox0 li
{
	position: static;
}

.hoverbox1
{
	cursor: default;
	list-style: none;
}


.hoverbox1 li
{
	border-color: #ddd #bbb #aaa #ccc;
	border-style: dotted;
	border-width: 1px;
	color: inherit;
	list-style: none;
	margin: 2px;
	padding: 2px;
	position: relative;
}


.hoverbox1x li
{
	background: #eee;
	border-color: #ddd #bbb #aaa #ccc;
	border-style: solid;
	border-width: 1px;
	color: inherit;
	display: inline;
	float: left;
	margin: 2px;
	padding: 2px;
	position: relative;
}


.hoverbox1 img
{
	background: #fff;
	border-color: #aaa #ccc #ddd #bbb;
	border-style: solid;
	border-width: 1px;
	color: inherit;
	padding: 1px;
	vertical-align: top;
	width: 100px;
	height:80px;
}


* html .hoverbox1 a
{
	position: relative;
}

* html .hoverbox1 a:hover
{
	font-size: 100%;
	color: #0055B3;
	z-index: 1;
}

* html .hoverbox1 li
{
	position: static;
}



.hoverbox2
{
	cursor: default;
	list-style: none;
}


.hoverbox2 li
{
	background: #eee;
	border-color: #ddd #bbb #aaa #ccc;
	border-style: solid;
	border-width: 1px;
	color: inherit;
	display: inline;
	float: left;
	margin: 1px;
	padding: 1px;
	position: relative;
}

.hoverbox2 img
{
	background: #fff;
	border-color: #aaa #ccc #ddd #bbb;
	border-style: solid;
	border-width: 1px;
	color: inherit;
	padding: 1px;
	vertical-align: top;
	width: 81px;
	height: 115px;
}


* html .hoverbox2 a
{
	position: relative;
}

* html .hoverbox2 a:hover
{
	font-size: 100%;
	color: #0055B3;
	z-index: 1;
}

* html .hoverbox2 li
{
	position: static;
}


.hoverbox3 li
{
	background: inherit;
	color: inherit;
	border-color: #ddd #bbb #aaa #ccc;
	border-style: solid;
	border-width: 1px;
	display: inline;
	font-family: Trebuchet MS, helvetica, Tahoma, sans-serif;
	margin:  1px;
	padding: 0px;
}

.hoverbox4 img
{
	background: #fff;
	border-color: #aaa #ccc #ddd #bbb;
	border-style: solid;
	border-width: 1px;
	color: inherit;
	padding: 1px;
	vertical-align: top;
/*	width: 75px;*/
/*	height:100px;*/
	width: 100px;
	height:133px;
}



#container
{
	background: #D9D4C3;
	color: #998;
	margin: 6px;
	text-align:left;
	border-color: #aaa #ccc #ddd #bbb;
	border-style: solid;
	border-width: 0px;
}

#containerinfo
{
	background: #D9D4C3;
	color: inherit;
	margin: 6px;
	width: 650px;
	text-align:left;
	font-size: 0.8em;
	border-color: #aaa #ccc #ddd #bbb;
	border-style: solid;
	border-width: 0px;
}


#containerx
{
	background: #797582 url(gifs/body.gif) repeat-x center left;
	margin: -213px 0 0 -380px;
	margin: 6px;
	width: 760px;
	height: 426px;
	text-align:left;
	position: absolute;
	background: #899198;
	border-color: #aaa #ccc #ddd #bbb;
	top: 50%;
	left: 50%;

}


#header
{
	font: 11px/30px Verdana, sans-serif;
	margin: 0 0 10px;
	clear: both;
	overflow: hidden;
	width: 100%;
	position: relative;
	top: -60px;
}

#headerXX
{
	font: 11px/30px Verdana, sans-serif;
	margin: 0 0 10px;
	float: left;
	position: relative;
	top: -60px;
	overflow: hidden;
	width: 100%;
/*	height: 121px;	/*
}


#headerX
{
	font: 11px/30px Verdana, sans-serif;
	margin: 0 0 10px;
	overflow: hidden;
	width: 100%;
	background: #bbb;
	height: 31px;
}


#header a.current
{
	background: #332;
	color: #fff;
	font-weight: bold;
}

#header a
{
	padding: 5px;
}

#header a:hover
{
	background: #110;
}

#header h1
{
	background: url(../img/polaroid.gif) no-repeat 0 11px;
	float: left;
	font-size: 11px;
	font-weight: bold;
	letter-spacing: 1px;
	padding: 1px 0 0 20px;
}

#header p
{
	color: #998;
	float: right;
	padding: 0 20px 0 0;
}

#header2
{
	font: 11px/30px Verdana, sans-serif;
	margin: 0 0 10px;
	width: 100%;
}

#header2 p
{
	color: #998;
	float: right;
	padding: 0 10px 0 0;
}


.inline {
    margin: 0 0.1em; padding: 0.01em 0; _padding:0;
	border: 2px solid;
	border-color: #ddd #bbb #aaa #ccc;
   }


.inline-button2 {
	_width:12em;
	font: bold 65%/1 Verdana, sans-serif;
	margin: 0 0.2em; padding: 0.1em 0; _padding:0;
	border: 1px solid black;
	white-space:nowrap;
	text-decoration: none;
	vertical-align:middle;
	background: #ccc;
	color: black;
	}



.inlb {
   _width:12em;
   font:bold 65%/1 Verdana, sans-serif;
   margin: 0 0.2em; padding: 0.1em 0; _padding:0;
   border: 1px solid black;
   white-space:nowrap;
   text-decoration: none;
   vertical-align:middle;
   background: #ccc;
   color: black;
   }
.inlb em {
   _width:1em; _cursor:hand;
   font-style: normal;
   margin:0; padding: 0.1em 0.5em;
   background: white;
   color: black;
   }
.inlb span {
   _width:1em; _cursor:hand;
   margin:0; padding: 0.1em 0.5em 0.1em 0.3em;
   }
.inlb:hover {
   background: #666;
   color: white;
   }
.inlb:hover em {
   background: black;
   color: white;
   }

.org { background: orange; color: black }
.org em { background: white; color: #c60 }



.bot2  {
	text-align:left;
	margin: 0px auto;
	position:relative;
	top:10px;
	width:450px;
	height:15px
   }

.bot2 ul{
	padding-left: 0;
	margin-left: 0;
	height: 15px;
}

.bot2 ul li{
	list-style: none;
	padding: 2px 0.5em;
	float: left;
	display: inline;
}


.bot3  {
	text-align:left;
	margin: 2px auto;
	position:relative;
	top:7px;
	width:390px;
	height:14px;
	font-size:0.8em;
   }



.bcop	{
	text-align:left;
	margin: 2px auto;
	position:relative;
	top:7px;
	width:390px;
	height:14px;
	font-size:0.8em;
	}
	
.bcre	{
	color:gray;
	position:relative;
	top:2px;
	text-align:left;
	margin: 0px auto;
	width:230px;
	height:14px;
	font-size:0.8em;
	}

.bwin	{
	position:absolute;
	background-color:#EBEBEB;
	cursor:hand;
	left:0px;
	top:0px;
	display:none;
	z-index:50;
	}
	

.mmen2 {
	display:none;
	width:100%;
	height:25px;
	z-index:220;
	}

.mmen2x {
	display:none;
	width:490px;
	height:24px
	}


#center { 
   text-align: left;
   margin: 0 auto; 
}



.AlbumList {
	width: 152px;
	height: 182px;
	cursor: default;
	text-align: center;
	display: inline;
}

.AlbumList ul {margin-left: -7px;}
.AlbumList li {background: #ffffff url('gifs/frame1.gif') no-repeat; list-style: none; width: 152px; height: 182px; color: inherit; float: left; margin: 1px; margin-bottom: 3px; 	padding: 2px; position: relative;}

.AlbumList img
{
	text-align: center;
	color: inherit;
	padding: 2px;
	margin-right: 5px;
	vertical-align: top;
	width: 140px;
	height: 103px;
}

.AlbumList p{
	width: 144px;
	text-align: center;
	margin-top: 0px; 	
}

.AlbumList div
{
	width: 100%;
	text-align: center;
}

.AlbumInfo
{
	width: 142px;
	height: 40px;
/*	margin-top: -3px; */
	text-align: center;
	margin-right: 5px;
	font-size: 90%;
}


* html .AlbumList a
{
	position: relative;
}

* html .AlbumList a:hover
{
	font-size: 100%;
	z-index: 1;
}

* html .AlbumList li
{
	position: static;
}


grid {
/*     border:             windowframe 1px solid;*/
   	 border:			 1px dotted #a3bae9;
}
.grid td {
     font-family:        Verdana, Tahoma, sans-serif;
     font-size:          8pt;
     background-color:   window;
     color:              windowtext;
     border-right:       threedlightshadow 1px solid;
     border-bottom:      threedlightshadow 1px solid;
     padding:            1px;
     padding-left:       2px;
     padding-right:      2px;
}




.grid th {
     font-family:        Verdana, Tahoma, sans-serif;
     font-size:          8pt;
     background-color:	 #B8CFEE;
/*     background-color:   threedface;*/
     color:              windowtext;
     border-left:        threedhighlight 1px solid;
     border-top:         threedhighlight 1px solid;
     border-right:       threedshadow 1px solid;
     border-bottom:      threedshadow 1px solid;
     padding:            1px;
     padding-left:       2px;
     padding-right:      2px;
}


.cssform p{
	width: 350px;
	margin: 0;
	padding: 5px 0 8px 0;
	padding-left: 155px; /*width of left column containing the label elements*/
	border-top: 1px dashed gray;
	height: 1%;
}


.cssform label{
	float: left;
	margin-left: -155px; /*width of left column*/
	width: 150px; /*width of labels. Should be smaller than left column (155px) to create some right margin*/
}

.cssform input[type="text"]{ /*width of text boxes. IE6 does not understand this attribute*/
	width: 200px;
}

.cssform select[type="text"]{ /*width of text boxes. IE6 does not understand this attribute*/
	width: 200px;
}

.cssform textarea{width: 250px; height: 150px;}

/*.threepxfix class below:
Targets IE6- ONLY. Adds 3 pixel indent for multi-line form contents.
to account for 3 pixel bug: http://www.positioniseverything.net/explorer/threepxtest.html
*/

* html .threepxfix{
margin-left: 3px;
}


.form1{font-family: Trebuchet MS, helvetica, Tahoma, sans-serif; margin:0; z-index: -1;}
.form1 select {font-size: 0.9em; color: gray; background-color: #f3f8fd;z-index: -2;}

.formbutton{
	cursor:pointer;
	border:outset 1px #ccc;
	background:#999;
	color:#666;
	font-weight:bold;
	padding: 1px 2px;
	background:url(gifs/formbg.gif) repeat-x left top;
}

.formbuttons{
cursor:pointer;
font-size:0.8em;
border:outset 1px #ccc;
background:#999;
color:#666;
padding: 1px 1px;
background:url(gifs/formbg_sm.gif) repeat-x left top;
}


.shadow{
border:1px solid silver;
font:10pt arial;
position:relative;
display:inline;
background-color:   threedface;
z-index:100
}

.shadow_inner{
overflow:hidden;
position:absolute;
top: -1000px;
filter:alpha(opacity=10); /*modify to change the shade solidity/opacity, same as below*/
opacity:0.1; /*firefox 1.5 opacity*/
-moz-opacity:0.1; /*mozilla opacity*/
-khtml-opacity:0.1; /*opacity*/
z-index:10
}


.openlanguage{ /*class added to contents of 2nd demo when they are open*/
color: green;
}

.closedlanguage{ /*class added to contents of 2nd demo when they are closed*/
color: blue;
}


.glossymenu{
	margin: 5px 0;
	padding: 0;
	width: 195px; /*width of menu*/
	border: 1px solid #9A9A9A;
	border-bottom-width: 0;
}

.glossymenu a.menuitem{
	background: black url(gifs/glossyback.gif) repeat-x bottom left;
	font-family: Trebuchet MS, helvetica, Tahoma, sans-serif;
	color: white;
	display: block;
	position: relative; /*To help in the anchoring of the ".statusicon" icon image*/
	width: auto;
	padding: 4px 0;
	padding-left: 10px;
	text-decoration: none;
}

.glossymenu a.menuitem:visited, .glossymenu .menuitem:active{
	color: white;
}

.glossymenu a.menuitem .statusicon{ /*CSS for icon image that gets dynamically added to headers*/
	position: absolute;
	top: 5px;
	right: 5px;
	border: none;
}

.glossymenu a.menuitem:hover{
background-image: url(gifs/glossyback2.gif);
}

.glossymenu div.submenu{ /*DIV that contains each sub menu*/
	background: white;
}

.glossymenu div.submenu ul{ /*UL of each sub menu*/
	list-style-type: none;
	margin: 0;
	padding: 0;
}

.glossymenu div.submenu ul li{
	border-bottom: 1px solid blue;
}

.glossymenu div.submenu ul li a{
	display: block;
	font: normal 13px "Lucida Grande", "Trebuchet MS", Verdana, Helvetica, sans-serif;
	color: black;
	text-decoration: none;
	padding: 2px 0;
	padding-left: 10px;
}

.glossymenu div.submenu ul li a:hover{
	background: #DFDCCB;
	color: #0069B0;
}


.mylink{ /*header of 1st demo*/
	cursor: hand;
	cursor: pointer;
	padding: 2px 5px;
	/*border:1px solid #ddd;*/
	/*background:#efefef;*/
}

.openpet{ /*class added to contents of 1st demo when they are open*/
	background: yellow;
}

.myinfo{
	border:1px solid #ddd;
	padding: 1px;
	background:#efefef;
}

.item{
	background: #007D48 url(extjs/examples/layout/images/header.gif) repeat-x bottom left;
	/*background: black url(gifs/glossyback.gif) repeat-x bottom left;*/
	color: white;
	position: relative; /*To help in the anchoring of the ".statusicon" icon image*/
	width: auto;
	padding: 4px 0;
	padding-left: 10px;
	font: normal 13px "Lucida Grande", "Trebuchet MS", Verdana, Helvetica, sans-serif;
	text-decoration: none;
	/*text-align: left;*/
	padding: 2px 0;
}

.myinfo thead {
	cursor: pointer;
	border:2px solid #ddd;
	background: url(extjs/resources/images/default/grid/grid3-hrow.gif) repeat-x 0 bottom;
    zoom:1; /* only MSIE */
    padding:1px 0 0 0;
}

.men {border-bottom:1px solid #ddd;}
.myosb{border:1px solid #ddd; margin: 5px;}

.popis {font-size: 0.75em;
	color: #B30000;
	width: 85px;
	text-transform: uppercase;
}

.popis0, .popis1 {padding: 3px;}
.popis2, .popis3 {padding: 5px;}
.popis3 {background-color: blue;}


.contact span {position:absolute;float:left;margin-left:10px;padding:3px;}


/*DESIGN -----------------------------------------------------------------------*/

.box {min-height:1px;}
.box:after {display:block; visibility:hidden; clear:both; line-height:0; font-size:0; content:".";}

dl#news, dl#cer {margin:0; background:url("design/dot-02-1.gif") 3px 0 repeat-y;}
dl#news dt {margin-bottom:3px; padding-left:15px; background:url("design/news-dt.gif") 0 50% no-repeat; font-weight:bold;}
dl#news dd {margin:0; margin-bottom:10px; padding-left:15px;}
dl#news a:hover {text-decoration:none;}

#inf .in {padding:10px;}
#inf H3 {margin:0; padding-left:2px; font-size:120%; font-weight:bold;}



#main-img {float:left; width:500px;background:#DFDFDF;}
#refer-txt {float:right; width:500px;margin-top:25px;}

#topstory-img {float:left; width:180px;}
#story-img {float:left; width:270px;}
#topstory-img img, #story-img img  {display:block;}

#topstory-txt #topstory-info {margin:0; font-size:90%;}
#topstory-info {margin-top:0px;}

.cols5050 {clear:both; background:url("design/dot-01.gif") 0 100% repeat-x;}
.col {float:left; width:225px; padding:0 1px; margin-right:15px;}
.col.last {margin-right:0;}
.col h3 {margin:0; padding:7px 15px 12px 50px; background:url("design/cols3-title.gif") 20px 40% no-repeat; font-size:120%;}



ul.ul-01 {margin:10px 0; list-style:none;}
ul.ul-01 li {padding:2px 0 2px 25px; font-size:95%;}
ul.sub {margin:5px 0; list-style:none;}
ul.sub li {padding:2px 0 2px 20px; background:url("design/subnav.gif") 0 50% no-repeat; font-size:85%;}

dl#cer dt {margin-bottom:10px; padding-left:15px; background:url("design/news-dt.gif") no-repeat;}
dl#cer dd {margin:0; margin-bottom:10px; padding-left:15px;}

li.list-01 {list-style-image: url("design/news-dt.gif"); margin: 2px 2px 4px 0;}
ul.list-02 li {list-style-image: url("design/subnav.gif"); margin: 2px 2px 4px 0;}

.t-left {text-align:left !important;}
.t-center {text-align:center !important;}
.t-right {text-align:right !important;}
.t-justify {text-align:justify !important;}

.nomb {margin-bottom:0 !important;}

.more {padding-right:14px; background:url("design/more.gif") 98% 5px no-repeat;}
a:hover.more {text-decoration:none;}


/* ]]> */