/*  use in content.css

* {
  margin: 0px;
  padding: 0px;
}

*/

/* ----------------------- basic ----------------------- */

body {
  width: 100%;
  height: 100%;
}
fieldset {
  border: 0px;
}
.nocss {
  display: none;
}
.clr {
  clear: both;
  display: block;
  height: 1px;
  font-size: 1px;
}
.ir {
  position: absolute;
  top: 0px;
  left: 0px;
  display: block;
}
a .ir {
  cursor: pointer;
}
a img {
  border: 0px
}
.taj {
  text-align: justify !important;
}
.tal {
  text-align: left !important;
}
.tar {
  text-align: right !important;
}
.tac {
  text-align: center !important;
}
.vam {
  vertical-align: middle !important;
}
.nowrap {
  white-space: nowrap !important;
}
.error {
  color: #ff6600 !important;
  font-weight: bold !important;
}
.shb {
  position: absolute;
  left: 0px;
  bottom: 0px; _bottom: -1px;
  font-size: 1px;
}
.out {
  position: absolute;
  left: -3500px;
  top: -3500px;
}

/* ----------------------- layout ----------------------- */

body {
  background: #000;
}

.background_flash {
  position: fixed;
  _position: absolute;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100%;
  overflow: hidden;
  text-align: left;
}

.background_flash.pattern {
  background:  url(/img/layout/background/background_pattern.png);
  _background:  url(/img/layout/background/background_pattern-ie6.gif);
}

#background_header {
  position: absolute;
  width: 100%;
  height: 107px;
  top: 0px;
  left: 0px;
  background: url(/img/layout/background/background_header.png) 0 0 no-repeat;
}

#global {
  position: relative;
  width: 970px;
  text-align: left;
}

          /* header */

#header {
  position: relative;
  width: 970px;
  height: 107px;
}

#header h1 {
  margin: 0px;
  padding: 0px;
  position: absolute;
  top: 24px;
  left: 28px;
  width: 269px;
  height: 83px;
  font-size: 1.7em;
  font-weight: normal;
  color: #ec008c;
  overflow: hidden;
}

#header h1 small {
  display: block;
  font-size: 0.7em;
}

#header h1 a {
  color: #ec008c;
  text-decoration: none;
}

#header span.ir {
  width: 269px;
  height: 83px;
  background:  url(/img/layout/heading/h1.png) 0 0 no-repeat;
  _background:  url(/img/layout/heading/h1-ie6.gif) 0 0 no-repeat;
}

#header a:hover {
                background-position: 0 0;
}

#header a:hover span.ir {
  background-position: 0 -83px;
}


          /* navi */

#navi {
  margin: 0px;
  padding: 0px;
  list-style: none;
  position: absolute;
  top: 69px;
  left: 365px;
  width: 563px;
  height: 38px;
}

#navi li {
  position: relative;
  margin: 0px;
  padding: 0px;
  display: block;
  float: left;
  margin-right: 2px;
  height: 38px;
  background: none;
}

#navi li#li1 {
  width: 73px;
}

#navi li#li2 {
  width: 86px;
}

#navi li#li3 {
  width: 67px;
}

#navi li#li4 {
  width: 66px;
}

#navi li#li5 {
  width: 56px;
}

#navi li#li6 {
  width: 70px;
}

#navi li#li7 {
  width: 79px;
}

#navi li#li8 {
  width: 50px;
}

#navi li#li1 a, #navi li#li1 span {
  background: url(/img/layout/navi/li1.png) 0 0 no-repeat;
  _background: url(/img/layout/navi/li1-ie6.gif) 0 0 no-repeat;
}

#navi li#li2 a, #navi li#li2 span {
  background: url(/img/layout/navi/li2.png) 0 0 no-repeat;
}

#navi li#li3 a, #navi li#li3 span {
  background: url(/img/layout/navi/li3.png) 0 0 no-repeat;
}

#navi li#li4 a, #navi li#li4 span {
  background: url(/img/layout/navi/li4.png) 0 0 no-repeat;
}

#navi li#li5 a, #navi li#li5 span {
  background: url(/img/layout/navi/li5.png) 0 0 no-repeat;
}

#navi li#li6 a, #navi li#li6 span {
  background: url(/img/layout/navi/li6.png) 0 0 no-repeat;
}

#navi li#li7 a, #navi li#li7 span {
  background: url(/img/layout/navi/li7.png) 0 0 no-repeat;
}

#navi li#li8 a, #navi li#li8 span {
  background: none;
}

#navi li a, #navi li span {
  display: block;
  text-align: center;
  height: 29px;
  font-weight: bold;
  color: #fff;
  text-decoration: none;
  font-size: 1.25em;
  padding-top: 9px;
}

#navi li#li1 a:hover, #navi li#li1 a.act, #navi li#li1 span,
#navi li#li2 a:hover, #navi li#li2 a.act, #navi li#li2 span,
#navi li#li3 a:hover, #navi li#li3 a.act, #navi li#li3 span,
#navi li#li4 a:hover, #navi li#li4 a.act, #navi li#li4 span,
#navi li#li5 a:hover, #navi li#li5 a.act, #navi li#li5 span,
#navi li#li6 a:hover, #navi li#li6 a.act, #navi li#li6 span,
#navi li#li7 a:hover, #navi li#li7 a.act, #navi li#li7 span,
#navi li#li8 a:hover, #navi li#li8 a.act, #navi li#li8 span {
  background-position: 0px -38px;
  color: #ec008c;
}

#navi li#li1.sub a:hover, #navi li#li1.sub.hover a,
#navi li#li2.sub a:hover, #navi li#li2.sub.hover a,
#navi li#li3.sub a:hover, #navi li#li3.sub.hover a,
#navi li#li4.sub a:hover, #navi li#li4.sub.hover a,
#navi li#li5.sub a:hover, #navi li#li5.sub.hover a,
#navi li#li6.sub a:hover, #navi li#li6.sub.hover a,
#navi li#li7.sub a:hover, #navi li#li7.sub.hover a,
#navi li#li8.sub a:hover, #navi li#li8.sub.hover a {
  background-position: 0px -76px;
  color: #ec008c;
}

