.payonline .none{display:none;}
.payonline .cle{clear:left;}
.payonline .b{font-weight:700;}


.payonline{
	display: block;

	-webkit-box-shadow:1px 1px 7px #888;
	-moz-box-shadow:0px 0px 6px #888;
	box-shadow:0px 0px 6px #888;
    
    border: 1px solid #aaa;
    padding-bottom:30px;
}


.payonline form {
    text-align: center;
}
.payonline div#polosa{
    padding: 30px 0 20px 0;
    text-align: center;
}
.payonline div#polosa div{
    font-size: 20px;
}
.payonline div.p > p{
    text-align:center;
    padding: 0 100px;
}
.payonline div.anketa{
    text-align: center;
}
.payonline div.message{
    padding-bottom:15px;
    color: #f00;
    font-size: 16px;
}
.payonline form input{
    border:1px solid #777;
}
.payonline div.sum{
    //padding-top:8px;
}
.payonline input.fio{
    height: 30px;
    width: 200px;
    font-size:14px;
    color:#000;
}
.payonline input.sum{
    height:30px;
    width:100px;
    font-size:14px;
    color:#000;
}
.payonline input:hover{
    background-color:#ffd;
}
/* Cначала обозначаем стили для IE8 и более старых версий
т.е. здесь мы немного облагораживаем стандартный чекбокс. */
.payonline input.oferta{
    vertical-align: top;
    float:left;
    width:20px;
    height:20px;
    border:1px solid #000;
    padding:0;
    //margin: 8px 0 0 0;
}
.payonline div.checkbox_label{
    float:left;
    padding-left:10px;
    cursor:pointer;
}
.payonline div.checkbox_label:hover{
    color:#777;
}
.payonline a.blue{color:#0000ff; cursor:pointer; text-decoration:none;}
.payonline a.blue:hover{color:#7777ff;}


.payonline input.submit{
    padding: 4px 20px;
    cursor: pointer;
    background-color: #ddd;
    font-size: 18px;
    color: #0f1873;
}
.payonline input.submit:hover{
    border:1px solid #111;
    background-color:#aaa;
}
.payonline input.submit:active{
    border:1px solid #bbb;
    background-color:#bbb;
}
.payonline input.submit.disabled, .payonline input.submit.disabled:hover, .payonline input.submit.disabled:active{
    border: 1px solid #ccc;
    cursor: not-allowed;
    background-color: #e0e0e0;
    color: #ccc;
}

.payonline div.duoTable{width:440px; position:relative; left:50%; margin-left:-210px; margin-top:25px;}
.payonline div.duoTable > div.tr{}
.payonline div.duoTable > div.tr > div.td{float:left; margin-bottom:10px; height:30px;}
.payonline div.duoTable > div.tr > div.td.td1{width:210px; margin-right:10px; text-align:right; color:#555;}
.payonline div.duoTable > div.tr > div.td.td2{width:210px; margin-left:10px; text-align:left; color:#000;}





@media (min-width: 1px) {
    .adaptive{
        display: block;
        width: 100%;
    }

    .adaptive .adaptiveBig {
        display: none;
    }
    .adaptive .adaptiveSmall {
        display: block;
    }

    .payonline div#polosa{
        padding: 30px 10px 20px 10px;
    }
    .payonline input.fio {
        width: 140px;
    }
    .payonline div.p > p {
        padding: 0 20px;
    }
}
@media (min-width: 480px) {
    .adaptive{
        display: block;
        width: 100%;
    }

    .adaptive .adaptiveBig {
        display: none;
    }
    .adaptive .adaptiveSmall {
        display: block;
    }

    .payonline div#polosa{
        padding: 30px 10px 20px 10px;
    }
    .payonline input.fio {
        width: 160px;
    }
    .payonline div.p > p {
        padding: 0 20px;
    }
}
@media (min-width: 768px) {
    .adaptive{
        width: 768px;
    }

    .adaptive .adaptiveBig {
        display: block;
    }
    .adaptive .adaptiveSmall {
        display: none;
    }

    .payonline div#polosa{
        padding: 30px 0 20px 0;
    }
    .payonline input.fio {
        width: 200px;
    }
    .payonline div.p > p {
        padding: 0 100px;
    }
}
@media (min-width: 992px) {
    .adaptive{
        width: 800px;
    }

    .adaptive .adaptiveBig {
        display: block;
    }
    .adaptive .adaptiveSmall {
        display: none;
    }
}
@media (min-width: 1200px) {
    .adaptive{
        width: 800px;
    }

    .adaptive .adaptiveBig {
        display: block;
    }
    .adaptive .adaptiveSmall {
        display: none;
    }
}
.adaptive{
    margin-left: auto;
    margin-right: auto;
}