.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;  } 
.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 {   -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;}
}