@charset "utf-8";
/* CSS Document */
body, html {
    height: 100%;
}
body {
    background:#b2b4b1 url(/.style/ludinovo/xhtml/images/floor.jpg) 50% 422px no-repeat;
	color:#313331;
} 
#container{
    width:100%;
    min-height: 100%;
	z-index:8;
	overflow-x:hidden;
	clear:both;
	min-width:1000px;
}
.extraDiv1{
	height:422px;
	background:#f1f2f2 url(/.style/ludinovo/xhtml/images/animation/bg.gif) -611px 40px repeat-x;
	position:absolute;
	width:100%;
	z-index:7;
	top:0;
	left:0;	
	overflow:hidden;
}


body.common .flagshtocks
{
    background-image: url("/.style/ludinovo/xhtml/images/animation/flagshtocks.png");
    background-repeat: no-repeat;
    background-position: left center;
    height: 131px;
    left: 13.9%;
    position: absolute;
    top: 41px;
    width: 342px;
}

body.main .flagshtocks
{
    left: 33.25%;
}

.extraDiv1 .bgUp
{
    height:65px;
    position:absolute;
    top:40px;
    width: 1997px;
}
.cloud
{
	float: left;
	width: 24%;
	text-align: center;
	
}
.bgUp .cloud
{
	width: 20%;
}
.cloud.first
{
 width: 350px;
}
.cloud.second
{
 width: 400px;
}
.cloud.third
{
 width: 250px;
}
.cloud.fourth
{
 width: 400px;
}

.cloud.fourth-extra
{
 width: 400px;
}
/*down*/

.bgDown .cloud
{
	background-position: center -66px;
	background-repeat: no-repeat;
	height: 66px;
	
}
.bgDown.sub .cloud
{
	background-position: center top;
	background-repeat: no-repeat;

}

.cloud.fifth
{
 width: 320px;
 background-image: url('/.style/ludinovo/xhtml/images/animation/cloudsDown1-back.gif');
}
.cloud.sixth
{
 width: 400px;
 background-image: url('/.style/ludinovo/xhtml/images/animation/cloudsDown2-back.gif');
}
.cloud.seventh
{
 width: 650px;
 background-image: url('/.style/ludinovo/xhtml/images/animation/cloudsDown3-back.gif');
}
.cloud.eight
{
 width: 750px;
  background-image: url('/.style/ludinovo/xhtml/images/animation/cloudsDown4-back.gif');
}

.extraDiv1 .bgDown{
	height:66px;
	position:absolute;
    top:105px;
    width: 2500px;
}

body.main .extraDiv1 .trees{
	left: 53.3%;	
}

.extraDiv1 .trees{
	height:131px;
	position:absolute;
	width:795px;
	z-index:7;
	top:40px;
	left: 34%;	
}
body.common .extraDiv1 .trees img.first{
	height:131px;
	position:absolute;
	width:795px;
	z-index:7;
	top: 0px;
	left: 2px;
}
body.common .extraDiv1 .trees img.second{
	height:115px;
	position:absolute;
	width:645px;
	z-index:6;
	top: 16px;
	left: 0;
}
body.common .extraDiv1 .trees img.third{
	height:115px;
	position:absolute;
	width:645px;
	z-index:5;
	top: 16px;
	left: 0;
}
body.main .extraDiv1 .tree{
	left: 53%;	
}
body.common .extraDiv1 .flag-1{
	height:131px;
	position:absolute;
	width:342px;
	z-index:7;
	top:-3px;
	left: 10px;	
}
body.common .extraDiv1 .flag-1 img
{
	zoom: 1;
}

body.common .extraDiv1 .flag-1 div.first{
	height:131px;
	position:absolute;
	z-index:7;
	top:0;
	left: 0;	
}

body.common .extraDiv1 .flag-1 div.second{
	height:131px;
	position:absolute;
	z-index:6;
	top:0;
	left: 0;
}

