@font-face{
	font-family: "OldSansBlack";
	src: url("../fonts/OldSansBlack.ttf");	
}

html{
	background: #373a4a;
}

body{
	padding: 0;
	margin: 0;
}

a{
	text-decoration: none;
}

ul{
	margin: 0;
	padding: 0;
	list-style-type: none;
}

#site{
	min-width: 1600px;
}

#site header{
	position: relative;
	width: 100%;
	height: 140px;
	border-bottom: 1px solid white;
}

#site{
	font-family: OldSansBlack;
}

#siteSmartphone{
	display: none;
}

#titleScreenshostsSmartphone{
	display: none;
}

#language{
	float: right;
	right: 8px;
	position: relative;
	top: 14px;
}

#languageList{
	display: none;
}

#languageSelect:hover{
	cursor: pointer;
}

footer{
	height: 150px;
	background: #373a4a;
	border-top: 1px solid white;
}

#divContact{
	text-align: center;
	padding-top: 25px;
	width: 200px;
	margin: 0 auto;
	position: relative;
}

footer a, #divContact{
	color: white;
}

#spUnderlineContact{
	display: inline-block;
	width: 0px;
	height: 1px;
	background-color: white;
	position: absolute;
	top: 43px;
	left: 128px;
}

#divContact a:hover + #spUnderlineContact{	
	animation: contactAnim 0.7s ease;
	animation-fill-mode: forwards;
}

@keyframes contactAnim{
	from {width: 0;}
	to {width: 54px;}
}

#divMenu{
	position: fixed;
	right: 40px;
	top: 400px;
	z-index: 70;
}

#divMenu ul li{
	background-color: #000000;
	margin-top: 5px;
	width: 353px;
	position: absolute;
	height: 65px;
	z-index: 70;
}

#divMenu ul li img{
	position: relative;
	left: -5px;
	top: 9px;
	z-index: 10;
}

#divMenu ul li a{
	color: #ffffff;
	position: absolute;
	top: 18px;
	font-size: 24px;
	z-index: 10;
}

#listNewsletter{
	top: 69px;
}

#listDevelopersPlace{
	z-index: 50;
}

/*#listDevelopersPlace:hover{
	right: -64px;
	animation: listDevAnim 0.7s ease;
	animation-fill-mode: forwards;
}*/

@keyframes listDevAnim{
	from {right: -350px;}
	to {right: -64px;}
}

@keyframes listDevAnimBack{
	from {right: -64px;}
	to {right: -352px;}
}

@keyframes listNewsletterAnim{
	from {right: -350px;}
	to {right: -175px;}
}

@keyframes listNewsletterAnimBack{
	from {right: -175px;}
	to {right: -352px;}
}

.error{
	color: #ff0000;
	font-size: 15px;
}

.formLineContact.error{
	padding-left: 15px;
}

.formLineContact.error.errorBtn{
	text-align: right;
	padding-right: 128px;
}