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

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

#container, #wrapper { width: 1000px; }

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

/* Sidebar { */

#sidebar {
    width: 243px;
    padding: 116px 0 0 30px;
}

    h1, h1 em {
        width: 243px;
        height: 61px;
    }

        h1 {
            left: 30px;
            top: 40px;
        }

        h1 em {
            left: 0;
            top: 0;
        }

    #sidebar p { margin: 0 0 10px; }

    #sidebar h3, #blog_sidebar h3 { margin-bottom: 8px; }

    #flat, #portfolio, #tagi, #blog_sidebar ul { padding: 0 0 30px 0; }
    
        #tagi ul { margin-bottom: 5px; }    
    
        #tagi h4 { margin-bottom: 5px; }

        #sidebar a.loading { padding: 0 25px 0 0; }

    #referencje_link {
        margin: 0 0 20px;
    }

        #referencje_inner, #referencje_link span {
            width: 159px;
            height: 131px;
        }

            #referencje_link span {
                left: 0;
                top: 0;
            }

/* } Sidebar */

/* Content { */

#content_wrapper {
    width: 700px;
    margin: 0 0 0 25px;
}

#content {
    width: 700px;
    padding: 57px 0 20px;
}

    #content h2 {
        margin: 0 0 13px;
        padding: 0 0 7px;
    }

    #content h3, #content h4, #content h5, #content p, #content img { margin: 0 0 15px; }

    #content p.tagi { margin: 0 0 25px; }

    #content #top_link { padding: 22px 0 7px 30px; }

    #content a { padding-bottom: 1px; }
    
    .sharebox {
        width: 72px;
        height: 20px;
        padding: 5px 7px 5px 65px;
        right: 0;
        top: 60px;
    }
    
        .sharebox a {
            height: 14px;
            margin-right: 5px;
        }
        
        .addthis_button_facebook { width: 14px; }
        .addthis_button_twitter { width: 10px; }
        .addthis_button_email { width: 16px; }
        

/* } Content */

/* Strona główna { */

    .main #content_wrapper { margin-left: 53px; }

    .main #content_wrapper, .main #content { width: 672px; }

    .main #content p.tagi { margin: 0 0 10px; }

        .thumb {
            width: 200px;
            height: 120px;
            padding: 10px;
        }

            .thumb img {
                left: 0;
                top: 0;
            }

            .thumb img.loader {
                left: 102px;
                top: 62px;
            }
        
            .thumb h3, .thumb p { margin: -200px 0 0 !important; }

/* } Strona główna */

/* Portfolio { */

    .people {
        margin: 0 0 15px;
        padding: 15px 0 17px;
    }

    .people li { margin: 0 15px 0 0; }
    
    .scrollbox_inner {
        width: 700px;
        height: 500px;
        margin-bottom: 15px;
    }
    
        .scrollbox_wrapper.loading .scrollbox_inner {
            width: 696px;
            height: 496px;
        }
    
        #content .scrollbox_wrapper img { margin: 0; }

    .scrollbox_nav { margin-bottom: 25px; }

    .scrollbox_nav a {
        width: 67px;
        height: 14px;
        margin: 0 1px 0 0;
        padding: 2px 0;
        text-align: center;
    }

    .scrollbox_wrapper .play-pause_button {
        width: 89px;
        height: 89px;
        left: 305px;
        top: 205px;
    }
    
    #content .share p.label {
        width: 110px;
        margin-right: 10px;
        padding: 5px 0;
    }
    
    .share { margin-bottom: 20px; }
    
    .share input { width: 564px; }
    
    .share p.input {
        width: 564px;
        padding: 5px 0 10px 15px;
    }
    
    .share ul {
        margin-bottom: 20px;
    }
    
    .share li { margin-right: 5px; }
    
    .share ul a {
        width: 59px;
        height: 20px;
        padding: 5px 0 0 27px;
    }
    
/* } Portfolio */

/* O nas { */

    .o-nas .text { margin-left: 15px; }
    
    .person {
        width: 270px;
        margin-right: 75px;
    }
    
        .person .description, #content .person p.function, #content .person .portal { margin-left: 15px; }
        
        .person .description { margin-bottom: 25px; }
        
    .files { margin: 0 0 50px; }
        
    #content p.file {
        margin: 0;
        padding: 18px 0 18px 50px;
    }
    
    #referencje h3, .kontakt #content h3 { padding: 0 0 10px; }
    
    #referencje .image_wrapper {
        width: 300px;
        padding: 20px 0 0;
    }
    
    .reference { margin: 0 0 15px; }

