* {margin:0;padding:0;}
body {position:relative;height:100%;background:#040001;font-family:Helvetica,Arial,Geneva,sans-serif;color:#000;font-size:12px;}
html {height:100%;}
* html body {overflow:hidden;}

#bgwrap {position:absolute;top:0;left:0;width:100%;height:100%;overflow:hidden;}
.bgwrap {position:absolute;width:100%;height:100%;top:0;left:0;background:#000000;}
.preload {display:none;position:absolute;top:0;left:0;width:100%;height:100%;z-index:999;cursor:wait;}

.ir {display:block;overflow:hidden;position:relative;}
.ir span {display:block;position:absolute;width:100%;height:100%;top:0;left:0;text-indent:-999em;overflow:hidden;cursor:pointer;z-index:1;}
.clr {clear:both;float:none;display:block;width:0;height:0;overflow:hidden;}
.marright0 {margin-right:0!important;}
.hidden {display:none;}
.prel {position:relative;}

#maincontent {width:980px;margin:0 auto;position:relative;height:662px;}

.logo-cont {position:absolute;top:25px;left:40px;z-index:10;}
.logo {width:180px;height:42px;text-align:center;}
.logo span {background:url(../images/logo.png) no-repeat;}

.menu {position:absolute;top:25px;right:40px;width:601px;height:50px;z-index:150;}
.menu-in {position:relative;height:50px;background:url(../images/menu-shadow.png) no-repeat left bottom;}
.menu ul li, .menu ul li a {display:block;float:left;height:41px;text-align:center;font-size:10px;line-height:41px;overflow:hidden;}
.menu ul li a {display:block;float:left;height:41px;overflow:hidden;text-indent:-999em;}
.menu ul li a span {background:url(../images/m1.gif) no-repeat;}
.menu ul li a.menu-produkty {width:100px;cursor:pointer;}
.menu ul li a.menu-historie {width:90px;}
.menu ul li a.menu-novinky {width:87px;}
.menu ul li a.menu-newsletter {width:101px;}
.menu ul li a.menu-kontakt {width:185px;}
.menu ul li a.menu-produkty, .menu ul li a.menu-produkty span {background:url(../images/p1.png) no-repeat;}
* html .menu ul li a.menu-produkty, * html .menu ul li a.menu-produkty span {background:url(../images/p1.gif) no-repeat;}
.menu ul li a.menu-historie, .menu ul li a.menu-historie span {background-position:-100px 0;}
.menu ul li a.menu-novinky, .menu ul li a.menu-novinky span {background-position:-190px 0;}
.menu ul li a.menu-newsletter, .menu ul li a.menu-newsletter span {background-position:-277px 0;}
.menu ul li a.menu-kontakt, .menu ul li a.menu-kontakt span {background-position:-378px 0;}
.menu ul li a:hover, .menu ul li a:hover span {background:url(../images/m2.gif) no-repeat;}
.menu ul li a.menu-produkty:hover, .menu ul li a.menu-produkty:hover span {background:url(../images/p2.png) no-repeat;}
* html .menu ul li a.menu-produkty:hover, * html .menu ul li a.menu-produkty:hover span {background:url(../images/p2.gif) no-repeat;}
.menu ul li a.menu-historie:hover, .menu ul li a.menu-historie:hover span {background-position:-100px 0;}
.menu ul li a.menu-novinky:hover, .menu ul li a.menu-novinky:hover span {background-position:-190px 0;}
.menu ul li a.menu-newsletter:hover, .menu ul li a.menu-newsletter:hover span {background-position:-277px 0;}
.menu ul li a.menu-kontakt:hover, .menu ul li a.menu-kontakt:hover span {background-position:-378px 0;}
.menu ul li.active a span {background:url(../images/m3.gif) no-repeat;}
.menu ul li.active a.menu-produkty span {background:url(../images/p3.png) no-repeat;}
* html .menu ul li.active a.menu-produkty span {background:url(../images/p3.gif) no-repeat;}
.menu ul li.active a.menu-historie span {background-position:-100px 0;}
.menu ul li.active a.menu-novinky span {background-position:-190px 0;}
.menu ul li.active a.menu-newsletter span {background-position:-277px 0;}
.menu ul li.active a.menu-kontakt span {background-position:-378px 0;}

.nutcase {position:absolute;right:0;top:0;width:148px;height:63px;text-align:center;font-size:10px;}
.nutcase span {background:url(../images/nutcase.png) no-repeat;}
.nutcase-hover {display:none;position:absolute;top:0;right:0;width:287px;height:179px;background:url(../images/nutcase-hover.png) no-repeat;z-index:155;color:#fff;text-decoration:none;cursor:pointer;z-index:500;}
* html .nutcase-hover {background:url(../images/nutcase-hover.gif) no-repeat;}
.nutcase-hover big {display:block;margin-top:130px;margin-left:30px;font-size:15px;font-weight:bold;color:#c00;font-style:italic;}
.nutcase-hover small {line-height:20px;margin-left:30px;padding-bottom:5px;}

.navig {position:absolute;left:40px;top:120px;z-index:10;width:160px;}
.navig ul {list-style-type:none;white-space:nowrap;}
.navig ul li {line-height:36px;display:block;}
.navig ul li a {display:block;float:left;color:#ccc;font-size:15px;font-weight:bold;font-style:italic;text-decoration:none;background:url(../images/a1.gif) no-repeat right 50%;padding-right:15px;}
.navig ul li a:hover {background:url(../images/a11.gif) no-repeat right 50%;color:#fff;}
.navig ul li.active a, .navig ul li.active a:hover {background:url(../images/a2.gif) no-repeat right 50%;color:#ec6;}

.pane {position:absolute;top:0;left:0;width:762px;height:150px;}
.hp-banners {position:absolute;left:178px;top:483px;height:198px;width:762px;overflow:hidden; z-index: 10;}
.hp-banners-in {position:relative;}
.hp-banner, .dummy {display:block;position:absolute;top:0;width:250px;height:188px;overflow:hidden;text-decoration:none;color:#999;margin:5px;z-index:10;cursor:pointer;}
.hp-banner:hover {margin:0;border:5px solid #ec1620;z-index:11;}
.hp-banner big {display:block;background-color:#060000;height:40px;padding:10px 0 0 10px;color:#ffa600;font-size:15px;font-style:italic;font-weight:bold;line-height:115%;}
.hp-banner span {display:block;height:68px;}
.hp-banner strong {display:block;background:url(../images/banner-bg.png) repeat-x;height:62px;padding:10px 15px 0 15px;font-weight:normal;font-size:12px;line-height:140%;}
.hp-bann1 {left:0px;}
.hp-bann2 {left:251px;}
.hp-bann3 {left:502px;}
.sleduj-nutcase span {background:url(../images/banner1.jpg) no-repeat;}
.snickers-zpravodaj span {background:url(../images/banner2.jpg) no-repeat;}
.gladiator-games span {background:url(../images/banner3.jpg) no-repeat;}
.gladiator-soutez span {background:url(../images/banner4.jpg) no-repeat;}
.inline-akce span {background:url(../images/banner5.jpg) no-repeat;}
.snickers-ceny span {background:url(../images/banner6.jpg) no-repeat;}
.vyhraj-prkno span {background:url(../images/banner7.jpg) no-repeat;}
.vyhraj-kurz span {background:url(../images/banner8.jpg) no-repeat;}
.zoh span {background:url(../images/banner10.jpg) no-repeat;}

.beran span {background:url(../images/banner9.jpg) no-repeat;}
.romane-diky span {background:url(../images/banner10.jpg) no-repeat;}

a.a-prev, a.a-next {display:block;position:absolute;top:488px;left:138px;width:20px;height:140px;text-indent:-999em;}
a.a-next {left:auto;right:0;}
a.a-prev span, a.y-prev span {background:url(../images/a-left.gif) no-repeat left center;}
a.a-next span, a.y-next span {background:url(../images/a-right.gif) no-repeat right center;}

.footer {padding:35px 50px 0 50px;color:#900;position:relative;line-height:26px;font-size:11px;}
* html .footer {height: 1%;}
.footer-in {width:880px;margin:0 auto; padding-bottom: 35px;}
.footer a {display:block;overflow:hidden;width:100px;float:right;background:url(../images/2f-logo.png) no-repeat right;padding-right:35px;text-indent:-999em;color:#900;text-decoration:none;}
.footer a:hover {text-indent:0;}


/* HISTORIE */
body#historie {background:#241301 url(../images/bg-static.jpg) no-repeat center top;color:#fff;position:static!important;}
#historie #maincontent {height:720px}
#historie .screen, .set {position:absolute;left:40px;top:110px;width:900px;height:530px;overflow:hidden;}
.set {left:0;top:0;background:url(../images/osa.png) no-repeat 0 236px;}
.set .scr-col {float:left;width:300px;}
#set1 {background:url(../images/history1.png) no-repeat;}
#set2 {background:url(../images/history2.png) no-repeat;}
.scr-col .ybg {height:265px;}
.scr-col .ytxt {margin-top:60px;padding-right:30px;font-size:14px;line-height:24px;}

a.y-prev, a.y-next {display:block;position:absolute;top:115px;left:0px;width:40px;height:268px;text-indent:-999em;}
a.y-prev span, a.y-next span {background-position:center center;}
a.y-next {left:auto;right:0;}

.media-cont {display:block;position:absolute;top:645px;left:40px;width:900px;height:109px;background:url(../images/media.png) no-repeat;}
.media {display:block; float:right; width:590px;height:109px; line-height: 109px; text-decoration:none;color:#999;cursor:pointer;position:relative; z-index: 50;}
.media small {display:block;width:120px;float:left;font-size:12px;line-height:20px;margin:15px 0 0 380px;background:url(../images/a1.gif) no-repeat right 27px; cursor: hand;}
* html .media small {margin-left:190px;}
.media img {display:block;position:absolute;top:6px;left:246px;width:71px;height:58px;background:url(../images/tv-anim.gif) no-repeat;border:0!important; cursor: pointer;}

/* AGE CHECK */
body#age_check {background:#000 url(../images/bg-age.jpg) no-repeat center top;color:#fff;text-align:center;height: 100%;}
#age_check .maincontent {height:511px;position:relative;width:980px;margin:0 auto;}
#age_check h1 {font-size:50px;text-indent:-999em;line-height:200%;display:block;margin:0 auto;width:54px;height:60px;background:url(../images/13.png) no-repeat;}
* html #age_check h1 {background:url(../images/13.gif) no-repeat;}
#age_check h2 {display:block;line-height:200%;font-style:italic;}
#age_check a {display:block;position:absolute;width:127px;height:36px;text-align:center;overflow:hidden;}
#age_check a:hover, #age_check a:hover span {background-position:0 -36px;}
a.ano {top:262px;left:511px;}
a.ne {top:262px;left:343px;}
a.ano span {background:url(../images/ano.gif) no-repeat;}
a.ne span {background:url(../images/ne.gif) no-repeat;}
.hlaska {color:#900;line-height:250%;font-size:24px;margin-top:150px;}

.disclaimer {position:absolute;width:650px;top:170px;left:165px;z-index:2;text-align:center;}
#video, #hp_video {position:absolute;top:0;left:0;width:980px;height:510px;overflow:hidden;z-index:1;}
#hp_video {background:url(../images/bg-video.jpg) no-repeat;}

#pokusMedia {display: block; overflow: hidden; text-indent: -10000px; width: 590px; height: 109px; position: absolute; top: 640px; left: 350px; z-index: 60;} 

/* Novinky z feedu */
.hp-banner {border: none; text-decoration: none; background-color:#060000;}
.hp-banner .img {display: block; position: relative; overflow: hidden; width: 250px; height: 115px; margin-top: 25px;}
.hp-banner .img img {display: block; border: none; text-decoration: none; }


/* IMAGE REPLACEMENT */
  .mir {display: block; position: relative;}
  .mir span {position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; background-repeat: no-repeat; background-position: top left;}
  a.mir:hover span {background-position: bottom left;}
/* konec IMAGE REPLACEMENT */

/* Uzitecne odkazy */
.usefullLinks {position: absolute; top: 489px; left: 40px; width: 363px; height: 32px; z-index: 10; font-style: italic;}
.usefullLinks h2 {font-size:17px; line-height:150%; color: #fff;}
.usefullLinks a {float: left; display: block; height: 32px; margin-right: 1px; text-align: center; color: #ecc866;}
.usefullLinks a.lifestyle {width: 147px;}
.usefullLinks a.nutricion {width: 143px;}
.usefullLinks a.gda {width: 70px;}

.blue a.lifestyle span {background-image: url(../images/menu/blue-lifestyle.png);}
.blue a.nutricion span {background-image: url(../images/menu/blue-nutricion.png);}
.blue a.gda span {background-image: url(../images/menu/blue-gda.png);}

.brown a.lifestyle span {background-image: url(../images/menu/brown-lifestyle.png);}
.brown a.nutricion span {background-image: url(../images/menu/brown-nutricion.png);}
.brown a.gda span {background-image: url(../images/menu/brown-gda.png);}

.black a.lifestyle span {background-image: url(../images/menu/black-lifestyle.png);}
.black a.nutricion span {background-image: url(../images/menu/black-nutricion.png);}
.black a.gda span {background-image: url(../images/menu/black-gda.png);}

.healthyLife #set1 {margin: 50px 0; background: none;}
.healthyLife #set1 .scr-col {width: 280px; margin-right: 20px; line-height: 17px;}
.healthyLife #set1 .scr-col p {padding: 10px 0;}
.healthyLife #set1 .scr-col ul {padding: 0px 0;}
.healthyLife #set1 .scr-col ul li {padding: 10px 0; list-style-type: none;}