body {
  background: #d1e2f6 /*url('img/body-poz.gif') 0 88px repeat-x*/;
  font-family: Arial, "Trebuchet MS", Verdana, Tahoma, Helvetica, sans-serif;
  font-size: 80%;
  margin: 0;
  padding: 0;
  color: #000;
  line-height: 1.6;
  text-align: center
}

hr {

  display: none

}

.clear {

  clear: both;

  font-size: 0px;

  height: 0px;

  margin: 0

}

a {

  color: #014E9A

}

a:hover {

  text-decoration:none

}

.odkaz-pryc {

  background: url('img/odkaz-pryc.gif') right center no-repeat;

  padding: 5px 10px 0 0

}

.nodisplay {

  display: none

}

hr {

  display: none

}

#main {

  background: #fff;

  width: 780px;

  margin: 0 auto; padding: 0 0 20px;

  text-align: left

}

#topleft {

  width: 175px;

  float: left;

  padding: 10px

}

#logo {

  height: 110px; width: 97px;

  position:relative;

  font-size: 12px;

  margin: 15px 40px; padding: 0

}

#logo span {

  background-image: url('img/logo.gif');

  position: absolute;

  width: 100%; height: 100%;

}

#logo a {

  text-decoration: none;

  cursor: hand

}

#topleft ul {

  list-style: none;

  margin: 10px 0 0; padding: 20px 0 0

}

#topleft li {

  margin: 0 0 3px; padding: 0;

  background: #4f9ed9 url('img/roh-lh.gif') left top no-repeat

}

#topleft li span {

  display: block;

  margin: 0; padding: 0;

  background: url('img/roh-ld.gif') left bottom no-repeat

}

#topleft li a {

  display: block;

  padding: 4px 8px 4px 28px;

  color: #fff;

  text-decoration: none

}

#topleft li a:hover {

  background: url('img/menu-li.gif') 8px 50% no-repeat;

  color: #002d5b

}



#topright {

  margin-left: 185px;

  padding: 0px 10px

}

#keywords {

  background: #004b97 url('img/roh-ld.gif') left bottom no-repeat

}

#keywords2 {

  background: url('img/roh-pd.gif') right bottom no-repeat;

  padding: 8px 20px;

  color: #fff

}

.a1 {

  font-size: 70%

}

.a2 {

  font-size: 90%

}

.a3 {

  font-size: 120%

}

.a4 {

  font-size: 150%

}

.a5 {

  font-size: 180%

}

div#img11 {

  background: url('img/img01.jpg') no-repeat;

  margin-top: 10px; 

}

div#img12 {

  background: url('img/img02.jpg') no-repeat;

  margin-top: 10px;

}

div#img13 {

  background: url('img/img03.jpg') no-repeat;

  margin-top: 10px;

}

#img2 {

  background: url('img/roh-ph.gif') right top no-repeat;

}

#img3 {

  background: url('img/roh-ld.gif') left bottom no-repeat;

}

#img4 {

  background: url('img/roh-pd.gif') right bottom no-repeat;

}

#img4 span {

  display: block;

  background: url('img/roh-lh.gif') left top no-repeat;

  width: 100%; height: 220px;

}



#content {

  width: 510px; float: left;

  border-right: 1px dotted #ccc;

  padding: 10px 20px

}

#content2 {

  width: 710px; float: left;

  border-right: 1px dotted #ccc;

  padding: 10px 20px

}

#content-top {

  border: 1px solid #b62f00;

  background: #eb3d00;

  color: #fff;

  padding-bottom: 10px;  margin-bottom: 10px

}

#content-top h2 {

  font-size: 150%; font-weight: normal;

  margin: 5px 10px; padding: 0

}

#content2 h3, #content h3, #side h3 {

  color: #004B97; font-size: 140%; background: #ECECEC;

  margin: 5px 0; padding: 5px 

}

#side h3 {

  background: none

}

#content2 p, #content p {

  margin: 2px 10px; padding: 0

}

#content2 p span.date, #content p span.date {
  color: #999; font-size: 90%; background:url('img/date.gif') left 50% no-repeat; padding-left: 19px; }

#content2 h4 {	margin-bottom: 0px; padding-bottom: 0px;}


#content2 h2 {
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 24px;
	font-style: oblique;
	font-weight: bold;
	border-bottom-width: thin;
	border-bottom-style: dotted;
	color: #003366;
}

#side {

  float: right; width: 200px;

  color: #666; font-size: 90%;

  padding: 0 10px

}

#side h4 {

  font-size: 110%;

  margin: 4px 0; padding: 0

}

a.side-vice {

  display: block;

  text-align: right;

  background: url('img/vice.gif') right 50% no-repeat;

  padding: 4px 14px 4px 0;

  color: #999

}

#galerie {

  margin: 15px 0

}

#galerie a {

  display: block; height: 41px; background: url('img/gallery.png') left top no-repeat; text-indent: -5000px

}

#galerie a:hover {

  background: url('img/gallery.png') left bottom no-repeat;

}

/* ---- FOTO ------ */

.foto {

  margin: 10px 25px 10px 15px; 

  padding: 0;

}

.foto a {

  display: block;

  /*background: #fff url('img/tip2.gif') center bottom no-repeat;*/

  

  /*border: 1px solid #fff*/  

}

.foto img {

  border: 1px solid #ccc;

  background: #fff;

  display: block;

  padding: 4px;

  width: 100px;

  margin: 5px auto

}

.galerie {

  height: 650px;

  overflow: auto

}

/* ---- LIGHTBOX ------ */

#lightbox{

	background-color:#eee;

	padding: 10px;

	border-bottom: 2px solid #666;

	border-right: 2px solid #666;

	border: 2px solid #666;

	}

#lightboxDetails{

	padding-top: 0.4em;

	}	

#lightboxCaption{ float: left; }

#keyboardMsg{ float: right; }



#lightbox img{ border: none; } 

#overlay img{ border: none; }

#box_cinnosti {
	border: 2px solid #333333;
	background-color: #d1e2f6;
	margin: 5px;
	padding: 5px;
	float: right;
}

#pata {
	background-color: #d1e2f6;
	padding: 5px;
	margin-top: 20px;
	margin-right: 20px;
	margin-bottom: 0px;
	margin-left: 20px;
}