body {
     margin: 0 auto 5px auto;
     padding: 0;
     text-align: center;
     background-image: url(graphics/bg.jpg);
     /*background-repeat: no-repeat;*/
     background-color: #000;
     color: #000;
     font-family: Arial, Georgia, Verdana;
     font-size: 12px;
     }

div {
     padding: 0;
     margin: 0;
    }

img {
    border: none;
    margin: 0;
    padding: 0;
    }
    
#top{
     margin: 0 auto;
     text-align: center;
     width: 932px;
     height: 150px;
     overflow: hidden;
     background-color: #000F2E;
     }
     
#top #menu{
           width: 932px;
           height: 61px;
           overflow: hidden;
           background-image: url(graphics/menu-left.jpg);
           background-repeat: no-repeat;
           background-position: top right;
           }

#top #menu div{
                float: left;
               }
           
#top #menu a{
             height: 61px;
             padding-top: 10px;
             display: block;
             float: left;
             text-align: center;
             color: #fff;
             text-decoration: none;
             font-size: 14px;
             font-family: Arial, Georgia, Verdana;
             line-height: 18px;
             }

             
#top #menu a#fajerwerki-amatorskie{
                                    background: url(graphics/fajerwerki-amatorskie.jpg);
                                    width: 112px;
                                   }
                                   
#top #menu a#fajerwerki-amatorskie:hover{
                                         background: url(graphics/fajerwerki-amatorskie.jpg)0 -61px;
                                         }
                                   
#top #menu a#fajerwerki-profesjonalne{
                                      background: url(graphics/fajerwerki-profesjonalne.jpg);
                                      width: 131px;
                                     }
                                     
#top #menu a#fajerwerki-profesjonalne:hover{
                                            background: url(graphics/fajerwerki-profesjonalne.jpg)0 -61px;
                                            }
                                         
                                     
#top #menu a#pokazy{
                    background: url(graphics/pokazy.jpg);
                    width: 96px;
                    padding-top: 20px;
                    }
                    
#top #menu a#pokazy:hover{
                          background: url(graphics/pokazy.jpg)0 -61px;
                          }
                    
#top #menu a#materialy-reklamowe{
                                 background: url(graphics/materialy-reklamowe.jpg);
                                 width: 124px;
                                 }
                                 
#top #menu a#materialy-reklamowe:hover{
                                       background: url(graphics/materialy-reklamowe.jpg)0 -61px;
                                      }
     
#top #menu2{
           width: 935px;
           height: 35px;
           overflow: hidden;
           }
           
#top #menu2 div{
                float: left;
                overflow: hidden;
               }
               
#top #menu2 div#menu2-right{
                             background: url(graphics/menu2-right.jpg);
                             width: 473px;
                             height: 35px;
                             overflow: hidden;
                           }

#top #menu2 a:hover{
                    background-position: 0 -35px;
text-decoration: underline !important;
                    overflow: hidden;
                  }

#top #menu2 a#start{
                    margin: 0;
                    height: 35px;
                    width: 98px;
                    padding-top: 10px;
                    display: block;
                    float: left;
                    text-align: center;
                    color: #fff;
                    text-decoration: none;
                    font-size: 14px;
                    font-family: Verdana, Arial, Georgia;
                    background-image: url(graphics/menu2-start.jpg);
                    overflow: hidden;
                    font-weight: bold;
                   }

                   
#top #menu2 a#ofirmie{
                      margin: 0;
                      height: 35px;
                      width: 98px;
                      padding-top: 10px;
                      display: block;
                      float: left;
                      text-align: center;
                      color: #fff;
                      text-decoration: none;
                      font-size: 14px;
                      font-family: Verdana, Arial, Georgia;
                      background-image: url(graphics/menu2-ofirmie.jpg);
                      overflow: hidden;
                      font-weight: bold;
                      }
                      
#top #menu2 a#galeria{
                      margin: 0;
                      height: 35px;
                      width: 98px;
                      padding-top: 10px;
                      display: block;
                      float: left;
                      text-align: center;
                      color: #fff;
                      text-decoration: none;
                      font-size: 14px;
                      font-family: Verdana, Arial, Georgia;
                      background-image: url(graphics/menu2-galeria.jpg);
                      overflow: hidden;
                      font-weight: bold;
                      }
                      
