/* CSS Document */

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

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

h1, h2, h3, h4 {color:#6E0000;}

h1 {font-size:120%;	margin:5px 10px 5px 10px;}
h2 {font-size:100%;}
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:#6A0000;	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:#6E0000; 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:990px;
	margin: 0 auto;
 	text-align:left;
 	background:white;
 	}

#top
	{
	position:relative;
	height:280px;
	background: url('img/top.jpg') no-repeat left top;
	color: white;
	z-index:10;
	}
	
#top h3
	{
	color:white;
	margin:4px 0px;
	}
	

#logo
	{
	position:absolute;
	display:block;
	width:140px;
	height:120px;
	top:40px;
	left:30px;
	
	}

#maj
	{
	position:relative;
	padding-top:10px;
	float:left;
	background:white;
	}

#obsah
	{
	float:left;
	width:810px;
	margin:0;
	padding:0;
	position:relative;
	}

#produkty
	{
 	width:630px;
 	float:right; 	
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	_margin:0;
  background: url('img/produkty-middle.jpg') repeat-y left top;
	}
	
#produkty #bottom
	{
	clear:both;
	display:block;
	height:24px;
	padding: 0;
	background: url('img/produkty-bottom.jpg') no-repeat left bottom;
	}

#leva
	{
	float:left;
	position:relative;
 	width:180px;
	overflow:hidden;
 	background:url('img/menu-ul.jpg') repeat-y left top;
 	}
 	
#prava
	{	
	position:relative;
	float:right;
	width:179px;
	margin:0;
	padding:0;
	overflow:hidden;
	background: url('img/prava-middle.jpg') repeat-y right top;
	z-index:0;
	}


#pata
	{
	position:relative;
	clear:both;
	height:128px;
	background: url('img/pata.png') repeat-x left top ;
	}
	
	
/* menu
-------------------------------------------------- */	
	
#menu
  {
  position:absolute;
  width:100%;
  top:272px;
  left:0px;
  z-index:100;
  }
  
#menu ul
  {
  list-style:none;
  margin:0;
  padding:0;
  float:left;
  }
  
#menu ul li
  {
  float:left;
  display:block;
  border-right:1px solid #E5E5E5;
  padding:0px 10px 0px 10px;
  margin:0;
  }
  
#menu ul li a
  {  
  text-transform:uppercase;
  font-weight:bold;
  color:#812D2D;
   }
   
#menu #search { float:left; position:relative; top:-7px;}	
   
/* menu1
-------------------------------------------------- */	
	
#menu1
  {
  position:absolute;
  top:186px;
  right:0px;
  }
  
#menu1 ul
  {
  list-style:none;
  margin:0;
  padding:0;
  }
  
#menu1 ul li
  {
  float:right;
  display:block;
  border-right:1px solid white;
  margin:3px 0px 0px 0px;
  padding:0px 10px 0px 10px;
  }
  
#menu1 ul li a
  {  
  color:white;
  line-height:1;
  }
  
/* info
-------------------------------------------------- */	

#info
  {
  position:absolute;
  top:135px;
  left:262px;
  color:white;
  width:180px;
  font-size:110%;
  border-top:1px solid white;
  border-bottom:1px solid white;  
  }	
  

  
#info span
  {
  position:relative;
  display:block;  
  line-height:1;  
  padding:4px 0px 5px 0px;
  }
  
#info span a
  {
  color:white;
  }
  


/* login
-------------------------------------------------- */	
#login
	{
	position:absolute;
	width:200px;
	left:760px;
	top:40px;
	color:white;
	border-top:1px solid white;
  border-bottom:1px solid white; 
  font-size:120%;
	}
	
#login a
	{
	color:white;
	}
	
#login .log a
	{
	display:block;
	float:left;
	font-weight:bold;	
	padding:3px 10px;
	margin:5px 5px 10px 0px;
	border:1px solid #703C3C;
	}
	
/* kos
-------------------------------------------------- */	

#kos
  {
  clear:both;
  position:relative;
  padding-top:8px;
  border-top:1px solid white;
  }	
  
