/* --------------------------------------------------------------------------------------- Bezva Obchod - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - Description: Basic styles and layout Media: screen, projection Datum: 19. 2. 2009 Author: Martin Jemelka (http://europemc.cz/) ---------------------------------------------------------------------------------------*/ @import url("./reset.css"); /* --------------------------------------------------------------------------------------- Basic styles - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */ html, body { height: 100%; } body { margin-top: 10px; height: 100%; } html { background: #fff url('../images/html.jpg') 0 -300px repeat-x; } /* --------------------------------------------------------------------------------------- Layout - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -*/ /* Main ---------------------------------------------------------------------------------*/ .in { width: 952px; margin: 0 auto; } /* Header -------------------------------------------------------------------------------*/ #header { position: relative; z-index: 1; color: #000; } #header .in { overflow: visible; background: url('../images/header.jpg') 0 46px repeat-x; } #header #group-menu { border-bottom: 1px solid #fff; } #header #group-menu li { position: relative; z-index: 1; float: left; } #header #group-menu li a { width: 136px; height: 45px; line-height: 45px; text-align: center; text-transform: uppercase; font-size: 110%; font-weight: bold; color: #828282; } #header #group-menu li a:hover, #group-menu li a:focus, #group-menu li a:active, #group-menu a.active { color: #000; } #header #group-menu li a:hover span, #group-menu li a:focus span, #group-menu li a:active span, #group-menu a.active span { color: #000; background-position: 0 -45px; } #header #group-menu .bezvaobchod span { background-image: url('../images/group-menu-bezva-obchod.jpg'); } #header #group-menu .hracky span { background-image: url('../images/group-menu-hracky.jpg'); } #header #group-menu .detske-potreby span { background-image: url('../images/group-menu-detske-potreby.jpg'); } #header #group-menu .bytovy-textil span { background-image: url('../images/group-menu-bytovy-textil.jpg'); } #header #group-menu .parfemy span { background-image: url('../images/group-menu-parfemy.jpg'); } #header #group-menu .kosmetika span { background-image: url('../images/group-menu-kosmetika.jpg'); } #header #group-menu .autopotreby span { background-image: url('../images/group-menu-autopotreby.jpg'); } #header #header ul#group-menu, #header #group-menu li { float: left; display: inline; } #header #logo { float: left; position: relative; display: inline; width: 342px; height: 66px; margin: 25px 0 0 25px; line-height: 200px; text-transform: lowercase; font-size: 120%; } #header #logo a:hover, #logo a:focus, #logo a:active { color: #87c300; } #header #logo span { background-image: url('../images/logo.png'); } #header .headerText { float: left; position: relative; left: 105px; color: #166EA0; font-size: 13px; } #header #basket { font-size: 11px; float: right; margin: 10px 0 0 0; } #header #basket img { float: left; margin: 8px 16px 0 0; } #header #basket p { float: left; display: inline; margin: 18px 15px 0 0; } #header #basket strong { font-weight: bold; } #header #user { font-size: 11px; float: right; margin: 0; } #header #user p { line-height: 20px; margin: 0 15px 10px 0; } #header #user a { font-size: 12px; text-decoration: none; } #header #user a:hover { font-size: 12px; text-decoration: underline; } #header #search { float: right; display: inline; margin: 20px 0 0 0; } #header #search p { float: left; display: inline; margin: 0 15px 0 0; } #header #search input { float: left; vertical-align: middle; } #header #search .search-input-text { width: 170px; border: 1px solid #b2b2b2; height: 25px; padding: 5px 8px 0 8px; font-style: italic; font-size: 108%; margin-right:2px; font-family: Calibri, arial, sans-serif; color: #666; } ul#mainMenu { float: left; background: url('../images/main-menu.jpg') repeat-x; width: 100%; padding:0; margin:0; list-style-type:none; height: 45px; } ul#mainMenu, ul { padding:0; margin:0; list-style-type:none; } ul#mainMenu ul { position:absolute; visibility:hidden; border-top: 1px solid #fff; top: 45px; left: 0; width: 153px; } ul#mainMenu li { behavior: url(http://www.bezva-obchod.cz/hover.htc); position: relative; background: #ebebeb url('../images/main-menu-li-end.png') 100% 0 no-repeat; float:left; } ul#mainMenu a { text-decoration: none; text-transform: uppercase; color: #000!important; display: block; padding: 15px 20px; } ul#mainMenu a:hover { background: #F6F6F6 url('../images/main-menu-li-end.png') 100% 0 no-repeat; } ul#mainMenu ul a { border-bottom: 1px solid #fff; background: #efefef; width: 153px; padding: 10px 15px; text-transform: none; text-align: left; font-weight: normal; color: #266d88!important; } ul#mainMenu ul a:hover { background: #ececec; } ul#mainMenu li:hover ul, ul#mainMenu li.hover ul { visibility:visible; } ul#mainMenu li li { background: none; float:none; border:none; padding:0; } /* Main skelet -------------------------------------------------------------------------------*/ #main-content { min-height: 400px; } #content { background: #fff; float: left; min-height: 400px; margin: 0 0 20px 0; } #left-column { width: 181px; position: relative; height: 100%; float: left; } #alt-content { background: #eaeaea url('../images/alt-content.jpg') repeat-x; } #alt-content .two-cols { width: 50%; float: left; } /* --------------------------------------------------------------------------------------- Pages - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -*/ h2 { font-size: 15px; font-weight: normal; margin: 10px 20px 0px 20px; } h2 strong { font-weight: normal; color: #1a5b81; } .navigation { width: 730px; border-bottom: 1px solid #f7f7f7; height: 25px; margin: 10px 20px 0 20px; } /* Index -------------------------------------------------------------------------------*/ #intro { border-bottom: 1px dashed #e8e8e8; background: #fff; padding: 10px 0 10px 0;} #index h2, #indexCat h2 { margin: 20px 0 0 10px!important; } #index .line, #indexCat .line { width: 1px; height: 225px; overflow: hidden; float: left; background: url('../images/linie.jpg') no-repeat; } #index .indexWindow, #indexCat .indexWindow { position: relative; width: 189px; height: 225px; border-bottom: 1px solid #f8f8f8; overflow: hidden; float: left; background: url('../images/category.jpg') 0 -20px no-repeat; } #index .indexWindow .icon { position: relative; top: 0; text-align: center; } #index .indexWindow h3, #indexCat .indexWindow h3 { font-size: 14px; margin: 0 0 0 10px; position: absolute; top: 160px; } #index .indexWindow h3 a { font-weight: normal; font-size: 14px; } #index .indexWindow h3.hracky a { color: #f59436!important; } #index .indexWindow h3.detske-potreby a { color: #dd4995!important; } #index .indexWindow h3.bytovy-textil a { color: #a0d018!important; } #index .indexWindow h3.parfemy a { color: #f3bb06!important; } #index .indexWindow h3.kosmetika a { color: #dc352d!important; } #index .indexWindow h3.autopotreby a { color: #11b8e2!important; } #index .indexWindow .prods { padding: 0 21px 0 11px; position: absolute; top: 180px; height: 53px; overflow: hidden; } #index .indexWindow .prods a { text-decoration: none; font-size: 11px; } #index .indexWindow .prods a:hover { text-decoration: underline; } #index .indexWindow .prods.hracky a { color: #c16b17; } #index .indexWindow .prods.detske-potreby a { color: #a0336b; } #index .indexWindow .prods.bytovy-textil a { color: #617d10; } #index .indexWindow .prods.parfemy a { color: #ba8f06; } #index .indexWindow .prods.kosmetika a { color: #9a2a24; } #index .indexWindow .prods.autopotreby a { color: #086d87; } /* Cataloque List -------------------------------------------------------------------------------*/ #catalogueList { margin: 10px 20px; width: 730px; border-top: 1px solid #d6e8f2; border-bottom: 1px solid #d6e8f2; } #catalogueList p { margin: 10px } #catalogueList p strong { color: #000; } #catalogueList .catalogueShowStyle { text-align: center; padding: 0 10px 10px 10px; border-bottom: 1px solid #efefef; } #catalogueList .catalogueShowStyle strong, #catalogueList .productsSearch strong { font-weight: normal; color: #1a5b81; } #catalogueList .productsSearch { float: left; text-align: center; padding: 0 10px 10px 10px; border-bottom: 1px solid #efefef; } #catalogueList .productsSearch input.vyhledat { position: relative; top: 3px; } #catalogueList .products { padding: 10px 10px; } #catalogueList .products .product { border-top: 2px solid #bbbbbb; padding: 10px 0; text-align: center; width: 235px; background: #fff; float: left; } #catalogueList .products .product .img { height: 140px; overflow: hidden; text-align: center; } #catalogueList .products .product .img a { vertical-align: middle; display: block; } #catalogueList .products .product .money strong { font-weight: normal; font-size: 14px; color: #972827; } #catalogueList .products .product h3 a { font-weight: normal; font-size: 14px; text-decoration: none; } #catalogueList .products .product h3 { line-height: 15px; height: 25px; overflow: hidden; padding: 5px 10px; text-align: center; } #catalogueList .products .product p.anotation { height: 30px; overflow: hidden; } #catalogueList .products .product .detail { margin: 0 0 0 50px; float: left; display: inline; width: 66px; height: 33px; line-height: 200px; text-transform: lowercase; font-size: 120%; } #catalogueList .products .product .detail a:hover span { background-position: 0 -37px; } #catalogueList .products .product .detail span { background: url(../images/buttons/buttonDetail.png) 0 0 no-repeat; width: 66px; } #catalogueList .products .product .vyndat { float: left; display: inline; width: 71px; height: 33px; line-height: 200px; text-transform: lowercase; font-size: 120%; } #catalogueList .products .product .vyndat a:hover span { background-position: 0 -37px; } #catalogueList .products .product .vyndat span { background: url(../images/buttons/buttonVyndat.png) 0 0 no-repeat; width: 71px; } #catalogueList .products .product .koupit { float: left; display: inline; width: 68px; height: 33px; line-height: 200px; text-transform: lowercase; font-size: 120%; } #catalogueList .products .product .koupit a:hover span { background-position: 0 -37px; } #catalogueList .products .product .koupit span { background: url(../images/buttons/buttonKoupit.png); width: 68px; } #catalogueList .line { width: 1px; height: 326px; overflow: hidden; float: left; background: url('../images/linie.jpg') 0 50% no-repeat; } #catalogueList .paging { padding: 5px 5px; } #catalogueList .filter { margin: 0 10px; padding: 0 0 20px 0; height: 60px; border-bottom: 1px solid #eef3e9; text-align: center; } #catalogueList .filter .filter-box .active { text-decoration: none; color: #000!important; } #catalogueList .filter .filter-box { width: 100%; } #catalogueList .filter .filter-box form { margin: 0 auto; width: 410px; } #catalogueList .filter .filter-box form p { width: 330px; float: left; padding: 10px 0 0 0; } #catalogueList .filter .filter-box form input.ok { float: left; margin: 18px 0 0 5px; } /* Cataloque Detail -------------------------------------------------------------------------------*/ #catalogueDetail { display: inline; float: left; margin: 10px 20px; width: 730px; border-top: 1px solid #d6e8f2; border-bottom: 1px solid #d6e8f2; } #catalogueDetail .line { width: 1px; height: 245px; overflow: hidden; float: left; background: url('../images/linie.jpg') no-repeat; } #catalogueDetail .leftSide { padding: 10px 0; width: 205px; text-align: center; float: left; } #catalogueDetail .leftSide .icon { text-align: center; } #catalogueDetail ul.catalogue-detail-icons { height: 20px; border-bottom: 1px dashed #efefef; text-align: center; font-size: 11px; list-style: none; margin: 0; padding: 10px; } #catalogueDetail ul.catalogue-detail-icons li { height: 25px; display: inline; padding: 0 6px 5px 20px; } #catalogueDetail ul.catalogue-detail-icons li.tisk { background: url('../images/ico-tisk.png') 0 0 no-repeat; } #catalogueDetail ul.catalogue-detail-icons li.oblibene { background: url('../images/ico-oblibene.png') 0 0 no-repeat; } #catalogueDetail ul.catalogue-detail-icons li.doporucit { background: url('../images/ico-doporucit.png') 0 0 no-repeat; } #catalogueDetail ul.catalogue-detail-icons li.prodavac { background: url('../images/ico-prodavac.png') 0 0 no-repeat; } #catalogueDetail ul.catalogue-detail-icons li.porovnat { background: url('../images/ico-porovnat.png') 0 0 no-repeat; } #catalogueDetail ul.catalogue-detail-icons li.hlidat { background: url('../images/ico-hlidat.png') 0 0 no-repeat; } #catalogueDetail ul.catalogue-detail-icons li a { color: #a80000; } #catalogueDetail .rightSide { padding: 0; width: 500px; float: left; text-align: right; } #catalogueDetail .rightSide strong { font-weight: normal; font-size: 14px; color: #972827; } #catalogueDetail .socialnet { border-top: 1px dashed #efefef; text-align: center; padding: 10px; } #catalogueDetail .socialnet img { width: 24px; } #catalogueDetail .rightSide h3 { padding: 10px 20px 0 20px; } #catalogueDetail .rightSide .shortinfo { padding: 0 20px 10px 10px; } #catalogueDetail .rightSide .price { padding: 10px 20px } #catalogueDetail .rightSide .availability { border-bottom: 1px dashed #efefef; padding: 10px 20px } #catalogueDetail .rightSide .buy { border-bottom: 1px dashed #efefef; padding: 10px 20px 5px 20px; } #catalogueDetail .rightSide .buy input.koupit { position: relative; top: -4px; } #catalogueDetail .rightSide .buy input.style { width: 30px; } .coda-slider-wrapper { padding: 20px 0 } .coda-slider { background: #f8f8f8 } .coda-slider h2 { display: none; color: #184f75; font-size: 12px; margin: 0; } .coda-slider-no-js .coda-slider { height: 200px; overflow: auto !important; padding-right: 20px } .coda-slider, .coda-slider .panel { width: 730px } .coda-slider-wrapper.arrows .coda-slider, .coda-slider-wrapper.arrows .coda-slider .panel { width: 600px } .coda-slider-wrapper.arrows .coda-slider { margin: 0 10px } .coda-nav-left a, .coda-nav-right a { background: #000; color: #fff; padding: 5px; width: 100px } .coda-nav ul li a.current { background: #f8f8f8 } .coda-slider .panel-wrapper { padding: 20px } .coda-slider p.loading { padding: 20px; text-align: center } .coda-nav ul { clear: both; display: block; margin: auto; overflow: hidden } .coda-nav ul li { display: inline } .coda-nav ul li a { background: #fff; color: #000; display: block; float: left; margin-right: 1px; padding: 13px 16px; text-decoration: none } .coda-slider-wrapper { clear: both; overflow: auto } .coda-slider { float: left; overflow: hidden; position: relative } .coda-slider .panel { display: block; float: left } .coda-slider .panel-container { position: relative } .coda-nav-left, .coda-nav-right { float: left } .coda-nav-left a, .coda-nav-right a { display: block; text-align: center; text-decoration: none } /* Basket -------------------------------------------------------------------------------*/ #content #basket { width: 770px; } #content #basket p { padding: 10px 20px; } #content #basket p strong { font-weight: normal; font-size: 13px; color: #3585E4; } #content #basket .coupon { padding: 10px 20px; } #content #basket .coupon strong { font-weight: normal; font-size: 13px; color: #3585E4; } #content #basket .vyprazdnit { float: left; margin: 0 0 0 180px; display: inline; width: 101px; height: 33px; line-height: 200px; text-transform: lowercase; font-size: 120%; } #content #basket .vyprazdnit a:hover span { background-position: 0 -37px; } #content #basket .vyprazdnit span { background: url(../images/buttons/buttonVyprazdnit.png) 0 0 no-repeat; width: 101px; } #content #basket .pokracovatVNakupu { float: left; margin: 0; display: inline; width: 162px; height: 33px; line-height: 200px; text-transform: lowercase; font-size: 120%; } #content #basket .pokracovatVNakupu a:hover span { background-position: 0 -37px; } #content #basket .pokracovatVNakupu span { background: url(../images/buttons/buttonPokracovatVNakupu.png) 0 0 no-repeat; width: 162px; } #content #basket .kPokladne { float: left; margin: 0; display: inline; width: 98px; height: 33px; line-height: 200px; text-transform: lowercase; font-size: 120%; } #content #basket .kPokladne a:hover span { background-position: 0 -37px; } #content #basket .kPokladne span { background: url(../images/buttons/buttonKPokladne.png) 0 0 no-repeat; width: 98px; } #content #basket .paging { padding: 5px 5px; } /* Order -------------------------------------------------------------------------------*/ #content #order { width: 770px; } /* Registration -------------------------------------------------------------------------------*/ #content #registration { width: 770px; } /* Login -------------------------------------------------------------------------------*/ #content #login { width: 770px; } /* Search -------------------------------------------------------------------------------*/ #content #search { width: 770px; } #content #search .products { padding: 10px 10px; } #content #search .products .product { border-bottom: 1px solid #efefef; padding: 10px 0; text-align: center; width: 235px; background: #fff; float: left; } #content #search .products .product .img { margin: 10px 0; height: 140px; overflow: hidden; text-align: center; } #content #search .products .product .money strong { font-weight: normal; font-size: 14px; color: #972827; } #content #search .products .product .money { margin: 0 0 10px 0; } #content #search .products .product h3 a { font-weight: normal; font-size: 14px; text-decoration: none; } #content #search .products .product h3 { line-height: 15px; height: 40px; overflow: hidden; padding: 5px 10px; text-align: center; } #content #search .products .product .detail { margin: 0 0 0 50px; float: left; display: inline; width: 66px; height: 33px; line-height: 200px; text-transform: lowercase; font-size: 120%; } #content #search .products .product .detail a:hover span { background-position: 0 -37px; } #content #search .products .product .detail span { background: url(../images/buttons/buttonDetail.png) 0 0 no-repeat; width: 66px; } #content #search .products .product .vyndat { float: left; display: inline; width: 71px; height: 33px; line-height: 200px; text-transform: lowercase; font-size: 120%; } #content #search .products .product .vyndat a:hover span { background-position: 0 -37px; } #content #search .products .product .vyndat span { background: url(../images/buttons/buttonVyndat.png) 0 0 no-repeat; width: 71px; } #content #search .products .product .koupit { float: left; display: inline; width: 68px; height: 33px; line-height: 200px; text-transform: lowercase; font-size: 120%; } #content #search .products .product .koupit a:hover span { background-position: 0 -37px; } #content #search .products .product .koupit span { background: url(../images/buttons/buttonKoupit.png); width: 68px; } #content #search .line { width: 1px; height: 245px; overflow: hidden; float: left; background: url('../images/linie.jpg') no-repeat; } /* New -------------------------------------------------------------------------------*/ #content #new { width: 770px; } /* Orders -------------------------------------------------------------------------------*/ #content #orders { width: 770px; } /* Orders Show -------------------------------------------------------------------------------*/ #content #orderShow { width: 770px; } /* Comission -------------------------------------------------------------------------------*/ #content #comission { width: 770px; } /* Loyalty -------------------------------------------------------------------------------*/ #content #loyalty { padding: 20px; width: 730px; } #content #loyalty h3 { font-size: 13px; margin: 5px 0; color: #1a5b81; text-decoration: underline; font-weight: normal; } #content #loyalty h4 { font-size: 11px; color: #1a5b81; font-weight: normal; } #content #loyalty .product { border-bottom: 1px solid #efefef; padding: 10px 0; text-align: center; width: 235px; background: #fff; float: left; } #content #loyalty .product .img { height: 180px; overflow: hidden; text-align: center; } #content #loyalty .product .money strong { font-weight: normal; font-size: 14px; color: #972827; } #content #loyalty .product h4 a { font-weight: normal; font-size: 14px; text-decoration: none; } #content #loyalty .product h4 { line-height: 15px; height: 40px; overflow: hidden; padding: 5px 10px; text-align: center; } /* Send Link -------------------------------------------------------------------------------*/ #content #sendlink { width: 770px; } /* Watchdog -------------------------------------------------------------------------------*/ #content #watchdog { width: 770px; } /* Contests -------------------------------------------------------------------------------*/ #content #contests { width: 770px; } #content #contests p { padding: 10px; } /* Article -------------------------------------------------------------------------------*/ #content #article { width: 730px; padding: 10px 20px 10px 20px; } #content #article p { padding: 0 0 5px 0; } /* Advanced Help Desk -------------------------------------------------------------------------------*/ #content #advancedHelpDesk { width: 730px; padding: 20px; } /* Compare -------------------------------------------------------------------------------*/ #content #compare { width: 770px; } #compare .product { border-bottom: 1px solid #efefef; padding: 10px 0; text-align: center; width: 100%; background: #fff; float: left; } #compare .product .img { height: 180px; overflow: hidden; text-align: center; } #compare .product .money strong { font-weight: normal; font-size: 14px; color: #972827; } #compare .product h3 a { font-weight: normal; font-size: 14px; text-decoration: none; } #compare .product h3 { line-height: 15px; height: 40px; overflow: hidden; padding: 5px 10px; text-align: center; } #compare .product .detail { margin: 0 0 0 50px; float: left; display: inline; width: 66px; height: 33px; line-height: 200px; text-transform: lowercase; font-size: 120%; } #compare .product .detail a:hover span { background-position: 0 -37px; } #compare .product .detail span { background: url(../images/buttons/buttonDetail.png) 0 0 no-repeat; width: 66px; } #compare .product .vyndat { float: left; display: inline; width: 71px; height: 33px; line-height: 200px; text-transform: lowercase; font-size: 120%; } #compare .product .vyndat a:hover span { background-position: 0 -37px; } #compare .product .vyndat span { background: url(../images/buttons/buttonVyndat.png) 0 0 no-repeat; width: 71px; } #compare .product .koupit { position: relative; top: 4px; } /* Page Article -------------------------------------------------------------------------------*/ #content .page-article { padding: 0 10px 10px 10px; margin: 10px; } #content .page-article p { padding: 0 0 10px 0!important; } /* Warnings -------------------------------------------------------------------------------*/ #content .hlaseni { padding: 15px; border-bottom: 1px solid #efefef; border-top: 1px solid #efefef; color: #b5301f; } #content .hlaseni p { padding: 0!important; } /* Fieldset -------------------------------------------------------------------------------*/ .form fieldset { width: 728px; display: inline; margin: 10px; padding: 10px; border: 1px solid #efefef; } .form fieldset.half { width: 341px; vertical-align: top; } .form fieldset legend { color: #154e6f; font-size: 13px; padding: 4px 8px; border: 1px solid #dddddd; } .form fieldset input { background: #f5f5f5; vertical-align: middle; } .form fieldset p { margin: 5px; } .form fieldset .readonly { display: inline-block; margin: 6px 0; } .form fieldset label { vertical-align: top; text-align: right; color: #1686a2; padding: 7px 5px 0 0; display: inline-block; width: 100px; } .form fieldset .full { margin: 10px 0 10px 0; } .form fieldset .full label { color: #848484; text-align: left; } .form fieldset .radio-box label { color: #848484; text-align: left; width: auto; } .form fieldset .checkbox { margin: 7px 5px 0 10px; } .form fieldset .textarea { width: 400px; border: 1px solid #b2b2b2; height: 100px; padding: 5px 8px 0 8px; font-style: italic; font-size: 108%; margin-right:2px; font-family: Calibri, arial, sans-serif; color: #666; } /* Table -------------------------------------------------------------------------------*/ #content .tableStyle { width: 750px; border-bottom: 1px solid #efefef; margin: 10px } #content .tableStyle tr.low { background: #fbfbfb } #content .tableStyle tr.high { background: #fafafa } #content .tableStyle tr th { font-size: 13px; text-decoration: underline; color: #113e58; font-weight: normal; border-bottom: 1px solid #efefef; padding: 10px; } #content .tableStyle tr td { padding: 5px 10px; } #content .tableStyle tr td.total-borders { border-top: 1px solid #efefef; } #content .tableStyle tr td strong { color: #9d2525; font-weight: normal; } #content .tableStyle input.style { width: 20px; } #content .tableStyle input.ok { position: relative; top: 3px; } #content .submit { } input.style { border: 1px solid #b2b2b2; height: 20px; padding: 5px 8px 0 8px; font-style: italic; font-size: 11px; margin-right:2px; font-family: Calibri, arial, sans-serif; color: #666; } /* Buttons -------------------------------------------------------------------------------*/ input.buttons { background: none no-repeat top left; border: none; cursor: pointer; height: 33px; overflow: hidden; padding: 0; margin: 0; text-indent: -9999px; width: auto; line-height: 30px; } input.buttons:hover, input.buttons.hover { background-position: 0 -37px; } input.headerHledat:hover { background-position: 0 0; } input.vyhledat { background: url(../images/buttons/buttonVyhledat.png) 0 0 no-repeat; width: 78px; } input.ok { background: url(../images/buttons/buttonOk.png) 0 0 no-repeat!important; width: 52px; } input.ulozitZmeny { background: url(../images/buttons/buttonUlozitZmeny.png) 0 0 no-repeat; width: 96px; } input.koupit { background: url(../images/buttons/buttonKoupit.png) 0 0 no-repeat; width: 68px; } input.zaregistrovat { background: url(../images/buttons/buttonZaregistrovat.png) 0 0 no-repeat; width: 115px; } input.upravitProfil { background: url(../images/buttons/buttonUpravitProfil.png) 0 0 no-repeat; width: 115px; } input.prihlasitSe { background: url(../images/buttons/buttonPrihlasit.png) 0 0 no-repeat; width: 89px; } input.zavazneObjednat { background: url(../images/buttons/buttonZavazneObjednat.png) 0 0 no-repeat; width: 136px; } input.zpetDoKosiku { background: url(../images/buttons/buttonZpetDoKosiku.png) 0 0 no-repeat; width: 118px; } input.headerHledat { background: url(../images/buttons/buttonHledej.jpg) 0 0 no-repeat; width: 70px; } input.smazat { background: url(../images/buttons/buttonSmazat.png) 0 0 no-repeat; width: 72px; } input.storno { background: url(../images/buttons/buttonStorno.png) 0 0 no-repeat; width: 72px; } input.pridatSledovani { background: url(../images/buttons/buttonPridatSledovani.png) 0 0 no-repeat; width: 114px; } /* Boxes -------------------------------------------------------------------------------*/ .banners-box { width: 100%; } .banners-box h2 { text-decoration: underline; color: #3d88a4; font-weight: normal; margin: 10px; } .banner { height: 100px; margin: 0 0 10px 0; padding: 0 20px 0 10px; clear: left; } .banners-box img { border: 1px solid #c8c8c8; float: left; margin: 0 0 0 0; } .news-box { width: 100%; } .news-box h2 { text-decoration: underline; color: #3d88a4; font-weight: normal; margin: 10px; } .news-box .new { height: 100px; margin: 0 0 10px 0; padding: 0 20px 0 10px; clear: left; } .news-box .new img { border: 1px solid #c8c8c8; float: left; margin: 0 20px 0 0; } .news-box .new .new-head { float: left; } .news-box .new h3 { font-weight: normal; margin: 0 0 5px 10px; width: 220px; float: left; } .news-box .new span { float: left; } .news-box .new .new-intro { height: 48px; overflow: hidden; float: left; width: 300px; } .news-box .new .new-more { text-align: right; height: 20px; float: left; width: 300px; } .news-box .news-all { margin: 10px 20px 10px 20px; text-align: right; } .contests-box { width: 100%; border: 1px solid #ECECEC; float: left; background: #fff; } .contests-box h4 { width: 160px; float: left; background: #ECECEC; color: #000; text-transform: uppercase; font-weight: normal; padding: 10px; } .contests-box ul { float: left; margin: 5px; list-style-type: disc; } .contests-box ul li { float: left; margin: 0 20px; } /* Footer -------------------------------------------------------------------------------*/ #footer { } #footer .footer-left { float: left; padding: 10px; } #footer .footer-right { float: right; padding: 10px; } .arrowlistmenu { width: 181px; } .arrowlistmenu a { text-decoration: none; } .arrowlistmenu .mainheader { padding: 10px; width: 161px; display: inline; float: left; } .arrowlistmenu .autopotreby { border-bottom: 1px solid #077f9d; background: #049ec4; } .arrowlistmenu .autopotreby a { width: 121px; text-decoration: none; color: #fff!important; } .arrowlistmenu .bytovy-textil { border-bottom: 1px solid #7fa80d; background: #9fcf19; } .arrowlistmenu .bytovy-textil a { width: 121px; text-decoration: none; color: #fff!important; } .arrowlistmenu .detske-potreby { border-bottom: 1px solid #941f5b; background: #c23b80; } .arrowlistmenu .detske-potreby a { width: 121px; text-decoration: none; color: #fff!important; } .arrowlistmenu .hracky { border-bottom: 1px solid #a85c12; background: #e8811c; } .arrowlistmenu .hracky a { width: 121px; text-decoration: none; color: #fff!important; } .arrowlistmenu .kosmetika { border-bottom: 1px solid #801e19; background: #bb2821; } .arrowlistmenu .kosmetika a { width: 121px; text-decoration: none; color: #fff!important; } .arrowlistmenu .parfemy { border-bottom: 1px solid #ad870c; background: #f3bc09; } .arrowlistmenu .parfemy a { width: 121px; text-decoration: none; color: #fff!important; } .arrowlistmenu .openheader{ } .arrowlistmenu ul { width: 181px; float: left; list-style-type: none; margin: 0; padding: 0; margin: 0; } .arrowlistmenu ul li { position: relative; display: inline; float: left; } .arrowlistmenu ul li ul li a { background: #f5f5f5; color: #43c54f!important; width: 153px; } .arrowlistmenu ul li ul li ul li a { width: 144px; } .arrowlistmenu ul li .opensubheader{ } .arrowlistmenu ul li .closedsubheader{ } .arrowlistmenu ul li a { background: #fbfbfb; float: left; width: 162px; padding: 5px 0; border-bottom: 1px solid #f0f0f0; border-right: 1px solid #f0f0f0; color: #000!important; font-size: 100%; } .arrowlistmenu ul li a:visited{ color: #A70303; } .arrowlistmenu ul li a:hover{ background-color: #F3F3F3; } .arrowlistmenu ul li a.subexpandable:hover{ background: #F3F3F3; } .arrowlistmenu ul.cats1 li a { color: #8f5419!important; } .arrowlistmenu ul.cats2 li a { color: #6e1342!important; } .arrowlistmenu ul.cats3 li a { color: #197021!important; } .arrowlistmenu ul.cats4 li a { color: #8d6c00!important; } .arrowlistmenu ul.cats5 li a { color: #7f1a15!important; }