@charset "utf-8";
/* CSS Document */

/******************************

	homepage

******************************/
.clear { line-height: 0; height: 0px; font-size: 0px; }

/*   layout   */
#blocks { float: left; width: 980px; }
#hp-news { float: left; clear: none; width: 328px; height: 256px; overflow: hidden; background: #FFFFFF; }
#page-layout, #page-other { background: none !important; }


/*   blocks   */
#blocks { }
#blocks .box { width: 225px; height: 160px; padding: 5px; margin-right: 5px; background: #F0F0F0 url(/img/hp-box-bg.gif) repeat-x left bottom; float: left; }
#blocks .box.last { margin-right: 0px; }
#blocks .box img { width: 225px; height: 90px; overflow: hidden; }
#blocks .box h2 { font-size: 12px; font-weight: bold; padding: 5px 0px 0px 4px; }
#blocks .box h2 a { text-decoration: none; }
#blocks .box p { font-size: 12px; padding: 0px 15px 0px 4px; line-height: 18px; }

#blocks .box p.vetsi { font-size: 11px; padding: 0px 0px 0px 4px; }

#blocks .box.wide { width: 326px; height: 165px; padding: 0px; margin: 0px 0px 15px 0px; background: #FFFFFF; border-right: 1px solid #e5e5e5; }
#blocks .box.wide.last { border-right: none; }
#blocks .box.wide img { width: 160px; height: 145px; float: right; margin: 20px 0px 0px 0px; }
#blocks .box.wide h2 { font-size: 16px; letter-spacing: -1px; padding: 17px 0px 8px 20px; }
#blocks .box.wide p { padding-left: 20px; font-size: 12px; line-height: 18px; }
#blocks .box.wide.adv1 { background: url(/img/hp-box-produkty.jpg) no-repeat 0px 83px #FFFFFF; }
#blocks .box.wide.adv2 { position: relative; background: url(/img/box-systemova-reseni.jpg) no-repeat 0px 0px #FFFFFF; }
#blocks .box.wide.adv2 p { padding-left: 20px; padding-right: 160px; font-size: 12px; line-height: 18px; }
#blocks .box.wide.adv2 .adv2-bg { position: absolute; top: -10px; left: 232px; width: 45px; height: 10px; background: url(/img/adv2-bg.png) no-repeat; }
#blocks .box.wide.adv3 { }



/*   news   */
#hp-news h2 { font-size: 17px; padding: 18px 20px 16px 20px; text-align: left; }
#hp-news .news { padding: 0px 0px 10px 0px; margin: 0px 5px 14px 20px; border-bottom: 1px solid #f1f1f1; }
#hp-news .news .date { position: relative; font-size: 12px; color: #626262; padding: 5px 0px 1px 24px; background: url(/img/ico-date.png) no-repeat 0px 0px; }

#hp-news .news h3 { font-size: 12px; color: #333; padding: 2px 0; }
#hp-news .news p { font-size: 12px; line-height: 1.3; padding: 2px 0; }
#dalsi-aktuality { padding: 10px 0 0 5px; }

/***************/
/*  slideshow  */
/***************/
#slideshow { width: 980px; height: 256px; padding: 0 0 44px 0; position: relative; background: url(/img/slideshow-bg.png) no-repeat bottom center #dbdbdb; }
#slideshow-content { width: 652px; height: 256px; clear: none; float: left; background-color: #FFFFFF; position: relative; z-index: 0; overflow: hidden; }
#togglers { width: 652px; padding: 0px; margin: 0px; position: absolute; top: 202px; left: 0px; z-index: 1; border-top: 1px solid #d3d3d3; }
#togglers li { list-style: none; clear: none; float: left; width: 162px; border-right: 1px solid #c8c8c8; padding: 2px 0px 0px 0px; line-height: 16px; background-color: #e4e4e4; }
/* pripraveno na 3 bannery / ready for 3 banners
#togglers li { width: 216px; } */
#togglers li.active { background: url(/img/toggler-active.gif) no-repeat left top; }
#togglers li a { display: block; padding: 4px 6px 6px 50px; background-repeat: no-repeat; text-decoration: none; }
#togglers li.active a { background-color: #FFFFFF;  }
#togglers li strong { display: block; padding: 5px 0px 0px 7px; min-height: 38px; }

#slideshow .slide { width: 651px; height: 202px; overflow: hidden; position: absolute; top: 0px; left: 0px; background-color: #FFFFFF; background-position: right top; background-repeat: no-repeat; border-right: 1px solid #c8c8c8; }

#slideshow h1 { font-size: 24px; color: #666666; font-weight: normal; line-height: 24px; padding: 14px 0px 12px 21px; }
#slideshow h1 strong { font-size: 30px; color: #009BDA; font-weight: normal; display: block; }
#slideshow h1 span { display: block; padding-top: 9px; padding-left: 74px; }
#slideshow p { font-size: 15px; margin: 0px; color: #666666; line-height: 19px; padding: 0px 330px 15px 21px; }
#slideshow .more { font-size: 12px; color: #666666; }
#slideshow a { color: #666666; background: url(/img/arrow-blue.gif) no-repeat left 4px; padding-left: 12px; text-decoration: underline; }
#slideshow a:hover { color: #009BDA; }

