/* CSS Document */
body {padding: 0; margin: 0; background: #FFF url(../img/bg_body_top.jpg) repeat-x; width: 100%; font-family: "Trebuchet MS", Tahoma, Verdana; font-size: 12px}
body.hp {background-image:url(../img/bg_body_top_hp.jpg)}
body #all {background: url(../img/bg_body_bottom.gif) repeat-x bottom}
ul {padding: 0; margin: 0; list-style: none}
h1, h3, h4 {padding: 0; margin: 0; font-weight: normal}
p {padding: 0; margin: 0}
a {text-decoration: none}
a img {border: 0 solid}
.none {display: none}
.container {background: url(../img/bg_container_top.jpg) no-repeat top; width: 1200px; margin: 0 auto}
#home-page {background-image:url(../img/bg_container_top_hp.jpg)}
#all #right {background: url(../img/bg_body_top_right.jpg) repeat-x; height: 793px; position:absolute; width: 50%; right: 0; z-index: -2}
.hp #all #right {background-image: url(../img/bg_body_top_right_hp.jpg)}

.video-preview {width: 478px; height: 445px; position: absolute; right: 158px; top: 37px}
.video-preview a {display: block; position: relative}
.video-preview a img {position: absolute; top: 0; right: 0}

#layer_bg, #layer_bg_polecamy {position: absolute; position: fixed; top: 0; left: 0; right: 0; bottom: 0; z-index: 100}
#layer_opacity {width: 100%; height: 100%; background-color: #000; filter: alpha(opacity=80); -moz-opacity: 0.8; opacity: 0.8}

.loading {background:url(../img/preloader.gif) center no-repeat}
#layer {position: absolute; background: url(../img/bg_layer.png) left top; width: 978px; height: 753px; top: 50%; left: 50%; margin-top: -375px; margin-left: -489px}
#layer .layer-content {position: relative; width: 100%; height: 100%; background: url(../img/preloader.gif) no-repeat center}
#layer .layer-content .prev {position: absolute; top: 664px; left: 76px; background:url(../img/arrow.png); width: 13px; height: 22px; color: #d4d3d5; font-size: 1px}
#layer .layer-content .next {position: absolute; top: 664px; right: 126px; background:url(../img/arrow.png) right; width: 13px; height: 22px; color: #d4d3d5; font-size: 1px}
#layer .layer-content .close {position: absolute; display:block; width: 50px; height: 50px; background:url(../img/close.png); line-height: 50px; text-align: center; color: #fff; left: 740px; top: 42px}
#layer .layer-content .layer-yt {position: absolute; top: 115px; left: 62px}
#layer .layer-content .layer-vimeo {top: 130px}
#layer .layer-content .title {position: absolute; width: 735px; left: 120px; top: 652px; line-height: 46px; font-size: 14px; font-weight: bold; color: #333666; text-align: center}

.container a.logo {display: block; margin: 51px 0 0 87px; clear: both; float:left}
.container #menu {clear:both; float: left; height: 72px; margin-left: 87px}
.container #menu ul {margin-top: 31px}
.container #menu ul li {float: left}
.container #menu ul li a {display: block; height: 17px; background-position: top; text-indent: -9999px; margin-right: 49px}
.container #menu ul li a:hover {background-position: bottom}
.container #menu ul li a:active {background-position: bottom}
.container #menu ul li a.current {background-position: bottom}
.container #menu ul li a.strona-glowna {background-image:url(../img/menu_stronaglowna.gif); width: 115px}
.container #menu ul li a.kim-jestesmy {background-image:url(../img/menu_kimjestesmy.gif); width: 91px}
.container #menu ul li a.sala-kinowa {background-image:url(../img/menu_salakinowa.gif); width: 92px}
.container #menu ul li a.poza-telewizja {background-image:url(../img/menu_pozatelewizja.gif); width: 106px}
.container #menu ul li a.nasi-klienci {background-image:url(../img/menu_nasiklienci.gif); width: 82px}
.container #menu ul li a.wiesci-z-planu {background-image:url(../img/menu_wiescizplanu.gif); width: 103px}
.container #menu ul li a.kontakt {background-image:url(../img/menu_kontakt.gif); width: 59px}

#home-page .content {padding-top: 4px; margin-left: 65px; position: relative}
#home-page .content a.logo {}
.container .content {clear: both; padding-top: 17px; margin-left: 79px; background:url(../img/bg_footer.png) repeat-x left bottom; padding-bottom: 159px}
.container .content h1 {color: #161d54; font-size: 46px; text-transform: uppercase; background-repeat: no-repeat; width: 448px; text-indent: -9999px; margin-bottom: 32px; height: 53px; line-height: 53px; background-position: center left}
.container .content #content_left {width: 504px; float:left; padding-top: 78px}

.container .content .options {width: 464px; height: 48px; background:url(../img/bg_options.png); margin: 18px 0 17px; clear:both}
.container .content .options ul {margin: 8px; clear: both; float:left}
* html .container .content .options ul {display: inline}
.container .content .options ul li {line-height: 32px; height: 32px; float: left; background:url(../img/bg_option_right.png) no-repeat right top; margin-right: 8px}
.container .content .options ul li a {line-height: 32px; height: 32px; float: left; background:url(../img/bg_option_left.png) no-repeat left top; font-size: 14px; font-weight: bold; color: #313450; text-align:center; width: 100%}
.container .content .options ul li.active, .container .content .options ul li:hover {background-position: right bottom}
.container .content .options ul li.active a, .container .content .options ul li:hover a {background-position: left bottom; color: #FFF}
.container .content .options ul li.last {margin-right: 0}
/*Dprecyzowanie dla filmy yt/produkcje*/
.container .content .options ul li.filmy {width: 176px}
.container .content .options ul li.produkcje {width: 264px}
/*Doprecyzowanie dla paginacji*/
.container .content .pagination {}
.container .content .pagination a.nav {display: block; width: 13px; height: 22px; margin: 12px 10px; background-image:url(../img/arrow.png); color: #d4d3d5; font-size: 1px}
.container .content .pagination span.nav {display: block; width: 13px; height: 22px; margin: 12px 10px; background-image:url(../img/arrow.png); color: #d4d3d5; font-size: 1px}
.container .content .pagination .prev {float: left; background-position: left; text-align:left}
.container .content .pagination .next {float: right; background-position: right; text-align:right}
.container .content .pagination ul {text-align: center; width: 382px; float: left; clear: none}
.container .content .pagination ul li {background: none; display: inline-block; float: none; margin-right: 5px}
.container .content .pagination ul li a {background: url(../img/bg_page.png) no-repeat top; width: 48px; height: 32px}
.container .content .pagination ul li.active, .container .content .pagination ul li:hover {background: none}
.container .content .pagination ul li.active a, .container .content .pagination ul li:hover a {background: url(../img/bg_page.png) no-repeat bottom; width: 48px; height: 32px; color: #FFF}

.container .content #content_right {width: 448px; float: left; padding-bottom: 159px}

/*Kleksy*/
.container .content .splash {font-size: 14px; color: #FFF}
* html .container .content .splash {display: inline}
.container .content .splash p a {color: #161d54}
.container .content .splash p strong {color: #161d54}
/*na stronie sala kinowa na gorze*/
.container .content #splash1 {width: 443px; height: 376px; background:url(../img/splash1.png) no-repeat; text-align: center; margin-bottom: 29px; float: left}
.container .content #splash1 .splash-content {margin: 132px 90px 0 50px; background-color: #e664b4}
.container .content #splash1 p {margin-bottom: 17px; line-height: 18px}
/*na stronie sala kinowa na dole*/
.container .content #splash2 {width: 367px; height: 438px; background:url(../img/splash2.png) no-repeat; float: left}
* html .container .content #splash2 .splash-content {display: inline}
.container .content #splash2 .recommended {margin: 63px 0 0 73px; clear: both; float: left}
.container .content #splash2 .recommended h4 {background:url(../img/h-polecamy.png) no-repeat; font-size: 24px; color: #161d54; text-indent: -9999px; height: 19px; width: 120px; margin-bottom: 23px}
.container .content #splash2 .recommended .text {margin-top: 10px}
/*na stronie kim jestesmy na gorze po lewej*/
.container .content #splash3 {width: 412px; height: 299px; background:url(../img/splash3.png) no-repeat; margin-bottom: 29px; float: left; margin-left: 11px}
.container .content #splash3 .splash-content {margin: 122px 80px 0 78px; background-color: #161d54}
.container .content #splash3 p {margin-bottom: 17px; line-height: 18px}
/*na stronei kim jestemsy po lewej na dole*/
.container .content #splash4 {width: 456px; height: 402px; background:url(../img/splash4.png) no-repeat; float: left; margin: -170px 0 0 14px}
.container .content #splash4 .splash-content {margin: 151px 111px 0 73px; background-color: #e664b4}
.container .content #splash4 p {margin-bottom: 17px; line-height: 18px}
/*na stronei kim jestemsy po prawej*/
.container .content #splash5 {width: 496px; height: 437px; background:url(../img/splash5.png) no-repeat; margin-bottom: 29px; float: right; margin: 39px 200px 0 0}
.container .content #splash5 .splash-content {margin: 116px 100px 0 80px; background-color: #e664b4}
.container .content #splash5 p {margin-bottom: 17px; line-height: 18px}
/*na stronei poza telewizja po prawej*/
.container .content #splash6 {width: 424px; height: 415px; background:url(../img/splash6.png) no-repeat; float: right; margin: -57px 168px 0 0 }
.container .content #splash6 .splash-content {margin: 155px 113px 0 89px; background-color: #161d54}
.container .content #splash6 p {margin-bottom: 17px; line-height: 18px; width: auto; font-size: 13px; color: #FFF}
/*na stronei poza telewizja po lewej*/
.container .content #splash7 {width: 481px; height: 424px; background:url(../img/splash7.png) no-repeat; margin: 24px 0 115px 0; float: left}
.container .content #splash7 .splash-content {margin: 169px 90px 0 79px; background-color: #e664b4}
.container .content #splash7 p {margin-bottom: 17px; line-height: 18px; width: auto; font-size: 13px; color: #FFF}
/*na stronei kontakt po prawej*/
.container .content #splash8 {width: 313px; height: 293px; background:url(../img/splash8.png) no-repeat; margin: -73px 167px 0 0; float: right}
.container .content #splash8 .splash-content {margin: 140px 50px 0 41px; text-align:center; background-color: #161d54}
.container .content #splash8 p {margin-bottom: 4px; line-height: 18px; width: auto; font-size: 14px; color: #FFF}
/*na stronei kontakt po lewej*/
.container .content #splash9 {width: 434px; height: 382px; background:url(../img/splash9.png) no-repeat; float: left; margin: -12px 0 60px 81px}
.container .content #splash9 .splash-content {margin: 91px 0 0 48px; width: 290px; text-align:center; background-color: #e664b4}
.container .content #splash9 p {margin-bottom: 18px; line-height: 18px; width: auto; font-size: 14px; color: #FFF}
/*na stronei glownej po lewej*/
.container .content #splash10 {width: 368px; height: 333px; background:url(../img/splash10.png) no-repeat; float: left; clear: both; margin-left: -42px; margin-top: 42px; position: relative; cursor: pointer}
.container .content #splash10 .splash-content {margin: 122px 0 0 65px; background-color: #e664b4; width: 237px}
.container .content #splash10 p {margin-bottom: 4px; line-height: 18px; width: auto; font-size: 14px; color: #FFF}
.container .content #splash10 a.more {position: absolute; background:url(../img/arrow2.png) right; width: 13px; height: 22px; line-height: 22px; color: #e664b4; top: 235px; left: 230px; font-size: 1px}
/*na stronei glownej po prawej*/
.container .content #splash11 {width: 365px; height: 346px; background:url(../img/splash11.png) no-repeat; float: left; margin: -12px 0 60px 16px; position:relative; cursor: pointer}
.container .content #splash11 .splash-content {margin: 177px 0 0 79px; background-color: #161d54; width: 213px}
.container .content #splash11 p {margin-bottom: 18px; line-height: 18px; width: auto; font-size: 14px; color: #FFF}
.container .content #splash11 a.more {position: absolute; background:url(../img/arrow2.png) right; width: 13px; height: 22px; line-height: 22px; color: #161d54; top: 288px; left: 196px; font-size: 1px}

/*Newsy*/
.container .content .items {width: 448px; float: left; margin: 60px 0 15px 8px}
.container .content .items .item {clear: both; float:left; padding-bottom: 12px; background: url(../img/line.gif) bottom no-repeat; margin-top: 15px; width: 448px}
.container .content .items .item a.photo {float: left; margin-right: 16px; position: relative}
.container .content .items .item a.photo img.play {position:absolute; left: 23px; top: 0}
.container .content .item .text {width: 256px; float: left}
.container .content .item .text h3 {font-size: 14px; font-weight: bold; color: #db479b; margin: 2px 0 6px}
.container .content .item .text h3 a {color: #db479b}
.container .content .item .text p {font-size: 14px; color: #313450; line-height: 18px; margin-bottom: 8px}
.container .content .item .text a.layer-link, .container .content .item .text a.layer-link-hp {color: #db479b; text-decoration: none}
.container .content .items .last {background: none}

/*Sala kinowa*/
.container #salakinowa h1 {background-image :url(../img/h-salakinowa.png); margin-bottom: 22px}
.container #salakinowa #content_left {padding-top: 64px}

/*Kim jestesmy*/
.container #kim-jestesmy h1 {background-image :url(../img/h-kimjestesmy.png); margin-left: 505px; margin-bottom: -4px}

/*Nasi klienci*/
.container #nasi-klienci {padding-left: 8px}
.container #nasi-klienci h1 {background-image :url(../img/h-nasiklienci.png); margin-left: 498px; margin-bottom: 35px}
.container #nasi-klienci p {font-size: 16px; color: #161d54}
.container #nasi-klienci ul.clients {clear: both; float:left; margin: 37px 0 105px 0}
.container #nasi-klienci ul.clients li {display: block; width: 235px; height: 119px; float: left; text-align: center; border: 1px solid #e3e2e3; margin-top: -1px; margin-left: -1px}
.container #nasi-klienci ul.clients li.row-1 {}
.container #nasi-klienci ul.clients li.row-2 {}
.container #nasi-klienci ul.clients li.row-3 {}
.container #nasi-klienci ul.clients li .center {display: table-cell; text-align: center; vertical-align: middle; width: 235px; height: 119px}
.container #nasi-klienci ul.clients li .center * {vertical-align: middle}
/*\*//*/
.container #nasi-klienci ul.clients li .center {display: block}
.container #nasi-klienci ul.clients li .center span {display: inline-block; height: 100%; width: 1px}
/**/

/*Poza telewizją*/
.container #poza-telewizja {padding-left: 8px}
.container #poza-telewizja h1 {background-image :url(../img/h-pozatelewizja.png); margin-left: 497px; margin-bottom: 32px; margin-top: 3px}
.container #poza-telewizja p {font-size: 16px; width: 528px; color: #161d54}

/*Kontakt*/
.container #kontaktowa {padding-left: 8px; height: 515px}
.container #kontaktowa h1 {background-image :url(../img/h-kontakt.png); margin-left: 497px; margin-bottom: 32px}

/*Wiesci z planu*/
.container #wiesci-z-planu {padding-top: 11px}
.container #wiesci-z-planu h1 {background-image :url(../img/h-wiescizplanu.png); margin-bottom: 22px; margin-left: 498px}
.container #wiesci-z-planu span.loading {background: none; position:absolute; left: 500px; top: 500px; color: #E664B4}
.container #wiesci-z-planu #content_left {padding-top: 0; padding-bottom: 0; margin-bottom: 100px; overflow:hidden; width: 502px; height: 718px}
.container #wiesci-z-planu #content_right {overflow:hidden; width: 446px; height: 598px; padding-bottom: 0}
/*STylowanie dla wstawki FB*/
.container #wiesci-z-planu #content_left iframe {border: 0 solid; margin: -1px 0 0 -1px}
.container #wiesci-z-planu #content_right iframe {border: 0 solid; margin: -1px 0 0 -1px}
.like_box .fbConnectWidgetTopmost {border: 0 solid}

#footer {position:relative; clear: both}
#footer #footer-menu {top: 66px; left: 332px; position: absolute}
#footer #footer-menu ul li {float: left}
#footer #footer-menu ul li a {font-size: 12px; color: #FFF; text-decoration: none; margin-right: 23px}
#footer #footer-menu ul li a:hover {color: #e664b4}
#footer #footer-menu ul li.current a {color: #e664b4}
#footer #copyright {color: #cccdd9; position:absolute; left: 6px; top: 66px}
#footer #skygroup {position: absolute; top: 130px; left: 744px; color: #FFF}
#footer #skygroup a {color: #FFF; text-decoration: none}
#footer #skygroup a:hover {text-decoration: underline}