/* CSS Document */

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

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

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

h1 {font-size:120%;	margin:8px 10px 8px 10px;}
h2 {font-size:100%; margin: 0px 0px 0px 0px}
.h2 {font-size:100%; margin: 0px 0px 5px 0px}
h3, .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;}


/* LISTS
-------------------------------------------------- */
dl, dt, dd { margin:0; text-align:left;}
dl {margin:10px 15px 10px 10px; padding:0px 0px 0px 12px; background: url('img/prava-ctverec.jpg') no-repeat left 6px;}
dt {}
dd {line-height:1.4;}
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;
		color: white; background-color:#990000;}
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: 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:#990000; text-decoration: none;}
a:visited {	}
a:hover {text-decoration: none; }
h2 a:hover {text-decoration: underline;}
h4 a:hover {text-decoration: underline;}


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


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


#obal
	{
	position:relative;
	width:950px;
	margin:0 auto;
	overflow:hidden;
	}
	
#top
	{
	position:relative;
	height:261px;
	background: url('img/top.jpg') no-repeat left top;
	z-index:0;
	}
	
#top #logo {display:block; position:absolute; width:170px; height:50px; top:135px; left:38px;}
	
#maj
	{
	position:relative;
	width:100%;
	float:left;
	position:relative;
	text-align:left;
	background:white url('img/maj-poz.jpg') repeat-y left top;
	z-index:10;
	}
	
#obsah
	{
	position:relative;
	float:left;
	width:750px;
	_width:753px;
	padding-bottom:70px;
	z-index:10;
	}	
	
	
#obsah #produkty
	{
	width:525px;
	float:right;
	
	}
	
	
#obsah #leva
	{
	position:relative;
	overflow:hidden;
	width:212px;
	float:left;
	margin-top:-20px;
	z-index:10;
	}
	
#obsah #detail
	{
	position:relative;
	width:705px;
	_width: 713px;
	float:right;
	background:white;
	z-index:150;
	margin:0px -190px 0px 0px ;
	padding-left:10px;
	}
		
	
#prava
	{
	width:189px;
	float:right;
	overflow:hidden;
	}
	
#pata
	{
	clear:both;
	}
	
	
/*menu ----------------------------------------------------------------*/

#menu {	position:absolute; 	right:10px; top:3px; _top:13px;	}	
#menu ul li {float:right; list-style:none; padding: 0px 10px 0px 20px;}
#menu ul li a { color:black;}
#menu ul li a:hover {text-decoration:underline;}

.panacek { background:url('img/panacek.jpg') no-repeat 3px top;}
.obalka {background:url('img/obalka.jpg') no-repeat 3px 3px;}
.sipka {background:url('img/sipka.jpg') no-repeat left 2px;}

/*info ----------------------------------------------------------------*/
#info {	position:absolute; right:15px; top:163px; text-align:left; width:140px; line-height:1.3; color:black;	}
#info a {color:#800812; text-decoration:underline;}


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

#menu1
	{
	position:absolute;
	right:8px;
	top:222px;
	margin-top:1px;
	}

#menu1 ul {margin:0;}
#menu1 ul li { float:right; list-style:none; }
#menu1 ul li a {
	display:block; 
	padding:9px 10px 9px 10px; 
	margin:0px 0px 0px 2px;
	color:black;
	background:white url('img/menu1.jpg') no-repeat left top; 	
	}
	
#menu1 ul li a:hover { background:#BC131A url('img/menu1-hover.jpg') no-repeat left top; color:white;}

#menu1 span { position:absolute; right:610px;}
#menu1 span a{ 
	display:block; 
	width:108px; 
	height:31px; 
	background: url('img/kosik.jpg') no-repeat left top; 
	color:white;
	font-size:120%;
	font-weight:bold;
	padding:7px 0px 0px 0px;
	}
	
