/*

  1) obecne
   1.1)  text replacement
   1.2)  clear + clearfix
   1.3)  preskoceni navigace/obsahu

  2) container
   2.1)  hlavicka
   2.2)  obsah
   2.3)  hlavni navigace
   2.4)  druha navigace
   2.5)  jazyky
   2.5)  kosik
   2.6)  paticka

*/

/* 1) obecne
------------------------------------------------------------------------------*/
* {
  margin: 0;
  padding: 0;
}
html, body {
  background: #fff url(../img/logo-scandium.gif) fixed no-repeat -200px -200px;
  height: 100%;
}
html {
  font-size: 100.01%;
}
body {
  border: 0;
  color: #808285;
  font: .625em arial, verdana, sans-serif;
  text-align: center;
}

a {
  color: #c30045;
  text-decoration: underline;
}
a:hover {
  color: #000;
	outline: none;
  text-decoration: underline;
}
a:focus, a:active {
  text-decoration: none;
}
a img {
  border: 0;
}

:focus {
  outline: 0;
}

.hid {
  display: none !important;
}

hr {
  display: none;
}
table {
  font-size: 1em;
}
textarea {
  overflow: auto;
}
ol, ul {
	list-style: none;
}
blockquote:before, blockquote:after, q:before, q:after {
	content: "";
}
blockquote, q {
	quotes: "" "";
}

/* 1.1) text replacement
------------------------------------------------------------------------------*/
.replace, h1 a {
  display: block;
  overflow: hidden;
  padding: 0;
  position: relative;
}
.replace a span, a.replace span, h1 a span {
  cursor: pointer;
  display: block;
}
.replace span, h1 a span {
  background-position: 0 0;
  background-repeat: no-repeat;
  left: 0;
  position: absolute;
  top: 0;
}

/* 1.2) clear + clearfix
------------------------------------------------------------------------------*/
.clear {
  clear: both;
}
.clearfix {
  display: inline-block;
}
html[xmlns] .clearfix {
  display: block;
}
* html .clearfix {
  height: 1%;
}
.clearfix:after {
  clear: both;
  content: ".";
  display: block;
  height: 0;
  line-height: 0;
  visibility: hidden;
}

/* 1.3) preskoceni navigace/obsahu
------------------------------------------------------------------------------*/
#skiplink {
  background: transparent !important;
  border: 0 !important;
  padding: 0 !important;
  margin: 0 !important;
}
#skiplink strong, .skiplink span {
  display: none;
}
#skiplink a {
  position: absolute;
  top: -9999px;
  left: -9999px;
  z-index: 999;
}
#skiplink a:focus, #skiplink a:active {
  background: #fefdfd;
  border: 0;
  border-bottom-width: 7px;
  border-style: solid;
  display: block;
  font-size: 1.2em;
  font-weight: bold;
  left: 0;
  padding: 20px 0;
  position: absolute;
  text-align: center;
  top: 0;
  width: 100%;
}

/* 2) container
------------------------------------------------------------------------------*/
#container {
  height: 100%;
  min-width: 970px;
}
#wrap {
  height: auto !important;
  height: 100%;
  margin-bottom: -80px;
  min-height: 100%;
}
* html #container, * html #wrap {
  height: 100%;
}

/* 2.1) hlavicka
------------------------------------------------------------------------------*/
h1 {
  display: inline;
  float: left;
  height: 43px;
  margin: 10px 0 -28px 24px;
  text-align: left;
}
h1 a, h1 span {
  height: 43px;
  width: 159px;
}
h1 a span {
  background-image: url(../img/logo-scandium.gif);
}

/* 2.2) obsah
------------------------------------------------------------------------------*/
#content {
  font-size: 1.2em;
  text-align: center;
  padding-bottom: 80px;
}

#content form label, #content form input, #content form select, #content form textarea {
  vertical-align: middle;
}
#content form label strong.error {
  display: block;
  color: #f00;
  margin-top: 5px;
}
#content form br {
  display: none;
}
#content form fieldset {
  border: 0;
}
#content form label {
  display: block;
}
#content form input, #content form textarea, #content form select {
  font: 1em arial, verdana, sans-serif;
}

#content sub, #content sup {
	height: 0;
	line-height: 1;
	position: relative;
	vertical-align: baseline;
}
* html #content sub, * html #content sup {
  vertical-align: bottom;
}
#content sub {
	top: .5em;
}
#content sup {
	bottom: .5em;
}

/* drobky */
#breadcrumbs {
  margin: 0 auto !important;
  min-height: 62px;
  text-align: left;
  width: 970px;
}
* html #breadcrumbs {
  height: 62px;
}
#breadcrumbs p {
  float: left;
  margin: 0 !important;
  padding: 10px 0;
  text-transform: uppercase;
}
#breadcrumbs a, #breadcrumbs .sep, #breadcrumbs strong, #breadcrumbs .nextStep, #breadcrumbs em {
  color: #808285;
  float: left;
  font-style: normal;
  font-weight: normal;
  line-height: 43px;
  margin-right: 19px;
}
#breadcrumbs a, #breadcrumbs .nextStep, #breadcrumbs em {
  font-size: 1.25em;
  text-decoration: none;
}
#breadcrumbs a:hover, #breadcrumbs a:focus, #breadcrumbs a:hover {
  color: #000;
}
#breadcrumbs strong {
  font-size: 2.75em;
}
#breadcrumbs .sep {
  line-height: 22px;
  margin: 13px 19px 0 0;
  position: relative;
}
#breadcrumbs .sep, #breadcrumbs .sep span {
  height: 22px;
  width: 11px;
}
#breadcrumbs .sep span {
  background-image: url(../img/breadcrumbs-sep.gif);
}
#breadcrumbs .filter a img {
  vertical-align: top;
  margin-top: 12px;
}
#breadcrumbs .special {
  color:#C30045;
}

/* hodnoceni */
div.stars {
  float: left;
  position: relative;
  z-index: 4;
}
ul.stars {
	background: url(../img/stars.gif) top left repeat-x;
  float: left;
	height: 19px;
	margin: 22px 20px 22px 0;
	overflow: hidden;  
	position: relative;
	width: 110px;
	z-index: 4;
}
ul.stars li {
  display: inline;
	float: left;
	margin-right: 3px;
	height: 19px;
	width: 19px;
}
* html ul.stars li {
	float: none;
}
ul.stars li a, ul.stars li span {
	display: block;
	height: 19px !important;
	line-height: 19px;
	float: none;
	width: 19px;
	overflow: hidden;
	position: absolute;
	text-decoration: none;
	text-indent: -999px;
	z-index: 4;
}
ul.stars li a:hover, ul.stars li a:active, ul.stars li a:focus {
	background: url(../img/stars.gif) left 19px;
	left: 0;
	z-index: 2;
}
ul.stars a.oneStar {
	left: 0px;
}
ul.stars a.oneStar:hover, ul.stars a.oneStar:active, ul.stars a.oneStar:focus {
	width: 19px;
}
ul.stars a.twoStars {
	left: 19px;
}
ul.stars a.twoStars:hover, ul.stars a.twoStars:active, ul.stars a.twoStars:focus {
	width: 41px;
}
ul.stars a.threeStars {
	left: 41px;
}
ul.stars a.threeStars:hover, ul.stars a.threeStars:active, ul.stars a.threeStars:focus {
	width: 63px;
}
ul.stars a.fourStars {
	left: 63px;
}	
ul.stars a.fourStars:hover, ul.stars a.fourStars:active, ul.stars a.fourStars:focus {
	width: 85px;
}
ul.stars a.fiveStars {
	left: 85px;
}
ul.stars a.fiveStars:hover, ul.stars a.fiveStars:active, ul.stars a.fiveStars:focus {
	width: 107px;
}
ul.stars li.current {
	background: url(../img/stars.gif) left 38px;
	display: block;
	height: 19px;
	left: 0;
	position: absolute;
	text-indent: -999px;
	top: 0;
	z-index: 1;
}
div.stars p {
  white-space: nowrap;
}

.contentFull {
  border-top: 1px #e2e1e1 solid;
  position: relative;
  width: 100%;
}
.content970 {
  clear: both;
  margin: 0 auto;
  padding: 25px 0;
  text-align: left;
  width: 970px;
}
.overDown {
  z-index: 3;
}

.alignRight {
  float: right;
}
.alignLeft {
  float: left;
}

#content h2 {
  color: #c30045;
  font-size: 2.75em;
}
#content h3 {
  color: #666;
  font-size: 1.67em;
  margin-bottom: 40px;
  text-transform: uppercase;
}
#content p {
  line-height: 1.50em;
  margin-bottom: 15px;
}
#content p.noM {
  margin: 0;
}

.naviBottom {
  clear: both;
  padding-top: 20px;
}
.newsletterLeft .naviBottom {
  padding-top: 0;
}
.naviBottom li {
  display: block;
  float: left;
  font-size: 1.5em;
  margin-right: 40px;
}
.naviBottom li a {
  cursor: pointer;
}
.naviBottom li a, .naviBottom li strong {
  background: #b7154e url(../img/navibottom-bg.gif) no-repeat left top;
  color: #fff;
  display: block;
  float: left;
  font-weight: normal;
  height: 35px;
  overflow-y: hidden;
  text-transform: uppercase;
  text-decoration: none;
}
.naviBottom li a .span, .naviBottom li strong .span {
  background: url(../img/navibottom-bg.gif) no-repeat right -35px;
  display: block;
  float: left;
  height: 35px;
  line-height: 35px;
  padding: 0 22px;
}
.naviBottom li a:hover, .naviBottom li a:active, .naviBottom li a:focus {
  background: #232323 url(../img/navibottom-bg.gif) no-repeat left -70px;
  color: #fff;
}
.naviBottom li a:hover .span, .naviBottom li a:active .span, .naviBottom li a:focus .span {
  background: url(../img/navibottom-bg.gif) no-repeat right -105px;
}
.naviBottom li strong {
  background: #fff url(../img/navibottom-bg.gif) no-repeat left -140px;
  color: #666;
}
.naviBottom li strong .span {
  background: url(../img/navibottom-bg.gif) no-repeat right -175px;
}

/* o nas */
#o-nas #content {
  background: url(../img/o-nas.jpg) no-repeat center 125px;
}
.oNas {
  color: #c30045;
  font-size: 3.63em !important;
  width: auto;
  margin-bottom: 40px;
}
.oNas .span {
  color: #60c4f0;
}
.oNas1 {
  padding-right: 495px;
}
.oNas2 {
  width: 420px;
}
.oNas3 {
  float: left;
  width: 566px;
}
.oNas4 {
  display: inline;
  float: right;
  margin-right: 44px;
  width: 316px;
}

.lideFoto {
  float: left;
  padding-top: 9px;
  width: 391px;
}
.lideInfo {
  display: inline;
  float: right;
  margin-right: 27px;
  width: 550px;
}
.lideInfo blockquote {
  background: url(../img/blockquote-bg.gif) no-repeat left bottom; 
}
.lideInfo blockquote div {
  background: url(../img/blockquote-bg2.gif) no-repeat 480px top; 
  margin-top: 23px;
  min-height: 105px;
  padding: 0 80px 0 120px;
}
* html .lideInfo blockquote div {
  height: 105px;
}
.lideInfo blockquote p {
  margin: 0 !important;
}

/* nase vize */
.naseVize {
  width: 382px;
}
.naseVize1, .naseVize2 {
  display: block;
  color: #c30045;
  font-size: 3.75em !important;
}
.naseVize1 {
  width: 382px;
}
.naseVize2 {
  height: 40px;
  margin: -18px 0 0 265px;
  position: relative;
  width: 250px;
}

/* kvalita a ekologie */
.kvalita1 {
  width: 382px;
}
.kvalita2 {
  display: inline;
  float: left;
  margin: 20px 40px 0 0;
  width: 220px;
}
.kvalita3 {
  display: inline;
  float: right;
  margin: 20px 20px 0 0;
  width: 270px;
}

/* kontakty */
.kontaktyLeft {
  float: left;
  margin-top: 30px;
  width: 480px;
}
.kontaktyLeft p {
  width: 425px;
}
.kontaktyLeft address, .kontaktyLeft p.tel {
  display: inline;
  float: left;
  margin-right: 20px;
  width: 220px;
}
.kontaktyLeft address {
  font-size: 1.33em;
  font-style: normal;
  line-height: 1.56em;
}
.kontaktyLeft p.contacts {
  width: auto;
}
.kontaktyLeft .contacts strong {
  float: left;
  width: 55px;
}
.kontaktyLeft .contacts a {
  clear: right;
  float: right;
  width: 425px;
  position: relative;
}


.kontaktyLeft .way {
  background: url(../img/kontakty-ul-bg.gif) no-repeat left top;
  margin-top: 10px;
  min-height: 90px;
  padding: 5px 0 10px;
  width: 423px;
}
* html .kontaktyLeft .way {
  height: 105px;
}
.kontaktyLeft .way li {
  background: url(../img/li.gif) no-repeat left 21px;
  margin-left: 20px;
  padding: 15px 0 0 17px;
}
.kontaktyLeft .way li strong {
  color: #c30045;
}

.kontaktyRight {
  background: url(../img/input-odeslat-form2.gif) no-repeat -999px -999px;
  float: right;
  margin-top: 30px;
  width: 488px;
}
.kontaktyRight h4 { 
  color: #c30045;
  font-size: 1.33em;
  font-weight: normal;
  margin-bottom: 10px;
}

.kontaktyRight #attachments {
  cursor: pointer;
  height: 35px;
  float: left;
  overflow: hidden;
  position: relative;
  width: 154px;
}
.kontaktyRight #file1 {
  font-size: 27px;
  height: 35px;
  margin-right: 300px;
  position: absolute;
  right: 0;
  text-align: right;
  text-indent: 200px;
  top: -2px;
  width: 154px;
  z-index: 2;
}
.kontatkyRight #fakefile {
  left: 0;
  position: absolute;
  top: 0;
  z-index: 1;
}
.kontaktyRight #atch_list_info {
  color: #999;
  display: inline;
  float: right;
  font-size: 0.92em;
  font-weight: normal;
  margin: 3px 115px 0 0;
  width: 204px;
  z-index: 2;
}
.kontaktyRight #atch_list span {
  background: url(../img/ico-arrow.gif) no-repeat left 2px;
  display: block;
  margin-left: 15px;
  padding: 0 0 8px 23px;
}
.kontaktyRight #atch_list span a {
  margin-left: 13px;
}
.kontaktyRight #atch_list span a img {
  border-right: 5px #fff solid;
  margin: 0 -3px -2px 0;
  position: relative;
}
.kontaktyRight #fakefileimg {
  background: url(../img/nahrat-prilohy.gif) no-repeat left top;
  display: block;
  height: 35px;
  width: 154px;
}
.kontaktyRight #fakefileimg:hover {
  background-position: left bottom;
}

.kontaktyRight label {
  position: relative;
}
.kontaktyRight .input { 
  background-image: url(../img/input-long.gif);
  width: 476px;
}
.kontaktyRight .inputError { 
  background: #f5e2e8 url(../img/input-long-error.gif) no-repeat left top;
}
.kontaktyRight .input input { 
  padding: 5px 5px 0;
  width: 464px;
}
* html .kontaktyRight .input input { 
  width: 474px;
}
.kontaktyRight textarea {
  background: #F2F2F2 url(../img/textarea-long.gif) no-repeat left top;
  border: 0;
  height: 86px;
  margin-bottom: 19px;
  padding: 5px;
  width: 466px;
}
* html .kontaktyRight textarea {
  height: 96px;
  width: 476px;
}
.kontaktyRight .textareaError {
  background: #f5e2e8 url(../img/textarea-long-error.gif) no-repeat left top;
}
.kontaktyRight form p {
  clear: both !important;
}
.kontaktyRight p input {
  height: 47px;
  margin-top: 35px;
  width: 251px;
}

.kontaktyLeft h3, .kontaktyRight h3 {
  clear: both;
  color: #c30045 !important;
  font-size: 2.5em !important;
  margin-bottom: 10px !important;
  padding-top: 35px;
  text-transform: none !important;
}

/* reference */
.reference h2 {
  background: url(../img/reference-bg.gif) no-repeat left top;
  float: left;
  height: 97px;
  overflow: hidden;
  text-align: center;
  width: 309px;
}
.reference h2 img {
  margin-top: 1px;
}

.reference dl {
  float: left;
  font-size: 1.58em;
  margin-left: 38px;
  width: 620px;
}
.reference dt, .reference dd {
  color: #999;
  display: inline-block;
  margin: 3px 0 5px;
  width: 205px;
}
* html .reference dt, * html .reference dd {
  display: inline;
  height: 20px;
}
.reference dd {
  color: #c30045;
  width: 410px;
}

.referenceLeft {
  clear: both;
  float: left;
  padding-top: 18px;
  width: 460px;
}
.referenceRight {
  float: right;
  padding-top: 18px;
  width: 498px;
}

