/*#container.homepage { background-image: url(../images/container-hm-bckg.gif); }*/

/* content */
#content h2 { padding: 3px 0; }
/*.cats li { background: #E8E8E8 url(../images/cat-item-top.gif) repeat-x left top;; float: left; width: 343px; height: 108px; margin: 10px 20px 0 0; }
.cats li.suda { margin-right: 0; }

.cats ul { width: 264px; margin-left: 13px; margin-top: -6px; }
.cats li li { width: auto; height: auto; margin: 0 5px 2px 0; padding-right: 5px; border-right: 1px solid #E1007A; background: none; }
.cats li li.last { border: 0; }
.cats li li a { color: black; }

.cats h3 { font-size: 20px; background: none no-repeat 287px top; padding: 17px 13px 13px;  }
.cats h3 a { color: #E1007A; font-weight: normal; }

.cats h3.pocitace-a-komponenty { background-image: url(../images/cat-ico/ico-45-pocitace.png); }
.cats h3.komponenty { background-image: url(../images/cat-ico/ico-45-pocitace.png); }
.cats h3.pc-doplnky { background-image: url(../images/cat-ico/ico-45-pocitace.png); }
.cats h3.elektro { background-image: url(../images/cat-ico/ico-45-elektro.png); }
.cats h3.hry-a-hracky { background-image: url(../images/cat-ico/ico-45-hracky.png); }
.cats h3.kancelarske-potreby { background-image: url(../images/cat-ico/ico-45-kancelar.png); }
.cats h3.smisene-zbozi { background-image: url(../images/cat-ico/ico-45-smisene-zbozi.png); }
.cats h3.akce-a-novinky { background-image: url(../images/cat-ico/ico-45-novinky-slevy.png); }
*/
.homepage .carouselbox { width: 700px; }

.homepage .hppromo {max-width: 750px; margin-top: 20px;}

/* left */
#hm-left { width: 285px; font-size: 12px; border-right: 1px solid white; float: right; border-right: 0px; padding-top: 20px;}
#hm-left h4 { font-size: 12px; }

#hm-left .title-h3 {width: 230px; height: 36px; border-radius: 25px; background-color: #e2007a; color: white; line-height: 36px; vertical-align: middle; 
          font-size: 1.3em; text-align: center;}
#hm-left .title-h3 h3 {font-weight: normal;}

#hm-left .vyhody {list-style: none; }
#hm-left .vyhody .texttop {vertical-align: text-top;}
#hm-left .vyhody { font-size: 16px; font-weight: bold; color: #DF007A; margin-top: 25px;}
#hm-left .vyhody .divTable {display: table; width:auto;}
#hm-left .vyhody .divRow {display:table-row; width:auto;}
#hm-left .vyhody .divCell {display:table-column; float:left; width: 170px; }
#hm-left .vyhody .divCell.img {width: 65px; margin-top: 20px;}
#hm-left .vyhody .divCell p {font-size: 12px; font-weight: normal; margin-bottom: 20px; margin-top: 10px; line-height: 1.5em; color: #65385f;}

#hm-left ol li p {margin: 0;}

/*#hm-left h3 { background: url(../images/left-heading-bckg.gif) no-repeat 163px center; color: #551B4E; font-weight: normal; font-size: 20px; padding: 6px 33px 10px 12px; }*/
#hm-left h4 { margin-bottom: 3px; }
/*#hm-left .unas .vyhody {margin-left: 20px;}
#hm-left .unas h3 { background: none; font-size: 16px; font-weight: bold; padding: 25px 0px 10px 0px; }*/

#hm-left a { color: #E1007A; }

#hm-left dl, #hm-left .unas {padding: 10px 19px 20px 12px; margin: 0 14px 20px 0; }
#hm-left dt { font-size: 11px; color: #e2007a; }
#hm-left dd { line-height: 132%; margin-bottom: 12px; }
#hm-left dd a {color: #65385f;}

#hm-left .kontakt {background-color: #f6f6f6; padding: 15px 10px 15px 30px; width: 190px; border-radius: 10px; color: #551b4e; line-height: 1.5em; margin-bottom: 30px; }
#hm-left .kontakt img {width: 170px; margin-top: 15px;}
#hm-left .kontakt h3 {color: #e2007a; font-size: 1.6em; font-weight: normal;}
#hm-left .kontakt h4 {font-size: 1.2em; margin: 15px 0 10px 0; }


/*#hm-left p { margin-bottom: 10px; }
#hm-left p strong { display: block; margin-bottom: -6px; }*/

/*#hm-left .links { padding: 5px 0; }
#hm-left .links li { margin-bottom: 7px; }
#hm-left .links a { color: black; }
#hm-left .links img { border: 0; vertical-align: middle; }
*/
/*#hm-left td { padding-bottom: 3px; }
#hm-left .first { width: 54px; }*/

