body {
	font-family: Arial, Helvetica, Sans-serif; text-align: center; font-size: 100%; margin: 0; padding: 0;
}
div#container {
  position: relative; width: 1003px; text-align: left; font-size: 75%; color: #444; margin: auto; padding-bottom: 4px;
  background: #fff url("/media/images/backgrounds/hp/paticka_pozadi.gif") left bottom no-repeat;
}
div#containerHeureka {
  position: relative; width: 987px; text-align: left; font-size: 75%; color: #444; margin: auto; padding-bottom: 4px;
}
div#head {
  position: absolute; top: 0; left: 0; width: 970px; height: 124px; padding: 0 0px 0 18px;
}
div#content {
  width: 967px; padding: 150px 16px 0 16px;
}
div#contentHeureka {
  float: left; width: 967px; padding: 10px 10px 0 10px; background-color: #fff;
}
div#foot {
  clear: both; width: 967px; color: #999; margin-top: 15px; padding: 0 18px 0 18px;
}

/**
 * Head
 *  
 * Logo
 * Slogans
 * Client sections 
 * Menu   
 */
 
/* Logo */ 
p#logo {
  position: relative; float: left;  width: 125px; height: 124px; margin: 0;
}
p#logo {
  position: relative; width: 125px; height: 124px; margin: 0;
}
p#logo span {
  width: 125px; height: 124px;
  background-image: url("/media/images/logo.jpg");
}
div#sloganActionBox {
  float: left; width: 842px; height: 87px;
}

/* Slogans */
p#textSlogan {
  width: 400px; margin: 3px 0 0 10px;
}
p#imageSlogan {
  position: relative; width: 265px; height: 17px; margin: 20px 0 0 10px;
}
p#imageSlogan span {
  position: absolute; left: 0; top: 0; display: block; width: 265px; height: 17px;
  background-image: url("/media/images/slogan.jpg");
}

/* Client sections */
div#clientSections {
  position: absolute; left: 727px; top: 0; width: 258px; height: 20px;
}
p#id9 {
  float: left; position: relative; width: 131px; height: 31px; margin-bottom: 0;
}
p#id9 span {
  width: 131px; height: 31px;
  background-image: url("/media/images/icons/id4.jpg");
}
p#id10 {
  float: right; position: relative; width: 150px; height: 31px; margin-bottom: 0;
}
p#id10 span {
  width: 150px; height: 31px;
  background-image: url("/media/images/icons/id5.jpg");
}

/* Menu, info menu */
ul#infoMenu {
  position: absolute; left: 665px; top: 65px; width: 333px; font-size: 90%; margin: 0; padding: 0;
}
ul#infoMenu li {
  display: inline; list-style-type: none; padding: 0 7px 0 7px;
  background: url("/media/images/separators/hlavicka_info_menu_separator.jpg") right 3px no-repeat;
}
ul#infoMenu li.lastItem {
  background: none; padding-right: 0;
}
ul#infoMenu a {
  text-decoration: none; color: #333;
}
ul#infoMenu a:hover, ul#infoMenu a:active {
  text-decoration: underline; color: #d81126;
}
div#menuBox {
  position:relative; float: left; width: 842px;
  background: #fff url("/media/images/backgrounds/hp/menu_pozadi.jpg") repeat-x;
}


/**
 * Submenu in topmenu */
div#menuBox li#ourProject a {
  display: block;
}
div#menuBox li#ourProject {
  position: relative; text-align: center;
}
div#menuBox li#ourProject:hover a {
  color: #ffa200;
  background-image: url("/media/images/backgrounds/menu/projektA_menu_pozadi.jpg")
}
div#menuBox li#ourProject a span {
  position: static;
}
div#menuBox li#ourProject:hover a span {
  position: relative; display: block; width: 100%;
}
#menuBox li#ourProject ul.sousMenu {
  position: absolute; left: 0; top: 36px; display: none; width: 152px; height: auto; padding: 0; margin: 0; 
  border: #aaa89e 1px solid; border-width: 0 1px 1px 1px;
}
#menuBox li#ourProject ul.sousMenu li {
  position: relative; float: none; display: block; text-align: left;
}
#menuBox li#ourProject:hover ul.sousMenu {
  display: block;
  background-color: #fff;
}
div#menuBox li#ourProject:hover ul.sousMenu li a {
  width: 128px; line-height: 18px; text-align: left; padding: 6px 12px 3px 12px;
  background: url("/media/images/separators/podkategorie_menu_separator.jpg") no-repeat 12px 0;
}
div#menuBox li#ourProject:hover ul.sousMenu li.first a {
  background: none;
}
div#menuBox li#ourProject:hover ul.sousMenu li a:hover {
  text-decoration: none; background: #fff7d1;
}
/* Submenu in topmenu - end */



