/* CSS Document */

/* TAG */
body { font: 12px Tahoma, Arial, Helvetica, sans-serif; color: #00008b; background-color:white; margin: 0; padding: 0; background-image: url(images/pozadi.gif); background-repeat: repeat-x;*/   }
a {text-decoration:underline;}
a:link {color:#0000EE; cursor:pointer;}
a:visited {color:#561A8B;}
a:hover {color:#0000EE;}
a * {color:#0000EE;text-decoration:none;}
sup {font-size:0.7em; vertical-align: 0.3em;}
sub {font-size:0.7em;}
img {border: 0px;}


/* ID */
#main { margin: 0 auto; width: 850px; padding-top: 0px; background-color: #d7dcd8; }
#header { margin: 0 auto; height: 200px; margin-bottom: 0px; background-image:url(images/logo.jpg); width: 850px;}

#content { width: 840px; left:20%; text-align: justify; margin: 0px auto ; }
#footer { height: 30px; width: 850px; margin: 0 auto; font-size: 10px; color: #000000; padding-top: 10px; text-align: center; clear:both;background-color:#e6eff7;
 }
	
#footerend {background-repeat: no-repeat;width:850px;height:8px;display:block;}

#footer a { color: #000000; font-size: 10px; text-decoration: none; }
#img1x { position: relative; left: 150px; top: -110px; width: 54px; height: 54px; border:none; }
#img2x { position: relative; left: 145px; top: -110px; width: 54px; height: 54px; border:none; }
#img3x { position: relative; left: 140px; top: -110px; width: 54px; height: 54px; border:none; }
#img4x { position: relative; left: 1px; top: -110px; width: 54px; height: 54px; border:none; }

/* CLASS */
.xr_tl {position: absolute; white-space: pre; unicode-bidi:bidi-override;}
.xr_ap {position: absolute; border:none;}
.padding { padding: 10px; color:#FF0000; font-weight: bold; }
.areaform { font: 12px Tahoma, Arial, Helvetica, sans-serif; border: 1px solid Gray;}
.txtform { width: 200px; border: 1px solid Gray;}



/* HORIZONTAL MENU */
.menu4 { margin: 0px; padding: 0px; }
.menu4 ul { list-style-type: none; }
.menu4 li { margin: 0px; padding: 0px; float: left; width: 124px; height: 24px; background-image: url(kcms_temp1/red.gif); text-align: center; }
.menu4 li:hover { z-index: 90; background-image: url(kcms_temp1/orange.gif); }
.menu4 a { font-weight: bold; position: relative; top: 4px; text-decoration: none; color: #FFFFFF; font-size: 11px; }



#left-column ul, #right-column ul {
	list-style-type: none;
	padding: 0px;
}
#left-column li, #part-bar li, #right-column li {
	display: inline;
}
#left-column ul li a:link, #left-column ul li a:visited, #right-column ul li a:link, #right-column ul li a:visited {
	background: #e4edf2;
	padding: 3px 10px;
	display: block;
	color: navy;
	margin-bottom: 1px;
	text-decoration: none;
}
#left-column ul li.active-item a:link, #left-column ul li.active-item a:visited, #right-column ul li.active-item a:link, #right-column ul li.active-item a:visited {
	border: 1px solid #c0c0c0;
	background: #a6ccd8;
	text-decoration: none;
	color: #c50009;
}
#left-column ul li a:hover, #right-column ul li a:hover {
	background: #1a6daf;
	color: #fff;
	text-decoration: none;
}
#hlavamenu {
	background-image:url(images/panacekvrsek.gif);
	width:255px;
	height: 135px;
	margin-left: -35px;
	margin-top: -100px;
}

#patamenu {
	background-image:url(images/panacekspodek.gif);
	width:253px;
	height: 72px;
	margin-left: -48px;

}


#left-column {
	background-image:url(images/panacekstred.gif);
	width:195px;
	height:auto;
	padding-left: 10px;
	padding-right: 10px;
	margin-left: 3px;
	float: left;
	text-align: left;
}
#center-column {
	padding-left: 10px;
	padding-right: 10px;
	width: 585px;
	float: left;
	position: relative;
	text-align: justify;
	margin-top: -50px;
	background-color: white;
	margin-left: 10px;
	
	
	
}

#right-column {
	width: 180px;
	float: left;
}
.float-ending {
	clear: both;
	display: block;
}
.popup-error, .popup-success {
	position: absolute;
	top: -70px;
	right: -150px;
	z-index: 1000;
	width: 300px;
	height: auto;
	background: #e23e00;
	padding: 20px;
	color: #fff;
	font-weight: bold;
	text-align: center;
}
.popup-success {
	background: #8ecb03;
}
.input-error {
	color: #ff0000;
	font-size: 150%;
	font-weight: bold;
}
.comment-avatar {
  width: 64px;
  padding-left: 10px;
  float: right;
}
.redbutton {
  color: #cc0000;
}
.greenbutton {
  color: #009900;
  font-weight: bold;
}
p.article-info {
	color: #808080;
	font-size: 80%;
}
.perex-img {
	float: left;
	margin-right: 10px;
	border: 1px solid #f0f0f0;
	padding: 5px;
}
h2 {
	background-color: #abc6d7;
	border-bottom: 1px solid #c6c6c6;
	border-top: 1px solid #c6c6c6;
	font-size: 20px;
	margin: 10px 0px 0px 0px;
	padding: 5px;
	color: #0000cd;
}

h4 {
	background: #f0f0f0;
	border-bottom: 1px solid #c6c6c6;
	border-top: 1px solid #c6c6c6;
	font-size: 110%;
	margin: 10px 0px 0px 0px;
	padding: 5px;
}
.comment-1, .comment-2 {
  background: #f0f0f0 url('./kcms_default/post_top_corners_1.png') top no-repeat;
  margin-top: 10px;
  padding: 10px 10px 5px 10px;
  color: #808080;
}
.comment-2 {
  background: #e5e5e5 url('./kcms_default/post_top_corners_2.png') top no-repeat;
  color: #606060;
}
.comment-1 p, .comment-2 p {
  margin-top: 5px;
}
p.comment-info {
  margin: 0px;
  font-size: 80%;
  color: #000;
  background: #fafafa;
  padding: 3px 5px;
}
.comment-1-bottom-corners {
  background: #f0f0f0 url('./kcms_default/post_bottom_corners_1.png') top no-repeat;
  height: 5px;
}
.comment-2-bottom-corners {
  background: #e5e5e5 url('./kcms_default/post_bottom_corners_2.png') top no-repeat;
  height: 5px;
}
.gallery-cell {
  position: relative;
  margin: 10px 0px 0px 10px;
  padding: 10px;
  border: 1px solid #c6c6c6;
  text-align: center;
  float: left;
  width: 151px;
}
.bubble {
  display: none;
  position: absolute;
  width: 212px;
	height: 69px;
	z-index: 500;
	top: -70px;
	left: -30px;
	color: #ffffff;
	padding-top: 10px;
	text-align: left;
	background: url('./kcms_default/bubble.png') no-repeat 0px 0px;
	padding-left: 15px;
	font-size: 80%;
}
.gallery-cell:hover .bubble {
  display: block;
}
.poll {
	display: block;
	background: #e23e00;
	margin: 3px;
	height: 5px;
}