body, img, p, form, h1, h2, h3, h4, h5, h6 {margin: 0px; padding: 0px}

a {color: #d41600;  font-family: Verdana, Tahoma;}
a:hover {}
img {border: 0px;}

			
.clear {clear: both; height: 1px; color:  #fff;}
.bold {font-weight: bold;}
.bgred {background-color: #9d3220;}
.seplin {height: 4px;}
.martop5 {margin-top: 5px;}
.martop10 {margin-top: 10px;}
.right {float: right;}
.w160 {width:160px;}
.w80 {width:80px;}
.w100 {width:100px;}

body {background: url('bg.gif') repeat-x #222;	color: #999; font-family: , Tahoma; font-size: 71%; line-height: 1.5; }

#obal {width:  880px; margin: 0px auto; position: relative; background-color: #000; padding: 0px;}

.logo_obal {width: 276px; height: 300px; background: url('bg-logo.gif') repeat-x; position: absolute; bottom: 0px;
		left: 0px;}
.logo {width: 250px; height: 273px; display: block; overflow:hidden; position:absolute; left:13px; top:13px;}
.logo span {display:block; width: 250px; height: 273px; z-index:1; background: url('krasne-nehty-jessica.jpg') no-repeat;
						 position:absolute; left:0px; top:0px; z-index:5;}

#hlava {position: relative; width: 100%; height: 333px;}
#hlava .linka {position: absolute; top: 10px; right: 20px; color: #999;}
#hlava .linka a {color: #ccc;}
#hlava .ikony {position: absolute; top: 5px; left: 193px;}
#hlava .ikony img {display: block; float: left; border: 0px; padding:5px;}
#homepage #hlava .kolaz {position: absolute; bottom: 0px; right: 0px; background: url('bg-kolaz.gif') repeat-x #424242; 
			width: 604px; height: 287px; padding-top:13px;}
#page #hlava .kolaz {position: absolute; bottom: 0px; right: 0px; background: #424242; 
			width: 604px; height: 287px; padding-top:13px;}
#hlava .kolaz img {display: block; marginì: 0px auto; width: 591px; height: 274px; margin-top:13px;}			

#pata {background-color: #000; color: #999; padding: 12px 10px 12px 13px; }
#pata a{color: #999;}

.menu {width: 250px; margin: 13px 0px 23px 13px; }
.menu a {color: #fff; display: block; padding: 4px 0px 4px 33px; text-decoration: none;
		 font-weight: bold;}
.menu a:hover{color: #787878;}		
.menu .lvl0 {font-size: 13px; font-family: "Trebuchet MS", "Geneva CE", lucida, sans-serif; 
				background: url('bg-menu.gif') no-repeat 8px 7px; text-transform: uppercase;}
.menu .odd {height: 1px; border-top: 1px solid #333; }
.menu h2 {font-size: 100%; font-weight: bold; }

.menu .lvl1 {font-family: "Trebuchet MS", "Geneva CE", lucida, sans-serif; padding: 0px 0px 2px 33px; color: #ddd;
		text-transform: lowercase;font-weight: bold;}

.menu .lvl2 {font-family: "Trebuchet MS", "Geneva CE", lucida, sans-serif; padding: 0px 0px 2px 45px; color: #ddd;
		text-transform: lowercase; font-weight: normal;}

.menu .lvl3 {font-family: "Trebuchet MS", "Geneva CE", lucida, sans-serif; padding: 0px 0px 2px 57px; color: #ddd;
		text-transform: lowercase; font-weight: normal;}

#leva {width: 276px; color: #ccc; float: left;}
#leva .banns {margin-bottom: 15px;}
#leva .bann {width: 250px; background:  url('bg-bann.gif') no-repeat; height: 70px;
				line-height: 1.2; margin: 10px 0px 5px 13px;}
#leva .bann .txt {padding: 12px 0px 0px 10px; color: #aaa;}				
#leva .bann img {float: right; margin: 8px 8px 0px 5px;}				
#leva h3 {font-size:100%;  margin-bottom: 5px; font-family: "Trebuchet MS", "Geneva CE", lucida, sans-serif;}
#leva h3 a {color: #ccc; font-family: "Trebuchet MS", "Geneva CE", lucida, sans-serif;}

#prava {width:604px; float: right;  position: relative;}
.rohl {position: absolute; bottom: 0px; left: 0px; width: 11px; height: 10px; background: url('roh.gif');}
#prava p {margin-bottom: 4px; margin-top: 4px;}
#prava .nohy {background: url('nohy2.gif') no-repeat; width: 200px; height: 158px; position: absolute; bottom: -21px; right: 0px;}

#prava .radek1 {background-color:#b82521; width: 100%; height: 230px; position: relative;}
#prava .radek1 .uvod {width: 360px; position: relative; height: 210px; color: #f8d3d2;
		padding: 5px 20px 15px 20px;}
#prava .radek1 .uvod .nadp {font-size: 18px; color: #fff; font-family: "Trebuchet MS", "Geneva CE", lucida, sans-serif;}
#prava .radek1 .uvod p {margin-right: 100px; }
#prava .radek1 .uvod .vice a {color: #eee; font-weight: bold; margin-top: 10px; display:  block;
			padding: 1px 5px 2px 5px; background-color: #000; width: 83px; text-decoration: none;}
#prava .radek1 .uvod .vice a:hover {text-decoration:underline;}

#prava .radek1 .login {position: absolute; right: 13px; top: 0px; width: 160px; height: 200px;
			padding: 0px 10px 15px 10px; color: #f8d3d2;} 
#prava .radek1 .login .nadp {color: #ccc; font-weight: bold;}
#prava .radek1 .login a {color: #f8d3d2}

#prava .radek2 {background: url('bg-radek2.gif') repeat-y; width: 100%;}
#prava .radek2 .novinky {width: 360px; padding: 15px 20px 15px 20px; color: #222; float: left;}

#prava .radek2 .shop {float: right; padding: 15px 0px 15px 0px; width: 180px; margin-right: 13px;}

#prava .radek2 .clanky .clanek {clear: both; margin-bottom: 15px;}
#prava .radek2 .clanky .clanek h4{font-size: 120%; }
#prava .radek2 .clanky .clanek .obr {float: right; margin-left: 20px;}
#prava .radek2 .clanky .clanek h4 a { text-decoration: underline; font-family: "Trebuchet MS", "Geneva CE", lucida, sans-serif;}
#prava .radek2 .clanky .clanek p {margin-bottom: 2px; margin-top: 2px; color: #555;}
#prava .radek2 .clanky .odd {border-bottom: 3px solid #ccc; margin-bottom: 15px; color:#fff; clear:both;}
#prava .radek2 .clanky .celcl a {color:  #777;display: block;}
#prava .radek2 .nadp {font-weight: bold; margin-bottom: 10px; font-family: "Trebuchet MS", "Geneva CE", lucida, sans-serif;
		font-size: 17px; color: #888}

#homepage .produkt  {background-color: #eee; padding: 5px 10px 10px 10px; margin-bottom: 10px;
			width: 160px;}
#homepage .produkt .obr { margin-left: 0px; display: block; width: 160px; overflow: hidden;}
#homepage .produkt h3 {display: block; margin-bottom: 7px; }
#homepage .produkt h3 a {color: #333; text-decoration: none;}
#homepage .produkt h3 a:hover {text-decoration: underline;}


.login label {display: block; margin: 2px 0px 1px 0px; }

.uzimen {margin-top: 10px;}
.uzimen a {color: #bbb;}
.uzimen .submit {background-color: #ce2420; border: none; color: #eee; padding: 2px; font-size: 100%; margin-top: 3px;
		font-family: verdana;}
.uzimen .input {background-color: #999; border: 1px solid #999; color: #000;}
.ul {margin-left: 15px; padding: 0px; margin-bottom: 10px; margin-top: 15px;}
.ul li {margin-bottom: 4px;}
th {text-align: left; font-weight:  normal;}
.kosik {margin-top: 8px;}



.linka1 {color: #aaa;}
#page #prava {background-color: #fff; margin-right:  13px; width:591px;}
#page #obsah {padding: 5px 10px 10px 10px; font-size: 110%; color: #444; background: url('bg-obsah.gif') repeat-x;
font-family: "Trebuchet MS", "Geneva CE", lucida, sans-serif;}
#page #obsah h1 {font-size: 200%; font-family: "Trebuchet MS", "Geneva CE", lucida, sans-serif; font-weight: normal;
			color: #000;}
.vnoreni {margin-bottom: 10px; color: #999;}
.vnoreni a {color: #999; text-decoration: none; text-transform: lowercase; font-size: 11px;}


#page .produkt {width: 130px; position: relative;}
.produkt {float: left; padding-top: 8px; padding-bottom: 8px; font-size: 11px;  padding-right: 3px; padding-left: 7px;}
.produkt p {line-height: 1.2;}
#page .produkt .obr {height: 100px; width: 119px; overflow: hidden;}
#page .produkt .obr img {display:block; margin: 0px auto; max-height: 100px; _height: expression(this.scrollHeight > 100 ? "100px" : "auto");overflow :hidden;}
.produkt h2 {font-size: 100%; font-weight: normal; margin: 0px; line-height: 1.2; margin-bottom: 7px; width: 119px;}
.colp1,.colp2,.colp3,.colp5,.colp6,.colp7,.colp9,.colp10,.colp11,.colp13,.colp14,.colp15,.colp17,.colp18,.colp19 {float: left; border-top: 1px solid #eee;
		border-right: 1px solid #eee;}
.colp1,.colp5,.colp9,.colp13,.colp17 {clear: both;} 
.colp4,.colp8,.colp12,.colp16,.colp20 {float: left; border-top: 1px solid #eee;}

.kosik .input {border: 1px solid #494949; border-bottom: 2px solid #494949; border-right: 2px solid #494949; width: 20px; 
				float: left; margin-right: 4px;}
.castka {font-weight: bold; font-size: 100%; color: #d41600;}				
.pages {margin-top: 10px; border-top: 3px solid #eee; padding-top: 10px;}
.pages a {color: #000;}
.bunka {background-color: #eee; padding: 3px 5px 3px 5px;}
.aktual {background-color: #fff; text-decoration: none;}

#kosik .inp {border: 1px solid #494949; width: 20px;}

fieldset {margin-top:15px; background-color: #eee; border: 0px; padding:10px;}
legend {color: #000; font-weight: bold; padding: 0px 5px 0px 5px; }

#podrubriky {margin-bottom: 20px;}
#podrubriky h2 {display: inline; font-size: 100%; font-weight: bold; padding-right: 15px;}

#produkt .telo {border-top: 1px solid #eee; padding-top: 10px; margin-top: 10px;}
#produkt .galerie {float: left; position: relative;}
#produkt .boxp {float: right; width: 370px;}
#prodpra {border-top: 3px solid #eee; padding-top: 5px; margin-top: 10px;} 
#prodpra .dalsi h3 {font-size: 100%; font-weight: normal;}
#prodpra .dalsi h3 a {color: #666;} 
.vyber h3 {font-size: 100%; font-weight: bold;}
.vyber .produkt{height: auto;}


#leva .reklleva .ob {margin: 5px 13px 5px 13px;}

#hledej {background-color:#282828; padding: 0px 13px 10px 13px; text-align: right;}
#hledej .input {background-color:#555; border: 0px; padding: 2px; color: #aaa;}
#hledej .submit {background-color:#555; border: 0px; color: #aaa; font-family: verdana; font-size: 11px;
			padding: 3px;} 
			
.akce {background-color: #000; padding:10px; margin-bottom: 10px; color: #fff; }			
.produkt .vypro {position: absolute; top: 100px; left:8px; width: 60px; background-color: #d41600; color: #fff; padding: 5px 10px 5px 10px; width: 90px;
		font-weight: bold; letter-spacing: 1px; border: 2px solid #fff;}

.provypro {position: absolute; top: 100px; left:8px; width: 60px; background-color: #d41600; color: #fff; padding: 5px 10px 5px 10px; width: 90px;
		font-weight: bold; letter-spacing: 1px; border: 2px solid #fff;}