*{margin:0; padding:0}

body{background:#fff url(images/backround.gif) repeat-x; background-color:#fff; font-family:Verdana,Arial,Helvetica,sans-serif; font-size:small; color:#8A7F7F; width:auto}

h1, h2, h3{margin-bottom:1em; font-family:"Trebuchet MS",Arial,Helvetica,sans-serif; color:#787878}

h1 a, h2 a, h3 a{text-decoration:none}

h1{font:bold 12pt helvetica,arial,sans-serif; letter-spacing:-1.1px; color:red; text-transform:none}

h2{letter-spacing:0; font-size:1.6em}

h3{font-size:1em}

p{margin-bottom:1.5em; line-height:160%}

ul, ol{margin-bottom:1.5em; line-height:170%; margin-left:3em}

blockquote{margin-left:3em; margin-right:3em}

a{text-decoration:none; color:#EE372B}

a:hover{text-decoration:underline; color:#EE372B}

#header{width:900px; height:120px; border-style:10px; margin:0 auto}

#logo{margin-top:15px; margin-left:46px}

#logo h1, #logo h2{float:left; margin:0; padding:0}

#logo h1 a:hover{text-decoration:none; background:none}

#logo h2{letter-spacing:normal; font-size:1.4em; padding:45px 0 0 7px}

#menu{float:right}

#menu ul{list-style:none; line-height:normal; margin:0; padding:50px 0 0}

#menu li{display:inline; padding-left:20px}

#menu a{text-transform:lowercase; text-decoration:none; font-weight:700}

#page{width:900px; margin:0 auto auto}

#page2{width:900px; position:relative; margin:0 auto}

div#sky{position:absolute; left:15px; top:440px; border-bottom:1px solid #dbe1e5; padding-bottom:5px; margin:5px 10px 5px 0 !important}

.sidebar{float:left; width:167px; padding-top:5px}

.vpravo{float:left; width:254px; padding-top:2px}

#sidebar10{margin:-4px 0 0; }

#sidebar10 li h2{background:url(images/img09.gif) no-repeat left top; height:25px; font-size:1.2em; font-variant:small-caps; letter-spacing:1px; margin:0; padding:3px 4px 0}

#sidebar10 li h3{background:url(images/img11.gif) no-repeat left top; height:12px; letter-spacing:1px; margin:0; padding:3px 4px 0 0}

#sidebar10 li{background:url(images/links_bottom-obl.gif) no-repeat left bottom; margin-bottom:3px;}

#sidebar10 li ul{background:url(images/img10.jpg) repeat-y left top; padding:4px 4px 5px 5px}

#sidebar10 li li{background:url(images/img08.gif) no-repeat 0 4px; font-size:0.92em; border-bottom:1px #B5B5B5 dashed;text-align:left; line-height:1em; padding: 0 0 0 10px}

.sidebar h2{height:40px; font-size:1.2em; font-variant:small-caps; font-weight:700; letter-spacing:1px; color:#525050; margin:0; padding:0 4px}

.side10{float:left; padding-top:1px; width:167px; height:auto; font-size:0.92em}

.anketa{font-size:0.9em; font-weight:400; color:#353535; text-decoration:none; line-height:1.2em; margin:0; padding:0}

#sidebar1 h2{text-align:left; background:url(images/pozadibuton.gif) no-repeat; margin-left:4px}

#sidebar1 li li{padding-right:6px; text-align:left; margin-left:6px}

#pozadivlevo{background:url(images/bg-vlevo.gif) repeat-y; width:167px}

#sidebar2{margin-top:0; padding-top:15px; width:254px}

#sidebar2 h2{font-size:1.27em; font-variant:small-caps; font-weight:700; letter-spacing:1.09px; color:#525050; line-height:2.0; display:block; height:40px; margin:0}

.doporucujeme{font-size:1.2em; font-variant:small-caps; font-weight:700; letter-spacing:1px; color:#525050; text-align:left; margin:0; padding:5px 0 0 32px}

.spodek{background:url(images/ul-dole-vpravo.gif) no-repeat left bottom}

.stred{background:url(images/ul-vpravo.gif) repeat-y left top}

.neco{background-image:url(images/vrch-ubyt.gif); width:245px; height:25px; display:block; margin-bottom:5px}

.sekce{display:block; margin-top:0}

#top{height:7px; width:253px; padding-top:0; margin-top:0; background:url(images/top-vpravo.gif) no-repeat}

#topdop{height:30px; width:auto; padding-top:2px; margin-top:0; background:url(images/top-dop.gif) no-repeat}

#topreklama{height:8px; width:auto; background:url(images/top-reklama.gif) no-repeat}

.streddop{background:url(images/top-dop-bg.gif) repeat-y left top}

.spodekdop{background:url(images/top-dop-dole.gif) no-repeat left bottom; height:auto; width:auto}

#menicko a{display:block; width:167px; height:23px; background:url("images/menu.gif") 0 0 no-repeat; text-decoration:none; color:#434242}

#menicko a:hover{background:url(images/menu.gif) 0 -23px; color:#fff}

#menicko a:active{background:url(images/menu.gif) 0 -46px; color:#fff}

div.outer{background:url("images/menu.gif") 0 -23px no-repeat; color:#fff}

div.outer a{display:block; width:100%; height:100%; overflow:hidden; background:url("images/menu.gif") top left no-repeat; margin:0; padding:0}

#menicko2 a{display:block; width:167px; height:23px; background:url("images/menu2.gif") 0 0 no-repeat; text-decoration:none; color:#434242}

#menicko2 a:hover{background:url(images/menu2.gif) 0 -23px; color:#fff}

#menicko2 a:active{background:url(images/menu2.gif) 0 -46px; color:#fff}

div.outer2{background:url("images/menu2.gif") 0 -23px no-repeat; color:#fff}

div.outer2 a{display:block; width:100%; height:100%; overflow:hidden; background:url("images/menu2.gif") top left no-repeat; margin:0; padding:0}

.inter{background:url(images/podlogo.gif) no-repeat 0 0 #F5F5F5; color:#000; width:168px; height:43px; margin-top:2px}

#search{background:url(images/mesto-harrachov.gif) no-repeat; margin-left:22px; margin-top:120px}

#vlevo_menu caption{padding-bottom:5px; font-size:1.2em; font-weight:700}

#vlevo_menu table{width:100%; text-align:center; border-collapse:collapse; border:1px solid #CC9}

#vlevo_menu thead th{background:#F9F3DF; border-bottom:1px solid #CC9; color:#CC9; padding:5px 0}

#vlevo_menu tbody td{border-right:1px dotted #CCC; border-bottom:1px dotted #CCC; padding:5px 0}

#vlevo_menu tfoot td{border-top:1px solid #CC9; padding:5px}

#vlevo_menu tfoot a{border:none; font-weight:700}

#vlevo_menu #next{text-align:right}

#vlevo_menu #prev{text-align:left}

#content{float:left; width:460px; background:url(images/bc-stred.gif) repeat-y; margin:15px 4px 4px}

.post{margin-top:-6px; z-index:100; padding:5px 0 10px}

.post .title{background:url(images/topimage.jpg) no-repeat; height:194px; margin:0; padding:0}

.post .title_podsekce1{background:url(images/topimage.jpg) no-repeat; height:700px; margin:0; padding:0}

.post .meta{line-height:normal; margin-left:0; padding:0}

.post .entry{width:447px; background:url(images/bg-clanky.gif) repeat-x; margin:1px; padding:10px 5px 5px}

.post .entry-lista{position:absolute; width:447px; height:33px; background:url(images/lista.gif) repeat-x; z-index:15; margin:1px; padding:1px 5px 5px}

.post .webcam{background-image:url(images/bg-clanky.gif) repeat-x}

.post .tags, .post .links{line-height:normal; font-size:smaller; text-align:center; margin:0}

.post .tags{padding-top:0; border-top:1px solid #EAEAEA}

#footer{width:auto; text-align:center; background:url(images/footer.gif) repeat-x; margin:0 auto; padding:30px 0}

#footer p{font-size:smaller; line-height:normal; margin:0; padding:0}

#spodek{width:900px; text-align:center; font-size:smaller; line-height:normal; margin:0 auto; padding:30px 0}

div.Article{background:url("images/custom_corners_topleft.gif") top left no-repeat; position:relative}

div.Article h3{position:relative; background:url("images/custom_corners_topright.gif") top right no-repeat; font-size:0.1em; right:-5px; margin:0; padding:4px 12px 20px 0}

div.ArticleBody{background:url("images/custom_corners_right.gif") top right repeat-y; position:relative; right:-5px; margin:-2em 0 0; padding:10px 12px 0 0}

div.ArticleFooter{background:url("images/custom_corners_bottomleft.gif") bottom left no-repeat; position:relative; top:1px}

div.ArticleFooter p{background:url("images/custom_corners_bottomright.gif") bottom right no-repeat; display:block; position:relative; right:-5px; margin:-2em 0 0; padding:1px 12px 12px 0}

div.ArticleLongContent{background:url("images/custom_corners_leftborder.gif") top left repeat-y}

.ikony{border:0 none; margin-bottom:3px; margin-left:3px}

#vrch{float:right; width:340px; height:120px; background:url(images/img03.jpg) no-repeat; padding:10px 0 0 40px}

#vrch ul{list-style:none; margin:0}

#vrch li{display:block; float:left; width:140px; padding:0 0 5px}

#vrch a{padding-left:24px; background:url(images/img04.gif) no-repeat left center; text-decoration:none; text-transform:lowercase; font:bold 14px "Trebuchet MS",Arial,Helvetica,sans-serif; font-style:italic}

#vrch a:hover{background-image:url(images/img05.gif)}

#vrch .active a{background-image:url(images/img06.gif)}

.top-tab{margin-top:8px; margin-left:6px; padding-left:5px; height:22px; float:left; line-height:1}

outer{display:block !important; overflow:visible !important}

.demo{width:AUTO; position:relative; height:auto; margin:0; padding:0 7px 1em 4px}

.demo2{width:AUTO; position:relative; height:auto; margin:0; padding:0 0 1em}

.expand{padding-bottom:0; padding-top:4px; clear:both; cursor:pointer; margin:0}

h1 a:hover, h2 a:hover, h3 a:hover, #menu a:hover{text-decoration:underline}

a img, img{border:0 none}

.vpravo ul, .sidebar ul{list-style:none; margin:0; padding:0}

.vpravo li, .sidebar li{padding-bottom:5px}

.vpravo li li, .sidebar li li, #vlevo_menu_wrap, .sidebar2 #recent-posts ul{padding:0}

.menicko, .menicko2{color:#98A2A0; float:center}

div.outer span, div.outer2 span{display:block; text-transform:uppercase; font:bold 8pt Verdana,Arial,Helvetica,sans-serif; letter-spacing:0.1px; line-height:90%; margin:0; padding:7px 2px 0 25px}

.di, .js .demo{visibility:hidden}

#cont1, #cont2, #cont3, #cont4, #cont{max-width:100%; padding-bottom:0; padding-top:4px; margin:0}

.collapse{margin-bottom:0; overflow:hidden; padding-top:0; padding-left:20px; font:bold 13px "Trebuchet MS",Arial,Helvetica,sans-serif}

.collapse P{margin:0}

.collapse a{color:#2F2F2F; font:bold 13px "Trebuchet MS",Arial,Helvetica,sans-serif}

.collapse2{margin-bottom:0; overflow:hidden; padding-top:0; padding-left:20px; font:bold 13px "Trebuchet MS",Arial,Helvetica,sans-serif}

.collapse2 P{margin:0}

.collapse2 a{color:#2F2F2F; font:bold 13px "Trebuchet MS",Arial,Helvetica,sans-serif}

.fsa{font-size:0.01em; height:2px; width:1px}

.fsb{font-size:0.05em; height:2px; width:1px}

.pe{font-size:0.9em; line-height:110%; text-align:left; margin:0}

.ikons{font-size:smaller; text-align:left; margin-top:0; width:438px}

.ikons-gif{text-align:left; margin:14px 0 0}

.spodek-head{background:url(images/spodek_head.gif) bottom left repeat-x; margin-bottom:0; width:459px; height:2px; padding:0}

#prvni{width:447px; height:160px; z-index:1; margin-top:12px; margin-left:18px}

#reklama{width:autox; height:1003px; position:relative; top:25px; display:block; float:right}

.reklama{width:120px; height:1003px; position:absolute; top:228px; left:904px; float:right; text-align:left; bottom:5px}

.reklama-de{width:120px; height:1203px; position:absolute; top:40px; left:904px; float:right; text-align:left; bottom:5px}

#reklama-left{width:0 auto auto 200px; height:1003px; position:relative; top:25px; display:block; float:left}

.webcam-next{background-color:#DADADA; width:auto; height:40px; display:block; margin-bottom:1px}

.okynko{position:absolute; top:0; left:10px; width:50px; height:50px; background:#000; z-index:10}

.nazev{font-size:0.9em; font-weight:700; color:#585858; text-transform:uppercase; text-decoration:none; padding:0}

.cas{font-size:0.7em; font-weight:700; color:#E50003; text-transform:uppercase; text-decoration:none}

.lastt{font-family:Verdana,Arial,Helvetica,sans-serif; font-size:0.83em; cursor:pointer; display:block; text-decoration:none; padding-left:5px; margin-left:8px; border-bottom:solid; color:#4D4D4D; background-position:98% 50%; background-image:url(images/arrow-down.gif); border-bottom-width:1px; background-repeat:no-repeat; height:12px; margin-bottom:5px; line-height:99%; border-color:#8FA5CB}

.coll{background-color:#F5F5F5; border-bottom-width:1px; border-bottom-style:dashed; font-size:0.88em; color:#2F2F2F; line-height:98%; margin-left:7px; margin-bottom:5px}

.coll2{float:left; background-color:#F5F5F5; border-bottom-width:1px; border-bottom-style:dashed; font-size:0.88em; color:#2F2F2F; line-height:98%; margin-left:7px; margin-bottom:5px}

.coll2 A{color:#C00; background-color:#F5F5F5; font-size:0.88em; line-height:98%; letter-spacing:-1px; padding-left:2px}

.coll2 A:visited{color:#C00; background-color:#F5F5F5; font-size:0.88em; line-height:98%; padding-left:2px}

.webs{height:auto; display:block; margin-left:15px; background:url(images/zadrh-web.png) bottom left no-repeat; padding-left:10px}

#nic h3{font-size:1em; color:#2F2F2F; padding-right:1px; display:block; padding-left:5px; padding-bottom:2px; border-collapse:collapse; width:225px; height:12px; line-height:97%; text-decoration:none; font-weight:400; border-color:#618AA0}

.youtu{text-decoration:none; color:#484848; list-style-type:none; width:260px; height:180px; margin-left:-35px; margin-top:10px}

.youtu img{width:100px; height:75px}

.youtu a{text-decoration:none; color:#484848; border:solid 2px #ccc; float:left; margin:2px; padding:1px}

.youtu a:hover{border-color:#f33}

#hlavni_map_big{background:#FEFEFE url(images/hlavni_s.jpg) no-repeat; min-height:190px; width:453px; border:none; margin-left:5px; margin-top:10px}

.tabbbb{width:auto; height:auto}

#all{border-top:0; height:auto; padding-bottom:1px; padding-top:0; text-align:left; width:900px; table-layout:fixed; margin:0 auto}

.zaklad{width:auto; min-height:45px; padding-left:10px; text-align:left; line-height:1.3; border:0; margin:1px 5px 2px 1px}

.ikons a, .credit a{color:#525050}

.open A:link, .open A:visited{background:url(images/arrow-up.gif) #eee no-repeat 98% 50%}

.coll A:link, .coll A:visited{color:#2F2F2F; background-color:#F5F5F5; font-size:0.88em; line-height:98%; margin-left:8px}

.super A:link, .super, .super A:visited{color:#2F2F2F; font-size:0.88em; line-height:97%}

.supsmool, .supsmool A, .supsmool A:visited{color:#2F2F2F; font-size:0.92em; line-height:97%}

.cbtrasa a {
	text-decoration: none;
    height: auto;
	width: auto;
      color:#fff;
	font-weight: bold;
	font-size: 100%;
}
.cbtrasa A:link {
	text-decoration: none;
      color:#fff;
	font-weight: bold;
	font-size: 100%;
}
.cbtrasa A:visited {
	text-decoration: none;
      color:#fff;
	font-weight: bold;
	font-size: 100%;
}

.cbtrasa {
	position: relative;
    width: 300px;
    color:#fff;
	margin-bottom: 5px;
	font-weight: bold;
    margin: 10px;
}
.cbdelka {
	color: #1D5886;
	margin-left: 10px;
	font-weight: normal;
}

TR.GridRow TD {
border-bottom:#E9E9E9 1px solid;
background-color:#f9f9f9;
padding:3px 1px;
}

TR.GridRowOver TD {
border-bottom:#F1F1F1 1px solid;
background-color:#E9E9E9;
padding:3px 1px;
}

TR.GridRow-areal TD {
border-bottom:#BCCAD4 1px solid;
background-color:#EAEEF2;
padding:3px 1px 3px 2px;
}

TR.GridRowOver-areal TD {
border-bottom:#F1F1F1 1px solid;
background-color:#E9E9E9;
padding:3px 1px 3px 2px;
}

.tabulka a {
	text-decoration: none;

    color:#353535;
	font-weight: bold;
	font-size: 90%;
    line-height:80%;
}
.tabulka a:hover {
	text-decoration: none;

    color:#009933;
	font-weight: bold;
	font-size: 90%;
    line-height:80%;
}
.tabulka  A:link {
	text-decoration: none;
      color:#353535;
	font-weight: bold;
	font-size: 90%;
    line-height:80%;
}
.tabulka  A:visited {
	text-decoration: none;
    color:#353535;
	font-weight: bold;
	font-size: 90%;
    line-height:80%;
}

.tabulka  {
	position: relative;
    width: 210px;
    color:#C0C0C0;
	margin-bottom: 5px;
	font-weight: bold;
    margin: 10px;
   line-height:80%;
}