/* www.???.cz, media screen */


/* zakladni nastaveni */


html {
font-size: 100.01%;
}

body {
background: #e9e9e9;
color: #565656;
font: normal normal normal 1em/normal sans-serif;
margin: 0;
padding: 0;
text-align: center;
}

p {
margin: 0;
padding: 0;
}

h1,
h2,
h3,
h4,
h5,
h6 {
font-size: 1em;
margin: 0;
padding: 0;
}

ol,
ul {
margin: 0;
padding: 0;
}

ol li,
ul li {
list-style: none;
}

a img {
border: none;
}

ins {
text-decoration: none;
}

fieldset {
border: none;
margin: 0;
padding: 0;
}

label {
cursor: pointer;
}

input.text,
input.password {
font-family: sans-serif;
font-size: 1em;
padding: 2px;
}

input.submit,
input.reset,
input.button {
cursor: pointer;
font-family: sans-serif;
font-size: 1em;
font-weight: bold;
}

textarea {
font-family: sans-serif;
font-size: 1em;
overflow: auto;
padding: 2px;
}

select {
font-family: sans-serif;
font-size: 1em;
}

hr {
border: none;
background-color: #cccccc;
color: #cccccc;
height: 1px;
}


/* stranka */


div#homepage,
div#page {
background: #ffffff;
margin: 0 auto 0 auto;
padding: 0 10px 9px 10px;
text-align: left;
width: 980px;
}

div.wrapper {
clear: both;
}

span.ir, span.shadow {
overflow: hidden !important;
position: absolute;
}

span.ir {
left: 0;
top: 0;
}

a span.ir {
cursor: pointer;
}

div.holder {
display: table-cell;
position: relative;
text-align: center;
vertical-align: middle;
}

div.holder img {
display: block;
left: 0;
margin: 0 auto;
position: relative;
}

div.box {
clear: both;
}

div.container {
clear: both;
padding: 1px 13px 5px 13px;
text-align: justify;
}

div.odd,
p.odd {
float: left;
}

div.even,
p.even {
float: right;
}


/* content */


div#content {
font-size: 0.75em;
line-height: 17px;
padding: 14.7em 0 20px 0;
position: relative;
width: 980px;
}
div#content_match {
font-size: 0.75em;
line-height: 17px;
padding: 0;
position: relative;
width: 980px;
}

div.columns {
width: 980px;
}

div.columns div.left {
float: left;
overflow: hidden;
width: 220px;
margin-top: 60px;
}

div.columns div.right {
float: right;
overflow: hidden;
width: 760px;
}


/* levy sloupec */


/* vyhledavaci formular */


div.searchform {
float: left;
width: 220px;
}

div.searchform h2 {
background: #eaeaea url("../design/searchform-h2.png") repeat-x;
border-bottom: 1px solid #b7b7b7;
color: #505050;
font-size: 1.1em;
font-weight: bold;
padding: 13px 14px 9px 14px;
text-transform: uppercase;
}

div.searchform form {
background: #ebebeb url("../design/searchform-form.png") repeat-x;
margin: 0;
padding: 14px 11px 16px 9px;
position: relative;
}

div.searchform input.text {
background: #e8e8e8 url("../design/searchform-input-text.png");
border: none;
color: #565656;
font-weight: bold;
height: 13px;
padding: 8px;
width: 147px;
}

div.searchform input.image {
position: absolute;
right: 11px;
}


/* box zbozi */


div.goods li.header {
background: #be2a36 url("../design/goods-li-header.png") repeat-x;
font-weight: bold;
padding: 12px 0 9px 0;
margin-top: -1px;
}

div.goods li.header a {
color: #ffffff;
position: relative;
padding: 0 11px 0 14px;
text-decoration: none;
}

div.goods li.header span.arrow {
background: url("../design/goods-header-arrow.png");
height: 3px;
position: absolute;
right: 0;
top: 0.5em;
width: 5px;
}

div.goods li.header a:hover {
color: #ffffff;
text-decoration: underline;
}

div.goods ul.subitems {
margin: 11px 0 -9px 0;
padding: 0;
}

div.goods ul.subitems li {
background: #eaebed url("../design/goods-subitems-li.png") repeat-x;
border-bottom: 1px solid #c1cbdb;
font-weight: normal;
list-style: none;
padding: 7px 4px 4px 14px;
text-indent: -14px;
}

div.goods ul.subitems a {
color: #5c5159;
position: relative;
text-decoration: none;
}

div.goods ul.subitems a span.arrow {
background:url("../design/goods-subitems-arrow.png");
height: 5px;
left: 4px;
top: 0.4em;
position: absolute;
width: 3px;
}

div.goods ul.subitems a.active span.arrow {
background: url("../design/goods-subitems-arrow-active.png");
}

div.goods ul.subitems a:hover {
color: #5c5159;
text-decoration: underline;
}

div.goods ul.subitems a.active {
color: #5c5159;
font-weight: bold;
text-decoration: none;
}


/* reklamy */


div.advert {
margin: 46px 0 42px 0;
}

/* box rady */


div.hints {
margin: 0 0 15px 0;
}

div.hints h3 {
background: #be2a36 url("../design/hints-h3.png") repeat-x;
color: #ffffff;
padding: 12px 12px 7px 12px;
}

div.hints li {
background: #eaebed url("../design/hints-li.png") repeat-x;
border-bottom: 1px solid #c1cbdb;
font-size: 1em;
padding: 7px 4px 4px 14px;
text-indent: -14px;
}

div.hints a {
color: #5c5159;
padding-left: 14px;
position: relative;
text-decoration: none;
}

div.hints a:hover {
color: #5c5159;
text-decoration: underline;
}

div.hints a.active {
color: #5c5159;
font-weight: bold;
text-decoration: none;
}

div.hints a span.arrow { background:url("../design/hints-arrow.png");
height: 5px;
left:4px;
position:absolute;
top:0.4em;
width: 3px;
}


