/* CSS Document */

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

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

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

h1 {font-size:130%;	margin:0px 0px 10px 0px; color:#006633;}
h2 {font-size:104%;}
h3 {color:black;	font-size:120%;}
h4 {font-size:100%; }


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


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


/* FORMS
-------------------------------------------------- */
fieldset {	clear: both; border:none;	}
legend {}
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: 0px;}
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:#006633; 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:948px;
	margin:0 auto;
	background:white url('img/maj-poz.jpg') repeat-y left top;
	}
	
#top
	{
	position:relative;
	height:304px;
	background: url('img/top.jpg') no-repeat left top;
	
	}
	
#maj
	{
	float:left;
	position:relative;
	text-align:left;
	width:100%;
	background: url('img/maj-poz.jpg') repeat-y left top;
	}
	
#obsah
	{
	float:left;
	width:725px;
	}	
	
	
#obsah #produkty
	{
	width:498px;
	float:right;
	}
	
#obsah #detail
	{
	position:relative;
	width:700px;
	_width: 710px;
	min-height:900px;
	_height:900px;
	float:right;
	z-index:150;
	padding-top:20px;
	margin:0px -218px 0px 0px ;
	_padding-left:10px;
	background:white;
	}
	
	
#obsah #leva
	{
	overflow:hidden;
	width:212px;
	float:left;
	}
		
	
#prava
	{
	width:214px;
	float:right;
	overflow:hidden;
	}
	
#pata
	{
	clear:both;
	height:40px;
	background:#028947;
	color:white;
	text-align:center;
	margin:0px 4px 0px 3px;
	border-bottom:3px solid #027E42;
	}
	
#pata ul { margin:0; padding:0; }	
#pata ul li { float:left; list-style:none;}
#pata ul li a { color:white; display:block; margin:15px 0px 0px 0px;  padding:0px 10px 0px 10px; text-decoration:none; border-right:1px solid white;}
	
	
#logo { position:absolute; display:block; top:138px; left:10px; width:200px; height:80px; }
	
/*menu ----------------------------------------------------------------*/

#menu { 
	position:absolute; 
	top: 22px;
	right:25px;
	}
	
#menu ul {list-style:none; margin:0; padding:0;}
#menu ul li {float:left;}
#menu ul li a {
	color:#006633; 
	font-weight:bold; 
	padding: 0px 14px 0px 14px;
	border-right:2px solid #006633; 
	}
	
/*info ----------------------------------------------------------------*/

#info { 
	position:absolute;
	top:70px; right:230px;
	width:160px;
	display:block;
	text-align:left;
	line-height:2.2;
	}
	
#info h4 { font-size:140%;}

/*hledej ----------------------------------------------------------------*/

#hledej { position:absolute; _width:170px; top:200px; _top:204px;  right:220px; }
#searchsubmit { _width:45px; _height:22px; }

/*kos ----------------------------------------------------------------*/

#kos 
	{
	position:absolute;
	top:170px;
	right:30px;
	width:80px;
	text-align:left;
	}
	
#kos a strong {font-size:140%; display:block; text-align:right;}

/*menu1 ----------------------------------------------------------------*/

#menu1
 {
 position:absolute;
 right:5px;
 top:229px;
 _top:240px;
 }
 
#menu1 ul {list-style:none;}
#menu1 ul li {float:right; width:125px;background:url('img/menu1.jpg') no-repeat left top; height:46px;}
#menu1 ul li a
	{
	position:relative;
	display:block;
	color:white;
	padding:12px 8px 12px 2px;
	text-transform:uppercase;
	font-weight:bold;
	
	}


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

#leva ul
	{
	list-style:none;
	margin:0;
	padding:0;
	margin:0px 0px 0px 3px;
	background: url('img/leva.jpg') repeat-y left top;
	}

#leva ul li {position:relative; background: url('img/leva-linka.jpg') no-repeat left bottom;}
#leva ul li a {display:block; font-weight:bold; text-transform:uppercase; color:#006633; _height:1px; padding:8px 5px 9px 20px;}

#leva ul ul {margin:0; background: url('img/leva-linka.jpg') no-repeat left top; }	
#leva ul li ul li a {text-transform:none; padding-left:40px; font-weight:normal; background: url('img/sipka.jpg') no-repeat 30px 11px; }
#leva ul li ul li ul li a { position:relative; text-transform:none; padding-left:50px; font-weight:normal; background:none; }
	
/*odkazy ----------------------------------------------------------------*/	

#leva #odkazy {background:none;}
#leva #odkazy .ul-top {background: url('img/leva-nadpis.jpg') no-repeat left bottom; padding:9px 0px 7px 12px; font-weight:bold; font-size:120%;}
#leva #odkazy li { background: url('img/odkazy-linka.jpg') no-repeat left bottom; }	
#leva #odkazy li a {font-weight:normal; text-transform:none; padding:8px 5px 9px 25px; color:#666666;}
#leva #odkazy li a strong {display:block; }
	
/*navigace ----------------------------------------------------------------*/

