html, body{
	background:url(../images/bg8.gif) left top repeat-x #8e363b;
	height:100%;
}
body{
	background:url(../images/bgTop.jpg) center top no-repeat;
}
#mainWrapper{
	width:980px;
	margin:0px auto;
	min-height:550px;
	background:url(../images/bgTop.jpg) center top no-repeat #8e363b;
	position:relative;
}
#main{
	width:100%;
	background:url(../images/bg1.png) left bottom repeat-x #ffffff;
}
#main2{
	width:100%;
	background:url(../images/bgTop.jpg) center top no-repeat;
}
#logo{
	position:absolute;
	left:30px;
	top:40px;
}
#logo img{
	
}

#pageHeader{
	position:relative;
	width:980px;
	height:339px;
}
#mainMenu{
	
}
#mainMenu ul{
	margin:0px;
	padding:0px;
	list-style:none;
}
#mainMenu ul li{
	margin:0px;
	padding:0px;
	position:absolute;
}
#mainMenu ul li.mm1{
	left:205px;
	top:293px;
}
#mainMenu ul li.mm2{
	left:336px;
	top:298px;
}
#mainMenu ul li.mm3{
	left:538px;
	top:299px;
}
#mainMenu ul li.mm4{
	left:679px;
	top:294px;
}
/* content */
#content{
	padding-top:1px;
	padding-bottom:36px;
	width:920px;
	margin:0px auto 0px auto;
}
.leftContentCol{
	width:440px;
	float:left;
}

.stateText{
	font-size:11px;
}
.commentBlock{
	width:440px;
	margin:2px 0px 2px 0px;
	background:url(../images/bg3.gif) left bottom no-repeat #efefef;
}

.test_qanswer {

font-size:14px;
line-height:1.7em;
}
.question {

font-size:14px;
margin-top:5px;
}
.test_title {

font-size:14px;
}
.test_qquest {

font-size:14px;
}
.test_qnum {

font-size:12px;
}


.commentBlock .commentHeader{
	width:440px;
	height:25px;
	margin:0px 0px 0px 0px;
	background:url(../images/bg2.png) left top no-repeat;
	font-size:10px;
	color:#8b8b8b;
}
.commentBlock .commentHeader .chLeft{
	float:left;
	display:inline;
	padding:6px 0px 0px 32px;
}
.commentBlock .commentHeader .chLeft .name{
	font-size:11px;
	color:#e05b78;
	margin-right:5px;
	font-family: trebuchet ms;
}
.commentBlock .commentHeader .chLeft .dopInfo{
	margin-right:5px;
	margin-left:5px;
}
.commentBlock .commentHeader .chRight{
	float:right;
	display:inline;
	padding:6px 15px 0px 0px;
	font-size:11px;
}
.commentBlock .commentHeader .chRight .dateTime{
	padding:0px 0px 0px 7px;
	background:url(../images/bullet2.png) left 4px no-repeat;
}
.commentBlock .commentContent{
	padding:10px 0px 10px 19px;
	width:410px;
}
.commentBlock .commentContent .commentPhoto{
	float:left;
	display:inline;
	width:65px;
	margin-right:13px;
	overflow:hidden;
}
.commentBlock .commentContent .commentText{
	float:left;
	width:332px;
	font-size:11px;
	color:#626262;
	line-height:1.4em;
}
.commentBlock .commentContent .commentText p{
	margin:0px;
	padding:0px;
}
.formOtzivWrapper{
	margin:6px 0px 0px 0px;
	width:440px;
	background:url(../images/bg6.png) left top no-repeat #e5e5e5;
}
.formOtzivWrapper form{
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
}
.formOtzivWrapper .foHeader{
	width:440px;
	height:41px;
	background:url(../images/bg4.png) left top no-repeat #a7d141;
	position:relative;
}
.formOtzivWrapper .foHeader img.header{
	position:absolute;
	left:19px;
	top:12px;
}
.formOtzivWrapper .foFooter{
	position:relative;
	width:440px;
	height:35px;
	background:url(../images/bg5.png) left top no-repeat #a7d141;
}
.formOtzivWrapper .foFooter .inputImage{
	position:absolute;
	left:324px;
	top:10px;
}
.formOtzivWrapper .formOtziv{
	display:inline-block;
	padding-top:1px;
	color:#5d8c00;
	font-size:12px;
	margin-left:12px;
}
.formOtzivWrapper .formOtziv .formLeftCol{
	float:left;
}
.formOtzivWrapper .formOtziv .formLeftCol .inputBlock{
	margin:10px 0px 0px 0px;
}
.formOtzivWrapper .formOtziv .formLeftCol .inputText{
	width:178px;
	border:1px solid #d4dac5;
	padding:3px 5px 3px 5px;
}
.formOtzivWrapper .formOtziv .formRightCol{
	float:right;
}
.formOtzivWrapper .formOtziv .formRightCol .inputBlock{
	margin:10px 0px 0px 0px;
}
.formOtzivWrapper .formOtziv .formRightCol .inputText{
	width:178px;
	border:1px solid #d4dac5;
	padding:3px 5px 3px 5px;
}
.formOtzivWrapper .formOtziv .formTextBlock{
	padding:12px 0px 12px 0px;
	clear:both;
}
.formOtzivWrapper .formOtziv .formTextBlock textarea{
	width:390px;
	height:65px;
	padding:3px 5px 3px 5px;
	border:1px solid #d4dac5;
	
}