/* pravy sloupec */


div.text {
padding: 10px 0 10px 10px;
}

div.text.normal h1,
div.text.homepage h2,
div.text.catalogue h1,
div.text.catalogue-list h1,
div.text.catalogue-list h2,
div.text.basket h1,
div.text.wizard h1 {
background: #f7f7f7 url("../design/text-hx.png") repeat-x left bottom;
border-bottom: 1px solid #c1cbdb;
color: #dc1320;
font-family: "Trebuchet MS", "Geneva CE", lucida, sans-serif;
font-size: 1.5em;
font-weight: normal;
margin-bottom: 10px;
padding: 11px 20px 9px 20px;
}

div.text.normal h2,
div.text.basket h2 {
background: #be2a36;
border: 1px solid #c0313c;
color: #ffffff;
margin-bottom: 10px;
padding: 9px 20px 8px 20px;
}

div.text.homepage h4,
div.text.catalogue h4,
div.text.catalogue-list h4 {
margin-bottom: 5px;
}

div.text.catalogue h2 {
background: #f7f7f7 url("../design/text-hx.png") repeat-x left bottom;
border-bottom: 1px solid #c1cbdb;
color: #dc1320;
margin-bottom: 10px;
padding: 11px 20px 9px 20px;
}

div.text.catalogue h3 {
color: #dc1320;
margin-bottom: 5px;
}

div.text.basket h3 {
background: #f7f7f7 url("../design/text-hx.png") repeat-x left bottom;
border-bottom: 1px solid #c1cbdb;
color: #dc1320;
margin: -10px 0 10px 0;
padding: 11px 20px 9px 20px;
}

div.text p {
padding-bottom: 20px;
}

div.text ol {
margin: 0 0 20px 2.3em;
}

div.text ul {
margin: 0 0 20px 0;
}

div.text ul li ul {
margin: 0;
}

div.text ol li {
list-style: decimal;
}

div.text ul li {
background: url("../design/ul-li.png") no-repeat 0 0.5em;
list-style: none;
padding-left: 10px;
}

div.text ul li ul li {
background: url("../design/ul-li-ul-li.png") no-repeat 0 0.6em;
list-style: none;
padding-left: 10px;
}

div.text hr {
margin: 0 0 10px 0;
}


/* textovy odkaz na pruvodce nakupem */


p.to-wizard {
font-family: "Trebuchet MS", "Geneva CE", lucida, sans-serif;
font-size: 1.2em;                                                                /* modify */
font-weight: bold; text-align: center;                    
}

p.to-wizard a {
background: url("../design/to-wizard.png") no-repeat 0 center;
color: #0000FF;
padding-left: 12px;
text-decoration: underline;
}

p.to-wizard a:hover {
color: #0000FF;;
text-decoration: none;
}


/* obrazek v textu */


div.photo-card {
float: right;
margin: 0 0 11px 9px;
}

div.photo-card.to-wizard {
margin-bottom: 80px;
position: relative;
}

div.photo-card div.thumbnail {
position: relative;
}

div.photo-card span.shadow.r {
background: url("../design/photo-card-shadow-r.png") repeat-y;
height: 100%;
right: -7px;
top: 0;
width: 7px;
}

div.photo-card span.shadow.b {
background: url("../design/photo-card-shadow-b.png") repeat-x;
bottom: -8px;
height: 8px;
left: 0;
width: 100%;
}

div.photo-card span.shadow.rt {
background: url("../design/photo-card-shadow-supplements.png");
height: 16px;
left: 0;
top: 0;
width: 7px;
}

div.photo-card span.shadow.lb {
background: url("../design/photo-card-shadow-supplements.png") -7px 0;
bottom: -7px;
height: 16px;
left: 0;
width: 7px;
}

div.photo-card span.shadow.rb {
background: url("../design/photo-card-shadow-supplements.png") -16px -8px;
bottom: -8px;
height: 8px;
right: -7px;
width: 7px;
}

div.photo-card img {
border: 1px solid #b6b6b6;
margin: 0 0 -4px 0;
}

div.photo-card img.overlay {
border: none;
left: 165px;
position: absolute;
top: 0;
}

div.photo-card div.caption {
font-size: 0.9em;
margin-top: 5px;
position: relative;
text-align: center;
z-index: 2;
}


/* box s novinkami na hp */


div.news div.image {
float: left;
line-height: normal;
margin-left: 8px;
text-align: center;
width: 120px;
}

div.news div.perex {
float: right;
width: 620px;
}

div.news div.item {
background: url("../design/news-item.png") repeat-x left bottom;
color: #565656;
margin-left: -8px;
padding: 14px 0 15px 0;
position: relative;
}

div.news div.item.last {
background: none;
padding-bottom: 2px;
}

div.news h4 {
color: #dc1320;
font-size: 1.1em;
padding-bottom: 9px;
}

div.news h4 a {
color: #dc1320;
text-decoration: none;
}

div.news h4 a:hover {
color: #dc1320;
text-decoration: underline;
}

div.news ins {
font-weight: bold;
}

div.news div.image img {
border: 1px solid #cad2d9;
}

div.news div.image a:hover img {
border: 1px solid #dc1320;
}


/* cesta */


div.path {
color: #5f5f5f;
font-size: 0.9em;
margin: 13px 0 0 10px;
padding: 0 11px 0 11px;
}

div.path p {
float: left;
margin-right: 6px;
padding: 0;
}

div.path li {
float: left;
font-weight: bold;
margin-right: 8px;
}

div.path a {
background: url("../design/path-a.png") no-repeat right;
color: #5f5f5f;
font-weight: normal;
padding-right: 8px;
text-decoration: underline;
}

div.path a:hover {
color: #3666a8;
}


/* porovnani produktu */


div.text.catalogue div.comparator h2 {
float: left;
padding: 13px 0 13px 0;
text-align: center;
width: 144px;
}

