/*výchozí nastavení*/
*, html {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}
body {
	text-align: center;
	margin: 0px auto 0px auto;
/*vzdálenost od okraje okna!!!*/
	font-family: Trebuchet MS,"Calibri","luxi sans", "verdana", sans-serif;
	font-size: 12px;
	color: #333333;
	background-position: left top;
	background-repeat: repeat-x;
}
table {
}
h1 {
	font-size: 17px;
	margin-top: 2px;
	margin-bottom: 8px;
	padding: 3px 0px 3px 10px;
	background-color: #C1BEBD;
	color: #363636;
}
h2 {
	margin-top: 2px;
	margin-bottom: 8px;
  font-size: 13px;
	color: #FF6600;
	margin:5px 0px 5px 0px;
}
h5 {/*Nadpisy v pravém a levém sloupci*/
  font-size: 14px;
  text-align:left;
  color: #565656;
  margin-bottom:3px;
}
ul,ol{
  padding-left: 25px;
}

a img {
	border: none;
	text-decoration: none;
}

h1 a:visited, h2 a:visited {text-decoration: none;color: #FF6600;}
h1 a:link, h2 a:link {text-decoration: none;color: #FF6600;}
h1 a:hover, h2 a:hover {text-decoration: none;color: #363636;}
h1 a:active, h2 a:active {text-decoration: none;color: #FF6600;}

a:visited {text-decoration: none;color: #FF6600;}
a:link {text-decoration: none;color: #FF6600;}
a:hover {text-decoration: none;color: #363636;}
a:active {text-decoration: none;color: #FF6600;}

div.spacer {
	clear: both;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	font-size: 1px;height: 1px;width: 1px;
}
/*konec výchozích nastavení*/
#container {
/*entire page is in container!!*/
	width: 880px;
	position: relative;
	text-align: left;
	margin: 0px auto;
}
/*hlavička*/


#top_header{position: relative; height: 90px; clear:both;}

#top_left_logo{
position:absolute;
width:185px; height:45px; top: 17px;left:0px;
}
#top_right_image{
position: relative; margin: -72px 0px 0px 445px;
width:395px; height: 22px;
color: #FFFFFF; padding: 8px 20px 0px 20px;  text-align: center; font-size: 12px;
background-image: url(../img/top_middle_2.jpg);
background-repeat: no-repeat;
color:#ffffff;
}

.flags{
position: relative; top: 67px;
width:182px; text-align: right;
}
ul.head_top_menu {
position:relative; width: 244px; height: 59px; margin: 5px 0 0 200px;
padding: 13px 0 0 16px;
background-image: url(../img/top_middle_1.jpg);
background-repeat: no-repeat;
}
ul.head_top_menu li {
	list-style-type: none;
	text-align: left;
	padding-left:0px;
}

.head_top_menu a:visited, .head_top_menu a:link, .head_top_menu a:hover, .head_top_menu a:active {
	text-decoration: none;
	display: block;
	padding: 0px 0px 0px 16px;
	font-size: 12px; font-weight: bold;
	color:#ffffff;
	background-image: url(../img/atop_menu_1_bcg.jpg);
	background-position: left center;
	background-repeat: no-repeat;
}

.head_top_menu a:hover,.head_top_menu a.active {
	text-decoration: underline;
  color:#ffffff;
}

ul.head_top_menu2 {
position: relative; margin: 0px 0px 0px -1px;
}
ul.head_top_menu2 li {
	list-style-type: none; width: 108px; height: 29px;
	text-align: center; float:right;
	background-image: url(../img/head_top_menu2.jpg); background-repeat: repeat-x;
	margin: 1px 0px 0px 1px;
	padding: 0px;
}

.head_top_menu2 a:visited, .head_top_menu2 a:link, .head_top_menu2 a:hover, .head_top_menu2 a:active {
	text-decoration: none;
	display: block;
	padding: 7px 5px 0px 5px;
	font-size: 12px;
	color:#ffffff;
	/*background-image: url(../img/head-top-menu2.jpg);
	background-position: 95% 65%;
	background-repeat: no-repeat;*/
}

.head_top_menu2 a:hover,.head_top_menu2 a.active {
	text-decoration: underline;
  color:#ffffff;
}
#top_top{
height: 220px;
position:relative;
}

#x1 {background-image: url(../img/header-mid-1.jpg); background-repeat: no-repeat; float:left; height: 220px; width: 220px; }
#x2 {background-image: url(../img/header-mid-2.jpg); background-repeat: no-repeat; float:left; height: 220px; width: 220px; }
#x3 {background-image: url(../img/header-mid-3.jpg); background-repeat: no-repeat; float:left; height: 220px; width: 220px; }
#x4 {background-image: url(../img/header-mid-4.jpg); background-repeat: no-repeat; float:left; height: 220px; width: 220px; }
#slogan{
position:absolute;top:40px;left:35px;
width:332px;
height:70px;
text-align:center;
color:#363636;
font-size:19px;
line-height: 150%;
}
ul#head_top_menu3 {
position:absolute;left: 14px; top: 150px;

}
ul#head_top_menu3 li {
	list-style-type: none; 
  width: 112px;
	text-align: left; 
  float:left;
	padding:0px 0px 0px 0px;
	background-image: url(../img/top-menu.gif);
	background-position:left center;
	background-repeat:no-repeat;
}

#head_top_menu3 a:visited, #head_top_menu3 a:link, #head_top_menu3 a:hover, #head_top_menu3 a:active {
	text-decoration: none;
	display: block;
	padding: 0px 26px 0px 26px;
	font-size: 12px;
  font-weight: bold;
	color:#363636;
}

