



body {
	font-size: 14px;
	background: #FFFFFF;
}




.cl,.cr {float: left; width: 50%} 
.cl2 {float: left; width: 60%} 
.cr2 {float: left; width: 40%} 
.fl,.fr {float: left; width: 50%;-moz-box-sizing: border-box;box-sizing: border-box;}
.fr{font-size: 13px;} 
.fl{padding-right: 15px;} 
.cr {padding-left:9px;}  
body,
input,
textarea,
select,
h1, h2, h3, h4, h5, h6 {
	font-family: Arial, Helvetica, sans-serif;
}

p{line-height:1.4em}

h1 {
	font-size: 2.5em;
}

h2 {
	font-size: 1.8em;
	font-weight:normal;
}

h3 {
	font-size: 1.3em;
}

.row {
	max-width: 100%;
}

.columns {
	padding: 0 !important;
}

.highlight {
	color: #f00;
}

.underline {
	text-decoration: underline;
}

.withBorder {
	border: 1px solid #d7cec8 !important;
}

input {
	width: 6em !important;
	display: inline !important;
	height: auto !important;
	box-shadow: none !important;
}

input.radioButton {
	width: auto !important;
}

input,
select {
	padding: 0.2em !important;
}

input,
select,
label {
	font-size:14px;
	height: 25px !important;
}

label {
	color: inherit;
	margin: 0;
	display: inline;
}

a {
	color: #1B6E0E;
	text-decoration: underline;
}

.ssilka{
	color: #ff7200;
	text-decoration: underline;
}

a:hover {
	color: #53961D;
	text-decoration: none;
}

a.ssilka:hover {
	color: #ff7200;
	text-decoration: none;
}

select {
	width: auto;
}

label {
	cursor: pointer;
}

.radioButton {
	cursor: pointer;
}

.rightLabel {
	margin-left: 6px;
	font-size: 16px;
}

.bulletless {
	list-style: none;
	margin: 0;
}


.bulletless > li.inp{
	margin-left: 1em;
}

#topLogo {
	/*background: url(../img/pfr.png) no-repeat;*/
	margin: 0 1.5em;
	width: 138px;
	height: 105px;
	margin-bottom: 1.8em;
}

.introText {
	color:#707070
}

div.descriptPage{
	background-color: #fff;
}
div.descriptPage p {
	/*text-indent:2em;*/
	line-height: 1.3em;
}	

div.descriptPage h1{
	color:#707070;
	font-size: 1.9em;
	text-align: center;
	font-weight:bold;
	margin-bottom: 0em;
}

div.descriptPage ul, div.descriptPage ol {
	margin-left:2.5em;
	line-height: 1.4 !important;
}

div.descriptPage table {
	font-size: 1.1em !important;
	margin-left:2.0em;
	margin-bottom: 1.25em;
}

div.descriptPage table td {	
	border: rgb(221, 221, 221) 1px solid;
}		

div.descriptPage span.small {
	font-size:0.9em;
}	

.qCont,
#pensionCalcResult,
.submitCont {
	margin: 1em !important;
	padding: 0.5em;
}



#pensionCalcResult{
	margin: 0 !important;
	padding: 0em;
}

.calcResult div{
	
}

.submitCont {
	padding: 0;
}

.qCont {
	margin: 1em !important;
	line-height: 1.7em;
	padding: 0.5em;
	padding-left: 130px;
	background-repeat: no-repeat;
	background-position: 0 top;
	border-radius:6px;
	-webkit-border-radius:6px;
	-moz-border-radius:5px;
	behavior: url(css/PIE.htc);
}

.qContOdd {

}

.qContOdd .withBorder {
	border-color: #c5bbae !important;
}

.qContEven {
}

.qContEven .withBorder {
	border-color: #d9d6d5 !important;
}

.genderCont {
	background: url("../img/people.png") bottom left no-repeat;
	min-height: 133px;
}

.qText {
	font-size: 1.2em;
	padding-right: 1em !important;
	padding-bottom: 1em !important;
}

.armyCont {
	background: url("../img/military.png") no-repeat;
	min-height: 106px;
	min-height: 137px;
}

