@charset "utf-8";
*, *:after, *:before {
box-sizing: border-box;
padding: 0;
margin: 0;
transition: .5s ease-in-out; /* РїС—Р…РїС—Р…РїС—Р…РїС—Р…РїС—Р…РїС—Р…РїС—Р… РїС—Р…РїС—Р…РїС—Р…РїС—Р…РїС—Р…РїС—Р…РїС—Р…РїС—Р…РїС—Р… РїС—Р…РїС—Р…РїС—Р…РїС—Р…РїС—Р…РїС—Р…РїС—Р…РїС—Р…РїС—Р… РїС—Р…РїС—Р…РїС—Р… РїС—Р…РїС—Р…РїС—Р…РїС—Р… РїС—Р…РїС—Р…РїС—Р…РїС—Р…РїС—Р…РїС—Р…РїС—Р…РїС—Р…РїС—Р… РїС—Р…РїС—Р…РїС—Р…РїС—Р…РїС—Р…РїС—Р…РїС—Р…РїС—Р…*/
}
@font-face {
      font-family:Ampir; /* РїС—Р…РїС—Р…РїС—Р…РїС—Р…РїС—Р…РїС—Р…РїС—Р…РїС—Р…РїС—Р… РїС—Р…РїС—Р…РїС—Р…РїС—Р…РїС—Р…РїС—Р… */
      src: url(/fonts/Ampir.ttf); /* РїС—Р…РїС—Р…РїС—Р…РїС—Р… РїС—Р… РїС—Р…РїС—Р…РїС—Р…РїС—Р…РїС—Р… РїС—Р…РїС—Р… РїС—Р…РїС—Р…РїС—Р…РїС—Р…РїС—Р…РїС—Р…РїС—Р… */
      }
@font-face {
      font-family:American; /* РїС—Р…РїС—Р…РїС—Р…РїС—Р…РїС—Р…РїС—Р…РїС—Р…РїС—Р…РїС—Р… РїС—Р…РїС—Р…РїС—Р…РїС—Р…РїС—Р…РїС—Р… */
      src: url(/fonts/American.ttf); /* РїС—Р…РїС—Р…РїС—Р…РїС—Р… РїС—Р… РїС—Р…РїС—Р…РїС—Р…РїС—Р…РїС—Р… РїС—Р…РїС—Р… РїС—Р…РїС—Р…РїС—Р…РїС—Р…РїС—Р…РїС—Р…РїС—Р… */
      }
@font-face {
      font-family:asessor; /* РїС—Р…РїС—Р…РїС—Р…РїС—Р…РїС—Р…РїС—Р…РїС—Р…РїС—Р…РїС—Р… РїС—Р…РїС—Р…РїС—Р…РїС—Р…РїС—Р…РїС—Р… */
      src: url(/fonts/asessor.ttf); /* РїС—Р…РїС—Р…РїС—Р…РїС—Р… РїС—Р… РїС—Р…РїС—Р…РїС—Р…РїС—Р…РїС—Р… РїС—Р…РїС—Р… РїС—Р…РїС—Р…РїС—Р…РїС—Р…РїС—Р…РїС—Р…РїС—Р… */
      }
@font-face {
      font-family:Kurale; /* РїС—Р…РїС—Р…РїС—Р…РїС—Р…РїС—Р…РїС—Р…РїС—Р…РїС—Р…РїС—Р… РїС—Р…РїС—Р…РїС—Р…РїС—Р…РїС—Р…РїС—Р… */
      src: url(/fonts/Kurale.ttf); /* РїС—Р…РїС—Р…РїС—Р…РїС—Р… РїС—Р… РїС—Р…РїС—Р…РїС—Р…РїС—Р…РїС—Р… РїС—Р…РїС—Р… РїС—Р…РїС—Р…РїС—Р…РїС—Р…РїС—Р…РїС—Р…РїС—Р… */
      }
@font-face {
      font-family:Nautilus; /* РїС—Р…РїС—Р…РїС—Р…РїС—Р…РїС—Р…РїС—Р…РїС—Р…РїС—Р…РїС—Р… РїС—Р…РїС—Р…РїС—Р…РїС—Р…РїС—Р…РїС—Р… */
      src: url(/fonts/Nautilus.ttf); /* РїС—Р…РїС—Р…РїС—Р…РїС—Р… РїС—Р… РїС—Р…РїС—Р…РїС—Р…РїС—Р…РїС—Р… РїС—Р…РїС—Р… РїС—Р…РїС—Р…РїС—Р…РїС—Р…РїС—Р…РїС—Р…РїС—Р… */
      }
body {
  background: #505050;  
  text-align: center;
  }
p  { text-align: justify;
  margin: 20px 20px;
  font: 14pt/18pt Arial, sans-serif;
  }
