@charset "utf-8";
/**
* @author:Grzegorz Frydrychowicz
*/

/* clear style:start nie zmieniac */
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, p, blockquote, th, td {margin:0;padding:0}table {border-collapse:collapse;border-spacing:0}fieldset, img { border:none }address, caption, cite, code, dfn, em, strong, th, var {font-style:normal;font-weight:normal}strong { font-weight:bold }ol, ul { list-style:none }caption, th, body { text-align:left }h1, h2, h3, h4, h5, h6 {font-size:100%;font-weight:normal}q:before, q:after { content:'' }abbr, acronym { border:0 }.clear {clear:both;height:0;font-size:0; overflow:hidden;}a img { border:none }.alt { display:none; }
/* clear style:end */

body{
background: #0d4067;
font-family: Arial;
font-size: 11px;
color:#fff;
}
#content{
background:#0d4067 url(../../img/landing4/bg/wr-bg.gif) top center repeat-y;

}
.mainWrapper .wrapper{
width:996px;
margin: 0px auto;
}
#content .wrapper{
background:url("../../img/landing4/bg/main-bg.jpg") no-repeat scroll 0 0 transparent;
text-align: left;
}

#footer{
background:#0d4067 url(../../img/landing4/bg/footer-bg.gif) top center no-repeat;
text-align: center;
}
#footer .wrapper{
padding: 20px 0px;
text-align: left;
}
.leftCol{
margin: 0px 0px 0px 18px;
display: inline;
float: left;
max-width: 480px;
}
.rightCol{
float: left;
display: inline;
width: 478px;
margin-left:30px;
}
.logo{
height: 116px;
padding-left: 60px;
}
.logo a{
outline: none;
}
.loginBox{
height: 50px;
background:url(../../img/landing4/bg/login-bg.png) top right no-repeat;
}
.loginWrapper{
padding:7px 0px 0px 263px;
font-size:14px;
}
.loginWrapper a{
color:#f8db55;
text-decoration: none;
}
.steps{
padding-top:310px;
max-width:480px;
padding-left:0px;
font-size: 14px;
}
.textBoxes{
clear:both;
padding:10px 0px 30px 18px;
}
.textBoxes .textBox{
width: 300px;
float: left;
padding-right:30px;
color:#fff;
font-size:12px;
}
.textBoxes .textBox .tBoxTitle{
font-size: 16px;
padding-bottom: 10px;
}
.textBoxes .last{
padding-right: 0px;
}
/* form */
.formTitle{
background:url(../../img/landing4/form/form-title-bg.png) top right no-repeat;
font-size: 22px;
font-weight: bold;
color:#1c345a;
padding:6px 0px 6px 40px;
margin-bottom:3px;
}
.formTitle span{
color:#ce0303;
}
#form1{
max-width:445px;

}

#form1 .formContent{
background:url(../../img/landing4/form/form-middle-bg.gif) top right no-repeat;
padding: 13px 20px 13px 20px;
/*min-height: 405px;*/
}

