body {
	font-family: Verdana, "Geneva CE", lucida, sans-serif;
	font-size: 12px;
	color: #000;
	margin:0;
	padding:0;
	background:#fff;
	/*	nestandardne vlastnosti - mozete ich odkomentovat CSS bude funkcne ale nebude validne	*/
/*
	scrollbar-face-color: #768db9;
*/
}

table {
	border-collapse: collapse;
}

/*	zakladna tabulka layoutu	*/
#layout {
	height:100%;
}
/*	lavy okraj layoutu	*/
#lm {
	width: 0px;
	background:#fff url('') top right repeat-y;
}
/*	pravy okraj layoutu	*/
#rm {
	width: 0px;
	background:#fff url('') top left repeat-y;
}
/*	zahlavie	*/
#zahlavi1 {
	position: relative;
	margin:0;
	padding:0;
	height:140px;
	background:#fff url("lista10.png");
}
/*	napis - graficky prvok vlavo v zahlavi	*/
#zahlavi-gr1 {
	position:absolute;
	top:0px;
	left:0px;
	width:210px;
	height:140px;
	background:url("");
	cursor: ;
}
/*	graficky prvok napravo v zahlavi 	*/
#zahlavi-gr2 {
	position:relative;
	top:141px;
	right:-780px;
	width:200px;
	height:20px;
	background:url("");
}
/*	ciarkovana spodna cast zahlavia 	*/
#zahlavi2 {
	font-size: 12px;
	text-align: center;
	margin:0px 0 0 0;
	padding:0 0 0 0;
	height:25px;
	background: #e0e0e0 url("") top right repeat-y;
	border-bottom: 0px solid #ff9600;
	
}
/*	srafovane zapatie stranky	*/
#zapati	{
	padding:0.2em;
	margin:0px 10px 12px 10px;
 	background:#fff url("") top right repeat-y;
	border-top: 1px solid #e0e0e0;
}

/*	trieda pre vnutorne odsadenie - padding - stlpcov	*/

.col {
	padding:10px 10px 0 10px;
}

.col1 {
	height: 100%;
	padding:10px 10px 0 10px;
	border-right: 1px solid #e0e0e0;
}

.col2 {
	height: 100%;
	padding:10px 10px 0 10px;
	border-left: 1px solid #e0e0e0;
}

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

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

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

/*      definicia blokov typu 1 az 5 - spolocne vlastnosti	*/
.blok1, .blok2, .blok2, .blok3, .blok4, .blok5	{
	margin:0 0 2px 0;
	padding:4px;
	color:#000;
	font-weight: bold;
	font-size:12px;
}

/*      definicia blokov typu 1 az 5 - rozdielne vlastnosti	*/
.blok1	{
	background:#fbeab1;
	border-left: 3px solid #ff9600;
	border-bottom: 3px solid #ff9600;
}
.blok2	{
	background:#fbeab1;
	border-left: 3px solid #ff9600;
	border-bottom: 3px solid #ff9600;
}

.blok3	{
	background:#fff;
}

.blok4	{
	background:#fff;
}

.blok5	{
	background:#fff;
	margin:0 0 0 0;
	padding:0px;
	font-size:0px;
}

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

/*	definicia obsahu blokov 1-5 - rozdielne vlastnosti	*/
.blok1obs {
}

.blok2obs {
    background:#fff;
	border-left: 1px solid #e0e0e0;
	border-right: 1px solid #e0e0e0;
	border-top: 1px solid #e0e0e0;
}

.blok3obs {
    
}

.blok4obs {
}

.blok5obs {
}

.poslprisp {
	color:#000;
	font-size: 12px;
	font-weight: normal;
	padding:2px 2px 2px 5px;
}

.skup{
	color:#000;
	font-size: 10px;
	font-weight: normal;
	padding:0px 2px 2px 5px;
	border-bottom: 1px solid #e0e0e0;
}

/* hyperlinky */

