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

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

	homepage

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

/*   layout   */
#hp-visual { width: 970px; height: 200px; margin: 0 0 5px 0; background: url(/img/hp-visual-bg.png) 0 0 repeat-x; position: relative; }
#blocks { float: left; width: 720px; }
#hp-news { float: left; width: 250px; }

/*   visual   */
#hp-visual img { display: block; }
#hp-visual h1 { position: absolute; top: 15px; left: 20px; font: 40px Arial, Helvetica, sans-serif; color: #ec008b; letter-spacing: -1px; }
#hp-visual h1 span { font-size: 28px; color: #fff; margin: 0 0 0 90px; display: block; }
#hp-visual p { position: absolute; bottom: 20px; left: 20px; font: bold 13px Arial, Helvetica, sans-serif; color: #333; width: 300px; line-height: 1.5; }

/*   blocks   */
#box-upper .box { float: left; margin: 0 5px 5px 0; width: 331px; height: 110px; padding: 10px 12px; background: #ccc url(/img/hp-box-upper-bg.png) left bottom repeat-x; }
#box-upper .box h2 { font-size: 17px; text-transform: uppercase; color: #333; margin: 0 0 5px 0; letter-spacing: -1px; }
#box-upper .box h2 a { text-decoration: none; }
#box-upper .box img { float: left; }
#box-upper .box p { font-size: 12px; margin: 0 0 0 125px; }
#box-upper .box a { font-weight: bold; }

#box-lower .box { float: left; margin: 0 5px 0 0; width: 225px; height: 170px; padding: 5px; background: #ccc url(/img/hp-box-lower-bg.png) left bottom repeat-x; }
#box-lower .box img { display: block; height: 90px; width: 225px; background: #eee; margin: 0 0 4px 0; }
#box-lower .box h2 { font-size: 12px; text-transform: uppercase; color: #333; }
#box-lower .box h2 a { text-decoration: none; }
#box-lower .box p { font-size: 11px; padding: 2px 0 0 2px; }
#box-lower .box a { font-weight: bold; }
#box-lower h2 span { background: #ec008b; padding: 1px 2px; color: #fff; }

/*   news   */
#hp-news h2 { font-size: 12px; color: #fff; background: #ec008b url(/img/hp-news-bg.png) left bottom no-repeat; padding: 8px 10px 12px 10px; text-align: left; }
#hp-news .news { padding: 10px 5px 0 5px; }
#hp-news .news .date { font-size: 12px; font-weight: bold; color: #ec008b; display: block; }
#hp-news .news h3 { font-size: 12px; color: #333; padding: 2px; }
#hp-news .news p { line-height: 1.3; }
#dalsi-aktuality { padding: 10px 0 0 5px; }

.boxshow { width: 235px; height: 180px; padding: 0px; margin: 0px 5px 0px 0px; position: relative; overflow: hidden; float: left; }
.boxshow .box { position: absolute; top: 0px; left: 0px; float: none; }



/***** Slide show *****/
#slideshow { width: 970px; height: 200px; margin: 0 0 8px 0; background: #FFFFFF; position: relative; z-index: 1; }
#slideshow-content { width: 970px; height: 200px; background-color: #FFFFFF; position: relative; z-index: 0; overflow: hidden; }
#togglers { width: 265px; padding: 0px; margin: 0px; position: absolute; top: 17px; right: 17px; z-index: 2; }
#togglers li { list-style: none; padding: 0px 0px 9px 6px; line-height: 18px; background: url(/img/toggler.png) no-repeat 0px 0px; height: 40px; margin-bottom: 10px; }
#togglers li a { display: block; padding: 6px 8px 7px 70px; text-decoration: none; outline: none; }
#togglers li.active { background: url(/img/toggler-a.png) no-repeat 0px 0px; }
#togglers li strong { display: block; }

#slideshow .slide { width: 970px; height: 200px; overflow: hidden; position: absolute; top: 0px; left: 0px; background-color: #FFFFFF; background-position: right top; background-repeat: no-repeat; }

