@font-face{
	font-family:'Roboto';
	font-style:normal;
	font-weight:normal;
	src:url(/res/RobotoRegular.eot);
	src:url(/res/RobotoRegular.eot) format('embedded-opentype'),url(/res/RobotoRegular.woff) format('woff')
}

body{/*position:relative; */background:#aaa; font-size:14px; font-family:Arial;  margin:0px; min-width:360px;  font-family:'Roboto';}
.ldr{display:none; text-align:right;}
/*
#hdr{width:100%;  border-bottom:1px solid #777; user-select: none; min-width:360px;}
#hdr table{ width:100%; max-width:1000px; min-width:320px;}
#hdr table > tbody > tr > td:nth-child(1) { width:5%; text-align:center; font-size:.8em; color: #555;}
#hdr table > tbody > tr > td:nth-child(2) { width:95%; text-align:right;}
*/
#content{min-height: 100px; max-width:800px; min-width:310px; display:block; padding: 20px; margin:25px;
background: white; text-align: left; }

.l{float:left;}
.r{float:right;}

.addr{color: #010875;
padding: 3px 0px;
min-height: 1em;
}
.prms{min-height: 5em;}
#descr_{min-height: 10em;}
.tit2{min-height: 1em; min-width: 15em;}
.prc{min-width: 6em; text-align: right;}

.hrd{display:none;}

@media (max-width:500px)  { 
   body{font-size:13px;}
}

@media (max-width:400px)  { 
   body{font-size:12px;}
}

@media (max-width:690px)  { 
   .hrd{display:block;}
}

.im{position: relative; display: block; min-width: 350px; max-width: 600px; width: 95%; margin:10px; }
.im img{width: 100%;}
.inh{min-width: 350px; max-width: 600px; width: 95%; margin:10px; }

.bl1, .bl2{
	margin: 8px;
	max-width: 650px;
	display:inline-block;	
	vertical-align: top;
}


.bl1{width: 58%;min-width: 300px;}
.bl2{width: 35%;min-width: 200px; text-align: left;}

.ph_l{
z-index: 100;
position: absolute;
top: 0px;
left: 0;
padding: 8px;
background: rgba(0,0,0,0.5);
color: white;
cursor: pointer;
text-align: right;
}

.ph{display:none;}

.imgd{
	border:1px solid #507e95;
	width:100%;
	height:300px;
	max-width: 650px;
	min-width: 300px;
	display:block;
	white-space: nowrap;
	overflow: hidden;
	margin-bottom:15px;
	position:relative;
	user-select: none;
}

@media (max-width:780px)  { 
  .bl1, .bl2{width: 95%;}
  .imgd{height:350px;}
}

.imgd .bgd{
background-size: cover;
width: 110%;
height: 110%;
filter: blur(3px);
position: absolute;
left: -10px;
top: -10px;
display:none;
}


.imgd .imd{
width: 100%;
height: 100%;
background-size: contain;
background-position: center;
background-repeat: no-repeat;
position: relative;
z-index: 3;
display:none;
	}

.imgd a:nth-child(1){
width: 1px;
height: 1px;
display: block;
z-index: 4;
position: absolute;}

.imgd a:nth-child(1) img{visibility: hidden;}

#i_edt, #i_edt_t{
	position:absolute;
	display:none;
	font-family: 'Roboto';
}

#panel{
	background:white;
	border-bottom:1px solid #555;
	display: block;
	padding: 5px;
}
#hdPanel{
	background:red;
	height:20px;
	vertical-align:middle;
	cursor:pointer;
	margin: 10px -5px -5px -5px;
	color: white;
	padding: 4px;
}
#hdPanel:hover{background:#b00;}

#panel span{color:#555; font-size:.9em;}

.ad2 table {display: inline;}

.ad2 input[type="radio"]{height: 18px; width: 18px;  margin: 5px;}




.b_{display: inline-block;vertical-align: middle;
margin: 0px 10px;}

#panel hr{height: 1px; background: #777;border: 0px;}
#panel b{font-family: arial; color: #333;}

.ya-share2{
    line-height: normal;
    display: inline-block;
    margin: 3px;
}
.mysms,.myprnt,.mycpy{line-height: normal;
    display: inline-block;
    margin: 3px; vertical-align: top;
width: 48px;
height: 48px;}

