/* =BODY
---------------------------------------------------------------------------------------------------*/
body { margin:0px; padding:7px 0 0 0; font-size:13px; text-align:left; font-family:Arial, sans-serif; background:#000 url(../../../images/design/intro/bg-body.jpg) no-repeat top center; color:#fff; }
input, textarea { font-family:Arial, sans-serif; }
body.intro { padding:212px 0 0 0; background:#000 url(../../../images/design/intro/bg.jpg) no-repeat top left; }
body.profile { background:#000 url(../../../images/design/intro/bg-profile.jpg) top center no-repeat; padding: 0; }
body.kontakt { background:#000 url(../../../images/design/intro/bg-kontakt.jpg) top center no-repeat; padding: 0; }
body.nl { background:#000 url(../../../images/design/intro/bg-nl.jpg) top center no-repeat; padding: 0; opacity:0.9; }
body.nl .wrap { position: relative; }

/* =INTRO PAGE
---------------------------------------------------------------------------------------------------*/
body.intro h1 { font-size:56px; line-height:1; margin:0 0 18px 0; letter-spacing:-1px; }
body.intro h1 span { width:379px; height:108px; position:absolute; top:-2px; right:36px; background:url(../../../images/design/intro/vlado-zlatos.jpg) no-repeat; }
body.intro a.button { width:118px; height:32px; font-size:16px; font-weight:bold; text-align:center; line-height:32px; color:#fff; display:block; float:left; text-decoration:none; outline:none; background:url(../../../images/design/intro/button.jpg) top left; }
body.intro a.button:hover { background-position:bottom; }
body.intro p { line-height:150%; margin-bottom:20px; }
body.intro .wrap { width:410px; padding-left:550px; float:left; position:relative; }

/* misc */
h1, h2, h3, p, form, ul { padding:0; margin:0; }
h1 { font-size:43px; color:#fff; line-height:105%; font-weight:normal; }
h1.n { font-size: 38px; height: 80px; line-height: 83px; margin: 0; color: #fff; }
h2 { font-size:18px; font-weight:normal; }
a { color:#fff; text-decoration:underline; outline:none; }
a:hover { text-decoration:none; }
img { border:none; padding:0; margin:0; }
fieldset { border:0; margin:0; padding:0; }
p { line-height:140%; }
.last { margin-right: 0px !important; }
.clear { clear:both; }
.float { float:left; }
.floatRight { float:right; }
ul li { list-style:none; line-height:130%; }
.wrap { width:960px; margin:0 auto; }

/* =TOP
---------------------------------------------------------------------------------------------------*/
.top { height:50px; padding-bottom:15px; background:url(../../../images/design/intro/bg-top.jpg) top left no-repeat; }
.top a { font-size:11px; font-weight:bold; color:#A9A9A9; float:left; }
.top a.button { width:80px; height:50px; line-height:48px; text-align:center; font-size:18px; font-weight:normal; color:#fff; float:right; text-decoration:none; }
.top a.button#left { padding-right:20px; background:#2E2D30 url(../../../images/design/intro/button-next.gif) no-repeat; }
.top a.button#right { padding-left:20px; background:#2E2D30 url(../../../images/design/intro/button-prev.gif) no-repeat; }
.top a.button:hover { text-decoration:underline; }

/* =HEADLINE
---------------------------------------------------------------------------------------------------*/
.headline { height:458px; position:relative; padding:0 0 0 261px; margin-bottom:15px; background:url(../../../images/design/intro/h1.jpg) no-repeat top left; }
.headline ul { height:391px; display:block; clear:both; }
.headline ul li { width:134px; height:391px; float:left; margin-right:7px; position:relative; }
.headline ul li.zdravie { background:#6EB726 url(../../../images/design/intro/bg-zdravie.jpg) no-repeat top left; }
.headline ul li.eshop { background:#D0A465 url(../../../images/design/intro/bg-eshop.jpg) no-repeat top left; }
.headline ul li.team-sx { background:#4F87D9 url(../../../images/design/intro/bg-team-sx.jpg) no-repeat top left; }
.headline ul li.akademia { background:#3B170B url(../../../images/design/intro/bg-akademia.jpg) no-repeat top left; }
.headline ul li.copywriter { margin:0 0 0 1px; background:#2A434B url(../../../images/design/intro/bg-copywriter.jpg) no-repeat top left; }
.headline ul li.ebook { background:#939399 url(../../../images/design/intro/bg-ebook.jpg) no-repeat top left; }
.headline ul li.wellness { background:#DCB491 url(../../../images/design/intro/bg-wellness.jpg) no-repeat top left; }
.headline ul li.napady { background:#226694 url(../../../images/design/intro/bg-napady.jpg) no-repeat top left; }

.headline ul li a { width:114px; height:372px; text-decoration:none; padding:9px 10px 10px 10px; float:left; display:block; background:url(../../../images/design/intro/menu-top.png) no-repeat top left; cursor:pointer; }
.headline ul li a .sub { width:119px; display:none; background:url(../../../images/design/intro/bg-sub-menu.png); }
.headline ul li a:hover .sub { width:119px; font-size:12px; padding:5px 5px 20px 10px; display:block; float:left; position:absolute; left:0px; top:37px; }

.menu { position:absolute; left:0px; width:1398px; height:391px; }
.slide { width:699px; height:391px; overflow:hidden; position:relative; }

.headline .vz { width:69px; height:247px; position:absolute; top:144px; left:261px; background:url(../../../images/design/intro/vz-image.png) no-repeat top left; }
.headline .ornament { width:28px; height:53px; position:absolute; top:203px; left:-28px; background:url(../../../images/design/intro/ornament.gif) no-repeat; }
.headline .novinka { width:74px; height:93px; position:absolute; top:214px; left:-3px; background:url(../../../images/design/intro/label-novinka.png) no-repeat; }

/* =LOGO-BOX
---------------------------------------------------------------------------------------------------*/
.logo-box { padding:11px 0 0 134px; display:block; }
.logo-box img { display:inline; margin-right:40px; }

/* =LINK-BAR
---------------------------------------------------------------------------------------------------*/
ul.link-bar { width:960px; height:60px; clear:both; margin-bottom:15px; background:#0E0E0E url(../../../images/design/intro/bg-link-bar.gif) no-repeat top left; }
body.nl ul.link-bar { background:url(../../../images/design/intro/bg-link-bar.png) no-repeat top left; margin: 0 0 27px 0; }
ul.link-bar li { float:left; padding:0 31px; font-size:15px; height:60px; line-height:60px; color:#A9A9A9; background:url(../../../images/design/intro/divider-link-bar.gif) no-repeat top right; }
ul.link-bar li.last { background:none; padding-right:0; }
ul.link-bar li a { float:left; display:block; color:#A9A9A9; text-decoration:none; position: relative; }
ul.link-bar li a:hover { text-decoration:underline; }
ul.link-bar li img { float:left !important; margin-right:10px; }
* html ul.link-bar li a { text-indent: 10px; }

/* =welcomeBox
---------------------------------------------------------------------------------------------------*/
.welcomeBox { width: 929px; height: 211px; padding: 0 0 0 31px; background: url(../../../images/design/intro/welcomebox.png) left top no-repeat; }
.welcomeBox h2 { font-size: 35px; color: #fff; line-height: 100%; width: 960px; height: 87px; margin: 0 0 15px 0; }
.welcomeBox ul { color: #fff; font-size: 15px; float: left; width: 877px; padding:0 0 0 26px; height: 41px; }
.welcomeBox ul li { float: left; }
.welcomeBox ul li.n1 { width: 175px; }
.welcomeBox ul li.n2 { width: 293px; }
.welcomeBox p.sub { color: #b6b6b6; text-align: center; width: 635px; }

/* =SEARCH-FORM
---------------------------------------------------------------------------------------------------*/
form { width:280px; float:left; padding-top:15px; }
form .row { float:left; width:160px; height:25px; padding:2px 10px; margin:1px 5px 0 0; background:url(../../../images/design/intro/bg-input.gif) no-repeat; }
form .row input { width:160px; padding:5px 0; border:0; font-size:12px; color:#8E8E8E; font-family:Helvetica, Arial, sans-serif; }
form input { float:left; }

/* =FOOTER
---------------------------------------------------------------------------------------------------*/
.footer { font-size:11px; color:#A9A9A9; padding: 0 0 15px 0; width: 960px; float: left; }
.footer a { color:#A9A9A9; }

/* =TOOLTIP
---------------------------------------------------------------------------------------------------*/
#tooltip { position:absolute; z-index: 3000; width:247px; color:#fff; background:url(../../../images/design/intro/bg-tooltip.png) right top no-repeat; font-size:11px; }
#tooltip strong { line-height:140%; }
#tooltip div { /*background:url(../../../images/design/intro/roh-bottom.png) right bottom no-repeat;*/ width:224px; padding:15px 8px 21px 15px; }

/* =content
---------------------------------------------------------------------------------------------------*/
.content { width: 960px; background:#ffffff url(../../../images/design/intro/content-bottom.jpg) left bottom no-repeat; padding: 0 0 7px 0; float: left; color: #000; margin: 0 0 5px 0; }
.contentInner { width: 908px; background:#ffffff url(../../../images/design/intro/content-top.jpg) left top no-repeat; padding: 40px 23px 15px 29px; position: relative; float: left; }
.content .step { position: absolute; font-size:26px; color: #fff; left: 37px; top:40px; }
.content h2 { padding: 0 0 0 138px; margin: 0 0 25px 0; font-size: 26px; color: #7fb005; }
.content a { color: #086db7; }
.content a.button { display: block; width: 276px; height: 55px; line-height: 55px; padding: 0 0 0 60px; background: url(../../../images/design/intro/button.png); color: #000; text-decoration: none; font-size:15px; position: absolute; left: 601px; top:29px; }
.content a.button1 { display: block; width: 443px; padding-right: 5px; height: 68px; line-height: 60px; text-align:center; background:#FF7605 url(../../../images/design/intro/button1.gif); color: #fff; text-decoration: none; font-size:15px; font-weight: bold; float: left; margin: 0 10px 0 0; }
.content a.button1.next { background:#FF7605 url(../../../images/design/intro/button1-1.gif); }
.content a.button1:hover { text-decoration: underline; }
.content p { margin: 0 0 15px 0; }
.content p.mb5 { margin: 0 0 5px 0; }
.content p.descr { font-size: 15px; }
.content ul.dot li { background: url(../../../images/design/intro/icon-dot.gif) 2px 5px no-repeat; padding: 0 0 0 18px; font-weight: bold; margin: 0 0 3px 0; }
.content ul.dot { margin: 0 0 15px 0; }
.content .info { background:#7A7A7A url(../../../images/design/intro/bg-info.gif); font-weight: bold; font-size: 15px; width: 900px; height: 45px; line-height: 45px; color: #fff; text-indent: 15px; margin: 10px 0 46px 0; float: left; }
.content .info2 { margin: 0 0 30px 0; }

/* =items
---------------------------------------------------------------------------------------------------*/
.items { width: 900px; float: left; margin: 0 0 15px 0; }
.items .item { width: 202px; height: 396px; float: left; margin: 0 28px 15px 0; overflow: hidden; }
.items .item input.check { float: left; width: 14px; height: 14px; margin: 250px 13px 0 0; padding: 0; }
.items .item .itemContent { width: 175px; float: left; position: relative; padding: 250px 0 0 0; }
.items .item .itemContent img { position: absolute; top:0; left:0; display: block; }
.items .item .itemContent h3 { font-weight: bold; }
.items .item .itemContent h3,
.items .item .itemContent p { font-size: 12px; color:#000; margin: 0 0 3px 0; position: relative; }
.items .item .itemContent .meta { font-size: 10px; }
.items .item .itemContent .meta a { color: #0660A6; text-decoration: none; }
.items .item .itemContent .meta a:hover { text-decoration: underline; }
.items .item .itemContent .meta a.downloads { margin: 0 5px 0 0; }

/* =gal
---------------------------------------------------------------------------------------------------*/
.gal { width: 908px; float: left; margin: 0 0 5px 0; }
.gal img { display: block; float: left; }
.gal a { display: block; position: relative; float: left; }
.gal a span { position: absolute; width: 37px; height: 38px; background: url(../../../images/design/intro/icon-zoom.png); right: -17px; bottom: -17px; z-index: 50; }
.gal a.kniha2 span { bottom:5px; }

/* =box
---------------------------------------------------------------------------------------------------*/
.box { width: 907px; background: url(../../../images/design/intro/bg-box-top.jpg) left top no-repeat; float: left; color: #fff; }
.box .descr { font-size: 15px; }
.boxInner { width: 872px;  background: url(../../../images/design/intro/bg-box-bottom.jpg) left bottom no-repeat; float: left; padding: 10px 21px 0 14px; }
.box label { font-size: 15px; margin: 0 0 2px 0; }
.box .cell {  width: 263px; float: left; }
.box .cell label { display: block; }
.box .sub { color: #66636A; }
.box input.submit { margin: 19px 0 0 0; }

.field { background: url(../../../images/design/intro/input-right.png) right top no-repeat; height: 40px; float: left; padding: 0 8px 0 0; }
* html .field { background: url(../../../images/design/intro/input-right.gif) right top no-repeat; }
.fieldInner { background: url(../../../images/design/intro/input-left.png) left top no-repeat;  height: 24px; float: left; padding: 8px 0 8px 8px; }
* html .fieldInner { background: url(../../../images/design/intro/input-left.gif) left top no-repeat; }
.field input { border: 0; background: transparent; color: #fff; padding: 5px 0 5px 0; height: 15px; margin: 0; width: 232px; font-size: 15px; }

/* =contentScroll
---------------------------------------------------------------------------------------------------*/
.contentScroll { width: 684px; height: 476px; padding: 12px 10px 9px 10px; margin: 0 0 16px 0; }
.contentScrollInner { width: 657px; height: 459px; padding: 7px 13px 10px 13px; overflow-y:scroll; }
.contentScroll p.descr { font-size: 18px; }
.contentScroll p { margin: 0 0 15px 0; }
.kontakt .contentScroll { width: 934px; height: 476px; padding: 12px 10px 9px 10px; margin: 0 0 16px 0; }
.kontakt .contentScrollInner { width: 907px; height: 459px; padding: 7px 13px 10px 13px; /*overflow-y:scroll;*/ overflow: hidden; }
p.link { float: left; padding: 5px 0 0 0; margin: 15px 22px 0 0; }
p.links img { float: left; margin: 15px 24px 10px 0; }

/* =email-fiends
---------------------------------------------------------------------------------------------------*/
.email-fiends { width: 907px; float: left; padding: 0; }
.email-fiends .box { margin: 0 0 15px 0; }
.email-fiends fieldset { padding: 0; }
.email-fiends .boxInner { padding-top: 30px;}
.email-fiends label { width: 171px; height: 40px; line-height: 40px; float: left; text-align: right; color: #fff; font-size: 15px; margin: 0 17px 10px 0; }
.email-fiends .field, 
.email-fiends .fieldInner { float: left !important; }
.email-fiends .field input { width: 437px; float: left; }
.email-fiends .field { margin: 0 11px 10px 0; }
.email-fiends select { float: left; background: #565458; width: 200px; color:#fff; font-size: 15px; padding: 5px 0 5px; }
.email-fiends p.sub { margin: 0 0 30px 188px; }
p.attention { background: url(../../../images/design/intro/icon-attention.gif) left top no-repeat; padding: 0 0 0 38px; font-weight: bold; color: #767676; }