body {
	font-family: Verdana, "Geneva CE", lucida, sans-serif;
	font-size: 12px;
	color: #2b3953;
	background-color: #fff;
	background-image: url("back.png");
	background-position: center;
	background-repeat: no-repeat;
	background-attachment: fixed;


/*	nestandardne vlastnosti - mozete ich odkomentovat CSS bude funkcne ale nebude validne	*/
/*
	scrollbar-face-color: #9eaecd;#D4D4E5
*/
	margin: 0px;
	padding: 0px;
}

table {
	border-collapse: collapse;
}

/*	zakladna tabulka layoutu	*/
#layout {
	height:100%;
}
/*	lavy okraj layoutu	*/
#lmvrch {
	width: 8%;
	background:#7D9DC9 url("vrchjazero.png") no-repeat;
}
#lmstred{
	width: 8%;
	background:#7D9DC9 url("stredjazero.png") repeat-y;
}
#lmspodok{
	width: 8%;
	background: #7D9DC9 url("spodokjazero.png") no-repeat;
}
/*	pravy okraj layoutu	*/
#rm {
	width: 8%;
	background: url('bok.png') repeat-y fixed;
}
#rm1{
	width: 8%;
	background: url('bokvrch.png') no-repeat;
}
#copright{
	width: 84%;
	font-family: Verdana, "Geneva CE", lucida, sans-serif;
	font-size: 10px;
	color: #D0D0D0;
	left:50%;
}
/*	zahlavie	*/
#zahlavi1 {
	position: relative;
	margin: 0;
	padding: 0;
	height: 100px;
	/*background-image: url("mojlovzveri.gif");*/
	background-repeat: no-repeat;
	background-position: top left;
}
/*	napis - graficky prvok vlavo v zahlavi	*/
#zahlavi-gr1 {
	position:absolute;
	bottom:0px;
	left:0px;
	width:283px;
	height:85px;
	background:url("banner_big.gif");
	background-repeat: no-repeat;
	cursor: hand;
}
/*	graficky prvok napravo v zahlavi 	*/
.rotobr {
	position:absolute;
	bottom:0px;
	top:10px;
	right:0px;
	left:600;
	width:0px;
	height:0px;
	cursor: hand;
	background-image: url("awald1.gif");
	background-repeat: no-repeat;

}
/*	ciarkovana spodna cast zahlavia 	*/

/*	srafovane zapatie stranky	*/
#zapati	{
	padding:0.2em;
	margin:0px 10px 12px 10px;
 	background:#768db9 url("header-bck.png") top right repeat-y;
}

/*	trieda pre vnutorne odsadenie - padding - stlpcov	*/
.col {
	padding:10px 10px 10px 10px;


}

/*	odsadenie hlavného stlpca v sablone base	*/
.hlav {
	padding: 10px 0 0 0;



}

/*	odsadenie z prava v sablone download	*/
.hlav2 {
	padding:10px 10px 0 0;

}

.zap-txt {
	text-align: center;
	color: #fff;
	font-size: 9px;
	margin:0.5em;
}

/*      definicia blokov typu 1 az 5 - spolocne vlastnosti	*/
.blok1, .blok2, .blok2, .blok3, .blok4, .blok5	{
	margin: 0px 0 0 0;
	padding: 5px;
	color: black;
	font-weight: bold;
	font-size: 13px;
	text-align: center;
}

/*      definicia blokov typu 1 az 5 - rozdielne vlastnosti	*/
.blok1	{
	background:#D4D4E5; 
	background-image: url("nadpism.png");
	background-repeat: no-repeat;
	width: 160;
	height: 30;

}
.blok2	{
	background:#fff; 
/*	background-image: url("nadpism.png");*/
	background-repeat: no-repeat;
	width: 160;
	height: 30;
	

}

.blok3	{
	background:#D4D4E5; 
	background-image: url("nadpism.png");
	background-repeat: no-repeat;
	width: 160;
	height: 30;
	
}

.blok4	{
	background:#D4D4E5; 
	background-image: url("nadpism.png");
	background-repeat: no-repeat;
	width: 160;
	height: 30;

}

.blok5	{
	background:#D4D4E5; 
	background-image: url("nadpism.png");
	background-repeat: no-repeat;
	width: 160;
	height: 30;
	
}

/*	definicia obsahu blokov 1-5 - spolocne vlastnosti	*/
.blok1obs, .blok2obs, .blok3obs, .blok4obs, .blok5obs  {
	padding: 5px;
	margin: 0 0px 0px 0;
	font-size: 13px;

}

