html { margin:0; padding:0; }

body,table {
  font-family: "Arial CE", "Arial", sans-serif;
}

body {
  font-size: 12px;
  margin:0;
  padding:0;
  color:#4A4A4A;
  background:white;
  background:url("../img/layout/body_bcg.jpg") center top no-repeat #2D2E1E;
}

table {
  font-size: 1em;
  color:#4A4A4A;
  border:none;
}


div#page_container {
  position:relative;
  width:1000px;
  margin:0 auto;
  padding:78px 0 0 0;
  /*background:url("../img/layout/body_bcg.jpg") center top no-repeat #292A1A;*/
}

div#heading {
  position:absolute;
  left:0px;
  top:12px;
  width:1000px;
  height:66px;
  padding:0;
  background:url("../img/layout/heading_bcg.gif") left top repeat-x #FFD200;
}
div#heading a#logo_SPP { position:absolute; top:21px; left:33px; }
div#heading a#logo_SPP img { width:76px; height:42px; }

/* ------------------ HLAVNÍ MENU ---------------------------------- */
div#heading div#menu_main {
  position:absolute;
  left:114px;
  top:49px;
}
div#heading div#menu_main a {
  display:block;
  /*padding:0 10px 0 12px;*/
  float:left;
  text-transform:uppercase;
  font-size:11px;
  font-family:"Trebuchet MS", "Arial CE", Arial, sans-serif;
  text-decoration:none;
  color:#454545;
  text-align:center;
  position:relative;
}
/*definice pevných šířek prvků menu - kvůli bold písmu při hover :o( */
div#heading div#menu_main a#mm_domov { width:64px; }
div#heading div#menu_main a#mm_zakaznici { width:78px; }
div#heading div#menu_main a#mm_o-nas { width:55px; }
div#heading div#menu_main a#mm_o-zemnom-plyne { width:115px; }
div#heading div#menu_main a#mm_doprava-na-cng { width:112px; }
div#heading div#menu_main a#mm_spp-pre-buducnost { width:127px; }
/*div#heading div#menu_main a#mm_ekologia { width:77px; }
div#heading div#menu_main a#mm_pomahame { width:81px; }*/
div#heading div#menu_main a#mm_partneri { width:73px; }
div#heading div#menu_main a#mm_media { width:57px; }
div#heading div#menu_main a#mm_kariera { width:66px; }
div#heading div#menu_main a#mm_kontakt { width:71px; }

div#heading div#menu_main a#mm_home { width:64px; }
div#heading div#menu_main a#mm_customers { width:78px; }
div#heading div#menu_main a#mm_about-us { width:74px; }
div#heading div#menu_main a#mm_about-natural-gas { width:130px; }
div#heading div#menu_main a#mm_transport-to-cng { width:123px; }
div#heading div#menu_main a#mm_spp-for-the-future { width:130px; }
/*div#heading div#menu_main a#mm_ecology { width:74px; }
div#heading div#menu_main a#mm_we-help { width:65px; }*/
div#heading div#menu_main a#mm_partners { width:74px; }
div#heading div#menu_main a#mm_the-media { width:54px; }
div#heading div#menu_main a#mm_career { width:62px; }
div#heading div#menu_main a#mm_contact { width:69px; }

div#heading div#menu_main a.last-child span.menu_main_active_id_right {
  display:none;
}
div#heading div#menu_main a span.menu_main_active_id_right {
  display:block;
  position:absolute;
  right:0px;
  top:0px;
  width:2px;
  height:27px;
  background:url("../img/layout/menu_main_item_bcg.gif") left 5px no-repeat transparent;
}
div#heading div#menu_main a.left-sibling span.menu_main_active_id_right {
  background:transparent;
}
div#heading div#menu_main a.active span.menu_main_active_id_right {
  display:block;
  background:url("../img/layout/menu_main_item_active_right_border.gif") left top no-repeat transparent;
}

div#heading.standard div#menu_main a.active {
  background:url("../img/layout/menu_main_item_active_bcg.gif") left top no-repeat white;
  padding-bottom:8px;
  padding-top:3px;
  position:relative;
  top:-3px;
  font-weight:bold;
}
div#heading div#menu_main a:hover {
  font-weight:bold;
}
/* ------------------ HLAVNÍ MENU end ---------------------------------- */

