body { margin: 10px 0 10px 0; background: #E0DCD9; font-size: 11px; font-family: Verdana, Arial, Helvetica, sans-serif; }
img { border: 0; }
dl { line-height: 15px; clear: both; width: 145px; font-family: Arial, Helvetica, sans-serif; margin: 0 auto; padding: 0 0 20px 0;  }
dl dt { float: left; font-weight: bold; color: #515151;  }
dl dd { text-align: right; color: #7c7c7c; }
#main { width: 782px; margin: 0 auto; background: white; overflow: hidden; }
#content { border-left: 2px solid #D0CCC9; border-right: 2px solid #D0CCC9; clear: both; overflow: hidden; zoom: 1.0; }
#logo { background-color: #01A7E1; background-repeat: repeat-x; height: 79px; margin: 0 8px 0 8px; clear: both; }
#logo span { float: right; color: white; font-family: Arial, Helvetica, sans-serif; padding: 30px 40px 0 0; }
#logo a { color: white; text-decoration: none; }
#logo a:hover { text-decoration: underline; }
#tl { width: 22px; height: 79px; float: left; }
#tr { width: 13px; height: 79px; float: right; }
#log { width: 158px; height: 61px; float: left; margin: 11px 0 0 25px; display: block;}
#menu { height: 34px; background: #F7F8F2 url(images/menu.gif) 0 0 repeat-x; margin: 10px 0 0 0; }
#menu ul { margin: 0 0 0 0; padding: 9px 0 0 0; list-style: none; text-align: center; }
#menu li { display: inline; font-size: 12px; color: #666666; position: relative;  }
/* dodatkowe */
#menu li ul { filter:alpha(opacity=70); opacity: 0.7; -moz-opacity: 0.7; font-family: Verdana, Arial, Helvetica, sans-serif; z-index: 999; display: none; position: absolute; left: 0; background: #004596; width: 250px; margin: 0; padding: 10px 0 10px 0; font-size: 11px; }
#menu li ul.last { width: 150px !important; }
#menu li ul li { display: block; text-align: left; margin: 0; padding: 0 0 0 10px; }
#menu li ul li a { font-weight: normal; color: white; font-size: 11px; display: block;  }
#menu li ul li a:hover { font-weight: normal; color: white; text-decoration: underline; padding: 0 0 0 6px;  }
#menu ul > li { top: auto; left: auto; }
/* #menu li:hover ul, li.over ul{ display: block; } */
/* /dodatkowe */
#menu a { color: #666666; text-decoration: none; letter-spacing: 0; text-indent: 6px; }
#menu a:hover { text-indent: 0px; color: #004596; }
#menu span { letter-spacing: 4px; }
#top { margin: 10px 0 0 8px; }
#top img { width: 762px; height: 192px; }
#footer { height: 47px; width: 762px; background: #E9E9E9 url(images/footer.jpg) 0 0 no-repeat; margin: 10px 0 0 8px;  }
#footer p { padding: 15px 0 0 0; margin: 0; text-align: center; font-family: Arial, Helvetica, sans-serif; color: #565c10; letter-spacing: 0.5px; }
#footer a, #footer span { font-size: 10px; text-decoration: none; color: #989898; }
#block { clear: both; overflow: hidden; margin: 10px 0 10px 0; }
#site { float: left; padding: 0 0 0 25px; width: 490px; }
#site h1 { font-size: 18px; font-family: Tahoma, Helvetica; color: #767c2b; padding: 15px 0 30px 0; margin: 0; text-transform: uppercase; font-weight: 300;}
#site h2 { font-size: 12px; color: #00447c; padding: 0 0 30px 0; margin: 0; }
#site p { font-size: 11px; font-family: Arial, Helvetica, sans-serif; color: #666666; padding: 0 0 20px 0; margin: 0; text-align: justify;}
#site ul { padding: 0 0 20px 50px; margin: 0; list-style-type: none; list-style-image: url(images/list.gif); }
#site li { padding: 4px 0 4px 5px; height: 20px; }
#site li, #site li a { color: #00447c; font-weight: bold; }
#site li a { text-decoration: underline; }
#site li span { display: block; margin: 0 0 3px 0; }
#panels { float: right; margin: 0 8px 0 0; padding: 20px 0 0 0; width: 224px; }
#panels h2 { font-size: 12px; color: #00447c; padding: 10px 0 10px 20px; margin: 0; }
#panels p { font-family: Arial, Helvetica, sans-serif; color: #7c7c7c; padding: 15px 20px 10px 20px; margin: 0; }
#panels span { display: block; padding: 15px 20px 20px 0; text-align: right; }
#panels span a { color: #7c7c7c; text-decoration: none; font-weight: bold; }
#panels span a:hover { color: black; }
#b_technology { background: #FCF4DF; margin: 0 0 10px 0; }
#b_contact { background: #EDEDED; margin: 0 0 10px 0; }
.layt, .layb { clear: both; }
.layt img, .layb img { float: left; }
.layt span { float: left; width: 761px; background: white; border-top: 2px solid #D0CCC9; font-size: 1px; }
.layb span { float: left; width: 761px; background: white; border-bottom: 2px solid #D0CCC9; height: 10px; font-size: 1px; }
.blue { color: #00447c !important; font-weight: bold; }
.navi { margin: 0 0 0 150px;  padding: 20px 0 20px 0; }
.navi a { color: #4E5104; font-family: Arial, Helvetica, sans-serif; text-decoration: underline; font-weight: bold; float: left; margin: 0 30px 0 0;  }
.navi a:hover { color: black; }
.photo { width: 185px; height: 97px; background-repeat: no-repeat; background-position: 0 3px; }
.photob { width: 374px; height: 279px; background-repeat: no-repeat; background-position: 0 3px; }
.photo { margin: 0 0 0 20px; }
.block { background-image: url(images/b_back.gif); background-repeat: repeat-y; }
.link { cursor: pointer; }
.btnd { width: 374px; clear: both; padding: 10px 0 10px 0; text-align: center; margin: 0 auto; }
.btn { font-size: 14px; color: white; font-family: Tahoma, Helvetica; width: 24px; height: 30px; float: left; padding: 0 10px 0 0; }
.btn a { color: white; text-align: center; font-weight: bold; padding: 3px 0 4px 0; display: block; text-decoration: none; background: white url(images/gall.gif) 0 0 no-repeat; }
.btn a:hover { text-decoration: none; background-position: -24px 0; }
.preloader { width: 374px; height: 279px; margin: 0 auto; background: white url(images/preloader.gif) 0 0 no-repeat; }
.preloader_white { width: 374px; height: 279px; margin: 0 auto; background: white none 0 0 no-repeat !important; }