#navi li#li8 a.hearts:hover span, #navi li#li8 a.act.hearts span, #navi
li#li8 span.hearts span {
  background-position: 0px -38px;
}
#navi li#li8.sub a.hearts:hover span, #navi li#li8.sub.hover a.hearts span {
  background-position: 0px -76px;
}


#navi li.sub:hover ul, #navi li.sub.hover ul, #navi li.sub.act ul {
  display: block;
}

#navi ul {
  display: none;
  margin: 0px;
  padding: 0px;
  width: 580px;
  height: 27px;
  position: absolute;
  top: -36px; &top: -37px; _top: -37px;
  list-style: none;
  padding-top: 9px;
}

#navi .right_position ul {
  left: 14px;
  text-align: left;
}

#navi .left_position ul {
  right: 14px; _right: 0px;
  text-align: right;
}

#navi li li {
  position: relative;
  display: inline;
  float: none;
  width: auto;
  background: #e9e6e3;
  margin-right: -3px;
}

#navi li li a, #navi li li span {
  position: relative;
  display: inline;
  height: auto;
  padding-top: 0px;
  color: #ec1092;
  font-size: 1em;
  text-decoration: underline;
  font-weight: normal;
  padding-right: 15px;
  background: url(/img/layout/navi/navi_li_li_a.png) 100% 2px no-repeat !important;
  &background: url(/img/layout/navi/navi_li_li_a.png) 100% 12px no-repeat !important;
  _background: url(/img/layout/navi/navi_li_li_a.png) 100% 12px no-repeat !important;
  border-bottom: 11px solid #E9E6E3;
  border-top: 10px solid #E9E6E3;
}

#navi li li a:hover, #navi li li a.act, #navi li li span {
  text-decoration: none;
}

#navi li li.last a, #navi li li.last span {
  background: none !important;
  padding-right: 0px; _padding-right: 18px;
  margin-right: 0px;
}

#navi li li span.shl, #navi li li span.shr {
  position: absolute;
  top: -10px; _top: 0px;
  width: 18px;
  height: 36px;
  display: block;
  padding: 0px;
  margin: 0px;
  border: 0px;
  text-decoration: none;
}

#navi li li span.shl {
  left: -18px;
  background: url(/img/layout/navi/navi_ul.png) 0 0 no-repeat !important;
  _background: url(/img/layout/navi/navi_ul-ie6.gif) 0 0 no-repeat !important;
}


#navi li li span.shr {
  right: -18px;
  background: url(/img/layout/navi/navi_ul.png) 100% 0 no-repeat !important;
  _background: none !important;
}
#navi li#li8 a.hearts, #navi li#li8 span.hearts {
  font-size: 3em;
  line-height: 0.5em;
}

#navi li#li8 a.hearts span.ir, #navi li#li8 span.hearts span.ir {
  width: 50px;
  height: 38px;
  padding: 0px;
  background: url(/img/layout/navi/srdiculinecko.gif) 0 0 no-repeat;
  overflow: hidden;
}


          /* search */

#search {
  margin: 0px;
  padding: 0px;
  position: absolute;
  top: 69px;
  left: 928px;
  width: 40px;
  height: 38px;
}

#search a {
  display: block;
  width: 40px;
  height: 25px;
  font-size: 0.9em;
  color: #fff;
  text-decoration: none;
  text-align: center;
  padding-top: 11px;
}

#search a span.ir {
  width: 40px;
  height: 38px;
  background: url(/img/layout/background/search.png) 0 0 no-repeat;
}

#search a:hover span.ir, #search a.hover span.ir {
  background-position: -40px 0px;
}

#search_box {
  display: none;
  position: absolute;
  top: 10px;
  left: 645px;
  width: 307px;
  height: 43px;
  padding: 16px 0px 0px 16px;
  background: #ec008c;
  overflow: hidden;
}

#search_box #searched_text {
  float: left;
  width: 174px;
  height: 20px;
  padding: 5px 2px 0px 38px;
  background: #eae6e3 url(/img/layout/background/searched_text.png) 0 0 no-repeat;
  border: 0px;
  font-size: 0.9em;
  color: #352029;
}

#search_box .submit {
  float: left;
  width: 73px;
  height: 25px;
  border: 0px;
  font-size: 0.9em;
  font-weight: bold;
  color: #fff;
  padding-right: 9px;
  padding-bottom: 2px; &padding-bottom: 0px; _padding-bottom: 0px;
  text-align: right;
  background: #e98dc0 url(/img/layout/background/search_submit.png) 0 0 no-repeat;
  cursor: pointer;
}


          /* content */

#content {
  position: relative;
  width: 940px;
  min-height: 300px;
  _height: 300px;
  padding: 50px 0px 83px 30px;
}

          /* footer */

#footer {
  position: fixed;
  _position: absolute;
  bottom: 20px;
  left: 0px;
  width: 966px;
  height: 63px;
  background: #ec008c;
  color: #e9e6e3;
  z-index: 1000;
}

#footer a {
  color: #e9e6e3;
}

#footer a:hover {
  text-decoration: none;
}

#footer #footer_shr {
  display: block;
  position: absolute;
  right: -4px;
  top: 0px;
  width: 4px;
  height: 63px;
  background: url(/img/layout/background/footer_shr.png) 0 0 no-repeat;
  _background: url(/img/layout/background/footer_shr-ie6.gif) 0 0 no-repeat;
}

          /* background_navi */

#background_navi {
  margin: 0px;
  padding: 0px;
  position: absolute;
  top: 8px;
  left: 30px;
  width: 369px;
  height: 22px;
  overflow: hidden;
}

#background_navi li {
  margin: 0px;
  padding: 0px;
  float: left;
  height: 22px;
  margin-right: 5px;
  background: none;
}

#background_navi #prev {
  width: 29px;
}

#background_navi #next {
  width: 29px;
}

#background_navi #now {
  width: 96px;
}

#background_navi #play {
  width: 22px;
}

#background_navi #pause {
  width: 22px;
}

#background_navi #stop {
  width: 22px;
}

#background_navi #mute {
  width: 22px;
  margin-right: 0px;
}

#background_navi a, #background_navi strong {
  display: block;
  height: 20px;
  text-align: center;
  font-size: 0.9em;
  font-weight: bold;
  text-decoration: none;
  color: #ec008c;
  padding-top: 2px;
}

#background_navi #prev a {
  background: #e9e6e3 url(/img/layout/background/background_navi_prev.png) 0 0 no-repeat;
  text-align: right;
}

