/* CSS Document */

BODY {

padding: 0px;
margin: 0px;

background-color: #fff;

font-family: sans-serif;
}

/*img {
border: 3px solid #D4CEEE;
}*/

div {

}

ul {
list-style-type: none;
}

ul.l1 {
list-style-type: decimal;
font-size: 12px;
margin-left: 15px;
padding-left: 0px;
}

ul.l2 {
list-style-type: lower-alpha;
font-size: 12px;
}

ul.l3 {
list-style-type: none;
font-size: 12px;
}

#bodyContainer {
width: 1440px;
}
#mainTop {
width: 960px;
height: 200px;
background-color: #3e2f74;
background-image: url('img/motyl-top.png');
background-repeat: no-repeat;
background-position: center;
}
#mainMenu {
width: 960px;
height: 35px; 

background-color: #D4CEEE;
line-height: 35px;

font-size: 14px;
font-weight: bold;
}
  #mainMenu a {
  color: #3e2f74;
  text-decoration: none;
  }
  #mainMenu a:visited {
  color: #3e2f74;
  text-decoration: none;
  }
  #mainMenu a:hover {
  color: #8A7DBA;
  text-decoration: none;
  }
  #mainMenu ul {
  list-style-type: none;
  margin: 0px;
  padding: 0px;
  }
  #mainMenu li {
  display: inline;
  padding: 0px 25px;
  text-align: center;
  }
#mainContainer {
width: 960px;
background-color: #8A7DBA;
background-image: url('img/motyl.png');
background-repeat: no-repeat;
background-position: right bottom;
padding-top: 20px;
padding-bottom: 100px;
}
  #mainLeft {
  display: inline;
  float: left;
  width: 200px;
  padding-right: 0px;
  padding-bottom: 220px;
  
  background-repeat: no-repeat;
  background-position: bottom;
  
  /*border-right: 1px dotted #D4CEEE;*/
  font-size: 16px;

  }
    #mainLeft ul {
    padding: 0px 0px 20px 0px;
    margin: 0px;
    border-bottom: 1px dotted #aea6ce;
    }
    #mainLeft li {
    width: 190px;
    padding: 0px;
    margin: 0px;
    }
    #mainLeft a {
    display: block;
    width: 190px;
    padding: 5px;
    color: #fff;
    text-decoration: none;
