/*****************************************
		SITE  IE8- Responsive
******************************************/


@media screen and (max-width: 979px) {

	#logo {
	text-align:left;
	}

	span.title_menu {
	display: none ;
	}
	
	span.title_menu-ie8 {
	display: block;
	position: absolute;
	top:50px;
	right:30px;
	margin: 0 ;
	line-height: 1;
	font-weight: normal;
	}
	
	span.title_menu-ie8 a {	
	display: block;
	font-size: 20px;
	margin : 0 auto;
	width:100px;
	padding: 6px 25px 10px 25px;
	color: #fff;
	background: #333;
	border-radius: 8px;
	-moz-box-shadow: 1px 1px 3px #aaa inset;
	-webkit-box-shadow: 1px 1px 3px #aaa inset;
	box-shadow : 1px 1px 3px #aaa inset;
	}
	
	span.title_menu-ie8 a:hover, span.title_menu-ie8 a:focus {
	background: #000;
	text-decoration: none;
	}
	
	.drop-down ul ul {
	border : none;
	}


	.drop-down ul {
	background : transparent url(../images/black-70.png) 0 0 repeat;
    border : none;
    left: 0;
    position: relative;
    display:block;
    width: 95%;
    max-width:inherit;
    z-index: 1337;
    max-height: 0;
    padding:0;
    overflow: hidden;
    clear:both;
 	}
 	
 	.drop-down ul ul {
 	padding-bottom:0px;
 	}
 	
	.drop-down:hover ul {
    max-height: none;
    overflow: visible;
    top: -100px;
    padding: 110px 0 100px 0;
	}
	
	.drop-down:hover .menu-right ul {
	padding-bottom:300px;
	}
	
	.drop-down:hover ul ul, .drop-down:hover .menu-right ul ul {
    top: 0px;
    padding: 0;
	}
	
	.drop-down li {
	padding : 0 20px 0 10px;
	}
	
}