@charset "utf-8";
/*= ОБЩИЕ СТИЛИ
	--------------------------------------------------------*/
	body {
   font-family: 'Open Sans', sans-serif;
	}
	
	/*= КОНТЕЙНЕРЫ
	--------------------------------------------------------*/
	.container {
	width: 800px;
	height: auto;
	margin: auto;
	}
	
	.block {
	  margin-bottom: 5px;
	  padding: 5px;
	  color: #cc0000;
	  background: rgba(255, 255, 255, 0.9);
	  border: 1px dashed #dddddd;*/
	}
	
	.header {
	  min-height: 50px;
	}
	
	.menu {
	  min-height: 8px;
	}
	.menu:hover {
	  background: #aaa;
	}
	
	.main {
	  border: 2px solid #000; /* Параметры рамки вокруг */
	  padding: 10px; /* Поля вокруг текста */
	  min-height: 100px;
	  background: #808991;
      color: #FFF;
	  cursor: pointer;
	}
	.main:hover {
	  min-height: 100px;
      background: #D0D941;
	  color: #000;
	}

	.window {
	display:none;
	position: absolute;	/* Абсолютное позиционирование */
	width: 200px; /* Ширина слоя в пикселах */
	height: 200px; /* Высота слоя в пикселах */
	left: 50%; /* Положение слоя от левого края */
	top: 20%; /* Положение слоя от верхнего края */
	margin-left: -40px; /* Отступ слева, включает padding и border */
	//margin-top: -40px;	/* Отступ сверху */
	background: rgba(255, 50, 50, 0.5); /* Цвет фона */
	border: 2px solid #aa0000; /* Параметры рамки вокруг */
	border-radius: 10px;
	padding: 10px; /* Поля вокруг текста */
	overflow: auto; /* Добавление полосы прокрутки */
	}
	.transition {
	  transition: 3s;
	}
	.modal {
		opacity: 1;	
		position: absolute;	/* Абсолютное позиционирование */
		width: 200px; /* Ширина слоя в пикселах */
		height: 100px; /* Высота слоя в пикселах */
		left: 25%; /* Положение слоя от левого края */
		top: 25%; /* Положение слоя от верхнего края */
		background: rgba(200, 150, 100, 1); /* Цвет фона */
		border: 2px solid #885533; /* Параметры рамки вокруг */
		border-radius: 10px;
		padding: 10px; /* Поля вокруг текста */
		transition: 1s;
	}
	
	/*= ПОДВАЛ
	--------------------------------------------------------*/
	footer {
color: #777;
font-size: 12px;
text-align: center;
margin-top: 20px;
	}