body {
	font-family: Verdana, "Geneva CE", lucida, sans-serif;
	font-size: 12px;
	color: #2b3953;
	margin:0;
	padding:0;
	background:#D1D2D4;
}

#top {
	background: url(top.jpg) 100% 0 no-repeat;
	height: 120px;
}

#logo {
	margin: 20px 0 20px 50px;
       }	

#lista {
	background: url(pruh.gif) 0 0 repeat;
	min-height: 40px;
	padding-top: 0px;
}

#lista a {
	color: #FFF;
	background: url(odrazka.gif) 0 90% no-repeat;
	margin-left: 5px;
	padding-left: 10px;
	text-decoration: none;
	font-weight: bold;
}

#l-col{
 position: absolute;
 top: 184px;
 left: 0;
 width: 180px;
 margin: 0;
 padding: 0;
 height: 400px;
 }

#r-col{
 position: absolute;
 top: 184px;
 right: 0;
 width: 180px;
 margin: 0;
 padding: 0;
 height: 400px;
 z-index: 1;
 }       
        
#stred{
 position: relative;
 margin: 20px 200px 20px 200px;
 padding: 0;
 z-index: 13;
 }

strong.r {
	color: red;
	font-size: x-small;
}

h1 {
	color: #2b3953;
} 

h3.norm {
	font-weight: normal;  
	margin-bottom: 0.5em; 
}

div.zvtab {
	margin-left: 1em;
}

#lista-l {
	width: 30%;
}
#lista-s {
	width: 40%;
}
#lista-r {
	width: 30%;
	text-align: right;
}
th, td, th.s, td.s, td.c, td.r, td.cw {
	font: 11px Verdana, "Andale Mono", Courier, "Courier New", monospace;
	padding: 1px 0.5em;
	border-bottom: none;
	
}

td.c {
	border-bottom: none;
}

td.cw {
	border-bottom: none;	
	color: white;
}

th.s, td.s {
	text-align: center;
}
td.r {
	text-align: right;
	margin-right: 5px;
}
th {
	font-weight: bold;
	vertical-align: top;
	border: 1px solid gray;
	border-width: 0 1px 1px 0;
}
       
.tab1 td {
	margin: 50px;
	border: 1px solid gray;
	border-width: 0 1px 1px 0;	
}

.tab1 td.e {
	border: none;
}                

.tab1 td.c {
	text-align: center;
}

/*	zakladna tabulka layoutu	*/
#layout {
	height:100%;
}

/*	trieda pre vnutorne odsadenie - padding - stlpcov	*/
.col {
	padding:10px 10px 0 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: 0;
	padding: 7px 9px;
	color:white;
	font-weight: bold;
	font-size:13px;
}

/*      definicia blokov typu 1 az 5 - rozdielne vlastnosti	*/
.blok1	{
	background-color: #768db9;
}
.blok2	{
	background-color: #bccbe7;
	color: #2b3953;
}

.blok3, .blok4, .blok5	{
	background:#768db9;
}

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

/*	definicia obsahu blokov 1-5 - rozdielne vlastnosti	*/
.blok1obs {
	background-color: #bccbe7;
}

.blok2obs {
	background-color:#768db9;
	color: white;
}

.blok2obs a, 
.blok2obs a:link,
.blok2obs a:visited,
.blok2obs a:hover,
.blok2obs a:active {
	color: white;
}

.blok3obs, .blok4obs, .blok5obs {
}



/* hyperlinky */

a, a:link, a:visited, a:hover, a:active {
	font-size: 100%;
	font-style: normal;
	font-variant: normal;
	text-decoration: none;
	color: #2b3953;
}

/* zakladne styly */
p a, p a:link, p a:visited, p a:hover, p a:active {
	border-bottom: 1px dotted #4f689a;
}

li a, li a:link, li a:visited, li a:hover, li a:active {
	border-bottom: 1px dotted #4f689a;
}

.z {
	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;
}


/* 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;
	background: url('cla-poz.png') top left repeat-y;
}
	/*	vnutovne odsadenie clanku zlava a zdola 	*/
.cla-obsah {
	padding: 0 0 10px 90px;
}
	/*	nadpis clanku	*/
