﻿.clear, .cleaner {
    clear: both;
    height: 0px;
    font-size: 0px;
    line-height: 0px;
}
a {
    color: #01a6d6;
}
a:hover {
    color: #cccd0d;
}
img {
    border: none;
}
h3 {
    color: #ccce0b;
}

body {
    padding: 0;
    margin: 0;
    background: #e3e3e3 url('images/body_bg.gif') top repeat-x;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    text-align: left;
}

#tdcPageAd, #tdcCopyright {
    margin: 0 auto;
    min-width: 994px;
    max-width: 1190px;
}
#tdcPageBox {
    width: 994px;
    float: left;
}
#tdcHeader {
    height: 122px;
}
#tdcLogo {
    float: left;
}
#tdcLogo a img {
    border: none;
}
#tdcHeaderBox {
    float: left;
    width: 606px;
    height: 122px;
    background: red;
    margin: 0 0 0 18px;
    background: url('images/search_bg.jpg') no-repeat;
}
#tdcLoginBox {
    margin: 0 135px 0 0;
    padding: 10px 5px;
    height: 55px;
    text-align: right;
}
#tdcLoginBox .form {
}
#tdcLoginBox .form .field {
    width: 120px;
    border: 1px solid #aaadb4;
}
.tlacitkoObecne {
    border: none;
    line-height: 20px;
    padding: 2px 0;
    width: 90px;
    text-align: center;
    background: url('images/button.gif') no-repeat;
    color: #0e6171;
    font-size: 12px;
    font-weight: bold;
}
#tdcLoginBox a.tlacitkoObecne {
    display: block;
    float: right;
    margin: 0 0 3px 10px;
}

#tdcLoginBox ul {
    margin: 3px 0;
    padding: 0;
    list-style-type: none;
}
#tdcLoginBox ul li {
    margin: 0;
    padding: 0;
    display: inline;
}

#tdcLoginBox .customer-section p {
    padding: 0;
    margin: 0 0 5px 0;
    line-height: 22px;
}
#tdcLoginBox .customer-section p strong {
    font-size: 16px;
}


#tdcSearchBox {
    line-height: 30px;
    margin: 13px 28px 0 165px;
    color: #fff;
}
#tdcSearchBox .field {
    width: 160px;
    border: 1px solid #aaadb4;
}
#tdcNavigation {
    margin-top: -3px;
    width: 994px;
    height: 45px;
    background: #fff url('images/navigation_bg.gif') no-repeat;
    float: left;
}
#tdcNavigation p.motto {
    color: #fff;
    margin: 12px 15px;
    padding: 0 11px 5px 0;
    background: url('images/icon_pointer.gif') right bottom no-repeat;
    float: left;
}
#tdcTabs {
    float: right;
    margin: 12px 12px 0 0;
    font-weight: bold;
}
#tdcTabs ul {
    margin: 0;
    padding: 0;
    list-style-type: none;
}
#tdcTabs ul li {
    margin: 0;
    padding: 0;
    display: inline;
}
#tdcTabs ul li a {
    padding: 7px 0;
    text-align: center;
    text-transform: uppercase;
    display: block;
    height: 32px;
    width: 117px;
    float: left;
    background: url('images/tab_bg.gif') no-repeat;
    color: #fff;
    text-decoration: none;
}
#tdcTabs a:hover {
    text-decoration: underline;
}
#tdcPage {
    background: url('images/page_bg.gif') repeat-y;
}
#tdcPageIn {
    margin: 0 1px;
    min-height: 700px;
    border: 1px solid #fff;
    background: #fff url('images/pageIn_bg.gif') top repeat-x;
}
#tdcMenu {
    width: 250px;
    float: left;
}
#tdcMenu h4.katalog {
    margin: 0;
    padding: 7px 5px;
    font-size: 22px;
    color: #03a4da;
}
#tdcMenu ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
}
#tdcMenu ul li {
    margin: 0;
    padding: 0;
}
#tdcMenu ul li a {
    color: #fff;
    padding: 9px 7px 3px 14px;
    height: 21px;
    display: block;
    background: url('images/menu_section.gif') no-repeat;
}
#tdcMenu ul li span.selected {
    color: #fff;
    padding: 9px 7px 3px 14px;
    margin: -9px -7px -3px -14px;
    height: 21px;
    display: block;
    background: url('images/menu_section_selected.gif') no-repeat;
}
#tdcMenu ul li a:hover, #tdcMenu ul li li a:hover {
    color: #cccd0d !important;
    text-decoration: underline !important;
}
#tdcMenu ul ul {
    margin: 0 15px 5px 0;
    padding: 0;
}
#tdcMenu ul li li {
    margin: 0 0 0 15px;
    padding: 0;
}
#tdcMenu ul li li a, #tdcMenu ul li li a span {
    margin: 0;
    padding: 3px 0 3px 15px;
    height: auto !important;
    background: none !important;
    color: #01a6d6 !important;
}
#tdcMenu ul li li a span.selected {
    color: #cccd0d !important;
    text-decoration: underline !important;
}