#top #menu2 a#kontakt{
                      height: 35px;
                      width: 98px;
                      padding-top: 10px;
                      display: block;
                      float: left;
                      text-align: center;
                      color: #fff;
                      text-decoration: none;
                      font-size: 14px;
                      font-family: Verdana, Arial, Georgia;
                      background-image: url(graphics/menu2-kontakt.jpg);
                      overflow: hidden;
                      font-weight: bold;
                      }
                      
#main{
     margin: 0 auto;
     text-align: center;
     width: 935px;
     height: 386px;
     overflow: hidden;
     }
     
#main #animation{
                 margin: 0;
                 text-align: left;
                 width: 465px;
                 height: 384px;
                 overflow: hidden;
                 float: left;
                 border-left: 1px solid #4AE50E;
                 border-top: 1px solid #4AE50E;
                 border-bottom: 1px solid #4AE50E;
                 }
                 
#main #extern-content{
                      margin: 0;
                      text-align: left;
                      /*
                      background-image: url(graphics/content.jpg);
                      background-color: #969594;
                      */
                      background-color: #000;
                      width: 465px;
                      height: 386px;
                      float: left;
                      border-right: 1px solid #4AE50E;
                      border-top: 1px solid #4AE50E;
                      border-bottom: 1px solid #4AE50E;
                     }
                 
#main #content{
                 margin: 0;
                 width: 464px;
                 height: 386px;
                 overflow: auto;
                 border-left: 3px #a9ff00 solid;
                 }

                 
#main #content p{
                 text-align: justify;
                 margin: 10px;
                 color: #fff;
                 font-family: Arial, Georgia, Verdana;
                 }
                 
#main #content #opis{
                     text-align: justify;
                     margin: 10px;
                     color: #fff;
                     font-family: Arial, Georgia, Verdana;
                     }
                 
#main #content a{
                 color: #fff;
                 text-decoration: underline;
                 }
                 
#main #content a:hover{
                       color: #FF7A00;
                        }
                        
#main #content ul li{
                     text-align: justify;
                     margin-bottom: 10px;
                     padding: 0;
                     font-family: Arial, Georgia, Verdana
                    }
                    
p.error{
        background-image: url(graphics/about.png);
        background-repeat: no-repeat;
        background-position: 4px;
        text-align: left;
        font-weight: bold;
        color: #000;
        background-color: #ECD5D8;
        border: 1px solid #BC2A4D;
        padding: 4px 4px 4px 26px;
        }

p.correctly{
            background-image: url(graphics/ok.png);
            background-repeat: no-repeat;
            background-position: 4px;
            text-align: left;
            font-weight: bold;
            color: #000;
            background-color: #66FF66;
            border: 1px solid #006600;
            padding: 4px 4px 4px 26px;
            }
                 
#undermain{
           margin: 0 auto;
           text-align: left;
           width: 932px;
           height: 59px;
           overflow: hidden;
           }
           
#aktualnosci{
             margin: 0 auto;
             text-align: left;
             width: 932px;
             height: 183px;
             overflow: hidden;
             }
             
#aktualnosci div{
                  float: left;
                  overflow: hidden;
                  text-align: left;
                }
             
#aktualnosci .aktualnosci-pozycja{
                                  text-align: left;
                                  float: left;
                                  width: 293px;
                                  height: 183px;
                                  overflow: hidden;
                                  background-image: url(graphics/aktualnosci.jpg);
                                  background-color: #969594;
                                  }
                                  
#aktualnosci .aktualnosci-pozycja h1{
                                     background-image: url(graphics/about.png);
                                     background-repeat: no-repeat;
                                     background-position: left;
                                     padding-left: 22px;
                                     font-size: 14px;
                                     color: #fff;
                                     margin: 5px 2px 0 2px;
                                     }
                                     
#aktualnosci .aktualnosci-pozycja p{
                                     margin: 10px 5px 5px 5px;
                                     text-align: justify;
                                     }
                                     
#aktualnosci .aktualnosci-pozycja a{
                                     color: #fff;
                                     text-decoration: underline;
                                     }
                                     
#aktualnosci .aktualnosci-pozycja a:hover{
                                           color: #FF7A00;
                                         }

                                  
#underaktualnosci{
                  margin: 0 auto;
                  text-align: left;
                  width: 932px;
                  height: 25px;
                  overflow: hidden;
                  background-image: url(graphics/underaktualnosci.jpg);
                  background-repeat: no-repeat;
                  }
                  
#underaktualnosci p{
                    text-align: right;
                    margin-right: 10px;
                    margin-top: 5px;
                  }
                  
