@charset "utf-8";

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

/*globals*/
h1 { font-size: 19px; color: #333333; padding:0; margin: 5px 0 5px 0; }
h2 { font-size: 16px; color: #333333; padding:0; margin: 5px 0 5px 0;}
h3 { font-size: 13px; color: #333333; padding:0; margin: 5px 0 5px 0;}

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

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

/*structure*/
div.container { margin:0 auto; width: 960px; height: 100%; padding:0; border: 0px solid red;}  
    
  div.header { float: left; width: 960px; height: 70px; padding: 0; margin: 0 0 0 0;}
    a.logo { display: block; float: left; width: 225px; height: 42px; background: url(img/logo.jpg) right no-repeat; margin-top: 15px; padding-left: 10px; }
    div.menu { float: right;  height: 39px; margin-top: 15px; }
      div.menu_separator { float: left; width: 1px; height: 39px; background: url(img/menu_separator.jpg); }
      div.menu_left_end { float: left; width: 6px; height: 39px; background: url(img/menu_left_end.jpg); }
      div.menu_right_end { float: left; width: 6px; height: 39px; background: url(img/menu_right_end.jpg); }
      
      div.menu a { float: left; display: block; width: 136px; height: 27px; background: url(img/menu_btn.jpg); padding: 12px 0 0 0; text-align: center; font-size: 12px; text-decoration: none; color: #ffffff; }
      div.menu a:hover { background: url(img/menu_btn_hover.jpg); text-decoration: none;  }
      div.menu a.active { background: url(img/menu_btn_hover.jpg);  }
    
  div.main_box_top { float: left; display: inline; width: 960px; height: 100%; background: url(img/main_box_top.jpg) top no-repeat #fafafa; margin: 0; } 
    div.main_box_bottom { float: left; position: relative; display: inline; width: 960px; height: 100%; background: url(img/main_box_bottom.jpg) bottom no-repeat; margin: 0; }
      table.main { width: 100%; height: 500px; }
       div.main_content { float: left; display: inline; width: 960px; height: 100%; padding: 0px 0px 5px 0px; margin: 0; }
         ul.podmenu li { background: url(img/li_arrow.png) left no-repeat; list-style: none; padding: 2px 0 2px 20px; }
      /*SLIFESHOW*/     
         #slideshow_partnerzy img { float: left; }
      
         #prev { display: block; float: left; width: 35px; height: 56px; background: url(img/btn_prev.png) right bottom no-repeat; padding: 70px 0 0 5px; }         
         #next { display: block; float: left; width: 35px; height: 56px; background: url(img/btn_next.png) left bottom no-repeat; padding: 70px 5px 0 0; }
            
         div.slideshow_container { float: left; width: 860px; padding: 0 10px 0 10px; }
           div.slajd_para {  }
           div.slajd_news { float: left; width: 410px; padding: 10px; position: relative; height: 145px; }   
              div.slajd_news img { float: right; margin: 0 0 5px 5px; }      

         div.pasek_dolny { float:left; width: 960px; }
           div.pasek_in  { float:left; width: 320px; } 
           div.pasek_in img { margin: 0 3px 0 3px; border: 0; } 
        
       div.main_left { float: left; display: inline; width: 710px; padding: 25px 25px 25px 25px;  }
       div.main_left_kontakt { float: left; display: inline; width: 910px; padding: 25px 25px 25px 25px;  }       
       div.main_right { float: left; display: inline; width: 150px; padding: 25px 25px 25px 25px;  }
         a.podmenu { float: left; width: 124px; height: 26px; background: url(img/podmenu.png); padding: 6px 0 0 20px; }
         a.podmenu:hover  { text-decoration: none; background: url(img/podmenu.png) 0 31px; color: #272727; }
         #podmenu_active { text-decoration: none; background: url(img/podmenu.png) 0 31px; color: #272727; }
         
       div.main_left_glowna { float: left; display: inline; width: 500px; padding: 25px 25px 0px 25px; margin:0; }
       div.main_right_glowna { float: right; display: inline; width: 380px; padding: 35px 25px 0px 5px; margin:0; }
         
         a.btn_galeria { display: block; float: left; width: 116px; height: 114px; background: url(img/btn_konkurs.png); margin: 0 7px 0 0; }
         a.btn_ramowka { display: block; float: left; width: 116px; height: 114px; background: url(img/btn_ramowka.jpg); margin: 0 7px 0 0; }
a.btn_produkt { display: block; float: left; width: 116px; height: 114px; background: url(img/btn_produkt.jpg); margin: 0 7px 0 0; }
       
       div.pic_podstrona { width: 374px; height: 247px; background: url(img/pic_podstrona.jpg); }
       div.pic_glowna { float: left; width: 500px; height: 354px; background: url(img/pic_glowna.png); }
         /*ie6*/ *html* div.pic_glowna { background-image: none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale src='img/pic_glowna.png'); }       
       div.pic_glowna_absolute { position: absolute; top: 24px; width: 500px; height: 354px; background: url(img/pic_glowna.png); z-index: 1500;}         

  div.footer { float: left; width: 910px; height: 38px; padding: 25px 25px 0 25px; background: url(img/footer_bg.jpg); text-align: left; font-size: 11px; color: #878787; margin: 15px 0 10px 0; }
    div.footer a { color: #878787; padding: 0 10px 0 10px; }
    div.footer a:hover { color: #878787; }
  
  div.line { width: 100%; height: 1px; border-bottom: 1px solid #DBDBDB; clear: both; }
  p.data { font-weight: bold; }
  p.data2 { font-weight: normal; padding: 0; margin: 0; font-size: 10px; }
  div.clear { clear: both; }  
  a.wiecej { display: block; float: right; background: url(img/btn_wiecej.png); width: 55px; height: 19px; font-size: 11px; margin-bottom: 5px; }
  a.wiecej_left { display: block; float: left; background: url(img/btn_wiecej.png); width: 55px; height: 19px; font-size: 11px; margin-bottom: 5px; }    

  /* FORM */
  div.form { float: right; width: 440px; margin-right: 20px; }
  div.form textarea { width: 300px; height: 100px; border: 1px solid #636363; font-family: Arial, Verdana, Geneva, sans-serif; font-size:12px; padding: 2px; }
  div.form input { width: 300px; border: 1px solid #636363; font-family: Arial, Verdana, Geneva, sans-serif; font-size:12px; padding: 2px; }  
  div.form input.wyslij { width: 80px; cursor: pointer; }
  div.form select { width: 306px; }
  p.teksty { width: 120px; margin: 0; }
  
  div.aktualnosci img{ float: right; clear: right; margin: 0 0 5px 10px; }