* {
	margin: 0;
	padding: 0;
}

body {
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: small;
	color: #222;
	background: #d2d2d2;
}

a {
	text-decoration: none;
	color: #93c411;
}

a:hover {
	color: #7aa605;
}

img {
	border: none;
}

ul {
	list-style: none;
}

ul li {
	line-height: 1.6em;
}

h2, h3, h4 {
	text-transform: uppercase;
	color: #93c411;
	line-height: 1.6em;
}

	h2 {
		font-size: 112%;
	}
	
		h2 small {
			text-transform: none;
		}
	
	h3 {
		font-size: 106%;
	}
	
	h4 {
		font-size: 90%;
	}

table {
	border: none;
	border-collapse: collapse;
}

table tr td, table tr th {
	vertical-align: top;
}

fieldset {
	width: 420px;
	border: 1px solid #93c411;
	padding: 4px 8px 6px 8px;
}

	legend {
		font: bold 110%/130% Tahoma, Arial, Helvetica, sans-serif;
		color: #93c411;
		padding: 0 2px 0 2px;
	}

label {
	cursor: pointer;
}

input {
	height: 15px;
	padding: 1px 2px 1px 2px;
}

hr {
	background: #93c411;
	color: #93c411;
	height: 1px;
	margin: 12px 0 12px 0;
	border: none;
}

.green {
	color: #93c411;
}

.red {
	color: #ff0000;
}

#header, #main, #menu {
	width: 1024px;
	margin: 0 auto 0 auto;
}

#header {
	height: 100px;
	background: #7b9d16 url("../img/header.jpg") no-repeat;
}
	#left {
		float: left;
	}
	
	#right {
		float: right;
	}
	
	#path {
		height: 20px;
		margin: 24px 0 0 50px;
		font: 84%/120% Tahoma, Arial, Helvetica, sans-serif;
		text-transform: uppercase;
		color: #fff;
	}
	
		#path a {
			color: #fff;
		}
		
		#path a.nad {
			color: #e2eec9;
		}
	
	div#logo {
		position: absolute;
		width: 266px;
		height: 40px;
		margin: 16px 0 0 49px;
		background: none;
	}

	#logo h1 {
		display: inline;
		font-family: Century Gothic;
		font-weight: normal;
		font-size: 60%;	
	}
	
	#logo a {
		background-color: transparent; 
		display: block; 
		position: relative; 
		width: 266px;
		height: 40px;
		color: #fff;
		font-weight: bold;
	}
	
	#logo span {
		width: 266px;
		height: 40px;
		background: #fff url("../img/logo.jpg") no-repeat;
		cursor: pointer; 
		display: block; 
		position: absolute; 
		left: 0; 
		top: 0; 
		z-index: 1
	}
	
	#date, #lang {
		text-transform: uppercase;
		text-align: right;
		color: #fff;
		font-size: 82%;
		font-family: Arial, Helvetica, sans-serif;
	}
	
	#date {
		margin: 16px 16px 0 0;
	}
	
	#lang {
		margin: 16px 16px 0 0;
	}
	
	#banner {
		margin: 4px 16px 0 0;
	}
	
	/* zaloha
	#date, #lang {
		text-transform: uppercase;
		text-align: right;
		color: #fff;
		font-size: 82%;
		font-family: Arial, Helvetica, sans-serif;
	}
	
	#date {
		margin: 24px 16px 0 0;
	}
	
	#lang {
		margin: 36px 16px 0 0;
	}
	*/

/** menu **/

ul#menu {
	background: #fff;
	height: 25px;
}

	#menu li {
		float: left;
		height: 25px;
		margin: 0 0 0 4px;
		background: #fff;
		border-left: 4px solid #97be0d;
	}
	
		#menu li#first {
			border-left: none;
		}
	
	#menu li a {
		display: block;
		float: none;
		padding: 6px 7px 0 10px;
		font-size: 106%;
		color: #97be0d;
		text-transform: uppercase;
		/*font-weight: bold;*/
	}
	
	#menu li a:hover, #menu li a.selected {
		color: #6d8c03;
	}
	
		#menu li ul {
			position: absolute;
		  	visibility: hidden;
			margin: -2px 0 0 -4px;
		}
		
		#menu li ul li {
      		border-left: none;
			margin: 0;
		}
		
		#menu li ul li#sFirst {
		  border-left: 4px solid #97be0d;
		}
		
		ul#menu li:hover ul, ul#menu li.hover ul, ul#menu li.hover ul {
			visibility:visible;  
		}
		
		ul#menu li {
		  background-color: expression(
			this.onmouseover = new Function("this.className += ' hover';"),
			this.onmouseout = new Function("this.className = this.className.replace(' hover', '')")
		  );
		}