body.common .extraDiv1 .flag-1 div.third{
	height:131px;
	position:absolute;
	z-index:5;
	top:0;
	left: -1px;
}

body.common .extraDiv1 .flag-1 div.fourth{
	height:131px;
	position:absolute;
	z-index:4;
	top:0;
	left: 0;
}


body.main .extraDiv1 .flag-1{

	left: 10px;	
}

body.common .extraDiv1 .flag-2{
	height:131px;
	position:absolute;
	width:342px;
	z-index:7;
	top:-3px;
	left:110px;	
}
body.common .extraDiv1 .flag-2 img
{
	zoom: 1;
}

body.common .extraDiv1 .flag-2 div.first{
	height:131px;
	position:absolute;
	z-index:7;
	top:0;
	left: 0;	
}

body.common .extraDiv1 .flag-2 div.second{
	height:131px;
	position:absolute;
	z-index:6;
	top:0;
	left: 1px;
}

body.common .extraDiv1 .flag-2 div.third{
	height:131px;
	position:absolute;
	z-index:5;
	top:0;
	left: 0px;	
}

body.common .extraDiv1 .flag-2 div.fourth{
	height:131px;
	position:absolute;
	z-index:4;
	top:0;
	left: 1px;	
}


body.common .extraDiv1 .flag-3{
	height:131px;
	position:absolute;
	width:342px;
	z-index:7;
	top:3px;
	left:208px;	
}
body.common .extraDiv1 .flag-3 img
{
	zoom: 1;
}

body.common .extraDiv1 .flag-3 div.first{
	height:131px;
	position:absolute;
	z-index:7;
	top:0;
	left: 0;	
}

body.common .extraDiv1 .flag-3 div.second{
	height:131px;
	position:absolute;
	z-index:6;
	top:0;
	left: 1px;
}

body.common .extraDiv1 .flag-3 div.third{
	height:131px;
	position:absolute;
	z-index:5;
	top:0;
	left: 0;	
}

body.common .extraDiv1 .flag-3 div.fourth{
	height:131px;
	position:absolute;
	z-index:4;
	top:0;
	left: 1px;	
}

body.main .extraDiv1{
	background-position:50% 40px;
}
.extraDiv2{
	background:url(/.style/ludinovo/xhtml/images/topWall.png) 0 0 repeat-x;
	height:422px;
}
.extraDiv3{
	background:url(/.style/ludinovo/xhtml/images/wall.jpg) 0 182px repeat-x;
	height:422px;
}
.extraDiv4{
	background:url(/.style/ludinovo/xhtml/images/windpng.png) 0 0px repeat-x;
	height:147px;
	top:35px;
	position: relative;
	z-index: 7;
}
.extraDiv5{
	background:url(/.style/ludinovo/xhtml/images/lamp.png) 0 0;
	height:275px;
	width:298px;
	top:-2.1em;
	left:-6.2em;
	position:absolute;
/*	z-index:7;*/
}
body.main .extraDiv5{
	background:url(/.style/ludinovo/xhtml/images/stelaz.png) 0 0 no-repeat;
	height:560px;
	width:364px;
	top:73px;
	left:auto;
	position:absolute;
	z-index:-1;
}
body.main .extraDiv6{
	background:url(/.style/ludinovo/xhtml/images/kotli.png) 0 0 no-repeat;
	height:445px;
	width:584px;
	top:93px;
	left:-17px;
	right:auto;
	margin:0;
	position:absolute;
	z-index:-1;
}
.extraDiv6{
	background:url(/.style/ludinovo/xhtml/images/cable.png) 0 0;
	height:641px;
	width:195px;
	bottom:0;
	right:0;
	position:absolute;
	overflow-x:hidden;
	margin:0 -3em -17.2em 0;
}
.stage, body.plain,  body.mail {
	font: 0.8em/1.33em Arial, Helvetica, sans-serif;
}
.stage{
	width:90%;
	margin: 0 4% 0 6%;
	padding-bottom:6em;
	background:url(/.style/ludinovo/xhtml/images/cardboard.jpg) 0 0;
	overflow:visible;
	position:static;
	float:left;
}
body.main .stage {
	background:none;
	margin:0 auto;
    padding:0;
	width:933px;
	float:none;
	overflow: hidden;
	height: 600px;
}
.top{
	background: none;
	padding: 37px 25px 0 25px;
}