/*	definicia obsahu blokov 1-5 - rozdielne vlastnosti	*/
.blok1obs {
  	padding:0;
	margin:0px 0px 0px 0px;
	font-size:13px;
	background: #D4D4E5; 
}

.blok2obs {
	padding:0;
	margin:0 0 0px 0;
	font-size:13px;

}

.blok3obs {
	padding:0;
	margin:0 0 0px 0px;
	font-size:13px;
	background: #D4D4E5; 
}

.blok4obs {
	padding:0;
	margin:0 0 0px 0;
	font-size:13px;
	background: #D4D4E5; 
}

.blok5obs {
		padding:0;
	margin:0 0 0px 0;
	font-size:13px;
	background: #D4D4E5; 
}


/* hyperlinky */

A {
	font-size: 100%;
	font-style: normal;
	font-variant: normal;
}
A:link {
	color:#4f689a;
}
A:visited {
	color:#4f689a;
}
A:hover {
	color:#2b3953;
}
A:active {
	color:#4f689a;
}
A.clanek:link {
	color: Black;
	text-decoration: none;
}
A.clanek:visited {
	color: Black;
	text-decoration: none;
}
A.clanek:hover {
	color: Black;
	text-decoration: underline;
}
A.copyright:link {
	color:#D0D0D0;
}
A.copyright:visited {
	color:#D0D0D0;
}
A.copyright:hover {
	color:#D0D0D0;
}


/*menu*/
a.menici {

	background-image: url("clankygif.gif");
	background-repeat:no-repeat; width: 135px; height: 40px;display:block;}
a.menici:hover {

	background-image: url("clankyprechodgif.gif");
	background-repeat:no-repeat; width: 135px; height: 40px;display:block;}
a.menu1 {

	background-image: url("diskusiagif.gif");
	background-repeat:no-repeat; width: 135px; height: 40px;display:block;}
a.menu1:hover {

	background-image: url("diskusiaprechodgif.gif");
	background-repeat:no-repeat; width: 135px; height: 40px;display:block;}
a.menu2{

	background-image: url("galeriagif.gif");
	background-repeat:no-repeat; width: 135px; height: 40px;display:block;}
a.menu2:hover {

	background-image: url("galeriaprechodgif.gif");
	background-repeat:no-repeat; width: 135px; height: 40px;display:block;}
a.menu3{

	background-image: url("inzerciagif.gif");
	background-repeat:no-repeat; width: 135px; height: 40px;display:block;}
a.menu3:hover{

	background-image: url("inzerciaprechodgif.gif");
	background-repeat:no-repeat; width: 135px; height: 40px;display:block;}
a.menu4{

	background-image: url("multimediagif.gif");
	background-repeat:no-repeat; width: 135px; height: 40px;display:block;}
a.menu4:hover{

	background-image: url("multimediaprechodgif.gif");
	background-repeat:no-repeat; width: 135px; height: 40px;display:block;}
a.menu5{

	background-image: url("kataloggif.gif");
	background-repeat:no-repeat; width: 135px; height: 40px;display:block;}
a.menu5:hover{

	background-image: url("katalogprechodgif.gif");
	background-repeat:no-repeat; width: 135px; height: 40px;display:block;}
a.menu6{
	background-image: url("mojlovryb.gif");
	background-repeat: no-repeat; width: 135px; height: 40 px; display: block;
}
a.menu6:hover{
	background-image: url("mojlovryb2.gif");
	background-repeat: no-repeat;width: 135px; height: 40 px; display: block;
}
a.menu7{
	background-image: url("mojlovzveri.gif");
	background-repeat: no-repeat; width: 135px; height: 40 px; display: block;
}
a.menu7:hover{
	background-image: url("mojlovzveri2.gif");
	background-repeat: no-repeat;width: 135px; height: 40 px; display: block;
}

a.menu8{

	background-image: url("chat.gif");
	background-repeat:no-repeat; width: 100px; height: 40px;display:block;}
a.menu8:hover{

	background-image: url("chatprechod.gif");
	background-repeat:no-repeat; width: 100px; height: 40px;display:block;}
/* zakladni styly */

.z {
	color: Gray;
	font-size: 13px;
	font-weight: normal;
}
.nadpis {
	text-align: center;
	padding: 0.2em 0 0.2em 10px;
	color: white;
	background: #4f689a;
	font-weight: bold;
	font-size: 16px;
}
.podnadpis {
	color:#4f689a;
	text-align: center;
	font-size: 14px;
}
.bledy {
	color:#f0f6ff;
}

