/*tutaj wygląd całej strony czyli body*/
body {background:#000;
      color:#fff;
      width:980px;
      margin-left: auto;
      margin-right: auto;
      }
    
/*sekcja odpowiedzialna za wygląd nagłówka*/
#naglowek {display: block;
           margin: 0px;
           padding: 0px;
           text-align: center;
           }
#naglowek img{
border-width: 0px;
}

        
/*poziome menu główne*/          
#main_menu {
       display: block;
       height: 60px;
       margin: 0px;
       padding-top: 16px;
       list-style: none;
       background-image: url('page_images/menu_background2.jpg');
       background-repeat: repeat-x;
       font-family: georgia, serif;
       font-size: 18pt;
       font-style: italic;
       text-align: center;
       }                      
#main_menu li {
  list-style: none;
	display: inline;
	width: 120px;
	margin-left: 20px;
	margin-right: 20px;
	text-align: center;
  }
  
#main_menu a:link, #main_menu a:visited {
	text-decoration: none;
	color: #222;
  }
#main_menu a:hover {
	color: #666;
}

/*pionowe menu galerii*/
#gallery_menu, #gallery_menu2 {
       display: block;
       margin-left: 0px;
       padding: 5px;
       float: left;
       clear: none;   
       width: 228px;   
       font-family: georgia, serif;
       font-style: italic;
       font-weight: 540;
       text-align: left;
       line-height: 26px;
       text-indent: 30px;
       }
#gallery_menu {font-size: 20px;}
#gallery_menu2 { font-size: 16px; font-weight: bold}       
       
                
#gallery_menu li, #gallery_menu2 li {list-style: none;}
#gallery_menu li {margin-left: 10px;}
#gallery_menu2 li	{margin-left: -10px;}

#gallery_menu li ul {margin-left: -20px;font-size: 16px;}
#gallery_menu2 li ul {margin-left: -20px;font-size: 14px; font-weight: normal}

#gallery_menu a, #gallery_menu2 a{
	text-decoration: none;
	color: #fff; 
  }
#gallery_menu li:hover {
  background-image: url('page_images/xx_menu_background.jpg');  
  background-repeat: no-repeat;
  }
#gallery_menu2 li a:hover {color: #666;}
 
  
               
      
/*wyświetlanie strony głównej, podstron galerii*/          
#gallery {
      display: block;
      float: right;
      width: 710px;
      min-height: 660px;
      padding: 40px 0px 40px 0px;
      text-align: center;
      margin: 0px;
      }
      
#gallery a {
          padding-right: 2px;
          padding-left: 2px;
          padding-bottom: 4px;
          display: inline-block; 
          text-align: center; 
      }
      
#gallery p {
          font-family: georgia, serif;
          font-style: italic;
          font-size: 20pt;
          }
          
#gallery a {
      font-size:26pt;
      text-decoration:none;
      color:#777;}
#gallery a:hover {
      color:#fff;}

        


#gallery a img, #gallery a:link img, #gallery a:visited img {
                           border-style: solid;
                           border-width: 2px;
                           border-color: #666;
                           }
#gallery a:hover img {
             border-style: solid;
             border-width: 2px;
             border-color: #fff;
            }
            
            
            
            
          /*zmiana wyświetlania obrazków na głównej stronie z b-w na kolor;*/
a#wedding { 
             padding-right: 20px;
             padding-left: 20px;
             padding-bottom: 40px;
             width: 230px;
             height: 230px; 
             background: url(page_images/wedding_bw.jpg) no-repeat; 
           }
a:hover#wedding {background: url(page_images/wedding.jpg) no-repeat;}
                  
a#portrait { 
             padding-right: 20px;
             padding-left: 20px;
             padding-bottom: 40px;             
             width: 230px;
             height: 230px; 
             background: url(page_images/portrait_bw.jpg) no-repeat; 
           }
a:hover#portrait {background: url(page_images/portrait.jpg) no-repeat;}
                  
a#products { 
             padding-right: 20px;
             padding-left: 20px;
             padding-bottom: 40px;             
             width: 230px;
             height: 230px; 
             background: url(page_images/products_bw.jpg) no-repeat; 
           }