.childrenCountCont {
	background: url("../img/child2.png") no-repeat;
	min-height: 94px;
}

.childrenVacCont {
	background: url("../img/family2.png") no-repeat;
	min-height: 154px;
}

.careerLengthCont {
	background: url("../img/worker.png") no-repeat;
	min-height: 157px;
}

.careerSelHoz{
	background: url("../img/selhoz.png") no-repeat;
	min-height: 136px;
}

.retireWorkWithoutPensionCont {
	background: url("../img/w_worker.png") no-repeat;
	min-height: 112px;
}

.feeCont {
	background: url("../img/card.png") no-repeat;
	min-height: 161px;
}

.personalTariffCont {
	background: url("../img/man3.jpg") 0px 22px no-repeat;
	min-height: 109px;
}

#pensionParams td {
	/*padding: 0.5em;*/
}

li {
	padding-top: 0.2em;
	padding-bottom: 0.2em;
}

#pensionFormQuestionsCont > li {
	padding-top: 1em;
}

ul, ol {
	padding-left: 1em;
	line-height: inherit !important;
}

ul ul {
	padding-left: 0;
}

.helpRevealer, .helpRevealer2 {
	display: inline-block;
	//display: inline;
	width: 25px;
	height: 26px;
	background: url("../img/question.png") no-repeat;
	margin-left: 0.2em;
	vertical-align: top;
}

.button,
.button:focus {
	/*background-color: #558d0a;
	border: 1px solid #45710a;
	border-radius:5px;
	-webkit-border-radius:5px;
	-moz-border-radius:4px;*/
}

.button:hover {
	/*background-color: #45710a;*/
}

#rightBlockCont {
	position: relative;
}

#pensionCalcResult {
	border-radius:6px;
	-webkit-border-radius:6px;
	-moz-border-radius:5px;
	background: #F3F3F3;
	behavior: url(css/PIE.htc);
}

#pensionCalcResult p,
#pensionCalcResult table {
	font-size: 14px;
}

#pensionCalcResult h2 {
	/*color: inherit !important;*/
	font-size: 1.2em;
}

#socialPensionWarning2, #socialPensionWarning, #alreadyPensioneer {
	font-size: 1.2em !important;
}	

#pensionParams {
	margin: 0;
	border: 0;
	
}

table,
td,
tr {
	background: none !important;
}
tr#pensionFromNewFormula,
tr#pensionIncluding,
tr#pensionDPart, 
tr#pensionIPart,
tr#pensionFromOldFormula {
	/*background-color: #fff !important;	*/
}



#pensionFromOldFormula{
	background: #eaede1 !important;
}

tr#pensionIncluding > td:first-child,
tr#pensionDPart > td:first-child, 
tr#pensionIPart > td:first-child {
	padding-left:1em;	
}

#pensionParams td {
	padding-bottom: 17px;
	padding-left: 13px;
}

#newCoefSumm div.calc, #personOS div.calc, .mid_form{
	vertical-align: top;
	background: url(../img/form_middle.png) center no-repeat !important;
	width:62px;
	height:25px;
	text-align: center;
}

#personOS div, #newCoefSumm div{
	display: inline-block;
	line-height: 21px;
}

#personOS div{
	line-height: 25px;
}

#personOS div.modal, #newCoefSumm div.modal{
	display: none;
	
}

#newCoefSumm{
	text-align: right;
	padding-right: 0px;
}

#personOS span{
	margin-right: 20px;
}


.max_form,
#pensionFromNewFormula div, 
#pensionDPart div,
#pensionIPart div, 
#pensionFromOldFormula div {
	background: url(../img/form_max_2.png) center no-repeat !important;
	width:162px;
	height:22px;		
	text-align: center;
	font-size: 17px;
	padding-top: 3px;
	
}

.max_form, .mid_form{
	display:inline-block;
	vertical-align: top;
	line-height: 25px;
	color:#000;
	padding-top: 0px;
}
.max_form{
	height: 25px;
}


#pensionFromNewFormula.calcResult{
	color:#000;
}