/*hledej ----------------------------------------------------------------*/	
#hledej
 	{
	 position:absolute;
	 left:8px;
	 top:222px;
	 width:204px;
	 height:32px;
	 background: url('img/poz-hledej.jpg') no-repeat left top;
	 z-index:10;
	 }
	 
#hledej fieldset {margin-top:2px;}
#hledej input {border:1px solid #990000}
#hledej button {border:none; background:none; cursor: pointer;}
	 
/*leva ----------------------------------------------------------------*/

#leva ul
	{
	position:relative;
	margin:0px 0px 15px 8px;
	background:#800812; /*#A60D12 url('img/leva-top.jpg') repeat-x left top;*/
	list-style:none;
	padding:0px 0px 15px 0px;
	z-index:10;
	clear:both;
	}
	

#leva ul li {  margin:0px 10px 0px 10px; background: url('img/leva-linka.jpg') no-repeat left bottom; }	
#leva ul li a
	{
	display:block;
	color:white;
	padding:8px 0px 8px 25px;
	background: url('img/n.jpg') no-repeat left 11px;
	}
#leva ul li a:hover {text-decoration:underline;}
	
#leva ul .ul-top { position:relative; height:10px;margin:0; border:none; background: url('img/ul-top.jpg') no-repeat left top;}

#leva ul ul {background:none; margin:0;padding:0;border-top:1px solid #5c080f; margin-bottom:-1px;  }
#leva ul li ul li { margin:0; border-bottom:1px solid #5c080f; } 
#leva ul li ul li a
	{
	padding:4px 0px 4px 30px;
	background:#bb1319 url('img/ctverec.jpg') no-repeat 15px 8px;
	
	}
	
#leva ul li ul li ul li a
	{
	padding:3px 0px 3px 33px;
	background:#BC131A url('img/ctverec-maly.gif') no-repeat 25px 8px;
	}
	
#leva #odkazy
	{
	background: url('img/odkazy.jpg') no-repeat left top;
	}
	
#leva #odkazy .h3 {color:white;margin:0; padding:12px 0px 6px 0px; background: url('img/odkazy-linka.jpg') no-repeat left bottom;}
#leva #odkazy li { border:none !important; background: url('img/prava-ctverec.jpg') no-repeat left 12px; padding:0px 0px 0px 10px;}
#leva #odkazy li a { 	background:none; color:#990000; font-weight:bold; padding:6px 0px 0px 0px; }	
	
/*produkty ----------------------------------------------------------------*/

#produkty h1 {background: url('img/h1-linka.jpg') no-repeat left bottom; margin-left:0; padding-bottom:4px;}
	

#navigace
	{
	margin:0;
	height:22px;
	background: url('img/nav-poz.jpg') repeat-y left top;
	}
#navigace ul {padding:0; margin:0;}	
#navigace ul li {	float:left;	list-style:none;}
#navigace ul li a 
	{
	display:block;
	padding:4px 3px 0px 15px;
	color:#333333;
	background: url('img/nav-sipka.jpg') no-repeat left 6px;
	}		
	
/*box1 ----------------------------------------------------------------*/

.box1
	{
	position:relative;
	width:250px;
	height:200px;
	border:1px solid #9d0e14;
	float:left;
	margin:0px 10px 10px 0px;
	overflow:hidden;
	background: url('img/box1-poz.jpg') repeat-x right 33px;
	}
	
.box1 h2
	{
	position:relative;
	height:35px;
	background: url('img/box1-nadpis.jpg') no-repeat right top;
	}
