/* 
    Document   : page
    Created on : 2009-11-25, 20:55:51
    Author     : ZuluS
    Description:
        Basic CSS file
*/
* {
    margin: 0px;
    padding: 0px;
    font-size: 100%;
}
img {
    border: 0px solid;
}
.clearFix {
    clear: both;
}
html {
    font-size: 12px;
    background: #040201;
    font-family: arial;
}
#outer {
    width: 925px;
    margin: 0 auto;
    padding-bottom: 15px;
    position: relative;
}
#top {
    height: 169px;
    position: relative;
    background: url(../images/top1.jpg) no-repeat;
}
#top .top {
    height: 169px;
    background: url(../images/top2.jpg) no-repeat 0px 82px;
}
a:focus {
    outline: none;
}
#logo {
    display: block;
    width: 264px;
    height: 110px;
    position: absolute;
    top: 18px;
    left: 18px;
}
#lang {
    position: absolute;
    top: 0px;
    right: 1px;
    width: 106px;
    height: 43px;
    background: url(../images/lang-bg.gif) no-repeat;
}
#lang a {
    display: block;
    width: 16px;
    height: 11px;
    position: absolute;
    top: 14px;
    background: url(../images/lang-flags.gif);
}
#lang .pl {
    left: 25px;
}
#lang .en {
    left: 62px;
    background-position: 0px -11px;
}
#lang a:hover, #lang .activePL, #lang .activeEN {
    border: 5px solid #624c38;
    top: 9px;
}
#lang .pl:hover, #lang .activePL {
    left: 20px;
}
#lang .en:hover, #lang .activeEN {
    left: 57px;
}
#menu {
    height: 40px;
    background: #f7a747 url(../images/menu-bg.jpg) no-repeat;
    list-style: none;
    padding-left: 8px;
    padding-top: 15px;
}
#menu a {
    display: block;
    float: left;
    height: 24px;
    line-height: 24px;
    text-decoration: none;
    color: #660000;
    position: relative;
    text-align: center;
    font-weight: bold;
    font-size: 13px;
}
#menu a span {
    display: block;
    position: absolute;
    cursor: pointer;
    height: 24px;
    top: 0px;
    left: 0px;
}
#menu a:hover  {
    background: #660000;
    color: #fff;
}
#menu a:hover span, #menu a.active span {
    background-position: 0px -24px;
}
#menu .news {
    width: 102px;
    margin-right: 17px;
}
#menu .news span {
    width: 102px;
    background: url(../images/menu/news.gif);
    
}
#menu .news span.en {
    background-image: url(../images/menu/en/news.gif);
}
#menu .shows {
    width: 69px;
    margin-right: 15px;
}

#menu .shows span {
    width: 69px;
    background: url(../images/menu/shows.gif);
}
#menu .shows span.en {
    background-image: url(../images/menu/en/shows.gif);
}
#menu .sets {
    width: 72px;
    margin-right: 15px;
}
#menu .sets span {
    width: 72px;
    background: url(../images/menu/sets.gif);
}
#menu .sets span.en {
    background-image: url(../images/menu/en/sets.gif);
}
#menu .shop {
    width: 54px;
    margin-right: 15px;
}
#menu .shop span {
    width: 54px;
    background: url(../images/menu/shop.gif);
}
#menu .shop span.en {
    background-image: url(../images/menu/en/shop.gif);
}
#menu .galery {
    width: 66px;
    margin-right: 17px;
}
#menu .galery span {
    width: 66px;
    background: url(../images/menu/galery.gif);
}
#menu .galery span.en {
    background-image: url(../images/menu/en/galery.gif);
}
#menu .references {
    width: 88px;
    margin-right: 15px;
}
#menu .references span {
    width: 88px;
    background: url(../images/menu/references.gif);
}
#menu .references span.en {
    background-image: url(../images/menu/en/references.gif);
}
#menu .partners {
    width: 86px;
    margin-right: 14px;
}
#menu .partners span {
    width: 86px;
    background: url(../images/menu/partners.gif);
}
#menu .partners span.en {
    background-image: url(../images/menu/en/partners.gif);
}
#menu .contact {
    width: 71px;
    margin-right: 2px;
}

#menu .contact span {
    width: 71px;
    background: url(../images/menu/contact.gif);
}
#menu .contact span.en {
    background-image: url(../images/menu/en/contact.gif);
}
#body {
    background: #660000 url(../images/body-bg.gif) repeat-y right top;
    position: relative;
}
#bodyWrap {
    background: url(../images/right-bg.gif) no-repeat right bottom;
}
#content {
    width: 734px;
    float: left;
    padding-top: 1px;
    padding-bottom: 30px;

    background: url(../images/content-bg.gif) no-repeat right top;
}
#sidebar {
    float: left;
    width: 191px;
}
#sidebar h3 {
    height: 30px;
    line-height: 30px;
    text-align: center;
    color: #640909;
    font-weight: normal;
    font-size: 20px;
    position: relative;
    margin-bottom: 15px;
}
#sidebar h3 span {
    display: block;
    position: absolute;
    top: 0px;
    left: 0px;
    width: 191px;
    height: 30px;
    background: url(../images/ourProm.gif) no-repeat;
}
#sidebar h3.en span {
    background: url(../images/ourProm-en.gif) no-repeat;
}
#body .bl {
    display: block;
    position: absolute;
    width: 8px;
    height: 8px;
    left: 0px;
    bottom: 0px;
    background: url(../images/body-corn.gif) no-repeat;
}