/* РїС—Р…РїС—Р…РїС—Р…РїС—Р…РїС—Р…РїС—Р…РїС—Р… РїС—Р…РїС—Р…РїС—Р…РїС—Р…РїС—Р…РїС—Р…РїС—Р… РїС—Р…РїС—Р…РїС—Р…РїС—Р…РїС—Р…РїС—Р… РїС—Р…РїС—Р…РїС—Р… РїС—Р…РїС—Р…РїС—Р…РїС—Р… РїС—Р…РїС—Р…РїС—Р…РїС—Р…РїС—Р…РїС—Р…РїС—Р…РїС—Р…РїС—Р…РїС—Р…РїС—Р…, РїС—Р…РїС—Р…РїС—Р…РїС—Р…РїС—Р…РїС—Р… РїС—Р…РїС—Р…РїС—Р…РїС—Р…РїС—Р…РїС—Р…РїС—Р… РїС—Р…РїС—Р…РїС—Р…РїС—Р…РїС—Р…РїС—Р… РїС—Р…РїС—Р…РїС—Р…РїС—Р…РїС—Р…РїС—Р…РїС—Р…РїС—Р…РїС—Р… РїС—Р…РїС—Р…РїС—Р…РїС—Р…РїС—Р…РїС—Р…РїС—Р…РїС—Р… РїС—Р…РїС—Р…РїС—Р…РїС—Р…РїС—Р…РїС—Р…РїС—Р…РїС—Р…РїС—Р… */
#shapka:after, #content:after, #footer:after {
content: "";
display: block;
clear: both;
}   
#wrapper
    {width: 84%;
    min-height: auto;
    background:  #78866b;
    /*border: 5px solid #ff00ff;*/
    margin: 0 auto;
    text-align: center;
    padding:6px;
    border-radius: 8px;
    box-sizing: border-box;
    }
@media (max-width: 1024px) {#wrapper{width: 100%;}}
#wrapper h1 {text-align: center;
      padding-top: 15px;}    
#shapka
    { width: 99%;
    height: auto;
    margin-top: 3px;
    margin-left: 0px;
    background: url(/fons/rose239.jpg);
    /*border: 2px solid #505050;*/
    border-radius:20px;
    position:relative;
    display:inline-block;
    }
#shapka img {width:100%;
      margin-bottom:-6px;
      border-radius:20px;
      position:relative;
      display:inline-block;}    
#shapka h1 {display:inline-block;
    position:absolute;
    top:30px;   
    left:0px;
  color: transparent;}
#shapka marquee { margin-right:20px; 
        margin-left: 23px;
        margin-top: 4px;
        
        font: 14pt/18pt Book Antiqua;
        color: #4b0082;}
#minishap { border-radius:5px;
      position: relative; /* РїС—Р…РїС—Р…РїС—Р…РїС—Р…РїС—Р…РїС—Р…РїС—Р… РїС—Р…РїС—Р…РїС—Р…РїС—Р…РїС—Р…РїС—Р…РїС—Р…РїС—Р…РїС—Р…РїС—Р…РїС—Р…РїС—Р…РїС—Р…РїС—Р…РїС—Р… РїС—Р…РїС—Р…РїС—Р…РїС—Р…РїС—Р…РїС—Р…РїС—Р…РїС—Р…РїС—Р… */
      display: none; /* РїС—Р…РїС—Р…РїС—Р…РїС—Р…РїС—Р…РїС—Р…РїС—Р…РїС—Р… РїС—Р…РїС—Р…РїС—Р…РїС—Р…РїС—Р…РїС—Р…РїС—Р… */
      width: auto;}  
@media (max-width: 480px) {
  #shapka  { position: absolute; /*  РїС—Р…РїС—Р…РїС—Р…РїС—Р…РїС—Р…РїС—Р…РїС—Р…РїС—Р…РїС—Р…РїС—Р…РїС—Р…РїС—Р…РїС—Р…РїС—Р…РїС—Р… РїС—Р…РїС—Р…РїС—Р…РїС—Р…РїС—Р…РїС—Р…РїС—Р…РїС—Р…РїС—Р… */
       display: none; }/* РїС—Р…РїС—Р…РїС—Р…РїС—Р…РїС—Р…РїС—Р…РїС—Р…РїС—Р…  */
  #shapka img {  border-radius:5px;
        position: absolute; /*  РїС—Р…РїС—Р…РїС—Р…РїС—Р…РїС—Р…РїС—Р…РїС—Р…РїС—Р…РїС—Р…РїС—Р…РїС—Р…РїС—Р…РїС—Р…РїС—Р…РїС—Р… РїС—Р…РїС—Р…РїС—Р…РїС—Р…РїС—Р…РїС—Р…РїС—Р…РїС—Р…РїС—Р… */
        display: none; /* РїС—Р…РїС—Р…РїС—Р…РїС—Р…РїС—Р…РїС—Р…РїС—Р…РїС—Р…  */
        width: auto;}
  #minishap {width: 99%;
        height: auto;
        margin-top: 6px;
        margin-left: 0px;
        background: url(/fons/rose239.jpg);
        border-radius:15px;
        position: relative; /* РїС—Р…РїС—Р…РїС—Р…РїС—Р…РїС—Р…РїС—Р…РїС—Р… РїС—Р…РїС—Р…РїС—Р…РїС—Р…РїС—Р…РїС—Р…РїС—Р…РїС—Р…РїС—Р…РїС—Р…РїС—Р…РїС—Р…РїС—Р…РїС—Р…РїС—Р… РїС—Р…РїС—Р…РїС—Р…РїС—Р…РїС—Р…РїС—Р…РїС—Р…РїС—Р…РїС—Р… */
        display: inline-block; 
        }
  #minishap img {width:100%;
          border-radius:15px;
          display: inline-block;
          margin-bottom:-6px;
         
          position:relative;}
}
#mainbox {
    /*background:  #78866b;*/
    width: 99%;
    background: url(/fons/rose239.jpg);
    
    height: auto;
    border-radius:20px;
    margin-left: 0px;
    margin-top: 10px;
    margin-bottom: 10px;
    border: 2px solid #505050;
    display: inline-block;
    box-sizing: border-box;
      }
