body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, input, textarea, p, blockquote, th, td, img {
  margin: 0;
  padding: 0;
  border: 0;
}
body {
   font-family: Arial, Tahoma, Georgia, Verdana, sans-serif;
   font-size: 12px;
   line-height: 18px;
   color: #000;
}
textarea {
   font-family: Arial, Tahoma, Georgia, Verdana, sans-serif;
}
.clear {
   clear: both;
}
.site {
   margin: 0 auto;
   width: 960px;
}

/* ----------------------------- */ 
#top {
   background: transparent url('graph/baner.jpg') 50% 0 no-repeat;
}
   #top .site {
      border-top: 3px solid #015DB8;
      position: relative;
      padding: 170px 0 0 0;
   }
   #logo {
      position: absolute;
      top: 15px;
      left: 45px;
   }
   #menu {
      position: absolute;
      width: 650px;
      top: 25px;
      left: 300px;
      padding: 0 0 0 10px;
      background: transparent url('graph/dotvert.gif') 0 100% repeat-x;
   }
   #menu a {
      float: left;
      padding: 0 12px 10px;
      color: #023C76;
      text-decoration: none;
      font-weight: bold;
      font-size: 13px;
   }
   #menu a:hover, #menu .active {
      color: #FF0078;
   }
   #haslo1 {
      position: absolute;
      top: 80px;
      left: 490px;
      font-size: 27px;
      color: #015DB8;
      font-weight: normal;
   }
   #haslo2 {
      position: absolute;
      top: 115px;
      left: 550px;
      font-size: 27px;
      color: #015DB8;
   }
   #introtxt {
      float: left;
      width: 480px;
      padding-top: 175px;
   }
      #introtxt h1 {
         background: #A50078;
         color: #fff;
         font-size: 20px;
         line-height: 25px;
         font-weight: normal;
         padding: 8px 0 8px 20px;
      }
      #introtxt p {
         padding: 18px 35px 0 20px;
         text-align: justify;
      }
   
   #video {
      float: right;
      width: 480px;
   }
   #video iframe {
      border: 1px solid #7E7E7E;
   }
   .introvideo {
      min-height: 190px;
      padding: 10px 0 15px 0;
   }
      #video h1 {
         background: #A50078;
         color: #fff;
         font-size: 20px;
         line-height: 25px;
         font-weight: normal;
         padding: 8px 0 8px 25px;
      }
      #video p {
         padding: 18px 20px 0 35px;
         text-align: justify;
      }
   
   

/* ----------------------------- */ 
#main {
   background: transparent url('graph/dothor.gif') 710px 0 repeat-y;
   margin-top: 25px;
}
/* ----------------------------- */ 
   #leftcol {
      width: 690px;
      float: left;
   }
   #leftcol h1 {
      background: #013B75;
      color: #fff;
      font-size: 18px;
      font-weight: normal;
      padding: 7px 0 7px 20px;
   }
      #tresc {
         padding: 25px 0 15px;
      }
      #tresc .txt {
         padding: 0 20px;
      }
      .txt ul {
         padding: 7px 0 7px 25px;
      }
      .txt li {
         padding: 2px 0;
      }
      .txt p {
         padding: 0 0 10px 0;
         text-align: justify;
      }
      .txt h2 {
         color: #013B75;
         font-size: 18px;
         padding: 25px 0 20px 0;
      }
      .txt h3 {
         font-size: 15px;
         padding: 15px 0 10px 0;
         color: #013B75;
         line-height: 20px;
      }
      .txt h4 {
         font-size: 13px;
         padding: 5px 0 10px 0;
      }
      
      #cykl {
         background: transparent url('graph/cykl.png') 0 0 no-repeat;
         width: 690px;
         height: 470px;
         position: relative;
         padding: 0;
      }
      .box {
         position: absolute;
      }
      .box h3 {
         text-transform: uppercase;
         font-size: 15px;
         line-height: 20px;
         padding: 0 0 6px 0;
      }
      #box1 {
         top: 12px;
         left: 223px;
         width: 350px;
      }
      #box2 {
         top: 65px;
         left: 18px;
         width: 125px;
      }
      #box2 p {
         text-align: left;
      }
      #box3 {
         top: 322px;
         left: 18px;
         width: 210px;
      }
      #box4 {
         top: 125px;
         left: 430px;
         width: 250px;
      }
      #box5 {
         top: 344px;
         left: 400px;
         width: 270px;
      }
      #box6 {
         top: 250px;
         left: 210px;
         width: 145px;
         color: #535353;
         text-align: center;
      }
      
      #cennik { margin: 0 0 20px 0; }
      #cennik .fl {
         float: left;
         width: 440px;
      }
      #cennik .fr {
         float: right;
         width: 200px;
      }
      #cennik .cennikBg {
         background: #E3E3E5;
         padding: 10px 20px 0;
         min-height: 145px;
      }
      #cennik h3 {
         font-weight: normal;
         font-size: 15px;
         padding: 0 0 14px 0;
         text-align: center;
      }
      #system {
         float: left;
         width: 200px;
      }
      #harmonogram {
         float: right;
         width: 170px;
      }
      #cennik p {
         font-size: 11px;
         line-height: 15px;
         color: #454545;
         padding: 0;
      }
      .cena {
         padding: 0 0 10px 0;
         width: 120px;
         margin: 0 auto;
         font-size: 50px;
         line-height: 50px;
         color: #A50078;
         font-weight: normal;
         letter-spacing: -3px;
      }
      .cena .right {
         float: right;
         width: 63px;
         padding: 10px 0 0;
         color: #454545;
         font-size: 11px;
         line-height: 15px;
         letter-spacing: 0;
      }
      .cena .right span {
         font-size: 15px;
      }
      .cenaod {
         width: 146px;
      }
      .cenaod .left {
         font-size: 18px;
         line-height: 18px;
         float: left;
         color: #454545;
         padding: 20px 0 0;
         width: 25px;
         letter-spacing: 0;
      }
      .cena1 {
         font-size: 45px;
         line-height: 45px;
         color: #013B75;
      }
      .cena1 .right {
         width: 45px;
      }
      
      
      
      #koszty {
         margin: 20px 0;
      }
      #koszty .last {
         margin: 0;
      }
      .kosztBox {
         width: 180px;
         padding: 10px 15px;
         float: left;
         background: #E3E3E5;
         margin: 0 10px 0 0;
         height: 190px;
      }
      #koszty p {
         font-size: 11px;
         line-height: 15px;
         margin: 0;
         padding: 0;
      }
      #koszty .kBtop {
         font-weight: bold;
         text-align: center;
         padding: 0 0 5px 0;
      }
      #koszty .p1 {
      }
      #koszty .p2 {
      }
      #koszty .p3 {
         padding: 15px 0 20px;
         margin: 0;
      }
      
      
      #funkcjonalnosci {}
      #funkcjonalnosci .fbox {
         clear: both;
         padding: 0 0 15px 0;
      }
      #funkcjonalnosci .fbox img {
         float: left;
         margin: 10px 25px 10px 0;
      }