#tdcContent {
    width: 600px;
    float: left;
    margin: 30px 0 0 8px;
}
#tdcContent .breadcrumbs {
    height: 20px;
    padding: 10px 0 0 0;
    font-size: 10px;
    margin: -40px -5px 10px -5px;
}
#tdcText {
    min-height: 900px;
    padding: 5px;
    background: url('images/text_bg.gif') repeat-y;
}
#tdcTextTop {
    background: url('images/text_bg_top.gif') top no-repeat;
    height: 6px;
}
#tdcTextBottom {
    background: url('images/text_bg_bottom.gif') bottom no-repeat;
    height: 6px;
}
#tdcText h1, #tdcText h2 {
    margin: 0;
    padding: 0;
    color: #a5a914;
}
#tdcText h1 {
    padding: 3px 0;
    font-size: 22px;
    font-weight: normal;
}
#tdcText h1.ikona_pes {
    margin-top: -45px;
    padding-top: 38px;
    background: url('images/image_pes.gif') right 0 no-repeat;
}
#tdcText .cat-column {
    width: 280px;
    border: 1px solid #d2d2d2;
    float: left;
    margin: 7px 7px 0 0;
    padding: 0;
}
#tdcText .cat-column .product-list-row {
    padding: 25px 5px 5px 5px;
}
#tdcText .cat-column .product-list-row h2.product-list-name {
    font-size: 12px;
    font-weight: bold;
    margin: 0;
    padding: 0;
    float: right;
    width: 180px;
}
#tdcText .cat-column .product-list-row .marks {
    background: url('images/product_round.gif') right top no-repeat;
    float: right;
    margin: -26px -186px 0 0;
    height: 23px;
    min-width: 8px;
}
#tdcText .cat-column .product-list-row .cat-picture {
    background: url('images/product_picture_bg.gif') no-repeat;
    width: 86px;
    height: 89px;
    padding: 1px 3px 6px 1px;
    text-align: center;
}
#tdcText .cat-column .product-list-row .cat-picture a img {
    border: none;
    max-width: 80px;
    max-height: 80px;
}
#tdcText .cat-column .product-list-row .cat-price-old {
    font-size: 10px;
    color: #888;
}
#tdcText .cat-column .product-list-row .cat-price-old span {
    font-size: 12px !important;
}
#tdcText .cat-column .product-list-row .cat-price {
    color: #a5aa12;
    font-weight: bold;
    width: 80px;
    padding-left: 8px; 
}
#tdcText .cat-column .product-list-row .cat-price span {
    font-size: 22px;
}
#tdcText .cat-column .product-list-row .cat-price-button {
    padding-top: 20px;
    float: right;
}
#tdcText .cat-column .product-list-row .cat-price-sale, #tdcText .cat-column .product-list-row .cat-price-sale span {
    font-size: 10px !important;
    font-weight: normal !important;
}
#tdcText .cat-column .product-list-row .cat-description {
    float: right;
    width: 180px;
}

#tdcText li {
    margin-left: 20px;
}

/* chybove hlasky */
p.missing-entry {
    color: red;
    background: #fff68f url('images/icon_warning.png') right top no-repeat;
    min-height: 28px;
    padding: 10px;
    border: 1px dotted #ccc;
    margin: 5px;
}


/* kosik */
.cart table.product-list {
    width: 100%;
}
.cart table.product-list .product-list-header td {
    font-weight: bold;
    border-bottom: 1px solid #000;
}
.cart .cart-button {
    text-align: right;
    margin-top: 5px;
}
table.product-list {
    width: 100%;
}
table.souhrn-data {
    width: 95%;
}


/* stránkování */
.pager {
    text-align: right;
    margin: 5px 10px;
}
.pager .pager-btn {
    margin-top: 3px;
}

/* pohyb po detailech produktů */
table.pager {
    float: right;
    width: 250px;
    margin: 7px -7px -70px 0;
}

