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: #B01016;}
a:hover { color: #000000; text-decoration: none; }
h1 { font-size: 110%; color: #B01016; margin: 0px; padding: 20px 0px 0px 10px; text-transform: uppercase;}
h2 { font-size: 110%; color: #B01016; margin: 0px; padding: 10px 0px 0px 10px;}
.nadpis { font-size: 100%; color: #B01016; margin: 0px; padding: 0px; font-weight: bold; text-decoration: none;}
.cena { color: #000000; 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: #DDD9D0; text-decoration: none; }
.select strong {color: black;}


/* bloky ---------------------------------------------------------------------- */
#vrchfoto { position: absolute; top: 0px; left: 0px; margin:0; padding:0; height: 129px; width: auto;}
#vrchlogo { position: absolute; text-align: right; top: 35px; right: 60px; height: 30px; width: 99%; z-index: 3;}
#vrchflash { position: absolute; top: 0px; left: 60px; height: 105px; width: 127px; z-index: 2;}
#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: 158px; 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: none;}

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


#blok { position: relative; top: 0px; margin: 0; border: 0px; width: 98%; display: block; margin: 20px 0px 0px 10px;}
#bloki {margin: 20px;}

.foto {float: left; width: 120px; text-align: center;}


.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;}
.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/zelenapozl.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; }
.ramecek { border: 1px solid #ffffff; background-color: #ffffff; }
.clearboth {clear: both;}

.detail {height: 140px;}
.select {margin-left: 10px;}
.sel select { margin: 2px; color: #333333; border: 1px solid #999999; overflow: hidden;
	height: 18px; font-size: 8pt; padding: 2px;}  

/* 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: 1px solid #ddd9d0; 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 a {display: block; background: url('img/menu.gif') no-repeat; color: #000000; text-decoration: none;
  height: 19px; left: 15px; padding-left: 15px}
.menu li a:hover {color: #666666;}

/* formulare ---------------------------------------------------------------------- */
form { color: #ffffff; margin: 0px; padding: 10px; text-align: justify; vertical-align: bottom; border: none; }
.formular { margin: 2px; color: #000000; border: 1px solid #ffffff;	background-color: #D0D0D0; 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: hand; margin: 0px; 
background: #6A6A6A; font-family: "Tahoma CE",Tahoma,"Arial CE",sans-serif; font-size: 8pt; padding: 0px 5px 0px 5px;}
.flat { margin: 2px; color: #333333; border: 1px solid #999999; overflow: hidden;
	height: 15px; font-size: 8pt; padding: 2px;}  
	
.noform{ margin: 2px; color: #666666; border: 0px; height: 14px; font-family: "Tahoma CE",Tahoma,"Arial CE",sans-serif; font-size: 8pt; }
.noform_price{ margin: 2px; color: black; border: 0px; height: 18px; font-family: "Tahoma CE",Tahoma,"Arial CE",sans-serif; font-size: 12pt; font-weight: bold;}
.noformz{ margin: 2px; color: white; background-color: #b01016; border: 0px; height: 18px; 
font-family: "Tahoma CE",Tahoma,"Arial CE",sans-serif; font-size: 12pt; font-weight: bold;}	

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

.table_float {width: 350px; margin-left: 20px;}

.tdvyplntm_20 {width: 20px;}
.tdvyplntm_60 {width: 60px;}
.tdvyplntm_130 {width: 100px;}
.right {text-align: right;}*/

.center {text-align: center;}

td {font-family: "Tahoma CE",Tahoma,"Arial CE",sans-serif; font-size: 8pt; color: #000000;}
.tabulka, .tabulka2 { border: 0px; margin: 20px; padding: 0px; }
.tabulka2 { width: 404px; max-width: 404px; min-width: 414px; float: left; margin-left: 0px; padding-left: 10px;}
.tdvyplntm {background-color: #b01016; border: 1px solid #666666;; color: #ffffff; padding: 1px 5px 2px 5px; font-weight: bold;}
.tdvyplntm td {background-color: #b01016; border: 1px solid #666666;; color: #ffffff; padding: 1px 5px 2px 5px; font-weight: bold;}
.tdvyplnsv {background-color: #ffffff; border: 1px solid #666666; color: #666666; padding: 1px 5px 2px 5px;}

.tdtitle {background-color: #ffffff; border: 1px solid #666666; 
color: #666666; padding: 1px 5px 2px 5px; 
font-weight: bold; text-align: right; width: 100px;}

.table_float {width: 350px; margin: 0px 0px 20px 20px;}

.tdvyplntm_20 {width: 20px;}
.tdvyplntm_60 {width: 60px;}
.tdvyplntm_130 {width: 100px;}
.right {text-align: right;}
.center {text-align: center;}

.tdvyplntm a, .tdvyplntm a:hover {color: white; text-decoration: none;}

#payment td {width: 360px;}

.bloky {
	float:left;
	width:90%;
	margin-bottom:20px;
}