*{
	margin: 0;
	padding: 0;
}
h2, h1, h3{
padding: 0px;
	margin: 0px;
}

a{
	color: #000000;
	font-style: italic;
	text-decoration: underline;
}

a:hover{
	color: #000000;
	font-style: italic;
	text-decoration: none;
}

body{
	background-color: #81C7F4;
	color: #000000;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 80%;
	padding-bottom: 20px;
	text-align: center;
}

/* LOGO */
h1#logo{
	background: url(graphics/logo-jpg.jpg) no-repeat;
	height: 163px;
	left: 0;
	margin: 0;
	overflow: hidden;
	position: relative;
	top: 0px;
	width: 231px;
}

h1#logo a, h1#logo span{
	display: block;
	height: 163px;
	text-decoration: none;
	width: 231px;
}

h1#logo span{
	background: url(../graphics/logo-jpg.jpg);
	cursor: pointer;
	left: 0;
	position: absolute;
	top: 0;
}

#content{
	margin: 0px 20px;
	width: 900px;
}

#head{
	position:relative;
	background: url(../graphics/bg-head-jpg.jpg)  top right no-repeat;
	height: 163px;
	width: 900px;
}

#slideshow{position:absolute;right:0;top:0;width:669px;height:163px;}
#slideshow img{position:absolute;left:0px;top:0px;display:none;}

/*left*/
#left{
	background-color: #00A0EE;
	height: auto;
	left: 0px;
	position: relative;
	top: 0px;
	width: 231px ;
	float: left;
}

#left ul {
	list-style: none;
	margin: 10px 5px 10px 15px;
	font-style: normal;
}
#left ul li{
	margin: 10px 0;
	
}
#left ol{
	list-style: circle;
	margin:8px 5px 10px 15px;
	color: White;
}
#left li a{
	font-style: normal;
}
#left ul li a{
  color: white;
  font-weight: bold;
  text-decoration: none;
}
#left ul li a:hover{
   background-color: white;
	color: Black;
}
#left ol li a{
  color: white;
  font-weight: normal;
  text-decoration: underline;
  font-size: 8pt;
}
#left p{
  color: white;
  font-size: 8pt; 
  margin: 15px;
}
#left a{
  color: white;
}
#left ol li a:hover{
  color: white;
  text-decoration: none;
  background-color: transparent;
}
h2.levy{
   color: White;
   font-size: 8pt;
	height: 30px;
	line-height: 28px;
	padding-left: 30px;
	padding-right: 5px;
	background-color:   #4A4DA7;
	letter-spacing: 2px;
}
h2.levy a{
   color: White;
   font-size: 8pt;
   font-style: normal;
	text-decoration: none;
}
h2.levy a:hover{
	text-decoration: underline;
}

/*menu-top*/
#menu-top{
	background: url(../graphics/bg-menu-top-jpg.jpg) no-repeat top left;
	color: #FFFFFF;
	font-size: 8pt;
	font-weight: bold;
	height: 33px;
	line-height: 30px;
	text-align: right;
	width: 900px;
}

#menu-top a{
	color: #FFFFFF;
	font-style: normal;
	text-decoration: none;
}

#menu-top a:hover{
	color: #FFFFFF;
	text-decoration: underline;
}

#menu-top li{
	float: right;
}

#menu-top ul{
	list-style: none;
	padding-right: 30px;
}

#outer{
	background: url(../graphics/bg.jpg) center repeat-y;
	margin: 0px auto;
	text-align: left;
	width: 940px;
}

