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

a {color: #0a3290;}
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;}
.tright {text-align: right;}
.w160 {width:160px;}

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

#obal {width:  1020px; margin: 0px auto; position: relative; background: url('bg-pata.gif') no-repeat bottom #fff; padding: 0px 0px 10px 0px;}
#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: 1020px; height: 34px; background-color: #264794; position: relative;}
#menu a {display: block; float: left; text-decoration: none; font-size: 11px; font-weight: bold;
				 text-transform: uppercase; padding: 11px 13px 0px 13px; color: #d6edfb;}
#menu a:hover {color: #fff;}		
#menu .sep {float: left; width: 1px; height: 12px; background: url('menu-sep.gif') no-repeat; margin-top:  12px;}
#menu .sel {color: #fff;}
#menu .hledej {position: absolute; right:20px; bottom: 11px; top: 7px;}
#menu .hledej .input {border: none; background: url('bg-hledej.gif') #fff; padding: 2px; width: 141px;
			color: #264794; height: 15px;}
#menu .hledej .submit {background: none; border: none; color: #fff; font-size: 11px;
		padding: 0px;}			
		
		
#stred {margin-bottom: 0px;}
#stred .okno {width: 262px; height: 620px; 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: 240px; background-color: #ebf7fd;}
#homepage #stred .prava {float:right; width: 780px; position: relative; z-index:0;}

#homepage #stred .leva .tit {padding: 10px 0px 5px 10px; text-transform: uppercase;}

#kolaz {width: 612px; 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;}

#s {width: 500px; margin-left: 15px; float: left;}
#s .nadpis {font-size: 18px; line-height: 1.2; color: #000; margin-bottom: 7px;}
#s {margin-top: 5px;}

#p {width: 245px; padding: 0px 0px 0px 10px; float: right; }
#p .nadpis {font-size: 16px; line-height: 1.2; color: #264794; margin-bottom: 10px;}
#s .clanky {}
#s .clanky h3 {font-size: 100%; font-weight: bold; margin-bottom: 3px;}
#s .clanky h3 a {color: #000; text-decoration: none;}
#s .clanky .obr {float: right;}
#s .clanky p {margin-bottom: 10px; color: #333;}
#s .clanky .clanek {margin-top: 10px;}
#s .clanky .clear {}				
				
				
#homepage #kontakt {margin-bottom: 20px; margin-top: 10px;}
#page #kontakt {margin-bottom: 10px; margin-top: 0px;}

#kontakt {border: 1px solid #ccc; padding: 10px; color: #000; } 
#kontakt .login {float: left; margin-right: 50px;}				
#kontakt .centrala {margin-bottom: 15px;}
#kontakt .pobocka {}
#kontakt a {color: #000;}				

#iprodukty {}
#iprodukty .produkt {float: left; height: 175px; width: 230px;}
#iprodukty .produkt h4 {font-size: 100%; font-weight: bold;margin-bottom: 10px;}
#iprodukty .col1, #iprodukty .col3, #iprodukty .col5, #iprodukty .col7, #iprodukty .col9 {padding-right:  20px; 
			border-right: 1px solid #ccc;}

#iprodukty .col3, #iprodukty .col4, #iprodukty .col5, #iprodukty .col6, #iprodukty .col7, #iprodukty .col8 {border-top: 1px solid #ccc; padding-top: 15px;}  
#iprodukty .col2, #iprodukty .col4, #iprodukty .col6, #iprodukty .col8 {padding-left: 15px;}  
			
#iprodukty .akce {font-weight: bold; background-color:#FF002A; color: #fff; float: right; padding: 1px 3px 1px 3px;}
#iprodukty .cena {float: right; font-size: 16px;}			

#uzimen {position: absolute; top: 25px; right: 20px; color: #a9bdd1; width: 214px; z-index:10;}
#uzimen a {text-decoration: none;}
#uzimen a:hover {text-decoration: underline;}
#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 10px 5px 10px;}
.imenu h3 {font-size: 100%; font-weight: normal; margin-bottom: 2px;}
.imenu .col1 {}
.imenu .col2 {}
.imenu .col1 a {display: block; background: url('bg-menu2.gif') no-repeat 0px 4px; padding: 0px 0px 0px 10px; border-bottom: 1px solid #dce7ed;
	padding-bottom: 3px; text-decoration: none;}
.imenu .col1 a:hover {text-decoration: underline;}

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