#background_navi #next a {
  background: #e9e6e3 url(/img/layout/background/background_navi_next.png) 100% 0 no-repeat;
  text-align: left;
}

#background_navi #now strong {
  border: 1px solid #e9e6e3;
  height: 18px;
  color: #e9e6e3;
}

#background_navi #play a {
  background: #e9e6e3 url(/img/layout/background/background_navi_play.png) 0 0 no-repeat;
}

#background_navi #pause a {
  background: #e9e6e3 url(/img/layout/background/background_navi_pause.png) 0 0 no-repeat;
}

#background_navi #stop a {
  background: #e9e6e3 url(/img/layout/background/background_navi_stop.png) 0 0 no-repeat;
}

#background_navi .mute a {
  background: #e9e6e3 url(/img/layout/background/background_navi_mute.png) 0 0 no-repeat;
  text-align: right;
}

#background_navi .muteon a {
  background: #e9e6e3 url(/img/layout/background/background_navi_mute_on.png) 0 0 no-repeat;
  text-align: right;
}

          /* external_links */

#external_links {
  margin: 0px;
  padding: 0px;
  position: absolute;
  top: 11px;
  right: 15px;
  text-align: right;
  font-size: 0.9em;
  width: 495px;
  height: 16px;
  overflow: hidden;
}

#external_links span {
  color: #f191ca;
  padding: 0px 5px;
}

        /* copyright and sherwood */

#copyright {
  position: absolute;
  top: 40px;
  left: 30px;
  width: 730px;
  height: 16px;
  overflow: hidden;
  font-size: 0.9em;
}

#copyright span {
  margin-right: 50px;
}

#copyright a {
  margin-right: 15px;
}

#copyright #sitemap {
  padding-left: 17px;
  background: url(/img/layout/background/sitemap.png) 0 0.3em no-repeat;
}

#copyright #to_friend {
  padding-left: 16px;
  background: url(/img/layout/background/mail.png) 0 0.4em no-repeat;
}

#sherwood {
  position: absolute;
  top: 40px;
  right: 15px;
  font-size: 0.9em;
  text-align: right;
}

        /* magic_button */

#magic {
  position: absolute;
  top: 0px;
  left: 0px;
  width: 41px;
  height: 30px;
  background: url(/img/layout/background/magic.png) 0 0 no-repeat;
  _background: url(/img/layout/background/magic-ie6.gif) 0 0 no-repeat;
  cursor: pointer;
}

#magic:hover, #magic.act {
  background-position: 0px -30px;
}


/* ----------------------- home.html ----------------------- */

          /* hp_news boxes [S,M,L,XL,XXL] */

#hp_news {
  margin: 0px;
  padding: 0px;
  width: 940px;
  list-style: none;
}

          /* default small box [S] */

#hp_news li, #hp_news li.s {
  position: relative;
  margin: 0px;
  padding: 0px;
  width: 150px;
  min-height: 156px;
  _height: auto;
  padding: 6px 9px;
  background: #e9e6e3;
  border-bottom: 2px solid #ec008c;
  margin-right: 17px; &margin-right: 20px; _margin-right: 20px;
  margin-bottom: 20px;
  overflow: hidden;
  /* --- */
  display:-moz-inline-stack;
  display:inline-block;
  zoom:1;
  *display:inline;
  vertical-align: top;
}

#hp_news li.s {
  padding-bottom: 9px;
}

#hp_news li p.date, #hp_news li.s p.date {
  margin: 0px;
  padding: 0px;
  font-size: 1.7em;
  color: #ec1f98;
  font-weight: bold;
}

#hp_news li p.date small, #hp_news li.s p.date small {
  display: none;
  font-weight: normal;
  color: #7c6f75;
  padding-left: 8px;
}

#hp_news li h2 , #hp_news li.s h2 {
  margin: 0px;
  padding: 0px;
  font-size: 1em;
  color: #331f2b;
}

#hp_news li h2 a {
  color: #331f2b;
  text-decoration: underline;
}

#hp_news li h2 a:hover {
  text-decoration: none;
}

#hp_news li img, #hp_news li.s img {
  margin: 0px 0px 4px 0px;
  padding: 0px;
  border: 0px;
}

#hp_news li p.annotation, #hp_news li.s p.annotation {
  margin: 0px;
  padding: 0px;
  font-size: 0.9em;
}

#hp_news li p.day, #hp_news li.s p.day {
  margin: 0px;
  padding: 0px;
  color: #7c6f75;
  font-size: 0.9em;
  margin-bottom: 5px;
}

#hp_news li.s .close {
  left: 142px;
}

#hp_news li.s .comments {
  left: 111px;
}

          /* medium box [M] */

#hp_news li.m {
  width: 184px;
  padding: 11px 10px;
  min-height: 182px;
  border-bottom: 4px solid #ec008c;
}

#hp_news li.m p.date {
  font-size: 2.1em;
}

#hp_news li.m p.date small {
  display: none;
}

#hp_news li.m h2 {
  font-size: 1.2em;
}

#hp_news li.m p.annotation {
  font-size: 0.9em;
}

#hp_news li.m .close {
  left: 178px;
}

#hp_news li.m .comments {
  left: 146px;
}

          /* large box [L] */

#hp_news li.l {
  width: 202px;
  padding: 12px 11px;
  min-height: 200px;
  border-bottom: 4px solid #ec008c;
}

#hp_news li.l p.date {
  font-size: 2.1em;
  background: url(/img/layout/background/hp_news_date_l.png) 120px 6px no-repeat;
}

#hp_news li.l p.date small {
  display: inline;
  font-size: 0.475em;
}

#hp_news li.l h2 {
  font-size: 1.2em;
  margin-bottom: 4px;
}

#hp_news li.l p.annotation {
  font-size: 0.9em;
}

#hp_news li.l .close {
  left: 198px;
}

#hp_news li.l .comments {
  left: 167px;
}

          /* extra large box [XL] */

#hp_news li.xl {
  width: 242px;
  padding: 11px 14px;
  min-height: 248px;
  border-bottom: 4px solid #ec008c;
}

#hp_news li.xl p.date {
  font-size: 2.8em;
  background: url(/img/layout/background/hp_news_date_xl.png) 158px 9px no-repeat;
}

