/* CSS Document */
*{margin:0; padding:0}
body {
	text-align:center;
	background:#98ce38 url('img/poz.jpg') repeat-x;
	font-family: "Tahoma", "Verdana", "Arial", "Geneva CE", "lucida", sans-serif; 				font-size: 0.71em; color: #2A2A2A;
	text-align: center;
	}

a
	{
	text-decoration:none;
	color: #D74110;
	}

table
 {
  border-collapse: collapse;
  font-size: 100%;
	}

table td {
	text-align: left;
}

ul, li
	{
	list-style:none;
	}

img {border:none;}

hr {clear:both; width:0px;}
#foot{position:relative;clear:both;width:100%;height:30px;}
.foot-link{margin:0px 0px 0px 50px;}

h3
	{
	color:white;
	font-size:100%;
	padding:3px 0px 0px 20px;
	display:block;
	width:162px;
	height:16px;
	text-align:left;
	background:url('img/cer.gif') no-repeat left top;
	}

#obal
	{
	border-left:1px outset black;
  border-right:1px inset black;
	position:relative;
	width:960px;
	margin:auto;
	background:#fff url('img/top1new.jpg') no-repeat 5px 32px;
	padding-top:215px;
	text-align:left;
	min-height:600px;
	}

#obal h1
	{
	position:absolute;
	top:6px;
	font-size:100%;
  z-index:20;
	}

#obal h1 a
	{
	display:block;
	margin:8px 0px 0px 14px;
	color:white;
	font-weight:normal;
	}

#maj
	{
	margin:1px 7px 0px 5px;
	}

#obsah
	{
	float:left;
	width:770px;
  position:relative;
	}

#produkty
	{
	padding:10px 15px 10px 15px;
 	width:560px;
	float:right;
	background:url('img/linka-top.gif') no-repeat 1px top;
	}

#produkty h1
	{
	font-size:120%;
	color:#cc3300;
	position:relative;
	height:30px;
	}

#produkty h2
	{
  font-size:110%;
	color:#336600;
	position:relative;
  }

.box
	{
	margin:10px 0px 10px 0px;
	position:relative;
	width:144px;
	min-height:170px;
	_height: 170px;
	float:left;
	text-align:center;
	background:white;

	}

.box p
	{
	padding-bottom:3px;
	}
	
.box h4 {
	font-size: 10px;
	}

.box1
	{
	margin:0px 0px 0px 0px;
	position:relative;
	text-align:left;
	width:440px;
	height:130px;
	float:left;
	text-align:left;
	background:white;
	}

.box1 a img
	{
	margin-right:15px;
	float:left;
	}

.box1 p
	{
	padding-bottom:3px;
	}

.box2
	{
	margin:10px 9px 10px 9px;
	position:relative;
	text-align:center;
	width:260px;
 height:auto;
	float:left;
	background:white;
	}
	
.linka
	{
	
	clear:both;
	width: 560px;
  }
  
.hor
	{
	margin-top:20px;
	float:left;
	}
	
.box2 h4 a
	{
	font-size:110%;
	color:#993300;
	}
	
.box2 .ram
 {
 	display:block;
 	width:200px;
 	height:200px;
 	margin:5px 0px 5px 0px;
  }

.box2 .ram img
	{
	max-width:200px;
	max-height:200px;
	z-index:-1;
 }
	
.box2 a
	{
	position:relative;
	font-weight:bold;
	color:#E60000;
	height:16px;
	}

.box2 p
	{
	padding-bottom:3px;
	}

#leva
	{
	float:left;
	position:relative;
 	width:177px;
	}

#leva ul
	{
	position:relative;
	}

#leva ul li
	{
	margin-top:1px;
	width:177px;
	}

