@font-face {
    font-family: 'RobotoCondensed';
    src: url('font/Roboto-Condensed-webfont.eot');
    src: url('font/Roboto-Condensed-webfont.eot?#iefix') format('embedded-opentype'),
         url('font/Roboto-Condensed-webfont.woff') format('woff'),
         url('font/Roboto-Condensed-webfont.ttf') format('truetype'),
         url('font/Roboto-Condensed-webfont.svg#RobotoCondensed') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'RobotoLightItalic';
    src: url('font/Roboto-LightItalic-webfont.eot');
    src: url('font/Roboto-LightItalic-webfont.eot?#iefix') format('embedded-opentype'),
         url('font/Roboto-LightItalic-webfont.woff') format('woff'),
         url('font/Roboto-LightItalic-webfont.ttf') format('truetype'),
         url('font/Roboto-LightItalic-webfont.svg#RobotoLightItalic') format('svg');
    font-weight: normal;
    font-style: normal;

}


body{ margin-left:0; margin-top:30px}
img{ border:0}
.wrapp-bg{ width:1017px; height:686px; margin:auto; background-image:url(img/bg.jpg); background-size:auto; background-repeat:no-repeat; padding:0 25px; box-sizing:border-box; -moz-box-sizing: border-box; overflow:hidden}
.logo{position:absolute; display:block; border:0 }
.cont-form{ position:relative; top:407px;  background-image:url(img/bg-wrap-form.png); padding:25px 35px 0; box-sizing:border-box; -moz-box-sizing:border-box; height:210px}
.cont-form ul{ overflow:hidden; list-style:none; padding:0; margin:0}
.cont-form li{ float:left; margin:0 0 0 45px}
.cont-form li p{ padding:0; margin:13px 0 0 0; font-family: 'RobotoCondensed'; font-size:16px; color:#666666}
.cont-form li a{text-decoration:none; color:#666666}
.cont-form li p:first-child{margin-top:0}
.cont-form li:first-child{ margin-left:0}
.form-list{ list-style:none; padding:0; margin:0; width:190px}
.form-list li{float:none; margin:0 0 10px 0; padding:0}
.form-list li input{ padding:0 0 0 10px; margin:0; border:1px solid #ececec; height:35px; line-height:35px; width:100%; box-sizing:border-box; -moz-box-sizing:border-box; box-shadow: inset 2px 2px 8px 2px  #ececec; -moz-box-shadow: inset 2px 2px 8px 2px  #ececec; -webkit-box-shadow: inset 2px 2px 8px 2px  #ececec}
.cont-form-lost{ position:relative; top:427px;  background-image:url(img/bg-wrap-form.png); padding:20px 35px 0; box-sizing:border-box; -moz-box-sizing:border-box; height:210px}

.form-list-lost{ list-style:none; padding:0; margin:0; width:400px;}
.form-list-lost li{float:none; margin:0 0 5px 0; padding:0}
.form-list-lost li input{ padding:0 0 0 10px; margin:0; border:1px solid #ececec; height:27px; line-height:27px; width:100%; box-sizing:border-box; -moz-box-sizing:border-box; box-shadow: inset 2px 2px 8px 2px  #ececec; -moz-box-shadow: inset 2px 2px 8px 2px  #ececec; -webkit-box-shadow: inset 2px 2px 8px 2px  #ececec}
.form-list-lost li p{ padding:0; margin:0; font-size:12px; color:#004d9d; font-family: 'RobotoLightItalic';}

.button-ok{text-decoration: none; display:block; width:100%; height:35px; line-height:35px; text-align:center; background-color:#bcd502; color:#FFF !important; font-size:24px; font-family: 'RobotoCondensed'}
.button-ok a{ text-decoration:none; color:#fff !important}
.form-list li p{ padding:0; margin:0; font-size:12px; color:#004d9d; font-family: 'RobotoLightItalic';}
.footer{ position:relative; background-color:#004d9d; height:45px; line-height:45px; width:100%; top:425px; padding:0 20px; margin:0; box-sizing:border-box; -moz-box-sizing:border-box}
.footer-lost{ position:relative; background-color:#004d9d; height:45px; line-height:45px; width:100%; top:431px; padding:0 20px; margin:0; box-sizing:border-box; -moz-box-sizing:border-box}

.footer ul ,.footer-lost ul{ overflow:hidden; margin:0; padding:0; list-style:none; width:100%}
.footer li ,.footer-lost li{float:left; width:49.9%; font-family: Gotham, Helvetica Neue, Helvetica, "Arial", sans-serif; font-size:14px; color:#fff}
.footer li img, .footer-lost li img{ float:right; margin-top:12px; }
.footer li a, .footer-lost li a{ text-decoration:none; color:#FFFFFF;}
.cont-pop{width: 500px; height: 50px;  background-color: #fff; position: absolute; top: 380px; padding: 0;  margin-left:250px; border:2px solid #004d9d}
.warningbox {text-align:center;	background-color:#fff; font-family: "Trebuchet MS", Arial, sans-serif; font-size: 12px; color: #000; width: 500px;	height:50px; line-height:50px;}
.successbox {text-align:center;	background-color:#fff; font-family: "Trebuchet MS", Arial, sans-serif; font-size: 12px; color: #000; width: 500px;	height:50px; line-height:50px;}