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

a {color: #264794;}
a:hover {}
p {}
img {border: 0px; display: block;}

			
.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;}
.marbot10 {margin-bottom: 10px;}
.right {float: right;}
.w160 {width:160px;}

body {background: url('bg.gif') repeat-x #e1e8ea;	color: #000; font-family: Verdana, Tahoma;
			font-size: 70%; line-height: 1.3; }

#obal {width:  884px; margin: 0px auto; position: relative; background: url('bg-pata.gif') no-repeat bottom #fff; 
			padding: 0px 18px 10px 18px;}
#patka {width:  884px; margin: 0px auto; padding: 15px 18px 0px 18px; color: #628c96; height: 40px;}
#patka .obsah {width: 290px; float: right; border-left: 1px solid #628c96; padding-left: 10px;}
#patka .obsah a {color: #628c96;}
			
#hlava {position: relative; height: 100px; width: 100%; background: url('bg-top.gif') no-repeat center top;}

#obal_logo {display: block; position: absolute; top: 20px; left: 15px;}
#obal_logo .h1 {display:block; width: 235px; height: 49px; overflow: hidden;}
#obal_logo span {display:block; width: 235px; height: 49px; z-index:1; background: url('logo-zefin.gif') no-repeat;
						 position:absolute; left:0; top:0px; cursor: pointer;}
#obal_logo p {margin-top: 0px; color:#264794;}

#menu {width: 884px; height: 44px; background: url('bg-menu.gif') no-repeat;	margin-bottom: 5px;}
#menu a {display: block; float: left; text-decoration: none; font-size: 11px; font-weight: bold;
		text-transform: uppercase; padding: 15px 15px 0px 15px}
#menu a:hover {color: #333;}		
#menu .sep {float: left; width: 2px; height: 22px; background: url('menu-sep.gif') no-repeat; margin-top:  10px;}
#menu .sel {color: #333;}
#menu .hledej {float: right; padding: 10px 10px 0px 0px;}
#menu .hledej .input {border: 1px solid #dce7ed; background-color: #fff; padding: 3px; width: 120px;
			color: #264794;}
#menu .hledej .submit {background: none; border: none; color: #264794; font-size: 11px;
		padding: 0px;}			
		
		
#stred {margin-bottom: 0px;}
#stred .okno {width: 262px; height: 460px; background: url('bg-okno400.gif');}
#stred .okno .tit,#stred .okno2 .tit {font-size: 13px; font-weight: normal; color: #fff; padding: 10px 10px 0px 15px; height: 29px;}
#stred .okno2 {width: 262px; height: 291px; background: url('bg-okno300.gif');}
#homepage #stred .leva {float:left; width: 262px;}
#homepage #stred .prava {float:right; width: 612px; position: relative; z-index:0;}

#kolaz {width: 612px; height: 265px; background: url('kolaz.jpg');  position: relative; z-index:0;}
#kolaz .obsah {position: absolute; width: 275px; top: 15px; right: 15px; line-height: 1.1; color: #fff; z-index:5;}		
#kolaz .obsah .p1 {color: #a2b8d5; letter-spacing: 7px; line-height: 1.1; margin-bottom: 3px;}
#kolaz .obsah .p2 {color: #222; line-height: 1.3;}
#kolaz .obsah h2 {font-size: 24px; font-weight: normal; margin-bottom: 5px;}

#uvitani {width: 280px; margin-left: 15px;}
#uvitani .nadpis {font-size: 16px; line-height: 1.2; color: #264794; margin-bottom: 5px;}
#uvitani p {margin-top: 5px;}

#news {position: absolute; background: url('bg-akce.gif') no-repeat bottom; width: 281px;
				top: 205px; right: 0px; padding: 0px 10px 0px 10px; }
#news .nadpis {font-size: 16px; line-height: 1.2; color: #264794; margin-bottom: 10px;}
#news .clanky {}
#news .clanky h3 {font-size: 100%; font-weight: bold; margin-bottom: 3px;}
#news .clanky h3 a {}
#news .clanky .obr {float: right;}
#news .clanky p {margin-bottom: 10px;}
#news .clanky .clanek {margin-top: 10px;}
#news .clanky .clear {border-top: 2px dotted #ccc;}				
				
				
#pata {border-top: 1px solid #ddd; padding-top: 10px; height: 70px; color: #777;} 
#pata .login {float: left; margin-right: 50px;}				
#pata .centrala {float: left; margin-right: 50px;}
#pata .pobocka {float: left;}
#pata a {color: #777;}				

#iprodukty {border-top: 1px solid #ccc; padding-top: 10px; height: 170px;}
#iprodukty .produkt {float: left; height: 155px; width: 200px; }
#iprodukty .produkt h4 {font-size: 100%; font-weight: bold;margin-bottom: 10px;}
#iprodukty .col1, #iprodukty .col2, #iprodukty .col3 {margin-right: 15px; padding-right:  10px; 
			border-right: 1px solid #ccc;}
			
