body {margin: 0; padding: 0; text-align: center; background: #A4CE6D url("../img/bg_body.jpg") center top no-repeat; font-family: Aril, sans-serif; font-size: 75%} p {line-height: 1.2em} ul li {list-style-type: none} a {cursor: pointer} a img {border: none} input {margin: 0} label { cursor: pointer; } #body {margin: 0 auto; text-align: left; width: 1013px; background: url("../img/bg_main.png") left top repeat; padding-left: 12px; position: relative; left: -1px} .display-wide { width: 100% !important; } #head {height: 189px; overflow: hidden; background: url("../img/bg_head.png") right top no-repeat; position: absolute; left: 15px; top: 0; width: 1010px} .basket {float: right; width: 226px; color: #EE4E7A; background: url("../img/bg_basket.png") left 40px no-repeat; margin-right: 12px} .basket a {color: #EE4E7A} .basket a:hover {text-decoration: none} .basket p {margin: 0; padding: 0 0 10px 75px; width: 162px} .basket-klik { display: block; width: 250px; height: 135px; position: absolute; top: 0; right: 0; border: none; text-indent: -9900px; overflow: hidden; z-index: 100;} .h-nakupni-kosik {display: block; background: url("../img/h_nakupni-kosik.png") left top no-repeat; width: 118px; height: 27px; margin: 0 0 35px 60px} .go-basket {font-style: italic; text-decoration: none; display: inline-block; margin-left: 100px; font-size: 90%; font-weight: bold} .go-basket:hover {text-decoration: underline !important} .go-basket span {display: inline-block; background: url("../img/arrow_pink.gif") left top no-repeat; width: 9px; height: 9px; vertical-align: middle} .logo {display: block; float: left; background: url("../img/logo.png") left top no-repeat; width: 416px; height: 99px; margin: 7px 35px 5px 15px} .slogan {float: left; background: url("../img/slogan.png") left top no-repeat; width: 239px; height: 32px; margin: 45px 0 0 0} #menu {margin: 0 0 0 10px; padding: 0; clear: both; position: relative; top: -10px} #menu li {display: inline-block; float: left; text-align: center; height: 79px; margin-right: 3px} #menu li a {color: #FFFFFF; text-decoration: none; font-size: 125%; margin-top: 47px; display: block; height: 36px} #menu li a span {display: inline-block; width: 100%; padding: 6px 0 5px 0; margin-top: 3px} #menu li a:hover span, #menu li a.active span {padding: 9px 0; margin: 0} .menu1 {width: 92px; background: url("../img/menu1.png") center 12px no-repeat} .menu1 a span {background-color: #95D33C} .menu2 {width: 155px; background: url("../img/menu2.png") center 12px no-repeat} .menu2 a span {background-color: #D37F34} .menu3 {width: 92px; background: url("../img/menu3.png") center top no-repeat} .menu3 a span {background-color: #3FADFB} .menu4 {width: 100px; background: url("../img/menu4.png") center top no-repeat} .menu4 a span {background-color: #9251BB} .menu5 {width: 136px; background: url("../img/menu5.png") center 5px no-repeat} .menu5 a span {background-color: #FF5900} .menu6 {width: 92px; background: url("../img/menu6.png") center 7px no-repeat} .menu6 a span {background-color: #DC044A} .menu7 {/*width: 135px;*/width: 98px; background: url("../img/menu7.png") center 14px no-repeat} .menu7 a span {background-color: #FF2CA5} .menu8 {width: 82px; background: url("../img/menu8.png") center 10px no-repeat} .menu8 a span {background-color: #95D33C} #main {float: left; width: 770px; margin-top: 189px} .navigation {padding: 5px 15px; color: #62A440; font-size: 95%} .navigation a {color: #9B9B9B} .navigation a:hover {color: #62A440} .objednavka-login input {border: 0 !important;} #center {float: right; width: 527px; padding: 34px 0 20px 0} .paging-block {width: 522px; height: 35px; background: url("../img/bg_paging.png") left top no-repeat; overflow: hidden; color: #775800; margin: 0 0 10px 3px} .content .paging-block a {color: #775800} .content .paging-block p { display: block; color:#ef3468; background: url("../img/odrazka_h3.png") 0px 8px no-repeat; margin: 5px 0 0 10px; padding: 5px 0 0 15px} .paging-block form {float: left; margin: 0; padding: 7px 0 0 20px} .paging-block form label {font-weight: bold; margin-right: 18px; vertical-align: top; position: relative; top: 3px} .paging-block form select {width: 145px; color: #775800; border: 1px solid #D1AE64; height: 20px} .arrow-down, .arrow-up {display: inline-block; width: 15px; height: 15px; margin-left: 2px; position: relative; top: 2px; background: url("../img/arrow_up.gif") left top no-repeat; vertical-align: top} .arrow-down {background-image: url("../img/arrow_down.gif"); margin-left: 5px} .arrow-up:hover {background-image: url("../img/arrow_up-hover.gif")} .arrow-down:hover {background-image: url("../img/arrow_down-hover.gif")} .content .paging {float: right; margin: 7px 20px 0 0; text-align: right; width: 502px; height: 21px; overflow: hidden; line-height: 20px;} .content .paging span {font-weight: bold; margin: 0 2px} .content .paging a {margin: 0 2px; font-weight: normal;} .content .paging a.akt { text-decoration: none; font-weight: bold;} .content .paging a:hover {text-decoration: none} .content .paging-next { display: inline-block; width: 9px; height: 9px; background: url("../img/paging_right.gif") left top no-repeat; font-size: 0.001px; text-decoration: none; vertical-align: middle;} .content .paging-prev { display: inline-block; width: 9px; height: 9px; background: url("../img/paging_left.gif") left top no-repeat; font-size: 0.001px; text-decoration: none; vertical-align: middle;} .content .paging form.pocet {float: left; margin: 0 0 0 15px; padding: 0; text-align: left; height: 20px;} .content .paging form.pocet select { width: 133px; cursor: pointer;} .content .card-small {float: left; width: 101px; height: 202px; background: url("../img/bg_card-small.png") left top no-repeat; text-align: center; padding: 12px; margin: 0 3px 10px 0} .content .card-small .image, .content .card-big .image {display: inline-block; width: 95px; height: 100px; overflow: hidden; margin-bottom: 2px} .content .card-small .card-text {color: #775800; font-weight: bold; font-size: 95%; text-decoration: none; height: 66px; overflow: hidden; display: block; line-height: 1.15em; margin-bottom: 9px} .content .card-small .card-text:hover {text-decoration: underline} .content .button-show {color: #000000; display: inline-block; background: url("../img/button_show.png") left top no-repeat; width: 93px; text-align: center; padding: 3px 0; text-decoration: none; font-size: 90%; font-weight: normal;} .content .button-show:hover {background-image: url("../img/button_show-hover.png")} .content .card-no {float: left; width: 101px; height: 150px; background: none; text-align: center; padding: 12px; margin: 0 3px 10px 0} .content .card-no .image, .content .card-big .image {display: inline-block; width: 95px; height: 100px; overflow: hidden; margin-bottom: 2px} .content .card-no .card-text {color: #775800; font-weight: bold; font-size: 95%; text-decoration: none; height: 66px; overflow: hidden; display: block; line-height: 1.15em; margin-bottom: 9px} .content .card-no .card-text:hover {text-decoration: underline} .content .card-big {float: left; width: 151px; height: 418px; background: url("../img/bg_card-big.png") left top no-repeat; text-align: center; padding: 12px; margin-bottom: 8px} /* 442px */ .content .product-name {color: #775800; text-decoration: none; display: block; line-height: 1.15em; height: 63px; overflow: hidden; font-size: 95%} .content .card-big h2 {color: #775800; text-decoration: none; margin: 0 0 10px 0; padding: 0; background: none; display: block; line-height: 1.15em; height: auto; font-size: 100%} .content .product-name:hover {text-decoration: underline} .content .card-big .image {width: 150px; height: 180px; border: 0;} .content .product-info {color: #626262; line-height: 1.2em; font-size: 75%; margin: 0 0 5px 0; height: 65px; overflow: hidden} .content .discount { width: 152px; overflow: hidden; margin: 0 0 12px 0; height: 17px} .content .discount span {width: 48px; text-align: center; display: inline-block; padding: 2px 0; color: #FFFFFF; font-size: 85%; margin-right: 1px} .content .discount span.dop {width: 52px; font-size: 75%;} .content .card-big .blue {background-color: #1C94EA} .content .card-big .red {background-color: #DC044A} .content .card-big .green {background-color: #82C81D} .content .card-big form {color: #9C6C00; font-size: 90%; width: 176px; position: relative; left: -12px; margin: 0; padding: 0} .content .card-big form input {border: none} .content .pieces {background: url("../img/input_pieces.png") left top no-repeat; text-align: center; width: 26px; padding: 6px 0; color: #9C6C00; font-size: 95%; position: relative; top: -1px; vertical-align: middle !important; border: none;} .content .card-big form strong {font-size: 160%; color: #000000} .content .line-through {text-decoration: line-through; font-size: 120%} .content .card-width {height: 25px; overflow: hidden} .content .into-basket { background: url("../img/button_into-basket.png") left top no-repeat; width: 90px; height: 35px; color: #fff; font-family: Arial; text-decoration: none; font-size: 0.001px; cursor: pointer; display: inline-block; padding-top: 3px; overflow: hidden;} /* button_into-var */ .content .into-var { background: url("../img/button_into-var.png") left top no-repeat; width: 62px; height: 20px; color: #fff; font-family: Arial; text-decoration: none; font-size: 11px; line-height: 16px; font-weight: normal; cursor: pointer; display: inline-block; padding-top: 3px; overflow: hidden; padding: 12px 0 3px 28px;} .content .show { color: #FFFFFF; text-decoration: none; font-size: 100%; font-weight: normal; display: inline-block; background: url("../img/button_show2.png") left top no-repeat; width: 53px; height: 19px; padding: 4px 0 0 10px; text-align: left; vertical-align: top; position: relative; top: 8px} .content .show:hover {background-image: url("../img/button_show2-hover.png"); color: #2B3500} #slider-whole {background: url("../img/bg_slider-plain.png") left top no-repeat; width: 513px; height: 314px; overflow: hidden; margin: 0 0 5px 5px; position: relative} #slider {margin: 35px 0 0 56px; width: 423px; height: 217px; display: block; overflow: hidden; padding: 0} #slider li {width: 423px; height: 217px; overflow: hidden; margin: 0; padding: 0} #slider p {margin: 0; padding: 0} #slider a {margin: 0; padding: 0; border: 0;} .slider-arrows-nav {position: absolute; right: 6px; top: 191px} .prev, .next {display: block; width: 18px; height: 15px} .next {margin-bottom: 5px} .prev:hover {background: url("../img/slider_down.png") left top no-repeat} .next:hover {background: url("../img/slider_up.png") left top no-repeat} .slider-nav {width: 450px; position: absolute; bottom: 25px; left: 30px; text-align: center} .slider-nav a {text-decoration: none; margin: 0 7px; width: 17px; height: 17px; background: url("../img/slider_nav.png") left top no-repeat; display: inline-block; font-size: 0.001px} #slider-whole .slider-nav a { font-size: 0.001px} .slider-nav a:hover, .slider-nav a.activeSlide {background-image: url("../img/slider_nav-active.png")} #colleft {float: left; width: 236px} .menu-left-top {height: 62px; background: url("../img/menu_left-top.png") left top no-repeat; text-align: center} .menu-left-top span {display: inline-block; margin-top: 45px; background: url("../img/h_nabidka-zbozi.png") left top no-repeat; width: 118px; height: 15px} .menu-left {background: url("../img/menu_left.png") left top repeat-y; margin: 0; padding: 8px} .menu-left li {background: url("../img/menu_left-line.png") center bottom no-repeat; padding-bottom: 1px} .menu-left a {color: #4B4B4B; font-weight: bold; text-decoration: none; padding: 7px 10px 7px 20px; display: block; font-size: 95%} .menu-left .votext {color: #4d8700; font-weight: bold; text-decoration: none; padding: 0 10px 3px 38px; display: block; font-size: 135%; letter-spacing: 1px; /* background: none;*/} .menu-left a:hover, .menu-left a.active {background: #9CB827 url("../img/menu_left-hover.png") left top repeat-x} .menu-left-bottom {height: 76px; background: url("../img/menu_left-bottom.png") left top no-repeat; position: relative; z-index: 2} .menu-left li ul {padding: 5px 0 5px 20px; margin: 0; background: url("../img/bg_podkategorie.jpg") left 0 repeat-y;} /* kvuli JS menu: display: none */ .menu-left li ul li {background: url("../img/list_submenu.png") left 6px no-repeat; padding-left: 14px} .menu-left li ul li a {padding: 3px 0; font-weight: normal; display: inline-block} .menu-left li ul li a:hover, .menu-left li ul li a.active {text-decoration: underline; background: none} .counter {background: url("../img/bg_counter.png") center top no-repeat; height: 160px; position: relative; left: -6px; top: -22px; z-index: 1} .counter .bk { top: 60px; left: 77px; margin: 0; width: 82px; height: 43px; overflow: hidden; position: absolute;} .counter .bk .toplist { position: absolute; top: -14px; left: -2px; width: 88px; height: 60px; border: none;} .counter p {padding: 60px 0 0 77px; margin: 0; font-size: 90%; color: #487F00} .counter p span {display: inline-block; width: 39px; color: #F97C00} #colright {float: left; width: 242px; background: url("../img/bg_colright.png") right top no-repeat; margin-top: 189px; padding: 10px 0 20px 0; font-size: 90%} .search {background: url("../img/bg_search.png") 9px top no-repeat; margin: 0; padding: 0; padding-top: 28px; text-align: right; padding-right: 37px; height: 128px} /*.input-search {border: none; background: transparent; color: #288bd6; font-size: 110%; width: 135px; padding: 8px 0 5px 0; vertical-align: top; border: 1px solid #8cf; height: 14px;} /* #086bb6 */ .input-search {border: none; background: url("../img/hledat.jpg") bottom left no-repeat; color: #288bd6; font-size: 100%; width: 129px; padding: 10px 0 5px 5px; vertical-align: top; border: none; height: 12px;} /* 134 x 24 */ .submit-search {border: none; background: transparent; cursor: pointer; width: 30px; height: 25px} .binocular {background: url("../img/ico_binocular.png") 10px 25px no-repeat; padding: 27px 3px 30px 0} .binocular a, .login a, .logged a {display: inline-block; color: #278AD4; text-decoration: none; background: url("../img/arrow_blue.gif") right 7px no-repeat; padding: 4px 18px 3px 0; font-style: italic; font-size: 110%} .binocular a:hover, .login a:hover, .logged a:hover {text-decoration: underline} .login {background: url("../img/ico_key.png") 8px 37px no-repeat; margin: 0; padding: 0; padding-left: 53px; margin-bottom: -5px; height: 147px} .h-prihlaseni {background: url("../img/h_prihlaseni.png") 25px top no-repeat; height: 25px} .login input {border: none; color: #5D5D5D; font-size: 100%; background: none;} .login div.input-name {background: url("../img/input_name.png") left top no-repeat; padding: 8px 10px 10px 10px; height: 12px; width: 130px; margin-bottom: 3px} .login div.input-password {background: url("../img/input_password.png") left top no-repeat; padding: 8px 10px 10px 10px; width: 99px; margin-left: 27px; margin-bottom: 3px} .login div.input-name input { width: 130px; } .login div.input-password input { width: 99px; } .login-links {float: right; text-align: right; margin-right: 35px} .logged { text-align: right; margin: 0 35px 0 0;} .login a, .logged a {color: #5A5A5A; background-image: url("../img/arrow_grey.gif"); padding-bottom: 0} .logged span {color: #333; background: url("../img/arrow_grey.gif") right 3px no-repeat; padding: 0 17px 0 0; font-size: 110%; font-style: italic; line-height: 150%;} .logged span strong { font-size: 125%; font-style: italic;} .login .ok {background: url("../img/submit_ok.png") left top no-repeat; width: 32px; height: 25px; cursor: pointer; margin: 12px 0 5px 0; position: relative; left: -35px; float: left; text-indent: -520px;} .mena {margin: 0; color: #278AD4; text-align: right; padding: 10px 35px 10px 0; font-weight: normal; font-style: italic; font-size: 12px;} .mena span.smena {display: inline-block; color: #278AD4; text-decoration: none; padding: 4px 18px 3px 0; font-size: 120%} .mena form div {display: inline-block; color: #278AD4; text-decoration: none; background: url("../img/arrow_blue.gif") right 8px no-repeat; padding: 4px 18px 3px 0; vertical-align: middle; line-height: 17px;} .mena .kc { width: 55px; height: 17px; background: url(../img/cs-25.gif) 30px 0 no-repeat; border: 0px; font-size: 15px; text-align: left; font-style: italic; font-weight: bold; color: #278ad4; cursor: pointer; margin: 0 20px 0 0; vertical-align: top;} .mena .eu { width: 62px; height: 17px; background: url(../img/eu-25.gif) 35px 0 no-repeat; border: 0px; font-size: 15px; text-align: left; font-style: italic; font-weight: bold; color: #278ad4; cursor: pointer; margin: 0 0 0 5px; vertical-align: top;} .mena .pay { margin: 5px 0 0;} .mena .pay span.paypal { margin: 0; padding: 0; vertical-align: top; line-height: 45px; font-size: 12px; color: #44a2ec;} .top-products {background: url("../img/colright_repeat.png") 4px top repeat-y; clear: left} .top-product {background: url("../img/h_top-produkty.png") 4px top no-repeat; height: 75px; margin-right: 19px} .product {width: 185px; margin: 0 0 10px 17px; clear: both; display: inline-block} .product .img {float: left; margin: 0 5px 0 0} .product img {float: left; border: 1px solid #733700; margin: 0} .product div {float: left; width: 120px} .product a {color: #733800; text-decoration: none; font-size: 95%; line-height: 1.1em; display: block; margin-bottom: 7px} .product a:hover {text-decoration: underline} .product-show {color: #FFFFFF !important; float: right; background: url("../img/button_show3.png") left top no-repeat; width: 53px; height: 18px; padding: 5px 0 0 10px; font-size: 105% !important; margin: 0} .product-show:hover {background-image: url("../img/button_show3-hover.png"); color: #2B3500 !important; text-decoration: none !important} .colright-bottom {background: url("../img/colright_bottom.png") 4px top no-repeat; height: 60px} .banners {position: relative; top: -20px; clear: both} .banners img {margin: 0 15px; vertical-align: middle} #footer-repeat {width: 100%; background: url("../img/bg_footer-repeat.jpg") center top repeat-y} #footer {background: url('../img/bg_footer-whole.png') center top no-repeat; color: #FFFFFF; } #footer-in {padding: 40px 0 8px 0} #footer-content {margin: 0 auto; width: 960px; text-align: left} #footer a {color: #FFFFFF; text-decoration: none} #footer a:hover {text-decoration: underline} #footer p {line-height: 1.4em} .email-news {float: left; width: 240px; margin: 0 70px 15px 30px} .h-novinky-do-mailu {background: url("../img/h_novinky-do-mailu.png") left top no-repeat; height: 40px} .email-news p {margin: 0 0 10px 0} .email-news form, form.news {background: url("../img/input_email.png") left top no-repeat; width: 169px; height: 23px; margin: 0; padding: 0} .email-news form input {border: none; background-color: transparent; vertical-align: top; color: #FFFFFF; font-size: 90%} .input-email {width: 135px; padding: 3px 0; margin: 3px 0 0 10px} .submit-email {background: url("../img/submit_email.png") left top no-repeat; width: 13px; height: 13px; cursor: pointer; margin: 5px 0 0 3px} /* zopakovani formulare v content */ .content form.news { margin: 5px 10px; padding: 0} .content form.news input {border: none; background-color: transparent; vertical-align: top; color: #FFFFFF; font-size: 90%} .quick-nav {float: left; width: 350px; margin: 0 20px 15px 0} .h-rychla-navigace {background: url("../img/h_rychla-navigace.png") left top no-repeat; height: 40px} .quick-nav ul {margin: 0 0 0 25px; padding: 0} .quick-nav ul li {display: block; float: left; width: 145px; background: url("../img/double_arrow.png") left 5px no-repeat; padding: 0 0 5px 15px} .contact {float: left; width: 250px; margin-bottom: 15px} .h-kontakt {background: url("../img/h_kontakt.png") left top no-repeat; height: 40px} .contact p {margin: 0 0 0 58px} #footer .contact a, #footer .gen-links a {color: #B7A07D; text-decoration: underline} #footer .contact a:hover {color: #FFFFFF} .gen-links {margin: 0 0 15px 0; padding: 0; color: #B7A07D; float: left; width: 350px} .gen-links li {display: inline} .gen-links li a:hover {color: #FFFFFF !important} .copyright {float: left; text-align: right; width: 580px; margin: 0; color: #B7A07D; position: relative; top: -5px} .ensis { display: inline-block; background: url("../img/ensis_logo_12.png") left bottom no-repeat; width: 50px; height: 12px; margin-left: 5px; overflow: hidden; position: relative; top: 1px} .ensis span { margin: 50px 0 0 50px;} .makeart {display: inline-block; background: url("../img/makeart_23.png") left top no-repeat; width: 83px; height: 23px; margin-left: 5px; vertical-align: middle; position: relative; top: -6px} .change-links {margin: 0; padding: 0; color: #B7A07D !important} .change-links li {display: inline} .change-links a {color: #B7A07D !important; font-size: 95%} .change-links a:hover {color: #FFFFFF !important} .cas {color: #B7A07D !important; font-size: 95%; text-align: right;} /* text sablona */ .text_top { width: 521px; height: 43px; background: url("../img/paper_top.png") top left no-repeat; position: relative;} .text_top_bez { width: 521px; height: 43px; background: url("../img/paper_top_bez.png") top left no-repeat; position: relative;} .text_main { width: 521px; background: #fff; padding: 1px 0; margin: 0;} .text_bottom { width: 521px; height: 33px; background: url("../img/paper_bottom.png") 0px 0px no-repeat; margin: 0;} .content .text_top_bez p.zvyrazneni { display: block; color:#ef3468; background: url("../img/odrazka_h3.png") 0px 8px no-repeat; margin: 5px 0 0 10px; padding: 5px 0 0 15px; font-size: 120%; position: absolute; top: 12px; left: 155px;} hr { width: 512px; height: 32px; background: url("../img/stin.jpg") 0px 0px no-repeat; margin: 0; border: 0;} /* detail zbozi */ .content .greenb { border: 2px solid #559300;} .content p.asoc { font: normal 12px/15px Arial; color: #559300; margin: 5px 0 0 0;} .content img.minidetail { width: 50px;} .content .detail-right { width: 350px; float: right;} .content .detail-right p { margin: 0 10px 10px 5px; text-align: justify;} .content .detail-right span { color: #559300; font-weight: bold;} .content .pic_det { width: 155px; margin: 0 0 0 10px;} .content p.cena { font: normal 17px/20px Arial; color: #111; margin: 5px 0 0 10px;} .content .pink { color: #ef3468; font: bold 20px/20px Arial; margin: 0 25px;} .content span.euro { margin: 0 0 0 125px;} .content p.cena .small { font: normal 12px/20px Arial; color: #111;} .content p.smaller { font: normal 14px/20px Arial;} .content .smaller .pink { font: bold 17px/20px Arial; margin: 0 30px;} .content .smaller span.euro { margin: 0 0 0 125px;} .content .detail_form { margin: 10px;} /*.content .detail_form .pieces { float: left; margin: 20px 10px 0 100px; position: relative; top: -3px;}*/ .content .detail_form .pieces { position: absolute; top: 25px; left: 75px;} .content .form_basket { float: left; background: url("../img/bg_basket.png") right 0px no-repeat; width: 226px; height: 68px; position: relative;} .content .form_basket .tlacitko { background-position: bottom left; position: absolute; top: 25px; left: 110px;} .content .form_basket .tlacitko:hover { background-position: top left;} /* varianty */ .content .form_basket.long { float: none; width: auto; background: url("../img/bg_basket.png") left 0px no-repeat; } .content .detail_form.long { margin: 5px 0 5px 10px;} .content .form_basket.long .tlacitko { top: 25px; left: 325px;} .content .detail_form.long .nazev { position: absolute; top: 28px; left: 115px; font-size: 14px; color: #333; width: 195px;} .content div.zvyrazneni { color:#ef3468; margin: 5px 10px 0 10px; padding: 5px 0; font-size: 120%; text-align: center; border: 1px solid #aaa;} /* bezne styly textu v CONTENT */ .content table { padding: 5px 10px;} .content td { vertical-align: top; font:normal 12px/16px Arial; color: #333333;} .content p { font:normal 12px/16px Arial; color:#333333; margin: 5px 10px;} .content a { font:bold 12px/16px Arial; color:#ef3468; text-decoration: underline;} .content a:hover { text-decoration:none} .content h1 { font: bold 18px/20px trebuchet MS, Arial; color:#4d8700; background: url("../img/odrazka_h1.png") 0px 8px no-repeat; margin: 5px 0 5px 10px; padding: 0 0 0 15px; clear:both} .content h2 { font: normal 16px/18px trebuchet MS, Arial; color:#585858; background: url("../img/odrazka_h2.png") 0px 7px no-repeat; margin: 5px 0 5px 10px; padding: 0 0 0 15px; clear:both} .content h3 { font: normal 14px/17px trebuchet MS, Arial; color:#ef3468; background: url("../img/odrazka_h3.png") 0px 5px no-repeat; margin: 5px 0 5px 10px; padding: 0 0 0 15px; clear:both} .content h4 { font: normal 12px/15px trebuchet MS, Arial; color:#ef3468; font-weight: bold; margin: 0 0 5px 10px; padding: 5px 0 0 10px; clear:both} .content ul { margin:0 0 0 25px; padding: 0; list-style-type: disc;} .content ul ul { margin:0 0 0 15px;} .content li, .content ol { font:normal 12px/18px Arial; color:#333333; list-style: disc;} .content li li, .content ol ol { font-size:100%;} .content input, .content select, .content textarea { border: 1px solid #4d8700; color: #333;} /* kosik */ .content .kosik { padding: 0; margin: 0 5px 0 10px; border-collapse: collapse;} .content .kosik td { vertical-align: top; font:normal 12px/16px Arial; color: #333333; padding: 3px;} .content .kosik td.kod { font:normal 10px/12px Arial;} .content .kosik div.kod { width: 50px; overflow: hidden;} .content .kosik div.nazev { width: 135px; overflow: hidden;} .content .kosik th { text-align: left; font:bold 12px/16px Arial; color: #7a9603; background: #f7fcde; padding: 3px;} #main .nadpis { position: absolute; top: 70px; left: 20px; visibility: hidden;} #main a.koralky { position: absolute; top: 70px; right: 250px; visibility: hidden; /*font-size: 0.0016px !important;*/} .fb { margin: 5px 10px;} /* uvodni strana */ .uvod { margin: 0 0 16px 0;} .uvod .uvod_nadpis, h2.uvod_nadpis { font: bold 18px/20px trebuchet MS, Arial; color:#4d8700; background: url("../img/odrazka_h1.png") 0px 8px no-repeat; margin: 5px 0 5px 10px; padding: 0 0 0 15px; clear:both} .l_uvod {width: 260px; float: left;} .r_uvod {width: 260px; float: right;} /* obecne tlacitka a formulare */ .content input.tlacitko { background: url('../img/tlacitko_134.jpg') top left no-repeat; width: 134px; height: 24px; font-weight: normal; margin: 0; cursor:pointer; border: none; color: #fff;} .content input.tlacitko:hover { background-position: bottom left; color: #fff;} .content a.tlacitko_134 { display: inline-block; background: url('../img/tlacitko_134.jpg') top left no-repeat; width: 134px; height: 24px; font-weight: normal; margin: 0; cursor:pointer; border: none; color: #fff; text-decoration: none;} .content a.tlacitko_134:hover { background-position: bottom left; color: #fff;} .content a.tlacitko_45 { display: inline-block; background: url('../img/tlacitko_45.jpg') top left no-repeat; width: 38px; height: 19px; font-weight: normal; margin: 0; cursor:pointer; border: none; color: #fff; text-decoration: none; padding: 5px 0 0 7px;} .content a.tlacitko_45:hover { background-position: bottom left; color: #fff;} .content a.tlacitko_45_i { display: inline-block; background: url('../img/tlacitko_45.jpg') bottom left no-repeat; width: 43px; height: 19px; font-weight: normal; margin: 0; cursor:pointer; border: none; color: #fff; text-decoration: none; padding: 5px 0 0 2px;} .content a.tlacitko_45_i:hover { background-position: top left; color: #fff;} .navigace { margin: 0 0 0 5px;} .bold { font-weight: bold !important;} .small { font-size: 90% !important;} .f15 { font-size: 15px !important;} .f25 { font-size: 25px !important;} .green { color:#4d8700 !important;} .h70 {height:70px} .w30 {width:30px} .w50 {width:50px} .w100 {width:100px} .w150 {width:150px} .w200 {width:200px} .w250 {width:250px} .w300 {width:300px} .w350 {width:350px} .w390 {width:390px} .w450 {width:450px} .w500 {width:500px} .w600 {width:500px} .w120 { width: 120px;} .w170 { width: 170px;} .w220 { width: 220px;} .ml160 {margin-left: 160px;} .pull-left {float: left;} .pull-right {float: right;} .fix {clear: both; height: 0.001px; line-height: 0.001px; font-size: 0.001px} /* kosik */ #kosik {} #kosik input[type=text], #kosik input[type=password], #kosik select { line-height: 1.33; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; font-size: 15px; padding-top: 11px !important; padding-bottom: 11px !important;} #kosik .kosik-nav { background-image: url(../img/postup_kosikem.png); background-repeat: no-repeat; height: 142px; width: 961px; margin-bottom: 35px;} #kosik .krok01 { background-position: center 0px;} #kosik .krok02 { background-position: center -142px;} #kosik .krok03 { background-position: center -284px;} #kosik .krok04 { background-position: center -426px;} #kosik .krok05 { background-position: center -568px;} #kosik .polozka-kosiku { background: url(../img/pole_polozky.png) left top no-repeat; width: 960px; height: 153px; margin-bottom: 10px; position: relative; font-family: Arial, Helvetica, sans-serif !important;} #kosik .polozka-kosiku.neni { background: url(../img/pole_polozky_g.png) left top no-repeat; } #kosik .polozka-kosiku p { margin: 0; padding: 0;} #kosik .polozka-kosiku .img { margin-top: 5px; margin-left: 10px; width: 139px; height: 132px; text-align: center; overflow: hidden; float: left;} #kosik .polozka-kosiku .img img { width: 139px; max-height: 132px;} #kosik .polozka-kosiku .info, #kosik .polozka-kosiku .nadpisy { width: 730px; margin-right: 60px; float: right;} #kosik .polozka-kosiku .nadpisy { height: 80px;} #kosik .polozka-kosiku a.smazat, #kosik .polozka-kosiku .prepocitat { cursor: pointer; border: 0; position: absolute; width: 60px; height: 63px; background-position: center top; background-repeat: no-repeat; right: 0px;} #kosik .polozka-kosiku a.smazat:hover, #kosik .polozka-kosiku a.smazat.neni, #kosik .polozka-kosiku .prepocitat:hover { background-position: center bottom;} #kosik .polozka-kosiku a.smazat { background-image: url(../img/tlc_zrusit.png); top: 0px;} #kosik .polozka-kosiku .prepocitat { background-image: url(../img/tlc_prepocitat.png); top: 63px;} #kosik .polozka-kosiku .nadpisy h2, #kosik .polozka-kosiku .nadpisy h3 { background: none; padding: 0; margin: 0;} #kosik .polozka-kosiku .nadpisy h2 { margin: 15px 0px 10px;} #kosik .polozka-kosiku .nadpisy h2 a { color: #009b6d; font-size: 16px; text-decoration: none; font-weight: normal;} #kosik .polozka-kosiku .nadpisy h3 { font-size: 12px; color: #7d7d7d;} #kosik .polozka-kosiku .info .podrobnosti { width: 250px; float: left; text-align: center; text-transform: uppercase; font-size: 12px; color: #7d7d7d;} #kosik .polozka-kosiku .info .podrobnosti p { color: #7d7d7d;} #kosik .polozka-kosiku .info .podrobnosti .kod-produktu, #kosik .polozka-kosiku .info .podrobnosti .dostupnost { width: 49%; padding-top: 25px; background-position: center top; background-repeat: no-repeat;} #kosik .polozka-kosiku .info .podrobnosti .kod-produktu { background-image: url(../img/ik_id.png); float: left;} #kosik .polozka-kosiku .info .podrobnosti .ano { background-image: url(../img/ik_ok.png)} #kosik .polozka-kosiku .info .podrobnosti .ne { background-image: url(../img/ik_ne.png)} #kosik .polozka-kosiku .info .podrobnosti .ne strong { color: #e64c65;} #kosik .polozka-kosiku .info .podrobnosti .dostupnost { margin-left: 50%;} #kosik .polozka-kosiku .info .cena { background: url(../img/pole_cena.png) left top no-repeat; /*width: 409px;*/ height: 53px; margin-bottom: 15px; margin-right: 15px; margin-left: 305px; position: relative;} #kosik .polozka-kosiku .info .cena .cena-ks, #kosik .polozka-kosiku .info .cena .cena-celkem { text-align: left; color: #fff; padding-top: 12px;} #kosik .polozka-kosiku .info .cena .cena-ks p, #kosik .polozka-kosiku .info .cena .cena-celkem p { font-size: 22px; color: #fff;} #kosik .polozka-kosiku .info .cena .cena-ks p span, #kosik .polozka-kosiku .info .cena .cena-celkem p span { font-size: 18px;} #kosik .polozka-kosiku .info .cena .cena-ks {float: left; padding-right: 55px; width: 129px; padding-left: 20px;} #kosik .polozka-kosiku .info .cena .cena-celkem {margin-left: 205px; padding-left: 66px; width: 138px;} #kosik .polozka-kosiku .info .cena .pocet-ks { background: url(../img/pole_pocet.png) left center no-repeat; position: absolute; width: 101px; height: 40px; bottom: 6px; left: 142px;} #kosik .polozka-kosiku .info .cena .pocet-ks .ks { margin-top: 0px; /*padding-right: 46px;*/ width: 40px; height: 42px; background: none; text-align: center; font-size: 16px; font-weight: bold; color: #05996d; padding-top: 5px;border:none} #kosik .polozka-kosiku .info .cena .pocet-ks a { position: absolute; display: block; width: 46px; height: 20px; background-position: center top; background-repeat: no-repeat; right: 0px;} #kosik .polozka-kosiku .info .cena .pocet-ks a:hover { background-position: center bottom;} #kosik .polozka-kosiku .info .cena .pocet-ks a.up { background-image: url(../img/tlc_nahoru.png); top: 0px;} #kosik .polozka-kosiku .info .cena .pocet-ks a.down { background-image: url(../img/tlc_dolu.png); bottom: 0px;} #pod-kosikem { margin: 30px 0px;} #pod-kosikem #leva-strana { width: 255px; float: left;} #pod-kosikem #prava-strana { margin-right: 50px; float: right; width: 696px;} #pod-kosikem #prava-strana .krok01, #pod-kosikem #prava-strana .krok04 { background: url(../img/pole_cena_info.png) left top no-repeat; width: 696px; height: 237px;} #pod-kosikem #prava-strana #vite-ze, #pod-kosikem #prava-strana #celkova-suma { width: 318px; padding: 15px;} #pod-kosikem #prava-strana #vite-ze { float: left;} #pod-kosikem #prava-strana #vite-ze h4 { font-family: Arial Narrow, Helvetica, sans-serif; font-size: 34px; color: #ffffff; font-weight: normal; padding: 15px 0px 15px;} #pod-kosikem #prava-strana #vite-ze p { margin-bottom: 10px; color: #fff; font-size: 14px; line-height: 20px; font-family: Arial, Helvetica, sans-serif; } #pod-kosikem #prava-strana #celkova-suma { margin-left: 348px;} #pod-kosikem #prava-strana #celkova-suma table td { color: #fff;} #pod-kosikem #prava-strana #celkova-suma table.bez-dph td, #pod-kosikem #prava-strana #celkova-suma table.s-dph td { font-family: Arial, Helvetica, sans-serif; font-size: 16px; color: #ffffff; line-height: 30px; text-align: right;} #pod-kosikem #prava-strana #celkova-suma table.bez-dph { height: 130px;} #pod-kosikem #prava-strana #celkova-suma table.bez-dph td p { margin: 0; font-family: Arial, Helvetica, sans-serif; font-size: 11px; color: #004c3d} #pod-kosikem #prava-strana #celkova-suma table.s-dph td { height: 75px; vertical-align: middle;} #pod-kosikem #prava-strana #celkova-suma table.s-dph td.w120 {font-family: Arial, Helvetica, sans-serif; font-size: 22px; font-weight: bold; color: #ffffff} #pod-kosikem #leva-strana a.zpet-do-obchodu { background: url(../img/tlc_zpet_do_obchodu_42.png) left top no-repeat; display: block; width: 221px; height: 38px;} #pod-kosikem #leva-strana a.zpet-do-obchodu span { display: none;} #pod-kosikem #leva-strana a.zpet-do-obchodu:hover { background-position: left bottom;} #pod-kosikem #leva-strana a.jiny-uzivatel { background: url(../img/tlc_jiny_uzivatel.png) left top no-repeat; display: block; width: 221px; height: 38px;} #pod-kosikem #leva-strana a.jiny-uzivatel span { display: none;} #pod-kosikem #leva-strana a.jiny-uzivatel:hover { background-position: left bottom;} #pod-kosikem #leva-strana a.krok-zpet { background: url(../img/tlc_o_krok_zpet.png) left top no-repeat; display: block; width: 221px; height: 38px;} #pod-kosikem #leva-strana a.krok-zpet span { display: none;} #pod-kosikem #leva-strana a.krok-zpet:hover { background-position: left bottom;} #pod-kosikem #prava-strana .dalsi-krok { cursor: pointer; border: 0; background: url(../img/tlc_pokracovat.png) left top no-repeat; display: block; width: 285px; height: 47px; float: right; margin: 20px 0px;} #pod-kosikem #prava-strana .dalsi-krok:hover { background-position: left bottom;} #pod-kosikem #prava-strana .dalsi-krok span { display: none;} #pod-kosikem #prava-strana .aktualizovat { cursor: pointer; border: 0; background: url(../img/tlc_aktualizovat_udaje.png) left top no-repeat; display: block; width: 294px; height: 47px; float: right; margin: 20px 0px;} #pod-kosikem #prava-strana .aktualizovat:hover { background-position: left bottom;} #pod-kosikem #prava-strana .tlc-pridat { cursor: pointer; border: 0; background: url(../img/tlc_pridat.png) left top no-repeat; display: block; width: 294px; height: 47px; float: right; margin: 20px 0px;} #pod-kosikem #prava-strana .tlc-pridat:hover { background-position: left bottom;} /* krok 2 */ #kosik #registrace, #kosik #kontaktni-udaje, #green-background { background: url(../img/pole_krok_dva.png) left top repeat-y #2BB38B; width: 930px; padding: 15px;} #kosik #registrace input { border: none; font-family: Arial, Helvetica, sans-serif; font-size: 15px; color: #656565; padding: 0;} #kosik #registrace #jsem-registrovany input { width: 240px; height: 42px; background-image: url(../img/formular_bunky_velke.png); background-repeat: no-repeat; cursor: pointer; margin: 8px 0px 5px; } #kosik #registrace #jsem-registrovany, #kosik #registrace #jsem-novy { width: 310px;} #kosik #registrace #s-registraci { width: 610px; float: left;} #kosik #registrace #s-registraci .nadpis, #kosik #rychly-nakup .nadpis { font-family: Segoe UI; font-size: 18px; position: relative; left: 0; top: 0; visibility: visible; padding: 25px 0px;} #kosik #registrace #jsem-registrovany { background: url(../img/pole_registrovany_zakaznik.png) left top no-repeat; width: 300px; height: 308px; float: left; text-align: center;} #kosik #registrace #jsem-registrovany .nadpis { color: #019075;} #kosik #registrace #jsem-registrovany input#k_email { background-position: left 0px; padding: 0px 35px 0px 15px; width: 240px;} #kosik #registrace #jsem-registrovany input#k_email:hover, #kosik #registrace #jsem-registrovany input#k_email:focus { background-position: left -42px;} #kosik #registrace #jsem-registrovany input#k_heslo { background-position: left -84px; padding: 0px 35px 0px 15px; width: 240px;} #kosik #registrace #jsem-registrovany input#k_heslo:hover, #kosik #registrace #jsem-registrovany input#k_heslo:focus { background-position: left -126px;} #kosik #registrace #jsem-registrovany input#k_prihlasit { background: url(../img/tlc_prihlasit.png) left top no-repeat; height: 47px; margin: 15px 0px 25px;} #kosik #registrace #jsem-registrovany input#k_prihlasit:hover { background-position: left bottom;} #kosik #registrace #jsem-registrovany a { text-decoration: underline; font-family: Arial, Helvetica, sans-serif; font-size: 13px; color: #09715b; font-weight: normal;} #kosik #registrace #jsem-registrovany a:hover { text-decoration: none;} #kosik #registrace #jsem-novy { margin-left: 315px; padding-left: 8px; padding-right: 8px; color: #fff;} #kosik #registrace #jsem-novy .nadpis { color: #fff;} #kosik #registrace #jsem-novy input#k_novy_zak { background: url(../img/pole_prihlasit.png) left top no-repeat; width: 295px; height: 43px; padding: 0px 10px 0px 49px; margin-top: 10px;} #kosik #registrace #jsem-novy input#k_zaregistrovat { cursor: pointer; background: url(../img/tlc_zaregistrovat.png) left top no-repeat; width: 294px; height: 47px; margin-top: 10px;} #kosik #registrace #jsem-novy input#k_zaregistrovat:hover { background-position: left bottom;} #kosik #registrace #jsem-novy p { color: #fff; font-family: Segoe UI; font-size: 18px; margin-top: 15px; margin-bottom: 10px;} #kosik #registrace #jsem-novy ul li { font-family: Arial, Helvetica, sans-serif; font-size: 13px; color: #ffffff; line-height: 25px;} #kosik #rychly-nakup { background: url(../img/predel.png) left center no-repeat; cursor: pointer; height: 280px; padding: 14px 0px 14px 45px; color: #fff; margin-left: 630px;} #kosik #rychly-nakup .nadpis { font-family: Segoe UI; font-size: 29px; color: #ffffff; padding-top: 10px; line-height: 32px;} #kosik #rychly-nakup p { font-family: Arial, Helvetica, sans-serif; font-size: 15px; color: #ffffff; line-height: 24px; margin-left: 0;} #pod-kosikem #prava-strana a.nakup-bez-registrace { background: url(../img/tlc_bez_registrace.png) left top no-repeat; width: 285px; height: 47px; float: right;} #pod-kosikem #prava-strana a.nakup-bez-registrace:hover { background-position: left bottom;} #pod-kosikem #prava-strana a.nakup-bez-registrace span { display: none;} /* krok 3 */ #kosik #kontaktni-udaje p.nadpis { position: relative; top: 0; left: 0; color: #fff; visibility: visible; font-family: Segoe UI; font-size: 18px; line-height: 20px; margin-bottom: 30px;} #kosik #kontaktni-udaje .zakladni_udaje { width: 680px; float: left;} #kosik #kontaktni-udaje .zakladni_udaje .sloupec { width: 49%; color: #fff;} #kosik #kontaktni-udaje .zakladni_udaje .sloupec_levy { float: left;} #kosik #kontaktni-udaje .zakladni_udaje .sloupec_pravy { margin-left: 50%;} #kosik #kontaktni-udaje .zakladni_udaje .sloupec label, #kosik #kontaktni-udaje .zakladni_udaje #zaskrtavatka_div label, #kosik #kontaktni-udaje #dic-psc label { font-family: Arial, Helvetica, sans-serif; font-size: 15px; color: #ffffff; display: block; float: left; width: 80px; padding-right: 13px; text-align: right; margin-top: 19px; position: relative;} #kosik #kontaktni-udaje .zakladni_udaje .sloupec label span, #kosik #kontaktni-udaje .zakladni_udaje #zaskrtavatka_div label span, #kosik #kontaktni-udaje #dic-psc label span { position: absolute; top: 0; right: 3px;} #kosik #kontaktni-udaje #dic-psc { margin-left: 680px; /*padding-top: 110px;*/} #kosik #kontaktni-udaje #dic-psc label { width: 45px;} #kosik #kontaktni-udaje #dic-psc input { font-family: Arial, Helvetica, sans-serif; font-size: 15px; color: #656565; padding: 0px 35px 0px 15px; width: 182px; height: 42px; background-image: url(../img/formular_bunky_male.png); background-repeat: no-repeat; cursor: pointer; margin: 8px 0px 5px; border: none; background-color: transparent;} #kosik #kontaktni-udaje #dic-psc input#k_dic { background-position: left 0px;} #kosik #kontaktni-udaje #dic-psc input#k_dic:hover, #kosik #kontaktni-udaje #dic-psc input#k_dic:focus { background-position: left -42px;} #kosik #kontaktni-udaje #dic-psc input#k_psc { background-position: left -84px;} #kosik #kontaktni-udaje #dic-psc input#k_psc:hover, #kosik #kontaktni-udaje #dic-psc input#k_psc:focus { background-position: left -126px;} #kosik #kontaktni-udaje #dic-psc input#k_ic {background-position: left 0px;} #kosik #kontaktni-udaje #dic-psc input#k_ic:hover, #kosik #kontaktni-udaje #dic-psc input#k_ic:focus {background-position: left -42px;} #kosik #kontaktni-udaje .zakladni_udaje .sloupec label span { font-weight: bold;} #kosik #kontaktni-udaje .zakladni_udaje .sloupec input { font-family: Arial, Helvetica, sans-serif; font-size: 15px; color: #656565; padding: 0px 35px 0px 15px; width: 240px; height: 42px; background-image: url(../img/formular_bunky_velke.png); background-repeat: no-repeat; cursor: pointer; margin: 8px 0px 5px; border: none; background-color: transparent;} #kosik #kontaktni-udaje .zakladni_udaje .sloupec input#k_email { background-position: left -168px;} #kosik #kontaktni-udaje .zakladni_udaje .sloupec input#k_email:hover, #kosik #kontaktni-udaje .zakladni_udaje .sloupec input#k_email:focus { background-position: left -210px;} #kosik #kontaktni-udaje .zakladni_udaje .sloupec input#k_jmeno { background-position: left -252px;} #kosik #kontaktni-udaje .zakladni_udaje .sloupec input#k_jmeno:hover, #kosik #kontaktni-udaje .zakladni_udaje .sloupec input#k_jmeno:focus {background-position: left -294px;} #kosik #kontaktni-udaje .zakladni_udaje .sloupec input#k_firma {background-position: left -336px;} #kosik #kontaktni-udaje .zakladni_udaje .sloupec input#k_firma:hover, #kosik #kontaktni-udaje .zakladni_udaje .sloupec input#k_firma:focus {background-position: left -378px;} #kosik #kontaktni-udaje .zakladni_udaje .sloupec input#k_ulice {background-position: left -420px;} #kosik #kontaktni-udaje .zakladni_udaje .sloupec input#k_ulice:hover, #kosik #kontaktni-udaje .zakladni_udaje .sloupec input#k_ulice:focus {background-position: left -462px;} #kosik #kontaktni-udaje .zakladni_udaje .sloupec input#k_stat {background-position: left -840px;} #kosik #kontaktni-udaje .zakladni_udaje .sloupec input#k_stat:hover, #kosik #kontaktni-udaje .zakladni_udaje .sloupec input#k_stat:focus {background-position: left -882px;} #kosik #kontaktni-udaje .zakladni_udaje .sloupec input#k_telefon {background-position: left -504px;} #kosik #kontaktni-udaje .zakladni_udaje .sloupec input#k_telefon:hover, #kosik #kontaktni-udaje .zakladni_udaje .sloupec input#k_telefon:focus {background-position: left -546px;} #kosik #kontaktni-udaje .zakladni_udaje .sloupec input#k_prijmeni {background-position: left -588px;} #kosik #kontaktni-udaje .zakladni_udaje .sloupec input#k_prijmeni:hover, #kosik #kontaktni-udaje .zakladni_udaje .sloupec input#k_prijmeni:focus {background-position: left -630px;} #kosik #kontaktni-udaje .zakladni_udaje .sloupec input#k_mesto {background-position: left -756px;} #kosik #kontaktni-udaje .zakladni_udaje .sloupec input#k_mesto:hover, #kosik #kontaktni-udaje .zakladni_udaje .sloupec input#k_mesto:focus {background-position: left -798px;} #kosik #kontaktni-udaje .zakladni_udaje .sloupec input#k_psc { font-family: Arial, Helvetica, sans-serif; font-size: 15px; color: #656565; padding: 0px 35px 0px 15px; width: 240px; height: 42px; background-image: url(../img/formular_bunky_velke_psc.png); background-repeat: no-repeat; cursor: pointer; margin: 8px 0px 5px; border: none; background-color: transparent; background-position: left 0px;} #kosik #kontaktni-udaje .zakladni_udaje .sloupec input#k_psc:hover, #kosik #kontaktni-udaje .zakladni_udaje .sloupec input#k_psc:focus { background-position: left -42px;} #kosik #kontaktni-udaje .zakladni_udaje .sloupec input#k_kontakt { background-position: left -252px;} #kosik #kontaktni-udaje .zakladni_udaje .sloupec input#k_kontakt:hover, #kosik #kontaktni-udaje .zakladni_udaje .sloupec input#k_kontakt:focus {background-position: left -294px;} #kosik #kontaktni-udaje .zakladni_udaje .sloupec input#k_dod_jmeno { background-position: left -252px;} #kosik #kontaktni-udaje .zakladni_udaje .sloupec input#k_dod_jmeno:hover, #kosik #kontaktni-udaje .zakladni_udaje .sloupec input#k_dod_jmeno:focus {background-position: left -294px;} #kosik #kontaktni-udaje .zakladni_udaje .sloupec input#k_dod_ulice {background-position: left -420px;} #kosik #kontaktni-udaje .zakladni_udaje .sloupec input#k_dod_ulice:hover, #kosik #kontaktni-udaje .zakladni_udaje .sloupec input#k_dod_ulice:focus {background-position: left -462px;} #kosik #kontaktni-udaje .zakladni_udaje .sloupec input#k_dod_mesto {background-position: left -756px;} #kosik #kontaktni-udaje .zakladni_udaje .sloupec input#k_dod_mesto:hover, #kosik #kontaktni-udaje .zakladni_udaje .sloupec input#k_dod_mesto:focus {background-position: left -798px;} #kosik #kontaktni-udaje .zakladni_udaje .sloupec input#k_dod_psc { background-position: left -168px;} #kosik #kontaktni-udaje .zakladni_udaje .sloupec input#k_dod_psc:hover, #kosik #kontaktni-udaje .zakladni_udaje .sloupec input#k_dod_psc:focus { background-position: left -210px;} #kosik #kontaktni-udaje .zakladni_udaje .sloupec select {font-family: Arial, Helvetica, sans-serif; font-size: 15px; color: #656565; margin: 8px 0px 5px; width: 240px; font-size: 15px; font-family: Arial, Helvetica, sans-serif; height: 40px; border: 0; border-radius: 4px;} #kosik #kontaktni-udaje { position: relative;} #kosik #kontaktni-udaje table#nakupuji { position: absolute; top: 15px; right: 15px;} #kosik #kontaktni-udaje table#nakupuji td {font-family: Arial, Helvetica, sans-serif; font-size: 15px; color: #ffffff; line-height: 26px; text-align: right; padding: 0px 5px;} #kosik #kontaktni-udaje table#nakupuji td span.checkbox {background: url(../img/tlc_vyber.png) no-repeat scroll left top rgba(0, 0, 0, 0); display: block; height: 27px; width: 27px; cursor: pointer;} #kosik #kontaktni-udaje table#nakupuji td span.checkbox.checked {background-position: left bottom;} #kosik #kontaktni-udaje .zakladni_udaje #zaskrtavatka_div {clear: both; width: 100%;} #kosik #kontaktni-udaje .zakladni_udaje #zaskrtavatka_div textarea#k_zprava { width: 545px; height: 170px; padding: 15px; border: none; margin: 8px 0px 5px; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px;} /* chybi podkladovy obrazek - tak aspon pomoci css */ #kosik #kontaktni-udaje .zakladni_udaje #zaskrtavatka_div table{ clear: both; width: 100%;} #kosik #kontaktni-udaje .zakladni_udaje #zaskrtavatka_div table.zaskrtavatka.margin-left {margin-left: 80px;} #kosik #kontaktni-udaje .zakladni_udaje #zaskrtavatka_div .zaskrtavatko .checkbox {background: url(../img/tlc_souhlas.png) no-repeat left top; cursor: pointer; display: block; height: 27px; width: 28px;} #kosik #kontaktni-udaje .zakladni_udaje #zaskrtavatka_div .zaskrtavatko .checkbox.checked {background-position: left bottom;} #kosik #kontaktni-udaje .zakladni_udaje #zaskrtavatka_div input { display: none;} #kosik #kontaktni-udaje .zakladni_udaje #zaskrtavatka_div td.zaskrtavatko { width: 40px;} #kosik #kontaktni-udaje .zakladni_udaje #zaskrtavatka_div td label { margin: 0px; width: 100%; text-align: left;} #kosik #kontaktni-udaje .zakladni_udaje #zaskrtavatka_div .jina_adresa_obal td label { font-family: Arial, Helvetica, sans-serif; font-size: 16px; font-weight: bold; color: #ffffff; line-height: 34px;} #kosik #kontaktni-udaje .zakladni_udaje #zaskrtavatka_div .newsletter_obal td label { font-family: Arial, Helvetica, sans-serif; font-size: 14px; color: #ffffff; font-style: italic;} #kosik #kontaktni-udaje .zakladni_udaje #zaskrtavatka_div label[for=newsletter_odber] {padding-top: 5px;} #pod-kosikem #prava-strana .krok03 { margin: 0;} /* kosik 4 */ #kosik #doprava-platba { width: 960px;} #kosik #doprava-platba #zpusob-dopravy { width: 54%; float: left; margin-bottom: 20px;} #kosik #doprava-platba #zpusob-platby { width: 45%; float: right; padding-bottom: 20px;} #kosik #doprava-platba h2 { background: none; font-family: Segoe UI; font-size: 25px; color: #00a471; margin-bottom: 30px;} #kosik #doprava-platba table { border-collapse: collapse; width: 100%; margin-bottom: 5px;} #kosik #doprava-platba table tr {background-color: #fff; } #kosik #doprava-platba table tr.volny {background: none;} #kosik #doprava-platba table tr.volny td {height:5px;background: none;} #kosik #doprava-platba table span.checkbox { background: url(../img/tlc_vyber.png) no-repeat left top; display: block; height: 27px; width: 27px;} #kosik #doprava-platba table span.checkbox.checked {background-position: left bottom;} #kosik #doprava-platba table .label_radio { display: none;} #kosik #doprava-platba table tr td { padding: 0px 5px; height: 70px; text-align: left; margin-bottom: 3px; vertical-align: middle;} #kosik #doprava-platba table tr td.w30 { padding-left: 15px;} #kosik #doprava-platba table tr td.w120, #kosik #doprava-platba #zpusob-platby table tr td.w100 { text-align: center;} #doprava-platba #zpusob-platby table tr td.right { text-align: right !important;} #kosik #doprava-platba table tr td.center { text-align: center; vertical-align: middle;} #kosik #doprava-platba table tr td.right { text-align: right; padding-right: 20px;} #kosik #doprava-platba table tr td label, #kosik #doprava-platba table tr td.doprava_cena { font-family: Segoe UI; font-size: 14px; color: #00a471; text-transform: uppercase;} #kosik #doprava-platba table tr td.doprava_cena { text-transform: none;} #kosik #doprava-platba table tr td p { margin: 0px; font-family: Segoe UI; font-size: 14px; color: #343434} #kosik #doprava-platba #zpusob-platby table tr td.w30 { padding-left: 10px;} #kosik #doprava-platba #zpusob-platby table tr td.right { padding-right: 10px;} #pod-kosikem #prava-strana .krok04 #celkova-suma { padding: 0px 15px; width: 318px;} #pod-kosikem #prava-strana .krok04 #celkova-suma table.bez-dph td, #pod-kosikem #prava-strana .krok04 #celkova-suma table.s-dph td { line-height: 25px;} /* kosik 5 */ #kosik #odeslani-objednavky { background: url(../img/ik_dokonceno.png) left center no-repeat; width: 500px; margin: 0px auto; padding-left: 160px;} #kosik #odeslani-objednavky h2 {font-family: Segoe UI; color: #00a471; text-align: center; background: none; font-size: 55px; font-weight: bold; line-height: 60px;} #kosik #odeslani-objednavky h3 {font-family: Segoe UI; color: #00a471; text-align: center; background: none; font-size: 45px; line-height: 50px;} #kosik #odeslani-objednavky h4 {font-family: Segoe UI; color: #00a471; text-align: center; background: none; font-size: 35px; line-height: 50px;} #kosik #pod-kosikem .krok05 { padding-left: 160px; text-align: center;} #kosik #pod-kosikem .krok05 a.pokracovat-v-nakupu { background: url(../img/tlc_pokracovat_v_nakupovani.png) left top no-repeat; width: 285px; height: 47px; display: block; margin: 0px auto;} #kosik #pod-kosikem .krok05 a.pokracovat-v-nakupu:hover { background-position: left bottom;} #kosik #pod-kosikem .krok05 a.pokracovat-v-nakupu span { display: none;} /* Radio */ .uni label {display:block;} div.radio, div.checker {position: relative; display: inline-block;vertical-align: middle;} div.radio, div.radio span, div.radio input {width: 27px;height: 27px; } div.radio span { display: -moz-inline-box; display: inline-block; *display: inline; zoom: 1; text-align: center; background: url('../img/tlc_vyber.png') left top no-repeat; } div.radio span.checked { background-position: left bottom; } div.radio input { opacity: 0; filter: alpha(opacity=0); -moz-opacity: 0; border: none; background: none; display: -moz-inline-box; display: inline-block; *display: inline; zoom: 1; text-align: center; } /* Checkbox */ div.checker, div.checker span, div.checker input {width: 28px;height: 27px; } div.checker span { display: -moz-inline-box; display: inline-block; *display: inline; zoom: 1; text-align: center; background: url('../img/tlc_souhlas.png') left top no-repeat; } div.checker span.checked { background-position:left bottom; } div.checker input { opacity: 0; filter: alpha(opacity=0); -moz-opacity: 0; border: none; background: none; display: -moz-inline-box; display: inline-block; *display: inline; zoom: 1; } div.fb-like { position: absolute; top: 14px; right: 420px;} /* zaslat heslo */ #green-background input[type=text], #green-background input[type=password] { line-height: 1.33; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; font-size: 15px; padding-top: 11px !important; padding-bottom: 11px !important;} #green-background #rychly-nakup .nadpis { font-family: Segoe UI; font-size: 29px; color: #ffffff; padding-top: 10px; line-height: 32px;} #green-background #jsem-novy { margin-left: 315px; padding-left: 8px; padding-right: 8px; color: #fff;} #green-background #jsem-novy .nadpis { color: #fff;} #green-background #jsem-novy input#k_novy_zak { border: 0; font-size: 16px; background: url(../img/pole_prihlasit.png) left top no-repeat; width: 295px; height: 43px; padding: 0px 10px 0px 49px; margin-top: 10px;} #green-background #jsem-novy input#k_zaregistrovat { border: 0; cursor: pointer; background: url(../img/tlc_zaslat_heslo.png) left top no-repeat; width: 294px; height: 47px; margin-top: 10px;} #green-background #jsem-novy input#k_zaregistrovat:hover { background-position: left bottom;} #green-background #jsem-novy p { color: #fff; font-family: Segoe UI; font-size: 18px; margin-top: 15px; margin-bottom: 10px;} #green-background #jsem-novy ul li { font-family: Arial, Helvetica, sans-serif; font-size: 13px; color: #ffffff; line-height: 25px;} #green-background #s-registraci .nadpis, #green-background #rychly-nakup .nadpis { font-family: Segoe UI; font-size: 18px; position: relative; left: 0; top: 0; visibility: visible; padding: 25px 0px;} #green-background #jsem-registrovany { background: url(../img/pole_registrovany_zakaznik.png) left top no-repeat; width: 300px; height: 308px; float: left; text-align: center;} #green-background #jsem-registrovany .nadpis { color: #019075;} #green-background #jsem-registrovany input { border: 0; width: 240px; height: 42px; background-image: url(../img/formular_bunky_velke.png); background-repeat: no-repeat; cursor: pointer; margin: 8px 0px 5px; } #green-background #jsem-registrovany { width: 300px; margin-left: 315px;} #green-background #jsem-registrovany input#k_email { background-position: left 0px; padding: 0px 35px 0px 15px; width: 240px;} #green-background #jsem-registrovany input#k_email:hover, #kosik #registrace #jsem-registrovany input#k_email:focus { background-position: left -42px;} #green-background #jsem-registrovany input#k_heslo { background-position: left -84px; padding: 0px 35px 0px 15px; width: 240px;} #green-background #jsem-registrovany input#k_heslo:hover, #kosik #registrace #jsem-registrovany input#k_heslo:focus { background-position: left -126px;} #green-background #jsem-registrovany input#k_prihlasit { background: url(../img/tlc_prihlasit.png) left top no-repeat; height: 47px; margin: 15px 0px 25px;} #green-background #jsem-registrovany input#k_prihlasit:hover { background-position: left bottom;} #green-background #jsem-registrovany a { text-decoration: underline; font-family: Arial, Helvetica, sans-serif; font-size: 13px; color: #09715b; font-weight: normal;} #green-background #jsem-registrovany a:hover { text-decoration: none;} #tlc-button a.krok-zpet { background: url(../img/tlc_o_krok_zpet.png) left top no-repeat; display: block; width: 221px; height: 38px;} #tlc-button a.krok-zpet span { display: none;} #tlc-button a.krok-zpet:hover { background-position: left bottom;}