#nav_lang ul,
#nav_lang ul li {
	margin: 0;
	padding: 0;
}
#nav_lang ul li {
	list-style-type: none;
	list-style-position: outside;
}
body #nav_lang ul li:before {
	background-image: none;				
}
#nav_lang
{
	width: 32px;
	position: absolute;
	top: 0px;
	left: 140px;
	z-index:99;
}

	#nav_lang > a
	{
		display: none;
	}

	#nav_lang li
	{
		position: relative;
	}
		#nav_lang li a
		{
			color: #fff;
			display: block;
		}
		#nav_lang li a:active
		{
			background-color: #ed1c24 !important;
		}

	/* first level */

	#nav_lang > ul
	{
		
	}
		#nav_lang > ul > li
		{
			width: 50px;
			padding: 0 0;

		}
			#nav_lang > ul > li > a
			{
				width: 50px;
				padding: 11px 0;
				text-align: center;
			}
			
				#nav_lang > ul > li:hover > a,
				#nav_lang > ul:not( :hover ) > li.active > a
				{
					background-color: #ed1c24;
				}


		/* second level */

		#nav_lang li ul
		{
			display: none;
			position: absolute;
			top: 100%;					
		}
			#nav_lang li:hover ul
			{
				display: block;
				left: 0;
				right: 0;
				background: #404040;
			}
				
				#nav_lang li ul a
				{
					border-top: 1px solid #ed1c24;
					width: 50px;
					padding: 11px 0;
					text-align: center;
					
				}
					#nav_lang li ul li a:hover,
					#nav_lang li ul:not( :hover ) li.active a
					{
						background-color: #ed1c24;
					}
li.resp_lang {
	display: none;
}

@media only screen and ( max-width: 62.5em ) /* 1000 */
{
	#nav_lang
	{
		/*width: 30%;
		background-color:#00FF00;*/
		/*position: static;*/
		/*margin: 0;*/
	}
}
/*max-width: 40em*/
@media only screen and ( max-width: 62.5em  ) /* 640 */
{

	#nav_lang
	{
		position: absolute;
		top: 11px;
		left: 130px;
	}
		#nav_lang > a
		{
			width: 3.125em; 
			height: 3.125em;
			
		}
			#nav_lang > a:before,
			#nav_lang > a:after
			{
				position: absolute;
				top: 35%;
				left: 25%;
				right: 25%;
				content: '';
			}
			#nav_lang > a:after
			{
				top: 60%;
			}

		#nav_lang:not( :target ) > a:first-of-type,
		#nav_lang:target > a:last-of-type
		{
			display: block;
		}


	/* first level */

	#nav_lang > ul
	{
		height: auto;
		display: none;
		position: absolute;
		left: 0;
		right: 0;
		width: 150px;
	}
		#nav_lang:target > ul
		{
			display: block;
			background-color: #ed1c24;
		}
		#nav_lang > ul > li
		{
			width: 50px;
			float: left;
			padding: 0px 0 0px 0;
		}
			#nav_lang > ul > li > a
			{
				height: auto;
				
			}
				#nav_lang > ul > li:not( :last-child ) > a
				{
					border-right: none;
					border-bottom: 0px none;
				}


		/* second level */

		#nav_lang li ul,
		#nav_lang li ul li
		{
			display: none;					
		}
		
		li.resp_lang {
			display:inline;
		}
		
}