#hp_news li.xl p.date small {
  display: inline;
  font-size: 0.4em;
}

#hp_news li.xl h2 {
  font-size: 1.35em;
  margin-bottom: 6px;
}

#hp_news li.xl p.annotation {
  font-size: 1em;
}

#hp_news li.xl .close {
  left: 245px;
}

#hp_news li.xl .comments {
  left: 213px;
}

          /* extra extra large box [XXL] */

#hp_news li.xxl {
  width: 270px;
  padding: 11px 15px;
  min-height: 278px;
  border-bottom: 5px solid #ec008c;
}

#hp_news li.xxl p.date {
  font-size: 2.8em;
  background: url(/img/layout/background/hp_news_date_xxl.png) 158px 9px no-repeat;
}

#hp_news li.xxl p.date small {
  display: inline;
  font-size: 0.4em;
}

#hp_news li.xxl h2 {
  font-size: 1.5em;
  margin-bottom: 8px;
}

#hp_news li.xxl p.annotation {
  font-size: 1em;
}

#hp_news li.xxl .close {
  left: 274px;
}

#hp_news li.xxl .comments {
  left: 243px;
}





#hp_news li .close {
  position: absolute;
  top: 6px;
  display: block;
  width: 19px;
  height: 20px;
  font-weight: bold;
  color: #ec0a90;
  text-align: center;
  font-size: 1.0em;
  overflow: hidden;
  cursor: pointer;
}

#hp_news li .close span.ir {
  width: 19px;
  height: 20px;
  background: url(/img/layout/background/close.png) 0 0 no-repeat;
}

#hp_news li .close:hover span.ir, #hp_news li .close.hover span.ir {
  background-position: 0px -20px;
}

#hp_news li .comments {
  position: absolute;
  top: 4px;
  display: block;
  width: 28px;
  height: 20px;
  padding-top: 1px;
  color: #000;
  text-align: center;
  font-size: 0.9em;
  overflow: hidden;
  text-decoration: none;
  background: url(/img/layout/background/comments.png) 0 0 no-repeat;
}

#hp_news li .comments:hover {
  background-position: 0px -21px;
  color: #e9e6e3;
}


/* ----------------------- end of home.html ----------------------- */



/* ----------------------- root.html ----------------------- */

#root #content {
  padding-top: 101px;
  padding-bottom: 103px;
  min-height: 249px;
  _height: 249px;
}

          /* crumb */

#crumb {
  position: absolute;
  top: 50px;
  left: 0px;
  width: 937px;
  height: 24px;
  padding: 7px 0px 0px 30px;
  background: #e9e6e3;
  font-size: 0.9em;
  /*text-transform: lowercase;*/
  color: #331f2b;
}

#crumb a {
  color: #ec008c;
  padding-right: 24px;
  margin-right: 5px;
  background: url(/img/layout/background/crumb_a.png) 100% 0.5em no-repeat;
}

#crumb a:hover {
  text-decoration: none;
}

#crumb .shr {
  display: block;
  position: absolute;
  top: 0px;
  right: -3px;
  width: 3px;
  height: 31px;
  background: url(/img/layout/background/crumb_shr.png) 0 0 no-repeat;
  _background: url(/img/layout/background/crumb_shr-ie6.gif) 0 0 no-repeat;
}

          /* lcol */

#lcol {
  position: relative;
  width: 712px;
  padding: 20px 20px 5px 20px;
  float: left;
  min-height: 395px;
  _height: 395px;
  background: #e9e6e3;
}

          /* rcol */

#rcol {
  position: relative;
  width: 180px;
  float: right;
  min-height: 420px;
  _height: 420px;

}

          /* nav */

#nav {
  margin: 0px;
  padding: 0px;
  list-style: none;
  width: 180px;
  margin-bottom: 15px;
}

#nav li {
  margin: 0px;
  padding: 0px;
  position: relative;
  width: 180px;
  _height: 6px;
  margin-bottom: 5px;
  background: none;
}

#nav li a, #nav li span {
  display: block;
  height: 24px;
  padding: 7px 0px 0px 33px;
  font-size: 1em;
  text-decoration: underline;
  color: #ec008c;
  background: url(/img/layout/background/nav_li_a.png) 0 0 no-repeat;
  _background: url(/img/layout/background/nav_li_a-ie6.gif) 0 0 no-repeat;
}

#nav li span, #nav li a.act, #nav li a:hover {
  color: #e9e6e3;
  text-decoration: none;
  background-position: -180px 0px;
}

#nav li span, #nav li a.act, #nav li a.act:hover {
  font-weight: bold;
  background-position: -360px 0px;
}

#nav li ul {
  margin-top: 5px;
  margin-left: 12px;
}

#nav li li {
  width: 168px;
}

#nav li li.last {
  margin-bottom: 0px;
}

#nav li li a, #nav li li span {
  background: url(/img/layout/background/nav_li_li_a.png) 0 0 no-repeat;
  _background: url(/img/layout/background/nav_li_li_a-ie6.gif) 0 0 no-repeat;
}

#nav li li span, #nav li li a.act, #nav li li a:hover {
  background-position: -180px 0px;
}

#nav li li span, #nav li li a.act, #nav li li a.act:hover {
  background-position: -360px 0px;
}

#nav li li li {
  width: 156px;
}

#nav li li li a, #nav li li li span {
  background: url(/img/layout/background/nav_li_li_li_a.png) 0 0 no-repeat;
  _background: url(/img/layout/background/nav_li_li_li_a-ie6.gif) 0 0 no-repeat;
}

#nav li li li span, #nav li li li a.act, #nav li li li a:hover {
  background-position: -180px 0px;

}

#nav li li li span, #nav li li li a.act, #nav li li li a.act:hover {
  background-position: -360px 0px;
}

/* ----------------------- end of root.html ----------------------- */


/* ----------------------- comment.html ----------------------- */

#comment {
  margin-bottom: 15px;
}

#comment h2 {
  margin-bottom: 15px;
}

#comment ul {
  margin: 0px;
  padding: 0px;
  list-style: none;
}

#comment ul ul {
  margin-left: 50px;
}

#comment ul li {
  margin: 0px;
  padding: 0px;
  background: none;
}