div#heading form#form_hladat {
  position:absolute;
  right:20px;
  top:15px;
  width:148px;
  height:22px;
  background:url("../img/layout/hladat_bcg.gif") left top no-repeat transparent;
}
div#heading form#form_hladat input#hladat {
  position:absolute;
  left:10px;
  top:4px;
  width:110px;
  height:12px;
  border:none;
  background:none;
  padding:0;
  margin:0;
  font-size:10px;
}
div#heading form#form_hladat input#submit {
  background:none;
  cursor:pointer; border:none;
  position:absolute; left:120px; top:2px;
  width:25px;
  height:20px;
}



div#main_container {
  margin:0 0 30px 0;
  width:100%;
}


div#main {
  width:915px;
  margin:0 auto;
  padding:0 15px 0 30px;
  position:relative;
  min-height:500px;
  background:url("../img/layout/main_bcg.gif") left top repeat-x white;
}
div#main.home {
  width:960px;
  padding:0;
  background-color:transparent;
}

/* ------------------ OBSAH ---------------------------------- */

div#obsah {
  float:left;
  margin-left:125px;
  width:575px;
  padding:190px 25px 20px 25px;
  min-height:370px;
  position:relative;
  overflow:hidden;
}

div#obsah div#obsah_top { position:absolute; left:25px; top:10px; height:157px; }
div#obsah div#obsah_top div#obsah_top_navigace { font-size:11px; height:2em; overflow:hidden; }
div#obsah div#obsah_top div#obsah_top_navigace a {
  background:url("../img/layout/obsah_top_nav_item_bcg.gif") left center no-repeat transparent;
  padding-left:12px;
  color:#5f5f46
}
div#obsah div#obsah_top img#obsah_top_image { width:574px; height:141px; }

div#obsah p#obsah_sdielanie { margin-top:2em; padding-top:0.5em; border-top:1px solid #D1CFCC; }
div#obsah p#obsah_sdielanie a { margin:0 2px; }
div#obsah p#obsah_sdielanie a img { width:16px; height:16px; opacity:0.7; filter: alpha(opacity=70); }
div#obsah p#obsah_sdielanie a:hover img { opacity:1; filter: alpha(opacity=100); }
/* ------------------ OBSAH end ---------------------------------- */

/* ------------------ LEVÉ MENU ---------------------------------- */
div#menu_section {
  float:left;
  margin:0 0 0 -780px;
  width:143px;
  min-height:500px;
  padding:30px 5px 0 10px;
  background:url("../img/layout/menu_section_bcg.gif") right top no-repeat transparent;
}
div#menu_section a {
  display:block;
  margin:0.25em 0;
  padding:0 0 0 8px;
  background:url("../img/layout/menu_section_odrazka.gif") left 4px no-repeat transparent;
  text-decoration:none;
  text-transform:uppercase;
  font-family:"Trebuchet MS", "Arial CE", Arial, sans-serif;
  font-size:12px;
  color:#545439;
}
div#menu_section a.active, div#menu_section a:hover {
  background-image:url("../img/layout/menu_section_odrazka_hover2.gif");
  font-weight:bold; font-style:italic;
}

div#menu_section div.submenu { margin:8px 0 13px 4px; }
div#menu_section div.submenu a {
  text-transform:none; margin:0.15em 0; background-image:none; color:#929b70;
  text-decoration:underline;
}
div#menu_section div.submenu a:hover, div#menu_section div.submenu a.active {
  font-weight:normal;
  font-style:normal;
  text-decoration:none;
  background-image:url("../img/layout/menu_section_odrazka_hover2.gif");
}
div#menu_section a.crisis {
  color:#E10000;
}

div#menu_section div.submenu div.submenu { margin-left:8px; }
div#menu_section div.submenu div.submenu a { line-height:1.2em; margin-top:0.5em; margin-bottom:0.5em; background-position:left 3px; }
div#menu_section div.submenu div.submenu div.submenu a { /*margin-left:0.5em;*/ }

/* ------------------ LEVÉ MENU end ---------------------------------- */



/* ------------------ RIGHT_COL ---------------------------------- */
div#right_col {
  float:right;
  width:160px;
  margin:30px 0 0 0;
}

div#right_col div.banner { text-align:center; }

div#right_col h4 {
  margin-top:1.5em;
  text-transform:uppercase;
  font-family:"Trebuchet MS", "Arial CE", Arial, sans-serif;
  color:#545439;
  border-bottom:1px solid #868d64;
}
div#right_col ul#najcitanejsie {
  list-style-type:square;
  margin-left:1.2em;
  margin-bottom:0.5em;
}
div#right_col ul#najcitanejsie a { color:#899b51; }

