html, body {
    margin: 0;
}
body {
    background-color: #f1f1f1;
    display: flex;
    justify-content: center;
}
a{
    text-decoration: none;
    color: rgb(1, 133, 133);
}

a:hover{
    background-color: rgb(1, 133, 133);
    color: white;
    border-radius: 10px;
    padding: 3px;
}
table{
    margin-left: 30px;
}


table tr{
    background-color: rgb(7, 99, 192);
    font-weight: bold;
}

table tr:nth-child(even){
    background-color: rgb(0, 143, 136);
}
table tr:hover td{
    background-color: black;
    color: aliceblue;
}
.radius{
    border-radius: 10px;
}

.titulo{
    margin: auto;
    width: 350px;
    padding: 5px;
    background-color: rgb(1, 133, 133);
    border-radius: 15px;
    text-align: center;
    margin-bottom: 10px;
    color: rgb(231, 230, 230);
    box-shadow: 2px 5px 5px rgb(54, 155, 185);
}
.logo{
    
    width: 200px;
    float: left;
}

.barra{
    float: right;
    margin: 5px;
    padding: 15px;
    text-decoration: dashed;
    background-color: rgb(1, 133, 133);
    color: rgb(255, 255, 255);
    border-radius: 10px;
    box-shadow: 2px 5px 5px;
}
.barra:hover{
    background-color: black;
    color: rgb(6, 252, 252);
    box-shadow: 2px 5px 5px rgb(1, 133, 133);
    padding: 20px;
}
.wrapper {
    width: 1200px;
    display: flex;
    margin: 0 auto;
    background-color: rgb(218, 221, 220);
    font-weight: bold;
}
.main {
    display: flex;
    flex-flow: column;
    width: 85%;
}
.menu {
    width: 20%;
    background-color: rgb(231, 230, 230);
    padding: 10px 20px 0px;
}
.header {
    padding: 50px;
    background-color: #7ecdf4;
    min-height: 150px;
}
.content {
    background-color: white;
    width: 95%;
    min-height: 800px;
    padding: 20px;
    margin: auto;
}
.content-agendamento {
    background-color: white;
    width: 100%;
    min-height: 200px;
    padding: 20px;
    margin: auto;
}
.content-contato {
    background-color: white;
    width: 96%;
    min-height: 200px;
    padding: 20px;
    margin: auto;
}

.content-left{
    float: left;
    width: 350px;
    height: 200px;
    border: solid 5px #7ecdf4;
    padding: 10px;
    border-radius: 10px;
    background-color: rgb(231, 230, 230);
    margin: 15px;
    
}
.content-right{
    float: right;
    width: 350px;
    height: 200px;
    border: solid 5px #7ecdf4;
    padding: 10px;
    border-radius: 10px;
    background-color: rgb(231, 230, 230);
    margin: 15px;
}
.container-center{
    background-color: #7ecdf4;
    color: #f1f1f1;
    width: 600px;
    margin: auto;
    margin-top: 15px;
    padding: 10px;
    border-radius: 10px;
    box-shadow: 2px 5px 5px rgb(1, 133, 133);
    text-align: justify;
}
.local{   
    background-color: white;
    width: 95%;
    min-height: 250px;
    padding: 20px;
    margin: auto;
    
}

.container-contato{
    background-color: #7ecdf4;
    color: #f1f1f1;
    width: 600px;
    margin: auto;
    margin-top: 15px;
    padding: 10px;
    border-radius: 0  30px 0 30px;
    box-shadow: 2px 5px 5px rgb(1, 133, 133);
    text-align: justify;
}


.image{
    width: 600px;
    border-radius: 10px;
}
.contato{
    width: 550px;
    margin: 5px;
    border-radius: 0  10px 0 10px;
    padding: 4px;
    border: none;
}
.field{
    margin: 5px;
    border-radius: 10px 10px 10px 10px;
    padding: 4px;
    color: rgb(1, 133, 133);
    border-color: rgb(1, 133, 133);
}

.footer {
    background-color: #7ecdf4;
    min-height: 150px;
    width: 100%;
    text-align: center;
    color: #f1f1f1;
    margin: 0;
}