body {
	background: #96C906;
	font: normal normal normal 12px Arial, Helvetica, sans-serif;
	color: black;
	margin: 0;
	padding: 0;
	text-align: center;
}

h4 {
	font: normal normal bold 12px Verdana, Geneva, Arial, Helvetica, sans-serif;
}
a {
	font: normal normal bold 14px Verdana, Geneva, Arial, Helvetica, sans-serif;
	text-decoration: none;
	color: #A52A2A; /*color: #191970;*/
}

a:hover {
	text-decoration: underline;
}

#uplnecely {
	background: url(/pic/stin.gif) repeat-y scroll center top;
}

#celek
{
	width: 770px;
	margin: auto; /*10px auto;*/
/*border: 1px solid white;*/
	text-align: justify;
	padding: 0; /*#00B703*/
	background: #FCFFFB url(/pic/levy.gif) repeat-y scroll left;
}
#celekdruhy {
	background: url(/pic/kul4.gif) no-repeat bottom right;
}

#hlavicka
{	
	background: url(/pic/hlavicka.jpg) no-repeat scroll top;
	padding: 0px;
	margin: 0;
	border-bottom: 1px solid white; /*text-align: right;*/
	height: 100px
	
}

#hlavicka div{
	text-align: right;
	padding: 10px;
	
}

#hlavicka img {
	border: 0;
	margin-left: 8px;
	}

	

#levy
{
float: left;
width: 160px;

margin: 0;
padding: 0;
background-color: #005503;

   margin-bottom: -300px;
}

#levy h1 {
	color: white;
	font: bold 16px Arial, Helvetica, sans-serif;
	background-color: #009D01;
	padding: 4px 12px 4px 8px;
	border-bottom: 1px solid #fff;
	margin: 0;
	display: block;
}

#levy ul {
	 
margin: 0;
padding: 0;
list-style-type: none;
}

#levy a{
	font: bold 13px/18px Arial, Helvetica, sans-serif;
	display: block;
	margin: 0 0 0 0;
	color: #EEF3F9;
	background-color: #005503;
	padding: 6px 12px 6px 8px;
	text-decoration: none;
	border-bottom: 1px solid White;
	font-weight: bold;
	text-align: left;
	word-spacing: 0.2em;
}

#levy a:hover
{
	background-color: #FFA500;
	color: White;
}
#levy form {
	 text-align: center;
}

#levy input {
	border: 1px solid black;
	font: Arial, Helvetica, sans-serif;
	background: #F5F5F5;
	margin-top: 10px;
	
}
#pravy,#aktual
{
	float: right;
	width: 160px;
	margin: 0 0 0 0;
	padding: 0 0 6px 8px;
	font: normal normal normal 11px Verdana, Geneva, Arial, Helvetica, sans-serif;
	color: black;
	text-align: left;
}

#aktual {

  width: 100%;
  margin: 0 0 0 0;

}
#pravy h1 {
	color: white;
	font: bold 16px Arial, Helvetica, sans-serif;
	background-color: #009D01;
	padding: 4px 12px 4px 8px;
	border-bottom: 1px solid #fff;
	margin: 0;
	display: block;
}

#pravy form, #aktual form {
	background: url(/pic/kosik2.gif) no-repeat scroll right bottom;
	text-align: right;
	border: 1px solid #009D01;
	margin: 0;
	margin-bottom: 5px;
}

#pravy input, #aktual input{
	background: transparent;
	
}

#pravy2
{
	float: right;
	display: block;
	width: 260px;
	margin: 0 0 0 0;
	padding: 0 0 6px 8px;
	font: normal normal normal 11px Verdana, Geneva, Arial, Helvetica, sans-serif;
	color: black;
	text-align: left;
}
#pravy2 h1 {
	color: white;
	font: bold 16px Arial, Helvetica, sans-serif;
	background-color: #009D01;
	padding: 4px 12px 4px 8px;
	border-bottom: 1px solid #fff;
	margin: 0;
	display: block;
}

#pravy2 a,ol {
	color: #009D01;
	font: normal normal 11px Verdana, Geneva, Arial, Helvetica, sans-serif;
	text-decoration: none;
	
}
#obsah
{
	margin-left: 170px;
	margin-right: 0px;
	padding: 1em;
	padding-right: 1.8em; /*max-width: 36em;*/
	min-height: 750px;
	
}

#obsah p {
	
}

#obsah h2,h3  {
	text-align: left;
}

#obsah h1 {
	text-align: left;
	background: url(/pic/kul2.gif) no-repeat top left;
   padding-bottom: 46px;
   font-size: 26px;
   
}

