/**
 * Left content
 *  
 * Loan amount
 * Projects offer    
 */
div#leftContent {
  float: left; width: 730px;
}

/* Loan amount */
div#loan {
  position: relative; float: left; width: 663px; height: 229px; margin-top: -10px; padding: 20px 35px 20px 35px;
  background: url("/media/images/backgrounds/hp/hp_volba_vyse_pujcky_pozadi.jpg");
}
div#loan h1 {position: relative; float: left; width: 358px; height: 26px; font-size: 150%; margin: 0; padding: 0;}
div#loan h1 span {
  position: absolute; left: 0; top: 0; display: block; width: 358px; height: 26px;
  background-image: url("/media/images/headlines/h1_uvodni_nadpis.jpg");
}
div#loan h2 {color: #e61626; font-size: 120%; margin: 0; padding: 15px 0 15px 0;}
div#loanType {float: left; width: 250px; height: 74px; font-weight: bold; font-size: 130%; padding-top: 5px; line-height: 2em;}
div#loanType ul {margin: 0; padding: 10px 0 0 0;}
div#loanType ul li {list-style-type: none; padding: 0 0 0 20px;}
div#loanType ul li.firstItem {padding: 0 0 10px 20px;}
div#loanType ul li.activeItem {background: url("/media/images/icons/sipka_typ_uveru.png") no-repeat;}
div#loanType label {cursor: pointer;}

div#loanAmount {
  float: left; width: 169px; height: 74px; text-align: center; margin-right: 50px; padding: 0 5px 0 5px;
  background: url("/media/images/backgrounds/hp/vyse_pujcky_splatka.jpg") no-repeat;
}
div#loanAmount h2 {padding-bottom: 11px;}
div#loanAmount p {font-weight: bold; font-size: 130%;}

div#loanAmount input {
    width: 70px; font-weight: bold; color: #333; font-size: 110%; background: none; border: 0; text-align: right;
    padding: 3px 3px 0 0;
    border: 1px solid #adadad; background: #ebebeb;
}


div#loanInstalment {
  float: left; width: 169px; height: 74px; text-align: center; padding: 0 5px 0 5px;
  background: url("/media/images/backgrounds/hp/vyse_pujcky_splatka.jpg") no-repeat;
}
div#loanInstalment p {font-weight: bold; font-size: 130%;}
div#loanSlider {float: left; width: 602px; height: 50px; margin-top: 20px; padding-left: 30px;}
div#loanSlider input {
  position: absolute; left: 250px; top: 212px; width: 255px; height: 57px; border: 0; cursor: pointer;
  background: none; background: url("/media/images/buttons/pokracovat_cervene_tlacitko.jpg");
}

span#minInterval {float: left; display: block; font-size: 110%; font-weight: bold; margin-left: -30px;}
span#next11Interval {float: left; display: block; font-size: 110%; font-weight: bold; padding-left: 120px;}
span#next12Interval {float: left; display: block; font-size: 110%; font-weight: bold; padding-left: 155px;}
span#next21Interval {float: left; display: block; font-size: 110%; font-weight: bold; padding-left: 85px;}
span#next22Interval {float: left; display: block; font-size: 110%; font-weight: bold; padding-left: 165px;}
span#maxInterval {float: right; display: block; font-size: 110%; font-weight: bold; margin-right: -40px;}

/* Projects offer */
div#projectOffer {
  float: left; width: 730px; margin-bottom: 10px;
}
div#projectOffer h2 {
  position: relative; width: 205px; height: 30px; font-size: 120%; color: #f0a505; padding: 0; margin: 25px 0 0px 0;
}
div#projectOffer h2 span {
  position: absolute; left: 0; top: 0; display: block; width: 205px; height: 20px;
  background-image: url("/media/images/headlines/project_nabidka_nadpis.gif");
}
div#projectOffer div {
  position: relative; float: left; width: 163px; font-size: 90%; padding: 0 20px 10px 0px;
  background: url("/media/images/separators/projekt_separator.jpg") right 0 repeat-y;
}
div#projectOffer div#id12 {
  background: none; width: 161px;
}
div#projectOffer img {
  position: absolute; top: 0; left: 23px;
}
div#projectOffer h3 {
  text-align: center; font-size: 120%; padding: 118px 0 5px 0; margin: 0;
}
div#projectOffer a {
  text-decoration: none; color: #d4041c;
}
div#projectOffer p {
  width: 154px; margin-bottom: 5px;
}

