/* CSS Document */

body {
	text-align:center;
	background:black;
 	font-family: "Arial CE",sans-serif;
	font-size: 0.71em;
	color: white;
	margin:0;
	padding:0;
	}

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

h1, h2, h3, h4, .h1, .h2, .h3, .h4 { margin:0; color:white; font-weight: bold}

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


/* 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 #727272;	padding: 5px 10px;	font-weight: bold;	text-align: left;	vertical-align: top;
		}
td {	border: 1px solid #727272;	padding: 5px 10px;	vertical-align: top;	}


/* FORMS
-------------------------------------------------- */
fieldset {	clear: both; border:none;	}
legend {color:#666;}
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 {	font-weight: bold;}

/* ANCHORS
-------------------------------------------------- */
a {color:white	; 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:976px;
	_width:976px;
	margin:0 auto;
	overflow:hidden;
	}
	
#top
	{
	position:relative;
	height:328px;
	background: url('img/top.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;
	width:100%;
	margin-top:10px;
	}
	
.maj-poz
	{
	
	}
	
#obsah
	{
	position:relative;
	float:left;
	width:760px;
	background:transparent;
	}	
	
#navigace
	{
	margin-left:-8px;
	}
	
.nav-zuz {width:530px !important;}
	
.cela
	{
	width:976px !important;
	background: #fff;
	}
	
#obsah #produkty
	{
	position:relative;
	width:543px;
	_width:533px;
	float:right;	
		
	}
	
#obsah #produkty #items
	{
	overflow:hidden;
	margin-left:9px;
	}
	
#obsah #detail
	{
	position:relative;
	width:705px;
	_width: 713px;
	float:right;
	background:black;
	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:209px;
	float:left;
	margin-top:0px;
	}
	
	
#prava
	{	
	position:relative;
	width:209px;
	float:right;
	margin-top:0px;
	border-left	:1px solid #2A2A2A;
	background:#111111;
	}
	
#pata
	{
	position:relative;
	clear:both;
	height:36px;
	
	background: url('img/h2.jpg') repeat-x left top;
	}
	
/*hledej ----------------------------------------------------------------*/

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

#login 
	{
	line-height:1.8;
	position:absolute;
	right:6px;
	top:130px;
	color:#e2020d;
	text-align:left;
	font-weight:bold;
	font-size:100%;
	}
	
#login a {color:#e2020d; text-decoration:underline;}
	
/*info ----------------------------------------------------------------*/
#info
	{
	position:absolute;
	top:180px;
	left:65px;
	width:210px;
	_width:220px;
	height:150px;
	text-align:left;
	padding-left:10px;
	color:white;
	}
	
#info .h4
	{
	margin:8px 0px 15px 0px;
	font-size:120%;
	}
	
#info span, #info a {color:white;}

#kos { position:absolute; top:180px; right:6px;  width:161px; color:white;}
#kos a
	{
	display:block;
	text-align:left;
	color:white;
	margin-left:30px;
	font-size:92%;
	}
#kos a em {display:block; font-style: normal; display:block; margin:5px 0;  }
#kos a span { font-size:110%; font-weight:bold; color:white !important; }

#menu2 { position:absolute; bottom:0px; left:0px; font-size:110%;}
#menu2 ul {list-style:none; padding:0; margin:0;}
#menu2 ul li {float:left;}
#menu2 ul li a {color:white; display:block; padding:14px 12px 14px 12px; background: url('img/menu2-linka.jpg') no-repeat right top;} 

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

#navigace ul
	{
	position:relative;
	list-style:none;
	height:20px;
	margin:0px 0px 0px 0px;
	padding:8px 0px 0px 8px;
	border-bottom:2px solid #e2020d;
	}
	
#navigace ul li {position:relative; float:left;}
#navigace ul li a {position:relative; color:#e2020d; display:block; padding: 0px 0px 0px 15px;  background: url('img/sipka1.jpg') no-repeat 3px 3px; }
#navigace ul li a:hover {color:#e2020d;}

/*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; border:none;}
#leva ul .ul-bottom {background:url('img/leva-bottom.jpg') left top no-repeat; height:17px; border:none;}
	
#leva ul li h2
	{
	padding:10px 0px 10px 35px;
	font-size:127%;
	color:black;
	background:url('img/leva-h2.jpg') 15px 15px no-repeat;
	
	}
	
#leva ul li	
	{
	position:relative;
	padding:0px 0px 0px 0px;
	display:block;
	background:transparent url('img/leva-linka.jpg') 10px top no-repeat;
	border-bottom:1px solid black;
	}
	
#leva ul li a
	{
	position:relative;
	display:block;
	color:white;
	_height:1px;
	padding:9px 0px 9px 45px;
	background:url('img/leva-li.jpg') 35px 12px no-repeat;
	font-family: Tahoma;
	cursor: pointer;
	}
	
#leva ul li a:hover { text-decoration:none; background:url('img/leva-li.jpg') 35px 12px no-repeat; }
	

#leva ul li ul {background:#666666;}

#leva ul li ul.nemoci{overflow:auto; height:111px; 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; border-top:1px solid #d3d3d3;}
#leva ul li ul li a
	{
	color:white;
	padding:4px 0px 4px 50px;
	background:url('img/leva-lili.jpg') 20px 10px no-repeat;
	}

#leva ul li a:hover, #leva ul li a.aktiv
	{
	
	}	

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

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

#prava {}

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

#prava dl
	{
	margin-top: 5px;
	}
	
#prava dl h4 { margin: 5px 10px 0px 6px;}
	
#prava dl .p
	{
	margin: 5px 10px 0px 6px;
	
	}
	
	
	


#nejpr {/*background:#AD0707 url('img/nej-poz.jpg') repeat-x left top; text-align:center;*/}

#prava .box
	{
	position:relative;
	width:180px;
	_width:196px;
	overflow:hidden;
	padding:10px 8px 10px 8px;
	margin:0 auto;
	border-bottom:1px solid white;
	text-align:center;
	}
#prava .box p {margin: 0px 4px 0px 2px;}
#prava .box a {margin:0; padding:0; display:block;}
#prava .box img { margin:8px 0px 3px 0px; }	
#prava .box h4 a	{color:white; }	
#prava .box span {text-align:center;color:white; display:block;}	
#prava .box span strong {text-align:center;}
/*box1 ----------------------------------------------------------------*/
#items {width:550px; _width:530px;}
.box1
	{
	position:relative;
	width:240px;
	height:270px;
	float:left;
	margin:6px 5px 15px 17px;
	_margin:6px 25px 15px 0px;
	color:white;
	border:1px solid #2A2A2A;
	
	}
	
.box1 h2 { margin:0px 0px 155px 0px;  font-size:100%; height:35px;    line-height:1.2; background:url('img/h2.jpg') repeat-x left top;}
	
.box1 h2 a span
	{
	position:relative;
	color:white;
	display:block;
	height:29px;
	overflow:hidden;
	padding:2px 7px 0px 7px;
	}
	
.box1 h2 a {text-align:center !important; display:block;}
	

.box1 .img {position:absolute; text-align:center; margin:8px 0px 8px 6px; left:0px; border:1px solid gray;}	
.box1 p { position:relative; line-height:1.1; clear:both; text-align:left; margin:0px 0px 0px 8px; display:block; height:50px; overflow:hidden; }
.box1 .cena {margin:8px 0px 8px 8px;}	
.box1 .cena span { font-weight:bold; background:#aa0e13;  padding:1px 3px;}
.box1 .koupit {float:none;  position:absolute; top:80px; right:10px;}
.box1 .detail img {float:none; position:absolute; top:105px; right:10px;}


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

#pata ul
	{
	list-style:none;
	}
	
#pata ul li {float:right; position:relative; margin-top:12px;  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;
	margin-top:10px;
	}
	
#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 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 .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;
	}
	
