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

body {
  background: #0a0a0a;
  font-family: Arial,Helvetica,Garuda,sans-serif;
}

a {
  outline: none;
}

#content {
  width: 1000px;
  margin-right: auto;
  margin-left: auto;
/*  background: url(/images/bg-content.jpg) no-repeat -50px 0; */
}

a.imgr {
  display: block;
  background: transparent left top no-repeat;
  position: relative;
  overflow: hidden;
  text-decoration: none;
  text-indent: -9999px;
  cursor: pointer;
}

a.imgr span {
  display: none;
  background: transparent left bottom no-repeat;
  position: absolute;
  top: 0px;
  left: 0px;
}

.clear {
  clear: both;
}

/* BUTTONS & OTHER*/
a.button_spat {
  display: block;
  float: right;
  width: 72px;
  height: 20px;
  background: url(/images/button_spat.gif) no-repeat 0 0;
}

a.button_spat:hover {
  background-position: 0 -20px;
}

.button_viac, .button_more {
  display: block;
  float: right;
  width: 72px;
  height: 20px;
  border: none;
  background: url(/images/button_viac.png) no-repeat 0 0;
  cursor: pointer;
  overflow: hidden;
  text-indent: -9999px;
}

.button_viac:hover, .button_viac.active, .button_more:hover, .button_more:hover {
  background-position: 0 -20px;
}

.pagination {
  display: block;
  width: 420px;
  height: 25px;
  margin: 5px 0;
}

.pagination .back {
  float: left;
  padding-left: 8px;
  background: url(/images/arrow-left.gif) no-repeat 0 0;
  color: #b6b6b6;
  text-decoration: none;
}

.pagination .back:hover {
  text-decoration: underline;
}

.pagination .forward {
  float: right;
  padding-right: 8px;
  background: url(/images/arrow-right.gif) no-repeat 35px 0;
  color: #b6b6b6;
  text-decoration: none;
}

.pagination .forward:hover {
  text-decoration: underline;
}

.pagination .page-number {
  float: left;
  margin-left: 140px;
  margin-left: /* docasne pokial nebude spravene php pre strankovanie */;
}

.pagination .page-number a {
  padding: 1px 3px;
  color: #b6b6b6;
  text-decoration: none;
}

.pagination .page-number a.active, .pagination .page-number a:hover {
  background: #252525;
}

/* HEADER */
#header {
  height: 100px;
  clear: both;
}

#navi_block {
  height: 25px;
  margin-top: 10px;
}

#img_title {
  background: transparent left top no-repeat;
  position: relative;
  overflow: hidden;
  text-decoration: none;
  text-indent: -9999px;
  float: right;
  margin-top: 25px;
  height: 35px;
}

#img_title span {
  display: block;
  background: transparent left bottom no-repeat;
  position: absolute;
  top: 0px;
  left: 0px;
  height: 35px;
}

#img_title.novinky, #img_title.novinky span {
  width: 122px;
  background-image: url(/images/titles/novinky.gif);
}

#img_title.inspiracie, #img_title.inspiracie span {
  width: 149px;
  background-image: url(/images/titles/inspiracie.gif);
}

#img_title.galeria_obchod, #img_title.galeria_obchod span {
  width: 248px;
  background-image: url(/images/titles/galeria_obchod.gif);
}

#img_title.aktualne_dianie, #img_title.aktualne_dianie span {
  width: 232px;
  background-image: url(/images/titles/aktualne_dianie.gif);
}

#img_title.objednavka, #img_title.objednavka span {
  width: 147px;
  background-image: url(/images/titles/objednavka.gif);
}

#img_title.napiste_navrharovi, #img_title.napiste_navrharovi span {
  width: 245px;
  background-image: url(/images/titles/napiste_navrharovi.gif);
}

.logo_bft10_block {
  display: block;
  float: left;
  width: 300px;
  height: 60px;
  position: relative;
  top: 0px;
  left: 0px;
  font-size: 10px;
  overflow: hidden;
}

/* SAFARI HACK - pretrca underline spod pct */
.logo_bft10_block a {
  text-decoration: none;
}

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

.logo_bft10_block .logo_bft11 span {
  display: block;
  display: block;
  width: 300px;
  height: 60px;
  padding: 0;
  background: url(/images/logo-bft11.jpg) no-repeat 0 0;
  position: absolute;
  top: 0px;
  left: 0px;
  z-index: 1;
  cursor: pointer;
}

/*MAIN*/
#main {
  float: left;
  margin-bottom: 10px;
  clear: both;
}

#left_news {
  display: block;
  float: left;
  width: 420px;
  height: 450px;
  margin-right: 10px;
}

#left_inspiration {
  display: block;
  float: left;
  width: 380px;
  height: 380px;
  margin-right: 10px;
  padding: 20px;
  background: transparent url(/images/bg-news-gray.png) repeat 0 0;
}

#left_inspiration ul {
  margin-top: 20px;
  margin-left: 20px;
}