/* filtrovani a razeni */
.filters-ordering {
  margin: -10px -4px 5px -4px;
  height: 23px;
  color: #fff;
  background: #00a3d6 url('images/ordering_left_bg.gif') left no-repeat;
}
.filters-ordering div.right_round {
  padding: 2px 7px;
  background: url('images/ordering_right_bg.gif') right no-repeat;
}
.filters-ordering div.right_round a {
  padding-top: 4px;
  margin-left: 2px;
}
.filters-ordering .filters {
    flaot: left;
}
.filters-ordering .filters .tlacitkoFilterSet {
    background: url('images/btnFiltersSet.gif') no-repeat;
    width: 56px;
    height: 16px;
    border: none;
    color: #fff;
    cursor: pointer;
    padding: 0;
}
form#ordering {
    float: right;
}
form#ordering .buttons-ordering {
    float: right;
    padding: 2px 0 0 3px;
}

/* porovnani produktu */
.compare h2 {
    font-size: 12px;
}


/* znasky novinek, slev apod. */
h1.detail-name {
    width: 390px;
}
#tdcText .detail-marks {
    float: left;
    /*margin: -11px -248px 5px 0;*/
    margin: -11px 0 5px 265px;
    height: 23px;
    width: 330px;
    height: 25px;
    text-align: right;
}
#tdcText .detail-left {
    width: 299px;
    float: left;
    margin: 0 14px 10px 0;
}
#tdcText .detail-cat-picture {
    min-height: 345px;
    background: url('images/detail_pic_bg.gif') right bottom no-repeat;
    padding: 3px 3px 9px 2px;
    margin-bottom: 5px;
}
#tdcText .detail-cat-picture img {
    max-width: 295px;
    margin: 0 auto;
}
#tdcText ul.detail-link {
    margin: 0;
    padding: 0;
    list-style: none;
}
#tdcText ul.detail-link li {
    margin: 0;
    padding: 0;
    display: inline;
}
#tdcText .cat-price-button {
    text-align: right;
}
#tdcText .cat-price-button img, #tdcText .cat-price-button input {
    margin-bottom: -5px;
}
#tdcText input.count {
    width: 20px;
    border: 1px solid #aaadb4;
    text-align: center;
    margin: 0;
}
div.cat-description p {
    text-align: justify;
}
.cat-price-button.detail {
    float: right;
}
.cat-price.detail {
    height: 60px; 
}
div.price-old {
    float: right;
    padding: 7px 0 0 0;
    color: #6c6c6c;
    margin-right: 70px;
}
div.price-old span {
    font-size: 18px;
}
div.price {
    float: right;
    text-align: right;
    font-weight: bold;
    color: #a5a715;
    margin: 5px 0;
}
div.price span {
    font-size: 26px;
}
a.tlacitkoTisk {
}

/* TOP produkty */
.main-selection2 {
    margin: 10px 0; 
    width: 124px;
    background: url('images/product_top_bg_header.gif') top no-repeat;
}
.main-selection2 h2 {
    color: #4c4c4c;
    font-size: 18px;
    margin: 0;
    padding: 15px 15px 5px 3px;
}
.main-selection2 div.body {
    background: url('images/product_top_bg.gif') repeat-y;
}
.main-selection2 div.product {
    border-top: 1px solid #c6c6c6;
    padding: 5px;
}
.main-selection2 div.footer {
    background: url('images/product_top_bg_footer.gif') no-repeat;
    height: 7px;
}
.main-selection2 h3 {
    margin: 0 0 3px 0;
    padding: 0;
    font-size: 11px;
}
.main-selection2 .item-description {
    font-size: 11px;
}
.main-selection2 div.product-picture {
    margin: 3px 0;
    background: url('images/product_picture_top_bg.gif') no-repeat;
    padding: 1px 1px 4px 1px;
    width: 78px;
    height: 78px;
}
.main-selection2 div.product-picture img {
    max-width: 78px;
    max-height: 78px;
}
.main-selection2 .cat-price {
    color: #a5aa12;
    font-weight: bold;
    font-size: 11px;
    margin-bottom: 3px;
}
.main-selection2 .cat-price span {
    font-size: 18px;
}



/* akce mesice */
div.akce_mesice {
    height: 151px;
    background: url('images/akcemesice_box.png') no-repeat;
    margin: 0 0 10px 0;
    padding: 5px 5px 5px 150px;
}
div.akce_mesice h2 {
    color: #000 !important;
    font-size: 22px;
    padding: 0;
    margin: 0;
}
div.akce_mesice h3 {
    color: #ae1615;
    font-size: 16px;
    padding: 0;
    margin: 0;
}

