/* 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%; } .login-left { float: left; width: 200px; text-align: center; padding: 20px 0 0 0; } .login-left a { color: #5e2600; font-weight: bold; } .login-right { float: left; width: 240px; padding: 17px 0 0 7px; } .mod-login input[type=password], .mod-login input[type=text], .mod-login input[type=submit] { margin: 0px; -moz-box-shadow: 0 2px 3px 1px rgba(0, 0, 0, 0.3); -webkit-box-shadow: 0 2px 3px 1px rgba(0, 0, 0, 0.3); box-shadow: 0 2px 3px 1px rgba(0, 0, 0, 0.3); } .mod-login input[type=password] { margin: 4px 0 0 0; } .mod-login input[type=submit] { margin: 0; } /* BANNER */ .mod-banner { float: left; width: 100%; text-align: center; padding: 5px 0; } /* 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; color: #999; } .mod-registracia .left { float: left; width: 38%; text-align: right; padding-right: 1%; } .mod-registracia .right { float: left; width: 60%; } .mod-registracia .povinne { border: 1px solid #95250b; } .mod-registracia .prilohy { float: left; line-height: 42px; width: 235px; } .mod-registracia .prilohy strong { float: left; line-height: 42px; padding-right: 5px; } .mod-registracia .prilohy img.fotka { height: 40px; padding: 1px; } .mod-registracia .prilohy a { padding-left: 5px; border: none; } .mod-registracia .prilohy .file { float: left; } .mod-registracia .hlavna-fotka { float: left; padding-top: 10px; } .mod-registracia .prilohy .file .zmaz, .mod-registracia .hlavna-fotka .zmaz { float: left; visibility: hidden; position: absolute; background-color: White; margin-left: -10px; height: 15px; line-height: 15px; padding: 2px 4px; border: solid 1px #6d0202; } .mod-registracia .prilohy .file:hover .zmaz, .mod-registracia .hlavna-fotka:hover .zmaz { visibility: visible; } /* 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: #fff9ba; 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 #fff575; } * html .ver-menu a, * html .ver-menu a:visited { background: #d4d8bd; width: 150px; w\idth: 149px; } .ver-menu :hover > a { color: black; background-color: #fff; } .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 .clanok { float: left; width: 100%; padding: 5px 0; margin: 0 0 10px 0; border-bottom: 1px solid #c8c8c8; } .mod-rss .nadpis { float: left; width: 100%; font-weight: bold; padding: 0 0 15px 0; } .mod-rss .nadpis .datum { float: right; font-weight: normal; } .mod-rss .nadpis a { font-weight: normal; font-size: 19px; color: Black; } .mod-rss .link { float: left; width: 100%; text-align: right; } .mod-rss .fotka { float: left; width: 33%; height: 125px; } .mod-rss .fotka img { float: left; width: 200px; -moz-box-shadow: 0 2px 5px #666; -webkit-box-shadow: 0 2px 5px #666; box-shadow: 0 2px 5px #666; } .mod-rss .text { float: left; width: 66%; color: Black; padding: 4px 0 0 0; } .mod-rss .text p { color: Black; } .mod-rss .pager { float: left; width: 100%; height: 51px; text-align: center; line-height: 51px; margin: 10px 0 0 0; background: url(img/pager.png) center center no-repeat; } .mod-rss .pager a { display: inline-block; color: Black; line-height: 51px; padding: 0 7px; height: 51px; } .mod-rss .pager a.num { color: #909090; font-size: 20px; width: 30px; text-align: center; padding: 0; line-height: 51px; height: 51px; } .mod-rss .pager a.set { color: #000; font-size: 20px; width: 30px; text-align: center; padding: 0; line-height: 51px; height: 51px; cursor: default; background: url(img/pager-set.png) center center no-repeat; } /* 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: 100px; text-align: center; height: 100px; padding: 1px; background-color: White; margin: 10px 10px 0px 0px; border: 1px solid #E3E3E3; } .mod-galeria div.fotka:hover { border: 1px solid #999; } .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: 100px; max-height: 100px; width: expression(this.height < this.width && this.width > 100 ? 100 : 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 .strankovac { float: left; width: 100%; height: 51px; text-align: center; line-height: 51px; margin: 10px 0 0 0; background: url(img/pager.png) center center no-repeat; } .mod-e-produkty .strankovac a { display: inline-block; color: Black; line-height: 51px; padding: 0 7px; height: 51px; } .mod-e-produkty .strankovac a.num { color: #909090; font-size: 20px; width: 30px; text-align: center; padding: 0; line-height: 51px; height: 51px; } .mod-e-produkty .strankovac a.set { color: #000; font-size: 20px; width: 30px; text-align: center; padding: 0; line-height: 51px; height: 51px; cursor: default; background: url(img/pager-set.png) center center no-repeat; } /* E-PRODUKTY Produkt */ .mod-e-produkty .produkt { float: left; width: 224px; margin: 1px; background-color: #fff; border-top: solid 4px silver; border-left: solid 1px silver; } .mod-e-produkty .produkt a { border: none; } .mod-e-produkty .produkt .nadpis { display: table; width: 204px; height: 40px; padding: 0 10px 0 10px; text-align: center; } .mod-e-produkty .produkt .nadpis a { height: 40px; #position: absolute; #top: 50%; display: table-cell; vertical-align: middle; } .mod-e-produkty .produkt .nadpis h2 { #position: relative; line-height: 15px; #top: -50%; } .mod-e-produkty .produkt .nadpis a, .mod-e-produkty .produkt .nadpis h2 { font-size: 15px; font-weight: normal; color: black; } .mod-e-produkty .produkt .nadpis .dop a, .mod-e-produkty .produkt .nadpis .dop h2 { color: #fffab6; } .mod-e-produkty .produkt div.fotka { float: left; display: table; width: 100%; text-align: center; height: 150px; } .mod-e-produkty .produkt div.fotka a { height: 150px; #position: absolute; #top: 50%; display: table-cell; vertical-align: middle; } .mod-e-produkty .produkt 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); } .mod-e-produkty .produkt div.akcia { position: absolute; width: 52px; margin-left: 172px; height: 29px; background: transparent url(../../plugins/e-produkty/img/akcia.png) top right no-repeat; } .mod-e-produkty .produkt div.novinka { position: absolute; width: 52px; margin-left: 172px; height: 29px; background: transparent url(../../plugins/e-produkty/img/nove.png) top right no-repeat; } .mod-e-produkty .produkt div.popis { float: left; width: 92px; text-align: center; height: 92px; padding: 2px; } .mod-e-produkty .produkt div.popis p { padding: 0px; } .mod-e-produkty .produkt div.kosik { float: left; width: 80px; height: 23px; line-height: 20px; padding: 4px 0 0 7px; background-color: transparent; } .mod-e-produkty .produkt .kos-pridat { float: left; width: 35px; height: 18px; background: url(../../plugins/e-produkty/img/kos.jpg) top left no-repeat; } .mod-e-produkty .produkt .kos-plny { float: left; width: 35px; height: 18px; background: url(../../plugins/e-produkty/img/kosin.jpg) top left no-repeat; } .mod-e-produkty .produkt .kos-zmazat { float: left; width: 18px; height: 18px; background: url(../../plugins/e-produkty/img/kosfull.jpg) top left no-repeat; } .mod-e-produkty .produkt .kos-pocet[type=text] { float: left; height: 12px; width: 15px; margin-top: 0px; } .mod-e-produkty .produkt div.cena { float: right; width: 77px; text-align: right; line-height: 30px; padding: 5px 10px 0 0; color: White; font-size: 14px; font-weight: bold; } .mod-e-produkty .produkt div.cena h3 { color: #990000; font-size: 17px; font-weight: bold; } .mod-e-produkty .produkt div.detail { float: left; width: 100px; padding: 5px 0 5px 7px; text-align: right; color: White; font-size: 14px; font-weight: bold; } .mod-e-produkty .produkt div.detail a { float: left; height: 27px; line-height: 27px; padding: 0 7px; font-weight: bold; text-shadow: 1px -1px #5e2600; border: solid 1px #5e2600; background: #923a00 url(img/button.png) top left repeat-x; color: #fff; } .mod-e-produkty .produkt div.detail a:hover { text-decoration: none; border: solid 1px black; } /* 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: 45%; } .mod-e-produkty .detail .detail-right { float: left; width: 55%; } .mod-e-produkty .detail .fotka { float: left; text-align: center; position: relative; width: 90%; padding: 10px 0; background-color: White; border: 1px solid #efefef; } .mod-e-produkty .detail .fotka a { display: block; max-width: 93%; } .mod-e-produkty .detail .fotka img { max-width: 100%; } .mod-e-produkty .detail .detail-akcia { float: left; position: absolute; width: 100px; height: 58px; background: url(../../plugins/e-produkty/img/detail-akcia.png) top left no-repeat; } .mod-e-produkty .detail .detail-novinka { float: left; position: absolute; width: 100px; height: 58px; background: url(../../plugins/e-produkty/img/detail-novinka.png) top left no-repeat; } .mod-e-produkty .detail .detail-vypredaj { float: left; position: absolute; width: 100px; height: 58px; background: url(../../plugins/e-produkty/img/detail-vypredaj.png) top left no-repeat; } .mod-e-produkty .detail .fotky { float: left; width: 93%; text-align: center; } .mod-e-produkty .detail .fotky img { height: 60px; padding: 1px; margin: 5px 0 0 5px; background-color: White; border: 1px solid #efefef; } .mod-e-produkty .detail .fotky img:hover { border: 1px solid silver; } .mod-e-produkty .detail .kosik { float: left; width: 82%; padding: 10px 4% 8px 4%; margin: 5px 0 0 0; border: 1px solid #e0e0e0; background-color: #F8F8F8; } .mod-e-produkty .detail .kosik span { float: left; padding: 0 5px 0 3px; font-size: 15px; color: #000; height: 25px; line-height: 25px; } .mod-e-produkty .detail .kosik .kos-pridat { float: left; width: 65px; height: 27px; background: url(../../plugins/e-produkty/img/kos.jpg) top left no-repeat; } .mod-e-produkty .detail .kosik .kos-plny { float: left; width: 65px; height: 27px; background: url(../../plugins/e-produkty/img/kosin.jpg) top left no-repeat; } .mod-e-produkty .detail .kosik .kos-zmazat { float: left; width: 65px; height: 27px; margin-left: 1px; background: url(../../plugins/e-produkty/img/kosfull.jpg) top left no-repeat; } .mod-e-produkty .detail .kosik .kos-pocet[type=text] { float: left; color: Black; margin: 0 1px 0 0; height: 25px; line-height: 25px; width: 25px; } .mod-e-produkty .detail .detail-right .spat { float: left; width: 100%; text-align: right; } .mod-e-produkty .detail .detail-right .cena { float: left; width: 100%; padding: 0 0 10px 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 .podrobnosti .inner { float: left; line-height: 25px; border-bottom: 1px solid #eff2f5; } .mod-e-produkty .detail .detail-right .podrobnosti .inner .nazov { float: left; width: 40%; text-indent: 5px; color: #999; } .mod-e-produkty .detail .detail-right .podrobnosti .inner .hodnota { float: left; width: 60%; font-weight: normal; } .mod-e-produkty .detail .detail-right .podrobnosti .inner .hodnota h3 { color: Black; font-size: 12px; } .mod-e-produkty .detail .detail-right .podrobnosti .inner .hodnota a { color: Black; } .mod-e-produkty .detail .popis p { float: left; line-height: 20px; padding: 10px 0px; } /* 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: 10px 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: #fff url(../../plugins/e-produkty/img/priloha.jpg) 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: 20px; border-bottom: 1px solid #eff2f5; font-family: Arial; } .mod-e-kosik .produkt .fotka { float: left; width: 10%; height: 30px; padding: 1px 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: 39%; 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-kosik .produkt .pocet img { float: right; margin-top: 8px; } .mod-e-kosik .produkt .pocet input { float: right; margin-top: 8px; height: 16px; } .mod-e-kosik .kos-pridat { float: right; width: 35px; margin-top: 8px; height: 18px; background: url(../../plugins/e-produkty/img/kos-1.jpg) top left no-repeat; } .mod-e-kosik .kos-plny { float: right; width: 35px; margin-top: 8px; height: 18px; background: url(../../plugins/e-produkty/img/kosin-1.jpg) top left no-repeat; } .mod-e-kosik .kos-zmazat { float: right; width: 18px; margin-top: 8px; height: 18px; background: url(../../plugins/e-produkty/img/kosfull-1.jpg) top left no-repeat; } .mod-e-kosik .sumar { float: left; padding: 5px 17% 5px 0; width: 83%; text-align: right; background-color: #F2F2F2; } .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; 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; 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; 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 silver; } .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 #EFEFEF; } .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%; border-top: solid 1px #fff9aa; } .mod-e-kategorie-strom a { float: left; width: 280px; height: 51px; line-height: 50px; font-size: 13px; font-weight: bold; color: #95250b; background: url(img/kategoria.png) top left no-repeat; } .mod-e-kategorie-strom a:hover { background: url(img/kategoria-hover.png) top left no-repeat; border-bottom: none; text-decoration: 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:95px; overflow:hidden; height:16px; padding:0 20px 0 0; cursor: pointer;} .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;} /* POČÍTADLO */ .counter-left { float: left; width: 147px; line-height: 20px; color: #8f8e48; padding: 7px 0 0 13px; } .counter-right { float: left; width: 100px; line-height: 20px; color: #000000; padding: 7px 0 0 0; } /* BEST */ #best .nadpis { float: left; width: 100%; height: 15px; line-height: 15px; color: White; text-shadow: 1px -1px black; font-size: 16px; } #best .clanok { float: left; width: 100%; background: url(img/best-clanok.png) bottom left repeat-x; padding: 14px 0; } #best img { float: left; width: 78px; height: 45px; border: solid 1px #22140a; margin: 0 10px 0 0; -moz-box-shadow: 0 0 5px #000; -webkit-box-shadow: 0 0 5px #000; box-shadow: 0 0 5px #000; } #best p { display: table; width: 160px; height: 40px; padding: 3px 0 0 0; } #best p a { height: 40px; #position: absolute; #top: 50%; display: table-cell; vertical-align: middle;color: White; text-shadow: 1px -1px black; } /* TOP PRODUKTY */ .mod-e-produkty-blok { float: left; width: 100%; padding: 5px 0 0 0; } .mod-e-produkty-blok .produkt { float: left; width: 265px; height: 130px; padding: 0 0 0 15px; background: url(img/top-produkt.png) top left no-repeat; } .mod-e-produkty-blok .produkt .nadpis { float: left; width: 280px; height: 30px; line-height: 30px; color: #95250b; } .mod-e-produkty-blok .produkt .nadpis a { color: #95250b; font-size: 14px; font-weight: bold; } .mod-e-produkty-blok .produkt .fotka { float: left; width: 120px; padding: 0 10px 0 0; text-align: center; } .mod-e-produkty-blok .produkt .fotka img { float: left; max-width: 117px; max-height: 88px; } .mod-e-produkty-blok .produkt .info { float: left; width: 125px; height: 55px; padding: 5px 0 0 0; color: #95250b; } .mod-e-produkty-blok .produkt .cena { float: left; width: 110px; font-size: 22px; text-align: right; color: Black; } /* NAJNOVŠIE */ .najnovsie-right { margin-left: 10px; } .najnovsie { float: left; width: 340px; height: 233px; margin-top: 10px; background: url(img/najnovsie.png) top center no-repeat; } .najnovsie .nadpis { float: left; width: 200px; height: 45px; padding: 0 0 0 15px; line-height: 45px; font-size: 18px; color: White; text-shadow: 1px -1px black; } .najnovsie .vsetky { float: left; width: 110px; height: 45px; padding: 0 15px 0 0; line-height: 45px; text-align: right; } .najnovsie .vsetky a { color: #ffee00; } .najnovsie .links { float: left; width: 340px; padding: 17px 0 0 0; } .najnovsie .links a { float: left; width: 340px; line-height: 26px; height: 26px; text-indent: 40px; font-size: 13px; color: Black; } /* 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; } /* PREVADZKY LIST */ .mod-prevadzky-zoznam { float: left; width: 100%; } .mod-prevadzky-zoznam .filter { float: left; width: 100%; margin: 0 0 10px 0; padding: 0 0 10px 0; border-bottom: solid 1px silver; } .mod-prevadzky-zoznam .list { float: left; width: 100%; } .mod-prevadzky-zoznam .pager { float: left; width: 100%; } .mod-prevadzky-zoznam .list .sauna { float: left; width: 96%; padding: 10px 2% 10px 2%; background: url(img/sauna.png) top left repeat-x; } .mod-prevadzky-zoznam .list .sauna:hover { background: url(img/sauna-hover.png) top left repeat-x; } .mod-prevadzky-zoznam .list .sauna a { float: left; width: 100%; font-size: 19px; color: Black; padding: 0 0 5px 0; } .mod-prevadzky-zoznam .list .sauna span.obec { float: left; width: 40%; color: #666; } .mod-prevadzky-zoznam .list .sauna span.ulica { float: right; width: 40%; color: #666; text-align: right; } .mod-prevadzky-zoznam .filter .mapa { float: left; width: 330px; } .mod-prevadzky-zoznam .filter .controls { float: right; width: 300px; padding: 20px 0 0 0; } .mod-prevadzky-zoznam .filter .controls .left { float: left; width: 70px; } .mod-prevadzky-zoznam .filter .controls .right { float: left; width: 230px; } .mod-prevadzky-zoznam .pager { float: left; width: 100%; height: 51px; text-align: center; line-height: 51px; margin: 10px 0 0 0; background: url(img/pager.png) center center no-repeat; } .mod-prevadzky-zoznam .pager a { display: inline-block; color: Black; line-height: 51px; padding: 0 7px; height: 51px; } .mod-prevadzky-zoznam .pager a.num { color: #909090; font-size: 20px; width: 30px; text-align: center; padding: 0; line-height: 51px; height: 51px; } .mod-prevadzky-zoznam .pager a.set { color: #000; font-size: 20px; width: 30px; text-align: center; padding: 0; line-height: 51px; height: 51px; cursor: default; background: url(img/pager-set.png) center center no-repeat; } /* PREVADZKY DETAIL */ .mod-prevadzky-zoznam .detail { float: left; width: 100%; } .mod-prevadzky-zoznam .detail .otvaracie-hodiny { float: right; width: 190px; margin-top: 5px; background: #f1f1f1; padding: 5px 0 5px 10px; line-height: 25px; border-left: solid 1px silver; } .mod-prevadzky-zoznam .detail .otvaracie-hodiny .nazov { float: left; width: 190px; font-weight: bold; border-bottom: solid 1px black; padding: 0 0 5px 0; } .mod-prevadzky-zoznam .detail .otvaracie-hodiny .hodnota { float: left; width: 190px; padding: 5px 0 0 0; } .mod-prevadzky-zoznam .detail .vlastnosti { float: left; width: 470px; line-height: 25px; padding: 0 0 10px 0; border-bottom: solid 1px #f1f1f1; margin: 0 0 10px; } .mod-prevadzky-zoznam .detail .vlastnosti .nazov { float: left; width: 150px; } .mod-prevadzky-zoznam .detail .vlastnosti .hodnota { float: left; width: 320px; } .mod-prevadzky-zoznam .detail .vlastnosti .nazov h2 { font-size: 12px; color: #666; } .mod-prevadzky-zoznam .detail .vlastnosti .hodnota h3 { font-size: 12px; color: Black; } .mod-prevadzky-zoznam .detail .prilohy { float: left; width: 99%; margin: 10px 0 0 0; padding: 0 0 5px 1%; background: #F3F3F3; } .mod-prevadzky-zoznam .detail .prilohy img { float: left; height: 77px; margin: 5px 5px 0 0; } .mod-prevadzky-zoznam .detail .mapa { float: left; padding: 10px 0 0 0; } .mod-prevadzky-zoznam .detail .mapa .gps { float: right; width: 300px; padding: 5px; text-align: right; } .mod-prevadzky-zoznam .detail .popis { float: left; width: 98%; padding: 5px 1% 5px 1%; background: #F3F3F3; } /* PopUP */ .popup { background-color: #fff; float: left; color: Black; width: 970px; padding: 10px; text-align: center; } .popupBackground { background-color:Black; filter:alpha(opacity=70); opacity:0.7; } .popup .zavriet { position: absolute; top: -15px; right: -15px; } /* UVOD */ .uvod { float: left; width: 970px; } .uvod .anim { float: left; width: 970px; height: 420px; } .uvod .anim .left { float: left; position: relative; width: 485px; height: 420px; } .uvod .anim .right{ float: left; position: relative; width: 485px; height: 420px; } .uvod .anim .info { float: left; width: 485px; height: 100px; } #title-nadpis, #title-nadpis-2 { float: left; text-align: center; width: 485px; font-size: 25px; line-height: 30px; color: Black; padding: 10px 0 0 0; } #title-text, #title-text-2 { float: left; text-align: center; width: 485px; color: Black; padding: 10px 0 0 0; } #left-but, #left-but-2 { float: left; width: 50px; height: 61px; left: 50px; bottom: 25px; z-index: 10000; position: absolute; border: none; background: url(img/left.png) top left no-repeat; cursor: pointer; } #left-but:hover, #left-but-2:hover { left: 48px; } #right-but, #right-but-2 { float: left; width: 50px; height: 61px; right: 60px; bottom: 25px; z-index: 10000; position: absolute; border: none; background: url(img/right.png) top left no-repeat; cursor: pointer; } #right-but:hover, #right-but-2:hover { right: 58px; } .cloudcarousel { border: solid 1px silver; } .uvod .buttons { float: left; width: 970px; height: 170px; } .uvod .buttons .in {float: left; padding: 0 0 0 50px; } /*.uvod .buttons a { float: left; width: 197px; height: 146px; margin: 10px 0 0 15px; border: solid 1px white; -moz-box-shadow: 0 0 5px #000; -webkit-box-shadow: 0 0 5px #000; box-shadow: 0 0 5px #000; }*/ .pics { float: left; padding: 0; margin: 0 10px; cursor: pointer; } .pics img { padding: 5px; border: 1px solid #ccc; width: 197px; height: 146px; background-color: #eee; } /* PRODUKTY FILTER */ .zoznam-top-filter { float: left; width: 96%; padding: 15px 2%; margin: 0 0 15px 0; line-height: 30px; background: #F3F3F3; } .zoznam-top-filter .inner { padding: 10px 0 0 0; } .zoznam-top-filter strong { float: left; width: 100px; } .zoznam-top-filter span { float: left; width: 50px; } .zoznam-top-filter span.s { float: left; width: 35px; color: Silver; } .zoznam-top-filter input[type=text] { float: left; margin-right: 6px; }