/* http://meyerweb.com/eric/tools/css/reset/
   v2.0 | 20110126
   License: none (public domain)
   */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
                           margin: 0;
                           padding: 0;
                           border: 0;
                           font-size: 100%;
                           font: inherit;
                           vertical-align: baseline;
                           outline: none;
                           }
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
                                             display: block;
                                             }
body {
       line-height: 1;
       }
ol, ul {
         list-style: none;
         }
blockquote, q {
                quotes: none;
                }
blockquote:before, blockquote:after,
q:before, q:after {
                    content: '';
                    content: none;
                    }
table {
        border-collapse: collapse;
        border-spacing: 0;
        }
/* END of RESET */

@font-face{
  font-family: 'Forum-Regular';
  src: url('fonts/Forum-Regular.eot?') format('eot'), url('fonts/Forum-Regular.woff') format('woff'), url('fonts/Forum-Regular.ttf') format('truetype'), url('fonts/Forum-Regular.svg#webfontwTBKaDwa') format('svg');
  font-weight: normal;
}


html, body {
             height: 100%;
             }
body {
       background: #ffffff url(bg.png) top center repeat;
       font-size: 100%;
       font-family: "Arial", "Liberation Sans", "Helvetica Neue", "Helvetica", sans-serif;
       color: #4d4d4d;
       }
.wrapper {
           min-height: 100%;
           height: auto !important;
           height: 100%;
           margin: 0 auto -170px;
           }
.header {
          height: 100px;
          background: #ffffff;
          border-bottom: 3px solid #dd0000;
          }
.header .inner {
                 width: 98%;
                 max-width: 980px;
                 margin: 0 auto;
                 position: relative;
                 z-index: 300;
                 }
.header .inner h1 a {
                      display: block;
                      position: absolute;
                      z-index: 301;
                      width: 162px;
                      height: 75px;
                      background: url(logo.png) 0 0 no-repeat;
                      top: 12px;
                      left: 0;
                      overflow: hidden;
                      text-indent: -3000px;
                      }
.header .top-nav {
                   position: absolute;
                   z-index: 310;
                   left: 170px;
                   padding-left: 1em;
                   top: 0;
                   }
.header .top-nav li {
                      height: 100px;
                      float: left;
                      position: relative;
                      z-index: 311;
                      }
.header .top-nav li a {
                        display: block;
                        height: 97px;
                        line-height: 94px;
                        float: left;
                        padding: 0 2em;
                        text-transform: uppercase;
                        font-size: 0.8125em; /* 13/16 */
                        text-decoration: none;
                        color: #333333;
                        border-top: 3px solid;
                        border-color: #ffffff;
                        -webkit-transition: all 0.2s ease-out;
                        -moz-transition: all 0.2s ea1se-out;
                        -o-transition: all 0.2s ease-out;
                        transition: all 0.2s ease-out;
                        background: #ffffff;
                        }
.header .top-nav li:hover a,
.header .top-nav li a:hover {
                              border-color: #FF9999;
                              color: #000000;
                              }
.header .top-nav li.active a {
                               color: #000000;
                               border-color: #dd0000;
                               }
.header .top-nav ul li ul {
                            display: none;
                            position: absolute;
                            top: 100px;
                            left: 0;
                            width: auto;
                            background: #ffffff;
                            -webkit-box-shadow: 10px 10px 10px rgba(0, 0, 0, 0.1);
                            -moz-box-shadow: 10px 10px 10px rgba(0, 0, 0, 0.1);
                            box-shadow: 10px 10px 10px rgba(0, 0, 0, 0.1);
                            z-index: 502;
                            min-width: 100%;
                            border-left: 1px solid #dd0000;
                            }
.header .top-nav ul li:hover ul {
                                  display: block;
                                  }
.header .top-nav ul li ul li {
                               height: auto;
                               float: none;
                               }
.header .top-nav ul li ul li a {
                                 white-space: nowrap;
                                 text-transform: none;
                                 letter-spacing: 0;
                                 height: auto;
                                 line-height: 1.5em;
                                 float: none;
                                 padding: 0.75em 1.5em;
                                 font-size: 0.75em;
                                 border: none;
                                 }
.header .top-nav ul li ul li a:hover {
                                       background: #f4f4f4;
                                       }
.header .language {
                     position: absolute;
                     z-index: 310;
                     right: 0;
                     top: 42px;
                    }
.header .language li {
                       float: left;
                       }