div.text.catalogue div.comparator h3 {
background: #be2a36;
line-height: 13px;
margin: 0;
min-height: 32px;
padding: 12px 0 0 0;
text-align: center;
}

div.text.catalogue div.comparator h3 a {
color: #ffffff;
text-decoration: none;
}

div.text.catalogue div.comparator h3 a:hover {
color: #ffffff;
text-decoration: underline;
}

div.text.catalogue div.comparator h4 {
background: #be2a36;
color: #ffffff;
margin: 0 0 0 -550px;
padding: 11px 10px 11px 10px;
width: 740px;
}

div.compared-product.first h4,
div.compared-product.second h4 {
visibility: hidden;
}

div.compared-product div.image {
height: 200px;
overflow: hidden;
position: relative;
text-align: center;
width: 200px;
}

div.compared-product div.holder {
height: 200px;
position: relative;
width: 200px;
}

div.compared-product div.image a {
display: block;
position: relative;
width: 200px;
}

div.comparator p.price {
color: #000000;
font-weight: bold;
margin-bottom: -3px;
text-align: center;
}

div.comparator p.price b {
color: #be2a36;
left: -136px;
position: absolute;
}

div.compared-product.second p.price b,
div.compared-product.third p.price b {
display: none;
}

div.comparator div.compared-product {
float: left;
margin-left: 2px;
position: relative;
width: 200px;
}

div.comparator dl {
margin: -10px 0 0 0;
padding: 0;
}

div.comparator dt {
color: #be2a36;
font-weight: bold;
left: -136px;
padding-left: 0;
position: relative;
top: 18px;
}

div.compared-product.second dt,
div.compared-product.third dt {
visibility: hidden;
}

div.comparator dd {
margin: 0 0 25px 0;
}

div.comparator ul {
margin: 0;
padding: 0;
}

div.comparator ul li {
background: url("../design/comparator-li.png") no-repeat 0 0.7em;
font-size: 0.9em;
list-style: none;
padding: 0 0 0 10px;
}


/* vypis produktu */


div.products {
margin: -10px 0 19px 0;
}

div.products div.item {
background: url("../design/horizontal-dots.png") repeat-x bottom;
padding: 20px 0 11px 0;
position: relative;
width: 370px;
}

div.products div.odd {
float: left;
}

div.products div.even {
float: right;
}

span.banner {
height: 47px;
overflow: hidden;
position: absolute;
top: 0;
right: 0;
width: 41px;
}

span.banner.discount {
background: url("../design/sleva.png");
}

span.banner.new {
background: url("../design/novinka.png");
}

span.banner.our-tip {
background: url("../design/nas-tip.png");
}

div.we-recommend {
float: left;
width: 370px;
}

div.bestsellers {
float: right;
width: 370px;
}

div.text.homepage div.we-recommend h2,
div.text.homepage div.bestsellers h2 {
margin-bottom: 0;
}

div.products div.product-image {
float: left;
height: 110px;
overflow: hidden;
position: relative;
width: 110px;
}

div.products div.image p {
padding: 0;
}

div.products div.holder {
height: 110px;
position: relative;
width: 110px;
}

div.products div.product-image a {
display: block;
position: relative;
width: 110px;
}

div.products div.product-info {
float: right;
line-height: normal;
padding-right: 20px;
position: relative;
text-align: justify;
width: 225px;
z-index: 2;
}

div.products div.actions {
background: #f9f9f9;
float: right;
padding: 0 2px 0 7px;
width: 245px;
overflow: hidden;

}

div.products div.actions p.price {
float: left;
line-height: 31px;
padding: 0;
}

div.products div.actions ul.actions {
float: right;
height: auto;
margin: 5px 0 0 0;
padding: 0;
}

div.products div.actions ul.actions li {
background: none;
float: left;
list-style: none;
padding: 0;
}

div.products div.actions ul.actions li.into-basket {
height: 23px;
overflow: hidden;
position: relative;
width: 85px;
}

div.products div.actions ul.actions li.show-detail {
height: 23px;
overflow: hidden;
position: relative;
width: 23px;
}

div.products div.actions ul.actions li.compare {
height: 23px;
overflow: hidden;
position: relative;
width: 23px;
}

div.products div.actions ul.actions a,
div.products div.actions ul.actions span.ir {
height: 23px;
width: 23px;
}

div.products div.actions ul.actions li.show-detail span.ir {
background-image: url("../design/button-show-detail.png");
}

div.products div.actions ul.actions li.compare span.ir {
background-image: url("../design/button-compare.png");
}

div.products div.actions ul.actions a:hover span.ir {
background-position: -23px 0;
}


/* strankovani */


div.pagination {
padding-top: 1px;
text-align: center;
}

div.pagination ul {
display: inline;
margin: 0;
padding: 0;
}

div.pagination ul li {
background: none;
display: inline;
list-style: none;
margin: 0 2px 0 2px;
padding-left: 0;
}

div.pagination p.item-count {
color: #565656;
display: inline;
margin-left: 5px;
}

div.pagination li.first {
background: url("../design/pagination-first.png") no-repeat left 0.4em;
padding-left: 12px;
}

div.pagination li.previous {
background: url("../design/pagination-previous.png") no-repeat left 0.4em;
margin-left: 2px;
margin-right: 0;
padding-left: 7px;
}

div.pagination li.next {
background: url("../design/pagination-next.png") no-repeat right 0.4em;
margin-left: 0;
margin-right: 2px;
padding-right: 7px;
}

div.pagination li.last {
background: url("../design/pagination-last.png") no-repeat right 0.4em;
padding-right: 12px;
}

div.pagination a {
color: #565656;
text-decoration: none;
}

div.pagination a:hover {
color: #be2a36;
text-decoration: underline;
}

div.pagination a.active {
color: #be2a36;
font-weight: bold;
text-decoration: none;
}


/* vypis hlavniho produktu */


div.product {
margin: 2px 0 19px 10px;
}


div.product div.product-thumbnails {
float: left;
height: 206px;
overflow: hidden;
width: 50px;
}

