@charset "utf-8";

body {
/* Путь до изображения */
background-image: url(../img/bg_fon.jpg);
/* Фоновое изображение всегда отцентрировано по вертикали и горизонтали */
background-position: center center;
/* Фоновое изображение не повторяется */
background-repeat: no-repeat;
/* Фоновое изображение зафиксировано в окне просмотра, поэтому оно не смещается, когда высота контента больше высоты изображения */
background-attachment: fixed;
/* Вот что позволяет фоновому изображению подстраиваться под размер контейнера */
background-size: cover;
/* Устанавливает фоновый цвет, который будет отображаться, пока загружается фоновое изображение */
background-color: #A4F0FD;
opacity: 0.9;
}

/* Относительное позиционирование */
.container_country {
	float: right;
	min-width: 350px;
	max-width: 800px;
	font-family: Segoe, "Segoe UI", "DejaVu Sans", "Trebuchet MS", Verdana, sans-serif;
	font-size: 0.9em;
	color: #00667C;

}

.container_country h1 {
	text-align: center;
	font-size: 1.2em;
	text-transform: uppercase;
}

.block_country {
	  float: left;
		width: 128px;
		height: 128px;
	  margin-top: 3px;
	  margin-left:  3px;
	  font-family: Segoe, "Segoe UI", "DejaVu Sans", "Trebuchet MS", Verdana, sans-serif;
	  font-size: 1em;
		font-style: bold;
		background-color: rgba(200, 244, 244, 0.8);

		border: 1px solid #ABF2F2;
		border-radius: 3px;
		opacity: 0.9;
}
.block_country:hover {
		opacity: 1;
		border: 1px solid #00667C;

}


.block_country img {
 float: left;
 margin-top: 5px;
 margin-left: 45px;
 width:58px;
 height:42px;
 border-radius: 5px;
}

.country_name {
	float: left;
	width: 100%;
	margin-top: 5px;
	text-align: center;

  font-size: 1.3em;
	font-style: bold;

	letter-spacing: -1px;
	font-weight: 600;
}

.country_contact {
	float: left;
	width: 100%;
	font-size: 1em;
	margin-top: 5px;
	text-align: center;
	letter-spacing: -1px;
}