@import 'sub-szkolenia-otwarte.css';
@import 'sub-ekspert-perswazji.css';
@import 'sub-wygraj-dyskusje.css';
@import 'sub-przekonujacy-handlowiec.css';
@import 'sub-29-technik.css';
@import 'sub-nasze-kompetencje.css';
@import 'sub-baza-wiedzy.css';
@import 'sub-kontakt.css';
@import 'sub-mapa-serwisu.css';

body { background-image: url('../img/sub/sub-body-bg.gif'); }

div#add-bg
{
   background-image: url('../img/sub/sub-add-bg.gif');
   background-repeat: repeat-x;
   background-position: bottom;
}
   
div#menu-down { clear: both; margin-top: 10px; }

div#menu-left
{
   width: 240px; float: left;
   margin: 10px 0px;
}

   #menu-left ul
   {
      margin: 0px; padding: 0px;
      list-style-type: none;
   }

      #menu-left ul li { margin: 0px; padding: 0px; }
         #menu-left ul li a
         {
            display: block;
            width: 222px; height: 30px;
            padding-left: 18px;
            background-image: url('../img/sub/menu/main-item-bg.gif');
            background-position: top left;
            font-size: 12px; font-weight: bold;
            line-height: 30px; vertical-align: middle;
            color: #ffffff;
         }
         #menu-left ul li a.active-menu-item   { color: #c3b857; }
         #menu-left > ul > li:last-child  > a { background-image: url('../img/sub/menu/main-item-bg-last.gif'); }
         #menu-left > ul > li:first-child > a { background-image: url('../img/sub/menu/main-item-bg-first.gif'); }
         #menu-left > ul > li#last-child  > a { background-image: url('../img/sub/menu/main-item-bg.gif'); }
         #menu-left ul li a:hover { background-position: bottom left; text-decoration: none; }
         
         #menu-left ul li ul li { margin: 0px; padding: 0px; }
            #menu-left ul li ul li a
            {
               display: block;
               width: 215px; height: 30px;
               padding-left: 25px;
               background-image: url('../img/sub/menu/sub-item-bg.gif');
               background-position: top left;
               font-size: 11px; font-weight: bold;
               line-height: 30px; vertical-align: middle;
               color: #ffffff;
            }
            #menu-left ul li ul li a.active-menu-item { background-position: bottom left; }
            #menu-left ul li ul li a:hover { background-position: bottom left; color: #c3b857; text-decoration: none; }
            
            
   #menu-left form#fragmenty-mp3
   {
      display: block;
      width: 220px; height: 34px;
      padding: 90px 0px 0px 20px;
      margin-top: 10px;
      background-image: url('../img/sub/box-fragmenty-mp3.gif');
      background-repeat: no-repeat;
   }
   
      *+html #menu-left form#fragmenty-mp3 { height: 54px; padding: 70px 0px 0px 20px; }
      /* * html #menu-left form#fragmenty-mp3 { height: 54px; padding: 70px 0px 0px 20px; } */

      #fragmenty-mp3 fieldset, #newsletterform fieldset { display: inline; border: 0px; margin: 0px; padding: 0px; }
         #fragmenty-mp3 fieldset input, #newsletterform fieldset input { vertical-align: bottom; }
         /* * html #fragmenty-mp3 fieldset input, * html #newsletterform fieldset input { vertical-align: middle; } */

         input#fragmenty-mp3-email
         {
            width: 150px; height: 18px;
            color: #777777;
            border: 1px solid #a5acb2;
         }
            
   #menu-left form#od-czego-zaczac
   {
      display: block;
      width: 220px; height: 35px;
      padding: 57px 0px 0px 20px;
      margin-top: 10px;
      background-image: url('../img/sub/box-od-czego-chcesz-zaczac.gif');
      background-repeat: no-repeat;
   }

      #od-czego-zaczac fieldset { display: inline; border: 0px; margin: 0px; padding: 0px; vertical-align: bottom; }

         #od-czego-zaczac fieldset input { vertical-align: bottom; }
         * html #od-czego-zaczac fieldset input { vertical-align: middle; }

         select#od-czego-zaczac-select
         {
            width: 150px; height: 18px;
            color: #777777;
            border: 1px solid #a5acb2;
         }
            
