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

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

}

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

}

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

}

*{
    padding: 0px;
    margin: 0px;
}

body{
    font-family: 'ComfortaaThin', Trebuchet MS, Tahoma, sans-serif;
    color: #000;
    background: url('../images/background.jpg') no-repeat 50.5% 0%;
    background-color: #d4d4d4;
    font-size: 16px;
}

.all{
    width: 970px;
    margin: auto;
}


.all .top{
    margin: 0 0 40px 0;
    z-index: 4;
}

.all .top ul{
    margin: 43px 0 0 0px;
}

.all .top ul li{
    display: inline-block;
    list-style: none;
    font-size: 24px;
}

.all .top ul li.logo a{
    background: url('../images/logo.png') no-repeat;
    width: 176px;
    height: 76px;
    display: block;
    margin: 0 130px 0 0;
}

.all .top ul li.menu{
    position: relative;
    bottom: 23px;
    padding: 0 5px 0px 5px;
    width: 104px;

    
}

.all .top ul li.menu a{
    color: #000;
    text-decoration: none;
    
    padding: 0 0 10px 0;
}

.all .top ul li.menu a:hover{
    background: url('../images/menu_line_bottom.png') no-repeat;
}

.all .top ul li.menu span{
    margin: 0 0 0 14px;
}

.all .slider{
    background: #000;
}

.all .slider img{
    float: left;


}

.all .text{
    font-family: 'ComfortaaThin', Tahoma, Arial, sans-serif;
    font-size: 25px;
    font-weight: lighter;
    margin: 0 0 0 80px;
    
    height: 300px;
}

.all .text .kontakt{
    margin: 0 0 0 80px;
    width: 500px;
    text-align: center;
    height: 300px;
    padding: 50px 0 0 0;
}

.all .text .kontakt span{
    
}

.all .text .kontakt div.first{
    font-size: 35px;
}

.all .text .kontakt div.two{
    font-size: 28px;
}

.all .text .kontakt div.three{
    font-size: 30px;
}


.all .person{
    background: url('../images/person.png') no-repeat;
    width: 334px;
    height: 565px;
    position: absolute;
    z-index: 1;
    margin: -150px 0 0 700px;
    overflow: hidden;
}

.stopka_background{
    margin: 65px 0 0 0;
    background: #090c10;
    padding: 30px 150px 30px 30px;
    color: #FFF;
    font-size: 14px;
    text-align: center;
    z-index: -2;

}


.stopka_background .stopka{
    
}

.stopka_background .stopka a{
   color: #FFF;
   text-decoration: none;
}

.stopka_background .stopka a span{
    color: #c67904;
}

.stopka_background .stopka a span:hover{
    color: #FFF;
}

/* NIE RUSZAĆ */

.null{
    clear: both;
}