html,body {
margin: 0; padding: 0; background: #F0F0F0;
font-family: "Arial CE",Arial,serif; color: #0069AA;
}
body {
font-size: 11px; text-align: center;
padding-top: 2%; padding-bottom: 2%;
}
.blue {
color: #0069AA;
}
.orange {
color: #F15D22;
}
#parent {
margin-left: auto; margin-right: auto; text-align: left;
background: #ffffff; border: 1px solid #000000;
width: 800px; height: 600px;
}

/* HEADER */

#header {
width: 100%; height: 95px; _height: 135px;
}
#header .content {
margin: 20px;
}
#header .left {
width: 330px; float: left;
}
#header .menu-squares a {
display: block; width: 20px; height: 20px; margin-right: 10px; float: left; font-size: 1px;
background: #0069AA;
}
#header .menu-squares a:hover {
background: #F15D22;
}
#header .menu-squares span {
display: block; width: 20px; height: 20px; margin-right: 10px; float: left; font-size: 1px;
background: #F15D22;
}
#header .menu-main,#header .menu-submain {
scrollbar-face-color:#ffffff;
scrollbar-shadow-color:#ffffff;
scrollbar-highlight-color:#ffffff;
scrollbar-3dlight-color:#ffffff;
scrollbar-darkshadow-color:#ffffff;
scrollbar-track-color:#ffffff;
scrollbar-arrow-color:#0069AA;
}
#header .menu-main {
width: 160px; height: 75px; overflow: auto; float: left;
font-size: 15px; font-weight: bold; line-height: 19px;
}
#header ul {
margin: 0; padding: 0; list-style-type: none;
}
#header .menu-main a {
text-decoration: none; color: #0069AA;
}
#header .menu-main a:hover {
text-decoration: none; color: #F15D22;
}
#header .menu-main span {
color: #F15D22;
}
#header .menu-submain {
width: 160px; height: 75px; overflow: auto; float: left; margin-left: 95px;
font-size: 13px; line-height: 19px;
}
#header .menu-submain a {
text-decoration: none; color: #0069AA;
}
#header .menu-submain a:hover {
text-decoration: none; color: #F15D22;
}
#header .menu-submain span {
color: #F15D22;
}
h1 {
clear: both; margin: 0; padding: 0;
color: #F15D22; font-size: 35px; line-height: 85px; letter-spacing: 2px;
}

/* CONTENT */

#content {
width: 100%; height: 290px; background: #0069AA;
}
#content .content {
margin: 20px;
}
#content h2 {
clear: both; margin: 0; padding: 0; margin-top: 5px; margin-bottom: 10px;
color: #FFFFFF; font-size: 21px;
}
#content h3 {
clear: both; margin: 0; padding: 0; margin-top: 10px;
color: #FFFFFF; font-size: 15px;
}
#content a {
text-decoration: underline; color: #ffffff;
}
#content a:hover {
text-decoration: none;
}
#arrow-left {
width: 37px; height: 100%; margin-left: 2px; margin-right: 50px; float: left;
}
#arrow-left a {
display: block; width: 37px; height: 250px;
background: url("_clip/arrow-left.gif") no-repeat left center;
}
#arrow-left a:hover {
background: url("_clip/arrow-left.gif") no-repeat right center;
}
#content .text table {
height: 250px;
font-size: 17px; color: #ffffff; line-height: 34px;
}
#content .text table td div {
height: 285px; overflow: auto;
}
#content .ref {
width: 570px; float: left;
}
#content .ref table {
width: 100%; height: 250px;
font-size: 17px; color: #ffffff; line-height: 34px;
}
#content .ref table td {
vertical-align: center; padding: 10px; width: 50%;
}
.obalka {
text-align: right;
}
.vnitrek {
text-align: left;
}
#arrow-right {
width: 37px; height: 100%; margin-left: 50px; float: left;
}
#arrow-right a {
display: block; width: 37px; height: 250px;
background: url("_clip/arrow-right.gif") no-repeat right center;
}
#arrow-right a:hover {
background: url("_clip/arrow-right.gif") no-repeat left center;
}

/* FOOTER */

#footer {
width: 100%; height: 175px;
}
#footer .content {
margin: 20px; _margin-left: 10px; margin-right: 0; float: left;
}
#footer .content-left {
width: 250px; float: left;
}
#footer .content-right {
width: 300px; float: left;
}
#footer .content a {
color: #F15D22; text-decoration: none;
}
#footer .content a:hover {
color: #0069AA; text-decoration: none;
}
#footer h2 {
clear: both; margin: 0; padding: 0; margin-top: 5px; margin-bottom: 10px;
color: #F15D22; font-size: 21px;
}
#footer h3 {
clear: both; margin: 0; padding: 0; margin-top: 10px;
color: #F15D22; font-size: 15px;
}
#footer p {
margin: 0; padding: 0;
margin-top: 5px; margin-bottom: 5px;
}
#footer #logo {
width: 180px; position: absolute; margin-top: 117px; padding-right: 20px;
}
a img {
border: 0;
}