h2.step {
  width: 100%;
  /*float:left;
  clear: both; */
  

}
h2.step div {
  float: right;
  background-color: rgb(204,0,51);
  color: white;
  padding: 3px; 
  font-size: 14px;
  margin-left: 2px;

}
h2.step div.neak {
  
  background-color: rgb(217,217,217);
  color: rgb(50,50,50);
 

}

div.ruza {
 background-color: rgb(204,0,51);
  color: white;
  padding: 5px; 
  font-size: 14px;
  margin-top: 10px;

}
div.ruza a {
 background-color: rgb(204,0,51);
 color: white;
  
  

}
#vyrobek img {
	float: right;
	margin-left: 20px;
	
	
}

#vyrobek ul,li{
    font-weight: bold; 
	
}

.otazka {
	background: #F4FACD;
	margin: 10px;
	padding: 5px;
	font: 11px Arial Helvetica sans-serif;
}
.odpoved,.otazka {
	background: #FFFFEE;
	margin: 10px;
	padding: 5px;
	font: normal normal normal 12px Arial, Helvetica, sans-serif;
	color: black;
	text-align: justify;
}
.otazka {
	background: #F4FACD;
	border: solid 1px #FFD222;
	}
.otazka a{
	
	font: normal normal normal 14px Arial, Helvetica, sans-serif;
	}


#paticka
{
	clear: both;
	margin: 0;
	padding: 0;
	padding-right: 10px;
	padding-bottom: 3px;
	text-align: right;
	background: #FFD222 url(/pic/stindole.gif) no-repeat scroll bottom center;
	font: 10px Fixedsys;
	color: #DBB000;
}

#paticka a {
	font: 10px Fixedsys;
	color: #DBB000;
	
}

.formular label, .formular input
{
display: block;
width: 150px;
float: left;
margin-bottom: 10px;
}

.formular label
{
text-align: right;
width: 100px;
padding-right: 20px;
}

label.error {
	color: red;
	width: 100%;
	text-align: left;
	padding-left: 130px;
}
.formular input 
{
	height: 18px;
	background: #FFFFEF;
}

.formular fieldset
{
	border: 0;
	width: 500px;
	padding: 10px;
	margin: 10px;
}

.formular textarea
{
	width: 250px;
	height: 100px;
	background: #FFFFEF;
}

.formular input, .formular textarea
{
	border: 1px solid #FFD321;;
	padding: 5px;
	font: 11px Verdana, Geneva, Arial, Helvetica, sans-serif;
}
.formular br {
	clear: both;
}


#odesli input, #odeslitextarea {
	border: 1px solid black;
	font: Arial, Helvetica, sans-serif;
	background: #F4FACD;
	margin-bottom: 10px;
	
}

hr {
	clear: both;
}

.t {
	border: 0;
	font: 11px Arial, Helvetica, sans-serif;
}

.nnn {
	float: left;
	text-align: left;
}

#poc {
	text-align: center;
}

.clear
{
clear: left;
}


/*ukazacovac*/


a.i
{
	cursor: help;
	font: normal normal bold 13px Arial, Helvetica, sans-serif;
	color: black;
	text-decoration: none;
	
}

a.i:hover
{
background: White;
}

a.i span
{
position: relative;
font-size: 90%;
font-weight: normal;
text-align: left;
}

a.i span span
{
display: block;
position: absolute;
visibility: hidden;
top: 2em;
left: .5em;
padding: .2em .5em;
width: 20em;
background: #F4FACD;
border: 1px solid Orange;
color: Black;
}

a.i:hover span span
{
visibility: visible;
}

#prenakup {
font-size: 12px;


}

#podminky {
	width: auto;
	height: 250px;
	overflow: auto;
	border: 1px solid #CCCCCC;
	background: #FFFDEE;
	font: normal normal 11px "Courier New", Courier, monospace;
	padding: 5px;
}
#podminky h1 {
	background: none;
	margin-bottom: 0;
	padding-bottom: 0;
}


/*eshop vrch navigace*/


#shopnav {
	
	width: 100%;
	height: 60px;
	display: block;
}
#shopnav div, .jakoshopnav{
	width: 155px;
	padding: 5px;
	background-color: #f0f0f0; 
	text-align: center;
	height: 36px;
	float: left;
	
}
.jakoshopnav, input.jakoshopnav {
	width: 250px;
	margin-top: 20px;
	
	color: white;
	font-weight: bold;
}

#shopnav div.zvyrazni, .uprehledu div.zvyrazni {
	background-color: #cc0033;
	color: white;
	font-weight: bold;
}