.referenceLeft ul, .referenceLeft em {
  color: #999;
}
.referenceLeft p.add {
  color: #666;
}
.referenceLeft em {
  display: block;
  padding: 5px 0 10px;
}
.referenceLeft ul {
  background: url(../img/reference-ul-bg.gif) no-repeat left top;
  margin-top: 10px;
  min-height: 140px;
  padding: 21px 0 10px;
  width: 454px;
}
* html .referenceLeft ul {
  height: 171px;
}
.referenceLeft ul li {
  background: url(../img/li.gif) no-repeat 0 11px;
  margin-left: 23px;
  padding: 5px 21px;
}
.referenceOthers .referenceLeft ul li {
  background-position: 0 7px;
  display: inline;
  float: left;
  padding: 1px 0 1px 14px;
  width: 180px;
}
* html .referenceOthers .referenceLeft ul li {
  width: 194px;
}
.referenceOthers ul {
  margin-bottom: 10px;
}
.referenceOthers .referenceLeft .logos {
  background: transparent;
  margin: 0 !important;
  min-height: 0 !important;
  padding: 0 0 10px;
  width: auto !important;
}
* html .referenceOthers .referenceLeft .logos {
  height: auto;
}
.referenceOthers .referenceLeft .logos li {
  float: none;
  margin: 0;
  width: auto;
}

.referenceRight li {
  display: inline;
  float: left;
  height: 137px;
  margin: 0 0 30px 28px;
  overflow: hidden;
  width: 221px;
}

.referenceOthers h2 {
  margin-bottom: 20px;
  text-transform: uppercase;
}
.referenceOthers h3 {
  color: #c30045 !important;
  margin-bottom: 10px !important;
  text-transform: none !important;
}
.referenceOthers p {
  padding-top: 10px;
}
.referenceOthers p img {
  float: left;
  margin: -5px 15px 0 0;
}

.referenceOthers .referenceRight {
  padding-top: 78px;
}

/* sin slavy */
img.sinSlavy {
  float: right;
}
p.sinSlavy {
  line-height: 1.67em !important;
  margin: 20px 0 0 0;
  width: 545px;
}

.sinLeft {
  float: left;
  margin-top: -10px;
  width: 255px;
}
.sinRight {
  display: inline;
  float: right;
  margin: 7px 14px 0 0;
  width: 660px;
}
.sinRight h2 {
  margin-bottom: 4px;
}
.sinRight ul li {
  display: inline;
  margin-right: 40px;
}

/* novinky */
#novinky .contentFull {
  border: 0;
}
#novinky .contentFullFirst {
  border-top: 1px #e2e1e1 solid;
}
#novinky .content970 {
  min-height: 125px;
  padding: 12px 0 20px 268px;
  position: relative;
  width: 702px;
}
* html #novinky .content970 {
  height: 157px;
  width: 970px;
}
#novinky .contentFullSecond {
  background: #f5f5f5;
}
#novinky .content970 strong {
  display: block;
  margin: 8px 0;
}
#novinky .content970 .ban {
  background: url(../img/novinky-ads-bg.gif) no-repeat left top;
  display: inline;
  float: right;
  height: 138px;
  margin: 5px 0 0 10px;
  text-align: center;
  width: 279px;
}
#novinky .contentFullSecond .ban {
  background-position: left bottom;
}
#novinky .content970 .ban img {
  margin-top: 1px;
}
#novinky p {
  margin-bottom: 0 !important;
}
#novinky .newImg {
  display: inline;
  left: 0;
  position: absolute;
  top: 20px;
}
#novinky .newImg a {
  display: block;
  height: 136px;
  overflow: hidden;
  position: relative;
  width: 251px;
}
#novinky .newImg span {
  background: url(../img/novinky-img-bg.png) no-repeat left top;
  cursor: pointer;
  display: block;
  height: 272px;
  left: 0;
  position: absolute;
  top: 0;
  width: 251px;
}
#novinky .contentFullSecond .newImg span {
  top: -136px;
}
* html #novinky .content970 h2 {
  margin-top: 15px;
}
#novinky .content970 h2 a {
  border-bottom: 1px #d23f73 solid;
  text-decoration: none;
}
#novinky .content970 h2 a:hover, #novinky .content970 h2 a:active, #novinky .content970 h2 a:focus {
  border-bottom: 1px #000 solid;
}

/* strankovani */
.pagenation {
  clear: both;
  margin: 0 !important;
  padding: 25px 0 0;
  overflow: hidden;
  position: relative;
  text-align: center;
  width: 100%;
}
.pagenation a, .pagenation strong {
  background: url(../img/pagenation-bg.gif) no-repeat left top;
  display: inline-block;
  font-weight: normal;
  height: 26px;
  line-height: 26px;
  text-align: center;
  text-decoration: none;
  width: 32px;
}
.pagenation a:hover, .pagenation strong {
  background-color: #be0d4c;
  background-position: left bottom;
  color: #fff;
  text-decoration: none;
}
.pagenation .prev, .pagenation .next {
  background: url(../img/novinka-gal-prev.gif) no-repeat left top;
  height: 26px;
  left: 0;
  padding-right: 16px;
  position: absolute;
  top: 25px;
  text-align: right;
  width: 110px;
}
.pagenation .next {
  background: url(../img/novinka-gal-next.gif) no-repeat left top;
  left: auto;
  padding: 0 0 0 16px !important;
  right: 0;
  text-align: left;
}
* html .pagenation .prev, * html .pagenation .next {
  width: 126px;
}
.pagenation .prev:hover, .pagenation .next:hover {
  background-position: left bottom;
}

#detail .pagenation {
  padding: 25px 0;
  overflow: visible;
  position: static;
}
#detail .pagenation {
  padding: 0;
}
#novinky .pagenation {
  margin: 0 auto !important;
  padding: 25px 0;
  position: relative;
  width: 970px;
}
#detail .pagenation .prev, #detail .pagenation .next {
  background: transparent;
  height: 99px;
  line-height: 99px;
  overflow: hidden;
  padding: 0 !important;
  position: fixed;
  top: 46%;
  width: 61px;
  z-index: 3;
}
* html #detail .pagenation .prev, * html #detail .pagenation .next {
  position: absolute !important;
}
#detail .pagenation .prev span, #detail .pagenation .next span {
  height: 198px;
  width: 61px;
}
#detail .pagenation .prev {
  left: 60px;
  text-align: left;
  z-index: 30;
}
#detail .pagenation .next {
  right: 60px;
  text-align: right;
  z-index: 30;
}
#detail .pagenation .prev:hover, #detail .pagenation .next:hover {
  background: transparent !important;
}
#detail .pagenation .prev span {
  background: url(../img/pagenation-prev.png) no-repeat left top;
}
#detail .pagenation .next span {
  background: url(../img/pagenation-next.png) no-repeat left top;
}
#detail .pagenation a:hover span {
  top: -99px;
}

/* novinka - detail */
.date {
  background: url(../img/novinka-date-bg.gif) no-repeat left top;
  float: left;
  margin: 0 0 20px!important;
}
.date span {
  background: url(../img/novinka-date-bg.gif) no-repeat right bottom;
  display: block;
  float: left;
  height: 35px;
  line-height: 35px;
  padding: 0 15px;
}
#novinka h2 {
  clear: both;
  margin-bottom: 20px;
}
* html #novinka h2 {
  height: 1px;  
}
.related {
  display: none;
}
/*
.novinka {
  float: left;
  width: 685px;
}
.related {
  background: url(../img/novinka-related-bg.gif) no-repeat left top;
  min-height: 96px;
  float: right;
  padding: 20px;
  width: 205px;
}
* html .related {
  height: 136px; 
  width: 245px;
}
.related h3 {
  margin-bottom: 13px !important;
}
.related ul li {
  background: url(../img/li.gif) no-repeat left center;
  padding: 5px 0 5px 17px;
}
*/

#newGallery {
  background: url(../img/novinka-gal-bg.gif) no-repeat left top;
  clear: both;
}
#newGallery div {
  background: url(../img/novinka-gal-bg2.gif) no-repeat left bottom;
  overflow: hidden;
  padding-bottom: 20px;
  width: 970px;
}
#newGallery ul {
  position: relative;
  width: 180000px;
}
#newGallery ul li {
  display: inline;
  float: left;
  margin: 20px 0 0 20px;
}
#newGallery .prev, #newGallery .next {
  height: 26px;
  line-height: 26px;
  margin-top: 20px;
  text-decoration: none;
  width: 110px;
}
* html #newGallery .prev, * html #newGallery .next {
  width: 126px;
}
#newGallery .prev {
  background: url(../img/novinka-gal-prev.gif) no-repeat left top;
  float: left;
  margin-left: 20px;
  padding-right: 16px;
  text-align: right;
}
#newGallery .next {
  background: url(../img/novinka-gal-next.gif) no-repeat left top;
  float: right;
  margin-right: 20px;
  padding-left: 16px;
}
#newGallery .prev:hover, #newGallery .next:hover {
  background-color: #e1134f;
  background-position: left bottom;
  color: #fff;
}

/* sluzby */
#tab {
  clear: both;
}
#tab #tabMenu {
  font-size: 1.33em;
  font-weight: normal;
  float: left;
  position: relative;
  width: 310px;
  z-index: 2;
}
#tab .active {
  display: block !important;
}
#tab #tabMenu li {
  height: 47px;
  margin-bottom: 3px;
  line-height: 47px;
}
#tab #tabMenu li a {
  padding-left: 20px;
}
#tab #tabMenu li a.active {
  background: url(../img/tab-menu-bg.gif) no-repeat left center;
  color: #000;
  display: block;
  font-weight: normal;
  margin-right: -20px;
  padding-left: 20px;
  position: relative;
  text-decoration: none;
  width: 310px;
}
* html #tab #tabMenu li a.active {
  width: 330px;
}
#tab #tabMenu li.first a.active {
  background: url(../img/tab-menu-bg.gif) no-repeat left top;
}
#tab #tabMenu li.last a.active {
  background: url(../img/tab-menu-bg.gif) no-repeat left bottom;
}
#tab .tabContent {
  border: 1px #e2e1e1 solid;
  float: right;
  margin: 0 0 10px -3px;
  position: relative;
  right: 3px;
  width: 655px;
}
* html #tab .tabContent {
  width: 657px;
}
#tab .tabContentTr {
  background: url(../img/tab-tr.gif) no-repeat right top;
  float: left;
  margin: -1px;
  position: relative;
  width: 657px;
}
#tab .tabContentBr {
  background: url(../img/tab-br.gif) no-repeat right bottom;
  min-height: 187px;
  padding: 30px 32px 30px 35px;
}
* html #tab .tabContentBr {
  height: 247px;
}
.tabContent ul {
  background: url(../img/tabcontent-ul-bg.gif) no-repeat left top;
  margin-top: 10px;
  margin-left: -3px;
  min-height: 124px;
  padding: 20px 0;
  width: 590px;
}
* html .tabContent ul {
  height: 164px;
}
.tabContent ul li {
  background: url(../img/li.gif) no-repeat left center;
  margin-left: 23px;
  padding: 5px 0 5px 20px;
}
.tabContent ul.promos {
  background: transparent;
  margin-left: -21px;
  padding: 10px 0;
  position: relative;
  width: auto;
}
.tabContent ul.promos li {
  background: transparent;
  display: inline;
  float: left;
  margin-left: 21px;
  padding: 0;
  position: relative;
}

/* registrace */
#registrace #content {
  background: url(../img/registrace-bg.jpg) no-repeat center 145px;
  min-height: 390px;
}
* html #registrace #content {
  height: 470px;
}
#registrace h2 {
  margin-bottom: 30px;
  text-transform: uppercase;
}
#registrace h3 {
  margin-bottom: 22px;
  text-transform: none;
}
#registrace h3 strong {
  color: #c30045;
}

form label {
  font-weight: bold;
  margin: 0 0 9px 3px;
}
form div.input {
  background: #f2f2f2 url(../img/input.gif) no-repeat left top;
  height: 26px;
  margin-bottom: 19px;
  width: 238px;
}
form input {
  background: transparent !important;
  border: 0;
  height: 21px;
  padding: 5px 10px 0;
  width: 218px;
}
* html form input {
  height: 24px;
  padding-top: 3px;
  width: 238px;
}
form input#pass, form input#pass2 {
  color: #b62357;
}
form label input {
  background: transparent;
  border: 0;
  height: auto;
  margin: 5px 5px 5px 0;
  padding: 0;
  width: auto;
}
form p input {
  background: #b7154e;
  color: #fff;
  height: 35px;
  margin: 4px 0 0 0;
  padding: 0;
  width: 152px;
}

#registrace #login {
  border-right: 1px #e5e4e4 solid;
  float: left;
  margin-right: 37px;
  width: 321px;
}
#registrace #login form p input {
  width: 110px;
}

#registrace #login em {
  font-size: 0.92em;
  font-style: normal;
}

/* upraveny formulare */
.jqTransformHidden {
  display: none;
}

/* checkboxy */
span.jqTransformCheckboxWrapper {
	display: block;
  float: left;
  margin-right: 5px;
}
span.jqTransformCheckboxWrapper input {
	display: none;
}
a.jqTransformCheckbox {
	background: url(../img/checkbox.gif) no-repeat center top;
	display: block;
	height: 16px;
	width: 19px;
	vertical-align: middle;
}
.error a.jqTransformCheckbox {
	background: url(../img/checkbox-error.gif) no-repeat center top;
}
a.jqTransformChecked {
  background-position: center bottom !important;
}

/* selecty */
.jqTransformSelectWrapper {
	background: #e6e6e6 url(../img/catline1-select.gif) no-repeat top left;
	float: left;
  height: 26px;
	position: relative;
	width: 160px !important;
}
.jqTransformSelectWrapper div span {
  color: #000;
	cursor: pointer;
	display:block;
  float: left;
	height: 26px;
	line-height: 26px;
	overflow: hidden;
	padding-left: 10px;
	text-align: left;
	white-space: nowrap;
	width: 120px !important;
}
* html .jqTransformSelectWrapper div span {
	width: 130px !important;
}
.jqTransformSelectWrapper div span img {
  display: none;
}
.jqTransformSelectWrapper a.jqTransformSelectOpen {
	background: #ddd url(../img/catline1-select.gif) no-repeat top right;
	display: block;
	height: 26px;
	position: absolute;
	right: 0;
	width: 30px;
}
.jqTransformSelectWrapper ul {
	position: absolute;
	top: 26px;
	left: 0px;
	list-style: none;
	background-color: #FFF;
	border: solid 1px #CCC;
	display: none;
	margin: 0px;
	padding: 0px;
	height: 200px;
	overflow: auto;
	overflow-y: auto;
	width: 160px !important;
	z-index: 10;
}
.jqTransformSelectWrapper ul li {
  position: relative;
}
.jqTransformSelectWrapper ul a, .jqTransformSelectWrapper ul strong {
	display: block;
	padding: 5px 9px;
	text-decoration: none;
	color: #333;
	background-color: #FFF;
	font-size: 12px;
}
* html .jqTransformSelectWrapper ul a, * html .jqTransformSelectWrapper ul strong {
	width: 100%;
}
.jqTransformSelectWrapper ul strong {
  padding: 7px 9px 3px;
}
.jqTransformSelectWrapper ul a img {
	float: right;
	height: 17px;
	margin: -1px -4px 0 0;
	width: 17px;
}
.jqTransformSelectWrapper ul .optName {
  border-top: 1px #ccc solid;
  margin-top: -1px;
}
.jqTransformSelectWrapper ul a.selected {
	background: #EDEDED;
	color: #333;
}
.jqTransformSelectWrapper ul a:hover, .jqTransformSelectWrapper ul a.selected:hover {
	background: #808285;
	color: #fff;
}

/* radia */
.jqTransformRadioWrapper {
  display: inline;
  float: left;
  margin: 0 4px 10px 0;
}
.jqTransformRadio {
	background: url(../img/radio.gif) no-repeat center top;
	display: block;
	height: 19px;
	width: 19px;
	vertical-align: middle;
}

/* zapomenute heslo + nove heslo */
#zapomenute-heslo #content {
  background: url(../img/zapomenute-heslo-bg.jpg) no-repeat center 110px;
  min-height: 480px;
}
* html #zapomenute-heslo #content {
  height: 400px;
}
#nove-heslo #content {
  background: url(../img/nove-heslo-bg.jpg) no-repeat center 70px;
  min-height: 480px;
}
* html #nove-heslo #content {
  height: 400px;
}
#zapomenute-heslo #content .content970 {
  padding-right: 550px;
  width: 420px;
}
* html #zapomenute-heslo #content .content970, * html #nove-heslo #content .content970 {
  width: 970px;
}
#zapomenute-heslo h2, #nove-heslo h2 {
  text-transform: uppercase;
}
#zapomenute-heslo h3, #nove-heslo h3 {
  text-transform: none;
  width: 400px;
}
#zapomenute-heslo form p input {
  width: 102px;
}
#nove-heslo form p input {
  width: 177px;
}

