/*оформление страницы авторизации*/
img.main_pic {
    width: 30%;
    margin-right: 35%;
    margin-left: 35%;
}
form#asklogin {
    width: 40%;
    margin: 10px 29.5% 0px 29.5%;
    border: 1px solid black;
}
input.auth_data {
    float: left;
    width: 60%;
    margin-left: 20%;
    margin-right: 20%;
    margin-bottom: 10px;
    border-radius: 10px;
    height: 50px;
    font-size: larger;
}
.auth_comf {
    width: 20%;
    margin-left: 40%;
    margin-right: 40%;
    margin-bottom: 20px;
    background-color: #73ff5a;
    border: 1px solid #39bf21;
    font-size: larger;
}
/*********************************/
header {
    float: left;
    width: 100%;
    margin-bottom: 20px;
}
main {
    float: left;
    width: 100%;
}
nav > ul > li {
    list-style: none;
    float: left;
    margin-right: 10px;
}
section.left {
    width: 24%;
    float: left;
    border-right: 1px dashed grey;
    min-height: 300px;
    margin-right: 0.4%;

}
section.center {
    width: 75%;
    float: left;
    min-height: 300px;
}

/*блок форм*/

div.wrap {
	display: block;
}
div.wrap > select, 
div.wrap > input, 
div.wrap > label, 
section.left > div > a,
section.left > form > a {
    float: left;
    width: 70%;
    margin-right: 15%;
    margin-left: 15%;
    margin-bottom: 10px;
    border: 1px solid black;
    text-align: center;
    color: black;
    text-decoration: none;
}
div.wrap > label {
    border: none;
    color: gray;
    font-size: small;
}
section.left > form, section.left > div {
    width: 70%;
    margin-left: 14.9%;
    margin-right: 14.9%;
    border: 1px solid gray;
    overflow: hidden;
    margin-bottom: 10px;
}
section.left > div > h3,
section.left > form > h3{
    text-align: center;
}

header > .logo {
	width: 24%;
	float: left;
}
.logo > img {
    width: 70%;
    margin-left: 15%;
    margin-right: 15%;
}

header > nav {
    width: 58%;
    min-height: 60px;
    float: left;
    border-top: 1px solid gray;
    border-bottom: 1px solid gray;
}
header > .user {
    float: left;
    width: 15%;
    height: 80px;
    margin-right: 1%;
    margin-left: 1%;
    border: 1px dotted gray;

}
header > .user > .clinfo {
    width: 60%;
    float: left;
    height: 100%;
    text-align: center;
    color: black;
}
header > .user > .pic {
    width: 40%;
    float: left;
    margin: 0;
    text-align: center;
}
.pic > img {
    height: 100%;
    width: 100%;
}
.clinfo > .name {
    font-size: 20px;
    font-weight: bold;
    margin-left: 2px;
}

header > nav > ul > li {
    text-align: center;
    font-size: 19px;
}
.exit {
    width: 50%;
    /*margin: 0 24.5% 0 24.5%;*/
}

input[type="datetime-local"] {
    font-size: small;
}