.header .language li a {
                         display: block;
                         height: 16px;
                         line-height: 16px;
                         float: left;
                         font-size: 0.75em;
                         text-decoration: none;
                         color: #333333;
                         padding-left: 8px;
                         padding-right: 16px;
                         }
.header .language li.en a {
                            background: url(gb.gif) right center no-repeat;
                            }
.header .language li.ru a {
                            background: url(ru.gif) right center no-repeat;
                            }
.header .language li.bg a {
                            background: url(bg.gif) right center no-repeat;
                            }
.header .language li a span {
                              display: block;
                              overflow: hidden;
                              width: 0px;
                              padding-right: 0;
                              -webkit-transition: all 0.5s ease;
                              -moz-transition: all 0.5s ea1se;
                              -o-transition: all 0.5s ease;
                              transition: all 0.5s ease;
                              }
.header .language li a:hover span {
                                    width: auto;
                                    padding-right: 4px;
                                    }
.intro {
         width: 100%;
         }
.intro #intro {
                position: relative;
                width: 100%;
                z-index: 201;
                padding-top: 35.5%;
                top: 0;
                left: 0;
                overflow: hidden;
                }
.intro #intro ul {
                   position: absolute;
                   top: 0;
                   left: 0;
                   right: 0;
                   overflow: hidden;
                   bottom: 0;
                   }
.intro #intro ul li {
                      position: absolute;
                      top: 0;
                      left: 0;
                      bottom: 0;
                      }
.intro #intro ul li.active {
                             z-index: 250;
                             }
.intro #intro ul li.inactive {
                             z-index: 220;
                             }
.intro #intro ul li img {
                          width: 100%;
                          }
.intro #intro ul li .description {
                                   position: absolute;
                                   bottom: 5%;
                                   right: 0;
                                   text-align: right;
                                   width: 50%;
                                   background-color: #000000;
                                   width: 50%;
                                   color: #ffffff;
                                   padding: 1.5em 3em;
                                   background: -moz-linear-gradient(left, rgba(0,0,0,0) 0%, rgba(0,0,0,0.5) 100%); /* FF3.6+ */
                                   background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(0,0,0,0)), color-stop(100%,rgba(0,0,0,0.5))); /* Chrome,Safari4+ */
                                   background: -webkit-linear-gradient(left, rgba(0,0,0,0) 0%,rgba(0,0,0,0.5) 100%); /* Chrome10+,Safari5.1+ */
                                   background: -o-linear-gradient(left, rgba(0,0,0,0) 0%,rgba(0,0,0,0.5) 100%); /* Opera 11.10+ */
                                   background: -ms-linear-gradient(left, rgba(0,0,0,0) 0%,rgba(0,0,0,0.5) 100%); /* IE10+ */
                                   background: linear-gradient(to right, rgba(0,0,0,0) 0%,rgba(0,0,0,0.5) 100%); /* W3C */
                                   }
.intro #intro ul li .description h3 {
                                      font-size: 2.25em;
                                      font-family: "Forum-Regular", "Times New Roman", "Liberation Serif", serif;
                                      }
.intro #intro ul li .description p {
                                     font-size: 0.8125em; /* 13/16 */
                                     padding-left: 60%;
                                     line-height: 1.25em;
                                     margin: 1em 0;
                                     font-style: italic;
                                     color: #e6e6e6;
                                     }
.intro #intro ul li .description a {
                                         display: block;
                                         height: 24px;
                                         line-height: 26px;
                                         background: url(intro-more.png) top right no-repeat;
                                         padding-right: 30px;
                                         color: #ffffff;
                                         text-transform: uppercase;
                                         text-decoration: none;
                                         font-family: "Forum-Regular", "Times New Roman", "Liberation Serif", serif;
                                         }
.intro #intro ul li .description a:hover {
                                           text-decoration: underline;
                                           }
.intro .moopSlider-pagination {
                                /* padding-top: 35.5%; */
                                display: block;
                                width: 100%;
                                height: 3px;
                                overflow: hidden;
                                }
.intro .moopSlider-pagination span {
                                     display: block;
                                     float: left;
                                     width: 33.33333%;
                                     overflow: hidden;
                                     height: 3px;
                                     text-indent: -3000px;
                                     -webkit-transition: all 2s ease;
                                     -moz-transition: all 2s ea1se;
                                     -o-transition: all 2s ease;
                                     transition: all 2s ease;
                                     }