#comment ul li div {
  position: relative;
  padding: 4px 0px 15px 50px;
  border-bottom: 1px solid #c8c2c2;
  margin-bottom: 10px;
  min-height: 30px;
  _height: 30px;
}

#comment ul li h3 {
  margin: 0px;
  padding: 0px;
  color: #331f2b;
  font-size: 1.2em;
  padding-right: 50px;
}

#comment ul li h3 small {
  color: #7b6e77;
  font-size: 0.8em;
  font-weight: normal;
  padding-left: 10px;
}

#comment ul li h3 small span{
  padding-right: 10px;
}

#comment ul li p.idea {
  margin: 0px;
  padding: 0px;
}

#comment ul li .comment_number {
  display: block;
  position: absolute;
  top: 1px;
  left: 2px;
  width: 39px;
  height: 25px;
  background: #ec058e url(/img/layout/background/comment_number.png) 0 0 no-repeat;
  text-align: center;
  color: #e9e6e3;
  padding-top: 2px;
  font-weight: bold;
}

#comment ul li .answer {
  position: absolute;
  top: 6px;
  right: 0px;
}

          /* page_listing */

.page_listing {
  position: relative;
  height: 24px;
  background: #dedad8;
  overflow: hidden;
  padding: 7px 0px 0px 244px;
  margin-bottom: 10px;
}

.page_listing p {
  margin: 0px;
  padding: 0px;
}

.page_listing .page_of {
  position: absolute;
  top: 8px;
  left: 11px;
  font-size: 0.9em;
}

.page_listing .page_navi a, .page_listing .page_navi strong {
  font-size: 0.9em;
  float: left;
  _display: inline;
  display: block;
  position: relative;
  width: 18px;
  height: 16px; _height: 17px;
  padding-top: 2px; _padding-top: 1px;
  background: #ccc7c6;
  margin-right: 5px;
  text-align: center;
  text-decoration: none;
  font-weight: bold;
  color: #2f2327;
}

.page_listing .page_navi strong, .page_listing .page_navi a:hover {
  background: #ec008c;
  color: #e9e6e3;
}

.page_listing .page_navi a.prev {
  margin-right: 15px;
}

.page_listing .page_navi a.next {
  margin-left: 10px;
}

.page_listing .page_navi a span.ir {
  width: 18px;
  height: 18px;
}

.page_listing .page_navi a.prev span.ir {
  background: url(/img/layout/background/prev.png) 0 0 no-repeat;
}

.page_listing .page_navi a.next span.ir {
  background: url(/img/layout/background/next.png) 0 0 no-repeat;
}

.page_listing .page_navi a.to_start span.ir {
  background: url(/img/layout/background/to_start.png) 0 0 no-repeat;
}

.page_listing .page_navi a.to_end span.ir {
  background: url(/img/layout/background/to_end.png) 0 0 no-repeat;
}

.page_listing .page_navi a.prev:hover span.ir, .page_listing .page_navi a.next:hover span.ir,
.page_listing .page_navi a.to_start:hover span.ir, .page_listing .page_navi a.to_end:hover span.ir {
  background-position: 0px -18px;
}

            /* add commnet */

#add_commnet {
  border: 1px solid #c8c2c2;
  padding: 15px 20px;
}

.frm1 .row {
  position: relative;
  width: 670px;
  margin-bottom: 10px;
}

.frm1 .row label {
  float: left;
  display: block;
  width: 100px;
  height: 20px;
  padding-top: 3px;
}

.frm1 .row .inp1, .frm1 .row .textarea {
  float: left;
  border: 1px solid #cdc9c7;
  background: #e0dcd9;
  color: #2f2327;
  width: 223px;
  padding-top: 2px;
  height: 19px;
  padding-left: 2px;
  margin-right: 16px;
}

.frm1 .row .inp1.last {
  margin-right: 0px;
}

.frm1 .row .textarea {
  font-size: 1.1em;
  margin-right: 0px;
  height: 80px;
  width: 566px;
}

.frm1 .form_info {
  margin: 0px;
  padding: 0px;
  float: left;
  width: 175px;
  font-size: 0.9em;
  padding-left: 100px;
}

.frm1 .captcha_img {
  float: left;
  width: 180px;
  height: 40px;
  padding-left: 20px;
  overflow: hidden;
}

.frm1 .captcha_input {
  float: left;
  width: 112px;
  height: 45px;
  padding-left: 10px;
  overflow: hidden;
}

.frm1 .captcha_input label {
  font-size: 0.9em;
}

.frm1 .captcha_input .inp1 {
  font-size: 0.9em;
  border: 1px solid #cdc9c7;
  background: #e0dcd9;
  color: #2f2327;
  width: 108px;
  padding-top: 2px;
  height: 19px;
  padding-left: 2px;
}

.frm1 .submit {
  float: right;
  width: 62px;
  height: 23px;
  border: 0px;
  background: #ec008c;
  font-weight: bold;
  color: #e9e6e3;
  font-size: 0.9em;
  padding-bottom: 2px; &padding-bottom: 0px; _padding-bottom: 0px;
  margin-top: 17px;  &margin-top: 19px;  _margin-top: 19px;
  cursor: pointer;
}

/* ----------------------- end of comment.html ----------------------- */


/* ----------------------- calendar.html ----------------------- */

#root #hp_news {
  width: 732px;
}

#root.calendar #lcol {
  background: none;
  width: 732px;
  padding-right: 0px;
  padding-top: 0px;
}

#root.calendar #hp_news li.s {
  width: 145px;
}


/* ----------------------- end of calendar.html ----------------------- */


/* ----------------------- sitemap.html ----------------------- */

#root.sitemap #hp_news {
  width: 940px;
}

#root.sitemap #hp_news li.s {
  min-height: 10px;
}

#root.sitemap #hp_news li.s ul {
  width: auto;
  padding-top: 4px;
}

#root.sitemap #hp_news li.s ul li {
  margin: 0px;
  padding: 0px;
  min-height: 5px;
  _height: auto;
  background: url(/img/layout/background/sitemap_li.png) 0 0.45em no-repeat;
  border: 0px;
  font-size: 0.9em;
  padding-left: 9px;
}


/* ----------------------- end of sitemap.html ----------------------- */


/* ----------------------- news.html ----------------------- */


#root.news #hp_news {
  width: 940px;
}