#slideshow h1 { font-size: 24px; color: #000000; 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; position: absolute; margin: -10000px 0px 0px -10000px; }
#slideshow p { font-size: 12px; margin: 0px; color: #000000; line-height: 16px; font-weight: bold; }
#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: #e2027c; }

/* customization */
#togglers .t01 a { background-image: url(/img/toggler-thomsit-k188e.png); background-position: 18px 7px; }
#togglers .t02 a { background-image: url(/img/toggler-podlahy.png); background-position: 25px 5px; }
#togglers .t03 a { background-image: url(/img/toggler-obaly.png); background-position: 23px 5px; }

#slideshow .slide01 { background: url(/img/slide-bg-01.png) repeat-x 0px 0px; }
#slideshow .slide02 { background: url(/img/slide-bg-02.jpg) repeat-x 0px 0px; }
#slideshow .slide03 { background: url(/img/slide-bg-03.png) repeat-x 0px 0px; }

#slideshow .slide01 h1 { position: absolute; top: 66px; left: 25px; width: 367px; height: 55px; background: url(/img/slide-h1-01.png) no-repeat; }
#slideshow .slide01 p.text { position: absolute; top: 150px; left: 25px; width: 398px; height: 55px; background: url(/img/slide-text-01.png) no-repeat; }
#slideshow .slide01 p.image { position: absolute; top: 0px; left: 440px; width: 230px; height: 200px; background: url(/img/slide-image-01.jpg) no-repeat; }

#slideshow .slide02 p.text { position: absolute; top: 10px; left: 216px; width: 439px; height: 190px; overflow: hidden; background: url(/img/slide-text-02.png) no-repeat; }
#slideshow .slide02 p.image { position: absolute; top: 0px; left: 0px; width: 216px; height: 200px; background: url(/img/slide-image-02.jpg) no-repeat; }

#slideshow .slide03 h1 { position: absolute; top: 24px; left: 240px; width: 420px; height: 25px; padding: 0px;}

#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; }

.boxshow { width: 235px; height: 180px; padding: 0px; margin: 0px 5px 0px 0px; position: relative; overflow: hidden; float: left; }
.boxshow .box { position: absolute; top: 0px; left: 0px; float: none; }


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

/* MS 2010 */
#ms-2010 { background: url(/img/ms-2010-bg.jpg) no-repeat left top; width: 589px; height: 200px; padding: 0px 0px 0px 25px; float: left; position: relative; font-size: 13px; font-weight: bold; color: #000000; }
#visual-part-top { width: 203px; height: 22px; background: url(/img/ms-2010-top.png) no-repeat left top; position: absolute; top: 118px; left: 620px; z-index: 99; }
#visual-part-bottom { width: 64px; height: 39px; background: url(/img/ms-2010-bottom.png) no-repeat left top; position: absolute; top: 339px; left: 727px; }
#ms-2010 h2 { height: 50px; width: 172px; text-indent: -2000px; overflow: hidden; background: url(/img/ms-logo-2010.png) no-repeat left top; margin: 20px 0px 10px 0px; position: static; }
#ms-2010 p { width: 195px; line-height: 20px; position: static; color: #FFFFFF; }
#ms-2010 p.more { font-weight: normal; }
#ms-2010 p.more strong { font-weight: normal; text-decoration: underline; }
#ms-2010 a { text-decoration: underline; color: #FFFFFF; }

/* VISUAL CONTENT */
#visual-content { width: 356px; height: 190px; float: left; overflow: hidden; }
#visual-content h1 { font-size: 32px; left: 24px; }
#visual-content h1 span { font-size: 22px; margin-left: 79px; padding-top: 10px; }
#visual-content p { left: 24px; top: 104px; width: 240px; }
#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; }


#flash-banner { width: 970px; height: 200px; position: absolute; top: 0px; left: 0px; z-index: 1; }