#shopnav div a, #shopnav div, .jakoshopnav, .jakoshopnav a {
	text-decoration: none;
	font: 16px Tahoma, arial, helvetica, sans-serif;
	text-align: center;
	padding: .3em 1em .3em 1em;
	line-height: 36px;
	height: 36px;
	color: #a8a8a8;
}
input.jakoshopnav {
	background-color: #cc0033;
	color: white;
	height: 45px;
	padding: .4em 1em .4em 1em;
	border: 0;
	line-height: 36px;
	font: 16px Tahoma, arial, helvetica, sans-serif;
	cursor: pointer;
	margin-left: 20px;
	
}

input.sed {
	background-color: #f0f0f0;
	color: #a8a8a8; 
}
#shopnav div.zvyrazni a {
	
	/*font-weight: bold;*/
}

#shopnav div a:hover, .jakoshopnav a:hover {
	/*color: White;*/
	text-decoration: underline;
}


/***/
.uprehledu, .uprehledu a {
width: 38%;
float: left;
height: 26px;
font: bold 13px Tahoma, arial, helvetica, sans-serif;
text-align: center;
padding: .3em 1em .2em 1em;
}

/*************************************************/
.j {
	background: #F8F8F8;
	border-bottom: 1px solid #EEEEEE;
	border-top: 1px solid #EEEEEE;
}
div.dokradek {
	width: 100%;
	height: 20px;
	display: block;
	/*clear: both;*/
	padding: 5px;
	padding-bottom: 0;
	
}
div.dokradek a{
	color: #071621;
	
}
div.dokradek a:hover {
	text-decoration: underline;
	color: #9BAF1B;
}
div.dokradek div {
	float: left;
	display: block;
	
}
.r {
	background: #E2F0D0;
	border-bottom: 1px solid #EEEEEE;
	border-top: 1px solid #EEEEEE;
}
.spatne {
	background: #B22222;
	border-bottom: 1px solid Yellow;
	border-top: 1px solid Yellow;
	color: White;
}
div.pocet {
	width: 100px;
	
}
div.nazev {
	width: 320px;
	
}
div.cena {
	width: 50px;
	
}
div.odebrat {
	width: 50px;
}
div.lejbl {
	width: 200px;
	
}
div.hodnota {
	width: 200px;
}

#prih {
	
	margin: 0;
	padding: 0;
	float: left;
}

#minuleObj {
	background: #FFFFEF;
	border: 1px solid #FFD321;
	width: 400px;
	height: 200px;
	overflow: auto;
}
#minuleObj div{
	height: 20px;
	padding: 3px;
}

input.odeslat, .odeslat {
	border: 1px solid black;
	font: Arial, Helvetica, sans-serif;
	background: #991E1E;
	margin-left: 120px;
  height: 30px;
  cursor: pointer;
	color: White;
	border: 1px solid White;
	
}
div.odeslat {
  width: 150px;
  border: 1px solid black;
	font: Arial, Helvetica, sans-serif;
	background: #991E1E;
	float: left;
  height: 30px;
  cursor: pointer;
	color: White;
	border: 1px solid White;
  margin-left: 0;
  margin-right: 120px;
  
  
}
div.odeslat a {color: white; 
	font: Arial, Helvetica, sans-serif;
  font-weight: normal;
  padding: 5px; 
  line-height: 30px;
   font-size: 12px;
  }

/*vyrobky obdelnicky*/

.vyr {
	border: 1px solid #DCDCDC;
	width: 250px;
	padding: 5px;
	margin: 7px;
	float: left;
	text-align: center;
	background: transparent url(pic/kul5.gif) no-repeat bottom right;
}/*
.vyr:hover {
	background: #FBF7E7 url(pic/kul5.gif) no-repeat right;
}*/
.vs {
	width: 150px;
	background: transparent url(pic/kul5vs.gif) no-repeat left;
	
}
.vyr div {
	text-align: left;
	
	
	
}

.vyr img{
	float: left;
	margin: 3px;
	
}
.vs img {
	float: none;
}
.vyr a {
	color: #595959;
	text-align: center;
}

.vyr ul {
	list-style: inside;
}
.vyr ul li {
	font-weight: normal;
}
.vyr br {
	clear: both;
}
hr {
	clear: both;
	visibility: hidden;
}
#dodani input {
	width: 50px;
	border: 0;
	background: none;
	
}

/**poradna hust****/
.hile {
	text-align: right;
	padding: 5px;
	background-color: #F8F8F8;
	}