header {
	width: 100%;
	background-color: #111;

	font-size: 17px;
}

header #dop-header {
	max-width: 1200px;
	width: 100%;
	height: 93px;
	margin: 0 auto;
	padding: 10px 0;
}

header #logo {
	float: left;
	margin-right: 20px; 
}

header #logo img {
	width: 200px;
}

header #menu ul {
	float: right;
}

header #menu ul li {
	display: inline-block;
	padding: 15px 15px;
	margin: 20px 5px 0; 

	cursor: pointer;
	transition: all 0.6s ease-in-out 0.2s;
}

header #menu ul li.mmain:hover {
	text-decoration: underline;
}

header #menu ul li#menu-comics:hover #sub-comics, 
 header #menu ul li#menu-languages:hover #sub-languages,
  header #menu ul li#menu-materials:hover #sub-materials,
   header #menu ul li#menu-abouts:hover #sub-abouts {
	display: block;	
	opacity: 1;
}

header #menu ul li img#flag,
 header #menu ul li img.list {
	 height: 13px;
}

header #menu ul#sub-comics, header #menu ul#sub-languages,
 header #menu ul#sub-materials, header #menu ul#sub-abouts {
	z-index: 9999;
	position: absolute;
	display: none;
	opacity: 0;

	margin: 5px 0 0 0;

	background-color: #111;
	transition: all 5s linear 0.2s;
}

header #menu ul#sub-comics li, header #menu ul#sub-languages li,
header #menu ul#sub-materials li, header #menu ul#sub-abouts li {
	display: block;
	padding: 12px 30px;
	margin: 0;

	transition: all 0.6s ease-in-out 0.2s;
}

header #menu ul#sub-comics li:hover, header #menu ul#sub-languages li:hover,
header #menu ul#sub-materials li:hover, header #menu ul#sub-abouts li:hover {
	text-decoration: underline;
}