A { color : #998833;  text-decoration : none; }
A:HOVER { color : #CC6633; text-decoration : none; }
A.map { font-size : 20px; font-weight : bold; font-family : Arial, Helvetica, sans-serif;
    margin : 0px; position:absolute; z-index:100; right:33%; top:1%; }

DIV { margin : 20px; color : #224477; font-size : 12pt; font-weight : bold; font-family : Arial, Helvetica, sans-serif; }
FORM { margin : 20px; }
P { margin : 3px; text-indent: 1em; text-align: justify; }
 TD { margin : 0px; color : #224477; font-size : 12pt; font-weight : bold; font-family : Arial, Helvetica, sans-serif; }

table.shapka, table.main, table.footer { width:99%; max-width: 736px; }

@media screen and (max-width: 770px) {
.shapka .left img { width: 100%; max-width:269px; height: auto; }
.shapka .right img { width: 100%; max-width: 467px; height: auto; }
.main img { width: 55%; max-width: 500px; height: auto; }
.main table img { width: 100%; height: auto; }
.main { padding: 0 !important;  margin: 0 !important; }
.main h1 { maring: 0 !important;  padding: 0 !important; word-wrap: break-word; white-space: normal; }
}

@media screen and (max-width: 500px) {
.shapka { display: none; }
.footer .right { display: none; }
* { word-wrap: break-word; white-space: normal; }
A.map { right: 4% !important; }
}