*{ margin: 0 auto; padding: 0; }  
body{ margin: 0 auto; padding: 0; background: #333; font-family: trebuchet ms; font-size: 12px; }  
.top{ width: 1000px; overflow:hidden; }  
.top_logo{ width: 180px; height: 40px; float: left; padding: 10px; }  
.top_logo img{ width:180px; height: 40px; float: left; margin: 0px; }  
.top_menu{ width: 800px; height: 60px; float: right; }  
.top_menu .pole_menu{ display: block; width: 100%; height: 20px; margin: 20px 0px; float: right; }  
.top_menu .pole_menu .menu_link{ display: none; }  .top_menu .pole_menu .menu{ list-style: none; float: right; }  
.top_menu .pole_menu .menu li { float: left; }  
.top_menu .pole_menu .menu li a{ width: 100px; text-decoration: none; background: #f20; color: #FFFFFF; padding: 4px 0px; position: relative; display: block; margin: 0px 5px; text-align: center; border-radius:2px;}  
.top_menu .pole_menu .menu li a:hover, .top_menu .pole_menu .menu li .select{ background: #000; }  
.top_menu .pole_menu .menu li .submenu{ display: none; list-style: none; position: absolute; margin: 0px 0px 0px 5px; padding: 0px; }  
#sub_1{ position: absolute; z-index: 100; }  
.top_menu .pole_menu .menu li .submenu li{ float: none; }  
.top_menu .pole_menu .menu li .submenu li a{ padding: 4px 0px; margin: 0px; display: block; }  
.top_menu .pole_menu .menu li .submenu li a:hover{ background: #444444; color: #FFFFFF; }  
.top2{ width: 100%; height: 100px; background: #f20; z-index: 0; }  
.top2 .top2_slider{ width: 1000px; height: 100px; /*background: #878787;*/ }  
.top2 .top2_slider a {text-decoration:none;} 
.top2 .top2_slider a p{ font-size: 30px; text-align:right; margin: 0px 20px; padding: 20px;color:#000;}  
.top3{ width: 100%; height: 50px; background: #f00; z-index: 0; }  
.top3 div{ width: 1000px; height: 200px; }  
.top3 h1{ float: left; padding: 10px 0px 0px 20px; color: #FFFFFF; } 
.content .pole_top_2{ width: 1000px; overflow:hidden; margin: 10px 0px; float: left; border-top: 1px solid #787878; } 
.content{ width: 1000px; overflow:hidden; }  
.content .pole_info{ width: 308px; height: 300px; overflow:hidden; float: left; margin: 5px 0px 20px 9px; padding: 6px; border: 1px solid #fff; border-radius: 4px; }  
.content .pole_info .pole_info_top{ width: 304px; min-height: 100px; float: left; border: 1px solid #f20; border-radius: 4px; margin: 0px 0px 10px 0px; }
.content .pole_info .pole_info_top img{ width: 225px; float: left; margin: 7px 40px; }  
.content .pole_info .naglowek{ font-size: 14px; margin: 0px 0px 10px 0px;color:#fff; }  
.content .pole_info .naglowek .anchor a{color:#f00;text-decoration:none;}  
.content .pole_info .tresc{ font-size: 12px; text-align: justify;color:#fff;}  
.content .pole_top{ width: 1000px; overflow:hidden; margin: 10px 0px; float: left; background:#DCDCDC;padding:10px;}  
.content .content_left{ width: 500px; float: left; overflow:hidden; }  
.content .content_left p{ padding: 10px 0px;color:#fff; }  
.content .content_left .tytul{ color: #4f7600; font-size: 30px; text-align: left; }  
.content .content_left button{ width: 200px; padding: 6px 20px; text-align: left; background: #6fcf3a; border: none; margin: 0px 0px 20px 20px; border-radius: 8px; box-shadow:  0px 7px 6px 0px rgba(79, 118, 0, 0.75); }  
.content .content_right{ width: 500px; float: right; overflow:hidden; }  
.content .content_right img{ float: right; }  
.content .content_left .kol_left, .content .content_right .kol_left{ float: left; width: 60px; margin: 10px 0px; }  
.content .content_left .kol_right, .content .content_right .kol_right{ float: right; width: 440px; margin: 5px 0px; }  
.content .content_left .kol_left img, .content .content_right .kol_left img{ width: 60px; margin: 7px 0px; }  
.content .content_left .kol_right p, .content .content_right .kol_right p{ padding: 7px 10px; margin: 0px; }  
.content .content_left .kol_right h2, .content .content_right .kol_right h2{ padding: 2px 10px; margin: 0px; color: #4f7600; }  
.content_right .formularz{ padding: 20px 40px; }  
.content_right .formularz input, 
.content_right .formularz textarea{ width: 420px; margin: 5px 0px 15px 0px; border: 1px solid #CCCCCC; }  
.content_right .formularz button{ background: #6fcf3a; padding: 4px 40px; color: #FFFFFF; border: 0px; }  
.content .pole_bottom{ width: 934px; overflow:hidden; margin: 10px 20px; float: left; padding: 10px; border: 3px solid #000000; }  
.footer{ width: 100%; overflow:hidden; background: #666666; padding: 20px 0px 20px 0px; }  
.footer .footer_pole{ width: 994px; overflow:hidden; background: #f20; padding: 20px 0px 20px 0px; border: 1px solid #333; border-radius:10px;}  
.footer .footer_pole a{padding: 5px 20px;color:#fff;text-decoration:none;}
.captionOrange, .captionBlack { color: #fff; font-size: 20px; line-height: 30px; text-align: center; border-radius: 4px; } 
.captionOrange { background: #EB5100; background-color: rgba(235, 81, 0, 0.6); } 
.captionBlack { font-size:16px; background: #000; background-color: rgba(0, 0, 0, 0.4); } 
a.captionOrange, A.captionOrange:active, A.captionOrange:visited { color: #ffffff; text-decoration: none; } 
a.captionOrange:hover { color: #eb5100; text-decoration: underline; background-color: #eeeeee; background-color: rgba(238, 238, 238, 0.7); } 
.bricon { background: url(../img/browser-icons.png); }   /*responsywnosc*/ 
span.anchor a{color:#f00;text-decoration:none;}

@media (max-width:1020px){ 
	.top{ width: 700px; overflow:hidden; }  
	.top2{ width: 100%; height: 140px; }  
	.top3 div{ width: 700px; height: 200px; }  
	.content .pole_top_2{ width: 700px; overflow:hidden; margin: 10px 0px; float: left; border-top: 1px solid #787878; }  
	.content .content_left{ width: 500px; float: none; overflow:hidden; }  
	.content .content_right{ width: 500px; float: none; overflow:hidden; }  
	.content .content_right img{ float: none; }  
	.content .content_left .kol_left, .content .content_right .kol_left{ float: left; width: 60px; margin: 10px 0px; }  
	.content .content_left .kol_right, .content .content_right .kol_right{ float: right; width: 440px; margin: 5px 0px; }  
	.content_right .formularz input, .content_right .formularz textarea{ width: 420px; margin: 5px 0px 15px 0px; border: 1px solid #CCCCCC; }  
	.top_menu{ width: 500px; }  
	.top_menu .pole_menu{ width: 100px; height: 40px; margin: 10px 20px 0px 0px; float: right; }  
	.top_menu .pole_menu .menu_link{ display: block; text-align: center; padding: 13px 0px; background: #6fcf3a; }  
	.top_menu .pole_menu .menu{ display: none; list-style: none; float: none; position: absolute; }  #sub_1{ position: relative; z-index: 100; }  #menu_1{ position: absolute; z-index: 100; }  
	.top_menu .pole_menu .menu li { float: none; }  
	.top_menu .pole_menu .menu li a{ width: 100px; text-decoration: none; background: #6fcf3a; color: #FFFFFF; padding: 6px 0px; display: block; margin: 0px; text-align: center; }  
	.top_menu .pole_menu .menu li a:hover{ background: #444444; }  
	.top_menu .pole_menu .menu li .submenu{ display: none; list-style: none; position: relative; margin: 0px; padding: 0px; }  
	.top_menu .pole_menu .menu li .submenu li{ float: none; }  
	.top_menu .pole_menu .menu li .submenu li a{ padding: 4px 0px; margin: 0px; display: block; background: #444444; }  
	.top_menu .pole_menu .menu li .submenu li a:hover{ background: #6fcf3a; color: #FFFFFF; }  
	.top2 .top2_slider{ width: 900px;}  
	.content{ width: 700px; }  
	.content .pole_info{ width: 308px; margin: 5px 0px 5px 19px; }  
	.content .pole_top{ width: 700px; }  
	.content .pole_bottom{ width: 634px; }  
	.footer .footer_pole{ width: 694px; }  
	.footer .footer_pole .pole_one{ width: 192px; } 
}  

@media (max-width:720px){ 
.top{ width: 400px; overflow:hidden; }  .top2{ width: 100%; height: 80px; }  .top3 div{ width: 400px; height: 200px; }  .content .pole_top_2{ width: 400px; overflow:hidden; margin: 10px 0px; float: left; border-top: 1px solid #787878; }  .content .content_left{ width: 400px; float: none; overflow:hidden; }  .content .content_right{ width: 400px; float: none; overflow:hidden; }  .content .content_right img{ float: right; width: 400px; }  .content .content_left .kol_left, .content .content_right .kol_left{ float: left; width: 60px; margin: 10px 0px; }  .content .content_left .kol_right, .content .content_right .kol_right{ float: right; width: 340px; margin: 5px 0px; }  .content_right .formularz input, .content_right .formularz textarea{ width: 320px; margin: 5px 0px 15px 0px; border: 1px solid #CCCCCC; }  .top_menu{ width: 200px; }  .top_menu #menu{ display: none; }  .top_menu #menu li #submenu{ display:none; }  .top2 .top2_slider{ width: 400px; }  .content{ width: 400px; }  .content .pole_info{ width: 308px; float: none; margin: 5px auto; }  .content .pole_top{ width: 400px; }  .content .pole_bottom{ width: 334px; }  .footer .footer_pole{ width: 394px; }  .footer .footer_pole .pole_one{ width: 292px; float: none; margin: 10px auto; } 
}  

@media (max-width:420px){ 
.top{ width: 300px; overflow:hidden; }  .top2{ width: 100%; height: 60px; }  .top_logo, .top_logo img{ width: 150px; }  .top3 div{ width: 300px; height: 200px; }  .content .pole_top_2{ width: 300px; overflow:hidden; margin: 10px 0px; float: left; border-top: 1px solid #787878; }  .content .content_left{ width: 300px; float: left; overflow:hidden; }  .content .content_right{ width: 300px; float: right; overflow:hidden; }  .content .content_right img{ float: right; width: 300px; }  .content .content_left .kol_left, .content .content_right .kol_left{ float: left; width: 60px; margin: 10px 0px; }  .content .content_left .kol_right, .content .content_right .kol_right{ float: right; width: 270px; margin: 5px 0px; }  .content_right .formularz input, .content_right .formularz textarea{ width: 250px; margin: 5px 0px 15px 0px; border: 1px solid #CCCCCC; } .top_menu{ width: 130px; }  .top_menu #menu{ display: none; }  .top_menu #menu li #submenu{ display:none; }  .top2 .top2_slider{ width: 300px; }  .content{ width: 300px; }  .content .pole_info{ width: 280px; float: none; margin: 5px auto; }  .content .pole_info .pole_info_top{ width: 278px; }  .content .pole_info .pole_info_top img { width: 264px; }  .content .pole_top{ width: 290px; }  .content .pole_bottom{ width: 234px; }  .footer .footer_pole{ width: 300px; }  .footer .footer_pole .pole_one{ width: 232px; float: none; margin: 10px auto; } 
}