#page_listing {
  position: relative;
  left: -30px;
  width: 712px;
  height: 51px;
  background: #e9e6e3;
  padding: 20px 148px 0px 103px;
}


#page_listing #page_listing_shr {
  display: block;
  position: absolute;
  right: -7px;
  top: 0px;
  width: 7px;
  height: 71px;
  background: url(/img/layout/background/page_listing_shr.png) 0 0 no-repeat;
  _background: url(/img/layout/background/page_listing_shr-ie6.gif) 0 0 no-repeat;
}


/* ----------------------- end of news.html ----------------------- */

/* ----------------------- eshop.html ----------------------- */

#root.eshop #lcol {
  background: none;
  width: 732px;
  padding-right: 0px;
  padding-top: 0px;
}

          /* eshop products */

#root.eshop ul.products {
  margin: 0px;
  padding: 0px;
  list-style: none;
  width: 732px;
}

#root.eshop ul.products li {
  position: relative;
  margin: 0px;
  padding: 0px;
  width: 202px;
  min-height: 155px;
  _height: auto;
  padding: 6px 11px 42px 11px;
  background: #e9e6e3;
  margin-right: 17px; &margin-right: 20px; _margin-right: 20px;
  margin-bottom: 20px;
  overflow: hidden;
  /* --- */
  display:-moz-inline-stack;
  display:inline-block;
  zoom:1;
  *display:inline;
  vertical-align: top;
}

#root.eshop ul.products li h2 {
  margin: 0px;
  padding: 0px;
  font-size: 2.1em;
  color: #ec008c;
  margin-bottom: 4px;
}

#root.eshop ul.products li img {
  margin: 0px;
  padding: 0px;
  border: 0px;
  margin-bottom: 6px;
  float: left;
}

#root.eshop ul.products li p.annotation {
  margin: 0px;
  padding: 0px;
  font-size: 0.9em;
  margin-bottom: 2px;
}

#root.eshop ul.products li form {
  position: absolute;
  bottom: 0px; _bottom: -1px;
  left: 0px;
  width: 224px;
  height: 37px;
  background: #ec008c;
  overflow: hidden;
}

#root.eshop ul.products li form label {
  margin: 0px;
  padding: 6px 0px 0px 11px;
  display: block;
  float: left;
  width: 102px;
  height: 31px;
  color: #331f2b;
  overflow: hidden;
}

#root.eshop ul.products li form label strong {
  color: #e9e6e3;
  font-size: 1.35em;
}

#root.eshop ul.products li form .inp1 {
  float: left;
  width: 20px;
  height: 20px;
  background: #fff;
  text-align: right;
  padding-right: 2px;
  padding-top: 3px;
  border: 0px;
  margin-top: 7px;
}

#root.eshop ul.products li form .submit {
  float: left;
  width: 84px;
  height: 23px;
  border: 0;
  background: #fff url(/img/layout/background/product_submit.png) 0 0 no-repeat;
  margin-top: 7px;
  color: #e9e6e3;
  font-size: 0.9em;
  text-align: right;
  padding-right: 4px;  &padding-right: 6px;  _padding-right: 6px;
  padding-bottom: 2px; &padding-bottom: 0px; _padding-bottom: 0px;
  cursor: pointer;
}

#root.eshop ul.products li form.doublesize {
  height: 61px;
}

#root.eshop ul.products li form.doublesize select {
  width: 40px;
  margin-top: 4px;
}

#root.eshop ul.products li form.doublesize label {
  height: auto;
}


/* ----------------------- end of eshop.html ----------------------- */

/* ----------------------- basket.html ----------------------- */


#root.basket form#form_order.frm1 .submit {
  width: 72px;
  float: none;
  margin-top: 0;  &margin-top: 0;  _margin-top: 0;
}

#root.basket form#form_order.frm1 .submit-pink {
  color: #EC008C;
  background-color: #fff;
  height: 20px;
}

#root.basket table {
  margin-top: 1em;
  margin-bottom: 2em;
}

#root.basket table tbody th {
  color: #fff;
  background-color: #EC008C;
}

#root.basket .stick {
  color: #fff;
  float: right;
  width: 147px;
}

#root.basket form.frm1 {

}

#root.basket form#form_order.frm1 .row {
  width: 712px;
 }

#root.basket form#form_order.frm1 label {
  width: 115px;
  text-align: right;
  margin-right: 16px;
}

#root.basket form#form_order.frm1 input.inp1 {
  width: 221px;
  margin-right: 0;
}

#root.basket form#form_order.frm1 input.inpsmall {
  width: 70px;
  text-align: center;
}

#root.basket h2 {
  margin-bottom: 1em;
}

#root.basket form#form_order.frm1 select {
  width: 225px;
}

.frm1 .row select {
  float: left;
  margin-right: 16px;
  background-color: #E0DCD9;
}

.error-message, .ok-message {
  text-align: center;
  padding: 5px;
  font-weight: bold;
  margin-bottom: 1.5em;
}

.error-message {
  background-color: #FFDFF2;
  color: #ff0000;
  border: 1px solid #FFAFDF;
}

.ok-message {
  background-color: #EC008C;
  color: #fff;
  border: 1px solid #fff;
}

.error-message p, .ok-message p {
  text-align: center;
  margin: 0;
}


#root.basket form#form_order.frm1 p.form_info {
  padding-left: 130px;
  width: auto;
}

/* ----------------------- basket.html ----------------------- */

/* ----------------------- gallery.html ----------------------- */

#root.gallery #lcol {
  background: none;
  width: 732px;
  padding-right: 0px;
  padding-top: 0px;
}

          /* gallery images */

#root.gallery ul.gallery {
  margin: 0px;
  padding: 0px;
  list-style: none;
  width: 732px;
}

#root.gallery ul.gallery li {
  position: relative;
  margin: 0px;
  padding: 0px;
  width: 202px;
  min-height: 30px;
  _height: auto;
  padding: 11px 11px 10px 11px;
  background: #e9e6e3;
  margin-right: 17px; &margin-right: 20px; _margin-right: 20px;
  margin-bottom: 20px;
  overflow: hidden;
  border-bottom: 4px solid #ec008c;
  /* --- */
  display:-moz-inline-stack;
  display:inline-block;
  zoom:1;
  *display:inline;
  vertical-align: top;
}

