* 
{
margin: 0;
padding: 0;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
font-family: Arial, Helvetica, sans-serif;
background-image:url(data:image/gif;base64,R0lGODlhAQABAIAAAP///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw==);
}
body, html {
font-family: Arial, Helvetica, sans-serif;
margin:0 auto;
background-color: #fff;
}
input, textarea { outline:none; }
input:active, textarea:active { outline:none; }
:focus { outline:none; }
#bl1{
width: 100%;
font-size: 12pt;
text-align: justify;
padding-left: 20px;
padding-right: 20px;
padding-top: 10px;
padding-bottom: 10px;
}
P {
line-height: 1.5em;
}
h1 {
font-size: 18pt;
font-weight: bold;
padding-top: 30px;
padding-bottom: 10px;
}
.kod{
background-color: #171717;
color: #e1bf20;
width: 100%;
padding-left: 40px;
padding-right: 20px;
}
#bl2,#bl3{
width: 50%;
font-size: 12pt;
text-align: justify;
padding-left: 20px;
padding-right: 20px;
padding-top: 10px;
padding-bottom: 10px;
min-width: 250px;
float: left;
}
.dictionary{
width: 100%;
font-size: 12pt;
text-align: justify;
padding-left: 30px;
padding-right: 30px;
padding-top: 10px;
padding-bottom: 10px;
min-width: 230px;
font-weight: bold;
}


.ms_bg{
	display: block;
	position: fixed;
	z-index: 1000;
	width: 100%;
	height: 100%;
	background-color: #000000bd;
}

.ms_cntr{
	display: block;
	max-width: 1000px;
	opacity: 100%;
	width: 80%;
	height: 400px;
	background-color: #000;
	margin: 10% auto;
	text-align: center;
}

.but_ukr{
	font-size: 28pt;
	padding: 52px 30px;
	color: #e5ca00;
	background-color: #00578b;
	border-radius: 4px;
	font-weight: bolder;
	border: 1px #00578b;
	cursor: pointer;
	width: 466px;
}

.but_ukr:hover{
	font-size: 28pt;

	color: #00578b;
	background-color: #e5ca00;
	border-radius: 4px;
	font-weight: bolder;
	border: 1px #e5ca00;
	cursor: pointer;
}

.but_ru{
	font-size: 18pt;
	padding: 10px 20px;
	color: #e5ca00;
	background-color: #00578b;
	border-radius: 4px;
	font-weight: bolder;
	border: 1px #00578b;
	cursor: pointer;
	display: inline-block;
width: 466px;
margin: 0 auto;
}


.txt_blue{
	font-size: 33pt;
	padding: 50px 20px 10px;
	color: #00578b;
	text-align: center;
	font-weight: bolder;
}

.txt_yellow{
	font-size: 18pt;
	padding: 10px 20px 30px;
	color: #e5ca00;
	text-align: center;
	font-weight: bolder;
}

.ms_bt{
	width: 100%;
}

.but_ru1{
	font-size: 28pt;
	padding: 4px 20px;
	color: #e5ca00;
}

.but_ru2{
	font-size: 14pt;
	padding: 4px 10px;
	color: #e5ca00;
	float: left;
	width: 100%;
}


.but_ru:hover {
	color: #00578b !important;
	background-color: #e5ca00 !important;
	border: 1px #e5ca00;
	cursor: pointer;
}

.ms_bt50{
	width: 50%;
	display: inline-block;
	float: left;
	min-width: 400px;
}


@media only screen and (max-width :1245px){

	.ms_bt50{
		min-width: 400px;
		margin: 10px auto;
		width: 100%;
	}
	.ms_cntr{
		height: 540px;

	}
}


.but_ukr1{
display: block;
margin: 0 auto;
}

.but_ukr:visited{
	color: #e5ca00;
}

.but_ukr:hover{
	color: #00578b;
}