#main {
	background: #fff;
	min-height: 600px;
}

#main #content {
	width: 624px;
	padding: 50px 350px 50px 50px;
	=padding: 0;
	=margin: 50px 350px 50px 50px;
	background: #fff;
}

	#main #contentPic {
		padding: 50px 44px 50px 50px;
		=padding: 0;
		=margin: 50px 44px 50px 50px;
		background: #fff;
	}
	
	#main #body {
		margin: 0 350px 0 0;
	}
	
	#decoration {
		float: right;
	}

#content  p {
	font: normal 0.92em/1.6em Tahoma, Arial, Helvetica, sans-serif;
}

ul#kraje {
  text-transform: uppercase;
  margin: 0.4em 0 0 1.2em;
}

  ul#kraje li {
    height: 20px;
  }
  ul#kraje li a {
    color: #93c411;
    font: 90%/130% Tahoma, Arial, Helvetica, sans-serif;
  }
  
  ul#kraje li a:hover {
    color: #93c411;
    font-size: 120%;
  }
  
  ul#kraje li.selected a {
    font-size: 130%;
  }

/** seznam galerii **/

.gallery {
	float: left;
	width: 290px;
	margin: 0 0 8px 8px;
	padding: 3px 4px 3px 4px;
	background: #fff;
	border: 1px solid #93c411;
	behavior: url("scripts/hover.htc")
}

.gallery:hover, .hover {
	background: #f6fcf4;
}

	.gallery h3 {
		/**/
	}
	
	.gallery span {
		padding: 0 0 0 0.2em;
	}

/** galerie detail **/

.galerie {
	margin: 0 0 20px 0;
}

	.galImg {
		/* width: 260px;*/
		margin: 8px 20px 0 0;
		float: right;
	}
	
	.galCont {
		width: 540px;
		float: left;
		margin: 0 0 0 16px;
	}
	
		.galerie table {
			
			line-height: 1.5em;
		}

/** kontakt **/

ul#kontakt {
	margin: 1.6em 0 0 0;
}

	#kontakt li {
		margin: 0 0 0.3em 0;
		font-weight: bold;
		font-size: 90%;
	}

/** hledej **/

#search {
	width: 200px;
	margin: 0 16px 0 0;
}

#searchSubmit {
	margin: 6px 0 0 0;
	padding: 0 4px 0 4px;
}

/** ceník **/

table#cenik {
	width: 400px;
	float: left;
}

table#reklama {
	width: 280px;
	float: left;
}

	.pricelist tr td, .pricelist tr th {
		padding: 3px 4px 3px 4px;
		text-align: left;
		/*border: 1px solid #93c411;*/
	}
	
	.pricelist tr th {
		background: #f6fcf4;
		color: #93c411;
		border: 1px solid #93c411;
	}
	
	.pricelist tr td.price {
		text-align: right;
	}
	
		td#prvni {
			width: 20%;
		}
		td#druha {
			width: 30%;
		}
		td#treti {
			width: 20%;
		}
		td#ctvrta {
			width: 20%;
		}
		td#pata {
			width: 10%;
		}

ul#vysvetlivky li {
	margin: 0.2em 0 0 0.6em;
}

/** objednavka **/
#purchase {
	margin: 4px 0 0 0;
}

#purchase td, #purchase th {
	border-collapse: collapse;
	padding: 2px 4px 2px 4px;
	border: 1px solid #93c411;
}

p.long, p.longTwo {
	clear: both;
}

p.long {
	width: 400px;
}

p.short {
	float: left;
	width: 200px;
	margin: 0 50px 0 0;
}

	.long label, .short label {
		float: left;
		margin: 0 0 6px 0;
	}
	
	.long input, .long select, .short input {
		width: 160px;
		float: right;
		margin: 0 0 6px 0;
	}
	
		.short label {
			margin: 0 6px 6px 0;
		}
		
		.short input {
			width: 80px;
			=margin: 0 0 6px 6px;
		}
		
		.short img {
			float: right;
			padding: 2px 6px 0 6px;
		}
	
	#foto, .foto {
		height: 20px;
		width: 168px !important;
		padding: 1px 2px 1px 2px;
	}
	
	#id_kraje {
		width: 168px;
	}
	
.date {
	width: 160px;
}

.submit {
	height: 24px;
}

.mLeft {
	margin: 0 0 0 0.8em;
}

.hidden {
	display: none;
}

.cl {
	clear: both;
}