A {
	font-size: 100%;
	font-style: normal;
	font-variant: normal;
}
A:link {
	color:#ff9600;
	text-decoration: none;
}
A:visited {
	color:#ff9600;
	text-decoration: none;
}
A:hover {
	color:#ff9600;
	text-decoration: underline;
}
A:active {
	color:#ff9600;
}
A.clanek:link {
	color:#000;
	text-decoration: none;
}
A.clanek:visited {
	color:#000;
	text-decoration: none;
}
A.clanek:hover {
	color:#000;
	text-decoration: underline;
}
A.menu:link, A.menu:visited {
	display:block;
	font-weight: ;
	color:#000;
	background:#e0e0e0;
	text-decoration: none;
	padding:4px 4px 4px 8px;
	margin: 2px 0;
	border:none;
	font-size: 11px;
}
A.menu:hover {
	display:block;
	color:#000;
	background:#ff9600;
	text-decoration: none;
	padding:4px 4px 4px 8px;
	margin: 2px 0;
}

A.lista:link, A.lista:visited {
	font-size: 14px;
	color:#ff9600;
	text-decoration: none;
}
A.lista:hover {
	font-size: 14px;
	color:#000;
	text-decoration: none;
}
A.menublok:link, A.menublok:visited {
	display:block;
	font-weight: ;
	color:#000;
	background:#fff;
	text-decoration: none;
	padding:4px 4px 4px 8px;
	margin: 2px 0;
	border:1px solid #e0e0e0;
	font-size: 11px;
}
A.menublok:hover {
	display:block;
	color:#000;
	background:#e0e0e0;
	text-decoration: none;
	padding:4px 4px 4px 8px;
	margin: 2px 0;
}

/* zakladni styly */

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

/* komentare */

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

/* sys.blok - posledni komentare */

.poslkom {
	color:#000;
	font-size: 11px;
	font-weight: normal;
}

/* ankety */
.anketa-std-otazka,
.anketa-cla-otazka,
.anketa-blok-z,
.anketasysz {
	color:#000;
	font-size: 13px;
	font-weight: normal;
	margin:0;
	padding:0.3em 0;
	border-bottom: 1px solid #000;
}
.anketasysodp,
.anketa-std-odpovedi,
.anketa-cla-odpovedi,
.anketa-blok-odpovedi {
	color:#000;
	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:60%;
	line-height:1em;
	height:1em;
	margin:2px 0;
	padding:0;
	background:#e0e0e0;
}
.anketa-blok-odp-cara-hlasy {
	height:1em;
	background:#b0b0b0 url('') 100% 0 repeat-y;
}

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

/* syst. blok - novinky */

.nov-datum {
	color:#000;
	font-size: 11px;
	font-weight: bold;
}
.nov-titulek {
	color:#000;
	font-size: 11px;
	font-weight: bold;
}
.nov-titulek-duraz {
	color:#000;
	font-size: 11px;
	font-weight: bold;
}
.nov-text {
	color:#000;
	font-size: 11px;
	font-weight: normal;
}

/* clanky */

	/*	pozadie clanku ako modry vruh nalavo	*/
.cla-cely {
	margin:0;
	background: url('') top left repeat-y;
}
	/*	graficke oddeleni clanku v nahledu	*/
.cla-cely-nahled {
	margin:0;
	background: url('') top left repeat-y;
	border-bottom: 1px dashed #000;
}
	/*	vnutovne odsadenie clanku zlava a zdola 	*/
.cla-obsah {
	padding: 0px 0 10px 0px;
}
	/*	nadpis clanku	*/
.cla-nadpis {
	position: relative;
	top: 0px;
	padding: 0.8em 0 0.2em 10px;
	color:#000;
	background:#fff;
	font-weight: bold;
	font-size: 14px;
	margin: 0 0 0px 10px;
}

.cla-nadpis-strict {
	text-align: center;
	top: 0px;
	padding: 0.8em 0 0.2em 10px;
	color:#000;
	background:#fff;
	font-weight: bold;
	font-size: 14px;
}

	/*	text clanku	*/
.cla-text {
	padding: 10px 0 0 0;
	color:#000;
	font-weight: normal;
	font-size: 13px;
	text-align: justify;
}
	/*	styl pre informacie za clankom - autor, pocet precitani atd...	*/
.cla-informace {
	color:#000;
	font-size: 11px;
	font-weight: normal;
}
	/*	odsadenie od krajov pri tlacovej sablone	*/
.tisk {
	padding:1em;
}
	/*		*/
