/* CSS Document */


body {
	text-align:center;
	background:#3C5223 url('img/poz.jpg') repeat-x;
	font-family: Arial, Courier, sans-serif;
	font-size: 0.71em;
	color: #231f20;
	text-align: center;
	margin:0;
	padding:0;
	}

/* text
-------------------------------------------------- */

h1 {font-size:160%;	color:white;	}
h2,h2 a { 	font-size:140%; 	}
h3, h3 a { color:#3c3839;	font-size:120%; text-decoration:none; }
h4, h4 a { color:#b52226; font-size:100%; }




/* BLOCKS
-------------------------------------------------- */
address {	margin: .66em 0;}
blockquote {margin: .66em 20px;}
hr {	}
p {	}


/* LISTS
-------------------------------------------------- */
dl, dt, dd { margin:0; text-align:left;}
dl {margin-left:5px;}
dt {}
dd {}
ul, ul li {list-style:none;	margin:0;	padding:0;}
#produkty ul, #produkty ul li { margin:0px 0px 0px 18px; list-style-type: disc;}


/* TABLES
-------------------------------------------------- */
table {	border-collapse: collapse;	margin: 10px; font-size:100%;}
caption {	margin: 0 0 .66em 0;	text-align: center;	color: #D01310;}
th {	border: 1px solid #D7D7D7;	padding: 5px 10px;	font-weight: bold;	text-align: left;	vertical-align: top;
	background-color:#D4AF06;	color: white;}
td {	border: 1px solid #D7D7D7;	padding: 5px 10px;	vertical-align: top;	background-color: white;}


/* FORMS
-------------------------------------------------- */
fieldset {	clear: both;	}
legend {}
input, textarea, select {	font-size: 1em;}
table.construct label {	vertical-align: middle;}

/* 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, .monospace {	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:#CBA204;}
a:visited {	}
a:hover, a:active {	}

/* Img
-------------------------------------------------- */
img	{ border:none;	}


/* Bloky
-------------------------------------------------- */

#obal
	{
	position:relative;
	width:940px;
	margin: 0 auto;
 	text-align:left;
 	background:white;
 	border:1px solid gray;
 	}

#top
	{
	position:relative;
	height:259px;
	background: url('img/top.jpg') no-repeat left top;
	}
	
#top #menu
  {
  position:absolute;
  top:0px;
  height:26px;
  margin:0px 5px 0px 5px;
  width:940px;
  background: url('img/menu-poz.jpg') repeat-x left top;
  }
  
#top #menu ul
  {
  
  }
  
#top #menu ul li
  {
  position:relative;
  margin:7px 0px 0px 0px;
  float:right;
  display:block;
  border-left:1px solid gray;
  background: url('img/menu.jpg') no-repeat left top;
  }
  
#top #menu ul li a
  {  
  text-align:center;
  text-decoration:none;
  display:block;
  color:gray;
  padding:0px 10px;
  }
  
#top #kontakt
  {
  position:absolute;
  top:38px;
  right:100px;
  color:white;
  }
  
#top #kontakt h4
  {
  margin:3px 0;
  color:white;
  font-size:120%;
  }
  
#top #kontakt a
  {
  color:white;
  }
  
#top form
  {
  position:absolute;
  top:220px;
  left:412px;
  }
  
#top form fieldset
  {
  border:none;
  }
  
#top form fieldset label
  {
  color:white;
  font-weight:bold;
  font-size:110%;
  }
    
#maj
	{
	padding:0px 0px 0px 0px;
	margin:3px 0px 0px 0px;
	overflow:hidden;
	}

#obsah
	{
	float:left;
	width:736px;
	_width:736px;
	position:relative;
	}

#produkty
	{
 	width:514px;
	float:right;
	
	}
	
#produkty h1 	{ color:#cba204; margin:0px 0px 2px 0px; padding:6px 0px 6px 10px; clear:both; background:#F9F3D9;  font-size:120%; border-bottom:1px solid #BF9E05; }
#produkty h3  {  margin:5px 10px 5px 10px; padding:0; }

#produkty p { margin:0px 0px 0px 0px; padding:10px 0px 10px 10px; background:white; }

#produkty .text
  {
  margin:5px 5px 5px 5px;
  padding:6px 0px 6px 10px;
  }
  
#produkty .text h2
  {
  color:#CC0001;
  margin:3px 0;
  }
  
#produkty .text p
  {
  margin:0;
  padding:0;
  }
  
#produkty .text p strong  
  {
  color:#CC0001;
  }

.box1
	{
	margin:10px 5px 0px 0px;
	padding-bottom:10px;
	width:250px;
	height:174px;
	position:relative;
	float:left;
	text-align:left;
	background: url('img/box1.jpg') no-repeat left top;
	overflow:hidden;
	}
  
.box1 a
	{
	float:left;
	text-decoration:none;
	}
	
.box1 .obr
  {
  margin:0px 0px 0px 5px;
  border:1px solid #BF9E05;
  }

.box1 a img
	{
	margin:0px 0px 0px 0px;
	width:110px;
	height:121px;
	padding-bottom:4px;
	border-bottom:1px solid #EBDD94;
 	}

.box1 h2
	{
 	padding:1px 0;
	display:block;
	margin:0px 0px 0px 0px;
	font-size:100%;
	height:29px;
	}
	
.box1 h2 a
	{
	display:block;	
	text-decoration:none;
	float:none;
	margin:4px 0px 0px 5px;
	color:#cba204;
  }
  
.box a img
  {
  border:1px solid #BF9E05;
  }


 	
#produkty .box1 .box-prav
	{
	width:130px;
	float:right;
	}
	
#produkty .box1 .box-prav .popisek
	{
	padding:3px 0px 3px 5px;
	margin-right:4px;
	height:80px;
	overflow:hidden;
	}
	
#produkty .box1 .cena
  {
  position:relative;
  left:0px;
  bottom:0px;
  padding:0px 0px 2px 0px;
  text-align:center;
  font-size:120%;
  font-weight:bold;
  color:#cba204;
  background: url('img/produkty-sipka.jpg') no-repeat left 6px;
  }
  


#produkty .box1 .box-prav .dp
	{
	position:absolute;
	width:132px;
	bottom:4px;
	height:21px;
	left:117px;
	margin-top:4px;
	border-top:1px solid #EBDD94;
	border-bottom:1px solid #EBDD94;
	}
	
#produkty .box1 .box-prav .dp  a
	{	
	padding:3px 15px;
	background:#FFFFFF;
	float:left;
	display:block;
	margin:1px 1px 1px 0px;
	text-decoration:none;
	}
	
#produkty .box1 .box-prav .dp form
	{
	position:absolute;
	right:0px;
	bottom:0px;	
	_bottom:-1px;
	height:21px;
	width:65px;
	overflow:hidden;
	background:#E9E7E8;
	}
	
.cart 
{
	position:absolute;
	top:3px;
	left:12px;
	padding:0 !important;
	margin:0 !important;
	cursor:pointer;
	
}
#produkty .linka
  {
  clear:both;
  width:100%;
  height:8px;
  background: url('img/linka.jpg') no-repeat left top;
  }
  
#leva
	{
	float:left;
	position:relative;
 	width:220px;
	}
 	
#leva h3
	{
	background: url('img/leva.jpg') no-repeat left top;
	padding:8px 0px 8px 20px;
	margin:0;
	font-size:120%;
	color:white;
	}

#leva ul
	{
	border-left:15px solid #DFC107;
	margin:0px 0px 0px 0px;
	position:relative;
	background: #D4B004 ;
	}
	
#leva .zel
  {
  border-top:2px solid #778E46;
  background:#7E984F;
  margin-top:-1px;
  border-left:15px solid #7E984F;
  }
  
#leva .zel li
  {
  _height:1px;
  background: url('img/linka-zel.jpg') no-repeat left bottom ;
  }
  
#leva .zel li ul
  {
  margin:0;
  background: url('img/linka-zel.jpg') no-repeat left top ;
  }
  

#leva ul li
	{
	position:relative;
	padding:0;
  _height:1px;
	margin:0px 0px 0px -15px;
	background: url('img/menu-linka.jpg') no-repeat left bottom ;
	}



#leva ul li a
	{
 color:white;
	text-decoration:none;
	display:block;
	padding:5px 0px 5px 20px;
	background: url('img/sipka.jpg') no-repeat 4px 8px;
	
  }

#leva ul li a:hover
	{
	background-color:#CAA204;
  }



#leva ul li ul
	{
  border:none;
  margin:0;
  padding:0;
  background: url('img/menu-linka.jpg') no-repeat left top ;
	}

#leva ul li ul li
	{
	margin:0px 0px 0px 0px;
	padding:0;
	}

#leva ul li ul li a
	{
	text-decoration:none;
	display:block;
  color:white;
  padding:5px 0px 5px 35px;
  background: url('img/sipka-podmenu.jpg') no-repeat 25px 8px;

	}

#leva ul li ul li a:hover
	{

	}
	

#leva ul li ul li ul li a
	{
	margin:0;
	padding:5px 0px 5px 38px;
	background: url('img/menu3.gif') no-repeat right top;
  color:#8c2326;
	}
	
	
#prava
  {
  overflow:hidden;
  float:right;
  position:relative;
  width:200px;
  text-align:center;
  }
  
#prava h3
  {
  margin:0;
  padding:7px 0px 0px 0px;
  color:white;
  font-size:140%;
  height:33px;
  background: url('img/prava.jpg') no-repeat right top;
  }
  
#prava .box
  {
  margin:10px 0px;
  }
  
#prava .box h2
  {  
  background:#D4B004;
  font-size:80%;
  font-weight:normal;
  text-align:left;
  padding:1px 0px;
  margin:0px 10px;
  }
  
#prava .box h2 a
  {
  margin:0;
  padding:0;
  text-decoration:none;
  color:white;
  }
  
#prava .box a
  {
  display:block;
  }
  
#prava .box a img
  {
  width:180px;
  border:1px solid #BF9E05;
  }
  
#prava .box span
  {
  margin:0px 10px;
  display:block;
  text-align:right;
  font-weight:bold;
  background:#C29403;
  color:white;
  font-size:120%;
  padding:3px 5px;
  }


#detail
	{
	border:1px solid white;
	position:relative;
	width:710px;
	min-height: 900px;
	_height: 900px;
	margin:0px -213px 0px 0px ;
  z-index:250;
  padding-left:5px;
	background:white;
	z-index:200;
  }



#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;
	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;
	}

#cartsubmit
	{
	margin-top:0px;
	cursor:pointer;
	border:none;
	width:70px;
	height:18px;
	background: url('img/koupit.gif') no-repeat left top ;
	}


#pata
	{
	position:relative;
	margin:10px 0px 0px 5px;
	clear:both;
	height:112px;
	background: url('img/pata-poz.gif') repeat-x left top ;
	}

#pata a
	{
	position:relative;
	text-align:center;
	top:52px;
	right:14px;
	width:79px;
	height:24px;
	float:right;
	padding:36px 0px 0px 0px;
	color:black;
	background: url('img/menu-bottom.gif') no-repeat right top ;
	text-transform:uppercase;
	font-weight:bold;
	}
	
#pata img
	{
	position:absolute;
	top:38px;
	left:10px;
	
	}

/*Kosik---------------------------------------------------------------------------------*/



#kosik form table
	{
	width:440px;
	}

#kosik form table td
	{
	padding:2px 8px 2px 8px;
	text-align:center;
	border:1px solid gray;
	}

#kosik form table td a
	{
	color:#cc3300;
  font-weight:bold;
	}

#kosik form table td option
	{
	padding:0 3px;
	}

#kosik form table td input
	{
	text-align:center;
  border:1px solid gray;
	}

.odstranit, 
	{
	float:left;
	cursor:pointer;
	border:none;
  text-decoration:underline;
	}



.titulek
	{
	font-weight:bold;
	color:black;
	background:#c2c2c2;
	}
	
	
/*cistic---------------------------------------------------------------------------------*/
	
#bez
	{
	background:none;
	border:none;
	}
	
.clearer
	{
	width:100%;
	height:1px;
	position:relative;
	margin:7px 0px 0px 0px;
	left:-2px;
	background: url('img/clearer.jpg') no-repeat left top;
	clear:both;
	float:left;
	}
	
.bila
	{
	margin-left:1px;
	background:white;
	}
	
#stranky {
  position:relative;
	clear:both;
	display:block;
	padding:4px 0 !important;
	padding-left:10px !important;
	text-align:center;
	top:5px;
	
	
	}
	
#stranky a
	{
	
	}
	
.png
  {
  
  position:absolute;
  left:0px;
  width:175px;
  height:175px;
  background:url('img/novinka1.png') no-repeat left top;
  z-index:255;
  }
  
.clearboth
  {
  clear:both;
  }
  

.tabulka100
{
	width: 96%;
}

.cart 
{
	background:#E9E7E8;
	border: 0px;
	float:left;
	color:#CBA204;
	margin:1px 1px 1px 0px;
	padding:3px 15px;
	text-decoration:none;
	font-family:Arial,Courier,sans-serif;
	/*font-size:0.71em;*/
	
}
/* souvisejici
-------------------------------------------------- */
#souvisejici, #pribuzne{position:relative;padding:30px 0px;float:left;}
.box3{position:relative;float:left;_display:inline;overflow:hidden;margin:5px;width:180px;height:250px;padding:10px;border:gray solid 1px;}
.box3 h2{margin:0px 0px 5px 0px !important;padding:0px 0px 0px 0px;height:31px;line-height:15px;overflow:hidden;}
.box3 h2 a{font-size:9pt;text-decoration:none;}
.box3 a img{width:150px;margin:0px 0px 0px 14px !important;border:none !important;height:165px;}
.box3-prize{clear:both;position:absolute;bottom:10px;left:0px;font-weight:bold;text-align:center;width:100%;}
.box3-prize span{font-weight:normal;}

.clear{clear:both;}

