html, body {
        margin: 0px 0px 0px 0px;
        padding: 0px 0px 0px 0px;
        text-align: center;
        background-color: #8a8a8a;
        background-image: url(images/bgr.gif);
        color: #ffffff;
}

html, body, a:link, td, p, ul, li {
        font-family: Tahoma, Arial, Verdana, Helvetica, sans-serif;
        font-size: 8pt;
}

body {
        padding: 32px 32px 32px 32px;
}

img {
        margin: 0px 0px 0px 0px;
        padding: 0px 0px 0px 0px;
        border: 0px;
}

p {
        margin: 10px 3px 10px 10px;
}

a:link, a:visited {
        color: #358ac5;
        text-decoration: underline;
}

a:hover {
        color: #ee1010;
}

div#page {
        width: 706px; /* for IE 5.0 */
        min-width: 706px;
        margin: 0px 0px 0px 0px;
        padding: 0px 0px 0px 0px;
        border: 0px;
        text-align: left;
        voice-family: "\"}\""; 
        voice-family:inherit;
        width: 100%;
}
.empty {}

div.container {
        background-image: url(images/corn_top_r.gif);
        background-position: top right;
        background-repeat: no-repeat;
        background-color: #ffffff;
        margin: 12px 0px 0px 0px;
        padding: 0px 3px 0px 0px;
        width: 706px; /* for IE 5.5 */
        voice-family: "\"}\""; 
        voice-family:inherit;
        width: auto;
        width:expression((document.documentElement.clientWidth || document.body.clientWidth) < 780? "670px": "auto;" ); /* for IE 6.0-5.5-5.0 */
}

.empty {}

div.rel {
        position: relative;
}

div.contfoot {
        background-image: url(images/corn_bot_r.gif);
        background-position: bottom right;
        background-repeat: no-repeat;
        background-color: #ffffff;
        margin: 0px 0px 0px 0px;
        padding: 0px 0px 0px 0px;
        height: 3px;
        white-space: nowrap;
}

div#hat {
        position: relative;
        background-color: #ff9900;
        width: auto;
        height: 183px;
        margin: -2px -2px -2px 1px;
        padding: 0px 0px 0px 0px;
}

div#hat0 {
        position: absolute;
        z-index: 0;
        top: 0px;
        left: 0px;
        background-color: #ff9900;
        color: #0066ff;
        padding: 0px 0px 0px 0px;
        margin: 0px 0px 0px 0px;
        font-family: Georgia, "Times New Roman", Times, serif;
}

div#hat0 h1 {
        font-size: 48px;
        padding: 0px 0px 0px 0px;
        margin:  -14px 0px 0px 40px;
        voice-family: "\"}\""; 
        voice-family:inherit;
        margin:  20px 0px 0px 40px;
}

.empty {}

div#hat0 h2 {
        font-size: 26px;
        padding: 0px 0px 0px 0px;
        margin:  10px 0px 0px 40px;
}

div#hat1 {
        position: absolute;
        z-index: 99;
        top: 0px;
        left: 0px;
        background-image: url(images/hat_bgr.jpg);
        background-repeat: no-repeat;
        width: 704px;
        height: 183px;
        margin: 0px 0px 0px 0px;
        padding: 0px 0px 0px 0px;
}

div#hat1 img {
        margin: 32px 0px 0px 33px;
}

div#hat2 {
        margin: 0px 0px 0px 704px;
        padding: 0px 0px 0px 0px; 
        height: 183px;
        font-size: 1px;
        background-image: url(images/hat_bgr_r.jpg);
        background-repeat: repeat-x;
}

div#main {
        background-color: #eeeeee;
        background-image: url(images/cont_top.gif);
        background-position: top;
        background-repeat: repeat-x;
        color: #666666;
        margin: 1px 0px 0px 3px;
        padding: 13px 12px 12px 12px;
        width:expression(document.body.clientWidth < 780? "670px": "auto;" ); /* for IE 6.0-5.5-5.0 */
}

div#main h3 {
        background-color: #8a8a8a;
        background-image: url(images/tb_bgr.gif);
        background-repeat: repeat-x;
        color: #ffffff;
        font-family: Georgia, "Times New Roman", Times, serif;
        font-size: 11pt;
        font-weight: bold;
        text-align: left;
        margin: 0px 0px 0px 0px;
        padding: 3px 0px 3px 15px;
        line-height: 20px;
        display: block;
        height: 20px;
        white-space: nowrap;
}

div#main td {
        color: #666666;
}

div#left {
        width: 30%;
        float: left;
}

div#left div {
        border: 1px dotted #8a8a8a;
        background-color: #ffffff;
        padding: 1px 1px 1px 1px;
        margin: 0px 0px 5px 0px;
}

div#left ul {
        list-style-type: none;
        list-style-position: outside;
        margin: 10px 0px 5px 0px;
        padding: 0px 0px 0px 0px;
}

div#left li {
        font-family: Georgia, "Times New Roman", Times, serif;
        font-weight: normal;
        font-size: 13pt;
        color: #358ac5;
}

div#left li a:link, div#left li a:visited {
        font-family: Georgia, "Times New Roman", Times, serif;
        font-size: 13pt;
        color: #626262;
        text-decoration: none;
}

div#left li a:hover {
        text-decoration: underline;
        color: #358ac5;
}

