/* * Autor: Mgr. Ivo Toman * www.ivorius.com */ html,body,div,ul,ol,li,p,h1,h2,h3,h4,h5,h6{padding:0; margin:0; list-style:none; } html { background:#d3edf9 url(bg.jpg) 50% 0 repeat-x; color: #0b394d; } body { font:0.75em Arial, sans-serif; } #content { width:980px; margin:0 auto; position:relative; } #head { position:absolute; top:0; left:0; height:150px; width:980px; background:url(bg_header.png) 100% 0 no-repeat; color:#fff; line-height:1.5em; } #main { width: 760px; float: right; position: relative; right: 0; top:0; margin: 160px 0 0 0; overflow:hidden; } #side { width: 200px; float: left; position: relative; left: 0; top:0; overflow: hidden; margin: 160px 0 0 0; padding-bottom:5px; background: #d2f3ff url(menu-bottom.gif) 0 100% no-repeat; } #footer { clear: both; height:50px; padding-top:34px; margin-top:15px; background: url(bg_footer.png) 0 0 no-repeat; color:#fff; } /*********** DOPLNKY LAYOUTU ***********/ /* head */ #logo{height:95px; width:205px; float:left; position:relative;} #logo a {display:block; overflow:hidden; width:0; height:95px; padding-left:205px; background:url(logo.png) 0 0 no-repeat; position:absolute; top:0; left:0; } #head a {color:#fff;} #head form {width:333px; height:47px; background:url(hledani.gif) 0 0 no-repeat; margin:25px 0 0 20px; padding:0; float:left; position:relative; overflow:hidden;} #head form fieldset {margin:0; padding:0;} #head form legend {display:none;} #head form label {display:none;} #head form input {height:26px; width:182px; font-size:130%; margin:10px 0 0 45px; border:0 none; background:transparent; color:#0B394D; position:relative;} #head form button {width:83px; height:30px; background:url(vyhledavani-submit.gif) 0 0 no-repeat; border:0 none; text-transform:uppercase; color:#fff; font-size:80%; cursor:pointer; margin:0; line-height:30px; position:absolute; top:8px; right:18px;} #head form button:hover, #head form button.hover { background:url(vyhledavani-submit.gif) 0 100% no-repeat; } #head .uzivatel {width:105px; min-height:36px; float:left; margin:28px 5px 0 0; padding:0 0 0 40px; background:url(kacenka.gif) 0 50% no-repeat;} #head .uzivatel.prihlasen {margin-top:12px} #head .uzivatel.prihlasen h3 {color:#FFF; font-size:100%; margin:0; padding:0;} #head .uzivatel.prihlasen p {font-size:100%; line-height:1.4em;} #head .nakup p {float:right; min-height:42px; height:42px; width:215px; margin:28px 10px 0 0; background:url(taska.gif) 0 0 no-repeat; padding: 0 0 0 40px; position:relative;} #head .nakup p a.koupit {display:block; width:92px; height:42px; position:absolute; right:0; top:-2px; background:url(koupit.gif) 0 0 no-repeat; text-align:center; text-decoration:none; text-transform:uppercase; line-height:42px;} #head .nakup a.koupit:hover, #head .nakup a.koupit:active, #head .nakup a.koupit:focus {background:url(koupit.gif) 0 100% no-repeat;} #menu {clear:both; display:block; height:38px; width:945px; padding:0 7px 0 12px; margin:0 8px; background:url(lista.jpg) 0 0 no-repeat;} #menu li {height:34px; display:block; float:left; padding-right:2px; background:url(lista-oddelovac.gif) 100% 0 no-repeat; font-size:110%;} #menu li a {display:block; float:left; padding:0 19px; height:100%; line-height:34px; font-weight:bold; color:#0B394D; text-decoration:none;} #menu li.souteze a {padding:0;} #menu li.souteze a span {padding-left:30px; padding-right:20px; background:url(pandik-mini.gif) 10% 50% no-repeat;} #menu li.zlataky a {padding:0; } #menu li.zlataky a span {display:block; padding-left:30px; padding-right:10px;background:url(zlatak.gif) 5% 50% no-repeat;} #menu li.zlataky {background:none;} #menu li a:hover {background:url(lista-hover.gif) 0 0 repeat-x;} /* side */ #side h3 {padding:0 17px; margin:10px 0 0 0; background:#64AF00 url(menu-item.gif) 0 0 no-repeat; color:#fff; font-size:110%; line-height:35px; font-weight:bold;} #side h3.top {margin:0; background:url(menu-top.gif) 0 0 no-repeat;} #side ul.menu {background:#d2f3ff; } #side ul.menu li{border-bottom:1px solid #eaf9fe; border-top:1px solid #ADE6FB;} #side ul.menu a{display:block; color:#0b394d; background:#d2f3ff url(menu-li.gif) 15px 10px no-repeat; padding:6px 5px 6px 28px; font-size:100%; text-decoration:none; } #side ul.menu a:hover {background:#ade6fb url(menu-li.gif) 15px 10px no-repeat;} /* Další levely menu*/ #side ul.menu li ul li a {padding-left:40px; background:#b7ecff url(menu-li.gif) 28px 10px no-repeat;} #side ul.menu li ul li ul li a {padding-left:50px; background:#abe1f5 url(menu-li.gif) 38px 10px no-repeat;} #side ul.menu ul a:hover {background-color:none; text-decoration:underline;} #side ul.menu li.active {font-weight:bold;} #side ul.menu li.active li {font-weight:normal;} /* footer*/ #footer p{font-size:100%; margin:0; padding:0;} #footer p.ikonky {width:130px; float:right;} #footer p.copyright {margin-left:225px; width:auto;} #footer a{color:#fff;} /* main */ #main p#mini-navigation { position:absolute; top:55px; right:30px; font-size:100%; } #main p#mini-navigation a {color:#004d6c;} #main p#mini-navigation a.back {padding-left:20px; margin-right:10px; background:url(back.gif) 0 4px no-repeat;} #main p#mini-navigation span {padding-left:20px; background:url(table.gif) 0 2px no-repeat;} #main p#breadcrumb {background:url(breadcrumb.jpg) 0 0 no-repeat; line-height:35px; height:35px; font-size:90%;} #main p {font-size:110%; margin:1em 0; } #main ul,#main ol{margin:1em 0; } #main ul li,#main ol li{font-size:110%; } #main li {margin:5px 0;} #main ul li {margin-left:13px; padding-left:15px; background:url(menu-li.gif) 0 4px no-repeat;} #main ol li {margin-left:35px; list-style-type:decimal-leading-zero;} #main table{font-size:100%; border-collapse:collapse; margin:1em 0;} #main table th,#main table td{vertical-align:middle; padding:4px 5px;border:1px solid #b6e3f6; } #main table th{text-align:center; background:#a5dff4 url(bg_th.gif) 0 100% repeat-x;} #main table tr td {background-color:#f7fdff;} #main table tr.even td {background-color:#e7f9ff;} #main table tr.odd td {background-color:#f7fdff;} #main table caption{caption-side:bottom; font-style:italic;} /* Seznam podobnych produktu */ #main .similar {position:relative; height:244px; width:100%; padding:0; margin:10px 0 20px 0; list-style-type:none; overflow:hidden; background:url(bg_similar.gif) 0 100% no-repeat; font-style:normal;} #main .similar ul {margin: 5px 10px; padding:0;} /* Vypis produktu z metody products_li */ #main ul.products_li li {width:175px; height:183px; overflow:hidden; padding:0 0 30px 0; margin:10px 10px 0 0; text-align:center; font-size:100%; position:relative; float:left; /* IE fix*/; background:#A6DDF4 url(superdeal-cena.gif) 0 100% no-repeat;} #main ul.products_li li a {text-decoration:none; color:#ec5d06; background-image:none; font-weight:bold; line-height:1.3em; width:100%;} #main ul.products_li a:hover, #main ul.products_li a:active, #main ul.products_li a:focus {text-decoration:underline;} #main ul.products_li li a span.img {display:block; width:169px; height:122px; overflow:hidden; background:#FFF; border:3px solid #A6DDF4; text-align:center; position:relative;} #main ul.products_li li img {} #main ul.products_li li a span.text {display:block; background:#d2f3ff !important; height:38px; padding:5px 10px; margin:0 !important; border-top:1px solid #e5f8ff; border-bottom:1px solid #e5f8ff; cursor:pointer;} #main ul.products_li li a:hover span.text {background:#e9f9ff !important; text-decoration:underline;} #main ul.products_li p.price {height:25px; width:175px; margin:0; padding:5px 0 0 0; position:absolute; left:0; bottom:0; font-weight:bold; color:#004d6c;} /********* STRANKY *********/ /* Homepage*/ body.hp #main {background:none;} body.hp a {color:#004D6C; } body.hp #main h1 {position:absolute; top:0px; right:10px; width:160px; line-height:1.2; font-size:130%; padding:0;} #main .privitani {width:160px; float:right; font-size:100%; margin:40px 10px 0 0;} #main .privitani a {display:block; min-height:27px; line-height:27px; padding-left:35px; margin-top:7px; background:url(pandik-normal.gif) 0 0 no-repeat; font-weight:bold;} #main .privitani a:hover {background:url(pandik-normal.gif) 0 100% no-repeat;} .banner a {display:block; width:565px; height:200px; color:#fff; text-decoration:none; line-height:45px; font-size:200%; } .banner a span {display:block; width:430px; padding:0 100px 0 25px; height:45px; background:url(vice-banner.gif) 0 0 no-repeat; cursor:pointer; color:#fff;} .banner a:hover span, .banner a:active span, .banner a:focus span { background:url(vice-banner.gif) 0 100% no-repeat;} /* Subcategory */ #main ul.subcategory li {width:30%; float:left; margin:5px 0; padding:0 0 0 20px;} /* Výpis products_li v superdeal */ #zalozky { height:277px; overflow:hidden; background:url(bg_superdeal.png) 0 100% no-repeat; width:760px; position:relative; margin-top:20px;} ul#superdeal {margin:0; padding:0;} ul#superdeal li {display:block; float:left; margin:0 5px 0 0; padding:0; height:32px; font-size:100%; font-weight:bold; font-style:normal;} ul#superdeal li a {color:#0b394d; text-decoration:none; display:block; height:100%; width:127px; background:url(small-superdeal-menu.gif) 0 0 no-repeat; text-align:center; line-height:32px; overflow:hidden;} ul#superdeal li.big a {width:178px; background:url(big-superdeal-menu.gif) 0 0 no-repeat;} ul#superdeal li.ui-tabs-selected a {background-position: 0 -64px !important; color:#fff;} ul#superdeal li a:hover {background-position:0 -32px; color:#0b394d; text-decoration:none;} #main div.caruso_obal, #main div.caruso_ajax {position:absolute; height:243px; width:740px; padding:0 5px 0 15px; margin: 0; overflow:hidden; z-index:1; clear:both; } #main div.caruso_obal ul, #main div.caruso_ajax ul {margin:10px 0 0 0; padding:0; } #main div.caruso_obal ul li, #main div.caruso_ajax ul li {float:left;} #main div.caruso_obal ul li a {color:#ec5d06;} .velkatrojka {height:275px; width:200px; padding:0 20px 0 25px; float:left; position:relative; margin-top:15px !important;} .velkatrojka h3 {font-size:170%; color:#004d6c; height:55px; line-height:55px; text-align:center; padding:0;} .velkatrojka img {float:right; margin-right:-20px;} .velkatrojka p.button a {display:block; width:117px; height:34px; line-height:34px; position:absolute; bottom:15px; left:15px; background:url(tlacitko.gif) 0 0 no-repeat; text-align:center; color:#fff; text-decoration:none; text-transform:uppercase; font-size:80%; font-weight:bold;} .velkatrojka p.button a:hover {background:url(tlacitko.gif) 0 100% no-repeat;} div.soutez {background:url(pandik-soutez.png) 0 0 no-repeat;} div.zlataky {background:url(pandik-zlataky.png) 0 0 no-repeat; margin:0 12px;} div.truhlicka {background:url(pandik-truhlicka.png) 0 0 no-repeat;} div.information {margin:20px 0 0 0; width:760px; background:url(stranka-bg.gif) 0 0 repeat-y; clear:both;} div.information span.top {display:block; height:37px; width:760px; background:url(stranka-top.gif) 0 0 no-repeat;} div.information span.bot {clear:both; display:block; height:15px; width:760px; background:url(stranka-bot.gif) 0 0 no-repeat;} div.information .in {width:40%; padding:0 5%; float:left;} div.information a {font-weight:bold;} div.information h2.nadpis {position:relative; top:-10px; margin-bottom:-10px;} div.information a.button {display:block; width:145px; height:30px; line-height:30px; background:url(button.gif) 0 0 no-repeat; text-align:center; color:#fff; text-decoration:none; text-transform:uppercase; font-size:80%; margin:15px 0 0 0;} div.information a.button:hover {background:url(button.gif) 0 100% no-repeat; } /* Stylepage*/ .stylepage #main {width:700px; padding:0 30px 20px 30px; background:#e6f5fc url(main-bot.gif) 0 100% no-repeat;} .stylepage #main p#breadcrumb {margin:0 -30px; padding:0 30px; border-bottom:1px solid white; overflow:hidden;} .stylepage #main p#breadcrumb a {display:block; height:100%; background:url(br-sipka.gif) 100% 0 no-repeat; padding-right:25px; margin-right:10px; float:left;color:#004D6C; } .stylepage h1 {font-size:200%; padding: 0.8em 0 0.2em 0;} .stylepage h2 {font-size:160%; padding:1.2em 0 0 0;} .stylepage h3 {font-size:130%; padding:1em 0 0 0;} .stylepage h4 {font-size:120%; padding:1em 0 0 0;} /* Kategorie */ #main p.zobrazuji {font-size:90%; float:right; padding:10px 0 10px 0; margin:0;} #main p.strankovani {font-size:100%; margin:10px 0; } #main p.strankovani a, p.strankovani span {display:block; float:left; width:26px; height:27px; line-height:27px; margin:0 1px; font-weight:bold; text-align:center; text-decoration:none;} p.strankovani a {background:url(strankovani.gif) 0 0 no-repeat; color:#fff;} p.strankovani a:hover {background:url(strankovani.gif) 0 -28px no-repeat; } p.strankovani span {background:url(strankovani.gif) 0 -56px no-repeat; color:#0b394d;} #main p.zobrazuji.top {padding-bottom:20px;} #main p.strankovani.bottom {float:right; position:relative; height:27px; } #main p.strankovani.bottom a {margin-top:19px;} #main p.strankovani.bottom span {margin-top:19px;} #main p.zobrazuji.bottom {float:left; margin:0; padding:35px 0 10px 0; position:relative; } form#filtrace {margin:0 -30px; padding:7px 30px; background:#BFEAFF;} .item {width:225px; display:block; float:left; position:relative; margin:25px 12px 20px 0; background:#b6e3f6 url(item-bottom.gif) 0 100% no-repeat;} .item.last {margin-right:0;} .item .itemimg {display:block; margin:4px; position:relative; width:217px; height:155px; background:#fff; text-align:center;} #main .item h3 {font-size:110%; padding:0; margin:0; color:#fff; overflow:hiddden;} #main .item h3 a {display:block; line-height:1.4em; height:2.8em !important; padding:6px 10px; margin:0; background:#32a6ba; color:#fff; overflow:hiddden;} #main .item p {margin:0; padding:0.5em 10px; background:#37b5cb; color:#fff; font-size:90%;} #main .item p.hodnoceni {padding:2px 0; margin:0;} #main .item p.hodnoceni:after { content: ""; display: block; height: 0; clear: both; } #main .item p.hodnoceni .stars-off {margin:0 auto;} #main .item p.ico {height:16px; position:absolute; right:5px; top:191px; margin:0; padding:0;} #main .item p.price {padding:1em 5px 1em 10px; background:transparent; color:#004d6c; width:115px; text-align:center;} #main .item p.price span {font-size:140%; font-weight:bold;} #main p.price span.neplatne {font-size:100%; text-decoration:line-through; margin-right:5px; } #main p.price span.sleva {color:#FF0000;} #main .item button {border:0; text-align:center; display:block; width:80px; height:20px; line-height:20px; color:#FFF; background:url(cart-mini.gif) 0 0 no-repeat; font-size:90%; font-weight:bold; padding:0; position:absolute; right:10px; bottom:9px; cursor:pointer;} #main .row.text {margin-top:15px; padding-top:15px;} /* Detail */ .detail #main {width:945px; padding:0 15px 20px 20px; background:url(bg_detail.jpg) 0 0 no-repeat;} .detail #main p#breadcrumb {margin:0 -15px 0 -20px; padding:0 20px; background:url(breadcrumb-detail.jpg) 0 0 no-repeat; line-height:35px; height:35px; font-size:90%;} .detail #main .images {width:330px; float:left; overflow:hidden; text-align:center;} .detail #main .images .hlavni {height:240px; width:322px; position:relative; border:4px solid #b6e3f6; display:block; background:#fff; text-align:center;} .detail #main .images .hlavni img {border:0 none; vertical-align:middle; margin:0 auto;} .detail #main .images img {border:2px solid #b6e3f6; margin:4px; } .detail #main .info {width:295px; float:left; text-align:left; margin:0 0 0 20px; padding-bottom:12px; background:url(detail-nakup.gif) 0 100% no-repeat} .detail #main p.detail_price {width:265px; margin:0; height:40px;padding:10px 15px; background:#1a5862 url(round-darkblue.gif) 0 0 no-repeat; font-size:130%; color:#fff; text-align:center;} .detail #main p.detail_price .hlavni {font-size:120%; font-weight:bold;} .detail #main .miniinfo {margin:0; width:265px; padding:7px 15px; background:#37b5cb; color:#C9F6F2;} .detail #main .miniinfo p {font-size:100%; line-height:1.7em;} .detail #main .miniinfo span {color:#fff; font-weight:bold;} .detail #main .miniinfo a {color:#004d6c; font-weight:bold;} .detail #main .miniinfo p.ico {float:right; text-align:right;} .detail #main .nakup {width:295px; margin:0; padding:7px 0 0 0; background:#b6e3f6; text-align:center;} .detail #main .nakup p button {border:0; width:120px; height:40px; margin-bottom:8px; background:transparent; background-position:0 -40px; background-repeat:no-repeat; color:#FFF; } .detail #main .nakup p button:hover, .detail #main .nakup p button.hover {background-position:0 0;} .detail #main .nakup p.first {width:46%; padding:0 2%; float:left; font-size:90%;} .detail #main .nakup p.first button {padding:0 10px; background-image:url(koupit-bez.gif); font-size:100%; white-space:nowrap; } .detail #main .nakup p.last {width:46%; padding:0 1%; float:right; font-size:90%;} .detail #main .nakup p.last button {background-image:url(koupit-pandik.gif); text-align:right; font-weight:bold; padding-right:14px;} .detail #main .nakup p.last label {font-weight:bold;} .detail #main .nakup p.last input {width:20px; text-align:center;} .detail #main .usere {width:245px; height:60px; padding:0 20px; margin:0 15px 0 0 ; float:right; background:#37b5cb url(detail-uzivatele.gif) 100% 0 no-repeat;} .detail #main .usere h3 {padding:10px 0 5px 0; margin:0; color:#FFF; font-size:110%; font-weight:bold;} .detail #main .usere p {margin:2px 0 0 0; color:#C9F6F2; font-size:90%;} .detail #main .usere p a {color:#C9F6F2;} .detail #main .usere img {margin:0 5px 0 0; position:relative; top:5px;} /*Hodnocení - sekce usere*/ #main .stars_top, .usere .stars-off {float:left;} #main .usere span#titule_top_stars {color:#FFF; float:left; font-weight:bold; display:block; font-size:90%;} #main .usere .hodnoceni p {float:left; display:inline; margin-left:3px;} form#kom_form{background:url(diskuse-predel.jpg) 0 0 no-repeat; padding:20px 10px 10px 10px; margin-top:10px;} form#kom_form legend{display:none;} form#kom_form div.head {width:160px; padding-right:10px; float:left; font-size:100%;} form#kom_form label{font-size:100%; font-weight:bold;} form#kom_form input {margin:3px 0 15px 0; } form#kom_form div.stars {margin:5px 0 0 0; width:113px; height:23px; padding:7px 0 0 7px; background:url(bg-star-koment.gif) 0 0 no-repeat;} form#kom_form span#titule_stars {margin:3px 0 0 10px;} textarea#kom_text{width:470px; height:90px; margin:3px 0;} form#kom_form button {width:90px; height:20px; line-height:20px; margin:5px 0 0 555px; border:0 none; text-align:center; background:url(button-komentovatt.gif) 0 0 no-repeat; color:#fff; font-size:90%; font-weight:bold;} .diskuse{background:url(diskuse-predel.jpg) 0 0 no-repeat; padding:10px 10px 0 10px; margin:10px 0; position:relative; width:690px;} .diskuse.admin {background:url(diskuse-predel.jpg) 0 0 no-repeat;} #main .diskuse a {color:#004d6c;} #main .diskuse p.head{width:160px; padding-right:10px; float:left; line-height:20px; font-size:100%; margin:10px 0 10px 0; color:#52717c;} #main .diskuse p.head span {color:#004d6c;} #main .diskuse p.head span.star {display:block; width:80px; padding:2px 5px; height:16px; line-height:20px; margin-top:5px; background:url(bg-star-mini.gif) 0 0 no-repeat;} #main .diskuse p.text {margin-left: 180px; font-size:100%;} #main .diskuse p.reagovat {text-align:right;} #main div.tags {width:275px; padding:0; position:absolute; top:150px; right:38px; background:url(bg-tags.jpg) 0 0 repeat-x; text-align:left;} #main div.tags h4 {margin-left:15px; font-size:110%; color:#0b394d;} ul#taglist {font-style:normal; padding:0; margin:5px 0 0 0; width:275px;} ul#taglist li {display:inline; width:117px; height:15px; padding:0 !important; margin:1px 5px 1px 15px; line-height:1.3em; float:left; background:none; text-align:left; font-size:90%; list-style-type:none; overflow:hidden;} #main div.tags .error {padding:2px 3px; text-align:center; font-size:100%; border:1px solid #FF0000; background:#FFDFDF;} .detail #main div.tags a {color:#004d6c;} .detail #main div.tags form {margin:0; padding:0; width:100%; clear:both; font-size:90%;} .detail #main div.tags form fieldset {padding:10px 15px;} .detail #main div.tags input {width:100px; margin:0 5px;} .detail #main div.tags form button {width:45px; height:20px; line-height:20px; padding:0 0 3px 0; border:0; background:url(button-tags.gif) 0 0 no-repeat; color:#FFF; font-size:90%; text-align:center;} #main div.tags p.no-tags {font-size:90%; margin:10px 15px;} /* Registrace */ form.registrace label.error { background:url(ne.png) no-repeat 0px 2px; color: #FF0000; font-size:11px; width:145px; padding-left:18px; float:right; min-height:17px; } form.registrace label.checked { background:url(ano.png) no-repeat 0px 0; height:16px; } form.registrace .success_msg { font-weight: bold; color: #0060BF; width:160px; float:right; font-size:10px; } /************ OBECNE ************/ h1,h2,h3,h4,h5,h6{font-weight:bold; margin:0; padding:1em 0 0.5em 0; color:#015D7F; } h1{font-size:150%; } h2{font-size:130%;} h3{font-size:120%;} h4{font-size:110%;} form,fieldset,legend{margin:0; padding:0; border:none; } form{font-size:100%; } fieldset{margin:0.5em 0; } fieldset legend{font-size:120%; font-weight:bold; color:#333; } fieldset fieldset legend{font-size:130%; } button {cursor:pointer;} a {text-decoration:underline; color:#E16D17;} a:visited {color:#BF5D14;} a:hover{text-decoration:none;} a img {border:none; } /******* SPECIFICKE **************/ .row {clear:both; margin:0 -30px; padding:0 30px; background:url(prechod.gif) 0 0 repeat-x; zoom:1 /*IE7 Fix*/;} .hidden{display:none;} .skrt{text-decoration:line-through;} .cistic {clear:both; font-size:0; height:0; line-height:0;} .cistic hr{display:none;} oddelovac {clear:both; width:100%; height:1px; line-height:1px;} .bold{font-weight:bold;} .floatleft {float:left;} .floatright {float:right;} img.floatleft {margin:15px 10px 0 0;} img.floatright {margin:15px 0 0 10px;} img.stylovane {border:3px solid #b6e3f6;} .pocet {width:20px;} div.chyba {margin:1em 0; padding:1px 5px 1px 70px; min-height:55px; border:5px solid #ef4e19; background:#fff6f0 url(hlaska-chyba.gif) 10px 50% no-repeat; } div.ok {margin:1em 0; padding:1px 5px 1px 70px; min-height:55px; border:5px solid #73b511; background:#edf8d4 url(hlaska-ok.gif) 10px 50% no-repeat; } div.informace {margin:1em 0; padding:1px 5px 1px 70px; min-height:55px; border:5px solid #088cd8; background:#e1f3fc url(hlaska-informace.gif) 10px 50% no-repeat; } #main a img {border:none; } label.overlabel{color:#333; position:absolute; top:-1000px; left:2px;} label.overlabel-apply{position:absolute; top:4px; left:4px; z-index:1; color:#333; font-size:110%; } /* Tabs */ .tabs-container { border-top: 1px solid #97a5b0; padding: 1em 8px; background: #fff; /* declare background color for container to avoid distorted fonts in IE while fading */ } .tabs-loading em { padding: 0 0 0 20px; background: url(loading.gif) no-repeat 0 50%; } /** * This
element is wrapped by jCarousel around the list * and has the classname "jcarousel-container". */ .jcarousel-container { position: relative; } .jcarousel-clip { z-index: 2; padding: 0; margin: 0; overflow: hidden; position: relative; } .jcarousel-list { z-index: 1; overflow: hidden; position: relative; top: 0; left: 0; margin: 0; padding: 0; } .jcarousel-list li, .jcarousel-item { float: left; list-style: none; width:175px; height:183px; overflow:hidden; padding:0 0 30px 0; /* We set the width/height explicitly. No width/height causes infinite loops. */ } /** * The buttons are added dynamically by jCarousel before * the