* {margin: 0px; padding: 0px;}

body {
	background-color: #fff; font-family:  Verdana, Tahoma, sans-serif; color: #666; margin: 0px; padding: 0px; line-height: 1.4;
	font-size: 70%; 
}

.clear {clear: both; height: 1px;}
.bold {font-weight: bold;}
.marbot10 {margin-bottom: 15px;}

img {border: 0px;}
a {color: #c4002c;}


#obal {width: 903px; margin: 0px auto;}
#hlava {height: 109px; width: 100%; background:  url('bg-hlava.gif') no-repeat; border-top: 1px solid #c2c3c6;
			position: relative;}

#tmenu {position: absolute; right: 210px; top: 5px; text-align: right; width: 500px; color: #c4002c;}
#tmenu a {text-decoration: none;} 
#tmenu a:hover {text-decoration: underline;} 

#menu {height: 26px; background: url('bg-menu.gif') repeat-x;}
#menu .menu {color: #fff; padding: 4px 0px 0px 10px;}
#menu .menu a {text-decoration: none; color: #666;}
#menu .menu a:hover {text-decoration: underline; color: #c4002c;}
#menu .menu span {padding: 0px 5px 0px 5px;}

#menu .mutace {float: right; padding-right: 10px; padding-top: 5px; color: #fff;}
#menu .mutace a {color: #666; text-decoration: none;}
#menu .mutace a:hover {text-decoration: underline; color: #c4002c;}
#menu .mutace .cs {background: url('cs.gif') 4px 0px no-repeat; padding-left: 22px;}
#menu .mutace .sk {background: url('sk.gif') 4px 0px no-repeat; padding-left: 22px;}
#menu .mutace .en {background: url('en.gif') 4px 0px no-repeat; padding-left: 22px;}


#navigace {color: #888; text-transform: lowercase; padding: 4px 0px 3px 10px;} 
#navigace a {color: #888; text-decoration: none;}
#navigace a:hover {text-decoration: underline;}


#obsah {border-top: 1px solid #c2c3c6;}

#home #obsah {background: url('bg-obsah-i.gif') repeat-y;}
#page #obsah {background: url('bg-obsah.gif') repeat-y;}

#obsah .h2 {display: block; background-color: #c4002c; color: #fff; padding: 5px 10px 5px 10px; font-size: 100%; font-weight: normal;	}
#obsah .okno {margin-bottom: 5px;}
#obsah .okno .o {padding: 10px; font-size: 10px;}
#obsah .okno .o a{font-size: 10px;}
.bgokno {background: url('bg-okno.gif') bottom repeat-x;}
.bgokno3 {background: url('bg-okno-vel.gif') bottom repeat-x;}

#home #leva {float: left; width: 239px; margin-right: 11px; padding-left: 1px;}
#home #stred {float: left; width: 392px; }
#home #prava {float: right; width: 239px; margin-right: 11px;}

#page #leva {float: left; width: 239px; margin-right: 11px; padding-left: 1px; padding-bottom: 10px;}
#page #prava {float: right; width: 642px; margin-right: 10px; }

#pata {background-color: #e2e2e5; padding: 5px 10px 5px 10px;}

p {margin: 0px 0px 10px 0px;}

.clfoto {float: left; width: 100px; height: 70px; overflow: hidden; margin: 0px 10px 10px 0px;}
.form_kf {margin-top: 0px;}
.form_kf table {border-collapse: collapse; width: 100%;}
.form_kf table td {padding: 0px 5px 3px 0px;}
.form_kf .input {width: 100%; border: 1px solid #666;}
.form_kf .submit {font-size: 100%; background-color: #666; color: #fff; border: none; padding: 1px 5px 1px 5px;}

#form_kat .input {width: 150px; border: 1px solid #666; float: left;  height: 16px;}
#form_kat .submit {font-size: 100%; background-color: #999; color: #fff; border: none; padding: 1px 5px 1px 5px; float: right;
				width: 62px; height: 18px;}
.celkat {margin-top: 5px;}

#page h1 {border: none; border-bottom: 1px solid #c2c3c6; padding: 0px; margin: 0px; color: #c4002c; font-size: 13px; font-weight: bold;
			padding: 5px 10px 5px 18px; background:  url('bg-h1.gif') no-repeat 10px 8px;}
			
#lmenu .mrbk {background: url('bg-mrbk.gif') 10px 7px no-repeat #c4002c; color: #fff; padding: 6px 10px 6px 18px;}
#lmenu a {display: block; text-decoration: none; padding: 4px 10px 4px 18px; background: url('bg-lmenu-a.gif') 10px 10px no-repeat #e2e2e5;
			color: #666; margin-top: 2px;}			
#lmenu a:hover {background: #a0a1a4; color: #fff;}			

#lmenu .lvl2 {background: url('bg-lmenu-a.gif') 10px 10px no-repeat #f5f5f5;}
#lmenu .lvl2:hover {background: #bbb; color: #fff;}

#rubobsah {padding: 10px;}

ul {padding-left: 15px;}

.ahome {width: 170px; height: 45px; position: absolute; right:15px; top: 45px;}
.ahome span {display: none;}

.arecordati {width: 170px; height: 20px; position: absolute; right:15px; top: 2px;}
.arecordati span {display: none;}

#produkty {}
#produkty .produkt {width: 300px; height: 100px; border-bottom: 1px solid #c2c3c6; padding: 10px 0px 10px 0px;}
#produkty h2 {font-size: 100%; font-weight: bold;}
#produkty .obr {float: left; width: 100px; height: 100px; overflow: hidden; margin-right: 5px;} 

#produkty .colp1, #produkty .colp3, #produkty .colp5, #produkty .colp7, #produkty .colp9,
	#produkty .colp11, #produkty .colp13, #produkty .colp15, #produkty .colp17, #produkty .colp19 {float: left; clear: both;}
#produkty .colp2, #produkty .colp4, #produkty .colp6, #produkty .colp8, #produkty .colp10,
 #produkty .colp12, #produkty .colp14, #produkty .colp16, #produkty .colp18, #produkty .colp20 {float: right;}


#prodpra {margin-top: 20px;}
#prodpra h3 {font-weight: normal; font-size: 100%;}
#prodpra a {color: #666;}

#produkt .galerie {float: left; width: 300px;}
#produkt .boxp {float: right; width: 300px; padding-top: 10px;}


#prodnah {}
#prodnah p {margin-top: 5px;}
#prodnah .obr {width: 80px; height: 100px; overflow: hidden; float: left;}
#prodnah .rig {float: right; width: 120px;} 

#seaform {padding: 10px;}
#seaform label {display: block; margin-bottom: 2px; text-transform: lowercase;}
#seaform .input {display: block; width: 200px; border: 1px solid #666; margin-bottom: 5px;}

.radio {text-transform: lowercase; margin-bottom: 1px;}


#form {margin: 15px 15px 15px 0px;}
#form table  {border-collapse: collapse;}
#form td {padding: 5px 10px 5px 0px;}
#form .l {}
#form .input {border: 1px solid #999;}
#form .textarea {border: 1px solid #999;}


.pages {padding-top: 10px;}
.pages .aktual {color: #000; text-decoration: none;padding: 3px;}
.pages .stand {background-color: #ddd; padding: 3px;}