#grid {
  width: 1080px;
	height: 524px;
	display: flex;
	flex-flow:row wrap;
	justify-content: center;
	margin: 0px auto 0 auto;
}

#grid h1 {
	padding: 0px 2px 0px 2px;
	color: #a10000;
	font-size: 16px;
	line-height: 1.4;
	opacity: 0;
	transition: opacity .5s ease-in;
}

#grid p {
	font-size: 14px;
	line-height: 1.4;
	padding: 0px 5px 0px 5px;
	color:  #C8C8C8;
	opacity: 0;
	transition: opacity .5s ease-in;
}

#grid ul {
	font-size: 14px;
	line-height: 1.4;
	color:  #C8C8C8;
	opacity: 0;
	transition: opacity .5s ease-in;
}

#grid li {
	margin: 0 0 3px 0;
}

.block_left_top {
	flex-basis: 360px;
	height: 262px;
  border-bottom: 1px solid white;
	background-image: url('../graphics/images/1366/block_left_top.png');
	background-position: 0px 0px;
	transition: background-position .5s ease-in-out;
}

.block_left_top:hover {
	background-position: 360px 0px;

}

#grid .block_left_top:hover h1 {
	opacity: 1;
}
#grid .block_left_top:hover p {
	opacity: 1;
}

.block_center_top {
	flex-basis: 360px;
	height: 262px;
  border-left: 1px solid white;
  border-right: 1px solid white;
  border-bottom: 1px solid white;
	background-image: url('../graphics/images/1366/block_center_top.png');
	background-position: 0px 262px;
	transition: background-position .5s ease-in-out;
}

.block_center_top:hover {
	background-position: 0px 524px;
}

#grid .block_center_top:hover h1, ul {
	opacity: 1;
}
#grid .block_center_top:hover p {
	opacity: 1;
}

.block_right_top {
  flex-basis: 360px;
	height: 262px;
  border-bottom: 1px solid white;
	background-image: url('../graphics/images/1366/block_right_top.png');
	background-position: 360px 0px;
	transition: background-position .5s ease-in-out;
}

.block_right_top:hover {
	background-position: 0px 0px;
}

#grid .block_right_top:hover h1 {
	opacity: 1;
}
#grid .block_right_top:hover p {
	opacity: 1;
}
#grid .block_right_top:hover ul {
	opacity: 1;
}

.block_left_bottom {
  flex-basis: 360px;
	height: 262px;
	background-image: url('../graphics/images/1366/block_left_bottom.png');
	background-position: 0px 0px;
	transition: background-position .5s ease-in-out;
}

.block_left_bottom:hover {
	background-position: 360px 0px;
}

#grid .block_left_bottom:hover h1 {
	opacity: 1;
}
#grid .block_left_bottom:hover p {
	opacity: 1;
}
#grid .block_left_bottom:hover ul {
	opacity: 1;
}

.block_center_bottom {
  flex-basis: 360px;
	height: 262px;
  border-left: 1px solid white;
  border-right: solid 1px white;
	background-image: url('../graphics/images/1366/block_center_bottom.png');
	background-position: 0px 0px;
	transition: background-position .5s ease-in-out;
}

.block_center_bottom:hover {
	background-position: 0px -262px;
}

#grid .block_center_bottom:hover h1 {
	opacity: 1;
}
#grid .block_center_bottom:hover p {
	opacity: 1;
}

#grid .block_center_bottom:hover ul {
	opacity: 1;
}

.block_right_bottom {
  flex-basis: 360px;
	height: 262px;
	background-image: url('../graphics/images/1366/block_right_bottom.png');
	background-position: 360px 0px;
	transition: background-position .5s ease-in-out;
}

.block_right_bottom:hover {
	background-position: 0px 0px;
}

#grid .block_right_bottom:hover h1 {
	opacity: 1;
}
#grid .block_right_bottom:hover p {
	opacity: 1;
}

#grid .block_right_bottom:hover ul {
	opacity: 1;
}