/* 
    Document   : styles
    Created on : 2011-11-15, 12:39:01
    Author     : forest
    Description:
        Purpose of the stylesheet follows.
*/

/* 
   TODO customize this sample style
   Syntax recommendation http://www.w3.org/TR/REC-CSS2/
*/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
        outline: none;
}

body{
    background: #050505;
    color: #ffffff;
    font-size: 10pt;
    font-family: Arial, Tahoma;
}

@font-face {
    font-family: 'okiHouseokiHouse1';
    src: url('fonts/okihouse-webfont.eot');
    src: url('fonts/okihouse-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/okihouse-webfont.woff') format('woff'),
         url('fonts/okihouse-webfont.ttf') format('truetype'),
         url('fonts/okihouse-webfont.svg#okiHouseokiHouse1') format('svg');
    font-weight: normal;
    font-style: normal;

}

a {text-decoration: none; font-weight: normal; color: #ff9f2d;}
a:hover { text-decoration: none; }

.fleft{float: left;}
.fright{float: right;}

#oki-global{ margin: 0 auto; }
#oki-global.page{background: url(../images/page-bg.jpg) no-repeat center top;}
#oki-global.nowe-premium {background: url(../images/nowe-bg.jpg) no-repeat center center;}
#oki-global.gra {background: url(../images/gra-bg.jpg) no-repeat center top;}
#oki-global.filmy {background: url(../images/filmy-bg.jpg) no-repeat center top;}
#oki-global.gry {background: url(../images/katalog.jpg) no-repeat center top;}
#oki-global.news-item {background: url(../images/newsbg.jpg) no-repeat center top;}


#oki-top{text-align: center; background: url(../images/top-bg.jpg) no-repeat center center; height: 131px;}
#oki-top-menu {height: 53px;background: url(../images/belka.jpg) no-repeat center center;font-family: okiHouseokiHouse1; text-align: left; font-size: 11pt;margin: 0 auto; }
#oki-top-menu ul {width: 940px; margin: 0 auto;height: 53px; }
#oki-top-menu ul li {list-style: none;float: left;width: 164px; height: 53px; text-align: center;}
#oki-top-menu ul li a{color: #ffffff;width: 184px;display: block; height: 38px; padding-top: 15px;text-align: center;}

#oki-top-menu ul li a:hover{color:#ff9f2d; height: 38px; display: block; background: url(../images/belka-hover.jpg) no-repeat;}
#oki-top-menu ul li a.active{color:#ff9f2d; height: 38px; display: block; background: url(../images/belka-hover.jpg) no-repeat;}

#oki-top-menu ul li.item-1{width: 184px;margin-left: 2px;}
#oki-top-menu ul li.item-2{width: 184px;margin-left: 2px;}
#oki-top-menu ul li.item-3{width: 184px;margin-left: 2px;}
#oki-top-menu ul li.item-4{width: 184px;margin-left: 2px;}
#oki-top-menu ul li.item-5{width: 184px;margin-left: 2px;}


#oki-home-slider{width: 100%;
                 
                 display: block;
                 background: #000;
                 }
#oki-bottom {color: ffffff; font-size: 10px;}
#oki-bottom-partners {border-top: 1px solid #1a1104; padding: 20px 0 0 0;}
#oki-bottom-partners-inner {width: 940px; margin: 0 auto;padding-left: 40px; }
#oki-bottom-menu {border-top: 1px solid #1a1104; border-bottom: 1px solid #1a1104; height: 53px;background: url(../images/menu-bottom-bg.jpg) repeat-x}
#oki-bottom-copy {clear: both; width: 940px; margin: 0 auto; padding: 20px 0 40px 0; }

#oki-bottom-menu ul {width: 940px; margin: 0 auto; height: 38px;}
#oki-bottom-menu ul li{list-style: none; height:38px; float: left; padding-top: 17px;}
#oki-bottom-menu ul li.long {padding-top: 5px;}