.intro .moopSlider-pagination span.active {
                                            background-color: #dd0000;
                                            -webkit-box-shadow: 0 0 100px 100px  #dd0000;
                                            -moz-box-shadow:  0 0 100px 100px  #dd0000;
                                            box-shadow: 0 0 100px 100px  #dd0000;
                                            }
.main {
        width: 100%;
        min-height: 700px; 	/* !!! */
        overflow: hidden;
        background: url(main.png) center 22px no-repeat;
        }
.main .inner {
               width: 98%;
               max-width: 980px;
               margin: 0 auto;
               padding: 20px 0;
               }
.main .inner h2 {
                  font-size: 2.75em;
                  font-family: "Forum-Regular", "Times New Roman", "Liberation Serif", serif;
                  color: #dd0000;
                  text-align: center;
                  position: relative;
                  text-transform: uppercase;
                  margin: 0.5em 0;
                  }
.main .inner h2:after {
                        content: "";
                        position: absolute;
                        display: block;
                        width: 50%;
                        height: 1px;
                        background: #dd0000;
                        left: 25%;
                        overflow: hidden;
                        bottom: 2px;
                        }
.main .inner h3 {
                  font-family: "Forum-Regular", "Times New Roman", "Liberation Serif", serif;
                  text-align: center;
                  position: relative;
                  margin: 1em 0;
                  font-size: 2.25em;
                  }
.main .inner h4 {
                  font-family: "Forum-Regular", "Times New Roman", "Liberation Serif", serif;
                  text-align: center;
                  position: relative;
                  margin: 1.5em 0;
                  font-size: 1.75em;
                  }
.main .spots article h4 {
                          font-family: "Forum-Regular", "Times New Roman", "Liberation Serif", serif;
                          font-size: 1.75em;
                          margin: 1em 0;
                          }

.main .inner hgroup h3 {
                         margin-top: 0;
                         }
.main .inner hgroup h2 {
                         margin-bottom: 0;
                         }
.main p{
          line-height: 1.55em;
          text-align: justify;
          margin: 1em 0;
          }
.main p.viewmap {
                  margin-top: 0;
                  font-size: 0.75em;
                  }
.main a {
          color: #000000;
          }
.main a:hover {
                color: #dd0000;
                text-decoration: none;
                }

.main ul {
           line-height: 1.55em;
           margin: 1em 0;
           padding-left: 1em;
           }
.main ul li {
              /* margin: 0.5em 0; */
              background: url(li.png) 0 5px no-repeat;
              padding-left: 2em;
              overflow: hidden;
              }
.main ol {
           line-height: 1.55em;
           margin: 1em 0;
           margin-left: 2.5em;
           list-style: decimal;
           }
.main ol li {
              /* margin: 0.5em 0; */
              padding-left: 0.5em;
              }
section.main  table {
                      width: 100%;
                      margin: 1em 0;
                      border: none;
                      border-spacing: 0;
                      border-collapse: collapse;
                      line-height: 1.125em;
                      }
section.main  table td {
                         border-left: 1px solid #ffffff;
                         border-right: 1px solid #ffffff;
                         font-size: 0.875em; /* 14/16 */
                         padding: 0.75em;
                         background: #ffffff;
                         border-bottom: 1px solid #cccccc;
                         vertical-align: top;
                         }
section.main  table th {
                         vertical-align: middle;
                         font-weight: normal;
                         text-align: center;
                         font-family: "Forum-Regular", "Times New Roman", "Liberation Serif", serif;
                         border-left: 1px solid #ffffff;
                         border-right: 1px solid #ffffff;
                         background: #e6e6e6;
                         color: #000000;
                         padding: 0.75em;
                         }
section.main form fieldset {
                             overflow: hidden;
                             margin: 1em 0;
                             }
section.main form fieldset p {
                               margin: 0.2875em 0;
                               float: left;
                               width: 48.5%;
                               }
section.main form fieldset p.textr {
                                     float: right;
                                     }
section.main form fieldset p.area {
                                    width: 100%;
                                     }
section.main form fieldset p label {
                                     display: block;
                                     height: 22px;
                                     line-height: 22px;
                                     color: #2b2200;
                                     font-family: "Forum-Regular", "Times New Roman", "Liberation Serif", serif;
                                     color: #666666;
                                     }
section.main form fieldset p label sup {
                                         color: #dd0000;
                                         }
section.main form fieldset p input.text {
                                          border: 1px solid #b3b3b3;
                                          height: 30px;
                                          line-height: 30px;
                                          width: 97%;
                                          background: #ffffff;
                                          display: block;
                                          margin: 0;
                                          padding: 0 1%;
                                          }
