body, html {
  padding: 0;
  margin: 0;
  height: 100%;
  font-size: 14px;
  font-family: 'Open Sans',sans-serif;
  line-height: 24px;
  color: #3c3c3c;
}

.main_conteiner {
    max-width:1400px;
    margin-left:auto;
    margin-right:auto;
}

.header {
    line-height:2em;
    padding-top:20px;
    padding-bottom:20px;
    border-bottom: 1px solid #cccccc;
    margin-bottom:1em;
}

.wrapper {
  display: flex;
  flex-direction: column;
  min-height: 100vh;
}

.content {
  flex: 1 0 auto;
}

.footer {
  flex: 0 0 auto;
  width:100%;
  padding-top:20px;
  padding-bottom:20px;
  border-top: 1px solid #cccccc;
}

.logo1, .logo2 {
    font-size:2em;
    font-weight:bold;

}

.logo1 {
    color:#333333;
}

.logo2 {
    font-size:2.5em;
    color:#666666;
    font-style:italic;
}

a {
    color:#333333;
    text-decoration:none;
}

a:hover {
    color:#000000;
    text-decoration:underline;
}

.right {
    float:right;
}

.user {
    font-size:1.2em;
    padding-left:10px;
    padding-right:10px;
}

.error_text {
    color:#ff0000;
    
}