body {margin:0px; padding:0px; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:70%; color:#333; text-align:center; background:#eee url(tema/bg.gif) repeat-x left -15px}
h2 {margin-top:0px; padding:5px 0px 5px 10px; font-size:180%; color:#fff; background:#336699}
h3, h4 {font-family:"Trebuchet MS", Verdana, Arial; margin:0px; padding:0px; color:#336699}
h3 {font-size:140%; border-top:1px solid #eee; padding-bottom:8px}
h4 {font-size:120%; padding-bottom:3px}
h5 {font-size:100%; background:#f5f5f5; margin:0px; padding:5px; text-align:center}
p {margin:0px; padding:0px}
small {color:#777; float:right}

a {color:#000099; text-decoration:none}
a:hover {color:#cc0000; text-decoration:underline}

#all {margin:0px auto 0px auto; width:790px; padding-top:5px}
#hlava {background:url(tema/hlava.jpg) no-repeat; height:211px; text-align:left} /* odstranit horny margin */
#stred {background:url(tema/bg_pas.gif) repeat-y}
#obsah {background:url(tema/bg_obsah.gif) no-repeat; padding:10px 9px; min-height:725px}
*html #obsah {height:725px}
#obsah_telo {background:#fff; text-align:left; padding:20px}
#koniec {background:url(tema/bg_koniec.gif) no-repeat; height:20px; margin-bottom:0px}

#nav {float:left; width:165px}
#box {float:right; padding-left:10px; border-left:1px dashed #eee; width:545px; min-height:850px; _height:850px}
#box p {margin-bottom:20px}

#menu {width:160px; font:bold 12px "Trebuchet MS", Verdana, Arial}
#menu ul {margin:0px; padding:0px}
#menu li {margin:0px; padding:0px; list-style:none}
#menu ul li a {display:block; width:155px; text-align:right; padding:5px 5px 2px 0px; color:#999; text-decoration:none; border-top: 1px solid #eee; border-right: 1px solid #eee}
#menu ul li a:hover {color:#cc0000; background-color:#f5f5f5}
#menu ul li a.ist {background:#eee; color:#000}

.info {width:150px; margin:15px 0; padding:5px; background:#f5f5f5; border:1px solid #eee}

.vpravo {display:block; text-align:right}
.dam {margin:5px 0px 5px 0px; border-top:1px solid #eee;}
.dam hr {display:none}

.obr_vlavo, .obr_vpravo {text-align:justify;margin:0px;padding:0px}
.obr_vlavo img {border:1px solid #ddd; padding:2px; margin:0px 10px 10px 0px}
.obr_vpravo img {border:1px solid #ddd; padding:2px; margin:0px 0px 10px 10px}

.prispevky {padding:20px}
.prispevky p {padding:5px}
.prispevky div {padding-left:20px}

.tab {height:65px; padding:15px 0px 0px 220px; background: url(obrazky/ntc.jpg) no-repeat; border:1px solid #ddd}
.tab b {display:block; float:left; width:70px}

#rozpis {padding:0px 0px 0px 0px; text-align:center}
#rozpis ul {margin:0px; padding:0px}
#rozpis li {margin-right:5px; padding:0px; list-style:none; font:bold 110% Arial; float:left}
#rozpis ul li a {display:block; padding:1px; width:50px; line-height:20px; text-align:center; color:#336699; background:#eee; border:1px solid #336699; text-decoration:none}
#rozpis ul li a:hover {color:#fff; background:#cc0000; border:1px solid #ccc}
#rozpis ul li a.ist {color:#fff; background:#336699; border:1px solid #336699}
#rozpis ul li a.non {color:#ccc; background:#f5f5f5; border:1px solid #ccc; cursor:default}

/* iframe */
iframe {float:left}

/* tabulky */
table {width:100%; border:1px solid #336699; font-family:arial,verdana}
table.kostra {border:none}
.head td {background:#336699; color:#fff; font-weight:bold; text-align:left}
.seda {background:#f5f5f5}
.zlta {background:#ffffee}
.oker {background:#fee8dd}

/* formulare */
form {margin:0px;padding:0px;text-align:right}
fieldset {padding:1em;border:1px solid #006699;float:right;text-align:right}
legend {padding:0px 0.5em 0px 0.5em;color:#006699;text-align:right;font-size:90%;}
label {display:block; width:80px; float:left; margin:3px; font-weight:bold}
input, textarea {width:250px;margin:2px;padding-left:5px;background-color:transparent;border:1px solid #999;font:100% "Trebuchet MS", Verdana, Arial;color:#333;}
input:focus, textarea:focus {border:1px solid #999}
textarea {overflow:auto}
#sutaz input {width:130px}
#tiper input {width:15px; height:15px; margin:0; padding:0; border:none}
#tiper input.login {width:120px; height:auto; padding:1px 5px; border:1px solid #999}
#tiper input.submit {width:auto; height:auto; padding:0 3px; border:1px solid #999}
.button {width:auto} /* PRE ZAROVNANIE DOPRAVA V MOZZILE: margin-left:72px !important; margin-left:2px */
.button:hover {color:#006699; border:1px solid #006699}
.check {float:left}
.check input {width:auto; border:none}

.smile input {width:300px}
.smile button {margin:2px; padding:2px; background:#fff; border:1px solid #fff}
.smile button:hover {border:1px solid #ddd}

/* fotogaleria */
.gal p {margin-left:1px; margin-right:13px; padding:2px; border:1px solid #ddd; float:left; width:156px; height:159px}
.gals p {margin-left:1px; margin-right:13px; padding:2px; border:1px solid #ddd; float:left; width:156px}
.gal a,.gals a {display:block; width:156px; height:118px; background:#eee; border:1px solid #fff}
.gal a:hover,.gals a:hover {border:1px solid #000099}
*html .gal,*html .gals {margin:-3px}