.rightContentCol{
	width:440px;
	float:right;
}
.rightContentCol .downloadBlock{
	width:448px;
	height:58px;
	background:url(../images/bg7.png) left top no-repeat #edecec;
	position:relative;
	margin:27px 0px 0px -8px;
}
.rightContentCol .downloadBlock .button{
	position:absolute;
	left:13px;
	top:12px;
}
.rules {
	color:#ffffff;
	font-size:11px;
	margin:0px 0px 0px 0px;
}
.rules a{
	color:#ffffff;
	text-decoration:none;
}
.rules a:hover{
	color:#ffffff;
	text-decoration:none;
}
.rules a:visited{
	color:#ffffff;
	text-decoration:none;
}
.rightContentCol .downloadBlock .text{
	position:absolute;
	left:182px;
	top:18px;
}
.rightContentCol .bonusBlockWrapper{
	margin:23px 0px 0px 0px;
}
.rightContentCol .bonusBlockWrapper h2{
	margin:0px 0px 0px 0px;
	padding-left:25px;
	background:url(../images/bullet3.png) left 3px no-repeat;
	font-size:23px;
	color:#6e6e6e;
}
.rightContentCol .bonusBlockWrapper .bonusTextWrapper{
	margin-top:12px;
}
.rightContentCol .bonusBlockWrapper .bonusTextWrapper .image{
	float:left;
	display:inline;
	width:153px;
	height:153px;
	position:relative;
	margin:0px 0px 0px -5px;
}
.rightContentCol .bonusBlockWrapper .bonusTextWrapper .text{
	float:right;
	display:inline;
	width:280px;
	position:relative;
	font-size:12px;
	color:#626262;
	line-height:1.3em;
}
/* content */

#footer{
	position:relative;
	width:980px;
	height:42px;
	margin:0px auto 0px auto;
	padding:0px 0px 0px 0px;
	font-size:11px;
}
#footer .mainMenuFooter{
	position:absolute;
	left:22px;
	top:13px;
	margin:0px;
	padding:0px;
}
#footer .mainMenuFooter ul{
	margin:0px;
	padding:0px;
	list-style:none;
}
#footer .mainMenuFooter ul li{
	float:left;
	margin:0px 0px 0px 0px;
	padding:0px 8px 0px 8px;
	border-right:1px solid #be767b;
	color:#be767b;
}
#footer .mainMenuFooter ul li.last{
	border-right:none;
}
#footer .mainMenuFooter ul li a{
	text-decoration:underline;
	color:#be767b;
}
#footer .mainMenuFooter ul li a:hover{
	text-decoration:underline;
	color:#ffffff;
}
#footer .copyright{
	position:absolute;
	right:30px;
	top:33px;
	color:#be767b;
	text-align: center;
	padding-bottom:4px;
}
#footer .copyright a{
	text-decoration:underline;
	color:#be767b;
}
#footer .copyright a:hover{
	text-decoration:underline;
	color:#ffffff;
}

