@charset "utf-8";

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

/*globals*/
h1 { font-size: 18px; font-weight:bold; color:#ec1516; line-height:24px; text-transform:uppercase; margin: 5px 0 5px 0; padding:0; }
h2 { font-size: 14px; font-weight:bold; color: #666666; padding:0; margin: 5px 0 5px 0;}
h3 { font-size: 12px; font-weight:bold; color: #666666; padding:0; margin: 5px 0 5px 0;}

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

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

/*structure*/
div.container { margin:0 auto; width: 780px; height: 100%; padding:0; border: 0px solid red;}  
    
  div.header { float: left; width: 770px; height: 171px; padding: 0; margin: 0 0 0 0; background: url(img/head_bg_right.gif) right no-repeat; }      
    a.logo { display: block; float: left; width: 223px; height: 171px; background: url(img/wm_logo.gif); }
    div.menu { float: left; width: 540px; height: 116px;/* background: url(img/wm_menu.gif);*/ margin: 27px 0 0 5px; padding: 0; position: relative; }
      div.menu a { float: left; height: 28px; padding: 88px 0 0 0; display: block; color: #fff; font-size: 14px; text-transform: uppercase; font-weight: bold; text-decoration: none; font-family: Tahoma;  text-align: center; }
    
      a.menu_btn1 { width: 88px; background: url(img/wm_menu.gif) 0px 0px no-repeat;}
      a.menu_btn2 { width: 88px; background: url(img/wm_menu.gif) -88px 0px no-repeat; }
      a.menu_btn3 { width: 88px; background: url(img/wm_menu.gif) -176px 0px no-repeat;}
      a.menu_btn4 { width: 88px; background: url(img/wm_menu.gif) -264px 0px no-repeat;}
      a.menu_btn5 { width: 88px; background: url(img/wm_menu.gif) -352px 0px no-repeat;}
      a.menu_btn6 { width: 88px; background: url(img/wm_menu.gif) -440px 0px no-repeat;}
           
      a.menu_btn1:hover { background: url(img/wm_menu.gif) 0px -116px no-repeat; }
      a.menu_btn2:hover { background: url(img/wm_menu.gif) -88px -116px no-repeat; }
      a.menu_btn3:hover { background: url(img/wm_menu.gif) -176px -116px no-repeat; }
      a.menu_btn4:hover { background: url(img/wm_menu.gif) -264px -116px no-repeat; }
      a.menu_btn5:hover { background: url(img/wm_menu.gif) -352px -116px no-repeat; }
      a.menu_btn6:hover { background: url(img/wm_menu.gif) -440px -116px no-repeat; }
        
  div.nav { float: left; width: 770px; height: 200px; }            
    div.slug_pic { float: left; width: 223px; height: 69px; background: url(img/slug_pic/slug_pic_strona-glowna.jpg); }
      #slug_pic_strona-glowna { background: url(img/slug_pic/slug_pic_strona-glowna.jpg); }          
      #slug_pic_oferta { background: url(img/slug_pic/slug_pic_oferta.jpg); }
      #slug_pic_trenerzy { background: url(img/slug_pic/slug_pic_trenerzy.jpg); }       
      #slug_pic_szkolenia { background: url(img/slug_pic/slug_pic_szkolenia.jpg); }       
      #slug_pic_galeria { background: url(img/slug_pic/slug_pic_galeria.jpg); }
      #slug_pic_blog { background: url(img/slug_pic/slug_pic_blog.jpg); }
      #slug_pic_referencje { background: url(img/slug_pic/slug_pic_referencje.jpg); }        
      #slug_pic_kontakt { background: url(img/slug_pic/slug_pic_kontakt.jpg); }       
    div.obrazek { float: left; width: 536px; height: 200px; background: url(img/obrazek.jpg); }                        
    
  div.main { float: left; width: 770px; height: 100%; margin: 0; } 
    div.lewy { float: left; width: 170px; text-align: left; padding: 20px 20px 0 0; line-height:18px; text-indent:0; }
      div.lewy a { color: #6F6F6F; }
    div.content2 { float: left; width: 540px; padding: 20px; line-height:18px; text-indent:0; text-align:justify; font-size:12px; }    
    div.content { float: left; width: 730px; padding: 20px; line-height:18px; text-indent:0; text-align:justify; font-size:12px; }
      div.bok { float: right; margin: 5px 0 0 10px; }
        div.bok img { margin:0; }
  div.footer { float: left; width: 770px; height: 20px; padding: 0 0 0 0; background: url(img/footer_bg.jpg); text-align: center; font-size: 10px; color: #6F6F6F;}
    div.footer a { color: #6F6F6F;}
    div.footer a:hover { color: #6F6F6F; }
  
  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; }
  
  
  
  #lista ul { margin:0px; padding:0px; list-style-type:none; }
  #lista ul li { margin:0px; padding:0px 0px 0px 25px; padding-bottom:5px; text-indent:0px;	text-align:left; background-image: url(img/wm_punktor2.gif); background-repeat: no-repeat;	background-position: 0 2px; }
  #lista2 ul { margin:0px; padding:0px;	list-style-type:none; }
  #lista2 ul li { margin:0px; padding:0px 0px 0px 25px; padding-bottom:5px; text-indent:0px; text-align:left;	background-image: url(img/wm_punktor.gif); background-repeat: no-repeat; background-position: 0 2px; }
  #lista2 a{ color: #666666; }
  
  ul li strong { font-size:18px; font-weight:bold; color:#ec1516; line-height:24px; text-transform:uppercase; }
  
  #trenerzy{ float: left; margin-right:10px; margin-bottom:5px; position:relative; display:block; bottom:2px; clear:right; }
  
  div.form { float: right; padding: 10px; margin: 0 0 10px 20px; border: 1px solid #999999; }
    p.lewy { text-align: right; width: 125px; } 
    input.txt { width: 244px; padding: 3px; border: 1px solid #999999; background: #F9F9F9; color: #999999; font-family:Verdana, Geneva, sans-serif; font-size:11px; }
    input.wyslij { width: 75px; border: 1px solid #999999; color: #999999; background: #F9F9F9; cursor: pointer; }
    textarea.txt { width: 244px; height: 100px; padding: 3px; border: 1px solid #999999; background: #F9F9F9; color:#999999; font-family:Verdana, Geneva, sans-serif; font-size:11px; }
 
 /*ak injection*/  
    #strona_glowna h1, #strona_glowna h2, #strona_glowna strong { color: #666666;}
    
    #gall_praca { border: 0px solid red; display: block; float: left; width:500px; height:311px; background: url(img/gall_praca.png) no-repeat left top;}
    #gall_popracy {border: 0px solid red; display: block; float: left; width:230px; height:311px; background: url(img/gall_po_pracy.png) no-repeat left top;}