/* } O nas */

/* Kontakt { */

    .kontakt .wstep { margin: 0 0 30px; }

    .kontakt #content form p {
        width: 324px;
        margin: 0 20px 20px 0;
        padding: 5px 0 5px 15px;
    }

        #content #p_zgoda, #content #p_agree, #content #p_submit { padding: 5px 0 5px 0; }

        .kontakt #content form p.two { margin-right: 0; }

        #content #p_zalozenia, #content #p_zgoda, #content #p_info, #content #p_agree { width: 700px; }

        #p_zalozenia textarea, #p_info textarea {
            width: 680px;
            height: 100px;
            padding: 10px 0 0;
        }

        .kontakt label { width: 124px; }

            #p_zgoda label, #p_agree label, #p_info label { width: 650px; }

        .kontakt input[type='text'] {
            width: 200px;
            height: 19px;
        }

        .kontakt span.select {
            width: 324px;
            height: 16px;
            padding: 3px 0 0;
        }

        .select_options { padding-top: 5px; }

        .select_options li { margin-bottom: 5px; }

        #id_budzet, #id_budget { width: 180px; }

        #id_zgoda, #id_agree { margin: 0 20px 0 0; }

        input[type='submit'] {
            margin: 0 15px 0 0;
            padding: 5px;
        }

        .check_wrapper, .check_wrapper em {
            width: 19px;
            height: 19px;
        }

            .check_wrapper { margin: 0 20px 0 0; }

            .check_wrapper em {
                left: 0;
                top: 0;
            }

        .error {
            width: 300px;
            height: 20px;
            left: 15px;
            top: 5px;
        }

        #p_zgoda .error, #p_agree .error {
            width: 665px;
            height: 50px;
            left: 35px;
        }

    #content p.alert {
        padding: 3px 0 3px 30px;
        margin: 0 0 50px;
    }

    #contact_people { width: 430px; }

    #content .contact_person img { margin: 0 15px 15px 0; }

    #content .contact_person h4 {
        margin: 0 0 5px;
        padding: 15px 0 0;
    }

    #kontakt { padding: 15px 0 0; }

/* } Kontakt */

/* Blog { */

    .blog #content_wrapper, .blog #content { width: 444px; }

    #blog_sidebar {
        width: 230px;
        padding: 97px 0 0;
    }

        #blog_sidebar h4 { margin: 0 0 5px; }

        #archiwum { padding-top: 13px;   }

    .note { margin-bottom: 15px; }

    .blog #content form p {
        width: 428px;
        margin: 0 20px 20px 0;
        padding: 5px 0 5px 15px;
    }

        .blog input[type='text'] { width: 340px; }
        
            .blog input#id_email { width: 200px; }

        .blog textarea {
            width: 428px;
            height: 100px;
        }

        .blog #content p.submit { padding: 0; }

    #content form #comments p { padding: 0; }

    #comments > li { margin: 0 0 15px; }

    #twoj_komentarz { margin: 0 0 15px; }

    .thumbbox.alone { margin-bottom: 15px; }

    .large_image { height: 291px; }

    #content .large_image img { margin: 0 0 5px; }

    #content .thumbbox_nav img { margin: 0 5px 15px 0; }
    
    .comment_link { padding-left: 23px; }
    
    .share_links { padding-top: 20px; }
    
    .comment {
        margin-bottom: 20px;
        padding: 0 0 7px 23px;
    }
    
        #content .comment h4 { margin-bottom: 3px; }

    .blog .sharebox {
        width: 72px;
        height: 20px;
        padding: 5px 7px 5px 65px;
        right: 0;
        top: 13px;
    }
    
    .blog .share p.input, .blog .share input[type='text'] { width: 305px; }
    
    #content form #p_code {
        width: 270px;
        padding: 0;
        margin: 0 20px 15px 0;
    }
    
    #p_www .error { top: 3px; }
    
    #p_code label {
        margin-bottom: 15px;
    }
    
        #id_code {
            width: 232px;
            padding: 7px 7px 7px 15px;
        }
        
        #p_code .error {
            width: 232px;
            top: 36px;
            left: 16px;
        }
    
    .comment_form table td { padding-top: 25px; }
    
    .blog #content #required_info { padding: 0; }
    
    .blog #content #comment_posted {
        margin: 0 0 20px;
        padding: 0;
    }
    
/* } Blog */