﻿ body {font-family:arial; font-size:11px;}
	
/*FIRST LEVEL*/	
 #nav {margin:0; 		padding:0; 		list-style:none; width: 1024px;margin-left: auto;margin-right: auto;
       transition: display .3s , left .3s;-webkit-transition: display .3s  , left .3s; }	
		
	#nav li {float:left;display:block;width:82.18px;position:relative;z-index:500;margin:0 1px; }
		
	#nav>li>a{display: block;font-weight: 700;height: 50px;text-decoration: none;text-align: center;color: #333;width: 50px;zoom: .8;margin: 5px 0px 5px 0px;}
        
    #nav>li>a:hover {opacity:1}

        #nav li a:hover #nav ul a {opacity:1}
        	                   
	
		/* SECOND LEVEL it's hidden by default */
		#nav ul {position:absolute; left:0; display:none; margin:0 0 0 -1px;  list-style:none;
		         -webkit-box-shadow:2px 2px 10px #333;margin-top: 47px!important; color:white!important;/*background: #6666cc;*/}
		
		#nav ul li {width:150px; float:left; border-top:1px solid #fff;}

      	/* display block will make the link fill the whole area of LI */
		#nav ul a {display:block; color:#fff;width:150px;text-align:left; padding: 12px 2px 12px 30px; text-decoration:none;font-weight:700; }

		#nav ul a:hover {text-decoration:none; font-weight:bold;color:white;}
    


        /*THIRD LEVEL it's hidden by default */
		#nav ul li ul {position:absolute; left:150px; display:none; margin:0 0 0 -1px;  list-style:none;
		         -webkit-box-shadow:2px 2px 10px #333;margin-top: -32px!important; color:white!important;/*background:#6666cc;*/}

        #nav ul li ul li {width:150px; float:left; border-top:1px solid #fff;display:block; }

        #nav ul li ul li a {display:block;  color:#fff;width:150px ;text-align:left; padding: 12px 2px 12px 30px; text-decoration:none;font-weight:700; }

        #nav ul li ul li a:hover {text-decoration:none; font-weight:bold;color:white; opacity:1	}


.has-children {background-image: url(../images/arrow_right.png)!important;background-repeat: no-repeat;background-position: top right;}
.has-children:hover {background-position: 0px -30px;background-repeat: no-repeat;}

.main-menu-selected {z-index: 2000!important;/*background: #99cc33*/}
.main-menu-selected .main-menu-a{  /*background-position-y: -50px!important;*/   opacity:1 }

.main-menu-a{   float: left;color: #fff;font-size: small;text-align: center;
                background-image: url(../images/master_menu.png)!important;background-repeat: no-repeat;
                transition:background-position-y .3s;-webkit-transition:background-position-y .3s;}


.m_emr{background-position-x: 0px!important; }
.m_bil{background-position-x: -50px!important; }
.m_apt{background-position-x: -100px!important; }
.m_adm{background-position-x: -450px!important; }
.m_wrd{background-position-x: -500px!important; } 
.m_lis{background-position-x: -150px!important; }
.m_ris{background-position-x: -200px!important; }
.m_op {background-position-x: -250px!important; }
.m_er {background-position-x:  -400px!important; }
.m_phr{ background-position-x: -300px!important; }
.m_eli{ background-position-x: -353px!important; }
        

/*#nav li:nth-child(1) a{   background-position-x: 0px!important; }
#nav li:nth-child(2) a{   background-position-x: -100px!important; }
#nav li:nth-child(3) a{   background-position-x: -50px!important; }
#nav li:nth-child(4) a{   background-position-x: -150px!important; }
#nav li:nth-child(5) a{   background-position-x: -200px!important; }
#nav li:nth-child(6) a{   background-position-x: -250px!important; }
#nav li:nth-child(7) a{   background-position-x: -300px!important; }
#nav li:nth-child(8) a{   background-position-x: -350px!important; }
#nav li:nth-child(9) a{   background-position-x:  -400px!important; }
#nav li:nth-child(10) a{   background-position-x: -450px!important; }
#nav li:nth-child(11) a{   background-position-x: -500px!important; }
#nav li:nth-child(12) a{   background-position-x: -550px!important; }*/