#navigace { width:499px; height:41px; background:#f2f2f2; }
#navigace ul {list-style:none; padding:3px 0px 0px 0px; float:left;  margin:12px 0px 0px -5px;}
#navigace ul li {float:left;}
#navigace ul li a {display:block; padding:0px 0px 0px 16px; background:url('img/sipky.jpg') no-repeat 3px 4px;}

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

.text { background: url('img/poz-p.jpg') repeat-x left top; margin-top:2px; padding:10px; }

/*box1 ----------------------------------------------------------------*/

.box1
 {
 position:relative;
 width:498px;
 height:143px;
 margin:14px 0;
 }
 
.box1 .img {float:left; background:url('img/box-a.gif') no-repeat left top; width:160px; height:143px; }
.box1 .img img {padding:6px; _margin:6px;}
.box1 .box-detail { width:337px; float:right; background:url('img/linka.jpg') no-repeat right bottom; height:134px;}
.box1 .box-detail h2 { height:35px; background:#9E9FA3; margin-top:10px; padding:0px 20px 0px 10px; }
.box1 .box-detail h2 a {color:white; display:block; padding:4px 0 0 0; font-size:110%; line-height:1.1;}
.box1 .box-detail p {display:block; height:57px; overflow:hidden; margin:2px 0px 8px 0px; padding:0px 10px 0px 10px; background:url('img/box-pa.jpg') repeat-x left top; }
.box1 .koupit { position:absolute; right:0px; top:109px; width:74px; height:22px; background:url('img/koupit.jpg') no-repeat left top; }
.box1 .box-detail span {color:#006633; font-size:120%; display:block; margin:0px 0px 0px 10px;}
.box1 .box-detail span span {font-weight:bold; font-size:100%;margin:0;}

/*box ----------------------------------------------------------------*/

.box { position:relative; border-bottom:1px solid #006837; margin:8px 0px 8px 0px; width:213px; right:0px; height:230px; background:url('img/prava-poz.jpg') no-repeat center top; text-align:center; }
.box img {margin-top:16px;}
.box h4 {border-bottom: 1px solid #006633; margin:0px 7px; height:36px; }
.box h4 a {color:#006633; font-weight:normal; font-size:120%; padding:3px 8px 0px 8px;  display:block;}
.box span {display:block; position:absolute; overflow:hidden; height:53px; width:213px; left:0px; bottom:0px; background:url('img/box-p.jpg') no-repeat left top;}
.box span b { position:absolute; bottom:6px; display:block; text-align:center; width:100%; left:0px; font-size:130%; color:#006837; }
/*prava ----------------------------------------------------------------*/

#prava { margin-right:5px; _margin-right:3px; }
#prava .nej {background:url('img/nadpis-prava.jpg') no-repeat left top; font-size:120%; font-weight:bold;  color:#666; padding:8px 0px 8px 6px; margin:0px 0px 8px 0px;}

#nej { text-align:center; }


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

#pata p {top:12px; display:block; position:relative; text-align:center;}
#pata a {color:black; text-decoration:underline;}


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

#detail h2  { font-size:120%; clear:left; margin:25px 0px 5px 0px; }
#detail h2 u  { text-transform:uppercase; color:black;}

#detail h3 { font-size:110%; clear:left; margin:5px 0px 5px 0px; color:#666;}

#detail a { text-decoration:underline;}

#detail a img
	{
	position: relative;
	float:left;
	border:1px solid gray;
	margin:15px 15px 0px 0px;
	z-index:200;
	}

#detail p
	{
	border:none;
	clear:both;
	margin:0;
	}

#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:21px;
	width:auto;
	margin-right:16px;
	}


#detail td
	{
	padding:5px 15px 5px 10px;
	_padding:4px 15px 5px 10px;
	}


#detail #kosik-img { margin:4px 0px 3px 0px; _margin:2px 0px 2px 0px; }

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

#galerie {}

#galerie img {margin:0px 0px 0px 0px;}

/*aktuality ----------------------------------------------------------------*/
#aktuality h4 {border-bottom: 1px solid #d1d1d1; margin-left:-5px; }
#aktuality h4 a
	{
	color:#006633;
	margin-left:5px;
	font-size:120%;
	}
	
#aktuality dl { margin:16px 0px 8px 0px;  }	
#aktuality dl dd { margin:0px 0px 0px 5px;	 }
#aktuality dl dd p {display:block; margin:8px 0;}
#aktuality #vice {display:block; text-align:center;}
	

/*kosik ----------------------------------------------------------------*/

.formular, #cart-form {margin:0px 10px 0px 0px;}
	
#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;}	
#stranky { clear:both; text-align:center; padding:15px 0;}
#searchsubmit { width:45px; height:22px; }
#ordering fieldset {padding:0px;}
#dite {background:url('img/dite.png') no-repeat left top; width:150px; height:300px; margin:14px 0px 0px 3px;}
#info-h4 {display:block; font-weight:bold; font-size:120%;}

.text img {border: 2px solid #7CAC94;}
.ip-related {padding: 10px 20px 10px 20px;}