@media only screen and (max-width: 481px) {
	#ban,#tel,logo2{
		display:none!important;
	}
	#title{
		zoom:55%;

		margin:0 !important;
		width:100% !important;
		text-align:center;
	}
	#logo{
		zoom:25%;
		top:450px !important;
	}
	#menu,#title{
		position:static !important;
	}
	#menu{
		margin-top:100px;
	}
}
@font-face {
   font-family: ArtMarketTt;
   src: local("ArtMarketTt"),
        url(font/ArtMarketTt.eot);
}
/* далее для всех остальных браузеров */
@font-face {
  font-family: ArtMarketTt;
  src: local("ArtMarketTt"),
       url(font/ArtMarketTt.ttf);
}
@font-face {
   font-family: ds-mech;
   src: local("ds-mech"),
        url(font/ds_mech.eot);
}
/* далее для всех остальных браузеров */
@font-face {
  font-family: ds-mech;
  src: local("ds-mech"),
       url(font/ds_mech.ttf);
}
/*#####################*/
html, body, div, span, applet, object, iframe,h1, h2, h3, h4, h5, h6, p, blockquote, pre,a, abbr, acronym, address,big, cite, code,del, dfn, em, font, img, ins, kbd, q, s, samp,small, strike, strong, sub, sup, tt, var,b, u, i, center,
dl, dt, dd, ol, ul, li,fieldset, form, label, legend,table, caption, tbody, tfoot, thead, tr, th, td {margin: 0; padding: 0;border: 0;outline: 0;font-size: 100%;vertical-align: baseline;}
ol, ul {list-style: none;}
blockquote, q {quotes: none;}
:focus {outline: 0;}
ins {text-decoration: none;}
del {text-decoration: line-through;}
table {border-collapse: collapse;border-spacing: 0;}
html {height: 100%;}
body {background: #000000;font: 100% Verdana, sans-serif;width: 100%;height: 100%;clear: none;color:#180F37;}
p{font-size:90%;}
li{font-size:90%;}
ol,ul{list-style-type:circle;
list-style-position:inside;
list-style-position:-10px;}
h1,h2,h3,h4,h5,h6,#f-z-u,#f-z-u *{font-family: 'ds-mech', Verdana, sans-serif!important;}
h1{font-size:200%;}
h2{font-size:180%;}
h3{font-size:160%;}
h4{font-size:140%;}
h5{font-size:120%;}
h6{font-size:100%;}
body, html {
	margin:0;
	padding:0;
	background:centr no-repeat;
	background-image: url(images/bg-html.jpg);
}
input{
	border:none;
	background:url(images/line.png) repeat-x bottom;
	color: #400080;
	font-size:16px;
	font-weight:bolder;
	//height:18px;
	cursor:pointer;
	
}
label{
	padding-right:15px;
	font-size:18px;
	font-weight:bold;
	width:auto;
	display:inline-block;
	cursor:pointer;
}
a{
	text-decoration:none;
}
del{
	display:none;
}
#f, #e{
	width:250px;
	height:25px;
}
#logo, #logo img, #logo2, #logo2 div, #tel, #title,#Menu,#art-content,#a-content,#logo21,#Up,#ban{position:absolute;}
#logo, #logo2{
	
	top:50%;
	left:50%;
	width:564px;
	height:468px;
	overflow:hidden;
	margin: -232px 0 0 -284px;
}
#logo:hover #iLogo,#logo:hover #iLogo2,#logo:hover {
	opacity: 0;
}
#logo{
	z-index:199;
}
#logo21{left:0px;top:10px;}
#logo21 a{display:block;width:215px; height:178px;}
/*#logo21 img{width:215px; height:178px;}
#logo211,#logo212,#logo213,#logo214,#logo215,#logo216,#logo217{width:215px; height:178px;left:0px;top:10px;}*/
.l1{background:url(images/logo215-gl1.png) no-repeat;}
.l2{background:url(images/logo215-gl2.png) no-repeat;}
.l3{background:url(images/logo215-gl3.png) no-repeat;}
.l4{background:url(images/logo215-gl4.png) no-repeat;}
.l5{background:url(images/logo215-gl5.png) no-repeat;}
.l6{background:url(images/logo215-gl6.png) no-repeat;}
.l7{background:url(images/logo215-gl7.png) no-repeat;}

#logo2{
	background:url(images/logo-htm-endl.png) no-repeat;
	padding:115px 0px 0px 120px;
	height:450px;
}
#logo2 h1 {text-align:center;}
#logo2 div{
	width:320px;
	height:265px;
	overflow:hidden;
	padding-top:10px;
}
#logo img{
	background-position:center;
	top:0;
	left:0;
	width:564px;
	height:468px;
}
#iLogo{
	z-index:201;
}
#iLogo2{
	z-index:200;
}

#tel{
	background:url(images/tel.png);
	width:229px;
	height:209px;
	bottom:0px;
	right:0px;
}
#ban{
	width:178px;
	height:176px;
	display: block;
	vertical-align: middle;
	text-align: center;
	background: url(images/Calendar-inside-1.png) no-repeat center;
	right:0px;
	top:0px;
	z-index:700;
	padding:80px 15px 0px 15px;
	
}
#ban img{
	border: #000 1px solid;
}
#ban *{	
	font-family: 'ds-mech';
