html {text-align: center; margin: 0; padding: 0;}
body {font-family: tahoma, arial, helvetica, sans-serif; font-size: 90%; margin: 0; padding: 0;}

#hlavicka, #hlavicka-menu, #podpanely {width: 770px; margin: 0 auto !important; text-align: left;}
#hlavicka {z-index: 3;margin: 10px auto; background: transparent url(../img/tylovka_logo2.jpg) no-repeat top left; height: 124px;}
#podhlavickou {background-color: g#e6f7e3; margin-top: 10px; }
#prvnilinka {height: 25px; background: #fff url(../img/bgheader.jpg) repeat-x top;}
#druhalinka {height: 25px; background: #fff url(../img/bgheader2.jpg) repeat-x top;} 
#hlavicka-menu { position: relative; top: -35px; height: 223px !important;  background: transparent url(../img/menu-hlavicka-bg.gif) no-repeat top left; }
#levypanel {float: left; width: 470px; height: 185px;}
#pravypanel {float: right; background-image: url(../img/dum-maly2.gif) no-repeat top right; width: 300px; height: 185px;}
#podpanely {clear: both; background: #e4f3e1 url(../img/podmenu-bg.jpg) repeat-y top left; border-top: #b5dfad 1px solid; border-bottom: #b5dfad 1px solid; position: relative; top: -15px; }
#hlavicka-menu ul {list-style-type: none; margin: 43px 0 0 0;}
#hlavicka-menu ul li a {padding: 5px 0 0 110px; margin: 0; height: 23px; border: solid #42a435; border-width: 0 0 1px 5px; text-decoration: none; color: #42a435;  display: block; width: 280px;}
#hlavicka-menu ul li a:hover {background: #c3e8bd;  color: black; border-left: 10px solid #42a435; border-right: solid #42a435 1px; padding-left: 105px; } 
#hlavicka-menu ul li a.aktivni {color: white; background:  white url(../img/odkaz-pruh2.jpg) repeat-x; border-right: 1px solid #42a435;} 
#hlavicka-menu ul li a.posledni {border-bottom-width: 0; height: 25px;}
div.vnitrek {margin: 20px;}

#panel-levy {float: left; width: 375px;}
#panel-pravy {float: right; width: 310px; text-align: center;}
#paticka {clear: both; width: 440px; border-top: solid #42a435 5px; }
.cb {clear: both;}

.ilustrace {margin: 0 auto; width: 280px; position: relative; top: -10px;right: -10px; }
.obrazek {margin: 10px auto; text-align: center; }
.obrazek img {border: 1px solid #42a435; padding: 3px; background: #e4f3e1;}
.popisobrazku {margin: 0 auto; text-align: center;}

.obrazek a:hover img {background-color: #42a435;}

#hlavicka a {
width: 770px;
height: 124px;
display: block;
margin: 0;padding: 0;
}
#hlavicka a:hover {background: transparent; text-decoration: none;}
h1 {
text-indent: -11000px;
}



h2 {color:#5F8059; font-size: 180%; }
h3 {color: #508C46}
p {color: #697367; line-height: 1.6;}
blockquote {font-style: italic; font-family: serif;}

a {color: #148E00;}
a:hover {background: #148E00; color: white; text-decoration: none;}

#podpanely ul {list-style: none;}
#podpanely li {
margin-bottom: 5px; line-height: 1.2;
padding-left: 20px;
background-image: url(../img/li_1.gif);
background-repeat: no-repeat;
background-position: 0 .2em;
color: #464D45;
}

.nabidkavestrance {font-size: 85%;} 
.zpetnahoru {text-align: right; font-size: 85%;}

#paticka {font-size: 85%;}

#galerie {border: solid #b5dfad; border-width: 0px 0; padding-left: 15px;}
#galerie .fotka {float: left; margin: 5px;}

#matezajem {border: 1px solid #b5dfad; padding: 5px;}
#matezajem h3 {font-size: 90%; margin: 0;}
#matezajem p {font-style: italic; margin-top: 5px;}