body		{
			font-family: arial, verdana, helvetica, sans-serif;
			margin:0;
			background: url(../images/bg-main.gif) 0 0 repeat-x rgb(243,243,243);
			color:rgb(0,0,0);
			font-size:73%;
			}
img
			{
			border:none
			}

h2
  			{
			margin:0 0 5px 0;
			font-size:1.2em
			}
h3
			{
			margin:15px 0 0 0;
			font-size:1em
			}

/* Admin */

.textedit			{
				width:400px;
				height:395px;
			}
				
.texteditsmall		{
				width:400px;
				height:100px;
			}

.edit			{
				width:400px;
			}
.editsmall			{
				width:195px;
			}

/* Layout */

#o1
			{
			width:987px;
			background:rgb(255,255,255);
			margin:0 auto;
			min-height:1000px;
			height:auto !important;
			height:1000px
			}
#o2
   			{
			width:966px;
			margin:0 auto;
			}
	/* Zahlavi */
	
	#zahlavi
			{
			border-top:10px solid rgb(192,32,4);
			height:198px;
			}
	#z-texty
			{
			float:left;
			height:76px;
			}
	#logo
		 	{
			float:left;
			margin-top:4px;
			height:50px;
			width:178px;
			border-right:1px solid rgb(212,212,212)
			}
	#logo p
			{
			margin:13px 0 4px 11px;
			color:rgb(191,29,0);
			font-weight:bold;
			font-size:1.5em
			}
	#logo p span
		  	{
			color:rgb(0,0,0);
			display:inline;
			margin:0
			}
	#logo span
		  	{
			display:block;
			margin-left:70px
			}
	#menu
			{
			float:left;
			margin:19px 0 0 26px;
			width:560px;
			}
	h1
			{
			font-size:1em;
			margin:0 0 5px 0;
			}
	h1 span
			{
			font-weight:normal
			}
	#menu ul
			{
			margin:0;
			padding:0;
			list-style:none
			}
	#menu ul li
			{
			margin:0;
			padding:0;
			float:left
			}
	#menu ul li a
			{
			display:block;
			position:relative;
			padding:2px 13px 2px 22px;
			background:url(../images/bg-menu.gif) 0 0 no-repeat;
			color:rgb(0,0,0);
			text-decoration:none;
			cursor:pointer
			}
	#menu ul li a#m1
			{
			background-position: -9px 0;
			padding-left:13px
			}
	#menu ul li a:hover
			{
			text-decoration:underline
			}
	#menu ul li.aktivni a
			{
			background:url(../images/bg-menu.gif) 0 -42px no-repeat !important;
			padding:2px 13px 2px 22px !important;
			color:rgb(255,255,255)
			}
	#menu ul li a.mdalsi
			{
			background-position: -1px 0;
			padding-left:21px
			}
	#menu1
			{
			margin:10px 0 0 780px;
			padding:0;
			list-style:none;
			height:28px
			}
	#menu1 li
			{
			margin:0;
			padding:0;
			float:left;
			xfont-size:0.9em;
			position:relative
			}
	#menu1 li a
			{
			display:block;
			position:relative;
			width:53px;
			height:26px;
			padding:0 0 0 36px;
			color:rgb(178,178,178);
			text-decoration:none;
			}
	#m1p1 a
			{
			background:url(../images/uvod.gif) 0 2px no-repeat;
			}
	#m1p2 a
			{
			background:url(../images/oblibene.gif) 0 2px no-repeat;
			}		
	#menu1 li a:hover,#menu1 li.aktivni a
			{
			color:rgb(0,0,0);
			background-position:0 -48px;
			}
	#deco
			{
			clear:left;
			width:966px;
			height:112px;
			padding-top:10px
			}
	/* Druha uroven menu */
	#menu li ul li {float:left; display:block} /* hack */
		
	#menu li ul {z-index:999; position:absolute; width:550px; left:-999em; padding:0 0 9px 0}
	
	#menu li ul li a,#menu ul li.aktivni li a {color:rgb(0,0,0); text-decoration:none; text-align:left !important; background-position: 0 0 !important}
	#menu li ul li a:hover {color:rgb(191,29,0) !important; text-decoration:underline}
	
	#menu li ul {margin:0}
	
	#menu li:hover ul#m7, #menu li li:hover ul#m7, #menu li.sfhover ul#m7, #menu li li.sfhover ul#m7 {left:auto; margin-left:-212px;}
	#menu li:hover ul#m10, #menu li li:hover ul#m10, #menu li.sfhover ul#m10, #menu li li.sfhover ul#m10 {left:auto; margin-left:-374px;}
	
	#menu li ul li.aktivni2
		{
		font-weight:bold;
		background:none
		}

	/* Telo */
	
	#obal
			{
			float:left;
			width:100%;
			padding-top:15px;
			}

	#obsah
			{
			margin:0 214px 0 214px;
			padding:10px 15px 15px 15px;
			}

	#levy
			{
			float:left;
			width:213px;
			margin-left: -966px;
			padding-top:4px;
			}
	#pravy
			{
			float:left;
			width:214px;
			margin-left:-214px;
			padding-top:15px;
			}
	/* Zapati */
	#zapati
			{
			clear:left;
			padding:0 0 25px 12px;
			}
	#zapati p
			{
			width:710px;
			margin:0 auto;
			padding-top:25px;
			border-top:1px solid rgb(223,223,223)
			}
	#banner
			{
			width:510px;
			margin:0 auto;
			padding:0;
			border:none;
			text-align:center
			}
	#banner span
			{
			text-align:left;
			display:block;
			font-size:0.95em;
			color:rgb(127,127,127);
			padding:0 0 6px 15px;
			background:url(../images/sipka-seda.gif) 5px 4px no-repeat;
			}
	#zapati span
			{
			color:rgb(153,153,153)
			}
	
