/* CSS Document */

html, body {
  margin: 0;
  padding: 0;
  height: 100%;
}

body {
  background-image: url(../images/bg.gif);
  background-position: center top;
  background-repeat: repeat;
  font-family: 'Verdana', sans-serif;
  font-size: 8pt;
  color: white;
  text-align: center;
}

div#container {
  width: 925px;
  margin: 0 auto;
  text-align: left;
}

div#obal {
  width: 100%;
  position: relative;
  height: auto;
  padding-bottom: 80px;
  min-height: 100%;
  text-align: left;
}

* html div#obal {
  height: 100%;
}

div#head {
  width: 925px;
  height: 200px;
}

div#menu {
  margin: 0;
  width: 925px;
  height: 50px;
  z-index: 0;
  background-image: url(../images/menu.png);
  background-position: center top;
  background-repeat: no-repeat;
}

div#menu ul {
  position: absolute;
  margin: 0;
  padding: 0 0 0 20px;
  list-style-type: none;
}

div#menu ul li {
  float: left;
}

div#menu ul li a {
  display: block;
  text-transform: uppercase;
  color: #FEFDFD;
  text-decoration: none;
  padding: 15px 35px;
  text-align: center;
}

div#menu ul li a:hover {
  background-image: url(../images/bgmenu.jpg);
  background-position: center top;
  background-repeat: repeat-x;
}

div#menu ul li a.onn {
  background-image: url(../images/bgmenu.jpg);
  background-position: center top;
  background-repeat: repeat-x;
}

div#logo {
  position: absolute;
  margin: 40px 0 0 20px;
  width: 321px;
  height: 109px;
  z-index: 100;
  background-image: url(../images/logo.png);
  background-position: center top;
  background-repeat: no-repeat;
}

div#stars {
  position: absolute;
  margin: 15px 0 0 260px;
  width: 472px;
  height: 172px;
  z-index: 100;
  background-image: url(../images/stars.png);
  background-position: center top;
  background-repeat: no-repeat;
}

div#lidi {
  position: absolute;
  margin: 38px 0 0 300px;
  width: 445px;
  height: 162px;
  z-index: 100;
  background-image: url(../images/lidi.png);
  background-position: center top;
  background-repeat: no-repeat;
}

div#casaky {
  position: absolute;
  margin: 84px 0 0 720px;
  width: 246px;
  overflow: hidden;
  z-index: 100;
  height: 167px;
  background-image: url(../images/casaky.png);
  background-position: center top;
  background-repeat: no-repeat;
}

div#telo {
  padding: 25px 0 0 0;
  width: 925px;
}

div#left {
  width: 285px;
  float: left;
}

div#center {
  width: 370px;
  float: left;
  margin-left: 15px;
}

div#right {
  width: 235px;
  float: left;
  margin-left: 15px;
}

div#left div.boxtop {
  width: auto;
  height: 36px;
  background-image: url(../images/lboxtop.png);
  background-position: 4px top;
  background-repeat: no-repeat;
  font-size: 0;
  line-height: 0;
}

div#left div.boxin {
  width: auto;
  min-height: 360px;
  background-image: url(../images/lboxin.png);
  background-position: 4px top;
  background-repeat: repeat-y;
}

* html div#left div.boxin {
  height: 360px;
}

div#left div.boxfoot {
  width: auto;
  height: 80px;
  background-image: url(../images/lboxfoot.png);
  background-position: 4px top;
  background-repeat: no-repeat;
}

div#center div.boxtop {
  width: auto;
  height: 36px;
  background-image: url(../images/cboxtop.png);
  background-position: center top;
  background-repeat: no-repeat;
}

div#center div.boxin {
  width: auto;
  min-height: 120px;
  background-image: url(../images/cboxin.png);
  background-position: center top;
  background-repeat: repeat-y;
}

* html div#center div.boxin {
  height: 120px;
}

div#center div.boxfoot {
  width: auto;
  height: 20px;
  margin-bottom: 8px;
  background-image: url(../images/cboxfoot.png);
  background-position: center top;
  background-repeat: no-repeat;
  font-size: 0;
  line-height: 0;
}

div#right div.boxtop {
  width: auto;
  height: 35px;
  background-image: url(../images/rboxtop.png);
  background-position: center top;
  background-repeat: no-repeat;
  font-size: 0;
  line-height: 0;
}

div#right div.boxin {
  width: auto;
  min-height: 120px;
  background-image: url(../images/rboxin.png);
  background-position: center top;
  background-repeat: repeat-y;
}

* html div#right div.boxin {
  height: 120px;
}

div#right div.boxfoot {
  width: auto;
  height: 20px;
  background-image: url(../images/rboxfoot.png);
  background-position: center top;
  background-repeat: no-repeat;
  font-size: 0;
  line-height: 0;
}

div#search {
  width: 235px;
  height: 56px;
  margin-bottom: 15px;
  background-image: url(../images/search.png);
  background-position: center top;
  background-repeat: no-repeat;
}

div#foot {
  position: absolute;
  bottom: 0;
  background-color: #030303;
  height: 56px;
  background-image: url(../images/foot.jpg);
  background-position: center top;
  background-repeat: repeat-x;
  width: 100%;
  text-align: center;
  font-family: 'Arial', sans-serif;
}

div#left div.boxtop h2 {
  color: #53ABE2;
  font-size: 8pt;
  margin: 0;
  padding: 18px 0 15px 50px;
}

div#right div.boxtop h2 {
  color: #53ABE2;
  font-size: 8pt;
  margin: 0;
  padding: 18px 0 15px 50px;
}