div.product div.product-thumbnails ul {
margin: 0;
padding: 0;
}

div.product div.product-thumbnails li {
background: none;
list-style: none;
margin-bottom: 2px;
padding: 0;
}

div.product div.product-thumbnails a {
border: 1px solid #cac8c8;
display: block;
height: 48px;
overflow: hidden;
width: 48px;
}

div.product div.product-thumbnails a:hover {
border: 1px solid #ae4240;
}

div.product div.product-image {
border: 1px solid #c8c6c6;
float: left;
height: 204px;
margin-left: 8px;
margin-right: 30px;
overflow: hidden;
position: relative;
width: 204px;
}

div.product div.holder {
height: 206px;
position: relative;
width: 206px;
}

div.product div.product-image a {
display: block;
position: relative;
width: 204px;
}

div.product div.product-image span.magnifier {
background-image: url("../design/magnifier.png");
bottom: -3px;
height: 16px;
left: -1px;
position: absolute;
width: 16px;
z-index: 3;
}

div.product div.product-image a:hover span.magnifier {
background-position: -16px 0;
}

div.product div.product-data {
float: left;
width: 270px;
}

table.product-data {
line-height: 15px;
margin: 0 0 15px 0;
width: 100%;
}

table.product-data th {
border: none;
font-weight: normal;
padding: 1px 5px 1px 0;
text-align: left;
vertical-align: top;
width: 93px;
}

table.product-data td {
border: none;
padding: 1px 0 1px 5px;
vertical-align: top;
}

table.product-data tr.indented th,
table.product-data tr.indented td {
padding-top: 15px;
}

div.product ul.actions {
margin: 0;
padding: 0;
}

div.product ul.actions li {
font-size: 0.9em;
list-style: none;
padding: 6px 0 6px 23px;
}

div.product ul.actions li.compare {
background: url("../design/ico-compare.png") no-repeat left center;
}

div.product ul.actions li.print {
background: url("../design/ico-print.png") no-repeat left center;
}


div.product ul.actions a {
color: #868686;
text-decoration: none;
}

div.product ul.actions a:hover {
color: #000000;
text-decoration: none;
}

div.product ul.actions input.submit {
background: #b7b7b7 url("../design/basket.png") no-repeat 7px center;
border: 1px solid #9c9c9c;
color: #ffffff;
font-size: 1.1em;
margin-left: -23px;
padding: 5px 9px 5px 26px;
text-transform: uppercase;
}

div.product div.banners {
float: left;
margin-left: 10px;
width: 159px;
}

div.banners p {
height: 63px;
margin-bottom: 9px;
overflow: hidden;
padding: 0;
position: relative;
width: 159px;
}

div.banners span.ir {
border: 1px solid #ededec;
height: 61px;
width: 157px;
}

p.authorized-distributor span.ir {
background: url("../design/banner-authorized-distributor.png");
}

p.carriage-free span.ir {
background: url("../design/banner-carriage-free.png");
}

p.in-stock span.ir {
background: url("../design/banner-in-stock.png");
}

b.in-stock {
color: #5ea23e;
}

b.out-of-stock {
color: red;
}

p.price b {
color: #dc1320;
}

p.price b.without-vat {
color: #333333;
}

p.price b.with-vat {
color: #a53634;
}


/* box prislusenstvi */


div.accessories {
margin-bottom: 11px;
}

div.text.catalogue div.accessories h2 {
margin-bottom: 0;
}

div.accessories div.item {
color: #565656;
font-size: 0.9em;
line-height: 14px;
padding: 11px 7px 7px 7px;
width: 361px;
}

div.accessories div.divider {
background: url("../design/horizontal-dots.png") repeat-x;
clear: both;
height: 1px;
overflow: hidden;
width: 100%;
}

div.accessories p {
padding: 0 0 0 75px;
position: relative;
}

div.accessories input.radio {
height: 30px;                                   /* 40px puvodne - nepresne  */
left: 0;
position: absolute;
}

div.accessories a {
display: block;
left: 25px;
line-height: 40px;
position: absolute;
text-align: center;
width: 40px;
}

div.accessories img {
display: inline;
margin: 0;
vertical-align: middle;
}

div.accessories p.header {
font-weight: bold;
margin-bottom: 5px;
}

div.accessories label {
margin: 0;
}


/* box diskuse */


div.text.catalogue div.discussion h2 {
margin-bottom: 0;
}

div.discussion h2 a.add-entry {
background: url("../design/discussion-a-add-entry.png") no-repeat;
color: #333333;
padding-left: 23px;
position: absolute;
right: 14px;
text-decoration: underline;
}

div.discussion h2 a.add-entry:hover {
color: #dc1320;
}

div.discussion div.item {
line-height: 20px;
margin-bottom: 20px;
margin-top: -1px;
}

div.discussion p {
margin-bottom: 5px;
padding: 0;
}

div.discussion p.header {
border-bottom: 1px solid #c1cbdb;
font-size: 0.9em;
padding: 5px 5px 2px 5px;
}

div.discussion p.header ins {
border-right: 1px solid #000000;
margin-right: 4px;
padding-right: 5px;
}

div.discussion p.header span.author {
font-weight: bold;
}

div.discussion div.question {
padding: 2px 6px 0 6px;
}

div.discussion div.answer {
background: #f3f3f3;
border: 1px solid #9f9f9f;
padding: 7px 16px 4px 25px;
}

div.discussion div.answer p.header {
background: url("../design/discussion-answer-header.png") no-repeat 0 4px;
border: none;
color: #dc1320;
font-size: 1.1em;
font-weight: bold;
margin-bottom: 1px;
margin-left: -18px;
padding: 0 0 0 17px;
}


/* kroky */


div.steps {
margin-top: 5px;
min-height: 52px;
padding-bottom: 13px;
}

div.steps ol {
margin: 0;
padding: 0;
}

