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

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

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

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

#header_wrapper {
    width: 100%;
    top: 0;
}

#header {
    width: 970px;
    height: 178px;
    margin: 0 auto;
    padding: 20px 0 0;
}

    h1, h1 .replace {
        width: 141px;
        height: 21px;
    }

    #myImageFlow { 
        width: 1100px;
        height: 140px !important;
        left: -205px;
        top: 70;
    }

        #myImageFlow img { margin: 0 15px 40px 0; }
        
    #imageflow-shadow-top {
        width: 670px;
        height: 46px;
        left: 10px;
        top: 114px;
    }
        
    #imageflow-shadow {
        width: 700px;
        height: 46px;
        left: 0;
        top: 134px;
    }

    #top_flash {
        left: 0;
        top: 40px;
    }
    
    #portals {
        padding: 21px 0 60px 0;
        width: 241px;
        right: 5px;
        top: 88px;
    }
    
        .portal_button { margin-left: 23px; }
    
            .portal_button, .portal_button .replace { width: 97px; height: 35px; }
            
            #facebook, #facebook .replace { width: 68px; margin-left: 0; }
        
            #facebook { margin-bottom: 20px; }

            #facebook, #facebook .replace {
                width: 97px;
                height: 37px
            }
    
            #goldenline, #goldenline .replace { width: 94px; }

#nav_bar {
    width: 100%;
    height: 67px;
    top: 178px;
}

    #nav_bg {
        width: 50%;
        height: 32px;
        margin: 4px 0 0;
    }
    
    #nav_wrapper {
        width: 960px;
        height: 67px;
        margin: -36px auto 0;
    }
    
        #nav {
            height: 32px;
            margin: 4px 0 0;
        }
        
            #nav > li { margin: 0 -2px 0 0; }
        
            #nav > li > a {
                margin: 3px 2px 0;
                padding: 6px 11px 0;
                height: 23px;
            }
        
            #nav ul {
                width: 960px;
                left: 0;
                top: 41px;
            }
        
                #nav ul li { margin: 0 30px 0 0; }
        
        #search {
            width: 223px;
            height: 25px;
            padding: 11px 0 0 17px;
            right: 0;
            top: 0;
        }
        
            #search input[type='text'] {
                width: 186px;
            }

#container {
    width: 960px;
    margin: 245px auto 20px;
    padding: 20px 0;
}

    #content {
        width: 690px;
        margin: 0 30px 0 0;
    }
    
        #content_wrapper {
            padding: 20px;
            margin-bottom: 20px;
        }

            #content_wrapper .image { margin: 0 20px 20px -20px; }

            .info { padding-top: 15px; }

                .info .date { margin-right: 40px; }

    #content h2, #content h3 { margin: 0 0 25px; }

    h3 a.more, h2 a.back, h3 a.back {
        height: 25px;
        padding-right: 100px;
    }
    
    .text p { margin-bottom: 10px; }

    .box {
        width: 189px;
        padding: 15px 20px;
        margin: 0 1px 35px 0;
    }
    
        .box.video { padding-bottom: 0; }

        .box h4, #content .box h3 { margin: 0 0 15px; }

            .box h3 .arrow, .box h4 .arrow, #content_wrapper h3 .arrow {
                width: 20px;
                height: 10px;
            }

        .box .image { margin-left: -20px; }

        .box .image.cover { margin-right: 15px; }

        .box .album_info {
            width: 50px;
            padding-top: 10px;
        }

            .box .album_info p { margin-bottom: 10px; }

        .box .description { padding-top: 15px; }

    #content h3.results_header {
        width: 690px;
        height: 38px;
        margin: 0 0 1px;
    }

        .results_arrow {
            width: 38px;
            height: 38px;
            margin: 0 1px 0 0;
        }
    
        #content h3.results_header .title {
            width: 635px;
            height: 26px;
            padding: 12px 0 0 15px;
        }

    .pagination {
        height: 25px;
        padding: 4px 0 0 90px;
    }

input[type='text'] {
    height: 17px;
    padding: 1px 0 1px 5px;
}

textarea { padding: 2px 5px;}

input[type='submit'].arrow {
    width: 20px;
    height: 19px;
}

input[type='submit'].label, a.label, a.label .replace {
    min-width: 74px;
    height: 25px;
    padding: 0 0 0 4px;
}

a.label { padding: 0; }
a.label .replace { padding: 0; }

#wypelnij_button, #wypelnij_button .replace { width: 88px; }

.radio_wrapper { margin-right: 10px; }

    .radio_wrapper, .radio_wrapper .replace {
        width: 20px;
        height: 20px;
    }

/* Kontakt { */

#contact_info {
    width: 300px;
    margin-right: 50px;
}

#form_container label {
    padding: 0 10px;
    margin-bottom: 8px;
}

#form_container input[type='text'], #form_container textarea {
    width: 290px;
    margin-bottom: 8px;
}

    #form_container textarea {
        width: 285px;
        margin-bottom: 10px;
    }

#sendmail {
    width: 74px;
    height: 25px;
}

/* } Kontakt */

#sidebar { width: 240px; }

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

    #newsletter {
        width: 206px;
        margin: 0 0 15px;
        padding: 11px 17px 20px 17px;
    }

        #newsletter h2 { margin: 0 0 5px; }

        #newsletter_message p { margin-top: 10px; }

    #content .message { margin: 0 0 20px; }

    #ankieta { margin-bottom: 15px; }

    #ankieta_form fieldset {
        padding-bottom: 20px;
    }

    #ankieta_form legend {
        width: 650px;
        margin-bottom: 15px;
    }

    #ankieta_form p { padding: 0 20px; }

        #content #ankieta_form p.error { margin-bottom: 10px; }

    #ankieta h3, #ankieta .description, #ankieta_form legend { padding: 20px; }

    #ankieta p, #ankieta_form p { margin: 0 0 8px; }

    #ankieta p.submit { margin: 15px 0 0; }
    
    #ankieta_form p.submit { padding: 0 20px 15px; }

    .ankieta_wyniki .answer { margin-bottom: 30px; }

        #content .ankieta_wyniki .answer h3 { margin-bottom: 15px; }
    
        #content .ankieta_wyniki .answer p { margin-bottom: 5px; }

        .ankieta_wyniki .answer .percent_bar {
            width: 400px;
            height: 15px;
            margin-bottom: 10px;
        }

            .ankieta_wyniki .answer .percent {
                height: 15px;
            }

    #sort { margin-bottom: 20px; }

    #sort h3 { margin-bottom: 30px; }

    #sort li {
        margin-bottom: 8px;
        padding-left: 20px;
    }

        #sort ul ul { margin: 8px 0 10px 5px; }

            #sort ul ul li { padding-left: 0; }

    .print { padding-left: 25px; }

#footer_wrapper {
    width: 100%;
    left: 0;
    bottom: 0;
}

    #footer {
        width: 960px;
        height: 22px;
        margin: 0 auto;
        padding: 6px 0 0;
    }

        #created {
            right: 0;
            top: 6px;
        }
        
        #down_link, #down_link .replace, #top_link, #top_link .replace {
            width: 68px;
            height: 16px;
        }
        
            #down_link {
                left: 525px;
                top: 6px;
            }
        
            #top_link {
                left: 625px;
                top: 6px;
            }