/* proc haworth */
#proc-haworth h3 {
  font-size: 1.33em !important;
  margin-bottom: 21px !important;
  text-transform: none;
}
p.perex {
  font-size: 1.33em;
  margin-top: 20px;
}
.haworthLeft, .haworthRight {
  float: left;
  width: 460px;
}
.haworthRight {
  float: right;
}
.haworthRight ul {
  background: url(../img/haworth-ul-bg.gif) no-repeat left top;
  clear: both;
  margin-top: 20px;
  min-height: 76px;
  padding: 21px 0 10px;
  width: 460px;
}
* html .haworthRight ul {
  height: 107px;
}
.haworthRight ul li {
  background: url(../img/li.gif) no-repeat left 10px;
  margin-left: 23px;
  padding: 5px 15px 5px 20px;
}
ul.haworthCard {
  background: transparent;
  margin: 0 0 20px 0;
  padding: 0;
  width: auto;
}
ul.haworthCard li {
  background: transparent;
  display: inline;
  float: left;
  margin: 0 34px 21px 0;
  padding: 0;
}
ul.haworthCard li a {
  color: #333;
  display: block;
  height: 27px;
  padding: 99px 0 0 37px;
  text-decoration: none;
  width: 145px;
}
* html ul.haworthCard li a {
  width: 182px;
  height: 126px;
}
ul.haworthCard li.castelli {
  background: url(../img/haworth-castelli.jpg) no-repeat left top;
}
ul.haworthCard li.dyes{
  background: url(../img/haworth-dyes.jpg) no-repeat left top;
}
ul.haworthCard li.comforto {
  background: url(../img/haworth-comforto.jpg) no-repeat left top;
}
ul.haworthCard li.art {
  background: url(../img/haworth-art.jpg) no-repeat left top;
}

/* o skandinavskem nabytku */
#o-skandinavskem-designu #content {
  background: url(../img/o-skandinavskem-nabytku.jpg) no-repeat center 125px;
  min-height: 580px;
}
* html #o-skandinavskem-designu #content {
  height: 640px;
}
#o-skandinavskem-designu .contentFooterLinks a, #o-skandinavskem-designu .oNabytkuLeft a {
  color: #000;
}
#o-skandinavskem-designu .contentFooterLinks a:hover, #o-skandinavskem-designu .oNabytkuLeft a:hover {
  color: #B7154E;
}
.oNabytkuLeft {
  float: left;
  width: 515px;
}

/* ke stazeni */
#ke-stazeni #content {
  background: url(../img/ke-stazeni.jpg) no-repeat center 65px;
  min-height: 540px;
}
* html #ke-stazeni #content {
  height: 600px;
}
#ke-stazeni h2 {
  margin: 20px 0 10px;
}
#ke-stazeni h3 {
  margin-bottom: 5px;
}
#ke-stazeni .content970 ul {
  font-size: 1.08em;
  margin-bottom: 25px;
}
#ke-stazeni .content970 ul li {
  background: url(../img/li.gif) no-repeat left 12px;
  padding: 6px 0 6px 9px;
}
#ke-stazeni .content970 ul li a {
  margin-right: 5px;
}
#ke-stazeni .content970 ul li em {
  color: #999;
  font-size: 0.85em;
  font-style: normal;
}
#ke-stazeni .content970 strong em {
  color: #bc0b49;
  font-style: normal;
}

/* katalog */
#catLine1 {
  text-align: right;
}
#catLine1 a {
  color: #666;
}
#catLine1 h2 {
  color: #666;
  float: left;
  font-size: 1.25em;
  font-weight: normal;
}
#catLine1 p, #catLine1 form, #catLine1 fieldset {
  display: inline !important;
  width: auto !important;
}
#catLine1 form {
  margin-left: 25px;
  overflow: hidden;
}
#catLine1 label {
  display: none !important;
}
#catLine1 select {
  height: 26px;
  width: 160px;
}

#catLine2 {
  float: left;
  height: 26px;
  margin: -7px 0;
  width: 970px;
}
#catLine2 form {
  float: left;
  width: 650px;
}
#catLine2 form fieldset {
  float: left;
}
#catLine2 label {
  color: #666;
  display: none !important;
  float: left;
  font-size: 1.25em;
  height: 26px;
  line-height: 23px;
  margin-right: 15px;
  text-transform: uppercase;
}
* html #catline2 .jqtransform {
  position: absolute !important;
  z-index: 5;
}
#catLine2 .jqtransform label {
  display: inline !important;
}
#catLine2 .jqtransform input, #catLine2 .jqtransform button {
  display: none !important;
}
#catLine2 select {
  float: left;
  height: 26px;
  width: 160px;
}
#catLine2 #design, #catLine2 .jqTransformSelectWrapper {
  margin-right: 45px;
}

#catLine2 .search {
  float: right;
  height: 26px;
  position: relative;
  width: 250px;
}
#catLine2 .search .input {
  background: url(../img/input-search.gif) no-repeat left top;
  float: left;
  margin: 0;
  width: 182px;
}
#catLine2 .search input {
  color: #000;
  float: left;
  margin: 0;
  width: 162px;
}
* html #catLine2 .search input {
  padding-top: 5px;
  width: 182px;
}
#catLine2 .search p {
  float: right;
  display: inline;
  height: 26px;
  line-height: 26px;
  margin: 0;
  overflow: hidden;
  width: 68px;
}
#catLine2 .search p input {
  height: 26px;
  width: 68px;
}
* html #catLine2 .search p input {
  margin-left: -3px;
}
#catLine2 .search .close {
  position: absolute;
  right: 70px;
  top: 3px;
  z-index: 2;
}

.filters {
  margin: -10px 0 !important;
}
.filters strong {
  background: url(../img/filter-active.gif) no-repeat left top;
  display: inline-block;
  margin: -10px 10px;
}
.filters strong.cufon {
  background: transparent;
  margin: 0 10px 0 0;
}
.filters strong a {
  background: url(../img/filter-active.gif) no-repeat right bottom;
  color: #999;
  font-weight: normal;
  margin: 0;
  padding: 0 10px;
  text-decoration: none;
}
.filters a {
  display: inline-block;
  height: 26px;
  line-height: 26px;
  margin: 0 10px;
}
.filters strong a:hover, .filters strong a:active, .filters strong a:focus {
  color: #000;
}

#cat1 {
  clear: both;
  margin: -19px 0 0 -20px;
  padding-bottom: 5px;
  position: relative;
  text-align: left;
  width: 990px;
}
#cat1 li {
  display: inline;
  float: left;
  overflow: hidden;
  margin: 19px 0 0 21px;
  height: 127px;
  position: relative;
  width: 309px;
}
#cat1 li:hover, #cat1 li:focus, #cat1 li:active, #cat1 li.active {
  margin: 19px -4px -4px 21px;
  height: 131px;
  width: 313px;
}
#cat1 li h2 {
  background: url(../img/ico-plus-big.gif) no-repeat 12px 94px;
  bottom: 2px;
  font-size: 1.67em;
  font-weight: normal;
  left: 2px;
  line-height: 41px;
  padding: 82px 0 0 40px;
  text-transform: uppercase;
  position: absolute;
  width: 100%;
  z-index: 3;
}
* html #cat1 li h2 {
  bottom: 1px;
}
#cat1 li h2 a {
  display: block;
  margin: -82px 0 0 -40px;
  padding: 82px 0 0 40px;
  position: relative;
  text-decoration: none;
  width: 100%;
}
#cat1 li img {
  left: 0;
  position: absolute;
  top: 0;
}
#cat1 li .bg {
  background: url(../img/cat1-bg.png) no-repeat left top;
  display: block;
  height: 258px;
  left: 0;
  position: absolute;
  top: -131px;
  width: 313px;
  z-index: 2;
}
#cat1 li:hover .bg, #cat1 li:focus .bg, #cat1 li:active .bg, #cat1 li.active .bg {
  top: 0;
}

#cat1 ul {
  display: none;
  font-size: 0.92em;
  height: 85px;
  margin: 0;
  padding-top: 8px;
  position: relative;
  width: 309px;
  z-index: 4;
}
#cat1 ul a {
  color: #333;
}
#cat1 li.sub:hover ul {
  display: block;
}
#cat1 li.sub:hover img {
  display: none;
}
#cat1 li ul li {
  height: auto;
  margin: 8px 1px 1px 19px;
  width: 130px;
}

#cat2 {
  margin-left: -20px;
  position: relative;
  width: 990px;
  z-index: 2;
}
#cat2 li {
  display: inline;
  float: left;
  margin: 17px 0 0 17px;
  height: 220px;
  position: relative;
  width: 230px;
  z-index:1;
}
#cat2 li.ads1, #cat2 li.ads2, #cat2 li.ads1 a:hover, #cat2 li.ads2 a:hover {
  height: 220px !important;
  width: 477px !important;
}
#cat2 li.ads1 a:hover, #cat2 li.ads2 a:hover, #cat2 li.ads1 a:hover img, #cat2 li.ads2 a:hover img {
  margin: 0 !important;
}
#cat2 li.ads2, #cat2 li.ads2 a:hover {
  height: 457px !important;
}
#cat2 h2 {
  font-size: 1em;
}
#cat2 h2 a {
  color: #333;
  text-decoration: none;
  z-index: 2;
}
#cat2 h2 strong {
  background: url(../img/ico-plus-big.gif) no-repeat left 11px;
  bottom: 0;
  display: block;
/*  height: 35px; */
  line-height: 35px;
  left: 9px;
  padding: 0 0 0 26px;
  position: absolute;
  width: 229px;
  z-index: 3;
}
* html #cat2 h2 strong {
  width: 255px;
}
#cat2 h2 strong .hover {
	display: none;
}
#cat2 li img {
  left: 0;
  line-height: 220px;
  position: absolute;
  text-align: center;
  top: 0;
}
#cat2 li .bg {
  background: url(../img/cat2-bg.png) no-repeat left top;
  cursor: pointer;
  display: block;
  height: 220px;
  left: 0;
  position: absolute;
  top: 0;
  width: 230px;
  z-index: 2;
}
#cat2 p {
  background: url(../img/cat2-p-bg.png) no-repeat left top;
  color: #c30045;
  font-size: 1.08em;
  height: 35px;
  left: 0;
  padding: 6px 11px;
  position: absolute;
  top: 0;
  width: 230px;
}
#cat2 p strong {
  margin-right: 15px;
}
#cat2 li:hover, #cat2 li.active {
  z-index:50;
}
#cat2 li:hover a, #cat2 li:active a, #cat2 li:focus a, #cat2 li.active a {
  background: url(../img/cat2-detail-bg.png) no-repeat left top;
  color: #c30045;
  font-size: 1.33em;
  height: 280px;
  margin: -30px -26px;
  position: relative;
  float: left;
  width: 282px;
  z-index: 50;
}
#cat2 li:hover a .bg, #cat2 li:active a .bg, #cat2 li:focus a .bg, #cat2 li.active a .bg {
  display: none !important;
  visibility: hidden !important;
  left:-9999px !important;
}
#cat2 li:hover a small, #cat2 li:active a small, #cat2 li:focus a small, #cat2 li.active a small {
  display: none !important;
}
#cat2 li:hover a img, #cat2 li:active a img, #cat2 li:focus a img, #cat2 li.active a img {
  margin: 20px 0 0 26px;
}
#cat2 li:hover a strong, #cat2 li:active a strong, #cat2 li:focus a strong, #cat2 li.active a strong {
  background: #fff;
  bottom: 6px;
  left: 0;
  margin: 0 26px 1px 1px;
  line-height: 32px;
  display: block;
}
#cat2 li:hover a strong .hover, #cat2 li:active a strong .hover, #cat2 li:focus a strong .hover, #cat2 li.active a strong .hover {
  display: block;
}

#cat3 {
  margin-left: -20px;
  position: relative;
  width: 990px;
}
#cat3 li {
/*
  display: inline;
  float: left;
  height: 220px;
  margin: 10px 0 24px;
  position: relative;
*/
  display: inline;
  float: left;
  margin: 17px 0 0 17px;
  height: 220px;
  overflow: hidden;
  position: relative;
  text-align: center;
  width: 230px;
  z-index: 2;
}
#cat3 li a {
  text-decoration: none;
}
#cat3 li h2 {
  font-size: 1.5em;
  padding: 191px 0 0 0;
  text-align: left;
  text-transform: uppercase;
}
#cat3 li h2 strong {
  background: url(../img/ico-plus-big.gif) no-repeat left center;
  display: block;
  padding-left: 25px;
  position: relative;
}
/*
#cat3 li.cat3-1 {
  width: 185px;
}
#cat3 li.cat3-2 {
  margin-left: 49px;
  width: 194px;
}
#cat3 li.cat3-2 strong {
  margin-left: 22px;
}
#cat3 li.cat3-3 {
  margin-left: 44px;
  width: 260px;
}
#cat3 li.cat3-3 strong {
  margin-left: 49px;
}
#cat3 li.cat3-4 {
  margin-left: 75px;
  width: 163px;
}
#cat3 li.cat3-4 strong {
  margin-left: 10px;
}
*/
#cat3 li img {
  left: 0;
  position: absolute;
  top: 0;
}
#cat3 li strong {
  position: relative;
  z-index: 2;
}

#catLine3 {
  font-size: 2.75em;
  text-align: center;
}
#catLine3 p {
  margin: -15px 0;
}
#catLine3 a {
  margin: 0 5px;
  text-decoration: none;
}

.cat4Letter {
  float: left;
  font-size: 16.5em;
  line-height: 1em !important;
  margin: 7px 0 0 0 !important;
  width: 162px;
}
.cat4Letter strong, .cat4Letter strong span {
  font-weight: normal;
  height: 142px;
  width: 157px;
}
.cat4Letter strong.j, .cat4Letter strong.j span, .cat4Letter strong.q, .cat4Letter strong.q span {
  height: 170px;
}
.cat4Letter strong.a span {
  background-image: url(../img/design-letter-a.gif);
}
.cat4Letter strong.b span {
  background-image: url(../img/design-letter-b.gif);
}
.cat4Letter strong.c span {
  background-image: url(../img/design-letter-c.gif);
}
.cat4Letter strong.d span {
  background-image: url(../img/design-letter-d.gif);
}
.cat4Letter strong.e span {
  background-image: url(../img/design-letter-e.gif);
}
.cat4Letter strong.f span {
  background-image: url(../img/design-letter-f.gif);
}
.cat4Letter strong.g span {
  background-image: url(../img/design-letter-g.gif);
}
.cat4Letter strong.h span {
  background-image: url(../img/design-letter-h.gif);
}
.cat4Letter strong.i span {
  background-image: url(../img/design-letter-i.gif);
}
.cat4Letter strong.j span {
  background-image: url(../img/design-letter-j.gif);
}
.cat4Letter strong.k span {
  background-image: url(../img/design-letter-k.gif);
}
.cat4Letter strong.l span {
  background-image: url(../img/design-letter-l.gif);
}
.cat4Letter strong.m span {
  background-image: url(../img/design-letter-m.gif);
}
.cat4Letter strong.n span {
  background-image: url(../img/design-letter-n.gif);
}
.cat4Letter strong.o span {
  background-image: url(../img/design-letter-o.gif);
}
.cat4Letter strong.p span {
  background-image: url(../img/design-letter-p.gif);
}
.cat4Letter strong.q span {
  background-image: url(../img/design-letter-q.gif);
}
.cat4Letter strong.r span {
  background-image: url(../img/design-letter-r.gif);
}
.cat4Letter strong.s span {
  background-image: url(../img/design-letter-s.gif);
}
.cat4Letter strong.t span {
  background-image: url(../img/design-letter-t.gif);
}
.cat4Letter strong.u span {
  background-image: url(../img/design-letter-u.gif);
}
.cat4Letter strong.v span {
  background-image: url(../img/design-letter-v.gif);
}
.cat4Letter strong.w span {
  background-image: url(../img/design-letter-w.gif);
}
.cat4Letter strong.x span {
  background-image: url(../img/design-letter-x.gif);
}
.cat4Letter strong.y span {
  background-image: url(../img/design-letter-y.gif);
}
.cat4Letter strong.z span {
  background-image: url(../img/design-letter-z.gif);
}
.cat4Article {
  float: right;
  padding: 0 0 15px 388px;
  min-height: 150px;
  position: relative;
  width: 420px;
}
* html .cat4Article {
  height: 165px;
  width: 808px;
}
.cat4Article {
  float: right;
  padding-left: 388px;
  width: 420px;
}
.cat4Article h2 a {
  border-bottom: 1px #c30045 solid;
  text-decoration: none;
}
.cat4Article p {
  margin: 10px 0 0 0 !important;
}
.cat4Img {
  display: inline;
  float: left;
  height: 136px;
  left: 0;
  position: absolute;
  top: 0;
  width: 361px;
}
.cat4Img span {
  background: url(../img/cat4img-bg.png) no-repeat left top;
  height: 136px;
  left: 0;
  position: absolute;
  top: 0;
  width: 361px;
}

#catLine5 ul {
  text-align: center;
}
#catLine5 ul li {
  display: inline;
  font-size: 2.5em;
  margin-right: 16px;
  text-transform: uppercase;
}
#catLine5 ul li a {
  color: #c30045;
  text-decoration: none;
}