div#content
{
   width: 710px; float: left;
   margin: 10px 0px 10px 15px;
   font-size: 12px;
   background-image: url('../img/sub/content-bg.jpg');
   background-position: top right;
   background-repeat: no-repeat;
}

   #content h1
   {
      font-family: "Myriad Condensed Web", Myriad, Arial, sans-serif;
      font-size: 36px; font-weight: normal;
      color: #28558e;
   }
   
      #content h1 span
      {
         display: block; padding-left: 20px;
         font-size: 20px;
      }
   
   #content h2
   {
      font-family: "Myriad Condensed Web", Myriad, Arial, sans-serif;
      font-size: 24px; font-weight: normal;
      color: #c3b857;
   }
   
   #content h3
   {
      font-family: "Myriad Condensed Web", Myriad, Arial, sans-serif;
      font-size: 18px; font-weight: normal;
      color: #28558e;
   }
   
   #content h4
   {
      font-family: "Myriad Condensed Web", Myriad, Arial, sans-serif;
      font-size: 14px; font-weight: normal; margin: 15px 0px;
      color: #28558e;
   }
   
   #content .content-head
   {
      padding-left: 15px;
   }
   
      .content-head p
      {
         width: 400px;
      }
   
   #content .content-main
   {
      width: 400px; float: left;
      padding: 0px 20px 0px 16px;
      border-right: 1px solid #c3d3e6;
      clear: left;
   }
   
   #content .content-right
   {
      width: 260px; float: left;
      padding-left: 10px;
      padding-bottom: 20px;
      clear: right;
   }
   
   #content .content-first-column
   {
      width: 315px; float: left;
      padding: 0px 20px 0px 16px;
      border-right: 1px solid #c3d3e6;
   }
   
   #content .content-second-column
   {
      width: 315px; min-height: 210px; float: left;
      padding: 0px 20px 0px 16px;
   }

   * html #content .content-second-column { height: 210px; }

            

   
   #content .listbox { margin: 10px 0px; padding-bottom: 10px; background-color: #eceacd; }
      .listbox .dark { background-color: #d5Cf8f; color: #ffffff; font-weight: bold; padding: 7px; }
      .listbox a, .listbox a:hover, .div-right a:visited, .div-right a:active { color: #000000; }
   
   #content .img-ol
   {
      padding: 0px 0px 0px 30px; margin: 10px 0px;
   }
      #content .img-ol li { font-weight: bold; color: #5888b9; margin-bottom: 5px; }

         #content .img-ol li span { position: relative; top: -6px; left: 5px; }

      #content .img-ol li.ol-li-1  { list-style-image: url('../img/sub/ol/1.gif'); }
      #content .img-ol li.ol-li-2  { list-style-image: url('../img/sub/ol/2.gif'); }
      #content .img-ol li.ol-li-3  { list-style-image: url('../img/sub/ol/3.gif'); }
      #content .img-ol li.ol-li-4  { list-style-image: url('../img/sub/ol/4.gif'); }
      #content .img-ol li.ol-li-5  { list-style-image: url('../img/sub/ol/5.gif'); }
      #content .img-ol li.ol-li-6  { list-style-image: url('../img/sub/ol/6.gif'); }
      #content .img-ol li.ol-li-7  { list-style-image: url('../img/sub/ol/7.gif'); }
      #content .img-ol li.ol-li-8  { list-style-image: url('../img/sub/ol/8.gif'); }
      #content .img-ol li.ol-li-9  { list-style-image: url('../img/sub/ol/9.gif'); }
      #content .img-ol li.ol-li-10 { list-style-image: url('../img/sub/ol/10.gif'); }
      #content .img-ol li.ol-li-11 { list-style-image: url('../img/sub/ol/11.gif'); }
      #content .img-ol li.ol-li-12 { list-style-image: url('../img/sub/ol/12.gif'); }
      #content .img-ol li.ol-li-13 { list-style-image: url('../img/sub/ol/13.gif'); }
      #content .img-ol li.ol-li-14 { list-style-image: url('../img/sub/ol/14.gif'); }
      #content .img-ol li.ol-li-15 { list-style-image: url('../img/sub/ol/15.gif'); }
      #content .img-ol li.ol-li-16 { list-style-image: url('../img/sub/ol/16.gif'); }
      #content .img-ol li.ol-li-17 { list-style-image: url('../img/sub/ol/17.gif'); }
      #content .img-ol li.ol-li-18 { list-style-image: url('../img/sub/ol/18.gif'); }
      #content .img-ol li.ol-li-19 { list-style-image: url('../img/sub/ol/19.gif'); }
      
	  #flashleft { position: relative; margin-top: 3px; }