#calcDiff, #calcDiff_0 td {
	/*color: #71a500;*/
	color:#1b6e0e;
	font-size: 1.2em;
	
}

#calcDiff_0 td {
	padding-top: 34px;
	font-size: 1.1em;
	padding-bottom: 0px;
}

.close-reveal-modal {
	text-decoration: none;
}

.reveal-modal {
	font-size: 1.2em;
}

.qContEven .button {
	background-color: #d3c8c1;
	border-color: #806b5d;
	color: #000;
}

.qContEven .button:hover,
.qContEven .button:focus {
	background-color: #c0a999;
}

ul.inline {
	display: inline-block;
	//display: inline;
	vertical-align: middle;
	overflow: hidden;
}

ul.inline > li {
	display: block;
	float: left;
	margin-right: 1.5em;
	white-space: nowrap;
}

.impP {
	border: 1px solid #ffde9d;
	background-color: #fff2d8;
	padding: 0.7em;
	font-size: 1.2em;
}

#calcParamsCont {
	font-size: 12px;
	background:#f5f5f5;
	border-radius: 6px;
	-webkit-border-radius: 6px;	
	text-align:left;
	behavior: url(css/PIE.htc);
	
}


#calcParamsCont table {
	border: 0;
	margin-bottom:0px;
}

#calcParamsCont table td {
	border-bottom: 1px solid #fff;
	border-top: 1px solid #fff;
	padding-bottom: 0.8em;
}

.h_29 {
	display: none;
}

.title{
	background: url(../img/bg_header.png) repeat-x;
	color:#fff;
	font-size:16px;
	padding-top:16px;
	text-align:center;
	margin-bottom: 1em;
	height:127px;
}
.title h1{
	color:#fff;
	font-size:40px;
	text-shadow: 0px -1px 2px rgba(135, 97, 22, 0.75);
	margin:0px;
	text-transform:uppercase;
}

.title p{
	margin: 0 auto;
	max-width: 645px;
	line-height: 19px; 
}
.wrapper{
	max-width: 1366px;
	margin: 0 auto;
}

.img_panel{
	float:left;
	margin-right: 2.5em;
	margin-bottom: 2em;	
	width:163px;
}

.woman{
	/*background: url(../img/woman.png) left bottom no-repeat;*/
	min-height: 278px;	
}
.descr{
	color:#6c812c;
	font-size:16px;
}

.title_words{
	/*background: url(../img/pension_title.png) no-repeat;*/
	margin: 0 auto;
	max-width:100%;
	height:37px;
	margin-bottom: 12px;
}

.title_words img{
	max-width:100%;
}


.title_words2{
	/*background: url(../img/mintrud_orange.jpg) no-repeat;*/
margin-right: 153px;
	Float: left;
	
}

.title_words2 img{
	max-width:100%;
}


.darker{
	background: #f3f3f3 url(../img/gray3.png) top center repeat-x;
	border-bottom: 1px solid white;
}
.shadow{
	background: url(../img/big_shadow.png) top center no-repeat;
	width: 100%;
	height:22px;

}
.light{
	background:#f5f4ee url(../img/border-bottom2.png) bottom repeat-x;;
}


.white_bg{
	border-left:1px solid #fff;
	border-top:1px solid #fff;
	border-bottom:1px solid #fff;
	border-top-left-radius: 1px;
	border-bottom-left-radius: 1px;
	behavior: url(css/PIE.htc);
}


.white_bg_right{
	border-right:1px solid #fff;
	border-top:1px solid #fff;
	border-bottom:1px solid #fff;
	border-top-right-radius: 1px;
	border-bottom-right-radius: 1px;
	behavior: url(css/PIE.htc);
}



.man_choose{
	background: url(../img/man3.png) left bottom no-repeat;
	padding-left: 20px;
	margin-right:0.5em !important;
	font-size: 0.8em;
	padding-top: 23px;
	
}
.woman_choose{
	background: url(../img/woman3.png) left bottom no-repeat;
	padding-left: 20px;
	padding-top: 23px;
	font-size: 0.8em;
	
}