div.steps ol li.step {
float: left;
list-style: none;
overflow: hidden;
position: relative;
}

div.steps li.first {
z-index: 6;
}

div.steps li.second {
margin-left: -12px;
z-index: 5;
}

div.steps li.third {
margin-left: -12px;
z-index: 4;
}

div.steps li.fourth {
margin-left: -12px;
z-index: 3;
}

div.steps li.fifth {
margin-left: -12px;
z-index: 2;
}

div.steps li.sixth {
margin-left: -12px;
z-index: 1;
}

div.steps a {
color: #ffffff !important;
display: block;
font-weight: bold;
line-height: normal;
position: relative;
text-decoration: none !important;
}


/* nakupni kroky */


div.basket div.steps li.step {
background-image: url("../design/basket-steps-li.png");
height: 52px;
width: 196px;
}

div.basket div.steps li.fourth {
width:198px;
}

div.basket.step1 li.fourth,
div.basket.step2 li.fourth,
div.basket.step3 li.fourth {
background-position: -392px 0;
}

div.basket.step1 li.first,
div.basket.step2 li.second,
div.basket.step3 li.third {
background-position: -196px 0;
}

div.basket.step4 li.fourth {
background-position: -590px 0;
}

div.basket div.steps a {
margin: 13px 0 0 0;
padding-left: 38px;
padding-right: 40px;
width: 80px;
}

div.basket div.steps  li.first a {
margin-left: 27px;
}

div.basket div.steps  li.second a {
margin-left: 30px;
}

div.basket div.steps  li.third a {
margin-left: 33px;
}

div.basket div.steps  li.fourth a {
margin-left: 38px;
}

div.basket span.number {
background: url("../design/basket-steps-numbers.png");
left: 0;
position: absolute;
top: 0;
}

div.basket li.first span.number {
background-position: left bottom;
height: 30px;
width: 16px;
}

div.basket li.second span.number {
background-position: -32px bottom;
height: 31px;
width: 24px;
}

div.basket li.third span.number {
background-position: -80px bottom;
height: 31px;
width: 26px;
}

div.basket li.fourth span.number {
background-position: -132px bottom;
height: 30px;
width: 28px;
}

div.basket.step1 li.first span.number {
background-position: -16px bottom;
}

div.basket.step2 li.second span.number {
background-position: -56px bottom;
}

div.basket.step3 li.third span.number {
background-position: -106px bottom;
}

div.basket.step4 li.fourth span.number {
background-position: -160px bottom;
}


/* kroky pruvodce */


div.wizard div.steps li.step {
background-image: url("../design/wizard-steps-li.png");
font-size: 0.9em;
height: 52px;
width: 135px;
}

div.wizard.step1 li.first,
div.wizard.step2 li.second,
div.wizard.step3 li.third,
div.wizard.step4 li.fourth,
div.wizard.step5 li.fifth,
div.wizard.step6 li.sixth {
background-position: -135px 0;
}

div.wizard div.steps a {
margin: 13px 0 0 13px;
padding-left: 30px;
padding-right: 40px;
width: 80px;
}

div.wizard span.number {
background: url("../design/wizard-steps-numbers.png");
left: 0;
position: absolute;
top: 0;
}

div.wizard li.first span.number {
width: 15px;
height: 27px;
background-position: left bottom;
}

div.wizard li.second span.number {
background-position: -30px bottom;
height: 28px;
width: 22px;
}

div.wizard li.third span.number {
background-position: -74px bottom;
height: 29px;
width: 22px;
}

div.wizard li.fourth span.number {
background-position: -118px bottom;
height: 27px;
width: 24px;
}

div.wizard li.fifth span.number {
background-position: -166px bottom;
height: 29px;
width: 24px;
}

div.wizard li.sixth span.number {
background-position: -214px bottom;
height: 29px;
width: 23px;
}

div.wizard.step1 li.first span.number {
background-position: -15px bottom;
}

div.wizard.step2 li.second span.number {
background-position: -52px bottom;
}

div.wizard.step3 li.third span.number {
background-position: -96px bottom;
}

div.wizard.step4 li.fourth span.number {
background-position: -142px bottom;
}

div.wizard.step5 li.fifth span.number {
background-position: -190px bottom;
}

div.wizard.step6 li.sixth span.number {
background-position: -237px bottom;
}


/* nakupni kosik */

div.basket div.container {
padding: 0 10px 4px 10px;
}

div.basket p.left {
float: left;
margin-top: 5px;
padding: 0;
}

div.basket p.right {
float: right;
margin-top: 5px;
padding: 0;
}

div.basket input.submit {
color: #ffffff;
cursor: pointer;
font-family: sans-serif;
font-size: 0.9em;
font-weight: bold;
padding: 8px 6px 8px 6px;
text-transform: uppercase;
}

div.basket input.submit.backwards {
background: #6f6f6f url("../design/basket-input-submit-backwards.png") repeat-x;
border: 1px solid #787878;
}

div.basket input.submit.forwards {
background: #be2a36 url("../design/basket-input-submit-forwards.png") repeat-x;
border: 1px solid #952c2c;
}

div.basket input.text {
background: #ffffff url("../design/basket-input-text.png") repeat-x;
border: 1px solid #d6d6d6;
padding: 3px 2px 5px 2px;
}


/* kosik, krok 1 */


table.basket-content {
margin-bottom: 6px;
margin-top: -9px;
width: 100%;
}

table.basket-content input.text {
text-align: center;
width: 41px;
}

table.basket-content th {
background: #f7f7f7 url("../design/basket-content-th.png") repeat-x left bottom;
border-bottom: 1px solid #c1cbdb;
color: #000000;
font-weight: bold;
line-height: 14px;
padding: 10px 20px 16px 20px;
}

table.basket-content td {
border-bottom: 1px solid #e8e8e8;
font-weight: normal;
padding: 15px;
}

