.preload1 {background: url(/bitrix/templates/_files/pics/m_over.gif);}

@media screen and (min-width: 768px) {

#menu_cont{
position:relative;
width: 750px;
top: 0px;
margin-left: 20px;
z-index:100;
}

#tmnav {
 padding:0; 
 margin:0; 
 list-style:none; 
 position:relative; 
 z-index:500; 
}

#tmnav li.top {
display: block;
float:left;
height:30px;
}

#tmnav li a.top_link, li a.top_link span {
display:block;
float:left;
padding:0px;
 font-family: Arial; 
 text-transform:capitalize;
 color: #898989;
 font-size: 13px;
 font-weight: bold;
 text-decoration:none;
 cursor:pointer;
}

#tmnav li a.top_link span {
margin:0px 0px 0px 4px;
padding:3px 12px 6px 8px;
}

#tmnav li:hover a.top_link {color:#000; background:url(/bitrix/templates/_files/pics/m_over.gif) no-repeat;}
#tmnav li:hover a.top_link span {background:url(/bitrix/templates/_files/pics/m_over.gif) no-repeat right top;}



#tmnav li:hover {position:relative; z-index:400;}

#tmnav li:hover ul.sub
{left:1px; top:28px; width:auto; *width:200px; height:auto; padding:3px; border:1px solid #808080; white-space: nowrap; cursor:pointer; overflow: visible; background:#FFFFFF;}
#tmnav li:hover ul.sub li
{display:block; height:20px; cursor:pointer; font-weight:normal;}
#tmnav li:hover ul.sub li a
{display:block; font-size:12px; padding:3px; text-decoration:none; cursor:pointer;}
#tmnav li:hover ul.sub li a:hover
{background:#808080; color:#fff; cursor:pointer;}


#tmnav li:hover li:hover ul,
#tmnav li:hover li:hover li:hover ul,
#tmnav li:hover li:hover li:hover li:hover ul,
#tmnav li:hover li:hover li:hover li:hover li:hover ul
{left:190px; top:-4px; background: #fff; padding:3px; border:1px solid #000; white-space:nowrap; width:190px; z-index:400; height:auto;}

#tmnav ul, 
#tmnav li:hover ul ul,
#tmnav li:hover li:hover ul ul,
#tmnav li:hover li:hover li:hover ul ul,
#tmnav li:hover li:hover li:hover li:hover ul ul
{position:absolute; left:-9999px; top:-9999px; width:0; height:0; margin:0; padding:0; list-style:none;}

}