

.sf-menurtl { width:98%; float:right; display:block; position:relative; text-align:right;}
.sf-menurtl * { color:#000; }
.sf-menurtl ul {  list-style: none outside none; margin:0; transition:all 0.4s ease; }
.sf-menurtl li { display: inline; padding: 7px 1em 0 1em; position: relative;  }
.sf-menurtl li img { vertical-align: middle; max-height: 45px; max-width: 45px; }
.sf-menurtl ul { 	box-shadow: 2px 2px 6px rgba(0,0,0,.2);	min-width: 15em; padding:0;
	position: absolute; top: 50px; z-index: 99; width:100%; right:0; left:0; margin:auto; display:none; 
	}
.sf-menurtl ul > li > a { font-size:1.1vw; padding:10px 0; }
.sf-menurtl > li a { font-size:1.1vw; transition:all 0.4s ease; color:#555;  }
.sf-menurtl > li ul a {  color:#555;  }

.linact { margin:auto;  transition: 0.3s ease all; position:absolute; top:0; right:0; left:0; width:2px; display:table; font-size:2px; height:1px;   }
.sf-menurtl li:hover > .linact { width:70%; background:#333;   }

.sf-menurtl a:hover { color:#111; }
.sf-menurtl .activmenu ul { display:block; } 
.activmenu > .linact { width:70%; background:#333;   }
.activmenu > ul > li a:hover {  color:#111; }
.sf-menurtl li:hover > ul,
.sf-menurtl li.sfHover > ul { display: block; }
.sf-menurtl ul li {	padding:10px 0; background: rgba(255, 255, 255, 0.75); width:100%; display:block; }

@media (max-width:600px){
	.sf-menurtl { width:100%; float:none; text-align:center; margin:0; }
	.sf-menurtl * { text-align:center; }
	.sf-menurtl ul > li > a { font-size:4vw; }
	.sf-menurtl a { width:100%; font-size:5vw; }		
	.activmenu > a { font-size:6vw; } 
	.sf-menurtl li { display:block; padding: 5px 0; width:100%;  }
	.sf-menurtl > li a { font-size:4.4vw; }
	.activmenu > ul > li.activmenu a {    }
	.sf-menurtl ul { position: relative; top: 0; }
	.linact { display:none; }
	.sf-menurtl ul { box-shadow: none; min-width: 100%; }
}





/*
.zonemenu { width:100%; margin:40px 0; text-align:center; }
.zonemenu * { color:#555 !important; }
*/


