html					{width:100%;height:auto;margin:0;padding:0;overflow:auto;background:#AAA;}
body					{border:0;position:relative;width:900px;height:auto;min-height:100%;margin:auto;margin-top:0;margin-bottom:0;text-align:center;background:#EEE;}
div#roof			{margin:0;padding:5px;overflow:auto;background:#EEE;}
	div#roof div#logoplace{display:inline-block;width:auto;float:left;}
	div#roof div#slogan{display:inline-block;width:50%;float:right;margin:2px 7px;font:14pt Arial;text-align:right;}

div#topmenu{display:block;background:#05A;}
	div#topmenu a{display:inline-block;color:#fff;text-decoration:none;font:10pt Arial;padding:5pt;}
	div#topmenu a:hover{background:#A50;}
	
div#searchbox	{margin:0;position:sticky;top:0;background:rgba(200,200,200,.8);color:#000;z-index:1;}
	div#searchbox	form{margin:0;font:12pt Arial;padding:2px 5px;}
	div#searchbox	form input{font:12pt Arial;padding:0 2px;outline:0;margin:0 5px;}
	div#searchbox form#searchrow{text-align:center;font:12pt Arial;}
	div#searchbox form#searchrow span{display:inline-block;}
	div#searchbox form#searchrow input,form#searchrow button{font:12pt Arial;}
	
div#content		{margin:0;padding:5px;background:#EEE;}
	div#content h1	{font:16pt Arial;text-align:center;}
	div#content p	{font:12pt Arial;text-align:justify;margin:5pt 10pt;}

	/* постраничная выдача */
	div.pagerow,div.pagerow a		{ font:12pt Tahoma; }
	div.pagerow								{ margin-bottom:10px; }
	div.pagerow a							{ border:1px solid #777;border-radius:5px;background:#CCC;color:#000;display:inline-block;width:20px;margin:2px;text-align:center;text-decoration:none; }
	div.pagerow a.this					{ background:#FFF; cursor:default; }
	div.pagerow a:hover				{ background:#F60; color:#FFF; }
	div.pagerow a.this:hover		{ background:#070; color:#FFF; }
	
	/* монеты */
	div#coinfeed a.coin{display:inline-block;border:1px solid #AAA;margin:3px;position:relative;}
	div#coinfeed a.coin div.desc,div#coinfeed a.coin div.info{position:absolute;width:100%;height:auto;background:rgba(0,0,0,.5);color:#FFF;font:10pt Arial;padding:2px 0;}
	div#coinfeed a.coin div.info{top:0;left:0;}
	div#coinfeed a.coin div.desc{bottom:0;left:0;}
	div#coinfeed a.screenshot{position:relative;}
	div#coinfeed p{margin:2px 30px; font:12pt Arial;line-height:150%;text-align:justify;text-indent:0;}
	img.medium_preview{border:1px solid #AAA;background:#FFF;padding:5px;margin:5px;cursor:pointer;}
	img.revers,img.avers				{ display:block; border:1px solid #777; margin:auto; margin-top:20px; }
	img.magnum								{ position:absolute;right:0;bottom:0; }
	
	#screenshot{position:fixed;top:0;left:0;border:0;background:rgba(0,0,0,.5);padding:10px;display:none;color:#fff;overflow:auto;border-radius:15px;text-align:center;font:12pt Tahoma; text-indent:0;white-space:nowrap;}
	#screenshot img{width:250px;height:250px;margin:5px; border-radius:10px; text-indent:0; }
	
div#darkness{display:none;position:fixed;top:0;left:0;z-index:3;width:100%;height:100%;background:rgba(0,0,0,0.5);text-align:center;}
img.max_coin_img{position:relative;top:10%;border:1px solid #AAA;margin:5px;padding:5px;background:#FFF;box-shadow: 0 0 25px 15px rgba(0,0,0,.5);}

div#basement	{position:relative;display:block;width:100%;bottom:15pt;background:rgba(0,0,0,.5);color:#DDD;font:12pt Arial;padding:0;}
	div#basement a{color:#FC7;}
	div#basement a:hover{color:#FEA;}

/* для мобильных устройств */
@media (max-width:700px)
	{
	body{width:100%;margin:0;}
	img.medium_preview{width:75%;}
	div#coinfeed a.coin div.desc,div#coinfeed a.coin div.info{font:12pt Arial;}
	div#searchbox form#searchrow{text-align:left;font:12pt Arial;}
		div#searchbox form#searchrow span{display:block;white-space:nowrap;margin:3px;}
		div#searchbox form#searchrow input,form#searchrow button{font:12pt Arial;}
	div#roof div#slogan{font:16pt Arial;}
    }
/* для мобильных устройств */