/** * css for podlozky by marek via pcsupport.cz * ---------------------------------------------- */ body, html, form {margin: 0; padding: 0; width: 100%; height: 100%; -webkit-font-smoothing: subpixel-antialiased; font-family: 'Open Sans';font-weight: normal; font-size: 14px;} body {background: white url('../images/podlozky_bg2a.jpg') top center no-repeat;} p {margin: 0 0 10px 0;} .gr {color: #717171;} .cbg {background: none;} .dbg {background: none;} .mcolor {color: #FE5900;} .mdcolor {color: #F24D00;} .mbgcolor {background: #FE5900;} .mdbgcolor {background: #F24D00;} .item-page .icons {display: none;} input[type="submit"], input[type="button"] {-webkit-appearance: none;} /* HEADER */ header {} header #leftHead {position: relative; display: block; float: left; width: 50%;} header #leftHead #companyName {position: relative; display: block; clear: both;} header #leftHead #companyName span {position: relative; display: block; width: auto; clear: both; padding: 0 10px; float: left;} header #leftHead #companyName .big {font-size: 40px; height: 40px; line-height: 40px; font-weight: bold;} header #leftHead #companyName .medium {font-size: 30px; font-weight: bold;} header #leftHead #companyName .small {font-size: 20px; background: #FE5900; color: white;} header #leftHead #companyName a {position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; display: block;} header #leftHead #productDescription {position: relative; display: block; margin: 20px 0 0 0;} header #leftHead #productDescription ul {margin: 0; padding: 0 0 0 28px;} header #leftHead #productDescription ul li {font-weight: bolder; margin: 0 0 3px 0;} header #leftHead #productDescription ul li span {display: block; font-weight: normal;} header #leftHead #productPictograms {position: relative; display: block; height: 125px; margin: 20px 0 0 0; text-align: center; float: left;} header #leftHead #productPictograms .pictogram {position: relative; display: inline-block; margin: 50px 0 0 0;} header #rightHead {position: relative; display: block; float: right; width: 330px; margin: -20px 0 0 0;} header #rightHead #cart {display: block;} header #rightHead #cart #cartIntro {position: relative; display: block; text-align: center; margin: 0 0 20px 0} header #rightHead #cart #cartIntro span {display: block; clear: both; text-align: center;} header #rightHead #cart table {position: relative; width: 100%; border-collapse: collapse; margin: 0 0 20px 0;} header #rightHead #cart table td {font-size: 12px; text-align: left;} header #rightHead #cart table td:first-child {padding: 0 10px 0 0;} header #rightHead #cart #totalPrice {position: relative; display: block; text-align: center; font-size: 13px; font-weight: bold; margin: 0 0 20px 0;} header #rightHead #cart .button {width: 200px; margin: 0 auto;} header #rightHead #cart .empty {display: block; height: 40px; line-height: 40px; margin: 0 0 50px 0; text-align: center;} header #rightHead #cart #mobileCart {display: none;} header #rightHead #openingTime {position: relative; display: block; margin: 20px 0 0 0; text-align: center;} header #rightHead #openingTime strong {display: block; clear: both;} header #rightHead #phone {position: relative; margin: 20px 0 0 0; font-size: 30px; text-align: center;} header #rightHead #phone .round.border {} #mxcpr {display: none !important;} /* BODY CONTENT */ #body {} #body #content {position: relative; display: block;background: #FFF} #body #content #contactForm {position: absolute; top: 65px; right: 0px;} /* BODY JOOMSHOPPING */ #body #content #comjshop {} #body #content #comjshop h1 {font-size: 26px; color: #424242; margin: 0 0 20px 0;text-align: center;font-weight: bold;} #body #content #qc_error {display: none !important;} #body #content table.cart {position: relative; width: 100%; border-collapse: collapse; border: none;} #body #content table.cart td {padding: 0 10px; border: none; height: 30px; line-height: 30px; vertical-align: middle;} #body #content table.cart td.jshop_img_description_center img {height: 40px;} #body #content table.cart td.jshop_img_description_center {width: 60px;} #body #content table.cart td.product_name {line-height: 15px;} #body #content table.cart td.product_name {padding: 3px 10px 0 10px;} #body #content table.cart th {border: none; height: 30px; line-height: 30px;} #body #content #payment_form {position: relative; display: block;} #body #content #payment_form fieldset {position: relative; display: block; float: left; border: none; margin: 0; padding: 0;} #body #content #payment_form fieldset.address {width: 50%;} #body #content #payment_form fieldset.shipping, #body #content #payment_form fieldset.payment {width: 25%;} #body #content #payment_form fieldset legend {color: #FE5900; font-size: 20px; padding: 0 0 10px 0; margin: 0 0 10px 0; border-bottom: 1px solid #FE5900; display: block; width: 90%} #body #content #payment_form fieldset table {border-collapse: collapse; margin: 0; padding: 0; width: 100%;} #body #content #payment_form fieldset table tr td {padding: 0 10px 0 0;} #body #content #payment_form fieldset table tr td {white-space: nowrap; height: 25px; line-height: 25px;} #body #content #payment_form fieldset table tr .jshop_payment_method {display: none;} #body #content #payment_form fieldset table tr td.name {width: 155px;} #body #content #payment_form fieldset table tr td input[type="text"] {margin: 0; padding: 0 10px; height: 25px; line-height: 25px; margin: 0 0 3px 0; width: 80%;} #body #content #payment_form .fielderror {background-color: #FFCECE !important;} #body #content #payment_form fieldset .jshop_register {width: 100%; display: block;} #body #content #payment_form fieldset select {-webkit-appearance: none; display: block; height: 25px; line-height: 25px; padding: 0 10px; margin: 0 0 3px 0; width: 86%;} #body #content #payment_form #orderComment {display: block; float: left; width: 50%;} #body #content #payment_form #orderComment textarea {height: 100px; width: 95%; margin: 0; padding: 5px; resize: none;} #body #content #payment_form #finishOrderButton {display: block; clear: both;} #body #content #payment_form #finishOrderButton .button {border: none; height: 40px; line-height: 40px; padding: 0 20px; cursor: pointer; margin: 0 auto;font-size: 15px;} #body #content #comjshop #checkout {margin: 30px 0px;} #body #content #comjshop #checkout .button {width: 200px; display: inline-block;} #body #content #comjshop #checkout .button img {display: none;} #body #content #comjshop #checkout .pull-left {float: left;} #body #content #comjshop #checkout .pull-right {float: right;} #body #content .productfull {padding: 0 0;} #body #content .productfull h1 {position: relative;} #body #content .productfull .shortDescription {position: relative; display: block; height: 30px; line-height: 30px; background: #F24D00; color: white; padding: 0 20px;display: none;} #body #content .productfull .imageContainer {position: relative; display: block; float: left; width: 50%;} #body #content .productfull .productEvents {position: relative; display: block; float: left; width: 50%;text-align: center;background: #f9f9f9;padding-bottom: 15px;} #body #content .productfull .productEvents .prod_price {margin: 20px 0 20px 0;} #body #content .productfull .productEvents .prod_price, #body #content .productfull .productEvents .prod_price span {position: relative; display: block; text-align: center; font-size: 30px; color: #F24D00;} #body #content .productfull .productEvents .not_available {display: none;} #body #content .productfull .productEvents .prod_buttons {position: relative; display: block; } #body #content .productfull .productEvents .prod_buttons .prod_qty {position: relative; display: none;} #body #content .productfull .productEvents .prod_buttons .prod_qty_input {position: relative; display: block; margin: 0 auto 20px auto; padding: 0; text-align: center;} #body #content .productfull .productEvents .prod_buttons .prod_qty_input input {position: relative; margin: 0 auto;} #body #content .productfull .productEvents .prod_buttons .buttons {text-align: center; padding: 0px; margin: 0px; display: block;} #body #content .productfull .productEvents .prod_buttons .buttons input {position: relative; display: block; border: none; margin: 0 auto; height: 40px; line-height: 40px; padding: 0 20px; cursor: pointer;} #body #content #comjshop .jshop_prod_description {position: relative; display: block; clear: both;text-align: justify;} #body #contentLeft {position: relative; display: block; width: 50%; float: left;} #body #contentRight {position: relative; display: block; width: 50%; float: right; text-align: right;} #body #products {width: 900px;margin: 0 auto;} #body #products .latest_products:after {content: ""; display: block; clear: both;} #body #products .block_item {position: relative; display: block; width: 32%; height: auto; margin: 0 0 17px; padding: 0; float: left; background: white;} #body #products .block_item:nth-child(1) {margin-right: 2%;} #body #products .block_item:nth-child(2) {margin-right: 2%;} #body #products .block_item:nth-child(3) {margin-right: 0%;} #body #products .block_item:nth-child(4) {margin-right: 2%;} #body #products .block_item:nth-child(5) {margin-right: 2%;} #body #products .block_item:nth-child(3) {margin-right: 0%;} #body #products .block_item .image {position: relative; text-align: center; margin: 0 0 10px 0;} #body #products .block_item .image .image_block {margin: 0;padding: 0;width: auto;display: inline-block;text-align: center;float: none;} #body #products .block_item .image .image_block a {position: relative;display: table-cell;height: 170px;margin: 0 auto;text-align: center;vertical-align: middle;float: none;} #body #products .block_item .image .image_block a img {position: relative;display: block;margin: 0 auto;max-width: 95%;max-height: 95%;float: none;} #body #products .block_item .name {position: relative; display: block; margin: 0 0 10px 0;} #body #products .block_item .name a {position: relative; display: table-cell; vertical-align: middle; height: 40px; line-height: 20px; text-align: center; color: #000000;padding: 0px 13%;} #body #products .block_item .quantityInput {position: relative; margin: 0 auto; width: 50px; display: block; text-align: center; margin: 0 auto 20px auto;} #body #products .block_item .jshop_price {position: relative; display: block; text-align: center; height: 50px; line-height: 50px; font-size: 40px; color: #FE5900; margin: 0 0 10px 0;} #body #products .block_item .button {margin: 0 auto -10px auto; width: 80%;} #body #products .block_item .wrap {position: relative; display: block; border: 1px solid #C3C3C3; border-radius: 3px; overflow: hidden;} #body #products .block_item .skladem {text-align: center;color: green;} #body #products .block_item .sklademneni {text-align: center;color: red;} .productfull .text_zoom {display: none;} /* FOOTER */ footer {padding: 20px 0; background: #F0EDEC;} footer table {position: relative; width: 100%; margin: 0; padding: 0; border-collapse: collapse;} footer table td {width: 25%; padding: 0 20px 0 0;} footer table td ul {margin: 20px 0 0 0; padding: 0 0 0 17px;} footer table td ul li {} footer table td ul li a {} footer table td .title {display: block; height: 30px; line-height: 30px; font-size: 20px;} footer table .padtop td {padding: 30px 0 10px 0;} .niceTable {position: relative; width: 100%; border-collapse: collapse; border: none; margin: 0 0 15px 0; padding: 0px;} .niceTable tr {} .niceTable tr td {padding: 0 10px; height: 30px; line-height: 30px; white-space: nowrap; font-size: 12px; border: 1px solid rgb(240,240,240);} .niceTable tr.header {} .niceTable tr.header td {background: rgb(240,240,240); border: none;} .niceTable tr td.thin {width: 50px;} .niceTable tr td label {cursor: pointer; display: block;} .niceTable tr:hover {background: rgb(245,245,245);} .niceTable tr.active {background: #bd124e;} .niceTable tr.active.old, .niceTable tr.old {opacity: 0.5;} /* GALERIE */ .phocagallery {} .phocagallery .phocagallery-box-file {position: relative; margin: 0 2% 2% 0 !important; padding: 0 !important; border: none; width: 23.5% !important;} .phocagallery .phocagallery-box-file:nth-child(4n) {margin: 0 0 2% 0 !important;} .phocagallery .phocagallery-box-file-first, .phocagallery .phocagallery-box-file-second, .phocagallery .phocagallery-box-file-third, .phocagallery .phocagallery-box-file-third center {position: relative; display: block; margin: 0 !important; padding: 0 !important; border: none; width: 100% !important; height: 100% !important;} .phocagallery .phocagallery-box-file-third center img {max-height: 100%; max-width: 100%;} input[readonly] {background: #F3EFEF; cursor: no-drop;} h1,h2,h3 {font-weight: normal; color: #F24D00; font-size: 26px; margin: 0 0 20px 0;} h1 {font-size: 24px;} h2 {font-size: 20px;} h3 {font-size: 16px;} .tac {text-align: center;} .tal {text-align: left;} .error {border: 1px solid red !important;} .hidden {display: none !important;} .clr {clear: both; display: block;} article:after, .after:after, .wrapper:after {clear: both; content: ""; display: block;} .padding {padding: 20px;} .padding:after {clear: both; content: ""; display: block;} pre {position: relative; display: block; border: 1px solid rgb(200,200,200); background: rgb(245,245,245); margin: 5px; padding: 5px; border-radius: 5px;} .mceContentBody {background: none;color: #000;font-size: 12pt;} .mceContentBody h1,.mceContentBody h2,.mceContentBody h3 {color: #000;} img {border: none;} * {margin: 0;} .button {border-radius: 3px; position: relative; display: block; height: 30px; line-height: 30px; text-align: center; background: #FE5900; color: white; text-transform: uppercase;} .button:hover {color: white; background: #F24D00;} a {color: #FE5900; text-decoration: none;} a:hover {color: #F24D00} .wrapper {position: relative; display: block; max-width: 1200px; margin: 0 auto; height: 100%;} .wrapper.padding {max-width: 1160px;} .wrapper h1 {text-align: center;text-shadow: 0px 0px 3px white;} .wrapper h1 a {text-decoration: underline;} .icon-phone, .icon-location {margin-right: 10px;} /* SOUVISEJICI JOOMSHOPPING */ .related_header {padding-bottom: 10px;} .sblock3 {padding: 0px !important;text-align: center;} .sblock3 .name {padding: 0px 65px;} .sblock3 .jshop_price span {color: #F24D00;} .sblock3 .buttons {display: none;}