/* prostredni text uvodni stranky */
div.Main_MiddleText img {
    margin: 0 4px;
}


/* novinky na HP */
div.hp-news a {
    color: #6c6c6c;
}
div.hp-news a:hover {
    color: #02a4d5;
}

/* rating */
.rating {
    display: none;
    margin: 5px 0;
    padding: 0px;
    width: 277px;
    float: right;
}
.rating h4 {
    margin: 3px 0;
    padding: 0;
    color: #00a0d4;
    font-size: 16px;
}
.rating h4 span {
    font-size: 12px;
    font-weight: normal;
}
.rating .rating-box {
    color: #fff;
    background: url('images/rating_bg.gif') no-repeat;
    height: 73px;
    padding: 5px;
    margin: 0;
}
.rating .rating-box p {
    padding: 3px 0;
    margin: 0;
}
.rating .rating-box ul {
    float: right;
    margin: 0;
    padding: 0;
    list-style: none;
}
.rating .rating-box ul li {
    margin: 0;
    padding: 0;
    display: inline;
}
.rating .rating-box ul li a {
    color: #fff;
}

/* doplnujici boxy u produktu */
.product-adbox {
    width: 586px;
    background: url('images/doporucujeme_bg_header.gif') top left no-repeat;
    padding-top: 4px;
}
.product-adbox-body {
    background: url('images/doporucujeme_bg.gif') left repeat-y;
    padding: 5px 10px 5px 15px;
}
.product-adbox-footer {
    background: url('images/doporucujeme_bg_footer.gif') no-repeat;
    height: 3px;
}
.product-adbox div.product {
    float: left;
    width: 105px;
    padding-right: 5px;
}
.product-adbox div.product h3 {
    font-size: 12px;
    height: 40px;
}
.product-adbox .product-picture {
    background: url('images/product_picture_adbox_bg.gif') no-repeat;
    width: 80px;
    height: 80px;
    padding: 3px 5px 8px 3px;
}
.product-adbox .product-picture img {
    max-width: 80px;
    max-height: 80px;
}
.product-adbox div.product .price-with-vat {
    color: #a5aa12;
    font-weight: bold;
    margin-bottom: 5px;
}
.product-adbox div.product .price-with-vat span {
    font-size: 22px;
}


/* boxy v hlavnim layoutu wbeu */
#tdcBoxes {
    width: 131px;
    float: left;
}
#tdcBoxes #tdcBasket {
    margin-top: 30px;
    height: 130px;
    background: url('images/boxBasket_bg.png') no-repeat;
}
#tdcBoxes #tdcBasket p {
    margin: 0;
    padding: 35px 7px 10px 15px;
    color: #fff;
    font-size: 14px;
    line-height: 22px;
}
#tdcBoxes #tdcBasket a {
    font-weight: bold;
    font-size: 16px;
    color: #000;
}
#tdcBoxes #tdcBasket a:hover {
    color: #fff;
}

#tdcPageFooter {
    height: 126px;
    background: url('images/pageFooter_bg.gif') no-repeat;
    margin: 0 0 40px 0;
}
#tdcPageFooter ul {
    margin: 0;
    padding: 103px 0 0 280px;
    list-style-type: none;
    font-size: 12px;
}
#tdcPageFooter ul li {
    margin: 0;
    padding: 0;
    display: inline;
}
#tdcPageFooter ul li a {
    padding: 7px 10px;
    text-align: center;
    height: 34px;
    background: url('images/bottommenu_bg.gif') right no-repeat;
}

#tdcAd {
    margin: 156px 3px 3px 3px;
    width: 160px;
    float: left;
}
p.titleAd {
    margin: 10px 0 0 0;
    padding: 0;
    color: #9b998a;
}
.AdBanner.Square {
    width: 250px;
    margin: 3px;
    padding: 0;
}
.AdBanner.Square iframe {
    margin-top: 5px;
    width: 250px;
    height: 250px;
}
a.AdBanner.Jun {
    display: block;
    width: 251px;
    height: 63px;
    margin: 5px 0 5px 7px;
    padding: 0;
}

#tdcFooter {
    padding: 12px 0;
    height: 23px;
    border-top: 1px solid #fefefe;
    background: #777 url('images/footer_bg.gif') top repeat-x;
    color: #fff;
}
#tdcFooter a {
    color: #f5f861;
}