.box1 h2 a {color:white; display:block; text-align:center; padding:5px 2px 5px 2px}
.box1 h3 a {display:block; text-align:center; padding:5px 2px 5px 2px; font-size: 85%; height: 30px;}
.box1 h3 a:hover {text-decoration: underline}
.box1 img {position:relative; left:0px; top:0px;border:1px solid #9d0e14;   width:110px; height:110px; }
.box1 .price {position:absolute; bottom:3px; left:6px;}
.box1 .price strong {color:#990000;}
.box1 .box-detail {float:right; width:116px; margin:8px 3px 0px 0px;}
.box1 .box-detail p { height:118px; overflow:hidden; text-align:left;}
.box1 a.detail	{position:absolute; right:0px; bottom:17px;display:block; width:126px; height:17px;background: url('img/box1-detail.jpg') no-repeat right top; }
.box1 a.koupit { position:absolute; right:0px; bottom:0px;display:block; width:126px; height:17px; background: url('img/box1-koupit.jpg') no-repeat right top; }


.box1 .box1aimg { position:absolute;   display:block; width:110px; height:110px;top:40px;left:2px; }
.box1 .box1aimg span { position:absolute !important;display:block;background:blue; left:2px; bottom:0px; _bottom:2px; width:108px !important; height:19px !important;  }
.akce { background:url('img/akce.gif') no-repeat right top !important;  }
.news { background:url('img/novinky.gif') no-repeat right top;}
.recomended { background:url('img/doporucujeme.gif') no-repeat right top; }

/*prava ----------------------------------------------------------------*/
#prava {margin-right:8px;}

#prava .nadpis1
	{
	background: url('img/prava-nadpis1.jpg') no-repeat left top;
	padding:8px 0px 8px 0px;
	text-align:center;
	color:white;
	
	font-size:120%;
	
	font-weight: bold;
	}
	
#prava .nadpis2
	{
	background: url('img/prava-nadpis.jpg') no-repeat left top;
	padding:8px 0px 8px 0px;
	text-align:center;
	color:white;
	
	font-size:120%;
	
	font-weight: bold;
	}
	
	
#prava .nadpis2 a
	{
	color:white;
	}
	
#prava #aktuality, #prava #nej {	background: url('img/prava-poz.jpg') repeat-x left 30px;}
#prava #aktuality #vice {display:block; text-align:center;}


#prava #nej {text-align:center;}
#prava #nej .box img {border:1px solid #d86215; margin:5px 0;}

.box
	{
	position:relative;
	width:160px;
	_width:170px;
	padding:10px 0px 10px 10px;
	background: url('img/prava-linka.jpg') no-repeat left bottom;
	}

.box h4 {background: url('img/prava-ctverec1.jpg') no-repeat left 6px;  padding:0px 0px 0px 10px; text-align:left;}	
.box h4 a {color:#cc6600;}
.box p {text-align:left; padding:0px 0px 0px 10px;}
.box strong {color:#cc0000; text-align:left; display:block; margin:3px 0;padding:0px 0px 0px 10px;}
	

/*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;
	}


#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;
	}

/*pata-obsah ----------------------------------------------------------------*/
	
#pata-obsah
	{
	position:absolute;
	bottom:0px;
	left:8px;
	width:740px;
	height:63px;
	background: url('img/pata-obsah.jpg') no-repeat left top;
	}	
	
#pata-obsah ul {margin:0px 8px 0px 0px;}
#pata-obsah ul li {float:right; list-style:none;}
#pata-obsah ul li a
	{
	border-left:1px solid white;
	display:block;
	font-weight:bold;
	padding:38px 10px 11px 11px;
	color:black; 
	text-decoration:none;
	}
#pata-obsah ul li a:hover {color:#990000;}
	
/*pata ----------------------------------------------------------------*/

#pata
	{
	height:44px;
	background: url('img/pata.jpg') repeat-x left top;
	margin:0px 0px 20px 0px;
	color:#cccccc;
	text-align:center;
	}
	
#pata p { text-align:center; padding:15px 0px 0px 0px;}
#pata	a {color:#ffcc33;}
	

/*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;}
.none {background:none !important;}	
#stranky { clear:both; text-align:center; padding:15px 0;}

.categories{
	list-style:none;
	clear:both;
	margin:0;
	padding:0;
	
	
}
.categories li{
	float:left;
	height: 15px;
	text-align: left;
	display:block;
	
}




#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; }


.ip-related{padding:15px 20px 20px 20px;}