body {
        background-color: #124f76;
				background-image: url(images/bs_bg.gif);
        margin: 0;
        padding: 0;
        text-align:center;
				font-family: Verdana, Arial, Helvetica, sans-serif;
        font-size:11px;
				color: #333333;
    }

#container {
        margin: 0 auto;
        padding: 0 0;
        position: relative;
        width: 747px;
}

#header {
        background: #ffffff url(images/bg_header.gif) repeat-x;
        width: 747px;
        height: 93px;
        background-position: left bottom;
}
#animacja {
        background: #6297B9 url(images/anim_header_bs.gif) repeat-x;
        width: 747px;
        height: 182px;
}

#srodek {
        margin: 0 auto;
        padding: 0 0;
        width: 747px;
				height: 432px;
				background: #ffffff url(images/bs_srodek_bg.gif) no-repeat;
				background-position: bottom;
				
}


#srodek_portfolio{
        margin: 0 auto;
        padding: 0 0;
        width: 747px;
				height: 462px;
				background: #ffffff url(images/adv_srodek_bg.gif) no-repeat;
				background-position: bottom;
				
}


#right {
				width:500px;
        float:left;
				padding-top: 10px;
				margin-left: 20px;
				margin-top: 10px;
				margin-bottom: 10px;
        background-color: transparent;
				text-align: left;
				
}

#right_portfolio {
				
        float:left;
				padding-top: 10px;
				margin-left: 20px;
				margin-top: 10px;
				margin-bottom: 10px;
        background-color: transparent;
				text-align: left;
				
}

#right_portfolio_1 {
				width:200px;
        float:left;
				padding-top: 10px;
				margin-left: 20px;
				margin-top: 10px;
				margin-bottom: 10px;
        background-color: transparent;
				text-align: left;
				
}

#image {
			padding-left: 6px;
			padding-top: 6px;
}

#portfolio {
				width: 229px;
				height: 68px;
				margin-bottom: 6px;
				background: #ffffff url(images/portfolio_image_bg.gif) no-repeat;
}

#menu_portfolio {
				width: 200px;
				margin-right: 15px;
				float: right;
				font: 11px Verdana;
				color: #814c00;
				text-align: right;
				
}

#menu_portfolio a {
				display: inline;
				text-decoration: none;
				color: #814c00;
}

#menu_portfolio a:hover {
				color: #000000;
				
}



.buttonlink {
				width: 200px;
				margin-left: 6px;
				margin-top: -5px;
				margin-bottom: 10px;
				text-decoration: none;
				text-align: left;
}

.buttonlink, .buttonlink a {
				font-family: Verdana, Arial, Helvetica, sans-serif;
				font-size: 11px;
				text-decoration: none;
				color: #666666;
}
.buttonlink a:hover {
				color: #999999;
}

.buttonlink img {
				vertical-align: top;
				margin-top: 2px;
}

#right {
				width:500px;
        float:left;
				padding-top: 10px;
				margin-left: 20px;
				margin-top: 10px;
				margin-bottom: 10px;
        background-color: transparent;
				text-align: left;
				
}


#menu {
				width: 200px;
				font: 11px Verdana;
				float: left;
				padding-left: 20px;
				padding-top: 20px;
				text-align: left;
				clear: none;
}

#menu a {
				display: block;
				text-decoration: none;
				color: #666666;
}

#menu a:hover {
				color: #000000;
				
}

#kontakt {
				background: #ffffff url(images/kontakt_bg.gif) no-repeat;
				width: 200px;
				height: 229px;
				float: left;
				margin-top: 40px;

}

#kontakt_text {
				width: 180px;
				font: 11px Verdana;
				color: #666666;
				margin-top: 17px;
				list-style: none;
}

#kontakt_text li{
				list-style: none;
}

#kontakt_text a {
				color: #666666;
				text-decoration: underline;

}



#kontakt_text a:hover {
				color: #000000;
				
}


#stopka{
				margin: 0 auto;
        padding: 0 0;
				background: #124f76 url(images/bs_footer.gif) no-repeat;
				background-position: top;
        width: 747px;
        height: 76px;
        text-align: center;
				margin-top: 10px;
				clear:both;
}
	
#logo1 {
		background: #ffffff url(images/logo_bs.jpg) no-repeat;
        width: 111px;
        height: 93px;
        position:absolute;
		top: 0px;
		left: 0px;
}

#logo2 {
		background: transparent;
        width: 50px;
        height: 93px;
        position:absolute;
		top: 0px;
		left: 111px;
}

#logo3 {
		background: transparent;
        width: 75px;
        height: 93px;
        position:absolute;
		top: 0px;
		left: 161px;
}
#logo4 {
		background: transparent;
        width: 119px;
        height: 93px;
        position:absolute;
		top: 0px;
		left: 236px;
}
#logo5 {
		background: transparent;
        width: 141px;
        height: 93px;
        position:absolute;
		top: 0px;
		left: 355px;
}
#logo6 {
		background: #ffffff url(images/menu_bs_pressed.gif) no-repeat;
        width: 174px;
        height: 93px;
        position:absolute;
		top: 0px;
		left: 496px;
}
#logo7 {
		background: transparent;
        width: 69px;
        height: 93px;
        position:absolute;
		top: 0px;
		left: 670px;
}

a#rollover_1 { 
				display: block; width: 50px; height: 93px; 
        background: url(images/menu_start.gif) 
        top left no-repeat; 
}
a:hover#rollover_1 { 
				background-position: 0 -93px;
}

a#rollover_2 { 
				display: block; width: 119px; height: 93px; 
        background: url(images/menu_adv.gif) 
        top left no-repeat; 
}
a:hover#rollover_2 { 
				background-position: 0 -93px;
}

a#rollover_3 { 
				display: block; width: 141px; height: 93px; 
        background: url(images/menu_com.gif) 
        top left no-repeat; 
}
a:hover#rollover_3 { 
				background-position: 0 -93px;
}

a#rollover_4 { 
				display: block; width: 75px; height: 93px; 
        background: url(images/menu_photo.gif) 
        top left no-repeat; 
}
a:hover#rollover_4 { 
				background-position: 0 -93px;
}

a#rollover_5 { 
				display: block; width: 69px; height: 93px; 
        background: url(images/menu_kontakt.gif) 
        top left no-repeat; 
}
a:hover#rollover_5 { 
				background-position: 0 -93px;
}

.h1 { 
				font: bold 15pt Verdana; 
				letter-spacing: 1px; 
				color: #124f76;
}
.h2 { 
				font: bold 11px Verdana; 
				letter-spacing: 1px; 
				color: #124f76;
}

.hr {
	border-top: 1px #dcdcdc solid;
	margin: 5px 0px 5px 0px;
}