@import url(https://fonts.googleapis.com/css?family=Ubuntu:300,400.500&subset=cyrillic,latin);
@import url(https://fonts.googleapis.com/css?family=Lora:400italic,700italic&subset=latin,cyrillic);

#menufonbox {position:absolute; top:5px;  width:1200px; left:50%; margin-left:-600px; z-index:90; background-color:rgba(255,255,255,0.55); border-radius:8px 8px 0 0; }
.tdtopbbox { height:35px; padding:5px 0 0 0; background-color:rgba(255,255,255,0.65); border-radius:8px 8px 0 0;}
.blueline {  background: linear-gradient( rgba(5,65,115,0.9), rgba(10,75,120,0.8), rgba(10,75,120,0.85), rgba(10,75,120,0.95)); height:85px; border-radius:6px; } 
.3td { height:6px; padding-top: 10px; background-color:rgba(255,255,255,0.4);}         


#menubox {position:absolute; top:0px; height:110px; width:100%; z-index:100;}
.tabmenubox {width:100%; height:100%; }
#logobox {min-width:470px; max-width:1200px; width:100%; height:100%; margin:0; border-radius:6px;}
#logo { width:135px; }
#logo img { margin:4px 0 2px 8px;}
.haedtext { height:45px;}
.headtext h1 {font-family: 'Ubuntu', sans-serif; font-size:12pt; color:rgba(5,65,115,1); white-space:nowrap; text-transform:uppercase; margin:8px 0 0 0; letter-spacing:1px; margin-top:9px;}
.headtext h2 {font-family: 'Ubuntu', sans-serif; font-size:7pt; color:rgba(5,65,115,1); white-space:nowrap; text-transform:uppercase; margin:2px 0 0 0; letter-spacing:4px;}
.position { padding:15px 0 0 0; }


.vmenu {width:20%; min-width:180px; padding:5px 5px 0 0;}






#menutbl { border-radius:8px 8px 0 0; padding-top:1px; width:100%; min-width:403px; max-width:1200px;}








 #mbox {padding-top:5px;}
 #mbox table { background-color:rgba(170,0,0,1); width:100%; min-width:403px; max-width:1200px;}
 


#menu td
{
    
 
}



   .menu-table
{
    padding:0px; margin:0; width:75%; min-width:450px;  border:0px solid #000;
}

.menu-table-cell{ padding:0 3px 0 3px; background-image:url(../i/fon/p.png); background-position:top left; background-repeat: no-repeat; border:0px solid #000; }
.menu-table-cell-left{ padding:0 3px 0 3px;}

.menu-a {padding: 0px 10px 0 0px;   background-image:url(../i/fon/menu-active.png); background-position:top left; background-repeat:repeat-x; height:25px;  }


.menu
{
font-family: 'Lora', serif; color:rgba(255,255,255,0.95); font-size: 13pt;   
 margin:0; display:block; cursor:pointer;
 text-decoration: none; font-weight:400;   white-space: nowrap; font-style:italic;
 }
.menu:hover
{
  color: rgba(204,255,255,1); 
   text-decoration: underline; 
 }
.menu-active
{
font-family: 'Lora', serif; color: rgba(250,250,175,1); font-size: 13pt; 
 margin:0; display:block;
 text-decoration: underline; font-weight:400;   white-space: nowrap; font-style:italic;
   }
   


.menu-active:hover {color: rgba(204,255,255,1);  display:block;
 text-decoration: underline; 
}



.menutext

 {font-family: 'Lora', serif;  font-size:11pt; color:rgba(0,51,102,1);  font-weight:400; margin:5px 0 0 15px ;
    padding: 4px;}
  
   


.menu_0
{
color:rgba(0,51,102,1);
   font-family: 'Lora', serif;  font-size:1em; 
    font-weight: 400;
    display: block;
    text-decoration: none;
    margin:5px 0 0 0 ;
    padding: 4px;
    cursor: pointer; 
    border:1px solid rgba(0,51,102,0.35);
    text-align:left;
    font-style:italic;
    border-radius:5px;
   background: linear-gradient(90deg,  rgba(255,255,255,0.9), rgba(255,255,255,0.9), rgba(255,255,255,0.9), rgba(153,204,255,0.3)); 
   box-shadow: 0 6px 6px -6px rgba(0,0,0,0.45);
   text-shadow: 1px 1px 2px rgba(0,0,0,0.05);
  
   
}
.menu_0:hover
{    background: linear-gradient(30deg, rgba(153,204,255,0.2), rgba(255,255,255,0.9), rgba(153,204,255,0.3));

      color: rgba(150,0,0,1);   border:1px solid rgba(0,51,102,0.75); text-shadow: 1px 1px 2px rgba(0,0,0,0.05);
    
}
.menu_0_active
{
color:rgba(255,255,255,0.95);
   font-family: 'Lora', serif;  font-size:1em; 
    font-weight: 400;
    display: block;
    text-decoration: none;
    margin:5px 0 0 0 ;
    padding: 4px;
    cursor: pointer; 
    border:1px solid rgba(5,65,115,1);
    text-align:left;
    font-style:italic;
    border-radius:5px;
         background: linear-gradient(rgba(5,65,115,0.95),  rgba(10,75,120,0.75), rgba(10,75,120,0.95)); 
  /* background: linear-gradient(30deg, rgba(153,204,255,0.25), rgba(255,255,255,0.95), rgba(153,204,255,0.45)); */
   box-shadow: 0 6px 6px -6px rgba(0,0,0,0.35);
   text-shadow: 1px 1px 2px rgba(0,0,0,0.05);
}

.menu_1
{
color:rgba(0,51,102,1);
   font-family: 'Lora', serif;  font-size:0.9em; 
    font-weight: 400;
    display: block;
    text-decoration: none;
    margin:5px 0 0 15px ;
    padding: 4px;
    cursor: pointer; 
    border:1px solid rgba(0,51,102,0.35);
    text-align:left;
    font-style:italic;
    border-radius:4px;
   background: linear-gradient(90deg,  rgba(255,255,255,0.9), rgba(255,255,255,0.9), rgba(255,255,255,0.9), rgba(153,204,255,0.3)); 
   box-shadow: 0 6px 6px -6px rgba(0,0,0,0.45);
   text-shadow: 1px 1px 2px rgba(0,0,0,0.05);
  
   
}
.menu_1:hover
{     background: linear-gradient(30deg, rgba(153,204,255,0.2), rgba(255,255,255,0.9), rgba(153,204,255,0.3)); 
      color: rgba(150,0,0,1);   border:1px solid rgba(0,51,102,0.75); text-shadow: 1px 1px 2px rgba(0,0,0,0.05);
    
}
.menu_1_active
{
color:rgba(255,255,255,0.95);
   font-family: 'Lora', serif;  font-size:0.9em; 
    font-weight: 400;
    display: block;
    text-decoration: none;
 margin:5px 0 0 15px ;
    padding: 4px;
    cursor: pointer; 
    border:1px solid rgba(5,65,115,1);
    text-align:left;
    font-style:italic;
    border-radius:4px;
         background: linear-gradient(rgba(5,65,115,0.95),  rgba(10,75,120,0.75),  rgba(10,75,120,0.95)); 
   box-shadow: 0 6px 6px -6px rgba(0,0,0,0.35);
   text-shadow: 1px 1px 2px rgba(0,0,0,0.05);
}

.menutopfon
{
    background-image: url(../I/FON/mtop.png);
    background-repeat: no-repeat;
    background-position: bottom left;
    padding: 3px 3px 3px 6px;
}
.menubottomfon
{
    background-image: url(../I/FON/mbottom.png);
    background-repeat: no-repeat;
    background-position: top left;
    padding: 3px 3px 3px 6px;
}

.menufon
{
    background-image: url(../I/FON/m_.png);
    background-repeat: repeat-y;
    background-position: bottom left;
    padding: 3px 3px 3px 6px;
}





#menutest > ul { width: 100% }
 
#menutest ul {
    background-color: black;
    display: inline-block;
    margin: 0;
    padding: 0;
}
 
#menutest li { list-style: none; }
 
#menutest > ul > li { float: left; }
 
#menutest li > ul {
    position: absolute;
    visibility: hidden;
}
 
#menutest li:hover ul { visibility: visible; }
 
#menutest li a {
    color: white;
    display: block;
    font-weight: bold;
    padding: 0 5px;
    text-decoration: none;
}
 
#menutest li ul li a {
    background: black;
    text-decoration: none;
}
 
#menutest li ul li a:hover, ul li:hover a {
    background: #ea7f00;
    text-decoration: none;
}