/*** CSS STYLY pro Pajoma.cz ***/ * { margin: 0; padding: 0; } body { text-align:center; background: /*url('../img/body.jpg') repeat-x*/ #e8dedf; color: #666666; font-family: Verdana, 'Geneva CE', lucida, sans-serif; font-size: 62.5%; padding-bottom: 0px; } a { color: #595959; position: relative; } a:hover { text-decoration: none; } a:focus, input { outline: none; } a.help { cursor: help; } abbr, acronym { cursor: help; } img { border: 0px none; } hr.cleaner { clear:both; visibility: hidden; height: 1px; margin: -1px 0px 0px 0px;} hr.floater { float: left; clear: right; visibility: hidden; height: 1px; margin: 0px 0px 0px 0px; width: 100%; } #cover4tabs { width: 925px; margin: 0 auto; } #tabs { height: 45px; overflow: hidden; padding-right: 5px; position: relative; z-index: 5; top: 1px; } #tabs a { float: right; margin-top: 12px; margin-right: 2px; width: 120px; padding: 13px 0 8px 0; text-align: center; font-weight: bold; text-transform: uppercase; text-decoration: none; } #tabs a.active { background: #fff; color: #000; } #tabs a.inactive { background: url('../img/tabs-inactive.jpg') no-repeat; color: #fff; } #web-cover { width: 925px; background: #fff; margin: 0 auto; border: 1px solid #cccccc; } #out-of-order { width: 907px; height: 108px; background: url('../img/out-of-order.jpg') no-repeat; margin: 20px auto 10px auto; } #out-of-order p { padding: 25px 0 0 0; text-align: center; font-size: 200%; font-weight: normal; color: #992236; } #web { width: 905px; margin: 0px auto; text-align:left; overflow: hidden; position: relative; } #header { font-size: 90%; color: #595959; } #header #logo { position: relative; width: 510px; height: 116px; margin: 0px; padding: 0px; overflow: hidden; left: /*0*/9px; top: /*31*/14px; } #header #logo a { display: block; text-decoration: none; } #header #logo a img { display: block; } #header ul#topmenu { position: absolute; top: 14px; right: 15px; width: 800px; text-align: right; } #header ul#topmenu li { display: inline; text-align: right; font-size: 120%; /*margin-right: 10px;*/ } #header ul#topmenu li span { /*margin-left: 10px;*/ } #header ul#topmenu li a { color: #000; font-weight: bold; } #header ul#topmenu li a:hover { } #header ul#user { position: absolute; top: 38px; right: 10px; width: 620px; text-align: right; } #header ul#user li { display: inline; text-align: right; font-size: 120%; /*margin-right: 10px;*/ } #header ul#user li span { /*margin-left: 10px;*/ } #header ul#user li a { color: #000; font-weight: bold; } #header ul#user li a:hover { } #header form#search { position: absolute; right: 0px; top: 116px; display: block; width: 248px; height: 35px; overflow: hidden; z-index: 1; } #header form#search fieldset { border: 0px none; background: url('../img/search.gif') no-repeat 0px 0px; } #header form#search fieldset input.text { float: left; width: 195px; border: 0px none; padding: 1px 2px; height: 18px; color: #000; margin: 7px 0px 8px 8px; background: transparent; } #header form#search fieldset input.submit { float: right; font-size: 120%; color: #fff; width: 30px; height: 22px; background: transparent; border: 0px none; cursor: pointer; margin: 5px 0 0 0; text-decoration: underline; } /* #header #header-basket { display: block; position: absolute; top: 78px; right: 0; width: 605px; height: 23px; font-size: 120%; text-align: right; } #header #header-basket div { display: inline; padding: 8px 15px; } #header #header-basket div.grey { background: url('../img/header-basket-splitter.gif') no-repeat 56px 5px #eeeeee; color: #333333; text-align: center; } */ #header #header-basket { display: block; position: absolute; top: 78px; right: 0; width: 605px; height: 23px; font-size: 120%; text-align: right; } #header #header-basket div { float: right; padding: 8px 15px; } #header #header-basket div.grey { background: url('../img/header-basket-splitter.gif') no-repeat 56px 5px #eeeeee; color: #333333; text-align: center; } #header #header-basket a { padding: 5px 0px 3px 0px; white-space: nowrap; text-decoration: none; } #header #header-basket a span { display: inline-block; padding: 0px 20px 0px 0px; } #header #header-basket a span strong { } #header #header-basket a em { font-style: normal; font-weight: bold; position: absolute; left: 29px; } /*** horizontalni menu ***/ div#hmenu { float: left; width: 100%; height: 35px; overflow: hidden; } div#hmenu ul{ float: left; width: 100%; height: 35px; overflow: hidden; list-style-type: none; background: url('../img/topmenu.gif') repeat-x #901F34; } div#hmenu ul li { float: left; position: relative; height: 35px; } div#hmenu ul li a { display: block; width: 100%; height: 35px; color: #fff; padding: 9px 15px; font-size: 130%; text-decoration: none; font-weight: bold; } div#hmenu ul li > span { position: absolute; display: block; right: 0px; top: 0px; overflow: hidden; width: 2px; height: 35px; background: url('../img/splitter.gif') no-repeat; } div#hmenu ul li.home { width: 31px; } div#hmenu ul li.home a { background: url('../img/hmenu-home.jpg') no-repeat; padding: 0; } div#hmenu ul li.home a strong { display: none; } /*** levy panel ***/ div#menu { float: left; width: 230px; overflow: hidden; margin-top: 5px; } div#menu div.nadpis { width: 230px; height: 35px; position: relative; margin-top: 3px; background: url('../img/headlines.gif') repeat-x; color: #fff; } div#menu div.nadpis span { display: block; padding: 10px 10px 8px 10px; font-size: 120%; font-weight: bold; text-transform: uppercase; } div#menu ul { list-style-type: none; background: #F1F1F1; } div#menu ul li a { display: block; font-size: 110%; color: #666666; text-decoration: none; padding: 10px 0 8px 0; } /*div#menu > ul > li { height: 35px; }*/ div#menu ul li a.rootLevel { color: #333333; background: url('../img/headlines1level.gif') repeat-x #A29D83; padding: 11px 10px 9px 10px; font-size: 120%; font-weight: normal; margin-top: 3px; border: 0px none; text-transform: uppercase; } div#menu ul li a.rootLevel:hover { background-position: 0 -35px; } div#menu ul li ul li { display: block; margin: 0px 16px 0px 20px; border-bottom: 1px solid #FFFFFF; } div#menu ul li ul li.last, div#menu ul li ul li ul li.last { border-bottom: 0px none; } div#menu ul li ul li ul li { margin: 0px 0px 0px 16px; font-size: 90%; } div#menu ul li ul li a { padding: 8px 0 6px 0; border: 0px none; } div#menu ul li ul li ul li a { padding: 6px 0px 4px 0px; } div#menu ul li a:hover { border-color: #B5D27D; } div#menu ul li ul li a:hover { text-decoration: underline; } div#menu ul li a.active {color:#494949; font-weight:bold;font-size: 110%;} div#menu ul#homeMenu { font-size: 90%; } div#menu ul#homeMenu li { padding-bottom: 1px; height: 41px; background: #FFFFFF; } div#menu ul#homeMenu li a { padding: 14px 10px 14px 52px; background: #FFFFFF; color: #333333; font-weight: normal; } div#menu ul#homeMenu li a.zbozi-skladem { background: url('../img/ikona1.jpg') no-repeat #F3F3F0; } div#menu ul#homeMenu li a.rychle-dodani { background: url('../img/ikona2.jpg') no-repeat #F3F3F0; } div#menu ul#homeMenu li a.vlastni-vzorkovna { background: url('../img/ikona3.jpg') no-repeat #F3F3F0; } div#menu ul#homeMenu li a.individualni-slevy { background: url('../img/ikona4.jpg') no-repeat #F3F3F0; } div#menu ul#homeMenu li a.tisteny-katalog-zdarma { background: url('../img/ikona5.jpg') no-repeat #F3F3F0; } div#menu ul#homeMenu li a.rootLevel:hover { background-position: 0 0; background-color: #E9E8E2; } #menu form { background: /*url('../img/newsletter-input.jpg') no-repeat 10px 25px #F4F3EF*/ #F1F1F1; font-size: 120%; } #menu form fieldset { border: 0px none; text-align: center; } #menu form fieldset input.text { display: block; width: 190px; border: 0px none; color: #333333; margin: 10px auto 0 auto; padding: 3px 5px; text-align: left; border: 1px solid #cccccc; text-align: left; } #menu form fieldset input.submit { padding: 3px 10px; background: #881E30; margin: 8px 0 15px 130px; border: 0px none; cursor: pointer; font-size: 12px; color: #fff; font-weight: bold; text-transform: lowercase; } /*** pravy panel ***/ div#container { margin: 8px 0 0 240px; } div#container div.inner { width: 665px; _width: 660px; overflow: hidden; } /* novy generovany rozcestnik v kategoriich */ /* davidovo verze co dava obrazky na stred */ div#crossway { float: left; width: 110%; background: #fff; margin: 10px 0 10px 0; } div#crossway div.box { float: left; width: 150px; height: 175px; margin: 0 19px 18px 0; padding: 0; text-align: center; border: 1px solid #E6E5DE; background: url('../img/crossway-bg.gif') repeat-x #fff; overflow: hidden; } div#crossway div.box table { width: 100%; height: 145px; border: 0px none; border-collapse: collapse;} div#crossway div.box table tr td { vertical-align: middle; text-align: center;overflow: hidden;} div#crossway div.box img { margin: 0 auto; } div#crossway div.box a.name { display: block; padding: 12px 15px 8px 15px; color: #333333; text-align: left; } div#crossway div.box a { display: block; text-decoration: none; font-size: 110%; font-weight: bolder; padding-top: 5px; } div#crossway div.box div a img { display: inline; } /* novy generovany rozcestnik v kategoriich - zarovnava na plnou sirku*/ /* div#crossway { float: left; width: 110%; background: #fff; position: relative; left: 0px; margin: 10px 0 10px 0; } div#crossway div.box { float: left; width: 160px; height: 200px; margin: 0 5px 5px 0; padding: 0; text-align: center; border: 1px solid #E6E5DE; background: url('../img/crossway-bg.gif') repeat-x #fff; overflow: hidden; } div#crossway div.box table { width: 100%; height: 180; border: 0; border-collapse: collapse; } div#crossway div.box table tr td { vertical-align: top; text-align: left; padding: 0; border: 0; overflow: hidden;} div#crossway div.box img { margin: 0 auto; } div#crossway div.box a.name { display: block; padding: 12px 15px 10px 15px; color: #333333; text-align: left; } div#crossway div.box a { text-decoration: none; font-size: 110%; font-weight: bolder; padding: 0; } div#crossway div.box a img { border: 0px none; position: relative; left: -3px; top: -3px;} */ div#container div#drobecky { text-align: left; text-transform: uppercase; display: none; } div#container div#drobecky.inDetail { display: block; } div#container div#drobecky p { display: block; padding: 10px 0px 20px 0px; font-size: 100%; } div#container div#drobecky p a { color: #8d1d32; } div#container div#drobecky p a:hover { text-decoration: none; } div#container div#drobecky p span { color: #666666; margin: 0 2px; font-size: 100%; } div#container div#drobecky p a.posledni-aktivni-kategorie { text-decoration: none; color: #666666; } div#container div#drobecky p strong { font-weight: normal; color: #666666; } div.inner h1 { clear:both; font-size: 130%; color: #fff; background: url('../img/headlines.gif') repeat-x; padding: 8px 12px; margin: 0px 0px 12px 0px; } div.inner .button { } .nav a#krokz5 {font-size: 11px !important; } #filtr { float: left; width: 200px; margin: 20px 0px 15px 0px; height: 24px; } #filtr.katalog { margin-left: 0; } #filtr div { padding: 3px 0px 0px 15px; } #filtr a { margin: 0px 10px 0px 0px; } #filtr a, #filtr span { display: inline-block; text-decoration: none; font-size: 120%; } #filtr span { font-size: 120%; color: #484848; font-weight: bold; } #filtr a img { display: inline-block; position: relative; top: -3px; } h1.category { float: left; width: 670px; color: #8d1802; padding: 0px 0px 2px 0px; position: relative; margin: 5px 0px 15px 5px; font-size: 220%; } div.homepage { } div.homepage .box img {margin: 20px 12px 20px 0; } div.homepage .boxlast img {margin: 20px 0px 20px 0; } div.homepage h1 { float: left; width: 660px; } div.homepage h2 { font-size: 150%; } div.homepage p { padding: 0 25px 0 0px; text-align: justify; font-size: 110%; line-height: 150%; } .product { padding: 21px; text-align: center; margin: 0px 0px 12px 0px; overflow: hidden; font-size: 110%; background: #EEEEEE; position: relative; } .product a { text-decoration: none; } .product .product-image-cover { float: left; width: 190px; height: 190px; overflow: hidden; border: 1px solid #999999; background: #FBFBFB; position: relative; } .product .product-image { width: 190px; height: 190px; margin: 0; padding: 0; } .product .product-image table { width: 100%; height: 100%; border: 0px none; } .product .product-image table, .product .product-image table tr td { margin: 0; padding: 0; border-collapse: collapse; border: 0px none; height: 100%; } .product .product-image.center table tr td { vertical-align: middle; text-align: center; } .product .product-image.cut table tr td { vertical-align: top; text-align: left; } .product .product-image.center a img { margin: auto; padding: 0; } .product .product-image.cut a img { border: 0px none; position: relative; left: -2px; top: -2px; } .product .product-image span { position: absolute; top: 0; left: 0; display: inline-block; padding: 3px 10px; color: #fff; background: #E83F22; text-transform: uppercase; } .product .product-desc-cover { text-align: left; margin: 0 0 0 210px; color: #333333; } .product .product-desc-cover h2 { display: block; padding: 0 0 10px 0; font-size: 110%; } .product .product-desc-cover h2 a { color: #333333; } .product .product-desc-cover span.dostupnost { position: absolute; top: 43px; right: 21px; } .product .product-desc-cover span.dostupnost strong { padding: 2px 6px; color: #fff; background: #CC6600; display: inline-block; margin-left: 5px; } .product .product-desc-cover span.dostupnost strong.skladem { background: #509500 } .product .product-desc-cover span.dostupnost strong.neskladem { background: #CC6600 } .product .product-desc-cover div.splitter { display: block; height: 1px; width: 100%; background: url('../img/dots.gif') repeat-x; margin: 15px 0; } .product .product-desc-cover div.white-box { height: 124px; background: #fff; position: relative; } .product .product-desc-cover div.white-box div { padding: 14px; } .white-box span.alert {background: url('../img/alert-success.png') no-repeat 5px 5px #eff4ed;padding: 15px 5px 15px 45px;} .white-box span.alert strong a {text-decoration:underline;position:relative;top:5px; } .product .product-desc-cover div.white-box em { display: inline-block; width: 150px; font-style: normal; font-weight: normal; } .product .product-desc-cover div.white-box strong { white-space: nowrap; } .product .product-desc-cover strong.strike{text-decoration: line-through;} .product .product-desc-cover div.white-box strong.akcecena { color: #992036; } .product .product-desc-cover div.white-box a.add2cart { padding: 5px 7px; background: url('../img/add2cart.gif') repeat-x; color: #fff; font-weight: bold; position: absolute; right: 14px; bottom: 7px; text-transform: lowercase; } .product .product-desc-cover div.white-box form { position: absolute; right: 10px; bottom: 7px; } .product .product-desc-cover div.white-box form label { } .product .product-desc-cover div.white-box form select { width: 53px; } .product .product-desc-cover div.white-box form input.submit { padding: 3px 0px 5px 0px; width: 115px; background: url('../img/add2cart.gif') repeat-x; color: #fff; font-weight: bold; display: block; text-transform: lowercase; border: 0px none; font-size: 11px; margin-top: 5px; cursor: pointer; text-align: center; } .product .product-desc-cover div.info { margin-top: 10px; padding: 14px; background: #F3F8EA; font-weight: bold; } .product .product-desc-cover div.info a { text-decoration: underline; } .product .product-desc-cover div.info a:hover { text-decoration: none; } /* maloobchod */ .product.malo { float: left; width: 213px; _width: 210px; height: 320px; border: 1px solid #dfdfd7; text-align: center; margin: 0px 10px 10px 0px; padding: 0; overflow: hidden; font-size: 110%; background: #f3f3f0; position: relative; } .product.malo.third { margin-right: 0; } .product.malo span.dostupnost { display: block; text-align: right; padding-right: 15px; margin-top: 10px; } .product.malo span.dostupnost strong { background: none; } .product.malo span.dostupnost strong.skladem { color: #509500 } .product.malo span.dostupnost strong.neskladem { color: #CC6600 } .product.malo a { text-decoration: none; } .product.malo .product-image { width: 188px; height: 188px; margin: 12px auto; padding: 0; background: #fff; } .product.malo .product-image table { width: 100%; height: 100%; border: 0px none; } .product.malo .product-image table, .product.malo .product-image table tr td { margin: 0; padding: 0; border-collapse: collapse; border: 0px none; height: 100%; } .product.malo .product-image.center table tr td { vertical-align: middle; text-align: center; } .product.malo .product-image.cut table tr td { vertical-align: top; text-align: left; } .product.malo .product-image.center a img { margin: auto; padding: 0; } .product.malo .product-image.cut a img { border: 0px none; position: relative; left: -2px; top: -2px; } .product.malo .product-image span { position: absolute; top: 7px; left: 12px; display: inline-block; padding: 3px 10px; color: #fff; background: #E83F22; text-transform: uppercase; } .product.malo h2 { display: block; padding: 0 15px 10px 15px; font-size: 110%; font-weight: normal; color: #000; text-align: left; width: 183px;} .product.malo h2 a { color: #000; } .product.malo.product-akce strike{color: #333; font-weight: bold;} .product.malo strong.akce { } .product.malo strong.maloobchod-price { display: block; color: #921e34; text-align: left; padding: 0 15px; } .product.malo div.price { text-align: center; position: absolute; bottom: 10px; left: 0px; display: block; padding: 0px 15px; color: #921e34; width: 183px;} /* STARY PAGING .paging { width: 100%; margin: 0px auto; padding: 0px 0px 15px 0px; text-align: center; font-size: .8em; clear: both; font-size: 120%; font-weight: bold; } .paging strong { padding: 0px 2px 0px 5px; color: #000; } .paging a { color: #B7A8A8; text-decoration: none; padding: 0px 2px; } .paging a.predchozi { padding: 0px 40px 0px 0px; font-weight: bold; } .paging a.dalsi {padding: 0px 0px 0px 40px; font-weight: bold; } */ .paging { width: 100%; height: 47px; margin: 0px auto; padding: 0px 0px 15px 0px; text-align: right; font-size: .8em; clear: both; font-size: 120%; font-weight: bold; background: url('../img/paging-bg.gif') repeat-x; } .paging fieldset { border: 0px none; margin: 0; padding: 0; } .paging fieldset label { float: left; padding: 16px 0 0 16px; color: #000; } .paging fieldset select { float: left; margin: 13px 0 0 10px; width: 112px; border: 1px solid #DFDFD7; } /*.paging fieldset select { margin: 6px 0 0 10px; padding: 7px 0; }*/ .paging strong, .paging a { display: inline-block; padding: 9px 12px; color: #000; margin: 6px 4px 0 0; border: 1px solid #d3d3c9; } .paging a:hover, .paging strong { background: url('../img/paging-active.gif') repeat-x; } .paging span { display: inline-block; padding: 9px 0px; color: #000; margin: 6px 4px 0 0; } .paging a { text-decoration: none; background: url('../img/paging-inactive.gif') repeat-x; } /**** detail produktu #detail { width: 100%; background: url('../img/detail-pozadi.jpg') repeat-x left top #ffffff; height: auto; position: relative; margin: 0px 0px 0px 0px; padding: 10px 0px 0px 0px; border-top: 1px solid #DCD4D4; } #detail #image { float: left; width: 315px; overflow-x: hidden; margin-left: 0px; } #detail-popis { margin: 0px 0px 0px 333px; position: relative; color: #7f7f7f; font-size:90%; height: 301px; } #detail-popis .info {margin:10px 0 10px 0;padding:10px;background: #F3F8EA;border: 1px solid #B5D37D;} #detail-popis h1 { background: #727272; margin-bottom: 10px; } #detail-popis div#popis { padding: 10px; font-size: 130%; color: #595959; } #detail-popis p { text-align: left; margin: 0px 0px 0px 0px; font-weight: normal; } #detail-popis span { display: block; padding: 5px 0; font-size: 100%; } #detail-popis em.mini { font-style: normal; font-size: 90%; } #detail-popis span strong.cena, #detail-popis span.net strong { font-size: 160%; display: inline-block; padding-left: 5px; } #detail-popis span strong.cena { font-size: 110%; } #detail-popis table { width: 100%; border: 1px solid #D1D3D4; } #detail-popis table tr { padding: 3px 3px 2px 3px; } #detail-popis table tr td { padding: 3px; font-size: 130%; text-align: center; } #detail-popis table tr td.input { background: #EAF7F9; width: 5%; border-bottom: 2px solid #fff; } #detail-popis table tr td.nazev { background: #ffffff; width: 50%; border-bottom: 2px solid #EAF7F9; text-align: left; } #detail-popis table tr td.velikost { background: #ffffff; width: 20%; border-bottom: 2px solid #EAF7F9; } #detail-popis table tr td.dostupnost { background: #EAF7F9; width: 25%; border-bottom: 2px solid #fff; } #detail-popis div.add2cart { display: block; text-decoration: none; width: 154px; height: 37px; margin: 0px; padding: 0px; overflow: hidden; background: url('../img/add2cart.jpg') no-repeat; margin-top: 15px; } #detail-popis div.add2cart a { display: block; color: #fff; text-transform: uppercase; padding: 12px 0 10px 12px; text-decoration: none; font-size: 80%; font-weight: bold; } ****/ /**** detail produktu - MALOOBCHOD ONLY !!! ****/ #detail.malo { width: 100%; background: url('../img/detail-pozadi.jpg') repeat-x left top #ffffff; height: auto; position: relative; margin: 0px 0px 0px 0px; padding: 10px 0px 50px 0px; border: 0px none; } #detail.malo #image { float: left; width: 315px; overflow-x: hidden; margin-left: 0px; text-align: center; border: 1px solid #dfdfd7; } #detail.malo #image img { margin: 0 auto; } #detail.malo #detail-popis { margin: 0px 0px 0px 333px; position: relative; color: #7f7f7f; font-size:90%; } #detail.malo #detail-popis .info {margin:10px 0 10px 0;padding:10px;background: #F3F8EA;border: 1px solid #B5D37D;} #detail.malo #detail-popis h1 { font-weight: normal; color: #333333; background: none; margin-bottom: 20px; clear: none; margin-top: 0; padding-top: 0; font-size: 190%; } #detail.malo #detail-popis div#popis { padding: 0 10px 10px 10px; font-size: 130%; color: #595959; _width: 300px; _overflow: hidden; } #detail.malo #detail-popis p { text-align: left; margin: 0px 0px 0px 0px; font-weight: normal; } #detail.malo #detail-popis span { display: block; padding: 5px 0; font-size: 100%; } #detail.malo #detail-popis em { font-style: normal; font-size: 90%; } #detail.malo #detail-popis em.mini { padding-bottom: 10px; } #detail.malo #detail-popis span strong.cena, #detail.malo #detail-popis span.net strong { font-size: 160%; display: inline-block; padding-left: 5px; } #detail.malo #detail-popis span strong.cena { font-size: 110%; } #detail.malo #detail-popis table { width: 100%; border: 0px none; border-collapse: collapse; } #detail.malo #detail-popis table tr { padding: 3px 3px 2px 3px; } #detail.malo #detail-popis table tr td { padding: 10px 3px; font-size: 100%; text-align: left; border-bottom: 1px solid #e9e9e9; } #detail.malo #detail-popis table tr td.cena { font-weight: bold; } #detail.malo #detail-popis table tr td.akcniCena { color: #881e31; font-size: 120%; font-weight: bold; } #detail.malo #detail-popis div.add2cart { display: block; text-decoration: none; width: 154px; _width: 174px; height: 37px; margin: 10px 0 0 0; padding: 0px; overflow: hidden; background: url('../img/add2cart-maloobchod.gif') no-repeat; margin-top: 15px; float: right; _white-space: nowrap; } #detail.malo #detail-popis div.add2cart a { display: block; color: #fff; text-transform: none; padding: 12px 0 10px 53px; text-decoration: none; font-size: 85%; font-weight: bold; } #detail.malo #detail-popis strong.notice { display: block; color: #9A2037; text-align: right; padding: 15px 0 0 0; } #detail.malo #detail-popis form { /*position: absolute; right: 10px; bottom: -80px;*/ float: right; margin-top: 15px; } #detail.malo #detail-popis form label { float: right; text-align: right; padding-top: 3px; margin-right: 10px; } #detail.malo #detail-popis form select { width: 53px;float: right; } #detail.malo #detail-popis form input.submit { float: right; clear: right; text-decoration: none; margin: 10px 0 0 0; padding: 10px 20px 10px 60px; border: 0px none; overflow: hidden; background: url('../img/add2cart-maloobchod.gif') no-repeat; margin-top: 15px; color: #fff; font-size: 90%; font-weight: bold; cursor: pointer; } #detail.malo hr.detail-linka, #detail.malo div.detail-linka { display: none; } #detail.malo hr.line { clear: both; float: left; width: 100%; height: 1px; background: #DCD4D4; margin: 20px 0; border: 0px none; } #detail.malo h2 { float: left; width: 100%; color: #fff; font-size: 120%; font-weight: bold; padding: 8px 10px; margin: 0 0 15px 0; background: #B7A8A8; } #detail.malo .product h2 { padding: 0; text-align: center; font-size: 110%; text-align: center; background: none; margin: 0; } #doporucujeme { margin: 0px 0px 0px 0px; background: url('../img/similar.jpg') no-repeat center; } #doporucujeme div.similar { float: left; margin-left: 25px; text-align: center; margin-top: 8px; } #doporucujeme img { float: left; padding: 3px; background: #fff; border: 2px solid #BE9E9C; margin-bottom: 5px; max-height: 120px; } #doporucujeme div.bottom { float: left; font-weight: bold; font-size: 120%; width: 140px; } #doporucujeme div.bottom a { text-decoration: none; } /*** Hlasky - Warning, Notice, Info... ***/ div.alert { overflow: hidden; font-size: 11px; margin: 20px 20px 10px 15px; clear: right; } div.alert.nomargin { margin: 10px 20px 0px 15px; } #basket div.alert { overflow: hidden; margin-bottom: 30px; margin-left: 0; margin-right: 0px; clear: right; } div.alert strong { white-space: normal; } div.alert div.box-repeat { width: 100%; } div.alert div.box-top { height: auto; } div.alert div.box-bottom { clear:both; padding: 10px 15px 10px 65px; min-height: 55px; overflow: visible; } div.alert div.box-bottom table { width: 100%; } div.alert div.box-bottom table, div.alert div.box-bottom table tr td { height: 100%; width:100%; vertical-align: middle; } div.alert.error div.box-top{ } div.alert.error div.box-bottom{ background: url('../img/alert-error.png') no-repeat 15px 12px #f7eff0; } div.alert.success div.box-top{ } div.alert.success div.box-bottom{ background: url('../img/alert-success.png') no-repeat 15px 12px #eff4ed; } div.alert.notice div.box-top{ } div.alert.notice div.box-bottom{ background: url('../img/alert-notice.png') no-repeat 15px 12px #f2f2f2; } div.alert.error {font-weight:bold;color: #a30824; border: 1px solid #a30824; } div.alert.success {font-weight:bold;color: #1b6601; border: 1px solid #1b6601; } div.alert.notice {font-weight:bold;color: /*#005190*/#484848; border: 1px solid #484848; } #login-box { font-size: 130%; margin: 0px 0 30px 0px; float: right; width: 700px; } #login-box h2 { font-size: 90%; margin: 20px 0 15px 0; border-bottom: 1px solid #A9A9A9; padding: 0 0 5px 0; } #login-box p { padding: 0 0 10px 0; font-size: 90%; } #login-box form { margin-left: 100px; } #login-box label{display: inline-block; width: 50px;} #login-box input{margin-bottom: 5px;} #login-box form input.button { font-size: 90%; } #login-box input#submit.button {margin-left: 55px;} input#lost-submit.button{margin-left: 55px;} .underlined{text-decoration: underline;} .sendPassword{cursor: pointer;} #forgottenPassword{padding: 0px 20px 20px 20px;} #forgottenPassword input.button a.underlined{text-decoration: underline; cursor: pointer;} #forgottenPassword h3{margin: 20px 0 15px 0px; width: 100%; border-bottom: 1px solid #A9A9A9; padding: 0 0 5px 0;} #orders-login legend{font-size: 1.05em; color: #1F81B7; font-weight: bold; padding-bottom: 10px;} #orders-login label, #forgottenPassword label{width: 50px; display: inline-block;} #orders-login input{padding: 2px 5px; margin-bottom: 5px; width: 154px;} #login form { background: #fff; padding: 0px 20px 20px 20px; width: 620px; margin-left: 0px; position:relative; } #login form fieldset { border: 0px none; } #login h2 { font-size: 140%; margin: 0 0 15px 20px; } #login p, #login img { margin: 0 0 15px 20px; font-size: 11px; } #login .alert { margin-bottom: 30px; } #login form fieldset a { } #login form fieldset label { display: inline-block; width: 60px; text-align: right; font-size: 11px; padding-bottom: 4px; } #login form fieldset input.text { margin: 0px 0px 4px 0px; border: 1px solid #A9A9A9; width: 235px; font-size: 12px; padding: 3px 10px; } #login form fieldset input.submit { position:absolute; left:220px; width:120px; padding: 3px 10px; background: #881E30; border: 0px none; cursor: pointer; font-size: 12px; color: #fff; font-weight: bold; text-transform: lowercase; } #login form fieldset input.submit.sendpass { margin:-10px 0 0 0;} #login form fieldset div { font-size: 12px; padding: 10px 0 0 0; } .simple-page { padding: 0px 0px 0px 0px; margin: 20px 0px 0px 50px; float: left; width: 650px; } .simple-page h2 { float: left; width: 643px; padding: 4px 0 5px 0; margin: 0px 0px 20px 0px; font-size: 160%; border-bottom: 1px solid #A46E04; color: #420401; } .simple-page p{display: block; margin: 0px 0px 20px 40px;} .simple-page h3{margin: 0px 0px 10px 20px;} .simple-page strong.nadpis{ padding: 5px 0; } .simple-page .nav{ float: left; width: 100%; margin-left: 0; } .simple-page .alert { margin: 10px 0px 10px 20px; float: left; width: 600px; } .simple-page .alert strong { width: auto; } .simple-page form { float: left; } .simple-page hr { float: left; width: 100%; margin: 20px 0; background: transparent; border: 0px none; border-bottom: 1px solid #7A7A7A; } /*** odhlaseni z newsletteru ***/ #logout, #newsletter{ width: 100%; padding: 5px 0;} #logout fieldset, #newsletter fieldset {padding: 0; border: 0px none;} #logout fieldset label, #newsletter fieldset label { padding: 10px 0px; display: block; font-size: 12px; } #logout fieldset input.text, #newsletter fieldset input.text { width: 150px; position: relative; top: -6px; } #logout p, #newsletter p {padding: 0px 30px 10px 30px; line-height: 1.3em;} #logout img, #newsletter img {display: block; margin: 10px 0;} #logout ul, #logout ol, #newsletter ul, #newsletter ol { margin: 0px 30px 10px 30px; } #logout ul li, #logout ol li, #newsletter ul li, #newsletter ol li { margin: 0px 0px 10px 20px; } /*** specialni vzhled s obrazkem v leve casti misto menu (kosik + texy stranky) ***/ div.wide-layout { width: 100%; background: url('../img/pravypanel-top.jpg') repeat-x left top #ffffff; height: auto; position: relative; margin: 0; padding: 0; } #special { float: left; width: 244px; overflow: hidden; background-position: 42px 35px; background-repeat: no-repeat; height: 400px; } #special.background-01 { background-image: url('../img/special/1.jpg'); } #special.background-02 { background-image: url('../img/special/2.jpg'); } #special.background-03 { background-image: url('../img/special/3.jpg'); } #special.background-04 { background-image: url('../img/special/4.jpg'); } /*** nakupni kosik ***/ .nav { display: block; margin: 40px 0 10px 5px; width: 610px; height: 30px; position: relative; } a.button {padding: 5px 0px 5px 0px; background: #881E30; margin: 8px 0 15px 190px; border: 0px none; cursor: pointer; font-size: 12px; color: #fff; font-weight: bold; text-transform: lowercase;text-decoration:none; } input.button { padding: 3px 10px; background: #881E30; margin: 8px 0 15px 130px; border: 0px none; cursor: pointer; font-size: 12px; color: #fff; font-weight: bold; text-transform: lowercase; } a.button span { position: absolute; display: block; width: 8px; height: 23px; top: 0; } .nav a.button, .nav input.button { top: 5px; } #basket .nav a.button, #basket .nav input.button, input#submit-button { font-size: 11px; cursor: pointer;width:120px; padding: 5px 0px 5px 0px; } #basket .nav a.button {width:120px;text-align:center;} .nav .button.left { position: absolute;left: -195px;width:120px; font-size: 12px;text-align:center; } #basket .nav .button.left, #basket .nav a.button.right { padding: 7px 0; } .nav .button.right { position: absolute;right: 0px;width:120px; font-size: 12px;text-align:center;} form .nav input.button.right { right: -10px; } .nav input.button.right.user {position: absolute; right: -50px; } .nav input.button.right.step3 { font-size:12px; } form#appendix .nav .button.right.dokoncit { right:-10px; } .nav .button.right.order { right: -50px; } form.registration .nav input.button.right { } form#appendix-top .nav .button.right, form#appendix .nav .button.right { right: 0px;padding: 5px 0px 5px 0px; } form#appendix-top .nav { width: 620px;padding-top: 0; margin-top: 10px; font-size: 12px; } #similar{float: left; width: 100%; margin: 20px 0;} #similar h2{display: block; padding: 10px 0;} #doruceni{width: 100%; margin: 0px 0px 0px 0px; font-size: 12px; } #doruceni p { margin: 4px 0 10px 0; } #doruceni h2 { font-size: 140%; } #basket {width:620px;} #basket .info-box { width: 504px; overflow: hidden; } #basket .info-box strong { width: 504px; overflow: hidden; } #doruceni form fieldset{border: 0px none;} .zpusob-doruceni label{float: left; margin: 10px 0px 0px 0px;} table.pick{ border-collapse: collapse; } table.pick tr td { } table.pick thead tr th{text-align: left; } table.pick thead{white-space: nowrap; font-weight: bold;} table.pick thead tr th.left{height: 25px; } table.pick thead tr th.right{height: 25px; } #doruceni table.pick thead tr th.left{width: 500px;} #doruceni table.pick thead tr th.right{width: 170px;} table.pick tbody tr td{text-align: left; } table.pick tbody tr td strong{display: block; margin: 3px 0;} table.pick tbody tr td input{float: left; margin: 3px 5px 0 0px;} table.pick tbody tr td p{padding: 7px 15px 7px 0px; text-align: left;} table.pick tbody tr td label { white-space: nowrap; } table.pick tbody tr td p label { white-space: normal; } table.pick tbody tr td p.siva strong { font-size: 110%; } table.pick tbody tr td.align-left{text-align: left;border-right: 0px none;} table.pick tbody tr td span{ } #items {width: 620px; clear: left; border-collapse: collapse; text-align: left; margin: 20px 0px 0px 0px; font-size: 110%; } #items thead tr{ border-bottom: 1px solid #bdbdbd; } #items thead tr td{ text-align: center; font-weight: bold; padding: 2px 5px; font-size: 110%; } #items thead tr td.kusu{text-align: left; width: 75px;} #items thead tr td.nazev{text-align: left; } #items thead tr td.cena{text-align: right;width: 50px;} #items thead tr td.celkem{text-align: right;width: 120px;} #items thead tr td.left{height: 22px; white-space: nowrap;} #items thead tr td.right{height: 22px; } #items tbody tr td{padding: 5px;} #items tr.even{} #items tr.odd{} #items tr td{ padding: 2px;} #items tr td.kusu{text-align: center;} #items tr td.cena, #items tr td.celkem{text-align: right;} #items tr td a{ text-decoration: none;} #items tr.final-bottom td{padding-bottom: 8px;} #items tr.final{text-align: right;} #items tr.final td.prvni, #items tr.final td.druhy{border: 0px none; } #items tr.final td.druhy{} #items tr.final td.smazat a em{display: none;} #items tr.final td.druhy{padding: 0px 5px 0px 0px; white-space: nowrap;} #items tr.final td.druhy strong{ } #items tr.final td{padding: 15px 5px 5px 5px;} #items tr td div{margin-top: 8px;} #warning { font-size: 130%; padding: 10px 25px; color: #ff0000; font-weight: bold; display: none; } #detail-popis #warning { width: 100%; text-align: center; margin: 10px auto 10px 7px; padding: 10px 0px; background: url('../img/warning-detail.jpg') repeat-y; color: #fff; font-size: 110%; } .registration{ width: 660px; } .registration fieldset{border: 0px none; font-size: 12px; margin: 0 0 20px 20px; } .registration fieldset legend{ font-weight: bold; display: block; color: #848484; } .registration fieldset label{width: 170px; float: left; margin: 2px 10px 4px 0px; text-align: right; } .registration fieldset label em{ font-style: normal;} .registration fieldset input.text{ float: left; width: 250px; margin: 0px 0px 4px 0px; border: 1px solid #595959; } .registration fieldset input.checkbox { float: left; margin: 0; position: relative; top: 3px; } .registration fieldset select{width: 252px; float: left; margin: 0px 0px 4px 0px; border: 1px solid #595959; } .registration fieldset br{clear: left;} .registration fieldset div.popis { clear: left; padding: 7px; margin: 10px 20px 20px 180px; font-size: 100%; border: 1px solid #B6B19D; background: #F4F3EF; } .registration p { clear: left; font-size: 130%; padding: 0 90px 20px 20px; margin: 0; } .registration .velkoobchod { margin: 0 0px 20px 20px;; } div.velkoobchod { font-size: 120%; line-height: 150%; padding: 10px 40px 0px 0px; text-align: justify; } div.velkoobchod strong { display: block; } .delivery, .payment-select { font-size: 120%; width: 620px; } .delivery tr td.del-left, .payment-select tr td { text-align: left; } table.delivery { margin-bottom: 10px; } div.delivery-select-item, div.payment-select-item { margin-left: 40px; clear: left; } div.delivery-select-item strong, div.payment-select-item strong { display: inline-block; padding: 0px 15px; } #items{width: 620px; clear: left; border-collapse: collapse; text-align: left; margin: 20px 0px 0px 0px; font-size: 110%; } #items thead tr{ } #items thead tr td{ text-align: center; font-weight: bold; padding: 2px 5px;} #items thead tr td.kusu{text-align: center; } #items thead tr td.nazev{text-align: left; } #items thead tr td.cena{text-align: right;} #items thead tr td.celkem{text-align: right;} #items thead tr td.left{height: 22px; white-space: nowrap;} #items thead tr td.right{height: 22px; } #items tbody tr td{padding: 5px;} #items tr.even{} #items tr.odd{} #items tr td{ padding: 2px;} #items tr td.kusu{text-align: center;} #items tr td.cena, #items tr td.celkem{text-align: right;} #items tr td a{ text-decoration: none;} #items tr.final-bottom td{padding-bottom: 8px;} #items tr.final{text-align: right;} #items tr.final td.prvni, #items tr.final td.druhy{border: 0px none; } #items tr.final td.druhy{} #items tr.final td.smazat a em{display: none;} #items tr.final td.druhy{padding: 0px 5px 0px 0px; white-space: nowrap;} #items tr.final td.druhy strong{ } #items tr.final td{padding: 15px 5px 5px 5px;} #items tr td div{margin-top: 8px;} #basket div.two-columns.left { float: left; width: 300px; } #basket div.two-columns.right { margin-left: 330px; } #basket div.two-columns dl { width: 100%; font-size: 120%; } #basket div.two-columns dl dt { float: left; width: 130px; text-align: right; } #basket div.two-columns dl dd { margin-left: 140px; } #basket div.two-columns h2 { display: block; font-size: 120%; padding: 15px 0 15px 10px; float: none; } .dalsi-i{white-space: nowrap;} .dalsi-i label{display: none;} .dalsi-i input{float: left;} .dalsi-i p{ margin: 0px 0px 110px 0px; _padding-top: 4px; padding-right: 140px; } #error-login { margin-left: 20px; } #error-login h2 { margin-bottom: 10px; } #error-login form { float: left; width: 100%; margin-top: 10px; } #error-login fieldset { border: 0px none;font-size: 130%; } #error-login fieldset label{float: left; width: 70px; padding-right: 10px; text-align: right; margin: 0px 0px 5px 0px;} #error-login fieldset input.text{float: left; width: 250px; margin: 0px 0px 4px 0px; padding: 1px 2px; border: 1px solid #bdbdbd; } #error-login fieldset br{clear: left;} #error-login fieldset input.submit { padding: 3px 10px; background: #881E30; margin: 8px 0 15px 0px; border: 0px none; cursor: pointer; font-size: 12px; color: #fff; font-weight: bold; text-transform: lowercase; } #error-login p.plane{margin: 0px 0px 20px 0px; font-size: 130%; clear: left; } #error-login hr.error-cleaner { height: 20px; clear: left; visibility: hidden; } #basket p.plane{ line-height: 1.3em;} .step-done { float: left; width: 100%; margin-top: 15px; } .step-done table { margin: 10px 0; } #appendix { display: block; clear: left; width: 660px; } #appendix h1 { margin-bottom: 10px; } #appendix label { display: block; padding: 5px 0 0 0; font-size: 120%; } #appendix textarea{background: #fff; border: 1px solid #a0a0a0; padding: 3px; margin-top: 5px; width: 616px; height: 50px; font-family: 'Arial CE', 'Helvetica CE', Arial, helvetica, sans-serif; font-size: 12px; } #appendix fieldset { border: 0px none; } /* table.order-thumb{ border-collapse: collapse; width: 500px; color: #818181; margin-top: 20px; font-size: 130%; } table.order-thumb a{color: #861703; margin-left: 20px;} table.order-thumb tr th { padding-bottom: 5px; } table.order-thumb tr th, table.order-thumb tr td { text-align: left; padding-left: 10px; padding-right: 10px; white-space: nowrap; } table.order-thumb tr th { padding-top: 10px; } table.order-thumb tr td { padding-bottom: 10px; } table.order-thumb tr th.vs { width: 100px;} table.order-thumb tr th.date { width: 270px;} table.order-thumb tr th.price { text-align: center;} table.order-thumb tr th.pay { } table.order-thumb tr th.status { } */ #order-detail { width: 100%; margin-top: 10px; } #order-detail .header { font-size: 110%; margin: 0px 0 10px 0px; padding: 20px 0 0 20px; line-height: 140%; border: 1px solid #848484; } #order-detail .header.margined { padding-left: 70px; } #order-detail .header h2 { font-size: 130%; margin: 0; padding: 0; font-weight: bold; color: #848484; } #order-detail .header strong { display: inline-block; width: 133px; } #order-detail .header div { padding-bottom: 20px; } /*** posunuti kvuli specialnimu vzhledu s obrazkem v leve casti misto menu (stranky kosik + texy stranky) ***/ .texy { margin: 0px 0px 0px 0px;} .simple-page div.texy { margin-left: 10px; } .texy{ float: left; width: 665px; padding: 0px 0px 15px 0px; color: #420401; } .texy h1, .texy h2, .texy h3, .texy h4, .texy h5{margin: 0; padding: 0; } .simple-page div.texy h1 { margin-top: -10px; } .texy h2 { float: left; width: 650px; font-size: 170%; border-bottom: 1px solid #881E30; padding: 0px 0px 4px 0px; margin: 0px 0px 15px 10px; } .texy h3 { display: block;padding: 0px 0px 10px 0px; margin: 0px 0px 0px 10px; font-size: 150%; } .texy div.logo{width: 150px; float: right; margin: -40px 15px 20px 15px; } .texy p{ padding: 0px 10px 10px 10px; margin: 0; line-height: 1.4em; text-align: justify; clear: left; } .texy img{display: block; margin: 0px 10px 10px 0;} .texy ul, .texy ol{margin: 0px 30px 20px 30px; } .texy ul li, .texy ol li{margin: 0px 0px 10px 10px;} .texy li {font-size: 12px;} .texy p a { color: #420401; } .texy div.trinaradek img { float: left; margin: 10px 10px 20px 40px; _margin: 10px 5px 20px 20px; } .texy p, .texy ol li, .texy ul li { font-size: 11px; } pre { font-size: 140%; } .texy pre { margin: 0px 0px 15px 20px; } .texy dl { font-size: 120%; margin: 0px 0px 15px 20px; } .texy hr { display: block; margin: 0px 0px 15px 10px; border: 0px none; border-bottom: 1px solid #881E30; height: 1px; background: transparent; } .texy table {border-collapse:collapse;width:665px;} .texy table tr {border-collapse:collapse;} .texy table tr td {border:1px solid #666666;padding:5px;} .texy table.kolekce tr td {border:none;} #prodejny table tr td {border:none;} .boxobal { margin: 0px 10px 15px 20px;} .boxobal .boxvpravo{float: right; width: 30%; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; } .boxobal .boxvpravo img{margin: 5px 0px 15px 0px; } .boxobal .boxvlevo { float: left; padding: 0px 0px 0px 0px; width: 67%; } .boxobal .neplnit{width: 100%; display: block; clear: both; height: 1px; overflow: hidden; visibility: hidden; font-size: 0;} a.filetype { margin-left: 10px; } .texy form { margin: 0px 0px 30px 20px; } .texy form fieldset{border: 0px none; font-size: 120%; padding: 10px 0px 0px 0px; } .texy form fieldset legend{ font-weight: bold; padding: 10px 0px 0px 0px; } .texy form fieldset label{width: 120px; clear: left; float: left; margin: 2px 0px 4px 0px; } .texy form fieldset label em{color: #47a5ae; font-style: normal;} .texy form fieldset input.text{width: 250px; float: left; margin: 0px 0px 4px 0px; padding: 1px 2px; border: 1px solid #bdbdbd; } .texy form fieldset input.submit { float: left; } .novinka { border-bottom: 1px solid #BEBBAA; padding: 0 0 15px 0; margin: 0 0 15px 0; } .novinka img { margin: 5px 10px 10px 10px; } .novinka span.datum { display: block; font-size: 110%; padding: 0 0 0 10px } .novinka h3 { display: block; font-size: 130%; padding: 3px 0 5px 10px } .novinka p { padding: 0 10px; } .novinka a.vice-na-konci { display: block; padding: 5px 20px 0 0; text-align: right; font-size: 120%; } .site-map {margin: 0 0 0 20px;} .site-map h2 {font-size:130%;} .site-map ul {margin:20px 0 20px 30px;} /*** vypis objednavek ***/ table.order-thumb{ border-collapse: collapse; width: 645px; color: #818181; margin-top: 20px; font-size: 110%; margin-left: 15px; } table.order-thumb a{ margin-left: 20px; color: #861703; font-weight: bold; font-size: 80%; } table.order-thumb tr.odd td { background: #f2f2f2; } table.order-thumb tr.even td { background: transparent; } table.order-thumb tr th { padding-bottom: 10px; color: #fff; background: #828282 } table.order-thumb tr th, table.order-thumb tr td { text-align: left; white-space: nowrap; } table.order-thumb tr th { padding: 5px 10px;} table.order-thumb tr td { padding: 8px 10px 4px 10px; } table.order-thumb tr th.vs{width: 10%;} table.order-thumb tr th.date{width: 50%;} table.order-thumb tr th.price{text-align: center; width: 20%; } table.order-thumb tr th.pay { width: 10%; } table.order-thumb tr th.status { width: 10%; } table.order-thumb tr td.right{text-align: right;} /*** navigace stranek ***/ #foo-nav { background: url('../img/foo-nav.gif') repeat-x bottom; margin-top: 40px; color: #666666; } #foo-nav a { color: #666666; } #foo-nav div.left { float: left; width: 650px; overflow: hidden; } #foo-nav div.left ul { float: left; width: 180px; margin: 20px 15px; } #foo-nav div.left ul li { display: block; border-bottom: 1px solid #D1C4C4; padding: 8px 10px; } #foo-nav div.left ul li a { text-decoration: none; } #foo-nav div.left ul li a:hover { text-decoration: underline; } #foo-nav div.right { margin-left: 650px; _float: left; _width: 250px; _margin: 0; } #foo-nav div.nadpis { width: 100%; height: 35px; position: relative; background: url('../img/headlines.gif') repeat-x; color: #fff; } #foo-nav div.nadpis span { display: block; padding: 10px 10px 8px 10px; font-size: 120%; font-weight: bold; text-transform: uppercase; } #foo-nav div.right > strong, #foo-nav div.right address, #foo-nav div.right p { display: block; padding: 0px 0px 0px 25px; font-size: 110%; } #foo-nav div.right > strong { padding: 20px 0px 0px 25px; } #foo-nav div.right address { padding: 10px 0px 0px 25px; font-style: normal; } #foo-nav div.right p { padding: 10px 0px 5px 25px; } /*** Paticka ***/ #foo { clear: both; position: relative; font-size: 100%; color: #aeaeae; overflow: hidden; text-align: center; } #foo p { padding: 15px 0px; } #foo a { color: #aeaeae; } #foo a:hover { color: #BFC0C2; } /*** hledani ***/ .vysledky{ margin-bottom: 1em; margin-left: 1em; } #welcome { position: absolute; top: -10px; left: 0; width: 100%; height: 100%; margin: 0; padding: 0; } #welcome #crossway { position: relative; top: 0; left: 0; width: 100%; height: 100%; background: url('../img/welcome.png'); z-index: 10; } #welcome #crossway p { position: absolute; top: 200px; left: 0; margin: 0; padding: 0; width: 100%; height: 400px; background: url('../img/crossway.png'); text-align: center; text-transform: uppercase; } #welcome #crossway p strong { display: block; font-size: 250%; color: #fff; padding: 70px 0 45px 0; } #welcome #crossway p a { display: inline-block; font-size: 180%; color: #cecece; text-decoration: none; font-weight: bold; } #welcome #crossway p a img { display: inline; margin: 0px 20px; } #welcome #crossway p a:hover { color: #edd591; }