﻿html, body{
	height : 100%;
}

body.index{
	background : url(/img/index/bg.jpg) center center no-repeat #000;
	position : relative;
	min-width : 950px;
}

body.index .content{
	width : 548px;
	height : 460px;
	position : absolute;
	top : 50%;
	left : 50%;
	margin : -280px 0 0 -268px;
	z-index : 200;
}

body.index .content a.logo{
	display : block;
	height : 326px;
	background : url(/img/index/logo.png);
	cursor : default;
}

body.index .content a.logo b{
	display : none;
}

body.index.holiday-NY .content a.logo{
	height : 472px;
	background : url(/img/index/holidays/new-year.png);
}

body.index.holiday-STN .content a.logo{
	height : 393px;
	background : url(/img/index/holidays/st-nicholas.png);
}

body.index.holiday-23FEB .content a.logo{
	height : 326px;
	background : url(/img/index/holidays/23-february.png);
}

body.index.holiday-SPRING .content a.logo{
	height : 326px;
	background : url(/img/index/holidays/spring.png);
}

body.index.holiday-8MARCH .content a.logo{
	height : 318px;
	background : url(/img/index/holidays/8-march.png);
}

body.index.holiday-EASTER .content a.logo{
	height : 328px;
	background : url(/img/index/holidays/easter.png);
}

body.index.holiday-SUMMER-BERRY .content a.logo{
	height : 326px;
	background : url(/img/index/holidays/summer-berry.png);
}

body.index.holiday-GRADUATION .content a.logo{
	height : 295px;
	background : url(/img/index/holidays/graduation.png);
}

body.index.holiday-SUMMER-WREATH .content a.logo{
	height : 326px;
	background : url(/img/index/holidays/summer-wreath.png);
}

body.index.holiday-AUTUMN .content a.logo{
	height : 471px;
	background : url(/img/index/holidays/autumn.png);
}

body.index.holiday-WINTER .content a.logo{
	height : 454px;
	background : url(/img/index/holidays/winter.png);
}

body.index .rss{
	background : url(/img/rss.gif) top left no-repeat;
	color : #ffba5c;
	font-size : 12px;
	line-height : 14px;
	font-family : Arial;
	padding-left : 21px;
	position : absolute;
	left : 50%;
	top : 66px;
	margin-left : -350px;
	z-index : 550;
}

body.index .rss:hover{
	text-decoration : none;
}

body.index .search{
	width : 261px;
	height : 63px;
	padding-top : 19px;
	padding-left : 30px;
	position : absolute;
	margin-left : -378px;
	left : 50%;
	top : 11px;
	z-index : 500;
	background : url(/img/index/search.png);
}

body.index .search a{
	display : inline-block;
	width : 56px;
	height : 22px;
	vertical-align : middle;
	margin-left : 13px;
	position : relative;
	top : 1px;
}

body.index .search input{
	font-size : 11px;
	font-family : Arial;
	color : #ffffff;
	width : 156px;
	border : none;
	background : none;
	font-style : italic;
}
*+HTML body.index .search input{
	margin-left : 378px;
	position : relative;
	top : -1px;
}

body.index .lang{
	width : 150px;
	height : 65px;
	position : absolute;
	margin-left : -378px;
	left : 50%;
	top : 11px;
	z-index : 500;
	display : none;
}

body.index .lang div{
	background : url(/img/index/lang.png);
	width : 100%;
	height : 100%;
	padding : 23px 29px 0 17px;
	word-spacing : 0px;
	text-align : center;
}

body.index .lang a{
	display : inline-block;
	width : 41px;
	height : 22px;
	color : #fff;
	font-size : 11px;
	line-height : 22px;
	font-family : Arial;
	text-transform : uppercase;
	text-decoration : none;
	text-align : center;
	position : relative;
	z-index : 500;
}

body.index .lang a.selected{
	background : url(/img/index/lang-active.png);
}

body.index .login div.logged{
	/*width : 259px;*/
	height : 35px;
	display : none;
	padding-left : 16px;
	background : url(/img/login5.png) top left no-repeat;
}

body.index .login div.logged div{
	height : 28px;
	padding-top : 7px;
	padding-right : 11px;
	background : url(/img/login4.png) top right no-repeat;
	position : relative;
}

*+HTML body.index .login div.logged div{
	max-width : 370px;
}

body.index .login div.logged a{
	display : inline-block;
	vertical-align : middle;
	float : right;
	width : 53px;
	height : 22px;
}

body.index .login div.logged span{
	color : #fff;
	font-size : 11px;
	line-height : 20px;
	font-family : Arial;
	white-space : nowrap;
}

body.index .login div.logged span b{
	color : #ffd048;
}