#underaktualnosci a{
                    color: #A8D70E;
                    font-size: 14px;
                    font-weight: bold;
                    text-decoration: none;
                    }

#underaktualnosci a:hover{
                          color: #FF7A00;
                          }
                  
fieldset{
         font-weight: normal;
         width: 125px;
         height: 120px;
         float: left;
         padding: 2px;
         text-align: left;
         margin: 0 5px 20px 5px;
         color: #fff;
         }
         
fieldset a{
           margin: 5px 0 10px 0;
           display: block;
           background-image: url(graphics/arrow_next.gif);
           background-repeat: no-repeat;
           background-position: left;
           padding-left: 16px;
           color: #000;
           text-decoration: underline;
           }
           

fieldset a:hover{
                 color: #FF7A00;
                 }
         
#foot{
        margin: 0 auto 5px auto;
        width: 932px;
        text-align: center;
        overflow: hidden;
        }

#foot p{
      text-align: center;
      font-size: 10px;
      margin: 0;
      padding: 2px 0 0 0;
      color: #fff;
      }
      
/* druga wersja strony */
#main2{
     margin: 0 auto;
     text-align: center;
     width: 932px;
     overflow: hidden;
     background-image: url(graphics/main2.jpg);
     background-color: #969594;
     }
     
#main2 a.link {
               color :#fff;
               }

#main2 a.link:hover{
                     color: #FF7A00;
                     }
     
#main2 p{
         text-align: justify;
         margin: 10px;
         font-family: Arial, Georgia, Verdana;
         }
         
#main2 h3{
         text-align: center;
         margin: 10px;
         color: #fff;
         font-family: Arial, Georgia, Verdana;
         font-size: 16px;
         }
         
#main2 h1.info{
                 text-align: left;
                 font-size: 16px;
                 color: #fff;
                 margin: 10px;
                 padding: 0;
                 }
               
#main2 table td{
                text-align: left;
                font-family: Arial, Georgia, Verdana;
                font-size: 12px;
               }
               
#main2 #materialy_reklamowe{
                            margin: 10px auto;
                            text-align: center;
                            width: 800px;
                            }

#main2 #materialy_reklamowe td{
                               text-align: justify;
                               border-bottom: 1px solid #03212C;
                               vertical-align: top;
                               font-family: Tahoma;
                               font-size: 12px;
                               }
                               
#main2 #materialy_reklamowe td h1{
                                  text-align: left;
                                  font-size: 16px;
                                  color: #fff;
                                  margin: 0 0 5px 0;
                                  }
                                  
#main2 #materialy_reklamowe td h1 a{
                                    text-align: left;
                                    font-size: 16px;
                                    color: #fff;
                                    margin: 0 0 5px 0;
                                    text-decoration: none;
                                    }
                                  
#main2 #materialy_reklamowe td p{
                                  margin: 2px 0 5px 0;
                                  color: #000;
                                  }
                                  
#main2 #materialy_reklamowe td a{
                                  text-align: center;
                                  font-size: 14px;
                                  color: #fff;
                                  text-decoration: none;
                                  }

#main2 #materialy_reklamowe td a:hover{
                                       color: #FF7A00;
                                      }
                                      
#main2 #materialy_reklamowe td img{
                                      border: 2px solid #000;
                                         }
                                         
#main2 #materialy_reklamowe p.describe{
                                        margin: 5px 0 10px 0;
                                        display: block;
                                        background-image: url(graphics/action_check.gif);
                                        background-repeat: no-repeat;
                                        background-position: left;
                                        padding-left: 18px;
                                        }
/*
#main2 a{
         color: #fff;
         text-decoration: underline;
         }

#main2 a:hover{
               color: #FF7A00;
               }
*/

#main2 #galeria-filmy a{
                        color :#fff;
                      }
                      
#main2 #galeria-filmy a:hover{
                              color: #FF7A00;
                             }
.show_aktualnosci {
                   width: 95%;
                   border: 1px solid #000;
                   background-color: #fff;
                   margin: 10px auto 10px auto;
                   text-align: left;
                   padding: 4px;
                   color: #000;
                  }
          
.show_aktualnosci h1{
                     background-image: url(graphics/about.png);
                     background-repeat: no-repeat;
                     background-position: left;
                     padding-left: 22px;
                     font-size: 14px;
                     color: #000;
                     margin: 5px 2px 0 2px;
                     text-align: left;
                     }