.top10 {
  float: left;
  font-size: 12em;
  line-height: 1em !important;
  margin: 7px 0 0 0 !important;
  padding-top: 15px;
  width: 170px;
}
.top10 strong, .top10 strong span {
  font-weight: normal;
  height: 123px;
  width: 170px;
}
.top10 strong.top01 span {
  background-image: url(../img/top10-01.gif);
}
.top10 strong.top02 span {
  background-image: url(../img/top10-02.gif);
}
.top10 strong.top03 span {
  background-image: url(../img/top10-03.gif);
}
.top10 strong.top04 span {
  background-image: url(../img/top10-04.gif);
}
.top10 strong.top05 span {
  background-image: url(../img/top10-05.gif);
}
.top10 strong.top06 span {
  background-image: url(../img/top10-06.gif);
}
.top10 strong.top07 span {
  background-image: url(../img/top10-07.gif);
}
.top10 strong.top08 span {
  background-image: url(../img/top10-08.gif);
}
.top10 strong.top09 span {
  background-image: url(../img/top10-09.gif);
}
.top10 strong.top10 span {
  background-image: url(../img/top10-10.gif);
}
.top10Article {
  float: left;
  padding: 15px 0 15px 437px;
  width: 363px;
}
* html .top10Article {
  width: 800px;
}
.top10Article #starsInfo {
  top: -42px;
}
.top10Article h2 a {
  border-bottom: 1px #c30045 solid;
  text-decoration: none;
}
.top10Article h2 a:hover {
  border-bottom: 1px #000 solid;
}
.top10Article img {
  float: left;
  margin: -28px 0 0 -399px;
}
.top10Article p strong {
  display: block;
  margin: 10px 0 45px;
}
.top10Article ul {
  float: none;
  margin: 0 0 10px;
  overflow: visible;
}
.top10Article ul li.current {
  text-indent: 0;
}
.top10Article ul li.current strong {
  font-weight: normal;
  left: 131px;
  position: absolute;
  top: 2px;
}
/*
.cat4Article h2 a {
  border-bottom: 1px #c30045 solid;
  text-decoration: none;
}
.cat4Article p {
  margin: 10px 0 0 0 !important;
}
.cat4Img {
  display: inline;
  float: left;
  height: 136px;
  margin: -28px 0 0 -388px;
  position: relative;
  width: 361px;
}
.cat4Img span {
  background: url(../img/cat4img-bg.png) no-repeat left top;
  height: 136px;
  left: 0;
  position: absolute;
  top: 0;
  width: 361px;
}
*/

#cat5 {
  margin-left: -27px;
  position: relative;
  width: 997px;
}
#cat5 li {
  display: inline;
  float: left;
  margin: 30px 0 30px 27px;
  height: 156px;
  position: relative;
  width: 222px;
}
#cat5 h2 {
  display: block;
  height: 156px;
  font-size: 1.25em;
  position: relative;
  width: 222px;
  z-index: 2;
}
#cat5 h2 a {
  color: #c30045;
  text-decoration: none;
  z-index: 2;
}
#cat5 h2 strong {
  bottom: 0;
  display: block;
  height: 31px;
  line-height: 31px;
  left: 9px;
  position: absolute;
  text-transform: uppercase;
  z-index: 3;
}
#cat5 li:hover h2, #cat5 li.active h2 {
  display: none;
}
#cat5 .hover {
  background: url(../img/cat5-hover-bg.png) no-repeat left top;
  height: 246px;
  left: -67px;
  position: absolute;
  top: -99999px;
  width: 345px;
  z-index: 5;
}
#cat5 .cat5-1 .hover {
  left: 0;
}
#cat5 .cat5-4 .hover {
  left: auto;
  right: 0;
}
#cat5 li:hover .hover, #cat5 li.active .hover {
  top: -44px;
}
#cat5 li.active {
  z-index: 5;
}
#cat5 .hover h3 {
  margin: 18px 0 0 18px;
}
#cat5 .hover h3 a {
  background: url(../img/logo-scandium.gif) no-repeat -999px -999px;
  color: #c30045 !important;
  height: 100%;
  left: 0;
  position: absolute;
  text-decoration: none;
  top: 0;
  width: 100%;
  z-index: 2;
}
#cat5 .hover h3 a strong {
  border-bottom: 1px #c30045 solid;
  display: inline;
  float: left;
  margin: 18px;
  text-decoration: none;
}
#cat5 .hover h3 img {
  left: auto;
  position: absolute;
  right: 20px;
  top: 20px;
}
#cat5 .hover p {
  color: #fff;
  margin: 0 18px;
}
#cat5 .hover p strong {
  color: #666;
  display: block;
  margin: 5px 0 33px;
}
#cat5 li img {
  left: 0;
  position: absolute;
  top: 0;
}
#cat5 li .bg {
  background: url(../img/cat5-bg.png) no-repeat left top;
  display: block;
  height: 156px;
  left: 0;
  position: absolute;
  top: 0;
  width: 222px;
  z-index: 2;
}

#cat6 {
  clear: both;
  margin: -15px 0 0 -14px;
  padding-bottom: 5px;
  position: relative;
  text-align: left;
  width: 984px;
}
#cat6 li {
  display: inline;
  float: left;
  overflow: hidden;
  margin: 15px 0 0 15px;
  height: 237px;
  position: relative;
  width: 231px;
}
#cat6 li:hover, #cat6 li:focus, #cat6 li:active, #cat6 li.active {
  margin: 15px -3px -3px 15px;
  height: 240px;
  width: 234px;
}
#cat6 li h2 {
  background: url(../img/ico-plus-big.gif) no-repeat 12px 290px;
  bottom: 0;
  font-size: 1.5em;
  font-weight: normal;
  left: 2px;
  line-height: 41px;
  padding: 82px 0 0 40px;
  text-transform: uppercase;
  position: absolute;
  width: 190px;
  z-index: 3;
}
* html #cat6 li h2 {
  bottom: 0;
  width: 230px;
}
#cat6 li h2 a {
  display: block;
  height: 41px;
  margin: 0 0 0 -40px;
  padding: 193px 0 0 40px;
  position: relative;
  text-decoration: none;
}
* html #cat6 li h2 a {
  height: 234px;
}
#cat6 li:hover h2 , #cat6 li:active h2 , #cat6 li:focus h2 , #cat6 li.active h2 {
 bottom: 3px;
}
#cat6 li img {
  left: 0;
  position: absolute;
  top: 0;
}
#cat6 li .bg {
  background: url(../img/cat6-bg.png) no-repeat left top;
  display: block;
  height: 477px;
  left: 0;
  position: absolute;
  top: -940px;
  width: 234px;
  z-index: 2;
}
#cat6 li:hover .bg, #cat6 li:focus .bg, #cat6 li:active .bg, #cat6 li.active .bg {
  top: 0;
}

#cat6 ul {
  display: none;
  font-size: 0.92em;
  height: 85px;
  margin: 0;
  padding-top: 8px;
  position: relative;
  width: 309px;
  z-index: 4;
}
#cat6 ul a {
  color: #333;
}
#cat6 li.sub:hover ul {
  display: block;
}
#cat6 li.sub:hover img {
  display: none;
}
#cat6 li ul li {
  height: auto;
  margin: 8px 1px 1px 19px;
  width: 130px;
}

/* designer detail */
.designerLeft {
  float: left;
  width: 420px;
}
.designerLeft h3 {
  color: #c30045 !important;
  font-size: 2.17em;
  margin: 25px 0 0 0;
  text-transform: none !important;
}
.designerLeft .designer {
  height: 280px;
  overflow: hidden;
  position: relative;
  width: 420px;
}
.designerLeft .designer img {
  display: block;
  line-height: 280px;
  text-align: center;
}
.designerLeft .designer span {
  background: url(../img/designer-bg.png) no-repeat left top;
  height: 280px;
  left: 0;
  position: absolute;
  top: 0;
  width: 420px;
}
.designerLeft .designerGalery {
  height: 345px;
  margin: 0 -15px;
  overflow: hidden;
  padding: 15px 0 0 0;
  position: relative;
  width: 450px;
}
* html .designerLeft .designerGalery {
  height: 360px;
}
.designerLeft .designerScroll {
  width: 420px;
  width: 5000px;
}
.designerLeft .dgSec {
  display: inline;
  float: left;
  margin: 0 9px 0 15px;
  height: 244px;
  width: 420px;
}
.designerLeft .dgSec a {
  cursor: pointer;
  display: inline;
  float: left;
  height: 110px;
  overflow: hidden;
  position: relative;
}
.designerLeft .dgSec .img1, .designerLeft .dgSec .img3 {
  margin-right: 24px;
}
.designerLeft .dgSec .img1, .designerLeft .dgSec .img2 {
  margin-bottom: 24px;
}
.designerLeft .dgSec .img1, .designerLeft .dgSec .img3, .designerLeft .dgSec .img1 span, .designerLeft .dgSec .img3 span {
  width: 156px;
}
.designerLeft .dgSec .img2, .designerLeft .dgSec .img4, .designerLeft .dgSec .img2 span, .designerLeft .dgSec .img4 span {
  width: 240px;
}
.designerLeft .dgSec .img3 {
  clear: left;
}
.designerLeft .dgSec span {
  height: 231px;
  left: 0;
  position: absolute;
  top: 0;
}
.designerLeft .dgSec .img1 span {
  background: url(../img/designer-img1-bg.png) no-repeat left top;
}
.designerLeft .dgSec .img2 span {
  background: url(../img/designer-img2-bg.png) no-repeat left top;
}
.designerLeft .dgSec .img3 span {
  background: url(../img/designer-img3-bg.png) no-repeat left top;
}
.designerLeft .dgSec .img4 span {
  background: url(../img/designer-img4-bg.png) no-repeat left top;
}

.designerLeft .dgSec a:hover {
  background: #000;
  height: 121px;
}
.designerLeft .dgSec .img1:hover {
  margin: -11px 19px 24px -11px;
  width: 172px;
}
.designerLeft .dgSec .img2:hover {
  margin: -11px -15px 24px 0;
  width: 255px;
}
.designerLeft .dgSec .img3:hover {
  margin: 0 19px -11px -11px;
  width: 172px;
}
.designerLeft .dgSec .img4:hover {
  margin: 0 -15px -11px 0;
  width: 255px;
}
.designerLeft .dgSec a:hover span {
  margin-top: -110px;
  width: 172px;
}
.designerLeft .dgSec a.img2:hover span, .designerLeft .dgSec a.img4:hover span {
  width: 255px;
}

.designerLeft a.prev, .designerLeft a.next {
  bottom: 0;
  height: 60px;
  left: 15px;
  position: absolute;
  width: 38px;
}
.designerLeft a.next {
  left: auto;
  right: 15px;
}
.designerLeft a.prev span, .designerLeft a.next span {
  height: 60px;
  width: 38px;
}
.designerLeft a.prev span {
  background-image: url(../img/designer-prev.gif);
}
.designerLeft a.next span {
  background-image: url(../img/designer-next.gif);
}
.designerLeft a.prev:hover span, .designerLeft a.next:hover span {
  background-position: left bottom;
}

.designerRight {
  display: inline;
  float: right;
  margin-right: 10px;
  width: 500px;
}

/* detail katalogu */
#detailPhoto {
  background: #fff;
  float: left;
  position: relative;
  text-align: center;
  width: 675px;
  z-index: 2;
}
#detailImage {
  height: 521px;
  overflow: hidden;
  position: relative;
  width: 675px;
  z-index: 1;
}
#detailImage img {
  left: 337px;
  position: absolute;
  top: 260px;
}
h3#price {
  background: url(../img/price-bg.png) no-repeat left top;
  bottom: 153px;
  color: #666;
  font-size: 1.25em !important;
  padding: 5px 0 5px 16px;
  position: absolute;
  right: 240px;
  text-align: right;
  text-transform: none;
  white-space: nowrap;
}
h3#price strong {
  color: #c30045;
  display: block;
  font-size: 2.07em !important;
}

#awards {
  /*
  left: -11px;
  position: absolute;
  top: 15px;
  */
  padding-bottom: 10px;
  position: relative;
  z-index: 2;
}
#awards li {
  border-left: 1px #d3d3d3 solid;
  display: inline;
  float: left;
  margin-right: 16px;
  padding-left: 12px;
}
#awards li.first {
  border: 0;
  padding-left: 0;
}
#awards li .link {
  display: block;
  float: left;
  margin: -7px 0 -7px;
  position: relative;
  text-decoration: none;
}
* html #awards li .link {
  margin: -6px 0 -4px;
}
#awards li .awardTip, #starsInfo {
  background: url(../img/awards-bg-l.png) no-repeat left top;
  color: #999;
  display: block;
  height: 55px;
  left: 5px;
  padding: 8px 6px 0 14px;
  position: absolute;
  text-align: center;
  top: -9999px;
  white-space: nowrap;
}
* html #awards li .awardTip, * html #starsInfo {
  height: 63px;
}
#starsInfo {
  background: url(../img/stars-bg-l.png) no-repeat left top;
  display: none;
  height: 43px;
  left: 0;
  line-height: 1em !important;
  padding: 8px 2px 8px 8px !important;
  text-transform: none !important;
  top: -23px;
  z-index: 3;
}
#awards li .link:hover .awardTip, #awards li .link:active .awardTip, #awards li .link:focus .awardTip, #awards li.linkActive .link .awardTip {
  top: -64px;
}
#awards li .awardBg, #starsInfo span {
  background: url(../img/awards-bg-r.png) no-repeat left top;
  display: block;
  height: 52px;
  position: absolute;
  right: -8px;
  top: 0;
  width: 8px;
}
#starsInfo span {
  background: url(../img/stars-bg-r.png) no-repeat left top;
}
#starsInfo .starsInfo {
  background: transparent;
  display: inline;
  height: auto;
  position: relative;
  right: auto;
  top: 0;
  width: auto;
}
#awards li strong {
  color: #c30045;
  display: block;
  font-weight: normal;
  margin-top: 3px;
}
#awards li img {
  left: 0;
  position: relative;
  top: 0;
}
#awards li small#iconAward {
  background:url(../img/award-hall.png) no-repeat 0 -2px;
  display:block;
  width:25px;
  height:22px;
}
#awards li small#iconTop {
  background:url(../img/award-top.png) no-repeat 0 -2px;
  display:block;
  width:43px;
  height:22px;
}
#awards li small.icon {
  width:22px;
  height:22px;
  display:block;
}
#awards li a small {
  cursor: pointer;
}
#awards li:hover small, #awards li.linkActive small {
  background-position: 0 -44px !important;
}
#awards li .link:hover small#iconAward, #awards li .link:hover small#iconTop, #awards li.linkACtive small#iconAward, #awards li.linkActive small#iconTop {
  background-position: 0 -46px !important;
}
#awards li small#ev1 {
  background:url(../img/ev-nordic-environmental-label.png) no-repeat 0 0;
}
#awards li small#ev2 {
  background:url(../img/ev-red-dot-design-award.png) no-repeat 0 0;
}
#awards li small#ev3 {
  background:url(../img/ev-if.png) no-repeat 0 0;
}
#awards li small#ev4 {
  background:url(../img/ev-excellent-swedish-design.png) no-repeat 0 0;
}
#awards li small#ev5 {
  background:url(../img/ev-excellent-swedish-design.png) no-repeat 0 0;
}
#awards li small#ev6 {
  background:url(../img/ev-good-design.png) no-repeat 0 0;
}

#detailFull {
  margin-left: 30px;
  position: relative;
  width: 646px;
  z-index: 13;
}
#detailFull #fullLinks {
  font-size: 1.25em;
  margin: 20px 0 0 1px;
  position: relative;
  text-transform: uppercase;
  width: 646px;
  z-index: 2;
}
#detailFull #fullLinks li {
  display: inline;
  float: left;
  height: 37px;
}
#detailFull #fullLinks li a {
  border-left: 1px #e6e6e7 solid;
  cursor: pointer;
  display: block;
  float: left;
  position: relative;
  text-decoration: none;
}
#detailFull #fullLinks li a strong {
  background: url(../img/ico-plus-grey.gif) no-repeat 20px center;
  font-weight: normal;
  display: block;
  float: left;
  padding: 6px 25px 7px 42px;
}
#detailFull #fullLinks li a:hover, #detailFull #fullLinks li.active a {
  background: url(../img/detailfull-bg.gif) no-repeat left bottom;
  border-left: 1px #fff solid;
  margin: -5px -5px -5px 0;
  z-index: 2;
}
#detailFull #fullLinks li a:hover strong, #detailFull #fullLinks li.active a strong {
  background: url(../img/detailfull-bg.gif) no-repeat right bottom;
  padding: 6px 36px 17px 36px;
  z-index: 2;
}

#detailFull .fullInfo {
  background: url(../img/detailfull-bg.png) no-repeat left top;
  bottom: 39px;
  display: none;
  font-size: 0.73em;
  height: 110px;
  left: 1px;
  overflow: hidden;
  position: absolute;
  text-align: left;
  text-transform: none;
  width: 644px;
}
* html #detailFull .fullInfo {
  background: url(../img/detailfull-bg.gif) no-repeat left top;
  bottom: 38px;
}
#detailFull li:hover .fullInfo, #detailFull li.active .fullInfo {
  display: block; 
}
#detailFull #fullLinks .fullInfo ul {
  display: inline;
  float: left;
  margin: 17px 10px 0 18px;
  width: auto;
}
#detailFull #fullLinks .fullInfo li {
  display: block;
  clear: both;
  height: auto;
  margin-bottom: 13px;
  width: auto;
}
#detailFull #fullLinks .fullInfo li a {
  background: transparent;
  border: 0;
  display: inline;
  float: none;
  font-size: 1.18em;
  margin: 0 5px 0 0 !important;
  text-decoration: underline;
}
#detailFull #fullLinks .fullInfo li a:hover {
  margin: 0 5px 0 0;
}


#detailFull #fullLinks div a, #detailFull #fullLinks div a:hover {
  background: transparent !important;
  border: 0 !important;
}