/* komentare */

.kom-z {
	color:#4f689a;
	font-size: 11px;
	font-weight: normal;
}
.kom-link {
	color:#4f689a;
	font-size: 13px;
	font-weight: normal;
}
.kom-hlavicka {
	color:#4f689a;
	padding: 4px;
	font-size: 11px;
	font-weight: normal;
}
.kom-text {
	color:#4f689a;
	padding: 3px;
	background: #fff;
	border: 1px solid #4f689a;
	font-size: 11px;
	font-weight: normal;
}
.kom-cely-ram {
	background:#e0e6f0;
	padding:4px;
	border: 1px solid #4f689a;
	padding-bottom:4px;
}

/* ankety */
.anketa-std-otazka,
.anketa-cla-otazka,
.anketa-blok-z,
.anketasysz {
	color:#4f689a;
	font-size: 13px;
	font-weight: normal;
	margin:0;
	padding:0.3em 0;
	border-bottom: 1px solid #9eaecd;
}
.anketasysodp,
.anketa-std-odpovedi,
.anketa-cla-odpovedi,
.anketa-blok-odpovedi {
	color:#4f689a;
	font-size: 12px;
	font-weight: normal;
	line-height:1.2em;
	margin:0.2em 0;
}
.anketa-cla-celkovy-ram {
	font-size: 13px;
	text-align: left;
	margin: 6px 0 12px 0;
}
.anketa-cla-ram {
}
.anketa-blok-odp-cara {
	width:140px;
	font-size:85%;
	line-height:1em;
	height:1em;
	margin:2px 0;
	padding:0;
}
.anketa-blok-odp-cara-hlasy {
	height:1em;
	background:#2b3953 url('gr-inq.png') 100% 0 repeat-y;
}

.anketa-std-ram {
	text-align: left;
}

/* syst. blok - novinky */

.nov-datum {
	color:#4f689a;
	font-size: 13px;
	font-weight: bold;
}
.nov-titulek {
	color:#4f689a;
	font-size: 13px;
	font-weight: bold;
}
.nov-titulek-duraz {
	color:#2b3953;
	font-size: 13px;
	font-weight: bold;
}
.nov-text {
	color:#4f689a;
	font-size: 13px;
	font-weight: normal;
}

/* clanky */

	/*	pozadie clanku ako modry vruh nalavo	*/
.cla-cely {
	margin:0;
}
	/*	vnutovne odsadenie clanku zlava a zdola 	*/
.cla-obsah {
	padding: 0 0 10px 0px;
}
	/*	nadpis clanku	*/
.cla-nadpis {
	position: relative;
	top: 25px;
	padding: 0.2em 0 0.2em 10px;
	color: White;
	background: #D4D4E5;
	font-weight: bold;
	font-size: 13px;
	margin: 0 0 3px 0px;
}
	/*	text clanku	*/
.cla-text {
	padding: 25px 0 0 0;
	color: Black;
	font-weight: normal;
	font-size: 13px;
	text-align: justify;
}
	/*	styl pre informacie za clankom - autor, pocet precitani atd...	*/
.cla-informace {
	color:#4f689a;
	font-size: 11px;
	font-weight: normal;
}
	/*	odsadenie od krajov pri tlacovej sablone	*/
.tisk {
	padding:1em;
}
	/*		*/
.cla-informace-tisk {
	color:#000000;
	font-size: 11px;
	font-weight: normal;
	font-style: italic;
}
	/*	odsadenie ikony temy	*/
.obrtema {
     margin-left: 5px;
    display:none;
}


/* hodnoceni clanku */

.hodnoceni-celkovy-ram {
	background: #fff url("modra-prechod.png") top left repeat-x;
	margin: 6px 0;
	padding: 6px;
	color:#4f689a;
	font-size: 11px;
	font-weight: normal;
}

/* souvisejici clanky */

.souvis-cla-celkovy-ram {
	font-size: 13px;
	text-align: left;
	margin: 6px 0 12px 0;
}

/* download sekce */

.download-z {
	font-size: 13px;
}
.download-sekce {
	font-size: 13px;
	text-align: center;
	padding: 6px;
}
.download-sekce-akt {
	font-weight: bold;
}

/* weblinks sekce */

.weblinks-z {
	font-size: 13px;
}
.weblinks-sekce {
	font-size: 13px;
	text-align: center;
	padding: 6px;
}
.weblinks-sekce-akt {
	font-weight: bold;
}

/* std. navigacni lista */