.pWFormPassword input,
.pWFormText input,
.pWFormSelect select{
border-top:1px solid #b2b2b2;
border-right:1px solid #f3edd4;
border-bottom:1px solid #fff;
border-left:1px solid #f0f0f0;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
max-width:238px;
padding:8px 5px;
font-size:14px;
font-family: Arial;
color:#0d4067;
margin-bottom:2px;
}
.pFormElement{
padding-bottom: 10px;
}
.pFormElement label,
.shnFormPartDescCont{
float: left;
display: inline;
max-width:130px;
text-align: right;
font-size: 15px;
color:#000;
padding-top: 6px;
}
.slider-checkbox label.pFormLabel{
    float:none;
    width:auto;
}
.slider-checkbox #notifications{
    margin-right:10px;
}
.pFormElement .pWrapper,
.pFormDescription{
float:right;
width:266px;
}
.pFormDescription{
color:#707070;
font-size:10px;
}
.shnFormPartContent label,
.shnFormPartContent .pFormElement,
.shnFormPartContent .pWFormSelect,
.shnFormPartContent select{
width:auto;
float: none;
}
.shnFormPartContent{
float:right;
width:266px;
}
.shnFormPartContent .pElementFormSelect{
float: left;
display: inline;
padding-right: 10px;
}
.savebtn{
background:url(../../img/landing4/btn/register-btn.png) top right no-repeat;
width: 180px;
height: 41px;
display: inline-block;
float:right;
outline: none;
margin-right:28px;
}
.savebtn span{
display: none;
}
.pFormElement label.errormsg,
.shnFormPartContent label.errormsg{
background: #ce0303;
padding: 3px 3px;
width: auto;
text-align: left;
color:#fff;
font-size:10px;
display: block;
}
.shnFormPartContent label.errormsg{
width: 65px;
}
.shnFormPartContent label{
display: none;
}
#birthdate-label,
#pFormElId_nobot{
display: none;
}
#day,
#month,
#year{
width:75px;
}
#day{
width: 65px;
}
.shnFormPartContent .pFormElement label.errormsg{
/*display: none !important;*/
width: auto;
display: inline;
}
#birthdate-element .errormsg{
clear:both;
margin-bottom:5px;
}
#pFormElId_day,
#pFormElId_month,
#pFormElId_year{
padding-bottom:3px;
width: 77px;
float:left;
display: inline;
}
#pFormElId_day{
width: 67px;
}
#pFormElId_year{
padding-right: 0px;
}
#policy{

text-align: right;
padding-right:25px;
width: 350px;
}
#footer .menu{
float:left;
display: inline;
max-width:500px;
padding-left: 40px;
}
#footer .menu li{
float: left;
display: inline;
margin-right: 10px;
}
#footer .menu li a{
color:#fff;
text-decoration: none;
}
#footer .menu li a:hover{
text-decoration: underline;
}
.copyright{
float: right;
display:inline;
padding-right: 40px;
color:#fff;
}
.xTitle{
font-size:29px;
font-weight: bold;
display: block;
text-align: left;
color:#fff0ca;
}
.xTitle2{
font-size:20px;
font-weight: bold;
display: block;
text-align: left;
color:#fff0ca;
padding-bottom: 10px;
}
.xTitle, .xTitle2{
text-shadow: #000 1px 1px 2px;
}
.xDesc{
margin-left: 20px;
margin-bottom: 20px;
display: block;
}
.xDesc li{
list-style-type: decimal;
font-size: 14px;
padding: 3px 0px;
}
.pFormElement br {
    display: none;
}
.pWFormRadio label{
    text-align: left;
}

.block-top-info {
padding: 10px 30px;
text-align: right;
}


/* h1 */
.mainTitle{
font-size: 20px;
font-weight: bold;
color:#fff;
/*padding:6px 0px 6px 40px;*/
padding: 0px;
margin-bottom:3px;
text-align: center;
max-width: 452px;
}
.mainTitle span{
color:#ce0303;
}

.login-from{
    width:100%;
}
.register-facebook{
    text-align: center;
}
.register-facebook .btnFacebook {
    background-color: #5E7DAE;
    border: 1px solid #1F4774;
    color: #FFFFFF;
    cursor: pointer;
    display: inline-block;
    height: 20px;
}
.register-facebook .btnFacebook span {
    padding: 0 10px;
    position: relative;
    color:#ffffff !important;
    top: -5px;
    font-weight: bold;
}
.pWrapper.pWFormSubmit{
    margin:0 auto;
    float:none;
}
@media only screen and (max-width : 1024px){
    #content{
        background:none;
    }
    .rightCol{
        display:none;
    }
    .leftCol{
        float:none;
        margin:0 auto;
        display:block;
    }
    .textBoxes{
        padding:10px 18px 30px 18px;
    }
    .textBoxes .textBox{
        width:100%;
        float:none;
        padding:0;
    }
    .formTitle{
        background:none;
        background-color:rgba(255,255,255,0.6);
    }
}
@media only screen and (max-width : 996px){
    .mainWrapper .wrapper{
        width:100%;
    }
}
@media only screen and (max-width : 415px){
    .logo{
        padding:0;
        text-align:center;
    }
    .mainTitle{
        font-size:16px;
    }
    #form1 .formContent{
        padding:13px 2px 13px 2px;
    }
}