/* customization */
#togglers .t01 a { background-image: url(/img/toggler-microprotect.gif); background-position: 12px 8px; }
#togglers .t02 a { background-image: url(/img/toggler-02.gif); background-position: 10px 8px; }
#togglers .t03 a { background-image: url(/img/toggler-03.gif); background-position: 17px 4px; }
#togglers .t04 a { background-image: url(/img/toggler-04.gif); background-position: 0px 8px; }
/* pripraveno na 3 bannery / ready for 3 banners
#togglers .t03 { width: 217px !important; } */

#slideshow .slide01 { background: #FFFFFF url(/img/microprotect.png) 300px 10px no-repeat; }
#slideshow .slide02 { background-image: url(/img/toggler-bg-01.jpg); }
#slideshow .slide03 { background-image: url(/img/toggler-bg-02-microprotect.jpg); background-position: right 13px;  }
#slideshow .slide04 { background-image: url(/img/toggler-bg-04c.png); }

#slideshow .slide01 p { padding-right: 275px; }
#slideshow .slide01 h1 { margin: 10px 0 0px 0; }
#slideshow .slide02 p { padding-right: 450px; font-size: 15px; color: #989898; }
#slideshow .slide02 h1 { margin: 20px 0 30px 0; padding-right: 360px; margin-bottom: 5px; padding-top: 0; }
/* #slideshow .slide02 p { padding-right: 295px; } */
#slideshow .slide03 p { padding-right: 360px; }
#slideshow .slide03 h1 { margin: 10px 0 0px 0; }
#slideshow .slide04 p { padding-right: 270px; color: #989898; }
#slideshow .slide04 h1 { margin: 10px 0 30px 0; padding-right: 445px; margin-bottom: 5px; padding-top: 0; background: none; }
#slideshow .slide04 h1 a { background: none; }

/* soutez microprotect */
#slideshow .slide01 .soutez { position: absolute; top: 15px; right: 0; width: 170px; color: #c00; }
#slideshow .slide01 .soutez h2 a { width: 84px; height: 30px; background-color: #c00; color: #fff; background: none; }
#slideshow .slide01 .soutez h2 a span { background-image: url(/img/hp-soutez-microprotect-title.png); width: 84px; height: 30px; }
#slideshow .slide01 .soutez p { padding: 0; margin: 0.5em 0; color: #c00; font-size: 12px; }
#slideshow .slide01 .soutez .more { font-size: 11px; line-height: 17px; }
#slideshow .slide01 .soutez .more a { background: url(/img/hp-soutez-microprotect-more-arrow.png) 0 2px no-repeat; color: #c00; padding: 3px 0 3px 22px; }

#slideshow .slide.green { }
#slideshow .slide.green h1 span { padding-left: 0; }
#slideshow .slide.green h1 { margin: 10px 0 30px 110px; }
#slideshow .slide.green h1,
#slideshow .slide.green h1 strong { color: #018150; }
#slideshow .slide.green a { background: url(/img/arrow-green.gif) no-repeat left 4px; margin-left: 110px; }
#slideshow .slide.green a:hover { color: #018150; }

#page-homepage .carousel-wrapper { position: relative; height: 140px; width: 980px; }
#page-homepage .carousel-wrapper a.prev,
#page-homepage .carousel-wrapper a.next { cursor: pointer; display: none; width: 22px; height: 30px; position: absolute; top: 58px; z-index: 10; }
#page-homepage .carousel-wrapper a.prev { left: -11px; background-image: url(/img/button-prev.png); }
#page-homepage .carousel-wrapper a.next { right: -11px; background-image: url(/img/button-next.png); }
#page-homepage .carousel-wrapper.ready a.prev,
#page-homepage .carousel-wrapper.ready a.next { display: block; }
#page-homepage .carousel { position: relative; top: 0px; left: 0px; height: 140px; overflow: hidden; width: 980px; }
#page-homepage .carousel-content { height: 140px; width: 981px; }
#page-homepage .carousel .box { width: 326px; height: 140px; padding: 0px; margin: 0px ; background: #FFFFFF; border-right: 1px solid #e5e5e5; float: left; position: relative; }
#page-homepage .carousel .box .box-akce { position: absolute; top: 0px; right: 0px; z-index: 1; width: 70px; height: 60px; background: url(/img/box-akce.png) no-repeat top left; }
#page-homepage .carousel .box .box-nove { position: absolute; top: 0px; right: 0px; z-index: 1; width: 70px; height: 60px; background: url(/img/box-nove.png) no-repeat top left; }
#page-homepage .carousel .box img { position: absolute; bottom: 0px; right: 10px; z-index: 0; width: auto; height: auto; }
#page-homepage .carousel .box h2 {  position: absolute; top: 0px; left: 0px; font-size: 17px; letter-spacing: -1px; padding: 17px 0px 5px 20px; z-index: 1; color: #5b5b5b; }
#page-homepage .carousel .box h2 span { display: block; font-size: 17px; color: #333333; }
#page-homepage .carousel .box p {  position: absolute; top: 54px; left: 0px; padding: 0px 140px 0px 20px; font-size: 12px; line-height: 18px; z-index: 1; }