#kos a
	{
	
	}
	
#kos a:hover
	{
	text-decoration:none;
	}
	
	
  

  

/* navigace
-------------------------------------------------- */
#navigace
	{
	height:25px;
	padding: 10px 0px 0px 15px;
	background: url('img/produkty-top.jpg') no-repeat left top;
	}
	
#navigace ul
	{
	margin:0;
	padding:0;
	}
	
#navigace ul li
	{
	list-style:none;
	float:left;
	}
	
#navigace ul li a
	{
	color:black;
	padding:0px 5px 0px 5px;
	}
	
/* hledej
-------------------------------------------------- */	
#hledej
  {
  position:absolute;
  top:205px;
  left:5px;
  background:url('img/hledej.png') no-repeat left top;
  margin:0;
  padding:0;
  }
  
#hledej fieldset
  {
  border:none;
  margin:0;
  padding:15px 0px 13px 5px;
  }
  
#hledej fieldset input
  {
  width:90px;
  border:1px solid #DDDDDD;
  }
  
#hledej fieldset button
  {
  border:none;
  cursor:hand;
  color:#666666;
  background:none;
  padding:0;
  }

/* search
-------------------------------------------------- */
#search {  } 	

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


#leva ul
  {
  list-style:none;
  padding:0px 0px 0px 0px;
  margin:0px 0px 10px 0px;  
  border-bottom:1px solid #DBDBDB;  
  }

#leva ul li#bottom001 { background:#fff  url('img/leva-bottom.jpg') no-repeat left bottom; display:block; height:30px; margin-bottom:-1px;}  
#leva ul {background:#fff  url('img/leva-middle.jpg') repeat-y left top;}
#leva ul li#bottom002 { background:#fff  url('img/leva1-bottom.jpg') no-repeat left bottom; display:block; height:24px; margin-bottom:-1px;}

  
#leva ul li h3
  {
  margin:0;
  height:16px;
  padding:6px 0px 31px 30px;
  color:#7D0000;
  text-align:left;
  font-size:120%;
  background:#fff  url('img/leva-top.jpg') no-repeat left top;
  }
  
#leva ul li a
  {
  border-top:1px solid #ECECEC;
  display:block;
  _height:1px;
  margin:0px 15px 0px 15px !important;
  padding:5px 0px 5px 10px;
  margin-right:3px;
  text-decoration:none;
  font-weight:bold;
  color:white;
  }
  
#leva ul li a:hover, #leva ul li a.aktiv
  {
  color:gray;
  }
  
#leva ul li ul
  {
  margin:0;
  border:none;
  background:none;
  }
  
#leva ul li ul li a
  {
  margin-left:25px;
  font-weight:normal;
  background: url('img/menu1.png') no-repeat left 8px;
  }
  
#leva ul li ul li a:hover, #leva ul li ul li a.aktiv
  {
  background: url('img/menu1a.png') no-repeat left 8px;
  }
  
#leva ul li ul li ul li a
  {
  margin-left:20px;
  background: url('img/menu2.png') no-repeat left 8px;
  }
  
#leva .leva1 li h3
	{
	background:#fff  url('img/leva1-top.jpg') no-repeat left top;
	padding:9px 0px 6px 30px;
	}  
	
#leva .leva1
	{
	background:#fff  url('img/leva1-middle.jpg') repeat-y left top;
	}
	
#leva .leva1 li a
	{
	color:gray;
	}


ul#odkazy{background:none;}  
#odkazy h3{background:none !important; padding:3px 0px 0px 15px !important;} 
#odkazy li
	{
	margin:10px 0px 10px 0px;
	background:none;
	}
	
#odkazy li a
	{
	background:none !important;
	color:#6A0000 !important;
	padding-left:10px !important;
	}

#odkazy li a:hover
	{ text-decoration: underline;}
  
#odkazy p
	{
	margin:0px 5px 0px 10px;
	}
  