#menu     {
    width: 28%;
    height: auto;
    margin-left: 0px;
    background: url(/fons/rose239.jpg);
    /*border: 2px solid #505050;*/
    border-radius:20px/30px;
    float: left;
    
    box-sizing: border-box;
    }
#menu img {
    margin: 3px 1px 3px 1px; /*РїС—Р…РїС—Р…РїС—Р…РїС—Р…РїС—Р…РїС—Р…РїС—Р… РїС—Р…РїС—Р…РїС—Р…РїС—Р…*/
    }

#menu ul  {margin-left: 0px;
    list-style-type: none; /*РїС—Р…РїС—Р…РїС—Р…РїС—Р…РїС—Р…РїС—Р… РїС—Р…РїС—Р…РїС—Р…РїС—Р…РїС—Р…РїС—Р…*/
    font: 500 21px Ampir, Georgia, Monotype Corsiva; 
    /*text-shadow:  #444642 1px 1px 0, #444642 -1px -1px 0; 
                 #444642 -1px 1px 0, #444642 1px -1px 0;*/
    /*text-shadow: #444642 1px 1px 0, #444642 2px 2px 0, 
           #979B94 3px 3px 0;
         text-shadow: #444642 1px 1px 3px;*/ 
    text-shadow: #fff -1px -1px 0, 
                 #333 1px 1px 0;     
    padding: 0px 0px 0px 0px; /*РїС—Р…РїС—Р…РїС—Р…РїС—Р…РїС—Р…РїС—Р…РїС—Р…РїС—Р…РїС—Р…РїС—Р… РїС—Р…РїС—Р…РїС—Р…РїС—Р…РїС—Р…РїС—Р…*/
    }
#menu ul li    {
      padding: 5px 0;
      
      }
#menu li ul {
      position: absolute; /* РїС—Р…РїС—Р…РїС—Р…РїС—Р…РїС—Р…РїС—Р…РїС—Р… РїС—Р…РїС—Р…РїС—Р…РїС—Р…РїС—Р…РїС—Р…РїС—Р…РїС—Р…РїС—Р…РїС—Р…РїС—Р…РїС—Р…РїС—Р…РїС—Р…РїС—Р… РїС—Р…РїС—Р…РїС—Р…РїС—Р…РїС—Р…РїС—Р…РїС—Р…РїС—Р…РїС—Р… */
      display: none; /* РїС—Р…РїС—Р…РїС—Р…РїС—Р…РїС—Р…РїС—Р…РїС—Р…РїС—Р… РїС—Р…РїС—Р…РїС—Р…РїС—Р…РїС—Р…РїС—Р…РїС—Р… */
      width: auto;
      margin-left: 200px; /* РїС—Р…РїС—Р…РїС—Р…РїС—Р…РїС—Р…РїС—Р…РїС—Р…РїС—Р… РїС—Р…РїС—Р…РїС—Р…РїС—Р…РїС—Р…РїС—Р…РїС—Р… РїС—Р…РїС—Р…РїС—Р…РїС—Р…РїС—Р…РїС—Р… */
      margin-top: -40px; /* РїС—Р…РїС—Р…РїС—Р…РїС—Р…РїС—Р…РїС—Р…РїС—Р…РїС—Р… РїС—Р…РїС—Р…РїС—Р…РїС—Р…РїС—Р…РїС—Р…РїС—Р… РїС—Р…РїС—Р…РїС—Р…РїС—Р…РїС—Р… */
      padding: 5px;
      border: 5px solid #78866b;
      background: url(/fons/rose239.jpg);
      border-radius:10px/10px;
      z-index: 100;
      }