#detailFull #fullLinks .photoThumbs {
  height: 105px;
  margin-left: 31px;
  padding-left: 4px;
  overflow: hidden;
  width: 579px;
}
* html #detailFull #fullLinks .photoThumbs {
  width: 583px;
}
#detailFull #fullLinks .photoScroll {
  padding-top: 20px;
  position: relative;
  width: 10000px;
}
#detailFull #fullLinks .photoScroll a {
  display: inline;
  float: left;
  height: 69px;
  margin: 0 8px !important;
  overflow: hidden;
  position: relative;
  width: 99px;
}
#detailFull #fullLinks .photoScroll a img {
  left: 0;
  position: absolute;
  top: 0;
  z-index: 1;
}
#detailFull #fullLinks .photoScroll a:hover {
  height: 79px;
  margin: -5px 0 -5px 1px !important;
  width: 114px;
}
#detailFull #fullLinks .photoScroll a span {
  background-image: url(../img/detail-photo.png);
  display: block;
  height: 148px;
  left: 0;
  margin-top: -79px;
  position: absolute;
  top: 0;
  width: 114px;
  z-index: 2;
}
#detailFull #fullLinks .photoScroll a:hover span {
  margin-top: 0;
}

#detailFull #fullLinks .photoSlide {
  position: absolute;
  left: 0;
  margin-left: 18px;
  top: 0;
  width: 610px;
  background: #ccc;
}
#detailFull #fullLinks a.left, #detailFull #fullLinks a.right {
  height: 21px;
  left: 0;
  position: absolute;
  top: 48px;
  width: 11px;
}
#detailFull #fullLinks a.right {
  left: auto;
  right: 0;
}
#detailFull #fullLinks a.left, #detailFull #fullLinks a.right, #detailFull #fullLinks a.left span, #detailFull #fullLinks a.right span {
  height: 21px;
  width: 11px;
}
#detailFull #fullLinks a.left span, #detailFull #fullLinks a.right span {
  left: 0;
  position: absolute;
  top: 0;
}
#detailFull #fullLinks a.left span {
  background-image: url(../img/detail-photo-left.gif);
}
#detailFull #fullLinks a.right span {
  background-image: url(../img/detail-photo-right.gif);
}
#detailFull #fullLinks .photoSlide a:hover, #detailFull #fullLinks li.active .photoSlide a {
  margin: 0 ;
  height: 21px;
  width: 11px;
}
#detailFull #fullLinks p a.left:hover span, #detailFull #fullLinks p a.right:hover span {
  background-position: left bottom;
}

#detailFull #fullLinks #technicka-specifikace {
  background: url(../img/detailfull-bg-top.png) no-repeat left top;
  height: auto;
  overflow: visible;
  top: auto;
}
* html #detailFull #fullLinks #technicka-specifikace {
  background: url(../img/detailfull-bg-top.gif) no-repeat left top;
}
#detailFull #fullLinks #technicka-specifikace .fullInfoBot {
  background: url(../img/detailfull-bg-bot.gif) no-repeat left bottom;
}
#detailFull #fullLinks #technicka-specifikace ul {
  display: inline;
  float: left;
  font-size: 1.08em;
  overflow: hidden;
  padding-bottom: 7px;
  width: 294px;
}
#detailFull #fullLinks #technicka-specifikace ul li {
  clear: none;
  float: left;
  margin: 0;
  padding: 0 18px 13px 0;
  width: 294px;
}
* html #detailFull #fullLinks #technicka-specifikace ul li {
  width: 311px;
}
#detailFull #fullLinks #technicka-specifikace li strong {
  color: #c30045;
  display: block;
  font-size: 1.23em;
  margin-bottom: 5px;
  text-transform: uppercase;
}

#detailBasic, #detailNext {
  clear: right;
  display: inline;
  float: right;
  margin: 0 54px 10px 0;
  position: relative;
  width: 206px;
  z-index: 2;
}
#detailBasic {
  background: url(../img/ico-minus.gif) no-repeat -999px -999px;
  margin-top: -6px;
}
#detailBasic .cufon {
  color: #666;
  margin: 0;
  text-transform: uppercase;
}
#detailBasic .cufon strong {
  color: #b80746;
  font-size: 1.25em;
}
#detailBasic a {
  background: url(../img/ico-plus.gif) no-repeat left center;
  display: block;
  padding-left: 21px;
}
#detailBasic #description, #detailBasic #descriptionShort {
  width: 206px !important;
}
#detailBasic #description {
  background: #fff;
  float: right;
  height: 1px;
  margin: 15px 0 0 -206px !important;
  overflow: hidden;
  position: relative;
}
#detailBasic #description a {
  background: url(../img/ico-minus.gif) no-repeat left center;
  position: relative;
}
#detailBasic #descriptionShort {
  float: left;
  margin-top: 15px !important;
}

#detailNext h3 {
  color: #c30045;
  font-size: 2.08em;
  margin-bottom: 15px;
}
#detailNext h3 strong {
  color: #666;
  display: block;
  font-size: 0.60em;
}
#detailNext #designer {
  margin-bottom: 50px;
}
#detailNext #designer a, #detailNext #designer .likeA {
  background: url(../img/ico-plus.gif) no-repeat left center;
  display: block;
  padding-left: 21px;
  width: 203px;
}
#detailNext #designer a span, #detailNext #designer .likeA span {
  display: block;
  height: 76px;
  margin: 0 0 13px -21px;
  overflow: hidden;
  position: relative;
  width: 203px;
}
#detailNext #designer a span span, #detailNext #designer .likeA span span {
  background: url(../img/detail-designer.png) no-repeat left top;
  left: 0;
  margin: 0;
  position: absolute;
  top: 0;
}
#detailNext #designer img {
  display: block;
  line-height: 76px;
  text-align: center;
}

#detailNext .btn {
  background: #b90846 url(../img/detailnext-btn.gif) no-repeat left top;
  color: #fff;
  display: block;
  float: left;
  font-size: 2.17em;
  text-decoration: none;
  text-transform: uppercase;
}
#detailNext .btn strong {
  background: url(../img/detailnext-btn.gif) no-repeat right -47px;
  cursor: pointer;
  display: block;
  float: left;
  font-weight: normal;
  height: 47px;
  line-height: 47px;
  overflow-y: hidden;
  padding: 0 22px;
}
#detailNext .btn:hover {
  background: #202020 url(../img/detailnext-btn.gif) no-repeat left -94px;
}
#detailNext .btn:hover strong {
  background: url(../img/detailnext-btn.gif) no-repeat right -141px;
}

#detailNext form {
  position: relative;
  width: 201px;
  z-index: 2;
}
#detailNext form label {
  display: none;
}
#detailNext form .input {
  background: url(../img/input-quantity.gif) no-repeat left top;
  bottom: 9px;
  height: 27px;
  left: 11px;
  margin: 0;
  overflow-y: hidden;
  position: absolute;
  width: 33px;
}
#detailNext form .input input {
  font-size: 1.67em;
  height: 27px !important;
  padding: 0;
  text-align: center;
  width: 33px !important;
}
#detailNext form .jqTransformInputWrapper {
  height: 27px !important;
  overflow: hidden;
  width: 33px !important;
}
#detailNext form select {
  margin-bottom: 12px;
  width: 200px;
}
* html #detailNext form select {
  margin-bottom: 10px;
}
#detailNext form .jqTransformSelectWrapper {
  margin-bottom: 12px;
  width: 200px !important;
}
* html #detailNext form .jqTransformSelectWrapper {
  margin-bottom: 10px;
}
#detailNext form .jqTransformSelectWrapper ul {
	width: 200px !important;
}
#detailNext form .jqTransformSelectWrapper div span {
  width: 160px !important;
}
* html #detailNext form .jqTransformSelectWrapper div span {
  width: 170px !important;
}
#detailNext form p {
  clear: both;
  height: 47px;
  margin: 0;
}
#detailNext form p input {
  background: #c41251;
  color: #fff;
  display: block;
  height: 47px;
  width: 201px;
}

#detailNext #links {
  clear: both;
  font-size: 0.92em;
  padding: 53px 0 25px;
  position: relative;
  z-index: 1;
}
#detailNext #links li {
  clear: both;
  display: block;
  position: relative;
}
#detailNext #links a {
  color: #808285;
  display: inline-block;
  background-position: left 4px;
  background-repeat: no-repeat;
  padding: 4px 0 7px 21px;
}
#detailNext #links a:hover, #detailNext #links a:active, #detailNext #links a:focus, #detailNext #links a.active {
  background-position: left -22px;
  color: #333;
}
#detailNext #links li.facebook a {
  background-image: url(../img/links-facebook.gif);
}
#detailNext #links li.mail a {
  background-image: url(../img/links-mail.gif);
}
#detailNext #links li.pdf a {
  background-image: url(../img/links-pdf.gif);
}
#detailNext #links li.fav a {
  background-image: url(../img/links-fav.gif);
}

/* objednavka */
.objednavkaLeft {
  float: left;
  overflow: hidden;
  width: 598px;
}
.objednavkaLeft .article {
  background: url(../img/objednavka-article.gif) no-repeat 284px 8px;
  border-top: 1px #ebebeb solid;
  padding: 14px 0 13px;
  position: relative;
  width: 595px;
}
.objednavkaLeft .articleFirst {
  border: 0;
}
.objednavkaLeft .article img {
  float: left;
  margin-right: 40px;
}
.objednavkaLeft .article .articleInfo {
  float: left;
  width: 150px;
}
.objednavkaLeft .article h2 {
  background: url(../img/ico-plus-big.gif) no-repeat left center;
  font-size: 1.67em !important;
  margin: 24px 0 6px -25px;
  padding-left: 25px;
  text-transform: uppercase;
}
.objednavkaLeft .article p {
  margin: 0;
  width: 100%;
}
.objednavkaLeft .articleInfo p {
  margin-bottom: 10px !important;
}
.objednavkaLeft .article p strong {
  color: #c30045;
}
.objednavkaLeft input {
  width: 268px;
}
* html .objednavkaLeft input {
  width: 288px !important;
}
.objednavkaLeft .article .input {
  display: inline;
  float: left;
  height: 26px;
  margin: 50px 0 0 65px;
  position: relative;
  width: 46px;
}
.objednavkaLeft .article .input input, .objednavkaLeft .article .input .jqTransformInputWrapper {
  width: 46px !important;
}
.objednavkaLeft .article .quant {
  background: #f0f0f0 url(../img/quant-bg.gif) no-repeat left center;
  display: inline;
  float: left;
  height: 23px;
  line-height: 23px !important;
  position: relative;
  text-align: center;
  width: 55px;
}
.objednavkaLeft .small {
  font-size: 0.92em;
}
.objednavkaLeft .article .input label {
  display: none !important;
}
.objednavkaLeft .article .input input {
  background: transparent;
  border: 0;
  float: left;
  height: 20px;
  padding: 6px 0 0 4px;
  width: 42px;
}
* html .objednavkaLeft .article .input input {
  height: 26px;
  width: 46px !important;
}
.objednavkaLeft .article .input a, .objednavkaLeft .article .input a span {
  height: 13px;
  text-decoration: none;
  width: 30px;
}
.objednavkaLeft .article .input a {
  float: left;
  display: inline;
  font-size: 1.25em;
  margin: -26px 0 0 46px;
  position: relative;
}
.objednavkaLeft .article .input a.down {
  margin: -13px 0 0 46px;
}
.objednavkaLeft .article .input a.up span {
  background: url(../img/objednavka-up.gif) no-repeat left top;
}
.objednavkaLeft .article .input a.down span {
  background: url(../img/objednavka-down.gif) no-repeat left top;
}
.objednavkaLeft .article .input p {
  font-size: 1.25em;
  margin: 0 -30px 0 -23px;
  position: absolute;
  text-align: right;
  top: 28px;
  width: 100px;
}
#content .objednavkaLeft .article h3 {
  float: right;
  font-size: 2.5em !important;
  margin: 45px 0 0 0 !important;
  text-transform: none !important;
}
.objednavkaLeft .article h3 .small {
  font-size: 0.5em;
}
.objednavkaLeft .article p {
  clear: both;
  float: none;
}
.objednavkaLeft .article p a {
  margin-right: 22px;
}
.objednavkaLeft label {
  display: block;
  font-weight: bold;
  margin-left: 4px;
}
.objednavkaLeft label span {
  font-weight: normal;
}
.objednavkaLeft #jqTransformTextarea-mm div {
  height: 79px !important;
}
.objednavkaLeft textarea {
  background: #f0f0f0 url(../img/objednavka-textarea.gif) no-repeat left top;
  border: 0;
  height: 71px;
  padding: 4px;
  resize: none;
  width: 366px;
}
* html .objednavkaLeft textarea {
  height: 79px;
  width: 374px;
}

.objednavkaLeft fieldset {
  float: left;
  overflow: hidden;
  width: 290px;
}
.objednavkaLeft fieldset.fRight {
  float: right;
}
.objednavkaLeft fieldset h3 {
  color: #c30045 !important;
  margin: 0 0 10px 4px !important;
}
.objednavkaLeft fieldset strong, .objednavkaLeft fieldset label {
  color: #c30045;
}
.objednavkaLeft fieldset strong {
  margin-left: 4px;
}
.objednavkaLeft fieldset label span {
  color: #848484;
}
.objednavkaLeft fieldset .input {
  background: #f2f2f2 url(../img/input-objednavka.gif) no-repeat left top;
  width: 288px;
}
.objednavkaLeft fieldset p input {
  width: 94px !important;
}
.objednavkaLeft label.grey {
  color: #848484 !important;
  font-weight: normal !important;
  height: 26px;
}
.objednavkaLeft label.grey input {
  width: auto !important;
}
.objednavkaLeft fieldset.second label {
  color: #eaa5bd;
}
.objednavkaLeft fieldset.second label span {
  color: #c1c1c1;
}
.objednavkaLeft fieldset.second .input {
  background: #f8f8f8 url(../img/input-objednavka.gif) no-repeat left bottom;
}
.objednavkaLeft fieldset.second .input input {
  color: #848484 !important;
}

.objednavkaLeft fieldset ul.error_list {
  color: #f00;
  font-weight: bold;
  margin: 10px 0 10px 4px;
}

.objednavkaLeft fieldset p {
  clear: both;
  font-weight: bold;
}
.objednavkaLeft fieldset .radio label {
  color: #666;
  float: left;
  font-weight: normal;
  line-height: 19px;
  margin-right: 15px;
}
.objednavkaLeft fieldset .radio input {
  height: auto;
  float: left;
  margin: 3px 5px 0 0;
  width: auto !important;
}
.objednavkaLeft .radio_list li {
  clear: both;
}
.objednavkaLeft fieldset .jqTransformCheckboxWrapper {
  clear: both;
  margin-bottom: 20px;
}
.objednavkaLeft fieldset.fRight .jqTransformCheckboxWrapper {
  margin-bottom: 0;
}
.objednavkaLeft fieldset .radio label em {
  color: #999;
  display: block;
  font-size: 0.92em;
  font-style: normal;
  position: relative;
  width: 225px;
}
.krok3 .objednavkaLeft h3 {
  color: #c30045 !important;
  margin: 5px 0 0 20px !important;
}

.objednavkaRight {
  display: inline;
  float: right;
  width: 356px;
}
.objednavkaRight p {
  margin-bottom: 0 !important;
  padding-bottom: 15px !important;
}
.objednavkaRight p.priceLike strong {
  margin-top: -31px;
}
.summary {
  border: 1px #ececec solid;
  position: relative;
  width: 354px;
}
* html .summary {
  width: 356px;
}
.summaryTop {
  background: url(../img/summary-top-bg.gif) no-repeat left top;
  margin: -1px -1px 0 -1px;
  position: relative;
  width: 356px;
}
.summaryBot {
  background: url(../img/summary-bot-bg.gif) no-repeat left bottom;
  margin-bottom: -1px;
  padding: 0 1px;
  position: relative;
  width: 354px;
}
* html .summaryBot {
  width: 356px;
}
.summaryBot {
  background: url(../img/summary-bot-bg.gif) no-repeat left bottom;
  margin-bottom: -1px;
  padding: 0 1px 15px;
  position: relative;
  width: 354px;
}
.summaryBot .summaryFirst, .summaryBot .summaryBg1, .summaryBot .summaryBg2, .summaryBot .summaryBorderT {
  padding: 20px 20px 10px;
}
.krok3 .summaryBot .summaryFirst, .krok3 .summaryBot .summaryBg1, .krok3 .summaryBot .summaryBg2, .krok3 .summaryBot .summaryBorderT {
  padding: 15px 20px 5px;
}
.summaryBot .summaryLast {
  margin-bottom: -10px;
  padding-bottom: 0;
}
.summaryFirst {
  background: #f9f9f9 url(../img/summary-first-bg.gif) no-repeat left top !important;
}
.summaryBorderT {
  border-top: 1px #e5e5e5 solid;
}
.summaryBg1 {
  background: #f5f5f5;
}
.summaryBot p {
  clear: both;
  padding-bottom: 5px;
  position: relative;
  width: 100%;
}
.summaryBot p strong, .summary label strong {
  position: absolute;
  right: 0;
}