section.main form fieldset p select.text {
                                           border: 1px solid #b3b3b3;
                                           height: 32px;
                                           line-height: 32px;
                                           width: 99%;
                                           background: #ffffff;
                                           display: block;
                                           margin: 0;
                                           padding: 6px 1%;
                                           }
section.main form fieldset p textarea {
                                        border: 1px solid #b3b3b3;
                                        height: 120px;
                                        width: 97.5%;
                                        background: #ffffff;
                                        display: block;
                                        margin: 0;
                                        padding: 1%;
                                        }
section.main form fieldset p textarea:focus,
section.main form fieldset p input.text:focus {
                                                border-color: #dd0000;
                                                }
section.main form fieldset p.submit input {
                                            /* font-family: "Forum-Regular", "Times New Roman", "Liberation Serif", serif; */
                                            height: 30px;
                                            padding: 0 2em;
                                            cursor: pointer;
                                            color: #ffffff;
                                            /* font-weight: bold; */
                                            background: #dd0000;
                                            border: none;
                                            text-transform: lowercase;
                                            /* font-size: 1.125em; /\* 18/16 *\/ */
                                            font-size: 0.875em;
                                            -webkit-transition: all 0.5s ease;
                                            -moz-transition: all 0.5s ea1se;
                                            -o-transition: all 0.5s ease;
                                            transition: all 0.5s ease;
                                            }
section.main form fieldset p.submit input:hover {
                                                  background: #FF5555;
                                                  color: #000000;
                                                  }
section.main form fieldset p.submit input:hover {
                                                  color: #000000;
                                                  text-shadow: none;
                                                  }
.clear {
         overflow: hidden;
         clear: both;
         }

.main p .fll {
               float: left;
               margin: 0.25em 2em 0.75em 0;
               }
.main p .flr {
               float: right;
               margin: 0.25em 0 0.75em 2em;
               }
.main .spots {
               overflow: hidden;
               }
.main .spots article {
                       width: 47%;
                       display: inline-block;
                       overflow: hidden;
                       padding-left: 2%;
                       margin: 2em 0;
                       vertical-align: top;
                       }
.main .spots article.odd {
                           padding-left: 0;
                           padding-right: 2%;
                           }
.main .spots article img {
                           float: left;
                           margin-right: 1em;
                           }
.main .spots article h4 {
                          font-family: "Forum-Regular", "Times New Roman", "Liberation Serif", serif;
                          font-size: 1.75em;
                          margin-bottom: 0.5em;
                          margin-top: 0;
                          }
.main .spots article p {
                         line-height: 1.25em;
                         font-size: 0.875em;
                         }
.main .spots article a {
                             display: block;
                             height: 24px;
                             line-height: 26px;
                             background: url(more.png) top right no-repeat;
                             padding-right: 30px;
                             color: #dd0000;
                             text-transform: uppercase;
                             text-decoration: none;
                             font-family: "Forum-Regular", "Times New Roman", "Liberation Serif", serif;
                             float: right;
                             }
.push {
        height: 170px;
        }

.footer {
          background: #e6e6e6 url(footer.png) top center repeat;
          border-top: 1px solid #999999;
          height: 129px;
          }
.footer h4 {
             margin-top: 1em;
             font-family: "Forum-Regular", "Times New Roman", "Liberation Serif", serif;
             font-size: 1.25em;	/* 20/16 */
             color: #808080;
             }
.footer h4 a {
               color: #808080;
               text-decoration: none;
               }
.footer h4 a:hover {
                     text-decoration: underline;
                     }
.footer .inner {
                 width: 98%;
                 max-width: 980px;
                 margin: 0 auto;
                 overflow: hidden;
                 }
.footer .address {
                   float: left;
                   width: 33.33%;
                   overflow: hidden;
                   }
.footer .address ul {
                      font-family: "Forum-Regular", "Times New Roman", "Liberation Serif", serif;
                      color: #222222;
                      line-height: 1.1em;
                      }
.footer .address ul a {
                        color: #222222;
                        }
.footer .address ul a:hover {
                              text-decoration: none;
                              }
.footer .phone {
                 float: left;
                 width: 33.33%;
                 overflow: hidden;
                 text-align: center;
                 }
.footer .phone p {
                   font-size: 1.75em; /* 28/16 */
                   font-family: "Forum-Regular", "Times New Roman", "Liberation Serif", serif;
                   color: #dd0000;
                   }

