/*______________Created by Duonet______________*/
/*________________www.duonet.eu_______________*/

body { font: 14px Tahoma; color: #c4bdaa; margin: 0; line-height: 150%;
		background: #847d6e url('../img/footer_bg.png') repeat-y center top; }
.page-width { margin: 0 auto; width: 980px; }
img { border: 0 none; }
a { color: #ffffff; font-weight: normal; text-decoration: none; }
a:hover { text-decoration: underline; }

div.c
{
	clear:    both !important;
	margin:   0 !important;
	padding:  0 !important;
	width:    0 !important;
	height:   0 !important;
	border:   0 none !important;
	overflow: hidden !important;
}
.bold { font-weight: bold; }

#container { width: 980px; margin: 0 auto;

-webkit-box-shadow:  1px 3px 4px 1px rgba(0, 0, 0, .7);
box-shadow:  1px 3px 4px 1px rgba(0, 0, 0, .7);

}

#top { height: 23px; overflow: hidden; background: url('../img/top_bg.png') repeat-x 0 0; }
#wizerunek { height: 176px; overflow: hidden; background: #dddddd url('../img/wizerunek_bg.png') repeat-y center top; }
#wizerunek .page-width { position: relative; text-align: right; }
#menu { position: absolute; z-index: 9; top: -2px; right: 12px; width: 561px; height: 42px; line-height: 36px;
		background: url('../img/menu_bg.png') repeat-x 0 0; text-align: left; }
#menu a { margin: 0 0 0 14px; padding: 2px 2px; }
#logo { position: absolute; z-index: 9; top: 45px; left: 70px; width: 350px; }
#logo_ap { position: absolute; z-index: 9; top: 115px; right: 24px; }
#separator { height: 19px; overflow: hidden; background: url('../img/mid_bg.png') repeat-x center top; }
#middle { background: url('../img/content_bg.png') repeat-y center top; }
#content { min-height: 400px; padding: 20px 0; }
#bottom { margin: 0 auto; height: 20px; background: #9a9385 url('../img/bottom_bg.png') no-repeat center top; }
#footer { min-height: 100px; color: #5e5445; }
#footer p { margin: 0; font-size: 12px; }
#footer p.links { text-align: center; margin: 10px 0 4px 0; }
#footer p.links a { text-align: center; font-size: 13px; color: #231607; }
#footer_info { position: relative; top: 0px; left: 0px; width: 600px; }
.duonet { float: right; }
.duonet a { color: #5e5445; font-weight: bold; }


#content.home { position: relative; }
#sg1 { position: absolute; z-index: 2; top:  90px; left: 160px; }
#sg2 { position: absolute; z-index: 2; top: 150px; left: 170px; }
#sg3 { position: absolute; z-index: 2; top: 290px; left: 380px; }
#sg4 { position: absolute; z-index: 2; top: 340px; left: 380px; }
#sg5 { position: absolute; z-index: 2; top: 370px; left: 380px; }
#sg6 { position: absolute; z-index: 2; top: 410px; left: 380px; }
#social { position: absolute; z-index: 2; top: 400px; left: 20px; }
#social a { margin: 0 10px 0 0; }
#social img { position: relative; top: 4px; }

#content.kontakt table { border-collapse: collapse; margin: 20px 0 20px 0; }
#content.kontakt table td { margin: 0; padding: 0; border-bottom: 3px solid #c4bdaa; vertical-align: top; }
#content.kontakt table td.bottom { vertical-align: bottom; text-align: right; }
#content.kontakt table td p { margin: 0; padding: 0; }
#content.kontakt table td p strong { font-size: 21px; font-weight: normal; }
#content.kontakt table td p span { float: right; }
#content.kontakt table td div { margin: 0; padding: 0 0 10px 0; }
#content.kontakt table td img { position: relative; top: 7px; }

/* end of duonet code */

/* copied inline styles from duonet code */

#content > div {
    margin: 0 50px;
}

.main-page {
    padding: 0 0 0 200px;
}

.kontakt .main-page {
    padding: 0 0 0 120px;
}

.person {
    float: right; 
    margin: 0 0 0 50px;
}

#footer_info a {
    color: #5E544F;
}

.kontakt .col {
    float: left;
}

.kontakt .col strong {
    font-size: 21px;
    font-weight: normal;
}

.kontakt .col p {
    margin: 0;
}

.kontakt .col span {
    float: right;
}

.kontakt .address, 
.kontakt .hours {
    width: 300px;
    margin-right: 30px;
}

.office {
    margin-bottom: 30px;
    border-bottom: 3px solid #C4BDAA;
    padding-bottom: 20px;
    overflow: hidden;
}

.submenu {
    float: left;
}

.submenu p {
    line-height: 24px;
    vertical-align: middle;
}

.subpage-content {
    float: right; 
    width: 525px; 
    text-align: justify; 
    padding: 80px 0 0 0;
}

.oferta .subpage-content {
    padding: 0;
}
#sg3 {
    font-size: 19px;
    font-family: Arial;
    top: 275px;
    font-weight: normal;
}

.lawyer {
    display: none;
}

/* end - copied inline styles from duonet code */

@media screen and (max-width: 600px) {
    #container,
    .page-width,
    #footer_info {
        width: auto;
    }

    #content {
        min-height: 0;
    }

    #top,
    #logo_ap,
    #sg1,
    #sg2,
    #bottom,
    .wizerunek,
    .kancelaria-img,
    .person {
        display: none;
    }

    #wizerunek {
        height: auto;
    }

    #menu {
        background: #442608;
        height: auto;
        line-height: 29px;
        position: static;
        width: auto;
    }

    #sg3,
    #sg4,
    #sg5,
    #sg6,
    #social {
        display: block;
        margin: 15px auto;
        position: static;
    }

    #sg4,
    #sg6 {
        margin: 5px auto;
    }

    #footer p.links a {
        display: inline-block;
    }

    #footer_info {
        text-align: center;
    }

    .duonet {
        display: block;
        float: none;
        text-align: center;
    }

    #menu a {
        display: block;
        margin: 0;
        text-align: center;
    }

    #logo {
        max-width: 468px;
        position: static;
        width: 70%;
    }

    .logo-link {
        display: block;
        text-align: center;
        padding: 5px;
    }

    #content > div {
        margin: 0;
        padding: 0;
        text-align: center;
    }

    .kancelaria p {
        text-align: justify;
        padding: 0 10px;
    }

    .kontakt .col {
        text-align: left;
        margin: 10px 0;
        padding: 0 10px;
        float: none;
    }

    #content.specjalizacja > div,
    #content.oferta > div {
        padding: 5px;
    }

    .submenu {
        float: none;
        text-align: left;
    }

    .submenu h2 {
        margin: 0;
    }

    .submenu p {
        margin: 5px 0;
    }

    .subpage-content {
        float: none;
        padding: 0;
        width: auto;
    }

    .lawyer {
        display: block;  
        font-weight: normal;
        font-size: 2em;
        margin: 0 0 30px;
    }
}