.contain{
	background: url(../img/form_bg_2.png) top center; 
	border:1px solid #fff;
	margin: 20px 10px 0px 10px;
	border-radius: 6px;
	-webkit-border-radius: 6px;	
	behavior: url(css/PIE.htc);
	padding:1em;
}

.contain.row .columns{
	padding-right: 0em !important;
}

#pensionForm ul{
	padding-left:0px;
	
}

#pensionForm{
	color:#707070;
}

#birthDate{
	border:none;
	background: url(../img/form_big.png) center no-repeat;
	text-align: center;
	width:102px !important;
	color: #676767;
	margin-top: 0.5em;
}

#childrenCount, #childrenVac{
	border:none;
	background: url(../img/form_middle.png) center no-repeat;
	text-align: center;
	width:62px !important;	
	color: #676767;
	margin-top: 0.5em;
}

#careerLength{
	border:none;
	background: url(../img/form_small.png) center no-repeat;
	text-align: center;
	width:52px !important;	
	color: #676767;
	margin-top: 0.5em;
}

#fee{
	border:none;
	background: url(../img/form_max.png) center no-repeat;
	text-align: center;
	width:152px !important;	
	color: #676767;	
	margin-top: 0.5em;
}

.trigger, .close, .open{
	background: url(../img/close.png) 0 0 no-repeat;
	width:34px;
	height:34px;
	float: left;
	margin-top: 0.5em;	
	margin-left:0.8em;
	cursor:pointer;
}

.close{
	background: url(../img/close.png) 0 0 no-repeat;
}
.open{
	background: url(../img/open.png) 0 0 no-repeat;
}
#calcParamsCont h3, #pensionParams h2{
	color: #1b6e0e;
	font-size: 12px;
	font-weight: normal;
	height: 50px;
	margin-bottom: 0px;
	padding-left: 55px;
	padding-top: 0.5em;
	padding-bottom: 10px;
	line-height: 20px;
	
}

#pensionParams h2{
	font-size: 16px;
	text-align: center;
	padding-right: 26px;
}

#pensionParams table{
	border:none;
	border-top: solid 1px #fff;
	width: 100%;
}

#calcParamsCont table tr th, table tr td{
	margin-bottom:0px;
}



#calcParamsCont table tr td{
	padding:8px 4px 6px 6px !important;
}

#calcParamsCont table tr td.fem_13{
	font-size:13px;
	border-left:2px solid #fff;
}

#enterGenderWarning, #enterBYWarning, #enterBYWarning2, #enterBYWarning3, #wrongFee, #socialPensionWarning2, #socialPensionWarning2, #socialPensionWarning, #enterParamsWarning, #alreadyPensioneer{
	padding: 30px 10px;
	color: #980E13;
	text-align:left;
}

#enterGenderWarning p, #enterBYWarning p, #enterBYWarning2 p, #enterBYWarning3 p, #wrongFee p, #socialPensionWarning2 p, #socialPensionWarning p, #enterParamsWarning p, #enterParamsWarning p, #alreadyPensioneer{
	margin:0px !important;
}

#enterParamsWarning{
	/*color: #e9a501;*/
	color:#ff7200;
	background: #EAF0F2;
	padding: 30px 20px;
	font-size:16px !important;
	
}

#socialPensionWarning, #socialPensionWarning2{
	font-size:12px !important;
}

#pensionParams table tr th{
	padding-left: 0 !important;
}

.hide{
	display:none;
}

.big_button_c{
	width:100%;
	/*max-width:650px;*/
	padding-left: 0px;
	background: url(../img/left_corner.png) 0px 22px no-repeat;	
}
.big_button{
	background: url(../img/right_corner.png) 100% 1px no-repeat;
	width:100%;
	height:90px;
	text-align:center;
	line-height: 44px;
	padding-right: 16px;
	padding-top: 0px;
	margin-top: 21px;
	margin-left: 6px;
	-moz-box-sizing: border-box;
	box-sizing: border-box;	
}

.submitCont.big_button{
	width: 70%;
	margin-left: 0px !important;
	margin-top: 1.5em !important;	
}