.objednavkaRight h3 {
  color: #c30045 !important;
  font-size: 2.75em !important;
  margin: -10px 0 10px 0 !important;
  text-transform: uppercase;
}
.krok3 .objednavkaRight h3 {
  margin-top: 0 !important;
}
.objednavkaRight h4 {
  font-size: 1em;
  margin-bottom: 10px;
}
.objednavkaRight .btn {
  background: #b00e47 url(../img/btn.gif) no-repeat left top;
  color: #fff;
  display: block;
  float: left;
  font-size: 1.5em;
  text-decoration: none;
  text-transform: uppercase;
  white-space: nowrap;
}
.objednavkaRight .btn strong {
  background: url(../img/btn.gif) no-repeat right -35px;
  float: left;
  font-weight: normal;
  height: 35px;
  line-height: 32px;
  margin: 0 !important;
  padding: 0 10px;
}
.objednavkaRight .btn:hover {
  background-position: left -70px;
  color: #fff;
}
.objednavkaRight .btn:hover strong {
  background-position: right -105px;
}
.objednavkaRight label {
  float: left;
  height: 26px;
  line-height: 26px;
  margin-right: 15px;
}
.objednavkaRight label strong {
  right: 20px;
  white-space: nowrap;
}
* html .objednavkaRight label strong {
  margin-top: -8px;
}
.objednavkaRight select {
  float: left;
  height: 26px;
  width: 136px;
}
.objednavkaRight .jqTransformSelectWrapper {
  float: left;
  /* width: 136px !important; */
}
.objednavkaRight .summaryBg1 .jqTransformSelectWrapper {
	background: #ddd url(../img/catline1-select-grey.gif) no-repeat top left !important;
}
.objednavkaRight .summaryBg1 .jqTransformSelectOpen {
	background: #ddd url(../img/catline1-select-grey.gif) no-repeat top right;
}
* html .objednavkaRight .jqTransformSelectWrapper {
  margin-bottom: 10px;
}
/*
.objednavkaRight .jqTransformSelectWrapper ul {
	width: 136px !important;
}
.objednavkaRight .jqTransformSelectWrapper div span {
  width: 107px !important;
}
* html .objednavkaRight .jqTransformSelectWrapper div span {
  width: 107px !important;
}
*/
.objednavkaRight p input {
  width: auto;
}
.krok3 .objednavkaRight p input {
  width: auto;
}
.objednavkaRight .summaryAdress h4 {
  color: #000;
}
.objednavkaRight .summaryAdress p {
  clear: none;
  display: inline;
  float: left;
  margin-right: 10px;
  width: 150px;
}
.objednavkaRight .summaryAdress p.noM {
  margin: 0;
}
.objednavkaRight .summaryAdress p strong {
  display: block;
  margin-bottom: 4px;
  position: static;
  right: auto;
}
.objednavkaRight .summaryAdress p br {
  display: inline-block !important;
}
.objednavkaRight strong.cufon {
  font-size: 1.58em;
}
.objednavkaRight strong.cufon .small {
  font-size: 0.68em;
}

#existLogin {
  background: #1a1a1a url(../img/exist-login-bg.gif) no-repeat left top;
  float: left;
  height: 86px;
  margin-bottom: 15px;
  padding-top: 11px;
  text-align: center;
  width: 597px;
}
* html #existLogin {
  height: 97px;
}
#existLogin h3 {
  color: #fff;
  font-size: 2.33em;
  margin: 0;
  text-transform: none;
}
#existLogin p {
  color: #999;
  font-size: 1.33em;
}
#existLogin p a {
  color: #fff;
}

.objednavkaLeft .fullBox {
  border: 1px #ececec solid;
  clear: both;
  margin-bottom: 15px;
  position: relative;
  width: 594px;
}
* html .objednavkaLeft .fullBox {
  width: 596px;
}
.objednavkaLeft .fullBox .fullBoxTop {
  background: url(../img/objednavka-fullbox-top.gif) no-repeat left top;
  margin: -1px;
  position: relative;
  width: 596px;
}
.objednavkaLeft .fullBox .fullBoxBot {
  background: url(../img/objednavka-fullbox-bot.gif) no-repeat left bottom;
  padding: 1px;
}
.objednavkaLeft .fullBox h2 {
  padding: 15px 0 20px 20px;
  text-transform: uppercase;
  position: relative;
}
.objednavkaLeft .fullBox h4 {
  clear: both;
  color: #000;
  font-size: 1em;
  padding: 0 0 20px 20px;
}
.objednavkaLeft .fullBox p {
  display: inline;
  float: left;
  margin: 0 0 0 19px !important;
  padding-bottom: 15px;
  width: 175px;
}
.objednavkaLeft .fullBox p strong {
  display: block;
  font-size: 1.67em;
  margin-bottom: 10px;
}
.objednavkaLeft .fullBox p em {
  color: #c30045;
  font-style: normal;
}
.objednavkaLeft .fullBox p br {
  display: inline-block !important;
}
.objednavkaLeft .fullBox table {
  border-collapse: collapse;
  width: 100%;
}
.objednavkaLeft .fullBox table td {
  padding: 15px 33px;
}
.objednavkaLeft .fullBox table tr.second td {
  background: #f5f5f5;
}
.objednavkaLeft .fullBox table td strong {
  background: url(../img/ico-plus-small.gif) no-repeat left center;
  color: #c30045;
  display: block;
  margin-left: -18px;
  padding-left: 18px;
  position: relative;
  text-transform: uppercase;
}
.krok4 .objednavkaLeft .fullBox h3 {
  color: #c30045 !important;
  font-size: 1.67em !important;
  padding: 10px 0 0 20px !important;
  margin-bottom: 0 !important;
  position: relative;
  text-transform: uppercase;
}
.objednavkaLeft .fullBoxBg2 p {
  font-weight: bold;
  clear: both;
  margin-bottom: 5px;
  position: relative;
  width: 556px !important;
}
.objednavkaLeft .fullBoxBg2 p strong {
  font-size: 1em !important;
  position: absolute;
  right: 0;
  top: 0
}
.objednavkaLeft .fullBox .fullBoxBorderT {
  border-top: 1px #e8e8e8 solid;
  clear: both;
  padding-top: 15px;
}
.objednavkaLeft .fullBoxBg3 {
  background: #1d1d1d url(../img/fullbox-bg3.gif) no-repeat left top;
  color: #999;
  float: left;
  height: 30px;
  overflow: hidden;
  padding-top: 33px;
  width: 596px;
}
* html .objednavkaLeft .fullBoxBg3 {
  height: 63px;
}
.objednavkaLeft .fullBox .fullBoxBg3 strong {
  color: #fff;
  font-size: 2.5em !important;
  top: -15px !important;
}
.objednavkaLeft .fullBox .fullBoxBg3 strong .small {
  font-size: 0.53em !important;
}

.objednavkaRightInfo {
  padding-top: 5px;
}
.objednavkaRightInfo h3 {
  font-size: 1.67em !important;
  text-transform: none !important;
}
.objednavkaRightInfo p {
  margin-bottom: 20px !important;
}

.objednavkaEnd {
  background: #1c1c1c url(../img/objednavka-end-bg.gif) no-repeat left top;
  height: 84px;
  margin-bottom: 25px;
  overflow: hidden;
  padding-top: 20px;
  text-align: center;
  width: 970px;
}
* html .objednavkaEnd {
  height: 104px;
}
.objednavkaEnd h2 {
  color: #fff !important;
}
.objednavkaEnd h3 {
  color: #999 !important;
}

.objednavkaLeft .print {
  background: #b7154e url(../img/navibottom-bg.gif) no-repeat left -70px;
  color: #999;
  float: right;
  font-size: 1.5em;
  text-decoration: none;
  text-transform: uppercase;
}
.objednavkaLeft .print strong {
  background: url(../img/navibottom-bg.gif) no-repeat right -105px;
  display: block;
  float: left;
  height: 35px;
  line-height: 35px;
  padding: 0 22px;
}

/* paticka v obsahu */
.contentFooterInfo {
  float: left;
  width: 470px;
}
#content .contentFooterInfo h3 {
  color: #999;
  font-size: 1.58em !important;
  margin-bottom: 8px !important;
  text-transform: none !important;
}
#content .contentFooterInfo h3 a {
  border-bottom: 1px #b7154e solid;
  text-decoration: none;
}
#content .contentFooterInfo h3 a:hover, #content .contentFooterInfo h3 a:active, #content .contentFooterInfo h3 a:focus {
  border-bottom: 1px #000 solid;
}

.contentFooterLinks {
  float: right;
  width: 460px;
}

.contentFooterLinks ul {
  float: left;
  margin-top: 5px;
  width: 220px;
}
.contentFooterLinks ul li {
  margin: 4px 0 7px;
  width: 200px;
}

ul.buttons {
  float: right;
  width: 231px;
}
.kontaktyLeft ul.buttons {
  float: left;
}
.buttons li {
  display: block;
  font-size: 1.25em;
  margin: 4px 0;
}
.buttons li a {
  background: #bb0948;
  color: #fff !important;
  display: block;
  height: 47px;
  overflow-y: hidden;
  text-decoration: none;
  text-transform: uppercase;
  width: 231px;
}
ul.buttons li a strong {
  cursor: pointer;
  display: block;
  height: 42px;
  padding: 5px 0 0 60px;
  width: 171px;
}
* html ul.buttons li a strong {
  height: 47px;
  width: 231px;
}
ul.buttons li a strong {
  display: block;
  font-weight: normal;
}
ul.buttons li.t a {
  background: url(../img/contentfooter-li-button-t.gif) no-repeat left top;
}
ul.buttons li.b a {
  background: url(../img/contentfooter-li-button-b.gif) no-repeat left top;
}
ul.buttons li a:hover {
  background-position: left bottom;
}
ul.buttons a strong {
  background-position: 10px 8px;
  background-repeat: no-repeat;
}
ul.buttons a:hover strong {
  background-position: 10px -60px;
}
ul.buttons li.file a strong {
  background-image: url(../img/li-button-file.gif);
}
ul.buttons li.mess a strong {
  background-image: url(../img/li-button-mess.gif);
}
ul.buttons li.love a strong {
  background-image: url(../img/li-button-love.gif);
}
ul.buttons li.post a strong {
  background-image: url(../img/li-button-post.gif);
}

#objednavka .contentFooterInfo h3, #objednavka .contentFooterLinks h3 {
  color: #c30045;
  font-size: 1.67em;
  margin-bottom: 10px !important;
  text-transform: none;
}

/* 2.3) hlavni navigace
------------------------------------------------------------------------------*/
#navi {
  clear: both;
  padding: 0 200px;
}
* html #navi {
  overflow-x: hidden;
  width: 100%;
}
#navi ul {
  clear: both;
  font-size: 1.1em;
  height: 41px;
  margin: 0 auto;
  text-align: left;
  text-transform: uppercase;
  width: 800px;
}
* html #navi ul {
  margin-left: 25px; 
}
#navi ul li {
  float: left;
  display: inline;
  margin-right: 15px;
}
#navi ul li a {
  color: #808080;
  height: 15px;
  display: block;
  float: left;
  text-decoration: none;
}
#navi ul li a span {
  height: 15px;
}
#navi ul li.active a {
  color: #000;
}
#navi ul li a:hover {
  border-bottom: 1px #808080 solid;
}
#navi ul li.active a:hover {
  border-color: #000;
}

#navi ul li a.novinky, #navi ul li a.novinky span {
  width: 53px;
}
#navi ul li a.novinky span {
  background-image: url(../img/navi-novinky.gif);
}
#navi ul li a.sluzby, #navi ul li a.sluzby span {
  width: 47px;
}
#navi ul li a.sluzby span {
  background-image: url(../img/navi-sluzby.gif);
}
#navi ul li a.reference, #navi ul li a.reference span {
  width: 66px;
}
#navi ul li a.reference span {
  background-image: url(../img/navi-reference.gif);
}
#navi ul li a.o-nas, #navi ul li a.o-nas span {
  width: 39px;
}
#navi ul li a.o-nas span {
  background-image: url(../img/navi-onas.gif);
}
#navi ul li a.kontakty, #navi ul li a.kontakty span {
  width: 53px;
}
#navi ul li a.kontakty span {
  background-image: url(../img/navi-kontakty.gif);
}

#navi ul li a.news, #navi ul li a.news span {
  width: 35px;
}
#navi ul li a.news span {
  background-image: url(../img/navi-news.gif);
}
#navi ul li a.services, #navi ul li a.services span {
  width: 54px;
}
#navi ul li a.services span {
  background-image: url(../img/navi-services.gif);
}
#navi ul li a.references, #navi ul li a.references span {
  width: 71px;
}
#navi ul li a.references span {
  background-image: url(../img/navi-references.gif);
}
#navi ul li a.about-us, #navi ul li a.about-us span {
  width: 58px;
}
#navi ul li a.about-us span {
  background-image: url(../img/navi-about-us.gif);
}
#navi ul li a.contacts, #navi ul li a.contacts span {
  width: 57px;
}
#navi ul li a.contacts span {
  background-image: url(../img/navi-contacts.gif);
}

/* newsletter */
.newsletterLeft {
  float: left;
  position: relative;
  width: 343px;
  z-index: 2;
}
.newsletterLeft h2 {
  font-size: 1.67em !important;
  margin-bottom: 10px;
  text-transform: uppercase;
}
.newsletterLeft h3 {
  font-size: 1.67em !important;
  margin-bottom: 30px !important;
  text-transform: none !important;
}
.newsletterLeft form {
  clear: both;
}
.newsletterLeft .checkbox label {
  font-weight: normal !important;
  position: relative;
  width: 255px;
}
.newsletterLeft .checkbox label .jqTransformCheckboxWrapper {
  margin-bottom: 30px;
}
.newsletterLeft p input {
  width: 111px;
}
.newsletterLeft p input.odeslat {
  width: 102px;
}

.newsletterLeft .greenBox {
  background: #ecffbc url(../img/newsletter-greenbox-t.gif) no-repeat left top;
  position: relative;
  width: 333px;
}
.newsletterLeft .greenBoxBg {
  background: url(../img/newsletter-greenbox-b.gif) no-repeat left bottom;
  padding: 15px 15px 0 !important;
}
.newsletterLeft .greenBox h3 {
  color: #333 !important;
  margin-bottom: 20px !important;
}
.newsletterLeft .greenBox label {
  font-weight: normal;
  width: 128px;
}
.newsletterLeft .greenBox .input {
  background: url(../img/input-green-newsletter.gif) no-repeat left top;
  float: left;
  width: 128px;
}
.newsletterLeft .greenBox .input input {
  width: 128px;
}
.newsletterLeft .greenBox p {
  float: right;
  margin-top: -15px;
}
.newsletterLeft .greenBox p input {
  width: 141px;
}

.newsletterLeft label strong.error {
  color: #c30045;
  font-weight: normal;
  margin-left: 5px;
}
.newsletterLeft .inputError {
  background: #efdce3 url(../img/input-error.gif) no-repeat left top;
}
.newsletterLeft .checkbox .error {
  background: url(../img/newsletter-nesouhlas.png) no-repeat left top;
  color: #333;
  font-size: 1.25em;
  height: 123px;
  padding: 13px 15px 0 40px;
  position: absolute;
  right: -150px;
  top: -38px;
  width: 198px;
  z-index: 3;
}
* html .newsletterLeft .checkbox .error {
  height: 136px;
  width: 253px;
}
.newsletterLeft .checkbox .error em {
  color: #c30045;
  display: block;
  font-size: 1.87em;
  margin-bottom: 10px;
}

.newsletterRight {
  display: inline;
  float: right;
  margin-right: 30px;
  width: 567px;
}
.newsletterRight .fullBox {
  border: 1px #ececec solid;
  position: relative;
  width: 565px;
}
* html .newsletterRight .fullBox {
  width: 567px;
}
.newsletterRight .fullBoxTop {
  background: url(../img/newsletter-fullbox-top.gif) no-repeat left top;
  margin: -1px;
  position: relative;
  width: 567px;
}
.newsletterRight .fullBoxBot {
  background: url(../img/newsletter-fullbox-bot.gif) no-repeat left bottom;
  padding: 1px 1px 5px;
}
.newsletterRight .fullBox h3 {
  color: #c30045 !important;
  margin: 0 !important;
  padding: 16px 0 21px 20px !important;
}
.newsletterRight .fullBox ul {
  clear: both;
  padding-left: 5px;
}
.newsletterRight .fullBox ul li {
  background: url(../img/newsletter-thumb-bg.gif) no-repeat left 24px;
  color: #666;
  display: inline;
  float: left;
  font-size: 1.08em;
  margin-left: 15px;
  text-align: center;
  width: 166px;
}
.newsletterRight .fullBox ul li .cufon {
  display: block;
  height: 25px;
  margin-left: 4px;
  text-align: left;
}
.newsletterRight .fullBox .pagenation {
  margin: 0 !important;
  padding: 30px 0 35px;
}
.newsletterRight a.prev, .newsletterRight a.next {
  bottom: 0;
  height: 47px;
  left: 20px;
  padding: 0 !important;
  position: absolute;
  width: 31px;
}
.newsletterRight a.next {
  left: auto;
  right: 20px;
}
.newsletterRight a.prev span, .newsletterRight a.next span {
  height: 47px;
  width: 31px;
}
.newsletterRight a.prev span {
  background-image: url(../img/newsletter-prev.gif);
}
.newsletterRight a.next span {
  background-image: url(../img/newsletter-next.gif);
}
.newsletterRight a.prev:hover span, .newsletterRight a.next:hover span {
  background-position: left bottom;
}

