@import url(base.css);

/*{{{ =Layout */

body {
  font: 11px Tahoma, sans-serif;
  color: #4c4c4c;
  background: url(00.gif) 0 0 repeat-y;        
}


a {
  color: #0f547c;
}

#container a:hover {
  color: #177CB8;
}


#container {
  width: expression(document.body.clientWidth > 995 ? '100%' : '995px'); min-width: 995px; 
  height: auto !important; min-height: 100%; height: 100%;
  position: relative;
  background: url(01.gif) 0 0 repeat-x; 
}


#header {
  height: 445px;
  position: relative; 
  background: url(03.jpg) 100% 124px no-repeat;
}


#content {
  float: left; 
  width: 100%;
  margin-right: -100%;
}


#txt {
  position: relative;
  margin: 0 0 0 271px; padding: 31px 0 0 0;
}


#sidebar {
  float: left;  
  width: 220px; _width: 271px;
  padding: 31px 27px 0 24px;
}


#footer-outher, #footer {
  height: 133px; 
  clear: both;
}


#footer {
  width: 100%; height: 133px;
  position: absolute; bottom: 0; left: 0; z-index: 200;
  background: url(02.gif) 0 0 repeat-x #E4DACF;
}

/*}}}*/


/*{{{ =Header*/

#logo {
  position: absolute; top: 35px; left: 28px;
}


#icon {
  position: absolute; top: 12px; left: 109px;
  width: 100px;
}

#icon li {
  float: left;
  margin: 0 21px 0 0;
}


#nav {
  padding: 16px 0 0 312px;
  zoom: 1;
}

#nav td {
  font-size: 13px; 
}

#nav img {
  float: left;
  margin: 0 8px 0 0;
}

#nav strong {
  display: block;
  margin: 41px 0 0 0;
}


#slog {
  margin: 0;
  width: 300px; height: 102px;
  position: absolute; top: 140px; right: 346px;
  background: url(slog.gif) 0 0 no-repeat;
  text-indent: -9999px;
}


#clock {
  position: absolute; top: 124px; right: 0;
} 

#clock-flash {
  position: absolute; top: 16px; right: 12px;
}


#sub-nav {
  padding: 65px 0 0 25px;
}

#sub-nav li {
  margin: 0 0 55px 0;
  float: left;
  clear: left;
}

#sub-nav img {
  float: left;
  margin: 0 10px 0 0;
}

#sub-nav strong {
  display: block;
  margin: 14px 0 0 0;
}

/*}}}*/


/*{{{ =Footer*/

#copy {
  margin: 0; padding: 87px 0 0 291px;
  width: 200px; $width: 500px; height: 46px; $height: 133px;
  background: url(04.gif) 0 0 no-repeat;
  font-weight: bold;
  color: #242424;
}


#sh {
  width: 430px; height: 76px;
  background: url(05.gif) 0 0 no-repeat;
  position: absolute; top: 57px; right: 0;
}


#hr {
  margin: 0; padding: 2px 13px 0 11px;
  height: 21px;
  position: absolute; top: 0; right: 0;
  background: url(bul9.gif) 0 0 no-repeat;
  font-size: 12px;
}

/*}}}*/


/*{{{ =Sidebar*/

h2 {
  margin: 0 0 17px 0;
  display: block;
  font-size: 14px;
  position: relative;
  color: #fff;
  border-bottom: 4px solid #866361;
}

h2 strong {
  background: #866361;
  padding: 2px 10px 0;
}


.modul {
  position: relative;
  margin: 0 0 35px 0;
}


.pod {
  margin: 0;
  position: absolute; right: 0; $right: 27px; top: 3px;
}

.pod a {
  color: #434343;
  margin: 0 0 0 4px;
}

#sidebar .pod a:hover {
  color: #000;
}


.news {
  margin: 0 0 18px 0;
}

.news h3 {
  margin: 0 0 5px 0;
  font-size: 11px;
}

.news em.data {
  display: block;
  font-size: 10px; font-style: normal;
  color: #866361;
  margin: 0 0 5px 0;
}