#leva ul li a
	{
	/*color:white;
	text-decoration:none;
	display:block;
	padding:3px 0px 3px 15px;
	background: url('img/sed.gif') no-repeat left top;*/
	color:white;
	font-size:100%;
	font-weight: bold;
	padding:3px 0px 0px 20px;
	display:block;
	width:162px;
	height:16px;
	text-align:left;
	background:url('img/cer.gif') no-repeat left top;
	
	}

#leva ul li a:hover
	{
	color:black;
	background: url('img/svsed.gif') no-repeat left top;
	}

#leva ul li ul a
	{
	/*color:white;
	text-decoration:none;
	display:block;
	padding:3px 0px 3px 15px;
	background: url('img/podmenu.gif') no-repeat right top;*/
	color:white;
	font-weight: normal;
	text-decoration:none;
	display:block;
	padding:2px 0px 2px 15px;
	background: url('img/sed.gif') no-repeat left top;
	}

#leva ul li ul li a:hover
	{
	color:black;
	background: url('img/svsed.gif') no-repeat left top;
	}
	
/* -------------------------------------*/

#leva ul li ul li ul a
	{
	color:white;
	text-decoration:none;
	display:block;
	padding:2px 0px 2px 15px;
	background: url('img/podmenu.gif') no-repeat right top;
	}

#leva ul li ul li ul li a:hover
	{
	color:black;
	background: url('img/podmenu1.gif') no-repeat right top;
	}

#leva ul li ul li ul li ul a {
	background: url('img/podpods.gif') no-repeat right top;
	
}	
	
#leva ul li ul li ul li ul a:hover {
	background: url('img/podpods1.gif') no-repeat right top;
	
}
#prava
	{
	float:right;
	position:relative;
	width:177px;
	text-align:center;
	background:white;
  }
  
#prava h3
	{
  background:url('img/zel.gif') no-repeat left top;
	}
	
#prava span h3
	{
  background:url('img/cer.gif') no-repeat left top;
	}

#prava form
	{
	background:#9dca5f;
	margin:1px 0px 1px 0px;
	}

#prava form fieldset
	{
	border:none;
	padding:9px 0px 9px 10px;
	}

#prava form fieldset input
	{
	width:100px;
	border:1px solid #4c4c4c;
	}

#prava form fieldset button
	{
	color:white;
	background:none;
	border:none;
	}

#prava p
	{
	font-size:100%;
	display:block;
  color:white;
	padding:5px 0px 0px 0px;
	text-align:center;
	background:#9dca5f;
	margin:1px 0;
	}

#prava p a
	{
	display:block;
  padding-top:5px;
  text-decoration:underline;
	font-weight:bold;
	color:black;
	}


#prava p strong
	{
	margin:4px 0px 0px 0px;
	}

#prava .box
	{
	margin-left:15px;
	border:1px solid #cc3300;
	}

#prava .box p
	{
	font-size:100%;
	color:black;
	background:none;
	padding:0;
	margin:0;
	text-align:center;
	}

#vrch
	{
	display:block;
  width:100%;
  padding:5px 0px 0px 20px;
  height:27px;
	position:absolute;
	top:6px;
	color:white;
	text-align:left;
  background:url('img/vrch1new.jpg') no-repeat 5px top;
	}

#vrch a
	{
	display:inline;
	position:relative;
	margin:6px 3px 0px 3px;
  color:white;
	}

#vrch1
	{
	display:block;
	width:100%;
	height:27px;
	position:absolute;
	padding:6px 0px 0px 0px;
 	margin:auto;
	top:185px;
	text-align:right;
	background:url('img/lista.jpg') no-repeat 5px top;
	}



#vrch1 ul
	{
	padding:0px 15px 0px 0px;
 	}

#vrch1 ul li
	{
	display:inline;
	}

#vrch1 ul li a
	{
	display:inline;
	position:relative;
	padding:8px 10px 0px 0px;
  color:white;
	}


#detail a img
	{
	float:left;
	border:2px solid gray;
	margin:5px 10px 0px 0px;
	}

