@charset "iso-8859-1";
/* CSS Document */

* {margin: 0; padding: 0;}

/* ********* Zakladni kostra stranek ********* */

body {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.8em;
	background-color: #FFFFFF; 
}

#container {
	margin: 0 auto;
	width: 912px;
	position: relative;
}

#header {
	background-image:url(img/header_final.jpg);
	background-repeat:no-repeat;
	width: 912px;
	height: 332px;
}

#nadpis {
	position: relative;
	top: 285px;
	left: 322px;
	width: 555px;
}

#wrap {
	background-image: url(img/01.jpg);
	background-repeat: y-repeat;
}

#right {
	margin-top: 0px;
	padding-right: 30px;
	padding-left: 320px;
}

#footer_img {
	background-image: url(img/end.jpg);
	background-repeat: no-repeat;
	bottom: 20px;
	width: 912px;
	height: 55px;
	clear:both;
}

#footer {
	float: right;
	margin-right: 12px;
	padding-top: 10px;
	width: 610px;
	text-align: right;
	font-size: 0.8em;
}

/* ********* Menu ********* */

#menu {
	position: relative;
	left: 35px;
	top: 30px;
	float: left;
	height: 870px;
}

#menu dl, dt, dd {
	list-style-type: none;
}

#menu ul {
	list-style-type:none;
}

.dt {
	background-image:url(img/menu.jpg);
	height: 29px;
	width: 225px;
	padding-top: 10px;
	
}

.polozka {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 1.1em;
	font-weight: bold;
	color: #255995;
	height: 39px;
	padding-left: 35px;
}


.polozka:hover {
	text-decoration: underline;
	cursor:pointer;
}

dd li {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 1.1.em;
	padding-bottom: 4px;
}

li a {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 1.1.em;
	padding-top: 4px;
	padding-bottom: 4px;
  padding-left: 25px;
	color: #255995;
}

li a.submenu_aktivni {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 1.1.em;
	padding-top: 4px;
	padding-bottom: 4px;
  padding-left: 25px;
	color: #FF0000;
}

li a:visited {
	color: #255995;
}

#menu dt a{
  color: #255995;
}

/* ********* Aktivni menu ********* */

.dt_aktivni {
  background:url(img/menu.jpg) 0 -39px;
  height: 29px;
	width: 225px;
	padding-top: 10px;
}

.polozka_aktivni {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 1.1em;
	font-weight: bold;
	color: #FFFFFF;
	height: 39px;
	padding-left: 35px;
}

.polozka_aktivni:hover {
	text-decoration: underline;
	cursor:pointer;
}

#menu dt a.aktivni{
  color: #FFFFFF;
}

.submenu_aktivni {
  color: #990000;
}

/* ********* Vyhledavani ********* */

form {
  padding-top: 10px;
}

input {
	background-color: #F5F5F5;
	border: 1px solid #255995;
	font-size: 1em;
	color: #255995;
}

.hledat {
	height: 18px;
	width: 55px;
}

/* ********* Reklama ********* */

#reklama {
  padding-top: 20px;
  font-size: 0.8em;
}

.reklama_logo {
	margin-top: 7px;
	border: none;
	width: 100px;
}

.pocitadlo {
  	width: 80px;
	height: 15px;
	border: none;
	margin-top: -5px;
	margin-left: 3px;
} 

.hidden {
	display: none;
}

/* ********* Formatovani textu ********* */

p {
	margin-bottom: 10px;
	margin-top: 5px;
}

h1 {
	color: #255995;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 1.4em;
	background-color: #9DBBD7;
	text-align: center;
	padding-top: 2px;
	padding-bottom: 2px;
	border-top-width: 1px;
	border-bottom-width: 1px;
	border-top-style: dotted;
	border-bottom-style: dotted;
	border-top-color: #255995;
	border-bottom-color: #255995;
}