font-size:30px;
}
#title{
	background:url(images/top-txt.png) no-repeat center;
	width:481px;
	height:112px;
	top:0px;
	left:50%;
	margin-left:-240px;
}
#Menu{
	width:250px;
	left:10px;
	top:240px;
	height:auto;
}
#Up{
	background:url(images/Up-Menu.png) no-repeat right;
	width:219px;
	height:50px;
	left:0px !important;
	top:190px;
	text-align:right;
	z-index:210;
	padding:8px 15px 0px 0px;
	display:block;
}
#Up a{
	font-family: 'ds-mech', Verdana;
	font-size:30px;
	color:#180F37;
}
#Up a:hover{
	color:#900;
}
#Menu *{
	display:block;
	width:250px;
	font-family: 'ArtMarketTt', sans-serif;
	font-size:30px;
	font-weight:bold;
	color:#180F37;
}
#Menu a:hover{
	color:#900;
}
#Menu b{
	color:#666 !important;
}
#a-content{
	background: url(images/malbert/mal-bg-1.png) repeat;
	top:130px;
	left:293px;
	right:259px;
	bottom:55px;
	text-align:center;
	border-top:#9e792f 1px solid;
	border-bottom:solid 2px #666;
	border-right:solid 1px #666;
	z-index:299;
}
#m-list div table{
	border-right:dashed 1px #666;
}
#m-list div td{
	    vertical-align: top;
}
#m-list div div{
	position:static;
	
}
#m-list a{
	height:21px;
	color:#180F37;
	background:url(images/linck.png) no-repeat right;
	padding-right:21px;
	display:inline-block;
}
#m-list a:before,#kontakt a:before{
	width:2px;
	background:url(images/linck-go.png);
	margin-left:-2px;
	//margin-top:0px !important;
}
#m-list a:hover,#kontakt a:hover{
	color:#900;
}
#kontakt a{
	color:#180F37;
	background:url(images/linck.png) no-repeat right;
	padding-right:21px;
}
#f-z-u * {
	
}
/*kontakt*/
#kontakt{
	position:fixed;
	background:url(images/index-kont.png) no-repeat;
	width: 517px !important;
	height: 486px;
	top: 120px;
	left:50%;
	padding:70px 300px 0px 55px;
	margin-left:-243px;
	font-family:'ds-mech',"Comic Sans MS", cursive;
}
#kontakt h1{
	text-align:center;
	padding-bottom:20px;
}
#kontakt *{
	width:230px;
	text-align:justify;
}
/*malbert*/
#m-top,#m-top-in,#m-dos,#m-list,#m-list div,#m-b-r,#m-b-l,#m-b-c,#m-d-r,#m-d-l,#m-d-c,#m-kn1,#m-kn2,#m-kn3,#m-kn4,#m-top-in,#m-kr{position:absolute;}
#m-kn1,#m-kn2,#m-kn3,#m-kn4{
	background: url(images/malbert/m-kn.png) no-repeat;
	width:24px;
	height:25px;
	z-index:452;
}
#m-top-in{
	background:url(images/malbert/mal-top-in.png) center no-repeat;
	width:100%;
	height:14px;
	top:0px;
	left:0px;
	z-index:500;
}
#m-kn1{ background-position: 0px 0px;}
#m-kn2{background-position: -24px -0px;}
#m-kn3{background-position: -24px -25px;}
#m-kn4{background-position: 0px -25px;}
#m-kn1,#m-kn2{top:15px;}
#m-kn1,#m-kn3{left:5px;}
#m-kn2,#m-kn4{right:5px;}
#m-kn3,#m-kn4{bottom:5px;}

#m-top{/*
	background: url(images/malbert/m-top.png) no-repeat center;
	top:-50px;
	left:0px;
	width:100%;
	height:56px;
	z-index:499;
*/}
#m-dos{
	background: url(images/malbert/mal-bg-2.png) repeat center;
	text-align:center;
	top:10px;
	bottom:10px;
	left:10px;
	right:10px;
	border-bottom:#b88f3b solid 2px;
	border-right:#b88f3b solid 2px;
}
#m-list{
	background: url(images/malbert/m-holst.png) repeat center;
	top:20px;
	bottom:10px;
	left:10px;
	right:10px;
	border-bottom:#3e3727 solid 1px;
	border-right:#3e3727 solid 1px;
	border-left:#e0ddd2 solid 1px;
	border-top:#e0ddd2 solid 1px;
}
#m-list div{
	padding-left:10px;
	padding-right:10px;
	text-align:justify;
	top:40px;
	bottom:0px;
	left:20px;
	right:20px;
	overflow-y:auto;
	border-top:#666 dashed 1px;
	
}
#m-list div h1{
	position:fixed;
	left:335px;
	right:305px;
	margin-top:-43px
}
#m-b-r,#m-b-l,#m-b-c{height:36px;}
#m-b-r{
	background: url(images/malbert/mal-bot-d-r.png) no-repeat right;
	padding-right:15px;
	z-index:450;
	bottom:30px;
	left:263px;
	right:229px;
}
#m-b-l{
	background: url(images/malbert/mal-bot-d-l.png) no-repeat left;
	padding-left:15px;
	right:15px;
	left:0px;
}
#m-b-c{
	background: url(images/malbert/mal-bot-d-c.png) repeat left;
	right:0px;
	left:15px;
}
#m-d-r,#m-d-l,#m-d-c{height:30px;}
#m-d-r{
	background: url(images/malbert/mal-bot-drop-r.png) no-repeat right;
	z-index:451;
	bottom:0px;
	left:263px;
	right:229px;
}
#m-d-l{
	background: url(images/malbert/mal-bot-drop-l.png) no-repeat left;
	right:16px;
	left:0px;
}
#m-d-c{
	background: url(images/malbert/mal-bot-drop-c.png) repeat left;
	right:0px;
	left:16px;
}
#m-kr{
	background: url(images/malbert/m-k.png) no-repeat left;
	width:316px;
	height:39px;
	bottom:15px;
	z-index:550;
	left:10px;
}