body{ overflow: auto; text-align: center; margin: 0; padding: 0; 
background: #e8eff4 url(/img/bg.gif) 0 0 repeat-x; font-family: Verdana, Arial,Tahoma; 
 /* font-size: 12px; */ font-size: 10pt;  line-height: 135%;  }

table{ font-size: 12px; }
textarea{ overflow: auto; }
form{ margin: 0; padding: 0; }
div.center{ text-align: center !important; }

table.oplatyTreningi{ margin-top: 10px; width: 100%; }
table.oplatyTreningi td{ text-align: center; }
table.oplatyTreningi tr.background-0{ background-color: #fce7c1; }
table.oplatyTreningi tr.background-1{ background-color: #fff1d7; }

div#container{ width: 900px; margin: 0 auto; text-align: left; } 

  .trening{ margin: 20px 0 20px 0; }
  div#top img, .trening img, table.oplatyTreningi img, div.navigateMore img{ border: 0; }
  div#top a, .trening a, div.leftBox ul li a, table.oplatyTreningi a, div.navigateMore a{ text-decoration: none; }
  
  div#menu{ text-align: center; width: 100%; background: url(/img/menu_bg.gif) repeat-x; height: 21px; margin-top: 4px; }
  div#menu a{ color: white; font-weight: bold; text-decoration: none; }
  div#menu a:hover, div.more1 a:hover, div.more2 a:hover, div#footer a:hover{ text-decoration: underline; }
  ul.menu-list{ padding: 2px 0 0 0 ; margin: 0; list-style: none; }
  ul.menu-list li{ display: inline; margin-right: 20px; }
  /* ul.menu-list li ul{ display: none; }
  ul.menu-list li:hover ul{ display: block; }
  */
  
  div#content{ width: 886px; background-color: white; 
  background-image: url(/img/contenthead.gif);
  background-position: top center; padding-left: 7px; padding-right: 7px; 
  background-repeat:no-repeat; padding-top: 7px; padding-bottom: 20px;  }
  
  div.separator1{ margin: 5px 0 5px 0; background-color: #ffc556; width: 100%; height: 6px; }
  
  div#leftside{ width: 229px; float: left; }
  
    div.darmowe-head{ width: 209px; height: 30px; padding-top: 7px; padding-left: 20px;  
    background: url(/img/leftsidehead.gif) no-repeat; }
    
    div.darmowe-head h1{ color: #162983; margin: 0; padding: 0; font-size: 18px; }
    div.box-bg{ width: 100%; background: url(/img/leftsidebg.gif) repeat-y; }
    div.box-bg-free{ width: 209px; background: url(/img/leftsidebg.gif) repeat-y; 
    padding: 0 5px 5px 15px; }
    
    div.box-bg-free hr{ margin: 0; padding: 0; }
    
    div.counter{ width: 643px; background-color: #ffc556; color: white; 
    padding: 2px 0 2px 10px; }
    
    div.leftBox{ margin-bottom: 10px; }
    
    div.leftBoxHead{ width: 219px; background: url(/img/bokshead.gif) no-repeat;
    height: 25px; padding: 7px 0 0 10px; }
    div.leftBoxHead h1{ color: white; margin: 0; padding: 0; font-size: 14px; }
    
    /* div.leftBox */ div.box-bg ul{ margin: 0; padding: 0 0 0 30px; list-style-image: url(/img/punkt.gif); }
    div.box-bg ul li a{ color: #1a2d85; font-weight: bold; text-decoration: none; }
    div.box-bg ul li{ color: #1a2d85; font-weight: bold; text-decoration: none; }
    div.box-bg ul li a:hover{ text-decoration: underline; }
    div.box-bg ul li{ /* padding-bottom: 3px;  border-bottom: 1px #e9eef2 solid; */ } 
    div.box-bg ul li ul{ padding: /* 5px */ 0 0 5px 10px !important; margin: 0 !important;  }
    
    /* style dla formularza */
    input.submitRed{ background-color: #da0b0b; color: white; font-weight: bold;
    padding: 3px; border: 1px #b60a0a solid; }

    /* koniec css form */
    
  /* czytaj wiecej przy artach */  
  div.more1{ background: url(/img/more1.gif) no-repeat; width: 88px; height: 15px; }
  div.more1 a, div.more2 a{ text-decoration: none; color: white; font-weight: bold; }
  
  /* wiecej przy kursach */
  div.more2{ background: url(/img/more2.gif) no-repeat; width: 64px; height: 15px; }
  
  div#rightside{ float: left; width: 649px;  margin-left: 8px;  }
  div#rightsideTrening{  margin-left:70px; width: 569px;  float: left; }
  div#sciezkaDostepu{ padding-bottom: 3px; font-size: 11px;  border-bottom: 2px #a2afcf solid; color: #162983; }
  div#sciezkaDostepu a{ color: #162983; text-decoration: none; }
  div#sciezkaDostepu a:hover, div.leftBox ul li a:hover{ text-decoration: underline; }
  
  div.artBox{ padding-bottom: 10px; text-align: center; margin-top: 10px; border-left: 20px #a2afcf solid; border-bottom: 1px #a2afcf solid; }
  div.artBox h2.title{ color: #162983; margin: 0 0 6px 0; padding: 0; font-size: 18px; }
  div.artBox h2.title a{ text-decoration: none; color: #162983;}
  div.artBox h2.title a:hover{ color: #ffc556; }
  div.artBoxMargin{ padding-top: 10px; text-align: justify; width: 480px;  margin: 0 auto; text-align: left; }
  
  div.autor{ font-size: 11px; color: #a2afcf; margin: 10px 0 10px 0; }
  div.autor span{ font-weight: bold;  }
  
  a.artBoxMore{ margin-top: 1px; text-align: center; color: white; font-weight: bold; display: block; 
  text-decoration: none; width: 88px; height: 15px; background: url(/img/more1.gif) no-repeat; 
  margin-left: 530px; font-size: 11px; }
  
  .active-menu a{ text-decoration: underline !important; color: #ffc556 !important; }
  .active-menu-down a{ text-decoration: underline !important; color: white !important; }
   a.active-menu-left{ text-decoration: underline !important; color: #ba0000 !important; }
  .active-sciezka{ font-weight: bold; }
  .naglowekDzial{ font-weight: bold; font-size: 18px; color: #162983; }
  .smaller{ font-size: 11px; }
  .bold{ font-weight: bold !important; }
  
  div#footer{ width: 100%; height: 32px; text-align: center;  
  background: url(/img/footerbg.gif) 0 0 no-repeat; padding-top: 10px; }
  
  div#footer a{ color: black; text-decoration: none; font-size: 11px; font-weight: bold; }
  
  div#subfooter{ background-color: white; text-align: center; padding-bottom: 15px; color: #364892; font-size: 11px; }
  div#subfooter a{  text-decoration: underline;  color: rgb(170, 205, 240) !important; /* color: #364892; font-weight: bold; */ }
  /* div#subfooter a:hover{ color: #364892; font-weight: bold; } */
  
  h1.treningTitle{ font-size: 16px;  margin: 0; padding: 0; }
  div.navigateMore{ margin-top: 10px; text-align: right; width: 96%; }
  div.navigateMore a{ color: #a2afcf !important; }
  div.navigateMore a:hover{ text-decoration: underline !important; } 
  div.navigateMore span{ color: red; font-weight: bold; }

  /* style dla formularzy */
  form#order input, form#order textarea{ border: 1px gray solid; }
  form#order textarea{ width: 90%; }
  div.orderFloat{ padding-top: 15px; float: left; width: 48%; /* background-color: red; */ } 
  div.orderFloat .form1{ padding-top: 10px; float: left; width: 90px; }
  div.orderFloat .form2{ padding-top: 10px; float: left; }
  div.orderFloat .form2 input{ width: 150px; }

  .button{ background-color: red; font-weight: bold; color: white; text-transform: uppercase; 
  padding: 2px; }

  div.infoCat{ margin: 15px 0 15px 20px; padding: 13px; border: 1px #162983 solid; 
  width: 574px; }
  /* div.treningPage{ float: left; width: 649px; margin-left: 8px; } */
  a.no_szyld{ width: 208px; height: 57px; background: url(/img/no_szyld.jpg) no-repeat; 
  display: block; color: #fde3af; font-weight: bold; font-size: 16px; 
  padding: 20px 0 0 20px; }

  /* style dla formularza kontakt */
  
  div.form-left{ width: 105px; float: left; }
  div.form-left span{ color: red; }
  
  div.form-right{ float: left; }
  div.form-right input{ width: 250px; border: 1px solid #808080; }
  textarea.text{ border: 1px solid #808080; width: 100%; height: 140px; } 

.szara_ramka{ border: 1px solid rgb(0, 0, 128); margin: 10px; 
padding: 10px 10px 10px 10px; background-color: rgb(247, 247, 247); }

.niebieska_ramka{ border: 1px solid rgb(0, 0, 128); color: rgb(0, 0, 128); 
background-color: rgb(216, 229, 242); padding: 10px 10px 10px 10px; } 

.wciecie{ text-indent:20px !important; }
.standardowa_interlinia{ line-height: 100% !important; }

  table.tabela_niebieska1{ font-size: 12px; }
  table.tabela_niebieska1 tr{ background-color: #d8e5f2; text-align: center; }
  table.tabela_niebieska1 tr td.bold{ font-weight: bold; }

#trening-uwagi{ font-size: 8pt; margin: 30px 0 30px 0 ; }

.odliczanie-c { color: #162983; }