/* Obsah */

.akt-text
			{
			xwidth:489px;
			padding:25px 40px 12px 10px
			}
.akt-text h3
			{
			margin-top:0
			}
.vyrazny
			{
			padding-top:10px;
			background:rgb(193,32,4) url(../images/blok-cerveny-bg.jpg) 100% 0 no-repeat;
			color:rgb(255,255,255)
			}
.akt-text img
			{
			float:left;
			margin:0 10px 10px 5px
			}
.akt-info
			{
			width:481px;
			padding:8px 14px;
			background:rgb(240,240,240)
			}
.akt-text a.cely,#vystava-text a.cely
			{
			_display:block;
			white-space:nowrap;
			background:url(../images/sipka-cervena.gif) 2px 6px no-repeat;
			padding-left:16px;
			width:70px;
			}
.akt-text img.vpravo
			{
			float:right;
			margin:15px 0 0 15px
			}
.akt-text img.vlevo
			{
			float:left;
			margin:15px 15px 0 0
			}
.akt-text img.nastred
			{
			float:none;
			display:block;
			margin:15px auto;
			}
.akt-text div.stred
			{
			float:left;
			width:489px;
			text-align:center
			}
.vyrazny a.cely
			{
			background-image:url(../images/sipka-bila.gif);
			}
#stranky
			{
			border-top:1px solid rgb(223,223,223);
			border-bottom:1px solid rgb(223,223,223);
			margin:18px 0;
			}
#stranky p
			{
			position:relative;
			margin:0;
			padding:10px;
			word-spacing:0.3em;
			width:487px;
			}
#stranky span
			{
			position:absolute;
			right:10px;
			top:10px;
			}
#zpet,#vpred
			{
			width:12px;
			background:url(../images/sipka-cerna-zpet.gif) 5px 6px no-repeat;
			padding: 0 8px 0 8px;
			text-decoration:none
			}
#vpred
			{
			background:url(../images/sipka-cerna.gif) 5px 6px no-repeat;
			}
.akt-text table th
			{
			border-bottom:1px solid rgb(220,220,220);
			background:rgb(240,240,240);
			padding:4px 2px
			}
.akt-text table td
			{
			text-align:center;
			border-bottom:1px solid rgb(230,230,230)
			}
.akt-text table tr.sudy
			{
			background:rgb(250,250,250)
			}
.plna
			{
			padding-right:10px
			}
#cesta
			{
			margin:0 0 10px 0
			}
ul
			{
			list-style-image:url(../images/odrazka.gif);
			}
#firmy ul li
			{
			line-height:1.5em;
			margin:0 0 10px 0;
			}
.firma img
			{
			margin-left:0
			}
.popis-firma
			{
			line-height:1.5em
			}
.popis-firma table
			{
			line-height:1.1em;
			margin:15px 0;
			width:100%
			}
.popis-firma table td
			{
			text-align:left;
			padding:2px 1px
			}
