.castleTitle{
	position: absolute;
	z-index: 99;
	padding: 10px;
	display: none;
	width: 272px;
	border-width: 1px;
	border-color: #6d6f6d;
	border-collapse: separate;
	border-style: double;
	border-radius: 9px;

}


.search-button-go{
	width: 76%;
	max-width: 98px;
	margin: 21px 0px;
}
.search-button-close{

	margin: 21px 0px;
}
.search-button:hover{
	box-shadow: 0 0 5px rgb(173, 173, 214);
	border-color: #adadd6;
	cursor: pointer;
}
.search-button{
	left: 50%;
	position: absolute;
	top: 42px;
	display: inline !important;
	font-size: 23px;
	font-weight: bolder;
	padding: 0px 6px;
	border-style: solid;
	border-width: 1px;
	border-radius: 8px;
	z-index: 3;
	border-color: #a2a2a2;
}

#searcUser > div{
	float: left;
	margin-left: 9%;
	position: relative;

}

.header-top{
	position: relative;
}

.MenuBlock1{
	width: 38.5%;
}
.MenuBlock2{
	width: 31%;
	/*height: 55px;*/
}
.MenuBlock3{
	width: 72%;
}

.MenuBlock1 > div > span:first-child, .MenuBlock2 > div > span:first-child, .MenuBlock6 > div > span:first-child, .MenuBlock7 > div > span:first-child {
	margin: 7% 0%;
}

.MenuBlock3 > div > span:first-child {
	margin: 4% 0%;
}

.MenuBlock4{
	height: 155px;
	background-image: url(/resource/images/reclam1.jpg) ;
	background-size: 100% 100%;
	background-repeat: no-repeat;
}
.MenuBlock5{
	background-image: url(/resource/images/reclam2.jpg) ;
	background-size: 100% 100%;
	background-repeat: no-repeat;
	height: 74px;
}
.MenuBlock6, .MenuBlock7{
	height: 74px;
	padding: 11px 16px !important;
}

.MenuBlock8{
	background-image: url(/resource/images/reclam3.jpg) ;
	background-size: 100% 100%;
	background-repeat: no-repeat;
	height: 74px;
}


.MenuBlock{
	margin: 7px;
	padding: 0px 16px;
	border-radius: 4px;
	font-family: NAUTILUS;
	font-size: 123%;
	box-shadow: 0 0 10px rgba(0,0,0,0.5);
	border-color: #adadd6;
}

.MenuBlock:hover{
	box-shadow: 0 0 10px rgb(244, 0, 0);
	border-color: #adadd6;
	cursor: pointer;
}

.Block{
	float: left;
	position: relative;
	display: inline-block;
}

#containerNavigation > div{
	/*margin: auto;*/
	width: 100%;
	position: absolute;
	top: 50%;
	left: 10%;
	max-width: 650px;
	margin: -25% 0% 0% 0%;
}


#containerNavigation{
	height: 100%;
	position: relative;
	float: left;
	width: 40%;
	/*max-width: 650px;*/
	/*min-width: 527px;*/
	/*background-color: green;*/
}
#containerCanvas{
	height: 100%;
	position: absolute;
	float: left;
	width: 100%;
	margin-left: 40%;
	/*background-color: red;*/
}



@media (max-width: 1150px) {
	#containerNavigation > div{
		width: 118%;
		position: absolute;
		top: 47%;
		left: 1%;
		margin: -37% 0% 0% 0%;
	}
}
@media (max-width: 963px) {
	#containerCanvas{margin-left: 60%;}
	#containerNavigation{	width: 60%;}
}

@media (max-width: 763px) {
	#containerCanvas{margin-left: 80%;}
	#containerNavigation{	width: 80%;}
}

@media (max-width: 580px) {
	#containerCanvas{margin-left: 90%;}
	#containerNavigation{	width: 90%;}
	#containerNavigation > div{
		width: 117%;
		position: absolute;
		top: 47%;
		left: 3%;
		margin: -37% 0% 0% 0%;
	}

}


@media (max-width: 480px) {

	#containerNavigation > div{
		width: 133%;
		position: absolute;
		top: 38%;
		left: 0%;
		margin: -35% 0% 0% 0%;
	}
	.MenuBlock6, .MenuBlock7 {
		padding: 0px 16px !important;
	}
	.MenuBlock1 > div > span:first-child, .MenuBlock2 > div > span:first-child, .MenuBlock6 > div > span:first-child, .MenuBlock7 > div > span:first-child {
		margin: 0% 0%;
	}
}

@media (max-width: 380px) {

	.MenuBlock > div:not([class]) {
		padding: 0px 22% 0px 12%;
	}

	#containerNavigation > div{
		width: 124%;
		position: absolute;
		top: 50%;
		left: 0%;
		margin: -61% 0% 0% 0%;
	}
	.MenuBlock6, .MenuBlock7 {
		padding: 0px 16px !important;
	}
	.MenuBlock1 > div > span:first-child, .MenuBlock2 > div > span:first-child, .MenuBlock6 > div > span:first-child, .MenuBlock7 > div > span:first-child {
		margin: 0% 0%;
	}
}

@media (max-width: 290px) {
	.MenuBlock > div:not([class]) {
		padding: 0px 12% 0px 2%;
	}

	#containerNavigation > div{
		width: 124%;
		position: absolute;
		top: 50%;
		left: 0%;
		margin: -83% 0% 0% 0%;
	}
	.MenuBlock6, .MenuBlock7 {
		padding: 0px 16px !important;
	}
	.MenuBlock1 > div > span:first-child, .MenuBlock2 > div > span:first-child, .MenuBlock6 > div > span:first-child, .MenuBlock7 > div > span:first-child {
		margin: 0% 0%;
	}
}