#oki-bottom-menu ul li.first{border-left: none;padding: 20px 15px 0 20px;}
#oki-bottom-menu ul li.partners{padding: 20px 15px 0 429px;}
#oki-bottom-menu ul li.ipla{padding: 10px 10px 0 0px;}
#oki-bottom-menu ul li.gamer{padding: 10px 0 0 0px;}

#oki-bottom-menu ul li a{color: #ffffff; font-size: 11px; }
#oki-bottom-menu ul li a:hover{color: #E79029;}
#oki-bottom-menu ul li.long a{display: block;}


#oki-content {background: url(../images/movies-bg.png) no-repeat top center; height: 668px; }
#oki-movies-list-header{width: 940px; margin: 0 auto; padding-top: 60px;}
#oki-movies-list-header .bread-crumbs{width: 380px;}
#oki-movies-list {width: 940px; margin: 0 auto;  overflow: hidden;}
#oki-movies-list-inner{height: 290px;padding-top: 20px; width: 940px; width: 1050px;}
#oki-movies-list-inner .oki-movie-double-item {float: left;margin-left: 13px;width:55px;height: 270px;}
#oki-movies-list-inner .oki-movie-double-item.first{margin-left: 0;}
.oki-movie-single-item {overflow: hidden; text-align: center;padding-top: 5px;height: 160px;}
.oki-movie-title{width:65px; font-size: 10px; text-align: center; line-height: 1.5em;text-align: center; }

.oki-movies-list-preview-text{line-height: 18px; font-size: 11px; padding: 20px;}

.oki-movie-single-item img {width: 55px; 
-webkit-box-shadow: 0px 0px 3px 3px rgba(0, 0, 0, 0.2);
-moz-box-shadow: 0px 0px 3px 3px rgba(0, 0, 0, 0.2);
box-shadow: 0px 0px 3px 3px rgba(0, 0, 0, 0.2);}

#movies-banner{padding-bottom: 0px;}

