body
{
	font-family:Yu Gothic;
	font-weight: bold;
}


body.top_page
{
	background-image: url("image_top_page.png");
	background-size: cover;
	background-repeat: no-repeat;
}

#img_bg{
		position: absolute;
		left: 0px;
		top:0px;
}

.img_rogo
{
	position: absolute;
	left: 10px;
	top: 10px;
}
.img_head
{
	position: absolute;
	left: 950px;
	top: 0px;
	transform: translateX(-50%);
}

.img_title
{
	position: absolute;
	left: 0px;
	top: 100px;
}

input.btn_logout
{
	position: absolute;
	left:1700px;
	top:20px;
	width:190px;
	height:60px;
	font-size: 18px;
	font-weight: bold;
	border-radius: 30px;
	border: double 4px var(--col_btn_thin);
	background-color:var(--col_btn_dark);
	color: #FFFFFF;
}

input.btn_logout:hover
{
	border: double 4px var(--col_btn_dark);
	background-color: var(--col_btn_thin);
	color: #000000;
}

input.btn_logout:checked
{
	border: double 4px #05BCD3;
	background-color: #DBEEF3;
	color: #FF0000;
}

input.btn_logout:focus
{
	outline: 0;
}

.sec_form
{
	visibility: hidden;
}

.head_div{
	position:absolute;
	top:300px;
	left: 0;
	right:0;
	width:260px;
	height:50px;
	border-right: solid 1px #000000;
	text-align: center;
	font-size: 28px;
	font-weight: bold;
}

.site_div{
	position:absolute;
	top:350px;
	left: 0;
	width:260px;
	height:580px;
	overflow-y: auto;
	text-align: center;
	border-right: solid 1px #000000;
}

.div_title
{
	position:absolute;
	z-index:1;
	top:100px;
	left: 0px;
	width:1900px;
	height:200px;
	border-top: solid 1px #000000;
	border-bottom: solid 1px #000000;
	background: linear-gradient(90deg,var(--col_title_l), #FFFFFF,var(--col_title_r));
}

.span_title
{
	position:absolute;
	left:50px;
	top:50%;
	transform:translateY(-50%);
	font-size: 48px;
}

.img_mix
{
	position:absolute;
	left:80%;
	top:50%;
	transform:translate(-50%,-50%);
	height: 150px;
}

input.btn_site
{
	position:absolute;
	left: 50%;
	transform: translateX(-50%);
	font-size: 20px;
	font-weight: bold;
	width:200px;
	height:50px;
	border-radius: 25px;
	border: solid 2px var(--col_btn_thin);
	background-color:var(--col_btn_dark);
	color: #FFFFFF;
}

input.btn_site:hover
{
	color:#FF0000;
	font-size: 24px;
	background-color:var(--col_btn_thin);
	border: double 5px var(--col_btn_dark);
}

input.btn_site:focus
{
	outline: 0;
}

.divs_upd
{
	position:absolute;
	width:1550px;
	height:580px;
	left:330px;
	top: 300px;
	background-color: #FFFFFF;
}

.upd_data
{
	position:absolute;
	top:60px;
	width:1550px;
	height:530px;
	overflow-y: scroll;
	font-size: 20px;
	text-align: left;
}

.upd_head
{
	position:absolute;
	top:0px;
	width:400px;
	height:50px;
	font-size: 28px;
	font-weight: bold;
}

input.btn_siteS
{
	z-index: 2;
	position:absolute;
	left: 1500px;
	top: 250px;
	font-size: 20px;
	font-weight: bold;
	width:200px;
	height:50px;
	border-radius: 25px;
	border: double 4px var(--col_btn_thin);
	background-color:var(--col_btn_dark);
	color: #FFFFFF;
}

input.btn_siteS:hover
{
	color:#FF0000;
	background-color:var(--col_btn_thin);
	border: double 5px var(--col_btn_dark);
}

input.btn_siteS:focus
{
	outline:0;
}

input.btn_area
{
	z-index: 3;
	position: absolute;
	left:1500px;
	top:20px;
	width:190px;
	height:60px;
	font-size: 18px;
	font-weight: bold;
	border-radius: 30px;
	border: double 4px var(--col_btn_thin);
	background-color:var(--col_btn_dark);
	color: #FFFFFF;
}

input.btn_area:hover
{
	border: double 4px var(--col_btn_dark);
	background-color: var(--col_btn_thin);
	color: #000000;
}

input.btn_area:checked
{
	border: double 4px #05BCD3;
	background-color: #DBEEF3;
	color: #FF0000;
}

input.btn_area:focus
{
	outline: 0;
}

.site_divSBack
{
	z-index: 1;
	visibility:hidden;
	position:absolute;
	left:1480px;
	top:50px;
	width:230px;
	height:500px;
	border: double 4px var(--col_btn_dark);
	background-color: var(--col_btn_thin);
	box-shadow:5px 5px 15px #A8BBC0;
}