table.basket-content tr.footer td {
background: #f6f6f6 url("../design/basket-content-tr-footer.png") repeat-x left bottom;
border-bottom: 1px solid #c1cbdb;
color: #1d1c1d;
font-size: 1em;
font-weight: bold;
padding: 15px 15px 11px 15px;
}

table.basket-content tr.footer b {
color: #b90022;
font-size: 1.5em;
margin-left: 15px;
}

table.basket-content a {
color: #000000;
text-decoration: underline;
}

table.basket-content a:hover {
color: #999999;
text-decoration: underline;
}

table.basket-content span.ico-erase {
display: block;
height: 17px;
margin: 0 auto 0 auto;
position: relative;
text-align: center;
width: 17px;
}

table.basket-content span.ico-erase a {
float: left;
height: 17px;
overflow: hidden;
position: relative;
width: 17px;
}

table.basket-content span.ico-erase span.ir {
background: url("../design/ico-erase.png");
height: 17px;
width: 17px;
}

table.basket-content span.ico-erase a:hover span.ir {
background-position: -17px 0;
}


/* kosik, krok 2 */


fieldset.payment-possibilities p.payment-option {
line-height: 15px;
padding: 10px 120px 4px 40px;
position: relative;
}

fieldset.payment-possibilities hr {
background: #e8e8e8;
color: #e8e8e8;
margin: 6px 0 0 0;
}

fieldset.payment-possibilities label {
margin: 0;
}

p.payment-option input.radio {
left: 10px;
position: absolute;
top: 0.6em;
}

span.shipment-price {
background: #be2a36 url("../design/shipment-price.png") repeat-x;
border: 1px solid #be2a36;
color: #ffffff;
font-weight: bold;
padding: 6px 10px 6px 10px;
position: absolute;
right: 2px;
}

fieldset.total-price {
background: #f7f7f7 url("../design/basket-content-th.png") repeat-x left bottom;
border-bottom: 1px solid #c1cbdb;
color: #b90022;
font-size: 1.5em;
font-weight: bold;
margin-bottom: 8px;
margin-top: 11px;
padding: 6px 10px 6px 10px;
text-align: right;
}

fieldset.total-price label {
font-size: 0.65em;
color: #000000;
}

fieldset.total-price input.text {
background: transparent;
border: none;
color: #b90022;
font-size: 1em;
font-weight: bold;
padding: 0;
text-align: right;
width: 100px;
}


/* kosik, krok 3 */


form.inputs {
margin-top: 10px;
}

form.inputs fieldset {
float: left;
margin-right: 15px;
width: 240px;
overflow: hidden;
}

form.inputs fieldset.invoicing-address {
margin-bottom: 21px;
}

form.inputs fieldset.contact-info {
margin: 0;
}

form.inputs legend {
padding-bottom: 10px;
}

form.inputs legend span {
background: #f7f7f7 url("../design/basket-content-th.png") repeat-x left bottom;
border-bottom: 1px solid #c1cbdb;
color: #dc1320;
display: block;
font-weight: bold;
margin-left: -2px;
margin-right: -2px;
padding: 13px 20px 8px 20px;
text-transform: uppercase;
width: 200px;
}

form.inputs fieldset.notice {
margin-right: 0;
margin-top: 7px !important;
width: 750px;
}

form.inputs fieldset.notice legend span {
width: 750px !important;
}

form.inputs label {
font-weight: bold;
padding-left: 9px;
white-space: nowrap;
}

form.inputs fieldset.shipping-address a {
color: #393c3e !important;
font-size: 0.9em;
font-weight: bold;
font-style: italic;
line-height: 95%;
text-decoration: underline !important;
text-transform: lowercase;
}

form.inputs fieldset.shipping-address a:hover {
color: #000000 !important;
text-decoration: underline !important;
}

form.inputs input.text {
border: 1px solid #d6d6d6;
margin-top: 2px;
width: 234px;
}

form.inputs textarea {
border: 1px solid #d6d6d6;
height: 63px;
width: 744px;
}

form.inputs p {
display: inline;
float: left;
padding-bottom: 5px;
}

form.inputs p.city input.text {
width: 134px;
}

form.inputs p.zip {
margin-left: 20px;
width: 80px;
}

form.inputs p.zip input.text {
width: 74px;
}

form.inputs fieldset.submit {
width: 100%;
}

form.inputs p.notice {
margin-top: 1px;
margin-left: 10px;
}

form.inputs span.asterisk {
color: #dc1320;
}


/* kosik, krok 4 */


table.ordering-info {
margin: 6px 0 8px 0;
width: 40% !important;
}

table.ordering-info caption {
font-weight: bold;
margin: 10px 0 0 -9px;
padding: 0 10px 0 10px;
text-align: left;
}

table.ordering-info th {
background: none;
border: none;
font-weight: normal;
padding: 0;
text-align: left;
}

table.ordering-info td {
border: none;
font-weight: bold;
padding: 0;
}

table.ordered-goods {
margin-bottom: 10px;
margin-top: 1px;
width: 100%;
}

table.ordered-goods th {
background: #e7e7e7 url("../design/basket-content-th.png") repeat-x left bottom;
border-bottom: 1px solid #c1cbdb;
color: #000000;
font-weight: bold;
line-height: 14px;
padding: 10px 20px 8px 20px;
}

table.ordered-goods th.header {
color: #dc1320;
text-transform: uppercase;
}

table.ordered-goods td {
border-bottom: 1px solid #e8e8e8;
font-weight: normal;
padding: 15px;
}

div.step4 table.ordered-goods a {
color: #000000;
text-decoration: underline;
}

table.ordered-goods a:hover {
color: #999999;
text-decoration: underline;
}

table.ordered-goods tr.footer td {
border: none;
padding: 15px 8px 1px 8px;
}


/* pruvodce nakupem */


div.wizard input.submit {
background: #be2a36 url("../design/wizard-input-submit.png") repeat-x;
border: 1px solid #be2a36;
color: #ffffff;
cursor: pointer;
font-family: sans-serif;
font-size: 0.9em;
font-weight: bold;
margin-left: 10px;
padding: 8px 6px 8px 6px;
text-transform: uppercase;
}