ul#menu {
  float: right; height: 39px; margin: 0; padding: 1px 0px 5px 0;
  background: #fff url("/media/images/backgrounds/hp/menu_pozadi.jpg") repeat-x;
}
ul#menu a {
  color: #333; text-decoration: none;
}
ul#menu a:hover, ul#menu a:active {
  color: #333; text-decoration: underline;
}
ul#menu li {
  float: left; display: inline; list-style-type: none;
}
ul#menu li#menuHome {
  width: 100px; height: 31px; padding: 11px 0 0 15px;
  background: url("/media/images/separators/menu_separator.jpg") right 0 no-repeat;
}
div#menuBox ul#menu li#menuHome a:hover {
  background: none;
}
ul#menu li#ourProject {
  background: url("/media/images/separators/menu_separator.jpg") right 0 no-repeat;
}
ul#menu li#ourProducts {
  height: 31px; color: #999; padding: 11px 15px 0 15px;
}
ul#menu a#loanMenu {
  display: block; width: 111px; height: 33px; text-align: center; padding-top: 11px;
}
ul#menu a#loanMenu:hover {
  width: 111px; height: 44px; text-decoration: none; color: #c8d32d;
  background: url("/media/images/backgrounds/menu/pujckaA_menu_pozadi.jpg") no-repeat;
}
ul#menu a#loanMenu.active {
  width: 111px; height: 44px; text-decoration: none; color: #fff;
  background: url("/media/images/backgrounds/menu/pujckaS_menu_pozadi.jpg") no-repeat;
}
ul#menu a#insuranceMenu {
  display: block; width: 84px; height: 33px; text-align: center; padding-top: 11px;
  background: url("/media/images/backgrounds/hp/konec_menu_pozadi.gif") right 0 no-repeat;
}
ul#menu a#insuranceMenu:hover {
  width: 84px; height: 44px; text-decoration: none; color: #ffa200;
  background: url("/media/images/backgrounds/menu/pojisteniA_menu_pozadi.jpg") no-repeat;
}
ul#menu a#insuranceMenu.active {
  width: 84px; height: 44px; text-decoration: none; color: #fff;
  background: url("/media/images/backgrounds/menu/pojisteniS_menu_pozadi.jpg") no-repeat;
}

ul#menu a#creditCardMenu {
  display: block; width: 101px; height: 33px; text-align: center; padding-top: 11px;
}
ul#menu a#creditCardMenu:hover {
  width: 101px; height: 44px; text-decoration: none; color: #4ca2d3;
  background: url("/media/images/backgrounds/menu/kartaA_menu_pozadi.jpg") no-repeat;
}
ul#menu a#creditCardMenu.active {
  width: 101px; height: 44px; text-decoration: none; color: #fff;
  background: url("/media/images/backgrounds/menu/kartaS_menu_pozadi.jpg") no-repeat;
}

ul#menu a#installmentSaleMenu {
  display: block; width: 101px; height: 33px; text-align: center; padding-top: 11px;
}
ul#menu a#installmentSaleMenu:hover {
  width: 101px; height: 44px; text-decoration: none; color: #ad74a7;
  background: url("/media/images/backgrounds/menu/splatkyA_menu_pozadi.jpg") no-repeat;
}
ul#menu a#installmentSaleMenu.active {
  width: 101px; height: 44px; text-decoration: none; color: #fff;
  background: url("/media/images/backgrounds/menu/splatkyS_menu_pozadi.jpg") no-repeat;
}

div#menuBox ul#menu a#projectMenu {
  display: block; width: 142px; height: 33px; text-align: center; padding: 11px 2px 0 0;
}
ul#menu a#projectMenu:hover {
  width: 142px; height: 44px; text-decoration: none; color: #ffa200;
  background: url("/media/images/backgrounds/menu/projektA_menu_pozadi.jpg") no-repeat;
}
ul#menu a#projectMenu.active {
  width: 142px; height: 44px; text-decoration: none; color: #fff;
  background: url("/media/images/backgrounds/menu/projektS_menu_pozadi.jpg") no-repeat;
}

/**
 * Content - often used
 * 
 * Breadcrumbs 
 * Contact possibility  
 */
 
 
/* Breadcrumbs */
p#breadcrumbs {
  font-size: 90%; color: #999; margin: 0 0 15px 0;
}
p#breadcrumbs a {
  text-decoration: none; color: #333;
}
p#breadcrumbs a:hover, p#breadcrumbs a:active {
  text-decoration: underline; color: #d81126;
}
 
