body {
    background: url("images/bg_body.png");
    max-height: 600px;
}  
#main{
   width: 700px;
   margin: auto;
   background: white;
   border: 1px solid black;
}
#nav{
    height:100px;
    background: azure;
}
#nav1{
    width: 700px;
    margin: auto;
}
#notice{
    width: 700px;
    height:30px;
/*    background: red;*/
    margin-top: 20px;
    font-size: 20px;
    font-weight: bold;
    text-align: center;
    }
.pp{
    font-size: 30px;
}
.selecty{
    font-size: 23px;
    border-radius: 5px;
    background: rgba(158, 158, 158, 0.35);
    margin: 2px;
}
#textarea{
    width: 700px;
    height: 400px;
    margin-left: 10px;
    font-size: 20px;
}
#textarea2{
    width: 700px;
    height: 100px;
    margin: auto;
    font-size: 20px;
}
.red{
     background: red;
}
.green{
     background: green;
}
.but_slova{
    width: 70px;
    height: 20px;
    margin-left: 10px;
    margin-top: 10px;
    cursor: pointer;
}
.but_dole{
    width: 100px;
    height: 30px;
    margin-top: 20px;
    margin-left: 20px;
    cursor: pointer;
}
#down{
    height: 70px;
    background: red;
}
#help{
    float: right;
    margin-right: 20px;
}
#intro{
    width: 700px;
    height: 100px;
    position: relative;
    top: -350px;
    /* background: red; */
    font-size: 45px;
    font-weight: bold;
    text-align: center;
    margin:auto;
}
#pomoc{
    width: 650px;
    height: 430px;
    position: relative;
    top: -530px;
    background: #FFEB3B;
    margin: auto;
    padding: 10px;
    font-size: 25px;
    box-shadow: black 4px 4px 4px;
}
#nadpis{
    font-weight: bold;
    text-align: center;
    width: 600px;
    float: left;
}
#kriz{
    width: 40px;
    height: 40px;
    float: right;
    background: url("images/kriz.png");
    background-size: contain;
    cursor: pointer;
}
#telo{
    float: left;
}