#left_inspiration ul li, #left_inspiration ul li a {
  padding-bottom: 10px;
  color: #C00D13;
}

#left_inspiration ul li:hover, #left_inspiration ul li a:hover {
  color: #ffffff;
  text-decoration: none;
}

/* ****************** */
.magenta {
  color: #c70268;
}

.green {
  color: #6DA722;
}

.yellow {
  color: #FFF200;
}

.gray {
  color: #B6B6B6;
}

/* ****************** */
.news-content {
  width: 290px;
  margin-left: 110px;
}

.news_block {
  width: 405px;
  height: 124px;
  margin-bottom: 10px;
  padding: 8px 10px;
  background: transparent url(/images/bg-news-gray.png) repeat 0 0;
  font-size: 12px;
}

.news_block:hover {
  background: transparent url(/images/bg-news-gray-hover.png) repeat 0 0;
}

.news_block h2 {
  padding-bottom: 5px;
  font-size: 18px;
}

.news_block img {
  float: left;
  margin-right: 10px;
  border: 1px solid #909090;
}

.news_block p {
  margin-bottom: 10px;
  padding-bottom: 5px;
  border-bottom: 1px solid #363636;
  text-align: justify;
}

.news_block b.date {
  float: left;
}

.magenta-background {
  background: transparent url(/images/bg-news-magenta.png) repeat 0 0;
}

.green-background {
  background: transparent url(/images/bg-news-green.png) repeat 0 0;
}

.yellow-background {
  background: transparent url(/images/bg-news-yellow.png) repeat 0 0;
}

.gray-background {
  background: transparent url(/images/bg-news-gray.png) repeat 0 0;
}

.right_news {
  display: block;
  float: left;
  width: 550px;
  height: 420px;
  padding: 10px;
  color: white;
}

.right_inspiration {
  width:530px;
  height: 380px;
  display: block;
  float: left;
  padding: 20px;
  color: #B6B6B6;
}

/*** IMAGE FADER ***/

#image_fader_gray_box {
  background: transparent url(/images/bg-news-gray.png) repeat 0 0;
  display: block;
  float: left;
  width: 530px;
  height: 380px;
  padding: 20px;
  color: #B6B6B6;
}

#image_fader {
  width: 530px;
  height: 380px;
  color: #B6B6B6;
  background: transparent left top no-repeat;
  position: relative;
  float: left;
}

#image_fader_content {
  width: 530px;
  height: 380px;
  background: transparent left top no-repeat;
  position: absolute;
  left: 0px;
  top: 0px;
  display: none;
}

.right_news p {
  padding-bottom: 10px;
  font-size: 12px;
}

.right_news h2 {
  padding-bottom: 10px;
  font-size: 16px;
}

/* FOOTER */
#footer {
  padding-top: 30px;
  clear: both;
}

#footer_banners {
  padding-bottom: 17px;
  border-bottom: 1px solid #4f4d4d;
  clear: both;
}

#footer_banners a {
  float: left;
  margin: 0px 14px;
}

#footer_banners a, #footer_banners span {
  height: 60px;
}

#footer_banners a.cam_advertising, #footer_banners a.cam_advertising span {
  width: 70px;
  background-image: url(/images/content/banners/cam_advertising.png);
}

#footer_banners a.schwarzkopf, #footer_banners a.schwarzkopf span {
  width: 192px;
  background-image: url(/images/content/banners/schwarzkopf.png);
}

#footer_banners a.schwarzkopf {
  margin-left: 8px;
}

#footer_banners a.emma, #footer_banners a.emma span {
  width: 55px;
  background-image: url(/images/content/banners/emma.png);
}

#footer_banners a.aupark, #footer_banners a.aupark span {
  width: 43px;
  background-image: url(/images/content/banners/aupark.png);
}

#footer_banners a.chateau_bela, #footer_banners a.chateau_bela span {
  width: 87px;
  background-image: url(/images/content/banners/chateau_bela.png);
}

#footer_banners a.markiza, #footer_banners a.markiza span {
  width: 63px;
  background-image: url(/images/content/banners/markiza.png);
}

#footer_banners a.plus, #footer_banners a.plus span {
  width: 32px;
  background-image: url(/images/content/banners/plus.png);
}

#footer_banners a.iq_design, #footer_banners a.iq_design span {
  width: 54px;
  background-image: url(/images/content/banners/iq_design.png);
}

#footer_banners a.netropolis, #footer_banners a.netropolis span {
  width: 71px;
  background-image: url(/images/content/banners/netropolis.png);
}

#footer_banners a.akzent_media, #footer_banners a.akzent_media span {
  width: 59px;
  margin-right: 0px;
  background-image: url(/images/content/banners/akzent_media.png);
}

#footer a.webdesign, #footer a.webdesign span {
  width: 97px;
  height: 15px;
  background-image: url(/images/titles/webdesign.png);
}