.head_top_menu3 a:hover,.head_top_menu3 a.active {
	text-decoration: underline;
}

/*Konec hlavičky*/
/*levý sloupec*/
#left_column {
/*setting for left column. left column is in container!*/
  float: left;
	width: 180px;
}
#left_column h2{
position:relative;
padding: 6px 0px 6px 11px;
margin: 2px 0px 2px 0px;
font-size: 12px;
color: #ffffff;
background-image: url(../img/left_menu_top.jpg);
background-repeat: no-repeat;
font-weight: normal;
}
#left_column ul {
	list-style-type: none;
	padding-left:0px;
}
#left_column ul li {
	list-style-type: none;
	text-align: left;
	width:164px;
  padding: 0px 0px 3px 0px;
	margin:0px 0px 0px 0px;
	background-image: url(../img/left_dot.gif);
	background-repeat: repeat-x;
  background-position: left bottom;
}
#left_column ul li a:visited, #left_column ul li a:link, #left_column ul li a:hover, #left_column ul li a:active {
	text-decoration: none;
	display:block;
	padding: 5px 3px 0px 21px;
	font-size: 12px; 
  font-weight:bold;
	color:#363636;
	background-image: url(../img/left_menu.jpg);
	background-repeat: no-repeat;
}

#left_column ul li a:hover,#left_column ul li a.active {
	text-decoration: underline;
}

/*hlavní obsah*/
#content {
  position:relative;
  float: left;
	width: 700px;
}

#content div h2{
position:relative;
padding: 5px 0px 5px 10px;
margin-top:0px;
background-color: #0082D6;
color: #ffffff; 
font-size: 18px;
font-weight: normal;
}

#content div h2 a:visited, #content div h2 a:link, #content div h2 a:hover{
	position:absolute;
  right: 14px;
  top:9px;
  text-decoration: underline; font-weight: bold;
	padding: 0px 20px 0px 0px;
	font-size: 12px;
  color:#ffffff;
	background-image: url(../img/content_small_menu.jpg);
	background-position: right center;
	background-repeat:no-repeat;
}

ul.kalendar_menu{
  text-align: left;
  padding-left:0px;
}
ul.kalendar_menu li {
	list-style-type: none;
	padding: 0px 0px 5px 8px;
	background-image: url(../img/kalendar_menu.gif);
	background-position:left bottom;
	background-repeat:repeat-x;
}

.kalendar_menu a:visited, .kalendar_menu a:link, .kalendar_menu a:hover{
  font-weight: bold;
	display: block; 
	padding: 5px 0px 5px 30px;
	font-size: 13px;
  color:#363636;
	background-image: url(../img/kalendar_menu.jpg);
	background-position:left center;
	background-repeat:no-repeat;
}
.kalendar_menu a:hover{
	display: block;
	text-decoration: underline;
}