.footer .query {
                 float: left;
                 width: 33.33%;
                 overflow: hidden;
                 text-align: right;
                 background: url(query.png) right 18px no-repeat;
                 }
.footer .query h4 {
                    padding-right: 75px;
                    margin-bottom: -0.25em;;
                    }
.footer .query p a {
                     padding-right: 48px;
                     font-size: 1.75em; /* 28/16 */
                     font-family: "Forum-Regular", "Times New Roman", "Liberation Serif", serif;
                     color: #dd0000;
                     text-decoration: none;
                     }
.footer .query p a:hover {
                           text-decoration: underline;
                           }
.footer .query .social {
                         float: right;
                         margin-top: 20px;
                         }
.footer .query .social li {
                            float: left;
                            padding-left: 8px;
                            }
.footer .query .social li a {
                              display: block;
                              float: left;
                              width: 24px;
                              height: 24px;
                              overflow: hidden;
                              text-indent: 3000px;
                              line-height: 3000px;
                              background-image: url(social.png);
                              background-repeat: no-repeat;
                              -webkit-transition: background-position 0.5s ease;
                              -moz-transition: background-position 0.5s ea1se;
                              -o-transition: background-position 0.5s ease;
                              transition: background-position 0.5s ease;
                              }
.footer .query .social li.facebook a {
                                       background-position: 0 0;
                                       }
.footer .query .social li.facebook a:hover {
                                             background-position: 0 -24px;
                                             }
.footer .query .social li.twitter a {
                                      background-position: -24px 0;
                                      }
.footer .query .social li.twitter a:hover {
                                            background-position: -24px -24px;
                                            }

.copy {
        height: 40px;
        background: #ffffff;
        }
.copy .inner {
               width: 98%;
               max-width: 980px;
               margin: 0 auto;
               }
.copy .webface {
                 float: right;
                 width: 60px;
                 height: 19px;
                 background: url(webface.png) 0 0 no-repeat;
                 display: block;
                 overflow: hidden;
                 margin-top: 10px;
                 text-indent: -3000px;
                 }
.copy .foot-nav {
                  float: left;
                  }
.copy .foot-nav li {
                     display: inline;
                     border-left: 1px solid #767676;
                     line-height: 40px;
                     font-size: 0.75em; /* 12/16 */
                     padding-left: 0.5em;
                     padding-right: 0.25em;
                     }
.copy .foot-nav li.first {
                           border: none;
                           padding-left: 0;
                           }
.copy .foot-nav li a {
                       color: #767676;
                       }
.copy .foot-nav li a:hover {
                             text-decoration: none;
                             }

/* pageindex */
section.main nav.pageindex {
                             overflow: hidden;
                             }
section.main nav.pageindex div {
                                 width: 26%;
                                 /* float: left; */
                                 margin: 0 1%;
                                 background: #ffffff;
                                 border: 3px solid #f9f9f9;
                                 font-size: 1.25em;
                                 padding: 2%;
                                 overflow: hidden;
                                 position: relative;
                                 /* padding-top:26%; */
                                 margin-top: 3%;
                                 display: inline-block;
                                 vertical-align: top;
                                 }
section.main nav.pageindex div h5 {
                                    text-align: center;
                                    /* position: absolute; */
                                    /* top: 4%; */
                                    margin: 0 auto 1em auto;
                                    width: 96%;
                                    left: 0;
                                    font-family: "EBGaramond", "Times New Roman", "Liberation Serif", serif;

                                     }
section.main nav.pageindex div .img {
                                      display: block;
                                      width: 90%;
                                      /* bottom: 5%; */
                                      /* left: 5%; */
                                      /* position: absolute; */
                                      margin: 0 auto;
                                      border: none;
                                      text-align: center;
                                      }
section.main nav.pageindex div .img img {
                                          max-width: 100%;
                                          }
/* lang fields  */

section.main form.admin fieldset p {
                              float: left;
                              clear: both;
                              width: 700px;
                              margin: 5px 0;
                              text-indent: 0;
                              overflow: visible;
                              }
section.main form.admin fieldset p.text {
                                   border-bottom: 1px solid #dddddd;
                                   }

section.main form.admin fieldset p label {
                                           float: left;
                                           }
section.main form.admin fieldset p label.text,
section.main form.admin fieldset p.text label {
                                         display: block;
                                         float: left;
                                         width: 200px;
                                         line-height: 18px;
                                         height: 18px;
                                         text-align: right;
                                         padding-right: 15px;
                                         }