#footer a.webdesign {
  float: right;
  margin-top: 5px;
}

#scroll_block-one, #scroll_block-two, #scroll_block-three, .scroller {
  padding-right: 20px;
}

.jScrollPaneContainer {
  position: relative;
  z-index: 1;
  overflow: hidden;
  text-align: justify;
}

.jScrollPaneTrack {
  height: 100%;
  border: #aaa 1px solid;
  background: #aaa;
  position: absolute;
  top: 0;
  right: 0;
  cursor: pointer;
}

.jScrollPaneDrag {
  background: #666;
  position: absolute;
  overflow: hidden;
  cursor: pointer;
}

.jScrollPaneDragTop {
  position: absolute;
  top: 0;
  left: 0;
  overflow: hidden;
}

.jScrollPaneDragBottom {
  position: absolute;
  bottom: 0;
  left: 0;
  overflow: hidden;
}

a.jScrollArrowUp {
  display: block;
  position: absolute;
  top: 0;
  right: 0;
  z-index: 1;
  overflow: hidden;
  text-indent: -2000px;
  /*background-color: #666;
  */
	height: 9px;
}

a.jScrollArrowUp:hover {
  /*background-color: #f60;
  /*background-color: */;
}

a.jScrollArrowDown {
  display: block;
  position: absolute;
  right: 0;
  bottom: 0;
  z-index: 1;
  overflow: hidden;
  text-indent: -2000px;
  /*background-color: #666;
  */
	height: 9px;
}

a.jScrollArrowDown:hover {
  /*background-color: #f60;
  /*background-color: */;
}

a.jScrollActiveArrowButton, a.jScrollActiveArrowButton:hover {
  /*background-color: #f00;
  /*background-color: */;
}

#gallery_shop {
  width: 1000px;
  margin: 0px 0px 50px 0px;
  padding-top: 40px;
  background: #161616 url(/images/round_borders_top.gif) left top no-repeat;
}

#gallery_shop #slideshow_plugin {
  height: 415px;
  margin: 0px 45px;
  background-color: black;
}

#gallery_shop .info {
  padding: 15px 45px 0px 45px;
  color: #909090;
  text-align: center;
  font-size: 12px;
}

#gallery_shop .clear {
  height: 45px;
  background: #161616 url(/images/round_borders_bottom.gif) left bottom no-repeat;
}

#gallery_shop {
  width: 1000px;
  margin: 0px 0px 50px 0px;
  padding-top: 40px;
  background: #161616 url(/images/round_borders_top.gif) left top no-repeat;
}

#gallery_shop #slideshow_plugin {
  height: 415px;
  margin: 0px 45px;
  background-color: black;
}

#gallery_shop .clear {
  height: 45px;
  background: #161616 url(/images/round_borders_bottom.gif) left bottom no-repeat;
}

#gallery_shop_form {
  margin: 0px auto;
  width: 780px;
  height: 530px;
  padding: 10px;
  color: white;
  background-color: #161616;
}

#gallery_shop_form #img_title {
  float: none;
  margin: 0px;
}

#gallery_shop_form form {
  width: 405px;
  margin: 0px auto;
}

#gallery_shop_form label {
  display: block;
  color: #909090;
  padding-top: 20px;
  font-weight: bold;
}

#gallery_shop_form label b {
  color: #c00d13;
}

#gallery_shop_form .input {
  height: 28px;
  padding-left: 10px;
  background: transparent url(/images/input.gif) left top no-repeat;
}

#gallery_shop_form .input div {
  height: 23px;
  padding: 5px 10px 0px 0px;
  background: transparent url(/images/input.gif) right top no-repeat;
}

#gallery_shop_form .input input {
  width: 385px;
  border: none;
  outline: none;
  background-color: transparent;
  color: white;
}

#gallery_shop_form .textarea {
  height: 126px;
  padding-left: 10px;
  background: transparent url(/images/textarea.gif) left top no-repeat;
}

#gallery_shop_form .textarea div {
  height: 126px;
  padding: 5px 10px 0px 0px;
  background: transparent url(/images/textarea.gif) right top no-repeat;
}

#gallery_shop_form .textarea textarea {
  width: 385px;
  height: 115px;
  border: none;
  outline: none;
  background-color: transparent;
  color: white;
}

#gallery_shop_form #notice {
  color: #909090;
  padding: 5px 0px 20px 0px;
}

#gallery_shop_form #notice b {
  color: #c00d13;
}

#gallery_shop_form .submit {
  width: 72px;
  height: 20px;
  border: none;
  background: transparent url(/images/button_odoslat.gif) left top no-repeat;
  margin-left: 160px;
}

#status {
  padding: 5px;
  border: 2px solid #5cb327;
  background-color: #86ca5d;
  color: white;
  font-weight: bold;
}

#status.failed {
  border: 2px solid #be1a25;
  background-color: #ff1f28;
}

.listpage {
  display: none;
}

.listpage.active {
  display: block;
}