.big_button a, .big_button a.scale {
	text-decoration:none;
	background: url(../img/left.png) center left no-repeat;
	display: inline-block;
	height:91px;
	padding-left: 5px;
	width:100%;
	font-size: 16px;
	text-shadow: 1px 1px 1px #fff;
}

.big_button a.scale{
	background: url(../img/center_bg.png) center left repeat;
}



.big_button a:hover{
	color:#e9a501
}

.small-12.big_button{
	width:173px;
	
	
}
.border{border-bottom: 1px solid #CFCFCF;}

#performCalc{/*width:auto*/}

.lh_11{line-height: 1.1em;}
.tar{text-align:right}
.tal{text-align:left}
.tc{text-align:center}
.dib{display:inline-block}

.m_m{margin: 0 1.5em;}

.fs_18{font-size:18px}
.fs_24{font-size:24px}

.fem_07{font-size: 0.7em;}
.fem_11{font-size: 1.1em;}
.fem_12{font-size: 1.2em;}
.fem_13{font-size: 1.3em;}
.fem_14{font-size: 1.4em;}
.fem_18{font-size: 1.8em;}

.fw_b{font-weight:bold}

.w_100{width:100%}
.w_50{width:50%}
.w_80{width:80%}
.w_49{width:49%}
.w_40{width:40%}

.mb_0{margin-bottom:0px;}

.bg_w{background:#ffffff}


.gray{color:#707070}
.dark_gray{color:#363636}
.darker_gray{color:#464646}
.light_gray{color:#b6b6b6}
.orange{color:#ff7200}
/*.green{color:#71a500}*/

.green{color:#1b6e0e}

.red{color:#980e13}

.bg_blue{background: #eaf0f2 !important}

.fl{float:left}
.fr{float:right}

.cb{clear:both}

.bg_table{
	background: url(../img/bg_table.png) center left !important ;	
}
.bg_table2{
	background: #EAEDE1 !important;	
}
.clearfix {
	display: block;
}
 
.clearfix:after {
	clear: both;
	content: ".";
	display: block;
	height: 0;
	visibility: hidden;
}

.row{
	width:auto !important
}


.dialog_right, .dialog_left{
	background: #f3f3f3;
	border: 2px solid #fff;
	border-radius: 11px;
	behavior: url(css/PIE.htc);
	padding: 14px;
	position: absolute;
	width: 395px;
	-webkit-box-shadow: 3px 5px 5px rgba(0, 0, 0, 0.25);
	-moz-box-shadow: 3px 5px 5px rgba(0, 0, 0, 0.25);
	box-shadow: 3px 5px 5px rgba(0, 0, 0, 0.25);	
}

.ui-dialog-titlebar{
	background: #f3f3f3;
}

.pointer_l, .pointer_r{
	background: url("../img/pointer_sh.png") no-repeat;
	height: 7px;
	left: 2%;
	position: absolute;
	width: 16px;
	top: 100%;

}
.pointer_r{
	left: 95%;
}
.pr{position:relative}

.dialog_style{
	top:14%;
	left:30%;
}


.pr_1{padding-right: 1em !important;}

.pattern{
	background: url("../img/pattern.png");
	border-top:2px solid #fff;
	padding: 3em 1.5em 0em 1.5em;
}
.form_str{
	/*color:#e9a501;*/
	color:#FF7200;
	border:1px solid #FF7200;
	max-width:295px;
	min-width: 251px;
	height:34px;	
	line-height: 34px;
	text-align: center;		
}
.formula span{
	vertical-align: top;
	display: inline-block;
	padding-top: 5em;	
}


.modal  {
   display: none;
	
}

.modal p{
	font-size: 12px !important;
	line-height: 16px;	
	padding-right:1em;  
	text-align:justify;
}

#pensionParams .modal{
	width:566px;
	text-align:left;
	left:0px;
	right: -191%;
}

#resultCoefHelp{
	right: 3% !important;
}

.close_modal{
	display: block;
	text-align: right;	
	
	position: absolute;
	top: 7px;
	left: 95%;	
}

.mar{
	margin-left:-8px;
}

.submitCont.big_button_s .jQueryTextShadow{
	width:356px !important;
}


@media only screen and (max-width: 55em){
        .big_button a.scale{
            /*font-size: 0.9em !important;*/
        }
    
}


@media only screen and (max-width: 1250px) and (min-width: 1020px){
        #calcParamsCont h3, #pensionParams h2{
        	line-height:16px;        	
        }
        .big_button a.scale{
            font-size: 12px !important;
        }   
        .big_button_s{
        	background-position:100% 2px;
        }   
        #performNewCalc{
        	font-size: 12px !important;
        }        
}

@media only screen and (max-width: 1020px) and (min-width: 800px){
        #calcParamsCont h3, #pensionParams h2{
        	line-height:16px;        	
        }
        .big_button a.scale{
            font-size: 11px !important;
        }
        .big_button_s{
        	background-position:100% 1px;
        }          
        #performNewCalc{
        	font-size: 12px !important;
        }             
}




@media only screen and (max-width: 950px) and (min-width: 800px){
        .fl, .fr{
            float:none;
            width:100%;
        }
        .fr{ padding-top: 10px;}
        .fl{padding-right: 0px;} 
        #calcParamsCont h3, #pensionParams h2{
        	line-height:12px;        	
        }
        .big_button a.scale{
            font-size: 13px !important;
        } 
        #performNewCalc{
        	font-size: 13px !important;
        }        

}

@media only screen and (max-width: 800px){
        .cl, .cr, .cl2, .cr2{
            float:none;
            width:100%;
        }
        .cr {padding-left:0px;} 
        
        .big_button a{
            font-size: 19px !important;
        }  
        #calcParamsCont h3, #pensionParams h2{
        	line-height:21px;        	
        }              
}

@media only screen and (max-width: 800px) and (max-width: 600px){
        .big_button a{
            font-size: 19px !important;
        }             
}

@media only screen and (max-width: 600px){
        .big_button_s a{
            font-size: 16px !important;
        }              
}

@media only screen and (max-width: 650px){
        .big_button_s a{
            font-size: 13px !important;
        }             
}

@media only screen and (max-width: 920px) and (min-width:800px){
		
		        	 
                 
}


@media only screen and (max-width: 641px){
        .genderCont, 
        .armyCont, 
        .childrenVacCont, 
        .childrenCountCont, 
        .careerLengthCont, 
        .retireWorkWithoutPensionCont, 
        .personalTariffCont, 
        .feeCont
        {
           background: none !important;
        }   
        .genderCont div, 
        .armyCont div, 
        .childrenVacCont div, 
        .childrenCountCont div, 
        .careerLengthCont div, 
        .retireWorkWithoutPensionCont div, 
        .personalTariffCont div, 
        .feeCont div
        {
           padding-left: 0px !important;
        }
        #fee{
        	background: url(../img/form_middle.png) center no-repeat !important;
        	width: 62px !important;
        }
        body{
           font-size: 13px !important;
        } 
        
        /*#calcParamsCont h3, #pensionParams h2{
        	line-height: 14px;
        }*/
        
		.big_button_s a {
			font-size: 12px !important;
		}

                                     
}


@media only screen and (max-width: 439px){
		.big_button_c .big_button_s a {
			font-size: 9px !important;
		}
        .big_button_c  .big_button_s{
        	background-position:100% 3px;
        } 		        
		.big_button_c {
			background-position:0 24px;
		}		
                                     
}


@media only screen and (max-width: 400px){
        #calcParamsCont h3, #pensionParams h2{
        	line-height: 14px;
        }
		.big_button_c .big_button_s a {
			line-height: 20px;
			padding-top: 11px;
		}
		
		.big_button_c{
			background-position: 0 27px !important;
		}
        .big_button_c  .big_button_s{
        	background-position:100% 6px;
        	white-space: normal;
        	
        } 		        
		.big_button_c {
			background-position:0 24px;
		}	
			
         .big_button_c  .big_button_s a span{
			width: 166px;
			display: inline-block			
        	
        } 	              
                       
}
