*{ font-family: inherit; font-size: 100%; line-height: inherit; margin: 0; padding: 0; outline: 0; border: 0; vertical-align: baseline; }
:focus{outline: 0; outline-offset:0;}
*, :before, :after { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}

body, header, footer, section, footer, nav, aside{display: block; position: relative;}

/* structure */
html,body{height:100%}
body{width:100%;min-height:100%;margin:0;padding:0;background:#f4f4f4;color:#444; font:normal 100% arial, tahoma; line-height:1; overflow: scroll; position: relative; z-index: 1;}
body {font-family: "wf_SegoeUILight";}

@font-face{
	font-family: 'wf_SegoeUILight';

	src:url('/css/Segoe_UI_Cyrillic_Light.eot');
	src:url('/css/Segoe_UI_Cyrillic_Light.eot?#iefix') format('embedded-opentype'),
		url('/css/Segoe_UI_Cyrillic_Light.woff') format('woff'),
		url('/css/Segoe_UI_Cyrillic_Light.ttf') format('truetype'),
		url('/css/Segoe_UI_Cyrillic_Light.svg#web') format('svg');
	font-weight: normal;
	font-style: normal;
}



table {border-collapse: collapse; border-spacing: 0;}
th, td{text-align: left; vertical-align: top; font-weight: normal;}

ul{margin:0 0 0 1.4em;}

a{color:#288c76;}
a:hover{text-decoration: none;}

/* floats & position*/
.rel{position:relative;}
.abs{position:absolute;}
.fl{float:left !important;}
.fr{float:right !important;}
.cf:before, .cf:after { content: " "; display: table; clear: both; }
.cf { *zoom: 1;}

.w-50{float:left; width: 50%;}

/* alings */
.aleft{text-align: left !important;}
.aright{text-align: right !important;}
.acenter{text-align: center !important;}
.amiddle, .amiddle > *{vertical-align: middle !important;}
/* show-hidden */
.on{display:block !important;}
.off{display:none !important;}
/* debug and another */
.nobr{white-space:nowrap;}
.free{padding:0 !important; margin:0 !important; border:none !important;}
.z{background: red !important;} /* for debug */

/* */
.wrap{display: block; width: 100%; max-width:620px; min-width: 320px; margin: 0 auto; padding:0 10px;}
.wrap-header{display: table; width: 100%; max-width:1100px; height: 100%; margin: 0 auto;}

header{background: #FFF; box-shadow: 0 2px 2px #EFEFEF; padding:10px;}
header .logo-event{display: block; width: 279px; height: 84px; margin-top:8px; background: url(/img/top-logo.png) left center no-repeat;}
header .menu-top{margin-top:25px;}
header .menu-top a{display: inline-block; text-decoration: none; margin-left:1.5em; font: 700 16px arial, sans-serif; color:#444; line-height: 30px;}
header .menu-top a.cur, header .menu-top a:hover{color:#AE4A84;}
header .menu-top a.btn-green{background: #AE4A84; color:#FFF; padding:0 10px;}
header .logout{display: inline-block; color:#888; font-size: 12px; margin:35px 0 0 2.2em;}

/* part - reg */
#part-reg h2{font:300 250% 'Roboto', arial, sans-serif; margin:0.5em 0;}
#part-reg .point-list > div{position: relative; border-left:solid 1px #d8d8d8; margin-left: 22px; padding: 10px 0 0 30px;}
#part-reg .point-list > div:first-child{padding-top:0;}
#part-reg .point-list > div > i{display: block; position: absolute; left:-22px; top:0; width: 42px; height: 42px; background: url(/img/point-list.png) center top no-repeat; margin-top:10px; cursor: pointer;}
#part-reg .point-list > div:first-child > i{margin-top:0;}
#part-reg .point-list > div.open > i{background-position: center bottom;}

#part-reg .pl-title{display: inline-block; color:#AE4A84; font:bold 20px arial; line-height: 1; margin:10px 0; cursor: pointer; border-bottom:dashed 1px #9C9C9C;}
#part-reg .pl-status{display: inline-block; font:italic bold 14px arial; margin-left:10px;}
#part-reg .pl-ok{color:#80b250;}
#part-reg .pl-err{color:#AE4A84;}
#part-reg .pl-red{color:#AE4A84;}
#part-reg .pl-cont{display: none; padding:10px 0 20px;}
#part-reg .open .pl-cont{display: block;}
#part-reg .pl-note{font: italic 14px arial; line-height: 1.6;}

#part-reg input[type="text"], #part-reg input[type="password"], #part-reg textarea{ font-family: 'Roboto', arial, sans-serif; font-size: 18px; color:#c6c6c6; width: 99.4%; outline: solid 1px #dfdfdf; height: 50px; line-height: 50px; padding:0 10px; margin:25px 1px 1px; border-right:solid 8px #b6b6b6;}
#part-reg textarea{height: 8em; padding:10px; line-height: 1.2; border: none; resize:none;}
#part-reg input[type="text"]:focus, #part-reg input[type="password"]:focus{color:#444; border-right:solid 8px #b6b6b6 !important;}
#part-reg textarea:focus{color:#444;}
#part-reg input.pl-required{border-right:solid 8px #AE4A84;}
#part-reg input.pl-done{border-right:solid 8px #80b250;}
#part-reg .pl-ph{position: absolute; margin-top: -64px; font-size: 11px; line-height: 1; color:#a6a6a6; display: none; padding-left:2px;}
#part-reg input[placeholder]:focus + .pl-ph{display: block;}

#part-reg input[type="text"].promo{border-right:none !important; text-align: center;}
#part-reg .sm-width{width: 60%; margin:0 auto;}
#part-reg .sm-width p{line-height: 1.6;}
#part-reg .sm-code{margin-top:25px; padding:0 10px; color:#BBB; font:700 180% 'Roboto', arial, sans-serif; line-height: 50px;}


#part-reg .btn{display: inline-block; background-color:#AE4A84; color:#FFF; font:300 150% 'Roboto', arial, sans-serif; min-width: 200px; text-align: center; line-height: 50px; height:50px; padding:0 10px; text-decoration: none; }
#part-reg .btn:hover{background-color:#D44698; }
#part-reg .disabled{background-color:#CECECE !important;}

#part-reg .pl-cont p, #part-reg .mrt{margin-top:25px;}
#part-reg .pl-cont > p:first-child{margin:0;}

/* radio & checkbox */
#part-reg input[type="checkbox"], #part-reg input[type="radio"]{display: none;} 
#part-reg label{display: inline-block; position: relative; padding-left:30px; line-height: 20px; min-width:100px; cursor: pointer; margin-right:20px;}
#part-reg label i{display: block; position: absolute; left:0; top:0; width: 20px; height: 20px; background: url(/img/checkbox-label.png) center bottom no-repeat;}
#part-reg input[checked] + label i{background-position:center top; }

#part-reg .sub-area{padding:10px 10px 10px 20px; background-color: #e7eeeb;}

#part-reg .p-float p{float:left;}

#part-reg .spec label{min-width: 1px; margin-right: 0;}
#part-reg .spec{line-height: 1.5;}
#part-reg .add-links{padding:25px 0; margin:50px 0 0; border-top:solid 1px #DFDFDF; font-size: 95%;}

#part-reg .add-links > a, #part-reg .a-gray{display: inline-block; font-size: 85%; padding:0 15px; color: #444; border-left:solid 1px #444;}
#part-reg .add-links > a:first-child, #part-reg .a-gray:first-child{border-left: none;}

/* popup-styles */
.win-popup{position: relative; background: #FFF; max-width: 720px; padding:4%; border: solid 1px #dfdfdf; font-size: 14px; line-height: 1.6;}
.win-popup a.btn-close{position: absolute; display: block; right:10px; top:10px; width: 20px; height:20px; background: url(/img/btn-close.png) center center no-repeat;z-index:999999;}
.win-popup h2{color:#AE4A84; font:bold 20px arial; line-height: 1; margin-bottom: 1em;}
.win-popup strong{font-size: 105%;}


/* verification image */
.verification {
	cursor:pointer;
}

#thawteseal {
	position:absolute;
	bottom:5px;
	left:5px;
}