/* 2.4) druha navigace
------------------------------------------------------------------------------*/
#naviSecond {
  background: #a1023a url(../img/navi-bg.gif) repeat-x left bottom;
  clear: both;
  height: 30px;
  font-size: 1.5em;
  /*overflow: hidden;*/
  padding-top: 12px;
  /*position: relative;*/
  text-align: center;
  width: 100%;
  z-index: 3;
}
* html #naviSecond {
  height: 42px;
}
#naviSecond div {
  background: #ba0948 url(../img/navi-bg.gif) repeat-x left top;
  height: 42px;
  left: 0;
  margin-left: -21px;
  position: absolute;
  top: 66px;
  width: 50%;
}
* html #naviSecond div {
  margin-left: -15px;
}
#naviSecond ul {
  display: block;
  margin: 0 auto;
  position: relative;
  width: 834px;
  z-index: 3;
}
* html #naviSecond ul {
  margin: 0;
  width: 810px;
}
#naviSecond ul li {
  display: inline;
  float: left;
  letter-spacing: -0.0075em;
  margin-left: 19px;
}
#naviSecond ul li.sep {
  margin-left: 38px;
}
* html #naviSecond ul li.sep {
  margin-left: 28px;
}
#naviSecond ul li a {
  color: #fff;
  height: 20px;
  text-transform: uppercase;
  text-decoration: none;
}
#naviSecond ul li a span {
  height: 20px;
}
#naviSecond ul li a:hover {
  color: #000;
}
#naviSecond ul li a:hover span {
  background-position: left bottom;
}

#naviSecond ul li a.designovy-nabytek span {
  background-image: url(../img/navis-design-nab.gif);
}
#naviSecond ul li a.designovy-nabytek, #naviSecond ul li a.designovy-nabytek span {
  width: 128px;
}
#naviSecond ul li a.e-shop span {
  background-image: url(../img/navis-eshop.gif);
}
#naviSecond ul li a.e-shop, #naviSecond ul li a.e-shop span {
  width: 47px;
}
#naviSecond ul li a.skandinavsky-design span {
  background-image: url(../img/navis-skand-des.gif);
}
#naviSecond ul li a.skandinavsky-design, #naviSecond ul li a.skandinavsky-design span {
  width: 143px;
}
#naviSecond ul li a.kancelarsky-nabytek span {
  background-image: url(../img/navis-kance-nab.gif);
}
#naviSecond ul li a.kancelarsky-nabytek, #naviSecond ul li a.kancelarsky-nabytek span {
  width: 145px;
}
#naviSecond ul li a.proc-haworth span {
  background-image: url(../img/navis-proc-haworth.gif);
}
#naviSecond ul li a.proc-haworth, #naviSecond ul li a.proc-haworth span {
  width: 98px;
}
#naviSecond ul li a.navrhy-kancelari span {
  background-image: url(../img/navis-navrhy-kance.gif);
}
#naviSecond ul li a.navrhy-kancelari, #naviSecond ul li a.navrhy-kancelari span {
  width: 120px;
}


#naviSecond ul li a.design-furniture span {
  background-image: url(../img/navis-des-fur.gif);
}
#naviSecond ul li a.design-furniture, #naviSecond ul li a.design-furniture span {
  width: 116px;
}
#naviSecond ul li a.scandinavian-design span {
  background-image: url(../img/navis-scan-des.gif);
}
#naviSecond ul li a.scandinavian-design, #naviSecond ul li a.scandinavian-design span {
  width: 140px;
}
#naviSecond ul li a.office-furniture span {
  background-image: url(../img/navis-off-fur.gif);
}
#naviSecond ul li a.office-furniture, #naviSecond ul li a.office-furniture span {
  width: 112px;
}
#naviSecond ul li a.why-haworth span {
  background-image: url(../img/navis-why-haw.gif);
}
#naviSecond ul li a.why-haworth, #naviSecond ul li a.why-haworth span {
  width: 93px;
}
#naviSecond ul li a.office-planning span {
  background-image: url(../img/navis-off-pla.gif);
}
#naviSecond ul li a.office-planning, #naviSecond ul li a.office-planning span {
  width: 106px;
}


/* 2.5) jazyky
------------------------------------------------------------------------------*/
#lan {
  display: inline;
  float: right;
  font-size: 1.2em;
  margin: -80px 30px 0 0;
  position: relative;
  z-index: 3;
}
#lan a {
  color: #666;
  height: 15px;
  float: left;
  position: relative;
  text-transform: uppercase;
  text-decoration: none;
}
#lan a span {
  height: 15px;
}
#lan a:hover, #lan a:active, #lan a:focus {
  color: #000;
  border-bottom: 1px #808080 solid;
}

#lan a.english, #lan a.english span {
  width: 52px;
}
#lan a.english span {
  background-image: url(../img/lan-english.gif);
}
#lan a.cesky, #lan a.cesky span {
  width: 37px;
}
#lan a.cesky span {
  background-image: url(../img/lan-cesky.gif);
}

/* 2.6) kosik
------------------------------------------------------------------------------*/
#basketLine {
  background: #252525 url(../img/basketline-bg.gif) repeat-x left top;
  color: #9d9d9d;
  bottom: 0;
  height: 37px;
  left: 0;
  min-width: 970px;
  position: fixed;
  width: 100%;
  z-index: 200;
}
* html #basketLine {
  overflow-x: hidden;
	position: absolute;
}
#basketLine .light {
  background: #393939 url(../img/basketline-bg.gif) repeat-x left bottom;
  float: left;
  height: 37px;
  margin-right: 13px;
  position: relative;
}
#basketLine .activeFavorite {
  background: #000 url(../img/basket-hover.gif) repeat left bottom;
  border-right:1px solid #7C7C7C;
  margin-right:12px;
  margin-top:-1px;
  height:38px;
}

#basketLine .basketActive {
  background: #000 url(../img/basket-hover.gif) repeat left top;
  border-bottom: 1px #7c7c7c solid;
  bottom: 37px;
  left: 0;
  position: absolute;
  z-index: -1;
  width: 680px;
}
#basketLine .basket .basketActive {
  display: block;
  left: auto;
  right: 0;
}
* html #basketLine .basket .basketActive {
  bottom: 36px;
  right: -1px;
}
#basketLine ul {
  width: 200%;
}
#basketLine #favActive {
  width: 340px;
}
#basketLine #favActive ul {
  border: 0;
  height: auto;
  overflow: hidden;
  width: 100%;
}
* html #basketLine ul {
  height: 37px;
  width: auto;
}
#basketLine .basketActive ul {
  border-bottom: 1px #666 solid;
  height: 37px;
  display: block;
  margin: 0;
  /*
  overflow: hidden;
  */
  text-align: left;
}
#basketLine #basketScroll ul {
  border: 0;
  width: 680px;
}
#basketLine .basketActive #basketScroll {
  overflow: hidden;
  width: 680px;
}
#basketLine .basketActive #basketScroller {
  display: inline;
  float: left;
  height: 39px;
  margin-left: 18px;
}
#basketLine .basketActive #basketScroller a {
  display: inline;
  float: left;
  height: 39px;
  margin: 23px 42px 0 0;
  position: relative;
  width: 25px;
}
#basketLine .basketActive #basketScroller a span {
  background: url(../img/basketbottom-left.gif) no-repeat left top;
  height: 39px;
  left: 0;
  position: absolute;
  top: 0;
  width: 25px;
}
#basketLine .basketActive #basketScroller a.right span {
  background-image: url(../img/basketbottom-right.gif);
}
#basketLine .basketActive #basketScroller a:hover span {
  background-position: left bottom;
}
#basketLine .basketActive li {
  background: #3d3d3d;
  display: block;
  float: left;
  height: 108px;
  line-height: 1em !important;
  margin: 0 !important;
  overflow: hidden;
  padding: 17px 0 0;
  position: relative;
  width: 340px;
}
* html #basketLine .basketActive li {
  height: 125px;
}
#basketLine #favActive li {
  width: 100%;
}
#basketLine li {
  float: right;
}
.basketActive li.sec {
  background: #373737 !important;
}
.basketActive li .thumb {
  height: 93px;
  left: 17px;
  overflow: hidden;
  position: absolute;
  top: 17px;
  width: 136px;
}
.basketActive li .thumb span {
  background: url(../img/basket-thumb.png) no-repeat left top;
  cursor: pointer;
  display: block;
  height: 93px;
  left: 0;
  position: absolute;
  top: 0;
  width: 136px;
}
.basketActive li.sec .thumb span {
  background: url(../img/basket-thumb-sec.png) no-repeat left top;
}
#basketLine li a:hover, #basketLine li a:active, #basketLine li a:focus {
  color: #999;
}
.basketActive li a.close {
  position:absolute;
  width:12px;
  height:12px;
  overflow:hidden;
  top:26px;
  right:10px;
}
.basketActive li a.close span {
  background: url(../img/small-close.png) no-repeat 0 0;
  position:absolute;
  top:0;
  left:0;
  width:100%;
  height:100%;
  cursor:pointer;
}
.basketActive li a.close:hover span,
.basketActive li a.close:active span,
.basketActive li a.close:focus span {
  background-position:0 -12px;
}

#favScroll {
  max-height: 375px;
  overflow: hidden;
  overflow-y: auto;
  width: 100%;
}

.basketActive li h3 {
  color: #c30045;
  font-size: 1.6em;
  font-weight: normal;
  line-height: 1em;
  padding: 8px 0 0 166px;
  text-transform: uppercase;
}
.basketActive li h3 a {
  color: #c30045 !important;
}
.basketActive li p {
  color: #ccc;
  padding: 7px 0 0 166px;
  position: relative;
}
.basketActive li p a {
  color: #ccc;
  display: block;
  font-weight: bold;
  padding-top: 5px;
  text-decoration: underline;
}
.basketActive li p strong {
  font-size: 1.67em;
  font-weight: normal;
}

.basketActive .basketBottom {
  float: left;
  height: 73px;
  padding-bottom: 14px;
  width: 680px;
}
#favActive .basketBottom {
  width: 340px;
}
* html .basketActive .basketBottom {
  height: 87px;
}
.activeFav .basketActive .basketBottom {
  width: auto;
}
* html .basketActive .basketBottom {
  display: inline;
  float: none;
}

.basketActive p {
  clear: both;
}
.basketActive .more, .basketActive .face {
  color: #797979;
  float: left;
  font-size: 1.2em;
  margin: 13px 0 18px 13px;
  text-transform: uppercase;
}
.basketActive .more {
  background: url(../img/ico-plus.gif) no-repeat left center;
  margin-right: 30px;
  padding-left: 17px;
}
.basketActive .face {
  background: url(../img/ico-face.gif) no-repeat left center;
  margin-right: 13px;
  padding-left: 19px;
}

.basketActive .fav {
  background: #bd0c4b url(../img/basket-fav-left.gif) no-repeat left top;
  clear: both;
  color: #fff;
  display: inline;
  float: left;
  font-size: 1.5em;
  margin-left: 13px;
  text-transform: uppercase;
  white-space: nowrap;
}
.basketActive .fav strong {
  background: url(../img/basket-fav-right.gif) no-repeat right top;
  clear: both;
  display: inline;
  float: left;
  font-weight: normal;
  height: 26px;
  line-height: 24px;
  padding: 0 19px 0 13px;
}

#basketLine a {
  color: #fff;
  text-decoration: none;
}
#basketLine h4 {
  background: url(../img/ico-basket.gif) no-repeat 4px 12px;
  display: inline;
  float: left;
  font-size: 1.5em;
  height: 35px;
  line-height: 35px;
  padding: 0 0 0 37px;
  overflow: hidden;
  text-decoration: none;
}
#basketLine h4 a {
  color: #999;
  text-decoration: none;
}
#basketLine h4 a:hover, #basketLine h4 a:active, #basketLine h4 a:focus {
  color: #fff;
}
#basketLine .light h4 {
  background: url(../img/ico-fav.gif) no-repeat 20px 14px;
  padding: 0 20px 0 20px;
}
#basketLine .light h4 a, #basketLine .light h4 .likeA {
  padding-left: 19px;
}

#basketLine .activeFavorite h4 a {
  background: url(../img/ico-fav-hover.gif) no-repeat left 6px;
  padding-left: 19px;
}
* html #basketLine .activeFavorite h4 a {
  background: url(../img/ico-fav-hover.gif) no-repeat left 15px;
}
#basketLine .activeFav {
  height: 37px;
}
#basketLine .activeFav h4 {
  background: #000 url(../img/basket-hover.gif) repeat-x left bottom;
  border-right: 1px #7c7c7c solid;
  height: 38px;
  margin-top: -1px;
  position: relative;
}
#basketLine .activeFavorite h4 {
  background: #000 url(../img/basket-hover.gif) repeat-x left bottom;
  position: relative;
  line-height:36px;
}
#basketLine h4 a strong {
  color: #fff;
  display: inline-block;
  height: 37px;
  padding-left: 2px;
}

#basketLine #addBasketMess, #basketLine #addFavMess {
  background: #ccc;
  color: #000;
  display: none;
  left: 205px;
  position: absolute;
  top: -77px;
  z-index: 10;
  width: 10px !important;
}
#basketLine #addFavMess {
  left: 30px;
}
#basketLine #addBasketMess .toolBoxContentBg, #basketLine #addFavMess .toolBoxContentBg {
  left: 0;
  top: 0;
}
#basketLine #addBasketMess .toolBoxTop, #basketLine #addFavMess .toolBoxTop {
  left: -20px;
  top: -7px;
}
#basketLine #addBasketMess .toolBoxTopBg, #basketLine #addFavMess .toolBoxTopBg {
  background: #1B1B1B;
  height: 12px;
  right: 5px;
  position: absolute;
  top: -7px;
  width: 30px;
}
#basketLine #addBasketMess .toolBoxArrow, #basketLine #addFavMess .toolBoxArrow {
  background-image: url(../img/toolbox-basket-arrow.png);
  bottom: -22px;
  left: -20px;
  height: 27px;
  right: auto;
  top: auto;
  width: 54px;
}
#basketLine #addBasketMess .toolBoxContent, #basketLine #addFavMess .toolBoxContent {
  margin: 5px 0 0 -20px;
}
#basketLine #addBasketMess .toolBoxContent h3, #basketLine #addFavMess .toolBoxContent h3 {
  font-size: 1.2em;
  white-space: nowrap;
}

/* */
* html #basketLine #basketLine {
  top: 0 !important;
}

#basketLine li {
  background: url(../img/basketline-li.gif) no-repeat left bottom;
  float: left;
  display: inline;
  font-size: 1.1em;
  height: 25px;
  margin-left: 16px;
  padding: 12px 0 0 27px;
}
* html #basketLine li {
  height: 37px;
}
#basketLine li.first {
  background: url(../img/basketline-li.gif) no-repeat left top;
}

#basketLine .basket {
  float: left;
  position: absolute;
  right: 0;
  text-align: left;
  top: 0;
  z-index: 2;
  width: 115px;
}
#basketLine .showBasket {
  background: #252525 url(../img/basketline-bg.gif) repeat-x left top;
  float: right;
  font-size: 1.2em;
  height: 37px;
  padding-left: 11px;
  position: relative;
}
#basketLine .showBasket a {
  background: url(../img/ico-plus.gif) no-repeat left 13px;
  display: block;
  float: left;
  height: 37px;
  line-height: 35px;
  padding: 0 19px 0 23px;
  text-decoration: underline;
  white-space: nowrap;
}
#basketLine .showBasket a:hover, #basketLine .showBasket a:active, #basketLine .showBasket a:focus {
  color: #999;
}
#basketLine .activeBasket .showBasket {
  background: #000 url(../img/basket-hover.gif) repeat-x left bottom;
  border-left: 1px #7c7c7c solid;
  height: 38px;
  margin-top: -1px;
  z-index: 2;
}
#basketLine .activeBasket .showBasket a {
  background: url(../img/ico-minus.gif) no-repeat left 15px;
  height: 38px;
  line-height: 38px;
  margin-top: -1px;
  position: relative;
}
#basketLine .basketBottom h3 {
  color: #ccc;
  display: inline;
  float: left;
  font-size: 1.25em;
  font-weight: normal;
  margin: 19px 0 0 15px;
}
* html #basketLine .basketBottom h3 {
  margin-right: 25px;
}
#basketLine .basketBottom h3 strong {
  color: #c30045;
  display: block;
  font-size: 2.13em;
  font-weight: normal;
}
#basketLine .basketBottom p {
  clear: none;
  float: right;
  font-size: 1.1em;
}
#basketLine #favActive .basketBottom p {
  width: auto;
}
* html #basketLine .basketBottom p {
  position: absolute;
  right: 0;
}
#basketLine #favActive .basketBottom p {
  float: left;
  padding-left: 15px;
  width: 340px;
}
* html #basketLine #favActive .basketBottom p {
  left: 0;
}
#basketLine .basketBottom p a {
  color: #6d6d6d;
  height: 47px;
  float: left;
  line-height: 47px;
  margin: 19px 13px 0 2px;
  text-decoration: underline;
}
#basketLine .basketBottom p a.more,
#basketLine .basketBottom p a.face,
#basketLine .basketBottom p a.fav {
  height: auto;
  line-height: 1;
  font-size:1em;
}
#basketLine .basketBottom p a.more:hover,
#basketLine .basketBottom p a.face:hover,
#basketLine .basketBottom p a.fav:hover {
  color:#fff;
}
#basketLine .basketBottom p a.face {
  margin: 19px 0 0 2px
}
#basketLine .basketBottom p a.fav {
  color:#fff;
  font-size:1.2em;
  text-decoration:none;
}
#basketLine .basketBottom p a.fav strong {
  line-height:26px;
}
#basketLine .basketBottom p .btn {
  background: #b7154e url(../img/basketbottom-btn.gif) no-repeat left top;
  color: #fff;
  font-size: 2.17em;
  text-decoration: none;
  text-transform: uppercase;
}
#basketLine .basketBottom p .btn strong {
  background: url(../img/basketbottom-btn.gif) no-repeat right -47px;
  display: block;
  float: left;
  font-weight: normal;
  padding: 0 22px;
}

