/* CSS Document */
a:link {
        color: #336699;
       }
a:visited {
           color: #800080;
          }
a:hover {
         color: #FF0000;
         text-decoration: none;
        }
a:active {
          color: #FF0000;
         }
a.email_bottom {
                margin-top: 0;
               }
a.up {
      margin-top: 0px;
     }
body {
      font-family: Arial, Helvetica, sans-serif;
      margin: 10px 2px 10px 2px;
      background-image: url(../images/background.jpg);
     }
.bold {
       font-weight: bold;
      }
.books_list {
             background-color: #008080;
             color: #FFFFFF;
             font-size: 13px;
             font-weight: bold;
             line-height: 150%;
             margin: 0;
             padding-left: 0.7em;
            }
.bottom_links {
               font-size: 13px;
               text-align: center;
              }
.bottom_links a {
                 margin-left: 15px;
                }
.bottom_links a.email_bottom {
                              background-image: url(../images/email.gif);
                              background-repeat: no-repeat;
                              background-position: left center;
                              padding-left: 20px;
                             }
.bottom_links a.up {
                 background-image: url(../images/up.gif);
                 background-repeat: no-repeat;
                 background-position: left center;
                 padding-left: 15px;
                }
.bottom_links a:link {
                      color: #336699;
                     }
.bottom_links a:visited {
                         color: #336699;
                        }
.bottom_links a:hover {
                       color: #FF0000;
                       text-decoration: none;
                      }
.bottom_links a:active {
                        color: #FF0000;
                       }
.closing_text {
               background-color: #008080;
               color: #FFFFFF;
               font-size: 13px;
               font-weight: bold;
               line-height: 150%;
               margin: 0em;
               text-align: center;
              }
.closing_text_left_column {
                           background-color: #008080;
                           color: #FFFFFF;
                           font-size: 13px;
                           font-weight: bold;
                           line-height: 150%;
                           margin: 0em;
                           text-align: center;
                          }
.copyright {
            color: #008080;
           }
.dark {
       background-color: #F3F3F3;
       font-size: 13px;
       padding-bottom: 2px;
       padding-left: 1em;
      }
.dark a {
         line-height: 150%;
        }
.desc {
       color: #008080;
       font-size: 13px;
       margin: 0.4em 0em 0.4em 1.5em;
      }
.ebk {
      color: #008080;
      font-size: 19px;
      margin: 0em 0em 0em 1em;
     }
.ek_list {
          background-color: #008080;
          color:#FFFFFF;
          font-size: 15px;
          /*letter-spacing: 0.1em;*/
		  line-height: 150%;
          margin: 0em 0em 1.2em 0em;
          text-align: center;
          }
.email_top {
            font-size: 13px;
            margin-bottom: 3px;
            margin-top: 8px;
            padding-right: 3%;
            text-align: right;
           }
/*.email_top a {
              background-image: url(../images/email.gif);
              background-repeat: no-repeat;
              background-position: left center;
              padding-left: 20px;
             }*/
.google {
         color: #008080;
         font-size: 13px;
        }
.light {
        font-size: 13px;
        padding-bottom: 2px;
        padding-left: 1em;
       }
.light a {
          line-height: 150%;
         }
.table_bottom {
               border-bottom: 1px solid #DDDDDD;
               padding-bottom: 0.9em;
               margin-bottom: 1.2em;
              }
.table_bottom_links {
                     border-bottom: 1px solid #DDDDDD;
                     border-top: 1px solid #DDDDDD;
                    }
#table_top {
            background-image: url(../images/bg_top.jpg);
            background-repeat: repeat-x;
            background-position: 0% 0%;
            border: 1px solid #EEEEEE;
            padding-top: 0.5em;
            margin-bottom: 15px;
           }
#wrapper {
          background-color: #FFFFFF;
          margin-left: auto;
          margin-right: auto;
          padding: 15px;
          width: 960px;
         }
/*---------------------------Довгий зміст (початок)-----------------------*/
div.left_list {
               list-style-type: none;
               float: left;
               padding-right: 8px;
               width: 50%;
               vertical-align: top;
              }
div.right_list {
                list-style-type: none;
                margin-left: 50%;
                padding-left: 8px;
                vertical-align: top;
               }
.banner_top {
             text-align: center;
            }
.banner_bottom {
                clear: both;
                text-align: center;
                padding-top: 18px;
               }
/*---------------------------Довгий зміст (кінець)-----------------------*/

/*--------------------Стилі для планшетів (початок)--------------------*/
@media (min-width: 481px) and (max-width: 768px) {
#wrapper {	
          width: auto;
         }
#table_top img {
                display: none;
               }
#table_top form {
                 display: none;
                }
h1 {
    font-size: 1.05em;
   }
h2 
   {
    font-size: 1.03em;
   }
h3 {
    font-size: 1.02em;
   }
div.left_list {
               float: none;
               padding-right: 0px;
               width: 100%;
              }
div.right_list {
                margin-left: 0px;
                padding-left: 0px;
                width: 100%;
               }
.closing_text_left_column {
                           display: none;
                          }
.banner_top {
             display: none;
            }
.banner_bottom {
                display: none;
               }
#wrapper {
          padding-left: 0px;
          padding-right: 0px;
         }
                                                 }
/*--------------------Стилі для планшетів (кінець)----------------------*/

/*--------------------Стилі для смартфонів (початок)--------------------*/
@media (max-width: 480px) {
#wrapper {	
          width: auto;
         }
#table_top img {
                display: none;
               }
#table_top form {
                 display: none;
                }
h1 {
    font-size: 1.05em;
   }
h2 
   {
    font-size: 1.03em;
   }
h3 {
    font-size: 1.02em;
   }
div.left_list {
               float: none;
               padding-right: 0px;
               width: 100%;
              }
div.right_list {
                margin-left: 0px;
                padding-left: 0px;
                width: 100%;
               }
.closing_text_left_column {
                           display: none;
                          }
.banner_top {
             display: none;
            }
.banner_bottom {
                display: none;
               }
#wrapper {
          padding-left: 0px;
          padding-right: 0px;
         }
                          }
/*--------------------Стилі для смартфонів (кінець)--------------------*/