.arkrelated {
padding: 10px 10px 4px 10px;
margin:10px auto 10px;
padding: 10px;
text-align: left;
}
.arkrelated h3 { 
margin-bottom: 2px !important;
margin-top: 2px !important;
color:  #215B9B;
font-weight:bold !important;
padding-top: 2px !important;
padding-bottom: 8px !important;
} 
.arkrelated a { 
text-decoration: none !important;  
box-shadow: none !important; 
} 
.arkrelated a:hover { 
color: #ff0000; 
text-decoration: none !important; 
box-shadow: none !important;
}
.arkrelated div { 
padding: 2px 2px 2px 2px;
margin: 2px 4px 2px 2px;
/*border: 1px solid #DDDDDD;*/
/*float:left;*/
} 
.nohover{
box-shadow: none !important;
}
.nohover:hover {
box-shadow: none !important;
}
.arkrelated img { 
margin: 1px 8px 4px 1px !important; 
padding: 2px !important;
border: 1px solid #C7C7C7 !important;
z-index:0;
}
.mtrans {  
	cursor:pointer;
    }  
  
.mtrans :hover {  
 	/*background: rgba( 255, 200, 220, 0.1);*/
	/*border: 1px solid red; !important;*/
	/* box-shadow: 0 0 10px rgba(0,0,0,0.5); /* Параметры тени */
-webkit-box-shadow: 3px 3px 4px 0px rgba(50, 50, 50, 0.5);
-moz-box-shadow:    3px 3px 4px 0px rgba(50, 50, 50, 0.5);
box-shadow:         3px 3px 4px 0px rgba(50, 50, 50, 0.5);
	cursor:pointer;
}  
@media screen and (min-width:100px) and (max-width:460px){
	.mtrans {width:100% !important; min-width:100% !important; max-width:100% !important;}
	.mtrans img {width:100% !important; min-width:100% !important; max-width:100% !important;}
}