* {border: 0;margin: 0;padding: 0;}

.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

.clearfix {display: inline-block;}

body { width:100%; padding:0; text-align:center; margin:0 auto; background-color: #000; font: 0.75em 'Verdana', Arial, Helvetica; }

#hlava {  width: 100%; height:300px; background: url(../images/carka_vrch.jpg) 0 100% repeat-x; }

#hlavni_menu { margin:0 auto; text-align:center; width: 1100px; height:33px; background: url(../images/menu.jpg) 0 100% no-repeat; }

.vrch { margin:0 auto; text-align:center; width:1100px; height:300px; background: url(../images/vrch.jpg) 0 100% no-repeat; }
.vrch-sl { margin:0 auto; text-align:center; width:1100px; height:300px; background: url(../images/vrch-sl.jpg) 0 100% no-repeat; }
.menuvrch {color:#fff; text-align:left; padding: 136px 0px 0px 615px; line-height:198%; font-variant: small-caps; letter-spacing: 0.1em; font-variant: small-caps; font-size: 1.40em}
.text_vrch {color:#fff; text-align:left;}

#page {text-align:center; margin:0 auto;  width:1100px; height:100%; background: url(../images/carka_spodek.jpg) 0 100% repeat-y; }
.text_page {margin-left: 65px; padding: 10px; color:#ccc;  text-align:left;}

.fobr {padding: 5px; border: 1px solid #000; margin: 10px 0 10px 0}
table { font: 0.90em 'Verdana', Arial, Helvetica; color: white}
table.hlavni{width:1100px; font-size: 0.95em;}
th.hla0 {width:77px; height:20px;  }
th.hla1 {width:315px; height:20px; background-color: #ffff00; text-align:center; }

td.hl0 {width:77px; height:150px;  }
td.hl1 {width:315px; height:150px; padding: 10px; vertical-align:top; text-align:left; color: white; border: 1px solid #666; line-height:150%}

td.hlb0 {width:77px; height:120px; }
td.hlb1 {width:315px; height:120px; background: url(../images/pole02.jpg) 0 100% no-repeat; border: 1px solid #666;}
td.hlb2 {width:315px; height:120px; background: url(../images/pole03.jpg) 0 100% no-repeat; border: 1px solid #666;}
td.hlb3 {width:315px; height:120px; background: url(../images/pole01.jpg) 0 100% no-repeat; border: 1px solid #666;}

td.kon1 {width:400px; line-height:160%; vertical-align:top; padding-bottom: 15px}
td.produkt1 { text-align:center; width:200px;  padding: 5px;}
td.produkt2 {width:440px; line-height:160%; vertical-align:top; padding: 5px; border: 1px solid #000;}
td.produkt3 { height:20px; background: #000 url(../images/podkladek.jpg) right no-repeat;}
.vice {text-align: right; padding: 0px 30px 0px 0px}
.zluta {color:#ffff80; text-decoration: underline;}
.menu_produkty { padding: 10px 0px 10px 5px; color: yellow}

.red { padding:8px}
.mala {width: 200px}
td.down {width:150px;  padding: 5px 3px 5px 3px;}
td.down1 {padding: 5px 3px 5px 3px;}

th.bb {padding: 5px 8px 5px 8px; background-color: #000; color: white}
td.cell{padding: 5px 8px 5px 8px; background-color: #eee; color: black}
td.cell1{text-align:right; padding: 5px 8px 5px 8px; background-color: #eee; color: black}
.okolo {margin: 15px 0px 15px 0px; border: 1px solid #666; width: 415px}
.menicko {color:white; width: 200px; padding: 8px;  font-size: 0.95em; line-height: 180%}

.ko{padding: 3px; border: 1px solid #000; margin-bottom: 10px}
.informace { margin-top: 95px; margin-right: 30px; text-align: right; }
.odkazek {color: red; text-decoration: underline;}
.cervena {color:#ffff80; font-weight: bold }
.cer {color:#ffff80; font-weight: normal; text-decoration: underline;}
.nadpisek {padding: 5px 0px 15px 75px; text-align:left; color:#eee; font-variant: small-caps; letter-spacing: 0.1em}
.ustavit {width:1100px; text-align:center; margin:0 auto; }
.reader {padding: 3px; margin-right: 10px; }
li.odraz {margin-left: 30px; line-height: 180%}
li.odraz1 {margin-left: 20px;  line-height: 180%; color: red}
ul.ramecek {margin: 10px 10px 10px 60px; padding: 5px; width: 500px; border-width: 1px; border-color:#999; border-style: dashed}

.katalog1 {width:200px;text-align:center; margin:10px; padding:5px;border-width: 1px; border-color:#999; border-style: dashed }
.katalog1:hover {background-color: #000; }
.kontakt {padding: 50px 75px 15px 75px; text-align:left; color:#fff; font-variant: small-caps; letter-spacing: 0.1em}

td.datum {text-align: right;  padding: 5px;  border: 1px solid #666;}
td.cellnadpis {width: 450px; text-align: left;  padding: 5px;  border: 1px solid #666;}
td.celldetail {width: 50px; text-align: center;  padding: 5px;  border: 1px solid #666;}

.odstavec {padding: 8px; line-height: 160%}
.tabul0,.tabul1,.tabul2 {float: left; margin: 5px;}
.tabul0 { width:38px; padding:8px}
.tabul1 { text-align:left; width:305px; padding:8px; color:white; border-right: 1px solid #666;}
.tabul2 { text-align:left; width:610px; padding:8px; color:white}
.nic {width: 400px; height: 13px}
.nic2 {width: 510px; height: 13px}
.nic3 {width: 375px; height: 13px}
.vlajka {border: none; padding: 2px 2px 2px 2px;  border: 1px solid #ddd; }
.obra {padding: 6px}

.konec {margin-top: 20px; margin-bottom: 20px; padding: 8px; width:950px; background-color:#7d7c7c; border: 1px solid #666; color:white;}
.bila {color:#fff}
.cerna {color:#000} 
.seda {color:#ddd;}
#spodek { text-align:center; margin:0 auto;  width:1100px; height:100px; background: url(../images/spodek.jpg) 0 100% no-repeat; }
.copyright {margin-top:10px; margin-bottom:10px;  font: 0.90em 'Verdana', Arial, Helvetica;}
.cisto {clear: both;}

.levysloupec {float: left; width:250px; margin-top: 15px; background-color:#eee; padding: 8px}
.pravysloupec {float: right; width:300px; margin-top: 15px}

.leva, .prava {float:left}
.leva {float: left; width: 770px;  }
.prava {float: right; width:300px; }
.text_leva {margin: 15px 0px 0px 70px; color:white; padding: 8px; text-align:left}
.text_prava {margin: 15px 70px 0px 0px; color:white; padding: 8px; text-align:left}

.pleva, .pprava {float:left}
.pleva {float: left; width: 220px;  }
.pprava {float: right; width:460px; border-left: 1px solid #666;}
.text_pprava {color:white; padding: 8px; text-align:left; line-height: 150%}

a  {  text-decoration: none; color: #eee;}
a:hover { text-decoration: underline; color: yellow;}

li.tabulka { color: white; line-height:160%; list-style: none}
li.tab { color: white; line-height:160%; list-style: circle; margin-left: 20px; margin-bottom: 10px}
li.tab1 { color: #eee; list-style: circle; margin-left: 20px; margin-bottom: 5px}

.obrazek {padding: 5px; margin-top: 5px; border: 1px solid #000;}
.logar {float:left; padding: 5px; border: 1px solid #000; margin-right: 20px }
.lobr {float:right; padding: 10px; border: 1px solid #000; margin-left:5px}
.pobr {float:left; padding: 10px; border: 1px solid #000; margin-right:15px}
.pobr2 {float:left; padding: 3px; border: 1px solid #000; margin: 5px 10px 0px 0px}
.of {width: 137px; height:210px; padding: 5px}

.mezera {height:20px; }
.mapa { float: right; padding: 8px 8px 8px 8px; }
.mapa:hover {background-color: #666 }

h1 { font-size: 1.30em; color: #ff3333;  margin: 0px; padding: 15px 0px 0px 75px; text-align:left }
h1.stranka { font-size: 1.30em; color: #cc0000;  margin-bottom: 15px; padding: 10px 0px 6px 0px; text-align:left; border-bottom: 1px solid #666;}

h2 { font-size: 1.20em; text-align:left; padding:5px; color: #ffcc33  }
h2.tabulka { font-size: 1.40em; text-align:center; padding:5px  }
h2.nadpis { font-size: 1.05em; color:#ffff80; text-align:center; padding-bottom:5px  }
h2.odraz { font-size: 1.10em; color:yellow; text-align:left; padding:15px 0px 15px 0px  }
h2 a:hover { text-decoration: underline; color:red;}
.barva {color: #000;}
.podklad1 { display: block; width:300px; height:25px; background-color: #ffff00}
.podklad2 { display: block; width:300px; height:25px; background-color: #ffff00}
.podklad3 { display: block; width:300px; height:25px; background-color: #ffff00}

h3 { font-size: 1.05em; color: #333;  margin: 0px; padding: 5px 0px 5px 0px; }
h3.tabulka { text-align:left; font-size: 1.10em; color:yellow; margin: 0px; padding: 0px 0px 5px 0px; }

h4 { font-variant: small-caps; letter-spacing: 0.1em; font-size: 1.18em; color: #ffff80;  margin: 0px; padding: 5px 0px 5px 0px; }

.kategorie { font-size: 1.05em; color: green;  margin: 0px; padding: 3px; border: 1px solid #ddd; }
p.mezery {line-height:160%; padding-top:8px}

textarea { padding:2px 2px 2px 2px; margin: 5px 10px 5px 0px; border: 1px solid #203953;}

input {  color: black; padding:2px 2px 2px 2px; margin: 2px; border: 1px solid blue; background:#fff; }

select {  color: black;  padding:2px 2px 2px 2px; margin: 1px 0px 1px 0px; border: 1px solid #203953; }

.fot {height: 280px; width:200px; float:left; border:1px solid #666; text-align:center; margin:5px; padding:5px;}
.fot:hover {border:1px solid #000; color:#000; background:#999; }

.fot1 {height: 220px; width:140px; float:left; border:1px solid #666; text-align:center; margin:5px; padding:5px;}
.fot1:hover {border:1px solid #000; color:#000; background:#999; }

.bfot { float:left; border:1px solid #666; text-align:center; margin:5px; padding:5px;}
.bfot:hover {border:1px solid #000; color:#000; background:#999; }

.efotka {float:left; width:190px; height:190px; border:1px solid #666; text-align:center; margin:5px; padding:10px;}
.efotka:hover {border:1px solid #000; color:#000; background:#333; }

.foto {float:left; width:180px; height:180px; border:1px solid #666; text-align:center; margin:5px; padding:10px;background:#333; font-size: 0.80em;}
.foto:hover {border:1px solid #000; color:#fff; background:#222; }

.soubor {float:left; width:60px; height:60px; border:1px solid #666; text-align:center; margin:5px; padding:10px;background:#333; font-size: 0.80em;}
.soubor:hover {border:1px solid #000; color:#fff; background:#222; }

.fotka {float:left; width:190px; height:200px; border:1px solid #666; text-align:center; margin:5px; padding:10px;}
.fotka:hover {border:1px solid #000; color:#000; background:#999; }
.o {border:none;  padding: 5px; }
.co {margin-left: 25px;border:none;  padding: 5px}
.bilamala {color:#fff; font-size: 0.80em;}

.ll {margin-left: 35px; line-height:180%; list-style-image: URL('../images/pdf.gif')}
#lmenu {  
  margin: 0;
  padding: 0;
  float: left;
}
#lmenu li {
  display: inline;
}
#lmenu a {
 background-color: #333;
  display: block;
  width: 230px;
  color: #eee; 
  font-variant: small-caps; letter-spacing: 0.2em
  text-align: left;
  text-decoration: none;
  border-bottom: 1px solid #000;   
}
#lmenu a:hover {
  color: red;
  background: 10px 9px no-repeat #eee;
  border-left: 1px solid red;
  text-decoration: underline;
}

#lmenu .click {
  display: block;
  width: 230px; 
  text-align: left;
  border-bottom: 1px solid #ddd;
  background: 10px 9px no-repeat #eee;
}
#lmenu a span, #lmenu .click span {
  display: block;
  padding: 5px 5px 5px 10px;
}