/*menu-stred ----------------------------------------------------------------*/

#menu-stred { list-style:none; padding:0; width:519px; float:left;margin:0px 0px 8px -8px; padding-left:8px; background:#2A2A2A; 
							border-top:1px solid #676767; border-bottom:1px solid #676767;}
#menu-stred li {float:left;}
#menu-stred li a {display:block;  text-decoration:underline;  padding:4px 8px 4px 0px; float:left;  }

	
/*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 #666;
	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 strong {font-size:130%;}
#stranky a { color:white; }
.lekarnice { background: url('img/lekarnice.jpg') no-repeat left top !important; }
#copy {position:absolute; bottom:10px; left:20px; width:100%;}
#copy p {text-align:left;}
.editor 
	{ 
	margin: 0px 16px 10px 16px;
	_margin: 0px 10px 10px 0px;
	}




.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 2px;
	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;
	
	padding-left:10px;
	border-bottom:1px solid #ECEEED;
	}	
	
#filtrace fieldset
	{
	border:none;
	padding:7px 0px 3px 0px;
	_padding:0px 0px 3px 0px;
	}
	
#filtrace fieldset label {}
	
#filtrace fieldset label input
	{
	position:relative;
	top:2px;
	_top:1px;
	}
	
#nak-kos {display:block; color:#EA1D22 !important; font-size:130%; font-weight:bold; dispaly:block; margin:6px 0px 0px 0px;}
	
#leva #odkazy {background:none; margin:30px 0px 0px 0px;}
#leva #odkazy li {border-bottom:1px solid #2A2A2A; padding:10px 10px 10px 10px;}
#leva #odkazy li a {padding:0px 0px 6px 10px; font-weight:bold; background:url('img/leva-li.jpg') 0px 4px no-repeat;}