body {
font-family: verdana;
}
.center {
position: absolute;
left: 50%;
width: 1000px;
height: 100%;
margin-left: -500px;
}
.logo {
width: 320px;
height: 100px;
float: left;
}
.logo a {
display: block;
width: 182px;
height: 85px;
background: url(images/logo.png) no-repeat;
}
.menu_up {
width: 650px;
height: 100px;
float: left;
}
.menu_up .linki {
margin-top: 75px;
}
.menu_up .linki a {
padding-left: 35px;
background: transparent;
color: black;
text-decoration: none;
display: inline;
float: left;
font-size: 17px;
font-family: Verdana;
font-weight: 100;
}
.menu_up .linki a:hover {
background: url(images/green_arrow.png) left bottom no-repeat;
background-position: left;
color: #008040;
text-decoration: none;
display: inline;
float: left;
}

.menu_bar_black {
margin-top: 10px;
background: url(images/menu_bar_black.png) no-repeat;
width: 196px;
height: 352px;
float: left;
}
.menu_bar_black .butony {
padding-left: 25px ;
}
.menu_bar_black .butony_zolte a {
padding-left: 15px;
background-color: transparent;
color: #FFFFFF;
text-decoration: none;
display: block;
float: left;
font-size: 12px;
}
.menu_bar_black .butony_zolte a:hover {
text-decoration: none;
color: #585858;
background: #FFC970;
}

.menu_bar_black .butony_rozowe{
	height:120px;
}

.menu_bar_black .butony_rozowe a {
padding-left: 15px;
background-color: transparent;
color: #FFFFFF;
text-decoration: none;
display: block;
float: left;
font-size: 12px;
padding-top: 5px;
}

.menu_bar_black .butony_rozowe a:hover {
text-decoration: none;
background: #F44E77;
}


.balustrady {
padding: 20px 20px 5px;
}
.balustrady a {
padding: 10px 0px;
color: #F44E77;
background: transparent;
font-size: 16px;
text-decoration: none;
}
.balustrady a:hover {
text-decoration: underline;
}

.karnisze {
padding: 10px 20px 5px
}
.karnisze a{
padding: 10px 0px;
color: #FFC970;
background: transparent;
font-size: 16px;
text-decoration: none;
}
.karnisze a:hover{
text-decoration: underline;
}

.baner_window {
display: block;
float: left;
margin-top: 10px;
width: 802px;
height: 352px;
}

#baner_window .baner_glowny{
      display:none;
	  width: 782px;
	  height: 352px;
	  float: left;
}
#baner_window .active{
      display:block;
      width: 782px;
	  height: 352px;
	  float: left;
    }

.transparent_bar {
display: block;
margin-top: 289px;
height: 64px;
background: url(images/transparent_bar.png) bottom no-repeat;
}
.transparent_bar_wiecej {
padding: 3px 10px;
display: block;
text-align: right;
height: 20px;
}
.transparent_bar_wiecej a {
color: #FFFFFF;
background: transparent;
text-decoration: none;
text-align: right;
font-size: 12px;
}
.transparent_bar_wiecej a:hover {
color: #C0C0C0;
}
.transparent_bar h1 {
display: block;
text-align: right;
color: #FFFFFF;
padding: 10px 10px;
margin: 0px;
font-size: 14px;
font-weight: 200;
}



.numer_baner {
width: 20px;
height: 352px;
float: right;
}
.numer_baner a {
padding: 2px ;
color: white;
background: black;
text-decoration: none;
display: block;
margin-bottom: 5px;
text-align: center;
}
.numer_baner a:hover {
text-decoration: underline;
}

.main_bar {
	width: 100%;
	height: 250px;
	margin-top: 10px;
	display: block;
	float: left;
}

.main_bar .o_firmie {
	width: 198px;
	height: 250px;
	float: left;
	display: block;
}

.main_bar .ostatnie_realizacje {
	width: 543px;
	height: 250px;
	float: left;
	display: block;
}

.main_bar .kontakt {
	width: 240px;
	height: 250px;
	float: left;
	display: block;
}


.main_bar h1 {
	font-size: 17px;
	font-family: Verdana;
	padding: 3px 25px;
	font-weight: 100;
}

.pink_naglowek h1 {
	background: url(images/pink_arrow.png) no-repeat top left;
	vertical-align: middle;
}

.green_naglowek h1 {
	background: url(images/green_arrow.png) no-repeat top left;
	vertical-align: middle;
}

.yellow_naglowek h1 {
	background: url(images/yellow_arrow.png) no-repeat top left;
	vertical-align: middle;
}

p {
padding: 0px 25px;
font-size: 11px;
line-height: 150%;
font-weight: 200;
overflow: auto;
}

.last_realization {
	width: 217px;
	height: 142px;
	float: left;
	display: block;
}