/*    border-bottom: 1px solid #fff;*/
    }
    #mainLeft a:visited {
    color: #fff;
    text-decoration: none;
    }
    #mainLeft a:hover {
    background-color: #67589e;
    color: #fff;
    text-decoration: none;
    }
  
  #mainRight {
  display: inline;
  float: right;
  width: 740px;
  margin-left: 20px;
  }
    #mainRightTitle {
    background-color: #fff;
    background-image: url('img/butterfly1.png');
    background-position: right;
    background-repeat: no-repeat;
    height: 40px;
    line-height: 40px;
    font-size: 20px;
    font-weight: normal;
    width: 740px;
    margin: 10px 0px;
    padding: 5px;
    color: #8a7dba;
    }
      #homeLeft {
      color: #fff;
      width: 480px;
      margin-right: 10px;
      float: left;
      display: inline;
      }
        #homeText {
        padding: 5px;
        }
        #homeText P {
        font-size: 13px;
        }
        #homeLeftTitle {
        background-color: #fff;
        background-image: url('img/butterfly1.png');
        background-position: right;
        background-repeat: no-repeat;
        height: 40px;
        line-height: 40px;
        font-size: 20px;
        font-weight: normal;
        width: 460px;
        margin: 0px 0px 10px 0px;
        padding: 5px;
        color: #8a7dba;
        }
        #homeLeft h3 {
        padding-bottom: 20px;
        border-bottom: 1px dotted #aea6ce;
        }
        
      /* Style modułów */
        
        #newsContainer {
        margin: 0px 5px;
        }
        .newsHolder {
        margin-bottom: 40px;
        }
          .newsDate {
          display: block;
          
          text-align: right;
          font-size: 13px;
          font-style: italic;
          margin: 0px;
          padding: 0px;
          }
          #newsContainer a {
          color: #3e2f74;
          text-decoration: underline;
          }
          #newsContainer a:visited {
          color: #3e2f74;
          text-decoration: underline;
          }
          #newsContainer a:hover {
          color: #3e2f74;
          text-decoration: none;
          }
          #newsContainer h4 {
          margin: 2px 0px 0px 0px;
          height: 30px;
          padding-top: 10px;
          padding-left: 50px;
          background-image: url('img/heart1.png');
          background-repeat: no-repeat;
          background-position: left top;
          }
          #newsContainer h4 a {
          color: #fff;
          text-decoration: none;
          }
          #newsContainer h4 a:visited {
          color: #fff;
          text-decoration: none;
          }
          #newsContainer h4 a:hover {
          color: #fff;
          text-decoration: underline;
          }
            .newsContent {
            font-size: 15px;
            }
            .newsComment {
            text-align: right;
            font-size: 13px;
            }
            #newsBack {
            font-size: 13px;
            }
            #commentsForm {
            margin-bottom: 40px;
            }
            #commentsForm textarea {
            width: 400px;
            height: 100px;
            padding: 10px;
            border: 3px solid #D4CEEE;
            color: #3e2f74;
            font-size: 14px;
            font-family: sans-serif;
            font-weight: bold;
            }
            #commentsForm input {
            padding: 5px;
            border: 3px solid #D4CEEE;
            color: #3e2f74;
            font-size: 12px;
            font-family: sans-serif;
            font-weight: bold;
            }
            #commentsButton {
            height: 30px;
            line-height: 30px;
            font-size: 12px;
            font-weight: bold;
            }
            #commentsButton input {
            margin-top: 15px;
            margin-left: 39px;
            cursor: pointer;
            background-color: #fff;
            }
            #commentsInfo {
            color: #8f1c1c;
            margin: 15px 0px;
            font-size: 12px;
            font-weight: bold;
            }
            #commentsLoader {
            margin: 15px 0px;
            text-align: center;
            font-size: 14px;
            font-weight: bold;
            }
            .commentHolder1 {
            width: 406px;
            padding: 10px;
            margin: 20px 0px 0px 0px;
            background-color: #7465ab;
            }
            .commentHolder2 {
            width: 406px;
            padding: 10px;
            margin: 20px 0px 0px 0px;
            }
              .commentTop {
              font-weight: bold;
              font-size: 16px;
              }
                .commentTop em {
                font-size: 12px;
                font-weight: normal;
                font-style: normal;
                float: right;
                }
              .commentText {
              padding: 5px 10px;
              }
      #concertsContainer {
      padding-left: 20px;
      padding-right: 20px;
      margin-bottom: 5px;
      }
      .concertToday {
      padding: 0px 0px 20px 0px;
      margin-bottom: 10px;
      border: 2px solid #D4CEEE;
      }
        .concertToday h4 {
        padding-left: 10px;
        }
        .concertsMonthHeader h5 {
        color: #D4CEEE;
        font-size: 24px;
        margin-bottom: 5px;
        padding-bottom: 0px;
        }
        .concertDay {
        float: left;
        width: 40px;
        padding-left: 10px;
        font-size: 22px;
        font-weight: bold;
        }
        .concertText {
        float: left;
        padding-top: 4px;
        width: 300px;
        }
      
      #galleriesContainer {
      
      }
      #galleriesContainer a {
      color: #fff;
      text-decoration: none;
      display: block;
      }
      #galleriesContainer a:visited {
      color: #fff;
      text-decoration: none;
      }
      #galleriesContainer a:hover {
      color: #fff;
      text-decoration: none;
      background-color: #67589e;
      }
        .galleries Holder {
        display: block;
        clear: both;
        }
          .galleriesLeft {
          float: left;
          width: 100px;
          padding: 14px;
          }
            .galleriesLeft IMG {
            height: 100px;
            width: 100px;
            border: 3px solid #D4CEEE;
            }
          .galleriesRight {
          float: left;
          width: 300px;
          padding-top: 10px;
          }
            .galleriesRight h5 {
            font-size: 16px;
            }
            .galleriesRight p {
            font-size: 12px;
            text-align: right;
            font-style: italic;
            }
      #galleryContainer {
      
      }
        #galleryContainer a {
        font-size: 14px;
        text-decoration: none;
        color: #D4CEEE;
        }
        #galleryContainer a:visited {
        font-size: 14px;
        text-decoration: none;
        color: #D4CEEE;
        }
        #galleryContainer a:hover {
        font-size: 14px;
        text-decoration: underline;
        color: #D4CEEE;
        }
        .galleryRow {
        width: 450px;
        display: block;
        clear: both;
        }
          .galleryImageHolder {
          float: left;
          }
            .galleryImageHolder IMG {
            margin: 3px;
            border: 3px solid #D4CEEE;
            width: 100px;
            height: 100px;
            }
      #portraitAbout {
      font-size: 13px;
      padding: 0px 20px;
      }
      .statutHeader {
      text-align: center;
      font-size: 14px;
      font-weight: bold;
      }
      .statutParagraph {
      font-size: 12px;
      }
      
      #friendContainer {
      
      }
        #friendContainer img {
        border: 3px solid #D4CEEE;
        }
        #friendName {
        color: #D4CEEE;
        font-size: 26px;
        font-weight: bold;
        margin-bottom: 15px;
        }
          #friendLeft {
          float: left;
          display: inline;
          width: 200px;
          }
            #friendWebsite h5 {
            font-size: 14px;
            font-weight: bold;
            margin-bottom: 3px;
            padding-bottom: 0px;
            }
            #friendWebsite a {
            color: #D4CEEE;
            text-decoration: none;
            font-size: 14px;
            }
            #friendWebsite a:visited {
            color: #D4CEEE;
            text-decoration: none;
            }
            #friendWebsite a:hover {
            color: #D4CEEE;
            text-decoration: underline;
            }
            
          #friendRight {
          width: 250px;
          float: left;
          display: inline;
          font-size: 14px;
          }
      
      /*############################################### 
      Koniec styli modułów
      ###############################################*/
        
      #homeRight {
      width: 250px;
      float: right;
      display: inline;
      }
        .homeRightTitle {
        background-color: #fff;
        background-image: url('img/butterfly1.png');
        background-position: right;
        background-repeat: no-repeat;
        height: 40px;
        line-height: 40px;
        font-size: 20px;
        font-weight: normal;
        width: 240px;
        margin: 10px 0px;
        padding: 5px;
        color: #8a7dba;
        }
          #homeRightNews {
          padding: 2px;
          }
            #homeRightNews a {
            display: block;
            font-size: 15px;
            color: #fff;
            font-weight: bold;
            text-decoration: none;
            }
            #homeRightNews p {
            padding: 3px;
            color: #fff;
            font-size: 13px;
            }
            #homeRightNewsMore a {
            padding: 0px;
            margin: 0px;
            text-align: right;
            font-weight: normal;
            font-style: italic;
            }
            
            #homeRightNewsDate {
            text-align: right;
            font-style: italic;
            }
          #homeRightConcert {
          padding-top: 10px;
          border-top: 1px dotted #aea6ce;
          }
          #homeRightConcert a {
          text-decoration: none;
          }
            #homeRightConcert h5 {
            color: #fff;
            font-size: 15px;
            }
            #newConcertDate {
            font-size: 14px;
            color: #fff;
            font-weight: bold;
            }
            #newConcertText {
            padding-left: 15px;
            font-size: 14px;
            color: #fff;
            }
          #homeRightGalleries {
          width: 250px;
          }
          #homeRightGalleries IMG {
          width: 100px;
          height: 100px;
          border: 3px solid #D4CEEE;
          margin: 0px 8px;
          }
            .homeRightGallery {
            display: inline;
            }
              .homeRightGalleryContainer {
              width: 250px;
              }
                #homeRightGalleries1 {
                float: left;
                }
                #homeRightGalleries2 {
                float: right;
                }
                #homeRightGalleries3 {
                float: left;
                }
                #homeRightGalleries4 {
                float: right;
                }
          #homeRightContact ul {
          margin: 5px 5px 20px 5px;
          padding: 0px;
          font-size: 14px;
          color: #fff;
          }
          #homeRightContact li {
          margin: 4px 0px;
          padding: 0px;
          }
