@charset "utf-8";
#site_create{display:block; position:absolute; color:#004483; left:5px; top:15px;}
#site_create_show{display:block; position:absolute; color:#FFF; left:5px; bottom:15px;}

body {
	margin:0px; padding:0px; 
	background:#004483;
	display:block; position:absolute;
	width:100%; height:90%;
	font-family:Verdana, Geneva, sans-serif;
}


#page{
display:block; position:relative;
width:1200px; height:600px;
border:1px solid #004483;
margin:80px auto 0px auto; padding:0px;

background:url(images/bg2.png) bottom left no-repeat;

-moz-background-size:1200px 560px;
-webkit-background-size:1200px 560px;
-o-background-size:1200px 560px;
background-size:1200px 560px;
}



#menu {display:block; position:absolute; margin:150px 0px 0px 0px; padding:0px; height:100%; width:1200px; z-index:2;}
#menu li { display:inline-block; position:relative; float:left; list-style:none; margin:0px; padding:0px;}
#menu li a { border:none;} #menu li a:hover p{color:#FFF;}
#menu li a p { display:block; position:absolute; color:#80a1c2; text-decoration:none; padding:0px 0px 55px 0px; bottom:50px; font-size:15px;}
#menu li a img {margin:0px; padding:0px;}
#el1{left:240px; top:5px;} #el1 a img{border:none; width:96px; height:96px;}
#el2{left:310px; top:25px;} #el2 a img{border:none; width:96px; height:96px;}
#el3{left:360px; top:70px;} #el3 a img{border:none; width:96px; height:96px;}
#el4{left:410px; top:135px;} #el4 a img{border:none; width:96px; height:96px;}
#el5{left:445px; top:200px;} #el5 a img{border:none; width:305px; height:86px;}


#soc_lang { position:absolute; right:65px; top:50px; width:126px; height:71px; z-index:5;}

#social { display:block; position:absolute; margin:0px; padding:0px; width:156px; top:35px; left:10px; height:31px; z-index:2;}
#social li {display:inline-block; float:left; list-style:none; margin:0px 3px;}
#social li a img {border:none;}
#social li a img:hover {}

#language {
	display:block; position:absolute;
	width:130px; height:30px;
	margin:0px; padding:0px;
	font-size:20px; font-weight:600; color:#FFF;
	z-index:2;
}
#language li {
	display:inline-block; position:relative; float:left;
	margin:0px; padding:0px;
	list-style:none;
}
#language li a {
	display: inline-block; position:relative; float:left;
	margin:0px 10px 0px 14px; padding:0px;
	color:#4d7ca8; font-weight:500;
	font-family:Verdana, Geneva, sans-serif; font-size:18px;
}
#language a:hover {color:#fff; text-decoration:none;}
#language a strong {color:#fff; margin:0px; padding:0px;}


#address {
	display:block; position:absolute;
	width:100%; top:660px;
	padding:0px; margin:0px;
	background:url(images/address_bg.png) no-repeat right;}

#address p {
	display:block; position:relative;
	width:1050px;
	padding:0px 0px 0px 0px; margin-left:auto; margin-right:auto;
	text-align:right; font-size:14px;
}


@media only screen and ( min-height: 500px) and ( max-height: 599px ) {
#page{
height:490px; top:90px;
border:1px solid #004483;
margin:0px auto 0px auto;}
#menu {margin:0px 0px 0px 0px; height:300px;}
#address {
	top:470px;
}
#soc_lang {top:-20px;}
}


@media only screen and ( min-height: 600px) and ( max-height: 699px ) {
#page{
height:490px; top:130px;
margin:0px auto 0px auto;}
#menu {margin:0px 0px 0px 0px; height:300px;}
#address {
	top:550px;
}
#soc_lang {top:-20px;}
}



@media only screen and ( min-height: 700px) and ( max-height: 799px ) {
#page{
height:540px;
margin:60px auto 0px auto;}
#menu {margin:40px 0px 0px 0px; height:300px;}
#address {
	top:510px;
}
#soc_lang {top:0px;}
}


@media only screen and ( min-height: 800px) and ( max-height: 899px ) {
#page{
height:590px;
margin:150px auto 0px auto;}
#menu {margin:90px 0px 0px 0px; height:300px;}
#address {
	top:700px;
}
#soc_lang {top:0px;}
}


@media only screen and ( min-height: 900px) and ( max-height: 999px ) {
#page{
height:590px;
margin:150px auto 0px auto;}
#menu {margin:90px 0px 0px 0px; height:300px;}
#address {
	top:700px;
}
#soc_lang {top:0px;}
}


@media only screen and ( min-height: 1000px) and ( max-height: 1200px ) {
#page{
height:590px;
margin:190px auto 0px auto;}
#menu {margin:90px 0px 0px 0px; height:300px;}
#address {
	top:800px;
}
#soc_lang {top:0px;}
}
















/*
#bg {display:block; position:absolute; margin:auto 0px auto 0px; padding:0px; height:519px; width:1200px; z-index:1; max-width:100%;
background:url(images/bg_oblozhka.jpg) no-repeat top left;}

#menu {display:block; position:absolute; margin:0px; padding:0px; z-index:2;}
#menu li { display:inline-block; position:relative; float:left; list-style:none; margin:0px; padding:0px;}
#menu li a { border:none;} #menu li a:hover p{color:#FFF;}
#menu li p { display:block; position:absolute; color:#80a1c2; text-decoration:none; padding:0px 0px 100px 30px; bottom:30px; font-size:18px;}
#menu li a img {margin:0px; padding:0px;}
#el1{left:265px; top:175px;} #el1 a img{border:none; width:120px; height:120px;}
#el2{left:390px; top:170px;} #el2 a img{border:none; width:120px; height:120px;}
#el3{left:490px; top:210px;} #el3 a img{border:none; width:120px; height:120px;}
#el4{left:580px; top:275px;} #el4 a img{border:none; width:120px; height:120px;}
#el5{left:630px; top:350px;} #el5 a img{border:none; width:424px; height:120px;}

#soc_lang {display:block; position: absolute; right:50px; top:50px; width:126px; height:71px;}

#language {display:block; position:absolute; width:120px; height:30px; font-size:20px; margin:0px; padding:0px; font-weight:600; color:#FFF; z-index:2;}
#language a {color:#4d7ca8; margin:0px 12px; padding:0px; font-family:Verdana, Geneva, sans-serif; font-size:18px;}
#language a:hover {color:#fff; text-decoration:none;}
#language a strong {color:#fff; font-weight:500; margin:0px; padding:0px;}
#social { display:block; position:absolute; margin:0px; padding:0px; width:156px; top:35px; left:10px; height:31px; z-index:2;}
#social li {display:inline-block; float:left; list-style:none; margin:0px 3px;}
#social li a img {border:none; width:22px; height:22px;}

#address {display:block; position:fixed; width:100%; height:auto; background:url(images/address_bg.png) repeat-y right; text-align:right; bottom:30px; z-index:2;}
#address p {margin:20px 100px 20px auto; color:#fff; font-size:22px;}
#address p a {color:#fff;} #address p a:hover { text-decoration:none;}
*/