#detail #detail-prava
	{
	float:right;
	display:block;
	width:330px;
	text-align:left;
	background:white;
	}

#detail #cena
	{
	text-align:center;
	width:152px;
	clear:left;
	float:left;
	}

#detail form
	{margin:10px 10px 0px 0px; position:relative; clear:left; float:left;}

#detail form fieldset
	{
	width:115px;
	height:20px;
	border:none;
	position:relative;
	padding:0px 0px 0px 0px;
	}

#detail form fieldset input
	{
	float:left;
	width:30px;
	margin:5px 0px 0px 0px;
	text-align:center;
	height:14px;
	position:relative;
	border:1px solid gray;
	}

.cartsubmit
	{
	float:right;
	}

#detail td
	{
	padding:4px 10px 4px 10px;
	border:1px solid gray;
	}

#cartsubmit
	{
	margin-top:5px;
	cursor:pointer;
	border:none;
	width:70px;
	height:18px;
	background: url('img/koupit.gif') no-repeat left top ;
	}

/*Kosik---------------------------------------------------------------------------------*/



#kosik table
	{
	width:440px;
	}
	
#kosik table th
	{
	color:white;
	background:#E60000;
	}

#kosik table td, th
	{
	padding:2px 8px 2px 8px;
	text-align:center;
	border:1px solid gray;
	}

#kosik table td a
	{
	color:#cc3300;
  font-weight:bold;
	}

#kosik table td option
	{
	padding:0 3px;
	}

#kosik table td input
	{
	text-align:center;
  border:1px solid gray;
	}

.odstranit, .tlacitko
	{
	float:left;
	cursor:pointer;
	border:none;
  text-decoration:underline;
	}

.koupit
	{
	top:2px;
	position:relative;
 	width:auto !important;
 	height:auto !important;
 	border:none !important;
 	margin:2px 0px 0px 0px !important;
 	
	}

.titulek
	{
	font-weight:bold;
	color:black;
	background:#c2c2c2;
	}
	
#stranky
	{
	clear:both;
	color:gray;
	text-align:center;
	}
	
#stranky a
	{
	text-decoration:underline;
	color:gray;
	margin:0 5px;
	}

#detail .item {
	float:left;
	clear: left;
	margin:0;
	padding:0;
	}
	
#detail .item a img
	{
	border:1px solid gray;
	margin:5 0px 0px 0px;
	padding:0;
  }
  
.next_step
	{
	padding:0px 3px;
	color:white;
	position:relative;
	cursor:pointer;
	top:5px;
	border:none;
	background:green;
	float:right;
	border:1px solid black;
	margin: 4px;
	}
	
.recount
	{
	padding:0px 3px;
	color:white;
	cursor:pointer;
	position:relative;
	top:5px;
	border:none;
	background:gray;
	float:left;
	border:1px solid black;
	margin: 4px;
	}
	
.red
	{
  background:#F2E6E6;
	}
	
#prava .info {
	text-align: left;
	font-size: 12px;
	font-weight: bold;
	padding-left: 20px;
}



/* Formular ---------------------------------------- */
#form form table
	{
	width:440px;
	}
	
#form form table th
	{
	color:white;
	background:#E60000;
	}

#form form table td, th
	{
	padding:2px 8px 2px 8px;
	text-align:left;
	border:1px solid gray;
	}

#form form table td a
	{
	color:#cc3300;
	font-weight:bold;
	}

#form form table td option
	{
	padding:0 3px;
	}

#form form table td input
	{
	text-align:left;
	border:1px solid gray;
}	
	
/* ----------------------------------------- */
.table_100 {
	width: 100%;
}

.right {text-align: right;}
.spec_select {width: 60px;}

.line-up{position:relative;background:#9DCA5F;width:auto;height:auto;padding:7px;margin:10px 0px 5px 0px;border-top:#3F610A solid 1px;border-bottom:#3F610A solid 1px;}