#root.gallery ul.gallery img {
  margin: 0px;
  padding: 0px;
  border: 0px;
  float: left;
}

            /* go to basket */

#crumb #go_to_basket {
  margin: 0px;
  position: absolute;
  top: 2px;
  right: 0px;
  width: 141px;
  height: 22px;
  padding: 5px 25px 0px 0px;
  font-size: 1em;
  color: #e9e6e3;
  font-weight: bold;
  text-decoration: none;
  text-align: right;
  background: url(/img/layout/background/go_to_basket.png) 0 0 no-repeat;
  _background: url(/img/layout/background/go_to_basket-ie6.gif) 0 0 no-repeat;
}

/* ----------------------- end of gallery.html ----------------------- */

/* ----------------------- music.html ----------------------- */

#root.music #lcol {
  min-height: 300px;
  _height: 300px;
}

#music {
  position: relative;
  _display: inline;
  width: 343px;
  float: left;
  min-height: 50px;
  _height: auto;
  overflow: hidden;
  margin: 0px 19px 19px 0px;
}

#music img {
  float: left;
}

#music #sponzoring {
  clear: both;
  width: 337px;
  height: 57px;
  border: 3px solid #d3cecd;
  background: #e9e6e3;
  text-align: center;
}

#music #sponzoring img {
  float: none;
}

#playlist {
  margin: 0px;
  padding: 0px;
  list-style: none;
  width: 340px;
  float: right;
  margin-bottom: 20px;
}

#playlist li {
  position: relative;
  margin: 0px;
  padding: 0px;
  background: none;
  border-bottom: 1px solid #d3cecd;
  color: #7c7074;
  padding-bottom: 5px;
  margin-bottom: 5px;
}

#playlist li strong {
  color: #34202c;
}

#playlist li a {
  position: absolute;
  top: 0px;
  height: 17px;
  background: #d3cecd;
  color: #34202c;
  text-decoration: none;
  font-size: 0.9em;
  text-align: right;
  padding-right: 7px;
  padding-left: 16px;
  overflow: hidden;
}

#playlist li a.play {
  right: 5px;
  width: 39px;
  background: #d3cecd url(/img/layout/background/playlist_play.png) 0 0 no-repeat;
}

#playlist li a.text {
  right: 77px;
  width: 22px;
  background: #d3cecd url(/img/layout/background/playlist_text.png) 0 0 no-repeat;
}

.playlist_text_content {
  width: 350px;
}

.playlist_wysiwyg p {
  font-size: 0.9em;
}

/* ----------------------- end of music.html ----------------------- */


/* ----------------------- send_to_friend.html ----------------------- */

#send_to_friend_content {
  width: 712px;
  padding-bottom: 100px;
}

#send_to_friend {
  padding: 14px 20px 20px 20px;
  width: 670px;
  border: 1px solid #c8c2c2;
  background: #e9e6e3;
}

#send_to_friend .heading {
  margin: 0px;
  padding: 0px;
  font-size: 1.5em;
  color: #ec008c;
  margin-bottom: 15px;
}

#send_to_friend .frm1 .submit {
  margin-top: 0px;
}

#send_to_friend .frm1 .info {
  text-align: right;
  margin: 0px;
  padding: 3px 70px 0px 0px;
}

/* ----------------------- end of send_to_friend.html ----------------------- */

/* ----------------------- home_v2.html ----------------------- */

#home_v2 #lcol {
  background: none;
  padding: 0px;
  width: 752px;
}

#home_v2 #rcol {
  width: 168px;
}

#home_v2 #hp_news {
  width: 752px;
}

