body {
	background-color: #f4f2f3;
	margin: 0;
	padding: 0;
	height: 100%;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #666;
}
li, ul {
	padding: 0;
	margin: 0;
	list-style-type: none;
}
.container {
	width: 1000px;
	height: 550px;
	padding: 50px 50px 20px 50px;
	background-color: #fff;
	border: 1px solid #dcdadb;
	margin: 0 auto;
	margin-top: 50px;
	position: relative;
}
.content {
	background-repeat: no-repeat;
	position: absolute;
	left: 50px;
	right: 50px;
	bottom: 20px;
}
	.content__map {
		background-image: url(../img/webart/splash-map.png);
		width: 368px;
		height: 222px;
	}
h1 {
	font-family: VAGRounded-Bold, arial, sans-serif;
	color: #9e9e9e;
	font-size: 35px;
	text-transform: uppercase;
	line-height: 35px;
	margin: 0;
	margin-bottom: 15px;
	border-bottom: 1px dotted #b2b2b2;
	padding-left: 15px;
}
.content__list {
	width: 465px;
	margin-top: 20px;
	padding-left: 15px;
}
.content__list .content__list-item li {
	background-image: url(../img/webart/flags.png);
	background-repeat: no-repeat;
	height: 17px;
	padding-left: 25px;
	font-size: 12px;
	color: #444;
	line-height: 17px;
	margin-bottom: 7px;
	width: 125px;
	margin-right: 5px;
	white-space: nowrap;
	overflow: hidden;
}
	.content__list .content__list-item li a {
		color: #444;
		text-decoration: none;
	}
		.content__list .content__list-item li a:hover {
			font-weight: bold;
			text-decoration: none;
			color: #444;
		}

#ar {background-position: 0px    0px}
#bo {background-position: 0px  -34px}
#br {background-position: 0px  -17px}
#cl {background-position: 0px  -51px}
#co {background-position: 0px  -68px}
#cr {background-position: 0px  -85px}
#do {background-position: 0px -306px}
#ec {background-position: 0px -102px}
#es {background-position: 0px -136px}
#gt {background-position: 0px -170px}
#hn {background-position: 0px -187px}
#mx {background-position: 0px -204px}
#ni {background-position: 0px -221px}
#pa {background-position: 0px -238px}
#pe {background-position: 0px -255px}
#pr {background-position: 0px -289px}
#pt {background-position: 0px -272px}
#sv {background-position: 0px -119px}
#us {background-position: 0px -153px}
#uy {background-position: 0px -323px}
#ve {background-position: 0px -340px}

.footer {
	margin-top: 20px;
	text-align: center;
	clear: both;
}
.footer a {
	text-decoration: none;
	color: #666;
}
.footer a:hover {
	text-decoration: underline;
	color: #666;
}
.clearfix:before, .clearfix:after { content: ""; display: table; }
.clearfix:after { clear: both; }
.clearfix { *zoom: 1; }
.clear {
	clear: both;
}
.left {
	float: left;
}
.right {
	float: right;
}