/**
 * Left content
 * 
 * Amount select
 * Month select
 * Recapitulation    
*/
div#leftContent {
  float: left; width: 435px; margin: 0 0 15px 0;
}
div#leftContent h2 {
  display: none;
}
div#leftContent h3 {
  font-size: 130%; color: #a66197; margin: 0 0 20px 0;
}

/* Amount select */
div#amountSelect {
  position: relative; width: 435px; height: 306px;
}
span#minInterval {float: left; display: block; font-size: 110%; font-weight: bold; margin-left: -15px;}
span#middleInterval11 {float: left; display: block; font-size: 110%; font-weight: bold; padding-left: 40px;}
span#middleInterval12 {float: left; display: block; font-size: 110%; font-weight: bold; padding-left: 65px;}
span#middleInterval21 {float: left; display: block; font-size: 110%; font-weight: bold; padding-left: 20px;}
span#middleInterval22 {float: left; display: block; font-size: 110%; font-weight: bold; padding-left: 65px;}
span#maxInterval {float: right; display: block; font-size: 110%; font-weight: bold; margin-right: -20px;}
div#slider {margin: 10px 0 10px 10px; width: 340px;}

div.personalLoanAmount {
  background-image: url("/media/images/backgrounds/products/osobni_pujcka_vyska_pujcky_pozadi.jpg");
}
div.creditCardAmount {
  background-image: url("/media/images/backgrounds/products/kreditni_karta_vyska_pujcky_pozadi.jpg");
}
div.autoMotoAmount {
  background-image: url("/media/images/backgrounds/products/auto_moto_vyska_pujcky_pozadi.jpg");
}
div.reconstructionAmount {
  background-image: url("/media/images/backgrounds/products/rekonstrukce_vyska_pujcky_pozadi.jpg");
}
div.hobbyAmount {
  background-image: url("/media/images/backgrounds/products/hobby_vyska_pujcky_pozadi.jpg");
}
div.consumerGoodsAmount {
  background-image: url("/media/images/backgrounds/products/spotrebni_zbozi_vyska_pujcky_pozadi.jpg");
}

div#amountChoice {
  position: absolute; left: 15px; top: 150px; width: 365px; height: 100px; padding: 95px 20px 0 20px;
}
div#loanAmountInfo {
  position: absolute; left: 302px; top: 40px; width: 100px; height: 40px; text-align: center;
}
div#loanAmountInfo h3 {
  font-size: 120%; color: #A86296; margin: 0; padding-bottom: 3px;
}
div#loanAmountInfo strong {font-size: 130%;}


/* Month select */
div#monthSelect {
  width: 392px; height: 230px; padding: 15px 15px 10px 28px;
  background: url("/media/images/backgrounds/products/vyber_splatky_pozadi.jpg") left bottom no-repeat;
}
div#monthSelect h3 span {
  color: #d6031a; font-size: 110%;
}
div#monthSelect p {
  float: left; width: 110px;
}
div#monthSelect ol {
  float: left; width: 270px; margin: -2px 0 0 0; padding: 0;
}
div#monthSelect ol li {
  font-weight: bold; list-style-type: none;
}
div#monthSelect ol li span {
  font-weight: normal; color: #333; font-size: 100%;
}

/* Recapitulation */
div#recapitulation {
  float: left; width: 405px; height: 270px; padding: 0 15px 5px 15px;
  background: url("/media/images/backgrounds/products/rekapitulace_pozadi.jpg") 1px 0 no-repeat;
}
div#recapitulation h3 {
  padding-left: 15px;
}
p#baner {
  float: left; width: 154px; height: 200px;
}
div#finalInfo {
  position: relative; float: left; width: 390px;
}
div#finalInfo ul {
  float: left; width: 195px; margin: 0 0 20px 0; padding: 0;
}
div#finalInfo ul li {
  list-style-type: none;
}
div#finalInfo ul li strong {
  font-size: 110%;
}
p#authZone {
    font-size: 90%;
    margin: 15px 0 0 40px; padding: 10px 0 10px 40px;
    background: url("/media/images/icons/zabezpecena_zona.jpg") no-repeat;
}

/* Tips */
div#tip1Box {
  position: absolute; left: 23px; top: 23px; display: none; width: 188px;
  text-align: left; background-color: #f1f1e9; border: 1px solid #aaaaaa;
}
p#tip1headline {
  width: 165px; height: 18px; font-weight: bold; margin: 1px 0 0 1px; padding: 6px 0 4px 20px; color: #fff;
  background: url("/media/images/backgrounds/products/tootip_nadpis_pozadi.jpg") no-repeat;
}
p#tip1Text {
  padding: 10px; margin-bottom: 0;
}
span#tip1Close {
  float: right; display: inline-block; cursor: pointer; width: 32px; height: 28px; margin: 1px 0 0 0; padding-right: 1px;
  background: url("/media/images/icons/products/zavreni_tooltipu.jpg") left top no-repeat;
}
div#tip2Box {
  position: absolute; left: 44px; top: 41px; display: none; width: 188px;
  text-align: left; background-color: #f1f1e9; border: 1px solid #aaaaaa;
}
p#tip2headline {
  width: 165px; height: 18px; font-weight: bold; margin: 1px 0 0 1px; padding: 6px 0 4px 20px; color: #fff;
  background: url("/media/images/backgrounds/products/tootip_nadpis_pozadi.jpg") no-repeat;
}
p#tip2Text {
  padding: 10px; margin-bottom: 0;
}
span#tip2Close {
  float: right; display: inline-block; cursor: pointer; width: 32px; height: 28px; margin: 1px 0 0 0; padding-right: 1px;
  background: url("/media/images/icons/products/zavreni_tooltipu.jpg") left top no-repeat;
}

