#body {
background-image: url(Fon.png);
background-repeat: repeat;
background-attachment: fixed;
background-size: 100% 100%;
}
#data{
width: 1100px;
height: auto;
margin-left: auto;
margin-right: auto;
margin-left: auto px;
margin-right: auto px;
margin-top: 120px;
margin-bottom: 120px;
background-color: #ffffff;
}

ul{list-style-type: none;margin: 0;padding: 0;overflow: hidden;background-color: #333;}
li{float: left;}
li a, .dropbtn{display: inline-block;color: white;text-align: center;padding: 6px 12px;text-decoration: none;}
li a:hover:not(.active){background-color: #04bd16;}.active {background-color: #ff320a;}, .dropdown:hover:not(.active) {background-color: #04bd16;}.active {background-color: #ff320a;}, .dropbtn:not(.active) {background-color: #04bd16;}.active {background-color: #ff320a;}
li.dropdown {display: inline-block;}
.dropdown-content{display: none;position: absolute;background-color: #333;min-width: 160px;z-index: 1;}
.dropdown-content a{color: #ffffff;padding: 6px 12px;text-decoration: none;display: block;text-align: left;}
.dropdown-content a:hover{background-color: #f1f1f1}
.dropdown:hover 
.dropdown-content{display: block;}

table {border-collapse: collapse;}
th {border: 2px solid black;}
td {border: 2px solid black;}
table {width: 100%;}
table {width: 1100px;}
th{font-size: 200%;
   font-weight: normal;}
td{font-size: 200%;
   font-weight: normal;}

#ras1{margin-top: 50;}
#ras2{margin-top: 40;}

#info{
border: 6px outset #00ff62;
background: #ffffff;
padding: 15px;
width: 1058px;
height: auto;
}

#manual{
margin-top: 20px;
border: 6px outset #e00909;
background: #ffffff;
padding: 15px;
width: 1058px;
height: auto;
}

a{
font-size: 200%;
font-weight: normal;
}

b{
margin-left: 35%;
font-size: 250%;
font-weight: bold;
}