/* detail
-------------------------------------------------- */
#detail
  {
  position:relative;  
  width:809px;
  margin-right:-185px;
  min-height:280px;
  
  z-index:50;  
  background: url('img/detail-middle.jpg') repeat-y left top;
  }
  
#detail #bottom
	{
	height:30px;
	background: url('img/detail-bottom.jpg') no-repeat left top;}
  
#detail #hlavni
  {
  position:relative;
  overflow:hidden;
  width:100%;
  min-height:300px;
  _height:500px;
  background: url('img/det-poz.png') repeat-y right top;
  }
  
#detail h1
  {
  background:#fff url('img/detail-top.jpg') no-repeat left top;
  padding:10px 0px 5px 20px;
  margin:0;
  }  
  
#detail #hlavni #vrch {
  position:absolute; 
  top:33px;
  width:100%;
  height:100px;
  background: url('img/det-vrch.png') no-repeat right top;
  }
  
#detail #hlavni #spodek {
  position:absolute; 
  bottom:0px;
  height:100px;
  width:100%;
  z-index:10;
  padding:0px 0px 0px 0px;
  background: url('img/det-spodek.png') no-repeat right bottom;
  }
  
#detail #obr
  {
  position:absolute;
  top:65px;
  left:15px;
  display:block;
  z-index:50;
  }
  
#detail #detail-text
  {
  position:relative;
  margin-left:280px;
  width:470px;
  z-index:50;
  }
  
#detail #detail-text .akce
	{
	position:absolute;
	width:72px;
	height:63px;
	bottom:0px;
	right:70px;
	background:url('img/akce.png') no-repeat left top;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/css/img/akce.png', sizingMethod='scale');
	_background:none;
	}
	
#detail #detail-text .tisk
	{
	position:absolute;
	width:45px;
	height:48px;
	bottom:10px;
	right:20px;
	background:url('img/tisk.png') no-repeat left top;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/css/img/tisk.png', sizingMethod='scale');
	_background:none;
	}
	
#detail #detail-text .tisk a
	{
	width:45px;
	height:48px;
	display:block;
	}
  
#detail #detail-text ul
  {
  padding:0px 0px 0px 0px;
  list-style:none;
  margin:0;
  }
  
#detail #detail-text ul li
  {
  position:relative;
  display:block;
  padding:4px 0px 4px 0px;
  border-bottom:1px solid #E6E6E6;
  }
  
#detail #detail-text #price
  {
	
  width:210px;
  bottom:5px;
  padding:20px 0px 0px 0px;
  }
  
#detail #detail-text #price li
  {
  position:relative;
  padding:2px 0;
  border-bottom:1px solid gray;
  }
  
#detail #detail-text #price span
  {
  position:absolute;
  right:0px;
  }
  
#detail #detail-text #nakup
	{
	clear:both;
	position:relative;
	bottom:-10px;
	right:10px;
	}
	
#detail #detail-text #nakup table td
	{
	border:none;
	}

  
  
  
#detail #obr img
  {
  position:relative;
  width:140px;
  height:184px;  
  }
  
#detail #pribuzne
  {
  margin-top:5px;
  position:relative;
  clear:both;
  width:100%;
  /*background: url('img/detail-kratsi.png') repeat-y 3px top;*/
  
  }
  
#detail #pribuzne #nakup
  {
  float:right;
  width:498px;
  _width:499px;
  border:1px solid #C1C1C1;
  padding:7px 0px 10px 0px;
  background: url('img/cena.png') repeat-x right top;
  }

#detail #pribuzne #nakup form table
  {
  
  }  
  
#detail #pribuzne #nakup form table td
  {
  border:none;
  background:none;
  text-align:center;
  padding:4px 15px 3px 10px ;
  vertical-align:middle;
  }
  
#detail #pribuzne #nakup form table td input
  { border:1px solid gray; text-align:center;}
  
#detail #pribuzne #nakup form #cartsubmit
  {
  position:absolute;
  top:42px;
  right:20px;
  }
  
#detail #pribuzne #linka-top {
  position:absolute;
  top:0px;
  left:3px;
  width:258px;
  border-top:1px solid #C1C1C1; }
  
