/* Ôîí ñòðàíèöû */
body {
background-color:#99cc66;
}
/* ðàçäåë ñòðàíèöû íà ÷àñòè áîêñàìè */
* {
box-sizing:border-box;
}
.left {
background-color:#99cc66;
padding:20px;
float:left;
width:20%; /* The width is 20%, by default */
}
.main {
background-color:#99cc66;
padding:20px;
float:left;
width:80%; /* The width is 80%, by default */
}
.right {
background-color:#4CAF50;
padding:10px;
float:right;
width:20%; /* The width is 20%, by default */
}
/* Use a media query to add a break point at 800px: */
@media screen and (max-width:800px) {
.left, .main, .right {
width:100%; /* The width is 100%, when the viewport is 800px or smaller */
}
}
/* Êíîïêè ãîðèçîíòàëüîå ìåíþ*/
.button {
background-color: #ffffff; border: none;
color: black;
padding: 2px 2px;
text-align: center;
text-decoration: none;
display: inline-block;
font-size: 16px;
margin: 1px 1px;
width: 100%;
cursor: pointer;
border-radius: 12px;
}
.button:hover {
background-color: #e7e7e7; border: 2px solid black;
}
.button2 {background-color: #ff3300;} /* êðàñíûé */
.button2:hover {
background-color: #e7e7e7; border: 2px solid #ff3300;
}
.button3 {background-color: #ff9933;} /* îðàíæåâûé */ .button3:hover {
background-color: #e7e7e7; border: 2px solid #ff9933;
}
.button4 {background-color: #ffcc00;} /* æåëòûé */ .button4:hover {
background-color: #e7e7e7; border: 2px solid #ffcc00;
}
.button5 {background-color: #00cc33;} /* çåëåíûé */
.button5:hover {
background-color: #e7e7e7; border: 2px solid #00cc33;
}
.button6 {background-color: #33ccff;} /* ãîëóáîé */
.button6:hover {
background-color: #e7e7e7; border: 2px solid #33ccff;
}
.button7 {background-color: #0066cc;} /* ñèíèé */ .button7:hover {
background-color: #e7e7e7; border: 2px solid #0066cc;
}
.button8 {background-color: #6633ff;} /* ôèîëåòîâûé */ .button8:hover {
background-color: #e7e7e7; border: 2px solid #6633ff;
}
.button9 {background-color: #ffffff;} /* áåëûé */
.button10 {background-color: #ffffff;} /* áåëûé */






.menubox {border-color:#0000FF; border-style:groove; border-width:1px; padding:5px; float:left}
h1 {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 25px; font-weight: bold; color: #ff6600; background-position: center}
h2 {font-family: "Times New Roman", Times, serif; font-size: 18px; font-weight: bold; color: #000000; text-align: center}
h3 {font-family: Georgia, "Times New Roman", Times, serif; font-size: 25px; font-style: italic; font-weight: bold; color: #FF0000; text-decoration: none; text-align: center}
a.top:link {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; font-weight: bold; color: #000099; text-decoration: none}
a.top:active {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; font-weight: bold; color: #0000FF; text-decoration: none; text-align: center; font-style: italic}
a.top:visited {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; font-weight: bold; color: #0000FF; text-decoration: none; text-align: center}
a.top:hover {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; font-weight: bold; color: #000099; font-style: italic; text-decoration: none}
.text {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 14px; font-weight: normal; color: #000000; text-align: justify}

.logo {font-family: Georgia, "Times New Roman", Times, serif; font-size: 36px; font-style: italic; font-weight: bold; color: #0033FF; position: relative; left: -191px;}

.logo1 {font-family: Georgia, "Times New Roman", Times, serif; font-size: 36px; font-style: italic; font-weight: bold; color: #99CCFF}

.logo2 {font-family:Georgia,'Times New Roman',Times,serif; font-style:italic; font-weight:bold; font-size:20px; color:red; text-decoration:blink; border-width:1pt; border-color:red; position:relative; left:-0px; }

a.text:link {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 14px; font-weight: bold; color: #0000CC; text-decoration: underline}
a.text:active {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 14px; font-weight: bold; color: #FF0000; text-decoration: underline}
a.text:visited {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 14px; font-weight: bold; color: #9900FF; text-decoration: underline}
a.text:hover {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 14px; font-weight: bold; color: #0000CC; font-style: italic; text-decoration: underline}

.look {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; font-weight: bold; color: #FF0000; text-decoration: none}
a.top1:link {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; font-weight: lighter; color: #000099; text-decoration: none}
a.top1:active {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; font-weight: lighter; color: #0000FF; text-decoration: none; text-align: center; font-style: italic}
a.top1:visited {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; font-weight: lighter; color: #0000FF; text-decoration: none; text-align: center}
a.top1:hover {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; font-weight: lighter; color: #000099; font-style: italic; text-decoration: none}
.termin {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 14px; font-weight: bold; color: #0033CC; text-decoration: none}
.textbc {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 14px; font-weight: bold; color: #000000; text-align: center}
.textb {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 14px; font-weight: bold; color: #000000; text-align: justify}
.texti {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 14px; color: #000000; text-align: justify; font-style: italic}
.textc { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 14px; font-weight: normal; color: #000000; text-align: center }