div.wizard p.right {
float: right;
padding: 0;
margin-top: 10px;
}


/* pruvodce nakupem, tabulka vhodnych modelu */


div.suitable-models table.suitable-models {
background: #f1f1f1;
border: 1px solid #d2d2d2;
font-size: 0.9em;
margin-top: 10px;
width: 100%;
}

table.suitable-models th {
color: #333333;
font-weight: normal;
padding: 9px 0 6px 22px;
text-align: left;
width: 50%;
}

table.suitable-models td {
color: #be2a36;
font-weight: bold;
padding: 9px 0 6px 0;
width: 50%;
}

fieldset.options {
line-height: 20px;
margin:10px 10px 0 10px;
}

div.text fieldset.options p {
padding: 0;
}

div.text fieldset.options.floated p {
float:left;
width: 50%;
}

fieldset.options hr {
background: #f1f1f1;
color: #f1f1f1;
clear: both;
height: 1px;
margin-top: 10px;
}

fieldset.options p.notice {
font-size: 0.9em;
}

fieldset.options label {
margin-left: 10px;
}


/* tiskova hlavicka */


div#print-header {
display: none;
}


/* hlavicka */


div#header {
font-size: 0.7em;
height: 180px;
position: absolute;
top: 0;
width: 980px;
}


/* horni linka */


div.headline {
background: #be2a36;
padding: 7px 6px 8px 11px;
}

div.servicemenu {
float: left;
max-width: 59%;
}

div.servicemenu li {
float: left;
margin: 0 10px 0 0;
}

div.servicemenu a {
background: url("../design/headline-a.png") no-repeat 0 0.45em;
color: #ffffff;
padding-left: 6px;
text-decoration: none;
}

div.servicemenu a:hover {
color: #ffffff;
text-decoration: underline;
}

div.basket-content {
float: right;
max-width: 39%;
position: relative;
text-align: right;
}

div.basket-content p {
background: url("../design/basket.png") no-repeat 0 0.15em;	
color: #ffffff;
padding: 0 0 0 19px;
}

div.basket-content a {
background: url("../design/headline-a.png") no-repeat right 0.45em;
color: #ffffff;
padding-right: 9px;
text-decoration: none;
}

div.basket-content a:hover {
color: #ffffff;
text-decoration: underline;
}


/* hlavicka */


div.header {
background: url("../design/header.jpg");
height: 91px;
margin: 10px 0 10px 0;
position: relative;
width: 980px;
}


/* logo */


div.logo {
height: 81px;
left: 14px;
position: absolute;
top: 0;
width: 224px;
z-index: 2;
}

div.logo h1,
div.logo p {
height: 81px;
overflow: hidden;
position: relative;
width: 224px;
}

div.logo span.ir {
background: url("../design/header.jpg") -14px 0;
height: 81px;
width: 224px;
}


/* hlavni menu */


div.mainmenu {
background: #ebebeb url("../design/mainmenu.png") repeat-x;
float: left;
width: 760px;
}

div.mainmenu ol {
background: url("../design/mainmenu-ol.png") no-repeat left bottom;
min-height: 38px;
}

div.mainmenu li {
background: url("../design/mainmenu-li.png") no-repeat right 4px;
float: left;
font-size: 1.1em;
}

div.mainmenu a {
color: #505050;
display: block;
padding: 12px 9px 11px 10px;
text-decoration: none;
}

div.mainmenu a:hover {
color: #505050;
text-decoration: underline;
}

div.mainmenu a.active {
background: #b7b7b7;
color: #ffffff;
margin-left: -2px;
margin-right: -2px;
text-decoration: none;
}


/* paticka */


div#footer {
font-size: 0.7em;
}

div.footer {
background: #be2a36 url("../design/footer.png") no-repeat;
color: #ffffff;
min-height: 128px;
position: relative;
width: 980px;
}

div.footer span.shadow {
background-image: url("../design/footer-shadows.png");
}

div.footer span.shadow.l {
background-position: 0 -10px;
height: 128px;
left: -10px;
top: 0;
width: 10px;
}

div.footer span.r {
background-position: -990px -10px;
height: 128px;
right: -10px;
top: 0;
width: 10px;
}

div.footer span.t {
background-position: 0 0;
height: 7px;
left: -10px;
top: -7px;
width: 1000px;
}

div.footer span.b {
background-position: 0 -135px;
bottom: -17px;
height: 17px;
left: -10px;
width: 1000px;
}

div.site-owner {
float: left;
margin: 0 1px 0 0;
padding: 28px 0 0 12px;
width: 212px;
}

div.site-owner p {
height: 69px;
overflow: hidden;
position: relative;
width: 203px;
}

div.site-owner span.ir {
background: url("../design/footer.png") no-repeat -12px -28px;
height: 69px;
width: 203px;
}

div.company-info {
float: left;
margin: 0 1px 0 0;
padding: 23px 0 0 11px;
width: 282px;
}

div.company-info p.header {
height: 18px;
position: relative;
width: 170px;
}

div.company-info span.ir {
background: url("../design/informace-o-firme.png");
height: 18px;
width: 170px;
}

div.company-info ul {
margin: 14px 0 0 0;
}

div.company-info li {
background: url("../design/company-info-li.png") no-repeat left 1em;
float: left;
font-weight: bold;
padding: 6px 0 6px 12px;
width: 120px;
}

div.company-info a {
color: #ffffff;
text-decoration: none;
}

div.company-info a:hover {
color: #ffffff;
text-decoration: underline;
}

div.newsletterform {
float: left;
margin: 0 1px 0 0;
padding: 23px 0 0 19px;
width: 220px;
}

div.newsletterform p.header {
height: 18px;
margin: 0 0 0 1px;
position: relative;
width: 137px;
}