#detail #pribuzne #linka-bottom {
  position:absolute;
  bottom:-1px;
  left:3px;
  width:258px;
  border-bottom:1px solid #C1C1C1; }
  
#detail #galerie
  {
  position:absolute;
  left:0px;
  top:320px;
  width:258px;
  overflow:hidden;
  margin:0px 0px 0px 10px;
  float:left;
  }
  
#detail #galerie a
  {
  display:block;
  position:relative;
  float:left;
  width:80px;
  height:80px;
  border: 1px solid #C1C1C1;
  margin:1px 1px 0px 0px;
  z-index:10;
  overflow:hidden;
  }
  
#detail #galerie a img
  {
  position:raletive;
  width:80px;
  z-index:1;
  
  }
  
#detail #pribuzne #souvisejici
  {
  position:relative;
	clear:both;
  float:left;
  margin:20px 20px;
  }
  
  
#detail #pribuzne #souvisejici .box
  {
  position:relative;
  float:left;
  width:170px;
  height:230px;
  margin:5px 2px 0px 2px;
  border:1px solid #C1C1C1;
  text-align: center;
  }
  
#detail #pribuzne #souvisejici .box a img
  {
  margin:5px 9px 5px 9px;
  }
  
#detail #pribuzne #souvisejici .box h4
  {margin:0px 2px 0px 2px; height: 40px;}