/*right*/
#right{
	height: auto;
	width: 609px;
	float: right;
	right: 30px;
	position: relative;
	padding-bottom:3em;
	}
	#right p, .clanek-text{
	 margin: 5px 0px;
	}
	#right h2{
	 margin: 20px 0px 20px 0px;
	 font-size: 10pt;
	 color:  #00A0EE;
	 text-align: center;
	}
	#right h3{
	 margin: 20px 0px 10px 0px;
	 font-size: 12pt;
	 color: black;
	}
	#right h3 a{
	   font-style: normal;
	   color:#00A0EE;
	}
	#right h3 a:hover{
	   font-style: normal;
		color: Black; 
	}
	#right  a{
	color: #00A0EE;
	}
	#right  a:hover{
	text-decoration: none;
	}
		#right  ul{
		margin: 20px 50px;
		color: #00A0EE;
	}
	
		#right li{
		padding: 5px;
	}
	.spodni-stin{
	   margin-bottom: -3px;
	}
	#footer{
		width: 900px;
		height: 30px;
		background-color: #00A0EE;
		color: White;
		border-bottom: solid 1px White;
		border-top: solid 1px White;
		clear: both;
		margin-top: 20px;
	}
	#footer a,  a:hover{color:#DFDFDF;}
	#copy{color:white;float:left;left:15px;position:relative;top:8px;width:885px; font-size: 7pt; text-align: center;}

#kosik{
	position:absolute;
	right:25px;
	top:18px;
	width: 157px;
	height: 131px;
	background-image: url(../graphics/bg-kosik.gif);
	text-align: center;

}
#prihlasen {
	width: 157px;
	height: 24px;
	color: White;
   line-height: 24px;
	font-style: normal;
   font-weight: bold;
	font-size: 8pt;
}
#nakup {
	width: 157px;
	height: 67px;
	color:black;
   line-height: 21px;
	font-style: normal;
   font-weight: bold;
	font-size: 8pt;
	margin-top: 10px;
}
#nakup a{
	
	color:#00A0EE;
	font-style: normal;
   
}
#nakup a:hover{
	
	color:#00A0EE;
	font-style: normal;
   
}
#reg {
	width: 157px;
	height: 24px;
	color: White;
   line-height: 24px;
	font-style: normal;
	font-size: 8pt;
	margin-top: 3px;
}
#reg a{
	color: White;
	font-style: normal;
}
#reg a:hover{
	color: White;
	font-style: normal;
}
.fr{
	float: right;
}
.fl{
	float: left;
}
.noborder{
	border: 0px; 
}
.fr-img{
	 margin: 10px 0px 15px 30px;
}
.fl-img{
	margin: 10px 30px 15px 0px;
}
.clnr{
	width: 100%;
	height: 0px;
	clear: both;
}
#napiste{
    float: left;
	 padding-left: 15px;
}
/*galerie*/
table.gallery
{
	
}

table.gallery td
{
	background-color: #ebebeb;
	vertical-align: middle;
	text-align: center;
	width: 190px;
	height: 190px;
	font-size: 8pt;
}

table.gallery img
{
	border: 0;
	line-height: 0;
}

table.gallery p
{
	margin: 5px;
}
/*shop-kategorie*/
#right h4.article {margin:0;}

#right h4 a, #right p a {color:#00A0EE;}
#right h4 a {text-decoration: none;font-style: normal;}
#right h4 a:hover {text-decoration: underline;font-style: normal;}

/*#right p {line-height: 1.5em; margin-bottom: 1.33em;}*/

table.katalog {text-align: center;  margin: 15px 0px;width:100%;}
table.katalog td {vertical-align: top; padding: 10px; background-color: #D6ECFB;/*width:130px;*/ text-align: center;}
table.katalog img {border: 0; }

#right table.katalog h4, #right table.katalog h4 a {color:#00A0EE;}

#right table.katalog h4 {
	color: #D6ECFB;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 9pt;
	font-style: normal;
	font-weight: normal;
	margin-top: 5px;
}

#right table.katalog h4 a {text-decoration: underline; color: Black;}
#right table.katalog h4 a:hover {color: #00A0EE;text-decoration: none;}

#right table.katalog p {margin-bottom: 0;}