div#finalInfo form {
  margin: 10px 0 10px 0;
}
div#finalInfo input {
  cursor: pointer; width: 299px; height: 51px; border: none; margin-left: 54px;
  background: none; background-image: url("/media/images/buttons/products/potvrdit_informace_tlacitko.jpg");
}
div#finalInfo a {
  font-weight: bold; font-size: 90%; text-decoration: underline;
}
div#finalInfo a:hover, div#finalInfo a:active {
  color: #d81126;
} 

/**
 * Right content
 * 
 * Project   
*/
div#rightContent {
  float: right; width: 480px; color: #333; margin-bottom: 15px; padding-top: 7px;
}

div#rightContent h2 {
  font-size: 160%; color: #ffa200; margin: 0 0 12px 0; padding: 0;
}
div#rightContent h2.personalLoanH2 {
  color: #c8d32d;
}
div#rightContent h2.creditCardH2 {
  color: #4ca2d3;
}
div#rightContent h2.installmentSaleH2 {
  color: #aD74a7;
}
div#rightContent h3 {
  font-weight: normal; font-size: 150%; color: #ffa200; margin: 0 0 25px 0; padding: 0;
}
div#rightContent h3.personalLoanH3 {
  color: #c8d32d;;
}
div#rightContent h3.creditCardH3 {
  color: #4ca2d3;
}
div#rightContent h3.installmentSaleH3 {
  color: #aD74a7;
}
div#rightContent p {
  text-align: justify;
}
span.graphicSeparator {
  clear: both; display: block; overflow: hidden; width: 494px; height: 23px; margin: 0 0 10px 0;
  background: url("/media/images/separators/produkt_informace_separator.jpg") 0 15px no-repeat;
}

/* Project */
p#projectIcon {
  float: left; width: 126px; height: 126px; margin: 0 10px 0px 0;
}
p.autoMotoIcon {
  background-image: url("/media/images/icons/products/auto_moto_ikona.jpg");
}
p.reconstructionIcon {
  background-image: url("/media/images/icons/products/rekonstrukce_ikona.jpg");
}
p.hobbyIcon {
  background-image: url("/media/images/icons/products/hobby_ikona.jpg");
}
p.consumerGoodsIcon {
  background-image: url("/media/images/icons/products/spotrebni_zbozi_ikona.jpg");
}

p#projectSlogan {
  font-size: 130%; color: #a19ba0;
}


div#mainProductText {
  float: left; width: 280px;
}
div#monthlyInstallmentOffer {
  float: right; width: 139px; padding: 0 18px 0 18px;
  background-color: #eeeadc;
}
div#monthlyInstallmentOffer p {
  font-weight: bold; margin: 0; padding-bottom: 6px;
  background: url("/media/images/separators/mesicni_splatky_nabidka_separator.jpg") 50% bottom no-repeat
}
ul#installmentOffer {
  font-size: 80%; margin: 0; padding: 0;
}
ul#installmentOffer li {
  text-align: right; list-style-type: none; margin: 0; padding: 5px 0 5px 0;
  border-bottom: 1px solid #b3b2a9;
}
ul#installmentOffer li span {
  font-weight: bold; padding-right: 10px;
}
span.topBorder {
  display: block; width: 175px; height: 17px; margin: 0 0 0 -18px;
  background: url("/media/images/separators/borders/mesicni_splatky_nabidka_vrchni_okraj.jpg");
}
span.bottomBorder {
  display: block; width: 175px; height: 18px; margin: 0 0 0 -18px;
  background: url("/media/images/separators/borders/mesicni_splatky_nabidka_spodni_okraj.jpg");
}


div#creditCardInfoOffer {
  float: right; width: 141px; height: 256px; padding: 0 18px 10px 18px; margin-top: -30px;
  background: #369be1 url("/media/images/backgrounds/products/kreditni_karta_informacni_odkazy_pozadi.jpg");
}
div#creditCardInfoOffer ul {
  font-size: 80%; margin: 50px 0 0 0; padding: 0;
}
div#creditCardInfoOffer ul li {
  list-style-type: none; margin: 0; padding: 5px 0 5px 0;
}
div#creditCardInfoOffer a {
  color: #fff;
}

/* */
ol#id14Heureka {margin: 0; padding: 0;}
ol#id14Heureka li {float: left; width: 435px; list-style-type: none; margin-bottom: 12px; padding: 0 10px 5px 35px;}

