/* текст */

body {
margin: 0;
padding: 0;
font-family: Arial, Helvetica, sans-serif;
font-size: 110%;
}

h1, p, th, td, li {
margin: 0.2em 0;
}

ul, ol {
margin: 0.4em 0;
padding-left: 4em;
}

h2, h3 {
margin: 1em 0;
color: #FFFFFF;
}

h1 {
font-size: 200%;
font-weight: normal;
}

h2 {
font-size: 140%;
font-weight: normal;
}

h3 {
font-size: 130%;
font-weight: normal;
}

table {
border-collapse: collapse;
width: 100%;
}

td, th {
text-align: left;
vertical-align: top;
padding: 0.2em;
}

td.center,
td.mon1,
td.mon2,
td.mon3 {
text-align: center;
vertical-align: middle;
}

th {
font-weight: normal;
}

th a {
text-decoration: none;
}

a  {
color: #4D4D4D;
text-decoration: initial;
}

a:hover {
color: #ff9900 !important;
}

a:visited  {
color: #4D4D4D;
}

a:visited:hover {
color: #ff9900 !important;
}

.big {
font-size: 140%;
}

/* блоки */

#head {
padding: 5px 40px;
}

#body {
padding: 20px 40px;
}

#main {
float: left;
width: 77%;
padding-bottom: 20px;
}

#side {
float: right;
width: 20%;
overflow: hidden;
}

.menu {
padding: 5px 10px;
margin: 0 -10px -5px -10px;
}

/* цвет */

body {
color: black;
background-color: #B7B7B7/*#E5E5E5*/;
}

h1 {
color: #ff9900;
}

th {
color: #5c707c;
}

td, th {
    padding: 0.5em;
}

.section {
  color: #eeeeee;
}

#head {
  border-bottom: 10px solid #646464;
  background-color: #878787;
}

th {
background-color: #dddddd;
}

img.border {
  border: 2px solid #878787;
  margin-top: 15px;
}

table, td, tr, th {
border: 1px solid #dee4e8;
}

.msg {
background-color: #ffd099;
padding: 10px 40px;
}

.two {
/*background-color: #dddddd;*/
}

.c1 {
background-color: #ce9696;
}

.c2 {
background-color: #b9a850;
}

.c3 {
background-color: #73ab73;
}

.c4 {
background-color: #bd6327;
}

td {
font-size: initial;
}

td.mon1,
td.mon2,
td.mon3 {
background-repeat: no-repeat;
background-position: center center;
}

td.mon1 {
background-image: url('mon1.png');
}

/*
td.mon2 {
background-image: url('mon2.png');
}
*/

td.mon3 {
background-image: url('mon3.png');
}

ul.main_list {
 list-style: none; 
}

p.menu {
  color: #ffffff !important;
}

p.menu a {
  color: #dddddd !important;
}

.logout {
  color: #dddddd !important;
}

input:focus {
outline: none;
}