* {border:none}

body { width: 1020px; padding:0;  background: #58816f 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;}


#vrch1 {width:1020px; height:109px; text-align:center; margin:0 auto; background: url(../images/vrch01.jpg) 0 100% no-repeat;}
#vrch2 {width:1020px; height: 44px; text-align:center; margin:0 auto; background: url(../images/vrch02.jpg) 0 100% no-repeat;}
#spodek {width:1020px; height:50px; text-align:center; margin:0 auto; background: url(../images/caradole.jpg) 0 100% repeat-y;}

.vrch1_text {padding: 50px 40px 0 0; text-align:right; font-size: 1.25em; color:white; line-height:160% }
.vrch2_text {text-align: left; font-size: 1.25em; padding: 15px 50px 0 50px;  color: #000;}

.text_spodek {padding: 10px 0 0 40px; text-align:left; color: white; font-size: 1.50em; }

#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: 980px; }
.obsah { color: #000; text-align:left; line-height: 150%; padding: 20px 0px 0 50px; }

.doprava {text-align:right}
.copyright {color: #fff;  text-align: left;   padding: 20px 0px 40px 30px; }
.seda {color: #666; text-decoration: none}
.bila {color: #fff; text-decoration: none; padding-right: 20px}
.bila:hover {color:#ffff80}

.biladole {color: #fff; text-decoration: none; }
.biladole:hover {color:#ffff80}

.cisto {clear:both}
.mezera {height: 10px}
.odstavec {text-align:justify; margin: 10px 0 5px 0}

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

.obr {margin: 20px 0px 10px 13px; } 
.lobr {float:left; margin: 0px 15px 0px 0px; padding: 5px}
.lobr1 {float:left; margin: 0px 0px 0px 0px; padding: 5px}
.pobr {float:right; margin: 5px 0px 10px 15px; text-align:center;  padding: 3px; border:1px solid #ddd;}
.pobr1 {float:right; margin: 0px 0px 10px 15px; text-align:center;  padding: 0px; }

.odraz {padding: 3px}

h1 {font-size: 1.60em; text-align: left; color: #194023;  padding-bottom: 5px; margin: 10px 0 10px 0;border-bottom:1px solid #194023; }
h2 {font-size: 1.30em; text-align: left; color: #ff9900;  margin: 0; padding: 10px 0 5px 0;}
h3 {font-size: 1.20em; text-align: left; color: #cc0000;  margin: 0; padding: 10px 0 5px 0}

.foto {width: 300px; height: 225px; float:left;  margin: 5px 2px 10px 0; border:1px solid #eee; padding:2px; }
.foto:hover { border:1px solid #ddd; }

table.cenik {width: 800px; padding:2px; margin: 10px 0px 20px 0; font-size: 0.95em;}
th {background:#666; color:white; padding:4px; text-align:center}
td.cell1 {background:#eee; font-weight:bold; padding:8px}
td.cell2 {text-align:left; background:#f6fafc; padding:8px}

input { border: 1px solid #aaa; padding: 1px; margin: 3px; background:#f5f5f5; cursor: Pointer}
select { border: 1px solid #aaa; padding: 1px; margin: 3px; background:#f5f5f5}
textarea { border: 1px solid #aaa; padding: 1px; margin: 3px; background:#f5f5f5}


.cervena {color:red}
.aktuality{  background:#f5f5f5; margin-left: 15px;}
.aktuality_text {padding: 8px}
.datum {text-align: right; font-size: 0.8em;}
.carka {border-bottom: 1px solid #aaa; border-bottom-style:dotted; padding: 5px 0 5px 0}

.prava {float:right;width:280px; }
.leva {float:left; width:630px; }