body.index .login{
	width : 304px;
	height : 70px;
	position : absolute;
	top : 11px;
	margin-left : 117px;
	left : 50%;
	z-index : 500;
}

body.index .login form{
	background : url(/img/index/login2.png);
	padding : 23px 0 0 28px;
	width : 100%;
	height : 100%;
	overflow : hidden;
}

*+HTML body.index .login form{
	padding : 22px 0 0 28px;
}

body.index .login form input{
	border : none;
	background : transparent;
	color : #fff;
	font-size : 11px;
	font-family : Arial;
	padding-left : 4px;
	padding-right : 4px;
	position : relative;
	z-index : 500;
	font-style : italic;
	filter:progid:DXImageTransform.Microsoft.Alpha(opacity=80);
	-moz-opacity: 0.8;
	-khtml-opacity: 0.8;
	opacity: 0.8;
	margin-bottom : 6px;
}

*+HTML body.index .login form input{
	margin-bottom : 7px;
}

#f_login_submit_button{
	position : relative;
	top : -1000px;	
}
body.index .login #f_login{
	width : 90px;
}

body.index .login #f_password{
	width : 90px;
	display : none;
}

body.index .login #f_passwd{
	width : 90px;
}

body.index .login form a{
	display : inline-block;
	width : 53px;
	height : 22px;
	vertical-align : top;
	margin : -4px 0 0 8px;
	position : relative;
	z-index : 500;
}

body.index .login form a.link{
	color : #ffbb3e;
	font-family : Arial;
	font-size : 10px;
	line-height : 18px;
	text-decoration : none;
}

body.index .login form a.link:hover{
	text-decoration : underline;
}

#al_register{
	position : relative;
	left : -4px;
	margin-right : 35px;	
}

body.index ul{
	padding-top : 0px;
	width : 187px;
	margin : 0px 0 0 190px;
	top : 316px;
	position : absolute;
	z-index : 100;
}

body.index ul li{
	padding-top : 6px;
	height : 23px;
	padding-bottom : 8px;
	text-align : center;
}

body.index ul li.hover{
	/*background : url(/img/index/menu-stars.png) top left no-repeat;*/
}

* HTML body.index ul li.hover{
	/*background-image : none;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/img/index/menu-stars.png', sizingMethod='scale');*/
}

body.index ul a{
	display : inline-block;
	height : 23px;
}

body.index ul a.production{
	width : 128px;
	background : url(/img/index/menu-all.png) 0px 0px no-repeat;
}

* HTML body.index ul a.production{
	background-image : none;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/img/index/menu-ie6-production.png', sizingMethod='scale');
}

body.index ul a.production:hover{
	background : url(/img/index/menu-all.png) 0px -23px no-repeat;
}

* HTML body.index ul a.production:hover{
	background-image : none;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/img/index/menu-ie6-production-hover.png', sizingMethod='scale');
}

body.index ul a.services{
	width : 84px;	
	background : url(/img/index/menu-all.png) -128px 0px no-repeat;
}

* HTML body.index ul a.services{
	background-image : none;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/img/index/menu-ie6-services.png', sizingMethod='scale');
}

body.index ul a.services:hover{
	background : url(/img/index/menu-all.png) -128px -23px no-repeat;
}

* HTML body.index ul a.services:hover{
	background-image : none;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/img/index/menu-ie6-services-hover.png', sizingMethod='scale');
}

body.index ul a.contacts{
	width : 114px;
	background : url(/img/index/menu-all.png) -212px 0px no-repeat;
}

* HTML body.index ul a.contacts{
	background-image : none;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/img/index/menu-ie6-contacts.png', sizingMethod='scale');
}

body.index ul a.contacts:hover{
	background : url(/img/index/menu-all.png) -212px -23px no-repeat;
}

* HTML body.index ul a.contacts:hover{
	background-image : none;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/img/index/menu-ie6-contacts-hover.png', sizingMethod='scale');
}

body.index ul a b{
	display : none;
}

body.index ul li.hover i{
	display : inline-block;
	width : 24px;
	height : 24px;
	background : url(/img/index/stars-left.png);
	margin-right : 5px;
	position : relative;
	top : -6px;
}

* HTML body.index ul li.hover i{
	background-image : none;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/img/index/stars-left.png', sizingMethod='scale');
}

*+HTML body.index ul li.hover i{
	top : -9px;
}

body.index ul li.hover i.right{
	background : url(/img/index/stars-right.png);
	margin-left : 5px;
	margin-right : 0;
}

* HTML body.index ul li.hover i.right{
	background-image : none;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/img/index/stars-right.png', sizingMethod='scale');
}



