body{ margin: 0 auto; padding: 0px; width: 1024px; height:100%; color: #2f2f2f; font-family: Arial; font-size: 11px; background: #FFF url('../images/tlo.png') no-repeat center top; background-attachment: fixed;}
p { margin: 12px 0px 5px; font-size: 13px; line-height: 24px; text-align: justify;}
h1 { margin: 0px 8px 0px 0px; font-size: 17px; font-weight: bold; border-bottom: 1px solid #565656; text-transform: uppercase; font-Family: 'EFN Gilead'; font-weight:700;}
h2 { margin: 15px 0px 12px 0px; font-size: 1.4em; font-weight: bold; font-Family: 'EFN Gilead'; }
h3 { margin: 13px 0px 11px 0px; font-size: 1.35em; font-family:'EFN Gilead';}
h4 { margin: 12px 0px 10px 0px; font-weight:normal;}
a { text-decoration: none; }
li {list-style-image: url(../images/znacznik1.png);}
li:hover {list-style-image: url(../images/znacznik2.png);}
a img { border-style: none; }
#container {  width: 1044px; height:100%; margin:0px auto; background-color: #fff;}

	#footer { width: 995px; clear: both; position: relative; height: 131px; margin: 0 auto 25px; background-color:#77787A; color:#363636; } 
	#footer a {color:#BBBBBB;}
	#footer p { margin: 12px 0px 5px; font-size: 11px; line-height: 21px; text-align: justify;}
		#footer .left { width: 288px; height: 90px; float: left; margin: 21px 120px 0px 0px; color:#363636;}
		#footer .center { float: left; width: 140px; margin: 21px 66px 0px 0px; height: 90px;}
		#footer .right { float: left; margin: 21px 0 0 0; }
	
ul ul li {
margin-left:360px;
}

.fl { float: left; }
.fr { float: right; }
.tac { text-align: center; }
.tar { text-align: right; }
.rtl { direction: rtl; unicode-bidi: bidi-override; }
.img_row a { margin: 5px; display: block; float: left; }
.img_row img { border: 1px solid #DDDDDD; padding: 5px; }
.img_row img:hover {border-color: #AAC43E; }
.gallery { float: left; text-align: center; width: 170px; }
.l_wstecz { margin-top: 14px; text-align: center; }
*:focus { outline: medium none; }
.cf:after { height: 0; display: block; visibility: hidden; clear: both; font-size: 0; content: " "; }
* html .cf { zoom: 1; } /* IE6 */
*:first-child+html .cf { zoom: 1; } /* IE7 */


.header { height: 162px; }
	.header .logo { position: absolute;}
 	.header .logo img {border-style: none; margin: 35px 0px 0px 45px;}
	.header ul { padding-left: 10px; list-style: none; }
	.header .menu {position: relative;  top: 33px; float: right; text-transform: uppercase; font-size: 14px; font-family:'EFN Gilead'; right: 19px;}
	.header .menu a {color: #000; }
	.header .menu p {font-size: 14px;  letter-spacing:2px; }
	.header .menu li:hover { border-top:2px solid;}
	.header .menu li { position: relative;float: left; margin-right: 24px; margin-left: 24px; list-style: none;  border-top:2px solid #fff;}

#srodek {width: 1010px; height: 619px; margin: 0 auto; left: 10px;position: relative;}
#srodek 	.left {width:200px; height:195px;float: left;}
#srodek 	.wew {width:205px; height: 195px; float: left;}
#srodek 	.wew .text {width:181px; height:199px; margin: 0 0 2px 12px;}
#srodek .wew .text p{line-height:17px;}
#srodek 	  h4{text-transform: uppercase; font-size:14px;letter-spacing:2px; margin-top: 0px;}
#srodek 	.wew .text  a{color:#8c8c8c;}
#srodek 	.wew .text a:hover {color:#2f2f2f;}
#srodek  .prawa {width:605px; height:195px; position: relative; float: left;}
#tresc {position: relative; margin: 15px 27px 45px; width: 990px; /* z-index:10; */float: left;/* bottom: 1px; *//* float: left; */}
#pasek{width: 990px; border-bottom: 2px solid; margin: 0px auto 52px; z-index: 5; position: relative;top: 43px;}
#tresc h4 {text-transform: uppercase; font-size:14px;letter-spacing:2px; margin-top: 0px;  position: relative; text-align: center;background-color: #fff;margin: 0 auto;bottom: 21px;width: 384px;height: 28px;z-index: 11;}
@media screen and (max-width: 1080px){ #container { width: 1020px; height:100%; margin:0px auto; background-color: #fff; } 
										#tresc {position: relative; margin-left: 40px; width: 934px;z-index: 10;}
										#tresc h4 {text-transform: uppercase; font-size: 14px; letter-spacing: 2px; margin-top: 0px; text-align: center; position: relative; bottom: 1px; left: 14px;}
										#footer { width: 980px; clear: both; position: relative; height: 131px; margin: 0 auto 25px; background-color: #1e1e1e; color: #959595;}
										#pasek{width: 929px; border-bottom: 2px solid; margin: 24px 1px 35px; z-index: 5;  position: relative;top: 43px;}
										.header .menu {position: relative;  top: 33px; float: right; text-transform: uppercase; font-size: 14px; font-family:'EFN Gilead'; right: 19px;}
}
@media screen and (max-width: 800px){ #container { width: 1020px; height:100%; margin:0px auto; background-color: #fff; } 
										#tresc {position: relative; margin-left: 40px; width: 688px;z-index: 10;}
										#tresc h4 {text-transform: uppercase; font-size: 14px; letter-spacing: 2px; margin-top: 0px; text-align: center; position: relative; bottom: 1px; left: 14px;}
										#footer { width: 765px; clear: both; position: relative; height: 131px; margin: 0 8px 25px; background-color: #1e1e1e; color: #959595;}
											#footer .left { width: 249px; height: 90px; float: left; margin: 21px 25px 0px 0px; color:#616161;}
											#footer .center { float: left; width: 99px; margin: 21px 30px 0px 0px; height: 90px;}
											#footer .right { float: left; margin: 21px 0 0 0; }
										#pasek{width: 684px; border-bottom: 2px solid; margin: 24px 1px 35px; z-index: 5;  position: relative;top: 43px;}
										.header .menu {position: relative;  top: 33px; float: right; text-transform: uppercase; font-size: 14px; font-family:'EFN Gilead'; right: 253px;}
										.header .menu li { position: relative;float: left; margin-right: 24px; margin-left: 6px; list-style: none;  border-top:2px solid #fff;}
										#srodek  .prawa {display:none;}
										#srodek .wew .text{width: 434px; height: 143px; margin: 45px 0 2px 57px;}
}					
#podstrona  {float: left;position: relative; min-height: 444px;}
#podstrona  .lewa {width:250px; height:282px; float: left; margin-left: 35px;}
#podstrona .tresc {width: 697px; height: 231px;float: left;margin: 0px 0px 10px 29px;}


#podstrona .tresc2 {
    float: left;
    margin: 0 0 10px 29px;
    width: 970px;
}

#podstrona .tresc2 li {
    font-size:12px; line-height:24px;
}

#podstrona .tresc  .box{height: 182px;
    width: 348px; float: left; background-color: #e9eaec;}
#podstrona .galeria {position:relative; width: 698px; height: auto; float:left; margin: 38px 0px 0px 28px;}



.zmiana {float:left;}
.zmianareal {float:left; }
.zmianagora {float:left;}
.zmianagora img {
height: 182px;
    width: 348px;
	

	} 
.zmiana img { } 

.over { position: relative; } 
.over a {  } 
.over .img1 { position: relative; z-index: 1; } 
.over .img2 { position: absolute; z-index: 0; left: 0; top: 0; } 
.over .text { width: 100%; margin-top: -16px; position: absolute; left: 0; top: 50%; } 
.over .text h3 { width: 250px; margin: 0 auto; padding: 5px 10px; color: #FFF; font-size: 1.4em; text-transform: uppercase; text-align: center; border: 2px solid #FFF; background: url('../images/bg_img_text.png'); } 

.over span.szary {
	background: url('../images/ico_img.png') no-repeat;
	height: 36px;
    left: 50%;
    margin: -18px 0 0 -18px;
    position: absolute;
    top: 50%;
    width: 36px;
    z-index: 2;}
    
    .zmianareal:hover span.szary {z-index: -1; }

.zmianareal img {
height: 169px;
} 
 
.img1, .zmiana:hover .img2 { } 
.img1, .zmianareal:hover .img2 { } 
 
.zmiana:hover .img1, .img2 { }
.zmianareal:hover .img1, .img2 { }



#menu123 {
width:230px; /* szerokosc menu */
border-bottom: 2px solid #cdcdcd;

overflow:hidden; /* przepelnienie ukryte aby nie bylo widac listy */

}


#menu123 p{font-size: 9px; text-transform: uppercase;}
#menu123 a{color:#838383; line-height: 25px;}
#menu123 a:hover{color:#000; line-height: 25px; }
#menu123:hover{
width:230px;
}
#menu123 ul {display: none;}
#menu123.rollup ul {display: block;}
#menu123:hover ul{ display: block;}