/**
 * Right content
 *  
 * Icons
 * Faq - questions
 * News 
 */
div#rightContent {
  float: right; width: 200px; padding: 5px 10px 0 10px;
  background: #fff;
}
div#rightContent a {
  text-decoration: none; color: #333;
}
div#rightContent a:hover, div#rightContent a:active {
  text-decoration: underline; color: #d81126;
}


/* Icons */
p#id1 {
  position: relative; width: 199px; height: 86px;
}
p#id1 span {
  position: absolute; left: 0; top: 0; width: 199px; height: 86px;
  background-image: url("/media/images/icons/id1.jpg");
}
p#id2 {
  position: relative; width: 199px; height: 74px;
}
p#id2 span {
  position: absolute; left: 0; top: 0; width: 199px; height: 74px;
  background-image: url("/media/images/icons/id2.jpg");
}
p#id3 {
  position: relative; width: 199px; height: 114px; margin-top: 20px;
}
p#id3 span {
  position: absolute; left: 0; top: 0; width: 199px; height: 114px;
  background-image: url("/media/images/icons/beneficial_finance.jpg");
}

/* Faq - questions */
div#faq {
  font-size: 90%; margin-top: 15px; padding: 0 10px 0 10px;
  background: url("/media/images/backgrounds/hp/faq_pozadi.jpg") repeat-y;
}
div#faq p {
  margin: 0;
}
div#faq p a {
  display: block; height: 43px; margin: 0; padding-right: 30px;
  background: url("/media/images/buttons/prejit_tlacitko_1.png") right 7px no-repeat;
}
div#faq p a:hover, div#faq p a:active {
  display: block; height: 43px; margin: 0; padding-right: 30px;
  background: url("/media/images/buttons/prejit_tlacitko_1.png") right -43px no-repeat;
}
div#faq h2 {
  position: relative; width: 189px; height: 32px; font-size: 120%; color: #f3bc23; margin: 0 -10px 5px -10px; padding: 0 0 0 10px;
}
div#faq h2 span {
  position: absolute; left: 0; top: 0; display: block; width: 199px; height: 32px; margin: 0;
  background: url("/media/images/headlines/faq_nadpis.jpg") repeat-y;
}
ul#questions {
  margin: 0; padding: 0; padding: 0 10px 0 10px; margin: 0 -10px 0 -10px;
  background: url("/media/images/backgrounds/hp/otazky_pozadi.jpg") left bottom no-repeat;
}
ul#questions li {
  list-style-type: none; padding-left: 15px;
  background: url("/media/images/backgrounds/arrows/otazka_odrazka.gif") left 3px no-repeat;
}

/* News */
div#news {
  font-size: 90%; margin-top: 15px; padding: 0 10px 0 10px;
  background: url("/media/images/backgrounds/hp/faq_pozadi.jpg") repeat-y;
}
div#news p {
  margin: 0; margin: 10px -10px 0 -10px; padding: 4px 10px 0px 10px;
  background: url("/media/images/backgrounds/hp/otazky_pozadi.jpg") left bottom no-repeat;
}
div#news p a {
  display: block; height: 43px; margin: 0; padding-right: 30px;
  background: url("/media/images/buttons/prejit_tlacitko_1.png") right 7px no-repeat;
}
div#news p a:hover, div#news p a:active {
  display: block; height: 43px; margin: 0; padding-right: 30px;
  background: url("/media/images/buttons/prejit_tlacitko_1.png") right -43px no-repeat;
}
div#news h2 {
  position: relative; width: 189px; height: 32px; font-size: 120%; color: #f3bc23; margin: 0 -10px 5px -10px; padding: 0 0 0 10px;
}
div#news h2 span {
  position: absolute; left: 0; top: 0; display: block; width: 199px; height: 32px; margin: 0;
  background: url("/media/images/headlines/novinky_nadpis.jpg") repeat-y;
}
dl#currentNews {
  margin: 0; padding: 0 
}
dl#currentNews dt {
  font-weight: bold; padding: 0 0 3px 0; color: #f6ba24;
}
dl#currentNews dd {
  margin: 0; padding: 0 0 3px 0;
}