* {border:none}

body { width: 1020px; padding:0;  background: #eee;  text-align: center; margin: 0 auto;  font: 0.80em 'Trebuchet MS', Verdana, Arial, Helvetica; }
html > body {min-height: 1000px;height: auto;}


#vrch01 {width:1020px; height:270px; text-align:center; margin:0 auto; background: url(../images/podklad.jpg) 0 100% no-repeat;}
#vrch02 {width:1020px; height:30px; text-align:center; margin:0 auto; background: url(../images/menu.jpg) 0 100% no-repeat;}
#konec {width:1020px; height:80px; text-align:center; margin:0 auto; background: url(../images/carka.jpg) 0 100% repeat-y;}

.vrch01_text {text-align: left; font-size: 1.20em; padding: 105px 0px 0px 45px; color: #ddd; }
.vrch02_text {text-align: left;  padding: 8px 0px 0px 30px; color: white;  font-size: 0.85em;}

.vrch_leva,.vrch_prava {float:left}
.vrch_leva {width: 350px;}
.vrch_prava {width: 650px;}

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

#leva,#obsah,#prava {float:left; }
#leva {width: 200px; } .leva_obsah { margin: 0 8px 0 20px; } 
#obsah {width: 620px;} .obsah { margin: 0 3px 0 3px; text-align:left; padding: 0px 10px 0px 10px;  } 
#prava {width: 190px;} .prava_obsah { margin: 10px 8px 0 8px;  }

.vlevo, .vpravo {float: left}
.vlevo {text-align: left; width: 780px; }
.vpravo {text-align: right; width: 180px;}

.vypisek {color: black; text-align:right; padding: 15px 5px 10px 15px; font-size: 0.85em; }
.razeni {color: black; text-align:right; padding: 0px 5px 5px 5px; font-size: 0.85em; }

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

.prihlaseni2 { width: 270px; float:right; height: 125px; color:black; padding: 15px 15px 0 0; text-align: right; font-size: 0.90em; line-height: 160%}
.prihlaseni {background:#503d05; width: 270px; float:right; height: 120px; border-bottom: 1px solid #d6a71c;}

table.tab_prihlaseni {padding: 6px; color:white; width: 270px; font-size: 0.90em}

.doprava,.doleva {float:left; }
.doprava {width: 200px; }
.doleva {width: 385px; }

.linky {margin: 10px 10px 10px 10px; background: #493b0d; color: white; padding: 3px}
.pozor {padding: 10px; width: 560px; margin: 10px 0 10px 0; color: red; background: #ffffcc; border-bottom: 1px solid #d6a71c; line-height: 150%}
.cerna {color: black}
.cerna:hover {color: red}
.kotva {color:#999}
.odkazy {height: 50px; text-align: center;}
.seda,.pismo_spodek {color: #999; font-size: 0.87em; text-decoration: none}
.logo {padding: 3px}
.linky_text {font-size: 0.85em; padding: 5px}
.odstavec { padding: 5px 0 5px 0; text-align:justify; color:#eee; line-height: 150%; color: black}
.odstavec1 { padding: 5px 0 10px 0px}

.bila {color: white; text-decoration:none}
.bila:hover {color: #dfb951}
.bila_odkaz {color: red; text-decoration:underline}
.blok_bila {display: block; background:red; color:white; width: 230px; height:15px; padding: 5px}
.hneda {color:brown}
a { color: #dfb951; text-decoration: underline;}
a:hover {color: red; text-decoration: underline;}

.obr {margin: 0; border:1px solid #eee; padding: 3px}
.obr:hover {border:1px solid #ccc; }
.o {border:1px solid #666; padding: 3px; height: 80px; margin: 3px}
.b {padding-right: 5px}
.o:hover {border:1px solid #ccc; }
.obrazek {margin: 10px 2px 10px 0px}

.akce {color:red; padding: 10px; }
.cena_sleva {padding: 10px 0 10px 0; color: black; font-size: 1.00em; font-weight: bold; text-align:left; }
.c {padding: 0 1px 0 1px}
.aktuality_nadpis {background: #000; height: 20px; color: white; font-size: 1.20em; padding: 5px; text-align:center; letter-spacing: 0.1em;}
.hledej {background: #503d05; width: 165px; height: 45px; padding: 5px; text-align:center; margin-bottom: 0px}

.prazdno {width: 180px; height: 135px; }
.nov {background: #666; margin: 10px 0 10px 0; padding: 5px; text-align:left; }

.nov_a {background: #000; margin: 10px 0 10px 0; padding: 0px; height: 26px }
.nov_leva,.nov_prava {float:left}
.nov_leva {width: 83px; background: #666; padding: 5px 1px 5px 1px; border-right: 1px solid #666;}
.nov_prava {width: 84px; background: #666; padding: 5px 1px 5px 1px}

.nov_leva1,.nov_prava1 {float:left}
.nov_leva1 {width: 83px; background: #000; padding: 5px 1px 5px 1px; border-right: 1px solid #666;}
.nov_prava1 {width: 84px; background: #000; padding: 5px 1px 5px 1px}
.odraz {padding: 6px; color: #503d05}

.mala_bila {color: white; font-size: 0.80em;}
.doprava {text-align: right; }
.lobr {float:left; margin: 5px 10px 5px 0px; padding:3px; border:1px solid #ddd;}
.pobr {float:right; margin: 0px 5px 0px 10px; padding:3px; border:1px solid #666;}
.kontakt {color:#ddd; line-height: 160%; font-size: 0.87em; }
.aktualita {color: white; text-align:justify; font-size: 0.87em;  border-width: 1px; border-color:#666; border-bottom-style: dashed; padding: 5px 3px 5px 3px; line-height:140%}
.datum {color:#ddd;}
.cervena_odkaz {color: red}
.cisto {clear: both;}
.mezera {height: 20px}
.pomoc {cursor: help; color: white}

#obalsymboly {width: 600px; height: 50px; }
.symboly { float:left; border:1px solid #ddd; margin:5px; padding:5px; width: 50px; height: 50px; }
.textsymboly { float:right;  margin:5px; padding:5px: text-align:right; width: 500px; height: 50px;font-size: 0.90em;}
.cleaner {clear: both;}
.prihlasen {padding: 10px; border: 1px solid #c1a85d; margin-top: 10px; background: #ffffcc; text-align: center}
.edetail {float:right; margin-right: 15px; }
.barva {height: 25px; width: 25px; padding: 3px; margin-right: 5px; border: 1px solid #fff; }
table{ margin-bottom:1em;}
td{ padding:0px 5px 0px 5px;}

table.velikosti {width: 590px}
td.vel {text-align: right; color: black; background:#f6eccf}
td.vel1 {width:70px; text-align: right; color: black; background:#f6eccf}
td.vel1a {width:30px; text-align: right; background:#f6eccf}
td.vel2 {text-align: left; color: black; background:#f6eccf}

table.dotaz {width: 590px; font-size: 0.90em; background:#f6eccf; padding:8px; border-top: 1px solid #503d05; border-bottom: 1px solid #503d05; color: black}

td.cell1a {color:white; background:#000}
td.cell2a {text-align: right; color: white; font-weight: bold; background:#000}

th {background-color: #503d05; text-align: center; color:white; font-size: 0.90em;}
td.tab01{background-color: #ddd; color: black}
td.tab02{background-color: #ddd; text-align: right; color: black }
td.tab03{ color:white }
td.tab03a{ color:white }
td.tab04{height: 30px;padding-top:15px; color:white }

table.info { padding: 2px; border: 1px solid #ddd;  font-size: 0.90em;}
td.cell {background-color: #eee; width: 200px; text-align: right; padding: 5px}
td.cell1 {background-color: #ddd; width: 250px; padding: 5px}
td.cell5 {color: white}
td.cell5a {color: black}
td.cell7 {height: 20px; background: #d6a71c; text-align:center}
td.cell7a {height: 20px; vertical-align: bottom; text-align:center}

td.tabulka3 {color: red; height: 25px; background: #f6eccf; }
td.tabulka4 {color: black; width: 150px; text-align: right}
td.tabulka5 {width: 400px; }
td.tabulka05 {background: #eee; padding: 3px 5px 3px 5px}
td.tabulka05a {text-align: right; background: #ddd; padding: 3px 5px 3px 5px}
td.tabulka05b {text-align: right; background: #999; padding: 3px 5px 3px 5px}
table.sirka {margin-top: 10px; width:500px; font-size: 0.90em; color: black}


table.kosicek { padding: 2px; border: 1px solid #503d05; width: 580px; font-size: 0.90em;}
td.kosik1 { text-align: center; padding: 2px 5px 2px 5px; background-color: #d6a71c; color: white}
td.kos2{ background-color:#f6eccf; color: black;  text-align: right;  padding: 2px 5px 2px 5px; }
td.kos2a{ background-color:#f6eccf; color: black;  text-align: left;  padding: 2px 5px 2px 5px; }
td.kosik3{ background-color:#503d05; color: white;   text-align: right;  padding: 2px 5px 2px 5px; }

.text_obsah {color: black; width: 570px; 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: 570px; border-top: 1px solid #929292; border-bottom: 1px solid #929292; padding: 5px; background:#efefef; margin-top: 10px;  line-height: 160%}
.text_obsah1 {padding: 6px; margin: 0px 20px 0 0; color: #ddd; line-height: 160%; text-align:justify}
.vykres {height: 200px; border: 1px solid #929292;padding: 3px}
.cesta {font-size: 1.00em; text-align: left; color: 493b0d;  margin-top: 15px; padding: 0px 0 15px 0; font-weight: bold}
.nadpis_detail {border-bottom: 1px solid #ddd; width: 590px; height: 20px; margin-top: 15px; margin-bottom: 10px}
.l,.p {float:left}
.l {width: 480px; text-align:left;}
.p {width: 100px; font-size: 0.90em; padding-top: 5px; text-align:right; color: #666}

.bila_odraz {color: white; line-height: 160%; border-bottom: 1px solid #929292; padding-bottom: 5px}

.seda_odkaz {color: #ccc; text-decoration: none}
h1 {font-size: 1.40em; text-align: left; color: #493b0d;  border-bottom: 1px solid #c1a85d; padding: 15px 0 0px 0; margin: 0 0 10px 0; }
h1.mala {font-size: 1.00em; text-align: left; color: #fff;  padding: 0px 0 10px 0; margin: 0 0 10px 0; }
h1.detail {font-size: 1.20em; text-align: left; color: #493b0d; padding: 0px 0 0px 0; margin: 0 0 0px 0; }

h2 {font-size: 1.20em; text-align: left; color: #c1a85d; margin: 0; padding: 10px 0 10px 0}

h3 {font-size: 1.00em; text-align: left; color: #929292;  margin: 0; padding: 10px 0 5px 0}
h3.stred {font-size: 1.10em; text-align: center; color: red;  margin: 0; padding: 10px 0 5px 0}
h4 {font-size: 1.10em; text-align: left; color: #3399cc;  margin: 0; padding:10px 0 5px 0}
h4.stred {font-size: 1.10em; text-align: center; color: blue;  margin: 0; padding:10px 0 10px 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}
.modra_odkaz {color: #45380d; text-decoration: underline}
.modra_odkaz2 {color: #89702a; margin-left: 5px; font-size: 0.89em;}

.odstavecek {padding: 10px 0 0 0; font-size: 0.90em; }

.kateg {padding: 10px 15px 0 8px; text-align: left; height: 30px; font-size: 0.95em; line-height: 120%}
.kateg1 {padding: 10px; text-align: center; font-size: 0.89em; height: 125px; }

.cena {padding: 10px 0 10px 0; color: #000; font-size: 1.20em; font-weight: bold; text-align:center;}
.barvicka {float:left; width: 60px; height: 70px; margin:3px; text-align: center; font-size: 0.70em; }

.efoto {width: 290px; height: 260px; float:left;  text-align:center; margin:2px; background: url(../images/pozadi.jpg) 0 100% no-repeat; }
.efoto:hover {color:#000; background:#ddd}

.efoto2 {float:left; width: 192px; height: 221px;   margin:3px; background:#fff url(../images/pozadi2.jpg) 0 100% no-repeat; }
.efoto2:hover {color:#000; background:#fff url(../images/pozadi2a.jpg) 0 100% no-repeat;}

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


.zelena {color:green;padding: 10px}
.cervena {color:red; padding: 10px}

.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;}


.detailek { margin-bottom: 10px}

textarea {padding: 1px; margin: 3px; background:#fff; color: #000;  border: 1px solid #d6a71c; cursor: pointer; font: 0.83em Verdana, Arial, Helvetica, sans-serif;}
input { padding: 1px; margin: 3px; background:#fff; color: #000;  border: 1px solid #d6a71c; cursor: pointer; font: 0.83em Verdana, Arial, Helvetica, sans-serif;}
input#Button {
  background: url(../images/koupit.png) top left no-repeat;
  width: 69px; height: 19px;
  border: 0px;
  text-indent: -2000px;
  line-height: 0px;
  cursor: pointer; cursor: hand;
}

select { padding: 1px; margin: 3px; background:#fff; color: #000; border: 1px solid #d6a71c;}
.odkaz {color: black; font-weight: bold; text-decoration:underline}
.odkaz:hover {color: red; font-weight: bold; text-decoration:underline}

#lmenu { margin: 0px 0 0 0; padding: 0; float: left; }
#lmenu li { display: inline; }
#lmenu a {
  display: block;
  width: 170px;
  color: #fff; font-size: 0.87em; 
  text-align: left;
  text-decoration: none;  
  border-width: 1px; border-color:#666; border-bottom-style: dashed;
  background: #222;
}
#lmenu a:hover {
  color: #CC0000;  
  text-decoration: underline;

  background:#000;
  }

#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 5px;
}

#kmenu {background: #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;
}

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

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




#tlacitko
{
width: 170px;
padding: 0;
margin: 10px 0 0 0;
color: #000; font-size: 0.87em; 
}

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

#tlacitko li
{
border-bottom: 1px solid #eee;
margin: 0;
}

#tlacitko li a
{
display: block;
padding: 8px;
background-color: #503d05;
color: #fff;
  text-align: left;
text-decoration: none;
width: 100%;
}

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

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

#tlacitko li
{
border-bottom: 1px solid #fff;
margin: 0;
}

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

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


.vlajka {padding: 2px; margin:2px 2px 0 2px; border: 1px solid #ccc;background-color: #fff;}
.vlajka:hover {border: 1px solid #999;background-color: #eee;}