@import url('https://fonts.googleapis.com/css2?family=Roboto&display=swap');

div.menu {border:0px solid #000; margin:0 auto; padding-left: 20px; padding-top:0px; text-align:center; margin:0 auto; max-width:1200px; width:100%;  background-color:#4079BC;}
a.menu {font-size: 15px; color: #FFF; margin: 0px; padding: 7px; }

div.top { width:100%; margin:0 auto; margin-top:0px; position:fixed; top:0px; background-color:#4079BC; z-index:100000; padding-bottom:20px; height:65px; border:0px solid red}
div.top-logo {float:left; /*! margin-right:30px; */ padding:0px 10px; border:0px solid red;height: 120px;background-color: #FFF;box-shadow: 3px 3px 10px #444;}
div.top-logo img { margin-top:3px; width:90px;background-color: #FFF;}
div#top_bg { width:100%; border:px solid red; height:5px; background-color:#4079BC;  position:fixed; top:0px;  z-index:90000; opacity:0}
div.top_center {max-width:1300px; margin:0 auto}

div.top_mobile {display:none} 

div.m {border:0px solid; margin-top:0px; float:left; font-size: 17px; text-decoration: none; padding: 29px 12px 30px 12px;text-align:center}
div.m:hover {background-color:#2892c1}

div.m a {color:}
div.pm {border:1px solid; display:none; position:absolute; z-index:10000; margin-top:10px; width:200px; padding: 5px 15px 5px 15px; font-size: 14px; font-weight: bold; text-decoration: none; }

div.ppm a {color:#000;}
div.ppm a:hover {color:#000;}
.hov { color:#2892c1;} 
.hov a {color:#EFEFEF; }


div.ppmenu {border-top:0px solid #333; background-color:#666; position:absolute; display:none; z-index:100000; width:350px; font-size:14px}
div.ppmenu div.poz {text-align:left; padding:1px 16px; color:#FFF; margin:0px}
div.poz:hover {background-color:#444}
div.poz a {color:#FFF} 

@media only screen and (max-width: 1200px) {
     a.menu {font-size: 13px;  }
     div.m {border:0px solid; margin-top:0px; float:left; font-size: 17px; text-decoration: none; padding: 30px 6px 10px 6px;}
}

@media only screen and (max-width: 970px) {
     a.menu {font-size: 11px;  }
     div.m {border:0px solid; margin-top:0px; float:left; font-size: 17px; text-decoration: none; padding: 30px 2px 10px 2px;}
}

@media only screen and (max-width: 770px) {

     div.top-logo {border:0px solid red; margin-top:-70px; background-color:#000; box-shadow:0px 0px 0px;height: 25px;}
     div.top-logo img {width:65px; margin-left:0px; background-color:#000}
     
     div.top_mobile {display:block; background-image: url('../admin/gfx/menu_off.png'); background-repeat:no-repeat; background-color:#000; width:100%; height:77px; margin-right:0px; float:right; background-position:right;}
     div.top { width:100%; margin:0 auto; margin-top:0px; position:fixed; top:0px; background-color:#000; z-index:100000; height:65px; overflow:hidden}
     div#top_bg {display:none}


     div.menu {border-top:1px solid #FFF; margin:0 auto; padding-top:10px; float:center; text-align:right;}
     a.menu {font-size: 18px; font-weight: 100; color: #FFF;}

    div.m {width:45%; border:0px solid red; text-align:left; padding:5px}
    
}