section.main form.admin fieldset p span {
                                   margin-left: 0px;
                                   float: left;
                                   }
section.main form.admin fieldset .text input,
section.main form.admin fieldset select,
section.main form.admin fieldset textarea {
                                     border: 1px solid #808080;
                                     color: #333333;
                                     background: #ffffff !important;
                                     float: left;
                                     background: none;
                                     height:16px;
                                     font-size: 12px;
                                     padding: 1px;
                                            width: 300px;
                                     }
section.main form.admin fieldset select {
                                     height:22px;
                                   }
section.main form.admin fieldset textarea {
                                     width: 520px;
                                     height: 230px;
                                     }
section.main form.admin fieldset textarea.area2 {
                                           height: 680px;
                                           }
section.main form.admin fieldset select.text,
section.main form.admin fieldset input.text {
                                              }

section.main form.admin fieldset p span.langs{
                                        display: block;
                                        width: 300px;
                                        float: left;
                                        clear: right;
                                        position: relative;
                                        }

section.main form.admin fieldset p span.lang span.tab {
                                                 position: absolute;
                                                 z-index: 100;
                                                 cursor: pointer;
                                                 width: 20px;
                                                 height: 15px;
                                                 display: block;
                                                 left: 0px;
                                                 top: -6px;
                                                 text-indent: 0;
                                                 text-align: center;
                                                 line-height: 15px;
                                                 border: solid #000000;
                                                 border-width: 1px 1px;
                                                 }

section.main form.admin fieldset p span.lang input,
section.main form.admin fieldset p span.lang textarea {
                                                 position: absolute;
                                                 top: 10px;
                                                 left: -5px;
                                                 z-index: 80;
                                                 margin: 0;
                                                 padding: 0;
                                                 }

section.main form.admin fieldset p span.langs span.on .area {
                                                              display: block;
                                                              }

section.main form.admin fieldset p span.langs span.off .area {
                                                        display: none;
                                                        }
section.main form.admin fieldset p span.langs span.on .tab {
                                                      background: #ffffff;
                                                      color: #000000;
                                                      border-color:  #000000  #000000 #ffffff  #000000;
                                                      }
section.main form.admin fieldset p span.langs span.off .tab {
                                                       color: #ffffff;
                                                       background: #999999;
                                                       }
/* mooditor */
p.wfeditor,
p.mooditor {
             padding-top: 30px;
             height: 560px !important;
            }
.mooditor-panel {
                  overflow: hidden;
                  display: block;
                  position: absolute;
                  top: -32px;
                  left: -5px;
                  }
.mooditor-panel .mooditor-button {
                                   width: 20px;
                                   height: 20px;
                                   cursor: pointer;
                                   border: none;
                                   margin-right: 5px;
                                   overflow: hidden;
                                   line-height: 3000px;
                                   text-indent: -3000px;
                                   border: 1px solid #cccccc;
                                   display: block;
                                   float: left;
                                   }
.mooditor-panel .mooditor-button-bold { background: url(/static/css/buttons/text_bold.png) 2px 2px  no-repeat; }
.mooditor-panel .mooditor-button-italic { background: url(buttons/text_italic.png)  2px 2px no-repeat; }
.mooditor-panel .mooditor-button-h1 { background: url(buttons/text_heading_1.png)  2px 2px no-repeat; }
.mooditor-panel .mooditor-button-h2 { background: url(buttons/text_heading_2.png)  2px 2px no-repeat; }
.mooditor-panel .mooditor-button-h3 { background: url(buttons/text_heading_3.png)  2px 2px no-repeat; }
.mooditor-panel .mooditor-button-ul { background: url(buttons/text_list_bullets.png)  2px 2px no-repeat; }
.mooditor-panel .mooditor-button-ol { background: url(buttons/text_list_numbers.png)  2px 2px no-repeat; }
.mooditor-panel .mooditor-button-table { background: url(buttons/table.png)  2px 2px no-repeat; }
.mooditor-panel .mooditor-button-a { background: url(buttons/tag.png)  2px 2px no-repeat; }
.mooditor-panel .mooditor-button-img { background: url(buttons/image_add.png)  2px 2px no-repeat; }
.mooditor-panel .mooditor-button-file { background: url(buttons/script_add.png)  2px 2px no-repeat; }


.mooditor-panel .mooditor-button:hover {
                                         background-color: #f3f3f3;
                                         }