h2 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 1.1em;
	color: #295995;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #295995;
	padding-top: 10px;
	padding-bottom: 2px;
	margin-bottom: 5px;
}

h3 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 1em;
	font-weight: bold;
	padding-top: 10px;
	padding-bottom: 2px;
	font-style:italic;
}


.justify {
  text-align: justify;
}

.center {
	text-align:center;
}

.right {
	text-align:right;
}

.left {
	text-align: left;
}

.small {
	font-size: 0.85em;
}

.small:hover {
	text-decoration: underline;
}

img {
	border: none;
}

.img_margin {
	border: none;
	margin: 5px 10px 5px 10px;
}

#sas {
  padding-top: 15px;
  padding-bottom: 20px;
  font-size: 1.4em;
  color: #000000;
  text-align: center;
}

/* ********* Format linku ********* */
 
a:link {
	color: #295995;
	text-decoration: none;
} /* unvisited link */

a:visited {
	color: #7097BE;
	text-decoration: none;
} /* visited link */

a:hover {
	color: #295995;
	text-decoration: underline;
} /* mouse over link */

a:active {
	color: #;
	text-decoration: none;
} /* selected link */

/* ********* Tabulka - novinky (index) ********* */

.table_novinky {
	vertical-align: middle;
	margin-top: 10px;
}

.th_novinky {
	text-align: left;
	padding-left: 15px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 1.1em;
	color: #255995;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #255995;
}

.td_novinky {
	padding-top: 5px;
}

.noborder {
  border: 0;
}

/* ********* Tabulka - kalendar akci ********* */

.table_kalendar {
	vertical-align: middle;
	border: 2px solid #255995;
	text-align: center;
	position: relative;
	width: 99%;
	margin-top: 15px;
	margin-bottom: 10px;
}

.tr_kalendar_dark {
	background-color: #9DBBD7;
	height: 25px;
}

.tr_kalendar_light {
	background-color: #F5F5F5;
	height: 25px;
}

.th_kalendar {
	height: 35px;
	background-color: #9DBBD7;
	font-weight: bold;
	font-size: 1.1em;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #255995;
	text-align:center;
}

/* ********* Tabulka - foto ********* */

.table_foto {
	margin-top: 15px;
	margin-bottom: 15px;
	margin-left: 15px;
	position: relative;
	border: 1px solid #255995;
}

/* ********* Tabulky - ostatni ********* */

.table_1 {
	vertical-align: middle;
	border: 2px solid #255995;
	text-align: center;
	margin-top: 15px;
	margin-bottom: 10px;
	width: 99%;
}

.th_1 {
	height: 35px;
	background-color: #9DBBD7;
	font-weight: bold;
	font-size: 1.1em;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #255995;
	text-align:center;
}

.tr_dark {
	background-color: #9DBBD7;
	height: 25px;
}

.tr_light {
	background-color: #F5F5F5;
	height: 25px;
}

.tr_top {
	vertical-align:top;
}

.table_podnadpis {
	height: 20px;
	font-size: 1.05em;
	font-weight: bold;
	background-color: #255995;
	color: #FFFFFF;
}

/* ******** Ostatni ****** */

.ul_seznam {
	list-style-type: circle;
	padding-left: 25px;
}

li {
	padding-bottom: 4px;
}

/* ******** Lightbox ****** */

#lightbox{
	position: absolute;
	left: 0;
	width: 100%;
	z-index: 100;
	text-align: center;
	line-height: 0;
	}

#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: transparent url(images/blank.gif) no-repeat; /* Trick IE into showing hover */
	display: block;
}

#prevLink {
	left: 0;
	float: left;
}

#nextLink {
	right: 0;
	float: right;
}

#prevLink:hover, #prevLink:visited:hover {
	background: url(images/prevlabel.gif) left 15% no-repeat;
}

#nextLink:hover, #nextLink:visited:hover {
	background: url(images/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;
}	
		
#overlay {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 90;
	width: 100%;
	height: 500px;
	background-color: #000;
}