#detail #pribuzne #souvisejici .box span
  { color:#6A0000; display: block}
  
#detail #pribuzne #souvisejici .dp 
  {
  position:absolute;
  left:5px;
  bottom:5px;
  background: url('img/detail-koupit.png') no-repeat left top;
  }
  
#detail #pribuzne #souvisejici .kp
	{
	position:absolute;
  right:1px;
  bottom:0px;  
  background: url('img/koupit-koupit.png') no-repeat left top;
	}
  
#detail #pribuzne #souvisejici .box .dp img, #detail #pribuzne #souvisejici .box .kp img {margin:0;}

  
#detail #pribuzne #souvisejici form .cartsubmit
  {
  position:absolute;
  right:0px;
  bottom:0px;
  }

/* produkty
-------------------------------------------------- */
.box1
  {
  position:relative;
  overflow:hidden;
  float:left;
  width:300px;
  height:314px;
  margin:2px 2px 7px 7px;
  border:1px solid #dddddd;
  background:#fff url('img/box1-poz.jpg') repeat-x left top;
  }
.box1 .akce
	{
	position:absolute;
	width:72px;
	height:63px;
	left:200px;
	top:29px;
	background:url('img/akce.png') no-repeat left top;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/css/img/akce.png', sizingMethod='scale');
	_background:none;
	}  
  
.box1 a img
  {
  display:block;
  margin-left:20px;
  }
  
.box1 h2
  {
  margin:10px 0px 10px 5px;
  }
  
.box1 form p{height:auto;}
  
.box1 p
  {
  margin:5px 10px 5px 10px;
  height:44px; 
  overflow:hidden; 
  }
  
.box1 .cartsubmit
  {
  position:absolute;
  top:90px;
  right:10px;
  }
  
.box1 .dp
  {
  position:absolute;
  top:120px;
  left:180px !important;
  width:86px;
  height:24px;
  }
  
.box1 .kp
  {
  position:absolute;
  top:90px;
  left:180px !important;
  width:86px;
  height:24px;
  }
  
.box1 .price
  {
  position:absolute;
  width:270px;
  bottom:10px;
  padding:0;
  list-style:none;
  margin:0px 10px 0px 10px;
  }
  
.box1 .price li
  {
  position:relative;
  padding:4px 0px 0px 0px;
  border-bottom:1px solid #6A0000;
  }
  
.box1 .price span
  {
  position:absolute;
  right:0px;
  }
  
/* text
-------------------------------------------------- */
.text
  {
  overflow:hidden;
  margin:0 10px;
  }
  
/* prava
-------------------------------------------------- */


#prava h2
  {
  color:#393939;
  text-align:center;
  margin:0px 0px 0px 0px;
  padding:6px 0px 10px 0px;
  background:url('img/prava-top.jpg') no-repeat left top;
  }
  
#prava h2 a
  {color:#393939;}
  
#prava dl
  {
  padding:0px 0px 10px 0px;
  margin:0px 8px 0px 8px;
  border-bottom:1px solid #D9D9D9;
  }
  
#prava dl dd h4
  {
  margin:6px 0px 6px 0px;
  }
  
#prava .box
  {
  position:relative;
  float:left;
  width:164px;
  height:220px;
  margin:5px 2px 0px 6px;
  border-bottom:1px solid #C1C1C1;
  text-align:center;
  }
  
#prava .box a img
  {
  margin:0px 0px 0px 0px;
  }
  
#prava h3
	{
	background:#6A0000;
	color:white;
	margin:0px 5px;
	padding:3px 5px;
	border-bottom:1px solid #C1C1C1;
	}
	
#prava #vice
	{
	float:none;
	display:block;
	text-align:center;
	}
  
#prava .box h4
  {
  margin:0px 2px 0px 2px; height: 40px;
  text-align:center;
  height: 40px;
  }
#prava .box span
  {
  color:gray;
  display: block;
  }
  
#prava .dp 
  {
  position:absolute;
  left:0px;
  background: url('img/detail-koupit.png') no-repeat left top;
  
  }
  
#prava .kp 
  {
  position:absolute;
  right:7px;  
  background: url('img/koupit-koupit.png') no-repeat left top;
  
  }
  
.dp, .kp
	{
	bottom:5px;
	width:73px;
  height:16px;
  _height:21px;
  color:black;
  font-size:80%;
  text-align:left;
  padding:0px 0px 0px 0px;
	}
  
#prava .box .dp img, #prava .box .kp img {margin:0;}

  
#prava form .cartsubmit
  {
  position:absolute;
  right:0px;
  bottom:0px;
  }
  
#prava #bottom
	{
	height:24px;
	clear:both;
	background:url('img/prava-bottom.jpg') no-repeat left bottom;
	}

  
/* pata
-------------------------------------------------- */
#pata p
  {
  position:relative;
  display:block;
  top:60px;
  text-align:center;
  }
#pata #rogelli
  {
  position:absolute;
  top:15px;
  left:450px;
  width:75px;
  height:97px;
  background: url('img/rogelli.jpg') no-repeat left top;
  }
  

.border
  {
  border:1px solid #C1C1C1;
  }

.clearer
  {
  clear:both;
  width:100%;
  }
  
#stranky
  {
  position:relative;
  clear:both;
  text-align:center;
  padding:20px 0px;
  }
  
/* tabulka
-------------------------------------------------- */
.tabulka
  {
  width:90%;
  margin-left:10px;
  }
  
.tabulka td
  {
  vertical-align:middle;
  text-align:center;
  }
  
.tabulka td a
  {
  float:left;
  }
  
.tabulka input
  {
  text-align:center;
  }
  
.tlacitko, .tabulka select, .tabulka strong
  {
  float:left;
  }
  
/* editor
-------------------------------------------------- */
  
.editor
  {
  margin:0px 20px 10px 20px;
  }
  
#download
	{
	width:90%;
	}
  
  
/* catalog
-------------------------------------------------- */

.catalog
	{
	clear:both;
	float:left;
	width:750px;
	margin:10px 0px 10px 0px;
	}

.catalog img
	{
	float:left;
	margin-right:10px;
	border-right:1px solid gray;
	}
	
.catalog p
	{
	
	margin:0px 20px 0px 10px;
	}
  
  
/* dalsi
-------------------------------------------------- */

.alert_form
	{
	color:red;	
	}
	
#download td
	{
	border:none;
	padding:20px 10px;
	}
  
.bez td
	{
	border:none;
	}
	
.bigprice
	{
	top:2px;
	color:#6A0000;
	font-size:110%;
	font-weight:bold;
	}
	
.skrtla
	{
	text-decoration:line-through;
	}

#quick_form td
{
	border: none;
}