/* general definitions, grid of project: 5px, base colors: #DFF3FF - light blue; #f2f2f2 - box grey; #fff - white; #000 - black; #cfcfc6 - soft grey; #dfdfdf - box border */ * { margin: 0; padding: 0; font-size:100%; font-family: "Arial CE", "Helvetica CE", Arial, helvetica, sans-serif; } body { text-align:center; } input {} a { color:#000; } a img { border:none; } a:hover {} .cl { clear:both; line-height:1px; font-size:1px; margin-top:-1px; height:0px; } .fl { float:left; } .fr { float:right; } .vyska10 {height: 10px;} a.button span, a.greyButton span { display:block; height:25px; padding:0px 10px; line-height: 25px; font-weight: normal; font-size:100%; } a.button, a.greyButton { display:block; height:25px; text-decoration: none !important; } a.button { background: #329A00; color:#fff !important; } a.button:hover { background:#4ADF00; } a.greyButton { background:#214C91; color:#fff !important; } a.greyButton:hover { background:#000; } a.greyButton:hover span { color:white; } input.button{height:25px; line-height:25px; background: #329A00; color:#fffq !important; border:none; padding:0px 10px; cursor:pointer;} .divider {/*background-image:url('../../../imgs/web/bg-box-top.gif'); background-repeat:repeat-x; */ border-top: 1px solid #fff; height:1px; position:relative} /* boxes */ /* .box { background-image:url('../../../imgs/web/bg-box-top.gif'); background-repeat:repeat-x; position:relative; background-position:top left; }*/ .btl { position:absolute; top:0px; left:-1px; background:url('../../../imgs/web/bg-box-left.gif') no-repeat; width:8px; height:8px; } .btr { position:absolute; top:0px; right:-1px; background:url('../../../imgs/web/bg-box-right.gif') no-repeat; width:8px; height:8px; } .btlc { position:absolute; top:0px; left:-1px; background:url('../../../imgs/web/bg-box-left-cont.gif') no-repeat; width:8px; height:8px; } .btrc { position:absolute; top:0px; right:-1px; background:url('../../../imgs/web/bg-box-right-cont.gif') no-repeat; width:8px; height:8px; } #main { width:900px; text-align:left; margin:0px auto;background:#fff;} #main .inner {} #header{ height:168px; color:#000; text-align:left; position:relative; background:#000 url('../../../imgs/web/bg-header.gif') -1px -1px no-repeat ;} #header .inner {padding:5px;} #header h1 { position:absolute; width:395px; height: 75px; top:30px; left:250px;} #header h1 a { text-decoration:none; display:block; width:100%; height:100%;} #header h1 a span { display:none;} #topMenu { margin-left: 5px; } #topMenu a { text-decoration:none; color:#cfcfc6; font-size:73%; line-height:15px; margin-right:22px; margin-left:22px; letter-spacing:0; text-transform:uppercase; } #topMenu .inner { padding-top:0px; padding-bottom:0px; padding-left:0px; margin:0px; padding-right:0px; position:relative; } #topMenu a:hover { color:#fff; } #topMenu .justLogged { position:absolute; top:40px; left:-70px; background:url('../../../imgs/web/favorite-added.png') no-repeat 0px 1px; width:200px; height:60px; text-align:center; } #topMenu .justLogged span { color:black; line-height:75px; font-size:90%; } #topMenu a.active { color:#5EB84D; } #webMenu {} #cart {text-align:center; position:absolute; right:58px; width:72px; height:100px; top:34px; text-align:left; background: url('../../../imgs/web/bg-cart.gif') 1px 7px no-repeat;color:#00a900;} #cart.active {background:url('../../../imgs/web/bg-cart.gif') -69px 7px no-repeat; } #cart h3 {margin:0 auto;display:block; width:70px; height:24px; text-align:center; font-size:80%; } #cart b{font-weight:normal;color:#00a900;} #cart h3.zero {padding-top: 56px; padding-left:7px;color:#fff; } #cart a {display: block; height:33px; padding-top:56px; padding-left:7px; color:white; text-decoration: none; } #eshopMenu { margin-top:104px; margin-left:7px; position:relative; } #eshopMenu ul { list-style:none; } #eshopMenu h3 { float:left; font-size:90%; font-weight:bold;} #eshopMenu a { display:block; color:#cfcfc6; text-decoration:none; text-transform:uppercase; letter-spacing:0px; width:122px; height:27px; text-align:center; margin-top: 7px; } #eshopMenu a:hover { color:#fff; background:url('../../../imgs/web/bg-menu-active.gif') 0 20px repeat-x; } #eshopMenu a:hover span{} #eshopMenu a.a { background:url('../../../imgs/web/bg-menu-active.gif') 0 20px repeat-x; color:#fff; } #eshopMenu .lc{background:url('../../../imgs/web/bg-menu-left.gif') no-repeat; width:10px; height:28px; position:relative; left:4px; float:left; } #eshopMenu .rc{background:url('../../../imgs/web/bg-menu-right.gif') no-repeat; width:13px; height:28px;position:relative; right:4px;float:left; } #search { float:left; width:220px; text-align:left; margin-top:30px; } #search form { padding:10px; } #search .text {float:left; width:100px; border:none; height:14px; color:#fff; font-size:80%; padding:3px; position:relative; border:1px solid #fff; border-right:none; background:#000; } #search .button {float:left; display:block; background:#000 url('../../../imgs/web/button-search.gif') no-repeat; width:20px; cursor:pointer; height:22px; position:relative; font-size:80%; border:1px solid #fff; border-left:none; left: -4px; } #search .button:hover { background-position:0px -18px; } #headerSection { margin: 10px 15px; background:#f2f2f2; padding: 0 15px 15px 0; } #headerSection h1 {margin-top: 5px; margin-left: 15px; text-transform: uppercase; color: #3e3e3e; font-size: 200%; } #orderForm #headerSection {margin:0 0 10px 0;} #detailLeft #headerSection {margin:10px 0 0 0;} #headerSection img { float:right; position:relative; top: 3px; } #headerSection a.zpet { text-transform: uppercase; background: url('../../../imgs/web/bg-button-zpetSeznam.gif') no-repeat left top;padding: 5px 23px 5px 26px; float: left; font-size: 70%; text-decoration: none; margin: 0; } #navigationBox { overflow:hidden; } #navigation { font-size:70%; color:#000; float:left; margin-top: 5px; margin-left: 15px; } #navigation a { padding-right:10px; color:#000; background:url('../../../imgs/web/arrow.gif') no-repeat center right; text-decoration: none; } #navigation span.disabled { padding-right:10px; } #navigation a:hover{text-decoration:none;} #anotace { margin-bottom: 15px; margin-left: 15px; margin-right: 15px; background: #f2f2f2; padding: 5px 15px; color:#4c4c4c; } #content { padding-bottom:10px;} #content .safepd { padding:0px; font-size:80%;} #homepage .safepd{padding: 10px 15px; padding-bottom:0px;} h2#title {color:#000; font-size:130%; text-transform: uppercase;} #html h2#title {letter-spacing:-1px; text-transform:uppercase; padding:15px; padding-bottom:5px;} #novinkyTitle {color:#000; font-size:130%; text-transform: uppercase; letter-spacing:-1px; text-transform:uppercase; padding-top:15px; padding-left:15px;} #html .inbox, #register .inbox {padding:0px 15px 15px 15px;} #html .inbox h2 { font-size:150%; margin:5px 0 2px 0; } #html .inbox h3 { font-size:120%; margin:5px 0 2px 0; } #html .inbox p { padding:3px 0px; } #html .inbox ul { padding-left:15px; list-style:square; } #html .inbox ol { padding-left:20px; } #html .inbox li { padding:1px 0; } #html .inbox a {} #html .inbox a img {} #html .inbox .imgLeft { padding:0px 5px 5px 0px; float:left; } #html .inbox .imgRight { padding:0px 0px 5px 5px; float:right; } #html table {background: #F0F0F0; border-collapse:collapse; border-color:#fff;} #html table td {padding:4px;} #newGoods { margin-top:15px} #newGoods .newItem {margin-right:15px; margin-bottom:15px; float:left; display:block; width:258px; height:330px; background-color:#f2f2f2; padding:0 11px; padding-top:6px; text-decoration: none; } #newGoods .newItem .img{ width:260px; height:260px; display:block; display: table-cell; vertical-align: middle; background-color: white; } #newGoods .newItem strong {font-size: 150%; text-transform: uppercase; } #newGoods .newItem .text {display:block; height:35px; font-size: 120%; margin:4px 0px; overflow: hidden; } #newGoods .lastItem {margin-right:0px;} #novinky #newGoods .newItem {margin-bottom:15px;} #novinky {padding: 0px 15px 0px; font-size:80%;} #gallery {} .galleryItem { float:left; margin-right:20px; margin-bottom:20px; height:120px; } #infoMenu { width:220px; float:left; } #infoMenu ul { padding:10px; } #infoMenu ul li { list-style:none; } #infoMenu ul li ul li { padding:2px; padding-left:15px; } #infoMenu ul ul { padding-top:2px; padding-left:0px; } /* order steps */ #order { position:relative; margin-left:15px; margin-top:20px;} #order #inbox{ width:650px; float:right; margin-right:15px} #order a {text-decoration: none} #order .orderStepsTabs {width:183px; float:left} #order .orderStepsTabs h2 { display:block; height:60px; background:url('../../../imgs/web/bg-order-steps.png') 0% 80% no-repeat; text-align:center; text-transform: uppercase; color: #b0b0b0; font-size: 105%; margin-top:20px} #order .orderStepsTabs a {text-decoration: none; color: #b0b0b0; display: block; height:60px} #order .orderStepsTabs h2.active, #order .orderStepsTabs h2.active a {color:#67ba4c } #order .leftBox { } #order .rightBox { width:195px; background:#DFF3FF; margin-top:55px; text-align:left; } #order .rightBox .inbox { padding:10px 10px; } #order .rightBox h2 { text-align:left;} #order .rightBox ul { margin-left:15px; margin-top:5px; list-style: square; text-align:left; } #order .rightBox li {} #order .rightBox hr { background:none; border:none; border-top:1px solid #bcbbb6; border-bottom: 1px solid #fffffa; margin-top:5px; } #order .rightBox p { text-align:left; } #order .goodItem {height:125px; margin-bottom:15px} #order h3.section {text-transform: uppercase; margin-top:15px } #order h3.sectionFirst{margin-top:3px} #order .goodItem .img {width:100px; height:100px; float:left} #order .goodItem .box {float:right; width:513px; height:110px; background-color:#f2f2f2; padding-top: 7px; padding-left: 12px; padding-right:7px; padding-bottom: 8px; } #order .goodItem h3 {text-transform: uppercase; font-weight: normal; } #order .goodItem h3 a {text-decoration: none;} #order .goodItem .price {float:right; text-align: right; font-size: 90% } #order .goodItem strong {text-transform: uppercase; font-weight: normal;} #order .goodItem .colour, #order .goodItem .size, #order .goodItem div.number,#order .goodItem span.number {display:block; float:left; clear: both; font-size: 90%; width:200px; text-transform: uppercase; } #order .goodItem .size, #order .goodItem div.number, #order .goodItem span.number {clear:left} #order .goodItem div.number strong {float:left} #order .goodItem div.number input {float:left; position: relative; top: -2px} #order .goodItem div.number {position: relative; top:-1px} #order .goodItem span.number {padding-top:2px} #order .goodItem .priceSum {float:right; font-size: 170%; clear: none; margin-top:25px} #order .goodItem .change {display:block; position: relative; bottom: 10px; width:76px; height:34px; background:#00a900; color:white; line-height: 20px; text-transform: uppercase; font-weight: bold; font-size: 90%; text-align: center } #order .goodItem .removeAll {display:block; position: relative; bottom: 10px; width:76px; height:34px; background:#000; color:white; line-height: 20px; text-transform: uppercase; font-weight: bold; font-size: 90%; text-align: center} #order .totalPrice{margin-top:29px; width:513px; float:right; background-color:#f2f2f2; padding-top: 7px; padding-left: 12px; padding-right:7px; line-height: 30px; font-size: 120%; font-weight: bold; text-transform: uppercase; text-align: right} #order .totalPriceStep {width:630px} #order .totalPrice .price {text-align:right; text-transform: uppercase; font-size:150%} #order .totalPrice .price strong {float:left; font-size:75%;} #order .totalPrice .deliveryPrice b {font-weight: normal;} #order .totalPrice .goodsPrice, #order .totalPrice .deliveryPrice {font-size: 100%; font-weight: normal; } #order .totalPrice .goodsPrice strong , #order .totalPrice .deliveryPrice strong {font-weight: normal;} #order .totalPrice .sumPrice strong {font-size: 80%} #order .orderButtons {height:85px; width:250px; float:right; margin-top:5px } #order .orderButtons a.goToorder {display:block; background: #000; color: white; text-transform: uppercase; text-align: center; height:38px; font-weight: bold; padding-top:5px; line-height: 32px; font-size: 150%; } #order .orderButtons input.continueShop {cursor:pointer; background:#00a900; border:none; width:250px; color: white; text-transform: uppercase; text-align: center; height:40px; line-height: 35px; font-size: 150%; font-weight: bold; margin-top: 5px;} #order .backButton {display:block; width:110px; height:26px; background:#000; color:white; text-align: center; line-height:22px; font-weight: bold; text-transform: uppercase; font-size: 80%; margin-top: 5px} #order .showHideCartButton {margin-left:10px; margin-top:5px; display:block; width:110px; height:26px; background:#00a900; color:white; text-align: center; line-height:22px; font-weight: bold; text-transform: uppercase; font-size: 80%; cursor: pointer;} #order .backButtonDown {} #order th.required{font-weight:bold !important;} #orderBox {border-left:1px solid #dfdfdf; border-right:1px solid #dfdfdf; border-bottom:1px solid #dfdfdf; background-color:#f2f2f2; padding: 10px; margin-top:15px} #orderBox th {text-align:left} #deliveryAndPayment.readonly {background: none; border: none;} #deliveryAndPayment.readonly .zpusob td {color:black; padding:10px 0px; padding-left:25px; font-weight: bold; text-align:left } #deliveryAndPayment.readonly .zpusob th {font-weight: normal;width:150px; text-align:right; padding:10px 0px} #deliveryAndPayment {border-left:1px solid #dfdfdf; border-right:1px solid #dfdfdf; border-bottom:1px solid #dfdfdf; background-color:#f2f2f2; padding: 10px; margin-top:10px} #deliveryAndPayment .zpDodani {width:630px; margin-top:15px; } #deliveryAndPayment .zpDodani td { font-size: 80%; background: #ededed } #deliveryAndPayment .zpDodani .des {width:35%; text-align: left; padding-left: 5px;padding-top:5px;padding-bottom:5px;} #deliveryAndPayment .zpDodani .des span{display:block; float:right;width:190px;line-height:20px;} #deliveryAndPayment .zpDodani .des input {position:relative; top:3px; } #deliveryAndPayment .zpDodani .price {width:15%; text-align: right; text-align: center;} #deliveryAndPayment strong.dod {display:block; margin-top:15px; font-weight: normal;} #deliveryAndPayment p.dodInfo {font-size: 90%} #order .button {width:301px; height:45px; background:#00a900; border:none; text-transform:uppercase; font-size:150%; font-weight:bold; color:#fff; cursor:pointer; margin-top:15px; margin-right:-10px} #order .login {border-left:1px solid #dfdfdf; border-right:1px solid #dfdfdf; border-bottom:1px solid #dfdfdf; background-color:#f2f2f2; padding:10px; margin-top:10px; padding-bottom:0px} #order .login h3.section {margin-top:3px} #order .login table {margin-top:5px} #order .login table {width: 100%; text-align: left} #order .login table td.label {width:200px} #order .login table th {font-weight: normal;} #order .login .buttonLogin {background:#000; width: 110px; height:26px; border: none; color:white; text-transform: uppercase; font-size: 80%; font-weight: bold; cursor: pointer; position:relative; bottom:-2px;} #order #orderCart { width:100%; } #orderCart .img { padding:5px 0px; } #orderCart .itemCount { width:20px; float:left; margin-right:5px; } #orderCart .removeAll { display:block; height:20px; width:20px; float:left; } #orderCart a.change { width:60px; overflow:hidden; height:20px; display:block; float:left; margin-right:5px; } #order input.readonly, #order select.readonly, #order textarea.readonly {background: none; border:none;} #order tbody.readonly th {font-weight: bold; text-align: left; width:150px } #order tbody.readonly td {padding-left: 10px } #order #orderSumCart { width:100%; } #order .greyButton {cursor:pointer; border:none; font-weight:bold; font-size:80%; margin-top:13px; text-transform: uppercase ;color:white; background:url('../../../imgs/web/bg-back-to-cart-button.gif'); width:110px; height:26px; no-repeat;} #order .orderConfirm {border-left:1px solid #dfdfdf; border-right:1px solid #dfdfdf; border-bottom:1px solid #dfdfdf; background-color:#f2f2f2; padding: 10px} #order .orderInfo {margin-top:15px} #order .orderInfo td, #orderInfo th {vertical-align: top;} #order .orderInfo th {font-weight: normal; padding-bottom:2px} #order .orderInfo td {padding-bottom:5px} #order .orderInfo .error {color: red} #order .warning{color:red; padding:10px; padding-left:120px; font-size:120%;} #register {} #mail .error,#register .error,#loginBox .error { color:red; } #register .psc_prefix { width:30px; text-align:center; } #register .psc_postfix { width:25px; text-align:center; } #registrationBox, #profileBox {position:relative;border-left:1px solid #dfdfdf; border-right:1px solid #dfdfdf; border-bottom:1px solid #dfdfdf; background-color:#f2f2f2; width:845px; margin-top:10px; margin-left:15px; padding:10px; margin-bottom:60px;} #register .button{position:absolute; right:0px; bottom:-48px; color:#fff; width:301px; height:45px; background: url('../../../imgs/web/bg-button-cart.gif') no-repeat 0px 0px; border:none; text-transform:uppercase; font-size:150%; font-weight:bold; color:#fff; cursor:pointer;} #register {margin-left:00px;} #register th {width:250px; text-align: left;} #register .reg {margin-top:15px} #register .reg td, #reg th {vertical-align: top;} #register .reg th {font-weight: normal; padding-bottom:2px} #register .reg td {padding-bottom:5px} #register .reg .error {color: red} #favorites #orderCart{margin-top:120px; border-bottom:0px;} #watchdog .inbox,#favorites .inbox, #viewProfile .inbox{position:relative;} #watchdog li{list-style:square; margin-left:20px; padding:2px;} #watchdog .middle .greyButton{position:relative; top:-3px;} #watchForm{margin-top:20px;} #favorites #orderCart th,#favorites #orderCart td{font-size:100%;} .question{cursor:pointer;} #orderView #orders th,#orderView #orders td{padding:4px; } #orderView #orders td{background:#ededed} #orderView .inbox{position:relative;} #orderView .orderDetailIco{position:absolute; top:-39px; right:5px;} #orderView a,#favorites a{} .profileBox{ float:left;border-right:1px solid #ebebe1; height:114px; width:420px; } #profileBox h3 {text-transform: uppercase;} .profileBoxes{margin-top:10px;} .ordersInfo {border-right: none} .profileBox.right {float:right; margin-right:10px;} .profileBox .inprofile{ width:420px; } .profileBox .profileButton {display:block; background:url('../../../imgs/web/bg-profile-button.gif') no-repeat; width: 150px; height:26px; border: none; color:white; text-transform: uppercase; font-size: 80%; font-weight: bold; cursor: pointer; text-decoration: none; line-height:26px; text-align: center; font-size: 80%} #register .backToProfileButton {position:absolute; left:0px; bottom:-29px; display:block; background:url('../../../imgs/web/bg-back-to-cart-button.gif') no-repeat; width: 110px; height:26px; border: none; color:white; text-transform: uppercase; font-size: 80%; font-weight: bold; cursor: pointer; text-decoration: none; line-height:26px; text-align: center; font-size: 80%} #orderView .backToProfileButton {position:absolute; left:0px; bottom:-29px; display:block; background:url('../../../imgs/web/bg-back-to-cart-button.gif') no-repeat; width: 110px; height:26px; border: none; color:white; text-transform: uppercase; font-size: 80%; font-weight: bold; cursor: pointer; text-decoration: none; line-height:26px; text-align: center; font-size: 80%} #orderView .backToOrdersButton {position:absolute; left:0px; bottom:-29px; display:block; background:url('../../../imgs/web/bg-back-to-cart-button.gif') no-repeat; width: 110px; height:26px; border: none; color:white; text-transform: uppercase; font-size: 80%; font-weight: bold; cursor: pointer; text-decoration: none; line-height:26px; text-align: center; font-size: 80%} #order .poznamka .okButton {position:absolute; left:-25px; bottom:-39px; display:block; background:url('../../../imgs/web/bg-ok-button.gif') no-repeat; width: 39px; height:26px; border: none; color:white; text-transform: uppercase; font-size: 80%; font-weight: bold; cursor: pointer; text-decoration: none; line-height:26px; text-align: center; font-size: 80%} #order .poznamka .submitButton{position:absolute; left:-25px; bottom:-39px; display:block; background:url('../../../imgs/web/bg-back-add-noteOrder-button.gif') no-repeat; width: 150px; height:26px; border: none; color:white; text-transform: uppercase; font-size: 80%; font-weight: bold; cursor: pointer; text-decoration: none; line-height:26px; text-align: center; font-size: 80%} .profileBox .innerpd{padding:30px 80px 20px 100px; } .profileBox .innerpd.firstInnerpd {padding-top:8px} .profileBox .innerpd p {display:block; height:56px; padding-bottom:10px} .profileBox h3{padding-bottom:5px;} #mail{padding:20px;} #mail .sendUrl{font-size:80%;} p.infobox {float:left; margin-left:14px; width: 250px; width: 240px; } #bottomPage {float:right; margin-right:3px; margin-bottom:10px; margin-top:0;} #items #bottomPage a, #novinky #bottomPage a {float:left; color:#000; text-decoration: none; padding:3px 6px; background-color:#f2f2f2; } #items #bottomPage .prev {background: #ffffff url('../../../imgs/web/bg-arrow-left-pages.gif') left center no-repeat; text-decoration: none; display: block; width:15px; overflow: hidden; } #items #bottomPage .next {background: #ffffff url('../../../imgs/web/bg-arrow-right-pages.gif') left center no-repeat; text-decoration: none; display: block; width:14px; margin-left:6px; overflow: hidden;} #bottomPage .prev span {visibility: hidden;} #bottomPage .next span {visibility: hidden;} #bottomPage .space {float:left; width:28px} #items #bottomPage a.a, #novinky #bottomPage a.a { color: #fff; background:#9a9a9a; font-weight: bold; text-decoration: none;} #bottomPage a.firstNumber { font-weight: bold; margin-right: 10px; } #bottomPage a.lastNumber { font-weight: bold; margin-right: 14px;} #bottomBox {} #footer {background:#000; color:#cfcfc6; font-size:62%; text-transform:uppercase; letter-spacing:0px; margin-top:0px; overflow:hidden; clear:both;} #footer .inner { padding:10px;} #footer a{color:#fff;text-decoration:none;} #footer a:hover{text-decoration:underline;} #footer p{margin-top:5px; text-align:center;} #brandsFooter span{display:none;} #brandsFooter a{display:block; width:81px; height:50px;padding-top:5px; float:left; text-align:center; border-left:1px solid #474747; border-bottom:1px solid #474747;} #brandsFooter a.last{width:78px;} #brandsFooter a.notLeast{border-right:1px solid #000;} #brandsFooter h3{padding:10px; background:#000;color:#fff;font-size:80%; margin-bottom:0px; border-bottom:1px solid #474747;} #brandsFooter{border-right:1px solid #474747;background:#000;} .mapLeft{margin-right:50px;} .goodsMap {margin-top:20px;} .goodsMap li{float:left; width:180px; margin-right:20px; } .goodsMap li ul li{float:none;} /* autocomplete styles */ ul.autocompleter-choices{position:absolute; margin:0; padding:0; list-style:none;border:1px solid #7c7c7c;border-left-color:#c3c3c3; border-right-color: #c3c3c3; border-bottom-color:#ddd; background-color:#fff;text-align:left; z-index:10;background-color:#fff; width:140px;} ul.autocompleter-choices li{position:relative;margin:-2px 0 0 0;padding:0.2em 0.2em 0.2em 0.2em;display:block;float:none !important; cursor: pointer;font-weight:normal;white-space: nowrap; font-size:70%;line-height:1.5em;} ul.autocompleter-choices li.autocompleter-selected{background-color:#444; color:#fff;} ul.autocompleter-choices span.autocompleter-queried{display:inline;float:none;font-weight:bold;margin:0;padding:0;} ul.autocompleter-choices li.autocompleter-selected span.autocompleter-queried{color:#9FCF67;} .tip { width:240px;text-align:left; font-size:80%; padding:10px; background:#fff; display:block; border:1px solid #DFDFDF;} .tip-top { } .tip-title { } .tip-text { color:#000; padding:10px;} .tip-bottom {} /* create custom forward-backward buttons for this container */ .banner_forward, .banner_back{ display:block; position:absolute; cursor:pointer; width:35px; height:35px; bottom:0px; right:0px; background:url(../../../imgs/web/banner_forward.png) no-repeat; } .banner_back { bottom:0px; right:37px; background:url(../../../imgs/web/banner_back.png) no-repeat;} .banner_back:hover,.banner_forward:hover{background-position:-35px 0px} /* HomeBox - uvodni stranka dole (text,facebook,newslatter) */ #homebox { font-size: 100%; margin-bottom:0; padding-bottom:0; } #homebox #homeboxLeft { float:left; width: 575px; margin-bottom: 10px; } #homebox #homeboxLeft h2{ font-size:250%; text-transform: uppercase; color:#3e3e3e; background:#f2f2f2 url('../../../imgs/web/logo-small.gif') no-repeat 410px 10px; margin-bottom: 10px; padding: 7px 10px; } #homebox #homeboxLeft .text { display:block; background:#F2F2F2; padding: 7px 10px; font-size: 120%; color:#4c4c4c; height: 302px; overflow: hidden; } #homebox #homeboxRight { float:right; width: 280px; margin-bottom: 10px; } #homebox #homeboxRight #facebook { background: #d0d7e5; height: 220px; padding: 5px; } #homebox #homeboxRight #newsletter { background:#4c4c4c; margin-bottom: 10px; } #homebox #homeboxRight #newsletter .text{ display:block; padding: 8px; color:#fff; font-size: 120%; } #homebox #homeboxRight #newsletter form { background:#e1ff00; padding: 3px; text-align: center; } #homebox #homeboxRight #newsletter form h3 { margin: 0; padding: 0; position: relative; overflow: hidden; float:left; top: 6px; left: 2px; } #homebox #homeboxRight #newsletter form h3, #homebox #homeboxRight #newsletter form h3 span { width: 88px; height: 21px; } #homebox #homeboxRight #newsletter form h3 span { background: #e1ff00 url('../../../imgs/web/newsletter.gif') no-repeat 0 0; display: block; position:absolute; top: 0; left:0; } #homebox #homeboxRight #newsletter form input.mail { font-size:120%; border:none; height: 24px; margin: 5px 0; padding: 0 5px; position:relative; top: -1px; } #homebox #homeboxRight #newsletter form input.submit{ margin: 0; padding:0; position:relative; top:7px; } #homebox #homeboxRight #newsletter span.uspesne, #homebox #homeboxRight #newsletter span.chyba { display:block; text-align:center; margin-bottom: 5px; color:#fff; padding: 2px 0 ; } #homebox #homeboxRight #newsletter span.uspesne { background: #00a900; } #homebox #homeboxRight #newsletter span.chyba { background: #ff0000; } #homebox #homeboxMenu { clear:both; background:#f2f2f2; padding: 7px 10px; text-align:center; } #homebox #homeboxMenu ul { list-style:none; font-size: 120%; } #homebox #homeboxMenu li { display: inline; margin: 0 20px; } #homebox #homeboxMenu li a { color:#3e3e3e; }