/* CSS Document */
body  {
  width:auto;
  font-family: Verdana; 
  font-size: 14px;
  min-width: 960px;
  height: auto;
  text-align: center;
  margin: 0px;
  background-image: url('../images/bg.jpg');
  background-repeat: repeat-x;
  font-weight: normal;
}
img {
  border: 0px;
}
#page {
  width: 960px;
  height: 904px;
  margin: auto;
  margin-top: 0px;
  margin-bottom:0px;
  padding: 0px;
  text-align: left;
  position: relative;
  background-image: url('../images/background.jpg');
  background-repeat: no-repeat;
}
#logo {
  width: 173px;
  height: 89px;
  top: 0px;
  left: 0px;
  position: absolute;
  display: block;
  background-image: url('../images/logo.jpg');
  background-repeat: no-repeat;
  cursor: pointer;
  z-index: 9;
  padding: 0;
  margin: 0;
  overflow: hidden;
}
#logo em {
  width: 173px;
  height: 89px;
  top: 0px;
  left: 0px;
  position: absolute;
  display: block;
  background-image: url('../images/logo.jpg');
  background-repeat: no-repeat;
  cursor: pointer;
  z-index: 10;
}
#logo-pokracovani {
  width: 786px;
  height: 89px;
  top: 0px;
  left: 173px;
  position: absolute;
  background-image: url('../images/pozadi_nadpis.jpg');
  background-repeat: no-repeat;
  padding-top: 6px;
  _padding-top: 30px;
}
#logo-pokracovani p {
  font-family: Arial;
  color: #0e4097;
  font-style: italic;
  font-size: 24px;
}
#mapa {
  width: 158px;
  height: 229px;
  left: 0px;
  top: 89px;
  position: absolute;
  background-image: url('../images/mapa.jpg');
  background-repeat: no-repeat;
  cursor: pointer;
}
#stin {
  width: 176px;
  height: 23px;
  left: 0px;
  top: 295px;
  position: absolute;
  background-image: url('../images/stin.jpg');
  background-repeat: no-repeat;
}
#vite {
  width: 592px;
  height: 222px;
  left: 368px;
  top: 89px;
  position: absolute;
  background-image: url('../images/vite.jpg');
  background-repeat: no-repeat;
}
#vite-text  {
  width: 200px;
  height: 140px;
  top: 123px;
  left: 390px;
  position: absolute;
  line-height: 35px;
}
#vite-text p  {
  color: #5b77ae;
  font-size: 24px;
  font-family: Arial;
  padding: 0px;
  margin: 0px;
}
li  {
  font-size: 16px;
  color: #e1e6fa;
  padding-left: 0px;
  margin-left: 0px;
}
#stred  {
  width: 100%;
  text-align: center;
}
a #homepage, a:visited #homepage {
  width: 210px;
  height: 30px;
  left: 158px;
  top: 95px;
  position: absolute;
  background-image: url('../images/homepage.jpg');
  background-repeat: no-repeat;
  background-position: left center;
  cursor: pointer;
}
a:hover #homepage {
  width: 210px;
  height: 30px;
  left: 158px;
  top: 95px;
  position: absolute;
  background-image: url('../images/homepage.jpg');
  background-repeat: no-repeat;
  background-position: right center;
  cursor: pointer;
}
a #ospolecnosti, a:visited #ospolecnosti {
  width: 210px;
  height: 28px;
  left: 158px;
  top: 123px;
  position: absolute;
  background-image: url('../images/ospolecnosti.jpg');
  background-repeat: no-repeat;
  background-position: left center;
  cursor: pointer;
}
a:hover #ospolecnosti {
  width: 210px;
  height: 28px;
  left: 158px;
  top: 123px;
  position: absolute;
  background-image: url('../images/ospolecnosti.jpg');
  background-repeat: no-repeat;
  background-position: right center;
  cursor: pointer;
}
a #legislativa, a:visited #legislativa {
  width: 210px;
  height: 28px;
  left: 158px;
  top: 148px;
  position: absolute;
  background-image: url('../images/legislativa.jpg');
  background-repeat: no-repeat;
  background-position: left center;
  cursor: pointer;
}
a:hover #legislativa {
  width: 210px;
  height: 28px;
  left: 158px;
  top: 148px;
  position: absolute;
  background-image: url('../images/legislativa.jpg');
  background-repeat: no-repeat;
  background-position: right center;
  cursor: pointer;
}
a #preprava, a:visited #preprava {
  width: 210px;
  height: 42px;
  left: 158px;
  top: 173px;
  position: absolute;
  background-image: url('../images/preprava.png');
  background-repeat: no-repeat;
  background-position: left center;
  cursor: pointer;
}
a:hover #preprava {
  width: 210px;
  height: 42px;
  left: 158px;
  top: 173px;
  position: absolute;
  background-image: url('../images/preprava.png');
  background-repeat: no-repeat;
  background-position: right center;
  cursor: pointer;
}
a #cenysluzeb, a:visited #cenysluzeb {
  width: 210px;
  height: 28px;
  left: 158px;
  top: 213px;
  position: absolute;
  background-image: url('../images/cenysluzeb.jpg');
  background-repeat: no-repeat;
  background-position: left center;
  cursor: pointer;
}
a:hover #cenysluzeb {
  width: 210px;
  height: 28px;
  left: 158px;
  top: 213px;
  position: absolute;
  background-image: url('../images/cenysluzeb.jpg');
  background-repeat: no-repeat;
  background-position: right center;
  cursor: pointer;
}
a #kontakty, a:visited #kontakty {
  width: 210px;
  height: 28px;
  left: 158px;
  top: 237px;
  position: absolute;
  background-image: url('../images/kontakty.jpg');
  background-repeat: no-repeat;
  background-position: left center;
  cursor: pointer;
}
a:hover #kontakty {
  width: 210px;
  height: 28px;
  left: 158px;
  top: 237px;
  position: absolute;
  background-image: url('../images/kontakty.jpg');
  background-repeat: no-repeat;
  background-position: right center;
  cursor: pointer;
}
a #osvedceni, a:visited #osvedceni {
  width: 210px;
  height: 36px;
  left: 158px;
  top: 261px;
  position: absolute;
  background-image: url('../images/osvedceni.jpg');
  background-repeat: no-repeat;
  background-position: left center;
  cursor: pointer;
}
a:hover #osvedceni {
  width: 210px;
  height: 36px;
  left: 158px;
  top: 261px;
  position: absolute;
  background-image: url('../images/osvedceni.jpg');
  background-repeat: no-repeat;
  background-position: right center;
  cursor: pointer;
}
.invisible  {
  display: none;
}
#profil {
  width: 279px;
  height: 42px;
  left: 18px;
  top: 323px;
  position: absolute;
  background-image: url('../images/profil.jpg');
  background-repeat: no-repeat;
}
#profiltext {
  width: 280px;
  height: 130px;
  left: 23px;
  top: 362px;
  position: absolute;
  color: #ffffff;
  font-size: 11px;
  line-height: 18px;
}
#profiltext p {
  padding: 0px;
  margin: 0px;
}
#ctete  {
  width: 86px;
  height: 19px;
  left: 214px;
  top: 560px;
  position: absolute;
  display: block;
  background-image: url('../images/ctete.jpg');
  background-repeat: no-repeat;
  cursor: pointer;
}
#sipkaup  {
  width: 25px;
  height: 13px;
  left: 916px;
  top: 446px;
  position: absolute;
  display: block;
  background-image: url('../images/up_inactive.jpg');
  background-repeat: no-repeat;
  cursor: pointer;
}
#sipkadown  {
  width: 25px;
  height: 13px;
  left: 916px;
  top: 495px;
  position: absolute;
  display: block;
  background-image: url('../images/down_active.jpg');
  background-repeat: no-repeat;
  cursor: pointer;
}
#obsah  {
  width: 640px;
  height: 318px;
  left: 320px;
  top: 323px;
  position: absolute;
  background-image: url('../images/obsah.jpg');
  background-repeat: no-repeat;
}
#text {
  width: 545px;
  height: 280px;
  left: 343px;
  top: 335px;
  position: absolute;
  overflow:hidden;
  clip: rect(0px,545px,280px,0px); 
  z-index: 1;
}
#content {
  left: 0px;
  top: 0px;
  position: absolute;
}
#content p  {
  padding: 0px;
  margin: 0px;
  margin-bottom: 10px;
  font-size: 16px;
  color: #e1e6fa;
}
#znacky {
  width: 196px;
  height: 132px;
  left: 18px;
  top: 511px;
  position: absolute;
  background-image: url('../images/znacky.jpg');
  background-repeat: no-repeat;
}
#legislativa1 {
  width: 328px;
  height: 169px;
  display: block;
  left: 0px;
  top: 660px;
  position: absolute;
  background-image: url('../images/legislativa_icon.jpg');
  background-repeat: no-repeat;
  cursor: pointer;
}
#legislativa2  {
  width: 328px;
  height: 169px;
  display: block;
  left: 0px;
  top: 660px;
  position: absolute;
  background-image: url('../images/legislativa_icon_over.jpg');
  background-repeat: no-repeat;
  cursor: pointer;  
  display: none;
}
#preprava1 {
  width: 327px;
  height: 170px;
  display: block;
  left: 320px;
  top: 660px;
  position: absolute;
  background-image: url('../images/preprava_icon.png');
  background-repeat: no-repeat;
  background-position: -5px 0;
  cursor: pointer;  
}
#preprava2 {
  width: 327px;
  height: 170px;
  display: block;
  left: 320px;
  top: 660px;
  position: absolute;
  background-image: url('../images/preprava_icon_over.png');
  background-repeat: no-repeat;
  background-position: -5px 0;
  cursor: pointer;
  display: none;
}
#osvedceni1  {
  width: 327px;
  height: 170px;
  left: 642px;
  top: 660px;
  position: absolute;
  display: block;
  background-image: url('../images/osvedceni_icon.jpg');  
  background-repeat: no-repeat;
  cursor: pointer;
}
#osvedceni2  {
  width: 327px;
  height: 170px;
  left: 642px;
  top: 660px;
  position: absolute;
  display: block;
  background-image: url('../images/osvedceni_icon_over.jpg');  
  background-repeat: no-repeat;
  cursor: pointer;
  display: none;
}
#raynet {
  width: 138px;
  height: 18px;
  left: 803px;
  top: 874px;
  position: absolute;
  display: block;
  background-image: url('../images/raynet.jpg');  
  background-repeat: no-repeat;
  cursor: pointer;
}
#pata {
  width: 720px;
  height: 18px;
  left: 15px;
  top: 862px;
  position: absolute;
  color: #000066;
  font-size: 11px;
  font-weight: 500;
}
#pata a, #pata a:visited  {
  color: #000066;
  font-size: 11px;
  text-decoration: none;
}
#pata a:hover  {
  color: #4444c6;
  font-size: 11px;
  text-decoration: none;
}
#pata .spacer {clear: both; height: 8px;}
#pata p {
  padding: 5px 0px 0px 0px;
  margin: 0px;
}