body { margin: 0px;	padding: 0px; background: #000 url('/gfx/bg.png') repeat-x 0px 0px; color: #a0a0a0; font-family: Trebuchet MS, Calibri, Verdana CE, Geneva CE; font-size: 0.8em; text-align: center; }
/* NADPISY ******************************************************************* */
h1 { font-weight: normal; font-size: 1.8em; text-align: left; margin: 20px; margin-top: 0px; }
h2 { font-weight: normal; font-size: 1.6em; text-align: left; margin: 20px; }
h3 { font-weight: normal; font-size: 1.3em; text-align: left; margin: 20px; }
h3 { font-weight: normal; font-size: 1.1em; text-align: left; margin: 20px; }
h1, h2, h3, h4 { color: #fff; }

.fl { float: left; }
.fr { float: right; }
.ct { text-align: center; }
.lt { text-align: left; }
.rt { text-align: right; }
.jt { text-align: justify; }
.mv { vertical-align: middle; }
.bv { vertical-align: bottom; }
.tv { vertical-align: top; }

.vetsiPismo { font-size: 16px; }

br, hr { clear: both; }
hr { width: 100%; height: 1px; background: #dcdcdd; border: 0; }
ul { list-style-type: square; text-align: left; line-height: 2.0; margin-right: 20px; }
p { text-align: justify; margin: 20px; padding: 0px; line-height: 1.5; }
ul p { margin: 10px; }
strong { color: #eee; }

/* BARVY ********************************************************************* */
.bModra { color: #1e1eb8; } /* modry pruh */
.bModraSvetla { color: #99d5ee; } /* ram modry */
.bZelena { color: #447b29; } /* zelena */
.bZelenaSvetla { color: #bddf69; } /* ram zelena */
.bSeda { color: #1c1c1c; } /* seda tmava (text) */
.bCervena { color: #f00; } /* cervena */
.bZluta { color: #fa0; }
.bCerna { color: #000; }


a { color: #416aa2; text-decoration: underline; }
a:hover { text-decoration: none; color: #416aa2; }

/* KOSTRA ******************************************************************** */
html, body { height: 100%; }
div#div-obal { min-height: 100%; width: 1003px; margin: 0px auto; position: relative; }

div#sloupec-left { width: 260px; float: left; }
div#sloupec-left p.vypis { text-align: left; margin: 10px 0px 0px 0px; }
div#sloupec-right { width: 680px; float: left; margin-left: 60px; position: relative; }

div.box { width: 100%; background: #111; border: 1px solid #222; padding: 15px; text-align: left; color: #eee; }


/* HLAVICKA ****************************************************************** */
div#div-hlavicka { width: 100%; height: 264px; margin-top: 78px; background: url('/gfx/top.jpg') no-repeat left top; position: relative; }
div#div-hlavicka img { width: 484px; height: 103px; position: absolute; top: 148px; left: 468px; }
div#div-hlavicka a#a-logo { display: block; width: 450px; height: 100px; position: absolute; top: 50px; left: 0px; }
div#menu { position: absolute; top: -50px; left: 0px; font-size: 24px; }
div#menu a { text-decoration: none; margin-right: 20px; margin-left: 20px; color: #fff; }
div#menu a:hover { text-decoration: underline; }
div#menu span { color: #000; font-size: 20px; position: relative; top: -3px; }
#div-hlavicka.box {
  padding: 0; 
}

a#a-eko, a#a-index { position: absolute; display: block; }
a#a-index { width: 500px; height: 70px; left: 15px; top: 35px; }
a#a-eko { width: 570px; height: 70px; right: 0px; top: 125px; }
/* LEVY SLOUPEC ************************************************************** */
div#sloupec-left ul { padding-left: 15px; }

/* PATICKA ******************************************************************* */
div#div-paticka { width: 1000px; height: auto; margin-bottom: 40px; }

/* FORMULAR ****************************************************************** */
form label { width: 45%; display: block; float: left; }
form label.kratsi { width: 20%; }
form table, form textarea, form input, table { font-family: Arial CE, Arial, Verdana CE, Geneva CE, Verdana; font-size: 100%; }
form table th { vertical-align: top; text-align: left; }
form textarea { width: 400px; height: 200px; font-size: 100%; }
.echo { color: red; }
ul.echo { border: 1px solid #eee; }
p.echo { color: #00f; }

.dotaz { background-color: #eee; padding: 10px; }
img#generated_code { width: 188px; height: 25px; vertical-align: middle; }

span.datum { white-space: nowrap; }