html, body, div, span, h1, h2, ul, li, p, img, form { margin: 0; padding: 0; }
a, .underline
{ color: #800054; text-decoration:underline; cursor:pointer; }
a:hover { text-decoration: none; }
li { list-style: none; }
img { border: none; }
body { background: #38115e url(../img/bg-body.png) 50% 0 repeat-y; font-family: Tahoma, Arial, sans-serif; font-size: 12px; color: #442177; }
/* layout ------------------------------------------------------------------- */
#back { background: url(../img/bg-back.png) 50% 0 no-repeat; padding-top: 26px; }
#page { background: #fff url(../img/bg-page.png) repeat-y; margin: 0 auto; width: 1000px; position: relative; }
#hp #page { height: 814px; }
/* header ------------------------------------------------------------------- */
#head { background: url(../img/bg-head.png) no-repeat; height: 120px; }
#head img { float: left; display: inline; margin: 48px 0 0 66px; }
#head span { float: left; display: inline; margin: 74px 0 0 9px; color: #419ad5; font-size: 18px; }
/* menu --------------------------------------------------------------------- */
ul.menu { position: relative; z-index: 597; float: left; margin: 72px 0 0 33px; background: url(../img/separator.png) 71px 6px no-repeat; }
ul.menu li { color: #800054; width: 69px; height: 28px; float: left; font-size: 18px; margin-right: 7px; text-align: center; }
ul.menu li strong { font-weight: normal; text-decoration: underline; }
ul.menu li.hover,
ul.menu li:hover { color: #fff; background: url(../img/bg-menu.png) no-repeat; position: relative; z-index: 599; cursor: default; }
ul.menu li:hover a { color:#FFF !important; }
ul.menu li a { display: block; height: 28px; line-height: 26px; }
ul.menu li a:hover { color: #fff; text-decoration: underline; }
ul.menu li.dir { line-height: 26px; }
ul.menu li.dir.hover,
ul.menu li.dir:hover { background: url(../img/bg-submenu-top.png) no-repeat; }
#menu2 { width: 102px; }
#menu3:hover { background-image:url(../img/bg-menu-3.png);}
ul.menu ul { width: 102px; background: url(../img/bg-submenu.png) 0 100% no-repeat; visibility: hidden; position: absolute; top: 100%; left: 0; z-index: 598; padding: 4px 0; }
ul.menu li#menu3 ul { width:209px;background-image:url(../img/bg-submenu-3.png);}
ul.menu li#menu3 ul li { width:auto; }
ul.menu ul li,
ul.menu ul li#menu2.dir { float: none; width: 101px; margin-right: 0; font-size: 14px; text-align: left; text-indent: 12px; height: 24px; line-height: 23px; }
ul.menu ul li.hover,
ul.menu ul li:hover,
ul.menu ul li.dir.hover,
ul.menu ul li.dir:hover { background: #e6ccdd repeat-y; }
ul.menu ul li.hover a,
ul.menu ul li:hover a,
ul.menu ul li.dir.hover a,
ul.menu ul li.dir:hover a { color: #800054; }
ul.menu ul li a { line-height: 23px; color: #fff; text-decoration: none; }
ul.menu ul li a:hover { color: #800054; text-decoration: none; }
ul.menu li:hover > ul { visibility: visible; }
ul.menu ul ul { top: -4px; left: 102px; background-repeat: no-repeat; width: 268px; height: 105px; }
ul#submenu-1 { background-image:url(../img/bg-subsubmenu-1.png);width:228px;background-position:0 -1px;}
ul#submenu-2 { background-image:url(../img/bg-subsubmenu-2.png);background-position:0 -1px;}
ul#submenu-3 { height:71px !important;background-image:url(../img/bg-subsubmenu-3.png);width:228px;}
ul#submenu-4 { height:47px !important;background-image:url(../img/bg-subsubmenu-4.png);width:198px;}
ul.menu ul ul li { text-indent: 12px; height: 24px; line-height: 23px; width: 100%;}
ul.menu ul ul li a { color: #fff !important; }
ul.menu ul ul li a:hover { color: #800054 !important; background: url(../img/bg-subsubmenu-hover.png) no-repeat; }
/* search ------------------------------------------------------------------- */
#search { float: right; display: inline; margin: 75px 34px 0 0; width: 185px; height: 23px; overflow: hidden; background: url(../img/bg-search.png) no-repeat; }
#search input { font-family: Tahoma, Arial, sans-serif; font-size: 12px; color: #800054; background: transparent; border: none; padding: 4px 0 0 6px; width: 144px; float: left; margin-right: 4px; }
input#send { line-height: 60px; width: 27px; height: 25px; cursor: pointer; }
/* hp icons ----------------------------------------------------------------- */
#hp-icons { width: 940px; height: 456px; overflow: hidden; margin-left: 30px; }
#hp-icons a { width: 220px; height: 456px; display: block; float: left; border-right: 20px solid #fff; }
#hp-icons a:hover { background-position: -220px 0 !important; }
#hp-icons a.hover { background-position: -440px 0 !important; }
#hp-icons a strong { display: none; }
#hp-icons a#hp-1 { background: url(../img/hp-1.jpg) no-repeat; }
#hp-icons a#hp-2 { background: url(../img/hp-2.jpg) no-repeat; }
#hp-icons a#hp-3 { background: url(../img/hp-3.jpg) no-repeat; }
#hp-icons a#hp-4 { background: url(../img/hp-4.jpg) no-repeat; border: 0; }
/* hp text ------------------------------------------------------------------ */
#action { position: absolute; top: 602px; left: 74px; padding-top:70px;background:url(../img/image-action.gif) 0 0 no-repeat;text-align:center;cursor:pointer;}
#action img { width:130px; }
#hp-text { float: left; display: inline; width: 700px; overflow: hidden; margin: 50px 0 0 271px; }
#hp-text h1 { font-size: 26px; color: #800054; margin-bottom: 17px; }
#hp-text img { float: right; margin: -4px 0 0 28px; }
#hp-text p { font-size: 14px; color: #595959; line-height: 1.4em; margin-bottom: 20px; }
/* hp test ------------------------------------------------------------------ */
#test { float: right; width: 341px; height: 128px; margin: -4px 0 0 28px; position: relative; background: url(../img/bg-test.jpg) no-repeat; }
#test p { margin: 16px 0 0 22px; }
#test big { font-size: 26px; color: #800054; font-weight: bold; }
#test form { margin: 6px 0 0 52px; }
#test label { font-size: 14px; color: #800054; text-decoration: underline; cursor: pointer; line-height: 1.8em; }
#test img { cursor: pointer; position: absolute; right: 11px; }
#test .test-close { top: 15px; }
#test .test-next { top: 91px; }
.test-step { display: none; }
#test { display:none; }
/* hp action packages ------------------------------------------------------- */
#action-packages,
#action-packages-admin { display:none;position:absolute;width:750px;height:172px;_height:242px; bottom:-30px; left:240px; padding-top:70px;xbackground:url(../img/image-action-old.gif) 0 0 no-repeat;}
#action-packages-admin { display:block;background-image:none;bottom:16px;height:190px;left:280px;overflow:hidden; }
#action-packages img,
#action-packages-admin img { margin-right:18px; width:130px;}
#action-packages img.last { margin-right:0px;}
#action-packages-close { text-indent:-3000px; background-image:url(../img/test-icon-1.png); display:block;width:30px;height:29px;position:absolute;right:20px; top:20px;}
/* products ----------------------------------------------------------------- */
#product-icons { width: 940px; height: 298px; overflow: hidden; margin-left: 30px; }
#product-icons a { width: 220px; height: 298px; display: block; float: left; border-right: 20px solid #fff; }
#product-icons a:hover { background-position: -220px 0 !important; }
#product-icons a strong { display: none; }
#product-icons a#pi-1 { background: url(../img/pi-1.jpg) -440px 0 no-repeat; }
#product-icons a#pi-2 { background: url(../img/pi-2.jpg) -440px 0 no-repeat; }
#product-icons a#pi-3 { background: url(../img/pi-3.jpg) -440px 0 no-repeat; }
#product-icons a#pi-4 { background: url(../img/pi-4.jpg) -440px 0 no-repeat; border: 0; }
#product-icons a.act { background-position: 0 0 !important; }
.product { height: 600px; position: relative; background: url(../img/a.jpg) 0 100% no-repeat; margin-bottom: -39px; padding: 43px 0 0 34px; overflow: hidden; }
.product.lotion { background: url(../img/product-lotion.jpg) 0 100% no-repeat; }
.product.lotion h1,
.product.lotion #product-list a,
.product.lotion a.bel-product-back,
.product.lotion a.product-tip,
.product.lotion #product-detail h2{color: #4B92B8 !important;}
.product.premium { background: url(../img/product-premium.jpg) 0 100% no-repeat; min-height:600px; height:auto;padding-bottom:20px;}
.product.premium h1,
.product.premium #product-list a,
.product.premium a.bel-product-back,
.product.premium a.product-tip,
.product.premium #product-detail h2{color: #85A718 !important;}
.product.cosmetic { background: url(../img/product-cosmetic.jpg) 0 100% no-repeat; height:620px;}
.product.cosmetic h1,
.product.cosmetic #product-list a,
.product.cosmetic a.bel-product-back,
.product.cosmetic a.product-tip,
.product.cosmetic #product-detail h2{color: #6E47A7 !important;}
.product.bio { background: url(../img/product-bio.jpg) 0 100% no-repeat; height:615px;}
.product.bio h1,
.product.bio #product-list a,
.product.bio a.bel-product-back,
.product.bio a.product-tip,
.product.bio #product-detail h2{color: #7E5346 !important;}
#product-text { float: left; width: 458px; }
.product h1 { font-size: 26px; font-weight: normal; }
.product p { font-size: 14px; color: #595959; margin: 18px 0 0px 0; line-height: 1.3em; }
#product-list { overflow: hidden; display: inline; float: right; width: 480px; margin: -32px 10px 0 0; text-align: center; }
#product-list div { width: 220px; height: 255px;float: left;margin-bottom:10px;}
#product-list a.product-link { color: #5997b9; font-weight: bold;padding-top: 180px; width: 205px; height: 35px; display: block;}
#product-list a#p-1,
#product-list a#p-3{ border-right: 15px solid #fff;}
#product-list a.hover { background-position: -220px 0 !important; color: #a1bfcf; }
.lotion #product-list a#p-1 { background: url(../img/product-lotion-1.jpg) 0 0 no-repeat; }
.lotion #product-list a#p-2 { background: url(../img/product-lotion-2.jpg) 0 0 no-repeat; }
.lotion #product-list a#p-3 { background: url(../img/product-lotion-3.jpg) 0 0 no-repeat; }
.lotion #product-list a#p-4 { background: url(../img/product-lotion-4.jpg) 0 0 no-repeat; }
.premium #product-list a#p-1 { background: url(../img/product-premium-1.jpg) 0 0 no-repeat; padding-top:190px;}
.premium #product-list a#p-2 { background: url(../img/product-premium-2.jpg) 0 0 no-repeat; padding-top:190px;}
.premium #product-list a#p-3 { background: url(../img/product-premium-3.jpg) 0 0 no-repeat; }
.premium #product-list a#p-4 { background: url(../img/product-premium-4.jpg) 0 0 no-repeat; }
.cosmetic #product-list a#p-1 { background: url(../img/product-cosmetic-1.jpg) 0 0 no-repeat; }
.cosmetic #product-list a#p-2 { background: url(../img/product-cosmetic-2.jpg) 0 0 no-repeat; }
.cosmetic #product-list a#p-3 { background: url(../img/product-cosmetic-3.jpg) 0 0 no-repeat; }
.bio #product-list a#p-1 { background: url(../img/product-bio-1.jpg) 0 0 no-repeat; }
.bio #product-list a#p-2 { background: url(../img/product-bio-2.jpg) 0 0 no-repeat; }
.bio #product-list a#p-3 { background: url(../img/product-bio-3.jpg) 0 0 no-repeat; }
.product-list-hidden { display:none; }
#product-detail { overflow: hidden; display: inline; float: right; width: 480px; margin: 0 10px 0 0; }
.product-detail { display:none; }
.product-detail p { text-align:center;}
.product-active { display:inline; }
#product-detail h2 { font-size: 26px; }
#product-detail h2 a { color: #5997b9; }
#product-detail h2 small { font-size: 12px; display: block; font-weight: normal; }
#product-detail img { margin: 10px 0 0 0; }
#product-detail li { padding-left: 12px; background: url(../img/dot.gif) 1px 7px no-repeat; margin-bottom: 7px; color: #595959; font-size: 14px; }
/* tips --------------------------------------------------------------------- */
#tips { position: relative; background: url(../img/bg-tips.png) 100% 100% no-repeat; padding-bottom: 8px; min-height:500px; _height:500px; }
#tips h1 { font-size: 26px; color: #800054; margin: 45px 0 48px 270px; }
#tips h1 small { font-size: 12px; font-weight: normal; }
#tips h2 { font-size: 20px; color: #800054; font-weight: normal; }
#tips p { color: #595959; margin: 7px 0 15px 0; line-height: 1.3em; }
#tips strong { color: #800054; font-weight: normal; }
#tips big { font-weight: bold; font-size: 16px; }
#tips div { width: 575px; margin-left: 270px; padding: 0 0 18px 120px; background: url(../img/tips-icon-1.png) 9px 5px no-repeat; }
#tips #tip-2 { background-image: url(../img/tips-icon-2.png); }
#tips #tip-3 { background-image: url(../img/tips-icon-3.png); }
#tips #tip-4 { background-image: url(../img/tips-icon-4.png); }
#tips #i1 { position: absolute; top: 201px; left: 24px; }
#tips #i2 { position: absolute; top: 82px; left: 30px; }
/* footer ------------------------------------------------------------------- */
#foot { margin: 0 auto; width: 1000px; background: url(../img/bg-foot.png) no-repeat; height: 39px; text-align: center; color: #8973a1; padding-top: 57px; }
/* vysledky-testu.html*/
#vysledky-testu{ margin-left: auto; margin-right: auto;}
#vysledky-testu th,td{ font-size: 1.2em; text-align: center; padding: 0px 10px;}
#vysledky-testu td{ font-size: 1.1em; text-align: center;}
/* ------------------*/
/* FP: upravy 21.4.2011 ------------------------------------------------------------------- */
.button {display:block;width:102px;margin-left:57px;height:40px;overflow:hidden;text-indent:-1000px;background-image:url(../img/button.png);background-repeat:no-repeat;}
.product-detail .button{display:inline-block;margin-left:190px;margin-bottom:10px}
#modal-page{position:absolute;width:517px;height:356px;left:50%;top:100px;margin-left:-258px;background-image:url(../img/modal.png);z-index:701;}
#modal-page-close{width:32px;height:32px;display:block;position:absolute;right:0;top:0;overflow:hidden;text-indent:-1000px;}
#modal-page-link{display:block;position:absolute;width:130px;height:40px;left:180px;top:273px;overflow:hidden;text-indent:-1000px;}
#modal-page-bg {width:100%;height:970px;background-color:#FFF;position:absolute;left:0;top:0;opacity:0.92;filter: alpha(opacity=92);z-index:700;}
#fb-like {border:none; overflow:hidden; width:110px; height:21px;position:absolute;top:77px;right:30px;text-align:right;}