a:hover#products {background: url(page_images/products.jpg) no-repeat;}

a#private { 
             padding-right: 20px;
             padding-left: 20px;
             padding-bottom: 40px;             
             width: 230px;
             height: 230px; 
             background: url(page_images/private_bw.jpg) no-repeat; 
           }
a:hover#private {background: url(page_images/private.jpg) no-repeat;}
                  
                  


/*wyświetlanie strony z ofertą, o mnie i referencje*/
#offer {
      display: block;
      float: right;
      width: 710px;
      min-height: 500px;
      padding: 40px 20px 40px 0px;
      text-align: justify;
      font-family: arial, serif;
      font-size: 14px;
      line-height: 20px;
      margin: 0px;
      }
#offer p {
      text-indent: 20px
      }
#offer p.bl:first-letter {
      font-size:22px}
#offer a {
      font-family:georgia,serif;
      font-size:26px;
      font-style:italic;
      text-decoration:none;
      color:#777;}
#offer a:hover {
      color:#fff;}
      
#offer a.stock{
        font-size: 18px;
        text-decoration: none;
        color:#777;
        }
#offer a.stock:hover {
      color:#fff;}
      
#offer ul.faq li {
      font-family:georgia,serif;
      font-size: 18px;
      font-style: italic;
      }
#offer ul.faq p {
      color:#aaa;}
#division {
      background-image: url('page_images/division.jpg');
      background-repeat: repeat-x;} 
      



#articles, #links {
         display: block;
         min-height: 500px;
         padding: 60px 30px 40px 20px;
         text-align: justify;
         font-family: arial, serif;
         font-size: 16px;
         margin: 0px;
         }
#articles a, #links a {
      font-family:georgia,serif;
      font-size:20px;
      font-style:italic;
      text-decoration:none;
      color:#777;}
#articles a:hover, #links a:hover {
      color:#fff;}
      
#links p.catalogs, #links p.blog {
         text-align: center;
         }
#links p.catalogs a {
         font-size: 16px;
         color: #666;
         text-decoration: none;
         }
#articles p {text-indent: 40px;}                        
      
#articles {float: right;width: 680px;}
#links {width: 780px; padding: 60px 80px 40px 80px;}                           
                                    

        /*style odpowiedzialne za wyświetlenie strony z formularzem kontaktowym*/        
#contact {
      display: block;
      float: right;
      width: 710px;
      min-height: 500px;
      padding: 40px 20px 40px 0px;
      font-family: arial, serif;
      font-size: 16px;
      line-height: 20px;
      margin: 0px;
      }
#form1 {display: block;
        padding-left: 5px;
        padding-right: 5px;
        font-family: arial, sans-serif;
        font-size: 16px;
        font-weight: bold;
        line-height: 16px;
        text-align: left;
        float: left;
        }
#form2 {display: block;
        padding: 0px;
        font-family: arial, sans-serif;
        font-size: 12px;
        text-align: left;
        float: left;
        }

#main_text {
         display: block;
         margin: 0px;
         padding: 0px 60px 20px 60px;
         text-align: justify;
         font-family: georgia, serif;
         font-size: 12px;
         font-weight: normal;
         font-style: italic;
         color: #ccc;
         clear: right;
}
#main_text a {
      font-family:georgia,serif;
      font-size:26px;
      font-style:italic;
      text-decoration:none;
      color:#777;}
#main_text a:hover {
      color:#fff;}



/*sekcja odpowiedzialna za wygląd stopki*/         
#stopka {display: block;
         height: 50px;
         background-image: url('page_images/menu_background2.jpg');
         background-repeat: repeat-x;
         margin: 0px;
         padding: 16px 0px 0px 0px;
         text-align: center;
         font-family: arial, sans-serif;
         font-size: 10px;
         color: #000;
         }
         
#stopka2 {display: block;
         margin: 0px;
         padding: 0px 0px 10px 0px;
         text-align: center;
         font-family: arial, sans-serif;
         font-size: 11px;
         color: #ccc;
         }         
         
/*inne*/
#signature {
              text-align:right;
              font-family: georgia, serif;
              font-size: 18px;
              font-style: italic;}
h1 {font-size: 16pt}