* {
	margin: 0;
  padding:0;
  }
  
img, div, #logo { behavior: url(../public/iepngfix/iepngfix.htc) }  
  
html, body {
  height:100%;
  background-color:#000000; 
  color:#cccbcb;
  font-family: "Verdana", "Arial CE", "Lucida Grande CE", "Helvetica CE", Verdana, Arial, lucida, sans-serif;
  font-size:0.9em;   
}

#page {
  margin:0 auto -67px;
  height:auto !important;
  position:relative;
  text-align:left;
  width:938px;
  background:#000000 url('../images/main_image.jpg') no-repeat top left;
    
  
}

div#logo {
  float:left;
  height:70px;
  margin:10px 0px 215px 85px;
  z-index:10;
  width:396px;
  background: transparent url('../images/helpness.png') no-repeat scroll 0 0;
}

#logo a#helpness {
  width:396px;
}

div#logo a {
  display:block;
  float:left;
  height:70px;
  width:396px;
}

#logo a span {
display:none;
}

#topmenu {
  text-align:center;  
  height:25px;
  margin:0px 10px 30px 40px;
  width:825px;  
}

div#topmenu ul {  
  color:#cccbcb;
  list-style-image:none;
  list-style-position:outside;
  list-style-type:none;
  margin:0 auto;
  padding:0;  
  width:820px;
  
}

div#topmenu ul li {
  display:inline;    
  padding-left:10px;
  font-size:18px;  
}

div#topmenu ul li a {
  font-family:Arial;
  font-size:18px;
  text-decoration:none;  
  padding-right:12px; 
  text-transform:lowercase; 
}

div#topmenu ul li a:hover {
  text-decoration:underline;
  color:red;
  
}

.content {
  clear:both;
  padding-left:35px;
  width:850px;
}

a:link, a:visited, a:active {
   color:#cccbcb;   
}

.list td {
   padding:5px;
}

.list th
{
   background-color:#db2601;
   padding:5px;
   color:white;
}

.odd 
{
  background-color:#1F1F1F;
}

#wrapper 
{
  background:transparent url('../images/content_bg.png') repeat scroll 0 0;
  clear:both;
  padding-top:20px;
  padding-left:15px;
  padding-right:15px;
  padding-bottom:15px;  
  
}

a img {
  border:1px solid #2F2F2F;
  padding:5px;
}               

#bio_detail img {
  margin-right:20px;
  margin-bottom:10px;
  padding:5px;
  border:1px solid #2f2f2f;
  float:left;
}

#bio_detail p {
  padding-bottom:5px;
}

#footer {
  clear:both;
  margin:0 auto;
  position:relative;
  height:20px;
  width:938px;
  text-align:center;
  padding-top:25px;
  color:#cccbcb;  
}

#footer_text {
  width:1000px;
  height:20px;
}

#footer_text a {
	text-align:center;
  color:white;
  font-size:0.9em;
  color:#525252;
}

#push {
  clear:both;
  height:49px;
}


.article_info {
	font-size:0.7em;
	color:white;
}

.autor 
{
  margin:10px;
  color:#db2601;
  font-weight:bold; 
  text-align:right; 
  clear:both;
}

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

h1 {
  font-size:1.7em;
  display:block;
  color:white;
  border-bottom:1px solid #4F4F4F;
  margin-bottom:20px;
}

#content_wrapper h1 a:link {
  border-bottom:1px solid #3d3c3c;
  margin-bottom:10px;
  text-decoration:none;
  
}

h2 {
  font-size:1.1em;
  display:block;
  margin-bottom:5px;
  margin-top:15px;
  color:#db2601;
}

h2 a {
  color:#db2601;
  text-decoration:none;
}

h3 {
  font-size:0.9em;
  border-bottom: 1px solid silver;
  display:block;
  color:#db2601;
}

h3 a {
  color:#db2601;
  text-decoration:none;
}

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

.info_msg {
  text-align:center;
  position:relative;
  width: 400px;
  border: 2px dashed black;
  background-color: rgb(255,130,133);
  font-weight: bold;
  padding:5px 5px 5px 5px;

}

/************************************ CALENDAR right column **************************************/

.kalendar-main {
	color:black;
}

.kalendar-main table {
	font-size:0.8em;
	font-weight:bold;
	margin-left:10px;
}
.kalendar-main tr {
	text-align: center;
}
.kalendar-main td {
	text-align: center;
}

.kalendar-main th {
	color:#142193;
}


.kalendar-main .event {
  margin-bottom:20px;
  border-bottom:1px dashed black;
  
}

.kalendar-main .event h2 {
  border-bottom:1px solid black;
  padding-bottom:5px;
  font-size:1em;
  padding-left:5px;
}

.kalendar-main .event_text {
  padding:5px;
}

.kalendar-main .eventhiglight {
  /*padding:5px 10px;
  background:transparent url(../images/calendar-event.gif) no-repeat scroll 5px 3px;*/
  background-color:red;
}

.kalendar-main .highlight {
  /*background:transparent url(../images/calendar-today.gif) no-repeat scroll 0px 4px;
  padding:5px 10px;*/
  background-color:green;
  color:black;
}                           

/**************************** Calendar left column **********************/


#wrapper .kalendar {
	text-align:center;
  color:black;
	font-size:14px;
	font-weight:bold;
	margin-left:20px;
	border-collapse:separate;

}

#wrapper .kalendar th a {
  color:black;
  text-decoration:none;
}

