* {margin:0; padding:0; outline:none; font-family:Calibri, Arial; border:0;}
html, body  { font-family:Calibri, Arial; margin:0; padding:0;}
body  {background:#b9c737 url('../obrazki/tlo.jpg') no-repeat center top; }

div.MAIN { width:1014px; position:relative; margin:0 auto; padding:0; text-align:left; overflow:hidden; margin-bottom:30px;}

#LOGO {width:330px; height:100px; float:left; position:relative; overflow:hidden; margin-bottom:24px;}
#LOGO img {margin:10px 0 0 0px;}

#MENU {width:674px; height:100px; float:left; position:relative; overflow:hidden;  margin-bottom:24px;}
#MENU ul {list-style-type:none; margin:44px 0 0 0px; float:right;}
#MENU ul li {float:left; line-height:52px; font-size:14px;}
#MENU ul li a{line-height:52px; height:52px; width:133px; display:block;  color:#000; text-decoration:none;  margin:0 0px 0 0px; padding:0 0px 0 0px; text-align:center; font-family: 'Calibri'; background:url('../obrazki/menu0.jpg') no-repeat left top; float:right; border-right:1px solid #d1d1d1;}
#MENU ul li a:hover {color:#71b101; background:url('../obrazki/menu1.jpg') no-repeat left top;}
#MENU ul li a.akt {color:#71b101; background:url('../obrazki/menu1.jpg') no-repeat left top;}

#TOP {width:1014px; height:310px; clear:both; position:relative; overflow:hidden; margin:0 0 0 0;  }
#CONTENT {width:1014px; min-height:310px; clear:both; position:relative; overflow:hidden; margin:0; padding:20px 0 20px 0; background-color:#fff;  }


div.BLOK {width:935px; min-height:245px; clear:both; position:relative; overflow:hidden; margin:0 auto; margin-bottom:20px; padding:0;  background-color:#f1f1f1;  }
div.BLOK div.TRESC {width:518px; height:185px; float:left; position:relative; overflow:hidden; padding:30px 25px 30px 25px; }
div.BLOK div.FOTKA {width:367px; height:245px; float:left; position:relative; overflow:hidden;}


div.BLOK div.TRESC h2 {margin:left; font-family:Calibri; font-size:24px; line-height:24px; margin:0 0 20px 0; }
div.BLOK div.TRESC a {color:#71b101; font-weight:bold; text-decoration:none;}
div.BLOK div.TRESC a:hover {color:#71b101; font-weight:bold;}
div.BLOK div.TRESC p {font-size:13px; line-height:18px; color:#000;}
div.BLOK div.TRESC p.wiecej {text-align:right; margin-right:10px; margin-top:8px;}
div.BLOK div.TRESC p.cudz {background:url('../obrazki/ciapki.jpg') no-repeat left top; padding-left:50px;}
div.BLOK div.TRESC p.fl {float:left; margin-right:50px; }

#STOPKA {width:100%; background-color:#fff; height:65px; clear:both; position:relative; overflow:hidden; margin-bottom:30px;}
#STOPKA div.MEN {width:614px; height:65px; float:left; position:relative; overflow:hidden;}
#STOPKA div.MEN  ul {list-style-type:none; margin:0; float:left;}
#STOPKA div.MEN ul li {float:left; line-height:65px; font-size:12px;}
#STOPKA div.MEN  ul li a{line-height:65px; height:65px; display:block;  color:#000; text-decoration:none;  margin:0 0px 0 0px; padding:0 0px 0 0px; text-align:center; font-family: 'Calibri'; background:url('../obrazki/menu0.jpg') no-repeat left top; border-right:1px solid #d5d4d4; padding:0 20px 0 20px; }
#STOPKA div.MEN  ul li a:hover {color:#71b101; }
#STOPKA div.MEN ul li a.akt {color:#71b101;}

#STOPKA div.WYK {width:400px; height:65px; float:left; position:relative; overflow:hidden; background-color:#ededed;}
#STOPKA div.WYK p {font-size:12px; line-height:65px; text-align:center;}
#STOPKA div.WYK a {color:#71b101; font-weight:bold; text-decoration:none;}
#STOPKA div.WYK a:hover {color:#71b101; font-weight:bold;}


















.CMS { }
.CMS p {font-size:14px; line-height:18px; color:#999999; text-align:justify; }
.CMS h1, .CMS h2, .CMS h3, .CMS h4 {color:#24497e; font-family: 'Open Sans'; font-weight:400;  margin:15px 0 15px 0; }
.CMS h1 {font-size:18px; line-height:22px;}
.CMS h2 {font-size:16px; line-height:18px;}
.CMS h3 {font-size:14px; line-height:16px;}
.CMS h4 {font-size:12px; line-height:14px;}
.CMS table {width:100%; border:1px solid #dbdbdb; border-collapse:collapse; }
.CMS table th {font-size:12px; font-family: 'Arial'; font-weight:600; background-color:#1b2025; color:#fff; padding:5px 10px 5px 10px; }
.CMS table td {padding:10px; font-size:12px; line-height:19px; color:#5e6265; border-bottom:1px solid #dedede;  }
.CMS a {color:#00a651; text-decoration:none; font-family: 'Exo 2'; font-weight:600;}
.CMS ul {list-style-type:none;}
.CMS ul li {background:url('../obrazki/pkt.jpg') no-repeat left center; line-height:18px; font-size:12px; color:#5e6265; padding-left:20px; margin-left:10px; margin-bottom:4px; margin-top:4px; }
.CMS p.data {padding-top:10px;}


/** ###############      KONTAKT    ##################### */

#KONTAKT {width:700px; min-height:480px; position:relative;  padding:0; background-color:#fff; clear:both;  border-right:2px solid #ededed; border-bottom:2px solid #ededed; padding-bottom:20px; float:left; margin:0 20px 0 34px; }
#KONTAKT div.L {width:355px; min-height:480px; float:left; position:relative; overflow:hidden;}
#KONTAKT div.R {width:343px; min-height:480px; float:left; position:relative; overflow:hidden;}

#KONTAKT div.L p {color:#8f8f8f; font-weight:400;  margin:15px 0px 0px 15px; font-size:14px; line-height:22px; clear:both; font-family: 'Open Sans'; font-weight:300;}
#KONTAKT div.L p span{color:#24497e; font-weight:400; font-size:16px;}
#KONTAKT div.L a {color:#24497e; text-decoration:none;}
#KONTAKT div.L a:hover {text-decoration:underline;}

#KONTAKT div.L iframe {clear:both; width:300px; height:320px; margin:15px 0 0 15px; }
 
div.ODSTEP {position:relative; clear:both; width:100%; height:20px; }