* {
	margin: 0;

  }
  
html, body {
  height:100%;
  background:#01835D url(../images/bg.jpg) repeat-x scroll 0 0; 
  color:black;
  font-family: "Verdana CE", "Arial CE", "Lucida Grande CE", "Helvetica CE", Verdana, Arial, lucida, sans-serif;
  font-size:0.9em;
}

#page {
	margin:0 auto -46px;
  height:auto !important;
  min-height:100%;
  position:relative;
  text-align:left;
  width:890px;
	background:url('../images/bg_page.jpg') repeat-y scroll 0 0;
}

#levy_stin {
  background:transparent url(../images/levy_stin.jpg) no-repeat scroll 0 0;
  height:830px;
  position:relative;
  float:left;
  width:22px;
  left:0px;
}

#pravy_stin {
  background:transparent url(../images/pravy_stin.jpg) no-repeat scroll 0 0;
  height:830px;
  position:relative;
  right:0px;
  float:right;
  width:18px;
}

#h_left {
  height:192px;
  float:left;
  background:transparent url('../images/header_left.jpg') no-repeat scroll 0 0;
  width:409px;
  position:relative;
  top:30px;
}

#h_left img {
  border:none;
  position:relative;
  left:50px;
  top:25px;
}

#h_right {
  height:192px;
  float:right;
  background:transparent url('../images/header_right.jpg') no-repeat scroll 0 0;
  width:441px;
  position:relative;
  top:30px;
}

#footer {
  clear:both;
  margin:0 auto;
  position:relative;
  background:transparent url(../images/bg_footer.jpg) no-repeat scroll 0 0;
  height:46px;
  width:850px;
  left:2px; 
  
}

#footer_text, #footer_text a {
  text-align:center;
  color:white;
  font-size:0.9em;
  padding-top:15px;
}

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



/***************************************************MENU ************************************/
#wrapper {
  position:relative;
  left:16px;
  top:50px;
}

#menu {
 font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 100%;
  width: 179px;
  padding: 0px;
  margin: 0px;
  position:relative;
  float:left;
  margin-right:20px;
  margin-bottom:70px;
}

.sub_nav {
  list-style: none;
  border: none;
  margin:0;
  padding:0;
   
}

.sub_nav {
  list-style-type:none;
  padding-left:25px;
  background-color: rgb(227,227,227);
  
}

.sub_nav li {
  background-color: rgb(227,227,227);
  
}

.sub_nav li a {
  line-height:23px;
  display:block;
  font-size:0.9em;
  color:black;
  text-decoration:none;
}

.sub_nav a:hover {
 color:rgb(43,126,230);
  
}

.main_nav {
  list-style: none;
  margin: 0px;
  padding: 0px;
  border: none;
}

.main_nav {
  background: #ffffff url('../images/menu_item.jpg') no-repeat scroll 0 0;
  
}


.main_nav a {
  padding-left:12px;
  font-size: 95%;
  background: url(../images/menu_item.jpg) no-repeat scroll 0 0;
  display: block;
  text-decoration: none;
  color: black;
  height:29px;
  line-height:29px;
  
}

.main-item-active {
  
  background: rgb(227,227,227) url(../images/menu_item_hover.jpg) no-repeat scroll 0 0;
}

.main-item-active a {
  padding-left:12px;
  font-size: 95%;
  display: block;
  text-decoration: none;
  color: black;
  height:30px;
  line-height:29px;
  font-weight: bold;
  background: rgb(227,227,227) url(../images/menu_item_hover.jpg) no-repeat scroll 0 0;
}

.main_nav a:hover, .main_nav a:focus {
  color: #000000;
  background: url(../images/menu_item_hover.jpg) no-repeat scroll 0 0;
  
}


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

h1 {
  font-size:1.6em;
  border-bottom: 1px solid silver;
  display:block;
  margin-bottom:20px;
  color:black;
}

h1 a {
  color:black;
  text-decoration:none;
}

h2 {
  font-size:1.3em;
  border-bottom: 1px solid silver;
  display:block;
  margin-bottom:20px;
  margin-top:20px;
  color:black;
}

h2 a {
  color:black;
  text-decoration:none;
}

h3 {
  font-size:1.1em;
  border-bottom: 1px solid silver;
  display:block;
  margin-bottom:20px;
  margin-top:20px;
  color:black;
}

h3 a {
  color:black;
  text-decoration:none;
}

#obsah {
  position:relative;
  float:left;
  top:5px;
  width: 400px;
  margin-bottom:70px;
  padding-right:25px;
  border-right: 1px solid silver;
}

#obsah img {
  margin-right:5px;
  margin-left:5px;
  margin-bottom:5px;
}

#obsah p a, span a {
  color:#01AB7A;
}

#prave_menu {
  position:relative;
  float:right;
  margin-bottom:70px;
  padding-right:25px;
  width:185px;
}

#prave_menu h1 {
  display:block;
  width:175px;
  background: transparent url('../images/box_head.jpg') no-repeat scroll 0 0;
  font-size:1em;
  line-height:29px;
  padding-left:10px;
  margin:0;
  font-weight: normal;
  
}

.prave_obsah {
  background-color: #e0f6ff;
  padding:5px;
  border:1px solid #c4eeff;
}

.prave_obsah ul {
position:relative;
 font-family: Arial, Helvetica, sans-serif;
 font-size: 13px;
 line-height: 20px;
 color: #666666;
 margin: 0px 0px 3px 0px;
 padding: 0px;
 list-style: none;

}
.prave_obsah li {
 background: transparent url('../images/list_img.jpg') no-repeat scroll 0 6px;
 margin: 0;
 padding: 0 0 0 3px;

    
}

.prave_obsah li a {
  padding-left:17px;
  display:block;
  color:black;
  
}

#prave_menu h1 a, #prave_menu h1 a:visited {
  display:block;
  line-height:29px;
  font-weight: normal;
  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;

}

/************************************ KALENDAR **************************************/


.kalendar {
  text-align:center;
  color:black;
}


.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 {
  padding:2px 2px;
  background-color: #00D499;
}

.highlight {
  padding:2px 2px;
  background-color: rgb(255,130,130);
}

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

.card img {
	border:none;
}

.card-sm {
	background:#EFFAFF none repeat scroll 0 0;
	border:1px solid #666666;
	float:left;
	font-size:70%;
	margin:0 6px 15px 0;
	text-align:center;
}

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


.card-title {
	color:green;
	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;
}