body, div, span, p, a, img, ul, ol, li, table, th, tr, td, form, fieldset, legend, dl, dt, dd, blockquote, applet, object {border:0;}
body {padding:5px 0; background:#FFF; font:0.75em/1.5 "arial",sans-serif; color:#000; text-align:center; }

a {color:#394456;}
a:hover {color:#B58810;}

h1, h2, h3, h4, h5, h6 {margin:15px 0 10px 0; color: #394456}
h1 {font-size:200%;}
h2 {font-size:160%;  font-family:"arial",sans-serif; letter-spacing:-0.5px; color:#394456;}
h3 {font-size:140%;}
h4 {font-size:120%;}
h5 {font-size:100%;}

p {margin:15px 0;}

table {margin:15px 0; border-collapse:collapse; border-spacing:0; font-size:100%;}
th {text-align:center; font-weight:bold;}
th, td {padding:3px 5px;}

ul, ol {display:block; margin:15px 0 15px 40px;}
ul ul, ul ul ul, ol ol, ol ol ol {margin:0; margin-left:20px;}
ol {list-style-type:decimal;}
ol ol {list-style-type:upper-alpha;}
ol ol ol {list-style-type:lower-alpha;}
li {display:list-item;}

dl {margin:15px 0;}
dt {font-weight:bold;}
dd {margin-left:30px;}

fieldset {margin:15px 0; padding:10px; border:1px solid #CCC;}
legend {margin-left:10px; font-size:100%; font-weight:bold; color:#000;}

abbr, acronym, .help {border-bottom:1px dotted #CCC; cursor:help;}
blockquote {margin:15px 20px; font-style:italic;}

del, .del {text-decoration:line-through;}
strong, .strong {font-weight:bold;}
cite, em, q, var {font-style:italic;}
code, kbd, samp {font-family:monospace; font-size:110%;}

hr {display:block; height:1px; margin:10px 0; padding:0; border:0 solid #CCC; background:#CCC; color:#CCC;}

.main {width:920px; margin: auto; text-align:left;  }

.telo{background:#FFF url("../design/stranka.jpg") -5px 0 repeat-y; padding-left: 25px; 
width:891px; text-align:left; margin-bottom:50px;  margin-left: 3px;

}
.header{background:#D3F1D1 url("../design/hlavicka.jpg") 0px 0 repeat-y; 
width:920px; height: 61px; padding-top: 120px; 

}
        #logo {position:absolute; top:30px; margin-left:13px;}
        #logo h1 {position:relative; overflow:hidden; width:265px; height:90px; margin:0; padding:0;}
        #logo h1 a {color:#FFF;}
		#logo h1 span {display:block; position:absolute; left:0; top:0; z-index:1; width:269px; height:92px; background:url("../design/logo.png") 0 0 no-repeat; cursor:pointer; }
     


        #nav {position:absolute; width:910px; height:45px; background:#F0EEEE url("../design/menu-s.jpg") 0 0 repeat-x; margin-left: 4px; margin-top: 23px;}
        #nav-in {position:relative; width:914px; height:46px;}
        #nav-l {position:absolute; top:0; left:0; width:15px; height:54px; background:url("../design/menu-l.jpg") 0px 0px no-repeat;}
        #nav-r {position:absolute; top:0; right:0; width:30px; height:54px; background:url("../design/menu-p.jpg") 100% 0px no-repeat;}
        #nav ul {margin:0; margin-left:10px; padding:0; list-style:none;  }
        #nav ul li {display:inline; margin:0; padding:0;  }
        #nav ul li a {display:block; float:left; height:34px; padding:8px 25px 0px 25px; background:url("../design/oddel.jpg") 100% 0 no-repeat; font-family: arial; 

 text-decoration:none; font-size: 89%;
text-transform:uppercase; font-weight:bold; color:#6A4F09;}
        #nav ul li a:hover {color:#000; text-decoration: none; height:34px; background:url("../design/nav-active.jpg") 100% 0 repeat-x;}
        #nav ul li#nav-active a {background:url("../design/nav-active.gif") 0 0 repeat-x; color:#FFF;}



ul {margin:0; padding:0; list-style:none;}
ul li {margin:0; padding:3px; padding-left:15px; background:url("../design/li.gif") 0 5px no-repeat;}




h1 a {color:#394456;}
h1 a:hover {color:#B58810; }

h2 a {color:#394456;}
h2 a:hover {color:#B58810; }

.left {float: left; margin-right: 12px; border: 2px;border-color: #CAC8C8;border-style: solid;}

.clanky p {font-size: 125%;  margin-right: 10px; margin-top: 0px; }
.clanky span {font-size: 90%; color: gray;}

.clanky {margin-top: 15px;}

.clanek2 {background:url("../design/dot.gif") bottom repeat-x; padding-bottom: 20px; width: 580px; margin-bottom: 40px;}

.clanek2 h2 {font-size: 140%; line-height: 5px;}

.posun-clanku {margin-left: 110px; }

.sloupec1  {width: 220px; float: left; }
.odkazy-s li {color: #636363;}
.odkazy-s li {padding-bottom: 10px; font-weight: bold;}
.odkazy-s li { background:url("../design/li.gif") 0 9px no-repeat;}

.sloupec2  {margin-left: 220px;}

.mapa  {background:url("../design/mapa.gif") 0 5px no-repeat; height: 250px;}

.foto img  {margin-right: 10px; margin-left: 10px; border: 2px solid #CCC;}


.foto2 img  {margin-right: 10px; margin-left: 10px; border: 2px solid #CCC; margin-top: -15px;  }
.foto2  {margin-left: 19px; }




        .rok {font-size: 120%; position: absolute; margin-left: 140px; margin-top: -10px; text-align: right;}
        .rok a {color:#E49F3D;font-weight: bold;}
        .rok img {border: 0; position: relative; top: -20px; margin-left: 10px;}
        .rok a:hover {background:#394456; color:#FFF; text-decoration:none;}


    #hx-clanky-posledni {width:97px; height:26px; background:url("../design/hx-dalsi.gif") 0 0 no-repeat; margin-top:0px;}

    #hx-tornada-cr {width:195px; height:26px; background:url("../design/hx-tornada.gif") 0 0 no-repeat; margin-top:0px;}
    #hx-foto {width:92px; height:26px; background:url("../design/hx-foto.gif") 0 0 no-repeat; margin-top:0px;}



#hx-tornada-cr span, #hx-foto span, #hx-clanky-posledni  span {display:none;}

.levo {float:left; width: 266px;}
.clanky {float:left; width: 609px; margin-right: 15px; }


.postrani {width:266px; height:100%; background:url("../design/stred.jpg") 0 0 repeat-y;margin-top: 30px; }
.postrani p {padding-left: 20px; padding-right: 10px; margin-top: -40px; }
.postrani b {color:#E68E10;}

.horni {width:266px; height:85px; background:url("../design/horni.jpg") 2px 0 no-repeat; padding-top: 20px; }

.dolni{width:266px; height:47px; background:url("../design/dole.jpg") 1px 0 no-repeat;}

.horni h2 {font-size: 140%; margin-left: 50px; margin-top: -10px; color: #F7C02E;}





.paticka {width:898px; height:23px; background:#F0EEEE url("../design/menu-s.jpg") 0 0 repeat-x; clear: left; position:relative; padding: 7px; text-align: center; 

color: black; margin-left: -22px;}

.paticka a {color: black}

.paticka a:hover {color: black; text-decoration: none;}


.tlac {width:103px; height:21px; background:#FFF url("../design/tlac2.gif") 0 0 no-repeat; padding: 7px;  padding-top: 9px; text-align: center; }

tr {
border: 1px;
border-width: 1px;
border-color: gray;
border-style: solid;
text-align: center;
padding: 6px;
font-family: Arial, Helvetica, sans-serif;

font-size: 75%;

}
td {

border-width: 1px;
border-color: #CCCCCC;

border-style: solid;
text-align: center;
padding:5px;

}
table
{

width: 565px;
}


div#kontejner 
{
	position:relative;
	width:520px;
	background-color:white;

}


div.zalozka 
{
	width:115px;
	position:absolute;
	z-index:1;

}

div.zalozka h3 
{
	margin:0;
color: #3392BF;
font-size:13pt;
}
div.zalozka img
{
	border:none;
}

div.zalozka img.pointer 
{
	position:absolute;
	left:-20px;
	top:-20px;
}

div.zalozka div.text 
{
	background-color:white;
	color:black;
	padding:5px;
	border:1px solid #FF6E00;

	
	font-size:11px;
	
	display:none;
	/*visibility:hidden;*/
}

div.zalozka:hover, div.zalozkaHover 
{
	z-index:100;
}

div.zalozka:hover div.text, div.zalozkaHover div.text 
{
	display:block;
	/*visibility:visible;*/
}

div.zalozka 
{
	behavior:url(../hover.htc);
}

#zalozka-morava
{
margin-top:133px; 
margin-left:275px; 
}
#zalozka-sumperk
{
margin-top:176px; 
margin-left:65px; 
}
#zalozka-peruc
{
margin-top:79px; 
margin-left:100px; 
}



.sipky
{
position: relative;
top:-25px; 

}
.archivaktiv {
float: left;
border: 1px #CCC solid;
padding: 5px 10px;
margin: 5px;
}
.archiv {
float: left;
background-color: #f7c02e;
border: 1px #CCC solid;
padding: 5px 10px;
margin: 5px;
font-weight: bold;
text-decoration: underline;
}
.archiv-a {
float: left;
padding-top: 5px;
margin: 10px;
}