.bar_wiecej_1 {
padding-right: 15px;
height: 51px;
width: 198px;
display: block;
float: left;
}
.bar_wiecej_2 {
height: 51px;
width: 543px;
display: block;
float: left;
}
.bar_wiecej_3 {
height: 51px;
width: 240px;
display: block;
float: left;
}
.bar_wiecej_1 .wiecej a {
float: right;
display: block;
color: #000000;
text-decoration: none;
text-align: right;
font-size: 12px;
}
.bar_wiecej_2 .wiecej a {
padding: 0px 20px;
float: right;
display: block;
color: #000000;
text-decoration: none;
text-align: right;
font-size: 12px;
}

.bar_wiecej_3 .wiecej a {
	padding: 0px 20px;
	float: right;
	display: block;
	color: #000000;
	text-decoration: none;
	text-align: right;
	font-size: 12px;
}

.bar_wiecej_1 .wiecej a:hover {
	color: #F44E77 ;
}

.bar_wiecej_2 .wiecej a:hover {
	color: #418656 ;
}

.bar_wiecej_3 .wiecej a:hover {
	color: #EFB427 ;
}

div.logo_m {
	display: block;
	float: right;
	color: #888;
	font-size: 10px;
	padding-top: 23px;
	height: 60px;
}

a.logo_m {
	display: block;
	float: right;
	width: 70px;
	height: 60px;
	background: url(images/logo_m.png) no-repeat;
}

div.grey_strip ul.menu {
	float: left;
	display: block;
	height: 60px;
	padding-left: 25px;
	padding-top: 15px;
	margin: 0;
}

div.grey_strip ul.menu li {
	display: inline;
	padding-right: 15px;
}
.linkk{
	color: #888;
	font-size: 10px;
	text-decoration: none;}
div.grey_strip ul.menu li a {
	color: #888;
	font-size: 10px;
	text-decoration: none;
}

div.grey_strip ul.menu li a:hover {
	color: #222;
	text-decoration: underline;
}

.naglowek_bar {
	display: block;
	min-height: 50px;
	padding-top: 10px;
	clear: both;
}

.naglowek_bar h1 {
	font-size: 17px;
	font-family: Verdana;
	padding: 3px 25px;
	font-weight: 100;
}

.naglowek_bar h1.yellow {
	background: url(images/yellow_arrow.png) no-repeat;
}

.naglowek_bar h1.pink {
	background: url(images/pink_arrow.png) no-repeat;
}

.naglowek_bar h1.green {
	background: url(images/green_arrow.png) no-repeat;
}


.mapa {
width: 512px;
height: 529px;
display: block;
float: left;
background: #E0E0E0;
}

.mapa_small {
margin-left: 20px;
width: 605px;
height: 292px;
display: block;
float: left;
background: #E0E0E0;
}
.yellow_bar_big  {
margin-left: 39px;
height: 292px;
width: 315px;
display: block;
float: left;
background: url(images/yellow_bar_big.png) no-repeat;
}

.yellow_bar_kontakt {
margin-left: 39px;
height: 143px;
width: 429px;
display: block;
float: left;
background: url(images/yellow_bar_kontakt.png) no-repeat;
}
.yellow_bar_kontakt_naglowek p {
line-height: 120%;
padding-top: 0px;
font-family: verdana;
font-size: 14px;
font-weight: 500;
}
.yellow_bar_kontakt_naglowek p.male {
line-height: 120%;
padding-top: 0px;
font-family: verdana;
font-size: 11px;
font-weight: 300;
text-align: justify;
}

.yellow_bar_kontakt_naglowek {
display: block;
height: 73;
}
.yellow_bar_kontakt_naglowek h1.allmet {
font-size: 17px;
font-family: Verdana;
padding: 10px 25px 0px 25px;
font-weight: 100;
margin: 0px;
}
.yellow_bar_kontakt_lewy {
display: block;
float: left;
height: 66px;
width: 200px;
}
.yellow_bar_kontakt_prawy {
display: block;
float: left;
height: 66px;
width: 229px;
}
.yellow_bar_kontakt_lewy p {
line-height: 120%;
padding-top: 0px;
font-family: verdana;
font-size: 12px;
font-weight: 300;
}
.yellow_bar_kontakt_prawy p {
line-height: 120%;
padding-top: 0px;
font-family: verdana;
font-size: 12px;
font-weight: 300;
}
.yellow_bar_kontakt_naglowek h1 {
font-family: verdana;
font-size: 20px;
font-weight: 300;
}
.yellow_bar_kontakt_lewy a {
color: #000000;
text-decoration: none;
background: transparent;
}
.yellow_bar_kontakt a:hover {
text-decoration: underline;
}
.formularz {
display: block;
float: left;
margin-left: 39px;
width: 429px;
height: 389px;
background: #E0E0E0;
}
.formularz_komorki {
height: 30px;
display: block;
background: #E0E0E0;
margin: 2px 10px;
padding: 0px 14px;
}

.formularz input {
padding: 2px;
height: 24px;
background: #FFFFFF;
border: 1px solid #969696;
float: right;
font-size: 16px;
}
.formularz label {
padding: 5px;
float: left;
font-size: 14px;
}