/* ----------------------------- */ 
   #rightcol {
      width: 230px;
      float: right;
   }
   
   #callTo {
      background: #DA0078;
      font-size: 16px;
      padding: 15px 0 15px 15px;
      color: #fff;
   }
   #callTo span {
      font-size: 20px;
   }
   
   #formularz {
      padding: 20px 0 0 0;
   }
   #formularz h2 {
      color: #2D2D2D;
      padding: 5px 0 15px 0;
      text-align: left;
      font-size: 18px;
      font-weight: normal; 
   }
   
   #formularz form {
      padding: 0;
   }
   #formularz .line {
      padding: 0 0 2px 0;
   }
   #formularz .line label.lbl {
      width: 200px;
      color: #2D2D2D;
      font-size: 12px;
      padding:0;
   }
   #formularz .line input, #formularz .line textarea {
      width: 200px;
      padding: 3px 5px;
      border: 1px solid #969696;
      font-size: 12px;
   }
   #formularz .line textarea {
      height: 32px;
   }
   #formularz .linesub {
      text-align: right;
      padding: 20px 66px 0 0;
   }
   #formularz .linesub input {
      background: #A50078;
      border: 1px solid #fff;
      text-align: center;
      padding: 6px 16px;
      color: #fff;
      font-weight: normal;
      font-size: 15px;
      cursor: pointer;
   }
   #formularz .linesub input:hover {
      background: #FF0078;
   }
   #formularz .linecheck {
      padding: 25px 0 10px 0
   }
   #formularz .linecheck input {
      float: left;
      margin: 5px 10px 10px 0;
   }
   #formularz .linecheck label.lbl {
      padding: 0 0 10px 0
      width: 170px;
      color: #004262;
      font-size: 11px;
      padding: 3px 0 0 0;
      color: #828282;
      line-height: 16px;
   }
   #formularz .linecheck label span {
      cursor: pointer;
      text-decoration: underline;
   }
   #formularz .error {
      color: red;
      font-size: 12px;
      padding: 3px 0 0 5px;
   }
   #formularz .linecheck label.error {
      padding: 0;
   }
   
   
   #msg {
      background: red;
      padding: 10px 0;
      text-align: center;
      margin: -5px 0 10px 0;
   }
   #msg p {
      color: #fff;
      font-weight: bold;
      padding: 0 0 5px;
   }
   #msg input {
      background: #000;
      color: #fff;
      font-size: 11px;
      font-weight: normal;
      padding: 3px 10px;
   }
   
   
/* ----------------------------- */ 
#footer {
   margin-top: 30px;
   background: #E3E3E5;
}
   #footer .site {
      /* background: transparent url('graph/dotvert.gif') 0 0 repeat-x; */
      border-top: 1px solid #015DB8;
   }
   #rzf {
      width: 170px;
      float: left;
      padding: 30px 25px;
   }
   #boxInner {
      float: left;
      width: 600px;
      margin: 20px 0;
      padding: 0 25px;
      border-left: 1px solid #C8C8CC;
   }
   #boxInner h4 {
      padding: 0 0 8px 0;
      font-size: 12px;
   }
   .ibox {
      float: left;
      width: 160px;
   }
   .btn_more2 {
      margin: 5px 0 0 300px;
      color: #A50078;
      display: block;
   }
   .btn_more2:hover {
      color: #FF0078;
   }
   

/* ----------------------------- */   
#popup_overlay {
   background: #000;
   height: 100%;
   opacity: 0.4;
   position: fixed;
   width: 100%;
   z-index: 1000;
} 
#popup {
   position: absolute;
   width: 450px;
   height: 230px;
   top: 180px;
   left: 215px;
   z-index: 2000;
   display: block;
   background: #fff;
   border: 6px solid #818181;
}
   #close {
      float: right;
      background: #818181;
      font-size: 11px;
      color: #fff;
      padding: 0 6px 2px 8px;
      cursor: pointer;
      text-decoration: none;
   }
   #inner {
      padding: 5px 20px 15px 20px;
      clear: both;
      text-align: center;
   }
   #inner h4 {
      padding: 30px 0 30px 0;
      color: #252525;
      font-size: 20px;
      font-weight: bold;
      color: #6FA30E;
   }
   #inner p {      
      padding: 0 0 25px 0;
   }

.rodo-clause {
   display: block;
   width: 100%;
   font-size: 10px;
   padding-top: 20px;
}