/* CSS Document */

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

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

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

h1 {font-size:130%; margin:10px 0px;	}
h2 {font-size:100%;}
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-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:#571961;	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: 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:#762B7E; 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;	}

/* text
-------------------------------------------------- */
.text { margin:0px 10px 0px 12px;}
#detail .text { margin:0px 10px 0px 0px; }


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


#obal
	{
	position:relative;
	width:940px;
	margin:0 auto;
	border-left:1px solid gray;
	border-right:1px solid gray;
	border-bottom:1px solid gray;
	background:#fff;
	}
	
#top
	{
	position:relative;
	height:220px;
	background:#fff url('img/top.jpg') no-repeat left top;
	}
	
#logo { display:block; width:260px; height:45px;position:absolute; left:230px; top:0px; }	
	
#maj
	{
	float:left;
	position:relative;
	text-align:left;	
	width:940px;
	}
	
.maj-poz {	background: url('img/maj-poz.jpg') repeat-y right top; }
	
#obsah
	{
	float:left;
	width:750px;
	}	
	
	
#obsah #produkty
	{
	width:530px;
	float:right;
	
	}
	
#obsah #detail
	{
	position:relative;
	width:708px;
	_width: 718px;
	float:right;
	background:white;
	z-index:150;
	min-height: 900px;
	_height: 900px;
	margin:0px -190px 0px 0px ;
	padding-left:10px;
	}
	
	
#obsah #leva
	{
	position:relative;
	overflow:hidden;
	width:213px;
	float:left;
	color:white;
	left:2px;
	padding-left:1px;
	background:white;
	}
		
	
#prava
	{
	width:189px;
	float:right;
	overflow:hidden;
	}
	
#pata
	{
	clear:both;
	height:43px;
	overflow:hidden;
	background: url('img/pata-poz.jpg') repeat-x left top;
	}
	
/*menu ----------------------------------------------------------------*/	
#menu { position:absolute; top:175px;left:217px; }
#menu ul { margin:0; padding:0; float:left; }
#menu ul li {float:left; list-style:none; background: url('img/menuh-linka.jpg') no-repeat left bottom; }
#menu ul li a {  color:white; font-size:130%; font-weight:bold; position:relative; display:block; padding:15px 13px 8px 13px; margin:0px 0px 0px 1px; background: url('img/menuh-hover.jpg') repeat-x left bottom; }
#menu ul li a:hover { background: none; text-decoration:none; }
	
	
/*leva ----------------------------------------------------------------*/	

#leva .leva-pod { background: url('img/leva-poz.jpg') repeat-y left top; margin:0px 0px 8px 0px; clear:both; overflow:hidden; float:left; width:100%;}
	
#leva a { color:white; font-size:130%; }	
#leva a:hover { background: url('img/leva-hover.png') repeat center top; text-decoration:none; position:relative; }
#leva ul { margin:0; padding:0; list-style:none; background: url('img/leva-top.jpg') no-repeat left top;  border-bottom:6px solid #420B4C; }
#leva ul li { background: url('img/leva-linka.jpg') no-repeat center top; margin:0px 0px 0px 0px;}
#leva ul li h3 { color:white; padding:12px 0px 8px 20px; background: url('img/leva-hover.png') repeat center top; text-decoration:none; position:relative; display:block; }
#leva ul li a { display:block; margin:0px 8px 0px 8px; padding:6px 0px 6px 25px; _height:1px; }

#leva ul ul { border:none !important; background:none;}
#leva ul ul li { border:none !important; background:none; margin:0; background: url('img/leva-linka-pod.jpg') no-repeat center top;  }
#leva ul ul li a { padding:6px 0px 6px 39px; background: url('img/leva-sipka.jpg') no-repeat 29px 10px; font-size:100%; }	


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

