@charset "utf-8";

*	{ margin: 0; padding: 0; }
html	{ min-height: 100%; margin: 0 0 .1em; }

body	{ background: url('images/vert.png') repeat-x 0 0 #3a87ca; font: 10px/10px Verdana, Arial, Helvetica, sans-serif; color: #000; text-align: center; }
body *	{ position: relative; }

/* linky */
a:link, a:visited	{ color: #2272b5; text-decoration: none; font-weight: bold; }
a:hover	{ text-decoration: underline; }

/* Site-wide classes */
.clear	{ clear: both; }
.hd	{ position: absolute; z-index: -100; visibility: hidden; } 
#skipNav	{ display: none; }
/*.glossary	{ color: #359151; }*/
.other	{ color: #0a4379; }
a.def:link, a.def:visited, .glossary	{ color: #359151; }
a.def:hover	{ text-decoration: none; border-bottom: 1px dashed #188471; }

/* larger container div to hold shadow background */
#shadow	{ top: 7px; width: 997px; height: auto; margin: 0 auto 32px; background: url('images/horiz.png') repeat-y 0 0 #fff; }
#shadow .top	{ position: absolute; left: 0; top: 0; z-index: 2; width: 997px; height: 407px; background: url('images/zaklad.png') no-repeat 0 0; }
#subpage #shadow .top	{ background-position: 0 -534px; }
#shadow .bottom	{ position: absolute; left: 0; bottom: -51px; z-index: 1; width: 997px; height: 51px; background: url('images/zaklad.png') no-repeat 0 -381px; }

#container	{ left: 17px; float: left; width: 963px; margin: 0 17px 0 0; text-align: left; z-index: 3; }

#left	{ float: left; width: 160px; }

/* main header */
#header	{ float: left; width: 100%; height: 77px; background: url('images/backgrounds-jpeg.jpg') no-repeat 0 0; } }
#header #logo	{ float: left; }
#header #topSearch	{
	float: right;
	right: 0px;
	top: 0px;
	width: 400px;
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 0px;
	margin-left: 0px;
}
#header #topNav	{ top: 18px; float: right; clear: right; margin: 0 0 18px; width: 653px; height: 22px; font-size: 1.1em; }
#topNav li	{ float: left; height: 22px; list-style: none; background: url('images/pozadi.png') no-repeat 0 0; }
#topNav li a	{ display: block; overflow: hidden; height: 22px; background: url('images/pozadi.png') no-repeat 0 0; cursor: pointer; }
#topNav li span	{ position: absolute; left: 0; top: 0; height: 22px; display: block; background: url('images/pozadi.png') no-repeat 0 0; }
#topNav li#pp a, #topNav li#pp span	{ width: 127px; background-position: -76px -1px; z-index: 150; }
#topNav li#pp a:hover span, #topNav li#pp.on span	{ background-position: -76px -24px; }
#topNav li#rs a, #topNav li#rs span	{ width: 132px; background-position: -203px -1px; z-index: 150; }
#topNav li#rs a:hover span, #topNav li#rs.on span	{ background-position: -203px -24px; }
#topNav li#fd a, #topNav li#fd span	{ width: 127px; background-position: -335px -1px; z-index: 150; }
#topNav li#fd a:hover span, #topNav li#fd.on span	{ background-position: -335px -24px; }
#topNav li#fls a, #topNav li#fls span	{ width: 116px; background-position: -462px -1px; z-index: 150; }
#topNav li#fls a:hover span, #topNav li#fls.on span	{ background-position: -462px -24px; }
#topNav li#fcs a, #topNav li#fcs span	{ width: 151px; background-position: -578px -1px; z-index: 150; }
#topNav li#fcs a:hover span, #topNav li#fcs.on span	{ background-position: -578px -24px; }

/* menu, left side */
#menu	{ float: left; width: 160px; }
#menu li	{ float: left; width: 160px; height: 22px; list-style: none; }
#menu li a	{ display: block; overflow: hidden; width: 160px; height: 22px; cursor: pointer; }
#menu li span	{ position: absolute; left: 0; top: 0; width: 160px; height: 22px; display: block; background: url('images/pozadi.png') no-repeat 0 -51px; }
#menu li#HORNI1 span	{ background-position: 0 -51px; }
#menu li#HORNI1 a:hover span, #menu li#HORNI1.on span	{  background-position: -160px -51px; }
#menu li#HORNI2 span	{ background-position: 0 -73px; }
#menu li#HORNI2 a:hover span, #menu li#HORNI2.on span	{  background-position: -160px -73px; }
#menu li#HLAVNI span	{ background-position: 0 -95px; }
#menu li#HLAVNI a:hover span, #menu li#HLAVNI.on span	{  background-position: -160px -95px; }
#menu li#KLUB span	{ background-position: 0 -117px; }
#menu li#KLUB a:hover span, #menu li#KLUB.on span	{  background-position: -160px -117px; }
#menu li#TYMY span	{ background-position: 0 -139px; }
#menu li#TYMY a:hover span, #menu li#TYMY.on span	{  background-position: -160px -139px; }
#menu li#PARTNER span	{ background-position: 0 -161px; }
#menu li#PARTNER a:hover span, #menu li#PARTNER.on span	{  background-position: -160px -161px; }
#menu li#HORNI7 span	{ background-position: 0 -183px; }
#menu li#HORNI7 a:hover span, #menu li#HORNI7.on span	{  background-position: -160px -183px; }
#menu li#HORNI8 span	{ background-position: 0 -205px; }
#menu li#HORNI8 a:hover span, #menu li#HORNI8.on span	{  background-position: -160px -205px; }
#menu li#HORNI9 span	{ background-position: 0 -227px; }
#menu li#HORNI9 a:hover span, #menu li#HORNI9.on span	{  background-position: -160px -227px; }
#menu li#FANSHOP span	{ background-position: 0 -249px; }
#menu li#FANSHOP a:hover span, #menu li#FANSHOP.on span	{  background-position: -160px -249px; }
#menu li#DISKUZE span	{ background-position: 0 -271px; }
#menu li#DISKUZE a:hover span, #menu li#DISKUZE.on span	{  background-position: -160px -271px; }
#menu li#PISI span	{ background-position: 0 -293px; }
#menu li#PISI a:hover span, #menu li#PISI.on span	{  background-position: -160px -293px; }
#menu li#ODKAZY span	{ background-position: 0 -315px; }
#menu li#ODKAZY a:hover span, #menu li#ODKAZY.on span	{  background-position: -160px -315px; }
#menu li#MUZI span	{ background-position: 0 -337px; }
#menu li#MUZI a:hover span, #menu li#MUZI.on span	{  background-position: -160px -337px; }
#menu li#DORO1 span	{ background-position: 0 -359px; }
#menu li#DORO1 a:hover span, #menu li#DORO1.on span	{  background-position: -160px -359px; }
#menu li#DORO2 span	{ background-position: 0 -381px; }
#menu li#DORO2 a:hover span, #menu li#DORO2.on span	{  background-position: -160px -381px; }
#menu li#ZACI1 span	{ background-position: 0 -403px; }
#menu li#ZACI1 a:hover span, #menu li#ZACI1.on span	{  background-position: -160px -403px; }
#menu li#ZACI2 span	{ background-position: 0 -425px; }
#menu li#ZACI2 a:hover span, #menu li#ZACI2.on span	{  background-position: -160px -425px; }
#menu li#ZACI3 span	{ background-position: 0 -447px; }
#menu li#ZACI3 a:hover span, #menu li#ZACI3.on span	{  background-position: -160px -447px; }
#menu li#PRIP1 span	{ background-position: 0 -469px; }
#menu li#PRIP1 a:hover span, #menu li#PRIP1.on span	{  background-position: -160px -469px; }
#menu li#PRIP2 span	{ background-position: 0 -491px; }
#menu li#PRIP2 a:hover span, #menu li#PRIP2.on span	{  background-position: -160px -491px; }
#menu li#NOVY span	{ background-position: 0 -513px; }
#menu li#NOVY a:hover span, #menu li#NOVY.on span	{  background-position: -160px -513px; }
	
/* popup hover menus - level 1 */
#menu ul.popup, #menu ul.popup.px130	{ display: none; position: absolute; z-index: 1000; background-color: #4ea3e7; border-left: 1px solid #fff; }
#menu ul.popup	{ width: 320px; w\idth: 319px; }
#menu ul.popup.px130	{ width: 130px; w\idth: 129px; }

#menu ul.popup li, #menu ul.popup.px130 li		{ left: 0; height: auto; margin: 0; }
#menu ul.popup li	{ width: 319px; }
#menu ul.popup.px130 li	{ width: 129px; }

#menu li>ul.popup, #menu li>ul.popup.px130	{ top: 0; left: 160px; }

#menu li:hover ul.popup, #menu li.sfhover ul.popup, #menu li:hover ul.popup.px130, #menu li.sfhover ul.popup.px130	{ top: 0; left: 160px; display: block; }

#menu ul.popup a:link, #menu ul.popup a:visited, #menu ul.popup.px130 a:link, #menu ul.popup.px130 a:visited { height: auto; padding: 2px 2px 3px 14px; background: #228ce1; cursor: pointer; display: block; text-decoration: none; color: #fff; font-weight: normal; font-size: 11px; line-height: 15px; border-top: 1px solid #4ea3e7; }
#menu ul.popup a:link, #menu ul.popup a:visited { width: 319px; w\idth: 303px; }
#menu ul.popup.px130 a:link, #menu ul.popup.px130 a:visited { width: 129px; w\idth: 113px; }

#menu ul.popup .first a:link, #menu ul.popup .first a:visited, #menu ul.popup.px130 .first a:link, #menu ul.popup.px130 .first a:visited { border-top: none; padding: 3px 2px 3px 14px; }

#menu ul.popup a:hover, #menu ul.popup .on a:link, #menu ul.popup .on a:visited, #menu ul.popup.px130 a:hover, #menu ul.popup.px130 .on a:link, #menu ul.popup.px130 .on a:visited { background: #04396b; }

/* links for 3rd level popups */
#menu li ul.popup li a.level2:link, #menu li ul.popup li a.level2:visited 	{ background: url('images/off.png') no-repeat 303px 7px #228ce1; }
#menu li ul.popup.px130 li a.level2:link, #menu li ul.popup.px130 li a.level2:visited 	{ background: url('images/off.png') no-repeat 113px 7px #228ce1; }
#menu li ul.popup.px130300 li a.level2:link, #menu li ul.popup.px130300 li a.level2:visited 	{ background: url('images/off.png') no-repeat 283px 7px #228ce1; }

#menu li ul.popup li a.level2:hover, #menu li ul.popup li:hover a.level2	{ background: url('images/on.png') no-repeat 303px 7px #04396b; }
#menu li ul.popup.px130 li a.level2:hover, #menu li ul.popup.px130 li:hover a.level2	{ background: url('images/on.png') no-repeat 113px 7px #04396b; }
#menu li ul.popup.px130300 li a.level2:hover, #menu li ul.popup.px130300 li:hover a.level2	{ background: url('images/on.png') no-repeat 283px 7px #04396b; }

/* popup hover menus - level 2 */
#menu li ul li ul.popup2, #menu li ul li ul.popup2.px130, #menu li ul li ul.popup2.px130300	{ display: none; position: absolute; z-index: 1001; background: none #4ea3e7; border-left: 1px solid #fff; }
#menu li ul li ul.popup2	{ width: 320px; w\idth: 319px; }
#menu li ul li ul.popup2.px130	{ width: 130px; w\idth: 129px; }
#menu li ul li ul.popup2.px130300	{ width: 300px; w\idth: 299px; }

#menu li ul li ul.popup2 li	{ left: 0; height: auto; margin: 0; }
#menu li ul li ul.popup2 li	{ width: 319px; }
#menu li ul li ul.popup2.px130 li	{ width: 129px; }
#menu li ul li ul.popup2.px130300 li	{ width: 299px; }

#menu li ul li>ul.popup2	{ top: 1px; left: 319px; }
#menu li ul li>ul.popup2.px130, #menu li ul li>ul.popup2.px130300 { top: 1px; left: 129px; }

#menu li ul li:hover ul.popup2, #menu li ul li.sfhover ul.popup2 { top: 1px; left: 319px; display: block; }
#menu li ul li:hover ul.popup2.px130, #menu li ul li.sfhover ul.popup2.px130, #menu li ul li:hover ul.popup2.px130300, #menu li ul li.sfhover ul.popup2.px130300 { top: 1px; left: 129px; display: block; }

#menu li ul li ul.popup2 li a:link, #menu li ul li ul.popup2 li a:visited, #menu li ul li ul.popup2.px130 li a:link, #menu li ul li ul.popup2.px130 li a:visited, #menu li ul li ul.popup2.px130300 li a:link, #menu li ul li ul.popup2.px130300 li a:visited { height: auto; padding: 2px 2px 3px 14px; background: #228ce1; cursor: pointer; display: block; text-decoration: none; color: #fff; font-weight: normal; font-size: 11px; line-height: 15px; border-top: 1px solid #4ea3e7; }
#menu li ul li ul.popup2 li a:link, #menu li ul li ul.popup2 li a:visited { width: 319px; w\idth: 303px; }
#menu li ul li ul.popup2.px130 li a:link, #menu li ul li ul.popup2.px130 li a:visited { width: 129px; w\idth: 113px; }
#menu li ul li ul.popup2.px130300 li a:link, #menu li ul li ul.popup2.px130300 li a:visited { width: 299px; w\idth: 283px; }

#menu li ul li ul.popup2 li.first a:link, #menu li ul li ul.popup2 li.first a:visited, #menu li ul li ul.popup2.px130 li.first a:link, #menu li ul li ul.popup2.px130 li.first a:visited, #menu li ul li ul.popup2.px130300 li.first a:link, #menu li ul li ul.popup2.px130300 li.first a:visited { border-top: none; padding: 2px 2px 3px 14px; }

#menu li ul.popup li:hover a, #menu li ul.popup li:hover a.level2, #menu li ul li ul.popup2 li a:hover, #menu li ul li ul.popup2 li.on a:link, #menu li ul li ul.popup2 li.on a:visited, #menu li ul.popup.px130 li:hover a, #menu li ul.popup.px130 li:hover a.level2, #menu li ul li ul.popup2.px130 li a:hover, #menu li ul li ul.popup2.px130 li.on a:link, #menu li ul li ul.popup2.px130 li.on a:visited,  #menu li ul.popup.px130300 li:hover a, #menu li ul.popup.px130300 li:hover a.level2, #menu li ul li ul.popup2.px130300 li a:hover, #menu li ul li ul.popup2.px130300 li.on a:link, #menu li ul li ul.popup2.px130300 li.on a:visited { background-color: #04396b; }

/* bottom stuff */
#footer	{ float: left; left: 12px; top: 64px; width: 939px; margin: 0 12px 64px 0; font-size: 1.1em; line-height: 1.3em; }
#homepage #footer #footNav	{ left: 160px; float: left; width: 635px; margin: 0 0 27px; text-align: center; z-index: 3; }
#subpage #footer #footNav	{ left: 178px; float: left; width: 580px; margin: 0 178px 27px 0; text-align: center; z-index: 3; }
#footNav a	{ color: #0a4379; }
#footer hr	{ left: 178px; float: left; width: 580px; color: #dbdbdb; background: #dbdbdb; height: 1px; border: 0; margin: 0 0 27px; display: block; clear: left; z-index: 3; }
#homepage #footer hr	{ left: 160px; width: 635px; }
#footer #btmText	{ left: 220px;  margin: 0 220px 0 0; width: 489px; text-align: center; }

/*----------------------------------------------------------------- home page */
#homepage #right	{ right: 12px; top: 10px; margin: 0 0 10px 12px; float: right; width: 779px; }
#homepage #right .ad	{ float: right; clear: right; width: 132px; }
/*----------------------------------------------------------------- home page */


/*----------------------------------------------------------------- reklama vlevo */
#left .ad	{
	left: 0px;
	top: 0px;
	float: left;
	margin-top: 0;
	margin-right: 0px;
	margin-bottom: 0px;
	background: #3399CC
	margin-left: 0;

}


/*----------------------------------------------------------------- subpage */
#subpage #right	{ right: 15px; top: 30px; margin: 0 0 30px 12px; float: right; width: 758px; font-size: 1.2em; line-height: 1.6em; }
#subpage #right #content	{ float: left; width: 580px; }
	#subpage #content h1, #subpage.large_font #content h1 { float: center; margin: 0 0 15px; font: bold 24px/1em Arial, Helvetica, sans-serif; color: #0a4379; }
	#subpage #content h2	{ margin: 0 0 18px; font: bold 1.3em/1.3em Arial, Helvetica, sans-serif; color: #0a4379; }
	#subpage #content p, #subpage #content ul, #subpage #content ol	{ margin: 0 0 18px; }
	#subpage #content a	{ font-weight: normal; }
	#subpage #content .update	{ font-size: .8em; }

	
	#subpage #sideContent	{ float: right; width: 150px; clear: right; }
		#sideContent.hasFlashAd	{
	top: 5px;
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 9px;
	margin-left: 0;
}
		
	#subpage #sideContent.hasFlashAd #pageControls	{ top: 29px; margin: 0 0 29px; }
					


/* KODY */

.categoryindx { color: #012f67; font: 1em arial,helvetica,sans-serif; font-weight: bold; text-align: center; border: 1px solid #cbdaeb; margin: 2em 0 1em 0; text-transform: uppercase; }

#subpage .copyindx a:link, 
#subpage .copyindx a:visited { color: #0a4379; font: 1.3em/1em arial,helvetica,sans-serif; font-weight: bold; text-decoration: none }
#subpage .copyindxsub a:link,
#subpage .copyindxsub a:visited { color: #0a4379; font: 1.2em/1.4em arial,helvetica,sans-serif; font-weight: bold; text-decoration: none }
#subpage .copyindx a:hover,
#subpage .copyindxsub a:hover { text-decoration: underline }


.TcolhedM {
	color: #000;
	font-weight: bold;
	padding: 3px;
	text-align: center;
	vertical-align: middle;
	
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	border: 1px solid #666666;
}
.TcolhedR {
	color: #000;
	font-weight: bold;
	padding: 3px;
	text-align: center;
	vertical-align: bottom;
	background-color: #1E90FF;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	border: 1px solid #666666;
}

.prazdna {
	color: #000;
	
	padding: 3px;
	text-align: center;
	vertical-align: bottom;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	border: 1px solid #666666;
}
/*----------------------------------------------------------------- subpage */


