/* CSS Document */ * { padding: 0; margin: 0; border: 0; } body { font: 12px arial;} h1 {margin: 44px 0 15px 0; padding: 5px 0 0px 10px !important; color: #53A01F; font: 34px "Trebuchet MS"; text-transform: uppercase; font-weight: bold; background: #c5c5c5; border: 1px solid #BCBCBC;} h2 {margin: 0; color: #53A01F; font: bold 20px arial;} h3 {margin: 0; color: #53A01F; font: normal 18px arial; padding:0px; margin: 0 0 5px 0;} p {color: #000; margin-bottom: 15px; font: bold arial; line-height: 160%;} sup {color: #ff0000;} .supbazar {color: #CC9933;} hr{background-color:#9D760E;} a{color: #53A01F;} fieldset legend { display: none; } #body-img3 {background: url("images/web/body-img.png") no-repeat 0px 500px;} #body-img2 {background: url("images/web/body-img3.png") no-repeat top right;} #body-img {background: url("images/web/body-img2.png") no-repeat bottom right;} .zarazka {clear: both;} .bold {font-weight: bold; color: #53A01F;} #souhrn.bold {font-weight: bold; color: #53A01F; font-size: 180%;} .zlaty {color: #aa8010;} /* horni cast */ #pujcovne{width: 279px; height:29px; background-image: url("img/web/pujceni-back.gif"); text-align: center; color: white; font-weight: bold; font-size: 14px; line-height: 26px; font-family: "Trebuchet MS"; margin-top: 10px;} #top {width: 930px; margin: auto; text-align: center; position: relative; height: 180px;} #top-img {background: url("images/web/top-img.gif") no-repeat bottom left; width: 505px; height: 202px; position: relative; margin-bottom: -6px;} #top-img-right {background: url("images/web/top-img2.gif") no-repeat top right; width: 605px; height: 202px; position: absolute; bottom: 0; right: -529px;} #top-img a {position: absolute; width: 530px; height: 180px; left: 0px; top: 20px;} #top img {position: absolute; top: 0; left: -30px;} #top .absolute-img {position: absolute; right: 43px; bottom: -67px; background: url("images/web/header_absolute.png") no-repeat; width: 192px; height: 68px; display: block; z-index: 30;} #topmenu-bg {background: url("images/web/topmenu-bg.png") repeat-x; height: 49px; width: 925px; margin-left: -5px !important; position: relative;} #topmenu-bg-abs {background: url("images/web/topmenu-bg-abs.png") no-repeat; position: absolute; top: 0; left: -24px; width: 29px; height: 86px; z-index: 2;} #topmenu-bg-right {background: url("images/web/topmenu-bg-right.png") no-repeat left top; position: absolute; top: 0; right: -5px; width: 6px; height: 49px;} #topmenu strong{color:#99FF25; } #topmenu {float: left; position: relative; z-index: 20; } #topmenu ul {list-style-type: none; margin-top: 5px; margin-left: -10px;} #topmenu li {float: left; background: url("images/web/top-li.gif") right center no-repeat; padding-right: 2px;} #topmenu a {text-decoration: none; font: bold 12px "Trebuchet MS"; text-transform: uppercase; color: #ffffff; display: block; padding: 0px 20px 0px 12px; line-height:58px; margin: -10px 0 0 8px; height: 50px; position: relative;} #topmenu a span {float: left; display: block; width: 20px; height: 50px; position: absolute; left: -8px;} #topmenu a:hover span {float: left; display: block; width: 8px; height: 50px; background: url("images/web/topmenu-li-span.png") left bottom no-repeat;} #topmenu a:hover {background: url("images/web/topmenu-li-right.png") right bottom no-repeat;} #vyhledavani {position: absolute; top:-34px; right: 8px; background: url("images/web/search-box.png") no-repeat; width: 316px; height: 42px; padding: 2px 5px 0 5px; z-index: 30;} #vyhledavani-right {position: absolute; top: 1px; right: -8px; height: 372px; width: 9px; background: url("images/web/search-box-right.png") no-repeat;} .search-head {font-size: 12px; font-family: Trebuchet MS, sans-serif;} #vyhledavani td {font: 11px arial; color: black;} #vyhledavani .vyhledat {/*border: 1px solid #b7d4ea;*/ padding: 5px; height: 22px; width: 138px; background: url("images/web/vyhledavaci-input.gif") no-repeat;} #vyhledavani .vyhledat-submit {background: url("images/web/vyhledavaci-btn.png") no-repeat; height: 29px; width: 71px; font: 11px arial; color: #f5f4f4; margin: 3px 0 0 0; float: left; cursor: pointer} #formulare {text-align: left; background: #fcfcfc; border-left: 4px solid #e8e8e8; border-right: 4px solid #e8e8e8; font-family: "Times New Roman"; padding-bottom: 0px;} #formulare td {height: 25px;} #tit-prihlaseni {float: left; padding-right: 23px; background: url("images/web/formular_bg.gif") no-repeat; background-position: 95% 70%; padding-bottom: 35px;} #tit-prihlaseni fieldset {margin: 0 0 0 3px;} #tit-prihlaseni table {width: 215px; color: #000000; } #tit-prihlaseni p { color: #000000; padding: 0; margin: 0;} #prihlaseni {background: url("images/web/linka-prihlaseni.gif") 2px bottom no-repeat; font: 18px "Times New Roman"; color: #444444; height: 25px; } #login-text, #password-text {width: 70px; font-size: 11px !important; display: block; padding: 0px 5px 0px 5px; line-height: 12px !important; } .login-text-main {font-size: 14px; color: #444444; padding: 0 5px;} .login-small {line-height: 12px !important; height: 12px !important;} #password-text a {text-decoration: none; font-weight: bold; color: white;} #login-input, #password-input {width: 85px;} .login-submit {background: url("images/web/login-btn.gif") no-repeat; width: 71px; height: 29px; cursor: pointer;} #login-text, #password-text, #login-input, #password-input, #seradit-text, #sestupne, #vzestupne, #kosik-text {font: 14px times; color: #444; line-height: 25px;} .login-input {background: url("images/web/login-input.gif") no-repeat; width: 132px; height: 30px; padding: 0 5px 0 10px; } .password-input {background: url("images/web/password-input.gif") no-repeat; width: 132px; height: 30px; padding: 0 5px 0 10px;} #tit-filtr {float: left; padding-right: 23px; background: url("images/web/formular_bg.gif") no-repeat; background-position: 95% 65%; padding-bottom: 35px;} #tit-filtr table {width: 250px;} #tit-filtr table td { height: 40px;} #filtr {background: url("images/web/linka-filtr.gif") 2px bottom no-repeat; font: 18px "Times New Roman"; color: #444444; height: 25px !important;} #seradit-text {width: 85px;padding-bottom: 5px; } #seradit-select select {width: 70px;} #serazeni-submit {text-align: right;} .sort-submit { width: 69px; height: 29px; cursor: pointer; background: url("images/web/sort-btn.gif") no-repeat; } #tit-kosik {float: left;} #tit-kosik table {width: 360px;} #kosik {background: url("images/web/linka-kosik.gif") 2px bottom no-repeat; font: 18px "Times New Roman"; color: white; height: 25px; } #kosik-text {padding-top: 5px; line-height: 25px;} #kosik-submit {vertical-align: bottom; text-align: right;} #kosik-submit input { background: url("images/web/show-basket-btn.gif") no-repeat; width: 158px; height: 28px; font-weight: bold; line-height: 36px; color: #ffffff; cursor: pointer;} .kosik-new-button { background: url("images/web/pokracovat-btn.gif") no-repeat; width: 95px; height: 28px; font-weight: bold; line-height: 28px; color: #ffffff; margin: 10px 0; cursor: pointer; float: left; border-radius: 3px;} .kosik-new-button-small { background: url("images/web/next-button.gif") no-repeat; width: 167px; height: 36px; font-size: 11px; line-height: 36px; color: #ffffff; cursor: pointer;} .kosik-back-button { background: url("images/web/zpet-btn.gif") no-repeat; width: 70px; height: 29px; font-size: 11px; line-height: 29px; color: #ffffff; cursor: pointer; margin: 10px 5px 10px 0; float: left;} .kosik-new-odeslat { background: url("images/web/odeslat.gif") no-repeat; width: 242px; height: 28px; font-weight: bold; line-height: 28px; color: #ffffff; margin: 10px 0; cursor: pointer; float: left; border-radius: 3px; text-align:Center;} /* konec horni casti */ /* dolni cast */ #bottom { width: 920px; margin: 0px auto; padding: 0 5px 0 5px; background: url("images/web/lm-horni.gif") left top repeat-y; position: relative;} #bottom-obsah {width: 930px; margin: auto auto; padding-top: 5px; display: block; } #bottom-bg {background: url("images/web/lm-dolni.gif") bottom left no-repeat; width: 930px; height: 4px; display: block; margin-left: -5px; margin-top: 10px;} #left-menu {float: left; width: 220px; /*min-height: 760px;*/ background: #eee; position: relative; padding-top: 5px; text-align: center;} #lm-zahlavi {background: url("images/web/kategorie.png") no-repeat; font: bold 12px arial; color: #ffffff; height: 28px; text-transform: uppercase; position: absolute; top: -36px; left: 0px; width: 250px; height: 42px;} #lm-zahlavi-3d {background: url("images/web/kategorie-3d.png") no-repeat; font: bold 12px arial; color: #ffffff; height: 28px; text-transform: uppercase; position: absolute; top: -36px; left: -28px; width: 28px; height: 78px;} #left-menu ul {list-style-type: none; text-align: left;} #left-menu li {/*padding: 11px 16px;*/ background: url("images/web/left-li.gif") bottom left no-repeat; width: 140px; margin-left: 40px} #left-menu ul a {color: #000; font: 14px arial; text-transform: uppercase; letter-spacing: -1px; text-decoration: none; height: 16px; width: 140px; padding: 11px 0 11px 0px; display: block; background: url("images/web/sidemenu-a.gif") center right no-repeat;} #left-menu a:hover { color: #000000; background: url("images/web/sidemenu-a-hover.gif") center right no-repeat;} #left-menu .aktiv a {text-decoration: none; background: url("images/web/sidemenu-a-hover.gif") center right no-repeat; width: 140px; padding: 11px 0 11px 0px; display: block; color: #dc0000;} #left-menu .aktiv a:hover {background: url("images/web/sidemenu-a-hover.gif") center right no-repeat;} #left-menu ul ul {padding: 5px 0 30px 0; } #left-menu ul ul li {background: url("images/web/left-ul-li.gif") bottom center no-repeat; width: 100px; margin-left: 15px; } #left-menu ul .aktiv ul li a {font-size: 12px; background: url("images/web/arrow.gif") center left no-repeat; padding: 7px 0px 7px 15px; border: none !important; color: #000000; letter-spacing: 0px; text-transform: none; margin: 0; width: 100px; height: auto !important; line-height: 18px;} #left-menu ul .aktiv ul li a:hover {background: url("images/web/arrow.gif") center left no-repeat; text-decoration: underline;} #vypis-seznam {float: right; width: 704px; min-height: 760px; position: relative;} /*#vs-dolni {background: url("images/web/vs-dolni.gif") left bottom repeat-x;} #vs-horni {background: url("images/web/vs-horni.gif") left top repeat-x; min-height: 760px;}*/ #vypis-seznam-zahlavi {background: #4c4c4c; font: bold 12px arial; color: #e4f2f8; height: 27px; text-transform: uppercase; padding: 10px 0 0 20px; float: left; width: 684px;} #vypis-seznam-zahlavi a {color: #e4f2f8; margin: 0 5px;} #vypis-seznam-zahlavi a:hover {color: #53A01F;} #vypis {width: 694px; } #vypis p {margin-right: 2px;} .produkt-nahled { background: white url("images/web/produkt-nahled.gif") top left no-repeat; width: 215px; height: 192px; display: block; float: left; margin: 0 5px 5px 0; overflow: hidden; padding: 5px;} .produkt-nahled table {border-collapse: collapse; width: 220px; } .nahled-cena-box {border: 1px solid #d4d4d4; background: #e5e5e5; color: #dc0000; height: 26px; margin-top: 3px; width: 215px; margin-left: -1px; line-height: 26px;} .nahled-nazev {padding: 5px 0 0 5px; width: 200px; height: 30px; vertical-align:top; overflow: hidden; } .nahled-nazev a {font: bold 12px "Trebuchet MS"; text-transform: uppercase; color: #dc0000; text-decoration: none; letter-spacing: -1px; line-height: 14px;} .nahled-img {padding: 2px 0 0 5px; width: 85px; vertical-align:top; float: left; height: 125px; display: block;} .nahled-description {font: 10px arial; color: #000000; vertical-align: top; width: 110px; height: 90px; &height: 75px; padding: 5px 5px 10px 5px; float: right; letter-spacing: -0px} .nahled-do-kosiku {font: 11px arial; color: #d1d1d1;} .nahled-pocet {width: 27px; height: 20px; background: #ffffff; border: 1px solid #778186;} .nahled-cena {float: left; line-height: 12px; padding: 0px 0 0 5px; margin-right: 10px; width: 148px} .nahled-sdph {color: #dc0000; font: 12px "Trebuchet MS"; float: left; line-height: 26px; letter-spacing: -1px; font-weight: bold; width: 160px; margin-left: 5px;} .nahled-bezdph {color: #d1d1d1; font: 12px arial;} .nahled-image-detail {margin-top: 2px; float: left;} .nahled-priznak {float: right; text-align: right; color: #ff0000; vertical-align: bottom; font-weight:bold; font-size: 12px; padding-top: 12px; margin-right: 5px;} .nahled-priznak-bazar {float: right; text-align: right; color: #CC9933; vertical-align: bottom; font-weight:bold; font-size: 12px; padding-top: 12px; margin-right: 5px;} .nahled-dokosik { background: url("images/web/dokosik-gray-icon.gif") no-repeat top left; width: 22px; height: 22px; float: left; margin-top: 2px; margin-left: 3px; cursor: pointer; } /* konec dolni casti */ /* detail */ #detail-produktu-obal {width: 679px; border: 2px solid #dcdcdc; background: #f2f2f2; padding: 2px; margin-top: 10px;} .detail-produktu {padding: 10px; border: 1px solid #dcdcdc; background: #ebebeb; position: relative;} .detail-produktu ul {padding: 1em 2em; } .detail-produktu ul li {margin: 3px 0; } .detail-produktu h1 {padding: 0; margin: 0 0 10px 0; font-weight: bold;} .detail-produktu h3 {padding: 0; margin: 0 0 5px 0;} .margin-3 { margin-top: 2px; background: #fff !important; } #detail-bg-img {margin-top: 3px; width: 175px; height: 250px;} #souhrn-obal {float: left;} #souhrn {float: left; width: 422px; margin-bottom: 5px;} #souhrn table {border-spacing: 0; width: 100%;} #souhrn table td {font-size: 12px; margin: 0; padding: 1px 5px; letter-spacing: 0;} #souhrn .bold {font-size: 14px;} .normal {font: 12px "Trebuchet MS"; color: #000000; letter-spacing: -1px; font-weight: bold;} .recenze-puvod { float: left; width: 300px; font-size: 16px; } .recenze-hodnoceni { float: right; font-size: 26px; font-family: times; } #detail-do-kosiku {} #detail-do-kosiku td {color: #000; font-size: 12px;} #detail-do-kosiku .nahled-pocet { width: 34px; border: 1px solid #b7d4ea; height: 19px; padding: 3px; } #detail-hodnoceni legend {display: none; } #detail-hodnoceni label {display: block; font-weight: bold; letter-spacing: -1px;} #detail-hodnoceni p {padding: 0; margin: 0;} .hodnoceni-value { font-size: 20px; font-family: times; float: right; } #galerie-box { background: #ffffff; border: 1px solid #dcdcdc; width: 657px; margin: 2px 0 2px 0; padding: 10px; text-align: center; } #video-box { background: #ffffff; border: 1px solid #dcdcdc; text-align: center; width: 657px; margin: 2px 0 2px 0; padding: 10px; } #video-box h3, #galerie-box h3 { text-align: left; } .detail-image-cover { height: 245px; width: 175px; position: relative; margin: 0 50px 0 10px; float: left; } .detail-cover-image { height: 250px; width: 173px; } .detail-cover { position: absolute; left: -25px; top: -10px; width: 240px; height: 292px; } .detail-vlozit {background: url("images/web/detail-dokosiku-btn.gif") no-repeat; width: 147px; height: 29px; font: 11px arial; color: #ffffff; cursor: pointer;} .detail-cena {height: 50px; } .detail-bezdph {color: #d1d1d1; font-size: 14px;} .detail-sdph {color: #1BB520; font-size: 15px; font-weight: bold; position: absolute; bottom: 10px; right: 10px; } .detail-sdph span { font-size: 12px; color: black; } #komentar {margin-top: 20px; margin: 20px 2px 0 2px; padding: 0 10px; float: left; width: 285px; float: right; } .form-komentar {float: left; width: 365px;} .comment-text-bg {background: url("images/web/comment-textarea.gif") no-repeat; width: 361px; height: 95px; padding: 5px; font: 11px arial; display: block; resize: none;} #komentar label {font-size: 16px; color: #53A01F;} .nadpis {font: bold 14px arial; color: #53A01F; width: 650px; background: url("images/web/linka-komentar.gif") left bottom no-repeat; float: left;} #komentar table {float: left;} #komentar table td {color: #000000; font: 12px arial;} .komentar-input {padding-right: 13px;} .komentar-name {background: url("images/web/comment-name.gif") no-repeat top left; width: 108px; height: 32px; font-size: 16px; margin-left: 2px; padding: 3px 5px; } .siroky {width: 140px;} .komentar-btn-send {background: url("images/web/comment-send-btn.gif") no-repeat top left; width: 191px; height: 37px; cursor: pointer;} .komentar-input div {float: left;} .komentar-input div input {background: url("images/web/prihlaseni-input.gif") no-repeat; height: 19px; width: 79px; float: left;} #komentar .komentar-input div img {border: 0; float: left; margin: 0;} #komentar-submit input {background: url("images/web/komentar-submit.gif") no-repeat; width: 95px; height: 22px; font: 11px arial; color: #000;} #komentar img {border: 0px; text-decoration: none;} /* konec detailu */ #paticka {color: #6b6a6a; width: 890px; margin: 0 auto; padding-bottom: 80px;} #indoor {float: left; margin: 0 0 0 0} #solar {float: right; margin: 0 0 0 0 ;} #solar table td {vertical-align: bottom; padding: 0 15px;} #solar a {color: #414141; font: 12px trebuchet ms;} /* registrace */ #registrace td {color: #d1d1d1; font-size: 12px;} #registrace input {width: 150px;} #reg-submit {text-align: center;} #reg-submit input {background: url("images/web/tit-kosik-submit.gif") no-repeat; width: 123px; height: 22px; font: 11px arial; color: #000;} /*kosik*/ /*#kosik {border-collapse: collapse; color: #ffffff; font: normal 12px arial;}*/ .kosik-zahlavi {background: #53A01F; text-align: center; color: #ffffff; font-family: Arial; font-size: 14px} #kosik .svetla {background: #363636; font: normal 10px arial;} #kosik .tmava {background: #212121; font: normal 10px arial;} #kosik .svetla td, #kosik .tmava td {padding-left: 5px;} .tab-nazev {width: 76px; border-right: 1px solid #ffffff; height: 26px; vertical-align: center;} .tab-vyrobce {width: 76px; border-right: 1px solid #ffffff; height: 26px; vertical-align: center;} .tab-cenabez {width: 98px; border-right: 1px solid #ffffff; height: 26px; vertical-align: center;} .tab-cenas {width: 83px; border-right: 1px solid #ffffff; height: 26px; vertical-align: center;} .tab-mnozstvi {width: 71px; border-right: 1px solid #ffffff; height: 26px; vertical-align: center;} .tab-spec {width: 49px; border-right: 1px solid #ffffff; height: 26px; vertical-align: center;} .tab-odebrat {width: 77px; border-right: 1px solid #ffffff; height: 26px; text-align: center; vertical-align: center;} #soucet-form {float: right; text-align: right; margin: 15px 120px 15px 0; color: #53A01F;} #input1 {background: #ffffff; height: 14px; width: 15px; border: 1px solid #53A01F;} .input2 {background: #ffffff; height: 14px; width: 42px; border: 1px solid #53A01F;} .rozsirene{width:400px; margin:5px auto; font-size:12px;} .rozsirene-table{font-size:14px; margin-bottom: 0; color:black;} .rozsirene-input{width:196px;} .rosir-menu{background-color:#e5edf5; font-weight:bold;} .rosir-podmenu{background-color:black; font-style:italic; padding-left:40px;} select.label optgroup{background-color:#91adbd; font-style:normal;} .rosir-info{font-style:italic; font-size:10px; position:relative; top:-13px;} .kosik-full{font-size:12px;} .kosik-top{background-color:#91adbd; color:black; font-weight:bold; } .kosik-tbl{font-weight:bold; padding: 0 5px; width: 80px; display: block;} .kosik-x{background-color:#ae2629; border:0; width:28px; height:18px; color:black; font-weight:bold;} .white table input { width: 150px; } .white table select { width: 155px; } #adresy, #adresy td {color: #000; font-size: 12px;} #adresy td, #adresy td input{width: 120px; font-size: 12px;} /* #vs-dolni {background: url("images/web/vs-dolni.gif") left bottom repeat-x;} #vs-horni {background: url("images/web/vs-horni.gif") left top repeat-x; min-height: 760px;} */ .strankovani {color: black; padding-top: 50px; } .strankovani0 {color: black; text-align: center; clear: both; } .white {color: black;} .vypis-komentare{clear: both; width: 285px; color: black; border: 1px solid #dcdcdc; background: #ffffff;} .vypis-komentare .komentar-jmeno {color: #444444; width: 200px;} .vypis-komentare .datum {width: 85px;} .vypis-komentare .komentar-vzkaz {color: #828282; padding-bottom: 5px;} .vypis-odpovedi{margin-left: 40px; margin-bottom: 20px; margin-top: 3px; clear: both; width: 570px; border: 2px inset gold;} .vypis-odpovedi .jmeno {width: 450px; color: gold;} .vypis-odpovedi .datum {width: 120px; color: gold;} .vypis-odpovedi .vzkaz {color: gold;} .clear {clear: both;} .malinka{ float:left; width:130px; height:130px; overflow:hidden; margin: 0px 5px 5px 0px; } .malinka-nahled { width: 100%; height: 100%; position: relative; } .malinka-nahled img { position: absolute; } .registrace{color:black;} .drobecky{ width:400px; float:left; } .BannerMain{ position:relative; left:110px; padding:10px 0 20px 0; } #rklm{ padding-top:30px; } .clearboth { clear: both; } hr.cleaner { clear:both; display: none } #supernovinky{ width:685px; font-family:arial; position:relative; background: #ffffff; border-left: 3px solid #dcdcdc; border-right: 3px solid #dcdcdc; margin-left: 3px; } #supernovinky .top{ background: url("images/web/supernovinky-top.gif") no-repeat !important; background: none; filter: none !important; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=image src="images/web/supernovinka_vrch.png"); height:3px; width:691px; position: absolute; top: 0; left: -3px; } #supernovinky .spod{ background: url("images/web/supernovinka-down.gif") !important; height:3px; width:691px; position: absolute; bottom: 0; left: -3px; } #supernovinky .stred{ background: none; padding: 10px 5px 5px 6px; width:681px; } #supernovinky .produkt {width: 161px; height: 288px; display: block; float: left; margin: 0 5px 5px 0; overflow: hidden; border: 2px solid #ededed; background: #f5f5f5 url("images/web/supernovinky_produkt_bg.gif") repeat top left; text-align: center; padding: 15px 33px 15px 23px; position: relative} #supernovinky .produkt-nahled-border {border: 2px solid #e1e1e1; width: 159px;} #supernovinky .produkt-nahled-image { border: 1px solid #fff; border-top: none !important; margin-top: 31px; width: 157px; height: 171px; display: block; } #supernovinky .produkt-nahled-image img{ width: 157px; height: 171px; } #supernovinky .produkt-nazev {width: 157px; border: 1px solid #ffffff; border-top: none !important; height: 50px; vertical-align:top; overflow: hidden;} #supernovinky .produkt-nazev a {color: #ffffff; font: 16px "Trebuchet MS"; text-decoration: none; line-height: 20px;} #supernovinky .produkt-nazev-border {text-align: left; padding: 5px 5px 0 5px; height: 43px; width: 145px; border: 1px solid #949494; background: #a6a6a6;} .platforma-ps3 {background: #e4711d !important; border: 1px solid #e4711d !important;} .platforma-xbox {background: #44b952 !important; border: 1px solid #44b952 !important; } .platforma-pc {background: #508aa2 !important; border: 1px solid #508aa2 !important;} .platforma-ps2 {background: #41bed9 !important; border: 1px solid #41bed9 !important;} .platforma-psp {background: #995384 !important; border: 1px solid #995384 !important;} .platforma-ds {background: #a43636 !important; border: 1px solid #a43636 !important;} .platforma-wii {background: #fff !important; border: 1px solid #fff !important;} #supernovinky .produkt-cena { font-size: 11px; font-family: "Trebuchet MS"; color: #1bb520; height: 30px; display: block; line-height: 22px; margin-top: 5px; } #supernovinky .produkt-priznak {text-align: center; color: #fff; font-size: 22px; line-height: 35px; margin-right: 5px; background: url("images/web/novinky_bg.png") no-repeat; position: absolute; top: 15px; left: 24px; height: 43px; width: 174px; } #supernovinky .nahled-vlozit {width: 22px; height: 22px; background: url("images/web/dokosik-icon.gif") no-repeat; margin-top: 3px; cursor: pointer; float: left;} #supernovinky .image-detail { height: 22px; width: 22px; float: left; margin: 3px 3px 0 3px; } #supernovinky .nahled-cena {float: left; line-height: 12px; padding: 5px 0 0 5px;} #supernovinky .nahled-sdph {color: #1bb520; font: 12px arial; float: left; line-height: 30px; font-weight: bold; width: 100px; margin: 0 10px 0 0;} #supernovinky .nahled-sdph .black {font-weight: normal; color: #000000 !important; } #supernovinky .nahled-bezdph {color: #d1d1d1; font: 12px arial;} #supernovinky img{border:0;} #supernovinky a:hover{ } #supernovinky .cenasdph{ font-weight:bold; color: #fff; font-size:12px; margin-left:30px; } #supernovinky .cenasdph span{ font-weight:normal; } #supernovinky .cenabezdph{ font-weight:bold; color:#FF9900; font-size:12px; margin-left:30px; } #supernovinky .cenabezdph span{ color:#21D403; font-family:Arial black; } #supernovinky .ohen a div{ width:164px; height:232px; } /* jQuery.Rating Plugin CSS - http://www.fyneworks.com/jquery/star-rating/ */ div.rating-cancel,div.star-rating{float:left;width:23px;height:22px;text-indent:-999em;cursor:pointer;display:block;background:transparent;overflow:hidden; } div.rating-cancel,div.rating-cancel a{background:url(../images/web/delete.gif) no-repeat 0 -16px; display: none;} div.star-rating,div.star-rating a{background:url(../images/web/star.gif) no-repeat 0 0px} div.rating-cancel a,div.star-rating a{display:block;width:23px;height:100%;background-position:0 0px;border:0} div.rating-cancel {display: none !important;} div.star-rating-on a{background-position:0 -22px !important} div.star-rating-hover a{background-position:0 -22px} /* Read Only CSS */ div.star-rating-readonly a{cursor:default !important} /* Partial Star CSS */ div.star-rating{background:transparent!important;overflow:hidden!important} /* END jQuery.Rating Plugin CSS */ /*Select box */ /* all form DIVs have position property set to relative so we can easily position newly created SPAN */ .select-box{position:relative;} /* setting the width and height of the SELECT element to match the replacing graphics */ select.select{ position:relative; z-index:10; width:118px !important; height:30px !important; line-height:30px; margin-left: 3px; } /* dynamically created SPAN, placed below the SELECT */ span.select{ position:absolute; bottom:0; float:left; left:0; width:118px; height:30px; line-height:30px; text-indent:10px; background:url("../images/web/select-box.gif") no-repeat 0 0; cursor:default; z-index:1; font-family: arial; } #logout-btn { background: url("../images/web/logout-btn.gif") no-repeat top left; width: 68px; height: 28px; cursor: pointer; } #change-details-btn { background: url("../images/web/logout-btn.gif") no-repeat top left; width: 68px; height: 28px; cursor: pointer; } #gallery-forw, #video-forw { background: url("../images/web/next-btn.gif") no-repeat top left; width: 68px; height: 28px; cursor: pointer; } #gallery-back, #video-back { background: url("../images/web/prev-btn.gif") no-repeat top left; width: 95px; height: 28px; cursor: pointer; } .filtr-button { background: url("../images/web/filtr-btn.gif") no-repeat top left; width: 95px !important; height: 28px !important; cursor: pointer; line-height: 25px; font-size: 12px; color: #fff; text-align: center; margin: 5px 0; } .graybg { background: #BBBBBB !important; } .vykup-her td input {width: 200px; line-height: 15px; border: 1px solid #C5C5C5 !important; padding: 5px; border-radius: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px; margin: 2px 0; color: #333; behavior: url('PIE.htc'); background: #fff !important; position:relative; z-index:0;} .vykup-her td input.send-vykup {background: #74CAED !important; color: #fff !important; text-transform: uppercase; border: none !important; box-shadow: 0px 0px 8px #888; -webkit-box-shadow: 0 0 8px #888; -moz-box-shadow: 0 0 8px #888; cursor: pointer; padding: 8px 12px; font-weight: bold; text-shadow: 1px 1px #888; margin: 5px 2px; width: auto; width: 208px; behavior: url('PIE.htc'); position:relative; z-index:0; font-family: "Tahoma"; font-size: 14px; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px;} .box-carousel {border: 3px solid #dcdcdc; border-radius:5px; margin: 10px 2px 10px 3px; overflow: hidden;} .box-carousel .left-arrow {float: left; width: 18px; height: 153px; display: block; background: url('images/web/bg_carousel_left.gif') no-repeat top left; margin: 0 2px 0 15px;} .box-carousel .right-arrow {float: left; width: 18px; height: 153px; display: block; background: url('images/web/bg_carousel_right.gif') no-repeat top left; margin: 0 0 0 2px;} .box-carousel .content {width: 610px; height: 153px; display: block; float: left; background: url('images/web/bg_carousel_main.gif') repeat-x top left; overflow: hidden !important;} .box-carousel .content .caroufredsel_wrapper {width: 610px !important; } .box-carousel .content ul {margin: 0; padding: 0; list-style-type: none; width: 592px; margin: 0 5px 0 0;} .box-carousel .content ul li {display: block; float: left; margin: 5px 0 10px 0; padding: 0 0 0 5px; width: 220px;} .box-carousel .content ul li img {border: 1px solid #fff; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; float: left; box-shadow: 0px 0px 8px #888; -webkit-box-shadow: 0 0 8px #888; -moz-box-shadow: 0 0 8px #888; width: 100px;} .box-carousel .content ul li .carousel-produkt-left {float: left; position: relative;} .box-carousel .content ul li .carousel-produkt-left .akce-tag {position: absolute; bottom: 5px; right: -3px; background: url('images/web/bg_carousel_akce.png') no-repeat top left; width: 63px; height: 18px; display: block;} .box-carousel .content ul li .carousel-produkt-right {float: left; width: 100px; padding: 25px 0 0 8px;} .box-carousel .content ul li .carousel-produkt-right h3 {margin: 0; padding: 0; font-weight: bold; font-size: 13px; color: #000; height: 50px; overflow: hidden;} .box-carousel .content ul li .carousel-produkt-right .cena {color: #fff; font-size: 23px; } .box-carousel .content ul li .carousel-produkt-right .cena-nadpis {display: block; margin: 5px 0 0 0; }