.bread-crumbs ul li{list-style: none; float: left; padding: 0 20px; height: 17px; text-align: center; background: url(../images/bread-middle.png) repeat-x; border-left: 1px solid #4b300f; font-size: 11px; padding-top: 4px;}
.bread-crumbs ul li.first {background: url(../images/bread-right.png) no-repeat center left; border-left: none;}
.bread-crumbs ul li.last {background: url(../images/bread-right.png) no-repeat center right;}
.bread-crumbs ul li a {color: #fff;}
.bread-crumbs ul li.active a {color: #ff9f2d;}

#oki-movies-list-header .bread-crumbs ul{padding: 52px 0 0 10px; }

#oki-how-it-works {width: 940px; margin: 0 auto;}
#oki-how-it-works #arrow-left {background: url(../images/arrow-left.png) no-repeat center center;height: 335px;width: 85px;display: block;}
#oki-how-it-works #arrow-right {background: url(../images/arrow-right.png) no-repeat center center;height: 335px;width: 85px;display: block;}
#oki-how-it-works #steps-content {width: 770px; height: 335px;overflow: hidden;}
#oki-how-it-works #steps-content #steps-container{width: 4620px; height: 335px;}
#oki-how-it-works #steps-content .step {width: 770px; float: left;}

#oki-how-it-works .oki-image-container{padding-top: 35px;}
#oki-how-it-works .zoom-in{position: relative; display: block; background: url(../images/zoom.png) no-repeat center center; z-index: 10; margin-top: -268px; margin-left: 0px;width: 248px; height: 148px; padding: 117px 0 0 185px;}
#oki-how-it-works .oki-step-desc {height: 265px; width: 307px; margin-top: 35px; padding-left: 30px;}
#oki-how-it-works h3{font-family: okiHouseokiHouse1; font-size: 32pt; color: #ff9f2d; margin-top: -15px;}
#oki-how-it-works .oki-step-desc-text {font-size: 10pt; line-height: 20px; padding-top: 10px;}

span.active{color: #ff9f2d;}
.oki-clear{clear: both;}
.oki-content-short{height: 500px !important;}

#oki-games {height: auto; width: 940px; margin: 0 auto; padding: 43px 0 20px 45px; }
#oki-games .oki-catalogue-label {font-size: 10px; clear: both; padding-bottom: 20px;}

.oki-copy{padding-left: 20px;}
.oki-games-item{float: left; width: 199px; margin-left: -18px; height: 310px}
.oki-games-item.first{margin-left: -23px;}

.oki-games-item .oki-desc{font-size: 11px; color: #fff; text-align: center; padding: 15px 15px; line-height: 18px;}
.oki-games-item .oki-desc a{color: #fff;}

#oki-games .oki-nowe-img {float: left; width: 462px; padding-top: 100px;}
#oki-games .oki-nowe-desc {float: left;  width: 448px; padding: 40px 0 0 30px; }
#oki-games .oki-nowe-desc h3 {font-family: okiHouseokiHouse1; font-size: 24pt; color: #e79029;}
#oki-games .oki-nowe-desc p {line-height: 19px; font-size: 11px; margin-top: 20px;}
#oki-games .oki-nowe-desc ul {line-height: 19px; font-size: 11px; margin-left: 20px;}

#oki-game {height: auto; width: 940px; margin: 0 auto; padding: 59px 0 20px 28px; }
#oki-game-left {float: left; line-height: 22px; width: 385px;}
#oki-game-right{float: left; width: 500px;}
#oki-game-right h3 {font-family: okiHouseokiHouse1; font-size: 18pt; color: #ff9f2d;}
.oki-game-right-desc{padding: 0 0 0 40px;font-size: 11px;line-height: 18px;padding-top: 9px;}
.oki-game-right-desc p {padding-top: 30px;}

.oki-game-meta-data{background: url(../images/pegi-bg.png) no-repeat top center; width: 354px; float: left; padding: 20px 15px; margin-top: 50px;}
.oki-game-meta-data .text {width: 150px;padding-top: 10px;}
.oki-game-meta-data .game-lang{position: absolute;}
.oki-game-meta-data .pegi {padding-top: 20px;}

.oki-game-right-tabs-menu {padding: 40px 0 0 40px;}

#oki-game .tab {padding: 40px 0 0 40px; width: 500px; display: none;}
#oki-game .tab{font-size: 11px;line-height: 18px;}
#oki-game .screens img {
    margin: 0 7px 7px 0;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    -webkit-box-shadow: 0px 0px 3px 3px rgba(0, 0, 0, 0.3);
    -moz-box-shadow: 0px 0px 3px 3px rgba(0, 0, 0, 0.3);
    box-shadow: 0px 0px 3px 3px rgba(0, 0, 0, 0.3);
}
.news-list-item-thumb{float: left;}
.news-list-item-desc{float: left; margin-left: 18px;}
.news-list-item-thumb img {
    margin: 0 7px 7px 0;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    -webkit-box-shadow: 0px 0px 5px 5px rgba(0, 0, 0, 0.3);
    -moz-box-shadow: 0px 0px 5px 5px rgba(0, 0, 0, 0.3);
    box-shadow: 0px 0px 5px 5px rgba(0, 0, 0, 0.3);
    
}

.news-list-item-desc h3{font-family: okiHouseokiHouse1; font-size: 18pt; color: #ff9f2d;}
.news-list-item-desc .preview {float: left; width: 440px;line-height: 18px; font-size: 11px;}
#oki-news-item{height: auto; width: 960px; margin: 0 auto; padding: 73px 0 20px 0px; }
.oki-news-item-left{width: 470px; float: left;}
.oki-news-item-right{width:470px; float: left;font-size: 11px; line-height: 18px;padding-left: 20px; padding-bottom: 50px;}
.oki-news-item-right h3 {font-family: okiHouseokiHouse1; font-size: 18pt; color: #ff9f2d;padding: 10px 0 20px 0}
#oki-news-item img.thumb {
    margin: 0 7px 7px 0;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    -webkit-box-shadow: 0px 0px 5px 5px rgba(0, 0, 0, 0.3);
    -moz-box-shadow: 0px 0px 5px 5px rgba(0, 0, 0, 0.3);
    box-shadow: 0px 0px 5px 5px rgba(0, 0, 0, 0.3);
    
}