#page-homepage .carousel .box-noclick { width: 326px; height: 140px; padding: 0px; margin: 0px ; background: #FFFFFF; border-right: 1px solid #e5e5e5; float: left; position: relative; }
#page-homepage .carousel .box-noclick .box-akce { position: absolute; top: 0px; right: 0px; z-index: 1; width: 70px; height: 60px; background: url(/img/box-akce.png) no-repeat top left; }
#page-homepage .carousel .box-noclick .box-nove { position: absolute; top: 0px; right: 0px; z-index: 1; width: 70px; height: 60px; background: url(/img/box-nove.png) no-repeat top left; }
#page-homepage .carousel .box-noclick img { position: absolute; bottom: 0px; right: 10px; z-index: 0; width: auto; height: auto; }
#page-homepage .carousel .box-noclick h2 {  position: absolute; top: 0px; left: 0px; font-size: 17px; letter-spacing: -1px; padding: 17px 0px 5px 20px; z-index: 1; color: #5b5b5b; text-decoration: none; }
#page-homepage .carousel .box-noclick h2 a { text-decoration: none; }
#page-homepage .carousel .box-noclick h2 span { display: block; font-size: 17px; color: #333333; }
#page-homepage .carousel .box-noclick p {  position: absolute; top: 54px; left: 0px; padding: 0px 140px 0px 20px; font-size: 12px; line-height: 18px; z-index: 1; }

#page-homepage .carousel #box-3 img { right: 0px; }
#page-homepage .carousel #box-4 img { position: static; float: right; padding: 0px 0px 0px 20px; bottom: auto; right: auto; }
#page-homepage .carousel #box-5 img { right: 0px; }
#page-homepage .carousel #box-6 img { left: 107px; }
#page-homepage .carousel #box-8 img { right: 0; }
#page-homepage .carousel #box-8 p { padding: 20px 140px 0 20px; }
#page-homepage .carousel #box-5 p { padding: 20px 140px 0 20px; }
#page-homepage .carousel #box-7 p { padding: 5px 160px 0 20px; }

#page-homepage .carousel #box-6 .box-link-1 { top: 65px; width: 78px; text-align: right; }
#page-homepage .carousel #box-6 .box-link-2 { top: 65px; left: 218px; padding-right: 20px; }

/* footer */ 
#footer { position: absolute !important; top: 796px !important; }
#henkel { position: absolute !important; top: 766px !important; }


/* HP VISUAL */
#hp-visual { padding: 5px 0px 5px 5px; height: 190px; background: url(/img/hp-visual-bg.png) 0 0 repeat-x; margin-bottom: 5px; }

/* MS 2010 */
#ms-2010 { background: #FFFFFF url(/img/ms-2010-bg.jpg) no-repeat left top; width: 531px; height: 190px; padding: 0px 0px 0px 25px; float: left; position: relative; font-size: 13px; font-weight: bold; color: #000000; }
#visual-part-top { width: 206px; height: 23px; background: url(/img/ms-2010-top.png) no-repeat left top; position: absolute; top: 122px; left: 619px; z-index: 99; }
#visual-part-bottom { width: 86px; height: 51px; background: url(/img/ms-2010-bottom.png) no-repeat left top; position: absolute; top: 335px; left: 730px; }
#ms-2010 h2 { height: 50px; width: 172px; text-indent: -2000px; overflow: hidden; background: url(/img/ms-2010-logo.png) no-repeat left top; margin: 10px 0px 14px 0px; }
#ms-2010 p { width: 195px; line-height: 20px; }
#ms-2010 p.more { font-weight: normal; }
#ms-2010 p.more strong { font-weight: normal; text-decoration: underline; }
#ms-2010 a { text-decoration: underline; }

/* VISUAL CONTENT */
#visual-content { width: 404px; height: 190px; background: #FFFFFF url(/img/visual-content-bg.jpg) no-repeat right 50px; float: left; overflow: hidden; }
#visual-content h1 { font-size: 24px; color: #666666; font-weight: normal; line-height: 24px; padding: 14px 0px 12px 21px; }
#visual-content h1 strong { font-size: 30px; color: #009BDA; font-weight: normal; display: block; }
#visual-content h1 span { display: block; padding-top: 9px; padding-left: 74px; }
#visual-content p { font-size: 15px; margin: 0px; color: #666666; line-height: 19px; padding: 0px 160px 15px 21px; }
#visual-content .more { font-size: 12px; color: #666666; }
#visual-content a { color: #666666; background: url(/img/arrow-blue.gif) no-repeat left 4px; padding-left: 12px; text-decoration: underline; }
#visual-content a:hover { color: #009BDA; }