#menu li ul li {        
      padding: 3px 0; /* РїС—Р…РїС—Р…РїС—Р…РїС—Р… РїС—Р…РїС—Р…РїС—Р…РїС—Р…РїС—Р…РїС—Р… РїС—Р…РїС—Р…РїС—Р…РїС—Р…РїС—Р…РїС—Р…РїС—Р… */
      
      }

      
#menu li:hover ul { 
          display: block; /* РїС—Р…РїС—Р…РїС—Р… РїС—Р…РїС—Р…РїС—Р…РїС—Р…РїС—Р…РїС—Р…РїС—Р…РїС—Р…РїС—Р… РїС—Р…РїС—Р…РїС—Р…РїС—Р…РїС—Р…РїС—Р… РїС—Р…РїС—Р…РїС—Р…РїС—Р…РїС—Р…РїС—Р…РїС—Р…РїС—Р… РїС—Р…РїС—Р…РїС—Р…РїС—Р… РїС—Р…РїС—Р…РїС—Р…РїС—Р…РїС—Р…РїС—Р…РїС—Р…РїС—Р…РїС—Р…РїС—Р…РїС—Р…РїС—Р… РїС—Р…РїС—Р…РїС—Р…РїС—Р…РїС—Р…РїС—Р…РїС—Р… */
          }

#menu li a {
      /*color: #ff00ff;*/
      color:#80837D; /*#979B94;*/
      text-decoration: none; /*РїС—Р…РїС—Р…РїС—Р…РїС—Р…РїС—Р…РїС—Р… РїС—Р…РїС—Р…РїС—Р…РїС—Р…РїС—Р…РїС—Р…РїС—Р… РїС—Р…РїС—Р…РїС—Р… РїС—Р…РїС—Р…РїС—Р…РїС—Р…РїС—Р…РїС—Р…РїС—Р…РїС—Р…РїС—Р…РїС—Р…РїС—Р…РїС—Р…РїС—Р…*/
        
      }
        
#menu li a:hover  {
        color: #505050;/*#78866b;*/
        text-decoration: underline; /*РїС—Р…РїС—Р…РїС—Р… РїС—Р…РїС—Р…РїС—Р…РїС—Р…РїС—Р…РїС—Р…РїС—Р…РїС—Р…РїС—Р… РїС—Р…РїС—Р…РїС—Р…РїС—Р…РїС—Р…РїС—Р… РїС—Р…РїС—Р…РїС—Р…РїС—Р…РїС—Р… РїС—Р… РїС—Р…РїС—Р…РїС—Р…РїС—Р…РїС—Р…РїС—Р…РїС—Р…РїС—Р…РїС—Р…РїС—Р…РїС—Р…РїС—Р…РїС—Р…РїС—Р…*/
        }
        

#banners {
    width: 100%;
    text-align: center;
    font: 400 12pt Ampir, sans-serif;
    color:   #505050;  
    margin: 20px 5px;
    padding: 5px 0;
    }

#banners img {border: 5px solid   #78866b;
              border-radius: 8px;
        margin: 5px;}  
