/* reset css */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,p,blockquote,th,td{margin:0;padding:0;}
table{border-collapse:collapse;border-spacing:0;}
fieldset,img,button{border:0;}
address,caption,cite,code,dfn,em,strong,th,var,i{font-style:normal;font-weight:normal;}
ol,ul {list-style:none;}
caption,th {text-align:left;}
h1,h2,h3,h4,h5,h6{font-size:100%;font-weight: normal;}
q:before,q:after{content:'';}

/* ustawienia globalne*/
body, html {background:no-repeat; background-color:#3A3A3F; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px;}

textarea, input, select {font-family:Verdana, Arial, Helvetica, sans-serif font-size:10px; color:#3a3a3f; float:left;}
legend {display:none;}
button {cursor:pointer;}
label {cursor:pointer;}
strong {font-weight:bold;}

p {font-size:12px; color:#3a3a3f;}
a {font-size:12px; color:#3a3a3f; text-decoration:none; outline:none}


/* ogolne klasy */
.pusty{width:100% ; float:left; height:50px;}
.dp{margin:0 auto; overflow:hidden; width:1140px;position: relative}
.top {background: url(../img/gradient_top.gif) repeat-x scroll 0 0; height:242px; width:100%;position: relative}
.center {background-color:#FFFFFF;float:left;width:100%;}

/** gorna czesc strony **/

#logo {background: url(../img/logo.jpg) no-repeat scroll 0 0; height:146px; margin-top:26px; width:165px; position: absolute;left:50%;
	-webkit-transform: translate(-50%,0);	-moz-transform: translate(-50%,0);	-ms-transform: translate(-50%,0);	-o-transform: translate(-50%,0);	transform: translate(-50%,0);}
	#logo a, #logo a:hover{height:146px; width:165px; text-indent:-20000px; display:block; outline:none}

#menu {margin-top:195px; float: left;width:100%; overflow:hidden;text-align: center}
	#m {background: url(../img/menu.gif) no-repeat; height: 46px; display: inline-block}
	
	#m li {height: 46px; float: left;}
	#m li a, #m li a:hover {height: 46px; display: block; text-indent: -200000px;}
	
	#m1 a:hover {background: url(../img/menu.gif); background-position: 0px -46px; outline:none; width:147px}
	#m2 a:hover {background: url(../img/menu.gif); background-position:-147px -46px; outline:none; width:115px}
	#m3 a:hover {background: url(../img/menu.gif); background-position:-262px -46px; outline:none; width:129px}
	#m4 a:hover {background: url(../img/menu.gif); background-position:-391px -46px; outline:none; width:189px}
	#m5 a:hover {background: url(../img/menu.gif); background-position:-580px -46px; outline:none; width:141px}
	#m6 a:hover {background: url(../img/menu.gif); background-position:-721px -46px; outline:none; width:144px}
	#m7 a:hover {background: url(../img/menu.gif); background-position:-865px -46px; outline:none; width:133px}

	#m1 a {background: url(../img/menu.gif); background-position: 0px 0px; outline:none; width:147px}
	#m2 a {background: url(../img/menu.gif); background-position:-147px 0px; outline:none; width:115px}
	#m3 a {background: url(../img/menu.gif); background-position:-262px 0px; outline:none; width:129px}
	#m4 a {background: url(../img/menu.gif); background-position:-391px 0px; outline:none; width:189px}
	#m5 a {background: url(../img/menu.gif); background-position:-580px 0px; outline:none; width:141px}
	#m6 a {background: url(../img/menu.gif); background-position:-721px 0px; outline:none; width:144px}
	#m7 a {background: url(../img/menu.gif); background-position:-865px 0px; outline:none; width:133px}
	
	#m1 a.s {background: url(../img/menu.gif); background-position: 0px -92px; outline:none; width:147px}
	#m2 a.s {background: url(../img/menu.gif); background-position:-147px -92px; outline:none; width:115px}
	#m3 a.s {background: url(../img/menu.gif); background-position:-262px -92px; outline:none; width:129px}
	#m4 a.s {background: url(../img/menu.gif); background-position:-391px -92px; outline:none; width:189px}
	#m5 a.s {background: url(../img/menu.gif); background-position:-580px -92px; outline:none; width:141px}
	#m6 a.s {background: url(../img/menu.gif); background-position:-721px -92px; outline:none; width:144px}
	#m7 a.s {background: url(../img/menu.gif); background-position:-865px -92px; outline:none; width:133px}

/** srodek strony **/

#lewa {padding-bottom:40px; margin-top:54px; width:780px; float:left;}
#lewa a{color:#B70000; text-decoration:underline}
#lewa h1 {display:block; text-indent:0px; float:left; margin-left:10px;font-family: 'Georgia';font-weight: bold;color:#c7000e;text-transform: uppercase;font-size:16px;}
#lewa h1.onas {font-family: 'Georgia';font-weight: bold;color:#c7000e;text-transform: uppercase;font-size:16px;}
#lewa h1.polecamy {font-family: 'Georgia';font-weight: bold;color:#c7000e;text-transform: uppercase;font-size:16px;}
#lewa h1.oferta {font-family: 'Georgia';font-weight: bold;color:#c7000e;text-transform: uppercase;font-size:16px;}
#lewa_txt p {float:left; margin-top:20px; clear:both; padding-left:10px; width:100%}
#lewa_txt_ref p {float:left; margin-top:18px; clear:both; padding-left:10px;}
#prawa { margin-top:54px; float:right; width:359px;}
#prawa_obrazek {width:290px; height:227px; background:transparent url(../img/onas_obrazek.jpg) no-repeat scroll 50% 50%; margin-top:66px; float:right;}
#prawa_link {background:url(../img/znak_3.gif) transparent no-repeat scroll 100% 100%; float:right; display:block; width:140px; height:12px; font-size:12px; color:#c7000e; margin-top:42px;margin-bottom:50px; outline:none}
#mini_foto {width:255px; height:179px; background:transparent url(../img/onas_foto.jpg) no-repeat scroll 50% 50%; margin-left:6px; margin-top:24px; float:left;}

/* strona glowna */
#centerl {no-repeat scroll 50% 50%; width:372px; height:371px; float:left;font-family: Georgia;font-weight: bold;font-size:24px;padding-top:100px;box-sizing: border-box}
#centerp {background:transparent url(../img/domek.png) no-repeat scroll 0 0; width:631px; height:416px; margin-top:14px; float:left;position: absolute;right: 0;}
#cent {background-color:#e8e8e8;}
#c {width:820px; display:block; overflow:hidden; margin-bottom:40px; min-height: 250px}
#c h1 {font-family: 'Georgia';font-weight: bold;color:#c7000e;text-transform: uppercase;font-size:16px;margin-top:30px;margin-left:10px;}
#c p {float:left; margin-top:20px; clear:both; width:90%; padding-left:10px;}
#c a, #c a:hover {color:#b70000; text-decoration:underline;}
.dp{position: relative}
/*oferta*/
#lewa_txt ul{width:100%; float:left}
#lewa_txt ul li{width:100%;background:url(../img/znak_2.gif) no-repeat left 4px; margin-top:2px; float:left; padding-left:15px; margin-left:10px}


/* wykonane prace */
#wp_lista{}
#wp_lista li.kat{margin-left:10px; margin-top:17px;background:url(../img/rozdzielacz.gif) repeat-x left 65px; padding-bottom:10px; width:1100px; padding-left:10px;padding-top:40px; float:left}
#wp_lista li.kat b{ color:#b70000; font-weight:bold; font-size:16px}
#wp_lista li.kat h1{font-family: 'Georgia';font-weight: bold;color:#c7000e;text-transform: uppercase;font-size:16px;}
#wp_lista li.kat2{margin-left:10px; margin-top:17px; padding-bottom:10px; width:1100px; padding-left:10px;padding-top:40px; float:left}
#wp_lista li.kat2 b{ font-family: 'Georgia';font-weight: bold;color:#c7000e;text-transform: uppercase;font-size:16px;}
#wp_lista li.kat2 h1{font-family: 'Georgia';font-weight: bold;color:#c7000e;text-transform: uppercase;font-size:16px;}


.mini li.small{border:1px solid #3a3a3f; float:left; height:176px; margin-left:15px; margin-top:20px; width:251px;}
.mini li.small img{width:100%;	height:100%;}
.mini li.normal{border:1px solid #3a3a3f; float:left;  margin-left:15px; margin-top:20px; width:251px;}
.mini li.normal img{max-width:100%}


#wp_right {margin-top:54px; float:left; background-color:#3a3a3f; margin-left:153px;}
#wp_r_foto {width:440px; height:328px; margin:2px}
#wp_l_foto {padding-bottom:10px; padding-top:5px; float:left; width:440px; display:inline}
#wp_l_foto li {background:url(../img/button.gif) no-repeat; height:22px; width:23px; display:inline; float:left; margin-left:4px;margin-top:5px; }
#wp_l_foto li.s_wp {background:url(../img/button_s.gif) no-repeat ; height:22px; width:23px; display:inline; float:left;}
#wp_l_foto a, #wp_l_foto a:hover {margin-left:2px; width:22px; height:22px; float:left;}


/* kontakt */
#kontakt_lewa {margin-top:54px; float:left; width:356px;}
#kontakt_lewa p {margin-top:20px; width:336px; padding-left:10px;}
#kontakt_lewa p.nag_kontakt {color:#b70000; margin-top:0px}
#kontakt_lewa a:hover {color:#b70000}
#kontakt_prawa {padding-bottom:40px; margin-top:54px; width:643px; float:right;}

#map {width:634px; height:370px; float:right; margin-right:10px;}
#map iframe{width:100%; height:370px; }


/** dolna czesc strony **/
#stopka {background:#3a3a3f; height:125px; width:100%; border-top:#FFFFFF 1px solid; }
#not {background:transparent url(../img/not.png) no-repeat scroll 0 0; height:364px; width:287px; overflow:hidden; position:absolute;top:0px;right:0; margin-left:0px; margin-top:-0px;top:40px;}

#lista {width:231px; padding-top:60px; padding-left:24px}
#lista li {background:transparent url(../img/znak.gif) no-repeat scroll 0 4px; width:206px; margin-top:9px; font-size:11px; color:#3a3a3f; padding-left:19px;}

#dane {width:709px; font-size:10px; color:#e8e8e8; padding-top:26px; padding-left:10px; overflow:hidden;float:left; }
#dane li a {color:#e8e8e8; font-size:10px;}
#dane li a:hover {color:#b70000; font-size:10px;}
#d1 {width:190px; float:left;}
#d2 {width:245px; float:left;}
#d3 {width:264px; float:left;}
.dp .ff {font-size:10px; color:#6f6f78; float:right; margin-top:22px; margin-right:10px; padding-bottom:80px}
.dp .fff {font-size:10px; color:#6f6f78; float:right; margin-right:10px; padding-top:26px; padding-bottom:100px}

.error{height:200px; text-align:center; padding-top:150px; color:#BB0104; font-size:16px; font-weight:bold}

@media(max-width:1200px){
	.dp{width:970px;}
	#c{width:660px;}
	#lewa{width:610px;}
	#m1 a:hover {background: url(../img/menu.gif); background-position: 0px -46px; outline:none; width:143px}
	#m2 a:hover {background: url(../img/menu.gif); background-position:-147px -46px; outline:none; width:111px}
	#m3 a:hover {background: url(../img/menu.gif); background-position:-262px -46px; outline:none; width:125px}
	#m4 a:hover {background: url(../img/menu.gif); background-position:-391px -46px; outline:none; width:185px}
	#m5 a:hover {background: url(../img/menu.gif); background-position:-580px -46px; outline:none; width:137px}
	#m6 a:hover {background: url(../img/menu.gif); background-position:-721px -46px; outline:none; width:140px}
	#m7 a:hover {background: url(../img/menu.gif); background-position:-865px -46px; outline:none; width:129px}

	#m1 a {background: url(../img/menu.gif); background-position: 0px 0px; outline:none; width:143px}
	#m2 a {background: url(../img/menu.gif); background-position:-147px 0px; outline:none; width:111px}
	#m3 a {background: url(../img/menu.gif); background-position:-262px 0px; outline:none; width:125px}
	#m4 a {background: url(../img/menu.gif); background-position:-391px 0px; outline:none; width:185px}
	#m5 a {background: url(../img/menu.gif); background-position:-580px 0px; outline:none; width:137px}
	#m6 a {background: url(../img/menu.gif); background-position:-721px 0px; outline:none; width:140px}
	#m7 a {background: url(../img/menu.gif); background-position:-865px 0px; outline:none; width:129px}

	#m1 a.s {background: url(../img/menu.gif); background-position: 0px -92px; outline:none; width:143px}
	#m2 a.s {background: url(../img/menu.gif); background-position:-147px -92px; outline:none; width:111px}
	#m3 a.s {background: url(../img/menu.gif); background-position:-262px -92px; outline:none; width:125px}
	#m4 a.s {background: url(../img/menu.gif); background-position:-391px -92px; outline:none; width:185px}
	#m5 a.s {background: url(../img/menu.gif); background-position:-580px -92px; outline:none; width:137px}
	#m6 a.s {background: url(../img/menu.gif); background-position:-721px -92px; outline:none; width:140px}
	#m7 a.s {background: url(../img/menu.gif); background-position:-865px -92px; outline:none; width:129px}
	#centerl{padding-top:100px}
	#wp_lista li.kat,#wp_lista li.kat2{width:940px}
	.mini li.small{width: 214px;height:150px;}
	.mini li.normal{width:290px;}
	#kontakt_prawa ,#kontakt_prawa #map{width:443px;}
	#map,#map iframe{height:300px;}
}
@media(max-width:991px){
	.top .dp{overflow: initial;float:left;width:100%;overflow: initial;}
	.dp{width:740px;}
	#centerl{background-position: -40px 0;}
	#top .dp{;}
	#menu{height:47px;overflow: initial;cursor:pointer;}
	#menu:before{display: block;position: absolute;bottom: 0;content:'MENU';color:#fff;left:0;width:100%;text-align: center;height: 47px;line-height: 47px;font-weight: bold;font-size:18px;}
	#menu #m{display: none;background:none;position: absolute;top:100%;padding:10px 0px;background:#c40000;height: auto;overflow: initial;z-index:1000;width: 320px;margin-left:-160px;left:50%;}
	#menu:hover #m{display:block}
	#menu #m li{background:#c40000;width: 100%;height:30px;}
	#menu #m a{background:none !important;width:100% !important;color:#fff;text-indent: 0;height: 30px;line-height: 30px;font-weight: bold;}
	#menu #m a.s,#menu #m a:hover{color:#2F0004}
	#centerl{padding-top:30px;font-size:22px;}
	#c{padding-top:20px;width:460px;}
	.dp .fff{width:100%;text-align: center;padding-bottom: 30px;}
	#wp_lista li.kat,#wp_lista li.kat2{width:710px}
	.dp .fff{margin-right:0px;}
	.mini li.normal{width:210px;}
	#lewa{width:380px}
	#prawa{width:300px}
	#kontakt_prawa ,#kontakt_prawa #map{width:443px;}
}
@media(max-width:776px){
	.dp{width:540px;}
	#wp_lista li.kat,#wp_lista li.kat2{width:510px}
	.mini li.small{width: 225px;height:158px;}
	#d1,#d2,#d3{width:100%;}
	#dane{width:100%;text-align: center;padding-left:0px;}
	#c{width:100%;padding-bottom: 400px;}
	#c + #not{bottom:40px;top:auto;left:50%;margin-left:-143px;}
	.center.home .dp{padding-top:0px;height:200px;}
	#centerl{width:200px;height:200px;font-size:18px;}
	#centerp{width:320px;height:211px;background-size:100% 100%;}
	#lewa{padding-bottom: 30px;}
	#prawa{margin:15px auto;float:none;width:290px}
	#prawa_obrazek{margin-top:0px;}
	.mini li.normal{width:225px;}
	#kontakt_lewa,#kontakt_lewa p{width:100%;text-align: center;padding:0px;}
	#kontakt_prawa ,#kontakt_prawa #map{width:100%;}
	#map,#map iframe{width:100%;float:none;margin:0;}
	#lewa{width:100%;padding:0 10px;box-sizing: border-box}
	#lewa p{box-sizing: border-box;padding:0;}
	#lewa h1{margin-left:0;}
}
@media(max-width:566px){
	#centerl{width:100%;text-align: center;height: 300px;}
	#centerp{top:100px;}
	.dp{width:320px;}
	#wp_lista li.kat,#wp_lista li.kat2{width:300px;padding-left: 5px;}
	.mini li.small{width: 265px;height:185px;}
	.mini li a{pointer-events: none}
	.mini li.normal{width:250px;}


}