.formularz input.nazwisko {
width: 266px;
}
.formularz input.imie {
width: 266px;
}
.formularz input.telefon {
width: 202px;
}
.formularz input.mail {
width: 266px;
}
.formularz input.wojewodztwo {
width: 232px;
}
.formularz input.nazwa_firmy{
width: 266px;
}
.formularz input.adres {
width: 295px;
}


.formularz_text_blok {
width: 350px;
height: 144px;
display: block;
float: left;
padding: 0px 28px;
}
.formularz_text_blok textarea {
width: 372px;
height: 90px;
border: 1px solid #969696;
overflow: hidden;
}
.formularz_text_blok p {
margin: 0px;
padding: 0px;
float: left;
font-size: 14px;
}
.bar_wyslij {
margin-left : 300px;
height: 23px;
width: 45px;
}
.bar_wyslij input {
border: 0px;
background: transparent;
font-size: 14px;
}

.tekst_o_firmie {
margin-left: 10px;
padding: 10px;
display: block;
float: left;
width: 300px;
/*height: 343px;*/
overflow: auto;
}

.tekst_o_firmie p {
padding: 0px 7px;
font-size: 11px;
line-height: 150%;
font-weight: 200;
overflow: auto;
}
.tekst_o_firmie p.pink {
margin: 0;
padding: 0px;
font-size: 11px;
line-height: 150%;
font-weight: 200;
overflow: auto;
color: #FF00FF;
}
.powrot {
padding-right: 10px;
display: block;
float: right;
height: 28px;
width: 70px;
}
.powrot a.zielony {
color: #000000;
background: transparent;
text-decoration: none;
text-align: right;
font-size: 10px;
}
.powrot a:hover.zielony {
text-decoration: none;
color: #418656 ;
}

.powrot a.rozowy {
color: #000000;
background: transparent;
text-decoration: none;
text-align: right;
font-size: 10px;
}
.powrot a:hover.rozowy {
text-decoration: none;
color: #F44E77;
}

.powrot a.zolty {
color: #000000;
background: transparent;
text-decoration: none;
text-align: right;
font-size: 10px;
}
.powrot a:hover.zolty {
text-decoration: none;
color:#C5A012;
}


.firmy {
margin-left: 2px;
width: 245px;
height: 135px;
display: block;
float: left;
background: url(images/firmy.png) no-repeat;
}
.firmy h3 {
margin: 0px;
font-weight: 200;
font-size: 14px;
padding: 28px 0px 0px 12px;
font-family: verdana;
}
.firmy p {
margin: 0px;
font-weight: 200;
font-size: 12px;
padding-left: 12px;
font-family: verdana;
}
.firmy a {
padding: 5px 12px;
color: #F44E77;
background: transparent;
text-decoration: none;
text-align: right;
font-size: 10px;
}
.firmy a:hover {
text-decoration: underline;
}


.realizacje {
padding: 20px 0px;
border-bottom: 1px solid #D0D0D0;
display: block;
height: 167px;
}
.realizacje_tresc{
margin: 0px;
font-size: 12px;
text-align: justify;

}	
.realizacje img {
	display: block;
	float: left;
	width: 218px;
	height: 166px;
	border: none;
}

.realizacje p {
	margin: 0px;
	font-size: 12px;
}


.realizacje p.name {
	font-size: 12px;
	font-family: Tahoma;
	margin-bottom: 10px;
}


.realizacje p.name a {
	color: #000;
	text-decoration:none;
}


.grey_strip {
	display: block;
	height: 65px;
	width: 990px;
	border-top: 1px solid #D0D0D0;
	clear: both;
}

.empty_strip_d {
	height: 36px;
	width: 100%;
	display: block;
	clear: both;
}


div.backref {
	height: 35px;
	display: block;
	clear: both;
	padding: 40px 30px 0 0;
}

div.backref a {
	float: right;
	font-size: 12px;
	color: #555;
	text-decoration: none;
}

div.backref a:hover {
	text-decoration: underline;
}

/*oferta*/
.offer_box{
	min-height:30px;
	margin-top:10px;
	clear: left;
	padding-left: 15px;

}

.offer_box .offer_kat{
	padding:2px 10px 2px 25px;
	font-size: 20px;
	float: left;
	background: url(images/pink_arrow.png) no-repeat left;

}

.offer_box .offer_kat a{
	color: #F44E77;
	text-decoration: none;

}

.offer_box .offer_kat a:hover{
	color: #F44E77;
}
.offer_box .offer_kat_yellow{
	background: url(images/yellow_arrow.png) no-repeat left;
}
.offer_box .offer_sub_kat{
	margin-top:7px;
	margin-left:10px;
	float: left;
}

.offer_box .offer_sub_kat a{
		padding:15px 0px 2px 15px;
	  text-decoration: none;
	  color:black;
	
}
.offer_box .offer_sub_kat a:hover{
	color:green;
}
/* koniec oferta*/