.mooditor-preview {
                    display: block;
                    width: 910px;
                    height: 300px;
                    background-color: transparent;
                    position: absolute;
                    top: 245px;
                    left: -205px;
                    padding: 5px;
                    border: 1px solid #000000;
                    overflow: auto;
                    line-height: 1;
                    /* font-size: 1.142857143em; */
                    }
section.main form.admin fieldset .mooditor-preview p {
                                                float: none;
                                                margin: 1em 0;
                                                width: auto;
                                                clear: none;
                                                }
section.main form.admin fieldset ul li {
                                         margin: 0;
                                         }
section.main form.admin fieldset ul li span {
                                              padding: 0.25em;
                                              display: block;
                                              }
section.main form.admin fieldset .langs textarea {
                                                   height: 230px;
                                                   width: 720px;
                                                   background-color: #ffffff;
                                                  }
section.main form.admin fieldset ul li span:hover {
                                                    background-color: #dddddd;
                                                    cursor: move;
                                                    }

.off .mooditor-preview,
.off .mooditor-panel {
                       display: none;
                       }
.admin-edit {
              position: relative;
              line-height: 20px;
              }
section.main ul.admin {
           list-style: none;
           padding: 0;
           }
ul.admin a,
a.edit,
a.delete,
.admin-edit a {
                display: inline-block;
                width: 16px;
                height: 16px;
                overflow: hidden;
                text-indent: -3000px;
                padding: 1px;
                /* position: absolute; */
                /* top: -2px; */
                /* left: 5px; */
                }
a.edit,
.admin-edit a, ul.admin li.edit a { background: url(icons/edit.png) center center no-repeat;}
a.delete,
ul.admin li.delete a { background: url(icons/delete.png) center center no-repeat;}
ul.admin li.add-image a { background: url(icons/image_add.png) center center no-repeat;}
ul.admin li.add-offer a { background: url(icons/script_add.png) center center no-repeat;}
ul.admin li.ok a { background: url(icons/accept.png) center center no-repeat;}

ul.admin li a:hover {
                      background-color: #eeeeee;
                      }
a.editors {
            float: right;
            }

#pop-frame,
.wfeditor-frame {
                  position: fixed;
                  left: 15%;
                  top: 10%;
                  z-index: 1000;
                  width: 70%;
                  height: 80%;
                  border: 10px solid #cccccc;
                  -moz-border-radius: 7px;
                  -webkit-border-radius: 7px;
                  border-radius: 7px; /* future proofing */
                  -khtml-border-radius: 7px; /* for old Konqueror browsers */

                  -webkit-box-shadow: 0px 0px 15px #000000; /* Saf3-4, iOS 4.0.2 - 4.2, Android 2.3+ */
                  -moz-box-shadow: 0px 0px 15px #000000; /* FF3.5 - 3.6 */
                  box-shadow: 0px 0px 15px #000000; /* Opera 10.5, IE9, FF4+, Chrome 6+, iOS 5 */
                  background: #ffffff url(loader.gif) center center no-repeat;
                  }
div#mask {
           position: fixed;
           top: 0;
           left: 0;
           right: 0;
           bottom: 0;
           z-index: 999;
           background: rgba(0, 0, 0, 0.5);
           }
strong {
         font-weight: bold;
         }
em {
     font-style: italic;
     }
.map,
#map {
       height: 300px;
       }