#iprodukty .akce {font-weight: bold; background-color:#FF002A; color: #fff; float: right; padding: 1px 3px 1px 3px;}
#iprodukty .cena {float: right; font-weight: bold;}			

#uzimen {position: absolute; top: 20px; right: 0px; color: #a9bdd1; width: 214px; z-index:10;}
#uzimen .uzi {background: url('bg-top-p.gif') no-repeat; width: 187px; height: 23px;
			padding: 4px 0px 0px 27px;}
#uzimen .kosik {background: url('bg-top-p.gif') no-repeat; width: 187px; height: 23px;
			padding: 4px 0px 0px 27px;}

#login_form {background-color: #fff;  position: absolute; top: 25px; left: 0px;
			width: 100%; height: 200px;}

.imenu {padding: 5px 15px 5px 15px;}
.imenu h3 {font-size: 100%; font-weight: normal; margin-bottom: 3px;}
.imenu .col1 {float: left; width: 110px;}
.imenu .col2 {float: right; width: 110px;}

#page #stred .rubsobsh .leva {float: left; width: 180px; padding-top: 0px;}
#page #stred .rubsobsh .prava {float: right;  width: 670px; padding-top: 0px;}

#page #stred .h1 {font-size: 20px; line-height: 1.1; margin-bottom: 15px; color: #333;}
#page #stred {padding-left: 5px;}
.vnoreni {text-transform: lowercase; border-bottom:1px solid #ddd; padding-bottom: 5px; margin-bottom: 10px;
				margin-left: 5px; margin-right: 5px; padding-left: 10px;}

#produkty .colp4, #produkty .colp7, #produkty .colp10, #produkty .colp13, #produkty .colp16 {clear: both;}

#produkty .colp1 {margin-right: 15px;}
#produkty .colp1, #produkty .colp2, #produkty .colp4, #produkty .colp5, #produkty .colp7, #produkty .colp8, 
		#produkty .colp11, #produkty .colp10, #produkty .colp13, #produkty .colp14 {margin-right: 15px;}

#page .produkt {width: 210px; float: left; border: 1px solid #bacee2; height: 260px; position: relative; margin-bottom: 13px; }
#page .produkt h3 {background-color: #f1f6f9; color: #264794; font-size: 100%; font-weight: bold; padding: 4px 10px 4px 10px;
			margin-bottom: 6px;}
#page .produkt h3 a {color: #264794; text-decoration: none;}
#page .produkt .anot {margin: 10px; color: #000;}
#page .produkt .obr  {text-align:  center;}
#page .produkt .box1 {position: absolute; bottom: 0px; left: 0px; background-color: #f1f6f9; width: 190px;
		padding: 3px 10px 3px 10px;}
#page .produkt .box1 .kosik {float: right;}
#page .produkt .box1 .cena {font-weight: bold; padding: 4px 0px 0px 0px; font-size: 110%;}
#page .produkt .box1 .input {width: 20px; color: #264794; border: 1px solid #264794; padding: 2px;}

#lmenu a {display: block; text-decoration: none;}
#lmenu a:hover {text-decoration: underline; border-left: 5px solid #f1f6f9;}
.lvl1 {background-color: #f1f6f9; margin-bottom: 1px; border-left: 5px solid #264794; font-weight: bold; 
			 padding: 5px 2px 5px 5px;}
.lvl2 {padding: 3px 2px 3px 5px; display: block; background-color: #fff; margin-bottom: 1px; 
			border-left: 5px solid #bacee2; }
.lvl3 {padding: 2px 2px 2px 20px; display: block; background-color: #fff; margin-bottom: 1px; 
			border-left: 5px solid #fff;}
.lvl4 {padding: 2px 2px 2px 35px; display: block; background-color: #fff; margin-bottom: 1px; 
			border-left: 5px solid #fff;}

.galerie {float: left; width: 200px;}
.boxp {float: right; width: 450px;}
.boxp p {margin-bottom: 10px;}
.kosik .input {border: 1px solid #264794;}
.kosik .submit {background-color: #264794; color: #fff; border: 0px;}

#prodpra {margin-top: 15px;}
ul {padding: 5px 0px 10px 15px;margin: 0px;}
#prodpra h3 {font-size: 100%; font-weight: normal;}
.telo {margin-top: 10px;}

fieldset {margin-bottom: 10px;}
.input {border: 1px solid #264794;}
#ivyrobci a {display: inline;}
#ivyrobci h3 {display: inline; padding-right: 10px; line-height: 1.5;}

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

.pages {}
.pages .stand, .pages .aktual {background-color: #ccc; padding: 5px;}
.pages .aktual {background-color: #fff; font-weight: bold; text-decoration: none;}

.oblibene {line-height: 1.7; }