/*
Theme Name: Perfectsource
Theme URI: http://www.perfectsource.pl
Author: Jakub Grabowski
Author URI: http://www.jakubgrabowski.pl
Description: Wordpress Theme for Perfectsource
Version: 1.0
Tags: dark, light, white, black, gray, one-column, two-columns, left-sidebar, right-sidebar, fixed-width, flexible-width, custom-background, custom-colors, custom-header, custom-menu, editor-style, featured-image-header, featured-images, full-width-template, microformats, post-formats, rtl-language-support, sticky-post, theme-options, translation-ready
*/

@import url('https://fonts.googleapis.com/css?family=La+Belle+Aurore');

body {
    width: 100%;
    background: url('res/bkg-ziemia.gif');

}

#homeBgTop {
    height: 0px;
    width: 100%;
    background: url('res/bkg-niebo-wyzej.gif');

}

#homeBgTopLogo {
    background: url('res/biala-linia-pod-logo-gora.png') no-repeat bottom;
    text-align: center;
    margin: 0 auto;
    width: 960px;
    height: 60px;
}

#homeBgTopLogo a {
    display: block;
    padding: 15px 0 0 0;
}

#homeBgUp {
    width: 100%;
    height: 320px;
    background: url('res/bkg-niebo-nizej.gif') bottom repeat-x;
    position: relative;
    top: -300px;
    z-index: 30;
}

#homeBgUpPlant {
    width: 100%;
    height: 100%;
    background: url('res/roslina-trawa-deltanilu.png') no-repeat bottom center;
    position: relative;
    top: 8px;
    z-index: 30;
}

#homeBgUpDelta {
    width: 100%;
    height: 100%;
    background: url('res/bkg-ziemia-delta-nilu.png') no-repeat bottom center;
    position: relative;
    z-index: 100;
}

#homeBgUpDeltaShadow {
    width: 100%;
    height: 100%;
    background: url('res/bkg-ziemia-delta-nilu-cien.png') no-repeat bottom center;
    position: relative;
    z-index: 20;
}

#homeBgMiddle {
    height: 220px;
    width: 100%;
    background: url('res/bkg-ziemia.gif');
    position: relative;
    top: -300px;
}

#homeBgMiddleShadow {
    height: 100%;
    width: 100%;
    background: url('res/bkg-ziemia-cien.gif') top;
}


#homeBgMiddleWater {
    height: 280px;
    width: 100%;
    background: url('res/zrodlo-woda.png') no-repeat top center;
    position: relative;
    top: -20px;
    z-index: 40;
}

#homeBgMiddleCrack {
    height: 280px;
    width: 100%;
    background: url('res/bkg-spekania-gleby-srodek.png') no-repeat top center;
    position: relative;
    top: -20px;
    z-index: 40;
}

#homeBgBottom {
    height: 200px;
    width: 100%;
    background: url('res/bkg-ziemia.gif') top;
    z-index: 30;
    position: relative;
    top: -300px;
}

#homeBgBottomShadow {
    height: 100%;
    width: 100%;
    background: url('res/bkg-ziemia-dolne-logo-linia.png') top no-repeat;
    z-index: 30;
}

#homeBgBottomLogo {
    margin: 0 auto;
    position: relative;
    top: 35px;
    height: 65px;
    width: 200px;
    z-index: 70;
}

#homeBgBottomLogo a {
    display: block;
}

#homeMenu {
    margin: 0 auto;
    background: url('res/menu/strzalki-wszystkie-kolko.png') no-repeat 40px 40px;
    z-index: 50;
    width: 960px;
    height: 300px;
    position: relative;
    top: 20px;
    font-family: 'La Belle Aurore', cursive;
    color: whitesmoke;
    font-size: 24px;
}

#homeMenu ul {
    list-style: none;
}

#homeMenu a {
    color: whitesmoke;
}

#homeMenu a:hover {
    text-decoration: none;
}

.homeMenuFirma > a > span{
    background: url('res/menu/plain/ludzie.png') no-repeat; 
    position: relative;
    width: 129px;
    height: 80px;
    padding: 30px 0 0 35px;
    float: left;
    left: 40px;
}

.homeMenuFirma > a:hover > span {
    background: url('res/menu/plain/ludzie-over.png') no-repeat; 
}

.homeMenuOferta > a > span {
    background: url('res/menu/plain/techno.png') no-repeat; 
    position: relative;
    width: 170px;
    height: 100px;
    padding: 35px 0 0 50px;
    top: 90px;
    left: 30px;
    float: left;
}

.homeMenuOferta > a:hover > span {
    background: url('res/menu/plain/techno-over.png') no-repeat;
}

.homeMenuRealizacje > a > span {
    background: url('res/menu/plain/produkty.png') no-repeat; 
    position: relative;
    width: 155px;
    height: 99px;
    padding: 40px 0 0 35px;
    top: 160px;
    left: -385px;
    float: left;
}

.homeMenuRealizacje > a:hover > span {
    background: url('res/menu/plain/produkty-over.png') no-repeat;
}

.homeMenuFacebook > a > span {
    background: url('res/menu/social/facebook.png') no-repeat; 
    position: relative;
    width: 77px;
    height: 49px;
    top: 60px;
    left: 160px;
    float: left;
}

.homeMenuFacebook > a:hover > span {
    background: url('res/menu/social/facebook-over.png') no-repeat; 
}

.homeMenuFacebook span, .homeMenuTwitter span {
    color: transparent;
}

.homeMenuFacebook a, .homeMenuTwitter a {
    outline: none;
}

.homeMenuTwitter > a > span {
    background: url('res/menu/social/twitter.png') no-repeat; 
    position: relative;
    width: 66px;
    height: 41px;
    top: 150px;
    left: -20px;
    float: left;
}

.homeMenuTwitter > a:hover > span {
    background: url('res/menu/social/twitter-over.png') no-repeat; 
}

ul.sub-menu {
    display: none;  
}



/*body.high #homeMenu .sub-menu {
    display: block;
}*/

.sub-menu {
    position: relative;
    height: 0px;
    width: 380px;
    float: right;
    right: 100px;
    list-style-type: none;
}

.sub-menu li {
    display: inline;
    float: right;
    padding: 0 0 0 30px;
    text-align: right;
}

.homeMenuRealizacje .sub-menu {
}

.homeMenuOferta .sub-menu {
}

.myContent #homeBgTop {
    height: 60px;
}

.myContent #homeBgUp {
    height: 452px;
}

.myContent .homeMenuTwitter > a > span {
    top: 460px;
}

.myContent .homeMenuFacebook > a > span {
    top: 460px;
}

.myContent #homeBgBottomLogo {
    display: none;
}

.myContent ul.sub-menu {
    display: none;
}

.current-menu-parent ul.sub-menu {
    display: inline;
}

#my-page {
    width: 460px;
    margin: 0 auto;
    padding: 70px 80px 0 420px;
    text-align: justify;
    color: #eeeeee;
    height: 350px;
    font-family: Arial, Helvetica;
    font-weight: normal;
    font-size: 0.8em;
    line-height: 1.5em;
    z-index: 100;
}

.page {

    height: 350px;
    padding-right: 20px;
        z-index: 5;

}