body{ overflow: auto; text-align: center; margin: 0; padding: 0; 
font-family: Verdana, Arial, Tahoma; font-size: 12px; background: #d2ffb9 url(/img/bg.jpg) 0 0 repeat-x; }

div#motto{ text-align: right; width: 100%; margin-bottom: 10px; }

a{ color: blue; }
div#container{ padding-top: 15px; width: 883px; text-align: left; margin: 0 auto; }

div#top{ font-size: 11px; width: 883px; text-transform: uppercase; height: 133px; background: url(/img/topimage.jpg) no-repeat; }
div#top ul{ width: 170px; float: left; margin: 0; padding: 15px 0 0 30px; list-style: none; }
div#top a{ color: #397abb; text-decoration: none;  }
div#top a:hover, div.ofertaBg a:hover{ text-decoration: underline; }
div#top ul li{ padding-bottom: 5px; margin-bottom: 5px; width: 160px; 
border-bottom: 1px #c0dbc5 solid; }

div#content{ width: 100%; padding-top: 10px; }

div#leftside{ width: 191px; float: left; }

div.ofertaHead{ width: 171px; height: 24px; background: url(/img/left_head.jpg) no-repeat;
color: white; font-weight: bold; padding: 10px 0 0 20px; }   
div.ofertaBg{ padding: 10px 10px 0 10px; width: 171px; background: url(/img/left_bg.gif) repeat-y; }
div.ofertaBg ul{ list-style-image: url(/img/punkt.gif); margin: 0; padding: 0 0 0 20px; }
div.ofertaBg ul li{ padding-bottom: 5px; }
div.ofertaBg a{ color: black; text-decoration: none; }

div.image{ margin-top: 10px; width: 191px; }
div.image a{ text-decoration: none; }
div.image img{ border: 0; }

div#centerside{ padding-bottom: 15px; margin-left: 3px; float: left; width: 524px; }
div.centerHead{ padding: 13px 0 0 20px;  
color: white;  font-weight: bold; text-transform: uppercase;  width: 496px; height: 31px; background: url(/img/center_head.gif) no-repeat; }
div.centerBg{ width: 486px; padding: 0 15px 0 15px;  
background: url(/img/center_bg.gif) repeat-y; }

a.active{ text-decoration: underline !important; color: red !important; }

/* style dla boksow */

div#rightside{ width: 164px; float: left; }
div.boxContainer{ margin-bottom: 10px; width: 164px; }
div.boxContainer div.head{ color: white; font-weight: bold; width: 149px; 
height: 25px; background: url(/img/box_head.gif) no-repeat; padding: 12px 0 0 15px; }

div.boxContainer div.background{ font-size: 11px; padding: 0 10px 0 10px; 
width: 144px; background: url(/img/box_bg.gif) repeat-y; }

div.boxContainer div.more{ text-align: right; padding-top: 15px; }
div.boxContainer div.more a{ color: #4f91a4; text-decoration: underline; }

  div.navigateMore{ padding-top: 10px; text-align: right; width: 96%; }
  div.navigateMore a{ color: #a2afcf !important; }
  div.navigateMore a:hover{ text-decoration: underline !important; } 
  div.navigateMore span{ color: red; font-weight: bold; }

a.home{ float: left; display: block; /* background-color: red; */ text-decoration: none;  
width: 325px; height: 116px; position: relative; top: 10px; left: 80px; }
a.home:hover{ text-decoration: none !important; }

h1.title{ margin: 5px 0 5px; padding: 0; font-size: 14px; }
h1.title a{ color: black; text-decoration: none; }
h1.title a:hover{ text-decoration: underline; }

div.box{ padding-bottom: 15px; }
div.box a img { border: 0; }

div.infoBox{ margin-bottom: 10px; }
div#sciezka-dostepu{ margin-bottom: 10px; font-size: 11px; }
div#sciezka-dostepu a{ color: black; text-decoration: none; }
div#sciezka-dostepu a:hover{ text-decoration: underline; }

div#cms{ font-size: 10px; color: gray; padding-top: 5px; text-align: center; }
div#cms a{ color: gray; font-weight: bold; }