.cla-nadpis {
	position: relative;
	padding: 0.2em 0 0.2em 10px;
	font-weight: bold;
	font-size: 13px;
	margin: 3px 0;
}
	/*	text clanku	*/
.cla-text {
	padding: 0.2em 0;
	font-weight: normal;
	font-size: 13px;
	text-align: justify;
	margin: 0 10px;
}
	/*	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 {
	padding:0 0 0 5px;
}


/* 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;
}



/* dalsi pomocne styly*/

.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;
}

.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 */

.informace {
	color: #000;
	font-size: 9px;
	font-weight: normal;
	width: 100%;
}

.ram {
	margin-bottom: 8px;
	background-color: #BCCBE7;
	padding: 12px;
	min-height:400px;
  	height:auto !important;
	height: 400px;
}
.preram {
	border-bottom: 1px dotted #4f689a;
	padding-bottom: 8px;
	margin-bottom: 8px;
}


/* 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:2px 0;
	padding:2px;
}

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

form {
	padding: 4px 0;
	background: #fff url("modra-prechod.png") top left repeat-x;
}

a img {
	border:none;
}

.rr_box {
	float: right;
	width: 150px;
	background: url(../image/rr_tl.png) no-repeat top left;
}
.rr_top {
	background: url(../image/rr_tr.png) no-repeat top right;
}
.rr_bottom {
	background: url(../image/rr_bl.png) no-repeat bottom left;
}
.rr_bottom div {
	background: url(../image/rr_br.png) no-repeat bottom right;
}
.rr_content {
	background: url(../image/rr_r.png) top right repeat-y;
}

.rr_top div,.rr_top,
.rr_bottom div, .rr_bottom {
	width: 100%;
    height: 20px;  
	font-size: 1px;
}
.rr_content, .rr_bottom {
   margin-top: -19px;  
}
.rr_content { 
    padding: 0 20px 20px 20px;  
	text-align: center;
	height: 100%;
} 
.rr_content h3 {

}      
.rr_content a {
	text-decoration: none;  
}

#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(../image/prevlabel.gif) left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(../image/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; }

.thumbnail {
	background-color:#D1D2D4;
	border:1px solid #2A2A2A;
	margin-bottom:10px;
	margin-right:10px;
	padding:3px 3px;
}

#box-table-a
{
	font-family: "Lucida Sans Unicode", "Lucida Grande", Sans-Serif;
	font-size: 12px;
	margin: 0px;
	/* width: 480px; */
	text-align: left;
	border-collapse: collapse;
}
#box-table-a th
{
	font-size: 13px;
	font-weight: bold;
	padding: 8px;
	background: #6E84A2;
	border-top: 1px solid #aabcfe;
	border-bottom: 1px solid #fff;
	color: #fff;
}
#box-table-a td
{
	padding: 8px;
	background: #e8edff; 
	border-bottom: 1px solid #fff;
	color: #2b3953;
	border-top: 1px solid transparent;
}
#box-table-a tr:hover td
{
	background: #d0dafd;
	color: #339;
}

#box-table
{
	font-family: "Lucida Sans Unicode", "Lucida Grande", Sans-Serif;
	font-size: 12px;
	margin: 10px;
	float: left;
	/* width: 480px; */
	text-align: left;
	border-collapse: collapse;
}
#box-table th
{
	font-size: 13px;
	font-weight: bold;
	padding: 8px;
	background: #6E84A2;
	border-top: 1px solid #aabcfe;
	border-bottom: 1px solid #fff;
	color: #fff;
}
#box-table td
{
	padding: 8px;
	background: #e8edff; 
	border-bottom: 1px solid #fff;
	color: #2b3953;
	border-top: 1px solid transparent;
}
#box-table tr:hover td
{
	background: #d0dafd;
	color: #339;
}



@media print {
	body, #top { 
		background: #FFF;
		}
	#lista, #lista a, #l-col, #r-col {
		display: none;
		} 
	#stred{
 		position: relative;
 		margin: 20px;
 		padding: 0;
 		z-index: 0;
 		}
	.ram	{
		background:#FFF;
		}
}