﻿/* LOGIN */
.mod-login {                            float: left; width: 99%; }
.mod-login input[type=password],
.mod-login input[type=text] {           float: left; width: 115px; height: 22px; line-height: 22px; margin: 0; border: 1px solid silver;
                                        background-color: #f8f8f8; -moz-box-shadow: inset 0 0 9px #dbdbdb; -webkit-box-shadow: inset 0 0 9px #dbdbdb; box-shadow: inset 0 0 9px #dbdbdb; text-indent: 7px; color: #000; }
.mod-login .options {                   float: left; width: 100%; padding: 10px 0; text-align: right; }
.mod-login .options a {                 color: #888; text-decoration: underline; line-height: 17px; }
.mod-login .options a:hover {           text-decoration: none; }

/* ZABUDNUTE HESLO */
.mod-zabudnute-heslo {          float: left; width: 100%; }
.mod-zabudnute-heslo .left {    float: left; width: 33%; text-align: right; padding-right: 5%; }
.mod-zabudnute-heslo .right {   float: left; width: 60%; }

/* REGISTRACIA */
.mod-registracia {              float: left; width: 100%; }
.mod-registracia .cast {        float: left; width: 60%; padding: 8px 0 8px 39%; font-size: 12px; font-weight: bold; color: #CC0000; }
.mod-registracia .left {        float: left; width: 33%; text-align: right; padding-right: 5%; }
.mod-registracia .right {       float: left; width: 60%; }
/*.mod-registracia .povinne  {    border: 1px solid #000; }*/

/* 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: 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%; margin-bottom: -6px; }

/* E-PRODUKTY Strankovac */
.mod-e-produkty .strankovac {                       float: left; width: 100%; padding-top: 11px; }
.mod-e-produkty .strankovac .right {                float: right; width: 60%; }
.mod-e-produkty .strankovac .right a {              float: right; padding: 0 5px; text-decoration: underline; font-weight: bold; text-align: center; color: #666; margin-left: 1px; }
.mod-e-produkty .strankovac .right a:hover {        text-decoration: none; }
.mod-e-produkty .strankovac .right a.no {           cursor: default; color: #dbdbdb; text-decoration: none; }
.mod-e-produkty .strankovac .right a.no:hover {     cursor: default; color: #dbdbdb; text-decoration: none; }
.mod-e-produkty .strankovac .right a.set {          cursor: default; color: black; text-decoration: none; }
.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 {  }

.mod-e-produkty .order-list {           float: left; width: 100%; height: 33px; font-size: 11px; text-indent: 15px; line-height: 33px; margin-bottom: 6px; color: white; background: #00215b url(img/title-red.png) top left repeat-x; }
.mod-e-produkty .order-list select {    background: white; border: none; height: 20px; font-size: 11px; }

/* E-PRODUKTY Produkt */
.mod-e-produkty .produkt {              float: left; position: relative; width: 195px; height: 256px; margin: 6px; border: 1px solid #e5e5e5; }

.mod-e-produkty .produkt:nth-child(1), .mod-e-produkty .produkt:nth-child(4), .mod-e-produkty .produkt:nth-child(7),
.mod-e-produkty .produkt:nth-child(10), .mod-e-produkty .produkt:nth-child(13), .mod-e-produkty .produkt:nth-child(16),
.mod-e-produkty .produkt:nth-child(19), .mod-e-produkty .produkt:nth-child(22), .mod-e-produkty .produkt:nth-child(25), 
.mod-e-produkty .produkt:nth-child(28), .mod-e-produkty .produkt:nth-child(31), .mod-e-produkty .produkt:nth-child(34), 
.mod-e-produkty .produkt:nth-child(37), .mod-e-produkty .produkt:nth-child(40), .mod-e-produkty .produkt:nth-child(43), 
.mod-e-produkty .produkt:nth-child(46), .mod-e-produkty .produkt:nth-child(49) { margin-left: 0px; }

.mod-e-produkty .produkt:nth-child(3), .mod-e-produkty .produkt:nth-child(6), .mod-e-produkty .produkt:nth-child(9),
.mod-e-produkty .produkt:nth-child(12), .mod-e-produkty .produkt:nth-child(15), .mod-e-produkty .produkt:nth-child(18),
.mod-e-produkty .produkt:nth-child(21), .mod-e-produkty .produkt:nth-child(24), .mod-e-produkty .produkt:nth-child(27),
.mod-e-produkty .produkt:nth-child(30), .mod-e-produkty .produkt:nth-child(33), .mod-e-produkty .produkt:nth-child(36),
.mod-e-produkty .produkt:nth-child(39), .mod-e-produkty .produkt:nth-child(42), .mod-e-produkty .produkt:nth-child(45),
.mod-e-produkty .produkt:nth-child(48), .mod-e-produkty .produkt:nth-child(51), .mod-e-produkty .produkt:nth-child(54),
.mod-e-produkty .produkt:nth-child(57), .mod-e-produkty .produkt:nth-child(60) { margin-right: 0px; }

.mod-e-produkty .produkt .nadpis {          display: table; width: 80%; height: 40px; padding: 5px 10% 0px 10%; text-align: center;  }
.mod-e-produkty .produkt .nadpis a {        height: 40px; width: 194px; #position: absolute; #top: 50%; display: table-cell; vertical-align: middle; text-decoration: underline; }
.mod-e-produkty .produkt .nadpis a:hover {  text-decoration: none; }
.mod-e-produkty .produkt .nadpis h2 {       #position: relative; width: 194px; line-height: 18px; #top: -50%; }
.mod-e-produkty .produkt .nadpis a,
.mod-e-produkty .produkt .nadpis h2 {       font-size: 15px; color: #1c2b46; }
.mod-e-produkty .produkt .nadpis .dop a,
.mod-e-produkty .produkt .nadpis .dop h2 {  color: #ff6d6d; }

.mod-e-produkty .produkt div.fotka {        float: left; display: table; width: 100%; text-align: center; height: 90px; }
.mod-e-produkty .produkt div.fotka a {      height: 90px; #position: absolute; #top: 50%; display: table-cell; vertical-align: middle; }
.mod-e-produkty .produkt div.fotka img {    #position: relative; #top: -50%; max-width: 190px; max-height: 130px; width: expression(this.height < this.width && this.width > 190 ? 190 : true); height: expression(this.height >= this.width && this.height > 80 ? 80 : true); }

.mod-e-produkty .produkt div.dostupnost {               float: left; 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; bottom: -2px; right: -2px; width: 65px; height: 64px; z-index: 5; background: transparent url(img/akcia.png) top right no-repeat; }
.mod-e-produkty .produkt div.novinka {  position: absolute; bottom: -2px; right: -2px; width: 65px; height: 64px; z-index: 4; background: transparent url(img/nove.png) top right no-repeat; }
.mod-e-produkty .produkt div.vypredaj { position: absolute; bottom: -2px; right: -2px; width: 65px; height: 64px; z-index: 3; background: transparent url(img/vypredaj.png) top right no-repeat; }

.mod-e-produkty .produkt div.popis {    float: left; width: 80%; padding: 5px 10%; overflow: hidden; height: 40px; line-height: 20px; }
.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: left; width: 80%; padding: 0 10%; height: 40px; line-height: 20px; color: #CC0000; font-weight: bold; }
.mod-e-produkty .produkt div.cena span {        font-weight: normal; color: #999; font-size: 11px; }
.mod-e-produkty .produkt div.cena h3 {          color: #990000; font-size: 14px; font-weight: bold; }
.mod-e-produkty .produkt div.cena .stara {      text-decoration: line-through; color: #990000; }

/* E-PRODUKTY Detail */
.mod-e-produkty .detail {   float: left; width: 100%; }

.mod-e-produkty .detail .nadpis {       float: left; width: 97%; padding: 10px 0 20px 3%; font-size: 26px; line-height: 30px; font-weight: normal; text-decoration: underline; }


.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: 232px; padding: 0 0 0 18px; }
.mod-e-produkty .detail .detail-right {    float: left; width: 366px; position: relative; }

.mod-e-produkty .detail .fotka {            float: left; height: auto; position: relative; width: 90%; padding: 20px 0; border: 1px solid #c2c2c2; text-align: center;
                                            -moz-box-shadow: 1px 0 8px #e0e0e0; -webkit-box-shadow: 1px 0 8px #e0e0e0; box-shadow: 1px 0 8px #e0e0e0; }
.mod-e-produkty .detail .fotka a {          width: 90%; display: block; margin: 0 auto; }
.mod-e-produkty .detail .fotka a:hover {     }
.mod-e-produkty .detail .fotka img {        width: 100%; display: block; }

.mod-e-produkty .detail .detail-akcia {      float: left; position: absolute; z-index: 1; top: -2px; right: -2px; width: 85px; height: 85px; background: url(img/detail-akcia.png) top left no-repeat; }
.mod-e-produkty .detail .detail-vypredaj {   float: left; position: absolute; z-index: 1; top: -2px; left: -3px; width: 85px; height: 85px; background: url(img/detail-vypredaj.png) top left no-repeat; }
.mod-e-produkty .detail .detail-novinka {    float: left; position: absolute; top: -12px; left: -12px; width: 94px; height: 36px; z-index: 1; background: url(img/detail-novinka.png) top left no-repeat; }

.mod-e-produkty .detail .fotky {            float: left; height: auto; position: relative; width: 90%; padding: 10px 0;text-align: center; }
.mod-e-produkty .detail .fotky img {        height: 60px; padding: 4px; margin: 10px 0 0 10px; background-color: White; border: 1px solid #c2c2c2;
                                            -moz-box-shadow: 1px 0 8px #e0e0e0; -webkit-box-shadow: 1px 0 8px #e0e0e0; box-shadow: 1px 0 8px #e0e0e0; }
.mod-e-produkty .detail .fotky img:hover {  border: 1px solid silver; }

.mod-e-produkty .detail .kosik {                        float: left; position: absolute; top: 22px; left: 150px; }
.mod-e-produkty .detail .kosik span {                   display: none; }
.mod-e-produkty .detail .kosik .kos-pridat,
.mod-e-produkty .detail .kosik .kos-plny {              float: left; height: 22px; line-height: 22px; padding: 2px 10px; margin: 1px; border: solid 1px #990000; background: #a00 url(img/title-red.png) bottom left repeat-x; color: #fff; }
.mod-e-produkty .detail .kosik .kos-pridat:hover,
.mod-e-produkty .detail .kosik .kos-plny:hover {        text-decoration: none; }
.mod-e-produkty .detail .kosik .kos-zmazat {            float: left; width: 30px; height: 30px; background: url(img/delete.png) top left no-repeat; }
.mod-e-produkty .detail .kosik .kos-pocet[type=text] {  float: left; width: 30px; }

.mod-e-produkty .detail .farby {            font-size: 14px; }
.mod-e-produkty .detail .farby img {        float: left; height: 50px; border: 1px solid #eeeeee; padding: 3px; margin: 5px 5px 5px 0; }

.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; font-size: 14px; }
.mod-e-produkty .detail .detail-right .cena strike {    float: left; color: #888; font-size: 12px; }
.mod-e-produkty .detail .detail-right .cena h2 {        font-size: 24px; font-weight: normal; color: #000; }
.mod-e-produkty .detail .detail-right .cena .small {    font-size: inherit; color: #000; }

.mod-e-produkty .detail .podrobnosti-nadpis {             float: left; width: 100%; font-weight: bold; padding-bottom: 10px; font-size: 14px; text-decoration: underline; }
.mod-e-produkty .detail .podrobnosti {                  float: left; width: 98%; padding: 0 1%; }
.mod-e-produkty .detail .podrobnosti .inner {             float: left; line-height: 25px; }
.mod-e-produkty .detail .podrobnosti .inner .nazov {      float: left; width: 50%; color: #666; }
.mod-e-produkty .detail .podrobnosti .inner .hodnota {    float: left; width: 50%; font-weight: normal; }
.mod-e-produkty .detail .podrobnosti .inner .hodnota h3 {  color: #666; font-size: 12px; }
.mod-e-produkty .detail .podrobnosti .inner .hodnota a {   color: #666; }
.mod-e-produkty .detail .podrobnosti .inner .hodnota .sklad { float: left; }
.mod-e-produkty .detail .podrobnosti .inner .hodnota .stav {  font-weight: bold; float: right; }

.mod-e-produkty .detail .podrobnosti2 {                  float: left; width: 98%; padding: 0 1%; }
.mod-e-produkty .detail .podrobnosti2 .inner {             float: left; line-height: 25px; }
.mod-e-produkty .detail .podrobnosti2 .inner .nazov {      float: left; width: 41%; color: #666; }
.mod-e-produkty .detail .podrobnosti2 .inner .hodnota {    float: left; width: 59%; font-weight: normal; }
.mod-e-produkty .detail .podrobnosti2 .inner .hodnota h3 {  color: #666; font-size: 12px; }
.mod-e-produkty .detail .podrobnosti2 .inner .hodnota a {   color: #666; }
.mod-e-produkty .detail .podrobnosti2 .inner .hodnota .sklad { float: left; }
.mod-e-produkty .detail .podrobnosti2 .inner .hodnota .stav {  font-weight: bold; float: right; }

.mod-e-produkty .detail .config {                           float: left; width: 98%; padding: 0 1%; }
.mod-e-produkty .detail .config .inner {                    float: left; line-height: 25px; }
.mod-e-produkty .detail .config .config-nazov {             float: left; width: 100%; color: #000; font-size: 14px; font-weight: bold; }
.mod-e-produkty .detail .config .nazov {                    float: left; width: 100%; color: #666; }
.mod-e-produkty .detail .config .hodnota {                  float: left; width: 100%; font-weight: normal; }

.mod-e-produkty .detail .config .image-option {                     float: left; width:48px; height: 66px; margin: 0 0 5px 0; }
.mod-e-produkty .detail .config .image-option a {                   float: left; width: 37px; margin: 0 0 0 2px;  display: table; text-align: center; height: 40px; overflow: hidden; background: white; padding: 2px; border: 1px solid silver; }
.mod-e-produkty .detail .config .image-option a div {               height: 40px; #position: absolute; #top: 50%; display: table-cell; vertical-align: middle; }
.mod-e-produkty .detail .config .image-option img {                 #position: relative; #top: -50%; max-width: 40px; max-height: 40px; width: expression(this.height < this.width && this.width > 40 ? 40 : true); height: expression(this.height >= this.width && this.height > 40 ? 40 : true); }
.mod-e-produkty .detail .config .image-option a:hover {             border: 1px solid #CC0000; }
.mod-e-produkty .detail .config .image-option .image-radio {        float: left; width: 48px; height: 19px; margin-top: 5px; text-align: center; background: #f2f2f2; }
.mod-e-produkty .detail .config .image-option .image-radio input {  height: 19px; padding: 0; margin: 0; border: 0; }

.mod-e-produkty .dalsie-produkty {      text-align: center; padding: 20px 0 10px 0; font-weight: bold; }
.mod-e-produkty .detail .popis {        float: left; padding: 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: 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: 30px; border-bottom: 1px solid #eff2f5; }
.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 .nazov a {        color: #1b4772; }
.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; }
.mod-e-kosik .kos-pridat {              float: right; width: 24px; margin-top: 10px; height: 24px; margin-right: 1px; background: url(img/add.png) top left no-repeat; }
.mod-e-kosik .kos-plny {                float: right; width: 24px; margin-top: 10px; height: 24px; margin-right: 1px; background: url(img/add.png) top left no-repeat; }
.mod-e-kosik .kos-zmazat {              float: right; width: 24px; margin-top: 10px; height: 24px; background: url(img/del.png) top left no-repeat; }

.mod-e-kosik .sumar {                   float: left; padding: 10px 17% 10px 0; width: 83%; text-align: right; background-color: #f7f7f7; }
.mod-e-kosik .sumar span {              font-weight: normal; color: #cc0000; font-size: 24px; 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: 300px; height: 35px; line-height: 35px; text-align: center; color: #005102; background: #d4ffd4; border: solid 1px #005102; }
.mod-e-kosik .pokracovat .zrus {    float: right; width: 300px; height: 35px; line-height: 35px; text-align: center; color: #4b0000; background: #ffd8d8; border: solid 1px #4b0000; }
.mod-e-kosik .pokracovat .uloz {    float: left; width: 300px; height: 35px; margin-top: 10px; 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%; }
.mod-e-kategorie-strom a {              float: left; width: 100%; height: 30px; line-height: 30px; color: #000; background: white url(img/category.png) bottom left repeat-x; }
.mod-e-kategorie-strom a:hover {        color: #CC0000; }

.mod-e-kategorie-strom a.uroven0 {      float: left; width: 100%; height: 33px; text-indent: 15px; line-height: 33px; color: white; background: #00215b url(img/title-red.png) top left repeat-x;  }

.mod-e-kategorie-strom a.uroven1 span { padding-left: 15px; background: url(img/category-arrow.png) 7px center no-repeat; }
.mod-e-kategorie-strom a.uroven2 span { padding-left: 30px; background: url(img/category-arrow.png) 22px center no-repeat; }
.mod-e-kategorie-strom a.uroven3 span { padding-left: 45px; background: url(img/category-arrow.png) 36px center no-repeat; }
.mod-e-kategorie-strom a.uroven4 span { padding-left: 60px; background: url(img/category-arrow.png) 52px center no-repeat; }


/* CLANKY STROM */
.mod-e-clanky-strom {                float: left; width: 100%; }
.mod-e-clanky-strom a {              float: left; width: 100%; height: 35px; line-height: 35px; font-size: 13px; font-weight: bold; color: #356eaf; }
.mod-e-clanky-strom a:hover {        background: white; border-bottom: none; }

.mod-e-clanky-strom a span {         padding-left: 15px; }
.mod-e-clanky-strom a.uroven1 span { padding-left: 45px; }
.mod-e-clanky-strom a.uroven2 span { padding-left: 75px; }
.mod-e-clanky-strom a.uroven3 span { padding-left: 105px; }
.mod-e-clanky-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%; margin-bottom: -6px; }
.mod-e-produkty-model .model {                          float: left; position: relative; width: 195px; height: 216px; margin: 6px; border: 1px solid #e5e5e5; }

.mod-e-produkty-model .model:nth-child(1), .mod-e-produkty-model .model:nth-child(4), .mod-e-produkty-model .model:nth-child(7),
.mod-e-produkty-model .model:nth-child(10), .mod-e-produkty-model .model:nth-child(13), .mod-e-produkty-model .model:nth-child(16),
.mod-e-produkty-model .model:nth-child(19), .mod-e-produkty-model .model:nth-child(22), .mod-e-produkty-model .model:nth-child(25), 
.mod-e-produkty-model .model:nth-child(28), .mod-e-produkty-model .model:nth-child(31), .mod-e-produkty-model .model:nth-child(34), 
.mod-e-produkty-model .model:nth-child(37), .mod-e-produkty-model .model:nth-child(40), .mod-e-produkty-model .model:nth-child(43), 
.mod-e-produkty-model .model:nth-child(46), .mod-e-produkty-model .model:nth-child(49) { margin-left: 0px; }

.mod-e-produkty-model .model:nth-child(1), .mod-e-produkty-model .model:nth-child(2), .mod-e-produkty-model .model:nth-child(3) { margin-top: 0px; }

.mod-e-produkty-model .model:nth-child(3), .mod-e-produkty-model .model:nth-child(6), .mod-e-produkty-model .model:nth-child(9),
.mod-e-produkty-model .model:nth-child(12), .mod-e-produkty-model .model:nth-child(15), .mod-e-produkty-model .model:nth-child(18),
.mod-e-produkty-model .model:nth-child(21), .mod-e-produkty-model .model:nth-child(24), .mod-e-produkty-model .model:nth-child(27),
.mod-e-produkty-model .model:nth-child(30), .mod-e-produkty-model .model:nth-child(33), .mod-e-produkty-model .model:nth-child(36),
.mod-e-produkty-model .model:nth-child(39), .mod-e-produkty-model .model:nth-child(42), .mod-e-produkty-model .model:nth-child(45),
.mod-e-produkty-model .model:nth-child(48), .mod-e-produkty-model .model:nth-child(51), .mod-e-produkty-model .model:nth-child(54),
.mod-e-produkty-model .model:nth-child(57), .mod-e-produkty-model .model:nth-child(60) { margin-right: 0px; }

.mod-e-produkty-model .model a {                border: none; }

.mod-e-produkty-model .model .nadpis {          display: table; width: 80%; padding: 0 10%; height: 40px; 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: 15px; color: #1c2b46;  }

.mod-e-produkty-model .model div.fotka {        float: left; display: table; width: 100%; text-align: center; height: 150px; padding: 10px 0 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: 180px; max-height: 160px; width: expression(this.height < this.width && this.width > 180 ? 180 : true); height: expression(this.height >= this.width && this.height > 130 ? 130 : true); }



/* PRODUKTY - FILTER */
.mod-e-produkty-filter {                        float: left; width: 100%; padding: 5px 0 10px 0; }
.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; }
.mod-e-produkty-filter .ok {                    float: left; width: 50px; text-align: center; height: 22px; line-height: 22px; padding: 2px 10px; margin: 1px; border: solid 1px #990000; background: #a00 url(img/title-red.png) bottom left repeat-x; color: #fff; }
.mod-e-produkty-filter .cancel {                float: left; width: 50px; text-align: center; height: 22px; line-height: 22px; padding: 2px 10px; margin: 1px; border: solid 1px #153068; background: #1d3d69 url(img/title-blue.png) bottom left repeat-x; color: #fff; }
.mod-e-produkty-filter .cancel:hover,
.mod-e-produkty-filter .ok:hover {              text-decoration: none; }


/* PRODUKTY NAHLAD */
.mod-e-kosik-nahlad {                           float: left; width: 100%; }
.mod-e-kosik-nahlad .produkt {                  float: left; width: 100%; border-bottom: 1px solid #efefef; padding: 5px 0 5px; margin: 0 0 5px 0; }
.mod-e-kosik-nahlad .nadpis {                   float: left; width: 65%; }
.mod-e-kosik-nahlad .fotka {                    float: right; width: 34%; }
.mod-e-kosik-nahlad .fotka img {                float: right; width: 100%; }
.mod-e-kosik-nahlad .view {                     float: left; height: 22px; line-height: 22px; padding: 2px 10px; margin: 5px 1px 1px 1px; border: solid 1px #990000; background: #a00 url(img/title-red.png) bottom left repeat-x; color: #fff;  }

/* Prevedenie */

.mod-e-produkty-prevedenie {                         float : left; width: 100%; }

.mod-e-produkty-prevedenie .model {                  float: left; width: 70px; height: 70px; }
.mod-e-produkty-prevedenie .model a {                border: none; }

.mod-e-produkty-prevedenie .model .nadpis {          display: table; width: 48px; height: 10px; padding: 0 1px 0 1px; text-align: center;  }
.mod-e-produkty-prevedenie .model .nadpis a {        height: 40px; #position: absolute; #top: 50%; display: table-cell; vertical-align: middle; }
.mod-e-produkty-prevedenie .model .nadpis h2 {       #position: relative; line-height: 8px; #top: -50%; }
.mod-e-produkty-prevedenie .model .nadpis a,
.mod-e-produkty-prevedenie .model .nadpis h2 {       font-size: 8px; font-weight: bold; color: #7EA600; }

.mod-e-produkty-prevedenie .model div.fotka {        float: left; display: table; width: 65px; text-align: center; height: 65px; padding: 1px 0; }
.mod-e-produkty-prevedenie .model div.fotka a {      height: 65px; #position: absolute; #top: 50%; display: table-cell; vertical-align: middle; }
.mod-e-produkty-prevedenie .model div.fotka img {    #position: relative; #top: -50%; max-width: 65px; max-height: 65px; width: expression(this.height < this.width && this.width > 40 ? 40 : true); height: expression(this.height >= this.width && this.height > 30 ? 30 : true); }