.content_menu {
  padding-left:0px;
}
.content_menu li {
	list-style-type: none;
	text-align: left;
	color: #363636;
  font-size: 11px;
  margin: 3px 0px 5px 0px;
  padding: 0px 2px 5px 2px;
	background-image: url(../img/content_menu2.jpg);
	background-position: center bottom;
	background-repeat: no-repeat;
}

.content_menu h3 a:visited, .content_menu h3 a:link, .content_menu h3 a:hover{
	text-decoration: underline;
	padding: 3px 0px 3px 16px; display: block;
	font-weight: normal;
	font-size: 12px;
	color:#0082D6;
	background-image: url(../img/content_menu.jpg);
	background-position: left 5px;
	background-repeat: no-repeat;
}

/*konec hlavního obsahu*/
/*zápatí*/
#footer {
  margin-top:1px;
	position: relative;
	height: 152px;
	color: #999999;
}

#footer_top{
height: 105px; background: #707070;
}
#footer_bottom{
position:absolute; top:105px; left: 0px; width: 650px;
margin: 11px 0 0 0;
padding: 0px;
height:60px;
background: url(../img/footer-bcg-bottom.jpg) no-repeat left top;
}

#footer #f1 {
	position: relative;
  width: 499px;
  height:17px;
  padding:3px 0px 2px 20px;
	color: #ffffff;
	margin-bottom:12px;
}
#f1 a{
  color:#ffffff;
  text-decoration: none;
  font-size: 13px;
  font-weight: normal;
}
#f1 a:hover{
  text-decoration:underline;
}
#footer {
  margin-top: 15px;
	position: relative;
	width: 880px;
	left: 0px;
}
#footer_menu1{
position:relative;
padding: 21px 0px 0px 21px;
list-style-type: none;
}

#footer_menu1 li{
float: left;
text-decoration: underline; margin-right: 7px; padding-left: 7px;
background-image: url(../img/footer-menu-split.jpg);
background-position: left center;
background-repeat: no-repeat;
}

#footer_menu1 li a{
color:#F0F0F0;
font-size: 12px;
}

#footer_menu1 li a:hover{
}

#footer_menu2{
margin: 5px 0 2px 0;
padding: 0px;
list-style-type: none;
}

#footer_menu2 li{
float: left;
text-decoration: underline; margin-right: 5px; padding-left: 5px; padding-bottom: 2px;
background-image: url(../img/footer-menu-split2.jpg);
background-position: left center;
background-repeat: no-repeat;
}

#footer_menu2 li a{
color:#363636;
font-size: 9px;
}

#footer_menu2 li a:hover{
}

#copyright{
position: relative; top: -15px;
font-size:9px; color:#363636;
}

/*konec zápatí*/
/*tooltip*/
#tooltip{/*vnější obal*/
border: 2px #0066FF solid;
border-bottom-width: 8px;
position:absolute;
visibility:hidden;
background-color: white;
}
#tool_data{/*vnitřní obsah*/
margin: 5px 5px 5px 5px;
}
/*Konec tooltipu*/
.fotka{
    margin: 10px 12px 10px 12px;
    position:relative;
    float:left;
    width: 107px;
    height:107px;
}
.gimage{
  float: left;
  position: relative;
  margin-right:12px;
  margin-bottom: 6px;
  background-color:#0492E8;
  width:225px;
  height:194px;
}
.gimage img {

}
/*K2hiking mapa + skrývací divy*/
#mapa{
  position:relative;
  width:720px;
  height:475px;
}
.mapbutton{
  position:absolute;text-align:center;width:60px;font-weight: bold;
}
.mapbutton a{
  font-size: 12px;color: #FF6600;line-height: 12px;
}
.hidmap{
display:none;position:absolute;border:4px #0579C6 solid;width:160px;padding:8px 5px 6px 5px;
border-top-width: 12px;background-color: #ffffff;text-align: center;font-size:11px;
}
.hidmap a{
  color:#0579C6;font-weight: bold;text-decoration: none;
}
.hidmap a:hover{
  text-decoration: underline;
}
.hidmap a.closer{
position:absolute;top:-10px;right:-1px;
}

