@font-face {
   font-family: HattenFont;
    src: url("HATTEN.eot"); /* EOT file for IE */
    src: local("Heattenschweiler"), url("HATTEN.TTF") format("truetype"); /* TTF file for CSS3 browsers */
}

/* teoretycznie szybsze ladowanie czcionki - klasa font ustawiona jest dla html */
.font {
  font-family:HattenFont;
}

html, body {
  margin:0; padding:0;
}

body {
  background: url(../img/bg.png) no-repeat top center #fff;
  color:#FFFFFF;
  font-family:arial;
  font-size:8pt;
}

#tinymce {
  margin:0; padding:25px;
  background: #000;
  color:#FFFFFF;
  font-family:arial;
  font-size:8pt;
}

img {
  border:none;
}

a {
  color:#499B36;
  text-decoration:none;
  outline:none;
}

a:hover {
  text-decoration:underline;
}

#tinymce a {
  color:#499B36 !important;
}

.green {
  color:#499B36;
}

.white {
  color:#fff;
}

.red {
  color:#f00;
}

.floatfix {
  overflow:hidden;
  *zoom:1;
}

.floatLeft {
  float:left;
}

.floatRight {
  float:right;
}

.rawList {
  list-style:none;
  padding:0; margin:0;
}

.alignCenter {
  margin-left:auto; margin-right:auto;
}

.center {
  text-align:center;
}
.left {
  text-align:left;
}
.right {
  text-align:right;
}

.upperCase {
  text-transform:uppercase !important; 
}

.noDisplay {
  display:none;
}

.error {
  color:#f00;
}
.inlineBlock {
  display:-moz-inline-stack; /* FF 2.0 */
  display:inline-block;      /* kumate przegladarki */
 *display:inline !important; *zoom:1; vertical-align:top; /* IE 6 */
}

/* # # # # # # # # # # # */
.pageGallery ul {
  list-style:none;
  padding:0; margin:0;
  text-align:center;
}

.pageGallery li {
  margin:5px;
}

.pageGallery .img {
  width:100px; height:100px;
}

#mainPane {
  width:960px;
  overflow:hidden;
}

#topPane {
  height:193px; width:960px;
  background: url(../img/logo-top.png);
  position:relative;
}

#i18n {
  width:71px; height:20px;
  position:absolute;
  right:69px; top:14px;
}

#i18n_pl,
#i18n_en {
  background: url(../img/flags.png);
  display:block; 
  float: left;
  height:20px; width:28px;
}

#i18n_pl {
}

#i18n_en {
  margin-left:15px;
  background-position:right;
}

#homeLink {
  width:106px; height:107px;
  top:10px; left:53px;
  background:url(../img/logo-zima.png);
  position:absolute;
  display:block;
}

#bodyPane {
  position:relative;
}

#leftColumn {
  width:323px;
  float:left;
  position:relative;
  padding-bottom:2000px; margin-bottom:-2000px;
}

#rightColumn {
  width:661px;
  float:left;
  margin-left:-28px;
  padding-bottom:2000px; margin-bottom:-2000px;
  /*position:absolute; top:0; right:0; bottom:0;*/
}

#bottomPane {
  margin-bottom:-50px;
}

#casetteBox {
  width:323px; height:73px;
  background:url(../img/casette.png);
  position:relative;
}


/* M A I N   M E N U */
#mainMenu {
  margin-top:-18px; margin-bottom:40px;
  padding-left:60px; padding-top:42px; padding-bottom:5px;
}
#mainMenu.pl {
  background:url(../img/menu/pl.menu-bg.png) no-repeat 8px 20px;
}
#mainMenu.en {
  background:url(../img/menu/en.menu-bg.png) no-repeat 8px 20px;
}

.menuItem {
  height:30px;
  margin:0; margin-bottom:14px; padding:0;
  /*position:relative;*/
  background-repeat:no-repeat;
}

.menuItem .item {
  height:30px;
}

.menuItem .item:hover {
  background-position:0 -30px;
}

.menuItem img {
  border:none;
}

.menuItem a {
  font-family:HattenFont; font-size:18pt;
  line-height:11pt;
  padding-left:2px;
  text-transform:lowercase; text-decoration:none;
}

/* SUB MENU */

.subMenuBox {
  position:absolute; z-index:100;
  right:15px; /*top:0;*/ margin-top:-51px;
  width:94px;
  display:none; 
}

.menuItem:hover .subMenuBox {
  display:block;
}

.subMenuBox .bgTop {
  background:url(../img/submenu-top.png);
  height:19px; width:100%;
}

.subMenuBox .bgMiddle {
  background:url(../img/submenu-bg.png);
  width:100%;
  padding-top:5px;
}

.subMenuBox .bgBottom {
  background:url(../img/submenu-bottom.png);
  height:16px;
  width:100%;
}

.subMenu {
  margin-right:6px;
}

.subMenuItem {
  text-align:right;
  height:19px;
}

.subMenuItem a {
  font-family:HattenFont; font-size:12pt; letter-spacing:-0.2pt;
  line-height:11pt;
  padding-right:2px;
  text-transform:lowercase; text-decoration:none;
}

/* BANNER BOX */
#searchBox {
  margin-left:23px;
  padding-top:20px;
  position:relative;
  top:-21px;
  width:170px;
}

#bannerBox {
  margin-left:37px;
  margin-top:-26px;
  width:237px;
}

