/*
	Image2Markup.com - Professional PSD Slicing
	info@image2markup.com
*/

/* -- Default "_RESET_" Rules -- */

* { margin: 0px; padding: 0px; }

body {
	background: #f2e7cb url(../images/body.jpg) top left repeat-x;
	color: #1f1209;
	font: normal normal 12px/100% Arial,sans-serif;
	text-align: center;
}

a { text-decoration: underline; outline: none; }
a img { text-decoration: none; border: none; cursor: pointer; }

img { margin: 0px; }

h1, h2, h3, h4 {
	font-family: Trebuchet MS, Verdana, Arial, sans-serif;
	margin: 0;
	padding: 0;
}

h1 {
	font-size: 36px;
	font-weight: bold;
	padding: 15px 0 20px;	
}

.oread {
	text-align: right;
	text-decoration: none;
	padding-left: 5px;
}

.oread span { text-decoration: underline; margin-left: 4px; }

table { border-collapse: collapse; border-spacing: 0; }

/* -- Standard Helpers -- */

.cl { clear: left; }
.cr { clear: right; }
.cb { clear: both; }

.fl { float: left; }
.fr { float: right; }
.fn { float: none; }

.fw { width: 100%; }

.tl { text-align: left; }
.tc { text-align: center; }
.tr { text-align: right; }


/* -- Your Site Starts Here -- */

.wrapper { width: 990px; text-align: left; margin: auto; }

#shadow {
	/*background: #fff8dc;*/
	background: url(../images/shadow.png) top left repeat-y;
	padding: 0 5px;
}

#header {
	background: url(../images/header.jpg) top left repeat-x;
	height: 67px;
	margin: 0 20px;
	overflow: hidden;
	padding: 20px 20px 0;
}
	.logo {
		float: left;
	}
	.nav {
		float: right;
	}
		.nav li {
			border-right: 1px solid #423933;
			float: left;
			list-style-type: none;			
		}
			.nav li a {
				color: #fff8dc;
				float: left;
				font: normal normal 16px/18px Trebuchet MS, Verdana, Arial, sans-serif;
				padding: 18px 20px 12px;
				text-decoration: none;
			}
			.nav li a:hover {
				color: #8a7e6b;
			}
			.nav li img { margin-right: 4px; vertical-align: text-top; }
			.nav li.last { border-right: 0 none; }
			.nav li.last a { padding-right: 0; margin-top: -2px; }
.slides {
	/*background: url(../images/intro.jpg) top center no-repeat;*/
	height: 254px;
	overflow: hidden;
	margin: 0 20px 20px;
}

#middle {
	background: url(../images/sidebar.gif) top left repeat-y;
	float: left;
}

#sidebar {
	float: left;
	padding: 0px 20px 0 40px;
	width: 180px;
}
	#sidebar h3.h3nav {
		color: #1f1209;
		font: normal normal 24px/18px Trebuchet MS, Verdana, Arial, sans-serif;
		padding: 25px 0 18px;
	}
	ul.snav {
		border-top: 1px solid #fff8dc;
	}
		ul.snav li {
			background: url(../images/arrow1.gif) 9px center no-repeat;
			border-bottom: 1px solid #fff8dc;
			list-style-type: none;
			padding: 3px 0 3px 25px;
		}
		ul.snav li:hover {
			background-color:#fef5de;
		}
		ul.snav li.active {
			background-color:#fef5de;
		}
		ul.snav li a {
			color: #834c24;
			font: normal normal 13px/30px Trebuchet MS, Verdana, Arial, sans-serif;
			text-decoration: none;
		}
		ul.snav li a:hover {
			color: #1f1209;
			text-decoration: underline;
		}
	#sidebar h3.useful {
		border-bottom: 1px solid #1f1209;
		border-top: 1px solid #1f1209;
		font: normal normal 18px/18px Trebuchet MS, Verdana, Arial, sans-serif;
		margin: 40px 0 20px;
		padding: 8px 0;
		text-align: center;
		text-transform: uppercase;
	}
	ul.unav { margin-bottom: 30px; }
		ul.unav li {
			background: url(../images/arrow3.gif) center left no-repeat;
			list-style-type: none;
			padding: 2px 0 2px 15px;
		}
		ul.unav li a {
			color: #834c24;
			font: normal normal 12px/18px Trebuchet MS, Verdana, Arial, sans-serif;
			text-decoration: none;
		}
		ul.unav li a:hover {
			color:#1f1209;
			text-decoration: underline;
		}
	.slink1 img {
		margin-bottom: 35px;
	}

#content {
	color: #1f1209;
	float: left;
	padding: 10px 40px 0 40px;
	width: 660px;
}
	#content a {
		color: #834c24;
	}
	#content a:hover {
		color: #1f1209;
	}
	#content p {
		font: normal normal 11px/24px Trebuchet MS, Verdana, Arial, sans-serif;
		padding: 10px 0 24px;
	}
	#content h3 a {
		color: #834c24;
		text-decoration:none;
	}
	#content h3 a:hover {
		color: #000;
	}

