@import url(https://fonts.googleapis.com/css?family=Roboto:700,400&subset=latin,cyrillic);
@import url(https://fonts.googleapis.com/css?family=PT+Serif:400italic&subset=latin,cyrillic);

*{ 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:96A1A7; font:normal 100% arial, tahoma; line-height:1; overflow: scroll; position: relative; z-index: 1;}

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:#96A1A7;}
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: 220px; height: 80px; margin-top:5px; background: url(/img/top-logo-event.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:96A1A7; line-height: 30px;}
header .menu-top a.cur, header .menu-top a:hover{color:#EA3C00;}
header .menu-top a.btn-green{background: #EA3C00; 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:#888; 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:#EA3C00;}
#part-reg .pl-err{color:#d84d45;}
#part-reg .pl-red{color:#d84d45;}
#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="file"], #part-reg input[type="password"], #part-reg textarea, #part-reg select{ font-family: 'Roboto', arial, sans-serif; font-size: 18px; color:#000; 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 select{margin:5px 1px 25px 1px;}*/
#part-reg input[type="file"] {width:50%;}
#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, #part-reg select:focus{color:96A1A7; border-right:solid 8px #b6b6b6 !important;}
#part-reg textarea:focus{color:96A1A7;}
#part-reg input.pl-required, #part-reg select.pl-required{border-right:solid 8px #d84d45;}
#part-reg input.pl-done, #part-reg select.pl-done{border-right:solid 8px #EA3C00;}
/*#part-reg .pl-ph{position: absolute; margin-top: -64px; font-size: 11px; line-height: 1; color:#a6a6a6; display: none; padding-left:2px;}*/
#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, #part-reg select:focus + .pl-ph{display: block;}
/* 31.03.2017 */
#part-reg .pl-ph{display:block !important;} /* СДЕЛАЛ, ЧТОБЫ НАЗВАНИЕ ПОЛЯ БЫЛО ВСЕГДА */

#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:#EA3C00; 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:#FF561C; }
#part-reg .btn.gray{background-color:#888;}
#part-reg .btn.gray:hover{background-color:#666;}
#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:45px; 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: 96A1A7; border-left:solid 1px 96A1A7;}
#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:#EA3C00; font:bold 20px arial; line-height: 1; margin-bottom: 1em;}
.win-popup strong{font-size: 105%;}


/* verification image */
.verification {
	cursor:pointer;
}