/* РїС—Р…РїС—Р…РїС—Р…РїС—Р…РїС—Р…РїС—Р… РїС—Р…РїС—Р…РїС—Р…РїС—Р…РїС—Р…РїС—Р…РїС—Р…РїС—Р…РїС—Р…РїС—Р…РїС—Р…РїС—Р… РїС—Р…РїС—Р…РїС—Р…РїС—Р…, РїС—Р…РїС—Р…РїС—Р…РїС—Р…РїС—Р…РїС—Р…РїС—Р…РїС—Р…РїС—Р…РїС—Р…РїС—Р…РїС—Р… РїС—Р…РїС—Р…РїС—Р… РїС—Р…РїС—Р…РїС—Р…РїС—Р…РїС—Р…РїС—Р… 768px */
#nav-toggle{ position:relative;
height:2px;
text-align: left;
width:94%;
background: url(/fons/ser107.jpg)}
.nav-toggle {
display: none;
position: absolute;
float: left;
width: 10%;
height: 55px;
/*margin-top:26%;
margin-left: 11px;*/
margin-left: 0px;
margin-top: 10px;
border:1px solid #78866b;
border-radius:15%;
background: url(/fons/rose239.jpg);
cursor: pointer;
}
.nav-toggle span {
display: block;
position: absolute;
top: 50%;
left: 17%;
right: 17%;
height: 2px;
background: #505050;
}
.nav-toggle span:before, .nav-toggle span:after {
content: "";
position: absolute;
display: block;
left: 0;
width: 100%;
height: 2px;
background: #505050;
}
.nav-toggle span:before {
top: 8px;
}
.nav-toggle span:after {
bottom: 8px;
}
@media (max-width: 480px) {
.nav-toggle {height:30px;}
.nav-toggle span {height: 1px;} 
.nav-toggle span:before, .nav-toggle span:after {height: 1px;}
.nav-toggle span:before {
top: 4px;
}
.nav-toggle span:after {
bottom: 4px;
}}
/* РїС—Р…РїС—Р…РїС—Р…РїС—Р…РїС—Р…, РїС—Р…РїС—Р…РїС—Р…РїС—Р…РїС—Р…РїС—Р…РїС—Р… РїС—Р…РїС—Р…РїС—Р…РїС—Р…РїС—Р… РїС—Р…РїС—Р…РїС—Р…РїС—Р…РїС—Р…РїС—Р…РїС—Р…РїС—Р… РїС—Р… РїС—Р…РїС—Р…РїС—Р…РїС—Р…РїС—Р…РїС—Р…РїС—Р…РїС—Р… РїС—Р…РїС—Р…РїС—Р…РїС—Р… РїС—Р…РїС—Р…РїС—Р… РїС—Р…РїС—Р…РїС—Р…РїС—Р…РїС—Р…РїС—Р…РїС—Р… РїС—Р…РїС—Р… РїС—Р…РїС—Р…РїС—Р…РїС—Р…РїС—Р…РїС—Р… РїС—Р… РїС—Р…РїС—Р…РїС—Р…РїС—Р…РїС—Р…РїС—Р…РїС—Р… РїС—Р…РїС—Р…РїС—Р…РїС—Р…РїС—Р…РїС—Р…РїС—Р… РїС—Р…РїС—Р…РїС—Р…РїС—Р…*/
#menu.active {
width: auto;
max-height: 300%;
background: url(/fons/rose239.jpg);  /*РїС—Р…РїС—Р…РїС—Р…РїС—Р…, РїС—Р…РїС—Р…РїС—Р…*/
margin:100px 5% 0 5%;
overflow: visible;
}
#menu.active img {width:70%;}
#menu.active li{
       font-size:200% ;
        }
#menu.active li ul li{
       font-size:150% ;
       border-bottom:1px solid #78866b;
       
      }
@media (max-width: 800px) {
/* РїС—Р…РїС—Р…РїС—Р…РїС—Р…РїС—Р…РїС—Р…РїС—Р…РїС—Р…РїС—Р…РїС—Р… РїС—Р…РїС—Р…РїС—Р…РїС—Р…РїС—Р…РїС—Р… РїС—Р…РїС—Р…РїС—Р… РїС—Р…РїС—Р…РїС—Р…РїС—Р…РїС—Р…РїС—Р…РїС—Р…РїС—Р…РїС—Р…РїС—Р…РїС—Р…РїС—Р… РїС—Р…РїС—Р…РїС—Р…РїС—Р…РїС—Р…РїС—Р…РїС—Р… РїС—Р…РїС—Р…РїС—Р…РїС—Р…РїС—Р…РїС—Р…РїС—Р…РїС—Р…РїС—Р… */
.nav-toggle {
      display: inline-block;
      }
/* РїС—Р…РїС—Р…РїС—Р…РїС—Р…РїС—Р…РїС—Р…РїС—Р…РїС—Р… РїС—Р…РїС—Р…РїС—Р…РїС—Р…РїС—Р…РїС—Р…РїС—Р… РїС—Р…РїС—Р…РїС—Р…РїС—Р…, РїС—Р…РїС—Р…РїС—Р…РїС—Р…РїС—Р…РїС—Р…РїС—Р…РїС—Р… РїС—Р…РїС—Р…РїС—Р…РїС—Р…РїС—Р…РїС—Р…РїС—Р…РїС—Р…РїС—Р…, РїС—Р…РїС—Р…РїС—Р…РїС—Р…РїС—Р…РїС—Р…РїС—Р…РїС—Р…РїС—Р…РїС—Р…РїС—Р…РїС—Р…РїС—Р… РїС—Р…РїС—Р…РїС—Р…, РїС—Р…РїС—Р…РїС—Р…РїС—Р…РїС—Р…РїС—Р…РїС—Р… РїС—Р…РїС—Р… РїС—Р…РїС—Р…РїС—Р…РїС—Р…РїС—Р…РїС—Р… РїС—Р…РїС—Р…РїС—Р…РїС—Р…РїС—Р… РїС—Р…РїС—Р…РїС—Р…РїС—Р…РїС—Р… */ 
#menu {
max-height: 0;
background: white;
float: none;
position: absolute;
overflow: hidden;
right: 0;
left: 0;
margin: 0;
padding: 0;
z-index: 3;
}
/*#menu.active li{font-size:120% ;}
/* РїС—Р…РїС—Р…РїС—Р…РїС—Р…РїС—Р…РїС—Р… РїС—Р…РїС—Р…РїС—Р…РїС—Р…РїС—Р…РїС—Р…РїС—Р…РїС—Р… РїС—Р…РїС—Р…РїС—Р…РїС—Р…РїС—Р…РїС—Р… РїС—Р…РїС—Р…РїС—Р…РїС—Р…РїС—Р…РїС—Р…РїС—Р…РїС—Р…, РїС—Р…РїС—Р…РїС—Р…РїС—Р…РїС—Р… РїС—Р…РїС—Р…РїС—Р… РїС—Р…РїС—Р…РїС—Р…РїС—Р…РїС—Р…РїС—Р…РїС—Р…РїС—Р…РїС—Р…РїС—Р…РїС—Р…РїС—Р…РїС—Р… РїС—Р…РїС—Р…РїС—Р…РїС—Р… РїС—Р…РїС—Р…РїС—Р… РїС—Р…РїС—Р…РїС—Р…РїС—Р…РїС—Р…РїС—Р… */
#menu ul li {
display:block;
padding-left: 0px;
margin-right: 0;
}
#menu ul li ul  {
 
      position: ;
      width:80%;
      margin-left:10%; /* РїС—Р…РїС—Р…РїС—Р…РїС—Р…РїС—Р…РїС—Р…РїС—Р…РїС—Р… РїС—Р…РїС—Р…РїС—Р…РїС—Р…РїС—Р…РїС—Р…РїС—Р… РїС—Р…РїС—Р…РїС—Р…РїС—Р…РїС—Р…РїС—Р… */
      margin-top: 0px; /* РїС—Р…РїС—Р…РїС—Р…РїС—Р…РїС—Р…РїС—Р…РїС—Р…РїС—Р… РїС—Р…РїС—Р…РїС—Р…РїС—Р…РїС—Р…РїС—Р…РїС—Р… РїС—Р…РїС—Р…РїС—Р…РїС—Р…РїС—Р… */
      z-index: 10;}
