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