/* CSS Document */

body {
	text-align:center;
	background:#E3ECD9 url('img/poz.jpg') repeat-x left top;
 	font-family: "Arial CE",sans-serif;
	font-size: 0.71em;
	color: #444444;
	margin:0;
	padding:0;
	}

/* text
-------------------------------------------------- */

h1, h2, h3, h4 { margin:0;}

h1 {font-size:140%; margin: 8px 0;}
h2 {font-size:100%;}
h3 {color:black;	font-size:120%;}
h4 {font-size:100%; }

h4.osodber { font-size:120%; text-transform:uppercase; }


/* BLOCKS
-------------------------------------------------- */
address {	margin: .66em 0;}
blockquote {margin: .66em 20px;}
hr { clear:both;	}
p, .editor { text-align: justify; margin:0;}


/* LISTS
-------------------------------------------------- */
dl, dt, dd { margin:0; text-align:left;}
dl {margin-left:5px;}
dt {}
dd {}
ul, ul li {}


/* TABLES
-------------------------------------------------- */
table {	border-collapse: collapse;	margin-top: 10px; margin-bottom: 10px; font-size:100%;}
caption {	margin: 0 0 .66em 0;	text-align: center;	color: #D01310;}
th {	border: 1px solid #444444;	padding: 5px 10px;	font-weight: bold;	text-align: left;	vertical-align: top;
	background-color:#EDEDEE;	}
td {		padding: 5px 10px;	vertical-align: top;	background-color: white;}

#detail td { border: 1px solid #444444; }


/* FORMS
-------------------------------------------------- */
fieldset {	clear: both; border:none;	}
legend {color:#444444;}
input, textarea, select {	font-size: 1em;}


/* INLINES
-------------------------------------------------- */
abbr, acronym {	border-bottom: 1px dotted;	font-variant: small-caps;	cursor: help;}
dfn {	position: relative; font-style:normal; cursor: help; top: 2px;}
cite, em, q, var {	font-style: italic;}
code, kbd, samp, pre {	font-family: "Lucida Consode", "Andale Mono", monospace;}
sub {	font-size: smaller;	text-decoration: none !important;	vertical-align: sub;}
sup {	font-size: smaller;	text-decoration: none !important;	vertical-align: super;}
del {	text-decoration: line-through;}
ins {	text-decoration: underline;}
strong, .strong {	font-weight: bold;}
.extra { color:#3A7B04;}

/* ANCHORS
-------------------------------------------------- */
a {color:#336600; text-decoration: none;}
a:visited {	}
a:hover {text-decoration: underline; }
h2 a:hover {text-decoration: underline;}
h4 a:hover {text-decoration: underline;}


/* Img
-------------------------------------------------- */
img	{ border:none;	}


/* Bloky
-------------------------------------------------- */


#obal
	{
	position:relative;
	width:942px;
	_width:942px;
	margin:0 auto;
	border-bottom:1px solid #444444;
	background:white;
	overflow:hidden;
	}
	
#top
	{
	position:relative;
	width:951px;
	height:280px;
	margin-left:-9px;
	background: url('img/top2.jpg') no-repeat left top;
	}
	
#top #logo {  width:185px; height:80px; position:absolute; top:100px; left:250px;}
	
	
#maj
	{
	float:left;
	position:relative;
	z-index:0;
	text-align:left;
	background:#fff url('img/maj.jpg') repeat-y left top;
	width:100%;
	border-right:1px solid #F6F6F6;
	border-left:1px solid #F6F6F6;
	}
	
.maj-poz
	{
	background:#fff url('img/maj-poz.jpg') repeat-y left top !important;
	}
	
#obsah
	{
	position:relative;
	float:left;
	width:736px;
	background:transparent;
	}	
	
#navigace
	{
	position:absolute;
	z-index:100;
	left:213px;
	width:727px;
	height:29px;
	top:280px;
	background: url('img/nav1.jpg') repeat-x left top;
	}
	
.nav-zuz {width:530px !important;}
	
.cela
	{
	width:940px !important;
	background: #fff;
	}
	
#obsah #produkty
	{
	position:relative;
	width:515px;
	_width:510px;
	float:right;	
		margin-top:30px;
	}
	
#obsah #produkty #items
	{
	clear:both;
	overflow:hidden;
	_width:510px;
	}
	
#obsah #detail
	{
	position:relative;
	width:705px;
	_width: 713px;
	float:right;
	background:white;
	z-index:150;
	min-height: 900px;
	_height: 900px;
	margin:0px -190px 0px 0px ;
	padding-left:10px;
	
	}

	
#obsah #produkty #item
	{
	overflow:hidden;
	}
	
#obsah #leva
	{
	position:relative;
	overflow:hidden;
	width:212px;
	float:left;
	margin-top:0px;
	}
	
	
#prava
	{	
	position:relative;
	width:198px;
	float:right;
	margin-top:-7px;
	}
	
#pata
	{
	position:relative;
	clear:both;
	height:74px;
	border-right:1px solid #F6F6F6;
	border-left:1px solid #F6F6F6;
	width:940px;
	background: url('img/pata-poz.jpg') repeat-x left top;
	}
	
/*hledej ----------------------------------------------------------------*/

#hledej
	{
	position:absolute;
	top:226px;
	left:0px;
	z-index:10;
	width:255px;
	height:47px;
	background: url('img/hledej.jpg') no-repeat left top;
	}
	
#hledej fieldset { padding:13px 0px 0px 0px; }
#hledej fieldset input { width:140px; }
#hledej fieldset button {  font-size:100%; margin:0px 0px 0px 5px;}
	
/*menu ----------------------------------------------------------------*/
#menu
	{
	position:absolute;
	right:0px;
	width:100%;
	}
	
#menu ul {text-align:right; list-style:none; margin:0px 1px 0px 0px; padding:0;}
#menu ul li {float:right;	}
#menu ul li a
	{
	color:#D6E5C4;
	display:block;
	margin:10px 0px 0px 0px;
	padding:10px 20px 8px 20px;
	text-transform:uppercase;
	font-family: Tahoma;
	}
	
#menu ul li a:hover { background: url('img/menu-hover.jpg') repeat-x left top; text-decoration:none;}

#menu #login 
	{
	position:absolute;
	left:30px;
	top:21px;
	color:#D6E5C4;
	}
	
#menu #login a {color:#D6E5C4;}
	
/*info ----------------------------------------------------------------*/
#info
	{
	position:absolute;
	top:100px;
	right:23px;
	width:210px;
	_width:220px;
	height:150px;
	text-align:left;
	padding-left:10px;
	}
	
#info h4
	{
	margin:13px 0px 12px 0px;
	font-size:130%;
	}
	
#info span, #info a {color:#336600;}

#info #kos { position:relative; top:8px;}
#info #kos a
	{
	display:block;
	width:210px;
	height:70px;
	}
#info #kos a em {display:block; font-style: normal; display:block; margin:5px 0; font-weight:bold; color:#444444;}
#info #kos a span { font-size:150%; font-weight:bold; }

/*navigace ----------------------------------------------------------------*/

#navigace ul
	{
	position:relative;
	list-style:none;
	margin:0px 0px 0px 0px;
	padding:8px 0px 0px 0px;
	}
	
#navigace ul li {position:relative; float:left;}
#navigace ul li a {position:relative; color:#444444; display:block; padding: 0px 0px 0px 15px;  background: url('img/sipky.jpg') no-repeat 3px 4px; }
#navigace ul li a:hover {color:#EC1D23;}

/*leva ----------------------------------------------------------------*/

#leva {position:relative;}

#leva ul
	{
	list-style:none;
	margin:0;
	padding:0;
	background: url('img/leva-middle.jpg') repeat-y left top;
	}
	
#leva ul .ul-top {background:url('img/leva-nadpis1.jpg') left top no-repeat;}
#leva ul .ul-bottom {background:url('img/leva-bottom.jpg') left top no-repeat; height:17px;}
	
#leva ul li h2
	{
	padding:8px 0px 5px 15px;
	font-size:127%;
	
	}
	
#leva ul li	
	{
	position:relative;
	padding:0px 0px 0px 10px;
	display:block;
	background:transparent url('img/leva-linka.jpg') 10px top no-repeat;
	}
	
#leva ul li a, #leva ul li ul.nemoci li a
	{
	position:relative;
	display:block;
	color:#ea1d22;
	_height:1px;
	font-weight:bold;
	padding:5px 0px 4px 20px;
	background:url('img/leva-li.jpg') 7px 7px no-repeat;
	font-family: Tahoma;
	cursor: pointer;
	}
	
#leva ul li a:hover { text-decoration:none; }
	

#leva ul li ul {background:none;}

#leva ul li ul.nemoci{overflow:auto; height:146px; width:193px; margin-top: 1px;}
#leva ul li ul.nemoci li a:hover{
	background: url('img/leva-li.jpg') 7px 7px no-repeat;
	color: #444444;
}




#leva ul li ul li {padding:0; background:url('img/leva-linka-li.jpg') left top no-repeat;}
#leva ul li ul li a
	{
	color:#444444;
	padding-left:28px;
	background:url('img/leva-lili.jpg') 20px 10px no-repeat;
	}

#leva ul li a:hover, #leva ul li a.aktiv
	{
	background:url('img/leva-lilia2.jpg') left bottom no-repeat;
	}	

#leva ul li ul li a:hover, #leva ul li ul li a.aktiv
	{
	background:url('img/leva-lilia.jpg') left 2px no-repeat;
	}	
	
#leva ul li ul li ul li a { font-weight:normal; background:none; padding-left:33px; }	
	

	
/*prava ----------------------------------------------------------------*/

#prava {}

#prava h3
	{
	padding:10px 0px 5px 20px;
	color:#444444;
	background: url('img/prava-nadpis1.jpg') no-repeat right top;
	}
	
#prava #vice
	{
	text-align:center;
	display:block;
	margin:8px 0;
	color:#336600;	
	font-weight:bold;
	}

#prava dl
	{
	position:relative;
	width:201px;
	height:130px;
	margin:7px 0px 0px -8px;
	background: url('img/prava-novinka.jpg') no-repeat left top;
	}
	
	
	
#prava dl dd {padding:5px 15px;	}
#prava dl dd p { text-align:left; }

#prava dl dd h4 {margin:3px 0;}	
#prava dl dd h4 a {color:#336600; }	
#prava dl dd .vice {position:absolute; right:6px; bottom:3px;}

#prava .box
	{
	position:relative;
	float:right;
	width:180px;
	_width:196px;
	overflow:hidden;
	padding:10px 8px 10px 8px;
	background: url('img/prava-linka.jpg') no-repeat 2px bottom;
	}
#prava .box img { margin:10px; }	
#prava .box h4 a	{color:#336600;	}	
#prava .box span 
	{
	position:absolute;
	top:120px;
	right:8px;
	font-size:110%;
	color:#336600;
	}	
/*box1 ----------------------------------------------------------------*/

.box1
	{
	position:relative;
	width:244px;
	height:205px;
	float:left;
	border:1px solid #D2D3D5;
	margin:0px 5px 5px 5px;
	_margin:0px 10px 5px 0px;
	}
	
.box1 h2 { margin:5px 5px 5px 8px; font-size:115%; height:30px; _height:25px;}
	
.box1 h2 a
	{
	position:relative;
	color:#444444;
	}
	
.box1 a { position:relative; display:block; float:left;}
	
.box1 img {float:left; margin:15px 0px 0px 3px;}
	
.box1 .box-detail
	{
	background: url('img/box1-linkav.jpg') no-repeat left top;
	width:120px;
	_width:136px;
	height:110px;
	padding:0px 8px;
	float:right;
	position:relative;
	overflow:hidden;
	}
	
.box1 .box-detail p {text-align:left;}

	
.box1 .detail
	{
	position:absolute;
	bottom:37px;
	right:20px;
	}
	
.box1 .box-detail .detail img {margin:0;}
	
.box1 .cena
	{
	position:absolute;
	text-align:center;
	width:100%;
	height:20px;
	bottom:0px;
	left:0px;
	height:33px;
	clear:both;
	background: url('img/box1-linka.jpg') no-repeat 2px top;
	}
	
.box1 .cena a 
	{ 
	display:block;
	width:106px; 
	float:left; 
	margin:4px 0px 0px 0px; 
	padding:7px 0px 7px 0px; 
	background:#f2f2f3;
	font-weight:bold;
	color:#444444;
	font-size:110%;
	}
	
.box1 .cena span 
	{ 
	display:block; 
	width:137px;
	_width:135px; 
	float:right; 
	color:#3a7b04;
	font-weight:bold;
	font-size:110%;
	margin:4px 0px 0px 0px; 
	padding:7px 0px 7px 0px; 
	background:#e4e5e6;
	}

.box1 a .akce
  {
  position:absolute;
  right:1px;
  top:3px;
  background:url('img/akce.jpg') no-repeat right top;
  width:19px;
  height:53px;
  display:block;
  }
  
.box1 a .skladem
  {
  position:absolute;
  right:1px;
  top:3px;
  background:url('img/skladem.jpg') no-repeat right top;
  width:19px;
  height:76px;
  display:block;
  }

/*pata ----------------------------------------------------------------*/

#pata ul
	{
	list-style:none;
	}
	
#pata ul li {float:right; position:relative; margin-top:22px;  height: 12px; border-left:1px solid #D6E5C4;}

#pata ul li a 
	{
	display:block;
	margin-top:-8px;
	padding:8px 15px 7px 15px;
	font-size:100%;
	position:relative;
	color:white;
	text-transform:uppercase;	
	color:#D6E5C4;
	}
	
#pata ul li a:hover {text-decoration:none; background: url('img/pata-hover.jpg') no-repeat 50% top; }

/*detail ----------------------------------------------------------------*/





#detail h2
	{
	clear:left;
	margin:5px 0px 5px 0px;

	}


#detail a img

	{
	position: relative;
	float:left;
	border:1px solid gray;
	margin:15px 15px 0px 0px;
	z-index:200;

	}


#detail #galerie
	{
	float:left;
	height:auto;
	}
	
#detail #galerie a
	{
	float:left;
	
	}
	
#detail #galerie a img
	{
	float:left;
	margin:10px;
	margin-left: 0px;
	margin-top: 0px;
	}



#detail p
	{
	border:none;
	clear:both;
	margin:0;
	margin-right:20px;
	}
	
#detail .descript { padding:4px 0px 4px 4px;}	
	

#detail form

	{ position:relative;  }



#detail form fieldset

	{
	margin-top:10px;
 	position:relative;

	}



#detail form fieldset input

	{

 	text-align:center;

	position:relative;

 	}

#detail table
	{
	margin-top:16px;
	_margin-top:23px;
	width:auto;
	}


#detail td
	{
	padding:4px 10px 4px 10px;
	}

#detail .caption2 {font-weight:bold; font-size:1.4em; background:#ccc; padding:4px 0px 4px 4px;}

#detail #catg {padding:4px 0;}	
#detail #catg ul{ padding:4px 0 4px 4px;margin:0;clear:both; }	
#detail #catg ul li {list-style:none; float:left;background:url('img/sipky.jpg') no-repeat scroll right 5px;margin-right:5px;}
#detail #catg ul li a {display:block; padding:1px 12px 1px 0px; }

#detail .alternate
	{
	position:relative;
  float:left;
  width:145px;
  height:160px;
  margin:0px 20px 20px 0px;
	}

#detail .alternate h4
	{
	width:100%;
	margin:0;
	text-align:center;
	}

#detail .alternate a img
	{
	margin:0;
	}

#detail .alternate strong
	{
	clear:both;
	float:left;
	text-align:center;
	display:block;
	width:100%;
	}

#detail .tabulka2
	{
	clear:left;
	}
	
#detail .box1
	{
	height:170px;
	width:150px;
	margin:3px;
	overflow:hidden;
	}

#detail .altp h2 { background:#ddd !important;clear:both; padding:6px 0px 6px 8px; font-size:11pt; }	
	
#detail .box1 h3 { font-size:10pt !important; padding:3px 2px 0px 2px; text-align:center; }	
#detail .box1 .box1-img { width:150px; text-align:center; position:absolute; top:40px; left:0px; }	
#detail .box1 .box1-img img { float:none; border:none; }
	
#detail .box1 .box-detail {width:108px;}	
	
#detail .box1 .detail { bottom:4px; right:17px; border:none;}
#detail .box1 .detail img{ border:none;}
	
/*kosik ----------------------------------------------------------------*/
	
#cart-form table, .formular table
	{
  width:95% !important;
	}
	
#cart-form table td, 
	{
	text-align:center;
	vertical-align: middle;
	}
	
#cart-form table td select, #cart-form table td a
	{
	float:left;
	}
	
#cart-form fieldset, .formular fieldset
	{
	border:1px solid #444444;
	padding:20px 0px 20px 10px;
	}
	
#cart-form fieldset .center input
	{padding: 3px;}
	
.center input
	{
	margin:0 4px;
	}

.center
	{
	display:block;
	width:95%;
	text-align:center !important;
	}
	
.larger
	{
	font-size:130%;
	}
	
#quick_form table td
	{
	border:none;
	}

/*ostatni ----------------------------------------------------------------*/

.clear {clear:both;}
#drmax {position:absolute; left:385px; top:0px;}
#stranky { clear:both; text-align:center; padding:15px 0;}
#stranky a { color:#444444; }
.lekarnice { background: url('img/lekarnice.jpg') no-repeat left top !important; }
#copy {position:absolute; bottom:4px; left:20px; width:100%;}
#copy p {text-align:left;}

#infot {position:absolute; bottom:4px; right:16px; width:100%;}
#infot p {text-align:right;}

.editor 
	{ 
	margin: 0px 7px 10px 6px;
	_margin: 0px 10px 10px 0px;
	}
	
.editor h2 {}	

.green {color:#336600;}
#zelena
	{
	width:100%;
	height:120px;
	background:#336600;
	margin:-120px 0px 0px 0px;
	text-align:center;
	} 
	
#zelena div
	{
	margin:auto;
	width:960px;
	height:120px;
	background:#e2ecd9;
	}

.info-lista {
	background:#F8F8F8 none repeat scroll 0%;
	border-bottom:1px solid #ECEEED;
	border-top:1px solid #ECEEED;
	display:block;
	float:left;
	margin:10px  0px 0px 5px;
	_margin:10px  0px 0px 0px;
	padding:6px 0px 7px;
	width:500px;
}

.info-lista p {
	border:medium none !important;
	display:inline;
	float:left;
	margin:0px 0px 0px 10px;
	padding:0pt;
}

.info-lista form {
	float:right;
	margin:-3px 10px 0px 0px;
}

info-lista form select {
	float:right;
}

#filtrace
	{
	margin:0px 10px 10px 5px;
	_margin:0px 10px 10px 0px;
	float:left;
	padding-left:10px;
	border-bottom:1px solid #ECEEED;
	}	
	
#filtrace fieldset
	{
	display:block;
	border:none;
	padding:0px 0px 0px 0px;
	_padding:0px 0px 3px 0px;
	}
	
#filtrace fieldset legend { font-weight:bold; }	
	
#filtrace fieldset span { display:block; float:left; white-space:nowrap; padding:0 5px 0px 0;}
	

	
#nak-kos {display:block; color:#EA1D22 !important; font-size:130%; font-weight:bold; dispaly:block; margin:6px 0px 0px 0px;}

ul#odkazy {margin-top:25px;}
ul#odkazy .ul-top { background:url('img/leva-nadpis.jpg') 9px top no-repeat; }
ul#odkazy li a {background: none; padding-left:15px;}
ul#odkazy li a:hover {background:none;}
ul#odkazy li p { padding:0px 17px 8px 14px;}


#detail .box1a {clear:both; float:left; margin:10px 0px 10px 10px; width:720px; _width:680px;}
#detail .box1a a {text-decoration:underline;}
#detail .box1a h2 { margin:0; clear:none;}
#detail .box1a a img {float:left; margin:0px 10px 0px 0px;}
#detail .box1a p {clear:none; margin:0px 20px 0px 0px;}
#detail .box1a ul {padding-left:72px;}
#detail .box1a ul li {list-style:none;}

#detail #hledeja {border-bottom:1px solid #D9D9D9; }
#detail #hledeja fieldset {text-align:center; padding-bottom:15px; border:none; }
#detail #hledeja fieldset label { font-size:11pt; margin:0px 5px 0px 0px; font-weight:bold;}
#detail #hledeja fieldset input { text-align:left; font-size:11pt; width:300px; line-height:1.5; font-weight:bold; padding-left:3px;}
#detail #hledeja fieldset button {  font-size:11pt; }
#detail #hledeja fieldset p {text-align:center; display:block; margin:5px 0 0 0; }
#detail #result {color:black; text-align:right; margin:5px 0 18px 0; font-size:110%;}
#detail .bigprice { font-weight:bold; }
	
#filtracea {position:absolute; left:130px; margin-top:-7px; _margin-top:-3px; }
#filtracea fieldset {position:relative;}
#filtracea select { width:140px; }

.alert_form{color: red;}
.no-border {width:100%;}
.no-border td {border:none;}

#menu-stred {padding:4px 0px 6px 6px; border:1px solid #ccc;background:#efefef;margin:0px 0px 12px 0px;}
#menu-stred ul {margin:0; padding:0;}
#menu-stred ul li {float:left;list-style:none;padding:3px 8px 0px 0px; width:155px;}
#menu-stred ul li a {padding:0px 0px 0px 13px; background:url('img/leva-li.gif') no-repeat 0px 3px; text-decoration:underline;}
#menu-stred ul li a:hover {text-decoration:none;}

.certifikat {text-align:center;}