.std-navig {
	font-size: 80%;
	background:#f8faff;
	margin:1em 0;
	text-align: center;
}

.std-navig-akt-str {
	color:#4f689a;
} 

/* dalsi pomocne styly*/

.hodnoceni {

}
.banner1 {
	background: #ffff;
	color: #fff;
	margin: 0;
	position: relative;
	top: 9px;
}
.banner1d {
	background:#9eaecd;
	color: #fff;
	margin:0;
	position:relative;
	top:9px;
	margin:0 0px 0 0;
}

/*
nastavenie spodneho okraju pomocou border-bottom zabranuje nespravnemu
zobrazeniu hodnoty margin v MSIE. Ak nie je nastaneny border, bloky
banner a zapatie sa dotykaju - nezobrazi sa oddelovacia medzera
*/

.banner2 {
	background:#fff;
	color: #fff;
	margin: 5px 10px;
	border-bottom:0px solid #fff;
}

.bannerpod {
	color:#ffff;
	font-size: 9px;
	font-weight: normal;
	display:block;
	padding: 4px 0;
	margin:0 0 10px 0;
}

.banner-text {
	color: #ffff;
	font-size: 9px;
	font-weight: normal;
	display: none;
	padding: 0px 0;
	margin: 0 0 10px 0;
}
.banner-img {
	color:#ffff;
	font-size: 9px;
	font-weight: normal;
	padding: 0px 0;
	margin:0 0 10px 0;
}

.strankovani {
	color:#4f689a;
	font-size: 10px;
	font-weight: bold;
}
.biltucne {
	color:#fff;
	font-size: 13px;
	font-weight: bold;
}

.chybastredni {
	color:#f00;
	text-align: center;
	font-size: 14px;
	font-weight: bold;
}

/* rozsirujici styly pro plug-iny */

.kal-text {
	color:#4f689a;
	font-size: 12px;
	font-weight: normal;
}
.kal-clanek {
	background-color: #f0e0e6;
}
.kal-dnesni {
	background-color: #e0e6f0;
}
.planakci {
	font-size: 10px;
}
.informace {
	color: #000;
	font-size: 9px;
	font-weight: normal;
	width: 100%;
}

/*
.mezera {
	width: 5px;
}
.ohr {
	width: auto;
}
*/
.ram {
	margin-bottom: 8px;
}
.preram {
	border-bottom: 2px dotted #4f689a;
	padding-bottom: 8px;
	margin-bottom: 8px;
}
/*
.horni-navig-lista {
	border-top-width: 2px;
	border-left-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 2px;
	border-style: solid;
	border-color: #003098;
	padding: 2px;
}
*/

/* textova pole, tlacitka */

.textbox {
	background-color: white;
	color: #000000;
	font-family: Verdana, "Geneva CE", lucida, sans-serif;
	font-size: 12px;
	text-align: left;
		/*	nestandardne vlastnosti - mozete ich odkomentovat CSS bude funkcne ale nebude validne	*/
/*
	scrollbar-face-color: #768db9;
*/
}
.textpole {
	color: #000;
	font-family: Verdana, "Geneva CE", lucida, sans-serif;
	font-size: 11px;
	
}

.tl {
	background-color: #768db9;
	color: #f8faff;
	font-family: Verdana, "Geneva CE", lucida, sans-serif;
	font-size: 11px;
	font-weight: bold;
	text-align: center;
}
form{
	background: #D4D4E5;
	margin: 0 0 0 0;
}


a img {
	border:none;
}



/* styly pro plug-iny - kforum */

.frumnadpis {
	color: #ffffff;
	background:#768db9;
	font-weight: bolder;
	text-align: center;
	font-size: 20px
}
.frumhlavi {
	background-color: #9eaecd;
	color: #ffffff;
	font-weight: bolder;
	text-align: center;
	font-size: 10px
}
.frumhlram {
	background-color: #ffffff
}
.frumvnram {
	background-color: #035D8A
}
.frumodskoky {
	background-color: #ffffff;
	font-size: 11px;
	font-weight: normal;
}
.frumz {
	background-color: #ffffff;
	color: #2b3953;
	font-size: 12px;
	font-weight: normal
}
.frumzneg {
	background-color: #f0f6ff;
	color: #2b3953;
	font-size: 12px;
	font-weight: normal
}
.frumzmiddle {
	color: #2b3953;
	font-size: 11px;
	font-weight: normal
}
.frumzsmall {
	color: #2b3953;
	font-size: 9px;
	font-weight: normal
}
.frumzsmallng {
	color: #2b3953;
	font-size: 9px;
	font-weight: normal
}
.frumzsmallred {
	color: #FF0000;
	font-size: 9px;
	font-weight: normal
}
.frumzsmallp {
	color: Silver;
	font-size: 9px;
	font-weight: normal
}
.frumznews {
	color: #2b3953;
	font-size: 10px;
	font-weight: normal;
}
.frumznewsnazev {
  color: #2b3953;
	font-size: 10px;
	font-weight: bolder;
}
/*
/*video */