h3.last {color: #e2007a; font-weight: normal; font-size: 34px; padding: 30px 0px 50px 0px; text-align: center; }
#products h3 {padding-bottom: 5px;}

/*#content .lastcategory { background: #f2f2f2; height: 70px; margin: 20px 8px 0 0; border: 1px solid #e4e4e4; }
#content .lastcategory h4 {color: #551B4E; font-weight: bold; font-size: 12px; padding-top: 10px; padding-bottom: 10px;}
#content .lastcategory a {padding-left: 3px; padding-right: 3px;}*/

/* products news*/
#content .productnews { border: solid #DBDBDB; border-width: 0 1px 1px 0; width: 255px; height: 405px; position: relative; font-size: 1.2em; color: #551b4e;}
#content .productnews.last { border-width: 0 0 1px 0; }
#content .productnews.second {height: 445px; padding-top: 40px; border-width: 0 1px 0 0;}
#content .productnews.second.last {border-width: 0;}
#content .productnews h3 {font-size: 16px; font-weight: bold; margin-bottom: 40px;}
#content .productnews a {text-decoration: none;}
#content .productnews a:hover {text-decoration: underline;}
#content .productnews img {width: 200px; margin-bottom: 15px;}
#content .productnews .desc {padding: 0 25px 0 25px;}
#content .productnews .price {position: absolute; bottom: 12px; color: #e2007a; left: 50%; transform: translate(-50%, 0); width: 100%;}
#content .productnews .price .val {font-size: 1.6em;}
#content .productnews .prodhigh {position: absolute; left: 125px; top: 55px; border-radius: 50%; display: inline-block; margin-right: 20px; width: 112px; height: 112px; 
                                           background: #41d5ff; color: white;  }
#content .productnews.second .prodhigh {top: 95px;}
#content .productnews .prodhigh.greycl {background: #7d8587;}
#content .productnews .prodhigh.orangecl {background: #ff6e41;}
#content .productnews .prodhigh p { text-align: center;
  position: relative;
  top: 50%;
  -ms-transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  text-transform: uppercase;
  margin: 0 10px 0 10px;
}
#content .productnews .watch {position: absolute; left: 38px; top: 167px; display: inline-block; width: 180px; height: 38px; font-size: 1.4em; text-align: center; padding-top: 9px; font-weight: bold;
                                           background: #ebeae9; color: #575757; opacity: 0; 
                                           transition: opacity .35s ease-in-out;
                                           -moz-transition: opacity .35s ease-in-out;
                                           -webkit-transition: opacity .25s ease-in-out;
}
#content .productnews .watch.second {top: 207px;}
#content .productnews:hover .watch {opacity: 0.8;}
/*#content .productnews { border: solid #DBDBDB; border-width: 1px; width: 341px; height: 327px; position: relative; margin-bottom: 15px;}
#content .productnews .newstop {padding: 8px; }
#content .productnews .newsdown { background: #f2f2f2; height: 126px; position: absolute; left: 0; bottom: 0; width: 100%; border-top: solid #DBDBDB 1px;}
#content .productnews .newsdown .cont {padding: 5px 0 12px 12px;}

#content .productnews .newsdown .cont:before {
  content: " ";
  right: 160px;
  top: -15px;
  position: absolute;
  border-right: 15px solid transparent;
  border-bottom: 15px solid #f2f2f2;
  border-left: 15px solid transparent;}

#content .productnews.first { margin-right: 15px; }

#content .productnews .img {
    float: none;
    height: 160px;
    width: 100%;
}

#content .productnews .nadpis {background: #868686; color: white; position: absolute; left: 8px; top: 8px; padding: 5px; font-size: 11px; font-weight: bold; text-transform: uppercase;}

#content .productnews h3 { font-size: 15px; font-weight: bold; margin-bottom: 5px; }
#content .productnews h3 a {text-decoration: none;}
#content .productnews h3 a:hover {text-decoration: underline;}
#content .productnews .popis { font-size: 13px; }
#content .productnews .cena { position: absolute; left: 12px; bottom: 12px; width: 100%; line-height: 34px; }

#content .productnews .cena .info {background: white; padding-left: 5px; padding-right: 5px; margin-right: 5px; border: solid #e4e4e4 1px;  }
#content .productnews .cena .info .kakc strong {font-size: 18px;}
#content .productnews .cena .sdph {color: #868686; }

#content .productnews .btns { width: 128px; height: 34px; padding-right: 24px; }
#content .productnews .btns a { display: block; }
#content .productnews .btns a:hover { text-decoration: underline; }
#content .productnews a.detail { background: -webkit-linear-gradient(#9bdb0b, #96c234); 
                                 background: -moz-linear-gradient(#9bdb0b, #96c234);
                                 background: -o-linear-gradient(#9bdb0b #96c234);
                                 background: -ms-linear-gradient(#9bdb0b, #96c234);
                                 background: linear-gradient(#9bdb0b, #96c234);
         color: white; font-size: 14px; font-weight: bold; text-decoration: none; border: 1px solid #88ad30; text-shadow: 0 -1px 0px #88ad30}

#content .productnews .newstop .prodcount {position: absolute; left: 125px; top: 55px; border-radius: 50%; display: inline-block; margin-right: 20px; width: 92px; height: 92px; 
                                           background: #e23092; color: white; opacity: 0; 
                                           transition: opacity .35s ease-in-out;
                                           -moz-transition: opacity .35s ease-in-out;
                                           -webkit-transition: opacity .25s ease-in-out;}
#content .productnews:hover .newstop .prodcount {opacity: 0.8;}
#content .productnews .newstop .prodcount p {text-align: center; }
#content .productnews .newstop .prodcount p.count {margin: 20px 20px 0 15px; font-weight: bold; font-size: 2em; }
#content .productnews .newstop .prodcount p.popis {font-size: 1.1em;}
*/