body {background: url(../images/bg-prechod.png) #dfede0 repeat-x top; font-family: Arial, Helvetica, sans-serif; font-size: 12px;}
h1 {font-size: 200%; padding: 0 0 20px 0; margin: 0 0 0 0;}
h2 {font-size: 180%; padding: 0 0 20px 0; margin: 0 0 0 0;}
h3 {font-size: 160%; padding: 0 0 20px 0; margin: 0 0 0 0;}
h4 {font-size: 140%; padding: 0 0 20px 0; margin: 0 0 0 0;}
p {padding: 0 0 10px 0; margin: 0 0 0 0;}
a {color: #009633;}
.page {margin: 0 auto; width: 870px; position: relative;}
.TopSpace {display: block; width: 870px; height: 575px; clear: both;}
.prolog {display: block; position: absolute; top: 100px; left: 0px; width: 870px;}
.prolog ul {margin: 20px 0 0 15px ; padding: 0 0 0 0; }
.prolog li {float: left; list-style: none;  }
.prolog li a {background: url(../images/icon.png) no-repeat 0 50%; padding: 20px 30px 10px 35px; margin: 0 0 0 0; text-transform:uppercase; color: black; text-decoration: none; font-weight: bold;  line-height: 45px;}
.prolog li a:hover {text-decoration: underline;}
.TopIn {position: absolute; top: 40px; left: 0px;}
.TopIn h2 {position: absolute; width: 344px; height: 42px; top: 58px; left: 55px; background: url(../images/h2bg.png) no-repeat; color: white; line-height: 50px;}
.TopIn h2 a {color: white; text-decoration: none;}
.TopIn h2 span {padding-left: 10px;}
div.IntroTop {display: block; height: 12px; overflow: hidden; border: 0px; padding: 0 0 0 0; margin: 0 0 0 0; background: url(../images/prologbgtop.png) no-repeat;}
.Intro {background: url(../images/prologbg.png) no-repeat bottom #deeddf; padding: 0px 0 10px 0; }
.IntroIn {border-right: 1px solid #1a171b; border-left: 1px solid #1a171b; border-bottom: 1px solid #deeddf; padding: 0 10px;}
.IntroIn img {margin-left: 10px;}
a.FlagEU {position: absolute; top: 0px; left: 725px; padding: 85px 0 0 0; width: 145px; background: url(../images/flag_eu.jpg) no-repeat;
        text-align: center; font-weight: bold; color: black; text-decoration: none;}
a.FlagEU:hover {text-decoration: underline;}
a.oblibeny {position: absolute; top: 85px; left: 410px; width: 150px; color: black; font-weight: bold; text-decoration: none;}
a.oblibeny:hover {text-decoration: underline;}

.map {text-align: center; float: right; width: 685px;}
.map img {border: 0px;}


.pracoviste {float: left; width: 160px; }
.pracoviste h2 {font-size: 125%; font-weight: bold; }
.pracoviste h3 {font-size: 115%; font-weight: bold; color: #458c49; padding: 0 0 0 0; margin: 0 0 10px 0; }
.pracoviste ul {font-style:italic; font-weight: bold; }
.pracoviste li {list-style: none;color: #458c49; }
.pracoviste li a {color: #458c49; text-decoration: none;}
.pracoviste li a:hover {color: black; text-decoration: underline;}


.VypisUradu {margin: 30px 0 30px 0px; }
.VypisUradu a {text-decoration: none; color: #9c9e9f}
.VypisUradu a:hover {text-decoration: underline; color: #009036;}
.Sloupec {float: left; width: 145px;}

.skryty {display: none;}
.cleaner {clear: both;}

.Vnitrni {padding: 15px 10px;}
.intro h1 {position: absolute; top: 95px; left: 60px;}

.GaTop {display: block; width: 728px; height: 90px; position: absolute; top: 0px; left: -10px;}
.GaPracoviste {position: absolute; top: 775px; left: 0px;}

.Adresa h2, .Hodiny h2 {font-size: 16px; color: #458c49; padding: 0 0 0 0; margin: 0 0 10px 0}

.Adresa {float: left; width: 350px;}
.Adresa p {padding: 0 0 0 0; margin: 0 0 0 0; }
.Adresa p strong {width: 70px; float: left; }

.Hodiny {float: left; width: 250px;}
.Hodiny h3 {font-size: 14px; padding: 0 0 0 0; margin: 0 0 5px 0; }