.popis-firma table td.prvni_sloupec
			{
			font-weight:bold;
			width:90px
			}
.sobr
			{
			margin-left:145px
			}
.popis-firma ul
			{
			padding-left:15px
			}
.nalezeno
			{
			background:rgb(192,32,4);
			color:rgb(255,255,255);
			padding:5px 10px;
			margin:15px 0 10px 0
			}
#mapa-stranek
			{
			margin:20px 0
			}
#mapa-stranek ul
			{
			line-height:2em;
			margin:0 0 10px 0;
			padding:0 0 0 30px;
			font-weight:bold;
			color:rgb(0,0,0)
			}
#mapa-stranek ul a
			{
			font-weight:normal
			}
/* Vystavy */

#blok-info-cerv ul
			{
			list-style-image:none;
			list-style-type:none;
			padding: 0 0 0 10px
			}
#blok-info-cerv ul li
			{
			margin-top:15px;
			padding-left:40px;
			background:url(../images/list-info2.gif) 0 0 no-repeat
			}
#blok-info-cerv h3
			{
			margin:0 0 8px 0
			}
#blok-info-cerv strong
			{
			clear:left
			}
#vystava-text
			{
			padding:10px 40px 12px 40px;
			background:url(../images/list-info2.gif) 0 10px no-repeat
			}
#vystava-text img
			{
			float:right;
			margin:0 10px 10px 15px
			}
ul#download
			{
			margin:10px 0;
			padding:0 0 0 20px
			}

/* Bloky */

	/* Levy blok a parvy blok */
	
	.blok-sedy,.blok-ruzovy
			{
			width:200px;
			margin:0 auto;
			border:1px solid rgb(226,226,226);
			border-top:none;
			}
		.blok-ruzovy
			{
			border-color:rgb(246,221,218);
			background:url(../images/blok-bg-info.gif) 100% 100% no-repeat;
			line-height:1.5em
			}
	.blok-sedy-z,.blok-ruzovy-z
			{
			position:relative;
			width:202px;
			margin:11px auto 0 auto;
			background:url(../images/blok-stin-sedy.gif) 0 8px repeat-x;
			}
	.blok-ruzovy-z
			{
			margin-top:0;
			background-image:url(../images/blok-stin-ruzovy.gif)
			}
	.blok-sedy-z p,.blok-ruzovy-z p
			{
			background:url(../images/list.gif) 11px 0 no-repeat;
			margin:0;
			padding:22px 0 0 48px;
			color:rgb(191,29,0);
			font-size:1.2em;
			font-weight:bold
			}
	.blok-ruzovy-z p
			{
			background-image:url(../images/list-info.gif);
			padding-left:52px
			}
	.bl,.br,.brl,.brr
			{
			height:50px;
			position:absolute;
			top:8px;
			width:0;
			}
	.bl
			{
			left:0;
			border-left:1px solid rgb(226,226,226)
			}
	.br
			{
			right:0;
			border-right:1px solid rgb(226,226,226)
			}
	.brl
			{
			left:0;
			border-left:1px solid rgb(246,221,218)
			}
	.brr
			{
			right:0;
			border-right:1px solid rgb(246,221,218)
			}		
	.blok-sedy ul,.blok-ruzovy ul,#odkazy ul
			{
			margin:13px 10px 20px 15px;
			padding:0 0 0 13px;
			font-weight:bold;
			font-size:0.95em;
			}
	.blok-ruzovy ul
			{
			font-size:1em;
			font-weight:normal;
			margin-left:8px
			}
	.blok-ruzovy ul p
			{
			font-weight:bold;
			margin:0 0 7px 0
			}
	.blok-ruzovy ul strong
			{
			display:block;
			margin-bottom:2px
			}
	.blok-sedy ul li ul, #odkazy ul li ul
			{
			margin:7px 0 12px 0;
			font-weight:normal;
			list-style-image:none;
			list-style-type:none;
			padding:0;
			line-height:1.6em;
			}
	.info
			{
			background:url(../images/blok-bg-info-sede.gif) 100% 100% no-repeat;
			}
	.info ul
			{
			line-height:1.6em
			}
	.bez-i
			{
			background:none
			}
	.bez-n
			{
			
			}
	/* Pravy blok */
	
	#maso-online
			{
			position:relative;
			margin:5px auto 0 auto;
			text-align:center;
			min-height:30px;
			height:auto !important;
			height:30px;
			}
	#maso-online p
			{
			z-index:2;
			color:rgb(255,255,255);
			position:absolute;
			right:8px;
			bottom:8px;
			}

			
