@charset "utf-8";

body { margin:0; padding:0; color: #6c4537; background: url(img/body_bg.jpg) top repeat-x #fffaf4 ; font-family: Arial, Verdana, Geneva, sans-serif; font-size:12px;}

/*globals*/
h1 { font-size: 24px; color: #6c4537; padding:10px 0 0 0; margin: 5px 0 5px 0; }
h2 { font-size: 18px; color: #6c4537; padding:0; margin: 5px 0 5px 0;}
h3 { font-size: 13px; color: #6c4537; padding:0; margin: 5px 0 5px 0;}

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

img { border: 0; }

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

span.czerwony-bold { color: #B44213; font-weight: bold; }
span.czerwony { color: #B44213; }
span.bezowy { color: #9A8462; }


/*structure*/
div.container { margin:0 auto; width: 950px; height: 100%; padding:0; border: 0px solid red;}  
  
 /* HEADER */
  div.top { float: left; width: 930px; height: 16px; padding: 2px 10px 0 10px; text-align: right; color: #ffffff; }
    div.top a { color: #ffffff; text-decoration: none; }
    div.top a:hover { color: #ffffff; text-decoration: underline; }
        
  div.header { float: left; width: 950px; height: 123px; padding: 0; background: url(img/header_bg.jpg); }
    a.logo { display: block; float: left; width: 135px; height: 123px; background: url(img/logo.jpg); }
    div.menu { float: left; width: 760px; height: 123px; padding: 0 0 0 55px; }
      div.menu a { display: block; float: left; font-size: 15px; height: 78px; padding: 45px 0 0 0; font-weight: normal; text-decoration: none; text-align: center; color: #6c4537;  }
      div.menu a:hover {  }

      #o-programie-rowne-szanse { width: 132px; background: url(img/menu_o-programie-rowne-szanse.jpg); }
      #jak-przekazac-1 { width: 140px; background: url(img/menu_jak-przekazac-1.jpg); }
      #co-robimy-z-1 { width: 120px; background: url(img/menu_co-robimy-z-1.jpg); }
      #jak-jeszcze-mozesz-pomoc { width: 189px; background: url(img/menu_jak-jeszcze-mozesz-pomoc.jpg); }
      #o-kampanii-1 { width: 119px; background: url(img/menu_o-kampanii-1.jpg); }
    
  div.main { float: left; width: 950px; height: 100%;  margin: 0;}

 /* MAINY DLA STRONY GLOWNEJ */   
  
    div.main_top { float: left; width: 950px; height: 300px; padding: 0 0 10px 0;}
      
      div.glowna_info { float: left; width: 470px; height: 270px; color: #9a8462; font-size: 18px; text-align: center; padding: 30px 0 0 0; }
        span.exclamation { font-size: 24px; color: #6c4537; font-weight: bold; }   
        span.exclamation2 { font-size: 24px; color: #b44213; font-weight: bold; }
      div.slajd { float: right; width: 460px; height: 290px; color: #9a8462; font-size: 18px; text-align: center; padding: 30px 18px 0 0; }
        div.slajd_pic { float: right; width: 380px; height: 237px; /*background: url(img/glowna-pic.jpg);*/ }
        a.btn_polec { display: block; float: right; width: 380px; height: 34px; background: url(img/btn_polec-znajomemu.jpg); }
        
    div.main_bottom { width: 950px; height: 200px; background: url(img/main_bottom_bg.jpg) top repeat-x;} 
    
      div.box_big_container { float: left; width: 540px; }
        div.box_big_top { float: left; width: 540px; height: 5px; background: url(img/box_big_top.jpg) right bottom no-repeat; }
        div.box_big_middle { float: left; width: 480px; background:  url(img/box_big_middle.jpg) right; padding: 10px 30px 0 30px; }
          span.mid18 { font-size: 18px; color: #6c4537; }
          span.mid16 { font-size: 16px; color: #6c4537; }       
        div.box_big_bottom { float: left; width: 480px; height: 41px; background: url(img/box_big_bottom.jpg) right bottom no-repeat; padding: 10px 30px 0 30px; font-size: 11px; margin:0; }
        
      div.box_small_container { float: right; display: inline; width: 400px; }
        div.box_small_top { float: left; display: inline; width: 400px; height: 5px; background: url(img/box_small_top.jpg) right bottom no-repeat; }
        div.box_small_middle { float: left; display: inline; text-align: center; width: 340px; background: url(img/box_small_middle.jpg) right; padding: 10px 30px 0 30px; }
        div.box_small_bottom { float: left; display: inline; width: 400px; height: 51px; background: url(img/box_small_bottom.jpg) top right no-repeat; }
 
 /* MAIN DLA PODSTRONY */
    
    div.main_left { float: left; width: 610px; padding: 10px 20px 10px 20px; }
      div.tapeta { float: left; width: 327px; height: 205px; background: url(img/wallpaper.jpg); }
      div.tapeta_download { float: left; width: 110px; height: 155px; padding: 65px 5px 5px 5px; }
      
    div.main_right { float: left; width: 300px; }
      div.box_sub_container { float: left; display: inline; width: 288px; }
        div.box_sub_top { float: left; display: inline; width: 228px; background: url(img/box_sub_top.jpg) top no-repeat #ebe2d7; padding: 30px 30px 10px 30px;  }
        div.box_sub_bottom { float: left; display: inline; width: 288px; height: 19px; background: url(img/box_sub_bottom.jpg) top no-repeat; margin-bottom: 5px; }
          span.wyroznienie { color: #b44213; font-weight: bold; }
          
          
          div.form_polec input { width: 150px; border: 1px solid #9B8462; }
           div.footer div.form_polec input.dalej { width: 64px; height: 15px; background: url(img/input_dalej.jpg); border:0; cursor: pointer; float: right; }
           div.box_sub_top div.form_polec input.dalej { width: 64px; height: 15px; background: url(img/input_dalej_right.jpg); border:0; cursor: pointer; float: right; }
          div.td { }
          p.teksty { padding: 2px 0 2px 0; margin: 3px 15px 3px 0; }
          
 /* STOPKA */

  div.footer { float: left; width: 935px; height: 125px; padding: 30px 15px 0 0px; background: url(img/footer_bg.jpg) no-repeat #fffaf4; text-align: left; font-size: 11px; color: #6c4537;}
    div.footer_left { float: left; }
    div.footer_right { float: right; }
      div.footer a { color: #6c4537;}
      div.footer a:hover {  }
  

  div.line { width: 100%; height: 1px; border-bottom: 1px dashed #000000; clear: both; }
  div.clear { clear: both; }  
  a.wiecej { color: #000000; float: right; font-size: 11px; margin-bottom: 5px; }
  
  /*files lightbox*/
  div.lb_courtin { position: fixed; display: none; background: url(img/bg_lightbox.png); z-index: 1000; left: 0; top:0; width: 100%; height: 100%; }
  /*ie6*/ *html* div.lb_courtin { position: absolute; width: 100%; height: 1000px; }
  div.lb_main { width: 637px; height: 214px; margin: 0 auto; margin-top: 100px; background: url(img/bg_window.png) no-repeat; position: relative; z-index: 1000; }
      a.lb_close { position: absolute; cursor: pointer; /*background: red;*/ width: 35px; height: 35px; display: block; right:13px; top:0; }
      a.lb_pr1 { position: absolute; cursor: pointer; /*background: red;*/ width: 90px; height: 95px; display: block; right:110px; top:80px; }
      a.lb_pr2 { position: absolute; cursor: pointer; /*background: red;*/ width: 90px; height: 95px; display: block; right:220px; top:80px; }
      a.lb_pr3 { position: absolute; cursor: pointer; /*background: red;*/ width: 90px; height: 95px; display: block; right:333px; top:80px; }
      a.lb_pr4 { position: absolute; cursor: pointer; /*background: red;*/ width: 90px; height: 95px; display: block; right:445px; top:80px; }

div.partnerzy-slajd { width: 141px; height: 104px; float: right; }      
div.partnerzy-slajd p { width: 141px; height: 104px; }


/* JQUERY */

.pics { height: 232px; width: 232px; padding: 0; margin:  0; } 
.pics img { padding: 15px; border:  1px solid #ccc; background-color: #eee; width: 200px; height: 200px; top:  0; left: 0 }