a.rootSection{
	display: block;
	width: 23em;
	height: 110px;
	margin-left: 116px;
}

body.main .top{
	display:none;
}

.layoutA, .layoutB, .layoutC{
	float:left;
	min-height:1px;
}
.layoutA{
	width:24.4%;
	padding-top:8.8em;
	position:relative;
}
body.main .layoutA{
	width:366px;
	padding-top:0;
	/*display: none;*/
}
.layoutB{
	width:75.6%;
	position:relative;
}
body.main .layoutB{
	width:565px;
	/*display: none;*/
}
body.common .layoutB{
	padding-top:2.25em;
}
body.main .layoutB{
	padding-top:0;
}
body.common .layoutB .pagePattern{
	margin:0 2.25em 0 0;
	padding:2em 2.6em 4.1em 2.6em;
	background:#f5f7f3;
	border:1px solid;
	border-top-color:#fff;
	border-right-color:#fff;
	border-left-color:#cecec9;
	border-bottom-color:#ccccc5;
	min-height:340px;
}
body.catalogMain .layoutB .pagePattern{
	padding-right:0;
}
body.scheme .layoutA{
	display:none;
}
body.scheme .layoutB{
	width:100%;
}
body.scheme .layoutB .pagePattern{
	margin-left:2.6em;
}

.layoutC{
	clear: both;
	width: 100%;
}

.footer {
    bottom: 0;
    position: static;
    border-top:none;
	clear:both;
	width:90%;	
	height:88px;
	padding-top:3em;
	margin:0 4% 0 6%;
}
body.main .footer{
	width:933px;
	margin:0 auto;
}
.fLeft{
	width:28%;
	float:left;
		margin-top: 7px;
}
body.main .fLeft{
	width:245px;
	margin-top: 7px;
}
.fCenter{
	/*display:none;*/
	width: 20.3%;
}  

body.main .fCenter{
	/*display:none;*/
	width: 237px;
}  

.fCenter div.cup
{
	height: 69px;
	padding-top: 15px;
}  

.fCenter img.cup-icon
{
	float: left;
}  

.fCenter span.text {
    display: block;
    font: 0.8em/1.3em Arial,Helvetica,sans-serif;
    margin: 0;
    margin-top: 14px;
    margin-left: 18px;
    float: left;
}

.fCenter a {
    display: block;
    font: 0.8em/1.7em Arial,Helvetica,sans-serif;
    margin-left: 0;
    float: left;
        margin-left: 18px;
}

.fRight
{
	width:29.6%;
	float:left;
}
body.main .fRight{
	width:413px;
}

div.transparent {
	z-index: 25;
}

div.test
{
 position: relative;
 top: 60px;
}

div.test img.first
{
 position: absolute;
 left: 0;
 top: 0;
 z-index: 2;
 width: 173px;
 height: 110px;
}
div.test div.first
{
 position: absolute;
 left: 0;
 top: 0;
 z-index: 2;
 width: 173px;
 height: 110px;
 display: none;
}
div.test img.second
{
 position: absolute;
 left: 0;
 top: 0;
 z-index: 1;
 width: 175px;
 height: 101px; 
}

span.line
{
	display: block;
}

.loadingIndicator{
	width: 45px;
	height: 44px;
	background: url('/.style/ludinovo/xhtml/images/loader-atoll.gif');
	position: absolute;
	z-index: 99;
}

.bbackground {
    z-index: 8;
}
.dialog {
    z-index: 9;
}