#banners img { max-width: 250px;
              border-radius: 8px;
        margin: 0px;}  
}
@media (max-width: 480px) {
  
  /* РїС—Р…РїС—Р…РїС—Р…РїС—Р…РїС—Р…РїС—Р…РїС—Р…РїС—Р…РїС—Р…РїС—Р…РїС—Р…РїС—Р…РїС—Р… РїС—Р…РїС—Р…РїС—Р…РїС—Р… РїС—Р…РїС—Р… РїС—Р…РїС—Р…РїС—Р…РїС—Р…РїС—Р…РїС—Р…РїС—Р…РїС—Р…РїС—Р…РїС—Р…РїС—Р…РїС—Р…РїС—Р… РїС—Р…РїС—Р…РїС—Р…РїС—Р…РїС—Р…РїС—Р… РїС—Р…РїС—Р…РїС—Р…РїС—Р…РїС—Р… */
  #menu.active {top: 150px;}
  #menu.active li{font-size:110% ;}
}                  
#content {
    margin: 0px 0px 0px 0px;
    height: auto;
    margin-left:28%;
    /*overflow: scroll;*/
    border-left: 2px solid #505050;
    border-bottom: 2px solid #505050;
    background: url(/fons/ser107.jpg);
    padding: 20px 10px 10px 20px;
    border-radius:0 20px 20px 20px;
    border-color:   #444642;
    }
  
#content p  {
      font: 14pt/18pt Kurale;/*Segoe UI/*Book Antiqua /*Arial, sans-serif*/
      color: #342D3A;
      text-align: justify; 
      padding: 2px 0 0 0;
      }
#content p b {
      font: 14pt/18pt Book Antiqua;
      color: #991199; /*#ff00ff;*/
      }
#content p img{
      float: right;
      margin: 5px 0 0 20px;
      
      }
#content i    { color:#505050;
      }
      
#content  h1 {
      text-align: center;
      padding: 10px;
      font: 400 20pt/22pt Ampir, Georgia, Monotype Corsiva; 
      color:  #505050;  
      }         
      
#content h2 {
      font: 18pt/24pt Ampir, Book Antiqua;
      padding: 10px 10px 5px 0 ;
      text-align: center;
      }
#content h3 {
      text-align: center;
      padding: 25px 0 0 0px;
      font: 400 20pt/26pt Ampir, Georgia, Monotype Corsiva; 
      color:  #505050;
      }    
#content h3 img { 
      margin:0px 5px 0px 5px;}      
#content h4 {
      font: 18pt/24pt Ampir, Book Antiqua;
      padding: 10px 10px 5px 0 ;
      text-align: center;
      color: #43384B;
      }
#content h4 b{
      font: 700 14pt/16pt Ampir, Georgia;   /*litters fullname*/
      color: #505050;
      }      
#content h4 img   { 
        align: center;
        }
#content h5 {
      margin: 5px 5px;
      font: 16pt/18pt Kurale, Segoe UI;
      color: #505050; /*#ff00ff;*/
      }