#galeries {
    position: relative;
    background: #111111 url(../images/galeries-bg.gif) repeat-x left bottom;
    height: 545px;
    padding-top: 1px;
}
#galeries .bl, #galeries .br {
    width: 8px;
    height: 24px;
    display: block;
    position: absolute;
    bottom: 0px;
    background: url(../images/galeries-corn.gif) no-repeat;
}
#galeries .bl {
    left: 0px;
}
#galeries .br {
    right: 0px;
    background-position: -8px 0px;
}

#footer {
    height: 83px;
    position: relative;
    background: #660000 url(../images/footer-bg.gif) repeat-x;
}
#footer .bl, #footer .br {
    width: 10px;
    height: 43px;
    position: absolute;
    display: block;
    bottom: 0px;
    background: url(../images/footer-corn.gif) no-repeat;
}
#footer .bl {
    left: 0px;
}
#footer .br {
    right: 0px;
    background-position: -10px 0px;
}
#footer ul {
    list-style: none;
    padding-left: 24px;
    padding-top: 20px;
}
#footer li {
    display: inline;
}
#footer li a {
    display: block;
    float: left;
    padding: 10px 14px;
    color: #fff;
    text-decoration: none;
}
#footer li a:hover, #footer li a.active {
    background: #400505;
}
#footer .about {
    color: #f7a747;
    clear: both;
    padding-left: 20px;
    padding-top: 4px;
}
#footer .logo {
    display: block;
    width: 148px;
    height: 47px;
    position: absolute;
    background: url(../images/footer-logo.gif) no-repeat;
    right: 24px;
    top: 18px;
}
#footer .about a {
    color: #f7a747;
    text-decoration: none;
    padding: 0px 1px;
}
#footer .about a:hover {
    border-bottom: 1px solid;
}