/* Contact possibility */
div#id13 {
  float: left; width: 708px; color: #333; padding: 0 13px 20px 13px;
  background: url("/media/images/backgrounds/id7_pozadi.jpg") no-repeat;
}
div#id13 h2 {
  display: none;
}
div#id13 h3 {
  font-size: 110%; margin: 10px 0 4px 0;
}
div#id13 p {
  font-size: 90%; margin: 0;
}
div#id13 p.href {
  background: url("/media/images/backgrounds/arrows/odrazka_dvojita_cervena.gif") left 15px no-repeat;
}
div#openingTime {
  float: left; width: 200px; margin: 0 11px 0 0; padding-right: 13px;
  background: url("/media/images/separators/kontakt_separator.jpg") right -1px no-repeat;
}
div#openingTime h3 {
  position: relative; width: 150px; height: 16px;
}
div#openingTime h3 span {
  position: absolute; left: 0; top: 0; display: block; width: 150px; height: 16px;
  background-image: url("/media/images/headlines/oteviraci_doba_nadpis.gif");
}
div#callBack {
  float: left; width: 240px; margin: 0 9px 0 0; padding-right: 12px;
  background: url("/media/images/separators/kontakt_separator.jpg") right -1px no-repeat;
}
div#callBack h3 {
  position: relative; width: 223px; height: 16px;
}
div#callBack h3 span {
  position: absolute; left: 0; top: 0; display: block; width: 223px; height: 16px;
  background-image: url("/media/images/headlines/kontakt_telefon_nadpis.gif");
}
div#callBack a {
  display: block; height: 34px; text-decoration: underline; color: #d81126; margin-top: -5px; padding: 9px 0 0 11px;
  background: url("/media/images/icons/telefon.jpg") right top no-repeat;
}
div#callBack a:hover, div#callBack a:active {
  text-decoration: none;
  background: url("/media/images/icons/telefon.jpg") right -43px no-repeat;
}
div#emailBack {
  float: left; width: 223px;
}
div#emailBack h3 {
  position: relative; width: 176px; height: 16px;
}
div#emailBack h3 span {
  position: absolute; left: 0; top: 0; display: block; width: 176px; height: 16px;
  background-image: url("/media/images/headlines/kontakt_email_nadpis.gif");
}
div#emailBack a {
  display: block; height: 29px; text-decoration: underline; color: #d81126; margin-top: -5px; padding: 9px 0 0 11px;
  background: url("/media/images/icons/email.jpg") right -2px no-repeat;
}
div#emailBack a:hover, div#emailBack a:active {
  text-decoration: none;
  background: url("/media/images/icons/email.jpg") right -40px no-repeat;
}
div#id13 p#greenLine {
  position: relative; float: left; width: 190px; height: 36px; margin-right: 24px;
}
p#greenLine span {
  position: absolute; left: 0; top: 0; display: block; width: 190px; height: 37px;
  background-image: url("/media/images/icons/zelena_linka.jpg");
}
div#newsletter {
  float: right; width: 474px; height: 27px; padding: 13px 5px 5px 15px;
  background: url("/media/images/backgrounds/newsletter_pozadi.jpg") no-repeat;
}
input#newsletterEmail {
  width: 150px; border: 1px solid #999;
}
input#newsletterButton {
  cursor: pointer; width: 25px; height: 18px; border: none;
  background: none; background-image: url("/media/images/buttons/newsletter_ok_tlacitko.jpg");
}
div#newsletter span {
  font-size: 90%;
}

/**
 * Foot
 * 
 * Foot menu
 * Foot informations   
 */
ul#footMenu {
  width: 956px; text-align: center; height: 14px; font-size: 90%; color: #444; margin: 10px 0 0 0; padding: 5px 0 5px 10px;
  background: #f0c427 url("/media/images/backgrounds/hp/paticka_menu_pozadi.jpg") no-repeat;
}
ul#footMenu li {
  display: inline; list-style-type: none; margin: 0; padding: 0 20px 0 20px;
  background: url("/media/images/separators/paticka_menu_separator.jpg") right 0 no-repeat;
}
ul#footMenu li.lastItem {
  background: none;
}
ul#footMenu li a {
  text-decoration: none; color: #584e32;
}
ul#footMenu li a:hover, ul#footMenu li a:active {
  text-decoration: underline;
} 
p.id4 {
  font-size: 90%; margin: 20px 18px 0 0; 
}
div#id5 {
  float: left; margin-top: 20px;
  background: url("/media/images/backgrounds/hp/paticka_boxy_pozadi.jpg") -18px 0 repeat-y;
}
div#id5 h2 {
  display: none;
}
div#id5 h3 {
  font-weight: bold; font-size: 100%; margin: 0 0 10px 0;
}
div#id5 ul {
  font-size: 90%; margin: 0; padding: 0;
}
div#id5 ul li {
  float: left; width: 120px; list-style-type: none;
}
div#id5 li a {
  text-decoration: underline; color: #999;
}
div#id5 li a:hover, div#id5 li a:active {
  text-decoration: none;
}
div#id6 {
  float: left; width: 385px; padding-right: 30px;
}
div#id7 {
  float: left; width: 132px; padding: 0 20px 0 80px;
}
div#id8 {
  float: left; width: 240px; padding: 0 0 0 80px;
}