.box1 { position:relative; background: url('img/box1.jpg') no-repeat left top; width:247px; height:270px; float:left; margin:8px; _margin:5px; }
.akce { background: url('img/box1-akce.jpg') no-repeat left top; }
.box1 h2 { margin:10px 5px 0px 10px !important; height:17px; overflow:hidden;}
.box1 h2 a { color:#cccccc; font-size:120%; }
.box1 p { color:white; display:block; width:228px; height:70px; margin:3px 0px 0px 10px !important; overflow:hidden; }
.box1 .box1-img { position:absolute; top:98px; left:11px; display:block; width:225px; height:133px; margin:0 !important;}
.box1 .box1-img img { position:relative; top:14px; left:26px;  display:block; border:none !important; margin:0 !important;}
.box1 .koupit { position:absolute; bottom:14px; left:48px; color:#996666; font-weight:bold; font-size:120%;}
.box1 .price { position:absolute; bottom:14px; right:42px; color:#996666; font-weight:bold; font-size:120%; }

/*odkazy ----------------------------------------------------------------*/	

#leva .odkazy { background: url('img/odkazy-poz.jpg') repeat-y left top; }
#leva .odkazy #odkazy { background:#B5A04F url('img/odkazy-top.jpg') no-repeat left top !important; border-bottom:6px solid #B6A150; position:relative; float:left; }
#leva .odkazy ul li { background:none; margin:0px 0px 15px 0px; }
#leva .odkazy ul li a { background:none; padding:0px 15px 0px 20px; margin:0; font-weight:bold;  font-size:110%;}
#leva .odkazy ul li p {  padding:0px 15px 0px 28px;}
#leva .odkazy .h3 { font-size:140%; font-weight:bold; color:#636466; margin:20px 0px 15px 20px; }


/*prava ----------------------------------------------------------------*/
#prava, #prava a { color:white;}
.nadpis-prava { position:relative; font-size:140%; font-weight:bold; color:white; text-align:center; margin:10px 0px 5px 0px;}
.nadpis-prava a { color:white; }

#aktuality { margin:0px 4px 0px 2px; }
#aktuality h4 { margin:15px 0px 6px 0px; padding:0px 0px 3px 0px; border-bottom:1px solid #c0c1c2;  }
#aktuality #vice { display:block; padding:8px 0px; text-align:center; }

.box { position:relative; display:block; float:right; width:185px; height:207px; margin:5px 2px 5px 0px; _margin:5px 1px 5px 0px; background: url('img/box.jpg') no-repeat left top;  }
.box h4 { font-size:110%;height:16px;margin:8px 0 0 10px;overflow:hidden;width:166px;}
.box h4	a { color:#CCCCCC !important;}
.box p { display:block; margin:2px 8px 0px 10px; height:29px; overflow:hidden;text-align:left; }
.box a img { position:absolute; top:57px; left:8px;}
.box .price { position:absolute; bottom:7px; right:28px; color:white; font-weight:bold; font-size:120%; }



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


#detail hr { margin-right:20px; }



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

#pata { color:white;  }
#pata a { color:white;}
#pata ul li { float:right; list-style:none;}
#pata ul li a { border-left:1px solid white; display:block; padding:0px 8px; }
#pata #menu-pata { position:absolute; bottom:12px; right:0px;}

/*kosik ----------------------------------------------------------------*/
	
#cart-form table, .formular table
	{
  width:95% !important;
	}
	
#cart-form a { color:#762B7E; font-weight:bold; }	
	
#cart-form table th { text-align:center; }	
	
#cart-form table td
	{
	text-align:center;
	vertical-align: middle !important;
	}
	
#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;
	margin:0px 20px 0px 0px;
	}
	
#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 ----------------------------------------------------------------*/

#login { position:absolute; top:10px; left:10px;color:white;}
#login a{color:white;}

#info { position:absolute; top:81px; left:10px; color:white; text-align:left; } 
#info h4 { color:white; font-size:120%; }
#info a { color:white; }

#kos { position:absolute; left:10px; top:130px; color:white; text-align:left;}
#kos a { color:#c5a7c8; }
#kos span { font-weight:bold; font-size:130%; }
#kos strong { font-weight:bold; font-size:130%; }

#hledej { position:absolute; left:10px; top:184px; margin:0; padding:0;  width:190px;}
#hledej fieldset { margin:0; padding:0; }

#stranky { clear:both; text-align:center; padding:15px 0;}
#stranky a { color:#444444; }

#detail .box1a {clear:both; float:left; margin:10px 0px 10px 10px; width:705px; _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; }

.clear {clear:both;}	

.ipbox {  float:left; width:84%; margin:5px 12px 5px 12px; padding:10px 0; clear:both; border-bottom:1px solid #ccc;}
.ipbox h2 { font-size:10pt; padding:5px 0; clear:none !important;}
.ipbox p { clear:none !important; }
.ipbox img {width:100px; float:left; padding-right:0px;}

.ip-related {padding: 25px 15px 20px 15px; color:black; }
#leva .ip-related a{ color:black; font-size:100%; font-weight: bold;}
#leva .ip-related a:hover{ text-decoration:underline; }

.certifikat {margin:5px 2px 5px 0px; _margin:5px 1px 5px 0px; text-align:center; height:107px;}

.descript a .pdf {float:none !important;margin:0 !important; border:none !important;}