* {border:none}

body { width: 1020px; padding:0;  background: #ccc url("../images/bg.jpg") 0 0 repeat-x;  text-align: center; margin: 0 auto;  font: 0.70em 'Verdana', Arial, Helvetica, sans-serif; }
html > body {min-height: 1000px;height: auto;}


#vrch01 {width:1020px; height:39px; text-align:center; margin:0 auto; background: url(../images/vrch01.jpg) 0 100% no-repeat;}
#vrch02 {width:1020px; height:76px; text-align:center; margin:0 auto; background: url(../images/vrch02.jpg) 0 100% no-repeat;}
#vrch03 {width:1020px; height:102px; text-align:center; margin:0 auto; background: url(../images/vrch03.jpg) 0 100% no-repeat;}
#vrch04 {width:1020px; height:73px; text-align:center; margin:0 auto; background: url(../images/vrch04.jpg) 0 100% no-repeat;}

.podklad_nadpis {width:1020px; height:50px; text-align:center; margin:0 auto; background: url(../images/podklad_nadpis.jpg) 0 100% no-repeat;}

#konec  {width:1020px; height:50px; text-align:center; margin:0 auto; background: url(../images/konec.jpg) 0 100% no-repeat;}
.spodek {text-align:left; margin:0 auto; padding:0; width: 1020px; height:250px;}
.pismo_spodek {padding: 0px 0px 0px 50px; font-size: 0.90em; color: #999;}
.seda {color: #999;  text-decoration: none}

.vrch01_text {float:left;text-align: left; font-size: 1.20em; padding: 15px 0px 0px 50px; color: #eee; width: 650px}
.hledej {float:left; width: 300px;  padding-top: 5px}
.vrch02_text {text-align: right; font-size: 1.10em; padding: 5px 0px 0px 0px; color: #fff; }
.vrch03_text {text-align: left;  padding: 8px 0px 0px 50px; color: white;  line-height: 140%}
.vrch04_text {text-align: left;  padding: 20px 0px 0px 50px; color: white; }

.kosik_vrch {width: 480px; height:40px;  margin-bottom: 12px; line-height: 160%}

#page { padding:0; text-align:center; margin:0 auto; overflow:auto; width: 1020px; background: url(../images/cara.jpg) 0 100% repeat-y; }

#obsah,#prava {float:left; }
#obsah {width: 810px;  } .obsah { margin: 0px 10px 0 45px; text-align:left;  color: black } 
#prava {width: 185px;  } .prava_obsah { margin: 0px;  background: #f9f9d2}

.dulezite {background: #ffff80; padding: 3px}
form {margin-top: 0px; margin-bottom: 0px;}
.sipka {margin: 10px 0 5px 0; float:left}

.hledam {line-height: 160%} 
.vypisek {color: #333; text-align:right; padding: 15px 5px 15px 5px; font-size: 0.80em; }
.razeni {color: #333; text-align:right; padding: 10px 10px 5px 5px; font-size: 0.80em; }
.vyhody {float:left;width:350px; height: 140px; text-align: left; padding: 6px ; margin: 5px; border:1px solid #c33c43; background:#eee}
.odraz {line-height: 160%}
.odraz1 {line-height: 160%; font-size: 1.20em; color: #000080}

.obr1{width: 250px; margin: 5px ; padding:5px; border:1px solid #eee;}
.lobr {float:left; margin: 5px 10px 5px 0px; padding: 5px; border:1px solid #ddd;}
.lobr1 {float:left; margin: 0px 10px 0px 0px; padding: 0px; padding:2px; border:1px solid #797979;background: #eee;}
.lobr1:hover {background: #ccc;border:1px solid #333;}
.pobr {float:right; margin: 0px 0px 0px 15px; padding: 5px; border:1px solid #ddd;}
.pobr1 {float:right; margin: 0px 0px 0px 15px;     }
.pobr_mala {float:right; margin: 0px 0px 0px 5px;  padding: 1px; border:1px solid #ddd;   }

.boxbila {margin-top: 10px; line-height: 160%; color: white}
.popisek {color: white; text-align:left; padding: 0px; font-size: 0.80em; }

.pozor { width: 100%; padding: 4px 0 4px 0; margin: 10px 0 10px 0; color: red; background: #ffffcc; line-height: 150%; border-bottom: 1px solid #cc0000; font-size: 1.20em; font-weight:bold}
.cerna {color: black; padding-right: 2px}
.cerna:hover {color: red}
.kotva {color:#999}
.odkazy {height: 50px; text-align: center;}
.obr_m {margin: 5px 0 5px 10px}

.odstavec { padding: 5px 0 5px 0; text-align:justify; color:#333; line-height: 150%}
.odstavec1 { padding: 5px 0 10px 0px}

.bila {color: #fff; text-decoration:none} .bila:hover{color:#ffff80}
.zluta {color: #ffff80; text-decoration:underline} .zluta:hover{color:blue}
.bila_odkaz {color: white; text-decoration:underline}
.blok_bila {display: block; background:red; color:white; width: 230px; height:15px; padding: 5px}
.dost {font-weight: bold; color: green; padding: 3px}
a { color: red; text-decoration: underline;}
a:hover {color: #cc0000; text-decoration: underline;}

.obr {margin: 0; border:1px solid #eee; padding: 3px}
.obr:hover {border:1px solid #ccc; }

.obr_prvni {margin: 10px 5px 10px 10px; border:1px solid #fff; padding: 3px}
.cena {padding: 10px 0 10px 0; color: red; font-size: 1.20em; font-weight: bold; text-align:left; line-height: 160%}
.cena_sleva {padding: 10px 0 10px 0; color: black; font-size: 1.00em; font-weight: bold; text-align:left; }
.c {padding: 0 2px 0 2px}
.c1 {margin-right: 5px; vertical-align: middle;}
.aktuality_nadpis {background: #000; height: 20px; color: white; font-size: 1.20em; padding: 5px; text-align:center; }
.modra {color:#194ec7}
.amenu { font-size: 0.80em; line-height:150%; text-align: left; color: white; padding: 27px 0 0 90px}
.prazdno {width: 180px; height: 135px; }

.mala_bila {color: white; font-size: 0.80em;}
.doprava {text-align: right; margin-bottom: 10px}

.kontakt {color:#000; line-height: 160%; text-align: center }
.aktualita {color: black; text-align:left;  height: 100px;    border-width: 1px; border-color:#ddd; border-bottom-style: dashed; padding: 5px 3px 5px 3px; line-height:140%; margin: 10px 0 10px 0}
.datum {color:#999; }
.cervena_odkaz {color: red; }
.cisto {clear: both;}
.mezera {height: 20px}
.pomoc {cursor: help; color: white}
.statutek {text-align:center; margin-top: 5px; background: #ddd}
.st {border: 1px solid #c33c43; padding: 3px; background: #ffffcc}

#cilovyDiv {text-align: right; color: #e66213}

table{ margin-bottom:1em;}
td{ padding:0px 5px 0px 5px;}
td.kup1 {width:90px}
td.kup2 {text-align:right;border: 1px solid #ddd;}
table.servis {width: 750px; font-size: 0.95em; background: #eee; padding: 5px; border-bottom: 2px solid #c33c43; border-top: 2px solid #c33c43;}

table.doba { font-size: 1.00em; border: 1px solid #ddd; margin:5px 0 5px 0}
table.tabulka1 {width: 750px; font-size: 1.00em; border: 1px solid #ddd;}
table.tabulka {width: 750px; font-size: 1.00em; border: 1px solid #ddd;}
td.cell1 { width:190px;  color:white; text-align: right; background:#666; padding: 8px;}
td.ce1 {  color:white; text-align: right; background:#666; padding: 8px;}
td.cell2 {text-align: left; background:#eee;padding:2px 5px 2px 5px; }
.napravo {float:right; padding:5px}
td.c01 {  color:black; text-align: right; background:#eee; padding: 8px;}
td.c02 {  background:#fff; }

table.dotaz {width: 750px; font-size: 0.90em; background:#eee; padding:8px;  color: black; border-bottom: 1px solid #333; border-top: 1px solid #333;}
td.cell1a {color:white; background:#000}
td.cell2a {text-align: right; color: white; font-weight: bold; background:#000}

th {background-color: #666; text-align: center; color:white}
td.cell {background-color: #eee; color: black}

table.prihlaseni {width: 170px; font-size: 0.90em;  margin: 10px 5px 10px 10px;  border: 1px solid #999;}
td.pr1 {color: white; background:#999}
td.pr2 {background:#eee}
td.pr3 {background:#eee}

table.archiv {width: 750px; font-size: 0.95em; color: black; margin: 10px 0 10px 0; border: 1px solid #aaa; padding:5px}
td.tabulka05a {width: 140px; color: black; background:#ddd}
td.tabulka05 {text-align: left; color: black; font-weight: bold; background:#eee}

table.registrace {width: 750px; font-size: 0.90em; color: black; margin: 10px 0 10px 0}
td.reg1 {color: white; background:#333}
td.reg2 {text-align: left; color: white; font-weight: bold; background:#ddd}
td.reg1a {color: black; background:#ddd; text-align:right; padding:3px}
td.reg2a {text-align: left; color: black;  background:#eee; padding:3px}
td.nadpisek {background:#cc0000}
td.nadpisek1 {border-bottom: 1px solid #cc0000; padding:5px; font-weight:bold}

.buton_kosik {margin-bottom: 10px}
table.kosicek { padding: 2px; border: 1px solid #cc3333; width: 750px; font-size: 0.90em;}
td.kosik1 { text-align: center; padding: 2px 5px 2px 5px; background-color: #cc3333; color: white}
td.kos2{ background-color:#eee; color: black; border: 1px solid #ddd;  text-align: right;  padding: 2px 5px 2px 5px; }
td.kosik3{ background-color:#333; color: white;   text-align: right;  padding: 5px 5px 5px 5px; font-size: 1.20em;}
.text_obsah {color: black; width: 100%; border-top: 1px solid #929292; border-bottom: 1px solid #929292; padding: 5px 5px 10px 15px; background:#efefef; margin: 0px 20px 0 0;  line-height: 160%}
.text_obsah_kosik {color: black; width: 100%; border-top: 1px solid #929292; border-bottom: 1px solid #929292; padding: 5px; background:#efefef; margin-top: 10px;  line-height: 160%}
.text_obsah1 {padding: 6px 0 6px 0; margin-top: 0px; padding: 0 8px 0 8px; background:#faf9f9; color: #333; line-height: 160%; text-align:justify; border-bottom: 1px solid #ccc;border-top: 1px solid #ccc;}

.cesta {font-size: 1.00em; text-align: left; color: red;  margin: 0; padding: 0px 0 15px 0; font-weight: bold}
.nadpis_detail {border-bottom: 1px solid #ddd; width: 590px; height: 20px}
.l,.p {float:left}
.l {width: 480px; }
.p {width: 100px; font-size: 0.90em; padding-top: 5px; text-align:right; color: #eee}

.cerv {color: red; font-size: 1.30em; padding: 0px 8px 10px 8px}
.bila_odraz {color: white; line-height: 160%; border-bottom: 1px solid #929292; padding-bottom: 5px}

.seda_odkaz {color: #ccc; text-decoration: none}
.odkaz1 {color: #cc0000; padding: 5px}
.odkaz2 {color: #333; padding: 0 2px 0 2px}
.menu_odkaz {margin-bottom: 10px}

h1 {font-size: 1.40em; text-align: left; color: #cc3333;  padding-top: 10px;  border-bottom: 1px solid #cc3333;}
h2 {font-size: 1.30em; text-align: left; color: #000; margin: 0; padding: 10px 0 10px 0}
h3 {font-size: 1.20em; text-align: left; color: #333;  margin: 0; padding: 10px 0 5px 0}

.poslat {padding:8px; border: 1px solid #cc0000; background: #666; width: 500px; }
.blok_bila {display: block; background:red; color:white; width: 55px; height:15px; padding: 5px}

.foto_kosik {width: 50px}
.kosik {width: 180px; height: 50px;  text-align:right; margin-bottom:5px; background: url(../images/kosik.jpg) 0 100% no-repeat; }
.kosik-text {font-size: 0.95em; padding-right: 5px; color: white}
.kateg {padding: 5px 10px 0 10px; text-align: left; font-size: 0.95em; line-height: 170%}
.kateg1 {padding: 5px; text-align: left; font-size: 0.89em; text-align:center}

.akateg {padding: 10px 5px 0 5px; text-align: left; font-size: 0.95em;}
.akateg1 {padding: 10px 5px 0 5px; text-align: left; font-size: 0.89em; text-align:left}

.detail {margin-top: 5px; margin-bottom:5px; border:none; }

.detail_zbozi {width: 180px; height: 300px; float:left;  text-align:center;  margin:2px;  background: #eee; }
.detail_zbozi:hover {color:#000; background: #eee; }
.detail_zbozi_nazev {width: 180px; height: 45px;  text-align:center; padding-top:6px; background: #cc3333; color: white; font-weight: bold; line-height:140%}
.detail_zbozi_cena  {width: 180px; height: 35px;  text-align:center;padding-top:8px;   }
.detail_zbozi_foto  {width: 180px; height: 120px; text-align:center; margin:2px;   }
.detail_zbozi_popis {width: 180px; height: 50px; text-align:center; font-size: 0.80em; } 
.detail_odstup {padding: 0 8px 0 8px}
.o {border:1px solid #ddd; padding: 3px; margin: 3px}
.o:hover {border:1px solid #ccc; }
.bila_nazev {color: #fff; text-decoration:none}
.bila_nazev:hover{color:#ffff80}

.efoto {width: 150px; height: 115px; float:left; margin: 3px 5px 3px 8px; padding:3px; border: 1px solid #aaa; font-size: 0.80em;text-align:center}
.efoto:hover { background: #ddd}

.foto {float:left; width: 170px; height: 113px;  text-align:center; margin:5px; border: 1px solid #eee;}
.foto:hover {color:#000; background:#eee}

.souvisejici {width: 160px; height: 150px; float:left;  text-align:center; margin: 5px; font-size: 0.89em;  background: #fff; padding:5px}

.zelena {color:darkgreen;padding-bottom: 8px}
.cervena {color:#e31826; padding-bottom: 8px}

.nadpisek {background: #333; margin-top: 10px; padding: 5px 6px 5px 6px; color: white; font-weight: bold}
.textik {text-align:left}
.cervena_nadpis {color:#fff; padding: 3px; font-weight: bold;background: #cc3333; }
  

.menicko { width: 80px; height: 19px; float:left;  margin:0; background: url(../images/menu.png) 0 100% no-repeat; text-align:center }
.menicko2 {width: 150px; height: 19px; float:left;  margin:0; background: url(../images/menu2.png) 0 100% no-repeat; text-align:center }
.men {color: #fff; font-size: 0.85em; text-decoration: none;  }
.men:hover{color:black}
.menicko-text {padding-top: 2px;}
.menicko-katalog {padding: 5px; font-size: 0.89em; line-height: 160%;  margin: 5px 0 5px 0}

.detailek { margin-bottom: 10px}

input { padding: 1px; margin: 3px;  color: #000;  border: 1px solid #000; cursor: pointer; }
textarea { padding: 1px; margin: 3px;  color: #000;  border: 1px solid #000; cursor: pointer; }
select { padding: 1px; margin: 3px; color: #000;  border: 1px solid #ccc;}


td {padding: 2px 5px 2px 10px; }
table.techspec{ border-spacing: 1pt; border: 1px solid #cc3333; width: 565px; font-size: 0.90em;}
td.tech_header {font-weight: bold; background: #cc3333; color:white; }
td.techspec_label {width: 200px; background: #999; color:#fff; }
td.techspec_value {background: #fff; color:#000; }
.odkaz {color: black; font-weight: bold; text-decoration:underline}
.odkaz:hover {color: red; font-weight: bold; text-decoration:underline}

.tla {width: 160px; height: 30px; background: url(../images/tlacitko.jpg) 0 100% no-repeat; margin: 0 0 0 15px}
.text_tla {padding: 8px 0 0 0}

#lmenu { margin: 0px 0 0 10px; padding: 0; float: left; }
#lmenu li { display: inline; }
#lmenu a {
  display: block;
  width: 170px;
  color: #000; 
  font-size: 0.90em; 
  text-align: left;
  text-decoration: none;    
  border-width: 1px; border-color:#999; border-bottom-style: dashed;
  background: #e5e5e5;
}
#lmenu a:hover {
  color: #000; 
  text-decoration: underline;
  background:#ddd;
  }

#lmenu .click {
  display: block;  
  text-align: left;
  border-bottom: 1px solid #eee;
  background:#eee;
 }
#lmenu a span, #lmenu .click span {
  display: block;
  padding: 6px 5px 6px 15px;
}


#tlacitko
{
width: 170px;
padding: 0;
margin-left: 10px;
color: #fff; font-size: 0.90em; 
}

#tlacitko ul
{
list-style: none;
margin: 0;
padding: 0;
border: none;
}

#tlacitko li
{
border-width: 1px; border-color:#999; border-bottom-style: dashed;
margin: 0;
}

#tlacitko li a
{
display: block;
padding: 5px;
background-color: #e5e5e5;
color: #000;
  text-align: left;
text-decoration: none;
width: 100%;
padding: 8px 3px 8px 10px;
}

html>body #tlacitko li a { width: auto; }

#tlacitko li a:hover
{
background-color: #999;
color: #ffff80;
text-decoration: underline;
}



#tlacitko li li a
{
display: block;
padding: 5px 3px 5px 25px;
background-color: #000;
color: #fff;
text-decoration: none;
width: 100%;
}

#tlacitko li li a:hover
{
background-color: #999;
color: #fff;
} 



#trailimageid {
  position: absolute;
  visibility: hidden;
  left: 0px;
  top: 0px;
  width: 220px;
  height: 0px;
  z-index: 1000;
}

#trailimageid div {
  padding: 5px;
  background-color: #FFF;
  border: 1px solid #888;
  text-align: center;
  font-size: 0.90em; 
}

#trailimageid h1 {
  font-size: 1.20em; 
  color:red;
  font-weight: normal;
  margin: 5px 0 5px 0;
  padding: 5px 0px 5px 0;
  text-align: left;
  width: 100%;
  background-color: #fff;

}

#trailimageid table {
  font-size: 100%;
  color:black;
  font-weight: normal;
  margin: 0;
  padding: 2px;
  margin: 5px 0 5px 0;
  text-align: left;
  width: 100%;
  background-color: #eee;
  border: 1px solid #222;
}

#trailimageid td {
  font-size: 100%;
  color:black;
  font-weight: normal;
  margin: 0;
  padding: 2px;
  text-align: left;
   background-color: #fff;
}

#trailimageid img {
  margin: 2px;
  border: none;
}