#page #stred .h1 {font-size: 20px; line-height: 1.1; margin-bottom: 20px; color: #000;}
#page #stred {padding-left: 5px;}
.vnoreni {text-transform: lowercase; border-bottom:1px solid #ddd; padding: 5px 0px 5px 0px; margin-bottom: 10px;
				padding-left: 10px;}
.vnoreni a {text-decoration: none;}
.vnoreni a:hover {text-decoration: underline;}

#produkty .colp5, #produkty .colp9, #produkty .colp13, #produkty .colp17, #produkty .colp21, #produkty .colp25 {clear: both;}

#produkty .colp4, #produkty .colp8, #produkty .colp12, #produkty .colp16, #produkty .colp20, #produkty .colp24 {float: right;}

#produkty .colp1, #produkty .colp2, #produkty .colp3, #produkty .colp5, #produkty .colp6, #produkty .colp7, 
		#produkty .colp9, #produkty .colp10, #produkty .colp11, #produkty .colp13, #produkty .colp14, #produkty .colp15,
		#produkty .colp17,#produkty .colp18, #produkty .colp19, #produkty .colp21,#produkty .colp22, #produkty .colp23 {margin-right: 13px; float: left;}

#page .produkt {width: 183px; 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: #0a3290; text-decoration: none;}
#page .produkt .anot {margin: 10px; color: #222; font-size: 11px;}
#page .produkt .obr  {text-align:  center;}
#page .produkt .box1 {position: absolute; bottom: 0px; left: 0px; background-color: #f1f6f9; width: 160px;
		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: #0a3290; border: 1px solid #0a3290; padding: 2px;}

#lmenu a {display: block; text-decoration: none;}
#lmenu a:hover {text-decoration: underline; border-left: 5px solid #f1f6f9;}
#lmenu .sel1 {color:#000; background-image: url('bg-menu2.gif'); background-position: 200px 10px; background-repeat: no-repeat;}
#lmenu .sel2 {color:#000; background-image: url('bg-menu2.gif'); background-position: 200px 10px; background-repeat: no-repeat;}
.lvl1 {background-color: #ebf7fd; margin-bottom: 1px; border-left: 5px solid #0a3290; 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 table {border-collapse: collapse;}
.boxp table td {padding: 4px; border-top: 1px solid #ddd;}
.boxp p {margin-bottom: 10px;}
.kosik .input {border: 1px solid #0a3290; float: left; height: 16px; padding: 2px;}
.kosik .submit {background-color: #0a3290; color: #fff; border: 0px; height: 22px; font-size: 11px; float: left;}

#prodpra {margin-top: 50px; border-top: 1px solid #ddd; padding-top: 10px;}
ul {padding: 10px 0px 10px 15px;margin: 0px;}
#prodpra ul {padding: 10px 0px 10px 30px;}
#prodpra ul li {padding: 2px 0px 2px 0px;}
#prodpra h3 {font-size: 100%; font-weight: normal;}
.telo {margin-top: 10px;}

fieldset {margin-bottom: 10px; border:none; border-top: 1px solid #aaa;}
legend {padding: 0px 15px 0px 15px; font-weight: bold; margin-bottom: 10px;}
.input {border: 1px solid #264794;}
#regi .input {padding: 2px; width: 100%;}
#regi label {width: 100px; display: block; border-bottom: 1px dotted #ccc;}
#ivyrobci a {display: inline;}
#ivyrobci h3 {display: inline; padding-right: 10px; line-height: 1.5;}

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

.pages {margin-top: 30px;}
.pages .stand, .pages .aktual {background-color: #ddd; padding: 5px 7px 5px 7px;}
.pages .aktual {background-color: #fff; font-weight: bold; text-decoration: none; color: #000;}

.oblibene {line-height: 1.7; }
.oblibene p {margin: 0px;}
.pol15 {color: red;}


#podrbk {margin-top: 10px;}
#podrbk h2 {display: inline; font-size: 100%; font-weight: bold;}
#podrbk {padding: 10px; margin-bottom: 15px; background-color:#f1f6f9; border: 1px solid #264794;}


#form {}
#form .input{border: 1px solid #264794; background-color: #fff; padding: 2px; width: 100%}

#uvod {margin: 5px 0px 20px 0px; background-color: #eee; padding: 10px;}

#uvitani {padding: 10px; background-color: #eee; border: 1px solid #ddd; line-height: 1.5; font-size: 11px; color: #222;}
#uvitani img {border: 1px solid #ccc;}
#uvitani p {margin-bottom: 10px;}
#uvitani a {color: #222;}

#obsah {width: 98%; margin: 0px auto;}


.chyba {color: red; margin-bottom: 20px;}