/* LOGIN */ .mod-login { float: left; width: 99%; } .mod-login .left { float: left; width: 33%; text-indent: 5%; } .mod-login .right { float: left; width: 66%; } .mod-login .right .tx { float: left; width: 90%; } /* ZABUDNUTE HESLO */ .mod-zabudnute-heslo { float: left; width: 100%; } .mod-zabudnute-heslo .left { float: left; width: 25%; padding-left: 20%; } .mod-zabudnute-heslo .right { float: left; width: 54%; } /* REGISTRACIA */ .mod-registracia { float: left; width: 100%; } .mod-registracia .cast { float: left; width: 60%; padding: 8px 0 8px 39%; font-size: 14px; font-weight: bold; } .mod-registracia .left { float: left; width: 36%; text-align: right; padding-right: 3%; } .mod-registracia .right { float: left; width: 60%; } .mod-registracia .povinne { border: 1px solid #f10404; } /* ZVISLE MENU */ .ver-menu { z-index: 1000; } .ver-menu ul { width: 100%; padding: 0; margin: 0; list-style-type: none; } * html .ver-menu ul { margin-left: -16px; ma\rgin-left: 0; } .ver-menu li { position: relative; background: #f5f5f5; padding: 0px; } .ver-menu table { position: absolute; top: 0; left: 0; z-index: 1100; border-collapse: collapse; } .ver-menu a, .ver-menu a:visited { width: 100%; height: 30px; line-height: 30px; display: block; text-decoration: none; color: #000; text-align: center; border-bottom: solid 1px #ebebeb; } * html .ver-menu a, * html .ver-menu a:visited { background: #d4d8bd; width: 150px; w\idth: 149px; } .ver-menu :hover > a { color: black; background-color: #fcfcfc; } .ver-menu ul ul { position: absolute; top: 20px; left: 150px; z-index: 1200; visibility: hidden; border: solid 1px silver; } .ver-menu ul li:hover ul, .ver-menu ul a:hover ul { visibility: visible; } .ver-menu ul :hover ul ul{ visibility: hidden; } .ver-menu ul :hover ul :hover ul ul{ visibility: hidden;} .ver-menu ul :hover ul :hover ul{ visibility: visible;} .ver-menu ul :hover ul :hover ul :hover ul { visibility: visible;} /* HORIZINTALNE MENU */ .hor-menu { float: left; width: 100%; height: 30px; line-height: 30px; margin: 20px 0 0 0; font-size: 18px; background-color: #f0f0f0; } .hor-menu li { padding: 0px; line-height: normal; } .hor-menu a { border: none; } .hor-menu, .hor-menu ul { padding: 0; margin: 0; list-style-type: none; z-index: 100; } .hor-menu a, .hor-menu a:visited { float: left; height: 30px; line-height: 30px; display: block; padding: 0 15px 0 15px; font-size: 14px; font-weight: bold; color: #000; text-decoration: none; } .hor-menu li ul li a, .hor-menu li ul li a:visited { width: 150px; height: 25px; line-height: 25px; background-color: #f0f0f0; color: #000; font-weight: normal; font-size: 12px; } .hor-menu li { float: left; } .hor-menu li:hover { position: relative; } .hor-menu li:hover > a { background: #d9d6c6; color: black; } .hor-menu li ul { display: none; border: solid 1px #d5d5d5; } .hor-menu li:hover > ul { display: block; position: absolute; top: -11px; left: 80px; background: transparent url(img/transparent.gif); } .hor-menu > li:hover > ul { left: 0px; top: 27px; } .hor-menu table { position: absolute; border-collapse: collapse; top: 0; left: 0; z-index: 1000; } * html .hor-menu li a:hover { position: relative; background: #d9d6c6; color: black;} * html .hor-menu li ul { visibility: hidden; display: block; position: absolute; top: -11px; left:80px; padding:10px 30px 30px 30px; background: transparent url(img/transparent.gif); } .hor-menu li a:hover ul ul{ visibility: hidden; } .hor-menu li a:hover ul a:hover ul ul { visibility: hidden; } .hor-menu li a:hover ul a:hover ul a:hover ul ul { visibility: hidden; } .hor-menu li a:hover ul a:hover ul a:hover ul a:hover ul ul { visibility: hidden; } .hor-menu li a:hover ul { visibility: visible; left: -30px; top: 14px; lef\t: -31px; to\p: 28px; } .hor-menu li a:hover ul a:hover ul{ visibility: visible; top: -11px; left: 80px; } .hor-menu li a:hover ul a:hover ul a:hover ul { visibility: visible; } .hor-menu li a:hover ul a:hover ul a:hover ul a:hover ul { visibility: visible; } .hor-menu li a:hover ul a:hover ul a:hover ul a:hover ul a:hover ul { visibility: visible; } /* ČLÁNOK-RSS */ .mod-rss { float: left; width: 100%; } .mod-rss .pager { float: left; width: 100%; text-indent: 10px; padding: 5px 0 5px 0; font-weight: bold; } .mod-rss .pager a.no { text-decoration: none;} .mod-rss .clanok { float: left; width: 98%; padding: 1%; border-bottom: 1px solid silver; } .mod-rss .nadpis { float: left; width: 100%; font-weight: bold; font-size: 14px; } .mod-rss .link { float: left; width: 100%; text-align: right; } /* GALÉRIA */ .mod-galeria { float: left; width: 100%; } .mod-galeria div.fotky { float: left; width: 100%; } .mod-galeria div.fotka { float: left; display: table; width: 110px; text-align: center; height: 100px; padding: 1px; background-color: #d3c7b3; margin: 11px 11px 0px 0px; border: 1px solid #d3c7b3; } .mod-galeria div.fotka:hover { border: 1px solid #704d3d; } .mod-galeria div.fotka a { height: 100px; #position: absolute; #top: 50%; display: table-cell; vertical-align: middle; } .mod-galeria div.fotka img { #position: relative; #top: -50%; max-width: 110px; max-height: 100px; width: expression(this.height < this.width && this.width > 110 ? 110 : true); height: expression(this.height >= this.width && this.height > 100 ? 100 : true); } /* ANKETA */ .mod-anketa { float: left; width: 94%; padding: 3%; margin: 5px 0 5px 0; } .mod-anketa .mod-anketa-in { float: left; width: 94%; padding: 3%; border: solid 1px #d0d0d0; } .mod-anketa a { color: #24314d; border: none; } .mod-anketa .nazov { float: left; width: 100%; padding: 3px 0 3px 0; font-weight: bold; text-align: center; color: Black; } .mod-anketa .hlasovalo { float: left; width: 100%; padding: 3px 0 3px 0; text-align: center; color: #888; } /* E-PRODUKTY */ .mod-e-produkty { float : left; width: 100%; } /* E-PRODUKTY Strankovac */ .mod-e-produkty .user-sort { float: right; margin-top: -60px; } .mod-e-produkty .strankovac { float: left; width: 100%; padding: 30px 0 0 0; height: 30px; } .mod-e-produkty .strankovac .right { float: right; width: 60%; height: 30px; } .mod-e-produkty .strankovac .right a { float: right; padding: 0 5px; text-decoration: none; font-weight: bold; text-align: center; color: #552611; } .mod-e-produkty .strankovac .right a.set { cursor: default; color: #910000; font-size: 22px; } .mod-e-produkty .strankovac .right a.set:hover { cursor: default; } .mod-e-produkty .strankovac .right a.first { display: none; } .mod-e-produkty .strankovac .right a.last { display: none; } .mod-e-produkty .strankovac .right a.next, .mod-e-produkty .strankovac .right a.prev { text-decoration: underline; } .mod-e-produkty .strankovac .right a.next:hover, .mod-e-produkty .strankovac .right a.prev:hover { text-decoration: none; } .mod-e-produkty .strankovac .right a.no { cursor: default; color: #c29c8b; text-decoration: none; } .mod-e-produkty .strankovac .right a.no:hover { cursor: default; color: #c29c8b; text-decoration: none; } /* E-PRODUKTY Produkt */ .mod-e-produkty .produkt { float: left; width: 249px; height: 218px; position: relative; border: solid 1px #c8b6a2; border-top-width: 0px; border-right-width: 0px; } .mod-e-produkty div.first { border-left-width: 0px; } .mod-e-produkty div.last { border-bottom-width: 0px; } .mod-e-produkty .produkt div.fotka { float: left; position: absolute; overflow: hidden; top: 10px; left: 10px; width: 85px; height: 200px; text-align: center; background: white; -moz-box-shadow: 0 0 5px #888; -webkit-box-shadow: 0 0 5px #888; box-shadow: 0 0 5px #888; } .mod-e-produkty .produkt div.fotka a { height: 180px; width: 600px; position: absolute; z-index: 1; top: 10px; left: -258px; } .mod-e-produkty .produkt div.fotka a img { height: 180px; } .mod-e-produkty .produkt div.fotka .view { height: 17px; width: 17px; position: absolute; bottom: 5px; left: 5px; z-index: 5; background: url(img/view.png) top left no-repeat; } .mod-e-produkty .produkt .nadpis-popis { position: absolute; top: 15px; left: 110px; width: 135px; line-height: 20px; } .mod-e-produkty .produkt .nadpis { float: left; width: 100%; } .mod-e-produkty .produkt .nadpis a, .mod-e-produkty .produkt .nadpis h2 { font-size: 13px; font-weight: bold; color: #704d3d; } .mod-e-produkty .produkt .nadpis .dop a, .mod-e-produkty .produkt .nadpis .dop h2 { color: #9f0000; } .mod-e-produkty .produkt div.popis { float: left; width: 100%; padding: 10px 0 0 0; } .mod-e-produkty .produkt div.popis p { padding: 0px; color: #704d3d; line-height: 16px; } .mod-e-produkty .produkt .cena { position: absolute; bottom: 40px; left: 110px; width: 135px; line-height: 20px; color: #990000; } .mod-e-produkty .produkt .cena-stara { position: absolute; bottom: 60px; left: 110px; width: 135px; line-height: 20px; } .mod-e-produkty .produkt .cena h3 { color: #990000; font-size: 17px; font-weight: bold; } .mod-e-produkty .produkt .cena-stara h3 { color: #000; font-size: 17px; font-weight: bold; text-decoration: line-through; } .mod-e-produkty .produkt div.dostupnost { float: left; display: none; visibility: hidden; position: relative; width: 100%; text-align: center; height: 20px; line-height: 20px;} .mod-e-produkty .produkt div.dostupnost .viac { display: none; font-size: 11px; float: left; position: absolute; top: 20px; left: -30px; width: 280px; z-index: 5; padding: 5px; line-height: 20px; border: solid 2px silver; background: white; } .mod-e-produkty .produkt div.dostupnost .sklad { color: #777; } .mod-e-produkty .produkt div.dostupnost .stav { font-weight: bold; } .mod-e-produkty .produkt div.dostupnost:hover .viac { display: block; } .mod-e-produkty .produkt div.akcia { position: absolute; width: 55px; height: 55px; top: 7px; left: 7px; z-index: 3; background: transparent url(img/akcia.png) top right no-repeat; } .mod-e-produkty .produkt div.novinka { position: absolute; width: 55px; height: 55px; top: 7px; left: 7px; z-index: 3; background: transparent url(img/novinka.png) top right no-repeat; } .mod-e-produkty .produkt div.vypredaj { position: absolute; width: 55px; height: 55px; top: 7px; left: 7px; z-index: 3; background: transparent url(img/vypredaj.png) top right no-repeat; } .mod-e-produkty .produkt div.kosik { position: absolute; bottom: 10px; left: 110px; width: 135px; line-height: 20px; } .mod-e-produkty .produkt div.kosik span { float: left; width: 44px; line-height: 25px; font-weight: bold; } .mod-e-produkty .produkt .kos-pridat { float: left; width: 26px; height: 26px; margin: 0 3px 0 0; background: url(img/kos.png) top left no-repeat; } .mod-e-produkty .produkt .kos-plny { float: left; width: 26px; height: 26px; margin: 0 3px 0 0; background: url(img/kos.png) top left no-repeat; } .mod-e-produkty .produkt .kos-zmazat { float: left; width: 26px; height: 26px; background: url(img/kosfull.png) top left no-repeat; } .mod-e-produkty .produkt .kos-pocet[type=text] { float: left; font-weight: bold; height: 26px; width: 26px; border: none; padding: 0; margin: 0 3px 0 0; text-align: center; text-indent: 0px; background: white; border-color: white; } /* E-PRODUKTY Detail */ .mod-e-produkty .detail { float: left; width: 100%; } .mod-e-produkty .detail .nadpis { float: left; width: 100%; padding: 10px 0 10px 0; } .mod-e-produkty .detail .nadpis span { float: left; font-size: 24px; line-height: 20px; font-weight: bold; } .mod-e-produkty .detail .nadpis a { float: right; } .mod-e-produkty .polozky-v-sete { float: left; width: 100%; font-size: 15px; } .mod-e-produkty .detail .detail-left { float: left; width: 24%; min-height: 450px; position: relative; } .mod-e-produkty .detail .detail-right { float: left; width: 76%; position: relative; } .mod-e-produkty .detail .fotka { float: left; position: absolute; top: 10px; left: 0px; width: 205px; height: 420px; overflow: hidden; background: white; text-align: center; -moz-box-shadow: 0 0 5px #888; -webkit-box-shadow: 0 0 5px #888; box-shadow: 0 0 5px #888; } .mod-e-produkty .detail .fotka a { float: left; width: 3000px; height: 400px; position: absolute; z-index: 1; top: 10px; left: -1398px; } .mod-e-produkty .detail .fotka img { height: 400px; } .mod-e-produkty .detail-akcia { position: absolute; width: 55px; height: 55px; top: 7px; left: -3px; z-index: 3; background: transparent url(img/akcia.png) top right no-repeat; } .mod-e-produkty .detail-novinka { position: absolute; width: 55px; height: 55px; top: 7px; left: -3px; z-index: 3; background: transparent url(img/novinka.png) top right no-repeat; } .mod-e-produkty .detail-vypredaj { position: absolute; width: 55px; height: 55px; top: 7px; left: -3px; z-index: 3; background: transparent url(img/vypredaj.png) top right no-repeat; } .mod-e-produkty .detail .fotky { float: left; width: 93%; line-height: 30px; } .mod-e-produkty .detail .fotky-napis { float: left; width: 100%; font-weight: bold; } .mod-e-produkty .detail .fotky .fotka { float: left; position: relative; overflow: hidden; margin: 0 10px 10px 0; width: 85px; height: 170px; text-align: center; background: white; -moz-box-shadow: 0 0 5px #888; -webkit-box-shadow: 0 0 5px #888; box-shadow: 0 0 5px #888; } .mod-e-produkty .detail .fotky .fotka a { height: 150px; width: 600px; position: absolute; z-index: 1; top: 10px; left: -258px; } .mod-e-produkty .detail .fotky .fotka img { height: 150px; } .mod-e-produkty .detail .kosik { float: right; width: 348px; height: 68px; border: 1px solid #d0beab; background: url(img/white-30.png); } .mod-e-produkty .detail .kosik span { float: left; line-height: 68px; padding-left: 22px; font-weight: bold; } .mod-e-produkty .detail .kosik .kos-pridat { float: left; margin: 20px 0 0 10px; width: 26px; height: 26px; background: url(img/kos.png) top left no-repeat; } .mod-e-produkty .detail .kosik .kos-plny { float: left; margin: 20px 0 0 10px; width: 26px; height: 26px; background: url(img/kos.png) top left no-repeat; } .mod-e-produkty .detail .kosik .kos-zmazat { float: left; margin: 20px 0 0 10px; width: 26px; height: 26px; background: url(img/kosfull.png) top left no-repeat; } .mod-e-produkty .detail .kosik .kos-pocet[type=text] { float: left; margin: 20px 0 0 30px; font-weight: bold; height: 26px; width: 100px; border: none; padding: 0; text-indent: 10px; background: white; } .kosik-effects-transfer { border: 2px dotted #d0beab; z-index: 9999; background: url(img/white-30.png); } .mod-e-produkty .detail .detail-right .spat { float: left; width: 100%; padding: 20px 0 10px 0; text-align: left; } .mod-e-produkty .detail .detail-right .cena { float: left; width: 380px; padding: 15px 0 0 0; } .mod-e-produkty .detail .detail-right .cena h2 { font-size: 17px; font-weight: bold; color: #c00000; } .mod-e-produkty .detail .detail-right .cena .small { font-size: inherit; color: #c00000; } .mod-e-produkty .detail .detail-right .cena-stara { float: left; width: 380px; padding: 0 0 0 0; } .mod-e-produkty .detail .detail-right .cena-stara h2 { font-size: 17px; font-weight: bold; color: #000; text-decoration: line-through; } .mod-e-produkty .detail .detail-right .cena-stara .small { font-size: inherit; color: #000; } .mod-e-produkty .detail .detail-right .podrobnosti-left { float: left; width: 50%; padding: 0 5% 0 0; } .mod-e-produkty .detail .detail-right .prilohy-right { float: right; width: 45%; padding: 0; } .mod-e-produkty .detail .detail-right .podrobnosti .inner { float: left; } .mod-e-produkty .detail .detail-right .podrobnosti .inner .nazov { float: left; width: 35%; color: #704d3d; font-weight: bold; } .mod-e-produkty .detail .detail-right .podrobnosti .inner .hodnota { float: left; width: 65%; font-weight: normal; } .mod-e-produkty .detail .detail-right .podrobnosti .inner .hodnota h3 { color: #704d3d; font-size: 12px; } .mod-e-produkty .detail .detail-right .podrobnosti .inner .hodnota a { color: #704d3d; } .mod-e-produkty .detail .detail-right .podrobnosti .inner .hodnota .sklad { float: left; } .mod-e-produkty .detail .detail-right .podrobnosti .inner .hodnota .stav { font-weight: bold; float: right; } .mod-e-produkty .detail .popis { float: left; width: 100%; padding: 20px 0px 10px 0px; } /* E-PRODUKTY KOMBINACIE */ .mod-e-produkty .kosik-konfig { float: left; width: 100%; padding: 10px 0; } .mod-e-produkty .kosik-konfig .konfig-polozka { float: left; width: 100%; border-bottom: solid 1px silver; } .mod-e-produkty .kosik-konfig .konfig-nazov { float: left; width: 70%; } .mod-e-produkty .kosik-konfig .konfig-zmazat { float: left; width: 30%; } /* E-PRODUKTY BODOVANIE */ .mod-e-produkty .bodovanie { float: left; width: 100%; padding: 6px 0 0 0; } .mod-e-produkty .bodovanie .ratingStar { font-size: 0pt; width: 13px; height: 12px; margin: 0px; padding: 0px; cursor: pointer; display: block; float: right; background-repeat: no-repeat; } .mod-e-produkty .bodovanie .filledRatingStar { background-image: url(../../plugins/e-produkty/img/FilledStar.png); } .mod-e-produkty .bodovanie .emptyRatingStar { background-image: url(../../plugins/e-produkty/img/EmptyStar.png); } .mod-e-produkty .bodovanie .savedRatingStar { background-image: url(../../plugins/e-produkty/img/SavedStar.png); } /* E-PRODUKTY PRILOHY */ .mod-e-produkty .prilohy { float: left; width: 100%; padding: 15px 1% 10px 1%; } .mod-e-produkty .prilohy strong { float: left; height: 20px; line-height: 20px; padding: 0 5px 0 0; } .mod-e-produkty .prilohy a { padding: 0 5px 0 25px; float: left; height: 20px; line-height: 20px; background: url(../../plugins/e-produkty/img/priloha.png) no-repeat top left; } /* E-PRODUKTY PES */ .mod-e-produkty fieldset.pes { float: left; width: 93%; border: solid 1px #EFEFEF; padding: 2% 3%; margin: 10px 0; } .mod-e-produkty fieldset.pes legend { font-size: 12px; color: #000; background: #EFEFEF; padding: 1px 5px; } .mod-e-produkty fieldset.pes .nazov { float: left; width: 25%; color: #777; } .mod-e-produkty fieldset.pes .hodnota { float: left; width: 75%; } .mod-e-produkty fieldset.pes input[type=text] { padding: 1px 3px; height: 14px; } /* E-PRODUKTY DISKUSIA */ .mod-e-produkty .diskusia .inner, .mod-e-produkty .diskusia .inner:hover { float: left; height: inherit; line-height: inherit; border-bottom: inherit; background-color: inherit; } .mod-e-produkty .diskusia .prispevky { float: left; width: 100%; } .mod-e-produkty .diskusia .prispevok { float: left; width: 100%; } .mod-e-produkty .diskusia .prispevok .in { float: left; width: 100%; margin-top: 5px; padding: 5px 0; border-bottom: solid 1px #EFEFEF; } .mod-e-produkty .diskusia .prispevok div.prispevok_fotka { float: left; width: 10%; } .mod-e-produkty .diskusia .prispevok div.prispevok_fotka img { max-width: 95%; width: expression(this.height < this.width && this.width > 50 ? 50 : true); height: expression(this.height >= this.width && this.height > 50 ? 50 : true); } .mod-e-produkty .diskusia .prispevok div.text { float: left; width: 90%; } .mod-e-produkty .diskusia .prispevok div.text .menu { color: #000; } .mod-e-produkty .diskusia .prispevok div.text .datum { color: #888; } .mod-e-produkty .diskusia .prispevok div.text span.text { color: #999; } .mod-e-produkty .diskusia .prispevok div.text a.right { float: right; font-weight: normal; color: Black; padding: 0 5px; background: #EFEFEF; } .mod-e-produkty .diskusia .uroven2 .in, .mod-e-produkty .diskusia .uroven3 .in, .mod-e-produkty .diskusia .uroven4 .in { float: left; width: 100%; border-bottom: none; } /* KOŠIK CENA */ .mod-e-kosik-cena { float: left; width: 100%; text-align: center; margin: 5px 0 5px 0; padding: 5px 0 5px 0; } .mod-e-kosik-cena .cena { font-weight: bold; font-size: 16px; color: #CC0000; } .mod-e-kosik-cena .pocet { font-weight: bold; font-size: 16px; color: #CC0000; } /* KOŠÍK */ .mod-e-kosik { float: left; width: 100%; } .mod-e-kosik .produkt { float: left; width: 100%; line-height: 30px; border-bottom: 1px solid #cdbaa6; font-family: Arial; } .mod-e-kosik .produkt .fotka { float: left; width: 5%; height: 30px; padding: 8px 0 0 0; text-align: center; } .mod-e-kosik .produkt .fotka img { max-width: 90%; max-height: 28px; } .mod-e-kosik .produkt .fotka-big img { max-width: 200px; max-height: 250px; border: solid 1px #999; padding: 5px; background-color: White; } .mod-e-kosik .produkt .nazov { float: left; width: 44%; padding: 8px 0 5px 0; } .mod-e-kosik .produkt .cena { float: left; width: 17%; text-align: right; padding: 8px 0 0 0; } .mod-e-kosik .produkt .cena span { color: #cc0000; } .mod-e-kosik .produkt .pocet { float: right; width: 16%; text-align: right; line-height: inherit; } .mod-e-kosik .head .pocet { padding: 8px 0 0 0; } .mod-e-produkty .detail .kosik { float: right; width: 348px; height: 68px; border: 1px solid #d0beab; background: url(img/white-30.png); } .mod-e-produkty .detail .kosik span { float: left; line-height: 68px; padding-left: 22px; font-weight: bold; } .mod-e-produkty .detail .kosik .kos-pridat { float: left; margin: 20px 0 0 10px; width: 26px; height: 26px; background: url(img/kos.png) top left no-repeat; } .mod-e-produkty .detail .kosik .kos-plny { float: left; margin: 20px 0 0 10px; width: 26px; height: 26px; background: url(img/kos.png) top left no-repeat; } .mod-e-produkty .detail .kosik .kos-zmazat { float: left; margin: 20px 0 0 10px; width: 26px; height: 26px; background: url(img/kosfull.png) top left no-repeat; } .mod-e-produkty .detail .kosik .kos-pocet[type=text] { float: left; margin: 20px 0 0 30px; font-weight: bold; height: 26px; width: 100px; border: none; padding: 0; text-indent: 10px; background: white; } .mod-e-kosik .produkt .pocet img { float: right; margin-top: 8px; } .mod-e-kosik .produkt .pocet input[type=text] { float: right; width: 50px; height: 26px; padding: 0; margin: 8px 10px 0 0; border: none; background: white; font-weight: bold; color: black; text-indent: 10px; } .mod-e-kosik .kos-pridat { float: right; width: 26px; margin: 8px 10px 0 0; height: 26px; background: url(img/kos.png) top left no-repeat; } .mod-e-kosik .kos-plny { float: right; width: 26px; margin: 8px 10px 0 0; height: 26px; background: url(img/kos.png) top left no-repeat; } .mod-e-kosik .kos-zmazat { float: right; width: 26px; margin: 8px 0 0 0; height: 26px; background: url(img/kosfull.png) top left no-repeat; } .mod-e-kosik .sumar { float: left; padding: 10px 17% 10px 0; width: 83%; text-align: right; background: url(img/footer.png); } .mod-e-kosik .sumar span { font-weight: bold; color: #cc0000; font-size: 17px; padding: 0 0 0 5px; } .mod-e-kosik .pokracovat { float: left; width: 100%; text-align: center; padding: 10px 0 10px 0; } .mod-e-kosik .pokracovat .ok { float: left; width: 180px; text-decoration: none; height: 35px; line-height: 35px; margin-right: 5px; text-align: center; color: #005102; background: #d4ffd4; border: solid 1px #005102; } .mod-e-kosik .pokracovat .zrus { float: left; width: 180px; text-decoration: none; height: 35px; line-height: 35px; margin-right: 5px; text-align: center; color: #4b0000; background: #ffd8d8; border: solid 1px #4b0000; } .mod-e-kosik .pokracovat .uloz { float: left; width: 180px; text-decoration: none; height: 35px; line-height: 35px; text-align: center; color: #6b1900; background: #fdfdd2; border: solid 1px #6b1900; } .mod-e-kosik .moznost { float: left; width: 100%; margin: 5px 0 5px 0; padding: 5px 0 5px 0; border: 1px solid #d0beab; } .mod-e-kosik .moznost .left { float: left; width: 30%; padding: 2px 0 0 0; text-indent: 5px; } .mod-e-kosik .moznost .right { float: left; width: 69%; } .mod-e-kosik .moznost .right select { float: left; width: 100%; } .mod-e-kosik .obchodnik { float: left; width: 135px; height: 135px; line-height: 14px; padding: 5px; text-align: center; } /* OBJEDNÁVKY */ .mod-e-objednavky { float: left; width: 100%; } .mod-e-objednavky .moznost { float: left; width: 49%; margin: 0 0 1px 1px; padding: 5px 0 5px 0; border: 1px solid #d0beab; } .mod-e-objednavky .moznost .left { float: left; width: 30%; padding: 2px 0 0 0; text-indent: 5px;} .mod-e-objednavky .moznost .right { float: left; width: 69%; } .mod-e-objednavky .moznost .right select { float: left; width: 100%; } .mod-e-objednavky .ObjednavkyGrid { margin-top: 10px; } .mod-e-objednavky .ObjednavkyGrid th { padding: 5px 0 5px 0; color:White; font-weight:bold; background-color: #666; } .mod-e-objednavky .ObjednavkyGrid th a { color: White; font-weight: bold; } .mod-e-objednavky .ObjednavkyGrid td { padding: 3px 0 0px 0; text-align: center; background-color: #F7F6F3; line-height: 25px; } .mod-e-objednavky .ObjednavkyGrid .first td { background-color: #FFFFFF; } .mod-e-objednavky .ObjednavkyGrid .last td { background-color: #F7F6F3; } .mod-e-objednavky .ObjednavkyGrid tr:hover td { background-color: #E0E0E0; } .mod-e-objednavky .detail { float: left; width: 96%; padding: 10px 2%; border: 1px solid silver; } .mod-e-objednavky .detail .left { float: left; width: 50%; line-height: 25px; } .mod-e-objednavky .detail .right { float: left; width: 50%; } .mod-e-objednavky .detail .nazov { float: left; width: 40%; color: #666; } .mod-e-objednavky .detail .hodnota { float: left; width: 60%; } /* KATEGORIE STROM */ .mod-e-kategorie-strom { float: left; width: 100%; } .mod-e-kategorie-strom a { float: left; width: 100%; height: 35px; line-height: 35px; font-size: 13px; font-weight: bold; color: #356eaf; } .mod-e-kategorie-strom a:hover { background: white; border-bottom: none; } .mod-e-kategorie-strom a span { padding-left: 15px; } .mod-e-kategorie-strom a.uroven1 span { padding-left: 45px; } .mod-e-kategorie-strom a.uroven2 span { padding-left: 75px; } .mod-e-kategorie-strom a.uroven3 span { padding-left: 105px; } .mod-e-kategorie-strom a.uroven4 span { padding-left: 135px; } /* KATEGORIE KOMBO */ .mod-e-kategorie-dropdown { float: left; width: 100%; padding: 10px 0 10px 0; } .mod-e-kategorie-dropdown .box { float: left; width: 130px; line-height: 30px; } .mod-e-kategorie-dropdown .box span { float: left; width: 100%; } .mod-e-kategorie-dropdown .box .combo { float: left; width: 100%; } .mod-e-kategorie-dropdown .preloader { float: left; position: absolute; padding: 0px 10px; border: solid 1px #EFEFEF; background: white; } .mod-e-kategorie-dropdown a.ok { color: #009900; } .mod-e-kategorie-dropdown a.zrus { color: #990000; } /* HELPDESK */ .mod-helpdesk .detail .poznamky { float: left; width: 100%; } .mod-helpdesk .detail .poznamky .poznamka { float: left; width: 100%; padding: 0 0 10px 0; } .mod-helpdesk .detail .poznamky .pridal { float: left; width: 60%; height: 20px; font-weight: bold; } .mod-helpdesk .detail .poznamky .pridal a { font-weight: normal; color: #888; } .mod-helpdesk .detail .poznamky .datum { float: left; width: 40%; height: 20px; text-align: right; } .mod-helpdesk .detail .popis { float: left; width: 97%; border: 1px solid #d6d9db; padding: 1%; background-color: #fbfbfb; } .mod-helpdesk .detail .podrobnosti { float: left; width: 73%; line-height: 20px; padding: 0 0 10px 2%; } .mod-helpdesk .detail .podrobnosti p { line-height: 15px; padding: 5px 0 5px 0; text-align: justify; } .mod-helpdesk .detail .podrobnosti .nazov { float: left; width: 30%; } .mod-helpdesk .detail .podrobnosti .hodnota { float: left; width: 70%; font-weight: bold; color: #556676; } .mod-helpdesk .detail .priloha { float: left; width: 25%; text-align: right; } .mod-helpdesk .detail .priloha img { width: 99%; background-color: White; padding: 1px; border: 1px solid silver; } .mod-helpdesk .strankovac { float: left; width: 98%; padding: 1%; margin: 1px 0 1px 0; background-color: #F8F8F8; } .mod-helpdesk .strankovac a { font-weight: bold; color: Black; } .mod-helpdesk .strankovac a.no, .mod-helpdesk .strankovac a.set { color: Gray; cursor: default; } .mod-helpdesk .ziadost .item { float: left; width: 98%; padding: 1%; margin: 1px 0 1px 0; background-color: #ddddff; } .mod-helpdesk .ziadost .item .hlavicka { float: left; width: 98%; padding: 1%; background-color: #d0d0ff; } .mod-helpdesk .ziadost .item .viac { float: left; width: 100%; border-top: 1px solid #d0d0ff; margin-top: 5px; } .mod-helpdesk .ziadost .alter { float: left; width: 98%; padding: 1%; margin: 1px 0 1px 0; background-color: #e3ffe0; } .mod-helpdesk .ziadost .alter .hlavicka { float: left; width: 98%; padding: 1%; background-color: #c3ffbc; } .mod-helpdesk .ziadost .alter .viac { float: left; width: 100%; border-top: 1px solid #c3ffbc; margin-top: 5px; } .mod-helpdesk .ziadost .alter .poznamky, .mod-helpdesk .ziadost .item .poznamky { float: left; width: 98%; padding: 1%; margin-top: 5px; background-color: White; } .mod-helpdesk .ziadost .hlavicka a.link { float: left; width: 82%; color: Black; font-weight: bold; font-size: 13px; } .mod-helpdesk .ziadost .hlavicka .ikony { float: left; width: 18%; text-align: right; height: 16px; } .mod-helpdesk .ziadost .hlavicka .ikony .hand { cursor: pointer; } .mod-helpdesk .ziadost .hlavicka .ikony .help { cursor: help; } .mod-helpdesk .ziadost .info { float: left; width: 98%; padding: 1% 1% 0 1%; } .mod-helpdesk .ziadost .info .produkt { float: left; width: 50%; } .mod-helpdesk .ziadost .info .datum { float: left; width: 20%; color: #6a0000; text-align: right; } .mod-helpdesk .ziadost .info .pridal { float: left; width: 30%; color: #556676; text-align: right; font-weight: bold; } .mod-helpdesk .ziadost .viac p { padding: 5px; color: #555; } .mod-helpdesk .nadpis { float: left; width: 100%; padding: 0 0 10px 0; } .mod-helpdesk .nadpis span { float: left; font-size: 17px; font-weight: bold; } .mod-helpdesk .nadpis a { float: right; } .mod-helpdesk .nadpis a.new { width: 78px; padding: 2px 0 2px 0; text-shadow: black 1px 1px, black 0px 0px 2px; color: White; font-weight: bold; margin: 0 0 0 3px; cursor: pointer; text-align: center; background-color: #5377d3; border: solid 1px #3a5394; } .mod-helpdesk .nadpis a.new:hover { background-color: #4968b9; text-decoration: none; } .mod-helpdesk fieldset { border: solid 1px silver; padding: 5px; margin: 5px 0 5px 0; font-size: 11px; } .mod-helpdesk legend { font-weight: bold; font-family: Arial; font-size: 12px; color: #244394; } .mod-helpdesk .left { float: left; width: 60px; line-height: 16px; text-align: right; padding-right: 5px; } .mod-helpdesk .right { float: left; width: 380px; } .mod-helpdesk .detail { float: left; width: 100%; } .mod-helpdesk .detail .nadpis span { color: #002255; } .mod-helpdesk .filter { float: left; width: 98%; padding: 1%; background-color: #f3f3f3; } .mod-helpdesk .filter .box { float: left; width: 50%; } .mod-helpdesk .filter .box span { float: left; width: 30%; line-height: 18px; } .mod-helpdesk .filter .box select { float: left; width: 67%; } /* GridView */ .gridview th { padding: 5px 0 5px 0; color: White; background: #5D7B9D; font-weight: bold; } .gridview th a { color: White; font-weight: bold; } .gridview td { padding: 3px 0 0px 0; text-indent: 3px; background-color: #F7F6F3; height: 17px; line-height: 17px; } .gridview .first td { background-color: #FFFFFF; } .gridview .last td { background-color: #F7F6F3; } .gridview tr:hover td { background-color: #d2deff; } /* StylishSelect */ .newListSelected { float:left; width:120px; height:18px; line-height: 18px; margin: 4px 0 0 0; padding:2px 0 0 5px; color:#000; background: transparent url(img/select-bg.png) no-repeat;} ul.newList * { margin: 0; padding:0;} ul.newList a { display:block; color: #000; text-decoration:none; } ul.newList { width: 120px; position: absolute; top: 0px; left: 0; margin: 0; padding: 0; list-style:none; color:#000; background:#fff; border: 1px solid #ccc; overflow: auto; z-index:9999;} .newListSelected span { width: 100px; display: block;} ul.newList li a { display: block; padding:3px 4px; border-color: #8e1500;} ul.newList li a:focus { -moz-outline-style: none;} .selectedTxt { width:75px; overflow:hidden; height:16px; padding:0 20px 0 0;} .hiLite { background:#8e1500!important; color:#fff!important;} .hiLite a { background:#8e1500!important; color:#fff!important;} .newListHover { background:#fecb00!important; color:#000!important; cursor:default;} .newListSelHover, .newListSelFocus { background-position: 0 -22px; cursor: default;} .newListOptionTitle { font-weight: bold;} .newListOptionTitle ul { margin: 3px 0 0;} .newListOptionTitle li { font-weight: normal; border-left: 1px solid #ccc;} /* FORUM */ .mod-forum { float: left; width: 100%; } .mod-forum .pager { float: left; width: 96%; height: 40px; line-height: 40px; background: #F3F3F3; padding: 0 2%; margin-bottom: 1px; } .mod-forum .pager .nova { float: left; width: 35%; } .mod-forum .pager .nova a { color: Black; font-weight: bold; } .mod-forum .pager .strany { float: left; width: 65%; text-align: right; } .mod-forum .pager .strany a { float: right; padding: 0 3px; } .mod-forum .pager .strany a.set { color: Black; } .mod-forum .pager a.cesta { color: #666; font-weight: normal; } .mod-forum .temy { float: left; width: 96%; } .mod-forum .tema { float: left; width: 100%; height: 40px; line-height: 40px; padding: 0 2%; background: #F0F0F0 url(../../plugins/forum/img/talk.png) 10px center no-repeat; margin-bottom: 1px; } .mod-forum .tema:hover { background: #F6F6F6 url(../../plugins/forum/img/talk.png) 10px center no-repeat; } .mod-forum .tema a.nazov { float: left; width: 70%; text-indent: 40px; } .mod-forum .tema a.zmazat { float: right; padding: 0 0 0 10px; color: Red; } .mod-forum .tema span.datum { float: right; width: 20%; text-align: right; } .mod-forum .tema div.nazov { float: left; width: 80%; padding: 9px 0 0 40px; } /* pre upravu */ .mod-forum .tema div.nazov input[type=text] { float: left; padding: 0 3px; margin: 0px; width: 50%; height: 20px; line-height: 20px; } /* pre upravu */ .mod-forum .tema div.nazov input[type=submit] { float: left; padding: 0 3px; width: 60px; margin: 0px; height: 22px; line-height: 22px; } /* pre upravu */ .mod-forum .detail div.nadpis { float: left; width: 100%; line-height: 40px; } .mod-forum .detail span.nadpis { float: left; width: 40%; line-height: 40px; color: Black; font-size: 18px; } .mod-forum .detail div.cesta { float: right; width: 49%; text-align: right; padding: 0 1% 0 0; } .mod-forum .detail .prispevky { float: left; width: 100%; } .mod-forum .detail .prispevok { float: left; width: 100%; } .mod-forum .detail .prispevok .in { float: left; width: 100%; margin-top: 5px; padding: 5px 0; border-bottom: solid 1px #EFEFEF; } .mod-forum .detail .prispevok div.prispevok_fotka { float: left; width: 10%; } .mod-forum .detail .prispevok div.prispevok_fotka img { max-width: 95%; width: expression(this.height < this.width && this.width > 50 ? 50 : true); height: expression(this.height >= this.width && this.height > 50 ? 50 : true); } .mod-forum .detail .prispevok div.text { float: left; width: 90%; } .mod-forum .detail .prispevok div.text .menu { color: #000; } .mod-forum .detail .prispevok div.text .datum { color: #888; } .mod-forum .detail .prispevok div.text span.text { color: #999; } .mod-forum .detail .prispevok div.text a.right { float: right; font-weight: normal; color: Black; padding: 0 5px; background: #EFEFEF; } .mod-forum .detail .uroven2 .in, .mod-forum .detail .uroven3 .in, .mod-forum .detail .uroven4 .in { float: left; width: 100%; border-bottom: none; } .mod-forum .detail .prispevky .zmazat { color: Red; } /* PRODUKTY MODEL */ .mod-e-produkty-model { float : left; width: 100%; } .mod-e-produkty-model .model { float: left; width: 224px; height: 200px; margin: 1px; background-color: #F0F0F0; } .mod-e-produkty-model .model a { border: none; } .mod-e-produkty-model .model .nadpis { display: table; width: 204px; height: 40px; background: #e6e6e6; padding: 0 10px 0 10px; text-align: center; } .mod-e-produkty-model .model .nadpis a { height: 40px; #position: absolute; #top: 50%; display: table-cell; vertical-align: middle; } .mod-e-produkty-model .model .nadpis h2 { #position: relative; line-height: 13px; #top: -50%; } .mod-e-produkty-model .model .nadpis a, .mod-e-produkty-model .model .nadpis h2 { font-size: 13px; font-weight: bold; color: black; } .mod-e-produkty-model .model div.fotka { float: left; display: table; width: 100%; text-align: center; height: 150px; padding: 5px 0; } .mod-e-produkty-model .model div.fotka a { height: 150px; #position: absolute; #top: 50%; display: table-cell; vertical-align: middle; } .mod-e-produkty-model .model div.fotka img { #position: relative; #top: -50%; max-width: 215px; max-height: 140px; width: expression(this.height < this.width && this.width > 210 ? 210 : true); height: expression(this.height >= this.width && this.height > 130 ? 130 : true); } /* PRODUKTY - FILTER */ .mod-e-produkty-filter { float: left; width: 100%; padding: 10px 0; background: #F0F0F0; } .mod-e-produkty-filter .row { float: left; width: 100%; } .mod-e-produkty-filter .name { float: left; width: 30%; line-height: 32px; padding: 0 0 0 5%; } .mod-e-produkty-filter .value { float: left; width: 65%; padding: 3px 0 0 0; }