#basketLine #basketOver {
  background: url(../img/basketline-overflow.png) no-repeat left top;
  display: block;
  height: 37px;
  position: absolute;
  right: 136px;
  top: 1px;
  width: 22px;
}

#basketLine .replace, #basketLine h4 strong {
  display: inline-block;
  height: 19px;
  line-height: 35px;
  vertical-align: top;
}
* html #basketLine .replace, * html #basketLine h4 strong {
  line-height: 36px;
}
#basketLine .replace {
  font-size: 0.8em;
  line-height: 19px;
  margin-top: 9px;
}
* html #basketLine .replace {
  margin-top: 10px;
}
#basketLine .activeFavorite h4 .replace {
  margin-top: 10px;
}
* html #basketLine .activeFavorite h4 .replace {
  margin-top: 11px;
}
* html #basketLine .activeFavorite h4 strong {
  margin-top: 1px;
}
#basketLine .replace span {
  height: 19px;
}
#basketLine a span {
  cursor: pointer;
}
#basketLine a:hover span, #basketLine a:hover span {
  background-position: left bottom;
}

#basketLine .moje-oblibene span {
  background: url(../img/basket-moje-oblibene.gif) no-repeat left -19px;
}
#basketLine .activeFavorite .moje-oblibene span {
  background: url(../img/basket-moje-oblibene.gif) no-repeat left top !important;
}
#basketLine .moje-oblibene, #basketLine .moje-oblibene span {
  width: 94px;
}
#basketLine .my-favorites span {
  background: url(../img/basket-my-favorites.gif) no-repeat left -19px;
}
#basketLine .activeFavorite .my-favorites span {
  background: url(../img/basket-my-favorites.gif) no-repeat left top !important;
}
#basketLine .my-favorites, #basketLine .my-favorites span {
  width: 87px;
}
#basketLine .ks span {
  background: url(../img/basket-ks.gif) no-repeat left -19px;
}
#basketLine .activeFavorite .ks span {
  background: url(../img/basket-ks.gif) no-repeat left top !important;
}
#basketLine .ks, #basketLine .ks span {
  width: 16px;
}
#basketLine .pcs span {
  background: url(../img/basket-pcs.gif) no-repeat left -19px;
}
#basketLine .activeFavorite .pcs span {
  background: url(../img/basket-pcs.gif) no-repeat left top !important;
}
#basketLine .pcs, #basketLine .pcs span {
  width: 23px;
}
#basketLine .kosik span {
  background-image: url(../img/basket-kosik.gif);
}
#basketLine .kosik, #basketLine .kosik span {
  width: 37px;
}
#basketLine .basketEn span {
  background-image: url(../img/basket-basket.gif);
}
#basketLine .basketEn, #basketLine .basketEn span {
  width: 45px;
}
#basketLine .ks-za span {
  background-image: url(../img/basket-ks-za.gif);
}
#basketLine .ks-za, #basketLine .ks-za span {
  width: 35px;
}
#basketLine .pcs-per span {
  background-image: url(../img/basket-pcs-per.gif);
}
#basketLine .pcs-per, #basketLine .pcs-per span {
  width: 50px;
}
#basketLine .kc span {
  background-image: url(../img/basket-kc.gif);
}
#basketLine .kc, #basketLine .kc span {
  width: 16px;
}

/* zeleny tool box */
.toolBox {
  position: absolute;
  text-align: left;
  z-index: 40;
}
#addFavTip {
  display: none;
  left: -285px;
  top: -4px;
  width: 260px;
}
#detailNext #links li:hover #addFavTip {
  display: block;
}
.toolBox .close {
  background: #1b1b1b url(../img/toolbox-close.png) no-repeat right top;
  height: 29px;
  position: absolute;
  right: 24px;
  text-align: center;
  top: -46px;
  width: 30px;
}
.toolBox .close img {
  float: none !important;
  margin: 8px 0 !important;
}
.toolBox .toolBoxTop {
  background: url(../img/toolbox-top.png) no-repeat left top;
  height: 12px;
  left: -5px;
  position: absolute;
  top: -17px;
  width: 100%;
  z-index: 10;
}
.toolBox .toolBoxArrow {
  background: url(../img/toolbox-arrow.png) no-repeat left top;
  height: 75px;
  right: -22px;
  position: absolute;
  top: -41px;
  width: 46px;
  z-index: 15;
}
#addFavTip .toolBoxArrow {
  background-position: left -24px;
  top: -17px;
}
* html #addFavTip .toolBoxArrow {
  background-position: left -25px;
  top: -16px;
  right: -23px;
}
.toolBox .toolBoxContentBg {
  background: url(../img/toolbox-i.png) repeat left top;
  float: left;
  left: 5px;
  padding: 0 5px 5px 0;
  position: relative;
  top: 5px;
  z-index: 10;
}
* html #addFavTip .toolBoxContentBg {
  padding-right: 0;
}
.toolBoxContent {
  background: #1b1b1b url(../img/toolbox-bg.gif) repeat-x left top;
  color: #999;
  display: block;
  margin: -5px 0 0 -5px;
  padding: 8px 20px 20px 20px;
  position: relative;
  z-index: 15;
}
* html .toolBoxContent {
  padding-top: 12px
}
.toolBoxContent ul {
  clear: both;
  font-size: 0.92em;
  padding: 8px 0 20px;
}
.toolBoxContent ul li {
  background: url(../img/toolbox-li.gif) no-repeat left 4px;
  padding: 0 0 7px 17px;
}
.toolBox .clearfix .clearfix {
  background: url(../img/toolboxdoprava-bg.gif) no-repeat center bottom;
  margin-bottom: 25px;
}
.toolBox .clearfix .last {
  background: transparent;
  margin: 0;
}
.toolBox h3 {
  color: #fff !important;
}
.toolBox h4 {
  color: #fff !important;
  font-size: 100%;
}

#toolBoxDoprava {
  display: none;
  left: -450px;
  margin-top: -1px;
}
#toolBoxDoprava .toolBoxContent {
  padding-bottom: 0;
  width: 495px;
}
* html #toolBoxDoprava .toolBoxContent {
  width: 535px;
}
#toolBoxDoprava img {
  float: left;
  margin: 0 10px 0 0;
}
#toolBoxDoprava h3 {
  float: left;
  font-size: 1.17em !important;
  margin: 5px 0 0 0 !important;
  text-transform: none !important;
}
#toolBoxDoprava h3 strong {
  color: #999 !important;
  display: block;
  font-size: 1.36em !important;
  margin-left: 3px;
}
#toolBoxDoprava h4 {
  float: right;
  font-size: 2.5em;
}

#toolBoxDobirka {
  display: none;
  left: -230px;
  margin-top: -3px;
}
#toolBoxDobirka .toolBoxContent {
  padding-bottom: 0;
  width: 245px;
}
* html #toolBoxDobirka .toolBoxContent {
  width: 285px;
}
#toolBoxDobirka h3 {
  font-size: 1.58em !important;
  text-transform: none;
}

#toolBoxKontrola {
  left: -230px;
  margin-top: 10px;
  z-index: 35;
}
#toolBoxKontrola .toolBoxContent {
  padding-bottom: 10px;
  padding-right: 0;
  width: 215px;
}
* html #toolBoxKontrola .toolBoxContent {
  width: 235px;
}
#toolBoxKontrola h3 {
  font-size: 1.58em !important;
  text-transform: none !important;
}
#toolBoxKontrola h4 {
  color: #999 !important;
  font-size: 1.17em !important;
  padding-right: 10px;
}
#toolBoxKontrola .toolBoxArrow {
  background-position: left bottom;
  height: 50px;
  top: -17px;
}

/* chybove stranky */
#error-page #header {
  margin: 0 auto;
  padding-top: 35px;
  width: 970px;
}
#error-page .contentFull {
  border: 0;
  padding-top: 53px;
}
#error-page h2 {
  color: #999;
  font-size: 1.67em;
  margin-left: 145px;
}
#error-page h3 {
  font-size: 1.75em;
  margin: 25px 0 0 145px;
}
#error-page h3 a {
  background: #b7154e url(../img/error-btn.gif) no-repeat left top;
  color: #fff;
  float: left;
  text-decoration: none;
  text-transform: uppercase;
}
#error-page h3 a strong {
  background: url(../img/error-btn.gif) no-repeat right -47px;
  display: block;
  float: left;
  font-weight: normal;
  height: 47px;
  line-height: 47px;
  padding: 0 22px;
}
#error-page #wrap {
  margin-bottom: -44px;
}
#error-page #content {
  padding-bottom: 30px;
}
#error-page #footer {
  height: 30px;
}

/* 2.7) paticka
------------------------------------------------------------------------------*/
#footer {
  background: #fff;
  border-top: 1px #ebebeb solid;
  color: #4c4c4c;
  height: 66px;
  font-size: 1.2em;
  overflow: hidden;
  padding-top: 13px;
  position: relative;
  text-align: left;
  text-transform: uppercase;
  width: 100%;
}
* html #footer {
  height: 60px;
}
#footer a {
  color: #4c4c4c;
  text-decoration: none;
}
/*
#footer ul a strong {
  border-bottom: 1px #6d6d6d solid;
}
#footer a:hover, #footer a:active, #footer a:focus {
  border-bottom: 1px #6d6d6d solid;
  color: #000;
}
*/
#footer a:hover, #footer a:active, #footer a:focus {
  color: #000;
}
#footer ul a:hover strong, #footer ul a:active strong, #footer ul a:focus strong {
  border: 0;
}
#footer ul {
  float: left;
  margin-left: 7px;
  width: 620px;
}
#footer ul li {
  display: inline;
  float: left;
  height: 17px;
  margin-left: 7px;
}
#footer ul li .replace {
  float: left;
}
#footer p {
  float: right;
  padding-right: 10px;
  text-align: right;
}
#footer p span.sep {
  padding: 0 5px;
  visibility: hidden;
}
#footer p strong {
  border-left: #fff 5px solid;
  position: absolute;
  right: 13px;
  top: 13px;
}
* html #footer p strong {
  width: 22px;
}
#footer p strong, #footer p strong span {
  height: 17px;
  width: 17px;
}
#footer p strong span {
  background-image: url(../img/logo-symbio.gif);
  margin: 0;
}

#footer .replace {
  display: inline-block;
}
#footer .replace, #footer .replace span {
  height: 17px;
}
#footer a:hover span {
  background-position: left bottom;
}

#footer .blog span {
  background-image: url(../img/footer-blog.gif);
}
#footer .blog, #footer .blog span {
  width: 174px;
}
#footer .blogEn span {
  background-image: url(../img/footer-blog-en.gif);
}
#footer .blogEn, #footer .blogEn span {
  width: 148px;
}
#footer .facebook span {
  background-image: url(../img/footer-facebook.gif);
}
#footer .facebook, #footer .facebook span {
  width: 132px;
}
#footer .facebookEn span {
  background-image: url(../img/footer-facebook-en.gif);
}
#footer .facebookEn, #footer .facebookEn span {
  width: 128px;
}
#footer .kontakt span {
  background-image: url(../img/footer-kontakt.gif);
}
#footer .kontakt, #footer .kontakt span {
  width: 50px;
}
#footer .contact span {
  background-image: url(../img/footer-contact.gif);
}
#footer .contact, #footer .contact span {
  width: 50px;
}
#footer .mailto {
  margin: 0 3px;
}
#footer .mailto span {
  background-image: url(../img/footer-mailto.gif);
}
#footer .mailto, #footer .mailto span {
  width: 105px;
}
#footer .cislo span {
  background-image: url(../img/footer-cislo.gif);
}
#footer .cislo, #footer .cislo span {
  width: 91px;
}
#footer .copyright span {
  background-image: url(../img/footer-copyright.gif);
}
#footer .copyright, #footer .copyright span {
  width: 152px;
}
#footer .creat span {
  background-image: url(../img/footer-creat.gif);
}
#footer .creat, #footer .creat span {
  width: 85px;
}

/* Fancybox */
#fancy_overlay {
	background: #000;
	display: none;
	left: 0;
	height: 100%;
	top: 0;
	width: 100%;
	position: fixed;
	z-index: 100;
}
* html #fancy_overlay {
	position: absolute;
}

#fancy_wrap {
  font-size: 1.5em;
	text-align: left;
}

#fancy_loading {
	position: absolute;
	height: 40px;
	width: 40px;
	cursor: pointer;
	display: none;
	overflow: hidden;
	background: transparent;
	z-index: 140;
}
#fancy_loading div {
	position: absolute;
	top: 0;
	left: 0;
	width: 40px;
	height: 480px;
	background: transparent url(img/fancybox/fancy_progress.png) no-repeat;
}
#fancy_loading_overlay {
	position: absolute;
	background-color: #FFF;
	z-index: 100;
}
#fancy_loading_icon {
	position: absolute;
	background: url(img/fancybox/fancy_loading.gif) no-repeat;
	z-index: 110;
	width: 16px;
	height: 16px;
}

#fancy_outer {
	position: absolute;
  top: 0;
  left: 0;
  z-index: 130;
  padding: 18px 18px 33px 18px;
  margin: 0;
  background: transparent;
  display: none;
}
#fancy_inner {
	background: #FFF;
	height: 100%;
	position: relative;
	width: 100%;
}
#fancy_content {
  background: #fff;
  border: 10px #fff solid;
  bottom: 0 !important;
  left: 0 !important;
  right: 0 !important;
  top: 0 !important;
	margin: 0;
	z-index: 140;
	position: absolute;
}
* html #fancy_content {
  bottom: 0 !important;
  height: 100% !important;
  left: auto !important;
  padding: 0;
  right: 0 !important;
  top: auto !important;
  width: 100% !important;
}

#fancy_div {
	background: #000;
	color: #FFF;
	height: 100%;
	width: 100%;
	z-index: 140;
}
#fancy_img {
	position: absolute;
	top: 0;
	left: 0;
	border:0; 
	padding: 0; 
	margin: 0;
	z-index: 140;
	width: 100%;
	height: 100%;
}

#fancy_close {
  background: url(../img/fancybox/ico-close.gif) no-repeat left top;
  cursor: pointer;
  height: 24px;
  position: absolute;
  right: 0;
  top: 0;
  width: 84px;
  z-index: 170;
}

#fancy_frame {
	position: relative;
	width: 100%;
	height: 100%;
	display: none;
}

#fancy_ajax {
	width: 100%;
	height: 100%;
	overflow: auto;
}

a#fancy_left, a#fancy_right {
	cursor: pointer;
	display: none;
	height: 46px;
	margin-top: -23px;
	position: absolute;
	top: 50%;
	width: 29px;
	z-index: 150;
}
a#fancy_left {
  background: url(../img/fancybox/fancy_left.png) no-repeat left top;
	left: -43px;
}
a#fancy_right {
  background: url(../img/fancybox/fancy_right.png) no-repeat left top;
	right: -43px;
}
a#fancy_left:hover, a#fancy_right:hover {
	background-position: left bottom;
}
/*
span.fancy_ico {
	position: absolute; 
	top: 50%;
	margin-top: -15px;
	width: 30px;
	height: 30px;
	z-index: 160; 
	cursor: pointer;
	display: block;
}
span#fancy_left_ico {
	left: -9999px;
	background: transparent url(img/fancybox/fancy_left.png) no-repeat;
}
span#fancy_right_ico {
	right: -9999px;
	background: transparent url(img/fancybox/fancy_right.png) no-repeat;
}
*/

a#fancy_left:hover {
  visibility: visible;
}
a#fancy_right:hover {
  visibility: visible;
}
a#fancy_left:hover span {
	left: 20px; 
}
a#fancy_right:hover span {
	right: 20px; 
}

.fancy_bigIframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: transparent;
}

#fancy_bg {
	background: #000;
  display: block;
	height: 100%;
	left: 10px;
  margin: 0;
  padding: 0;
	position: absolute;
	top: 10px;
	width: 100%;
	z-index: 120;
}

#fancy_title, #fancy_title_bg {
	bottom: 0;
	color: #fff;
	display: none;
	height: 44px;
	line-height: 44px;
	position: absolute;
	left: 0;
	width: 100%;
	z-index: 145;
}
#fancy_title div {
	height: 44px;
	line-height: 44px !important;
	padding-left: 15px;
}
#fancy_title_bg {
  background: #000;
  display: block;
  z-index: 140;
}

#fancy_title div {
	color: #FFF;
	padding-bottom: 3px;
}
#fancy_title table {
	margin: 0 auto;
}

#fancy_title table td {
	padding: 0;
	vertical-align: middle;
}
#fancy_title_left {
	height: 32px;
	width: 15px;
	background: transparent url(img/fancybox/fancy_title_left.png) repeat-x;
}
#fancy_title_main {
	height: 32px;
	background: transparent url(img/fancybox/fancy_title_main.png) repeat-x;
}
#fancy_title_right {
	height: 32px;
	width: 15px;
	background: transparent url(img/fancybox/fancy_title_right.png) repeat-x;
}

#carAnim {
  position: absolute;
  right: 0;
  top: -40px !important;
  z-index: 5;
}