@charset "utf-8";
/* CSS Document */

    .menu{ text-align:left;  }
     
    .menu li{display: inline-block; padding:4px 22px; line-height:40px; text-align:right; 
    position: relative;   font-size:17px; border: #000 1px solid;
    z-index:100;}

     
    .menu li a {
    text-decoration:none; 
    display:block; display:block; width:100%; line-height:40px;
    color:#000; text-transform:uppercase;  
     
   -webkit-transition: all 0.2s ease-in-out 0s;
    -moz-transition: all 0.2s ease-in-out 0s;
    -o-transition: all 0.2s ease-in-out 0s;
    -ms-transition: all 0.2s ease-in-out 0s;
    transition: all 0.2s ease-in-out 0s;
    }

    .menu li:hover, .menu li.current { background:#333333; }
    .menu li a:hover, .menu li:hover > a, /*.menu li.current a:hover,*/ .menu li.current:hover > a{/*color:#cb221d;*/ opacity:1; color:#fff;}
	.menu li a.nobg:hover { color:#333333; background:none;}

	
	.menu li a.current, .menu li.current a{ color:#fff; }
/*.menu li li a.current { color:#f6571d; }
.menu li.current li a { color:#f6571d;}*/
	
	    /* hide the second level menu */
    .menu ul {display: none;
    margin: 0;
    padding: 0;
    position: absolute;
    top: 40px; 
   left: 50%;
	-webkit-transform: translateX(-50%);
transform: translateX(-50%);
   padding:0 ; text-align:center;
    }
	 .menu ul.uno { width:100%;
	 box-shadow: 0px 0px 8px rgba(0,0,0,.35);
-moz-box-shadow: 0px 0px 8px rgba(0,0,0,.35);
-ms-box-shadow: 0px 0px 8px rgba(0,0,0,.35);
-o-box-shadow: 0px 0px 8px rgba(0,0,0,.35);
-webkit-box-shadow: 0px 0px 8px rgba(0,0,0,.35);
}
	 
 
	.menu ul.dos { display:none !important;}
     
    /* display second level menu on hover */
    .menu li:hover > ul{ display: block;}
     
    .menu ul li {/*display:block;*/ line-height:normal;width:100%; display:grid; height:40px;   background:#f0f0f0;
    float: none;
    margin:0;
    padding:0;
	border: none !important;
    }
     
    .menu ul li a { line-height:1; width:100%; font-size:13px; margin:15px -10px; padding:0 4px;
    display:block; font-size:17px;
    color:#000; }
	
	.menu ul li:hover, .menu ul li.current { background: #333333;}

     
    .menu ul li a:hover, .menu ul li:hover > a{
/*    color:#f6571d; opacity:1; background:#fff;*/
    }
	
	/*.menu ul li.current a{
    color:#f6571d !important; opacity:1; background:#fff;
    }*/
	
	
	    /* change level 3 menu positions */
    .menu ul ul {left: 150px;
    top: 0px;
    }
	.menu ul ul li a{ text-transform:none;}
	
	    .mobile-menu{display:none;
    width:100%;
    padding:12px 0;
    color:#fff;
    text-transform:uppercase; 
    }

    .mobile-menu:hover{/*background:#ececec;*/

    text-decoration:none;
    }

	.mobile-menu img { }
	.mobile-menu img.menu-index { display:none;}
	.index .mobile-menu img.menu-page { display:none;}
	.index .mobile-menu img.menu-index { display: inline-block;}



@media (max-width: 900px) {
 #nav { text-align:right; }
    .menu{display:none; position:absolute; width:auto; margin:0; top: 50px;
    right: 60px; font-size:13px;
	}
     
    .mobile-menu{display:block; font-size:13px;
    }
     
    #nav .menu li{display: block;
    padding: 0 -11px;
    width: 200px;
    margin: 0 -18px;}
     .menu li { background:#fff;}
	 .menu ul li { height:auto;}
   .menu li a {/*background:#fff;*/ padding:10px 2px ; line-height:normal; display:block;
    }
    .menu li a.nobg:hover {  }
	 
    /*level 2 and 3 - make same width as all items*/
    .menu ul {display:block;
    position:relative;
    top:0;
    left:0; 
    width:100%; padding:0; text-align:right; transform:none;}
     .menu ul.uno, .menu ul.dos { width:100%; box-shadow:none;}
    .menu ul ul {left:0; padding-left:10px;}
     
	 .menu ul li a { padding:10px 0px; font-size:12px; }
	 .menu li:last-child a.nobg { padding-right:20px;}
	 .index #nav li a { color:#666; line-height:normal;}
	 /*.index #nav li a:hover, .index #nav .menu ul li a:hover, #nav .menu ul li a:hover { color:#005dab;}*/
	 .index .menu ul li a, .index .menu ul { }
	 .index #nav .menu ul li a, #nav .menu ul li a { line-height:normal;}
	 #nav li a { line-height:normal;}
	 /*#nav .menu ul li a:hover { background:none;}*/
	 
	 .menu ul:before { display:none;}

}




@media screen and (max-width: 600px){
.menu { right: 50px;
    top: 50px;}
}