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

/*------------------------------------*\
        struktura
\*------------------------------------*/
body { background:#f60 url(/images/core/pages/news/press_kit/bg_glow.jpg) -300px -10px repeat-x; }
.pageWrap { width:960px; margin:0 auto;}
.aside { float:left; }
.asideR { margin:0 0 0 10px; width:190px; }
.asideL { margin:0 10px 0 0; width:170px; }


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


/*------------------------------------*\
        header, pasek logowania
\*------------------------------------*/
.mainHeader .loginBar { font-size:11px; line-height:20px; margin: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:#fff;}
.mainHeader .loginBar li:first-child a { font-weight:bold; text-transform:uppercase; }
.mainHeader .loginBar .accountLogin { background:url(/images/core/pages/news/press_kit/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; }
/*------------------------------------*\
        naglowek i submenu
\*------------------------------------*/
.headContent { margin:10px 20px 10px 30px; }
    .headContent h1 { color:#fff; line-height:1.5; margin:0; font-family:'Oswald', Arial, Helvetica, sans-serif; font-size:26px; letter-spacing:-0.02em; text-shadow:1px 1px 0 #E7740E; }


/*------------------------------------*\
        stopka strony
\*------------------------------------*/
.mainFooter a, .mainFooter a:visited { color:#fff; }
.mainFooter, .mainFooter a:hover { color:#ffc16f; }
.mainFooter .footNav li { border-right:1px solid #ffc16f; }
.mainFooter .footNav .last { border-right:0; }


/*------------------------------------*\
        kontener na tresc
\*------------------------------------*/
.sectionBody { float:left; width:580px; }

/*------------------------------------*\
        kolumna kontaktu
\*------------------------------------*/      
.bxContactWrap { background:#F4F4F4; -webkit-border-radius:4px; -moz-border-radius:4px; border-radius:4px; }
.bxContactWrap .bxIn { border-bottom:1px solid #ddd; padding:15px 0 5px; margin:0 10px; }
.bxContactWrap .bxIn:last-child { border-bottom:0; }
.bxContactWrap h3 { font-size:14px; margin:0 0 5px; }
.bxContactWrap p { font-size:12px; margin:5px 0 10px; }

.aside .buyNowBtn { display:block; margin:0 0 15px; }
.vFormula { display:block; margin:15px auto; }

.section { margin:20px 0 0; }
.section .sIn { display:none; padding:20px 0; }
.section .btnWrap { clear:both; text-align:right; margin:10px 0 0; }
.section .elementList { margin:0 0 0 -10px; overflow:hidden; }
.section .element { background:#fcfcfc; border:1px solid #d9d9d9; -webkit-border-radius:4px; -moz-border-radius:4px; border-radius:4px; font-size:11px; line-height:1.2; text-align:center; float:left; height:110px; margin:0 0 10px 10px; padding:10px; position:relative; width:100px; }
.section .element span { display:block; }
.section .element .name {  border-top:1px solid #d9d9d9; padding:5px 0 0; margin:5px 0; }
.section .element .picture { background:no-repeat 50% 50%; height:88px; opacity:0.7; width:100%; }
.section .element a:hover .picture { opacity:1; }
.section .element .size { background:#ededed; bottom:0; color:#959595; font-size:10px; left:0; line-height:1.8; position:absolute; width:100%; }
.section .element a, .section .element a:visited { color:#333; }
.section .element a:hover { color:#d54100; }

.productsPhoto .element { height:130px; }
.branding .element { height:150px; }
.logotypesPhoto .element .picture { height:60px; }

/*logotypes */
.logotypesPhoto .element .logo-1 { background-image: url(/images/core/pages/news/press_kit/logotype/logo_ve.png); }
.logotypesPhoto .element .logo-2 { background-image: url(/images/core/pages/news/press_kit/logotype/verva.png); }
.logotypesPhoto .element .logo-3 { background-image: url(/images/core/pages/news/press_kit/logotype/bode.jpg);}
.logotypesPhoto .element .logo-4 { background-image: url(/images/core/pages/news/press_kit/logotype/thirst.png); }

.productsPhoto .element .thumb-3 {background-image: url(/images/core/pages/news/press_kit/products/3.jpg);}
.productsPhoto .element .thumb-4 {background-image: url(/images/core/pages/news/press_kit/products/4.jpg);}
.productsPhoto .element .thumb-7 {background-image: url(/images/core/pages/news/press_kit/products/7.jpg);}
.productsPhoto .element .thumb-8 {background-image: url(/images/core/pages/news/press_kit/products/8.png);}
.productsPhoto .element .thumb-9 {background-image: url(/images/core/pages/news/press_kit/products/9.jpg);}
.productsPhoto .element .thumb-10 {background-image: url(/images/core/pages/news/press_kit/products/10.jpg);}
.productsPhoto .element .thumb-11 {background-image: url(/images/core/pages/news/press_kit/products/11.jpg);}
.productsPhoto .element .thumb-12 {background-image: url(/images/core/pages/news/press_kit/products/12.jpg);}
.productsPhoto .element .thumb-13 {background-image: url(/images/core/pages/news/press_kit/products/13.jpg);}
.productsPhoto .element .thumb-14 {background-image: url(/images/core/pages/news/press_kit/products/14.jpg);}
.productsPhoto .element .thumb-15 {background-image: url(/images/core/pages/news/press_kit/products/15.jpg);}

.branding .element .thumb-1 { background-image: url(/images/core/pages/news/press_kit/branding/1.png);}
.branding .element .thumb-2 { background-image: url(/images/core/pages/news/press_kit/branding/2_1.jpg);}
.branding .element .thumb-3 { background-image: url(/images/core/pages/news/press_kit/branding/3_1.jpg);}


.section .title{               
background: rgb(232,232,232); 
background: -moz-linear-gradient(top,  rgba(255,255,255,1) 0%, rgba(235,235,235,1) 50%, rgba(211,211,211,1) 51%, rgba(225,225,225,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,1)), color-stop(50%,rgba(235,235,235,1)), color-stop(51%,rgba(211,211,211,1)), color-stop(100%,rgba(225,225,225,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(235,235,235,1) 50%,rgba(211,211,211,1) 51%,rgba(225,225,225,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(235,235,235,1) 50%,rgba(211,211,211,1) 51%,rgba(225,225,225,1) 100%); /* Opera 11.10+ */
background: linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(235,235,235,1) 50%,rgba(211,211,211,1) 51%,rgba(225,225,225,1) 100%); /* W3C */
position:relative; border:1px solid #cdcdcd; cursor:pointer;
-webkit-border-radius:4px; -moz-border-radius:4px; border-radius:4px;
}
.section .title h3 { font-size:16px; line-height:38px; margin:0; padding:0 0 0 38px; text-transform:uppercase; }
.section .title .expand { bottom:0; font-size:12px; line-height:38px; position:absolute; right:20px; z-index:2;}
.section .title h3, .section .title .expand{ color:#525252; }
.section .title .triangle { background:url(/images/core/pages/news/press_kit/arrow_cat.png) 0 50% no-repeat; display:block; left:18px; bottom:0; height:38px; position:absolute; width:7px; z-index:2; }


.section.active .sIn { }
.section.active .title{               
background:#ff7c03;
background: -moz-linear-gradient(top, rgba(255,147,30,1) 0%, rgba(255,124,3,1) 50%, rgba(255,107,3,1) 51%, rgba(255,103,1,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,147,30,1)), color-stop(50%,rgba(255,124,3,1)), color-stop(51%,rgba(255,107,3,1)), color-stop(100%,rgba(255,103,1,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, rgba(255,147,30,1) 0%,rgba(255,124,3,1) 50%,rgba(255,107,3,1) 51%,rgba(255,103,1,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, rgba(255,147,30,1) 0%,rgba(255,124,3,1) 50%,rgba(255,107,3,1) 51%,rgba(255,103,1,1) 100%); /* Opera 11.10+ */
background: linear-gradient(top, rgba(255,147,30,1) 0%,rgba(255,124,3,1) 50%,rgba(255,107,3,1) 51%,rgba(255,103,1,1) 100%); /* W3C */
border:1px solid #ff8400;
}
.section.active .title h3 { color:#fff; font-size:16px; line-height:38px; margin:0; padding:0 0 0 38px; text-transform:uppercase; }
.section.active .title .expand { display:none; }
.section.active .title .triangle { background-position:-7px 50%;}

.section .btn small {font-weight:normal; font-size:11px; color:#525252; margin-left:5px;}


