/*------------------------------------*\
        struktura
\*------------------------------------*/
body { background-color:#000; background-image:none; color:#fff; font:13px/1.3em Arial,Helvetica,sans-serif;  }

/*------------------------------------*\
        logo 
\*------------------------------------*/
.siteLogo { float:left; line-height:45px; margin:0 0 0 29px; text-indent:-9999px; }
a:hover.siteLogo { background:url("../../../../../images/core/pages/promo/platinumclub/ico_home.gif") 100% 50% no-repeat; padding-right:23px; }
.siteLogo span { background:url("../../../../../images/core/pages/promo/platinumclub/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; position:relative; z-index:98; }
.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/promo/platinumclub/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; }
/*------------------------------------*\
        tresc
\*------------------------------------*/
#body, .pageWrap { margin:0 auto; width:958px; }
object { margin:0 auto; }
#headerContainer { margin-top:0px; }
#header { padding-top:30px; }
#container {width:100%; height:100%; margin:0 auto;}



/* with opacity, radius and box-shadow*/
.opacity-box {background:rgba(0,0,0,.8); -moz-box-shadow:0px 0px 2px #000; -webkit-box-shadow:0px 0px 2px #000; box-shadow:0px 0px 2px #000; -webkit-border-radius:7px; -moz-border-radius:7px; border-radius:7px; }
.st_loading{ position:fixed; top:310px; left:490px; background:#000 url(/images/platinumclub/icons/loader.gif) no-repeat 10px 50%; padding:15px 40px 15px 60px; opacity:0.6;  }
.st_overlay {display:none; width:100%; height:100%;	position:fixed;	top:0px; left:0px; background:transparent url(/images/platinumclub/pattern.png) repeat-x bottom left; opacity:0.2;  }
.st_main img.st_preview { left:0px; position:absolute; top:0px; width:100%; z-index:0; }

/**/
.navPC { left:0px; position:absolute; top:140px; width:340px; z-index:3; }
.navPC li { margin:0 0 8px -7px; padding:0 0 0 28px; }
.navPC li a { display:block; line-height:40px; padding:7px 0; }

/**/
.content { margin:61px 0 0 350px; padding:30px; position:absolute; width:550px; line-height: 23px;}   /*height:50px;*/   /*.st_link_drives*/
.content, .content h2 { font-family:Oswald,'Ubuntu Condensed',Arial,Helvetica,sans-serif; }
.content h1 { color:#fff; }
.content h2 {color:#9b9b9b; font-size:16px; font-weight:normal; }
.content p { line-height:1.7; }
.content .page-list li { background:url("../../../../../images/platinumclub/bullet.html") 0 2px no-repeat; padding:0 0 2px 20px; margin:0 0 5px;  }
.content hr { border:0; border-top:solid 1px #9b9b9b; padding:0; margin:20px 0 15px; height:0; font-size:0; line-height:0; }

/****************VIDEO*****************/
.ui-video-background { position:inherit; width:100%; bottom:0px; color:#FFF; right:0px; margin-bottom:70px; }
.video-background,
.browserFirefox3 .video-background,
.browserFirefox3 .muteSwitch { background-color:#000; position:absolute; top:0; left:0; overflow:hidden; width:100%; height:100%; z-index:2; }
.browserFirefox3 .video-background,
.browserFirefox3 .video-background video,
.browserFirefox3 .muteSwitch{ display:none; }
.video-background video,
.browserFirefox3 .video-background video {  width:100%; }
.muteSwitch { z-index:10; position:relative; float:right; }
.video-background .message { font-size:16px; font-weight:bold; margin:200px auto 0; text-align:center;  }

/*Platinum Club Arrow*/
.st_main img.st_preview { z-index:0; position:absolute;	left:0px; top:0px; width:100%; }

.language_box { padding:5px; width:200px; margin:10px auto -38px; position:relative; z-index:4; }
.language_box a { padding:2px 5px; background-color: #3b3a3a; font-size: 12px; color: #fff; opacity:0.7;  z-index: 1000; }
.language_box .flag-16 { display:inline-block; width:16px; height:16px; vertical-align:-4px; margin-right:3px; }

#LanguageListTable { width:520px; }
#LanguageListTable h2 { text-align:center; }
#LanguageListTable a { display:block; color:#E65100; padding:0 0 0 20px; margin:2px 5px;  background-repeat:no-repeat; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
#LanguageListTable div { float:left;width:100px; border-radius:4px; text-align:left; margin:4px 4px 4px 0; }
#LanguageListTable .active { background-color:#aaa; }
#LanguageListTable .active a { color:#fff; }
 
.language_box a, #LanguageListTable div { -webkit-border-radius:4px; -moz-border-radius:4px; }

/* galeria na glownej */
.gallery { clear:both; position:fixed; bottom:0; left:0; background-color:#000; opacity:1; width:100%; z-index:3; overflow:hidden; } 
.gallery ul { /*display:none;*/ height:126px; /*left:0;*/ overflow:hidden;/* position:absolute; bottom:0;*/ width:3111px; }
.gallery li { float:left; }
.gallery li img { border-radius:7px; box-shadow:1px 1px 5px #000; cursor:pointer; float:left; margin:3px 3px 0 0; opacity:0.8; }
.gallery .st_arrow_down,
.gallery .st_arrow_up { display: block; height: 50px; margin-left:20px; }
.gallery .st_arrow_down img,
.gallery .st_arrow_up img { padding:0 20px 0 0; background:no-repeat 100% 50%; margin:7px 0 0; }