#mainFooter {
width: 960px;
margin-top: 50px;
margin-bottom: 10px;
border-top: 1px #E8E4F7 dotted;
}
  .mainFooterMenu {
  
  display: inline;
  float: left;
  padding: 0px 15px;
  }
    .mainFooterMenuTitle {
    border-bottom: 1px solid #aaaaaa;
    color: #676767;
    font-size: 14px;
    padding: 5px 0px;
    }
    .mainFooterMenuItems {
    font-size: 12px;
    }
    .mainFooterMenuItems ul {
    padding: 0px;
    margin: 0px;
    }
    .mainFooterMenuItems li {
    padding: 5px 0px;
    margin: 0px;
    }
    .mainFooterMenuItems a {
    color: #aaaaaa;
    text-decoration: none;
    }
    .mainFooterMenuItems a:visited {
    color: #aaaaaa;
    text-decoration: none;
    }
    .mainFooterMenuItems a:hover {
    color: #565656;
    text-decoration: none;
    }
    #mainFooterContact {
    width: 100px;
    display: inline;
    float: left;
    
    font-size: 11px;
    color: #565656;
    }
      #mainFooterContact ul {
      padding: 5px 0px 0px 0px;
      margin: 0px;
      }
      #mainFooterContact li {
      padding: 0px;
      margin: 0px;
      }
    #mainFooterLogo {
    padding: 10px; 
    display: inline;
    float: right;
    }
    
#footer {
text-align: center;
font-size: 10px;
color: #a9a9a9;
margin: 20px 0px;
}