body {background: #ffffff; padding: 0; margin: 0; font-family: "Arial","Verdana"; font-size: 12px;
 color: #e2e2e2; line-height: 20px;}
h1, h2, h3, p {padding: 0; margin: 0;}
h1 {padding: 15px 0 20px; font-size: 30px;}
h2 {padding: 15px 0 8px; font-size: 18px;}
p {padding: 10px 0;}
a {color: #018184;}
a:hover {color: #f29400;}
a img {border: 0;}
.Clear {clear: both;}
.Centering {width: 900px; margin: 0 auto;}

#TopMenu {background: url("images/web/topmenu_bg.gif") top repeat-x;}
#TopMenu ul {padding: 0; margin: 0; list-style: none; float: right;}
#TopMenu li {float: left; padding: 0; margin: 0;}
#TopMenu a {float: left; padding: 18px 0 0 0; margin: 0 28px; text-decoration: none; height: 25px;
 font-weight: bold; text-transform: uppercase; color: #e2e2e2;}
#TopMenu a:hover, #TopMenu a.active {background: url("images/web/topmenu_a_hover.gif") left 36px repeat-x;}

#TopImage {background: #bef2fc url("images/web/topimage.jpg") center top no-repeat;
 height: 188px;}
#TopImage .Centering {position: relative;}
#Img {position: absolute; right: 218px; width: 215px; height: 167px; overflow: hidden; background-color:#BB7104;
 top: 1px;}
#Kolaz {position: absolute; width: 720px; height: 186px; background: url("images/web/kolaz.png") no-repeat;
 right: -20px; top: 1px;}
#Logo {margin: 49px 0 0 4px; text-indent: -999em; float: left;}
#Logo a {display: block; width: 267px; height: 90px;}

#VypisObsahu {background: #4c4c4c url("images/web/vypis_obsahu_bg.jpg") center top no-repeat;}
#VypisObsahuSraf {background: url("images/web/sraf.png"); padding-bottom: 10px;}

#Fotogalerie {float: left; background: url("images/web/fotogalerie.png"); width: 409px; height: 247px;
 margin: 24px 0 0 0;}
#Fotogalerie h2 {padding: 15px 0 8px 10px;}
#Fotogalerie ul {list-style: none; padding: 0; margin: 0 0 0 7px;}
#Fotogalerie li {padding: 0; margin: 0; float: left;}
#Fotogalerie a {display: block; width: 162px; height: 23px; color: #ffffff; text-decoration: none;
 float: left; text-transform: uppercase; margin: 0 1px 1px 0; text-align: right; padding: 3px 35px 0 0;}
#Fotogalerie a:hover {text-decoration: underline;}

.fotka {float: left; padding: 1px; border: 6px solid #383737; margin: 4px;
 background: #f29400;}
.fotka a {display: block; width: 104px; height: 71px; overflow: hidden; padding: 1px; background: #383737;}
.fotka img {width: 104px;}

.bg16 {background: url("images/web/16.jpg") no-repeat;}
.bg18 {background: url("images/web/18.jpg") no-repeat;}
.bg19 {background: url("images/web/19.jpg") no-repeat;}
.bg22 {background: url("images/web/22.jpg") no-repeat;}
.bg23 {background: url("images/web/23.jpg") no-repeat;}
.bg24 {background: url("images/web/24.jpg") no-repeat;}
.bg25 {background: url("images/web/25.jpg") no-repeat;}
.bg26 {background: url("images/web/26.jpg") no-repeat;}
.bg27 {background: url("images/web/27.jpg") no-repeat;}
.bg28 {background: url("images/web/28.jpg") no-repeat;}
.bg29 {background: url("images/web/29.jpg") no-repeat;}
.bg30 {background: url("images/web/30.jpg") no-repeat;}
.bg31 {background: url("images/web/31.jpg") no-repeat;}
.bg32 {background: url("images/web/32.jpg") no-repeat;}

#ObsahClanku {float: left; width: 470px; margin: 24px 0 0 20px;}

#FooterBg {background: url("images/web/footer_bg.gif") repeat-x; color: #2f3536; line-height: 14px;
 padding-top: 10px;}
#Rights, #Developer {font-size: 10px;}
#Rights a, #Developer a {color: #2f3536;} 
#Rights {float: left; margin: 40px 0 0 10px;}
#Developer {float: right; margin: 40px 10px 0 0;}