* {border:none}

body { width: 1020px; padding:0;  background: #9f9d9e; 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: 269px; text-align:center; margin:0 auto; background: url(../images/vrch.jpg) 0 100% no-repeat; }
#spodek {width:1020px; height: 79px; text-align:center; margin:0 auto; background: url(../images/spodek.jpg) 0 100% no-repeat; }
#spodek_konec {width:1020px; height: 450px; text-align:center; margin:0 auto; background: url(../images/spodek_cara.jpg) 0 100% repeat-y; }
.vrch01_text {text-align: right;  padding: 200px 200px 0px 0px; color: white; }
.vrch_text {text-align: center; font-size: 1.10em;  }
.vrch_text2 {text-align: center; font-size: 2.00em; color: white  }

.toplist {float: left; width:150px; height:400px;  padding-top: 20px}
.spodek_text {text-align: left; padding: 20px 0 0px 0; font-size: 0.80em; line-height:150%  }

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

#leva,#obsah,#prava {float:left; }
#leva {width: 180px; } .leva_text {text-align: left; padding: 0 10px 0 15px }
#obsah {width: 700px; } 
.obsah_text {padding-right:15px; text-align: left;}

#boxes {padding: 5px 0px; }
.foto3 {width: 200px; height: 150px; float:left; border:1px solid #666; text-align:center; margin:10px; background: url(../images/logopod.jpg) 0 100% no-repeat;}
.foto3_text {width: 400px; float:left; font-size: 1.0em; }
.text_foto3 {padding: 90px 5px 5px 5px; font-size: 0.87em;}


#prava {width: 130px; }  

 .m {padding: 5px 0 5px 0}

.prava_strana {float:left; width: 120px; background:#ddd; margin-bottom: 20px; font-size: 0.83em;}
.prihlaseni {padding: 5px 0 5px 0; border-bottom: 1px solid #666;  text-align:left; padding-left: 5px}
.prihlaseni1 {padding: 5px 0 5px 0; border-bottom: 1px solid #666; background:#ffff80;text-align:left; padding-left: 5px}

.seda {color:blue}
.seda:hover{color:red}
.pozor {color: red; font-weight: bold; padding: 10px 0 10px 0; font-size: 1.30em; }
.delphi {padding: 10px 5px 10px 5px;font-size: 0.80em;}

table.kalendar {color: black; width: 685px; font-size: 0.85em; }
td.dny1 { border: 1px solid #eee; width: 50px; height: 15px; background:#999; color:white}
td.dny1a { border: 1px solid #eee; width: 50px; height:15px; background:#333; color:white}
td.dny { border: 2px solid #e1e5ef; width: 50px; height: 50px; vertical-align:top;line-height:120%}
td.nadpis {text-align: right; color: blue; font-weight:bold; font-size: 1.20em;}
.den {background:#e1e5ef; padding:2px}
.den_dnesni {background:#cc0000; padding:2px; color: white}

.fotecka {float:left; margin:2px;border: 1px solid #eee; width:54px; height:55px;}
.obr {margin-top: 10px; padding: 5px; border: 1px solid #eee; }
.obr1 {margin-top: 10px; padding: 5px;  }
.logo {margin-top: 15px; padding: 0px; border: 1px solid #000; margin-right: 15px}
.odstavec {padding: 10px 0 10px 0;    text-align:justify }

.prava {text-align: right}
.blogo {width:640px; padding: 8px; border: 1px solid #ddd; margin: 10px}
.lobr {float: left; padding: 5px; margin: 0px 10px 0 0; }
.pobr {float: right; padding: 5px; margin: 10px 0px 0 0px; border: 1px solid #ddd;}
.cisto {clear: both}
.modra {color: blue}
.cerna {text-decoration: underline; color: black}
.cerna:hover {color: red}
.mezera {height: 20px}
.menicko {margin-bottom:10px; border-bottom: 1px solid #ddd; padding:8px; background: #eee;} 
 
a { color: red; text-decoration: underline;}
a:hover {color: black; text-decoration: underline;}
.cervena {color:red}
.seda {color:gray}

table{ margin-bottom:1em; font: 1em Verdana, Arial, Helvetica, sans-serif;}
td{ padding:0px 5px 0px 5px;}

.doprava{text-align:right}

.border1 { margin-bottom:1em;  border: 1px solid #ddd;}
.modra {color:blue}
.foto {width: 360px; height: 70px; float:left;  margin: 5px 0 5px 0; border:1px solid #eee;  text-align: left; background: url(../images/pozadi.jpg) 0 100% repeat-x;  }
.foto_text {padding: 8px; font-size: 0.80em;}
.foto:hover { border:1px solid #ddd; }

.foto1 {width: 160px; height: 107px; float:left;  margin: 5px; padding:5px; border:1px solid #ddd; background:#eee; text-align:center  }
.foto1:hover { border:1px solid #aaa; background:#ddd; }

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

.efoto1 {width: 120px; height: 120px; float:left;  margin: 5px; padding:5px; border:1px solid #ddd; background:#eee; text-align:center;font-size: 0.80em;  }
.efoto1:hover { border:1px solid #aaa; background:#ddd; }

table.formular_foto {width: 680px; padding: 10px; margin: 10px 0px 10px 0;font-size: 0.90em;background:#f5f5f5;  border: 1px solid #ddd;}

table.administrace {width: 780px; padding: 0px; margin: 5px 0px 5px 0;font-size: 0.8em;background:#f5f5f5;  border: 0px solid #ddd;}
td.admin { border: 1px solid #eee; width: 50px; background:#999; color:white}
table.administrace2 {width: 780px; padding: 0px; margin: 5px 0px 5px 0;font-size: 1em;background:#f5f5f5;  border: 1px solid #ddd;}
table.administrace3 {width: 800px; padding: 0px; margin: 5px 0px 5px 0;font-size: 1em;background:#f5f5f5;  border: 0px solid #ddd;}

table.formular {width: 680px; padding:2px; margin: 5px 0px 5px 0;font-size: 0.90em;}
td.c01 {padding:8px;background:#ddd;}
td.c02 {padding:8px;background:#eee}
td.reg1 {padding:8px;background:#eee; width: 150px}

td.reg1a {background:#ddd; width: 100px;padding: 5px}
td.reg2a {background:#eee; padding: 5px}
.nadpisek {color:red; padding:8px}
input { border: 1px solid #aaa; padding: 1px; margin: 3px; background:#fff; cursor: Pointer}
input.tlacitko { border: 2px solid #aaa; padding: 5px; margin: 3px; background:#132c70; cursor: Pointer; color:#fff}
select { border: 1px solid #aaa; padding: 1px; margin: 3px; background:#fff}
textarea { border: 1px solid #aaa; padding: 1px; margin: 3px; background:#fff}

.menuvrch { border: 1px solid #ddd; padding: 8px; margin: 0px 0 10px 0; background:#f5f5f5; text-align:center}
.motorkar {width: 470px; float:right; border: 1px solid #ddd; padding: 8px; margin: 5px 0 5px 0;background:#f5f5f5; line-height: 160%}


h1 {font-size: 1.50em; text-align: left; color: #000;  padding: 0px 0 3px 0; margin-bottom: 10px;  border-bottom:1px solid #000;}
h2 {font-size: 1.30em; text-align: left; color: #cc0000;  margin: 0; padding: 15px 0 5px 0}
h3 {font-size: 1.20em; text-align: left; color: blue;  margin: 0; padding: 10px 0 5px 0}
.black {font-size: 1.20em; text-align: left; color: black; margin: 0; padding: 10px 0 5px 0}
.poznamka {margin: 10px 0 10px 0; border:1px solid green; color: green; padding:10px;background: #ffffcc;} 
.fotka {width: 180px; height: 180px; float:left; border:1px solid #ddd; text-align:center; margin:5px; padding: 5px}
.fotka:hover {border:1px solid #aaa; color:#000; background:#f5f5f5}

.foto {width: 150px; height: 160px; float:left; border:1px solid #ddd; text-align:center; margin:5px; padding: 5px; background:#fff}
.foto:hover {border:1px solid #aaa; color:#000; background:#f5f5f5}

.logo2{border:1px solid #ddd;padding:2px}
.stranky {line-height: 180%; padding: 15px}
.akce {height: 120px; padding: 10px; margin-top: 5px; border:1px solid #ddd; background: #fff}
.akce1 { padding: 10px; margin-top: 5px; border:1px solid #ddd; background: #fff}
.odkaz {text-align:right; padding: 5px}
.odrazek { padding-right: 5px }

hr{border:1px solid #ddd;padding:1px}

#lmenu { margin: 0px 0 0 0; padding: 0; float: left; }
#lmenu li { display: inline; }
#lmenu a {
  display: block;
  width: 150px;  color: #fff;
  text-align: left;
  text-decoration: none;  
  border-bottom: 1px solid #ddd;
 
  background: #333;
}
#lmenu a:hover {
  color: #CC0000; 
  text-decoration: underline;
  background:#eee;
  }

#lmenu .click {
  display: block;
  width: 180px; 
  text-align: left;
  border-bottom: 1px solid #eee;
  background:#aaa;
 }
#lmenu a span, #lmenu .click span {
  display: block;
  padding: 8px 5px 8px 10px;
}


.container {width: 670px; margin: 10px auto;font-size: 0.80em;}
ul.tabs {
    margin: 0;
    padding: 0;
    float: left;
    list-style: none;
    height: 32px;
    border-bottom: 1px solid #000;
    border-left: 1px solid #000;
    width: 100%;
}
ul.tabs li {
    float: left;
    margin: 0;
    padding: 0;
    height: 31px;
    line-height: 31px;
    border: 1px solid #000;
    border-left: none;
    margin-bottom: -1px;
    background: #eee;
    overflow: hidden;
    position: relative;
}
ul.tabs li a {
    text-decoration: none;
    color: #000;
    display: block;
    font-size: 1.2em;
    padding: 0 20px;
    border: 1px solid #fff;
    outline: none;
}
ul.tabs li a:hover {
    background: #ccc;
}    
html ul.tabs li.active, html ul.tabs li.active a:hover  {
    background: #fff;
    border-bottom: 1px solid #fff;
}
.tab_container {
    border: 1px solid #000;
    border-top: none;
    clear: both;
    float: left; 
    width: 100%;
    background: #fff;
    -moz-border-radius-bottomright: 5px;
    -khtml-border-radius-bottomright: 5px;
    -webkit-border-bottom-right-radius: 5px;
    -moz-border-radius-bottomleft: 5px;
    -khtml-border-radius-bottomleft: 5px;
    -webkit-border-bottom-left-radius: 5px;
}
.tab_content {
    padding: 20px;
    font-size: 1.2em;
}
.tab_content h2 {
    font-weight: normal;
    padding-bottom: 5px;
    border-bottom: 1px dashed #ddd;
    font-size: 1.4em;
}
.tab_content h3 a{
    color: #254588;
}
.tab_content img {
    float: left;
    margin: 0 20px 20px 0;
    border: 1px solid #ddd;
    padding: 5px;
}

div.popup {
    position: absolute;
    display: none;
    border: 1px solid green;
    padding:5px 15px;
    border-radius: 15px;
    background-color: lavender;
}