@font-face {
  font-family: 'nassim';
  src: url("fonts/nassim.eot?#") format("eot"), url("fonts/nassim.woff") format("woff"), url("fonts/nassim.ttf") format("truetype");
  /* Saf3�5, Chrome4+, FF3.5, Opera 10+ */
}

#content{
	position: relative;
}

body {
font-family:nassim;
font-size:16px;
}

footer {
background-color:#dedede !important;
padding:10px;
margin-top:30px;
}

.content, .breadcrumb, footer {
direction:rtl;
}

.breadcrumb {
background-color:#444 !important;
color:#FFF !important;
margin:10px;
clear:both;
}

.breadcrumb li {
white-space:nowrap;
}

.content {
padding:10px;
}

.logo {
width:150px;
float:right;
margin-bottom:10px;
}

.image {
/* padding:10px 50px; */
width:100%;
margin:1rem auto;
text-align:center;
}

.icon {
width:24px;
margin:0px 5px;
Padding:2px;
}

@media only screen 
and (orientation : landscape) {
.image {
padding:10px 50px;
width:100%;
margin:auto;
text-align:center;
display:block;
}
}

/* Nav */
nav {
margin:10px;
}

nav ul ul {
	display: none;
}

	nav ul li:hover > ul {
		display: block;
	}
	
nav ul {
	list-style: none;
	position: relative;
	display: inline-table;
	float:right;
}
	nav ul:after {
		content: ""; clear: both; display: block;
	}
	
nav ul li {
	float: right;
}
	nav ul li:hover {
	}
		nav ul li:hover a {
			color: #fff;
			text-decoration:none;
		}
	
	nav ul li a {
		display: block;
		padding: 5px 5px;
		color: #757575; text-decoration: none;
	}
	
nav ul ul {
	background: #666666;
	border-radius: 0px;
	padding: 0;
	position: absolute; top: 100%;
}
	nav ul ul li {
		float: none; 
		border-bottom: 1px solid #565656;
		position: relative;
		width:150px;
		text-align:right;
	}
		nav ul ul li a {
			padding: 5px 5px;
			color: #fff;
		}	
			nav ul ul li a:hover {
				background: #4b545f;
				text-decoration:none;
			}
			
nav ul ul ul {
	position: absolute; left: 100%; top:0;
}