body { margin: 0px; padding: 0px; background: #F6E980; color: #000000; 
font-family: "Tahoma CE", Tahoma, "Arial CE", sans-serif; font-style: normal; font-size: 70%;} 

/* text ---------------------------------------------------------------------- */
p { text-align: justify; line-height: 1.4; text-align: right;}
a { color: #E3481E;}
a:hover { color: #E3481E; text-decoration: none;}
p, h1, h2 { margin: 10px 2px 2px 0px; padding: 0;}
h1, h2 { color: #E3481E; font-size: 100%; font-weight: bold; text-transform: uppercase;}
h2 { color: #E3481E; text-transform: none;}
.clearboth {clear: both;}

/* bloky ---------------------------------------------------------------------- */
#leva { position: absolute; width: 330px; height: 650px; top: 0; left: 0; background: url('img/leva.gif') no-repeat;}
#logo { position: absolute; width: 269px; height: 89px; top: 63px; left: 0; z-index: 2; }
#vrch { position: absolute; width: 524px; height: 208px; top: 0; left: 330px; }
#prava { position: absolute; width: 450px; top: 240px; left: 350px; text-align: right;}

.blok { float: left; display: block; width: 153px; text-align: center; margin-right: 3px; margin-bottom: 5px; margin-top: 3px;}

/* menu ---------------------------------------------------------------------- */
#menu { position: absolute; top: 209px; left: 48px; width: 163px; padding: 0px; margin: 0px; z-index: 2;}
#menu ul { list-style: none; margin: 0px; padding: 0px; border: none;}
#menu li { float: left; margin: 0px; padding: 0px; border: none; width: 163px; height: 23px;}
#menu li a { display: block; height: 23px;}
#menu a.tl01 { background: url('img/menu01a.gif') no-repeat;}
#menu a:hover.tl01 { background: url('img/menu01b.gif') no-repeat;}
#menu a.tl02 { background: url('img/menu02a.gif') no-repeat;}
#menu a:hover.tl02 { background: url('img/menu02b.gif') no-repeat;}
#menu a.tl03 { background: url('img/menu03a.gif') no-repeat;}
#menu a:hover.tl03 { background: url('img/menu03b.gif') no-repeat;}
#menu a.tl04 { background: url('img/menu04a.gif') no-repeat;}
#menu a:hover.tl04 { background: url('img/menu04b.gif') no-repeat;}
#menu a.tl05 { background: url('img/menu05a.gif') no-repeat;}
#menu a:hover.tl05 { background: url('img/menu05b.gif') no-repeat;}
#menu a.tl06 { background: url('img/menu06a.gif') no-repeat;}
#menu a:hover.tl06 { background: url('img/menu06b.gif') no-repeat;}
#menu a.tl07 { background: url('img/menu07a.gif') no-repeat;}
#menu a:hover.tl07 { background: url('img/menu07b.gif') no-repeat;}
#menu a.tl08 { background: url('img/menu08a.gif') no-repeat;}
#menu a:hover.tl08 { background: url('img/menu08b.gif') no-repeat;}

/* tabulky ---------------------------------------------------------------------- */
td {font-family: "Tahoma CE", Tahoma, "Arial CE", sans-serif; font-size: 8pt; text-align: center; border: 0px;}
.tabulka { border: 0px; width: 100%; }
.nic {text-align: right;}

/* formulare ---------------------------------------------------------------------- */
.formular { margin: 0px; color: #000000; border: 1px solid #000000;	background-color: #eeeeee; width : 300px; height: 16px; font-family: "Tahoma CE",Tahoma,"Arial CE",sans-serif; font-size: 8pt; padding: 1px;}
.domena { margin: 0px; color: #000000; border: 1px solid #000000; background-color: #eeeeee; overflow: hidden; width : 300px; height: 200px; font-family: "Tahoma CE",Tahoma,"Arial CE",sans-serif; font-size: 8pt; padding: 1px;}
.tlacitko {color: #ffffff; width: 150px; height: 22px; border: 1px solid #ffffff; cursor: hand; background-color: #cc3300; font-family: "Tahoma CE",Tahoma,"Arial CE",sans-serif; font-size: 8pt; padding: 0px;}
  
/* ostatni ---------------------------------------------------------------------- */
img {margin: 0; padding: 0;}
.noram, .ramp {padding: 0px; border: 0px; margin: 0px;}
.ramp {float: right;}
.ram, .ramh {padding: 2px; border: 1px solid #000000; margin: 1px; background: #ffffff; cursor: hand;}
.otaznik {cursor: help;}