@import url("base.css");
@import url("fonts.css");
@import url("background.css");

html * { margin: 0; padding: 0; outline: 0; }

html, body, .bg, .bg table, .bg td {
    height: 100%;
    width: 100%;
}

.bg div {
    height: 100%;
    width: 200%;
}

.bg img {
    margin: 0 auto;
    min-height: 50%;
    min-width: 50%;
}

.replace {
    left: 0;
    top: 0;
}

.hide {
    width: 0;
    height: 0;
    margin: 0 !important;
}

#wrapper {
    height: 100%;
    min-width: 990px;
    max-width: 1200px;
}

    #header_wrapper {
        width: 100%;
        height: 92px;
        right: 0;
        top: 495px;
    }

        #triangle {
            width: 310px;
            height: 37px;
            top: -37px;
            left: 195px;
        }
    
        #header {
            width: 790px;
            padding: 5px 0 0 205px;
        }
        
            h1, h1 .replace {
                width: 150px;
                height: 81px;
            }
            
                h1 {
                    left: 20px;
                    top: 6px;
                }
            
            #logos {
                height: 81px;
                padding-left: 37px;
            }
        
                #logos ul { padding-top: 20px; }
            
                    #logos a, #logos a .replace { height: 35px; }
                    
                        #logo1 { margin-right: 30px; }
                        #logo2 { margin-right: 25px; }
                        #logo3 { margin-right: 30px; }
                        #logo4 { margin-right: 25px; }
                    
                        #logo1, #logo1 .replace { width: 135px; }
                        #logo2, #logo2 .replace { width: 220px; }
                        #logo3, #logo3 .replace { width: 144px; }
                        #logo4, #logo4 .replace { width: 94px; }
                        #logo5, #logo5 .replace { width: 47px; }
            
    #nav_wrapper {
        width: 100%;
        height: 18px;
        top: 587px;
    }

        #nav_inner {
            width: 100%;
            max-width: 1200px;
        }
        
            #nav { margin-left: 205px; }
        
                #nav a {
                    height: 18px;
                    padding: 0 8px;
                }
        
            #footer { padding: 2px 10px 0 0; }

    #facebook_button {
        right: 10px;
        top: 10px;
    }
    
    #newsletter_form {
        width: 152px;
        height: 37px;
        padding: 7px 0 0 0;
        right: 10px;
        top: 458px;
    }

        #id_email {
            width: 135px;
        }

        #newsletter_form input[type='submit'] {
            width: 13px;
            height: 13px;
        }

#container {
    min-height: 700px;
    padding-left: 5px;
}

    #content_inner {
        width: 977px;
        min-height: 685px;
        padding: 15px 0 0 15px;
    }

    #content { min-height: 700px; height: 100%; right: 0; }
    
        #content h2 {
            height: 60px;
            margin-bottom: 30px;
            padding-right: 10px;
        }
        
        .title_description {
            height: 51px;
            margin-top: 12px;
            padding-left: 15px;
        }
        
        #content .text {
            width: 580px;
            padding-left: 70px;
        }
        
            #content .text h3, #content .text p { margin-bottom: 10px; }
        
        #pagination .prev, #pagination .next, #fancybox-left-ico, #fancybox-right-ico {
            width: 43px !important;
            height: 43px !important;
        }
        
            .prev {
                left: 0;
                top: 0;
            }
        
    #fancybox-left-ico { left: 10px !important; }
    #fancybox-right-ico { right: 10px !important; }

    #fancybox-close {
        width: 62px !important;
        height: 62px !important;
        right: 0 !important;
        top: 0 !important;
    }

/* Zdjęcia { */

#photo_list {
    width: 580px;
    padding-left: 70px;
}

    #photo_wrapper, #photo_list .zoom {
        width: 450px;
        height: 300px;
    }
    
    #photo_wrapper { margin-bottom: 10px; }

    #photo_list .o_nas_link { margin-right: 130px; }

    #photo_list .prev { left: 15px; }
    
    #photo_list .next {
        left: 530px;
        top: 255px;
    }

/* } Zdjęcia */

/* Kolekcje { */

#producent_list {
    width: 826px;
    left: 0;
    top: 412px;
}

    #producent_list li:after { content: " . "; }
    
    #producent_list li.last:after { content: ""; }

#season_thumbs {
    width: 765px;
/*     height: 460px; */
    padding: 0 50px;
}

    #season_thumbs .thumb, #season_thumbs .thumb .zoom {
        width: 150px;
        height: 150px;
    }
    
        .thumb { margin: 0 3px 3px 0; }
        
    #season_thumbs .next {
        left: 820px;
        top: 260px;
    }
    
/* } Kolekcje */

/* Press { */

#press_list {
    width: 830px;
    height: 460px;
    padding: 0 0 0 50px;
}

    .magazine {
        width: 105px;
        margin: 0 30px 10px 0;
        padding-top: 155px;
    }
    
        .magazine .cover {
            left: 0;
            top: 0;
        }
        
    #press_list .next {
        left: 840px;
        top: 285px;
    }

body.press.detail #header_wrapper { top: 625px; }
body.press.detail #nav_wrapper { top: 717px; }
body.press.detail #newsletter_form { top: 588px; }

#press_detail {
    width: 420px;
    margin: 0 auto;
}

    #fancybox-inner #press_detail { padding-top: 40px; }

    #large_cover, #press_detail .thumb_list {
        width: 255px;
        margin: 0 auto;
    }
    
        #large_cover { padding: 335px 0 5px; }
        
        #large_cover .cover {
            left: 0;
            top: 0;
        }

    #press_detail .thumb_list { margin-bottom: 10px; }
    
        #press_detail .thumb_list { margin-bottom: 50px; }

        #press_detail .thumb { margin-right: 17px; }

    #press_detail #pagination .prev {
        left: 29px;
        top: 0;
    }
    
    #press_detail #pagination .next {
        right: 29px;
        top: 285px;
    }
    
    #fancybox-inner #press_detail .prev { top: 40px; }
    #fancybox-inner #press_detail .next { top: 325px; }

/* } Press */

/* Kontakt { */

#map {
    left: 345px;
    top: 0; 
}

    #map .zoom {
        width: 475px;
        height: 495px;
        left: 0;
        top: 0;
    }
    
        #map .map-bg {
            width: 475px;
            height: 152px;
        }
        
            #map .map-bg.small {
                width: 102px;
                height: 205px;
            }
        
                #map .map-bg.small.left { width: 168px; }
        
            #map .cross {
                width: 205px;
                height: 205px;
            }

#kontakt_info {
    width: 305px;
}

    #kontakt_info li { padding-left: 15px; }

/* } Kontakt */