/* FORM */
#hledani
			{
			padding:10px 0 0 25px;
			float:left;
			position:relative
			}
fieldset
			{
			margin:0;
			padding:0;
			border:none
			}
input#ret
			{
			width:115px;
			height:12px;
			font-size:0.95em;
			}
input#hledat
			{
			position:absolute;
			left:148px;
			top:11px;
			height:18px;
			background:rgb(167,29,3);
			color:rgb(255,255,255);
			border:none;
			font-size:0.9em
			}
#prihlaska
			{
			margin:0 0 15px 0
			}
#prihlaska table td
			{
			border:none;
			text-align:left;
			vertical-align:top
			}
#prihlaska table td.s1
			{
			padding:5px 10px 5px 10px;
			background:rgb(250,250,250)
			}
#prihlaska select
			{
			width:290px
			}
#prihlaska textarea
			{
			width:285px
			}
#prihlaska input#odeslat
			{
			height:20px;
			background:rgb(167,29,3);
			color:rgb(255,255,255);
			border:none;
			font-size:1em;
			padding:0 20px
			}
textarea,input
			{
			font-family: arial, verdana, helvetica, sans-serif;
			}
textarea
			{
			font-size:1.1em
			}
			

a:active {color:rgb(191,29,0); text-decoration:underline}
a:link {color:rgb(191,29,0); text-decoration:underline}
a:visited {color:rgb(191,29,0); text-decoration:underline}
a:hover {color:rgb(191,29,0); text-decoration:none}

a.n:active,.blok-sedy a:active,#zapati a:active,#cesta a:active,#odkazy a:active {color:rgb(191,29,0); text-decoration:none}
a.n:link,.blok-sedy a:link,#zapati a:link,#cesta a:link,#odkazy a:link {color:rgb(191,29,0); text-decoration:none}
a.n:visited,.blok-sedy a:visited,#zapati a:visited,#cesta a:visited,#odkazy a:visited {color:rgb(191,29,0); text-decoration:none}
a.n:hover,.blok-sedy a:hover,#zapati a:hover,#cesta a:hover,#odkazy a:hover {color:rgb(191,29,0); text-decoration:underline}

#logo a:active,.akt-info a:active, h2 a:active {color:rgb(0,0,0); text-decoration:none}
#logo a:link,.akt-info a:link, h2 a:link {color:rgb(0,0,0); text-decoration:none}
#logo a:visited,.akt-info a:visited, h2 a:visited {color:rgb(0,0,0); text-decoration:none}
#logo a:hover,.akt-info a:hover, h2 a:hover {color:rgb(0,0,0); text-decoration:underline}

.vyrazny a.cely:active {color:rgb(255,255,255); text-decoration:underline}
.vyrazny a.cely:link {color:rgb(255,255,255); text-decoration:underline}
.vyrazny a.cely:visited {color:rgb(255,255,255); text-decoration:underline}
.vyrazny a.cely:hover {color:rgb(255,255,255); text-decoration:none}

.vyrazny a:active {color:rgb(255,255,255); text-decoration:none}
.vyrazny a:link {color:rgb(255,255,255); text-decoration:none}
.vyrazny a:visited {color:rgb(255,255,255); text-decoration:none}
.vyrazny a:hover {color:rgb(255,255,255); text-decoration:underline}

/* sloupcovy graf a znacky */
.card {width: 240px; height: 165px; position: relative;}
.back {position: absolute; width:240px; height: 180px;
       top: 0; left: 0; z-index: 0;
}
.cont {position: relative; width: 14px; height: 165px; float: left;}
.bar  {position: absolute; width: 13px; left: 0; z-index: 1;}
.mark {position: absolute; width:  9px; height:   9px;
 left:2px; z-index:2;}

/* dynamicka legenda pod grafem */
div.L, div.C, div.R {
 font: normal 100 11px Arial, SansSerif, Verdana;
 background: transparent; color: #666; border: 0; padding: 0;
 position: absolute; top: 162px; height: 16px; width: 55px;
}
div.L {left:  10px; text-align: left;}
div.C {left:  92px; text-align: right;}
div.R {left: 172px; text-align: right;}