/*Стили для услуг*/

h1 {
    padding-bottom: 20px !important;
}

.bank {
    float: left;
    font-size: 14px;
    font-weight: bold;
}

.date {
    text-align: right;
    padding-bottom: 20px;
}

.CreditCalculator {
    float: left;
    margin-right: 30px;
    width: 228px;
    position: relative;
}


.CreditCalculator .bg_CreditCalculator_top {
    background-image: url("../img/bg_service_calc_top.png");
    background-position: left center;
    background-repeat: no-repeat;
    height: 252px;
    left: 0;
    position: absolute;
    top: 0;
    width: 228px;
    z-index: 5;
}

.CreditCalculator .bg_CreditCalculator_bottom {
    background-image: url("../img/bg_service_calc_bottom.png");
    background-position: left center;
    background-repeat: no-repeat;
    bottom: 0;
    height: 7px;
    left: 0;
    position: absolute;
    width: 228px;
    z-index: 5;
}

.CreditCalculator .bg_CreditCalculator {
        background-image: url("../img/bg_service_calc.png");
    background-position: left center;
    background-repeat: repeat-y;
    bottom: 0;
	height: 60%;
    height: calc(100% - 259px);
    left: 0;
    margin-bottom: 7px;
    position: absolute;
    width: 228px;
    z-index: 3;
}

.CreditCalculator .CreditCalculator_form {
    position: relative;
    z-index: 7;
    padding: 20px 22px;
}

.CreditCalculator_form h3 {
    font-family: Roboto Slab;
    font-size: 18px;
    padding-bottom: 10px;
}

.CreditCalculator_form .param {
	color: #737A87;
	font-size: 14px;
        font-weight: bold;
	padding: 8px 0px;
        min-height: 30px;
}

.CreditCalculator_form .param .si{
	font-weight: normal;
}


.CreditCalculator_form .param input[name="sum"]{
	width: 60%;
}

.CreditCalculator_form .param input[name="period"]{
	width: 33%;
}

.CreditCalculator_form .param input[name="initial_instalment"]{
	width: 55%;
}

.CreditCalculator_form .param select{
	width: 100%;
}

.CreditCalculator_form .param .output {
	float: right;
        font-weight: normal;
        margin-top: -11px;
	text-align: right;
	max-width: 50%;
}

.CreditCalculator_form .param .outputinitial{
	max-width: 30%;
}

.CreditCalculator_form form input[type="range"] {
	width: 100%;
	margin: 0px;
	border: none !important;
	background-image: none !important;
	background-color: transparent !important;
	-moz-border-image: none !important;
	-webkit-border-image: none !important;
	-o-border-image: none !important;
	border-image: none !important;
	-moz-border-radius: none !important;
	-webkit-border-radius: none !important;
	border-radius: 0px !important;
	border-color: none !important;
	border-style: none !important;
	border-width: none !important;
	color: none !important;

}

.CreditCalculator_form form input[type="submit"] {
    background-color: #EC1D18;
    background-image: url("../img/submit_red.png");
    border: medium none;
    border-radius: 3px;
    color: #FFFFFF;
    cursor: pointer;
    font-family: Roboto Slab;
    height: 35px;
    width: 155px;
    margin: 10px 0 5px 13px;
}

.RatesTables {
    width: 67%;
    width: calc(100% - 260px);
	float: right;
}

.RatesTables table.full_Rates{
	margin-bottom: 30px;
    width: 100%;
}

.RatesTables table.full_Rates th {
    font-weight: bold;
}

.RatesTables table.full_Rates th.sum {
    width: 20%;
	color: #1C81AA;
}

.RatesTables table.full_Rates td{
	background-color: #F1F1F1;
}

.RatesTables table.full_Rates td{
	font-size: 12px;
    padding: 15px 10px;
    text-align: left;
}

.RatesTables table.full_Rates th{
	font-size: 14px;
    padding: 0 10px 15px;
    text-align: left;
}


.Conditions {
    float: left;
	width: 62%;
    width: calc(100% - 300px);
}

.Conditions .OtherDocs {
    margin-top: 20px;
}
.Conditions .docs h3, .Conditions .OtherDocs h3 {
    font-size: 15px;
    font-weight: bold;
}

.Conditions .docs li, .Conditions .OtherDocs li {
    list-style: disc inside none;
    padding-bottom: 5px;
}

.Conditions .docs ul, .Conditions .OtherDocs ul {
    margin-bottom: 10px;
}

.Conditions .docs p, .Conditions .OtherDocs p {
    font-style: italic;
}

.aside {
    background-color: #F1F1F1;
    float: right;
    margin-left: 43px;
    padding: 0 20px;
    width: 217px;
}

h2 {
    padding-bottom: 5px !important;
	margin: 15px 0;
}

h2.red {
	border-bottom: 2px solid #F23028;
}

h2.green {
	border-bottom: 2px solid #327401;
}

h2.blue {
	border-bottom: 2px solid #167AA4;
}

.Conditions table {
    width: 100%;
}

.Conditions table tr {
    border-bottom: 1px dotted #E3E3E3;
}

.Conditions table .param {
    width: 50%;
	font-weight: bold;
}

.Conditions table td {
    padding: 15px 0;
}

.share {
    float: left;
}

#link_yandex {
    margin: 5px;
    text-align: right;
}

#link_yandex a{
    color: #2f2f2f;
}

aside #imgford img {
    max-width: 100%;
	padding: 15px 0;
}


.aside h3 {
    color: #000000;
    font-family: Roboto Slab;
    font-size: 18px;
    padding: 20px 0;
}

.aside .last_new h3 {
    font-family: Arial !important;
    padding: 0px  !important;
}


.aside #YMapsID {
    height: 350px;
    width: 100%;
}