.event-list { margin: 0 0 0 auto; padding: 8px 4px 4px;  position: relative;  width: 158px;  background: #181619 url(../img/bg-event-list.png) repeat-x 0 0; border: 1px solid #0f0d10;  margin-bottom: 20px; font-size: 11px; }
.event-list h2 { margin: 0px; padding: 0px 5px; color: #ec038d; font-size: 16px; margin-bottom: 5px; font-weight: bold; }
.event-list h3 { font-size: 14px; margin: 13px 0 5px 10px;  }
.event-list ul { margin: 0px; padding: 0px; }
.event-list ul li { margin: 0 0 2px; padding: 5px 10px; background: #e9e6e3 url(../img/bg-event-list-item.png) repeat-x 0 0; border: 1px solid #e9e6e3; color: #331f2b;}
.event-list ul li p { margin: 0; }
.event-list ul li a {  }
.event-list ul li .date { color: #331f2b; font-weight: bold; font-size: 12px; }
.event-list ul li .city { color: #ec008c; font-size: 12px; }
.event-list .more-box { background: #ec008c; text-align: right; padding: 2px 5px; }
.event-list .more-box a { font-weight: bold; text-decoration: none; color: #331f2b; font-size: 11px; padding-right: 8px; background: url(../img/bullet-more.png) no-repeat 100% 60%; }

.event-list ul.passed li { background: none; color: #e9e6e3; border: 0; border-top: 1px solid #373537;}
.event-list ul.passed li.first { border-top: 0;}
.event-list ul.passed li .city { color: #e9e6e3; }

.event-list h2.current { color: #fff; }
.event-list ul.current { margin-bottom: 15px; }
.event-list ul.current li { background: #EC008C; color: #fff; border: 0; }
.event-list ul.current li * { color: #fff; }

.event-list .today-event { background: #ec008c url(../img/bg-event-list-today.png) repeat-x 0 0; padding: 8px; margin-bottom: 5px; color: #000; }

.event-list .today-event a, .event-list .today-event a:visited { color: #e9e1e1; }
.event-list .today-event a:hover { color: #fff; }
.event-list .today-event p { margin-bottom: 13px; }

.event-list .today-event .bullet-akce { font-size: 14px; font-weight: bold; background: url(../img/bullet-events.png) no-repeat 0 50%; padding-left: 15px; }


.event-list .partners-box { margin: 0 0 2px; padding: 5px 10px; background: #e9e6e3 url(../img/bg-event-list-item.png) repeat-x 0 0; border: 1px solid #e9e6e3; color: #331f2b; height: 64px; position: relative; }
.event-list .partners-box .partners-imgs { width: 64px; margin: 0 auto; position: relative; }
.event-list .partners-box .btn-prev { background: url(../img/btn-prev.png) no-repeat 0 0; width: 12px; height: 14px; text-indent: -9999px; overflow: hidden; position: absolute; top: 29px; left: 5px; }
.event-list .partners-box .btn-next { background: url(../img/btn-next.png) no-repeat 0 0; width: 12px; height: 14px; text-indent: -9999px; overflow: hidden; position: absolute; top: 29px; right: 5px; }

#playlist li div.flash-mp3player {
position: absolute; top: 0; right: 5px;
}

/* ----------------------- end of home_v2.html ----------------------- */

/* Dialog boxes */
a.btn-close { display: -moz-inline-stack; display: inline-block;  *display: inline; zoom: 1; vertical-align: middle; overflow: hidden; width: 0px; padding: 0 0 0 30px; border: 0; height: 20px;  background: url(../img/bg-btn-close.png) no-repeat 0 0; cursor: pointer; }
a.btn-close:hover { background-position: 0 -100px; }

#kfb-overlay {position: absolute; z-index: 500000; width: 100%; height: 100%; top: 0; left: 0; min-height: 100%; background-color: #000; filter:alpha(opacity=40);  opacity: 0.4; }
#kfb-iframe {z-index: 499000; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: #fff; border: none; filter:alpha(opacity=0); -moz-opacity: 0; opacity: 0; }

.wzh-dialog { position: absolute; width: 100%; height: 100%; background: white; border: 7px solid #7bd2ee; -moz-box-shadow: 3px 3px 10px #000; -webkit-box-shadow: 3px 3px 10px #000; -moz-border-radius: 5px; }
.wzh-dialog .wzh-dialog-head { background: #7bd2ee; color: #000; }
.wzh-dialog .wzh-dialog-head h2 { margin: 0; padding: 7px 10px; border: 0; font-size: 14px; font-weight: bold; color: #000; }

.wzh-dialog .wzh-dialog-foot { background: #7bd2ee; color: #000; height: 50px; text-align: center;  }
.wzh-dialog .wzh-dialog-foot button { margin: 10px 10px 10px 0; padding: 0.2em 0.6em 0.3em; }

.wzh-dialog .wzh-dialog-body { overflow: auto; background: #fff; border: 1px solid #fff; border-color: #4ca8c7 #cde9f2 #cde9f2 #4ca8c7; }

.wzh-dialog .btn-close { position: absolute; top: 2px; right: 2px; }

.wzh-dialog object { idisplay: -moz-inline-stack; display: inline-block; =display: inline; zoom: 1; vertical-align: middle; }

.wzh-dialog .image-list ul li.selected { background: red; }

.upload-dialog-status { margin-left: 10px; }

.upload-list { background: #fff; padding: 20px 0; }
.upload-list ul { margin: 0; padding: 0; }
.upload-list ul li { margin: -1px 0 0 0; padding: 10px 40px; background: none; border: 1px solid #e7e7e7; border-width: 1px 0; zoom: 1; }
.upload-list ul li:after { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0; }
.upload-list ul li .img-box { float: left; }
.upload-list ul li .img-box img { display: block; }
.upload-list ul li .text-box { margin-left: 120px; }

#upload-box { padding: 20px 40px; }
#upload-status { padding: 8px 0; margin: 10px 0; }
#upload-queue .upload-item { padding: 5px 8px 5px 20px; background: url(../img/ico-bullet-go.png) no-repeat 0 0.4em; margin: 1px 0; border-bottom: 1px solid #d4d4d4; }
#upload-queue .upload-item code { font-size: 12px; font-family: "Courier New", monospace; }

.dialog-toolbar { background: #DDEEF5; border-bottom: 1px solid #b2e6f8; padding: 20px 40px; }
.ajax-loader-arrows { background: url(../img/ajax-loader-arrows.gif) no-repeat 0 50%; display: -moz-inline-stack; display: inline-block; =display: inline; zoom: 1; margin-left: 20px; padding-left: 20px; vertical-align: middle; }

.image-list ul { margin: 0; padding: 0; font-size: 12px; text-align: left; }
.image-list ul li { margin: 0 20px 20px 0; padding: 4px; background: white; float: left; width: 102px; height: 150px; position: relative; overflow: hidden; border: 1px solid #EC008C; }
.image-list ul li .head { position: absolute; top: 0px; right: 0px; text-align: right; }
#.image-list ul li .img-box { height: 102px; }
.image-list ul li .img-box img { border: 1px solid #9BC3CF; border-color: #9BC3CF #fff #fff #9BC3CF; background: white; }
.image-list ul li .desc-box { height: 30px; }


.crossroad { border: 1px solid #c8c2c2; background: #ded8d8; padding: 10px; margin-bottom: 20px; }
.crossroad ul { margin: 0; padding: 0; }
.crossroad ul li { margin: 0; padding: 0 20px 0 27px; background: url(../img/bullet-crossroad.png) no-repeat 0 50%; font-weight: bold; display: -moz-inline-stack; display: inline-block; =display: inline; zoom: 1; white-space: nowrap; }
.crossroad ul li a, .crossroad ul li a:visited { color: #331f2b; }


.sms-list { margin-bottom: 20px; }
.sms-list h2 { margin-bottom: 5px; }
.sms-list ul { margin: 0px; padding: 0px; list-style: none; }
.sms-list ul ul { margin-left: 50px; }
.sms-list ul li { margin: 0 0 10px; padding: 10px; border: 1px solid #c8c2c2; background: #ded8d8; position: relative; zoom: 1; }
.sms-list ul li div { position: relative; padding: 5px 5px 5px 50px; zoom: 1; }
.sms-list ul li h3 { margin: 0px; padding: 0px; color: #331f2b; font-size: 1.2em; padding-right: 50px; }
.sms-list ul li h3 small { color: #7b6e77; font-size: 0.8em; font-weight: normal; padding-left: 10px; }
.sms-list ul li h3 small span { padding-right: 10px; }
.sms-list ul li p.idea { margin: 0px; padding: 0px; }
.sms-list ul li .comment_number { display: block; position: absolute; top: 1px; left: 2px; width: 39px; height: 25px; background: url(../img/bg-anet-sms.png) 0 0 no-repeat; text-align: center; color: #e9e6e3; padding-top: 2px; font-weight: bold; }
.sms-list ul li .answer { position: absolute; top: 6px; right: 0px; }