.offer {
	overflow: hidden;
}
	.offer-row { overflow: hidden; padding-bottom: 30px; }
	.offer-holder {
		float: left;
		margin-right: 30px;
		margin-bottom: 30px;
		width: 200px;
	}
	.offer .last { margin-right: 0;  }
		.offer-holder .header {
			background: url(../images/oheader.gif) top left no-repeat;
			color: #fff;
			height: 51px;
			line-height: 51px;
			padding: 0 0 0 20px;
		}	
			.offer-holder .header h3 { font: normal normal 14px/51px Trebuchet MS, Verdana, Arial, sans-serif; text-transform: uppercase; display: inline; }
			.header a {
				color: #fff !important;
				text-decoration:none;
			}
			.header a:hover {
				text-decoration:underline;
			}
		.offer-content {
			background: #f9f0d3;
			padding: 20px 20px 15px;
			width: 160px;
		}
			.oimg {
				background: #fef6da;
				border: 1px solid #e6d5b6;
				margin-bottom: 20px;
				padding: 9px;
			}
			.oimg a {
				display:block;
				width: 140px;
				height: 93px;
			}
			.oimg:hover {
				background: #fff;
			}
			.offer-content h4 a {
				font: normal normal 14px/24px Trebuchet MS, Verdana, Arial, sans-serif;
			}
			.offer-content p {
				font: normal normal 11px/18px Arial, sans-serif;
				padding: 10px 0;
			}
			.offer-description {
				height:55px;
				overflow: hidden;
				margin-bottom:10px;
			}
			.offer-content strong {
				color: #1f1209;
				display: block;
				font: normal bold 12px/18px Trebuchet MS, Arial, sans-serif;
				padding: 0;
			}
			.offer-content .oread {
				display: block;
				font: normal normal 12px/24px Trebuchet MS, Verdana, Arial, sans-serif;
				margin-top: 10px;
			}
		.ofooter {
			background: url(../images/ofooter.gif) top left no-repeat;
			height: 4px;
		}

.more-offers {
	padding: 15px 50px 0 0;
	text-align: right;
}
	.more-offers .oread {
		color: #834c24;
		font-size: 14px;
		margin: 0;
		padding: 0;
	}
	
	.more-offers a:hover {
		color: #1f1209;
	}
	
	.offer-desc {
		width:430px; float:left;
		margin-bottom: 50px;
	}
	
	.offer-desc table {margin: 15px 0 25px 0;}
	.offer-desc table td {
		padding:2px 7px;
		background-color:#f9f0d3;
		border: 2px #FFF8DC solid;
		font: normal normal 11px/18px Arial, sans-serif;
		}
	.offer-desc table td:hover {
		background-color:#fff8DC;
		}	
		
		.offer-desc table td.td_key {
			background-color:#e5dab5;
			font-weight:bold;
			width: 160px;
			text-align:right;
		}

		.offer-main-img {
				background: #fef6da;
				border: 1px solid #e6d5b6;
				margin: 40px 0 20px 0;
				padding: 9px;
		}
		
		.offer-main-img:hover {
				background: #fff;
		}
		
		#gmaps {
			background: #fef6da;
			width: 410px;
			border: 1px solid #e6d5b6;
			margin: 15px 0 35px 0;
			padding: 9px;
		}
		
		#gmaps:hover {
			background: #fff;
		}
		
/* Kontakt forma */
#content form {margin-top: -10px; padding:9px;border: 1px solid #e6d5b6; background: #fef6da; width: 410px;}
#content label {display:block;padding:0 0 5px 0; color: #1f1209;
			font: bold normal 11px/16px Trebuchet MS, Verdana, Arial, sans-serif;}
#content input, #content textarea {display:block;margin-bottom:15px;border: 1px solid #e6d5b6;padding: 5px 10px; font-family: Trebuchet MS, Verdana, Arial, sans-serif; font-size: 11px; width: 388px; background-color:#f9f0d3; -webkit-border-radius: 4px; -moz-border-radius: 4px; color:#616161;}
#content input:hover, #content textarea:hover {border: 1px solid #e6d5b6; background-color:#fff8DC;}
#content input:focus, #content textarea:focus {border: 1px solid #e6d5b6; background-color:#fff;}
#content .submit {color: #834c24; width: 100px; margin:0;padding:5px; cursor:pointer;}
#content .error {color: #834c24; margin: -5px 0 15px 0; text-decoration:blink;}
#content form .hidden {display:none;}

/* Ikonice */
.tel {
		background: url(../images/span_tel.gif) center left no-repeat;
		padding: 1px 0 1px 20px;
		}
		.fax {
		background: url(../images/span_fax.gif) center left no-repeat;
		padding: 1px 0 1px 20px;
		}

	
	
	.gallery-holder {
		float: left;
		margin-left: 30px;
		width: 200px;
		padding-top:40px;
	}
		.gallery-holder .header {
			background: url(../images/oheader.gif) top left no-repeat;
			color: #fff;
			height: 51px;
			line-height: 51px;
			padding: 0 0 0 20px;
		}
		
		.gallery-content {
			background: #f9f0d3;
			padding: 20px 20px 0;
			width: 160px;
		}
		
		.gallery-holder img {
				background: #fef6da;
				border: 1px solid #e6d5b6;
				margin-bottom: 20px;
				padding: 9px;
			}
			
			.gallery-holder img:hover {
				background: #fff;
			}

#footer {
	background: url(../images/footer.jpg) top left no-repeat;
	color: #fff;
	font: normal normal 11px/18px Trebuchet MS, Arial, sans-serif;
	height: 50px;
	padding: 182px 30px 0 280px;
}
	#footer p {
		padding-bottom: 3px;
	}
	#footer ul {
		overflow: hidden;
		width: 450px;
	}
	#footer li {
		float: left;
		list-style-type: none;
	}
			#footer li a {
				color: #834c24;
				text-decoration: none;
			}
			
			#footer li a:hover {
				color: #fff;
				text-decoration: none;
			}
			
			#footer li span.divider {
				padding: 0 5px 0 4px;
			}