.news img {
  float: left;
  margin: 0 6px 0 0;
}

.news p {
  margin: 0;
}


#subscribe strong, #kontakt strong {
  float: left;
  font-weight: normal;
  width: 45px;
  margin: 3px 0 0 0;
}

#subscribe select {
  margin: 0 0 10px 0;
}

label {
  width: 100%;
  float: left;
}

#subscribe input.text, #kontakt input.text {
  border: 1px solid #866361;
  margin: 0 0 10px 0;
  width: 170px; height: 14px; $height: 17px;
}

#subscribe input.submit, #kontakt input.submit, #voting input.submit {
  background: none;
  border: none; border-bottom: 1px solid #866361;
  font: bold 11px Tahoma, sans-serif;
  color: #866361;
  width: 80px;
}


#kontakt strong {
  width: 75px;
}

#kontakt strong.sob {
  float: none;
  display: block;
  width: auto;
  margin: 0 0 5px 0;
}

#kontakt input.text {
  width: 140px;
}

#kontakt textarea {
  border: 1px solid #866361;
  margin: 0 0 10px 0;
  width: 215px; height: 100px;
}

#kontakt input.submit {
  width: 67px;
}


#nav-vn {
  padding: 22px 0 30px 0;
}

#nav-vn li {
  background: #F0E0C9;
  margin: 0 0 5px 0; padding: 3px 10px 6px;
  font-weight: bold;
}


#voting strong {
  font-weight: normal;
}

#voting strong.name {
  font-weight: bold;
  display: block;
  margin: 0 0 10px 0;
}

/*}}}*/


/*{{{ =Txt*/

#txt h2 {
  margin: 0 0 30px 0;
}

#txt p {
  margin: 0 0 15px 0;
}


#price {
  margin: 0;
  font-weight: bold; font-size: 12px;
  position: absolute; top: 16px; right: 13px;
  width: 120px;
}

#price img {
  float: left;
  margin: 3px 6px 0 0;
}


#txt p.href {
  margin: 0;
  font-weight: bold;
  line-height: 140%;
}

#txt p.pager {
  margin: 0 0 20px 0;
}

p.pager strong, p.pager a {
  margin: 0 5px 0 0;
}

p.pager a.href {
  margin: 0 10px;
}


#txt address {
  font-style: normal;
}


#map {
  margin: 20px 0;
}


#txttext {
  margin: 0 41px;
  zoom: 1;
}

.hr {
  clear: both;
}

.hr hr {
  display: none;
}


.cat {
  margin: 0 0 30px 0;
  float: left;
  width: 49.9%;
}

.cat h3 {
  margin: 0 41px 12px 0; padding: 0 0 2px 0;
  display: block;
  font-size: 12px;
  background: url(bul11.gif) 0 100% repeat-x;
}

.cat h3 a {
  color: #4C4C4C;
  text-decoration: none;
}

#txt .cat h3 a:hover {
  color: #000;
}

.cat img {
  float: left;
  margin: 0 10px 0 7px;
  display: inline;
}

.cat em.price {
  text-align: right;
  display: block;
  margin: 0 41px 10px 0;
  font-style: normal; font-weight: bold;
  color: #0F547C;
}

#txt .cat p {
  margin: 0 41px 0 0;
}

.cat2 h3, #txt .cat2 p, .cat2 em.price {
  margin-right: 0;
} 

.cat3 {
  float: none;
  width: 100%;
}


#txt table {
  margin: 0 0 20px 0;
}

#txt table td {
  border: 1px solid #866361;
  padding: 3px;
}

#txt table th {
  border: 1px solid #866361;
  background: #ECE3DB;
}


dl#quest {
  margin: 0 0 20px 0;
}

dl#quest dt {
  font-size: 12px;
}

dl#quest dt strong.q {
  color: #000;
}

#txt dl#quest dt p, #txt dl#quest dd p {
  font-size: 11px;
  margin: 5px 0 0 0;
}

dl#quest dd {
  margin: 10px 0 20px 15px;
  background: none;
}

dl#quest dd strong {
  float: none;
  background: none;
}

/*}}}*/