body {margin: 0px; padding: 0; vertical-align: top; text-align: center;}
  * { margin:0; padding:0; border:0px; font-family: Arial, Verdana, Helvetica, Tahoma, sans-serif; font-size: 12px;}

  div#wrapper {width:790px; margin: 6px auto; border-bottom: 6px solid #CE9F71}
  div#ha1indx {width:50%; float:right}
  div#ha2indx {width:49%; float:left; background-image: url(images/kropvr.gif); background-repeat: repeat-y; background-position: right;}
  div#ha1 {width:62%; float:right; background-image: url(images/kropvr.gif); background-repeat: repeat-y; background-position: left;}
  div#ha2 {width:37%; height:100%; float:left; }
     #ha2 p {margin:8px 8px 8px 12px}
     #ha2 h2 {margin-left:12px; color: #990000;}
     #ha2 h3 {margin-left:12px; color: #990000;}
     #ha2 ul {margin:8px 10px 0px 15px; }
     #ha2 li {list-style-type: none; margin: 10px 10px 10px 5px; padding-right:10px; text-align: right; background-image: url(images/square.gif); background-repeat: no-repeat; background-position: right;}
  div#top {width:100%; margin:10px 0px; border-top: 5px solid #BBCBDE; border-bottom: 1px solid #BBCBDE; border-left: 1px solid #BBCBDE; border-right: 1px solid #BBCBDE;}
  div#topmap {width:100%; margin:10px 0px; border-top: 5px solid #BBCBDE; border-bottom: 1px solid #BBCBDE; border-left: 1px solid #BBCBDE; border-right: 1px solid #BBCBDE;}
     #topmap h2 {text-align:right; margin-right:15px; border-bottom:1px solid #91846F;}
     #topmap h3 {text-align:right; margin-right:15px; border-bottom:1px solid #91846F;}
     #topmap h4 {text-align:right; margin-right:15px; border-bottom:1px solid #91846F;}
     #topmap h5 {text-align:right; margin-right:15px; border-bottom:1px solid #91846F;}
     #topmap ul {margin:8px 10px 0px 5px; }
     #topmap li {list-style-type: none; margin: 10px 10px 10px 5px; padding-right:10px; text-align: right; background-image: url(images/square.gif); background-repeat: no-repeat; background-position: right;}
  div#map {width:100%; clear:both; margin-left:5px; padding-top:2px; background-image: url(images/kropki.gif); background-repeat: repeat-x; background-position: right top;}
     #map a {font-size: 11px; text-decoration: none;}
     #map a:hover {text-decoration: underline;}
     #map a:active {text-decoration: none;}
     #map p {font-size: 11px; text-align:left; margin: 5px 7px; color: #707070;}
  table#portfolio {width:95%; margin:auto}
       #portfolio td {border:1px solid #CACFD6}
  div#goleft {width:69%; float:left; margin-bottom:10px; }
  div#goright {width:29%; float:right; margin-bottom:10px; border: 1px solid #BAC6D8; background-image: url(images/lev3tlo.gif); background-repeat: repeat-x; background-position: top;}
     #goright li {margin-top: 6px;}
     #goright a {text-decoration: none;}
     #goright a:hover {text-decoration: underline;}
     #goright a:active {text-decoration: none;}
  div#fl {width:100%; margin-bottom:10px; border: 1px solid #BBCBDE; }
     #fl p {margin:0px; text-align: right; vertical-align: middle}
  div#footer {clear:both;  width:100%; height:30px; margin-bottom:10px; border: 1px solid #BAC6D8; text-align: right;}
     #footer li {list-style-type: none; display:inline; vertical-align:middle; margin-left: 6px}
     #footer ul {font-size: 12px; margin-top:5px}
     #footer img { vertical-align:middle}
  div#fly_right {width:525px; float:right; }
  div#content {width:100%; height:300px; float:right; overflow: auto; position: relative;}
     #content hr {width:95%; text-align: center;}
     #content ul {text-align: left; margin: 5px 25px; }
     #content a {text-decoration: underline;}
  div#portfmenu {width:263px; float:left; }
     #portfmenu li {list-style-type: none; font-size: 11px; font-weight:bold; margin: 10px 10px 10px 5px; padding-right:10px; text-align: right; background-image: url(images/square.gif); background-repeat: no-repeat; background-position: right;}
  div.klearnews {width:90%; margin:auto; clear:both; background-image: url(images/kropki.gif); background-repeat: repeat-x;}
  div#web_design {width:392px; margin-bottom:10px; float:left; overflow: auto; border: 1px solid #CACFD6;}
  div#sem {width:392px; margin-bottom:10px; float:left; overflow: auto; border: 1px solid #CACFD6;}
  div#seo {width:375px; margin-bottom:10px; float:right; overflow: auto; border: 1px solid #CACFD6;}
  div.justdiv {width:100%; border: 1px solid #CACFD6;}
  #level3lft {width:100%; margin-bottom:10px;  border: 1px solid #BAC6D8; background-image: url(images/lev3tlo.gif); background-repeat: repeat-x; background-position: top;}
  table#rfp {width:98%}
       #rfp p {margin: 5px}
  tr.kropki {background-image: url(images/krophr.gif); background-repeat: repeat-x; background-position: bottom;}

  h1 {font-size: 14px; text-align: left; color: #990000; margin: 10px 8px}
  h2,h3,h4,h5,h6 {font-size: 13px; text-align: left; color: #644F3A; margin: 10px 7px}
  h3.decor {border-top: 1px solid #D0BEB3; margin: 12px 7px}

  p {font-size: 12px; text-align: justify; margin: 8px 10px;}
  p.icons {text-align: center; margin: 0px;}
  p.quote {color: #AE7246; border-bottom: 1px solid #D37A2B; font-weight:bold; margin-right:20px}
  p.titles {color: #804000; font-weight:bold; }
  p.portfolio {color: #804000; text-align: center; border-bottom: 1px solid #CACFD6; padding-bottom:3px}
  p.data {margin-top: 2px; margin-bottom: 2px; font-size: 11px; color: #606060;}
  p.more {margin-top: 0px; text-align:right}
  p.ikonka {margin-bottom: 15px; float:right}

  a {color: #042D78; text-decoration: none;}
  a:hover {color: #3366FF; text-decoration: underline;}
  a:active {color: #263C66; text-decoration: none;}

  table,td {vertical-align:top}

  ul {text-align: left; margin-left: 25px}
  ul.menu {list-style-type: square; text-align: left; font-size: 12px; margin: 10px 25px; color: #CFB186; vertical-align:middle}
  ul#ctxmenu {list-style-type: square; text-align: left; font-size: 12px; color: #CFB186; vertical-align:middle}
  #ctxmenu li{margin-top: 5px; margin-left: 25px;}

  ul#inlne {list-style-type: none; margin: 10px 4px}
  #inlne li {display: inline; margin: 0px 5px}

  ul.inlne {list-style-type: none; margin: 10px 0px; }
  li.inlne {display: inline; margin: 0px 5px}

  li.fin {border-bottom:1px solid #91846F;}

  input,textarea {border: 1px solid #CACFD6;}

  #ctc p {text-align: center;}

  hr {color: #ffffff; background-color: #ffffff; border-bottom: 1px solid #CACFD6; height:1px; font-size: 1px; display:block }
  hr.short {width: 90%}
  hr.portf {width: 90%; clear:both; text-align:center; border:0px; margin: 5px 0px}

  .nob {border: 0px;}
  .klear {clear:both;}
  .fat {font-weight:bold}
  .rightdir {text-align: right;}
  .leftdir {text-align: left;}
  .centrum {text-align: center;}
  .it {font-style: italic;}
  .nomarg { margin: 0px}
  .kolor {color: #000099;}
  .kolor2 {color: #644F3A; font-weight:bold}
  .kolor3 {color: #00264D;}
  .label {text-align: center; color: #827470; margin:1px; font-size:13px; font-weight:bold}
  .undrl {text-decoration: underline; color: #804000;}
  .banner {border: 1px solid #D0D0D0;}

  #dpbox {width:545px; height:150px; border: 1px solid #CACFD6; margin-top:5px}
  #dpbox .dodatek {height:100px;  float:left; margin:0; position:absolute; top:8px; visibility: visible;}
  #mid_lewy {width:32px; height:150px; float:left;}
  #mid_prawy {width:32px; height:150px; float:right;}
  #mid_srodekp {height:120px;position:relative; overflow:hidden; margin: 0px ; }
  #dodatkibox {width:88%; float:left; text-align:center; vertical-align:top; }
  #box_bottomp {list-style-type: none;  margin: 0px; padding:0px}
  #box_bottomp li {display:inline; margin: 0px; padding:0px}
  .dodatek {display:inline; width: 100px; list-style-type: none; margin: 0px 10px;}


 /* Scroll Bar Styling */

.scrollgeneric {line-height: 1px;font-size: 1px;position: absolute;top: 0; left: 0;}

.vscrollerbase {
width: 15px;
background: #D7EBDF url(basebarcaps_verticalbarbody.png) 0px 0px repeat-y;
}
.vscrollerbar {
width: 15px;
background: #99CBCB url(basebarcaps_verticalbarbody.png) -15px 0px repeat-y;
}
.hscrollerbase {
height: 15px;
background: #D7EBDF url(horizontalbarbody_cornerjog.png) 0px -15px repeat-x;
}
.hscrollerbar {
height: 15px;
background: #99CBCB url(horizontalbarbody_cornerjog.png) 0px -30px repeat-x;
}
.vscrollerbar, .hscrollerbar {
padding: 10px;
z-index: 2;
}
.vscrollerbarbeg {
background: url(basebarcaps_verticalbarbody.png) -45px -30px no-repeat;
width: 15px;
height: 15px !important;
}
.vscrollerbarend {
background: url(basebarcaps_verticalbarbody.png) -45px 0px no-repeat;
width: 15px;
height: 15px;
}
.hscrollerbarbeg {
background: url(basebarcaps_verticalbarbody.png) -60px -15px no-repeat;
height: 15px;
width: 15px !important;
}
.hscrollerbarend {
background: url(basebarcaps_verticalbarbody.png) -30px -15px no-repeat;
height: 15px;
width: 15px;
}
.scrollerjogbox {
width: 15px;
height: 15px;
top: auto; left: auto;
bottom: 0px; right: 0px;
background: #4E727C url(horizontalbarbody_cornerjog.png) 0px 0px;
}
.vscrollerbasebeg {
background: url(basebarcaps_verticalbarbody.png) -30px -30px no-repeat;
width: 15px;
height: 15px !important;
}
.vscrollerbaseend {
background: url(basebarcaps_verticalbarbody.png) -60px -30px no-repeat;
height: 15px;
width: 15px;
}
.hscrollerbasebeg {
background: url(basebarcaps_verticalbarbody.png) -60px 0px no-repeat;
height: 15px;
width: 15px !important;
}
.hscrollerbaseend {
height: 15px;
width: 15px;
background: url(basebarcaps_verticalbarbody.png) -30px 0px no-repeat;
}
.scrollerjogbox:hover {
background: #5E828C url(basebarcaps_verticalbarbody.png) -45px -15px;
}