#content h5 i{font: 12pt/14pt;   /*мелкие надписи*/}
#content  a {
        color: #ff00ff;  
        text-decoration: none; /*РїС—Р…РїС—Р…РїС—Р…РїС—Р…РїС—Р…РїС—Р… РїС—Р…РїС—Р…РїС—Р…РїС—Р…РїС—Р…РїС—Р…РїС—Р… РїС—Р…РїС—Р…РїС—Р… РїС—Р…РїС—Р…РїС—Р…РїС—Р…РїС—Р…РїС—Р…РїС—Р…РїС—Р…РїС—Р…РїС—Р…РїС—Р…РїС—Р…РїС—Р…*/
        border: 0;
         }
#content  a:hover { 
          color: #7E059C; /*#6600ff;*/
          text-decoration: underline; /*РїС—Р…РїС—Р…РїС—Р… РїС—Р…РїС—Р…РїС—Р…РїС—Р…РїС—Р…РїС—Р…РїС—Р…РїС—Р…РїС—Р… РїС—Р…РїС—Р…РїС—Р…РїС—Р…РїС—Р…РїС—Р… РїС—Р…РїС—Р…РїС—Р…РїС—Р…РїС—Р… РїС—Р… РїС—Р…РїС—Р…РїС—Р…РїС—Р…РїС—Р…РїС—Р…РїС—Р…РїС—Р…РїС—Р…РїС—Р…РїС—Р…РїС—Р…РїС—Р…РїС—Р…*/
          border: 0;
          }      

#content table {
         margin-left: 0px;
        }
#content img {cursor:pointer}  
#content marquee {
        /*background:#c0c0c0;*/
        font: 14pt/18pt Book Antiqua;
        color: #4b0082;}
@media (max-width: 800px) {
#content {width:100%;
    margin-left:0;
    border-radius:20px 20px 20px 20px;}
#content img{margin:0;
      max-width: 250px;
      float: center;}
#content h3 {font: 22pt/24pt;}
#content h4 {padding: 0 70px 0 0 ;}
#content h4 img   {margin-left:50px;}
#content p  { font: 16pt Kurale;}
}
@media (max-width: 480px) {
#content h4 {padding: 0 5px 0 0 ;}
#content h4 img   {margin-left:0px;}
#content p  { font: 18pt Kurale;
             padding: 0 0 0 0;
             text-align:center;}
}
.albom {margin-top: 10px;}
.albom img{
    border-radius: 5px;
    text-align: justify;}
a.photo:hover img{

        border:2px solid #78866b; /* РїС—Р…РїС—Р…РїС—Р…РїС—Р…РїС—Р…РїС—Р…РїС—Р…РїС—Р…РїС—Р… РїС—Р…РїС—Р…РїС—Р…РїС—Р…РїС—Р… РїС—Р…РїС—Р…РїС—Р…РїС—Р…РїС—Р… РїС—Р…РїС—Р…РїС—Р… РїС—Р…РїС—Р…РїС—Р…РїС—Р…РїС—Р…РїС—Р…РїС—Р…РїС—Р…РїС—Р… РїС—Р…РїС—Р… РїС—Р…РїС—Р…РїС—Р…РїС—Р…РїС—Р…РїС—Р…РїС—Р…РїС—Р… */
        }
#gallery img {border-radius: 5px;}        
      
 table   { margin: 0 auto;
     text-align: center;
     }            
td   {font: 12pt/18pt Arial, sans-serif;
  }
  
#ptibrab {
      margin: 20px 20px;
    }
  .topmenu {font: 16pt/18pt Arial, sans-serif;
      }
#races { background: #cdcdcd;
    }  

  .cont li{
      list-style-type: none;
      font:14pt/18pt Kurale, Tahoma, Comic Sans MS; /*Segoe UI;*/
      color: #6D6374  /*2B79C2  2F2C41*/;
    }
  .cont li i {font-family: Nautilus, Kurale;
          font-style: normal;
          color: #6D6374;
      }
  .cont{
    background-color: /*#fff;*/;
    width:98%;
    margin:0px;
    text-align:left;
    padding: 0px;    
  }
  .cont b{color:#5A6075;}
  .cont img{
    border-radius: 5px;
    position: relative;
  }
  .cont>li:nth-child(2), .cont>li:nth-child(3){
    display: block;
    margin:10px 0;
    
  }
  .cont>li:nth-child(1){
    font-size: 14px;
  }
#aboutdog{display:inline-block;
      width:50%;
      vertical-align:top;
      margin:0 10px 0 0}
#aboutdogs {display:inline-block;
      width:60%;
      vertical-align:top;
      margin:0 20px 0 0} 
.photodog {width:40%; 
    display:inline; 
    margin-top:10px;
    margin-bottom:0;} 
.photodog img{
      float:right;
      margin-left:20px;
      margin-bottom:0;}
@media (max-width: 800px) {
.cont {width:100%;
    margin-left:0;
    text-align:center;}
#aboutdog{
     width:100%;
     margin:0 0 2px 0}
