/* default */
.moreWrap { margin:10px 0 0; text-align:right; }

/* struktura */
.pageWrap { width:960px; margin:0 auto;}

/* logo */
.siteLogo { float:left; line-height:45px; margin:0 0 0 29px; text-indent:-9999px; }
a:hover.siteLogo { background:url("../../../../../images/core/pages/products/bode/plan/ico_home.gif") 100% 50% no-repeat; padding-right:23px; }
.siteLogo span { background:url("../../../../../images/core/pages/products/bode/plan/vemma_logo.png") 0 50% no-repeat; display:block; height:45px; width:120px; }

/* header, pasek logowania */
.mainHeader .loginBar { font-size:11px; line-height:20px; padding:5px 20px 5px 0; text-align:right; }
.mainHeader .loginBar li { display:inline; margin:0 0 0 15px; }
.mainHeader .loginBar,
.mainHeader .loginBar a,
.mainHeader .loginBar a:visited,
.mainHeader .loginBar a:hover { color:#666;}
.mainHeader .loginBar li:first-child a { font-weight:bold; text-transform:uppercase; }
.mainHeader .loginBar .accountLogin { background:url("../../../../../images/core/pages/products/bode/plan/ico_account.png") no-repeat 0 1px; padding-left:15px; }  
    
/* belka menu */
.menuBar { background:#fdfdfd; background:-moz-linear-gradient(top,#fdfdfd 75%,#e9e9e9 90%); background:-webkit-gradient(linear,left top,left bottom,color-stop(75%,#fdfdfd),color-stop(90%,#e9e9e9)); background:-o-linear-gradient(top,#fdfdfd 75%,#e9e9e9 90%);
           -moz-box-shadow:0 0 2px rgba(0,0,0,0.6); -webkit-box-shadow:0 0 2px rgba(0,0,0,0.6); -o-box-shadow:0 0 2px rgba(0,0,0,0.6); box-shadow:0 0 2px rgba(0,0,0,0.6); 
          -webkit-border-radius:4px; -moz-border-radius:4px; border-radius:4px; height:45px; position:relative; z-index:98; }    
.menuBar .menu { float:right; font-family:Arial, Helvetica, "Helvetica Neue", sans-serif; font-weight:bold; margin:0 10px; }
.menuBar .menu > li { float:left; position:relative; text-transform:uppercase; }
.menuBar .menu a { display:block; line-height:45px; font-size:14px; padding:0 9px; }
.menuBar .menu .on { background:#f2f2f2; }
.menuBar .menu a, .menuBar .menu a:visited { color:#666; }
.menuBar .menu a:hover { background:#f2f2f2; color:#f60; text-decoration:none; }
.menuBar .menu a.on:hover { background:#e9e9e9; }
.menuBar .menu a.on, .menuBar .menu a.on:visited { color:#f60; }
.menuBar .menu ul { display:none; background:#fbfbfb; border:#bbbbbb 1px solid; display:none; position:absolute; text-align:left; font:normal 13px Arial, Helvetica, sans-serif; top:45px; left:0px; z-index:99; width:150px;
                    -webkit-background-clip:padding-box; -moz-background-clip:padding-box; -webkit-border-bottom-right-radius:4px; -webkit-border-bottom-left-radius:4px; -moz-border-radius-bottomright:4px; -moz-border-radius-bottomleft:4px; border-bottom-right-radius:4px; border-bottom-left-radius:4px;
                    -moz-box-shadow:1px 2px 5px #666; -webkit-box-shadow:1px 2px 5px #666; -o-box-shadow:1px 2px 5px #666; box-shadow:1px 2px 5px #666; }
.menuBar .menu li:hover > ul { display:block !important; }
.menuBar .menu ul a { display:block; font-size:13px; line-height:18px; padding:5px 10px; text-shadow:none; }
.menuBar .menu ul li { border-top:1px solid #ddd; text-transform:none; }
.menuBar .menu ul li:first-child { border-top:0; }

.menu  li:hover ul li { margin:0; border:0; padding:0; }
.menu  li:hover ul li a { border-bottom:#dddddd 1px solid; background-color:#fbfbfb; color:#666; }
.menu  li:hover ul li a:hover { background-color:#f2f2f2; text-decoration:none; color:#ec4e00; }
.menu  li:hover ul li .on { background-color:#ffffff; color:#ec4e00; }
.menu  li:hover ul li .on:hover { background-color:#ffffff; cursor:default; }
.menu  li:hover ul li a small { position:relative; top:-1px; color:#999999; }
.menu  li:hover ul li a.last { -webkit-background-clip:padding-box; -moz-background-clip:padding-box; -webkit-border-bottom-right-radius:4px; -webkit-border-bottom-left-radius:4px; -moz-border-radius-bottomright:4px; -moz-border-radius-bottomleft:4px; border-bottom-right-radius:4px; border-bottom-left-radius:4px; border-bottom:0; }
.menu  li:hover ul li ul { font-size:100%; display: none; }
.menu  li:hover ul li:hover ul { display:block; position:absolute; left:145px; top:-1px; z-index:2; border-bottom-left-radius:0; -webkit-border-bottom-left-radius:0; -moz-border-radius-bottomleft:0; border-top-right-radius:4px; -webkit-border-top-right-radius:4px; -moz-border-radius-topright:4px; }
.menu  li:hover ul li:hover ul.left { left:-125px; }
.menu .product li { font-weight:bold; }
.menu .product > ul { width:120px; }
.menu .product .child { position:relative; }
.menu li:hover.product .child > ul { left:120px; }
.menu .menuLast ul { left:auto; right:-5px; }

/* stopka strony */
.mainFooter a, .mainFooter a:visited { color:#fff; }
.mainFooter, .mainFooter a:hover { color:#666; }
.mainFooter .footNav li { border-right:1px solid #666; }
.mainFooter .footNav .last { border-right:0; }
.countrySelection .triggerSelectCountry { background:#666; color:#fff; } 
.countrySelection a:hover.triggerSelectCountry { color:#aaa; }

/*-------------------------------
page 
--------------------------------*/
h1, h2, h3, h4, h5, h6 { font-family:'Maven Pro', Arial, Helvetica, sans-serif; font-weight:500; line-height:1.2em; text-shadow:0 1px 0 #fff;}
h1, h3 { color:#eb292d; font-size:24px; margin-bottom:10px; }
h2 { color:#f60; font-size:20px; letter-spacing:2px; margin-bottom:20px; text-align:center; text-transform:uppercase; }
h4 { color:#f60; font-size:12px; }
h5 { color:#f60; font-size:14px; font-weight:700; margin:0; }
blockquote { color:#70bbe4; font-family:'Maven Pro', Arial, Helvetica, sans-serif; font-size:20px; font-weight:bold; font-style:normal;margin-bottom:5px; text-shadow:0 1px 0 #fff;}
em { color:#e7292d; }


.btn, .btn:visited {text-decoration:none; color:#fff; text-align:center; padding:3px 15px;
        border-radius:15px; -moz-border-radius:15px; -webkit-border-radius:15px; 
        border-color:#aeaeae #a2a2a2 #7e7e7e #929292; border-style: solid; border-width: 1px; 
        text-shadow: 0px -1px 0 rgba(0, 0, 0, 0.2); 
        background: #3698d6;
        background: -moz-linear-gradient(top, #70bae4 0%, #3698d6 100%);
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#70bae4), color-stop(100%,#3698d6));
        background: -webkit-linear-gradient(top, #70bae4 0%,#3698d6 100%);
        background: -o-linear-gradient(top, #70bae4 0%,#3698d6 100%);
        background: linear-gradient(top, #70bae4 0%,#3698d6 100%);
        -moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.4);  -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.4); -o-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.4); box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.4);}
.btn:hover, .btn:active {color: #fff; 
        background:#1181cd;
        background: -moz-linear-gradient(top,  #55abde 0%, #1181cd 100%);
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#55abde), color-stop(100%,#1181cd));
        background: -webkit-linear-gradient(top,  #55abde 0%,#1181cd 100%);
        background: -o-linear-gradient(top,  #55abde 0%,#1181cd 100%);
        background: linear-gradient(top,  #55abde 0%,#1181cd 100%);
}

/* struktura */
body { background:#a4a6a9; color:#555;  }
.bgvawe { background:url("../../../../../images/core/pages/products/bode/plan/bg_vawe.jpg") 50% 0 repeat-x fixed; }
.mainBody { margin:20px 0 0; }
.sectionBody { background:none; }
.sectionContent { padding:0 60px 70px; font-size:12px; }
.mainNav { z-index:99; height:84px; width:100%; }
.mainNav .pageWrap { background:#158fd1;
    background: -moz-linear-gradient(top, #70bbe4 0%, #198bd0 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#70bbe4), color-stop(100%,#198bd0));
    background: -webkit-linear-gradient(top, #70bbe4 0%,#198bd0 100%);
    background: -o-linear-gradient(top, #70bbe4 0%,#198bd0 100%);
    background: linear-gradient(top, #70bbe4 0%,#198bd0 100%);
    -moz-box-shadow: inset 0 1px 10px rgba(255, 255, 255, 0.4);  -webkit-box-shadow: inset 0 1px 10px rgba(255, 255, 255, 0.4); -o-box-shadow: inset 0 1px 10px rgba(255, 255, 255, 0.4); box-shadow: inset 0 1px 10px rgba(255, 255, 255, 0.4);
    border-bottom:1px solid #1e6fc4; height:47px; overflow:hidden; padding-top:13px; width:100%;}
.mainNav .pageWrap ul {width:960px; margin:0 auto;}
.mainNav li { letter-spacing:2px; display:inline-block; font-family:'Maven Pro', Arial, Helvetica, sans-serif; font-weight:500; line-height:16px; margin:0 20px; text-transform:uppercase; *display:inline; *float:left; }
.mainNav a, .mainNav a:visited { color:#fff; }
.mainNav a:hover { position:relative; top:-1px; text-decoration:none; text-shadow:#497792 0 -1px 1px; }
.mainNav .btnBode { float:right; margin:0 5px; }
.mainNav .btnBode .btn { border-color:#2d6687 #33688a #39799b #376b8c; padding:7px 15px; max-width:190px;
background:#409dd5;
background: -moz-linear-gradient(top,  #6cb6e2 0%, #1482c7 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#6cb6e2), color-stop(100%,#1482c7));
background: -webkit-linear-gradient(top,  #6cb6e2 0%,#1482c7 100%);
background: -o-linear-gradient(top,  #6cb6e2 0%,#1482c7 100%);
background: linear-gradient(top,  #6cb6e2 0%,#1482c7 100%);
}
.mainNav .btnBode .btn:hover {
background:#1073be;
background: -moz-linear-gradient(top,  #5ca9da 0%, #1073be 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#5ca9da), color-stop(100%,#1073be));
background: -webkit-linear-gradient(top,  #5ca9da 0%,#1073be 100%);
background: -o-linear-gradient(top,  #5ca9da 0%,#1073be 100%);
background: linear-gradient(top,  #5ca9da 0%,#1073be 100%);
}

.mainNav .subNav { background:#a4a6a9; height:23px; font-size:12px; text-align:center; }
.mainNav .subNav li {line-height:22px; display:inline; }

.mainFooter { background:url(/images/core/pages/products/bode/plan/footer_bg.gif) repeat-x 0 0; padding-top:40px; }

/* bloki */
.threeCol { margin-left:-3.3%; }
.threeCol .col { float:left; margin-left:3.3%; width:30%; }
.twoCol { margin-left:-2%; }
.twoCol .col { float:left; margin-left:2%; width:48%; *width:47.8%; }

/* global in content */
.sectionContent p {margin:0; }
.sectionContent .foot { color:#666; font-size:11px; margin:20px 0 0; }
.mainEntry .twoCol { zoom:1; }
.mainEntry .col { color:#666; font-size:12px; }

.recipeDays, .smartList { margin-bottom:70px; }
.recipeDays { font-size:13px; }
.recipeDays p { margin:0; }
.recipeDays .high h3 { color:#f60; }
.recipeDays .guilt h3 { color:#70bbe3; }
.recipeDays .col li { list-style:disc outside none; margin:0 0 5px 16px; }
.recipeDays .guilt .brochure-sfg {background:url(/images/core/pages/products/bode/plan/shadow.png) no-repeat 50% 100%; margin:40px auto 0; padding:0 10px 5px;}
.brochure-sfg .btn { padding:15px 30px 10px 108px; text-align:left; text-transform:none; font-size:15px; position:relative;
    border-radius:10px; -moz-border-radius:10px; -webkit-border-radius:10px; 
    border-color: transparent; 
    border-color: rgba(255, 255, 255, 0.2) rgba(0, 0, 0, 0.2) rgba(0, 0, 0, 0.5) rgba(0, 0, 0, 0.1); 
    border-style: solid;
    border-width: 1px;
    text-shadow: 1px 1px 0 rgba(0, 0, 0, 0.2); 
    background: #53a7dc;
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzUzYTdkYyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMzYThmYzQiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(top,  #53a7dc 0%, #3a8fc4 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#53a7dc), color-stop(100%,#3a8fc4));
    background: -webkit-linear-gradient(top,  #53a7dc 0%,#3a8fc4 100%);
    background: -o-linear-gradient(top,  #53a7dc 0%,#3a8fc4 100%);
    background: -ms-linear-gradient(top,  #53a7dc 0%,#3a8fc4 100%);
    background: linear-gradient(to bottom,  #53a7dc 0%,#3a8fc4 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#53a7dc', endColorstr='#3a8fc4',GradientType=0 );
    -moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.4);
    -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.4);
    -o-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.4);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.4); 
}
.brochure-sfg .btn:hover {
    background: #55befe;
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzU1YmVmZSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMzZGE1ZTYiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(top,  #55befe 0%, #3da5e6 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#55befe), color-stop(100%,#3da5e6));
    background: -webkit-linear-gradient(top,  #55befe 0%,#3da5e6 100%);
    background: -o-linear-gradient(top,  #55befe 0%,#3da5e6 100%);
    background: -ms-linear-gradient(top,  #55befe 0%,#3da5e6 100%);
    background: linear-gradient(to bottom,  #55befe 0%,#3da5e6 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#55befe', endColorstr='#3da5e6',GradientType=0 );
}
.brochure-sfg .btn:before {background:url(/images/core/pages/products/bode/plan/ico_pdf.png) no-repeat 0 0; content:""; display:block; width:97px; height:120px; position:absolute; left:0; top:-21px; z-index:2;}

.smartList .col { border-right:1px solid #ccc; width:209px; display:-moz-inline-stack; display:inline-block; *display:inline; vertical-align:top; zoom:1; padding-bottom:800px; margin-bottom:-800px; }
.smartList .colLast { border-right:0; }
.smartList > ul { border-bottom:1px solid #ccc; overflow:hidden; }
.smartList .beverages, .smartList .condiments {  width:419px; }
.smartList .proteins dt, .smartList .carbs dt, .smartList .vegetables dt, .smartList .fats dt { border-bottom:1px solid #ccc; min-height:250px; _height:250px; }
.smartList .sign { min-height:200px; _height:200px;}
.smartList .proteins .sign { background:url(/images/core/pages/products/bode/plan/servingsize-palm.png) no-repeat 50% 100%; }
.smartList .carbs .sign { background:url(/images/core/pages/products/bode/plan/servingsize-fist.png) no-repeat 50% 100%; }
.smartList .vegetables .sign { background:url(/images/core/pages/products/bode/plan/servingsize-twofist.png) no-repeat 50% 100%; }
.smartList .fats .sign { background:url(/images/core/pages/products/bode/plan/servingsize-thumb.png) no-repeat 50% 100%; } 
.smartList dt, .smartList dd { padding:20px; }
.smartList .colLast dt, .smartList .colLast dd { padding-right:0; }
.smartList .colFirst dt, .smartList .colFirst dd { padding-left:0; } 
.smartList .beverages dt, .smartList .condiments dt { padding-bottom:0; }
.smartList .beverages dd, .smartList .condiments dd { padding-top:0; }
.smartList h4 { margin:0 0 3px; font-family:Arial, Helvetica, sans-serif; font-weight:bold; }
.smartList dd ul { margin:0 0 20px 5px; }
.smartList em { color:#666; font-style:italic; }
.smartList h3, .tipsList h3 { font-size:22px; letter-spacing:-1px; margin:0 0 10px; }

.tipsList, .tipsList .col { margin:0; }
.tipsList li { list-style:disc outside none; margin:0 20px 15px 16px; }
.tipsList .foot { text-align:center; }

/*bannerek */
a.headrow, a:visited.headrow, a:hover.headrow { color:#e7292c; text-decoration:none; }
.headrow { position:relative; overflow:hidden; background:url(/images/core/pages/products/bode/plan/plan.png) 0 50% no-repeat; display:block; width:960px; height:400px;}
.row { display:block; width:370px; text-align:justify; text-transform:uppercase; margin-left:301px; }
.row1 { font-size:50px; margin-top:38px; line-height:80px; }
.row2 { font-size:30px; margin-top:8px; line-height:70px; }
.row3 { font-size:22px; margin-top:2px; line-height:60px; }
.row4 { font-size:20px; margin-top:2px; line-height:55px; }
.row5 { font-size:18px; margin-top:4px; line-height:50px; }

.headrow .heidibio { position:absolute; top:105px; left:7px; width:80px; font-size:10px; }
.headrow .heidibio h4 { font-size:13px; margin:0; }
.headrow .heidibio p { margin:0; line-height:11px; }
a.headrow p, a:visited.headrow, a:hover.headrow p, a:visited.headrow, a:hover.headrow p { color:#666; text-decoration:none; }

.headrow .play { bottom:15px; left:10px; position:absolute; overflow:hidden; background:url(/images/core/pages/products/bode/plan/ico_play.png) 50% 6px no-repeat; display:inline-block;  padding:30px 5px 5px;
        background-color: rgba(0, 0, 0, 0.3);
        -webkit-border-radius: 10px;
        -moz-border-radius: 10px;
        border-radius: 10px; 
        border:3px solid rgba(33, 32, 34, 0.6);
        letter-spacing:2px;
        text-align:center;
        width:160px;
        line-height:16px;
        
}
a.headrow .play, a:visited.headrow .play, a:hover.headrow .play { color:#232627; font-family:'Maven Pro', Arial, Helvetica, sans-serif; font-weight:500; text-transform:uppercase; font-size:12px; }

/* plan dnia */
.schelude { background:#fff; overflow:hidden; padding:17px 0;
        -webkit-border-radius:10px; -moz-border-radius:10px; border-radius:10px; 
        -webkit-box-shadow: inset 1px 1px 2px 1px #bcbcbc;
        -moz-box-shadow: inset 1px 1px 2px 1px #bcbcbc;
        box-shadow: inset 1px 1px 2px 1px #bcbcbc;
}
.schelude ol { margin:0; }
.schelude li { background:url(/images/core/pages/products/bode/plan/schedule_dot.gif) 100% 0 repeat-y;float:left; height:106px; width:120px; margin:0; position:relative; }
.schelude .last { background:none; }
.schelude span, .schelude h3 { display:block; text-align:center; text-transform:uppercase; }
.schelude span { font-family:'Maven Pro', Arial, Helvetica, sans-serif; font-size:32px; line-height:36px; color:#a2a4a8; margin:8px 0 10px; }
.schelude h3 { font-size:11px; margin:0; font-weight:normal; }
.schelude small { color:#d9dadb; position:absolute; top:12px; left:15px; text-transform:uppercase; font-size:11px; }
.schelude .hc h3 { color:#f60; }
.schelude .gf h3 { color:#70bbe3; }