/* Zakladni layout */
html {
  height: 100%;
}

body {
  margin: 0;
  padding-bottom: 20px;
  font-family: "Trebuchet MS", Trebuchet, Arial, sans-serif;
  font-size: 75%;
  line-height: 1.7em;
  behavior: url("./css/csshover.htc"); /* WinIE behavior call */
  color: rgb(39, 39, 39);
}

hr {
  display: none;
}

img {
  border-width: 0;
}

a {
  color: rgb(102, 103, 105);
}
a:hover {
  color: rgb(235, 105, 9);
}

#page {
  width: 100%;
  text-align: center;
}

p {
  margin: 0;
}

#pagein {
  text-align: left;
  width: 976px;
  position: relative;
  margin-left: auto;
  margin-right: auto;
}

/* Hlavicka stranky */
#header {
  position: relative;
  width: 100%;
  height: 70px;
  margin-bottom: 20px;
}

/* Klikatelne obrazkove logo s alternativnim textem */
h1#logo {
  font-size: 160%;
  line-height: 1em;
  margin: 0em;
  position: absolute;
  bottom: 0px;
  width: 300px;
  height: 60px;
}
#logo a {
  display: block;
  width: 300px;
  height: 60px;
  position: absolute;
  overflow: hidden;
  margin: 0px;
  padding: 0px;
  z-index: 2;
  top: 0px;
  left: 0px;
  color: rgb(0, 0, 0);
  background-color: rgb(255, 255, 255);
}
#logo span {
  display: block;
  width: 300px;
  height: 60px;
  position: absolute;
  z-index: 3;
  top: 0px;
  left: 0px;
  background: transparent url("../images/logo.png") no-repeat;
  cursor: pointer;
  cursor: hand;
}

.cleaner {
  clear: both;
}

h3 {
  color: rgb(235, 105, 9);
  font-size: 16px;
  margin: 0;
}

/* Menu */
#mainmenu {
  background-color: rgb(222, 222, 222);
  width: 530px;
  position: absolute;
  right: 2px;
  bottom: 0px;
  padding: 3px 0 3px 10px;
}

#mainmenu ul {
  margin: 0px;  
  padding: 0px; 
  list-style: none;
  font-size: 14px;
}
#mainmenu ul li {
  display: inline;
	padding: 0;
}
#mainmenu ul li a {
  text-decoration: none;
  color: rgb(0, 0 , 0);
}
#mainmenu ul li#active a {
}
#mainmenu ul li a:hover {
  text-decoration: underline;
}


#imgmenu {
  position: relative;
  width: 100%;
  height: 180px;
  margin-bottom: 5px;
}

#imgmenu .item, #imgmenu .activeitem {
  float: left;
  width: 120px;
  height: 182px;
  text-align: center;
	vertical-align: bottom;
	overflow:hidden;
  margin: 0 1px 0 1px;
  color: rgb(255, 255, 255);
  text-decoration: none;
  line-height: 1.2em;
  background-color: rgb(255, 255, 255); 
  background-position: left bottom; 
  background-repeat: no-repeat;
}

#imgmenu .item {
  background-image: url("../images/imgmenu-bg.png"); 
}

#imgmenu .item:hover, #imgmenu .activeitem {
  background-image: url("../images/imgmenu-bg2.png");
}

.itemimg {
  width: 120px;
  height: 120px;
  border-width: 0;
}

.itemtitle {
  display: block;
}

#imgmenu .line1 { display: block; margin-top: 16px; }
#imgmenu .line2 { display: block; margin-top: 10px; }
#imgmenu .line3 { display: block; margin-top: 6px; }

/******************************************************************************/

.body {
  width: 100%;
  background: url("../images/subpage-bg.png") 0 0 repeat-y;
}

.submenu {
  width: 220px;
  float: left;
}

.submenu-inner {
  margin-top: 15px;
}

.submenu ul {
  list-style-type: none;
  margin: 0 0 0 1.5em;
  padding: 0;
}

li.main {
  font-weight: bold;
  font-size: 14px;
  color: rgb(235, 105, 9);
}

li.sub a {
  font-size: 12px;
  font-weight: bold;
  color: rgb(102, 103, 105);
  text-decoration: none;
}




/* Stylovani menu */
.submenu {
  padding-bottom: 2em;
}


.submenu a {
  font-size: 12px;
  font-weight: bold;
  color: rgb(102, 103, 105);
  text-decoration: none;
}

.submenu a:hover, .submenu a.active {
  color: rgb(235, 105, 9);
  text-decoration: underline;
}

/* Obsah na hlavni strance */
.content {
  position: relative;
  width: 650px;
  margin-left: 220px;
  border: 1px solid rgb(255, 250, 209);
}

.content-inner {
  margin: 20px 10px 20px 10px;
}


#prectetesi-top, #kontakt-top, #aktuality-top {
  height: 30px;
} 
#prectetesi-top {
  background-color: rgb(251, 186, 0);
}
#aktuality-top {
  background-color: rgb(255, 235, 127);
}
#kontakt-top {
  background-color: rgb(255, 250, 209);
}

.block h2 {
  position: absolute;
  top: 5px;
  left: 0px;
  margin: 0;
  width: 140px;
  text-align: right;
  font-size: 20px;
}

#prectetesi h2 {
  color: rgb(255, 255, 255);
}

#aktuality h2 {
  color: rgb(235, 105, 9);
}

#kontakt h2 {
  color: rgb(0, 0, 0);
}


.block {
  background-color: rgb(255, 255, 255); 
  background-repeat: repeat-y;
  margin-bottom: 8px;
  clear: both;
  position: relative;  
}

.blockin {
  position: relative;
  margin-left: 150px;  
  padding-top: 5px;
}

#prectetesi { 
  background-image: url("../images/prectetesi-bg.png");
}
#aktuality {
  background-image: url("../images/aktuality-bg.png");
}
#kontakt {
  background-image: url("../images/kontakt-bg.png");
}

.main-prectetesi, .main-aktuality, .main-kontakt {
	float: left;
	width: 260px;
	margin-left: 4px;
	_height: 100px;
	min-height: 100px;
} 


/* Obsah vygenerovany z RS */
.content img {
  border: 1px solid rgb(0, 0, 0);
}

.content h1 {
  text-align: right;
  color: rgb(235, 105, 9);
  font-size: 24px;
}

.content h2 {
  color: rgb(102, 103, 105);
  font-size: 18px;
}

.subitem {
  background-color: rgb(235, 105, 9); 
  color: rgb(255, 255, 255); 
  padding: 2px 1em 2px 0.5em;
}

.subitem a {
  color: rgb(255, 255, 255); 
}

ul.obsah {
  margin: 0 0 0 3em;
  padding: 0;
}

/* Katalogy Sapelli */
iframe {
  border-width: 0px;
}

#sapelli-menu {
  position: absolute;
  left: 0px;
  width: 265px;
  height: 500px;
  
}

#sapelli-content {
  position: absolute;
  left: 0px;
  width: 750px;
  height: 500px;
}

/* Fotogalerie */
.fotogalerie {
  background-color: rgb(255, 233, 116);  
}

.fotogalerie h2 {
  padding-left: 6px;
  padding-top: 12px;
}

img.foto {
  border: 3px solid rgb(102, 103, 105);
}


/* Paticka dokumentu */
#footer {
  width: 100%;
  background-color: rgb(222, 222, 222);
  margin-left: 1px;
}
#copyright {
  margin-left: 10px;
}

/******************************************************************************/