.kalendar table {
	
	margin-left:5px;
}
.kalendar tr {
	text-align: center;
	line-height:25px;
	
}
.kalendar td {
	text-align: center;
	height:35px;
	width:35px;
	background-color:#e6f0f4;
}

.kalendar th {
	color:#142193;
}                 

.event {
  margin-bottom:20px;
  border-bottom:1px dashed black;
}

.event h2 {
  border-bottom:1px solid black;
  padding-bottom:5px;
  font-size:1em;
  padding-left:5px;
}

.event_text {
  padding:5px;
}

.eventhiglight {
  background-color:#217e00;
  
}

.highlight {
  color:white;
  font-weight:bold;
  background-color:#006399;  
}

/*********************** FOTOGALERIE prevzato z http://wellstyled.com *******************************/
  
.card {
	background:black none repeat scroll 0 0;
	border:2px solid #4F4F4F;
	float:left;
	font-size:70%;
	margin:0 15px 15px 0;
	overflow:auto;
	padding:10px 0;
	text-align:center;
	width:115px;
}

.card img {
	border:none;
}

.card-sm {
	float:left;
	font-size:70%;
	text-align:center;
	margin:5px;
	border:1px solid #4f4f4f;
}

.card-sm img {
  border:none;
  margin-top:5px;
}


.card-title {
	color:#cacaca;
	font-size:130%;
	margin:0 5px 5px;
}
.card-photo {
	border:medium none;
	margin:0 auto;
	padding:0;
}
.card-desc {
	font-size:100%;
	margin:5px 10px;
	padding:0;
	text-align:left;
}
.card-info {
	color:#666666;
	font-size:100%;
	margin:5px 10px 0;
	padding:0;
	text-align:right;
}
.cleaner {
	clear:both;
}

/************************** dokumenty *************************/
#menu_c {
	border-right:1px solid black;
  margin-right: 1px;
	float:left;
	width:140px;
	min-height:500px;
	height:auto !important;
	height:500px;
	padding-bottom:10px;
	overflow:hidden;
	background-color:transparent;
}

#menu_c ul {
 margin:0;
 padding:0;
}

#menu_c a.nosubmenu.rootdir {
	color:black;
	padding-left:10px;
}

#menu_c img {
	width: 20px;
	height: 18px;
	float: left;
	cursor: pointer;
	border:0;
	padding:0;
	margin-top:0px;
	margin-right:0px;
	margin-left:0px;
	margin-bottom:0px;
	background-color:transparent;
}
#menu_c a:link, #menu_c a:visited {
	display: block;
	padding: 3px 0px 4px 30px;
	background-image: url(../images/menubg1.jpg);
	background-repeat: no-repeat;
	background-position: top left;
	text-decoration: none;
	font-size: 8pt;
	border-top: 1px solid #ebebeb;
	color: #5371ad;
	background-color:transparent;
	
}
#menu_c a.nosubmenu {
	background-image: none !important;
}
#menu_c a:hover {
	color: #f26622;
	background-image: url(../images/menubg2.jpg);
}
.open {
	color: #f26622 !important;
	background-image: url(../images/menubg3.jpg) !important;
}

.active {
	color: #f26622 !important;
	background-image:none !important;
}

a.submenu:link, a.submenu:visited, a.submenu_end:link, a.submenu_end:visited {
	padding-left: 40px !important;
	border-top: 0px none red !important;
	padding-top: 4px !important;
	padding-bottom: 4px !important;
}
a.submenu:link, a.submenu:visited {
	background-image: url(../images/submenubg.jpg) !important;
}
a.submenu_end:link, a.submenu_end:visited {
	background-image: url(../images/submenubg2.jpg) !important;
}

.subcats {
	padding-left: 15px;
}

#dirContent {
	float:left;
	padding-left:10px;
	padding-right:10px;
	padding-bottom:10px;
	min-height:500px;
	height:auto !important;
	height:500px;
	width:390px;
}

#dirContent p {
	padding:0;
	margin:0;
}

#dirContent img {
 vertical-align:bottom;
}
#dirContent td 
{
	font-size:0.7em;
}

#documents_menu {
	font-size:0.8em;
	padding-left:10px;
}

#documents_menu .dirname {
	width:100px;
}

#files_table hr {
	line-height:1px;
	height:1px;
	margin:0;
	padding:0;
}

/******** NAVSTEVNI KNIHA *********/

#gbook_form input, textarea {
  background-color:#FBF9FB;
  border:1px solid black;
}

#gbook_form img {
  border:none;
  margin:0;
  padding:0;
}

#gbook_form .submit_button {
 background-color:#333333;
border:1px solid #CCCCCC;
color:#FFFFFF;
font-size:10px;
font-weight:normal;
padding:1px 5px 2px;
}

#per_page_form {
  text-align:right;
}

.error {
  color:red;
  font-size:11px;
  
}

.comment {
  margin-top:11px;
}

.com_top {
  background-color:#0F0F0F;
  border-left:1px solid #1F1F1F;
  border-right:1px solid #1F1F1F;
  border-top:1px solid #1F1F1F;
  padding:2px 2px 2px 6px;
  font-size:10px;
}

.com_middle {
  border-left:1px solid #1F1F1F;
  border-right:1px solid #1F1F1F;
  padding:5px 2px 10px 5px;
  font-size:13px;
}

.com_bottom {
  background-color:#0F0F0F;
  border-bottom:1px solid #1F1F1F;
  border-left:1px solid #1F1F1F;
  border-right:1px solid #1F1F1F;
  padding:2px 2px 2px 6px;
  text-align:left;
  font-size:10px;
}