body {margin:0; padding:0; font:12px arial,verdana,sans-serif; color:#333; height:100%; text-align:center;}
body.uvo {background:#fff url("img/body_bg.jpg") repeat-x top;}
body.pod {background:#fff url("img/body_bg_pod.jpg") repeat-x top;}
html a:active { outline:none;}
:focus {-moz-outline-style: none;}
* {margin:0; padding:0;}
img {border:0;}

#hlavicka {margin:0 auto; padding:0; width:980px; text-align:left; vertical-align:top;} 

#logo {position:absolute; top:10px; margin-left:40px;}
#zalozky {color:#ffffff; padding:0; margin:31px 8px 0 0; _margin:31px 1px -3px 0; list-style:none; float:right;}
#zalozky ul li{list-style-type:none;  float:left;  width:110px; height:40px; padding:0; margin:0 2px;}
a#zalozka_ccg {display:block;  width:110px;  height:40px;  background:url('img/zalozka_ccg.gif') 0 bottom no-repeat;}
a#zalozka_cc  {display:block;  width:110px;  height:40px;  background:url('img/zalozka_cc.gif') 0 bottom no-repeat;}
a#zalozka_vu  {display:block;  width:110px;  height:40px;  background:url('img/zalozka_vu.gif') 0 bottom no-repeat;}
a#zalozka_lu  {display:block;  width:110px;  height:40px;  background:url('img/zalozka_lu.gif') 0 bottom no-repeat;}
a#zalozka_ccs {display:block;  width:110px;  height:40px;  background:url('img/zalozka_ccs.gif') 0 bottom no-repeat;}
a#zalozka_ren {display:block;  width:110px;  height:40px;  background:url('img/zalozka_ren.gif') 0 bottom no-repeat;}
#zalozky ul li a:hover {background-position:0 -40px;}
#zalozky ul li a.active {background-position:0 top;}
#zalozky ul li a.active:hover {background-position:0 top;}
#zalozky ul li a span {display:none;}

#hlava2 {text-align:center; margin:0 auto; width:980px;} 
#hlavicka2 {position:absolute; top:71px; left:50%; margin:0 0 0 -490px; clear:both; padding:0; width:980px; background:transparent url("img/bg_menu.jpg") top center no-repeat; text-align:left;} 

#jazyky {margin:22px 0 0 10px; padding:0; font-weight:bold; float:left; width:70px;}
a#lang_cz {display:block; margin:0 1px; width:30px; height:21px; background:url('img/lang_cz.gif') 0 top no-repeat; float:left;}
a#lang_en {display:block; margin:0 1px; width:30px; height:21px; background:url('img/lang_en.gif') 0 top no-repeat; float:left;}
#jazyky a:hover {background-position:0 -21px;}
#jazyky span {display:none;}
#jazyky a.active_lang {background-position:0 -21px;}

#hledej {margin:19px 10px 0 0; padding:0; float:left; height:47px;}
#hledej input.bord {color:#666666; vertical-align:top; margin-top:3px; padding:2px 0 0 2px; height:23px; width:100px; border:0; background:url("img/bg_hledani.gif") no-repeat left top;}
#hledej input#s {vertical-align:middle;}

#horni {margin:0 0 0 0; padding:0;} 

a {color: #f87602; text-decoration: underline;}
a:hover {text-decoration: none;}
a:visited {color:gray;}

a.tips07, a.tips2, a.tips4, a.ur07, a.ur {padding-right:15px; background:url('img/ur_icon.gif') no-repeat center right;}
a.ur07 {position:relative; z-index:24;}
a.ur07 span {display:none;}
/*background:; ie hack, something must be changed in a for ie to execute it*/
a.ur07:hover {z-index:25; /*background:;*/}
a.ur07:hover span {display:block; position:absolute; top:-73px; left:0;	padding:0; width:224px;	height:73px; text-align: center; background:url(img/bg_bublina.gif) no-repeat top;
}

#uvod {margin:0; padding:0; clear:both;}
#uvod-hlavni {margin:0;}
#uvod-hlavni-nahore {margin:24px 0 0 0; padding:0; height:67px; background:#000;}
#uvod-hlavni-nahore p{margin:12px 15px 0 15px; float:left; color:#999}
#uvod-hlavni-nahore ul li{list-style-type:none;  float:left;  width:179px; margin:0 7px;}
a#produkt_uhli      {display:block;  width:179px;  height:52px;  background:url('img/produkt_uhli.gif') 0 bottom no-repeat;}
a#produkt_energie   {display:block;  width:179px;  height:52px;  background:url('img/produkt_energie.gif') 0 bottom no-repeat;}
a#produkt_teplo     {display:block;  width:179px;  height:52px;  background:url('img/produkt_teplo.gif') 0 bottom no-repeat;}
a#produkt_povolenky {display:block;  width:179px;  height:52px;  background:url('img/produkt_povolenky.gif') 0 bottom no-repeat;}
a#produkt_obnovitelne {display:block;  width:179px;  height:52px;  background:url('img/produkt_obnovitelne.gif') 0 bottom no-repeat;}
#uvod-hlavni-nahore ul li a:hover {background-position:0 top; }
#uvod-hlavni-nahore ul li a span {display:none;}

#uvodka {padding:261px 0 0 0; margin:0 auto; width:980px; text-align:left; clear:both;}
#uvodka .sloupec {width: 240px; float: left;}
#uvodka .sloupec.prvni {clear: both;}
#uvodka .sloupec.dlouhy {margin: 0 42px; width: 405px;}
#uvodka h1 {display:none;}
#uvodka h2, #uvodka h3 {color:#707070; border-bottom: 2px solid #d0d0d0; margin: 10px 0; padding: 0 0 5px 5px; font-size: 15px;}
#uvodka .dlouhy h2, #uvodka .dlouhy h3 {color:#237766;}
#uvodka ul, #uvodka p {margin: 0; padding: 0; font-size: 12px;}
#uvodka ul li, #uvodka p {list-style-type: none; font-weight: bold; padding: 7px 0;}

#uvodka .sloupec a {color: #494949;}
#uvodka .prvni ul, #uvodka .prvni p {color: #494949; font-size:11px;}
#uvodka .sloupec.dlouhy a {color: #008066;}
#uvodka ul li.cislo1, #uvodka ul li.cislo2, #uvodka ul li.cislo3 {padding: 7px 0 7px 43px; background: url("img/odr_poslani1.gif") left no-repeat; }
#uvodka ul li.cislo2 {background-image: url("img/odr_poslani2.gif");}
#uvodka ul li.cislo3 {background-image: url("img/odr_poslani3.gif");}
#uvodka .datum {height: 16px; _height: 18px;  margin: 10px 0; padding: 2px 0 0 4px; color: white; background: url("img/bg_datum.gif") top left no-repeat; font-size: 11px;}
#uvodka .datum.dulezity {background-position: bottom left;}
#uvodka .datum em {color:#7f7f7f; font-weight: normal; margin-left: 8px;}
#uvodka .sloupec .datum em a {color: #494949;}
#uvodka .sloupecek {width: 180px; float: left; margin-right: 30px;}
#uvodka .sloupecek.druhy {margin-right: 0;}

#poslani  {margin:0; padding:0 20px 0 0px; width:230px; _width:250px; float:left; text-align: justify;}
#poslani h1, #levy h1, #pravy h1 {margin:0; padding: 8px 0 0 0; height:23px; _height:31px; color:#666; font: bold 16px arial,verdana,sans-serif; text-transform:none;}
#poslani ol li {margin:0 0 10px 0; padding:0;}
#levy  {margin:0; padding:0 10px 0 10px; width:370px; _width:390px; float:left; text-align: justify;}
#pravy {margin:0; padding:0 10px 0 10px; width:300px;  _width:330px; float:left; text-align: justify;}

.datum {font-style:italic;}
.autor {font-style:italic;}
    
#hlavni-nahore {margin:0; padding:0; height:30px; background:#ffffff url("img/nahore_bg.jpg") no-repeat top left;}
#stred {position:relative; top:186px; margin:0 auto; padding:0 0 180px 0; width:980px; text-align:left; /*background: url("img/bg_cmouha.gif") 668px bottom no-repeat; */} 
#stred1 {position:relative; top:0px; margin:0 auto; margin:0 auto; padding:0; _padding:0 0 437px 0; width:980px; text-align:left; /*background: url("img/bg_cmouha.gif") 668px bottom no-repeat; */} 

#leva-horni     {float:left; margin:6px 0 0 0; padding:0; height:450px; width:185px; vertical-align:top; background:#ffffff url("img/vlevo_bg.gif") no-repeat left top; text-align:left;} 

#vlevo   {margin:0; padding:0; width:230px; float:left;}
#vpravo  {padding:0 0 20px; width:700px; float:right;}
#vpravo ul {margin:10px 0 5px 15px; list-style-type:none; }
#vpravo ul li {padding-left:15px; background: url("img/odr_seznam.gif") left 0.35em no-repeat;}
#vpravo ol {margin:10px 0 5px 25px; }

table {font-size:12px;}
table.tabulka,table.tabulka tr,table.tabulka td,table.tabulka th{border-collapse:collapse;border-spacing:0;border:1px solid #d7d7d7; font-size: 11px;}
table.tabulka{margin:1em 0;background:#222; border: 1px solid}
table.tabulka th{background: #bbbbbb url('img/bg_th.gif') top repeat-x;color:white; padding: 8px 5px;border: 1px solid #9f9f9f;}
table.tabulka td{padding:3px;text-align:left; background: #f6f6f6 url('img/bg_td.gif') top repeat-x;}
    
/*.tdata td, .tdata th {text-align:left; background-color:#eeffee;}*/
td.datal, table.tabulka td.datal {vertical-align : top;	text-align : left;}
td.datac, table.tabulka td.datac {vertical-align : top;	text-align : center;}
td.datar, table.tabulka td.datar {vertical-align : top;	text-align : right;}
td.topl, table.tabulka td.topl {vertical-align : top;	text-align : left;}
td.topc, table.tabulka td.topc {vertical-align : top;	text-align : center;}
td.topr, table.tabulka td.topr {vertical-align : top;	text-align : right;}

a.btn {display: block; width: 179px; height: 28px; _height: 40px; background: url('img/bg_btn.gif') bottom no-repeat; font-weight: bold; color: white; margin: 15px 0; text-align: center; padding-top: 12px; text-decoration: none;}
a.btn:hover {background-position: top;}
a.btn:visited {color: white;}

#nahore {margin:10px 3px 0 0; padding:0 0 0 0; text-align:left;}
#nahore h1 {margin:0; padding:7px 10px 2px 0; font:bold 140% tahoma,arial,verdana,sans-serif; color:#ffffff;}
#ctx {margin:0; padding:3px 10px 10px 0; font:normal 80%; border-bottom:1px solid #ccc; color:#666666;}
#ctx a {color:#666666;}

.obr a { border-bottom: 2px #fff3d1 solid; }
.obr a:hover { border-bottom: 2px #3E7C63 solid; }
h1 {padding:20px 0 10px; font-size:20px; font-weight:bold; color:#008067;}
h2 {padding:15px 0 0 0; font-size:16px; font-weight:bold; color:#008067;}
h3, h4, h5 {padding:10px 0 0 0; font-size:13px; font-weight:bold; color:#008067;}
#prava.mus #txt h1 {color:#008165;}
#prava.mus #txt h2 {color:#008165;}
#prava.mus #txt h3 {color:#008165;}
.nadpis_obr {font:bold 13px; color: #008067;}

#obal {margin:0; padding:15px 0 0 0px; text-align:center; float:right;}

ul#mainMenu {color:#ffffff; padding:0; margin:0; list-style:none; text-align:center;}
ul#mainMenu ul {margin:0; padding:0; height:20px; line-height:20px;}
ul#mainMenu li {list-style:none; float:left; padding-top:4px;}
/*ul#mainMenu a {display:block; color:#333333; background-color:#eeeeee; width:125px; margin:0 1px 0 0; padding-top:0px; height:28px; line-height:25px; text-decoration:none; font-size:12px; font-family:Tahoma,Verdana; font-weight:bold;}
*/
ul#mainMenu a {display:block; color:#333333; font-size:12px; text-decoration:none;}
a#menu_profil   {display:block; margin:0; width:110px; height:30px; background:url('img/menu_profil.gif') 0 top no-repeat;}
a#menu_produkty {display:block; margin:0; width:178px; height:30px; background:url('img/menu_produkty.gif') 0 top no-repeat;}
a#menu_novinky  {display:block; margin:0; width:110px; height:30px; background:url('img/menu_novinky.gif') 0 top no-repeat;}
a#menu_ur       {display:block; margin:0; width:178px; height:30px; background:url('img/menu_ur.gif') 0 top no-repeat;}
a#menu_kontakt  {display:block; margin:0; width:110px; height:30px; background:url('img/menu_kontakt.gif') 0 top no-repeat;}

ul#mainMenu a.active_menu {background-position:0 -60px;}
ul#mainMenu a:hover {background-position:0 -29px;}
ul#mainMenu a.active_menu:hover {background-position:0 -60px;}
ul#mainMenu span {display:none;}
ul#mainMenu li:hover #dropdown, ul#mainMenu li.hover #dropdown {visibility:visible;}
ul#mainMenu li:hover .dropdown, ul#mainMenu li.hover .dropdown {visibility:visible;}
ul#mainMenu li:hover ul, ul#mainMenu li.hover ul {visibility:visible;}
/*ul#mainMenu li li {float:none; padding:0; background-color:transparent;}*/
ul#mainMenu li {behavior: url("/cs/hover.htc");}

#dropdown {position:absolute; width: 220px; font-size: 11px; visibility:hidden;}
#dropdown div.top {background: url("img/bg_dropdown_top.gif") top no-repeat; height: 5px; font-size:1px;}
.dropdown {position:absolute; width: 220px; font-size: 11px; visibility:hidden;}
.dropdown div.top {background: url("img/bg_dropdown_top.gif") top no-repeat; height: 5px; font-size:1px;}
ul#mainMenu ul {background: url("img/bg_dropdown_bottom.gif") bottom no-repeat; height:100%; font-weight: bold; margin: 0; padding: 7px 0 5px 20px; text-align:left;}
ul#mainMenu ul li { padding: 0 0 8px; list-style-type: none; float:none;}
ul#mainMenu ul li a{ color: black; text-decoration: none;}
ul#mainMenu ul li a:hover {color: #237766; text-decoration: underline;}

#leve-menu { width: 230px; background: url("img/bg_levemenu_top.gif") top no-repeat; margin-top: 50px; }
#leve-menu ul { margin: 0; padding: 8px 0 5px 20px; font-weight: bold;}
#leve-menu ul li { padding: 15px 0 0; list-style-type: none;}
#leve-menu ul li a{ padding: 0 0 0 20px; background: url("img/odr_levemenu.gif") left -1px no-repeat; color: black; text-decoration: none;}
#leve-menu ul li a.active{background-position: 0 -48px; color: #237766; text-decoration: none;}
#leve-menu ul li a:hover{background-position: 0 -48px; color: #237766; text-decoration: underline;}
#leve-menu div { height:14px; background: url("img/bg_levemenu_bottom.gif") bottom no-repeat; }
#leve-menu h3 {display:none;}
#leve-menu ul ul {margin:0 0 0 15px; padding:0; font-size:0.9em; font-weight:normal;}
#leve-menu ul ul li { padding: 5px 0 0;}

#leve-menu-dole {margin-left:0px; height:14px; background: url("img/bg_levemenu_bottom.gif") bottom no-repeat; }

#banyrek {margin: 30px 0 0 0; width: 230px; text-align:left;}

#kontakt, #souvisejici {margin: 30px 0 40px; width: 230px; text-align:left;}
#kontakt h3, #souvisejici h3 { height: 40px; background: url("img/nadpis_kdepusobime.gif") top no-repeat; margin:0;}
#kontakt h3 span, #souvisejici h3 span {display: none;}
#kontakt a.mapka {display: block; background: url("img/bg_kdepusobime.gif") top no-repeat; height: 129px;}
#kontakt a.mapka1 {display: block; background: url("img/bg_kdepusobime1.gif") top no-repeat; height: 129px;}
#kontakt a.mapka2 {display: block; background: url("img/bg_kdepusobime2.gif") top no-repeat; height: 129px;}
#kontakt #adresa {margin: -40px 0 0 35px; font-size: 11px;}
    
#souvisejici h3 {background-image: url("img/nadpis_souvisejici.gif")}
#souvisejici ul {margin: 10px 0 0 30px; font-size:11px;}
#souvisejici ul li {list-style-type: none; padding: 0.5em 0; margin: 0;}

p {margin:10px 0 5px 0; padding:0; text-align:left;}

/*#paticka {margin:0; padding:0; width:980px; height:130px; text-align:left; font:10px verdana,arial,sans-serif;}*/ 
#paticka {background: black; margin-top: 0; text-align: center; padding-left:70px;}
#paticka div {position:relative; margin: 0 auto; width: 980px; height:150px; _height:210px; padding: 30px 0; background: url("img/bg_cmouha1.gif") 550px top no-repeat;}
#paticka_pf, #paticka_banner0, #paticka_banner1, #paticka_banner2, #paticka_banner3, #paticka_banner4, #paticka_limity, #paticka_hlavy, #paticka_kariera { display: block; float: left; margin-right: 30px; width: 197px; height: 74px; background: url("img/paticka_logo.gif") bottom no-repeat;  }
#paticka_pf {background-image: url("img/banner_pf2010.gif");}
#paticka_banner0 {background-image: url("img/paticka_xenergie.gif");}
#paticka_banner2 {background-image: url("img/paticka_safari.gif");}
#paticka_banner3 {background-image: url("img/paticka_kamery.gif");}
#paticka_banner4 {background-image: url("img/paticka_spoluziti.gif");}
#paticka_limity {background-image: url("img/paticka_limity.gif");}
#paticka_hlavy {background-image: url("img/paticka_hlavy.gif");}
#paticka_kariera {background-image: url("img/banner_kariera.gif");}
#paticka_pf:hover, #paticka_banner0:hover, #paticka_banner1:hover, #paticka_banner2:hover, #paticka_banner3:hover, #paticka_banner4:hover, #paticka_limity:hover, #paticka_hlavy:hover, #paticka_kariera:hover {background-position: top;}
   
#paticka span {display:none;}
.neobteka {clear: both;}

@media print {
#zalozky, #obal, #jazyky, #hledej, #uvod, #paticka, #vlevo, #dropdown {display:none;}
/* #hlavicka, #hlava2, #hlavicka2 {display:none;} */
/* #hlavicka, #hlava2, #hlavicka2, #paticka, #vlevo, #dropdown {display:none;} */
#logo {position:absolute; top:0; left:0; padding:0;}
body.uvo #stred {position:absolute; top:145px; left:0; padding:0;}
body.pod #stred {position:absolute; top:50px; left:0; padding:0;}
#uvod-hlavni-nahore ul li a span {display:inline;}
#vpravo {padding:0; width:100%; float:none;}
#vpravo ul {list-style-type:disc;}
}