@charset "utf-8";

body { margin:0; padding:0; color: #6b6b6b; background: #252525 ; font-family:Verdana, Geneva, sans-serif; font-size:12px;}

/*globals*/
h1 { font-size: 18px; color: #ffffff; padding:0; margin: 5px 0 5px 0; }
h2 { font-size: 16px; color: #ffffff; padding:0; margin: 5px 0 5px 0;}
h2.green { font-size: 16px; color: #ffffff; padding: 10px 15px 5px 15px; margin: 5px 0 5px 0;  height: 25px; background: url(img/box_min.jpg) repeat-x #2e2e2e; }
h3 { font-size: 13px; color: #ffffff; padding:0; margin: 5px 0 5px 0;}

a { text-decoration: none; color: #D3D3D3; }
a:hover { text-decoration: underline; }
a:focus {outline: none !important;}

p { margin: 10px 0 10px 0; }

/*structure*/
div.container { margin:0 auto; width: 870px; height: 100%; padding:0; border: 0px solid red;}  
    
  div.header { float: left; width: 870px; height: 374px; padding: 0; margin: 10px 0 10px 0;}
    div.header_left { float: left; width: 353px;  height: 374px; }
      a.logo { float: left; display: block; width: 353px; height: 140px; padding: 0; margin: 0; background: url(img/logo.jpg) no-repeat left center ; }
      div.menu { float: left; width: 353px; height: 234px; padding: 0;  }
        div.menu a { float: left; display: block; width: 274px; height: 40px; background: url(img/menu_btn.jpg); padding: 25px 0 0 55px; margin-top: 13px; text-transform: uppercase; font-size: 15px; color: #ffffff; }
        div.menu a:hover { background: url(img/menu_btn_hover.jpg); }
    div.slide { float: left; width: 517px; height: 374px; padding: 0; background: url(img/header_pic.jpg); }
    
  div.main { float: left; width: 870px; height: 100%; margin: 0 0 0 0; } 
    div.box { float: left; width: 840px; background: #2e2e2e; padding: 10px 15px 10px 15px; margin-bottom: 10px; }

    div.box_left_container { float: left; width: 341px; }
      div.box_left_top { float: left; width: 311px; height: 35px; margin: 0 0 0 0; background: url(img/box_min.jpg) repeat-x #2e2e2e; padding: 5px 15px 0 15px; }
      div.box_left { float: left; width: 311px; margin: 0 0 0 0; padding: 5px 15px 10px 15px; background: #2e2e2e; }
        table.box_left td { height: 290px; }
            
    div.box_right_container { float: right; width: 515px; }
      div.box_right_top { float: left; width: 485px; height: 35px; margin: 0 0 0 0; background: url(img/box_min.jpg) repeat-x #2e2e2e; padding: 5px 15px 0 15px; }
      div.box_right { float: left; width: 485px; margin: 0 0 0 0; padding: 5px 15px 10px 15px; background: #2e2e2e; }
        table.box_right td { height: 290px; }    
          div.ramka { float: left; background: #252525; width: 465px; padding: 10px; margin: 10px 0 5px 0; }
          a.wiecej { float: right; display: block; background: #252525; width: 100px; height: 20px; color: #85c77b; padding: 3px 0 0 0; text-align: center; margin: 5px 0 0 0; }
    
  div.footer { float: left; width: 870px; height: 50px; padding: 30px 0 0 0; text-align: center; font-size: 10px; color: #6b6b6b; }
    div.footer a { color: #6b6b6b;}
    div.footer a:hover { color: #6b6b6b; }
  
  div.line { width: 100%; height: 1px; border-bottom: 1px solid #434343; clear: both; }
  div.clear { clear: both; }  
  /*a.wiecej { color: #000000; float: right; font-size: 11px; margin-bottom: 5px; }*/
  
  /*FORM*/
  
  input { width: 200px; }
  input.wyslij { width: 80px; }
  p.teksty { margin: 0; width: 150px; }
  table.form { margin: 10px 0 10px 220px; }
  table.form td { background: #252525; padding: 8px;  }
  
  /*produkty*/
  
  div.zdj { float: left; width: 250px; height: 200px; margin: 0 10px 5px 0px; }
  div.zdj p { display: block; width: 150px; height: 120px;  border: 0; margin:0; padding: 0;  }
  div.zdj img { border: 0; margin:0; padding: 0; }
  a.oferta_logo { display: block; float: left; width: 90px; height: 90px; font-size: 15px; padding: 60px 0 0 60px; }
  a.oferta_logo_task { display: block; float: left; width: 149px; height: 149px; font-size: 15px; background: url(img/produkty/oferta_task_logo.jpg); margin-right: 20px; }
  a.oferta_logo_puls { display: block; float: left; width: 149px; height: 149px; font-size: 15px; background: url(img/produkty/oferta_puls_logo.jpg); margin-right: 35px; } 
  a.oferta_logo_tim { display: block; float: left; width: 149px; height: 149px; font-size: 15px; background: url(img/produkty/oferta_tim_logo.jpg); margin-right: 20px; }