BODY 	{ margin: 0; padding:0; font-size: 83%; font-family: Arial, Helvetica, Sans-serif; text-align: center; background: white;}
* { margin: 0; padding: 0;}
/* TAGY */
img       { border:0px;}
form      { margin: 0 auto;}
fieldset  { width: 650px; margin: 0 auto;}
label     { width: 200px; float: left; text-align:right; display: block;}
a         { text-decoration: underline;} 
a:link    { text-decoration: underline;}
a:hover   { text-decoration: none;}
/* === CLASS ===*/
.hlavni	{ margin: 0 auto; text-align: center; width: 849px; border: 1px solid silver; z-index:0;}
.topprouzek{ margin:0px; padding:0px 0px 0px 0px; height:1.9em; line-height:2em; background:#FFCC00; font-size:95%; border: 1px solid white;}
.meziprouzek{ margin:0px; padding:0px 0px 0px 0px; height:1.7em; line-height:20px; background: #FFCC00; font-size:90%; border: 1px solid white;}
.mini-info {padding:0; margin:0; text-align:center; float:none;}
.mini-info h2{font-size: 84%; border-left:1em solid #FFCC00; background:#3c67c1; color:#FFFFFF; padding:2px 10px 2px 0px; margin:0px; font-weight:bold; height:13px; text-align:left;}
.mini-info ul {line-height:1.7em; font-size: 0.90em; list-style-image:url(../obrazky/odrazky/2sipky.gif); margin: 0 0 0 1px; padding: 3px 0 3px 0; margin-left: 20px; text-align:left;}
.mini-info img {margin:0.5em;}
.hlavni-sloupec { margin: 0 auto; text-align: center; width:845px; position: relative; float:left; background:white; }
.hlavni-sloupec div { margin: 0 auto;}
.hlavni-sloupec h1 {text-align: left; font-size: 125%; font-weight: bold; margin: 0.5em 0 0 0.2em; border-bottom: 1px solid black; padding:1px;}
.hlavni-sloupec h2 {text-align: left; font-size: 0.99em; font-weight: bold; margin: 1px 0 0 6px;}
.hlavni-sloupec h3 {text-align: left; font-size: 0.95em; font-weight: bold; margin: 1px 0 0 6px;}
.hlavni-sloupec p {font-size: 95%; text-align:justify; padding:0; margin:5px;}
.hlavni-sloupec p img { margin: 0.5em;}
.hlavni-sloupec table { font-size: 0.92em; margin:0 auto; border-collapse:collapse; border: 1px solid gray; padding:0; text-align: left; margin-top:5px; margin-bottom:5px;}
.hlavni-sloupec td { padding:3px; border: 1px solid gray;}
.hlavni-sloupec th { margin: 0.5em 0 0 0; border: 1px solid #000000; padding:0.1em; text-align: center; background: #FFCC33;}
.hlavni-sloupec caption { font-size: 1.2em; font-weight: bold; margin: 0 auto; padding-top:20px;}
.hlavni-sloupec ul { text-align: left;}
.hlavni-sloupec li { margin-left: 40px;}
.hlavni-sloupec hr { border: 0.5px solid black; margin-top:3px; margin-bottom:3px }
.hlavni-sloupec img { margin:5px;}
.radekl { background: #ebf1fd;}
.radeks { background: #fff;}
.mapawebu {text-align: left; margin: 0 0 0 20px; padding: 3px 0 3px 0;}
.mapawebu ul {position:relative; margin-left: 60px;}
.mapawebu ol {margin-left: 50px;}
.both {clear:both;}
.none {width: 1px; position: absolute; left: 0; top: -1000px;}
.nastred{ text-align: center;}
.minibaner        { background-image: url(../obrazky/minibaner/minibaner.jpg); background-repeat: repeat-x; padding:6px 3px 3px 10px; width:380px; text-align: left; line-height: 110%; border: 1px solid black; margin-top: 3px;}
.minibaner h3     { font-size: 100%; font-weight: bold; margin:0 0 0 0.5px;}
.minibaner p      { width:378px; margin-top:8px; text-align:justify;}
.tabulka { width: 750px;}
.tabulka p img { text-align:center; margin:0 auto; border:1px solid gray;}
.podtabulkou {width: 650px; margin: 0 auto;}
.tabulkamax {width: 750px;}
.fotka  {margin: 0px; padding:0px;}
.formular input, textarea, select {border: 1px solid black; width: 430px; margin: 1px 0 10px 0;}
.doleva {text-align:left;}
.doprava {text-align:right;}
.doprostred {text-align:center;}
.CKtext {text-align:justify;}

/* === ID ===*/
#levy-sloupec  {background-color: transparent; background-image: url(http://www.kostelecno.cz/obrazky/mini_pozadi.jpg); background-repeat: repeat-y; background-attachment: scroll; border-right: 1px solid gray;position: relative;width: 224px;height: 1250px;left: 0;float:left; text-align: left;padding: 0 0 0em 0; z-index:1;}
#pravy-sloupec {background-color: transparent; background-image: url(http://www.kostelecno.cz/obrazky/mini_pozadi.jpg); background-repeat: repeat-y; background-attachment: scroll; border-left: 1px solid gray;position: relative;width: 224px;height: 1250px;left: 0;float:right; text-align: left;padding: 0 0 0em 0; z-index:1;}
#stred-sloupec {background-color: white; position: relative; width: 301px; height: auto; float:left; text-align: center; padding: 0 ; z-index:1;}
#zapati {font-size:0.9em; background: #FFCC00; padding:2px;border-top: 1px solid gray; clear:both; height: 85px;}
#zapati p       {text-align: center; padding: 5px;}
#baner{ margin:2px; padding:1px 1px 0px 1px; height: 162px; width: 844px; background-image: url(../obrazky/baner2.jpg); background-repeat: no-repeat; text-align: left; display: block;}
#baner1r {display: block; width: 300px; color:black; position: relative; top: 1.5em; left: 6.3em; font-size: 150%; font-weight: bold;}
#baner2r {display: block; width: 550px; color:white; position: relative; top: 0.8em; left: 2.8em; font-size: 330%; font-weight: 900;}
#kliklogo{width: 765px; height: 140px; display: block; text-decoration: none;}
#aktualita-pata {position:relative; width: 830px; left: 2px; text-align:left; padding: 0.5em; margin: 5px 0 2px 0; border: 0.1em solid black; background:#ffffcc; z-index:1; clear: both;}
#aktualita {min-height: 100px; width: 845px; clear: both;}
#webcam {border: 1px solid black; padding: 5px; background-color:#FFCC00; margin-bottom: 20px;}
#vyhledavani {float:right;}
#vtext {margin: 0px; padding:0px; height:1.2em; font-size:1em; border:1px;}
#vtlacitko {margin-right:0.1em; padding:0px; width:9em; height:1.7em; font-size:88%; border:1px solid black;}
#mojeMapa {margin: 0 auto; padding:0px; border:1px;}
#fotogalerie {margin: 0 auto; text-align: center;}

/* === MENU ===*/
.hlavni-menu ul{margin: 0 auto; padding: 0; list-style-type: none;}
.hlavni-menu ul li{position: relative;display: inline;float: left;background-color: #F3F3F3; z-index:2;}
/*.suckertreemenu ul li a{display: block;width: 111px;padding: 1px 8px;border: 1px solid black;border-left-width: 0;text-decoration: none;font-size: 83%;font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;color: navy;}*/
.hlavni-menu ul li a {display: block; min-width: 124px; width: auto; _width: 128px;padding: 1px 8px; border: 1px solid gray; border-left-width: 0;text-decoration: none; font-size: 85%; font-family: Arial, Helvetica, Sans-serif; color: black;}
.hlavni-menu ul li ul {left: 0;position: absolute;top: 1em;display: block;visibility: hidden; z-index:2;}
.hlavni-menu ul li ul li {display: list-item;float: left; padding-top: 0px;}
.hlavni-menu ul li ul li ul {left: 159px;top: 0;}
.hlavni-menu ul li ul li a {display: block; width: 200px; color: black; text-decoration: none; padding: 4px 5px; border: 1px solid black;}
.hlavni-menu ul li a:hover { background-color: #FFCC00; color: black; text-decoration:underline; font-weight:bolder;}
.hlavni-menu .mainfoldericon{ background: #F3F3F3 url(../obrazky/menu/s_dolu.gif) no-repeat center right;}
.hlavni-menu .subfoldericon{ background: #F3F3F3 url(../obrazky/menu/s_prava.gif) no-repeat center right;}

* html p#iepara{ /*For a paragraph (if any) that immediately follows suckertree menu, add 1em top spacing between the two in IE*/
padding-top: 1em;
}
/* Holly Hack for IE \*/
* html .hlavni-menu ul li { float: left; height: 1%; }
* html .hlavni-menu ul li a { height: 1%; }
/* End */