@charset "UTF-8";
/* CSS Document */

/* Layout global rules for all sizes) */

body { margin: 0; padding: 0; }

header a.logo {
	display:block;
	position: absolute;
	background-position: 0px 0px;
	background-repeat: no-repeat;
}
header a.en {
	position: relative;
	background-position: 0px 0px;
	background-repeat: no-repeat;
	z-index: 1000;
	text-align: right;
	background-image: url(../images/EN.png);
	float: right;
	height: 46px;
	width: 73px;
	margin-top: 5px;
	margin-right: 5px;
}
header a.ro {
	position: relative;
	background-position: 0px 0px;
	background-repeat: no-repeat;
	z-index: 1000;
	text-align: right;
	background-image: url(../images/RO.png);
	float: right;
	height: 46px;
	width: 73px;
	margin-top: 5px;
	margin-right: 5px;
}

nav {
	width: 100%;
	display: block;
	position: absolute;
	background-color: #660000;
}

/* Layout Large Screen (default for older browser) */

header {
	height: 395px;
	background: url(../images/atlas-ilia_l.jpg) no-repeat right 0px;
	background-size: 980px 395px;
	border: 10px solid #660000;
}
header a.logo { width: 353px; height: 67px; top: 328px; left: 5px; background-image: url(../images/logo_l.svg); background-size: 353px 67px; }


article { padding: 60px 20px 10px 20px; }

.promo_container { padding: 0px 0px 15px 20px; }
.promo_container .promo { width: 33%; float: left; background-position: 0px 3px; }
.promo_container .promo .content { padding: 0px 30px 0px 70px; }

nav { top: 394px; }
nav a { margin: 12px 0px 10px 20px; }


@media screen and (max-width: 990px) {
	footer { padding-left: 20px; }
}

@media
	only screen and (-webkit-min-device-pixel-ratio: 2),
	only screen and (min-moz-device-pixel-ratio: 2),
	only screen and (-o-min-device-pixel-ratio: 2/1),
	only screen and (min-device-pixel-ratio: 2),
	only screen and (min-resolution: 192dpi),
	only screen and (min-resolution: 2dppx),
{
	header { background-image: url(../images/atlas-ilia_l_2x.jpg); }
	header a.logo { background-image: url(../images/logo_l_2x.svg); }
}