div#left li ul {
        margin: 0px 0px 5px 0px;
}

div#left li {
        margin: 0px 0px 3px 0px;
        padding: 0px 0px 0px 14px;
        background-image: url(images/li_bgr.gif);
        background-position: top left;
        background-repeat: no-repeat;
}

div#left li li, div#left li li a:link, div#left li li a:visited {
        font-size: 14px;
        background-image: none;
}


div#left p {
        margin-left: 16px;
}

div#right {
        float: right;
        width: 430px;
        margin: 0px 10px 10px 10px;
        padding: 0px 0px 0px 5px;
        voice-family: "\"}\""; 
        voice-family:inherit;
        width: 66%;
}
.empty {}

div#right h3.orange {
        font-family: Georgia, "Times New Roman", Times, serif;
        font-weight: bold;
        font-size: 11pt;
        background-color: #eeeeee;
        background-image: none;
        padding: 0px 0px 0px 10px;
        margin: 0px 0px 0px 0px;
}

.orange, div#right .orange {
        color: #db462e;
}

div.photo {
        border: 0px;
        border-bottom: 1px dotted #8a8a8a;
        margin: 0px 0px 10px 0px;
        padding: 0px 0px 10px 0px
}

div.photo img {
        padding: 3px 3px 3px 3px;
        margin: 0px 0px 0px 0px;
        border: 1px solid #8a8a8a;
        background-color: #ffffff;
}

div#other {
        width: 39%;
        border: 0px;
        border-right: 1px dotted #8a8a8a;
        padding: 0px 10px 10px 5px;
        margin: 5px 0px 0px 0px;
        float: left;
        clear: right;
}

div#other ul {
        list-style-type: none;
        list-style-position: outside;
        margin: 10px 0px 0px 0px;
        padding: 0px 0px 0px 0px;
}

div#other li {
        background-image: url(images/arrow_bgr.gif);
        background-position: top right;
        background-repeat: no-repeat;
        background-color: #ffffff;
        border: 0px;
        border-left: 3px solid #bdbdbd;
        height: 17px;
        margin: 1px 0px 0px 0px;
        padding: 0px 22px 0px 11px;
        white-space: nowrap;
}

div#zakaz {
        width: 55%;
        padding: 0px 0px 10px 10px;
        margin: 5px 0px 0px 0px;
        float: left;
}

div#zakaz table {
        width: 100%;
        margin: 10px 0px 0px 0px;
        padding: 0px 0px 0px 0px;
}

div#zakaz td {
        vertical-align: top;
        padding: 0px 0px 3px 0px;
}

div#zakaz form {
        margin: 0px 0px 0px 0px;
}

div#zakaz input {
        height: 15px;
}

div#zakaz input, div#zakaz textarea {
        border: 1px solid #358ac5;
        background-color: #ffffff;
        color: #666666;
        width: 97%;
        margin: 0px 0px 0px 0px;
}

div#zakaz textarea {
        height: 52px;
}

div#zakaz input.subm {
        width: 86px;
        height: 13pt;
        border: 1px solid #0c363d;
        background-color: #358ac5;
        color: #ffffff;
        margin: 0px 10px 0px 0px;
        padding: 0px 0px 2px 0px;
        text-align: center;
        line-height: 8pt;
        font-size: 8pt;
}

div#contacts {
        background-color: #ffffff;
        color: #666666;
        white-space: nowrap;
        margin: 0px 10px 0px 3px;
        padding: 0px 0px 0px 0px;
        width: 250px;
        float: left;
        line-height: 10pt;
}

div#contacts p {
        margin: 5px 3px 5px 10px;
}


div#menocom {
        float: right;
        padding-top: 10px;
        background-color: #ffffff;
        white-space: nowrap;
        width: 270px;
}

div#menocom img {
        margin: 1px 6px 0px 0px;
}

div#menocom a:link, div#menocom a:visited {
        font-size: 9px;
        color: #ee1010;
        text-decoration: none;
        border: 0px;
        line-height: 9pt;
}

div#menocom a:hover {
        text-decoration: underline;
}

span.bold {
        font-weight: bold;
}

div.clr {
        clear: both;
        font-size: 1px;
        height: 1px;
}

div.pict {
        float: left;
        clear: none;
        text-align: center;
        display: table-cell;
        width: 150px;
 /*       height: 150px;       */
        margin: 10px 10px 0px 0px;
}

div.pict p, div.pict a:link, div.pict a:visited {
        font-family: Georgia, "Times New Roman", Times, serif;
        font-size: 14px;
        line-height: 14px;
        font-weight: normal;
        text-decoration: none;
        margin: 0px 0px 0px 0px;
        padding: 0px 0px 0px 0px;
}

div#main h3.gallery {
        font-family: Georgia, "Times New Roman", Times, serif;
        font-weight: bold;
        font-size: 16px;
        color: #626262;
        background-color: #eeeeee;
        background-image: none;
        padding: 0px 0px 3px 0px;
}
div#left li a.act:link, div#left li a.act:visited {
        font-family: Georgia, "Times New Roman", Times, serif;
        font-size: 13pt;
        color: #358ac5;
        text-decoration: none;
}
div#left li a.act:hover {
        text-decoration: underline;
        color: #358ac5;
}