.cla-informace-tisk {
	color:#000;
	font-size: 11px;
	font-weight: normal;
	font-style: italic;
}
	/*	odsadenie ikony temy	*/
.obrtema {
     margin-left: 0;
     position: absolute;
}


/* 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:#9eaecd;
	color: #fff;
	margin:0;
	position:relative;
	top:9px;
}
.banner1d {
	background:#9eaecd;
	color: #fff;
	margin:0;
	position:relative;
	top:9px;
	margin:0 10px 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:#9eaecd;
	color: #fff;
	margin: 5px 10px;
	border-bottom:1px solid #fff;
}

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

.banner-text {
	color:#4f689a;
	font-size: 9px;
	font-weight: normal;
	display:block;
	padding: 4px 0;
	margin:0 0 10px 0;
}
.banner-img {
	color:#4f689a;
	font-size: 9px;
	font-weight: normal;
	padding: 4px 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 {
	padding-bottom: 8px;
	margin-bottom: 8px;
}

.horni-navig-lista {
	margin: 4px 0 0 0;
	padding: 0px;	
}

/* textova pole, tlacitka */

.textbox {
	background-color: white;
	color: #000000;
	font-family: Verdana, "Geneva CE", lucida, sans-serif;
	font-size: 12px;
	text-align: left;
	margin:2px 0;
	padding:2px;
	/*	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;
	margin:0px 2px;
	padding:2px;
}

.tl {
	position:relative;
	background-color: #ff9600;
	color: #000;
	font-family: Verdana, "Geneva CE", lucida, sans-serif;
	margin: 0 0 1px 0;
	font-size: 11px;
	font-weight: bold;
	text-align: center;
}

form {
	padding: 1px 0;
	background:  url("") top left repeat-x;
}

a img {
	border:none;
}
/* galerie */

.galerie {
  font-weight: bold;
  width: 400px;
  margin: 5px auto;
}
.galerie input,.galerie select,.galerie textarea {
  border: 1px solid rgb(0,0,0);
  font-size: 11px;
  margin-left: 20px;
  width: 250px;
}
.gal_tlacitko {
  border: 1px solid rgb(0,0,0);
  background-color: rgb(166,166,166);
  font-weight: bold;
  width: auto;
}
/* Nadpis galerie */
.gal_nadpis {
  color: #000;
  text-decoration: ;
  font-family: "Verdana", "tahoma", "arial",sans-serif;
  font-weight: bold;
  text-align: center;
  font-size: 16px;
  margin: 15px 5px 15px 5px;
}
/* Nejaky upozorneni */
.gal_bacha {
  font-weight: bold;
  text-align: center;
  color: #0558A5;
  margin: 10px 0;
}
/* Tabulka v galerii */
.gal_table {
  text-align: left;
  width: 450px;
  font-size: 11px;
  margin: 5px auto;
  border: 1px solid #ccc;
}
.gal_table a img {
  border: 1px solid rgb(70,70,70);
}
.gal_table a:hover img {
  border: 1px solid rgb(0,0,0);
}
.gal_table td,.gal_table th {
  padding: 0 4px;
}
/* Bunka th v tabulce */
.gal_table th {
  font-weight: normal;
  font-style: italic;
}
/* div v th :-) */
.gal_table th div {
  text-align: center;
}
/* Oznaceni strong v th tabulce :-) */
.gal_table th strong,.gal_table th strong a {
  font-size: 12px;
  font-style: italic;
  text-align: center;
  display: block;
}
/* Ovlivnuje navigaci vzdy dole/nahore na strance */
.gal_navigace {
  text-align: center;
  font-weight: bold;
  font-size: 11px;
  margin-top: 10px;
}
.gal_strankovani {
  font-size: 11px;
  text-align: center;
}
.gal_ident {
  text-align: right;
  font-size: 10px;
  margin: 10px;
}

.gal_gal_titulek {
  font-size: 14px;
  text-align: center;
}

.gal_table_obr {
  margin: 0 auto;
  width: 480px;
}
.gal_table_obr td {
  padding: 5px;
  padding-top: 10px;
  font-size: 10px;
  text-align: center;
  /*border-bottom: 1px solid rgb(212,212,212); */
}
.gal_table_obr td a img {
  border: 1px solid rgb(180,180,180);
  padding: 5px;
}
.gal_table_obr td a:hover img {
  border-color: rgb(0,0,0);
}
.gal_center {
  text-align: center;
}

/* kniha navstev */
.gb_add-form {
	background-color: #fff;
	text-align: center; 
	border: 1px solid #fff;
	margin: 20px 20px 0 20px;
}
.gb_add-form p, .gb_add-form form {
	margin: 0px;
	padding: 0.5em;
	text-align: center; 
	background-color: #fff;
}
.gb_add-form input, .gb_add-form textarea {
	color: #000;
	background-color: #fff;
	border: 1px solid #e0e0e0;
	padding: 1px;
	font-size: x-small;
	font-family: Verdana, "Geneva CE", lucida, sans-serif;
	margin: 5px 0;
}

.gb_email, .gb_homepage {
	text-align: right;
	margin: 5px 0px;
}

.gb_nick{
	font-weight: bold;
	text-align: right;
	margin: 5px 0px;
}

.gb_nick input, .gb_email input, .gb_homepage input {
	width: 250px;
	margin: 0px 130px 0px 10px;
}

.gb_message {
	font-weight: bold;
	clear: both;
	margin: 20px 0 0 0;
}
.gb_message textarea {
	width: 450px;
	height: 10em;
	font-size: 12px;
}
.gb_submit input {
	font-family: Verdana, "Geneva CE", lucida, sans-serif;
	font-size: 11px;
	margin: 5px 0px;
	padding: 1px 3px;
	background-color: #ff9600;
}
.gb_total-posts {
	clear: both;
	margin: 20px 20px 0 20px;
	border: 1px solid #fff;
	background-color: #fff;
	font-size: x-small;
	text-align: right;
	color: #000;
}
.gb_navigator {
	clear: both;
	text-align: center;
}
.gb_other {
	font-size: 11px;
	margin: 0px 20px 0 50px;
	text-align: center;
}

.gb_post  {
	border: 1px solid #fff;
	margin: 20px 20px 0 20px;
}
.gb_post-top {
	padding: 2px 3px;
	background-color: #fff;
	border: 1px solid #e0e0e0;
}
.gb_post-top img {
	vertical-align: middle;
}
.gb_meno {
	font-weight: bold;
}
.gb_adresy {
	margin-left: 5px;
}
.gb_datum {
	margin-left: 10px;
}
.gb_post-middle {
	padding: 3px;
	background-color: #fff;
}

#lightbox{	position: absolute;	left: 0; width: 100%; z-index: 100; text-align: center; line-height: 0;}
#lightbox img{ width: auto; height: auto;}
#lightbox a img{ border: none; }

#outerImageContainer{ position: relative; background-color: #fff; width: 250px; height: 250px; margin: 0 auto; }
#imageContainer{ padding: 10px; }

#loading{ position: absolute; top: 40%; left: 0%; height: 25%; width: 100%; text-align: center; line-height: 0; }
#hoverNav{ position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 10; }
#imageContainer>#hoverNav{ left: 0;}
#hoverNav a{ outline: none;}

#prevLink, #nextLink{ width: 49%; height: 100%; background-image: url(data:image/gif;base64,AAAA); /* Trick IE into showing hover */ display: block; }
#prevLink { left: 0; float: left;}
#nextLink { right: 0; float: right;}
#prevLink:hover, #prevLink:visited:hover { background: url("prevlabel.gif") left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url("nextlabel.gif") right 15% no-repeat; }

#imageDataContainer{ font: 10px Verdana, Helvetica, sans-serif; background-color: #fff; margin: 0 auto; line-height: 1.4em; overflow: auto; width: 100%	; }

#imageData{	padding:0 10px; color: #666; }
#imageData #imageDetails{ width: 70%; float: left; text-align: left; }	
#imageData #caption{ font-weight: bold;	}
#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em;	}			
#imageData #bottomNavClose{ width: 66px; float: right;  padding-bottom: 0.7em; outline: none;}	 	

#overlay{ position: absolute; top: 0; left: 0; z-index: 90; width: 100%; height: 500px; background-color: #000; }