/**gals**/
#galeries h3 {
    color: #fff;
    margin-top: 15px;
    margin-left: 15px;
    padding-left: 24px;
    font-size: 14px;
    position: relative;
    height: 20px;
    line-height: 20px;
}
#galeries h3 span {
    display: block;
    position: absolute;
    left: 0px;
    top: 0px;
    width: 80px;
    height: 20px;
    z-index: 3;
}
#galeries .galTitle span {
    background: url(../images/galery-title.gif) no-repeat;
}
#galeries .galTitle span.en {
    background: url(../images/galery-en-title.gif) no-repeat;
}
#galeries .vidTitle span {
    background: url(../images/films-title.gif) no-repeat;
}
#galeries .vidTitle span.en {
    background: url(../images/films-en-title.gif) no-repeat;
}
#galeries .mins {
    height: 111px;
    width: 881px;
    position: relative;
    margin: 35px 0px;
    margin-left: 22px;
}
#galeries .nav {
    width: 44px;
    height: 44px;
    display: block;
    position: absolute;
    top: 34px;
    background: url(../images/galeries-nav.gif) no-repeat;
}
#galeries .back {
    left: 0px;
}
#galeries .next {
    background-position: -44px 0px;
    right: 0px;
}
#galeries .back:hover {
    background-position: 0px -88px;
}
#galeries .next:hover {
    background-position: -44px -88px;
}
#galeries .backDisable, #galeries .backDisable:hover {
    background-position: 0px -44px;
    cursor:help;
}
#galeries .nextDisable, #galeries .nextDisable:hover {
    background-position: -44px -44px;
    cursor: help;
}
#galeries .wrap {
    height: 111px;
    width: 750px;
    overflow: hidden;
    margin-left: 66px;
    position: relative;
}
#galeries .scroll {
    height: 111px;
    top: 0px;
    left: 0px;
    position: absolute;
    width: 20000px;
}
#outer .hide {
    display: none;
}
#galeries .wrap a {
    display: block;
    float: left;
    border: 1px solid #535353;
    background: url(../images/loader.gif) no-repeat center center;
    width: 146px;
    height: 109px;
    margin-right: 2px;
    opacity: 0.7;
}
#galeries .wrap a:hover {
    opacity: 1;
}
#galeries .wrap span {
    display: block;
    width: 146px;
    height: 109px;
    background-position: center center;
    background-repeat: no-repeat;
}
#newsLetteren #newsLetter {
    background-image: url(../images/newsletter-en.gif);
}
#newsLetter {
    width: 410px;
    height: 109px;
    position: absolute;
    background: #0b0b0b url(../images/newsletter.gif) no-repeat;
    right: 7px;
    bottom: 7px;
    z-index: 3;
}
#firma {
    width: 172px;
    height: 91px;
    background: url(../images/firma.png) no-repeat;
    display: block;
    bottom: 7px;
    left: 7px;
    position: absolute;
}
#newsLetter .text {
    border: 0px solid;
    width: 160px;
    height: 17px;
    background: #2f2f2f;
    text-align: center;
    color: #0f0f0f;
    left: 97px;
    padding-top: 1px;
    top: 70px;
    position: absolute;
}
#newsLetter .button {
    border: 0px;
    background: transparent;
    cursor: pointer;
    color: #ffc682;
    position: absolute;
    top: 64px;
    left: 276px;
    width: 85px;
    height: 24px;
}
#newsLetter a {
    color: #555555;
    display: block;
    margin-top: 35px;
    margin-left: 250px;
}
.promo {
    width: 136px;
    height: 134px;
    position: relative;
    margin-left: 29px;
    margin-bottom: 8px;
}
.promo .mini {
    width: 130px;
    height: 90px;
    background: #bfbcbb url(null) no-repeat center center;
    display: block;
    margin-top: 1px;
    margin-left: 1px;
}
.promo a {
    display: block;
    position: absolute;
    color: white;
    background: url(../images/promo.gif) no-repeat;
    top: 0px;
    left: 0px;
    width: 136px;
    height: 44px;
    line-height: 20px;
    padding-top: 90px;
    text-indent: 45px;
    text-decoration: none;
}
.promo a:hover {
    text-decoration: underline;
}
.promo .ico {
    display: block;
    position: absolute;
    width: 49px;
    height: 64px;
    background: url(../images/promo-ico.png);
    z-index: 3;
    left: -10px;
    top: -12px;
}
#content .text {
    margin-left: 62px;
    margin-right: 32px;
    color: #fff;
    margin-top: 10px;
    position: relative;
}
#content .loader {
    background: #111;
    position: absolute;
    top: 0px;
    left: 0px;
    background: #111 url(../images/loader.gif) no-repeat center center;
    display: none;
    width: 735px;
    height: 100%;
    z-index: 999;
}
#content .newsPage {
    width: 100%;
    display: block;
}
.page {
    width: 640px;
}
.padding {
    padding-top: 1px;
}
#content h1 {
    color: #f6941d;
    height: 51px;
    font-weight: normal;
    line-height: 51px;
    font-size: 25px;
    margin-bottom: 5px;
    font-family: verdana;
}
#content h1 span {
    color: #fff;
    font-size: 25px;
}
#content p {
    line-height: 20px;
    letter-spacing: 0.2px;
}
#nav {
    left: 7px;
    width: 718px;
    position: absolute;
    height: 43px;
    bottom: 6px;
}
#nav a {
    display: block;
    width: 49px;
    height: 43px;
    position: absolute;
    top: 0px;
    background: url(../images/content-nav.gif);
}
#nav .back {
    left: 0px;
}
#nav .back:hover {
    background-position: 0px -43px;
}
#nav .next {
    right: 0px;
    background-position: -49px 0px;
}
#nav .next:hover {
    background-position: -49px -43px;
}
#content .art {
    position: relative;
}
#outer #content .art a {
    text-decoration: none;
    border-bottom: 0px solid;
    color: white;
}
#content .art a:hover {
    color: #f7a747;
    border-color: #f7a747;
}
#content .art p {
    padding-bottom: 10px;
}
.art_mini {
    border-bottom: 1px dashed #9d1414;
    padding-bottom: 10px;
    margin-bottom: 10px;
    margin-right: 35px;
}
.art_mini h3 {
    height: 20px;
    color: #f7a747;
    font-size: 14px;
    position: relative;
}
.art_mini .des {
    padding-left: 10px;
}
.art_mini h3 span {
    color: #fff;
    font-weight: normal;
    font-size: 11px;
    position: absolute;
    top: 0px;
    right: 0px;
}
.art ul, .art ol {
    padding-left: 25px;
    padding-bottom: 10px;
}

#overlay {
    background: #050505;
    position: absolute;
    z-index: 998;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    display: none;
}
#iframe {
    background: #111;
    padding: 20px;
    position: absolute;
    width: 750px;
    height: 400px;
    left: 60px;
    bottom: 100px;
    display: none;
    z-index: 999;
}
#iframe iframe {
    background: white;
    border: 1px solid silver;
    width: 750px;
    height: 400px;
    font-size: 11px;
}
#iframe a.close {
    position: absolute;
    display: block;
    top: 5px;
    right: 5px;
    color: #fff;
    text-decoration: none;
    font-weight: bold;
    font-size: 14px;
}
#content .pos {
    height: 240px;
    overflow: hidden;
    padding-right: 30px;
    position: relative;
}
#content .scroll {
    width: 100%;
    position: relative;
}
#content .inner {
    position: absolute;
    width: 620px;
    top: 0px;
    left: 0px;
}
#outer #content .up, #outer #content .down {
    display: block;
    right: 0px;
    width: 20px;
    position: absolute;
    border-bottom: 0px;
    height: 20px;
    background: url(../images/scroll.gif) no-repeat;
}
#content .up {
    top: 0px;
}
#outer #content .down {
    bottom: 0px;
    background-position: 0px -20px;
}