span.cena {color: #00A0EE;  font-size: 8pt; font-weight: bold; float: left;  margin-top: 10px;}
span.koupit{color: black;  font-size: 8pt; font-weight: bold;font-style: normal; float: right;margin-top: 10px;}
span.koupit a {color: #933251!important;  font-size: 8pt; font-weight: bold;font-style: normal;text-decoration: none;}
span.koupit a:hover {color:white!important;  font-size: 8pt; font-weight: bold;font-style: normal;text-decoration: underline; background-color: red; }

/*detai-zbozi*/
table#detail, table#detail th, table#detail td{font-size: 9pt;}
table#detail{
	text-align: center;
	margin: 50px 80px;
}
table#detail a{
	 font-style: normal;
	 font-weight: bold;
	 color: #00A0EE;
}
table#detail a:hover{
	 font-style: normal;
	 font-weight: bold;
	 color: #00A0EE;
}
.detail-nazev{
	font-size: 14pt;
   color:  #00A0EE;
	float: left;
	margin-left: 6px;
	width: 300px;
	height: 30px;
	text-align: left;
}
.artnm{
	font-size: 10pt;
   color:  black;
	float: right;
	line-height: 28px;
	margin-right: 6px;
}
.price{
	font-size: 14pt;
   color:  #00A0EE;
	width: 100%;
	height: 50px; 
	line-height: 40px;
}
/*kosik*/


#kosik-edit {border: 1px solid #dadada; margin-bottom: 2em;margin-top: 2em; width: 100% ;font-size:9pt;}
#kosik-edit th{padding: 5px 10px;}
 #kosik-edit td {padding: 3px 10px;}
#kosik-edit th.zbozi {width: 280px;}
#kosik-edit th {color: white; background-color: #108F40; text-align: left;}
#kosik-edit td {background-color: #fff;}
#kosik-edit tr.dark td {background-color: #D7ECDF;}
#kosik-edit a {color: #00A0EE; font-style: normal; font-weight: bold;}
input.ks {width: 40px;}
/*registrace*/
.red {color: red;}
form.uzivatel {margin-top: 1.33em;}
form.uzivatel fieldset {text-align: center; border: 1px solid #D6DAEE; margin-bottom: 15px; padding: 10px 10px 0 10px;}
form.uzivatel legend {color:#00A0EE; font-size: 85%; font-weight: bold;}
form.uzivatel table {margin: 0 auto 1.33em auto;font-size:10pt;}
form.uzivatel label {font-size: 85%;}
form.uzivatel label.nepovinny {font-weight: normal;}
form.uzivatel th, form.uzivatel td {padding-bottom: 7px;}
form.uzivatel th {text-align: right; padding-right: 7px; width: 250px;}
form.uzivatel td {font-size: 85%; text-align: left; width: 280px;}
form.uzivatel p {font-size: 85%; text-align: left; margin-bottom: 1.33em;}
form.uzivatel p label {font-size: 100%;}
form.uzivatel strong {color: red;}

form.uzivatel textarea {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 100%;
	margin-bottom: 1.33em;
}

form.uzivatel input#login {font-size: 120%;}
.radio {position: relative; top: 2px;}
table.udaje{font-size: 9pt;}
table.udaje th{text-align:center;}
/*search*/
form#vyhledavani{
	margin: 10px 0px 10px 15px;
	padding: 0px;
}
input#najdi{
	margin: 0px;
	padding: 0px;
	height: 17px;
	_height: 20px;
}
input#searchSbt{
	margin: 2px 0px -1px 0px;
	padding: 0px;
	height: 22px;
}
/*
input#pocet{
	margin-top: 20px;
}
.blocek{
width: 360px;
height: 20px;
display: block;
	margin:10px 80px 5px 0px;
	
}
select#sadbovac{
	width: 65px;
}
*/
.tar{text-align:right;}
.red{color:#f00;}
table.ovladac{margin:10px auto;width:275px;}
table.ovladac th, table.ovladac td{vertical-align:middle;}
table.ovladac th{text-align:right;font-weight:normal;}
table.ovladac input, table.ovladac select{width:7em;}

#zahradnictvi{position:absolute;left:0;top:0;width:400px;height:163px;background:url(../graphics/zahradnictvi.png) no-repeat;}