.show_aktualnosci p{
                    margin: 10px 5px 5px 5px;
                    text-align: justify;
                    color: #000;
                    }

.show_aktualnosci a{
                    color: #000;
                    text-decoration: underline;
                    }

.show_aktualnosci a:hover{
                          color: #FF7A00;
                          }

                          
.show_aktualnosci ul li{
                        text-align: left;
                        margin-bottom: 10px;
                        padding: 0;
                        font-family: Arial, Georgia, Verdana;
                        }
                        
.show_aktualnosci img{
                        margin: 10px 0 10px 10px;
                        }

.show_gallery {
               margin: 10px;
               text-align: center;
               padding: 4px;
               float: left;
               text-decoration: none;
               font-size: 11px;
               color: #fff;
               }
               
.show_gallery img{
                  border: 1px solid #fff;
                  }


               
a.films{
                     background-image: url(graphics/play.png);
                     background-repeat: no-repeat;
                     background-position: left;
                     padding-left: 22px;
                     font-size: 14px;
                     color: #F15A01;
                     margin: 6px 2px 6px 110px;
                     text-align: left;
                     display: block;
                     }
                     
a:hover.films{
              #FF7A00
              }
              
#main2 #fajerwerki_amatorskie{
                              margin: 10px auto;
                              text-align: center;
                              width: 800px;
                              }

#main2 #fajerwerki_amatorskie td{
                               text-align: center;
                               vertical-align: middle;
                               font-family: Tahoma;
                               font-size: 14px;
                               font-weight: bold;
                               }


#main2 #fajerwerki_amatorskie td a{
                                   text-align: center;
                                   font-size: 14px;
                                   color: #fff;
                                   text-decoration: none;
                                   font-weight: bold;
                                   }

#main2 #fajerwerki_amatorskie td a:hover{
                                         color: #000;
                                         }
                                         
#main2 #fajerwerki_amatorskie td img{
                                      border: 2px solid #000;
                                         }
                                         
#main2 a.zdjecia_filmy {
                         display: block;
                         float: left;
                         margin: 0;
                         text-decoration: none;
                        }
                        
#main2 table#tab-fajerwerki-profesjonalne {
                                    margin: 10px auto;
                                    text-align: center;
                                    width: 900px;
                                   }
                                   
#main2 table#tab-fajerwerki-profesjonalne td{
                                      vertical-align: top;
                                     }
                                     
#main2 table#tab-fajerwerki-profesjonalne td a{
                                        margin: 6px 0 6px 0;
                                        background-image: url(graphics/arrow_next_blue.gif);
                                        background-repeat: no-repeat;
                                        background-position: left;
                                        padding-left: 16px;
                                        text-decoration: none;
                                        font-size: 12px;
                                        color: #fff;
                                       }
                                       
#main2 table#tab-fajerwerki-profesjonalne td a:hover{
                                                     color: #000;
                                                     }
                                       
#main2 table#tab-fajerwerki-profesjonalne td p{
                                        margin: 4px 0 4px 0;
                                        background-image: url(graphics/arrow_next.gif);
                                        background-repeat: no-repeat;
                                        background-position: left;
                                        padding-left: 16px;
                                        font-size: 12px;
                                       }
                                       
#main2 table#tab-fajerwerki-profesjonalne td img{
                                                 border: 2px solid #000;
                                                 }
               
/* ------- */

.chmurka {
         position:absolute;
         border:1px double #000;
         background:#FF6600;
         padding:1px;
         font:normal normal 9px Verdana, sans-serif;
         }
         
.wyszukiwanie{
              text-align: center;
              margin: 10px auto;
              background-color: #DADADA;
              padding: 5px;
              width: 80%;
              border: 1px solid #000;
              }
              
.wyszukiwanie h1{
                 text-align: left;
                 font-size: 16px;
                 color: #000;
                 margin: 0 0 5px 0;
                 padding: 0;
                 }
                 
.wyszukiwanie p{
                margin: 2px 0 5px 0;
                }
                
.wyszukiwanie p.link{
                     margin: 5px 0 10px 0;
                     display: block;
                     background-image: url(graphics/arrow_next.gif);
                     background-repeat: no-repeat;
                     background-position: left;
                     padding-left: 18px;
                     }
                     
.wyszukiwanie a{
                color: #000;
                text-decoration: underline;
                }

.wyszukiwanie a:hover{
                      color: #FF7A00;
                      }