/* CSS Document */ html{ min-width: 1200px; } body{ text-align: center; font-family: 'Open Sans', sans-serif, arial; font-size: 12px; padding: 0px; margin: 0px; background-color: #fff; color: #303030; } body, form, input, select, p, pre, ul, ol, li, h1, h2, h3, h4, h5, h6, img, table, tr, td, th { font-family: 'Open Sans', sans-serif, arial; font-size: 12px; } table{ font-size: 13px; color: #303030; } a{ color: #2361FF; } a img{ border: none; } .kramek{ top: 36px; width: 1200px; margin-right: auto; margin-left: auto; text-align: left; overflow: hidden; } .levystred{ float: left; width: 750px; } .pravystred{ float: right; width: 840px; background-color: #fff; position: relative; top: 40px; } .infolinka{ position: absolute; left: 770px; top: 60px; background-image: url('tipnet-img/new/zena.jpg'); background-repeat: no-repeat; background-position: top left; text-align: right; font-weight: 800; height: 100px; width: 200px; padding-top: 30px; font-size: 13px; } .infolinka span{ color: #65A500; } .levy{ float: left; width: 300px; overflow: hidden; background-color: white; } .informace, .kontakt{ font-size: 11px; padding: 3px; overflow: hidden; } .pravy{ float: left; width: 184px; overflow: hidden; margin-top: -2px; } .stred{ top: -38px; position: relative; float: left; width: 840px; min-height: 500px; overflow: hidden; text-align: left; } .telo{ position: relative; width: 100%; background-color: white; margin-top: 0; padding: 0px; } .header{ width: 100%; position: absolute; top: -465px; .top: 0px; left: 0px; height: 465px; background-position: left top; background-repeat: no-repeat; _top: 43px; } .header, x:-moz-any-link{ margin-top: 0px; .margin-top: -508px; } .header{ position: absolute; left: 0px; top: 0 px; width: 100%; height: 36px; background-color: #333333; border: 0px; margin: 0px; } .greypas{ position: absolute; left: 0px; top: 0 px; width: 100%; height: 36px; background-color: #333333; z-index: -1; } .logo{ position: absolute; display: block; cursor: pointer; left: 20px; top: 68px; } .nazevkramku{ float: left; font-size: 20px; margin-left: 10px; font-weight: 800; margin-top: 2px; font-family: verdana; } .urlkramku{ float: right; font-size: 13px; margin-right: 10px; margin-top: 8px; } .urlkramku a{ color: ; text-decoration: none; } .nazevkramku a{ color: #091B67; text-decoration: none; } .paticka{ height: auto; display:block; background-color: none; clear: both; padding: 0px; height: 30px; background-repeat: no-repeat; } .boxhledani{ width: 350px; left: 356px; position: absolute; top: 80px; height: 30px; } #hledejid{ width: 276px; height: 38px; border: solid #C9C9C9 2px; border-right: none; background-color: white; background-image: none; margin-top: 4px; font-size: 16px; color: #333333; padding-left: 7px; } .bhledej{ background-image: url('tipnet-img/new/hledej.jpg'); width: 36px; height: 38px; _height: 38px; border: 0px; font-size: 0px; margin-left:-5px; padding-top:13px; background-repeat: no-repeat; } .boxlogin{ width: 720px; left: 350px; position: absolute; top: 470px; height: 30px; } .boxhledani select{ color: #091B67; display: none; visibility: hidden; } .bprihlas{ background-image: url('tipnet-img/button.gif'); height: 30px; margin-top: 0px; width: 20px; font-size: 0px; background-color: transparent; background-repeat: no-repeat; background-position: left top; cursor: pointer; line-height: 0px; color: white; border: none; padding: 0px; } .bprihlas{ margin-top: 8px; } .box{ margin: 2px; margin-top: 15px; text-align: center; } .boxkosik{ background-image: url('tipnet-img/new/kosik.jpg'); width: 227px; height: 56px; position: absolute; top: 0px; right: 0px; padding-right: 40px; background-repeat: no-repeat; line-height: 20px; text-align: right; padding-top: 7px; z-index: 1000; } .boxkosik a{ text-decoration: none; color: white; font-weight: 800; font-size: 12px; } .pravy .box{ border: none; } .boxheader{ padding-left: 10px; padding-top: 2px; padding-bottom: 2px; font-size: 16px; font-weight: 800; background-color: ; color: white; } ul.menu{ font-size: 16px; margin-left: -35px; margin-top: 0px; width: 300px; } .zbozi{ float: left; width: 240px; overflow: hidden; height: 237px; margin-right: 12px; margin-bottom: 8px; position: relative; } .zbozi h2{ font-size: 14px; height: 38px; overflow: hidden; text-align: left; margin: 0px; margin-top: 12px; } .zbozi h2 a{ color: #2361FF; text-decoration: underline; } .zbozi .popis{ text-align: center; text-align: justify; font-size: 10px; height: 138px; margin-left: 2px; margin-right: 2px; overflow: hidden; } .popis p{ margin-top: 10px; margin-bottom: 10px; margin-left: 0px; font-size: 12px; } .zbozi table.img{ height: 92px; width: 92px; overflow: hidden; border: solid #D7D7D7 1px; } .zbozi table.img td{ text-align: center; height: 90px; width: 90px; vertical-align: middle; margin: auto; overflow: hidden; background-color: white; } .zbozi .img img{ max-height: 90px; max-width: 90px; _height: 90px; _width: 90px; margin: auto; border: none; position: relative; } .zbozi .img{ float: left; display: block; } .zbozi .info{ float: left; width: 136px; text-align: left; margin-left: 5px; margin-bottom: 10px; margin-right: -30px; margin-top: -3px; padding: 0px; _height: 96px; } .zbozi .info td{ margin: 0px; padding: 0px; } .zbozi .info h2{ margin: 0px; display: block; text-align: left; color: #2361FF; font-size: 12px; border-bottom: 1px solid #DFDFDF; } .zbozi .info h2 a{ text-decoration: none; color: #2361FF; font-size: 8pt; font-family: 'Tahoma CE','Arial CE','Helvetica CE',Tahoma,Arial,lucida,sans-serif; } .zdetailnew-popiszbozi img{ max-width: 840px; } .zdetailnew-popiszbozi,.zdetailnew-popiszbozi span, .zdetailnew-popiszbozi p{ font-size: 14px !important; } .zbozi .cenapredslevou{ text-decoration: line-through; font-size: 10px; } .cenapredslevou{ text-decoration: line-through; font-weight: 300; font-size: 12px; color: #333333; } .cena, .usetrite{ font-weight: 800; } .usetrite, { color: black; font-size: 12px; } .cenausetrite{ color: black; font-weight: 800; font-size: 10px; } .cena{ font-size: 24px; font-weight: 300; color: #E10019; } .zbozi .data{ font-size: 9px; width: 100%; margin: 0px; color: #535353; width: 136px; } .zbozi .data td{ font-size: 9px; } .zbozidetail .data{ width: 524px; margin-right: -20px; } .zbozidetail .data th{ font-size: 12px; text-align: left; font-weight: 300; width: 100px; height: 16px; color: black; padding: 3px; padding-left: 15px; } .trcena{ background-color: #EFEFEF; padding-top: 5px; padding-bottom: 5px; } .zbozidetail .data td{ text-align: left; } .zbozi .pocetz{ width: 20px; text-align: right; margin-top: 5px; } .zbozidetail .pocetz, .zbozidetail .pocetz1{ border: solid #d4d4d4 1px; width: 40px; height: 26px; margin-left: 5px; margin-top: 7px; } .zbozidetail .pocetz1{ width: 20px; } /*.buy, .buy2{ float: right; margin-right: 44px; height: 32px; width: 98px; background-image: url('tipnet-img/new/do-kosiku.jpg'); color: white; border: none; font-weight: 800; background-repeat: no-repeat; padding-left: 30px; background-position: left top; background-color: transparent; cursor: pointer; font-size: 0px; margin-top: 20px; } .buy{ _margin-right: 27px; _margin-top: -2px; _margin-left: 5px; _float: right; } .buy2{ margin-top: 5px; background-image: url('tipnet-img/new/dokosiku2.jpg'); clear: both; margin-right: 10px; margin-bottom: 5px; display: inline-block; margin-left: 5px; height: 32px; }*/ .bdetail{ display: block; background-image: url('tipnet-img/zbozi/detail.gif'); width: 89px; height: 22px; font-size: 1px; float: left; margin-top: 20px; margin-left: 30px; } .clear{ clear: both; } .mena{ text-align: right; } .zbozi .cena{ font-weight: 800; font-size: 11px; color: #A6201D; } .zbozi .apopis{ text-decoration: none; color: #333; } .pravy .zbozi{ clear: both; height: 210px; } h1{ font-weight: 300; color: #e1001a; font-size: 14px; margin-top: 0px; font-weight: 800; padding-bottom: 4px; } .duvody{ margin-top: -5px; float: right; margin-right: 7px; } .name h3{ color: #e1001a; font-size: 12px; } .info h1{ margin-bottom: 2px; } .zbozidetail .info{ float: left; clear: right; margin-left: 14px; margin-top: 25px; } .vypiszbozi{ width: 760px; margin-bottom: 50px; } .zbozidetail .popis{ padding: 10px; border-top: 1px solid #C9C9C9; line-height: 16px; color: #666; padding-bottom: 40px; margin-top: -20px; } .zbozidetail .bigimg{ display: block; } .obrazky{ margin-top: -60px; position: absolute; } .obrazky a{ border: solid #d4d4d4 1px; display: block; width: 60px; height: 60px; margin: 10px; margin-right: 11px; margin-left: 0px; margin-bottom:0px; float: left; } .bigimgi{ _width: 190px; max-width: 190px; max-height: 190px; } .obrazky a:hover{ border: solid #ff5c00 1px; } .tsmimg td{ vertical-align: middle; } .tsmimg{ width: 60px; height: 60px; text-align: center; } div.novinky, div.akce{ width: 100%; clear: both; } .menup{ margin-top: 5px; margin-bottom: 0px; } .menup li{ margin-left: 10px; display: inline; color: #e1001a; } .menup li a{ color: #e1001a; text-decoration: none; font-weight: 800; } .copy{ display: block; float: right; color: white; font-weight: 800; margin-right: 15px; margin-top: -18px; text-decoration: none; margin-bottom: -20px; } .tablekosik{ width: 95%; color: #303030; } .tablekosik td.mena{ white-space: nowrap; text-align: right; } .tablekosik input{ width: 30px; text-align: right; } .tablekosik a{ color: #091B67; } .tablekosik td.cenacelkem{ font-size: 14px; font-weight: 800; text-align: right; padding-right: 20px; padding-left: 10px; white-space: nowrap; } .tablekosik tr{ border: solid #D6E1E9 1px; } .informacekosik{ margin: 10px; margin-left: 0px; } .informacekosik th{ text-align: left; width: 110px; background-color: white; font-weight: 300; } .informacekosik td, .informacekosik input{ width: 185px; } .informacekosik input{ height: 24px; padding: 2px; border: solid #rgb(102, 102, 102) 1px; } .infotext{ width: 400px; margin: 10px; height: 100px; border: solid #rgb(102, 102, 102) 1px; } .kosikdata{ width: 150px; height: 20px; font-size: 12px; line-height: 19px; position: absolute; right: 10px; top: 7px; } .kosikdata a{ font-size: 12px; color: black; padding-right: 15px; font-weight: 800; } .kosikdata .sdph{ margin-left: 0px; } .kosikdata span{ background-position: left center; background-image: url('tipnet-img/sipka.gif'); background-repeat: no-repeat; padding-left: 5px; } #kosikpocet, #kosikcena, .kc{ .font-size: 12px; .color: #333; } .kontakt{ margin: 3px; font-size: 12px; } .info .pocetz{ width: 40px; text-align: right; } .info, .info .data{ font-size: 12px; } .akcni, .novinka, .nove{ margin-left: 2px; font-weight: 800; color: green; } .akcni{ color: red; } .novinka{ color: blue; } #hlaska{ display: none; width: 200px; background-color: white; border: 4px rgb(0,51,153) dashed; z-index: 100; font-weight:800; padding: 15px; font-size: 25px; text-align: center; } .hlaska2{ opacity: 0.5; filter: alpha(opacity=50); -moz-opacity: 0.5; -khtml-opacity: 0.5; } .zbozi2{ position: relative; display: block; clear: both; overflow: hidden; margin-top: 20px; background-color: #e6e7e8; height: 153px; width: 558px; margin-left: 17px; } .zbozi2 .img{ display: block; float: left; width: 130px; margin: 13px; margin-right: 11px; overflow: hidden; } .zbozi2 .img td{ border: solid #ccc 1px; height: 124px; width: 124px; vertical-align: middle; background-color: white; text-align: center; overflow: hidden; } .zbozi2 .img img{ border: none; } .zbozi2 .popis2, .zbozi2 .popis{ width: 390px; float: left; overflow: hidden; margin-left: 4px; .margin-left: 8px; font-size: 12px; height: 74px; .height: 80px; padding-bottom: 5px; } .zbozi2 .popis{ width: 400px; } .zbozi2 .data{ font-size: 12px; width: 390px; height: 46px; font-weight: 800; margin-top: 0px; margin-left: 0px; padding: 0px; } .zbozi2 .data table{ font-size: 12px; color: bleck; font-weight: 800; } .zbozi2 .data .pocetz, .zbozi2 .data .pocetz1{ width: 45px; height: 25px; border: none; text-align: right; padding-right: 3px; margin-left:15px; } .zbozi2 .data .pocetz1{ width: 20px; margin-left:5px; margin-right:5px; } .stred .zbozi2 h2{ height: 20px; overflow: hidden; margin: 2px; text-align: left; margin-top: 13px; text-transform: uppercase; margin-left: 0px; color: #ff5c00; font-size: 13px; text-decoration: underline; font-weight: 800; padding: 0px; background-image: none; } .zbozi2 h2 a{ color: #ff5c00; text-decoration: underline; } .novisible{ visibility: hidden; display: none; } .sdph{ margin: 0px; color: black; font-size: 13px; line-height: 28px; } span.kc{ color: #03b4ce; margin-left: 0px; } .chatbutton{ height: 32px; width: 142px; background-image: url('sourceimg/chat.jpg'); position: absolute; right: 5px; top: 37px; cursor: pointer; display: none; visibility: hidden; } .headermenu ul{ margin: 0px; margin-top: 5px; margin-left: 0px; padding: 0px; } .headermenu ul li{ display: inline; background-image: url('tipnet-img/new/topmenu.gif'); background-repeat: no-repeat; line-height: 25px; margin: 5px; padding-left: 10px; position: relative; } .headermenu ul li a{ color: white; text-decoration: none; font-size: 11px; } .headermenu ul li.headermenufirst{ background-image: none; } .buttonakce{ height: 59px; width: 220px; .width: 240px; background-image: url('sourceimg/menu-akce.jpg'); display: block; text-align: left; color: white; font-size: 16px; font-weight: 800; line-height: 59px; text-decoration: none; padding-left: 20px; margin-top: 2px; } /*..boxmenu{ background-color: #efefef; margin-top: 2px; margin-left: 12px; width: 300px; } .boxmenu .boxheader{ background-image: url('sourceimg/menu-top-roh.jpg'); height: 16px; background-color: #73daf8; background-repeat: no-repeat; background-position: left top; } .boxmenu{ margin-bottom: 20px; } .boxmenu ul{ list-style-type: none; } lihl1{ margin-left:-5px; } .lihl1 a{ font-family: arial; font-size: 11px; color: #364047; font-weight: 750; display: block; background-repeat: no-repeat; background-position: 175px center; text-decoration: none; border-bottom: 2px solid white; padding-left: 10px; padding-top: 5px; padding-bottom: 5px; text-transform: uppercase; white-space: nowrap; background:#e8eff4; } .lihl1 a:hover{ color:#e2001a; } ul.ulhl2{ list-style-type: none; } ul.ulhl2 .lihl2{ } .lihl2 a{ background: #b5bfc6; color: black; text-decoration: none; font-size:11px; font-weight: 750; display: block; width: 100%; margin-bottom:2px; padding: 5px 0px; padding-left:15px; text-transform: lowercase; } .liul{ background: white; margin-left:-10px; padding:0; padding-bottom:1px; } .lihl2 a:hover{ color:#e2001a; } .lihl2 a:first-letter, .podmenu .lihl2 a:first-letter{ text-transform: uppercase; } .ulhl3{ display: none; } */ .centermenu{ height: 120px; width: 584px; background-image: url('sourceimg/orange-menu.jpg'); background-repeat: no-repeat; margin: -8px; margin-top: -10px; position: relative; margin-bottom: 15px; } .buttoncenter{ display: block; position:absolute; height: 120px; width: 190px; padding: 20px; color: white; font-size: 18px; font-weight: 18px; text-decoration: none; font-weight: 800; } #bc1{ left: 0px; } #bc2{ left: 210px; } #bc3{ left: 400px; } .predel{ border:none; border-top:solid 1px #D7D7D7; margin-top: 16px; margin-bottom: 0px; width: 740px; margin-right: 10px; } .cena{ color: #A6201D; } .vyrobce{ color: #2361FF; } .zbozihr{ color: #DFDFDF; background-color: #DFDFDF; height: 1px; width: 340px; } .obrdoprava{ float: right; margin-top: -1px; margin-bottom: -1px; } .headerakce{ background-image: url('sourceimg/menu-right.jpg'); background-color: white; width: 147px; height: 40px; background-repeat: no-repeat; font-size: 13px; padding-top: 10px; } .zcislo1{ background-image: url('sourceimg/right-menu-toproh.jpg'); background-position: top right; background-repeat: no-repeat; } .zcislo4{ background-image: url('sourceimg/right-bottom-menu.jpg'); background-position: left bottom; background-repeat: no-repeat; } .strankovani2{ margin-top: 15px; height: 80px; } .strankuj, .stranka-tecky { background-color: #e8eff4; width: 30px; display: inline-block; padding: 6px 0; text-align: center; font-family: 'Open Sans', sans-serif, arial; font-size: 14px; text-decoration: none; color: #364047; font-weight: 800; } .stranka-aktualni { background-color: #364047; width: 30px; display: inline-block; padding: 6px 0; text-align: center; font-family: 'Open Sans', sans-serif, arial; font-size: 14px; text-decoration: none; color: #e8eff4; font-weight: 800; } .stranky1{ background-color: #fff; float: right; text-align: right; } .str-dalsi{ width: 30px; display: inline-block; padding: 6px 0; text-align: center; font-family: 'Open Sans', sans-serif, arial; font-size: 14px; text-decoration: none; background-color: #21272d; color: #fff; font-weight: 800; } .str-zpet{ width: 30px; display: inline-block; padding: 6px 0; text-align: center; font-family: 'Open Sans', sans-serif, arial; font-size: 14px; text-decoration: none; background-color: #21272d; color: #fff; font-weight: 800; } .aktualnist1{ width: 25px; float: left; font-size: 12px; } .stred p{ text-align: justify; } table.zbimg{ width: 198px; height: 198px; border: solid #C9C9C9 1px; float: left; overflow: hidden; margin-top: 30px; } table.zbimg td{ vertical-align: center; text-align: center; } table.data{ margin-left: 20px; font-size: 10px; } table.data td{ margin: 0px; font-size: 12px; } table.data th{ font-weight: 300; font-size: 12px; } .zboziinformace{ background-repeat: no-repeat; position: relative; .height: 139px; } .infomenu{ list-style-type: none; margin-left: -28px; clear: both; background-image: url('tipnet-img/zbozi/zalozky.gif'); background-repeat: repeat-x; display: block; } .infomenu li{ float: left; font-weight: 800; padding-top: 7px; width: 130px; margin-right: 10px; margin-top: 14px; color: #2361FF; cursor: pointer; font-size: 14px; border: none; background-color: #EFEFEF; height: 23px; text-align:center; } li.infoli{ color: black; background-color: white; border-bottom: inherit; height: 23px; border-right: 1px solid #C9C9C9; border-top: 1px solid #C9C9C9; border-left: 1px solid #C9C9C9; } .zboziinformace .popis{ clear: both; margin-top: -2px; padding-right: 20px; padding-left: 20px; margin-bottom: 200px; } .zboziinformace .popis h2{ margin-left: 0px; font-size: 16px; color: #E10019; } .zboziinformace .popis h3{ font-size: 13px; } .code{ display: none; visibility: hidden; } .dotaz th{ width: 50px; vertical-align: top; } .dotaz textarea { width: 400px; height: 100px; } .dotaz input{ width: 200px; } .dotaz th{ text-align: right; } input.vlozit_button{ background-image: url(sourceimg/clear-button.jpg); width: 115px; height: 28px; border: 0px; text-align: center; font-size: 16px; color: white; font-weight: 800; cursor: pointer; } #info2,#info3,#info4{ display: none; } .dotaz th{ font-size: 13px; font-weight: 800; } h3{ font-size: 13px; font-weight: 800; } div.zlutybox{ background-image: url('sourceimg/zluta-background.jpg'); height: 39px; width: 559px; background-repeat: no-repeat; overflow: hidden; text-align: center; padding-top: 8px; } div.zlutybox p{ margin: 0px; } .tablekosik{ border-collapse: collapse; } .tablekosik tr{ border-bottom:2px solid #fff; } .tablekosik th, .trth{ background-color: #73daf8; border-color: #73daf8; padding: 6px; white-space: nowrap; font-size: 13px; font-weight: 800; } .tablekosik tr{ background-color: #e8e9ea; } .tablekosik tr{ margin-top: 2px; } tr.kosikcelkem, tr.kosikcelkem td { padding:6px; background-color: #ff5c00; color: white; font-weight: 800; padding-left: 40px; font-size: 13px; } .tablekosik a{ color: #ff5c00; font-size: 13px; } .tablekosik a.kosikodeber{ display: block; line-height: 10px; margin: 3px; margin-left: 10px; margin-right: 10px; } .tablekosik button{ display: inline-block; background-image: url('sourceimg/reload.jpg'); height: 28px; width: 16px; font-size: 0px; border: none; padding: 0px; margin-left: 4px; background-repeat: no-repeat; cursor: pointer; background-position: center top; } .tablekosik input{ margin-top: 5px; padding-right: 4px; border:solid #d4d4d4 1px; height: 24px; width:40px; } .kosiknazev{ text-align: left; padding-left: 40px; } .kosikpocet{ white-space: nowrap; } .stred h2{ color: #e1001a; font-size: 12px; font-weight: 800; } h2.h2akce{ color: #E10019; background-image: url('tipnet-img/new/tip.gif'); background-repeat: no-repeat; padding-left: 25px; height: 20px; line-height: 22px; font-size: 16px; font-family: arial, sans-serif; } .tablekosikpozn{ text-align: right; font-style: italic; } #dodaciadr{ display: none; } .buttonobjednat{ width: 251px; height: 28px; background-image: url('sourceimg/button-big.jpg'); color: white; text-align: center; display: block; border: none; font-weight: 800; cursor: pointer; } .kosikstred{ margin-left: 15px; } .img a{ text-decoration: none; } .slevaobr{ display: block; position: absolute; background-image: url('sourceimg/akce.png'); width: 70px; height: 31px; top: 26px; left: 0px; color: black; text-decoration: none; font-weight: 100; padding-left: 10px; background-repeat: no-repeat; text-align: left; font-size: 11px; padding-top: 2px; } .slevaobr strong{ font-weight: 800; font-size: 12px; } .ulhl2{ padding-top: 0px; margin-top:0px; .margin-top:-10px; } a.podkat1, a.podkat0{ display: block; background-repeat: no-repeat; background-position: left 1px; line-height: 14px; font-size: 11px; position: relative; font-weight:300; color: #2361FF; } a.podkat1:hover, a.podkat0:hover{ color: #2361FF; text-decoration: none; } .katpodkat{ display: block; margin-bottom: 16px; position: relative; float: left; width: 230px; margin-left: -20px; list-style-type: square; } .warr{ color: red; font-weight: 800; } .nobold{ font-weight: 300; } .topmenu li{ display: block; float: left; background-image: url('tipnet-img/new/menubox.jpg'); background-repeat: no-repeat; height: 122px; margin: 0 2px 2px 0; padding: 16px 16px 0; position: relative; text-align: left; width: 158px; _width: 190px; _height: 138px; } .topmenu{ display: block; margin-top: 160px; left: 0px; height: 296px; margin-left: -35px; margin-right: -60px; background-color: white; padding: 7px; padding-top: 3px; _width: 1090px; _height: 308px; _padding-top: 12px; _z-index: -1; } .topmenu a{ display: block; font-size: 16px; font-weight: 800; height: 40px; color: black; text-decoration: none; padding-right: 45px; letter-spacing: -0.5px; } .topmenu a img{ position: absolute; right: 10px; top: 14px; } .topmenu div{ margin-top: 12px; font-size: 12px; color: #333333; font-weight: 300; } .inputlogin, .inputheslo{ float: left; } .boxhledani form{ float: left; } .inputlogin, .inputheslo{ color: #BBBBBB; font-size: 14px; border: none; margin-top:6px; width: 184px; background-repeat: no-repeat; padding-left: 5px; height: 22px; } .inputhledej{ background-image: url('tipnet-img/hledat.gif'); _padding-top: 8px; } .inputlogin{ padding-left: 20px; background-image: url('tipnet-img/login.gif'); } .inputheslo{ padding-left: 20px; background-image: url('tipnet-img/pass.gif'); } .novareg{ background-image: url('tipnet-img/sipka.gif'); background-repeat: no-repeat; padding-left: 10px; line-height: 20px; background-position: left center; display: block; position: absolute; top: 7px; right: 200px; } .levynadpis{ font-size: 16px; color: #e1001a; border-bottom: solid #e1001a 1px; padding-left: 20px; font-weight: 800; } .pravynadpis{ font-size: 14px; color: #e1001a; border-bottom: solid #e1001a 1px; padding-left: 10px; font-weight: 800; } .katstrom{ margin-top: 15px; text-align: left; } .katstrom a{ color: #000; font-family: 'Open Sans', sans-serif, arial; font-weight: 100; font-size: 12px; text-decoration: none; bottom: 1px; position: relative; } .katstrom .domecek { position: relative; top: 3px; } a.hlstrom{ color: #535353; } #hint { position: absolute; z-index: 10; top: 42px; _margin-left: -312px; } #hint table{ width: 150px; text-align: center; border: solid #999 1px; } .suggest { background-color: white; text-align: center; cursor: pointer; } .suggest a{ display: block; height:15px; } .suggest a:hover{ background-color: #e2001a; cursor: pointer;color:white;} .suggest a img{border: solid white 1px; } .zvyraznit{ font-weight: 800; font-size: 11px; } .sugesttext{ color:#333; padding: 5px; padding-left: 15px; padding-right: 15px; text-align: left; white-space: nowrap; font-size: 12px; } .suggobr{ text-align: center; background-color: white; } .suggobr img{ height: 24px; overflow: hidden; } .sugesttext a{ color:#333; } .sugkat{ background-color: #c9c9c9; padding: 2px; font-size: 13px; font-weight: bold; text-align: right; font-weight: 800; padding-right: 20px; text-transform: uppercase; } .box a{ text-decoration: none; } .skladem{ color: #03AB03; font-size: 11px; font-weight: 800; } div.popiszb{ height: 26px; overflow: hidden; clear: both; color: black; padding: 2px; padding-top: 12px; padding-bottom: 3px; margin-top: 12px; text-align: justify; line-height: 16px; _padding-top: 0px; _height: 30px; } h1.clanek{ color: #e1001a; border-bottom:1px solid #e1001a; } .headermenu ul li:hover ul{ display: block; } ul.submenu{ background: none repeat scroll 0 0 #DDDDDD; border: 1px solid black; display: none; left: 0; opacity: 0.9; padding: 0; position: absolute; top: 10px; width: 150px; } .headermenu ul.submenu{ list-style-type: none; } .headermenu .submenu li{ margin: 0px; padding: 0px; display: block; } .submenu li a { color: black; display: block; font-size: 9px; font-weight: normal; margin: 0; padding: 3px 0; text-indent: 3px; width: 100%; } .submenu li a:hover { background: none repeat scroll 0 0 #666666; color: white; } h1.kat{ color: #364047; font-weight: 300; font-size: 24px; font-weight: 800; font-family: 'Open Sans', sans-serif, arial; margin-top: 24px; width: 750px; } .kosikdarek{ color: #FF5C00; font-size: 13px; font-weight: 800; } .kosiktext{ color: #FF5C00; font-size: 13px; font-weight: 800; } #kosikkc{ .background-image: none; .padding-left: 0px; } .textdarek{ font-size: 12px; overflow: hidden; } .imgdarek{ width: 80px; } .dareknadpis{ color: #03AB03; } .zbozidetail h1, .zbozidetail h2{ } .zbozidetail h1{ margin-top: 10px; } /*texty*/ .popis{ font-size: 12px; } .popis div{ margin-top: 10px; margin-bottom: 10px; } .tabledarek{ margin-top: 0px; display: block; _float: left; background-color: #BDD0FF; _margin-left: -5px; _width: 697px; overflow: hidden; } .heurekabox{ background-color: white; text-align: center; padding: 20px; } .in{ width: 500px; float: left; overflow: hidden; _width: 500px; } .stred #darekbox h2 span{ text-decoration: underline; color: #2361FF; cursor: pointer; font-weight: 800; } .stred #darekbox h2 b{ font-weight: 800; } .stred #darekbox h2{ color: black; font-size: 14px; margin-top: 4px; font-weight: 300; } #darekbox{ background-color: #BDD0FF; height: 29px; margin-left: 33px; margin-top: 21px; overflow: hidden; position: relative; display: block; padding-left: 5px; } .darekdetail{ position: absolute; z-index: 100; margin-top: -10px; _margin-top: -13px; } li.elektro{ background-image: url('tipnet-img/new/elektro.jpg'); } li.audio{ background-image: url('tipnet-img/new/audio.jpg'); } li.kancelar{ background-image: url('tipnet-img/new/kancelar.gif'); } li.zahrada{ background-image: url('tipnet-img/new/zahrada.jpg'); } li.zahrada{ background-image: url('tipnet-img/new/zahrada.jpg'); } li.zahrada{ background-image: url('tipnet-img/new/zahrada.jpg'); } li.bazeny{ background-image: url('tipnet-img/new/bazeny.jpg'); } li.hracky{ background-image: url('tipnet-img/new/hracky.jpg'); } li.speciality{ background-image: url('tipnet-img/new/best.jpg'); } li.domacnost{ background-image: url('tipnet-img/new/domacnost.jpg'); } li.sport{ background-image: url('tipnet-img/new/sport.jpg'); } li.zdravi{ background-image: url('tipnet-img/new/zdravi.gif'); } li.hracky a, li.bazeny a{ height: 24px; } .certifikatuvod{ height: 180px; margin: 30px; margin-top: 0px; } .in p{ font-size: 12px; margin-top: 5px; } .selectvarianta{ height: 26px; font-size: 12px; color: #333333; border: solid #C9C9C9 1px; margin-top:-2px; } div.icoihned{ background-position: left center; background-image: url('tipnet-img/ihned.png'); width: 85px; height: 85px; position: absolute; } /*.vyprodejli a{ color: black; font-size: 12px; background: url('sourceimg/design/kat-bg-2.png') 5px -3px; } .nadkat a{ color: black; font-weight: bold; font-size: 12px; background: url('sourceimg/design/kat-bg.png') 5px -3px; }*/ /*texty*/ #ulozenkakosik{ margin-left: 15px; } .ulozenkapobocka{ margin-left: 28px; } a.katneaktivni{ color: #aaa; docoration: none; } .katfiltr{ background-color: #F6F6F6; border: 1px solid #CBCBCB; padding: 5px; } /*Splátková kalkulačka*/ .cet-kalkulacka{ font-weight:bold; padding-top: 10px; text-decoration:underline; display:block; } .cet-banner{ vertical-align: middle; } .cet-info{ font-weight:800; display:block; position:absolute; margin-top:38px; margin-left:45px; } .ui-tooltip { padding: 5px 10px; color: rgb(255,81,0); border-radius: 10px; box-shadow: 0 0 3px black; min-width:120px; } /* .pridani-do-kosiku{ display: block; position:relative; width:515px; height: 250px; margin:0 auto; background:url("sourceimg/design/pridani-bg.png") repeat-x; border-top-left-radius:15px; border-bottom-right-radius:15px; } .pridani-do-kosiku img{ margin-left:34px; margin-top:0px; width:446px; height: 69px; } .pridani-do-kosiku h2{ display: block; width:100%; font-size:20px; color: #2361FF; text-align:center; } .pridani-do-kosiku-box-text{ display:block; width:450px; margin-left:27px; margin-top:15px; margin-bottom:90px; position:relative; height:auto; background:none; text-align:center; } .pridani-do-kosiku-box-text-img{ display:block; float:left; width:20%; background:none; height:70px; } .pridani-do-kosiku-box-text-img img{ width:40px; height:40px; margin:0px; vertical-align:middle; } .pridani-do-kosiku-box-text-zbozi{ display:block; float:left; width:45%; background:none; font-size:15px; height:70px; font-weight:bold; padding-right:10px; } .pridani-do-kosiku-box-text-mnozstvi{ display:block; float:left; width:10%; background:none; font-size:13px; height:70px; } .pridani-do-kosiku-box-text-cena{ display:block; float:left; width:20%; background:none; font-size:16px; height:70px; color:#03b4ce; font-weight:bold; } .pridani-do-kosiku-box-a{ display:block; width:515px; position:relative; height:auto; background:none; text-align:center; } .pridani-do-kosiku-box-a-left{ display:block; float:left; width:150px; height:40px; line-height:40px; background:#A6A6A6; color:white; border-top-left-radius:15px; border-bottom-right-radius:15px; margin-left:70px; text-decoration:none; font-size:18px; } .pridani-do-kosiku-box-a-right{ display:block; float:left; width:150px; height:40px; line-height:40px; background:#a1cf00; color:white; border-top-left-radius:15px; border-bottom-right-radius:15px; margin-left:70px; text-decoration:none; font-size:18px; } */ .jezdici-duvody{ display:block; position:absolute; width: 237px; height: 371px; left:-19100px; top:-20000px; background: url(sourceimg/design/duvody.png) no-repeat; } .bottom-new{ width:100%; height: 170px; background:#d7d7d7; margin:15px 0px; } .bottom-new-logo{ display:block; width:300px; height:165px; background:url("sourceimg/design/logo.png") no-repeat 50px 45px; float:left; margin-top:5px; } .bottom-logo-new-tipnet{ display:block; position:relative; width:235px; height:55px; background:none; top:40px; left:25px; } .bottom-logo-new-fb{ display:block; width:60px; height:60px; background:none; margin-left: 70px; } .bottom-new-kontakt{ display:block; width:160px; height:130px; margin-top:20px; background:none; float:left; border-right: 2px solid #A5A5A5; } .bottom-new-kontakt:last-child{ border: none; } .bottom-new-kontakt h2{ display:block; margin-top:35px; margin-bottom:20px; margin-left:20px; color:black; font-size:15px; } .bottom-new-kontakt a{ display:block; margin-left:20px; text-decoration:none; text-align:left; color:#2361ff; line-height:0px; } .bottom-new-kontakt a:hover{ text-decoration:underline; } .bottom-copyright{ width:250px; height:20px; background:white; display:block; position:relative; top:145px; left:34px; color:black; border-radius:10px } .filtr-zrus{background:url("sourceimg/design/filtr2.png") top left no-repeat; border:none; width:61px; height:20px; padding: 0px; padding-right: 5px; color:white; cursor:pointer;} .filtr-start{background:url("sourceimg/design/filtr1.png") top left no-repeat; border:none; width:50px; height:20px; padding: 0px; padding-right: 5px; color:white; cursor:pointer;} .boxmenu { position: relative; padding-top: 1px; } .boxmenu li, .boxmenu ul { list-style-type: none; white-space: nowrap; } .boxmenu li a { font-family: 'Open Sans', sans-serif, arial; font-size: 15px; font-weight: 800; display: block; position: relative; height: 16px; width: 240px; padding: 10px 20px 14px 40px; text-decoration: none; background-repeat: no-repeat; background-position: 20px center; } .boxmenu li a.red{ color: #E32D31; } li.nadkat { display: none; } .lihl1 a{ background-color: #e8eff4; color: #364047; margin-top: 2px; left: -5px; } .lihl2 a{ background-color: #b5bfc6; color: #364047; left: -10px; } .lihl3 a{ background-color: #677480; color: #fff; left: -15px; padding-left: 55px; } .lihl1.active .menuarrow{ content: 'x'; background: url('sourceimg/menuarrow1.png') no-repeat; position: absolute; right: 10px; bottom: -10px; z-index: 99; display: block; width: 20px; height: 10px; } .lihl2.active .menuarrow{ content: 'x'; background: url('sourceimg/menuarrow2.png') no-repeat; position: absolute; right: 10px; bottom: -10px; z-index: 99; display: block; width: 20px; height: 10px; } .lihl3.active .menuarrow{ content: 'x'; background: url('sourceimg/menuarrow3.png') no-repeat; position: absolute; right: 10px; bottom: -10px; z-index: 99; display: block; width: 20px; height: 10px; } .lihl4 a{ background-color: #364047; color: #fff; left: -20px; padding-left: 70px; } .lihl1.active:not(.podmenu) a,.lihl2.active:not(.podmenu) a,.lihl3.active:not(.podmenu) a,.lihl4.active a{ background-color: #e1001a; color: #fff; } @-moz-document url-prefix() { .menu .menu .liul ul.menu{ margin-top:-16px; } } .vyprodejli a, .akceli a, .bazarli a{ background-color: #e8eff4; color: #e1001a; } span.tecka { display: inline-block; background: url('sourceimg/tecka.png') no-repeat left center; width: 15px; height: 11px; } span.tecky { display: inline-block; background: url('sourceimg/tecky.png') no-repeat left center; width: 30px; height: 11px; } .boxmenu { margin-bottom: 32px; } .navsipka { position: relative; bottom: -1.4px; padding: 0 5px; } .vyhodytab { width: 840px; margin-top: 20px; } .vyhodytab td { border-left: 1px solid #364047; padding: 0 10px; } .vyhodytab td:last-child { border-right: 1px solid #364047; } .vyhoda-imgobal { display: inline-block; top: 3px; position: relative; padding-left: 8px; } .vyhoda-textobal { display: inline-block; padding-left: 16px; } .vyhodytab p, .vyhodytab strong{ font-family: 'Open Sans', sans-serif, arial; font-size: 12px; } .vyhodytab strong{ font-size: 14px; text-transform: uppercase; font-weight: bold; } .podkat-frame { text-decoration: none; display: inline-block; margin: 0px 9px 9px 0; width: 160px; position: relative; height: 160px; } .podkat-frame > div{ display: block; border: 1px solid #d3dde3; width: 130px; height: 130px; padding: 15px; padding-top: 5px; } .podkat-frame .img{ display: block; width: 90px; height: 90px; margin: auto; display: flex; align-items: center; position: relative; } .podkat-frame .img img{ display: block; max-width: 90px; max-height: 90px; margin: auto; } .podkat-frame span { position: relative; display: inline-block; font-family: 'Open Sans', sans-serif, arial; font-size: 16px; line-height: 16px; color: #364047; text-align: center; width: 130px; height: 50px; background: url('sourceimg/podkatarrow.png') no-repeat center 40px; background-size: 12px 8px; } .vicekat-button, .menekat-button { background-color: #e8eff4; cursor: pointer; } .vicekat-button span, .menekat-button span { background: none; } .vicekat-button .plus, .menekat-button .minus { display: block; margin: 35px auto 28px auto; padding: 6px; background-color: #b5bfc6; color: #e1001a; border-radius: 20px; height: 24px; width: 24px; font-weight: 800; font-size: 24px; line-height: 24px; text-align: center; vertical-align: middle; } .vypiszbozi table { position: relative; right: 29px; display: block; } .vypiszbozi table tr td { padding-left: 29px; } .zbozinew { width: 260px; display: block; padding-top: 5px; height: 576px; margin-left: auto; } .zbozinew:hover { background: url('sourceimg/zbozi-hover.png') no-repeat; } .zbozinew h2 a{ font-family: 'Open Sans', sans-serif, arial; font-size: 15px; font-weight: 800; color: #364047; text-decoration: none; text-align: center; width: 240px; margin: 15px auto 10px auto; padding: 0 10px; height: 60px; display: flex; align-items: center; } .zbozinew h2 { margin: 0; } .zbozinew-img { width: 260px; height: 260px; display: block; margin: auto; border: 1px solid #d3dde3; display: flex; align-items: center; position: relative; } .zbozinew-img img{ display: block; max-width: 200px; max-height: 200px; margin: auto; } .zbozinew:hover .zbozinew-img img{ max-width: 240px; max-height: 240px; } .zbozinew-ikony { position: absolute; height: 100px; } .ikona { display: block; z-index: 10; background-repeat: no-repeat; position: relative; width: 60px; height: 40px; font-size: 0; margin: 5px; } .darek{ background: url('sourceimg/ikona-darek.png');} .zvyhodnenadoprava{ background: url('sourceimg/ikona-doprava.png');} .dopravazdarma{ background: url('sourceimg/ikona-doprava.png');} .ikona.sleva{ color: #C83536; font-size: 40px; float: right; margin-left: 205px; font-weight: 800; top: 0px; position: absolute;} /* .ikona.sleva{ animation: blinker 4s linear infinite; } @keyframes blinker { 50% { opacity: 0; } } */ .novinka{ height: 40px; width: 40px; border-radius: 30px; background-color: green; color: white; font-size: 13px; line-height: 40px; text-align: center; left: 160px; top: 6px; position: absolute; } .ikonadetailnovinka{ /* height: 20px; */ background-color: green; color: white; /* padding: 5px; */ display: inline-block; margin-top: -53px; /* margin-bottom: 10px; */ height: 60px; font-weight: 800; line-height: 60px; vertical-align: middle; /* float: left; */ /* width: 90px; */ /* text-align: center; */ font-size: 14; padding-left: 16px; padding-right: 14px; } .zbozinew-popis { font-family: 'Open Sans', sans-serif, arial; font-size: 14px; font-weight: normal; width: 240px; margin:15px 10px; text-align: center; height: 60px; overflow:hidden; } .zbozinew-cena { font-family: 'Open Sans', sans-serif, arial; font-size: 25px; font-weight: 800; color: #364047; width: 100%; text-align: center; } .zbozinew-cenavip{ font-family: 'Open Sans', sans-serif, arial; font-size: 22px; font-weight: 800; color: #e1001a; margin-top: -13px; line-height: 24px; width: 100%; text-align: center; } .zbozinew-sklad span.skladem{ font-family: 'Open Sans', sans-serif, arial; font-size: 13px; font-weight: normal; width: 100%; text-align: center; display: block; margin: 10px 0; color: #00d02c; } .zbozinew-sklad span.neniskladem{ font-family: 'Open Sans', sans-serif, arial; font-size: 13px; font-weight: normal; width: 100%; text-align: center; display: block; margin: 10px 0; color: #364047; } .zbozinew-buy { padding: 8px 14px; border: 0; font-family: 'Open Sans', sans-serif, arial; font-size: 15px; margin: 5px auto; display: block; color: #fff; text-transform: uppercase; background: url(sourceimg/koupit-arrow-right.png) #00d02c no-repeat 90% 50%; width: 120px; text-align: left; } .zbozinew-moreinfo { padding: 8px 14px; border: 0; font-family: 'Open Sans', sans-serif, arial; font-size: 15px; margin: 5px auto; display: block; color: #fff; text-transform: uppercase; background: url(sourceimg/koupit-arrow-right.png) #364047 no-repeat 92% 50%; width: 130px; text-align: left; text-decoration: none; } .footer1 { font-family: 'Open Sans', sans-serif, arial; width: 100%; height: 215px; background-color: #364047; padding: 40px 0; position: relative; min-width: 1240px; } .footer1 table { margin: 0 auto; } .footer1 h2 { font-family: 'Open Sans', sans-serif, arial; font-size: 20px; font-weight: 800; color: #fff; text-align: left; padding: 0; margin-top: 0; } .footer1 a { display: block; color: #fff; font-family: 'Open Sans', sans-serif, arial; font-size: 14px; text-align: left; text-decoration: none; text-transform: uppercase; font-weight: 300; line-height: 28px; } .footer1 th { display: inline-block; width: 360px; padding-left: 40px; } .footer1 td { display: inline-block; vertical-align: top; width: 360px; color: #fff; font-family: 'Open Sans', sans-serif, arial; font-size: 14px; font-weight: 300; line-height: 28px; padding-left: 40px; } .footer1 tr td:not(:last-child), .footer1 tr th:not(:last-child) { border-right: 1px solid #5b6b75; } .footer1 tr td:first-child, .footer1 tr th:first-child { border-left: 1px solid #5b6b75; } .footer1-ikona { position: relative; top: 8px; padding-right: 10px; } .footer1-fb { position: relative; left: 300px; top: -25px; width: 35px; } .footer2 { width: 100%; height: 150px; background-color: #e8eff4; position: relative; } .footer2 .footer2-content { width: 1200px; margin: 0 auto; } .footer2-heureka { /*float: left; */ margin-top: 20px; margin-left: 20px; } .footer2-karty { float: right; margin-top: 40px; padding: 20px 10px; } .footer2-copy { font-family: 'Open Sans', sans-serif, arial; font-size: 12px; display: block; margin-top: 20px; } .akcekat { margin-bottom: 20px; } .radyatipy { background-color: #e8eff4; width: 100%; margin-bottom: 40px; padding: 40px; padding-top: 30px; } .radyatipy h2 { font-weight: 800; font-family: 'Open Sans', sans-serif, arial; font-size: 25px; font-weight: 800; color: #364047; margin: 0px; } .radyatipy .clanek h3,.radyatipy .clanek h3 a { font-weight: 800; font-family: 'Open Sans', sans-serif, arial; font-size: 15px; font-weight: 800; color: #e1001a; } .radyatipy .clanek img { max-width: 150px; max-height: 100px; margin-right: 22px; } .radyatipy .clanek p { font-family: 'Open Sans', sans-serif, arial; font-size: 14px; display: inline-block; width: 190px; color: #364047; } .radyatipy .clanek { width: 365px; display: inline-block; padding: 15px; left: -15px; position: relative; margin: 0; } .vypsat-dalsi { background: url(sourceimg/button-arrow-down.png) #e1001a no-repeat 90% 55%; font-family: 'Open Sans', sans-serif, arial; font-size: 15px; color: #fff; width: 170px; padding: 12px; text-transform: uppercase; border: 0; margin: 25px auto 0 auto; display: block; text-align: left; } .proslov { width: 100%; margin-bottom: 80px; } .proslov h2 { font-weight: 800; font-family: 'Open Sans', sans-serif, arial; font-size: 25px; color: #364047; margin-top: 0; padding-top: 0; } .proslov p { font-family: 'Open Sans', sans-serif, arial; font-size: 14px; color: #364047; } .banner-sleva { top: 0px; z-index: 100; position: relative; } .zdetailnew-main { width: 100%; display: flex; position: relative; } .zdetailnew-img { width: 480px; height: 480px; border: 1px solid #d3dde3; } .zdetailnew-info { width: 320px; min-height: 480px; margin-left: auto; } .zdetailnew-imgikony { position: absolute; left: 0; top: 0; } .zdetailnew-imgikony img:not(:last-child) { padding-right: 5.5px; } .zdetailnew-imgikony img:last-child { padding-left: 1px; } .zdetailnew-img { position: relative; } .zdetailnew-img img{ max-width: 400px; max-height: 400px; position: absolute; margin: auto; top: 0; left: 0; right: 0; bottom: 0; } .zdetailnew-info table { width: 100%; } .zdetailnew-info table td { color: #364047; font-family: 'Open Sans', sans-serif, arial; font-size: 14px; } .zdetailnew-info table .green { color: #00d02c; } .zdetailnew-info .dopravazdarma, .zdetailnew-info .odlozenaplatba { color: #00d02c; padding: 10px 20px 10px 80px; font-family: 'Open Sans', sans-serif, arial; font-size: 16px; font-weight: 800; background: url('sourceimg/ikona-doprava.png') no-repeat #e8eff4 1% 50%; text-transform: uppercase; margin: 17px 0; } .zdetailnew-info .odlozenaplatba { background: url('sourceimg/ikona-hodiny-small.png') no-repeat #e8eff4 7% 50%; } .zdetailnew-info .dopravazdarma .otaznik, .zdetailnew-info .odlozenaplatba .otaznik { background-color: #00d02c; color: #e8eff4; text-align: center; width: 20px; height: 20px; display: inline-block; line-height: 20px; position: absolute; right: 20px; } .zdetailnew-info .dopravazdarma .otaznik .cenik, .zdetailnew-info .odlozenaplatba .otaznik .cenik { background: #364147; width: 125px; color: #fff; font-family: 'Open Sans', sans-serif, arial; font-size: 11px; font-weight: 300; z-index: 999 !important; text-align: left; padding: 15px; display: none; margin-top: -20px; margin-left: -155px; text-transform: none; } .zdetailnew-info .dopravazdarma .otaznik:hover .cenik, .zdetailnew-info .odlozenaplatba .otaznik:hover .cenik { display: block; } .zdetailnew-info .hlidat { color: #e1001a; font-family: 'Open Sans', sans-serif, arial; font-size: 14px; padding-left: 10px; font-weight: 800; background: url('sourceimg/arrowrightred.png') no-repeat 90% 50%; text-transform: uppercase; width: 200px; height: 30px; line-height: 30px; vertical-align: middle; margin: 17px 0 1px auto; } .zdetailnew-info .alternativy { color: #fff; font-family: 'Open Sans', sans-serif, arial; font-size: 14px; padding-left: 10px; font-weight: 800; background: url('sourceimg/arrowrightwhite.png') no-repeat #e1001a 90% 50%; text-transform: uppercase; width: 200px; height: 30px; line-height: 30px; vertical-align: middle; margin: 1px 0 17px auto; } .zdetailnew-info .alternativy a { color: #fff; text-decoration: none; } .zdetailnew-info select { width: 100%; padding: 5px; border-radius: 0; border: 1px solid #d3dde3; color: #364047; margin-bottom: 10px; } .zdetailnew-info .kc { font-family: 'Open Sans', sans-serif, arial; font-size: 35px; font-weight: 800; color: #364047; } .zdetailnew-info .sdph, .zdetailnew-info .puvodnicena, .zdetailnew-info .puvodnicenakc, .zdetailnew-info .usetrite { font-family: 'Open Sans', sans-serif, arial; font-size: 16px; color: #364047; } .zdetailnew-info .sdph, .zdetailnew-info .usetrite { font-weight: 800; } .zdetailnew-info .puvodnicenakc { text-decoration: line-through; } .zdetailnew-info .cena { text-align: center; } .zdetailnew-info .dokosiku{ position: relative; } .zdetailnew-info .dokosiku .submit{ width: 100%; background: url('sourceimg/bigarrow-right.png') no-repeat 93% 50% #00d02c; text-align: center; position: relative; text-transform: uppercase; color: #fff; font-family: 'Open Sans', sans-serif, arial; font-size: 20px; padding: 20px 0; margin: 17px 0; border: 0; } .zdetailnew-info .dokosiku .submit.moveright{ padding-left: 80px; } .zdetailnew-info .ksobal { position: absolute; top: 35px; left: 20px; width: 80px; } .zdetailnew-info .ksobal-x { position: absolute; top: 35px; left: 10px; width: 80px; } .zdetailnew-info .ksobal-y { position: absolute; top: 35px; left: 70px; width: 80px; } .zdetailnew-info .ksinput { width: 40px; height: 30px; padding: 5px; color: #364047; text-align: right; font-size: 16px; border: 0; } .zdetailnew-info .ks { color: #364047; font-size: 16px; padding: 5px; color: #fff; } .zdetailnew-info .ksinput::-webkit-outer-spin-button, .zdetailnew-info .ksinput::-webkit-inner-spin-button { -webkit-appearance: none; margin: 0; } .zdetailnew-info .nasplatky { padding: 11px 0; font-family: 'Open Sans', sans-serif, arial; font-size: 14px; height: 38px; width: 100%; background: url('sourceimg/homecredit.png') no-repeat 93% 50% #e8eff4; } .zdetailnew-info .nasplatky span { margin-left: 20px; display: inline-block; } .zdetailnew-fotoahelp { margin-top: 30px; display: flex; } .zdetailnew-foto td div{ padding: 1px; width: 118px; height: 118px; margin: auto; display: flex; align-items: center; position: relative; } .zdetailnew-foto td div img{ display: block; max-width: 118px; max-height: 118px; margin: auto; } .zdetailnew-foto .dalsifoto { font-family: 'Open Sans', sans-serif, arial; font-size: 14px; width: 118px; height: 118px; display: block; background-color: #e8eff4; color: #364047; text-align: center; margin-left: 2px; } .zdetailnew-foto .dalsifoto a { text-decoration: none; color: #364047; } .zdetailnew-foto .dalsifoto .plus { width: 26px; height: 26px; display: block; margin: auto; padding-top: 35px; padding-bottom: 5px; } .zdetailnew-help { border-top: 1px solid #d3dde3; display: block; position: relative; width: 320px; margin-left: auto; } .zdetailnew-help h3{ font-family: 'Open Sans', sans-serif, arial; font-size: 14px; font-weight: 800; } .zdetailnew-help img { position: absolute; background-color: #e8eff4; left: 0; top: 46px; } .zdetailnew-help span { display: inline-block; font-family: 'Open Sans', sans-serif, arial; font-size: 14px; margin-left: 90px; padding-bottom: 5px; } .zdetailnew-help .jmeno{ font-weight: 800; } .zdetailnew-help .tel { padding-left: 30px; background: url('sourceimg/kontakt-tel.png') no-repeat; line-height: 17px; } .zdetailnew-help .mail { padding-left: 30px; background: url('sourceimg/kontakt-mail.png') no-repeat; line-height: 17px; } .zdetailnew-darky { margin: 30px 0; } .zdetailnew-darky .zvolenydarek { width: 840px; min-height: 65px; background-color: #e8eff4; display: flex; } .zdetailnew-darky div, .zdetailnew-darky .zvolenydarek .mid td { min-height: 65px; text-align: center; font-family: 'Open Sans', sans-serif, arial; font-size: 14px; font-weight: 800; vertical-align: middle; padding: 2px; height: 65px; } .zdetailnew-darky .zvolenydarek .left{ width: 160px; text-transform: uppercase; color: #e1001a; line-height: 65px; padding-left: 40px; background: url('sourceimg/darek.png') no-repeat 13% 47%; } .zdetailnew-darky .zvolenydarek .mid{ width: 440px; } .zdetailnew-darky .zvolenydarek .right{ width: 180px; padding-right: 20px; text-transform: uppercase; color: #e1001a; line-height: 65px; background: url('sourceimg/zbozidetail-jinydarekarrow.png') no-repeat 90% center; cursor: pointer; } .zdetailnew-darky .ostatnidarky { background-color: #f3f7f9; width: 840px; padding: 10px 0; display: block; } .zdetailnew-darky .ostatnidarky td { height: 75px; text-align: center; font-family: 'Open Sans', sans-serif, arial; font-size: 14px; font-weight: 800; vertical-align: center; padding: 10px 0; } .zdetailnew-darky .ostatnidarky td:last-child { text-align: left; } .zdetailnew-darky .ostatnidarky td span { width: 840px; color: #e1001a; padding-left: 20px; } .zdetailnew-darky .ostatnidarky td img { width: 75px; height: 75px; } .zdetailnew-menu { width: 840px; margin: 40px 0; } .zdetailnew-menu a { padding: 0; margin: 0; border: 0; text-decoration: none; color: #364047; } .zdetailnew-menu div { width: 200px; border: 1px solid #d3dde3; height: 70px; display: inline-block; margin-right: 7px; text-align: center; vertical-align: middle; line-height: 60px; font-family: 'Open Sans', sans-serif, arial; font-size: 16px; background: url('sourceimg/zbozidetail-menuarrow.png') no-repeat center 75%; } .zdetailnew-menu a:last-child div {margin-right: 0px;} .zdetailnew-menu a:first-child div {margin-left: 1px;} .zdetailnew-menublocky > div > h2 { font-family: 'Open Sans', sans-serif, arial; font-size: 25px; font-weight: 800; color: #364047; border-bottom: 1px solid #d3dde3; padding: 0 0 20px 0; } .zdetailnew-bannery span{ font-family: 'Open Sans', sans-serif, arial; font-size: 13px; font-weight: 800; background-color: #364047; padding: 9px; color: #fff; text-transform: uppercase; margin-top: 10px; margin-left: 10px; top: -7px; position: relative; display: inline-block; } .zdetailnew-popiszbozi p{ margin: 25px 0; font-family: 'Open Sans', sans-serif, arial; font-size: 14px; color: #364047; } .zdetailnew-parametry table{ /* width: 420px; */ } .zdetailnew-parametry tr:nth-child(odd){ background-color: #e8eff4; } .zdetailnew-parametry tr:nth-child(even){ background-color: #f3f7f9; } .zdetailnew-parametry td{ font-family: 'Open Sans', sans-serif, arial; font-size: 14px; padding: 5px 20px; } .zdetailnew-parametry td:last-child{ text-align: right; } .zdetailnew-ovyrobci img { position: absolute; } .zdetailnew-ovyrobci p { font-family: 'Open Sans', sans-serif, arial; font-size: 14px; color: #364047; padding-left: 180px; } .zdetailnew-kestazeni { position: relative; } .zdetailnew-kestazeni a { background: url(sourceimg/download.png) no-repeat; padding-left: 30px; color: #e1001a; text-decoration: none; font-family: 'Open Sans', sans-serif, arial; font-size: 14px; } .zdetailnew { margin-bottom: 30px; } .zdetailnew-alternativnizbozi, .zdetailnew-souvisejicizbozi { border-bottom: 1px solid #d3dde3; padding-bottom: 20px; } .zdetailnew-alternativnizbozi tr td:not(:last-child):not(:first-child), .zdetailnew-souvisejicizbozi tr td:not(:last-child):not(:first-child) { padding: 0 29px; } .ostatniprikoupili { color: #364047; font-family: 'Open Sans', sans-serif, arial; font-size: 25px; font-weight: 800; width: 900px; text-align: center; margin-top: 50px; } .ostatniprikoupili-table { margin: 0 30px; } .ostatniprikoupili-table tr td:not(:last-child):not(:first-child) { padding: 0 29px; } .ostatniprikoupili + hr { background-color: #d3dde3; height: 1px; border: 0; width: 840px; margin-top: 30px; } .uvodkanew { position: relative; width: 1200px; margin: 0 auto; display: block; margin-bottom: 40px; } .welcometext { width: 100%; color: #364047; background-color: #e8eff4; position: relative; font-family: 'Open Sans', sans-serif, arial; font-size: 20px; padding: 40px 0; } .welcometext b { font-weight: 800; } .welcometext strong { color: #e1001a; font-weight: 300; } .vyhodytabplus { width: 1200px; margin-bottom: 40px; } .vyhodytabplus td { border-left: 1px solid #364047; padding: 0 10px; } .vyhodytabplus td:last-child { border-right: 1px solid #364047; } .vyhodytabplus .vyhoda-imgobal { display: inline-block; top: 3px; position: relative; padding-left: 8px; } .vyhodytabplus .vyhoda-textobal { display: inline-block; padding-left: 16px; } .vyhodytabplus p, .vyhodytab strong{ font-family: 'Open Sans', sans-serif, arial; font-size: 12px; } .vyhodytabplus strong{ font-size: 14px; text-transform: uppercase; font-weight: bold; } .uvodkanew h1 { font-family: 'Open Sans', sans-serif, arial; font-size: 25px; font-weight: 800; color: #364047; text-align: center; width: 1200px; margin-top: 30px; margin-bottom: 30px; } .uvodkanew a { color: #364047; text-decoration: none; } .uvodkanew .otazka { font-family: 'Open Sans', sans-serif, arial; font-size: 14px; text-align: center; width: 1200px; display: inline-block; } .uvodkanewkat{ width: 100%; margin: 40px auto; white-space: nowrap; } .uvodkanewkat div { width: 228px; height: 228px; border: 1px solid #d3dde3; text-align: center; background-repeat: no-repeat; background-position: 0 -12px; font-family: 'Open Sans', sans-serif, arial; font-size: 20px; display: inline-block; margin: 0; } .uvodkanewkat a:not(:last-child) div{ margin-right: 9.5px; } .uvodkanewkat div span { background: url(sourceimg/podkatarrow.png) no-repeat 50% 65%; width: 100%; display: block; margin: 160px auto 0 auto; height: 72px; } .uvodkanew .search { height: 160px; background-color: #e8eff4; } .uvodkanew .search span{ font-family: 'Open Sans', sans-serif, arial; font-size: 14px; display: inline-block; text-align: center; width: 100%; margin-top: 40px; margin-bottom: 30px; } .uvodkanew .search form{ width: 600px; height: 40px; margin: 0 auto; background: url(sourceimg/lupa.png) no-repeat 15px 50% #fff; } .uvodkanew input:focus { outline: none; } .uvodkanew .search .window#hledejid{ width: 477px; height: 40px; border: 0; margin-left: 40px; position: relative; top: -4px; right: -4px; } .uvodkanew .search .send{ position: absolute; width: 80px; height: 40px; border: 2px solid #fff; margin: 0; padding: 0; background-color: #e1001a; color: #fff; font-family: 'Open Sans', sans-serif, arial; font-size: 15px; text-transform: uppercase; } .headernew { top: -3px; position: relative; .background: url(sourceimg/trava.png) repeat-x center 0px; background-color: #364047; height: 220px; margin-bottom: -3px; min-width: 1200px; } .headernew .cont { width: 1200px; margin: 0 auto; position: relative; } .headernew .blackline { background-color: #050608; height: 50px; position: absolute; width: 100%; } .headernew .imageline { height: 170px; position: absolute; width: 100%; top: 50px; } .headernew .login { background: url(sourceimg/zamek.png) no-repeat 0% 50%; height: 50px; width: 140px; color: #fff; font-family: 'Open Sans', sans-serif, arial; font-size: 16px; line-height: 50px; vertical-align: middle; position: absolute; right: 260px; } .headernew .postovne { background: #e1001a; height: 50px; width: 300px; color: #fff; font-family: 'Open Sans', sans-serif, arial; font-size: 16px; line-height: 50px; vertical-align: middle; margin-left: auto; } .headernew .logo { background: url(sourceimg/logo-penzo.png) no-repeat 20px 55%; height: 120px; width: 320px; top: -3px; position: absolute; padding: 0 40px } .headernew .logo span { position: absolute; left: 210px; text-align: left; font-family: 'Open Sans', sans-serif, arial; font-size: 20px; color: #fff; text-transform: uppercase; font-weight: 300; margin-top: 32px; } .headernew .hledat { position: absolute; top: 40px; left: 425px; width: 350px; } .headernew .hledat form{ width: 350px; height: 40px; margin: 0 auto; background: url(sourceimg/lupa.png) no-repeat 15px 50% #fff; } .headernew input:focus { outline: none; } .headernew .hledat .window#hledejid{ width: 226px; height: 40px; border: 0; margin-left: 40px; position: relative; top: -4px; right: -4px; } .headernew .hledat .send{ width: 80px; height: 40px; border: 2px solid #fff; margin: 0; padding: 0; top: -3px; position: relative; background-color: #e1001a; color: #fff; font-family: 'Open Sans', sans-serif, arial; font-size: 15px; text-transform: uppercase; } /* Chrome only: */ @media all and (-webkit-min-device-pixel-ratio:0) and (min-resolution: .001dpcm) { .headernew .hledat .send{ top: -4px; } } .headernew .kontakt { width: 155px; height: 40px; right: 185px; position: absolute; top: 28px; padding: 12px 0 12px 30px; margin: 0; color: #fff; font-family: 'Open Sans', sans-serif, arial; font-size: 14px; text-align: left; background: url(sourceimg/telefon.png) no-repeat 0% 50%; } .headernew .kosik { width: 115px; height: 64px; line-height: 64px; vertical-align: middle; right: 0; position: absolute; top: 28px; padding: 0 0 0 60px; margin: 0; color: #fff; font-family: 'Open Sans', sans-serif, arial; font-size: 16px; font-weight: 800; background: url(sourceimg/kosik.png) no-repeat 20% 50% #000; } .headernew .headermenu { height: 46px; width: 1200px; top: 124px; position: absolute; white-space: nowrap; } .headernew .zobak { position: absolute; width: 30px; height: 15px; background: url(sourceimg/header-zobak.png) no-repeat 50% 50%; right: 20px; } .headernew .kosik .ks { width: 21px; height: 21px; background: url(sourceimg/kosik-kolecko.png) no-repeat 50% 50%; position: absolute; left: 10px; top: 10px; line-height: 21px; font-size: 12px; text-align: center; } .headernew .kosik .ks.skryt { display: none; } .headermenu div { display: inline-block; width: 187px; height: 46px; font-family: 'Open Sans', sans-serif, arial; font-size: 14px; font-weight: 500; text-transform: uppercase; color: #fff; line-height: 46px; vertical-align: middle; text-align: right; padding-right: 10px; } .headermenu div:hover { color: #364047; } .headermenu div.akce { width: 78px; background: url(sourceimg/headermenu-ikony/new/akce.png) no-repeat 18% 50% #e1001a; } .headermenu div.akce:hover,.headermenu div.akceaktiv { color: #364047; width: 78px; background: url(sourceimg/headermenu-ikony/new/akcehov.png) no-repeat 18% 50% #fff; } .headermenu div.penzo { background: url(sourceimg/headermenu-ikony/penzo.png) no-repeat 15% 50% #e1001a;} .headermenu div.penzo:hover,.headermenu div.penzoaktiv { background: url(sourceimg/headermenu-ikony/penzohov.png) no-repeat 15% 50% #fff; color: #364047; } .headermenu div.zahrada { background: url(sourceimg/headermenu-ikony/new/zahrada.png) no-repeat 15% 50% #e1001a; width: 116px; } .headermenu div.zahrada:hover,.headermenu div.zahradaaktiv { background: url(sourceimg/headermenu-ikony/new/zahradahov.png) no-repeat 15% 50% #fff; color: #364047; width: 116px; } .headermenu div.naradi { background: url(sourceimg/headermenu-ikony/new/naradi.png) no-repeat 15% 50% #e1001a; width: 96px; } .headermenu div.naradi:hover, .headermenu div.naradiaktiv { background: url(sourceimg/headermenu-ikony/new/naradihov.png) no-repeat 15% 50% #fff; width: 96px; color: #364047; } .headermenu div.bazeny { background: url(sourceimg/headermenu-ikony/new/bazeny.png) no-repeat 15% 50% #e1001a; width: 104px; } .headermenu div.bazeny:hover, .headermenu div.bazenyaktiv { background: url(sourceimg/headermenu-ikony/new/bazenyhov.png) no-repeat 15% 50% #fff; color: #364047; width: 104px; } .headermenu div.sport { background: url(sourceimg/headermenu-ikony/new/sport.png) no-repeat 15% 50% #e1001a; width: 102px;} .headermenu div.sport:hover, .headermenu div.sportaktiv { background: url(sourceimg/headermenu-ikony/new/sporthov.png) no-repeat 15% 50% #fff; color: #364047; width: 102px; } .headermenu div.elektro { background: url(sourceimg/headermenu-ikony/new/elektro.png) no-repeat 12% 50% #e1001a; width: 192px;} .headermenu div.elektro:hover, .headermenu div.elektroaktiv { background: url(sourceimg/headermenu-ikony/new/elektrohov.png) no-repeat 12% 50% #fff; color: #364047; width: 192px; } .headermenu div.domacnost { background: url(sourceimg/headermenu-ikony/new/domacnost.png) no-repeat 12% 50% #e1001a; width: 126px;} .headermenu div.domacnost:hover, .headermenu div.domacnostaktiv { background: url(sourceimg/headermenu-ikony/new/domacnosthov.png) no-repeat 12% 50% #fff; color: #364047; width: 126px; } .headermenu div.deti { background: url(sourceimg/headermenu-ikony/new/deti.png) no-repeat 12% 50% #e1001a; width: 144px;} .headermenu div.deti:hover, .headermenu div.detiaktiv { background: url(sourceimg/headermenu-ikony/new/detihov.png) no-repeat 12% 50% #fff; color: #364047; width: 144px; } .headermenu div.auto { background: url(sourceimg/headermenu-ikony/new/auto.png) no-repeat 12% 50% #e1001a; width: 130px;} .headermenu div.auto:hover, .headermenu div.autoaktiv { background: url(sourceimg/headermenu-ikony/new/autohov.png) no-repeat 12% 50% #fff; color: #364047; width: 130px; } .headermenu div.dekorace { background: url(sourceimg/headermenu-ikony/new/dekorace.png) no-repeat 16% 50% #e1001a; width: 130px;} .headermenu div.dekorace:hover, .headermenu div.dekoraceaktiv { background: url(sourceimg/headermenu-ikony/new/dekoracehov.png) no-repeat 16% 50% #fff; color: #364047; width: 130px; } .headermenu div.outdoor { background: url(sourceimg/headermenu-ikony/outdoor.png) no-repeat 15% 50% #e1001a;} .headermenu div.outdoor:hover, .headermenu div.outdooraktiv { background: url(sourceimg/headermenu-ikony/outdoorhov.png) no-repeat 15% 50% #fff; color: #364047; } .kosikmenu { width: 1200px; } .kosikmenu a div { width: 300px; height: 65px; background: url(sourceimg/kosik-menuarrow.png) no-repeat 100% 50% #e8eff4; display: inline-block; padding: 0; margin: 0; border: 0; text-decoration: none; } /*newdesign petr*/ .kosikkroky{ height: 65px; width: 100%; background-color: #E8EFF4; margin-top: 2px; } .kosikkroky div{ width: 25%; display: inline-block; height: 65px; background-color: #E8EFF4; background-image: url("sourceimg/newdesign/kosik-krok-sipka.png"); background-position: top right; background-repeat: no-repeat; text-align: center; line-height: 65px; /* <-- this is what you must define */ vertical-align: middle; font-size: 13px; color: #353F47; margin-right:-3px; font-weight: 700; padding-left: -10px; } .kosikkroky div.aktiv{ background-image: url("sourceimg/newdesign/kosik-krok-sipka-aktive.png"); background-color: #364047; color: white; } .kosikkroky div.predaktiv{ background-image: url("sourceimg/newdesign/kosik-krok-sipka-beforeaktive.png"); } .kosikkroky div:last-child{ background-image: none; } .kosikkroky div span{ display: inline-block; vertical-align: middle; } .pravystred2{ float: right; width: 100%; background-color: white; } .tablekosik{ margin-top: 78px; } .tablekosik tr:not(:first-child){ height: 50px; background-color: #E8EFF4; padding-top: 0; padding-bottom: 0; } .tablekosik tr:nth-child(even) {background: #E8EFF4;} .tablekosik tr:nth-child(odd) {background: #F3F7F9;} .tablekosik th{ background-color: #364047; color: white; height: 50px; line-height:48px; vertical-align: middle; padding: 0; } .tablekosik th:nth-child(n+4) { text-align: right; } .tablekosik{ width: 100%; } .kosikstred{ margin-left: 0px; } .kosikpocet{ text-align: right; } td.kosiktext{ padding-left: 20px; color: #353F47; } td.kosiktext a{ color: #353F47; text-decoration: none; } th.kosiknazev{ padding-left: 20px; } .tablekosik input { border: none; } .tablekosik button{ /* position: absolute; */ left: 780px; background-image: url("sourceimg/newdesign/kosik-reload.png"); width: 20px; margin-left: 10px; background-color: transparent; } table.tablekosik td{ font-size: 13px; } .tablekosik tr{ border-bottom: none; border-top: solid white 2px; border-left: none; border-right: none; } .tablekosik a.kosikodeber{ background-image: none; text-decoration: none; } .tablekosik tr td:last-child { text-align: right; padding-right: 20px; } .tablekosik tr.kosikcelkem{ margin-top: 10px; background-color: white; border-top: 1px solid black; border-bottom:2px solid black; height: 110px; } tr.kosikcelkem td{ background-color: white; color: #353F47; font-size: 25px; border-top: solid 1px black; } .tablekosik td.cenacelkem{ font-size: 25px; font-weight: 800; } .newbuttonkosik{ background-color: #00D02C; float: right; padding: 20px; font-size: 20px; color: white; border: none; margin-top: 30px; cursor: pointer; margin-bottom: 30px; } .newbuttonkosikhome{ background-color: #00D02C; padding: 20px; font-size: 20px; color: white; border: none; margin-top: 30px; cursor: pointer; margin-bottom: 30px; display: inline-block; text-decoration: none; white-space: nowrap; } .newbuttonkosik span, .newbuttonkosikhome span{ margin-left: 34px; font-size: 25px; } .buttonbackkosik{ color: #E00019; text-decoration: none; font-size: 14px; margin-top: 60px; display: inline-block; foont-weight: 700; cursor: pointer; } .buttonbackkosik span{ margin-right: 15px; font-size: 20px; } .kosikstred h2{ color: #353F47; font-size: 25px; } .tabledoprava{ width: 100%; border-collapse: collapse; } .tabledoprava tr{ height: 50px; font-size: 14px; color: #353F47; border-top: 1px solid white; } .tabledoprava tr.trdoprava2 {background: #E8EFF4;} .tabledoprava tr.trdoprava {background:#F3F7F9; } .tabledoprava tr td:nth-child(6) { font-weight: 800; } .tabledoprava tr td:nth-child(2) { } .tabledoprava td { font-size: 14px; padding-top: 10px; vertical-align: top; } .tabledoprava td input { margin-top: 5px; margin-right: 20; } .informacekosik{ background-color: #E8eef5; width: 100%; padding-bottom: 10px; padding-top: 10px; } .informacekosik2{ background-color: #E8eef5; width: 100%; padding: 18px; margin-top: 40px; } .informacekosik2 h2{ margin-top: 18px; margin-bottom: 18px; } .informacekosik2 td{ height: 20px; font-size: 14px; color: #353F47; padding-left: 18px; } .souhlasdiv{ float: right; width: 450px; margin-top: 45px; } .informacekosik th{ background-color: transparent; padding-left: 20px; text-align: left; width: 154px; font-size: 14px; color: #353F47; } .informacekosik td{ padding: 9px; text-align: left; width: auto; } #firmafa{ display: none; } table.kosikcena{ width: 100%; border-collapse: collapse; border-bottom: solid black 1px; margin-top: 32px; padding-bottom: 14px; padding-top: 14px; } .tabledoprava tr.kosikcelkem2{ margin-top: 10px; background-color: white; border-top: 1px solid black; height: 30px; } .tabledoprava tr.kosikcelkem3{ margin-top: 10px; background-color: white; border-bottom:2px solid black; height: 75px; } .tabledoprava tr.kosikcelkem2 td, .tabledoprava tr.kosikcelkem3 td{ background-color: white; } .tabledoprava tr.kosikcelkem3 td{ font-size: 25px; font-weight: 800; } .tabledoprava tr.kosikcelkem2 td{ font-size: 16px; } .tablekosik tr th:nth-child(n+2) { text-align: right; } .kosikpocet input { height: 30px; padding: 4px; margin: 0; margin-right: 5px; } .imgkosik { max-height: 75px; } .boxkoupeno{ position: rlative; display: block; padding: 9px; padding-left: 35px; border: 1px solid rgb(225, 0, 26);; color: rgb(225, 0, 26); font-size: 12px; text-align: left; font-weight: bold; border-radius: 3px; background: #F6FFEB; width: 100%; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; margin-bottom: 10px; } .informaceDopravaPlatba h1{ text-align:left; font-size:16px; } .informaceDopravaPlatba p{ text-align:left; font-size:14px; margin-top:10px; } button.buttonsleva{ display: inline-block; position: relative; width: 170px; height: 37px; background-color: #364047; float: none; background-image:none; font-size: 14px; color: white; left: 10px; } button.buttonsleva span{ margin-left: 10 px; display: inline-block; } .kodtr td{ padding: 20px } .tablekosik .kodtr{ background-color: #E8EEF4; border-top: 2px black solid; border-bottom: 2px black solid; } .tablekosik input.slevovykod{ width:180px; height: 30px; text-align:left; } .ikonasleva{ display: block; position: absolute; margin-left: 210px; margin-top: 10px; z-index: 1000; width: 40px; height: 40px; background: url('sourceimg/design/sleva-ikona.png'); color: white; padding-top: 12px; text-align: center; background-repeat: no-repeat; font-weight: 800; font-family: verdana; font-size: 11px; } .bezstarostnyservis{ background-color: #19C6FF; padding: 19px; display: block; position: relative; height: 32px; margin-top: 30px; } .beznadpis{ float: left; color: white; width: 135px; font-weight: 800; } .beztext{ float: left; width: 650px; } .beztext a{ color: white; font-weight: 800; text-decoration: none; } .darekobrhl{ border: 5px solid #ddd; display: block; left: 20px; position: absolute; visibility: hidden; width: 300px; z-index: 1200; } #slider-range { height: 6px; } .ui-slider-range .ui-widget-header .ui-corner-all { background-color: red; color: green; } .ui-corner-all, .ui-corner-bottom, .ui-corner-right, .ui-corner-br{ border-radius: 0; } .ui-state-default:last-child, .ui-widget-content .ui-state-default{ background:#002c37; border: 2px solid #fff; color:#fff; border-radius: 10px; width: 16px; height: 16px; content: '+'; top: -7px; background-image: url(/kramky/source0/sourceimg/sliderplus.png); background-position: center center; background-repeat: no-repeat; }​ .ui-state-default, .ui-widget-content .ui-state-default:last-child{ background-image: url(/kramky/source0/sourceimg/sliderminus.png); }​ .ui-state-hover{ background:rgb(80,127,144); } .ui-state-focus{ background:rgb(80,127,144); } #slider-range .ui-widget-header { border: 1px solid #e1001a; background: #e1001a; top: -1px;} a.homecreditcalc{ background-image: url(/kramky/source0/sourceimg/homecredit/cerna-hlavni.png); background-position: center; background-repeat: no-repeat; width: 100%; height: 58px; display: block; position: relative; margin-top: 0px; background-color: #271e1c; } a.homecreditcalc:hover{ background-image: url(/kramky/source0/sourceimg/homecredit/cerna-hover.png); } table.parametry{ width: 100%; border: solid #ccc 2px; } table.parametry td{ font-size: 14px; padding: 5px; padding-left: 20px; } table.parametry th{ text-align: left; padding-left: 20px; } table.parametry tr:nth-child(odd){ background-color: #e8eff4; } .kodsleva { position: relative; display: inline-block; margin-bottom: -2px; border: solid 1px black; margin-top: 10px; width: 316px; height: 78px; } .kodsleva .slevasloupec1{ float: left; width: 88px; color: #e1001a; margin-left: 12px; margin-top: 8px; } .kodsleva .slevasloupec1 .slevaprocenta { display: inline-block; height: 50px; width: 76px; background-color: #e1001a; text-align: center; font-size: 16px; line-height: 20px; color: white; PADDING-TOP: 8px; font-weight: 800; border: solid 2px black; } .kodsleva .slevasloupec2 { float: left; width: 150px; height: 58px; margin-top: 8px; text-align: center; border: solid black 2px; line-height: 29px; font-weight: 800; font-size: 15px; } .slevakod{ background-color: black; color: white; height: 30px; width: 150px; font-size: 20px; line-height: 30px; font-weight: 800; } .kodsleva .otaznik { background-color: #00d02c; color: #e8eff4; text-align: center; width: 20px; height: 20px; display: inline-block; line-height: 20px; position: absolute; right: 20px; top: 30px; cursor: help; font-weigh: 800; font-size: 16px; } .kodsleva .otaznik .popisslev { background: #364147; width: 240px; color: #fff; font-family: 'Open Sans', sans-serif, arial; font-size: 11px; font-weight: 300; z-index: 999 !important; text-align: right; padding: 15px; display: none; margin-top: -60px; margin-left: -260px; text-transform: none; line-height: 12px; } .kodsleva .otaznik:hover .popisslev, .kodsleva .popisslev:hover { display: block; } .pridani-do-kosiku { // display: none; margin: 0 auto; background-color: #fff; width: 700px !important; // position: fixed; //top: 100px; z-index: 10000; // top: 50%; //left: 50%; //margin-top: -100px; /* Negative half of height. */ //margin-left: -350px; /* Negative half of width. */ border: solid #ddd 3px; background-color: #f4f4f4; /* border-radius: 4px; */ padding-bottom: 0px; } .pridani-do-kosiku h2{ font-size: 2em; font-weight: bold; color: #e1001a; margin-bottom: 0.3em; margin-top: 0px; } .pridani-do-kosiku .head{ margin: 0 auto; width: 300px; } .pridani-do-kosiku-close{ position: absolute; top: 8px; right: 10px; color: #aaa; font-weight: 400; cursor: pointer; z-index: 1000; font-size: 14px; } .pridani-do-kosiku-box-text { background-color: white; border-bottom: 1px solid #ccc; display: flex; margin: 0 auto; width: 100%; height: 200px; box-sizing: border-box; } .pridani-do-kosiku-box-text-img { max-height: 190px; max-width: 168px; width: auto; height: auto; top: 10px; left: 10px; margin: auto; } .pridani-do-kosiku-box-text-zbozi { font-size: 1.32em; font-weight: bold; margin-bottom: 7px; } .pridani-do-kosiku-polozka { font-size: 1.22em; font-weight: 800; } .pridani-do-kosiku-box-text-dph { font-size: 0.7em; font-weight: 200; } .pridani-do-kosiku-box-text-darek { color: #364047; font-family: 'Open Sans', sans-serif, arial; font-size: 14px; padding-left: 20px; } .pridani-do-kosiku-box-text-plusdarek { color: #364047; font-family: 'Open Sans', sans-serif, arial; font-size: 14px; padding-left: 20px; font-weight: 800; } .pridani-do-kosiku-box-a-left{ background: #00d02c; color: #fff; vertical-align: middle; text-align: center; text-decoration: none; font-size: 1rem; line-height: 1.5; margin-top: 17px; margin-left: 30px; margin-bottom: 17px; display: inline-block; /* border-radius: .3rem; */ padding: 1rem 1rem; width: auto; } .pridani-do-kosiku-box-a-right{ background: #00d02c; color: #fff; vertical-align: middle; text-align: center; text-decoration: none; font-size: 1rem; line-height: 1.5; margin-top: 17px; margin-left: 60px; margin-bottom: 17px; display: inline-block; /* border-radius: .3rem; */ padding: 1rem 1rem; float: right; margin-right: 30px; width: auto; } a.pridani-do-kosiku-box-a-left:hover, a.pridani-do-kosiku-box-a-right:hover{ background-color: black; } .pridani-do-kosiku-info{ display: none; } .pridani-do-kosiku-table{ display: table; width: 100%; } .pridani-do-kosiku-row{ display: table-row; } .pridani-do-kosiku-cell{ position: relative; float: none; padding: 8px; display: table-cell; vertical-align: middle; width: 30%; text-align: center; } .pridani-do-kosiku-cell.row-obsah{ width: 70%; text-align: left; } .ostatniprikoupili { color: #364047; font-family: 'Open Sans', sans-serif, arial; font-size: 25px; font-weight: 800; width: 900px; text-align: center; margin-top: 50px; } .filtrmoznosti{ display: inline-block; color: #E11A28; margin-right: 10px; margin-left: 10px; cursor: pointer; } .filtrmoznosti span{ background: url(sourceimg/podkatarrow.png) no-repeat bottom center; transform: rotate(0deg); width: 14px; height: 14px; display: inline-block; } .filtrmoznosti.active{ color: black; } .filtrmoznosti.active span{ vertical-align: -2px; transform: rotate(90deg); } .filtrykat{ border-top: solid 5px #677480; } .razenikat { margin: 14px 20px 14px; 0px; font-family: 'Open Sans', sans-serif, arial; font-size: 14px; display: inline-block; } .razenikat input[type="radio"] {display: none;} .razenikat label { cursor: pointer; position: relative; color: #e1001a; margin: 5px; margin-left: 18px; } .razenikat input[type="radio"]:checked + label { border: 1px solid #364047; padding: 6px 12px; color: #000; } .filtrykat{ background-color: #e8eff5; padding: 0px 20px; width: 830px; font-family: 'Open Sans', sans-serif, arial; font-size: 14px; } .filtrykat input[type="checkbox"] {display: none;} .filtrykat label a{ cursor: pointer; position: relative; color: #000; text-decoration: none; } .filtrykat input[type="checkbox"] + label:before { border: 1px solid #ccc; background-color: #fff; content: "\00a0"; display: inline-block; font-weight: 600; height: 12px; margin-right: 10px; vertical-align: top; width: 12px; } .filtrykat input[type="checkbox"]:checked + label:before { background: #dfd; color: #666; font-family: arial; line-height: 14px; content: "\2713"; text-align: center; } .filtrykat input[type="checkbox"]:checked + label { font-weight: bold; } .filtry td { font-family: 'Open Sans', sans-serif, arial; font-size: 14px; } .znacky{ margin: 5px; width: 100%; } .znacky td { width: 25%; font-family: 'Open Sans', sans-serif, arial; font-size: 14px; white-space: nowrap; padding-right: 20px; overflow: hidden; } .znacky td:first-child { width: 80px; } .filtrybuttons-obal { text-align: center; margin-top: 15px; } .filtrovat-button, .filtrzrus-button { display: inline-block; border: 1px solid #364047; padding: 6px 12px; margin-top: 6px; color: #000; background-color: #fff; font-family: 'Open Sans', sans-serif, arial; font-size: 14px; } .filtrovat-button:hover, .filtrzrus-button:hover { background-color: #e1001a; color: #fff; } .viceznacek-button, .meneznacek-button { color: #e1001a; cursor: pointer; } #filtrdostupnost, #filtrcena, #filtrznacky{ background-color: #B5BFC6; padding: 20px; margin-left: -20px; } #filtrdostupnost label{ margin-left: 12px; margin-right: 86px; } #filtrznacky, #filtrcena, #filtrdostupnost, #filtrtlacitka{ display: none; } .paramtable{ font-size: 14px; } .paramtable .parametrth{ font-weight: 800; padding: 7px; font-size: 14px; } .paramtable td{ padding-left: 10px; padding-right: 20px; font-size: 14px; } .paramtable tr:nth-child(even) {background: #FFF} .paramtable tr:nth-child(odd) {background: #CCC}