ol#id14 { margin: 0; padding: 0; }
ol#id14 li { float: left; width: 195px; list-style-type: none; padding: 0 10px 4px 35px; }
ol#id14 li strong { display: block; }

ol#id15 { float: left; width: 225px; margin: 0; padding: 0; }
ol#id15 li { float: left; width: 225px; list-style-type: none; padding: 0 10px 4px 35px; }
ol#id15 li strong { display: block; }

li#num1Orange { background: url("/media/images/icons/products/cislo_1_kapka_oranzova.jpg") no-repeat; }
li#num2Orange { background: url("/media/images/icons/products/cislo_2_kapka_oranzova.jpg") no-repeat; }
li#num3Orange { background: url("/media/images/icons/products/cislo_3_kapka_oranzova.jpg") no-repeat; }
li#num4Orange { background: url("/media/images/icons/products/cislo_4_kapka_oranzova.jpg") no-repeat; }

li#num1Purple { background: url("/media/images/icons/products/cislo_1_kapka_fialova.jpg") no-repeat; }
li#num2Purple { background: url("/media/images/icons/products/cislo_2_kapka_fialova.jpg") no-repeat; }
li#num3Purple { background: url("/media/images/icons/products/cislo_3_kapka_fialova.jpg") no-repeat; }
li#num4Purple { background: url("/media/images/icons/products/cislo_4_kapka_fialova.jpg") no-repeat; }

li#num1Green { background: url("/media/images/icons/products/cislo_1_kapka_zelena.jpg") no-repeat; }
li#num2Green { background: url("/media/images/icons/products/cislo_2_kapka_zelena.jpg") no-repeat; }
li#num3Green { background: url("/media/images/icons/products/cislo_3_kapka_zelena.jpg") no-repeat; }
li#num4Green { background: url("/media/images/icons/products/cislo_4_kapka_zelena.jpg") no-repeat; }

li#num1Blue { background: url("/media/images/icons/products/cislo_1_kapka_modra.jpg") no-repeat; }
li#num2Blue { background: url("/media/images/icons/products/cislo_2_kapka_modra.jpg") no-repeat; }
li#num3Blue { background: url("/media/images/icons/products/cislo_3_kapka_modra.jpg") no-repeat; }
li#num4Blue { background: url("/media/images/icons/products/cislo_4_kapka_modra.jpg") no-repeat; }

/* */
dl#id15, dl#id16, dl#id17, dl#id18 {
  margin: 0; padding: 0;
  float: left; width: 227px;
}
dl#id15 dt, dl#id16 dt, dl#id17 dt, dl#id18 dt {
  font-weight: bold; margin: 0 0 3px 0; padding: 0 0 0 38px;
}
dl#id15 dd, dl#id16 dd, dl#id17 dd, dl#id18 dd {
  margin: 0; padding: 0 0 0 38px;
}
dl#id15 {
  margin: 0 10px 10px 0;
  background: url("/media/images/icons/products/id9.jpg") no-repeat;
}
dl#id16 {
  margin: 0 0 10px 0;
  background: url("/media/images/icons/products/id11.jpg") no-repeat;
}
dl#id17 {
  margin-right: 10px;
  background: url("/media/images/icons/products/id10.jpg") no-repeat;
}
dl#id18 {
  background: url("/media/images/icons/products/id12.jpg") no-repeat;
}

/* */
div#rightContent h3.id24 {
  color: #444; margin: 25px 0 20px 0; padding: 7px 0 0 20px; height: 20px;
  background: url("/media/images/backgrounds/products/info_soubory_pozadi.jpg") no-repeat;
}
ul#id19 {
  margin: 0; padding: 0 0 0 5px;
}
ul#id19 li {
  float: left; width: 184px; list-style-type: none; padding: 14px 10px 25px 42px;
}
li#id20 {
  background: url("/media/images/icons/products/id13.jpg") no-repeat;
}
li#id21 {
  background: url("/media/images/icons/products/id14.jpg") no-repeat;
}
li#id22 {
  background: url("/media/images/icons/products/id15.jpg") no-repeat;
}
li#id23 {
  background: url("/media/images/icons/products/id16.jpg") no-repeat;
}
li#id25 {
  background: url("/media/images/icons/products/calculator.jpg") no-repeat;
}
ul#id19 a {
  text-decoration: underline; color: #333;
}
ul#id19 a:hover, ul#id19 a:active {
  text-decoration: none; color: #d81126;
}

p#productInsuranceIcon {
  float: left; width: 161px; height: 88px; margin: 5px 15px 5px 0;
}
p#productInsuranceText {
  font-size: 90%;
}


/* Other */
h1 {
  font-size: 220%; color: #ffa200; margin: 0 0 15px 0;
}
h1#personalLoanH1 {
  color: #c8d32d;
}
h1#creditCardH1 {
  color: #4ca2d3;
}
h1#installmentSaleH1 {
  color: #aD74a7;
}
p#whiteGrayLogo {
  float: left; width: 140px; height: 140px; padding: 0 50px 0 30px; 
  background: url("/media/images/icons/logo_cerno_bile.jpg") 40px 0 no-repeat;  
}