#popUpWrapper0{
	position:fixed;
	left:0px;
	top:20%;
	width:100%;
	display:none;
}
#popUpWrapper{
	position:relative;
	width:621px;
	margin:0px auto;
}
#popUpWrapper .popHeader{
	width:621px;
	height:42px;
	background:url(../images/pp1.png) left top no-repeat;
}
#popUpWrapper .header{
	position:absolute;
	left:29px;
	top:13px;
}
#popUpWrapper .close{
	position:absolute;
	right:21px;
	top:6px;
}
#popUpWrapper .close img{
	cursor:pointer;
}
#popUpWrapper .topBlock{
	background:url(../images/pp7.png) left top no-repeat #a83942;
	width:621px;
}
#popUpWrapper .topBlock .textWrapper{
	padding:7px 28px 16px 28px;
	color:#ffffff;
}
#popUpWrapper .topBlock .textWrapper p{
	margin:15px 0px 0px 0px;
	color:#ffffff;
}
#popUpWrapper .topBlock .textWrapper strong{
	color:#d3ffbd;
}
#popUpWrapper .topBlock .textWrapper .select{
	margin:3px 0px 0px 0px;
}
#popUpWrapper #countrySelect{
	font-size:15px;
}
#popUpWrapper .popFooter{
	position:absolute;
	left:0px;
	bottom:-34px;
	width:621px;
	height:34px;
	background:url(../images/pp2.png) left top no-repeat;
}
#popUpWrapper .bottomBlock{
	position:relative;
	width:621px;
	height:58px;
	background:url(../images/pp3.png) left top no-repeat #8a3236;
}
#popUpWrapper .bottomBlock form{
	width:448px;
	height:58px;
	background:url(../images/pp6.png) left top no-repeat #b55652;
	position:absolute;
	left:88px;
	top:17px;
}
#popUpWrapper .bottomBlock .inputTextWrapper{
	width:172px;
	height:42px;
	background:url(../images/pp4.png) left top no-repeat #edecec;
	position:absolute;
	left:51px;
	top:8px;
}
#popUpWrapper .bottomBlock .inputTextWrapper input{
	position:absolute;
	left:5px;
	top:5px;
	width:162px;
	height:32px;
	background:transparent;
	border:none;
	padding:0px;
	margin:0px;
	font-size:27px;
	line-height:32px;
	text-align:center;
}
#popUpWrapper .bottomBlock .inputButtonWrapper{
	width:162px;
	height:42px;
	background:url(../images/pp5.png) left top no-repeat #8ebc1c;
	position:absolute;
	left:232px;
	top:8px;
}

#popUpBg{
	position:absolute;
	left:0px;
	bottom:0px;
	width:100%;
	height:100%;
	background:#000000;
	opacity:0.7;
	-moz-opacity:0.7;
	filter:alpha(opacity=70);
	display:none;
}
#loadAnimate{
	width:25px;
	height:25px;
	position:absolute;
	left:408px;
	top:17px;
	display:none;
}

/* afterTestScene */
#afterTestScene{
	
}
#afterTestScene h2{
	margin:15px 0px 0px 0px;
}
#afterTestScene h3{
	margin:4px 0px 3px 0px;
}
#afterTestScene .infoOfStage{
	margin:4px 0px 3px 5px;
	clear:both;
}
#afterTestScene .infoOfStage p{
	margin:4px 0px 0px 0px;
}
#afterTestScene .loadingLine{
	float:left;
	margin-right:10px;
	width:220px;
	height:20px;
	position:relative;
}
#afterTestScene .loadingPercent{
	float:left;
}
#afterTestScene .loadingLine img{
	position:relative;
	z-index:3;
}
#afterTestScene .loadingLine .line{
	position:absolute;
	left:0px;
	top:0px;
	width:0%;
	height:20px;
	font-size:0;
	background:url(../images/loadingBg.png) 0px 4px repeat-x #f2c493;
	z-index:2;
}
#afterTestScene .step1{
	
}
#afterTestScene .step2{
	display:none;
}
#afterTestScene .step3{
	display:none;
}
#afterTestScene .hiddened{
	display:none;
}


#dietaKonstructorMain{
	width:448px;
	height:58px;
	background:url(../images/dieta_konstructor_bg.png) left top no-repeat #e3e3e3;
	position:relative;
	margin:26px -30px 0px 0px;
}
#dietaKonstructorMain .flowers{
	width:124px;
	height:110px;
	background:url(../images/dieta_konstructor_left.jpg) left top no-repeat;
	position:absolute;
	left:-30px;
	top:-52px;
}
#dietaKonstructorMain .greenButton{
	width:432px;
	height:42px;
	position:absolute;
	left:8px;
	top:8px;
}