.mysms a, .myprnt a	, .mycpy a	{width: 48px; height: 48px; display: block;background-size: contain; }
.mysms a{background-image: url(res/soc/sms.jpg);}
.myprnt a{background-image: url(res/soc/prnt.jpg);}
.mycpy a{background-image: url(res/soc/cp.jpg);}
.mysms:hover,.myprnt:hover,.mycpy:hover{opacity:0.8;}

.c-all, .c-l , .c-l-t { -moz-border-radius-topleft: 4px; -webkit-border-top-left-radius: 4px; -khtml-border-top-left-radius: 4px; border-top-left-radius: 4px; }
.c-all, .c-r, .c-r-t{ -moz-border-radius-topright: 4px; -webkit-border-top-right-radius: 4px; -khtml-border-top-right-radius: 4px; border-top-right-radius: 4px; }
.c-all, .c-l , .c-l-b { -moz-border-radius-bottomleft: 4px; -webkit-border-bottom-left-radius: 4px; -khtml-border-bottom-left-radius: 4px; border-bottom-left-radius: 4px; }
.c-all, .c-r, .c-r-b  { -moz-border-radius-bottomright: 4px; -webkit-border-bottom-right-radius: 4px; -khtml-border-bottom-right-radius: 4px; border-bottom-right-radius: 4px; }


#alrt_bg{position: fixed;
background: rgba(0,0,0,0.7);
width: 100%;
height: 100%;
display:none;
top: 0;
left: 0;
}

#alrt hr{height: 1px; background: #cac2c2;border: 0px;}
#alrt{max-width: 200px; float: right; margin-top: 10px;}
#alrt{z-index: 1010;}
#alrt_bg{z-index: 1000;}
#alrt{max-width:800px; user-select: none; position: fixed;
top: 50%;
left: 50%;
transform: translate(-50%,-50%);
font-size:1.2em;

    background: white;
    padding: 20px;
    min-width: 340px;
    width: 95%;
	 box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
	text-align: center;
    box-shadow: 0 0 10px rgba(0,0,0,0.8);
	display:none;
}
.grey_btn_s,.grey_btn{cursor:pointer;   
text-align:center; 
font-weight:bold;
padding: 5px 10px 5px 10px;
font-size:1em;
font-family:Arial;
/*width: 100%;*/
user-select: none;
}
.grey_btn,.grey_btn_s{color:black;
		
		background: #eee;

		}
.grey_btn_sel{color:white; text-shadow: 0px 0px 3px rgba(0, 0, 0, 0.6);
		
		background: #0D0;
		background:	linear-gradient(to bottom, #090, #0D0); 
		background: -webkit-linear-gradient(bottom, top, #090, #0D0); 
		background: -moz-linear-gradient(bottom, #090, #0D0); 
		background: -o-linear-gradient(bottom,  #090, #0D0); 
		background: -ms-linear-gradient(bottom,  #090, #0D0);
		}
.grey_btn:hover,.grey_btn_s:hover{background: #fff; text-shadow: 0px; color:black;}

.prms{min-height: 1.2em;}
#sv{z-index: 200; display:none; position:fixed; bottom:0px; left:0px; padding:4px 10px; background:rgba(0,0,0,0.6); color:white; text-shadow: 0px 0px 3px rgba(0, 0, 0, 0.7);}

.foot{background: #eee;
border-top: 1px solid #bbb;
padding: 10px;
margin: 0px -20px -20px -20px;
font-size:1.1em;
color:#222;}

.foot .bl1, .foot .bl2{text-align:center;}

.prms{margin-bottom: 10px;}
.ph_ed{display:none;}

input[type="checkbox"]{height: 35px; width: 35px;  margin: 8px;}

.ph_ch{z-index: 100;
position: absolute;
top: 0px;
left: 0;
color: white;
cursor: pointer;
height: 100%;
display: none;
width: 100%;
text-align: left;}

.ph_up,.ph_down,.ph_left,.ph_right  {z-index: 100;
	z-index: 100;
	position: absolute;
	
	right: 3%;
	color: #f6ffd6;
	opacity: 0.7;
	cursor: pointer;
	font-size: 3em;
	text-shadow: 0px 0px 3px rgba(0, 0, 0, 0.8);
}

.ph_left,.ph_right {width: 55px;
  color: #fff;
  opacity: 0.5;
  text-shadow: 0px 0px 2px rgb(0, 0, 0);
}

.ph_up		{top: 0;}
.ph_down	{bottom: 1%;}

.ph_left	{top: 40%; left:0;}
.ph_right	{top: 40%; right:0;}

.ph_up:hover,.ph_down:hover{opacity: 1;} 

.noexst{display:none;}