#bannerBox .bgTop {
  background:url(../img/banner-box-top.png);
  height:57px;
}

#bannerBox .bgBottom {
  background:url(../img/banner-box-bottom.png);
  height:52px;
}

#bannerBox .bgMiddle {
  background:url(../img/banner-box-bg.png) repeat-y;
}

#bannerBox .banners {
  margin:0 0 -21px 22px; padding:0;
  position:relative; 
  top:-21px; 
  width:170px;
  list-style:none;
  text-align:center;
}

#bannerBox .banners li {
  margin-bottom:21px;
  text-align:center;
}

#bannerBox .banners .my_space,
#bannerBox .banners .facebook {
  display:inline-block;
}

/* content */
#contentWrapper {
  top:-50px; 
  position:relative; overflow:hidden;
  padding-top:14px;
}

#rightColumn .bgTop {
  padding-left:28px; height:73px; padding-right:95px;
  background:url("../img/main-box-top.png") 0 -6px;
  position:absolute; top:0; width:516px;
}

#rightColumn .bgMiddle {
  padding-left:50px; padding-right:95px;
  text-align:justify;
  background:url("../img/main-box-bg.png") 0 -6px;
  position:relative; top:73px; margin-bottom:30px;
  /*overflow:hidden; **/
  /*position:absolute; top:73px; bottom:98px; width:516px;*/
  padding-bottom:2000px; margin-bottom:-1970px;
}

/*#rightColumn .bgBottom {*/
#bottomPane .bgBottom {
  padding-left:28px; height:98px; padding-right:95px;
  background:url("../img/main-box-bottom.png");
  /*position:absolute; bottom:0; width:516px;*/
  margin-left:295px; width:516px;
}

#body_div {
  overflow:hidden;
  padding-left:45px; padding-right:65px;
}

.headerGreen {
  background:url("../img/star-green.png") no-repeat scroll 0 0 transparent;
  color:#499B36;
  font-family:HattenFont; font-size:21pt;
  min-height:36px;
  line-height:32px;
  padding-left:45px;
  text-transform:lowercase;
}

.headerRed {
  background:url("../img/star-red.png") no-repeat left center;
  color:#f00; font-family:HattenFont; font-size:12pt; letter-spacing:2pt;
  height:22px;  line-height:22px;
  padding:5px 25px;
}

#paginator {
  margin-top:20px;
}

/* news */
#newsColumn {
  float:left; 
  width:245px;
}

#shopnewsColumn {
  float:left; 
  width:245px;
  margin-left:25px;
}

#shopnewsColumn .headerGreen {
  margin-left:32px;
}

#newsColumn ul {
}

.newsList {
  margin-top:15px;
}

.newsList .newsItem {
  /*min-height:55px;*/
  margin-top:25px;
}

.shopnews_img {
  max-width:40px;  max-height:40px;
  padding-right:13px;
}

.news_img {
  max-width:55px;  max-height:55px;
  padding-right:13px;
}

.news_body .news_img {
  max-width:100px;  max-height:100px;
  padding:13px 13px 13px 0px;
}

.news_body img {
  padding:13px 13px 13px 13px;
}

.newsItem .news_content {
  padding-left:13px;
  width:150px;
}

.news_body {
  overflow:hidden;
}

.news_date {
  margin-left:45px; margin-top:-4px;
}
.news_header .news_date {
  margin-left:0; margin-top:0;
}

.news_arch.header {
  margin-top:15px;
}

#comments,
#reviews {
  margin-top:20px;
}

#comments .header,
#reviews .header {
  background:url("../img/comment-review-header-bg.png") no-repeat scroll 0 0 transparent;
  color:#FF0000;
  float:left;
  font-size:12pt; font-family:HattenFont;
  height:20px;
  line-height:15px;
}

#comments .commentAdd {
  padding-left:15px; padding-top:4px;
}

#commentAddBox {
  padding:15px 0;
}

#commentAddBox .label {
  height:13px;
  padding-top:4px;
}

#commentAddBox input[type="text"],
#commentAddBox textarea {
  border:medium none;
  font-size:8pt;
  height:13px;
  width:250px;
}

#commentAddBox textarea {
  height:50px;
}

#commentAddBox .submit {
  margin-top:10px;
}

#commentAddBox input[type="submit"] {
  font-size:8pt;
  height:17px;
}

#commentAddBox .right {
  width:70px;
}

#newsComment {
}

#newsComment ul {
}

.newsComment {
  margin:15px 0;
}

.newsComment .title {
  font-weight:bold; font-size:9pt;
  text-decoration:underline;
}

.newsComment .body {
  padding:1px 0;
}

.newsComment .author,
.newsComment .date {
  color:#909090;
}

/* publicationi */
#myFlash {
  position:absolute;
  top:-2000px;
}
#tracklist {}

#tracklist ol {
  margin:0 0 0 19px; padding:0;
}

#tracklist .tracklistItem {}

#tracklist .tracklistItem .mp3,
#tracklist .tracklistItem .youtube {
  margin:0 5px;
}
.mp3 {
  width:25px; height:14px;
}
.mp3.waiting {
  /*background:url(../img/mp3-loader.gif) no-repeat 0 -2px;*/
}
.mp3 img {
  padding:0 !important;
}

/* contact */
#recipient {width:205px !important; } 
.captchaCode {padding-top:3px; padding-right:5px;}