body { margin:0; padding:0; background: #ffffff; color: #000000; font-family: "Tahoma CE",Tahoma,"Arial CE",sans-serif;
 font-style: normal; font-size: 70%;} 
  
/* text ---------------------------------------------------------------------- */
p { color: #666666; margin: 0px; padding: 10px; text-align: justify;}
a { color: #2965A2;}
a:hover { color: #FF3300; text-decoration: none; }
h1 { font-size: 110%; color: #2965A2; margin: 0px; padding: 10px 0px 0px 10px; text-transform: uppercase;}
h2 { font-size: 110%; color: #2965A2; margin: 0px; padding: 10px 0px 0px 10px;}
.nadpis { font-size: 100%; color: #749B27; margin: 0px; padding: 0px; font-weight: bold; text-decoration: none;}
.cena { color: #2965A2; margin: 0px; padding: 0px; font-weight: bold;}
a.seda { color: #666666; text-decoration: none;}
a.bila { color: #ffffff; text-decoration: none;}
a:hover.bila { color: #000000; text-decoration: none; }

/* bloky ---------------------------------------------------------------------- */
#vrchfoto { position: absolute; top: 0px; left: 0px; margin:0; padding:0; height: 116px; width: auto;}
#odkazy { position: absolute; text-align: right; padding: 90px 0px 0px 0px; height: 20px; width: 99%; color: #ffffff; z-index: 4;}
#vrch { margin:0; padding:0; background: #444444; background: url('img/vrch.gif') repeat-x; height: 148px; width: auto;}
#main1 { margin: 0; padding: 0; border: none;}
#main2 { margin: 0; padding: 0; border: none;}
#left { float: left; width: 168px; margin: 0px; padding: 0;  border: none; }
#right { float: right; width: 168px; margin: 0; padding: 0;  border: none; background: #D7D7D7;}
#middle { margin: 0 168px;  border: 1px solid #FFFFFF;}

.registrace {position: relative; left: 30px; top: 20px}

#detail {float: left; border-left: 20px solid #ffffff; border-bottom: 1px solid #D7D7D7; border-top: 20px solid #ffffff; border-right: 20px solid #ffffff;}
.blok, .bloka, .blokn { position: relative; float: left; left: 20px; top: 15px; right: 20px; width:91%; margin-bottom: 5px; height: auto; border: 1px solid #DEDEDE;}
.blok { padding: 5px 15px 5px 5px;}
.tdescr {font-size: 8pt; background-color: #ffffff; border: none; text-align: center; margin: 5px; word-wrap: break-word;}
.tdobr {font-size: 8pt; background-color: #ffffff; border: none; text-align: center;}
.ramd {padding: 1px; border: 1px solid #DEDEDE; margin: 0px; }

#vkosik { position: relative; float: right; top: 123px; padding: 0px 20px 0px 0px; height: 20px; z-index: 3;}
#vmenu { position: absolute; float: left; top: 126px; left: 10px; padding: 0px; z-index: 3;}

.column-in {margin:0; padding: 0;  border: none;}
.modra {margin: 0px; height: 20px; border-top: 1px solid #ffffff;  font-weight: bold; background: url('img/modratopl.gif'); padding-left: 10px; color: #ffffff; padding-top: 2px;}
.modrak {background-color: #2B6BAD; margin: 0px; height: 17px; font-weight: bold; padding-left: 0px; color: #ffffff; padding-top: 2px;}
.modrap {margin: 0px; height: 20px; border-top: 1px solid #ffffff;  font-weight: bold; background: url('img/modratopp.gif'); padding-left: 20px; color: #ffffff; padding-top: 2px;}
.zelena {margin: 0px; height: 20px; border-top: 1px solid #ffffff;  font-weight: bold; background: url('img/zelenatopl.gif'); padding-left: 10px; color: #ffffff; padding-top: 2px;}
.zelenap {margin: 0px; height: 20px; border-top: 1px solid #ffffff;  font-weight: bold; background: url('img/zelenatopp.gif'); padding-left: 20px; color: #ffffff; padding-top: 2px;}
.modrapozadi {background: url('img/modrapozl.gif');}
.modrapozadip {background: url('img/modrapozp.gif');}
.zelenapozadi {background: url('img/zelenapozl.gif');}
.zelenapozadip {background: url('img/zelenapozp.gif');}
.cleaner {clear: both; height: 1px; font-size: 1px; border: none; margin: 0; padding: 0; background: transparent;}
.reklama { margin: 0px; padding: 8px; text-align: center;}

.vyrobekb { padding: 5px 10px 0px 10px; margin: 0px; }
.vyrobek { background-image: url('img/teckyb.gif'); background-color: #ffffff; padding-bottom: 1px;}
.vyrobek .ramecek { border-bottom: 1px solid #ffffff; background-color: #ffffff; }

/* ramecky ---------------------------------------------------------------------- */
.nic { border: 0px; padding: 0px; margin: 0px; font-size: 6pt;}
.noram { border: 0px; padding: 0px; margin: 0px;}
.ram {padding: 0px; border: 1px solid #ffffff; margin: 0px; }
.ramb {padding: 0px; border: 1px solid #000000; margin: 0px; }
.ramz { float: left; margin: 0px 10px 0px 0px; border: none; padding: 0px;}
.rmenu {padding: 0px; border: none; margin: 1px; }
.kos { float: right; padding: 0px; margin: 0px; border: none;}

/* menu ---------------------------------------------------------------------- */
.menu { width: 148px; padding: 10px 10px 0px 10px; 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: 148px;}
.menu li ul{ float: left; margin: 0px; padding-left: 7px; border: none; width: 148px;}
.menu li a {display: block; background: url('img/menu.gif') no-repeat; color: #ffffff; text-decoration: none; left: 15px; padding-left: 15px}
.menu li a:hover {color: #000000;}

/* formulare ---------------------------------------------------------------------- */
form { color: #000000; margin: 0px; padding: 0px; vertical-align: top; border: none; text-align: center;}
.registrace { color: #000000; margin: 0px; padding: 10px; text-align: justify; vertical-align: bottom; border: none; }
.formular { margin: 2px; color: #000000; border: 1px solid #D0D0D0;	background-color: #ffffff; width: 116px; 
height: 18px; font-family: "Tahoma CE",Tahoma,"Arial CE",sans-serif; font-size: 8pt; padding: 0px; padding-left: 2px;}
.tlacitko {color: #ffffff; width: auto; height: 18px; border: 1px solid #D0D0D0; cursor: pointer; margin: 0px; 
background: url('img/tlacitko.gif'); font-family: "Tahoma CE",Tahoma,"Arial CE",sans-serif; font-size: 8pt; padding: 0px 5px 0px 5px;}
/*.formular { margin: 2px; color: #000000; border: 1px solid #D0D0D0;	background-color: #ffffff; width: 116px; 
height: 18px; font-family: "Tahoma CE",Tahoma,"Arial CE",sans-serif; font-size: 8pt; padding: 0px; padding-left: 2px;}*/
.formular1 { margin: 2px; color: #000000; border: 1px solid #D0D0D0;	background-color: #ffffff;  
height: 18px; font-family: "Tahoma CE",Tahoma,"Arial CE",sans-serif; font-size: 8pt; padding: 0px; padding-left: 2px;}
.flat { margin: 2px; color: #000000; border: 1px solid #D0D0D0;	background-color: #ffffff;  
height: 18px; font-family: "Tahoma CE",Tahoma,"Arial CE",sans-serif; font-size: 8pt; padding: 0px; padding-left: 2px;}
.textarea { margin: 2px; color: #000000; border: 1px solid #D0D0D0;	background-color: #ffffff;  
 font-family: "Tahoma CE",Tahoma,"Arial CE",sans-serif; font-size: 8pt; padding: 0px; padding-left: 2px;}
.formular2 { margin: 0px; color: #000000; border: 1px solid #D0D0D0;	background-color: #ffffff; width: 116px; 
height: 18px; font-family: "Tahoma CE",Tahoma,"Arial CE",sans-serif; font-size: 8pt; padding: 0px; padding-left: 2px;}
.detail {float: left; }
/*.tlacitko {color: #ffffff; width: auto; height: 18px; border: 1px solid #D0D0D0; cursor: hand; margin: 0px; 
background: url('img/tlacitko.gif'); font-family: "Tahoma CE",Tahoma,"Arial CE",sans-serif; font-size: 8pt; padding: 0px 5px 0px 5px;}*/

/* tabulky ---------------------------------------------------------------------- */
td {font-family: "Tahoma CE",Tahoma,"Arial CE",sans-serif; vertical-align: top; padding: 0px; margin: 0px;}
.tabulka { border: 0px; width: auto; font-size: 100%; }
.kosik {border: 0px; width: 99%; font-size: 100%; }

#text { position: relative; left: 25px; width: 375px; padding: 0px; border: 0px none; margin: 0; float: left;}
.linka { background-color: #000000; height: 1px; margin: 3px 0px 3px 0px;}
.modry { color: #2965A2; font-size: 9pt; font-weight: bold;}