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

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

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

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

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

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

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

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

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

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


body{
    background: #fff;
    font-family: 'prelo_slab_bookbook';
    color: #666;
    font-size: 15px;
    line-height: 1.5em;
    margin: 0;
    padding: 0;
    width: 100%;
}

.central{ text-align: center }
.strong{  font-family: 'prelo_slab_semiboldsemibold'; font-size: 1.2em;  }
.italic{ font-family: 'prelo_slab_book_italicBkIt'; }

ol li{
    padding-top: 15px;
}

h1{
    font-family: 'prelo_slab_semiboldsemibold';
    font-size: 28px;
    margin: 20px 0;
    line-height: 1em;
}



h2{
    margin-top: 0;
    font-family: 'prelo_slab_semiboldsemibold';
    font-size: 35px;
}

h3{
    margin: 0;
    font-family: 'prelo_slab_hairlinehairline';
    font-size: 20px;
    opacity: 0.7;
}

h4{
    font-family: 'prelo_slab_hairlinehairline';
    margin: 0;
    font-size: 35px;
    opacity: 0.7;
}

h5{
    font-family: 'prelo_slab_semiboldsemibold';
    font-size: 20px;
    margin: 0 0 15px 0;
}

h6{
    font-family: 'prelo_slab_semiboldsemibold';
    font-size: 18px;
}

.center { margin: 0 auto; }
.content{ margin: 0 auto; width: 960px; }
.clear { clear: both; }

#header {
    width: 100%;
    background: url('../image/header-bg.png');
    height: 80px;
    position: fixed;
    margin-top: 30px;
    z-index: 9999;
}

#nav {
    width: 500px;
    float: right;
    margin-top: 20px;
}
#nav ul{
    list-style: none;
    display: block;
    margin: 0 auto;
    list-style: none;
}

#nav li{
    margin-top: 9px;
    float: left;
    padding: 0 12px;
    text-shadow: 1px 1px 10px #777;
}

#nav li a { color: #fff; opacity:0.8; font-size: 18px; text-decoration: none; font-family: 'prelo_slab_semiboldsemibold'; }
#nav li a.active { color: #fff; opacity:1; border-bottom: 2px solid #fff; }
#nav li a:hover { color: #fff; opacity:1;  }

#slide1, #slide2{ width: 100%; }
#slide1{
    background:url('../image/lodz1.jpg') 50% 0 no-repeat fixed;
    color: #fff;
    height: 600px;
    margin: 0;
    padding: 0;
    background-size: cover;
}

#slide1 .image{
    padding-top: 260px;
}

#slide3 .image, #slide5 .image{
    padding-top: 260px;
}

#slide2{
	background-color: #fff;

	margin: 0 auto;
	overflow: hidden;
	padding: 50px 0;
        text-align: justify;
}

#slide3{
	background: url('../image/lodz2.jpg') 50% 0 no-repeat fixed;
	color: #fff;
	height: 500px;
	padding: 0;
	background-size: cover;
}

#slide4{
	background-color: #fff;
	padding: 50px 0;
        text-align: justify;
}

#slide5{
	background: url('../image/lodz3.jpg') 50% 0 no-repeat fixed;
	height: 500px;
	margin: 0 auto;
	padding: 0;
	color: #fff;
	background-size: cover;
}

#slide6{
	background-color: #fff;
	padding: 50px 0 0 0;
}

.lewa{
    float: left;
    width: 480px;
}

.prawa{
    float: right;
    width: 480px;
    text-align: right;
}

input[type="text"]{
    width: 440px;
    height: 20px;
    padding: 10px;
    background: #efefef;
    color: #666;
    font-family: 'prelo_slab_extralight_itXLtIt';
    font-size: 16px;
    border: 0;
    margin-bottom: 20px;
}

input[type="submit"]{
    background: #00718f;
    color: #fff;
    border: none;
    padding: 10px;
    font-size: 16px;
    font-family: 'prelo_slab_semiboldsemibold';
}

textarea{
    width: 460px;
    padding: 10px;
    background: #efefef;
    color: #666;
    font-family: 'prelo_slab_extralight_itXLtIt';
    font-size: 16px;
    border: 0;
    margin: 0px;
    height: 200px;
}

.form{
    text-align: right;
    margin: 0 0 30px 0;
}

.copy{
    border-top: 1px solid #efefef;
    padding: 20px 0;
    text-align: right;
    margin: 0;
}