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

/* content */
#content h2 { padding: 3px 0; font-size: 3em; font-weight: lighter; margin-bottom: 30px; }
#content h3 { font-size: 1.4em; margin: 0 0 10px 10px; }

h3.last {color: #551B4E; font-weight: normal; font-size: 22px; padding: 30px 0px 15px 0px; }
#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: 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;}

#rel-carousel {position: relative; margin-left: 10px; margin-right: 10px; }
#rel-carousel div.scroller {width: 100%;}
#rel-carousel div.content {width: 10000px;}
#rel-carousel div.scroller {height: 298px; overflow: hidden;}
#rel-carousel .control {background: #551B4E; font-size: 1.6em; padding: 5px; display: block; text-align: center; margin-top: 10px; float: left; width: 100px; 
    border: 1px solid; border-color: #A86AA0 #370932 #370932 #A86AA0; }
#rel-carousel .control a {color: white; text-decoration: none; display: block; }
#rel-carousel .control.right {position: absolute; right: 0;}

.marg {margin-bottom: 30px;}