* { margin: 0; padding: 0 }
		
		
		p { text-align: left; margin: 15px 0 }
		
		p, ul { font-size: 13px; line-height: 1.4em } 
		
		p a, li a { color: #39c; text-decoration: none }
		
		p.intro { border-bottom: 1px solid #ccc; margin-bottom: 20px; padding: 20px 0 30px 0; text-align: center; width: 100% }
		
		p#cross-links { text-align: center }
		
		p#cross-links { border-bottom: 1px solid #ccc; margin-bottom: 30px; padding-bottom: 30px }
		
		noscript p, noscript ol { color: #a00; font-size: 13px; line-height: 1.4em; text-align: left }
		noscript a { color: #a00; text-decoration: underline }
		noscript ol { margin-left: 25px; }
		
		a:focus { outline:none }
		
		img { border: 0 }
		
		h3 { border-bottom: 1px solid silver; margin-bottom: 5px; padding-bottom: 3px; text-align: left }
		
		/*body {
			font-family: Verdana, Arial;
			background: #ebebeb url("images/body-bg.png") repeat-y center;
			color: #000;
			width: 800px;
			margin: auto;
			text-align: center;
			padding-bottom: 20px;
		}*/
		
		.stripViewer .panelContainer .panel ul {
			text-align: left;
			margin: 0 15px 0 30px;
		}
		
		.slider-wrap { /* This div isn't entirely necessary but good for getting the side arrows vertically centered */
			margin: 20px 0;
			position: relative;
			width: 100%;
		}

		/* These 2 lines specify style applied while slider is loading */
		.csw {width: 100%; height: 460px; background: #fff; overflow: scroll}
		.csw .loading {margin: 200px 0 300px 0; text-align: center}

		.stripViewer { /* This is the viewing window */
			position: relative;
			overflow: hidden; 
			border: 1px solid #000; /* this is the border. should have the same value for the links */
			margin: auto;
			width: 445px; /* Also specified in  .stripViewer .panelContainer .panel  below */
			height: 410px;
			clear: both;
			background: #fff;
		}
		
		.stripViewer .panelContainer { /* This is the big long container used to house your end-to-end divs. Width is calculated and specified by the JS  */
			position: relative;
			left: 0; top: 0;
			width: 100%;
			list-style-type: none;
			/* -moz-user-select: none; // This breaks CSS validation but stops accidental (and intentional - beware) panel highlighting in Firefox. Some people might find this useful, crazy fools. */
		}
		
		.stripViewer .panelContainer .panel { /* Each panel is arranged end-to-end */
			float:left;
			height: 100%;
			position: relative;
			width: 500px; /* Also specified in  .stripViewer  above */
		}
		
		.stripViewer .panelContainer .panel .wrapper { /* Wrapper to give some padding in the panels, without messing with existing panel width */
			padding: 10px;
		}
		
		.stripNav { /* This is the div to hold your nav (the UL generated at run time) */
			margin: auto;
		}
		
		.stripNav ul { /* The auto-generated set of links */
			list-style: none;
		}
		
		.stripNav ul li {
			float: left;
			margin-right: 2px; /* If you change this, be sure to adjust the initial value of navWidth in coda-slider.1.1.1.js */
		}
		
		.stripNav a { 
			font-size: 10px;
			font-weight: bold;
			text-align: center;
			line-height: 20px;
			background: #c6e3ff;
			color: #000;
			text-decoration: none;
			display: block;
			padding: 0 5px;
                        border: 1px solid #000;
		}
		
		
		
		.stripNav a:hover {
			background: #9cf;
		}
		
		.stripNav a.current {
			background: #39c;
			color: #fff;
		}
		
		.stripNavL, .stripNavR { /* The left and right arrows */
			position: absolute;
			top: 230px;
			text-indent: -9000em;
		}
		
		.stripNavL a, .stripNavR a {
			display: block;
			height: 40px;
			width: 40px;
		}
		
		.stripNavL {
			left: 0;
		}
		
		.stripNavR {
			right: 0;
		}

*/