body {font-family: Arial, Helvetica, sans-serif; font-size:13px; margin: 0; background: #623b2c url('./pics/body.jpg') no-repeat center top;} /* background: #ded3a6 */ img {border:none} #kosik_body { background: #fff !important; } h1{ font-size:19px; color: #09C;} h2{ font-size:17px; color: #09C; margin-top:0px} h3{ font-size:16px; color: #09C; margin-top:30px} #oblibene h2{ font-size:15px; color: #09C; margin-top:0px} #katalog h1{ font-size:23px; color: #09C; margin-top:0px; clear: right} #all-text h1, #big-text h1, #kontakt_left h1, #kontakt_right h1, #all-text-poukaz h1{ font-size:26px; color: #09C;padding-left: 45px; background-image: url(pics/samolepky-listek-info.gif);background-repeat: no-repeat;} #otazky-text h2{ font-size:19px; color: #8fc72b; margin-top:45px} #otazky-text h1{ font-size:26px; color: #09C;padding-left: 45px; background-image: url(pics/samolepky-listek-info.gif);background-repeat: no-repeat;} #faq-1 h2 { font-size:17px; color: #09C; margin-top:0px; margin-left:0px} .strong { font-weight:bold;} .blue{color: #09C;} .red{color: #C00;} .soutez-vyhrajte ul { color:#633} .onas{ color: #633} /*ul onas*/ .zacnete-posun{ margin-top:-59Px;} .red-first{color: #C00; font-size:17px; margin-top:15px;} a{text-decoration:underline; color: #03C} a:hover{text-decoration: none; color: #C00} #first-text a{text-decoration:underline; color: #09C;} #first-text a:hover{text-decoration: none; color: #C00} #kosik a{text-decoration:underline; color: #FFF} #kosik a:hover{text-decoration: none; color: #FFF} #page{ width:954px; margin:0 auto; background-color:#FFF; border-color:#623b2c; border-width:10px; border-top-style:none; border-right-style:solid; border-bottom-style:none; border-left-style:solid; text-align:left;} #main_cont{position:relative;left:0px;width:974px;height:100%; overflow:visible; } #vrch{position:relative; height:137px; border-top:5px solid white} #header-block{position: relative; margin-left:-10px;left:0px;top:0px;width:974px;height:350px;background-image:url(pics/header-back.png); background-color: #630} #header{position:absolute; left:0px;top:0px;width:974px;height:350px;background-image:url(pics/header-back.png);} #logo{position:absolute;width:416px; height:64px; left:62px; top:5px;} #logo a span{display:block; visibility:hidden;} #left H1, #left span{visibility:hidden;} /** * Header - lave menu */ #header-sub-menu { position: absolute; width: 203px; height: 236px; top: 58px; left: -22px; font-family: Georgia, "Times New Roman", Times, serif; font-size: 9px; } #header-sub-menu li span.hover { position: absolute; display: block; height: 45px; width: 206px; } a.sub-rollover, .sub-rollover_1, .sub-rollover_2, .sub-rollover_4, .sub-rollover_3 { float: left; display: block; width: 206px; height: 45px; text-decoration: none; } a.sub-rollover { background: url("pics/akcni-slevy-samolepky.png") 0 0 no-repeat; } a.sub-rollover_1 { background: url("pics/nejnovejsi-samolepky.png") 0 0 no-repeat; } a.sub-rollover_2 { background: url("pics/nejoblibenejsi-samolepky.png") 0 0 no-repeat; } a.sub-rollover_3 { background: url("pics/jak-nakupovat-samolepky.png") 0 0 no-repeat; } a.sub-rollover_4 { background: url("pics/jak-nalepit-samolepky.png") 0 0 no-repeat; } a:hover.sub-rollover, a:hover.sub-rollover_1, a:hover.sub-rollover_2, a:hover.sub-rollover_3, a:hover.sub-rollover_4 { cursor: pointer; } .sub-rollover span.hover { background: url("pics/akcni-slevy-samolepky.png") 0 -45px no-repeat; } .sub-rollover_1 span.hover { background: url("pics/nejnovejsi-samolepky.png") 0 -45px no-repeat; } .sub-rollover_2 span.hover { background: url("pics/nejoblibenejsi-samolepky.png") 0 -45px no-repeat; } .sub-rollover_3 span.hover { background: url("pics/jak-nakupovat-samolepky.png") 0 -45px no-repeat; } .sub-rollover_4 span.hover { background: url("pics/jak-nalepit-samolepky.png") 0 -45px no-repeat; } .invisible a span { display: none; } #sub li { display: inline} /** * Hlavne menu */ #main-menu { position: absolute; left: 235px; top: 299px; width: 720px; height: 30px; } #main-menu li span.hover { position: absolute; display: block; height: 30px; } a.rollover, .rollover_1, .rollover_2, .rollover_4, .rollover_3 { float: left; display: block; height: 30px; text-decoration: none; } a.rollover { width: 100px; background: url("pics/domu-dekorativni-samolepky.jpg") 0 0 no-repeat; } a.rollover_1 { width: 100px; background: url("pics/onas-dekorativni-samolepky.jpg") 0 0 no-repeat; } a.rollover_2 { width: 146px; background: url("pics/faq-dekorativni-samolepky.jpg") 0 0 no-repeat; } a.rollover_3 { width: 215px; background: url("pics/obchodni-podminky-dekorativni-samolepky.jpg") 0 0 no-repeat; } a.rollover_4 { width: 100px; background: url("pics/kontakt-dekorativni-samolepky.jpg") 0 0 no-repeat; } a:hover.rollover, a:hover.rollover_1, a:hover.rollover_2, a:hover.rollover_3, a:hover.rollover_4 { cursor: pointer; } .rollover span.hover { background: url("pics/domu-dekorativni-samolepky.jpg") 0 -30px no-repeat; width: 100px; } .rollover_1 span.hover { background: url("pics/onas-dekorativni-samolepky.jpg") 0 -30px no-repeat; width: 100px; } .rollover_2 span.hover { background: url("pics/faq-dekorativni-samolepky.jpg") 0 -30px no-repeat; width: 146px; } .rollover_3 span.hover { background: url("pics/obchodni-podminky-dekorativni-samolepky.jpg") 0 -30px no-repeat; width: 215px; } .rollover_4 span.hover { background: url("pics/kontakt-dekorativni-samolepky.jpg") 0 -30px no-repeat; width: 100px; } .invisible a span { display: none; } #main-nav li { display: inline; } #cse-search-box { width: 250px; height: 30px; top: 316px; left: 30px; position: absolute; } /*kosik*/ #kosik {width:380px; top:-3px; left:569px; position:absolute; color:#FFF;text-align:right } #kosik-menu li{ margin-right:5px; font-size:14px; float: right; list-style: none; } .kosik_text { position: relative; top: 10px; } #kosik-menu li img{vertical-align: bottom} #kosik-menu ul{text-align:left} #flash{width:706px;height:250px; top:46px; left:234px; background:url(pics/flash.jpg) no-repeat; position:absolute; border-color:#FFF; border-width:2px; border-top-style:solid; border-right-style:solid; border-bottom-style:solid; border-left-style:solid; } /*Produkt MENU*/ #left{float:left; width:168px; } /*nadpatickou*/ .menu-pouziti, #menu-motivy{margin-left:0px; color:#6b452e;font-size:12px; padding-bottom:10px; padding-left: 30px !important; } .menu-pouziti a, #menu-motivy a{ color:#6b452e; text-decoration: underline; font-size:12px;} .menu-pouziti a:hover {text-decoration: none; font-weight:bold; color:#09C;} #menu-motivy a:hover {text-decoration: none; font-weight:bold; color:#09C;} #menu-motivy li, .menu-pouziti li { list-style: none; background: url('pics/bullet-samolepky.png') no-repeat left center; /*list-style-image:url(pics/bullet-samolepky.png);*/ padding-left: 18px;line-height: 20px; } #menu-left-pomocne { margin: 0 0 0 10px;} #menu-left-pomocne img {margin:0;padding:0px;} .vydejni-mista {background: url('/pics/vydejni-mista-brno-praha-hradec-kralove.jpg') no-repeat; width:160px; height:128px; margin:-6px 0 7px 0;} .mista-menu {padding-top:50px; padding-left:13px;list-style:none;} #menu-left-pomocne a{text-decoration:underline; color: #630;} #menu-left-pomocne a:hover{text-decoration: none; color: #C00} /*Content MENU*/ #right{float:right; width:756px; padding:10px; padding-bottom:60px} #first-block{float:left; width:756px;} #first-text{float:left; padding-left:0px; width:473px; color:#063} #first-text p, #all-text p, #big-text p{color: #630; font-size:13px;} .obchodni-podminky li{color:#633;margin-top: 10px} #all-text{float:left; padding-left:20px; width:473px; color:#063} #big-text{float:left; padding-left:20px; width:633px; color:#063} #otazky-text{float:left; padding-left:20px; width:633px; color: #000;} #zacnete-zde{margin-bottom:30px; margin-left:300px} .first-vyhody{margin-left:30px; margin-top:13px} /** * Kontakt */ #kontakt-formular{ width: 280px; } #kontakt_left, #kontakt_right { float: left; color: #663300; } #kontakt_left { width: 430px; margin: 0 0 0 20px; display: inline; } #kontakt_right { width: 280px; } #kontakt_right #email, #kontakt_right #zprava { border: 1px solid #623b2c; background: #fdfaeb; margin-top: 2px; } #kontakt_right #email { margin-bottom: 7px; width: 150px; height:20px; } #zprava { width: 280px; } #kontakt_right h1 { margin-bottom: 18px;padding-left:0px; background:none; } #odeslat { color: #fff; background: #623b2c; border: none; width: 92px; height: 21px; float: right; margin: 6px 0 0 0; } #odeslat:hover { cursor: pointer; } /** * Oblibene motivy */ #oblibene { float: left; width: 756px; height: 233px; padding: 0; margin: 15px 0 30px 0; } .product-block { float:left; width: 229px; height: 193px; margin: 0 23px 0 0; padding: 0; } .product-block-foto { width: 229px; height: 160px; margin: 0; padding: 0; overflow: hidden; } #nahledy { float: left; width: 138px !important; padding: 0 0 0 25px!important; margin: 0 !important; } #nahledy li { width: 138px; list-style: none; list-style-image: none; padding: 0; overflow: hidden; height: 104px; margin: 0 0 10px 0;; } .product-info { width: 236px; margin-top: 5px; } .detail, .koupit { margin: 4px 0 0 0; padding: 0; } .koupit { margin-right: 3px; } .product-buttons { float: right; padding-left: 0px; padding-right: 10px; } .product-cena { font-size: 13px; color: #090; float: right; margin-top: 10px; } .product-cena strong { float: left; margin-right: 6px; margin-left:6px; } /** * Katalog */ #katalog { float: left; width: 756px; padding: 0px; margin-top: 10px } #katalog .product-block { margin-bottom: 22px; } .katalog-sleva { color: #C00; font-weight: bold; font-size: 13px; top: -10px; float: left; } .katalog-sleva strong { margin-left: 6px; margin-right: 0; } /*Nabídka výhod 1st page */ #first-nabidka{float:left; width:756px;padding:0px; margin-top:15px;} #first-nabidka-left{float:left; width:395px; height:auto; padding:0px; text-align:justify;} .text-advertise{ width:390px; padding:0px;height:auto;} .text-advertise-h{float:left; width:390px; height:auto; padding:0px; background:url(pics/first-text-advert.gif) repeat; } #first-nabidka-left h2{ font-size:15px; color: #600; margin-top:7px; margin-left:12px;} .text-advertise {float:left; padding:0px; margin-left:0px; margin-top:14px; font-style:normal; font-weight: lighter} .text-advertise-icon img{float:left; padding:0px; margin-left:20px; margin-top:14px } .text-advertise-text{float:right; width:290px; height:auto; font-size:12px;color: #633} .text-advertise-akce {margin-top:-5px; font-size:15px; color:#C60} .right {margin-left:263px; margin-bottom:0px; padding:0px} #first-nabidka .first-answer h2{ font-size:15px; color: #09C; margin-top:7px; margin-left:0px;} #first-nabidka-left a {color:#633; text-decoration:none;} .foto-advertise{float: right; width:345px; height:auto;} .foto-advertise img {padding:15px; padding-top:20px } .2 img { padding-top:15px } .3 img { padding-top:15px } .ctete { float:right; font-size:12px; margin-top:5px} /*vyhrajte-samolepky*/ #foto-box{ position:relative; float: left;width:630px; height:845px; background-image:url(pics/vyhrajte-samolepky.jpg)} #form-box{margin-top:258px; margin-left:38px; width:507px } #form-box input{ border:0; height:30px;width:280px; margin-bottom:17px; color:#633; font-size:14px; text-indent:7px;} #form-box .pics-vyhrajte{ border:0; height:51px; width:280px; margin-bottom:17px;float: right;} #form-box label {float: left;text-align: right; margin-left:40px;margin-right: 15px;width: 170px;padding-top: 5px;font-size: 1.4em;} .soutez-vyhrajte li {color: #633; font-size:16px; margin-top:10px;} .platnost {font-size: 16px; color: #600; margin-left:110px; margin-top:75px; float: left;} /** * Breadcrumb */ #breadcrumbs {padding:0px; margin:0px;} #breadcrumbs li { float: left; display: block; padding: 0 0 0 10px; margin: 0 5px 0 0; list-style: none; font-size: 11px; background: url('pics/gt.gif') no-repeat left center; } #breadcrumbs li.breadcrumbs_first { background: none; padding: 0; } #list-box{float:right;width:250px; height:30px; top:0px; left:600px; padding:0px; margin-top:-40px;} /*stránkování*/ #pagination {position: relative;margin-left:255PX;} #pagination li { border:0; margin:0; padding:0; font-size:11px; list-style:none; /* savers */ float:left; margin-top:30px} #pagination a { border:solid 1px #9aafe5; margin-right:2px; } #pagination .previous-off, #pagination .next-off { border:solid 1px #DEDEDE; color:#888888; display:block; float:left; font-weight:bold; margin-right:2px; padding:3px 4px; } #pagination .next a, #pagination .previous a { font-weight:bold; } #pagination .active { background:#2e6ab1; color:#FFFFFF; font-weight:bold; display:block; float:left; padding:4px 6px; /* savers */ margin-right:2px; } #pagination a:link, #pagination a:visited { color:#0e509e; display:block; float:left; padding:3px 6px; text-decoration:none; } #pagination a:hover { border:solid 1px #0e509e; } /*detail*/ #detail-block{float:right; width:756px;} #detail-block .pager{ float:right; text-align: right; padding: 4px 180px 0 0; color: #2d46a2; font-size: 14px; } #detail-block .pager a{ font-size: 12px; text-decoration: none; color: #2d46a2; } #detail-block .pager a:hover{ text-decoration: underline; } #main-foto-box{float:left; width:750px; color:#063; } .main-foto-detail{float:left; margin:0; padding:0;} #metr{background: url(pics/samolepka-metr.gif) no-repeat; width:121px; height:75px; float:left; margin-left:33px; } #metr p{font-size:23px; font-weight:bold; color:#FFF; margin-top:34px; margin-left:15px; } #metr .invisible {position:absolute;left:-1000px;top:-1000px} /*detail - ALL*/ #detail-info { padding-top:10px; width:756px; color:#633;} #samolepka-info h2{ font-size:16px; color: #633; margin-top:8px; margin-left:45px; text-align: left;} #samolepka-info { float: left; margin: 0 20px 0 0; display: inline; width: 234px; text-align: justify; background: url(pics/samolepky-listek-info.gif) no-repeat; font-size:13px;} #samolepka-barva { float: left; margin: 0 20px 0 0; display: inline; width:234px; text-align:justify; } #samolepka-barva h2{ font-size:16px; color: #633; padding-top:8px; padding-left:8px; } #samolepka-velikost { float: left; width:238px; text-align:justify; height:150px; } #samolepka-velikost h2 {font-size:16px; color: #633; padding-top:8px; padding-left:8px; height:20px;} .detial-nadpis {background: url(pics/detail-nadpis-back.jpg) repeat; display:block; width:226px; height:20px; } /*sleva*/ .vase-sleva {color: #C00; font-weight:bold; font-size:16px;} .detail-sleva{color: #C00; font-weight:bold; font-size:20px;} /** * Farby */ .barvy-block {display:block; width:242px; height:64px; margin-left:4px; padding-bottom:20px; } .color {display:block; width:24px; height:24px; float:left; margin-right:10px; margin-bottom:10px; } .color:hover {border: #000 2px solid; display:block; width:20px; height:20px;} /*všechny-barvy*/ .color-white, .color-black { display: block; width: 22px; height: 22px; float: left; margin: 0 10px 10px 0; border: #999 1px solid; } /*bílá*/ .color-black { border: #000 1px solid; } .color-black:hover, .color-white:hover {border: #999 2px solid; display:block; width:20px; height:20px;} /*černá*/ .color2 {border: #000 2px solid; display:block; width:20px; height:20px;} /*všechny-barvy*/ .color-black2, .color-white2 {border: #999 2px solid; display:block; width:20px; height:20px;} /*orientace*/ #orientace {margin-left:25px; margin-bottom:0px; padding-bottom:0px} .orientace-cleaner {float:left;margin-top:0px; padding:0px} .ds-kod{font-size:10px;} /*detail-vyhody*/ #vyhody {margin-top:30px; padding:0; } #vyhody li{margin-bottom:5px; } #vyhody a {text-decoration: none; color:#633;} #vyhody a:hover {text-decoration: underline; color:#633;} .expedice{list-style:none;background:url(pics/bullet-cas.gif) no-repeat 0px -.1em; padding-left:20px;padding-bottom:1px;} .zaruka{list-style:none;background:url(pics/bullet-zaruka.gif) no-repeat 0px -.1em; padding-left:20px;padding-bottom:1px;} .darek{list-style:none;background:url(pics/bullet-darek.gif) no-repeat 0px -.1em; padding-left:20px;padding-bottom:1px;} .prenos{list-style:none;background:url(pics/bullet-prenos.png) no-repeat 0px -.1em; padding-left:20px;padding-bottom:1px;} .expedice span, .zaruka span, .darek span, .prenos span {padding-left:5px; margin-bottom:15px; } /*velikost-samolepky*/ #samolepka-velikost input radio{margin-left:25px; float:left; display: inline-block } .vel {text-align:right;} .self{width:23px; border: #633 2px solid;} .linka-detail {color:#633;} .kusu{width:20px; border: #633 2px solid;} .cena-big{font-size:20px; font-weight:bold; text-align:left} .cena{ float:left; width:130px;text-align:left} .koupit{ margin-top:0px; float:right;} .dph{font-size:9px; margin-left:70px;} .vysledna-sleva {float:left; margin-top:5px;} #diskuse{ width:600px; margin-top:40px; float:left;} /** * Kosik */ form { margin: 0; padding: 0; } #kosik-ax { width: 815px; min-height: 683px; margin: 0 auto; margin-top: 0px; border: #c4bfa9 0px solid; vertical-align: middle; background-color: #FFF; clear: left; } #kosik-ax .big { margin: 13px 0 0 25px; font-size: 22px; color: #1ab5e2; } #kosik-ax h1 { margin: 25px 0 0 25px; color: #613e18; font-weight: normal; font-size: 20px; } /* Konecna tabulka */ #kosik-ax #kosik-table { width:795px; padding: 0; border-spacing: 0px; border-collapse: collapse; margin: 49px 0 0 10px; } .kosik_ax #kosik-table { margin-top: 19px !important; } #kosik-ax #kosik-table tr { /*border-bottom: #ededdf 1px solid;*/ border-bottom: none; } #kosik_tabulka { background: #eeeddf; border: 1px solid #593914; width: 773px; margin: 10px 0 0 10px; padding: 6px 11px; } #kosik_platba { float: left; width: 299px; color: #603c2a/*94dcf1*/; } #kosik_platba p { margin: 0 0 10px 4px; } #kosik_doprava { float: left; width: 319px; color: #603c2a; } #kosik_celkovo { width: 140px; float: left; color: #603c2a; text-align: right; } #kosik_celkovo em { font-style: normal; text-decoration: underline; font-size: 18px; } #kosik_tabulka h4 { font-size: 20px; color: #603c2a; margin: 0 0 16px 0; } #kosik_tabulka ul { margin: 0 0 10px 0; list-style: none; padding: 0; } .kosik_tlac { float: right; } /* Nazor */ .kosik_nazor { width: 340px; margin: 0 0 0 25px; } .kosik_nazor .kosik_message { font-weight: bold; color: #2ab5dd; margin: 0 0 6px 0; } .kosik_nazor .kosik_message_text { color: #603b29; width: 300px; margin: 0; padding: 0; } .kosik_nazor textarea { border: 1px solid #603b29; margin: 0; } #message_submit { border: none; background: none; font-weight: bold; color: #603b29; float: right; margin: 10px 0 0 0; text-align: right !important; } #message_submit:hover { cursor: pointer; } .brown{ background: url(pics/footer-back.gif) repeat; color:#FFF; text-align:center; font-weight:bold;} .polozky-nakupu{ background-color:#FFF; color: #633; text-align:center; border-bottom: 1px solid #C00;height:40px } .color-kosik{display:block; width:24px; height:24px; margin-left:20px;} .celkem{ background: #ededdf repeat; color: #633; text-align:center; border-bottom: 1px solid #C00; height:40px } .vysledna{ font-size:15px; font-weight:bold;} a.pokracovat{ background: url(pics/pokracovat.gif) no-repeat; display: block; margin-top: 26px; /*margin-left:630px; margin-top:-60px;*/ float: right; width:170px;height:44px;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box;} a.pokracovat span{display:none} .kupon_wrapper { float: left; } .kupon{margin-top:40px; margin-left:5px;border: 1px solid #633; height:25px; width:176px} label{margin-left:10px; font-size:16px; color:#633; padding-bottom:15px} .kup-text{ font-size:9px; color:#633; margin-left:126px;margin-top:5px; display:block; width:300px; color:#663;} a.zpet{ background: url(pics/zpet.gif) no-repeat; width:400px;margin-top:/*72*/57px;margin-bottom:12px;display: block; margin-left:10px; color:#633;} a.zpet:hover{ text-decoration:none;} a.zpet span{padding-left:30px; font-size:18px;} .pridano-vkosiku {width:277px; height:15px; float:left; top:50px;padding:0;margin-left:30px;margin-top:25px; margin-bottom:-50px;} #kosik-buton .invisible span{position:absolute;left:-1000px;top:-1000px} #kosik-buton{left:0px;top:0px;width:810px;height:106px;} /*MOZZILLA - HLAVNÍ MENU DOLE - top:336px;*/ a.kosik-1, .kosik-2, .kosik-3 {float:left;display:block; height:106px;text-decoration:none; } a.kosik-1 {width:252px;background:url("pics/kosik-kosik.gif") 0 0 no-repeat;} a.kosik-2{width:252px;background:url("pics/kosik-doprava-platba.gif") 0 0 no-repeat;} a.kosik-3{width:252px;background:url("pics/kosik-info.gif") 0 0 no-repeat;} a:hover.kosik-1{background-position: 0 -53px} a:hover.kosik-2{background-position:0 -53px} a:hover.kosik-3{background-position:0 -53px} .invisible a span{display:none;} #kosik-nav-1 li{display:inline; height:1222px;} #boxik{top:0px; left:0px; width:810px; height:53px; position:relative; } #main-menu-kos{ position:absolute;left:0px;top:13px;width:820px;height:53px; padding-bottom:0px;margin-left:-17px; } /*MOZZILLA - HLAVNÍ MENU DOLE - top:336px;*/ a.rollover-kos-1, .rollover-kos-2, .rollover-kos-3 {float:left;display:block; height:53px;text-decoration:none; margin-right:7px;} a.rollover-kos-1 {width:252px;background:url("pics/kosik-kosik.gif") 0 0 no-repeat;} a.rollover-kos-2{width:252px;background:url("pics/kosik-doprava-platba.gif") 0 0 no-repeat;} a.rollover-kos-3{width:252px;background:url("pics/kosik-info.gif") 0 0 no-repeat;} a:hover.rollover-kos-1{background-position: 0 -53px;} a:hover.rollover-kos-2{background-position:0 -53px;} a:hover.rollover-kos-3{background-position:0 -53px;} .invisible a span{display:none;} a.rollover-kos-1-on, .rollover-kos-2-on, .rollover-kos-3-on {float:left;display:block; height:53px;text-decoration:none; margin-right:7px;} a.rollover-kos-1-on {width:252px;background:url("pics/kosik-kosik.gif") 0 -53px no-repeat;} a.rollover-kos-2-on{width:252px;background:url("pics/kosik-doprava-platba.gif") 0 -53px no-repeat;} a.rollover-kos-3-on{width:252px;background:url("pics/kosik-info.gif") 0 -53px no-repeat;} #main-nav li{display:inline;} a.zavrit-kosik{ background: url(pics/zavrit.gif) no-repeat; width:103px; height:34px;margin-top:-42px;margin-bottom:10px;display: block; margin-left:720px; color:#633;text-decoration:none;} a.zavrit-kosik:hover{ text-decoration:none;} .kosik-kontakt { text-align:right; font-size:9px; margin-right:15px;} #kosik-table-doprava{width:775px; padding:0; margin-left:10px; border-spacing: 0px;border-collapse: collapse;} #kosik-table-platba{width:775px; padding:0; margin-left:10px; border-spacing: 0px;border-collapse: collapse;} .infotext { font-size:10px;} #delivery{width:795px;padding:0;margin-left:10px;border-spacing:0px;border-collapse:collapse;margin-top:40px} .kontrola{width:775px; height:40px;padding:0;margin-left:10px;margin-top:0px; background: #b6041a; text-indent:13px} .kontrola2{width:775px; min-height:40px;padding:0;margin-left:10px;margin-top:0px; background: #b6041a; text-indent:13px; color:#FFF; font-size:16px; line-height: 22px;} /** * Posledny krok objednavky */ .kontrola p { color: #FFF; padding-top: 12px; font-size: 16px; } .dokonceno { width: 775px; height: 40px; padding: 0; margin: 10px 0 0 20px; background: #4ab754; text-indent: 13px; } .dokonceno p { color: #FFF; font-size:16px; padding: 10px 0 0 0; } #delivery .big, .big-2 { font-size: 1.9em; margin: 10px 0 -8px 10px; } #delivery .big-2{padding-top:10px} #delivery .in{padding:10px 0px 10px 8px;border:1px solid #dcd4be;margin:15px 0px 0px} #delivery .in table{margin:0px} #delivery .in table td{border-left:2px solid #fff;border-top:1px solid #fff;padding:7px;/* !important */} #delivery .in table .dark td,#delivery .in table td.dark{background:#f3f2ed} #delivery .in table .light td{background:#F9f8f4} #delivery h3{padding:0px;margin-top:0px; } #delivery .in table p{padding:0px 10px 0px;color:#333} #delivery .in table .select{text-align:center;vertical-align:top;width:45px} /* CORNER BOX */ .corner-box{border:1px solid #D2D2D2; border-width:0px 1px; margin-bottom:15px;} .corner-box .box-spc{border:1px solid #D2D2D2; border-width:1px 0px; width:96%; margin: 0; padding:12px 2% 1px; bottom:-2px; } .corner-box .gray{background-color:#F0F0F0;} .corner-box .col-h-l { width:44%; float: left;} .corner-box .col-h-l-1 { width:44%; float: left; } .corner-box .col-h-r { float:right; margin-left: 3%; width: 52%; display: inline; } .corner-box .col-h-r-1{float:right; margin-left:3%; width:52%; display:inline; margin-top:-60px; margin-bottom:-15px;} .corner-box .col-h-v{margin-top:-50px;float:right;margin-left:3%; width:52%;} .login-form #logpass{margin-right:3%; vertical-align:top; margin-left:0; width:70%;} .corner-box input{margin-top:1px;} /* SHOW BOX - js*/ .show-box .corner-box{margin-bottom:0px;} .show-box h2 label, .show-box h2 input{cursor:pointer;} .show-box .break{height:0px;} .login-box label a{text-decoration:underline;} .show-box .corner-box .box-spc{bottom:-1px; margin-top:-2px;} .mailing-box li{padding:0; background:none; } .mailing-box ul{margin:0;} /*Footer*/ #bottom{ padding: 10px 0; color: #FFF; background: #623b2c; position: relative; } #bottom a{color:#fff} #bottom p{margin:0; padding:5px 0} .cleaner{clear:both; height:0; overflow:hidden; content:' '} .cleaner hr{display:none} #bottom-block{ width:974px; height:585px; margin:0 auto; position:relative; color:#FFF;} #footer-logo{width:367px; height:53px; position:absolute; background:url(pics/logo-footer.png) no-repeat; left:48px; margin-top:-40px} .nakupujte {width:128px; height:18px; position:absolute; background:url(pics/nakupujte.jpg) no-repeat; left:155px; top:40px} /*Footer 1st layer*/ #layer-1 {position:absolute; width:756px; height:190px; margin-top:68px; margin-left:158px} #layer-1-1, #layer-1-2, #layer-1-3{position:absolute; width:187px; height:173px; background:url(pics/slider.gif) no-repeat; background-position:bottom } #layer-1-1{} #layer-1-2{left:249px } #layer-1-3{left:486px } /** * Left Adv */ a.adv-rollover, .adv-rollover_1, .adv-rollover_2, a.adv-rollover_3, .adv-rollover_4, .adv-rollover_5 { float: left; display: block; width: 207px; height: 45px; text-decoration: none; } a.adv-rollover { background: url("pics/adv-expedice.gif") 0 0 no-repeat; } a.adv-rollover span.hover { background: url("pics/adv-expedice.gif") 0 -45px no-repeat; } a.adv-rollover_1 { background: url("pics/adv-vydej.gif") 0 0 no-repeat; } a.adv-rollover_1 span.hover { background: url("pics/adv-vydej.gif") 0 -45px no-repeat; } a.adv-rollover_2 { background: url("pics/adv-postovne.gif") 0 0 no-repeat; } a.adv-rollover_2 span.hover { background: url("pics/adv-postovne.gif") 0 -45px no-repeat; } a:hover.adv-rollover, a:hover.adv-rollover_1, a:hover.adv-rollover_2, a:hover.adv-rollover_3, a:hover.adv-rollover_4, a:hover.adv-rollover_5 { cursor: pointer; } .invisible a span { display: none; } #adv-left li, #adv-right li { float: left; display: inline; position: relative; left: -56px; } #adv-left li span.hover { position: absolute; display: block; width: 207px; height: 45px; } #adv-right li span.hover { position: absolute; display: block; width: 216px; height: 45px; } /** * Right Adv */ a.adv-rollover_3, .adv-rollover_4, .adv-rollover_5 { width: 216px; } a.adv-rollover_3 {background: url("pics/adv-material.gif") 0 0 no-repeat; } a.adv-rollover_3 span.hover {background: url("pics/adv-material.gif") 0 -45px no-repeat; } a.adv-rollover_4 {background: url("pics/adv-penize.gif") 0 0 no-repeat; } a.adv-rollover_4 span.hover {background: url("pics/adv-penize.gif") 0 -45px no-repeat; } a.adv-rollover_5 {background: url("pics/adv-original.gif") 0 0 no-repeat; } a.adv-rollover_5 span.hover {background: url("pics/adv-original.gif") 0 -45px no-repeat; } .darek-zdarma-img { margin-top: 23px; position: relative; left: -30px; } /*Footer 2st layer*/ #layer-2 {position:absolute; top:240px; width:756px; height:233px; margin-top:30px; margin-left:155px; text-align:justify; font-size:11px;font-style:normal; font-weight: lighter;color: #FFF; } #layer-2-1, #layer-2-2, #layer-2-3 { position:absolute; width:195px; height:250px;} #layer-2-2{left:250px } #layer-2-3{left:490px; height:155px; } #layer-2 h3{ font-size:18px; color: #FFF; margin-top:0px; display:block; text-align:left;} #layer-2 .footer-viceinfo{ font-size:12px; color: #FFF; float:left;padding-top:10px; display:block; text-align:left;} #layer-2 .footer-viceinfo-ctete{ font-size:14px; color: #FFF; margin-top:-20px; margin-left:34px; display: block; width:120px} #footer-menu-logo{position:absolute; top:190px; width:360px; height:100px; left:-10px; text-align:justify; font-size:11px;} #footer-menu-logo img{padding-left:25px} #footer-menu { float: left; top: 170px; width: 380px; margin-top: 30px; height: 20px; left: 0px; text-align: left; font-size: 12px; } .odkazy{ position: absolute; bottom: -25px; left: -430px; width: 790px; height:5px; margin-top:29px; font-size:9px; color: #333} .odkazy a{text-decoration: none; color: #333} .odkazy a:hover{text-decoration: underline; color: #333} /*Proč nakupovat u nás*/ .vyhody-redd {font-size:14px; color:#C00;} /* Doplňujúce triedy */ .clear { clear: both; display: block; } #obsahproduktu { font-size:16px; margin-top:0px; padding-left:10px; width:210px; height:30px; float:left; text-align:left;} /* FAQ */ #otazky-text a {font-size:14px;} .faq-answer {color: #630;} #nolink a { text-decoration:none; color: #630; font-size:13px;} /* banner pro reklamu na poukazy */ #banner-poukazy {width:auto; height:auto: margin-top:20px;} #samolepka-info-poukazy { float: left; margin: 0 20px 0 20px; display: inline; width: 334px; text-align: justify; background: url(pics/samolepky-listek-info.gif) no-repeat; font-size:13px;} #samolepka-info-poukazy h2{ font-size:16px; color: #633; margin-top:8px; margin-left:45px; text-align: left;} #backgroundcolorimage { float:left; margin-left:0px;} #oblibene-poukaz { float: left; width: 756px; height: 33px; padding: 0; margin: 15px 0 30px 0; } #all-text-poukaz{float:left; padding-left:0px; width:473px; color:#063}