@media screen and (max-width: 1281px) {
  .intro #intro ul li .description p {
                                       padding-left: 50%;
                                       }
}
@media screen and (max-width: 1025px) {
  .intro #intro ul li .description p {
                                       padding-left: 40%;
                                       }
}
@media screen and (max-width: 1000px) {
  .inner {
           width: 94% !important;
           }
  .intro #intro ul li .description p {
                                       padding-left: 20%;
                                       }
  .header .inner h1 a {
                        width: 162px;
                        margin-left: -81px;
                        left: 50%;
                        }
  .header .top-nav {
                     position: absolute;
                     top: 0;
                     left: 0;
                     min-width: 60%;
                     }
  .header .top-nav ul {
                        position: absolute;
                        left: 0;
                        top: 33px;
                        z-index: 502;
                        background: url(menu.png) center left no-repeat;
                        }
  .header .top-nav ul li {
                           display: none;
                           float: none;
                           height: auto;
                           background: transparent;
                           }
  .header .top-nav ul li a {
                             height: 35px !important;
                             line-height: 35px !important;
                             float: none;
                             padding: 0 2em !important;
                             border: none;
                             background: transparent;
                             }
  .header .top-nav ul li a:hover {
                                   background: #f4f4f4;
                                   }

  .header .top-nav ul li.active {
                                  display: block;
                                  }
  .header .top-nav > ul:hover {
                                background: #ffffff url(menu.png) 5px 10px no-repeat;
                                -webkit-box-shadow: 10px 10px 10px rgba(0, 0, 0, 0.1);
                                -moz-box-shadow: 10px 10px 10px rgba(0, 0, 0, 0.1);
                                box-shadow: 10px 10px 10px rgba(0, 0, 0, 0.1);
                                border-left: 1px solid #dd0000;
                                padding-top: 40px;
                               }
  .header .top-nav > ul:hover li {
                                   display: block;
                                   }
  .header .top-nav > ul:hover li.active {
                                          background: #eeeeee;
                                          }
  .header .top-nav > ul:hover li ul li a {
                                           padding-left: 4em !important;
                                           }
  .header .top-nav > ul:hover li ul {
                                      display: block;
                                      position: static;
                                      -webkit-box-shadow: none;
                                      -moz-box-shadow: none;
                                      box-shadow: none;
                                      border: none;
                                      }
}
@media screen and (max-width: 800px) {
  .header .language {
                      top: 20px;
                      }
.header .language li {
                       float: none;
                       margin: 0.5em 0;
                       }
  .header .language li a {
                           float: none;
                           }
  .footer {
            height: 150px;
            }
  .header .language li a span {
                                display: none !important;
                                }
}
@media screen and (max-width: 600px) {
  .intro #intro ul li .description {
                                     width: 100%;
                                     bottom: 0;
                                     /* top: 0; */
                                     padding-right: 2em;
                                     padding: 1em 2em 1em 0;
                                     text-shadow: 1px 1px 0 #000000;
                                     }
  .intro #intro ul li .description p {
                                       padding-left: 40%;
                                       }
.main .spots article {
                       width: 96%;
                       padding-left: 0;
                       padding-right: 0;
                       }
}
@media screen and (max-width: 480px) {
  .flr,
  .fll {
         width: 90%;
         margin: 0 auto !important;
         float: none !important;
         display: block;
         }
  section.main form fieldset p {
                                 width: 100%;
                                 float: left;
                                 }

  .footer {
            height: auto;
            overflow: hidden;
            }
  .footer .address {
                     width: 100%;
                     border-bottom: 1px solid #ffffff;
                     padding-bottom: 0.5em;
                     }
  .footer .address h4 {
                        margin-bottom: 0.5em;
                        }
  .footer .address ul li {
                           display: inline;
                           padding-right: 0.5em;
                           }
  .footer .address ul li:after {
                                 content: ",";
                                 }
  .footer .phone {
                   width: 100%;
                   padding: 0.5em 0;
                   text-align: left;
                   border-bottom: 1px solid #ffffff;
                   }
  .footer .phone h4 {
                      float: left;
                      width: auto;
                      margin: 0.25em 0;
                      }
  .footer .phone p {
                     margin: 0;
                     float: left;
                     padding-left: 1em;
                     }
 .footer .query {
                  width: 100%;
                  position: relative;
                  padding-bottom: 40px;
                  overflow: hidden;
                  }
 .footer .query ul.social {
                            float: none;
                            margin-top: -24px;
                            }
  .intro #intro ul li .description {
                                     padding: 0.5em 1em;
                                    }
  .intro #intro ul li .description p {
                                       padding-left: 5%;
                                       margin: 0.25em 0;
                                       line-height: 1.1em;
                                       }
  .intro #intro ul li .description h3 {
                                        font-size: 2em;
                                        }
  .main .spots article  {
                          padding-top: 2em;
                          margin: 0;
                          }
  .main .spots article img {
                             float: none;
                             margin: 0 auto;
                             clear: both;
                             position: relative;
                             top: 2em;
                             display: block;
                             max-height: 100px;
                             }
  .main .spots article h4 {
                            position: relative;
                            top: -110px;
                            }
  .header {
            border-top: 10px solid #ffffff;
            }
  .header .inner h1 a {
                        /* margin-left: 0; */
                        /* left: auto; */
                        /* right: 40px; */
                        top: 0;
                        }
  .header .top-nav {
                     background: red;
                     }
  .header .top-nav ul {
                        top: 66px;
                        }

}