/* --------------------------------------------------------------------------------------- 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: 0; padding: 0; height: 100%; } html { background: #F3F3F3; } /* --------------------------------------------------------------------------------------- Layout - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -*/ #screenshot{ position:absolute; background: white; border: 1px solid silver; padding:2px; color:#fff; display:none; z-index: 99999; } /* Main ---------------------------------------------------------------------------------*/ .in { width: 952px; margin: 0 auto; } .wrapper { width: 952px; margin: 0 auto; background: white; -moz-box-shadow: 0 0 25px rgba(0, 0, 0, 0.15); -webkit-box-shadow: 0 0 25px rgba(0, 0, 0, 0.15); box-shadow: 0 0 25px rgba(0, 0, 0, 0.15); } /* Header -------------------------------------------------------------------------------*/ #header { position: relative; z-index: 1; color: #000; } #header .in { overflow: visible; background: url('../images/header.jpg') 0 0 repeat-x; } #index h3 { } #index h3 { display: block; margin: 0; position: relative; z-index: 1; } #index h3 a { position: relative; display: inline-block; width: 100%; height: 45px; line-height: 45px; text-align: center; text-transform: uppercase; font-size: 150%; font-weight: 600; color: #828282; } #index h3 a:hover, #index h3 a:focus, #index h3 a:active, #index h3 a.active { color: #000; } #index h3 a:hover span, #index h3 a:focus span, #index h3 a:active span, #index h3 a.active span { color: #000; background-position: 50% -45px; background-repeat: repeat-x!important; } #index h3 span { position: absolute; left: 0; top: 0; background-repeat: repeat-x!important; background-position: 50% 0; } /*#index .bezvaobchod span { background-repeat: repeat-x!important; background-image: url('../images/group-menu-bezva-obchod.jpg'); } #index .hracky span { background-repeat: repeat-x!important; background-image: url('../images/group-menu-hracky.jpg'); } #index .detske-potreby span { background-repeat: repeat-x!important; background-image: url('../images/group-menu-detske-potreby.jpg'); } #index .bytovy-textil span { background-repeat: repeat-x!important; background-image: url('../images/group-menu-bytovy-textil.jpg'); } #index .parfemy span { background-repeat: repeat-x!important; background-image: url('../images/group-menu-parfemy.jpg'); } #index .kosmetika span { background-repeat: repeat-x!important; background-image: url('../images/group-menu-kosmetika.jpg'); } #index .autopotreby span { background-repeat: repeat-x!important; background-image: url('../images/group-menu-autopotreby.jpg'); }*/ #index_banners { position: relative; background: #E1ECF6; padding: 10px; background: #E1ECF6; } #index_banners #index_banners_navi { width: 180px; height: 180px; padding: 10px; margin: 0; float: right; background: #447EB3; } #index_banners #index_banners_navi li { height: 40px; padding: 10px 0; margin: 0; cursor: pointer; font-size: 16px; font-weight: 600; color: #A2BFD9; position: relative; background: url('http://s.cdn.nrholding.net/CZ10MA/gfx/line_dashed-light-blue.gif') 0 100% repeat-x; display: block; } #index_banners #index_banners_navi li.last { background: none; } #index_banners #index_banners_navi li.active { color: white; } #header #logo { float: left; position: relative; display: inline; width: 342px; height: 66px; margin: 25px 0 25px 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: 13px; font-weight: 600; 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: 600; } #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; } #mainMenuSkelet { float: left; background: url('http://www.kratochvilovci.cz//wepp/templates/images/mainMenuUl.gif') 0 0 repeat-x; height: 33px; width: 941px; padding:0; margin:0 5px; list-style-type:none; } ul#mainMenu { display: block; margin: 0; float: left; height: 31px; background: transparent url('http://www.kratochvilovci.cz/wepp/templates/images/mainMenuUl.gif') 0 0 repeat-x; } ul#mainMenu ul { position:absolute; visibility:hidden; border-top: 1px solid #fff; top: 31px; left: 0; width: 153px; } ul#mainMenu li { position: relative; background: url('http://www.kratochvilovci.cz//wepp/templates/images/mainMenuLi.png') 100% 0 no-repeat; float:left; } ul#mainMenu a { font-size: 12px; font-weight: 600; text-decoration: none; color: #E5E5E5!important; display: block; padding: 8px 20px 9px 20px; } ul#mainMenu a:hover { } ul#mainMenu ul a { border-bottom: 1px solid #fff; background: #efefef; width: 153px; padding: 10px 15px; text-transform: none; height: auto; 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_index { margin: 0 5px; } #content { background: #fff; float: left; width: 720px; overflow: hidden; min-height: 400px; margin: 0 0 20px 15px; } #main-content:after { content:"00"; color: white; clear: both; } #left-column { overflow: hidden; width: 205px; position: relative; margin: 0 0 0 5px; 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 { padding: 4px 0 4px 0; font-size: 20px; font-weight: 600; margin: 10px 0 10px 0; } h2 span {display: inline-block; width: 10px; height: 15px; padding: 5px; background: url('../images/ico_arrow_11x18.gif') 5px -95px no-repeat; background-color: #BBBEBE; } h2 strong { font-weight: normal; color: #1a5b81; } .navigation { width: 100%; border-bottom: 1px solid #f7f7f7; height: 25px; margin: 10px 0 0 0; } .section { } /* Index -------------------------------------------------------------------------------*/ #index { background: #fff; padding: 0 0 0 0;} #content hr { margin: 10px 0 10px 0; width: 947px; height: 1px; border: none; background: silver; } #index h2, #indexCat h2 { color: #0198be; margin: 20px 0 10px 10px!important; } #index .line, #indexCat .line { width: 1px; height: 174px; overflow: hidden; float: left; background: url('../images/linie.jpg') 100% 50% no-repeat; } #index .indexWindow, #indexCat .indexWindow { cursor: pointer; margin: 0 1px 2px 0; position: relative; width: 312px; float: left; background: url('../images/category.jpg') 0 0 no-repeat; } #index .indexWindow .icon { cursor: pointer; width: 80px; height: 204px; float: left; overflow: hidden; background: white; margin: 2px; position: relative; top: 10px; text-align: center; } #index .indexWindow .icon_kosmetika { display: block; width: 100%; height: 204px; background: url('../images/icon_kosmetika.png') 50% 50% no-repeat; } #index .indexWindow .icon_bytovy-textil { display: block; width: 100%; height: 204px; background: url('../images/icon_bytovy-textil.png') 50% 70% no-repeat; } #index .indexWindow .icon_hracky { display: block; width: 100%; height: 204px; background: url('../images/icon_hracky.png') 50% 50% no-repeat; } #index .indexWindow .icon_detske-potreby { display: block; width: 100%; height: 204px; background: url('../images/icon_detske_potreby.png') 50% 50% no-repeat; } #index .indexWindow .icon_parfemy { display: block; width: 100%; height: 204px; background: url('../images/icon_parfemy.png') 50% 60% no-repeat; } #index .indexWindow a { font-weight: normal; font-size: 17px; color: #901711; text-decoration: none; } #index .indexWindow p { position: absolute; bottom: 10px; left: 87px; margin: 5px!important; float: left; } #index .indexWindow p span { font-size: 12px; font-weight: 600; color: #901711; } #index_prods { padding: 10px 0 0 0; background: url('http://s.cdn.nrholding.net/CZ10MA/gfx/bg_section.png') repeat-x; position: relative; } #index_prods a { text-decoration: none; } #index_prods .indexProd { margin: 0 1px 2px 0; text-align: center; position: relative; width: 188px; height: 174px; float: left; display: table-cell; vertical-align: middle; } #index_prods .indexProd span.index_prod_title { text-align: left; position: absolute; padding: 0 10px; top: 10px; display: block; } #index_prods .index_prod_price { font-size: 14px; position: absolute; bottom: 0; text-decoration: none; z-index: 9; width: 100px; left: 35px; background: #C00; background: rgba(204, 0, 0, 0.8); color: white; padding: 5px 10px; } #index_prods .line { width: 1px; height: 174px; overflow: hidden; float: left; background: url('../images/linie.jpg') 100% 50% no-repeat; } /* Cataloque List -------------------------------------------------------------------------------*/ #catalogueList { margin: 10px 0; width: 100%; 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: 0 0 10px 0; } #catalogueList .products .product { border-top: 1px dashed #e2e2e2; padding: 10px 0; text-align: center; width: 234px; 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 0; 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 { background: #E1F3F5; padding: 10px; } #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 0; 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: #ECEBEB } .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: #ECEBEB } .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 } .addthis_toolbox { margin: 20px 10px 10px 10px; } .fb-bottom { float: left; margin: 2px 0 0 0; } .tw-bottom { float: left; margin: 1px 0 0 -12px; } .one-plus-bottom { float: left; margin: 3px 0 0 15px; } .addthis_toolbox.addthis_32x32_style.addthis_default_style { float: right; margin: 30px 0 0 55px; } /* Basket -------------------------------------------------------------------------------*/ #content #basket { width: 100%; } #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: 100%; } /* Registration -------------------------------------------------------------------------------*/ #content #registration { width: 100%; } /* Login -------------------------------------------------------------------------------*/ #content #login { width: 100%; } /* Search -------------------------------------------------------------------------------*/ #content #search { width: 100%; } #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: 100%; } /* Orders -------------------------------------------------------------------------------*/ #content #orders { width: 100%; } /* Orders Show -------------------------------------------------------------------------------*/ #content #orderShow { width: 100%; } /* Comission -------------------------------------------------------------------------------*/ #content #comission { width: 100%; } /* Loyalty -------------------------------------------------------------------------------*/ #content #loyalty { padding: 20px 0; width: 100%; } #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: 100%; } /* Watchdog -------------------------------------------------------------------------------*/ #content #watchdog { width: 100%; } /* Contests -------------------------------------------------------------------------------*/ #content #contests { width: 100%; } #content #contests p { padding: 10px; } /* Article -------------------------------------------------------------------------------*/ #content #article { width: 100%; padding: 0 0 10px 0; } #content #article p { padding: 0 0 5px 0; } /* Advanced Help Desk -------------------------------------------------------------------------------*/ #content #advancedHelpDesk { width: 100%; padding: 20px 0; } /* Compare -------------------------------------------------------------------------------*/ #content #compare { width: 100%; } #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: 698px; display: inline; margin: 10px 0; padding: 10px; border: 1px solid #efefef; } .form fieldset.half { float: left; width: 335px; vertical-align: top; } .form fieldset.half_first { margin-right: 5px; } .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: 100%; border-bottom: 1px solid #efefef; margin: 10px 0} #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 { text-align: center; } input.style { border: 1px solid #b2b2b2; height: 20px; padding: 0 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 { -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; background: #f6f8f9; background: #f6f8f9; height: 300px; border: 1px solid #e1e1e1; overflow: hidden; width: 265px; float: left; } .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 10px 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: 170px; float: left; } .news-box .new span { float: left; } .news-box .new .new-intro { height: 48px; overflow: hidden; float: left; width: 250px; } .news-box .new .new-more { text-align: right; height: 20px; float: left; width: 240px; } .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; } .display_none { display: none; } #menu ul { margin: 0; padding: 0; } #menu .tree, #user-box .tree { position: absolute; top: 6px; left: 3px; height: 9px; width: 9px; background: url('http://www.potapeni-pro-radost.cz/wepp/templates/images/list-item.gif') 0 0 no-repeat transparent; } #menu .open { background-image: url('http://www.potapeni-pro-radost.cz/wepp/templates/images/list-item-orange.gif'); } #menu .empty { background-image: url('http://www.potapeni-pro-radost.cz/wepp/templates/images/list-item-gray.gif'); } #menu .polozka { display: block; border: 1px red solid;} #menu .text { display: block; border: 0px blue solid; width: 100%;} #menu .menu-filter .open { background-image: url('http://www.potapeni-pro-radost.cz/wepp/templates/images/list-item-yellow.gif'); } #menu .menu-filter .closed { background-image: url('http://www.potapeni-pro-radost.cz/wepp/templates/images/list-item-yellow.gif'); } #menu .menu-filter .empty, #user-box .empty { background-image: url('http://www.potapeni-pro-radost.cz/wepp/templates/images/list-item-dyellow.gif'); } #menu a.tree:hover, #menu a.tree:focus { background-image: url('http://www.potapeni-pro-radost.cz/wepp/templates/images/list-item-orange.gif'); } #menu a { text-decoration: none; } #menu h3 {color: #fff; margin: 0 0 1px 0; font-size: 13px; padding: 6px 13px 7px 13px; background: #cc0000; border: solid 2px #cc0000; } #menu h3.header_3 { background: #9dcd17; border: solid 2px #9dcd17; } #menu h3.header_2 { background: #c0397e; border: solid 2px #c0397e; } #menu h3.header_1 { background: #e87f19; border: solid 2px #e87f19; } #menu h3.header_4 { background: #f3ba00; border: solid 2px #f3ba00; } #menu h3.header_5 { background: #b82720; border: solid 2px #b82720; } #menu h3.p-0 a {color: #fff; font-size: 1.0em; padding: 3px 13px 4px 13px; background: none; } #menu h3.p-0 a:hover, #menu h3.p-0 a:focus {text-decoration: none; background-color: #cc0000; } #menu>ul {margin-bottom: 5px !important; } #menu ul, #menu li {padding: 0; margin: 0; } #menu li { background: none; border-top: solid 1px #fff; display: block; position: relative; } #menu a.menu_link {color: #3b3b3b; text-decoration: none; padding: 4px 15px 5px 15px; background: #ecebeb url('../gfx/ico_menu.gif') 300px 4px no-repeat; display: block; } #menu a:hover.menu_link, #menu a:focus.menu_link {text-decoration: underline; background-color: #e0dfdf; } /* 1. level */ #menu > ul > li.active > a.menu_link, #menu > ul > li > ul > li.active > a.menu_link {color: #fff; background: #3b3b3b url('../gfx/ico_menu.gif') 4px 4px no-repeat; } /* 2. level */ #menu li ul > li > a.menu_link {padding-left: 30px!important; background-color: #e1f3f5; } #menu > ul > li > ul > li.active > a.menu_link {background-color: #6ecbd5; background-position: -206px 4px; } #menu li ul > li > a:hover.menu_link, #menu li ul > li > a:focus.menu_link {background-color: #c9f1f5; } /* 3. level */ #menu li li ul > li a.menu_link {padding-left: 45px; background-color: #e1f3f5; } /* 4. level */ #menu li li li ul > li > a.menu_link {padding-left: 60px; background-color: #fff; } /* Footer */ #footer { margin: 0; padding: 10px 10px; position: relative; z-index: 1; width: 932px; background: url('../images/footer_bg.png') no-repeat top center; }