div#center div.boxtop h2 {
  color: #010101;
  font-size: 8pt;
  margin: 0 0 10px 0;
  font-weight: normal;
  padding: 10px 0 0 15px;
}

div.in {
  width: auto;
  padding: 10px 30px 0 15px;
}

p {
  position: relative;
}

div.in div.img {
  width: 105px;
  height: 105px;
  background-image: url(../images/fotoclanek.gif);
  background-position: center top;
  background-repeat: no-repeat;
  float: left;
}

div.img img {
  position: absolute;
  margin: 4px 0 0 4px;
}

div.in div.text {
  width: 210px;
  float: right;
}

a.more {
  color: #53ABE2;
  text-decoration: underline;
  text-align: right;
  padding: 10px 5px 0 0;
  display: block;
  font-weight: bold;
}

a.more:hover {
  text-decoration: none;
}

div.text p {
  padding: 0 0 10px 0;
}

div.ods {
  width: auto;
  padding: 20px 0 0 25px;
}

* html div.ods {
  padding-left: 20px;
}

*+html div.ods {
  padding-left: 20px;
}

div.obalimg {
  width: 232px;
  height: 324px;
  background-image: url(../images/obalimg.gif);
  background-position: center top;
  background-repeat: no-repeat;
}

div.obalimg img {
  position: absolute;
  margin: 5px 0 0 5px;
  border-style: none;
}

div.foo {
  width: 925px;
  margin: 0 auto;
  padding: 25px 0 0 0;
  text-align: left;
  font-weight: bold;
}

div.foo p.c {
  width: 560px;
  position: absolute;
  margin: 0 0 0 190px;
}

div.foo p.c a { 
  background-image: url(../images/delic.gif);
  background-position: right center;
  background-repeat: no-repeat;
  padding: 0 16px;
  color: white;
  font-size: 7pt;
  text-decoration: none;
}

div.foo p.c a:hover {
  text-decoration: underline;
}

div.foo p.c a.no {
  background-image: none;
}

p {
  margin: 0;
  padding: 10px 0;
}

div.foo p {
  padding: 0;
}

h3 {
  background-image: url(../images/ar.gif);
  background-position: 4px center;
  background-repeat: no-repeat;
  padding: 0 0 0 20px;
  margin: 10px 0 5px 0;
  color: #8DD2FD;
  font-size: 8pt;
  text-transform: uppercase;
}

table.rocnik {
  width: 334px;
  font-size: 8pt;
  font-weight: bold;
  margin-bottom: 20px;
}

table.rocnik td {
  padding: 8px 0 8px 20px;
}

table.rocnik tbody.tb1 td {
  background-color: #535353;
}

table.rocnik tbody.tb2 td {
  background-color: #828282;
}

table.rocnik a {
  color: #8DD2FD;
  text-decoration: underline;
}

table.rocnik a.pdf {
  color: #ffffff;
}

table.rocnik a:hover {
  color: #FDA468;
}

ul li a {
  color: #ffffff;
}

ul li a:hover {
  color: #FDA468;
}

ul li {
  line-height: 1.6em;
}

form#objfrm {
  margin: 0;
  padding: 0;
  font-weight: bold;
}

form#objfrm table {
  font-size: 8pt;
  color: #8DD2FD;
  width: 100%;
}

form#objfrm input {
  border-top: 1px solid #4E4E4E;
  border-left: 1px solid #4E4E4E;
  border-right: none;
  border-bottom: none;
  color: #585757;
}

form#objfrm select {
  border-top: 1px solid #4E4E4E;
  border-left: 1px solid #4E4E4E;
  color: #585757;
  border-right: none;
  border-bottom: none;
}

form#objfrm a {
  color: white;
  display: block;
  padding: 5px 10px;
  text-align: center;
  text-decoration: none;
  background-image: url(../images/objoff.jpg);
  background-position: center top;
  background-repeat: no-repeat;
}

form#objfrm a:hover {
  background-image: url(../images/objon.jpg);
  background-position: center top;
  background-repeat: no-repeat;
} 

a.obj {
  background-image: url(../images/arrow.gif);
  background-position: right center;
  background-repeat: no-repeat;
  display: block;
  position: absolute;
  z-index: 100;
  padding: 9px 18px 9px 0;
  margin: 0 35px 0 170px;
  text-align: right;
  font-weight: bold;
  color: #53ABE2;
  text-decoration: underline;
}

a.obj:hover {
  text-decoration: none;
}

div#search form {
  padding: 10px 0 0 5px;
  position: absolute;
  background-image: url(../images/input.gif);
  background-position: 10px 13px;
  background-repeat: no-repeat;
}

div#search form input {
  width: 122px;
  height: 20px;
  margin: 0 0 0 9px;
  background: transparent;
  font-size: 8pt;
  color: #585757;
  border-style: none;
}

div#search form input.subm {
  width: 72px;
  height: 26px;
  cursor: pointer;
  margin: 0;
  background-image: url(../images/send.gif);
  background-position: center top;
  background-repeat: no-repeat;
}

div.inner {
  width: auto;
  margin: 0 8px 0 0;
  padding: 10px;
  background-color: #38393A;
}

p.logo {
  padding: 30px 0;
}

p.logo img {
  display: block;
  padding: 30px 0 0 0;
  margin: 0 auto;
  border-style: none;
}

.c { text-align: center; text-transform: uppercase; }
.euro { color: #828282; text-transform: uppercase; position: absolute; margin: 0 0 0 770px; }
.estetica { position: absolute; margin: 0 0 0 10px; }
.estetica a { color: white; text-decoration: none; }
.estetica a:hover { text-decoration: underline; }

.clear { clear: both; height: 0; margin: 0; padding: 0; font-size: 0; line-height: 0; }