/* obecna nastaveni */ @font-face { font-family: barmeno; src: url("fonts/barmeno.ttf"); } .cmsBody { font-family: Arial, Sans, Helvetica, sans-serif; font-size: 1em; margin: 0px; padding: 0px; text-align: center; border-width: 0px; color: #333333; background-color: #FFFFFF; min-width: 940px; } form {margin: 0px; padding: 0px;} p {margin: 0px;} img {border: 0px solid #ffffff; vertical-align: middle;} input {font-family: Verdana, Arial, Helvetica, sans-serif; vertical-align: middle; margin:0px;} button {font-family: Verdana, Arial, Helvetica, sans-serif; vertical-align: middle; margin:0px;} textarea {font-family: Verdana, Arial, Helvetica, sans-serif; vertical-align: middle; margin:0px;} select {font-family: Verdana, Arial, Helvetica, sans-serif; vertical-align: middle; margin:0px;} strong {font-weight: bold;} h1, h2, h3, h4 {padding: 0px; margin: 0px;} a {text-decoration: none; color:#f2a25b;} a:hover {text-decoration:underline;} .pointer {cursor: pointer;} .indent {text-indent: -5000px;} .cistic, .clr {display:block; clear:both; border:none; visibility:hidden; line-height:0px;} .fright { float: right; } .fleft { float: left; } .midWrap { width: 940px; margin: 0 auto; } .uppercase {text-transform: uppercase;} .nakupniProces button {margin: 0px 0px 0px 5px;} .text-content { font-size: 75%; } .text-content p { font-size: 100%; margin-top: 6px; } .text-content a { font-size: 100%; } .text-content h1 { font-size: 200%; margin: 15px 0px 7px; } .text-content h2 { font-size: 167%; margin: 10px 0px 4px; } .text-content h3 { font-size: 125%; margin: 5px 0px 2px; } td.number, th.number { text-align: right; white-space: nowrap; } td.options, th.options { padding: 0px 4px; text-align: center; } /*css mapy*/ .bg0 {background-color: transparent; background-image: url(ak-mapa.jpg); background-repeat: no-repeat; overflow: hidden;} .bg-header {background-position: -28px 0px;} .bg-mezera1 {background-position: -975px -107px;} .bg-compass {background-position: -978px 0px;} .bg-checkbox {background-position: -955px -108px;} .bg-btnL {background-position: -946px -107px;} .bg-btnR {background-position: -950px -107px;} .bt-dokosikuakce { background-position: -1084px -125px; } .ikona-kosik { background-position: -918px -107px; } /* paginator beta .paginator .next .icon { background-position: -963px -139px; } .paginator .prev .icon { background-position: -963px -126px; } */ /* #main .listcontrolPages2 .listcontrolPages2-posledni { background: url(grafika/dalsi.png);} #main .listcontrolPages2 .listcontrolPages2-predchozi { background: url(grafika/predchozi.png);} */ .katalog table.default .bt-do-kosiku { background-position: -943px -134px; } /* texty v menu */ /* pneuservis */ .txtcz1-0 {background-position: 0px -107px; width: 91px;} .txtcz1-1 {background-position: 0px -129px; width: 91px;} /* mycka */ .txtcz2-0 {background-position: -92px -107px; width: 54px;} .txtcz2-1 {background-position: -92px -129px; width: 54px;} /* autoskla */ .txtcz3-0 {background-position: -147px -107px; width: 73px;} .txtcz3-1 {background-position: -147px -129px; width: 73px;} /* geometrie */ .txtcz4-0 {background-position: -221px -107px; width: 89px;} .txtcz4-1 {background-position: -221px -129px; width: 89px;} /* autoservis */ .txtcz5-0 {background-position: -311px -107px; width: 89px;} .txtcz5-1 {background-position: -311px -129px; width: 89px;} /* klimatizace */ .txtcz6-0 {background-position: -401px -107px; width: 92px;} .txtcz6-1 {background-position: -401px -129px; width: 92px;} /* diagnostika */ .txtcz7-0 {background-position: -494px -107px; width: 97px;} .txtcz7-1 {background-position: -494px -129px; width: 97px;} /* rezervace */ .txtcz8-0 {background-position: -592px -107px; width: 83px;} .txtcz8-1 {background-position: -592px -129px; width: 83px;} /* eshop */ .txtcz9-0 {background-position: -676px -107px; width: 49px;} .txtcz9-1 {background-position: -676px -129px; width: 49px;} /* autodily */ .txtcz10-0 {background-position: -727px -107px; width: 69px;} .txtcz10-1 {background-position: -727px -129px; width: 69px;} /* nadpisy bloku*/ /* pneuservis */ .txtcz01 {background-position: -706px -152px; width: 98px;} /* mycka */ .txtcz02 {background-position: -647px -152px; width: 58px;} /* autoskla */ .txtcz03 {background-position: -97px -152px; width: 78px;} /* geometrie */ .txtcz04 {background-position: -282px -152px; width: 95px;} /* autoservis */ .txtcz05 {background-position: -0px -152px; width: 96px;} /* klimatizace */ .txtcz06 {background-position: -378px -152px; width: 99px;} /* diagnostika */ .txtcz07 {background-position: -176px -152px; width: 105px;} /* autodily */ .txtcz08 {background-position: -861px -152px; width: 75px;} /* eshop */ .txtcz09 {background-position: -805px -152px; width: 55px;} /* dulezite informace */ .txtcz010 {background-position: -478px -152px; width: 168px;} .bg1 {background-color: transparent; background-image: url(ak-repx.png); background-repeat: repeat-x; overflow: hidden;} .kp .bg1 { background-image: url(ak-repx-kp.png); } .katalog .bg1 { background-image: url(ak-repx-katalog.png); } .bg-main {background-position: 0px -1324px;} .bg-zapati {background-position: 0px -388px;} .bg-menu2 {background-position: 0px -131px;} .bg-stred {background-position: 0px -176px;} .bg-table {background-position: 0px -79px;} .bg-table-hover {background-position: 0px -27px;} .bg-btn {background-position: 0px 0px;} .katalog .bg-btabM0 { background-position: 0px -1036px; } .katalog .bg-btabM1 { background-position: 0px -991px; } .katalog table.default th { background: url( ak-repx-katalog.png ) repeat-x 0px -1081px; } .bg-bottom { background-position: 0px -1712px; } .kp .bg-bottom { background-position: 0px -1522px; } .zalozky { margin-top: 13px; } .zalozky .obsah .minHeight{ float: right; width: 0px; height: 60px; } #main .zalozky .obsah .name_systemId_skladem { display: none; } .zalozky .zalozkyObsahBottom { line-height: 25px; clear: both; } .zalozky .zalozkyObsahBottom a { color: #000; text-decoration: underline; } .zalozky .zalozkyObsahBottom a:hover {text-decoration: none; } .zalozky .zalozkyObsahBottom a.current { color: #000; text-decoration: none; } .zalozky .zalozkyObsahBottom a.current:hover { color: #000; text-decoration: underline; } .zalozky .zalozkyObsahBottom span.spacer { border-left: 1px solid #000; margin: 0px 20px; } .bg2 {background-color: transparent; background-image: url(ak-alpha.png); background-repeat: repeat-x; overflow: hidden;} .bg-bokL {background-position: -10px 0px;} .bg-bokR {background-position: 0px 0px;} .bg-den0 {background-position: -20px 0px;} .bg-den1 {background-position: -20px -29px;} .bg-den0-hover {background-position: -20px -120px;} .bg-den1-hover {background-position: -20px -149px;} .bg-sipkaL {background-position: -20px -58px;} .bg-sipkaR {background-position: -20px -89px;} .bg-table-header1 { background-position: -2px -393px;} .bg-table-footer1 { background-position: -2px -430px;} .akce { background-position: -467px 0px; } .bg-zpet-eshop { background-position: -284px 0px; } .bg-k-pokladne { background-position: -284px -140px; } .bg-odeslat-obj { background-position: -284px -35px; } .bg-odeslat { background-position: -284px -348px; } .bg-krok-zpet { background-position: -284px -70px; } .bg-pokracovat { background-position: -284px -105px; } .bg-zrusit { background-position: -284px -276px; } .bg-prihlasit { background-position: -284px -312px; } .bg-ulozit-zmeny { background-position: -284px -175px; } .bg-x { background-position: -396px -220px; } .katalog .bg-btabL0 { background-position: -31px -245px; } .katalog .bg-btabR0 { background-position: -38px -245px; } .katalog .bg-btabL1 { background-position: -31px -200px; } .katalog .bg-btabR1 { background-position: -38px -200px; } .detail .bt-do-kosiku { background-position: -284px -211px; } .detail .bt-odeslat { background-position: -284px -240px; } .katalog .vypis-grid { background-position: -62px -1px;} .katalog .vypis-grid3 { background-position: -592px -1px;} /* */ .bg-imgB01{background: transparent url(ak-imgB01.jpg) no-repeat 510px 0px;} /* */ .bg-imgB02 { background: transparent url(ak-imgB02.png) no-repeat 510px 0px; } /* autoservis */ .bg-imgB03{background: transparent url(ak-imgB03.png) no-repeat 580px 0px;} /* autoskla */ .bg-imgB04{background: transparent url(ak-imgB04.png) no-repeat 571px 0px;} /* diagnostika */ .bg-imgB05{background: transparent url(ak-imgB05.png) no-repeat 510px -15px;} /* */ .bg-imgB06{background: transparent url(ak-imgB06.jpg) no-repeat 510px 0px;} /* */ .bg-imgB07{background: transparent url(ak-imgB07.png) no-repeat 510px -57px;} /* */ .bg-imgB08{background: transparent url(ak-imgB08.png) no-repeat 510px 0px;} .bg-imgB09{background: transparent url(ak-imgB09.png) no-repeat 566px 0px;} /* galerie */ .bg-imgB10{background: transparent url(ak-imgB10.jpg) no-repeat right top;} /* o nas */ .bg-imgB11{background: transparent url(ak-imgB11.jpg) no-repeat right top;} /* autodily */ .bg-imgB12{background: transparent url(ak-imgB12.png) no-repeat right 30px;} /* cenik */ .bg-imgB13{background: transparent url(ak-imgB13.png) no-repeat 530px top;} /* kudy k nam */ .bg-imgB14{background: transparent url(ak-imgB14.png) no-repeat right top;} /*#main .top { background: #b04119 url(ak-repx-top.png) repeat-x right top; }*/ #main .top { background-color: #004893; padding: 1px 0 0 0; } #main .top .cara { background-color: #4A7DB2; width: 100%; height: 1px; } /*.kp #main .top { background: #b04119 url(ak-repx-kp.png) repeat-x 0px -1474px; }*/ a.rev {text-decoration: underline;} a:hover.rev {text-decoration: none;} .b {font-weight: bolder;} .n {font-weight: normal;} .u {text-decoration: underline;} .s10 {font-size: 62.5%;} .s11 {font-size: 68.75%;} .s12 {font-size: 75%;} .s13 {font-size: 81.25%;} .s14 {font-size: 87.5%;} .s15 {font-size: 93.75%;} .s16 {font-size: 100%;} .s17 {font-size: 106.25%;} .s18 {font-size: 112.5%;} .s20 {font-size: 125%;} .s26 {font-size: 162.5%;} .c0 {color: #000000;} .c1 {color: #333333;} .c2 {color: #ffffff;} .c3 {color: #ffe492;} .c4 {color: #ff7646;} .c5 {color: #f15923;} .c6 {color: #999999;} .c7 {color: #ff0000;} .c8 {color: #196400;} #message { position: fixed; width: 100%; height: 100%; z-index: 1024; left: 0px; top: 0px;} #message table .label { text-transform: uppercase; font-size: 75%; text-align: right; width: 33%; } #message table .input { text-align: left; } #message .clona{ width: 100%; height: 100%; background: black; opacity: 0.5; filter: alpha(opacity=50);} #message .prvniDva { width: 45%; display: inline-block; } .prvniDva.prvni + .prvniDva.druhy { margin: 0 0 0 5%; } #message .prvniDva input { width: calc(100% - 4px); } .shopMessage {text-align: center; width: 100%; margin: -122px -198px; float: none !important; position: absolute; top: 200px; left: 50%; } .shopMessage table { width: 100%; height: 154px; } .shopMessage table td { text-align: center; vertical-align: middle; } .shopMessage input, .shopMessage label { display: block; margin: 10px auto; } .shopMessage .odeslat { border: 1px solid #952D08; background: #f67171; background: -moz-linear-gradient(top, #f67171 0%, #ff0404 100%); background: -webkit-linear-gradient(top, #f67171 0%,#ff0404 100%); background: linear-gradient(to bottom, #f67171 0%,#ff0404 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f67171', endColorstr='#ff0404',GradientType=0 ); color: #FFFFFF; box-shadow: 1px 0 1px 0 #B1B0B0, 0px 1px 1px 0 #B1B0B0, -1px 0 1px 0 #B1B0B0, 0 -1px 1px 0 #B1B0B0; color: #FFFFFF; text-shadow: 1px 1px 1px #000000; border-radius: 4px; width: 127px; height: 32px; cursor: pointer; font-size: 16px; } .shopMessage .closeForm { background-image: url(close.png); width: 35px; height: 34px; position: absolute; top: 8px; right: 20px; border: 0; cursor: pointer; outline: 0; } #id_main {width:100%; height: auto; border:0px solid #000; text-align: left;} #main {width:100%; height: auto; margin: 0px auto;} #main { width: 100%; margin: 138px auto 0px auto; text-align: left; border-width: 0px; overflow: visible; } #main .mainMinHeight {width:0px; height: 715px; float: left;} #zapati { width:100%; height: 290px; background-color: #E9ECF0; } #zapati .zapati { width:936px; height: 260px; overflow: hidden; padding: 34px 0 0 0; margin: 0 auto; } #zapati .bottom { width: 936px; height: auto; margin: 24px auto 0px auto; } #zapati .bottom .menu { float: right; font-size: 13px; color: #656C76; } #zapati .bottom .menu a { color: #656C76; text-decoration: underline; } #zapati .bottom .menu a:hover { text-decoration: none; } #zapati .bottom .pointS { float: left; } #zapati .compass {width:204px; height: 88px; float: right; display: block; margin-top: 11px; padding: 36px 0px 0px 0px; } #zapati .otviracka { width: auto; height: 124px; float: left; margin: 0; } #zapati .otviracka .tabulka { width: 468px; } #zapati .otviracka .row { width: 100%; height: auto; float: none; line-height: 21px; color: #656C76; } #zapati .otviracka .provozovna { width: 144px; height: auto; float: left; } #zapati .otviracka .den {width: 108px; height: auto; float: left;} #zapati .otviracka .first { height: 25px; line-height: 21px; color: #555E6B; } #zapati .otviracka-mobil { display: none; } #zapati .menu { text-align: center; } #zapati .menu a { color: #ffffff; } #zapati .binargon { text-align: center; } #zapati .binargon a { color: #656C76; text-decoration: underline; } #zapati .binargon a:hover { text-decoration: none; } #zapati .zapati .nadpis { color: #298532; font-size: 17px; margin: 0 0 20px 0; } #zapati .kontakty { float: left; } #zapati .kontakty .email, #zapati .kontakty .facebook, #zapati .kontakty .telefon { display: block; color: #67768A; font-weight: bold; line-height: 18px; width: 100%; font-size: 15px; padding: 0 0 0 26px; height: 19px; margin: 0 0 10px 0; } #zapati .kontakty .telefon { background-position: 3px 0; } #zapati .kontakty .email { background-position: 2px 2px; } #zapati .kontakty .facebook { color: #293F7B; } #zapati .mapka { float: right; } #zapati .mapka a { max-width: 215px; display: block; border: 2px solid #CECECE; } #zapati .mapka img { width: 100%; } #header { width: 100%; height: 138px; position: absolute; top: 0px; min-width: 940px; } #header .header { width: 940px; height: 96px; overflow: hidden; margin: 0px auto; background: #ffffff; background: -moz-linear-gradient(left, #ffffff 0%, #ecf1f7 50%, #ffffff 100%); background: -webkit-linear-gradient(left, #ffffff 0%,#ecf1f7 50%,#ffffff 100%); background: linear-gradient(to right, #ffffff 0%,#ecf1f7 50%,#ffffff 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#ffffff', GradientType=1); } #header .top {width:100%; height:105px; margin:0px auto; } #header .logo { width: 225px; height: 96px; margin: 0 0 0 3px; text-indent: -9999px; display: block; float: left; background-image: url(grafika/logo.png); background-repeat: no-repeat; background-position: 0 28px; } #header .menu1 {width:615px; height:18px; margin-top:10px; float: left; text-align: right; overflow: hidden; padding-right: 25px; } #header .menu1 a {color: #ffffff;} #header .menu2 { width: 100%; height: 42px; background: #5ab262; background: -moz-linear-gradient(top, #5ab262 0%, #55b05e 50%, #46a950 51%, #42a74c 100%); background: -webkit-linear-gradient(top, #5ab262 0%, #55b05e 50%, #46a950 51%, #42a74c 100%); background: linear-gradient(to bottom, #5ab262 0%, #55b05e 50%, #46a950 51%, #42a74c 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#5ab262', endColorstr='#42a74c', GradientType=0); text-align: center; } #header .menu2 a { height: 29px; padding: 13px 12px 0 12px; display: inline-block; color: #FFFFFF; text-shadow: 1px 1px 1px #112A14; border-right: 1px solid #388F41; border-left: 1px solid #6FBF76; font-size: 15px; vertical-align: top;} #header .menu2 a:last-of-type { border-right: 0; } #header .menu2 .active { background: #2a66a5; background: -moz-linear-gradient(top, #2a66a5 0%, #004893 100%); background: -webkit-linear-gradient(top, #2a66a5 0%,#004893 100%); background: linear-gradient(to bottom, #2a66a5 0%,#004893 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2a66a5', endColorstr='#004893',GradientType=0 ); } #header .menu2 .home { width: 40px; height: 100%; display: inline-block; background-image: url(grafika/home.png); background-repeat: no-repeat; background-position: 11px 15px; border-left: 0; padding: 0; } #header .menu2 .midWrap { height: 100%; } #header .menu2 .mezera {width:2px; height:43px; float:left;} #header .menu2 span {display: block; height:21px;margin-top: 11px; float:left; text-indent: -9999px;} #header .menu2 .stromKategorii { display: none; } #header .menu2 .rezervace { display: none; } #header .oddelovac { width: 1px; height: 26px; background-color: #BECAD8; margin: 35px 11px 0 0; float: left; } #header .clenSite { color: #828EA0; font-size: 14px; padding: 28px 0 0 8px; float: left; } #header .clenSite .pointS { margin: 0 0 0 -8px; } #header .menu_button { display: none; } #header .searchWrapper { margin: 0 0 0 55px; padding: 12px 0 0 0; float: left; } #header .searchWrapper .telefon { color: #5F6774; font-size: 14px; font-weight: bold; width: 100%; background-repeat: no-repeat; padding: 0 0 0 17px; } #header .searchWrapper .search { width: 231px; border: 1px solid #BCC5CF; background-color: #E9EDF4; border-bottom-left-radius: 4px; border-top-left-radius: 4px; border-right: 0; height: 34px; color: #7D8693; font-size: 14px; margin: 10px 0 0 0; padding: 0 0 0 13px; outline: none; } #header .searchWrapper .searchButton { background-color: #1F62A5; color: #FFFFFF; font-weight: bold; font-size: 14px; width: 75px; height: 36px; border: 0; border-bottom-right-radius: 4px; border-top-right-radius: 4px; margin: 10px 0 0 0; cursor: pointer; outline: 0; } #header .kosik { width: 156px; min-height: 35px; margin: 21px 1px 0 0; float: right; font-size: 14px; line-height: 17px; padding: 6px 8px 9px 45px; background-position: 10px 13px; background-image: url(grafika/kosik.png); background-repeat: no-repeat; background-color: #E5E9EE; border-radius: 4px; display: block; color: #576881;display: none; } #header .kosik .pocet { display: none; } #header .kosik .nadpis { font-weight: bold; } #header .kosik .nadpis { font-size: 13px; color: 7D8693; } #header .kosik:hover { text-decoration: none; background-color: #D9DFE6; } #main .top { color: white; position: relative; } #main .left {float: left; width: 505px; height: auto; float: left;} #main .right {float: right; width: 396px; height: auto; float: right;} #main .celaSirka {float: left; width: 940px; height: auto; float: left;} #main .bottom { width: 100%; height: auto; padding-bottom: 10px; } /*#main .bottomHomepage {width: 100%; height: auto;}*/ #main .bottom p,#main .bottom td { line-height: 18px; } #main .bottom table{ margin: 4px 0px; } .kp #main .top { height: 32px; padding: 8px 0px; } /* eshop */ #main .zalozky { width: 933px; clear: both; position: relative; } #main .zalozky .top { width: 932px; padding: 0px; } #main .zalozky .top .zalozka { height: 31px; float: left; padding: 0px 7px; position: relative; border: 1px solid #C3D3E3; border-top-left-radius: 4px; border-top-right-radius: 4px; border-bottom: 0; background: #bccbdb; background: -moz-linear-gradient(top, #bccbdb 0%, #b8c8d8 100%); background: -webkit-linear-gradient(top, #bccbdb 0%,#b8c8d8 100%); background: linear-gradient(to bottom, #bccbdb 0%,#b8c8d8 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#bccbdb', endColorstr='#b8c8d8',GradientType=0 ); } #main .zalozky .top .zalozka:nth-child(n + 2) { margin: 0 0 0 8px; } #main .zalozky .top .zalozka-active { border-color: #F8F8F8; background: #eeeeee; background: -moz-linear-gradient(top, #eeeeee 0%, #eaeaea 100%); background: -webkit-linear-gradient(top, #eeeeee 0%,#eaeaea 100%); background: linear-gradient(to bottom, #eeeeee 0%,#eaeaea 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eeeeee', endColorstr='#eaeaea',GradientType=0 ); } #main .zalozky .top .zalozka a { display: inline-block; height: 100%; overflow: hidden; float: left; line-height: 32px; text-decoration: none; color: #2A3745; font-size: 15px; padding: 0px 20px;} #main .zalozky .top .zalozka-active a { color: #010101; } #main .zalozky .top .zL1, #main .zalozky .top .zL, #main .zalozky .top .zR { width: 7px; height: 100%; position: absolute; top: 0px;} #main .zalozky .top .zL1, #main .zalozky .top .zL { left: 0px; } #main .zalozky .top .zR { right: 0px; } #main .zalozky .left { float: left; width: 7px; height: 122px; margin-top: -22px; } #main .zalozky .right { float: right; width: 7px; height: 122px; margin-top: -22px; } #main .zalozky .obsah { width: 879px; font-size: 12px; padding: 28px 20px 0px 20px; background: #ebebea; background: -moz-linear-gradient(top, #ebebea 0%, #c3c2c2 100%); background: -webkit-linear-gradient(top, #ebebea 0%,#c3c2c2 100%); background: linear-gradient(to bottom, #ebebea 0%,#c3c2c2 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ebebea', endColorstr='#c3c2c2',GradientType=0 ); border: 1px solid #F8F8F8; border-radius: 4px; border-top-left-radius: 0; margin: -1px 0 0 0; } #main .selectBlock { line-height: 20px; padding: 2px 8px 3px 0px; display: inline-block; } #main .top .selectBlock label, #main .top .selectBlock span { display: block; float: left; height: 25px; line-height: 20px; white-space: nowrap; } /*#main .top .selectBlock label,*/ #main .top .selectBlock span.separator{display: none;} #main .top .selectBlock select{float: left; display: block; width: 205px;} #main .top .pneu .selectBlock select{width: 145px;} #main .top .selectBlock .notext {margin: 5px 0px 0px 0px;} #main .zalozky .obsah label, #main .zalozky .obsah span { color: #000; padding: 0px 6px 0px 0px;} #main .zalozky .napovedy { position: absolute; top: 32px; height: 30px; line-height: 30px; font-size: 88%; } #main .zalozky .napovedy .napoveda { padding: 0px 27px; color:#f00; } #main .katalog { margin-top: 12px; } #main .katalog .vypis-grid { width: 220px; height: 315px; position: relative; padding: 0px; overflow: hidden; float: left; } #main .katalog .vypis-grid .top{ width: 200px; padding: 10px 10px 8px; height: 36px; background: none; } /* původní #main .katalog .vypis-grid .top{ width: 184px; padding: 10px 18px 8px; height: 36px; background: none; } */ #main .katalog .vypis-grid .top-rows3 { height: 54px; } #main .katalog .vypis-grid .top h3 { color: #000; font-size: 91%; line-height: 18px; height: 36px; overflow: hidden; } /* původní #main .katalog .vypis-grid .top h3 { color: #000; font-size: 94%; line-height: 18px; height: 36px; overflow: hidden; } */ #main .katalog .vypis-grid .top h3.rows3 { height: 54px; } #main .katalog .vypis-grid .top h3 a { color: #000; font-weight: normal;} #main .katalog .vypis-grid .middle { width: 207px; height: 165px; padding: 0px 6px; position: relative; } #main .katalog .vypis-grid .middle-rows3 { width: 207px; height: 147px; padding: 0px 6px; position: relative; } #main .katalog .vypis-grid .middle-rows3 a.nahled, #main .katalog .vypis-grid .middle a.nahled { display: inline-block; width: 100%; height: 100%; } #main .katalog .vypis-grid .akce { width: 121px; height: 108px; position: absolute; top: 0px; right: 4px; display: block; } #main .katalog .vypis-grid .bottom { width: 184px; padding: 10px 18px 32px; height: 55px; } #main .katalog .vypis-grid .bottom .row { color: #000000; background-color: transparent; height: auto; font-weight: normal; font-size: 12px; line-height: 14px; margin: 0; } #main .katalog .vypis-grid .bottom .cena { color: #FF0000; font-size: 15px; } #main .katalog .vypis-grid .bottom .parametry { margin-top: 6px; } #main .katalog .vypis-grid .bottom .bottomRow { position: absolute; bottom: 0px; left: 0px; width: 208px; height: 29px; line-height: 32px; padding: 0px 6px 3px; } #main .katalog .vypis-grid .bottom .bottomRow .button { width: 102px; height: 26px; color: #FFFFFF; font-size: 14px; background: #4ab655; background: -moz-linear-gradient(top, #4ab655 0%, #4ab655 50%, #4ab655 50%, #22a62f 51%, #22a62f 100%); background: -webkit-linear-gradient(top, #4ab655 0%,#4ab655 50%,#4ab655 50%,#22a62f 51%,#22a62f 100%); background: linear-gradient(to bottom, #4ab655 0%,#4ab655 50%,#4ab655 50%,#22a62f 51%,#22a62f 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4ab655', endColorstr='#22a62f',GradientType=0 ); position: absolute; bottom: 0; right: 0; border-bottom-right-radius: 4px; border-top-left-radius: 4px; text-shadow: 1px 0 1px rgba(0, 0, 0, 0.5), 0 1px 1px rgba(0, 0, 0, 0.5), -1px 0 1px rgba(0, 0, 0, 0.5), 0 -1px 1px rgba(0, 0, 0, 0.5); text-align: left; padding: 0; outline: 0; } #main .katalog .vypis-grid .bottom .bottomRow .button .malyKosik { margin: 1px 5px 0 6px; } #main .katalog .vypis-grid .bottom .bottomRow input.ks { font-size: 75%; width: 32px; border: 1px solid #aaa; float: right; font-family: arial; text-align: center; height: 15px; line-height: 15px; padding: 2px 0px; } #main .katalog .vypis-grid .bottom .bottomRow span.ks { font-size: 75%; float: right; line-height: 19px; padding: 2px 7px 0px; } #main .katalog .vypis-grid .bottom .bottomRow form { height: 27px; line-height: 29px; margin: 0px; padding: 2px 105px 0px 0px; position: relative; } #main button.bt-dokosiku, #main button.bt-dokosikuakce { width: 105px; height: 29px; border: 0px; text-indent: -10000px; position: absolute; bottom: 0px; right: 0px; } #main .katalog .space { width: 20px; height: 314px; float: left; } #main .katalog table.default { width: 100%; } #main .katalog table.default td { background: #f1f1f1; padding: 1px 8px; color: #000; font-size: 88%; vertical-align: baseline; white-space: nowrap; } #main .katalog table.default td.name { white-space: normal; width: 50%; } #main .katalog table.default td a{ color: #000; } #main .katalog table.default th { height:20px; line-height: 20px; overflow: hidden; color: white; font-size: 14px; padding: 2px 4px; } #main .katalog table.default .clip { overflow: hidden; height: 20px; } #main .katalog table.default .ks { height: 20px; width: 27px; border:1px solid #000; padding: 0px; text-align: center; } #main .katalog table.default .bt-do-kosiku { width: 19px; height: 17px; border: 0px; padding: 0px; text-indent: -9999px; } #main .katalog table.default form { white-space: nowrap; } #main .detail { padding-bottom: 9px; } #main .detail .nadpis { font-size: 167%; padding: 8px 0px; } #main .detail .top { background: none; } #main .detail .top .left { float: left; width: 420px; } #main .detail .top .right { float: right; width: 476px; } #main .detail .bottom .left { float: left; width: 516px; } #main .detail .bottom .sloupec .zalozky { width: auto; height: 42px; position: static; padding: 0; float: none; } #main .detail .bottom .sloupec .zalozky .zalozka { float: left; height: 28px; padding: 12px 13px 0 13px; margin: 0 10px 0 0; font-size: 14px; font-weight: bold; color: #878789; background-color: #EFF0F3; border: 1px solid #D6D6D6; border-top-left-radius: 4px; border-top-right-radius: 4px; text-transform: uppercase; cursor: pointer; } #main .detail .bottom .sloupec .zalozky .aktivni { background-color: #FFFFFF; color: #3C3B3B; border-bottom-color: #FFFFFF; } #main .detail .bottom .sloupec .obsah { border-top: 1px solid #D6D6D6; margin: -1px 0 0 0; } #main .detail .bottom .sloupec .obsah .obsahItem { line-height: 20px; font-size: 14px; color: #504E4C; padding: 19px 0; } #main .detail .bottom .sloupec .obsah .obsahItem p { margin: 17px 0; } #main .detail .bottom .sloupec .obsah .obsahItem a { color: #21A42E; text-decoration: underline; } #main .detail .bottom .sloupec .obsah .obsahItem a:hover { text-decoration: none; } #main .detail .bottom .sloupec .obsah .obsahItem .levySloupec { width: 500px; float: left; } #main .detail .bottom .sloupec .obsah .obsahItem .pravySloupec { width: 391px; float: right; } #main .detail .bottom .sloupec .obsah .obsahItem .detailParametry { width: 100%; border-collapse: collapse; border: 0; margin-top: 27px; } #main .detail .bottom .sloupec .obsah .obsahItem .detailParametry td { height: 34px; } #main .detail .bottom .sloupec .obsah .obsahItem .detailParametry th { text-transform: capitalize; padding-left: 14px; width: 118px; } #main .detail .bottom .sloupec .obsah .obsahItem .detailParametry tr:nth-child(odd) { background-color: #F2F3F5; } #main .detail .bottom .sloupec .obsah .obsahItem .row { background-color: transparent; } #main .detail .bottom .sloupec .alternativniProdukty { border-top: 1px solid #D6D6D6; padding: 37px 0 0 0; } #main .detail .bottom .sloupec .alternativniProdukty .alternativniNadpis { font-weight: bold; font-size: 20px; color: 3C3B3B; } #main .detail .bottom .sloupec .alternativniProdukty .katalog { margin-top: 34px; } #main .detail .bottom .right { float: right; } #main .detail .top .nahled { display: block; position: relative; border: 1px solid #D4D4D4; } #main .detail .top .nahled .zvetsit { width: 131px; height: 23px; color: #3C3B3B; font-size: 14px; position: absolute; background-color: #FFFFFF; border: 1px solid #D6D6D6; border-radius: 4px; right: 7px; bottom: 7px; text-align: right; padding: 7px 7px 0 0; background-image: url(grafika/lupa.png); background-repeat: no-repeat; background-position: 8px 6px; } #main .detail .top .nahled .zvetsit:hover { background-color: #F2F3F5; } #main .detail .top .viceFoto { display: flex; justify-content: space-between; margin: 15px 0; } #main .detail .top .viceFoto a { width: 128px; height: 100px; border: 1px solid #D4D4D4; } #main .detail .top h1 { color: #3C3B3B; font-size: 24px; margin: 0; padding: 31px 0 29px 0; text-align: left; font-weight: bold; } #main .detail .top .right .hr1 { margin-top: 3px; } #main .detail .top .right .udaje { border-collapse: collapse; width: 100%; } #main .detail .top .right .udaje td { font-size: 14px; color: #3C3B3B; padding: 0; } #main .detail .top .right .udaje td a { color: #3C3B3B; text-decoration: underline; } #main .detail .top .right .udaje td b { font-weight: bold; font-size: 24px; } #main .detail .top .right .udaje td a:hover { text-decoration: none; } #main .detail .top .right .udaje .onstore { color: #0DB02B; font-weight: bold; } #main .detail .top .right .udaje .notonstore { color: #B00D2B; font-weight: bold; } #main .detail .top .right .udaje .cenaCell { height: 50px; vertical-align: bottom; } #main .detail .top .right .udaje .beznaCenaCell { height: 50px; vertical-align: top; } #main .detail .top .right .udaje tbody tr:last-child { border-bottom: 1px solid #D4D4D4; } #main .detail .top .right .udaje tr td:first-child { width: 240px;/*268px;*/ } #main .detail .top .popis { margin-top: 10px; line-height: 27px; } #main .detail .top .popis .links { text-align: right; margin: 20px 0 25px 0; } #main .detail .top .popis .links a { font-size: 13px; color: #A1A4A8; width: auto; display: inline-block; background-repeat: no-repeat; padding: 0 0 0 29px; margin: 0 0 0 29px; cursor: pointer; } #main .detail .top .popis .social .twitter-tweet-button { vertical-align: bottom; margin: 0 0 0 20px; } #main .detail .row { width: 100%; height: 76px; background-color: #F7F8FA; border-radius: 4px; color: #504E4C; font-size: 14px; font-weight: bold; margin: 10px 0 0 0; position: relative; } #main .detail .row input.ks { width: 35px; border: 1px solid #C4C8CE; height: 40px; text-align: center; border-top-left-radius: 4px; border-bottom-left-radius: 4px; padding: 0; outline: 0; border-right: 0; margin: 17px 0 0 171px; float: left; } #main .detail .row .sipky { width: 25px; margin: 17px 0 0 0; float: left; } #main .detail .row .sipky button { width: 100%; border: 0; outline: 0; padding: 0; display: block; cursor: pointer; } #main .detail .row .sipky .sipkaPridat { background-image: url(grafika/sipkaPridat.png); height: 22px; } #main .detail .row .sipky .sipkaUbrat { background-image: url(grafika/sipkaUbrat.png); height: 20px; } #main .detail .row .jednotka { margin: 28px 0 0 4px; float: left; } #main .detail .row input.ks::-webkit-inner-spin-button, #main .detail .row input.ks::-webkit-outer-spin-button { -webkit-appearance: none; margin: 0; } #main .detail .row .doKosiku { width: 180px; height: 56px; background: #36b142; background: -moz-linear-gradient(top, #36b142 0%, #33ad3f 50%, #22a62f 51%, #20a12c 100%); background: -webkit-linear-gradient(top, #36b142 0%,#33ad3f 50%,#22a62f 51%,#20a12c 100%); background: linear-gradient(to bottom, #36b142 0%,#33ad3f 50%,#22a62f 51%,#20a12c 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#36b142', endColorstr='#20a12c',GradientType=0 ); border: 1px solid #189625; color: #FFFFFF; font-size: 13px; box-shadow: inset 0 1px 1px 0 #43C150; border-radius: 4px; cursor: pointer; margin: 10px 10px 0 0; outline: 0; line-height: 17px; float: right; position: relative; text-align: left; padding: 0 0 0 70px; } #main .detail .row .doKosiku:hover { background: #2aa136; background: -moz-linear-gradient(top, #2aa136 0%, #289c33 50%, #169322 51%, #158e20 100%); background: -webkit-linear-gradient(top, #2aa136 0%,#289c33 50%,#169322 51%,#158e20 100%); background: linear-gradient(to bottom, #2aa136 0%,#289c33 50%,#169322 51%,#158e20 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2aa136', endColorstr='#158e20',GradientType=0 ); } #main .detail .row .doKosiku .kosikIcon { position: absolute; top: 17px; left: 17px; } #main .detail .row .doKosiku .text { font-size: 15px; font-weight: bold; } #main .detail .row .usetriteWrap { width: 64px; height: 70px; top: -96px; right: 10px; position: absolute; text-align: center; border: 1px solid #D7DCE3; border-radius: 4px; background-color: #E5E9EE; box-shadow: inset 0 1px 1px 0 #F0F2F5; } #main .detail .row .usetriteWrap .usetrite { font-size: 14px; color: #697989; font-weight: normal; height: 18px; line-height: 18px; } #main .detail .row .usetriteWrap .procenta { font-size: 15px; font-weight: bold; color: #E30606; background-color: #FFFFFF; border-top: 2px solid #D7DCE3; height: 50px; border-bottom-left-radius: 4px; border-bottom-right-radius: 4px; line-height: 48px; } #main .detail .detailParametry th { width: 128px; font-weight: normal; text-align: left; } #main .detail .colorSample { width: 16px; height: 16px; padding: 0px; border: 0px; } #main .text-frame .nadpis { margin: auto; text-align: left; padding: 0px; } #main .text-frame .nadpis *:not(.closeForm) { color: #004893; float: none; font-size: 23px; height: 44px; line-height: 41px; margin: 0 auto; overflow: hidden; padding: 4px 0 0; width: 336px; text-shadow: 1px 1px 1px #FFFFFF; font-weight: normal; } #main .text-frame .nadpis .txtcz010 { width: 168px; height: 24px; text-indent: -9999px; overflow: hidden; margin: 16px 20px 12px 20px;} #main .greenFrame { background: #49b154; background: -moz-linear-gradient(top, #49b154 0%, #42a74c 100%); background: -webkit-linear-gradient(top, #49b154 0%, #42a74c 100%); background: linear-gradient(to bottom, #49b154 0%, #42a74c 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#49b154', endColorstr='#42a74c',GradientType=0); border: 1px solid #2E9037; border-radius: 4px; box-shadow: inset 0 1px 1px 1px 7AC682; color: #CCFFD1; font-size: 14px; padding: 26px 19px 19px 19px; } #main .greenFrame h2 { color: #FFFFFF; font-size: 20px; text-transform: uppercase; } #main .greenFrame .garantLink { width: 149px; height: 44px; background-color: #0C5089; font-weight: bold; color: #FFFFFF; display: block; border-radius: 4px; text-align: center; line-height: 44px; margin: 10px 0 0 0; } #main .greenFrame p { line-height: 19px; padding: 10px 0; } /* #main .detail .popis .top h2, #main .detail .popis .top h3, #main .detail .popis .top h4, #main .detail .popis .top h5, #main .detail .popis .top h6, #main .detail .popis .top p { color: white; } */ #main .nakupniProces .tabs { width: 100%; height: 35px; line-height: 35px; border-bottom: 1px solid white; margin: 10px 0px; font-weight: bold; font-size: 94%; } #main .nakupniProces .tabs a { height: 35px; line-height: 35px; display: inline-block; padding: 0px 14px; background: #000; text-decoration: none; color: white; margin-right: 4px; } #main .nakupniProces .tabs a.active { padding: 0px 14px; background: white; text-decoration: none; color: #000; } #main .nakupniProces table.seznam { width: 927px; margin: 4px auto; color: #000; } #main .nakupniProces table.seznam thead th, #main .nakupniProces table.seznam tfoot th { font-size: 116.7%; font-weight: normal; line-height: 22px; background: none; text-align: left; } #main .nakupniProces table.seznam .number { text-align: left; } #main .nakupniProces table.seznam tr { position: relative; } #main .nakupniProces table.seznam td { height: 34px; line-height: 34px; background: none; } #main .nakupniProces table.seznam td.controls { width: 52px; } #main .nakupniProces table.seznam a { color: #000; } #main .nakupniProces table.seznam input.ks { width: 32px; border: 1px solid #aaa; font-size: 100%; font-family: arial; text-align: center; } .katalog #main .bottom, .kp #main .bottom { padding: 0px 0px 40px; } #main .nakupniProces .buttons { line-height: 34px; margin-top: 8px; float: left; clear: both; width: 100%; } #main .nakupniProces .bg-zpet-eshop { display: block; float: right;} #main .nakupniProces .bg-k-pokladne { border: 0px; float: right; } #main .nakupniProces .bg-pokracovat { border: 0px; float: right; } #main .nakupniProces .bg-krok-zpet { border: 0px; float: right; } #main .nakupniProces .bg-ulozit-zmeny { border: 0px; float: right; } #main .nakupniProces .bg-odeslat-obj { border: 0px; float: right; } #main .nakupniProces input.text { border: 1px solid #666; height: 19px; padding: 0px; } #main .nakupniProces form { line-height: 27px; } #main .nakupniProces .nadpis { width: 100%; float: left; clear: both; font-weight: normal; margin-top: 15px; margin-bottom: 7px; } #main .nakupniProces .chyby { color: #F00; float: left; } #main .nakupniProces .chyby a { color: #000; } #main .nakupniProces .smallContainer { width: 170px; float: left; } #main .nakupniProces table.smallContainer { width: auto; border-right: 100px solid transparent;} #main .nakupniProces .infoRezervaceWrap {float: left;} #main .nakupniProces .infoRezervaceWrap .infoRezervace {display: none;} #main .nakupniProces .infoRezervaceWrap .infoRezervace:first-of-type {display: block;} #main .nakupniProces .infoRezervaceWrap .infoRezervace__title {font-size: 20px;font-weight: 600;} #main .nakupniProces .infoRezervaceWrap .infoRezervace__href {font-size: 16px;text-transform: uppercase;font-weight: 600;letter-spacing: 0.3px;display: inline-block;padding: 6px 16px;border: 1px solid #f2a25b;border-radius: 5px;margin-left: 6px;} #main .nakupniProces .infoRezervaceWrap .infoRezervace__href:hover {background-color: #fffaf5;text-decoration: none;} #main .nakupniProces .sloupec { width: 930px; } #main .nakupniProces .dp .block label { padding: 0px; line-height: 24px; } #main .nakupniProces .dp .block input { float: left; height: 24px; width: 20px; } #main .nakupniProces .dp .block .cena { float: none; } #main .nakupniProces .dp .block .popis { padding: 0px 0px 0px 20px; } #main .nakupniProces .dopravaSpecial input { float: left; height: 24px; width: 20px; } #main .kategorie { float: left; width: 100%; height: 42px; overflow: hidden; position: absolute; left: 0px; bottom: 0px; } #main .kategorie .zalozka { float: left; height: 42px; } #main .kategorie .zalozka a { font-size: 15px; color: #004893; font-weight: bold; text-transform: uppercase; } #main .kategorie .zalozka a.bg-btabM0 { color: #000; } #main .kategorie .zalozka a.bg-btabM1 { background-color: #FFFFFF; } #main .kategorie .zalozka .btab { float: left; line-height: 42px; background-color: #BCCBDB; border-top-left-radius: 4px; border-top-right-radius: 4px; margin: 0 1px 0 0; } #main .kategorie .zalozka .bg-btabL0, #main .kategorie .zalozka .bg-btabL1 { width: 7px; height: 100%; } #main .kategorie .zalozka .bg-btabR0, #main .kategorie .zalozka .bg-btabR1 { width: 7px; height: 100%; } #main .kategorie .zalozka .bg-btabM0, #main .kategorie .zalozka .bg-btabM1 { width: auto; height: 100%; padding: 0px 6px; } #main .listcontrolPages2 { width: auto; display: inline-block; position: relative; padding: 0px 40px; } #main .listcontrolPages2 .listcontrolPages2-predchozi { width: auto; height: 17px; display: inline-block; overflow: hidden; position: absolute; left: -35px; color: #298532; } #main .listcontrolPages2 .listcontrolPages2-posledni { width: auto; height: 17px; display: inline-block; overflow: hidden; position: absolute; right: 0px; color: #298532; } #main .listcontrolPages2 .listcontrolPages2-cisla{ display: inline-block; text-align: center; } #main .listcontrolPages2 .listcontrolPages2-cisla .listcontrolPages2-cislo { color: #000; text-decoration: underline; padding: 0px 6px; } #main .listcontrolPages2 .listcontrolPages2-cisla .listcontrolPages2-cisloSelected, #main .listcontrolPages2 .listcontrolPages2-cisla .listcontrolPages2-cislo:hover { padding: 0px 6px; color: #97320e; text-decoration: none; } #main .filtry { color: #000; font-size: 75%; float: left; clear: both; width: 100%; margin: 9px 0px; line-height: 22px;} #main .filtry a { color: #000; text-decoration: none; padding: 0px 15px; float: left; white-space: nowrap; height: 22px; line-height: 22px;} #main .filtry input {height: 16px; float: left;} #main .filtry select {height: 22px; font-weight: bolder; float: left; font-weight: normal;} #main .filtry .separator { float: left; border-left: 1px solid #000; height: 13px; margin: 6px 0px 0px 0px; } #main .filtry a.current, #main .filtry a:hover { text-decoration: underline; } #main .filtry .notext {float: left; margin-top: 4px; width: 20px;} #main .filtry span {float: left; height: 22px;} #main .filtry .selectBlock { height: auto;} #main .right .text-frame .text { margin: 8px auto; } #main .right .text-frame .text p { text-indent: 0px; } #main .top h1 { font-size: 162%; font-weight: normal; } #main .nakupniProces .bottom td { line-height: 27px; } #main .nakupniProces .bottom td.col1 { padding: 0px; } #main .nakupniProces .bottom td.col2 { padding: 0px 30px 0px 10px; } #main .nakupniProces .bottom td.col3 { padding: 0px 0px 0px 10px; } #parametryFormMain {float: left;} #main .paginator { text-align: center; margin-top: 36px; } /* paginator beta #main .bottom .paginator { margin: 0 auto; font-size: 75%; margin-top: 36px; } #main .paginator .pages a { color: #000; text-decoration: underline; padding: 0px 6px; } #main .paginator .pages a.current, #main .paginator .pages a:hover { color: #97320e; text-decoration: none; } #main .paginator .icon{ width: 11px; height: 12px; text-indent: -5000px; display: inline-block; overflow: hidden; } */ #infoObratem { position: relative; width: 508px;} #infoObratem label { width: 80px; display: inline-block; } .detail #infoObratem .row { height: 29px; line-height: 29px; } #infoObratem .longtext { width: 424px; height: 20px; border: 1px solid #000; padding: 0px; line-height: 20px; } #infoObratem .textareaRow { line-height: 29px; } #infoObratem .textareaRow label { vertical-align: top; } #infoObratem .buttons { margin: 6px 0px; } #infoObratem .bt-odeslat { float: right; clear: both; width: 129px; height: 34px; text-indent: -9999px; border: 0px; } #infoObratem textarea { width: 424px; border: 1px solid #000; margin-top: 5px; } #dokonceniObjednavky td.sDph { color: #f00; font-weight: bold; } .button { display: inline-block; border: 0px; vertical-align: middle; cursor: pointer; } .button .text { display: none; } .bg-zpet-eshop { width: 167px; height: 34px; } .bg-k-pokladne { width: 129px; height: 34px; } .bg-pokracovat { width: 129px; height: 34px; } .bg-krok-zpet { width: 129px; height: 34px; } .bg-ulozit-zmeny { width: 129px; height: 34px; } .bg-odeslat-obj { width: 182px; height: 34px; } .bg-odeslat { width: 182px; height: 34px; } .bg-x { width: 9px; height: 11px; } .bg-zrusit { width: 83px; height: 34px; } .bg-prihlasit { width: 107px; height: 34px;} .katalogVyrobce a { color: #000; text-decoration: underline; } .katalogVyrobce a:hover { text-decoration: none; } .mezera10v { padding: 10px 0px 0px 0px; overflow: hidden; } .mezera15v { padding: 15px 0px 0px 0px; overflow: hidden; } /* .sloupec {width: 940px; margin: 0 auto; position: relative; padding: 15px 0 0 0;} */ .top .sloupec {width: 940px; margin: 0 auto; position: relative; padding: 0px;} .top .sloupec .paddingHomepage {padding: 15px 0 0 0;} .top .sloupec hr { border-top: 1px solid #802b0d; border-bottom: 1px solid #ab5839; border-left: 1px solid transparent; border-right: 1px solid transparent; } .top .sloupec .container {float: left;} .top .minHeight { height: 70px; width: 0px; float: right;} .top .sloupec .searchForm {position: absolute; right: 20px; top: 10px; z-index: 100;} .top .sloupec .searchForm .search {border-radius: 7px; outline: 0; padding: 3px 5px; width: 215px;} .top .sloupec .searchForm .searchButton { border-radius: 7px; margin-left: 15px; border: 1px solid #fff; height: 26px; padding: 0 10px; cursor: hand; cursor: pointer; outline: 0; } .whispererBlock {width: 326px; background-color: #E5E5E5; border-radius: 7px;border: 1px solid #ccc; margin-top: 5px;} .whispererBlock .whispererItem {height: 60px; display: block; border-top: 1px solid #ccc; overflow: hidden;color: #666;width: 95%;margin: 0 auto;} .whispererBlock .whispererItem:hover {color: #000;} .whispererBlock .selectedWhispererItem {background-color: #C4C4C4;} .whispererBlock .whispererItem:first-child {border: 0;} /*.whispererBlock .whispererItem:last-child {border: 0; border-bottom-left-radius: 7px; border-bottom-right-radius: 7px;}*/ .whispererBlock .whispererItem .image {width: 52px; height: 39px;display: block; float: left; margin: 10px 0 0 5px;} .whispererBlock .whispererItem .text {width: 137px; display: block; float: left; margin-left: 5px; line-height: 20px; height: 37px; overflow: hidden;padding-top: 10px;text-align: left;font-size: 12px;} .whispererBlock .whispererItem .price {width: 75px; display: block; float: right; margin-left: 5px; line-height: 60px; text-align: right; padding-right: 5px;} .bottom .sloupec { width: 940px; margin: 0 auto; position: relative; padding: 15px 0; } .bottom .sloupec hr { border-top: 1px solid #8a8988; border-bottom: 1px solid #b6b4b4; border-left: 1px solid transparent; border-right: 1px solid transparent; float: left; width: 100%; clear: both; } .bottom .sloupec hr.lower { border-top: 1px solid #c0c0c0; border-bottom: 1px solid #f0f0f0; border-left: 1px solid transparent; border-right: 1px solid transparent; } .kp .sloupec {padding: 0px;} /* text-frame */ .text-frame {height: auto; width: 396px; float: left; overflow: hidden; margin-bottom: 17px;} .text-frame .odsazeni {height: auto; width: 380px; float: none; margin: 0px auto;} .text-frame .nadpis {height: 47px; width: 380px; color: #f15923; float: left; background: transparent url(ak-frame.png) no-repeat 0px -5px; } .text-frame .nadpis h1{height: 44px; width: 336px; color: #f15923; float: none; margin: 0px auto; padding: 4px 0px 0px 0px; line-height: 41px; font-size: 23px; overflow: hidden;} .text-frame .wrap {height: auto; width: 380px; float: left; background: transparent url(ak-repy.png) repeat-y 3px 0px;} .text-frame .wrap .wrap {background: transparent url(ak-frame.png) no-repeat 0px -52px;} .text-frame .hrana {height: 4px; width: 380px; float: left; background: transparent url(ak-frame.png) no-repeat 0px 0px; overflow: hidden;} .text-frame .text {width: 340px; height: auto; float: none; margin: 0px auto 5px auto; color: #333333;} .text-frame .minheight{width: 0px; height: 154px; float: left;} .text-frame p{line-height: 18px; font-size: 75%; margin-top: 12px; text-indent: 1em; color: #333333;} .text-frame ul{font-size: 75%; color: #333333;} .text-frame ol{font-size: 75%; color: #333333;} .text-frame hr, .text-frame .hr {} .text-frame a{text-decoration: underline; color: #333333;} .text-frame a:hover{text-decoration: none;} .text-frame h2{font-size: 112.5%; margin: 13px 0px 0px 0px; color: #333333;} .text-frame h3{font-size: 100%; color: #333333;} .text-frame h4{font-size: 87.5%; color: #333333;} .text-frame .noI { background: transparent url(ak-frame2.png) no-repeat 0px -5px; } .text-frame .wrap .noI { background: transparent url(ak-frame2.png) no-repeat 0px -52px; } .cmsAddedObject .text-frame {float: none;} .strom a {text-decoration: none;} .strom a:hover {text-decoration: underline;} .strom a.selected {font-weight: bolder;} .strom ul {font-size: 87.5%; padding-left: 25px; list-style-position: outside; list-style-image: url(ak-list.png); text-align: justify;} .strom ul ul {font-size: 100%; padding: 0px 0px 0px 19px; line-height: 22px; margin: 0px;} .textpage {padding: 25px 0px;} .textpage p, div.p {margin: 0px; text-indent: 0px; font-size: 81%; font-weight: normal;} .textpage img {margin: 0px; border: 0px solid #000000;} .textpage b,strong {font-weight: bold;} .textpage a {text-decoration: underline; font-weight: normal;} .textpage a:hover {text-decoration: none;} .textpage ol {font-size: 81%;} .textpage ul {font-size: 81%;} .textpage hr {margin: 0px; padding: 0px;} .textpage h2 {margin: 0px; padding: 10px 0 10px 0; font-weight: bold; font-size: 125%;} .textpage h3 {margin: 0px; padding: 10px 0 10px 0; font-weight: bold; font-size: 93.75%;} .textpage h4 {margin: 0px; padding: 0px; font-weight: bold; font-size: 87.5%;} .parametrInForm { color: #000; display: inline-block; } .parametrInForm input.text { border: 1px solid #000; } .parametrInForm .nazev { } a.bg-btn, button.bg-btn { height: 26px; border: 0px; color: #fff; font-weight: bold; display: block; text-align: center; line-height: 26px; font-family: arial; margin: 0px 4px; } a.bg-btn { font-size: 110%; padding: 0px 8px; } .image .akce { width: 121px; height: 101px; float: right; } .btn { border: 0px; background: #ff0000; color: #fff; font-weight: bold; padding: 4px; cursor: pointer; font-family: verdana; font-size: 12px; display: inline-block; vertical-align: middle; margin: 2px; } .btn:hover { text-decoration: none; background: #dd7e5b; } #plovouciMenu { float: left; } .miniMenu { float: left; display:block; } #header .miniMenu .zeleneTlacitko { background-color: #42A74C; color: #FFFFFF; text-align: center; border-radius: 4px; font-size: 14px; font-weight: bold; padding: 10px; margin: 10px; display: inline-flex; margin-top: 39px; } #header .miniMenu .zeleneTlacitko span { line-height: 16px; display: inline-block; vertical-align: middle; } #pesForm input[type=checkbox] { margin-right:10px; } #pesForm input[type=text] { margin-left:10px; } #pesForm div { margin:10px 0; } .souvisejici {width: 700px;} .souvisejici .katalog { float: left; margin: 0 0 10px 0; } .souvisejici .katalog .vypis-grid { font-size: 15px; } .vysouvaciZalozka { height: 303px; width: auto; position: fixed; z-index: 1; left: -519px; top: 394px; } .fbZalozka { height: 37px; width: 142px; position: fixed; z-index: 1; right: -47px; top: 440px; background-color: #293F7B; -ms-transform: rotate(270deg); -webkit-transform: rotate(270deg); transform: rotate(270deg); color: #FFFFFF; font-size: 22px; font-weight: bold; border-top-left-radius: 4px; border-top-right-radius: 4px; padding-top: 10px; text-transform: lowercase; } .garantZalozka { height: 35px; width: 193px; position: fixed; z-index: 1; right: -70px; top: 242px; background-color: #42A74C; -ms-transform: rotate(270deg); -webkit-transform: rotate(270deg); transform: rotate(270deg); color: #FFFFFF; font-size: 16px; font-weight: bold; border-top-left-radius: 4px; border-top-right-radius: 4px; padding-top: 18px; text-transform: uppercase; } .fbZalozka:hover, .garantZalozka:hover { text-decoration: none; } .otevritZalozku { width: 56px; height: 303px; background-color: #293F7B; border-bottom-right-radius: 4px; border-top-right-radius: 4px; float: left; /* background-color: #070707; background-image: url('zalozkaOpen.jpg'); */ } .otevritText { -webkit-transform: rotate(-90deg); -moz-transform: rotate(-90deg); -o-transform: rotate(-90deg); -ms-transform: rotate(-90deg); filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3); writing-mode: lr-tb; width: 303px; height: 56px; float: left; margin-left: -125px; margin-top: 123px; /*font-family: barmeno; https://www.binargon.cz/admin/index.php?fce=39&taskDetail=40379 - font nepodporuje české znaky */ font-size: 24px; color: #fff/*100*/; cursor: hand; cursor: pointer; line-height: 56px; overflow: hidden; } .close { width: 35px; height: 34px; background-image: url('close.png'); position: absolute; margin-left: 53px; margin-top: -31px; cursor: hand; cursor: pointer; display: none; } .obsahZalozky { float: left; width: 465px; height: 257px; background-color: #b8b8b7; background-image: url('zalozkaObsah.jpg'); background-repeat: repeat-x; padding-top: 16px; padding-left: 24px; padding-bottom: 30px; padding-right: 30px; overflow: hidden; } .obsahZalozky img { float: left; margin-right: 14px; } .obsahZalozky h2 { float: left; text-align: left; width: 200px; font-size: 24px; } .obsahZalozky a { color: #f33d01; font-weight: bold; font-size: 23px; text-decoration: underline; } .obsahZalozky p { text-align: justify; font-size: 12px; } .katalogTopProdukty .title { margin: 0px; font-size: 32px; padding: 8px 0px 8px 0px; font-weight: bold; color: #d93900; } .katalogTopProdukty .listcontrolPages2 { display: none !important; } #main .top .pneu .filterParam { width: 160px; height: 30px; } #main .top .pneu .filterParam select { width: 100px; } #main .top .pneu .filterParam select option:disabled { display: none; } #main .top .pneu .filterParam .name_select { float: left; display: block; } #main .top .pneu .filterParam .filterValue { float: right; display: block; } .filterParam_systemId_skladem { position: absolute; right: 0px; top: 122px; width: 200px !important; font-weight: bold; } .filterParam_systemId_skladem input[type=checkbox] { margin-right: 5px; } #main .top .pneu .name_systemId_skladem { display: none; } #main .top .pneu .filterParam_systemId_skladem .count { display: none; } #main .top .pneu .filterSubmitButton, #main .top .pneu .filterCancelButton { width: 92px; height: 28px; border: 1px solid #4C5D74; background: #66768c; background: -moz-linear-gradient(top, #66768c 0%, #596a82 100%); background: -webkit-linear-gradient(top, #66768c 0%,#596a82 100%); background: linear-gradient(to bottom, #66768c 0%,#596a82 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#66768c', endColorstr='#596a82',GradientType=0 ); padding: 0; box-shadow: inset 1px 1px 0 #6F829C; text-align: center; font-size: 12px; font-weight: bold; line-height: 28px; border-radius: 4px; color: #FFFFFF; display: inline-block; } #main .top .pneu .filterSubmitButton:hover, #main .top .pneu .filterCancelButton:hover { background: #5a697d; background: -moz-linear-gradient(top, #5a697d 0%, #4c5c72 100%); background: -webkit-linear-gradient(top, #5a697d 0%,#4c5c72 100%); background: linear-gradient(to bottom, #5a697d 0%,#4c5c72 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#5a697d', endColorstr='#4c5c72',GradientType=0 ); text-decoration: none; } select option[disabled], select option:disabled { display: none; } .pointS { background-image: url(grafika/pointS.png); width: 104px; height: 28px; background-repeat: no-repeat; display: block; } .telefon { background-image: url(grafika/telefon.png); width: 11px; height: 17px; background-repeat: no-repeat; display: block; } p.telefon, p.facebook, p.email { color: #566272; font-size: 22px; font-weight: bold; width: auto; padding: 0 0 0 30px; } .email { background-image: url(grafika/email.png); width: 15px; height: 15px; background-repeat: no-repeat; display: block; } .facebook { background-image: url(grafika/facebook.png); width: 19px; height: 19px; background-repeat: no-repeat; display: block; } .malyKosik { background-image: url(grafika/malyKosik.png); width: 18px; height: 14px; background-repeat: no-repeat; display: inline-block; } .kosikIcon { width: 24px; height: 19px; display: block; background-image: url(grafika/kosikIcon.png); } .porovnat { width: 20px; height: 18px; display: block; background-image: url(grafika/porovnat.png); } .tisk { width: 20px; height: 20px; display: block; background-image: url(grafika/tisk.png); } .hlidat { width: 20px; height: 17px; display: block; background-image: url(grafika/hlidat.png); } .doKosiku { background-image: url(grafika/doKosiku.png); width: 35px; height: 30px; } .informacniSdeleniZapati form, .informacniSdeleniFiltry form { display: inline; } .informacniSdeleniZapati .ukazSdeleni, .informacniSdeleniFiltry .ukazSdeleni { display: inline; background: none; border: 0; color: #656C76; text-decoration: underline; font-size: 13px; cursor: pointer; padding: 0; height: 15px; font-family: Arial, Sans, Helvetica, sans-serif; outline: 0; display: inline; font-weight: bold; } .informacniSdeleniZapati .ukazSdeleni:hover, .informacniSdeleniFiltry .ukazSdeleni:hover { text-decoration: none; } .informacniSdeleniFiltry .ukazSdeleni { color: #000000; font-size: 12px; } .informacniSdeleniFiltry { padding: 0 !important; margin: 0 0 0 180px; }