html,body,ul,ol,li,p,h1,h2,h3,h4,h5,h6{padding:0;margin:0;list-style:none;}
html{filter:expression(document.execCommand("BackgroundImageCache",false,true));background:#131000 url(htmlBG.jpg) repeat-x left top;}
body{font-size:62.5%;
  /* Nastaví 1em na 10px pro všechny prohlížeče */
  text-align:center;color:#333;
  /* vždy nastavit barvu písma,lepší než černá je tmavě šedá */
  font-family:georgia,"new york ce",utopia,serif;
  /* vždy nastavit řez písma,musí být dobře zobrazitelný,tj. pouze z těchto:http://www.pixy.cz/blogg/clanky/fonttest/ukazka.html */
}
#content{width:1005px;background:url(contentBG.jpg) repeat-y left top;text-align:left;margin:0 auto;position:relative;z-index:0;}
#main{width:660px;float:left;position:relative;left:300px;padding:5px;
  /* pozor,padding se přičítá,tj. celková šířka je 540+10 */
  height:730px;overflow:auto;z-index:1;}
#side{width:267px;float:left;position:relative;left:-656px;min-height:1000px;_height:1000px;margin-top:-425px;background:url(footer2.jpg) no-repeat 4px bottom;z-index:1;}
#side #map{position:absolute;margin-top:-30px;width:287px;height:170px;border:none;}
#side p{margin-left:2px;padding:8px 15px 0 35px;}
#side #novinky{position:relative;top:150px;padding:0 10px 0 36px;
  /*background:url(bgpdown.jpg) repeat-y 3px 30px;*/
}
#side #novinky h2{color:#314453;}
#header{background:burlywood;height:460px;overflow:hidden;position:relative;background:url(header.jpg) no-repeat left top;z-index:0;}
#header a strong{display:none;}
#current a.current{
  /* vždy klikací logo! příklad náhrady textu obrázkem*/
  position:relative;height:200px;left:615px;width:0;top:180px;padding-left:130px;overflow:hidden;display:block;}
#menujump{position:absolute;width:0;height:0;overflow:hidden;}
#other{position:absolute;top:0;right:0;z-index:100;background:black;}
#other a{color:white;}
#menu{margin-left:19px;background:url(menuBg.jpg) repeat-y left top;}
#white{position:relative;top:-5px;width:100%;height:379px;margin-left:19px;background:url(bgmenu.jpg) no-repeat left bottom;}
#menu h2{display:none;}
#menu ul li{display:block;margin-bottom:2px;background:url(buttonH.jpg) no-repeat 17px top;}
#menu a{width:215px;height:23px;line-height:23px;
  /* vertikální centrování textu na střed */
  padding-left:30px;margin-left:17px;display:block;color:black;font-family:serif,Impact,"Techno CE",sans-serif;font-size:140%;font-weight:bolder;background:url(button.jpg) no-repeat left top;text-decoration:none;}
#menu a:hover{background:url(buttonH.jpg) no-repeat left top;}
#menu a.oznac{background:url(buttonH.jpg) no-repeat left top;}
#map img{border:none;}
form,fieldset,legend{margin:0;padding:0;border:none;}
form{font-size:110%;width:80%;margin:0 auto;}
fieldset{margin:0.5em 0;}
fieldset legend{font-size:150%;font-weight:bold;color:#333;
  /* jinak IE dává modrou,takže vždy nastavit */
}
fieldset fieldset legend{font-size:130%;}
form label{text-align:right;display:block;}
form input,form select{width:98%;}
form label input{width:2em;}
#footer{background:url(footer.jpg) no-repeat left top;height:243px;clear:both;}
#footer li{display:inline;}
#footer br{display:none;}
#lista{clear:both;background:transparent;margin:0 auto;text-align:center;}
/* vždy nastavit obecný h1 až aspoň h4 */
h1,h2,h3,h4,h5,h6{
  /* sdružovat společná nastavení */
  /*font-family:Impact,"Techno CE",sans-serif;*/
  font-weight:normal;color:black;}
h1{font-size:170%;text-transform:uppercase;
  /*Velká písmena dělat stylem,ne textem! */
}
h2{font-size:150%;}
h3{font-size:130%;}
h4{font-size:130%;}
/* tagy nastavovat vždy uvnitř elementu,kterého se týkají */
#main p{
  /* velikost písma nastavovat na konkrétní tag,ne na celý div,písmo určené pro čtení (tj. ne nutně třeba patička) by mělo mít vždy minimálně 12 px (tj. 120%). Pakliže se nejedná o nějaký element,kde je velikost písma důležitá pro přesný design (občas u horizontálního menu a textových "obrázků"),tak jej nastavovat vždy v relativních jednotkách (em nebo %). */
  font-size:120%;margin:0.5em 0;line-height:1.3em;
  /* běžný text by měl mít meziřádkové mezery aby se co nejlépe četl */
}
#main ul,#main ol{margin:0.5em 0;}
#main ul li,#main ol li{list-style:disc url();margin-left:2em;font-size:120%;}
#vypis table{float:left;width:30%;}
#vypis table  td{border:1px #aeaeae solid;}
#vypis table  td + td{text-align:right;}
#vypis table th{border:1px #aeaeae solid;background:#d9d7d7 url();text-align:center;}
#vypis h2{font-size:200%;}
#vypis p{clear:both;}
#vypis span.tel{color:#e2bf1d;font-weight:bolder;font-size:200%;}
#vypis span.poznamka{color:#aeaeae;display:block;padding:0 0 20px 0;}
#vypis span.cena_poznamka{color:#aeaeae;}
.telup{position:absolute;top:11px;left:567px;font-weight:bolder;font-size:300%;color:black;z-index:99;width:300px;}
/*.telup font font{position:absolute;top:46px;left:590px;font-weight:bolder;font-size:320%;color:black;}
*/
.clear{display:block;clear:both;}
.hidden{display:none;}
a{text-decoration:underline;
  /* odkazy by měly být vždy potržené,ne nutně u blokových menu a podobně */
  color:navy;
  /* vždy musí mít nějakou základní barvu,kontrastní s pozadím main,nejlépe modrou */
}
a:hover{text-decoration:none;/}
a img{border:none;
  /* vždy nechat,kvůli IE nesmyslu s okrajem obrázků v odkazech */
}
a.first{text-align:right;}