html, body, div, span, applet, object, iframe, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var,
dl, dt, dd, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {margin: 0; padding: 0; border: 0; outline: 0; font-weight: inherit; font-style: inherit; font-size: 100%; font-family: inherit; vertical-align: baseline;}
:focus {outline: 0;}
table {border-collapse: separate; border-spacing: 0;}
caption, th, td {text-align: left; font-weight: normal;}
blockquote:before, blockquote:after,
q:before, q:after {content: "";}
blockquote, q {quotes: "" "";}
body {font: 100.01%/1.1em Arial, Tahoma, Sans-serif;  width: 100%; height: 100%; margin: 0; padding: 0; line-height: 1.1em; text-align: center;}
h1 {font: 200% Arial, 'Times New Roman';}
h2 {font: 170% Arial, 'Times New Roman'; margin-top: 10px; color: #73BF45; font-style: italic; font-weight: bold;}
h3 {font: 140% Arial, 'Times New Roman';}
h4 {font: 110% Arial, 'Times New Roman';}
h3, h4 {color: #555;}
a {color: #669933;}
a:hover {text-decoration: none;}
strong {font-weight: bold;}
em {font-style: italic;}
ul {list-style-type: square;}
hr{color: #ccc;}
.container {width: 100%; height: auto; margin: 0 auto 20px auto; padding: 0; font-size: 83%;}
.fixed-block {width: 980px; height: auto; margin: 0 auto; padding: 15px 0; position: relative; text-align: left; font-size: 105%;}
.header {width: 980px; height: 310px; position: relative; margin: 0; text-align: left; position: relative;}
.header a.active {color: #73bf45; text-decoration: none;}
.logo {width: 230px; height: 35px; position: absolute; top: 95px; left: 0;}
.title {width: 300px; height: 40px; position: absolute; bottom: 0; left: 0;}
.title h1 {margin-top: 0; line-height: 40px; color: #73BF45; font-style: italic;}
.frog {width: 250px; height: 255px; position: absolute; top: 45px; right: 5px; background: url(images/frog.png) right bottom no-repeat;}
.frog img.brief {position: absolute; top: 55px; left: 0;}
.frog .phone {position: absolute; top: 5px; left: 0; color: #000; font-size: 180%;}
.phone span {color: #777;}
.index {width: 125px; height: 25px; line-height: 25px; position: absolute; top: 155px; left: 0;}
.index a {color: #777;}
.top-menu {width: 510px; height: 60px; position: absolute; top: 155px; left: 170px;}
.top-menu a {line-height: 25px; float: left; display: inline; margin: 0 35px 10px 0; padding: 0; color: #777;}
.top-menu a#s01 {font-size: 105%;}
.top-menu a#s02 {font-size: 115%;}
.top-menu a#s03 {font-size: 125%;}
.top-menu a#s04 {font-size: 135%;}
.top-menu a#s05 {font-size: 145%;}
.top-menu a:hover {text-decoration: none; border-bottom: 0 none; color: #73bf45;}
ul.current-menu {
  width: auto; height: 40px; margin: 0; padding: 0; list-style: none; position: absolute; bottom: 0; left: 0; float: left; display: inline; background: #669933;
  }
.current-menu li {width: auto; height: 40px; line-height: 40px; float: left; display: inline; margin: 0; padding:0; color: #fff;}
.current-menu li a {width: auto; line-height: 40px; margin: 0; padding: 10px 20px; color: #fff; font-size: 105%; font-style: italic; text-decoration: none;}
.current-menu li.current {background: #73bf45; height: 40px; line-height: 40px;}
.current-menu li:hover {background: #73bf45; height: 40px; line-height: 40px;}
.reklama {
  width: 200px;
  height: auto;
  float: right;
  margin-left: 20px;
  padding: 0;
  border: 1px solid red; 
  }
.rubber-block {
  width: 100%;
  height: auto;
  position: relative;
  margin: 0;
  padding: 30px 0 20px 0; 
  background: #eaebe8;
  }
.rubber-block h2 {
  color: #000;
  margin-top: 0;
  }
.float-block {
  width: 980px; height: auto; margin: 0 auto; padding: 0; position: relative; text-align: left; font-size: 105%;
  }
.float-block-container {
  width: 980px;
  float: left;
  }
.fixed-block h2 {
  margin-top: 10px;
  }
.float-block-right h3 {
  margin-top: 4px;
  }
.float-block-left {
  width: 650px;
  padding: 0;
  float: left;
  }
.float-block-left h4 {
  margin-bottom: 0;
  }
.float-block-right {
  width: 240px;
  margin: 0 40px 0 50px;
  padding: 0;
  float: right;
  font-size: 95%;
  }
.float-block-right .green-block {
  width: 210px;
  margin: 20px 0;
  padding: 10px 15px;
  background: url(images/green-line.png) repeat-y #669933;
  color: #fff;
  float: left;
  }
.float-block-right .yellow-block {
  width: 210px;
  margin: 20px 0;
  padding: 10px 15px;
  background: url(images/yellow-line.png) repeat-y #f0b604;
  color: #fff;
  float: left;
  }
.green-block a, .yellow-block a{
  color: #fff;
  }
.clear {
  clear: both;
  width: 980px;
  height: 1px;
  }
.line {
  width: 100%;
  height: 0;
  position: relative;
  margin: 0;
  padding: 0; 
  border-top: 1px dashed #c0c0c0;
  font-size: 0px;
  }
table.rubber-inside {
  width: 980px;
  height: auto;
  margin: 0 auto;
  padding: 20px 0;
  border-collapse: collapse;
  border: 0;
  font-size: 105%;
  }
table.rubber-inside td {
  width: 490px;
  height: auto;
  margin: 0;
  padding: 0;
  border: 0;
  }
table.rubber-inside td a {
  text-decoration: none;
  color: #000;
  line-height: 27px;
  padding: 0 25px;
  }
td.rubber-inside-left {
  text-align: left;
  }
td.rubber-inside-left div {
  width: 490px;
  background: url(images/left.gif) no-repeat;
  height: 27px;
  }
td.rubber-inside-left div:hover {
  width: 490px;
  background: url(images/left-hover.gif) no-repeat;
  height: 27px;
  }
td.rubber-inside-right {
  text-align: right;
  }
td.rubber-inside-right div {
  width: 490px;
  background: url(images/right.gif) top right no-repeat;
  height: 27px;
  }
td.rubber-inside-right div:hover {
  width: 490px;
  background: url(images/right-hover.gif) top right no-repeat;
  height: 27px;
  }
.portfolio {
  width: 980px;
  height: 260px;
  }
.portfolio div img {
  border: 1px solid #ccc;
  padding: 5px;
  margin-bottom: 5px;
  float: left;
  display: inline;
  }
.portfolio div label {
  width: 220px;
  font-size: 90%;
  display: block;
  margin: 5px 0 0 0;
  }
.portfolio div label a {
  color: #777;
  }
.portfolio .small {
  width: 220px;
  height: 250px;
  float: left;
  display: inline;
  }
.portfolio .big {
  width: 358px;
  height: 250px;
  float: left;
  display: inline;
  }
.next {
  width: 980px;
  margin: 0;
  padding: 20px 0;
  text-align: left;
  border-top: 1px dashed #c0c0c0;
  }
.next a {
  margin: 0 10px 0 0;
  padding: 4px 7px;
  color: #777;
  }
.next a:hover, .next a.active {
  color: #000;
  background: #ccc;
  }
.info-block {
  width: 980px;
  margin: 0;
  padding: 0;
  text-align: left;
  position: relative;
  }
.info-block h1 {
  margin: 0 0 30px 0;
  }
.info-block .info {
  width: 980px;
  height: 210px;
  line-height: 1.45;
  font-size: 105%;
  padding: 15px 0;
  margin: 0;
  }
.info .site {
  width: 315px;
  height: 210px;
  line-height: 1.45;
  font-size: 105%;
  float: left;
  padding: 0;
  margin: 0;
  }
.site img {
  padding: 1px ;
  margin: 0;
  border: 1px solid #ccc;
  }
.info-block .note {
  width: 200px;
  position: absolute;
  right: 50px;
  top: 12px;
  margin: 0;
  }
.note p {
  margin-top: 0;
  font-style: italic;
  color: #333;
  }
a.site-link {
  padding: 7px 20px;
  color: #000;
  background: #ccc;
  }
.info .form {
  width: 700px;
  line-height: 1.4;
  padding: 0;
  margin: 0;
  }
.form label {
  width: 680px;
  display: block;
  padding: 0;
  margin: 8px 0 4px 0;
  font-style: italic;
  line-height: 20px;
  }
.form label span {
  width: 700px;
  display: block;
  padding: -4px 0 0 0;
  margin: 0;
  font-size: 85%;
  color: #777;
  }
.form input, .form textarea, .form select {
  display: block;
  margin-bottom: 10px;
  }
.form input {
  padding: 3px;
  }
.form input.long {
  width: 500px;
  }
.form input.middle {
  width: 350px;
  }
.form input.small {
  width: 200px;
  }
.form input.xsmall {
  width: 112px;
  }
.form input.button {
  padding: 5px 15px;
  }
.form input.check {
  width: 14px;
  height: 14px;
  margin: 8px 6px 0 0;
  padding: 0;
  float: left;
  display: inline;
  }
.form textarea {
  width: 680px;
  height: 100px;
  padding: 3px;
  }
.form img {
  display: block;
  margin-bottom: 3px;
  }

.footer {width: 980px; height: 80px; margin: 0 auto; padding: 0; position: relative; text-align: left; position relative;}
.left-footer {
  width: 480px;
  height: 40px;
  margin: 0;
  padding: 0;
  position: absolute; 
  left: 0; 
  top: 30px; 
  text-align: left;
  color: #444;
  }
.right-footer {
  width: 480px;
  height: 40px;
  margin: 0;
  padding: 0;
  position: absolute; 
  right: 0; 
  top: 30px; 
  text-align: right;
  }