div.newsletterform span.ir {
background: url("../design/odber-novinek.png");
height: 18px;
width: 137px;
}

div.newsletterform form {
float: left;
margin: 10px 0 0 0;
padding: 0 61px 0 0;
position: relative;
width: 142px;
}

div.newsletterform legend {
color: #ffffff;
font-weight: bold;
padding: 0 0 10px 1px;
}

div.newsletterform input.text {
background: #ffffff;
border-bottom: 1px solid #95050f;
border-left: 1px solid #95050f;
border-top: 1px solid #95050f;
color: #565656;
font-weight: bold;
height: 14px;
padding: 5px;
width: 131px;
}

div.newsletterform input.image {
bottom: 0;
position: absolute;
right: 0;
}

div.created-by {
float: left;
margin: 0;
padding: 27px 0 0 18px;
width: 203px;
}

div.created-by p {
padding-top: 14px;
}

div.created-by a {
bottom: 4px;
color: #ffffff;
height: 28px;
margin-left: 14px;
position: relative;
text-decoration: underline;
width: 99px;
}

div.created-by a:hover {
color: #ffff00;
text-decoration: underline;
}

div.created-by span.ir {
background: url("../design/sky-media.png");
height: 28px;
width: 99px;
}

div.footline {
background: #f3f3f3;
border: 1px solid #e3e3e3;
margin-top: -1px;
padding: 13px 10px 9px 10px;
text-align: center;
}

div.footline p {
position: relative;
z-index: 2;
}

div.footline a {
border-right: 1px solid #565656;
color: #565656;
padding: 0 7px 0 7px;
text-decoration: none;
}

div.footline a:hover {
color: #000000;
text-decoration: underline;
}

/* kontaktni strana */
div.contact h2 {
padding-left: 20px;
padding-right: 20px;
}
div.contact div.container {
padding-left: 20px;
}
div.contacts {
line-height: 20px;
}
div.contacts span.header {
min-width: 5em;
margin-left: 21px;
padding-left: 28px;
float: left;
}
div.contacts div.item {
float: left;
width: 390px;
margin-bottom: 22px;
}
div.contacts p {
padding: 0;
}
span.header.mail {
background: url("../design/mail.png") no-repeat 0 center;
}
span.header.mobil {
background: url("../design/mobil.png") no-repeat 2px center;
}
span.header.pevna {
background: url("../design/pevna.png") no-repeat 0 center;
}
p.map {
margin-top: 12px;
}
p.map a {
border: 1px solid #dbdbdb;
float: left;
height: 116px;
margin-right: 26px;
margin-bottom: 11px;
width: 276px;
}
p.map a:hover {
border: 1px solid #b55250;
}
div.contact fieldset.contact-form {
margin-top: 12px;
}
div.contact fieldset.contact-form input.text {
width: 250px;
}
div.contact fieldset.notice textarea {
width: 782px;
height: 63px;
}

div.operator p {
float: left;
line-height: 24px;
margin-right: 68px;
}
div.operator strong {
color: #3667a9;
}
div.contact h1 {
font-size: 1em;
color: #3666a8;
margin: 0 0 12px 0;
padding: 11px 20px 11px 20px;
background: #f7f7f7 url("../design/h2.png") repeat-x bottom;
border-bottom: 1px solid #c1cbdb;
position: relative;
}

/* error */
.error {
font-weight: bold;	
color: #FF0000;
background-color: #FFFFD4;		
}

/* status */
.status {
font-weight: bold;	
color: #3869AB;	
background-color: #FFFFD4;	
}

/* Zprávy */
#zprava-chyba {background:#FFF8B2 url("../design/ico-chyba.gif") 10px 50% no-repeat; border:1px solid #FFDA4D; padding:10px; padding-left:40px; margin:15px 0}
#zprava-ok {background:#D6EFFF url("../design/ico-potvrzeni.gif") 10px 50% no-repeat; border:1px solid #99D7FF; padding:10px; padding-left:40px; margin:15px 0}

/* detail addon - body */
.detail-addon {
display: block;
background:url("../design/ul-li.png");
background-position: 0px 7px; /* 0% 50% */
background-repeat: no-repeat;
padding-left: 10px;
}

/* detail addon popis pc - bodiky */
.detail-addon-odsaz {
display: block;
background:url("../design/dot-detail-small.gif");
background-position: 0px 8px; /* 0% 50% */
background-repeat: no-repeat;
margin-left: 15px;
padding-left: 10px;
}

/* obal titulka novinky */
.text_news_obal {width: 620px; float: right;}

/* obr titulka novinky */
.imgTbox {float: left; width: 105px; padding-left: 20px; text-align: center;}
.borderT {width:100px; height: 100px; border: 1px solid #C0C0C0;}

/* class="text basket step" */
div.basket textarea {
background: #ffffff;
border: 1px solid #d6d6d6;
padding: 3px 2px 5px 2px;
}

/*vytisknout modely  */
#print_models {
background: url("../design/ico-print.png") no-repeat right; 
width: 75px;
}



/* tabulka porovnani */
.tbl_porovnani {
color: #000000;
background-color: #BE2A36;                                                                      /* POLAR BARVA */
}	 
/* bile pozadi */
.td_normal {background: #FFFFFF; vertical-align: top;} 
/* bile pozadi + cerveny tucny text  */															
.td_normal_bold {background: #FFFFFF; color: #BE2A36; font-weight: bold;} 		
/* cervene pozadi, bily tucny text   */			
.td_bgcolor {background: #BE2A36; color: #FFFFFF;  font-weight: bold; font-size: 1.0em; height: 35px;} 
/* obrazek pozadi -  popis zbozi */	 
.td_img {background: url("../design/td_img.gif") no-repeat; width: 138px; height: 44px;} 	

.td_a {color: #FFFFFF;text-decoration: underline;}


/* selcet box produkt */
.se {font: normal 1.0em Arial, SansSerif; height: 22px; color: #000000; border: 1px solid #BE2A36;}