#aboutdogs{display:block;
     width:100%;
     margin:0 0 2px 0}
.photodog {float:right;}
.cont p{text-align:justify;
        font:18pt;}
.cont li{text-align:center;
         font:18pt/22pt Kurale;
        }
}
@media (max-width: 600px) {
.photodog {width:100%;
    display:inline-block;
    text-align:center;
    margin-top:0;
    margin-bottom:10px;}
.photodog img{max-width: 500px;
      float:none;
      text-align:center;
      margin-left:0; 
      margin-bottom:0;}
}    

  .tit{
    margin:0 0 10px 0;
    font: American, Kurale, Comic Sans MS;
  }
  .tit li{
    margin-left:20px;
    font: 14pt/18pt American, Kurale, Comic Sans MS; 
    /*font-style: italic;*/
    color:#505050;
  }
  .cars{  
  display: inline-block;
  width:43%;
  }
  .wrap{
    display:inline-block;
    cursor:pointer;
    position:relative;
  }
  .zoomed{
    position: fixed;
    width:100%;
    height:100%;
    display:none;
    cursor: pointer;
    text-align:center;
    z-index:10;
    background-color:rgba(111, 109, 143, 0.8);
  }
  .zoomed img { height: 620px;}
  .lupa{
    background-image: url(/fons/zoom.png);
    background-size: 100%;
    width:50px;
    height:50px;
    position:absolute;
    left:50%;
    top:50%;
    margin:-25px 0 0 -25px;
    display: none;
  }

  .ramka{
    padding:5px;
    background-color:#fff;
    margin-top:0px;
    display: inline-block;
    }
@media (max-width: 800px) {
.wrap{display:block;
      margin-top:0px;}
.wrap img{max-width: 350px;}
.zoomed img{text-align: center;
    width:100%;
    height:auto;}
.cars{width:90%;} 
.tit li{margin-left:0;}
}
@media (max-width: 480px) {
.wrap img{max-width: 250px;
    }
}
  
  .toppanel>a{
    display: inline-block;
    margin:0 30px;
    font: 2em asessor, Georgia; 
    }

.cl{
  vertical-align:top;
  display: inline-block;
  width:49%;
  background: url(/fons/rose239.jpg);
  border-radius:20px/30px;
  margin:2px;
  padding:4px;
  
  
}
.cl li {font:14pt/18pt Kurale, Tahoma, Comic Sans MS; 
      color: #6D6374;
    list-style-type: none;
   
    }

@media (max-width: 800px) {
.toppanel>a{
    display: inline-block;
    margin:0 20px;
    }
.cont img {width:250px;}
.cl {width:99%;
     text-align:center;
     padding:0;}
.cl li {font:24pt Kurale, Tahoma, Comic Sans MS; }
}
@media (max-width: 480px) {
.toppanel>a{display: inline-block;
           margin:0 10px;
           font: 22pt/24pt asessor, Georgia; }
.cl li {font:20pt Kurale, Tahoma, Comic Sans MS; }
 }
.phone:before {content:"\260E";
        display:inline-block;
        margin-right:5px;
        font-size:30px;
        color:#520739;}
.viber{display: inline-block;}
.viber img{width:15%;
      margin:0 10px 0 20px;
      float:left;}
#littlecont {display: inline-block;
      margin:0 100px;}
#littlecont a img {width:30px;}
@media (max-width: 1024px) {
.viber{display: inline-block;}
.viber img{width:15%;
      margin:0 10px 0 20px;
      float:left;}
@media (max-width: 800px) {
.viber img {width:20%;
      float:none;}
.viber a {margin:0 10px 0 10px;}
  #littlecont{display: inline-block;
              margin:0 0;}
  #littlecont li{ margin:0 0;}
  #littlecont  a img {width:15px;}       
}  

 #footer {width:98%;
    background: url(/fons/rose239.jpg);
    overflow: auto;
    border-radius:15px;
    margin-left: 0px;
    margin-top: 0px;
    margin-bottom: 10px;
    border: 2px solid #505050;
    display: inline-block;
    box-sizing: border-box;
 }
 #footer p  {
      font: 10pt/12pt Arial, sans-serif;
      text-align: justify; 
      padding: 2px 0 0 0;
      color:   #444642;
      }
 #footer img{width:60px;
      float: right;
      
      }

@media (max-width: 800px){
#footer p{font-size: 10px;}
#footer p img{width:40px;}
}
@media (max-width: 480px) {
#footer {border-radius:10px;}
#footer p{font-size: 10px;}
#footer p img{width:40px;}
}
/*center>*{
  text-align:left;
}
.foto{
  width:200px;
  height:200px;
  background-position: center;
  background-size: cover;
  box-shadow: 10px 10px 10px rgba(0,0,0,.2);
}
.caps{font-variant: small-caps;
    color:#505050;}*/