div#right_col p.dalsie { text-align:right; margin-top:0.5em; font-size:85%; }
div#right_col p.dalsie a {
  text-transform:uppercase;
  background:url("../img/layout/dalsie_bcg.gif") right center no-repeat transparent;
  padding-right:12px;
}

div#right_col ul#na_stiahnutie {
  list-style-type:none;
  list-style-image:url("../img/layout/na_stiahnutie_odrazka.gif");
  margin-left:17px;
  margin-bottom:0.5em;
}
div#right_col ul#na_stiahnutie a { color:#879851; }

div#right_col *:first-child { margin-top:0; }
/* ------------------ RIGHT_COL end ---------------------------------- */

/*obrázek kytky vlevo dole*/
div#flower_left_bottom {
  position:absolute; left:3px; bottom:40px;
  width:150px;
  height:103px;
  background:url("../img/layout/kytka_left_bottom.png") center center no-repeat transparent;
}


div#main_cleaner { clear:both; height:10px; }

div#footer_container {
  width:100%;
  height:53px;
  clear:both;
  background:url("../img/layout/footer_container_bcg.gif") left top repeat-x #292A1A;
}

div#footer {
  width:960px;
  height:53px;
  margin:0 auto;
}
div#footer a.text_odkaz {
  display:block;
  margin-right:10px;
  float:left;
  vertical-align:middle;
  height:53px;
  line-height:53px;
  font-family:"Trebuchet MS", "Arial CE", Arial, sans-serif;
  text-decoration:none;
  color:#333;
  text-transform:uppercase;
  font-weight:bold;
  font-size:12px;
}
div#footer img { float:right; }

a#lang_switch {
  position:absolute;
  right:20px;
  top:0px;
  color:white;
  text-transform:uppercase;
  text-decoration:none;
  height:12px;
  font-size:9px;
  padding-left:8px;
  background:url("../img/layout/lang_switch_indent.gif") left center no-repeat transparent;
}

div#designed_by {
  text-align:center;
  padding:1em 0;
  font-family:"Trebuchet MS", "Arial CE", Arial, sans-serif;
  color:white;
  text-transform:uppercase;
  font-size:12px;
}
div#page_url { display:none; }


/* eurokalkulačka */
div#eurokalkulacka_container {
  width:157px;
  height:216px;
  margin:2em auto;
  background:url("../img/layout/eurokalkulacka_bcg.gif") left top no-repeat transparent;
  position:relative;
}
div#eurokalkulacka_container * { position:absolute; }
div#eurokalkulacka_container input#ek_eur, div#eurokalkulacka_container input#ek_skk {
  left:15px; top:48px;
  width:95px;
  border:none;
  background:none;
  text-align:right;
  font-size:12px;
}

div#eurokalkulacka_container input#ek_skk {
  top:73px;
}
div#eurokalkulacka_container button { display:block; width:35px; height:25px; position:absolute; font-size:0px; text-decoration:none; color:white; border:none; background:none; cursor:pointer; }
div#eurokalkulacka_container button#ek_7 { left:5px; top:96px; }
div#eurokalkulacka_container button#ek_8 { left:42px; top:96px; }
div#eurokalkulacka_container button#ek_9 { left:79px; top:96px; }
div#eurokalkulacka_container button#ek_C { left:116px; top:96px; }
div#eurokalkulacka_container button#ek_4 { left:5px; top:125px; }
div#eurokalkulacka_container button#ek_5 { left:42px; top:125px; }
div#eurokalkulacka_container button#ek_6 { left:79px; top:125px; }
div#eurokalkulacka_container button#ek_CE { left:116px; top:125px; }
div#eurokalkulacka_container button#ek_1 { left:5px; top:155px; }
div#eurokalkulacka_container button#ek_2 { left:42px; top:155px; }
div#eurokalkulacka_container button#ek_3 { left:79px; top:155px; }
div#eurokalkulacka_container button#ek_SKK-EUR { left:116px; top:155px; }
div#eurokalkulacka_container button#ek_0 { left:5px; top:183px; }
div#eurokalkulacka_container button#ek_comma { left:42px; top:183px; }
div#eurokalkulacka_container button#ek_EUR-SKK { left:116px; top:183px; }