/* Free standard-compliant open source XHTML/CSS template provided by Eatlon.com */

body {
	font-family: verdana, arial, sans-serif;
	background-color: #333333;
	background-image: url(bg/background.gif);
	font-size: .7em;
	color: #666666;
	padding: 0;
	margin: 0;
	}
	a {color: #0066FF; text-decoration: none;}
	a:hover {color: #0066FF; text-decoration: underline;}
	p {padding: 0; margin: 0 0 10px 0;}
	img { border: 0 }
	h1 {
	font-family: arial, sans-serif;
	font-size: 2em;
	}
	h2 {
	font-family: verdana, arial, sans-serif;
	font-size: 1.6em;
	font-weight: normal;
	color: #0066FF;
	margin-top: 10px;
	margin-bottom: 10px;
	}
	h3 {
	font-family: verdana, arial, sans-serif;
	font-size: 1.6em;
	font-weight: normal;
	color: #FFFFFF;
	}
	#site {
	background-color:#FFFFFF;
	width: 900px;
	margin: 0 auto;
	}
	#header {
	background-image: url(bg/header3.jpg);
	background-repeat: no-repeat;
	background-position:top;
	width: 900px;
	height: 246px;
	}
	#header a { color: #fff; text-decoration: none; }
	#header a.current { color: #fff; text-decoration: none; }

	#site_title {
		float: left;
		margin: 10px 0 0 20px;
		color: #F1C660;
	}
	#slogan {
		float: left;
		color: #CCCCCC;
		font-style: italic;
		font-size: 20px;
		margin: 45px 0 0 -350px;
		font-family:"Trebuchet MS";
	}
	#nav {
		padding: 204px 0 0 0;
	}
	#nav ul {
			list-style-type: none;
			padding: 0px 0 0 0;
			margin: 0 auto;
		}
	#nav ul li {
			float: left;
			border-left: 1px solid #3676c4;
			border-right: 1px solid #1957aa;
			padding: 0;
			margin: 0;
		}
	#nav a {
			background-image: url(bg/nav.gif);
			background-repeat: repeat-x;
			display: block;
			font-size: .9em;
			font-family: verdana, arial, sans-serif;
			font-weight: bold;
			color: #fff;
			text-decoration: none;
			text-transform: uppercase;
			text-align: center;
			padding: 15px 12px 15px 12px;
		}
	#nav a:hover {
			background-image: url(bg/nav_h.gif);
			background-repeat: repeat-x;
			color: #fff;
			padding: 15px 12px 15px 12px;
			margin: 0;
		}
	#main {
	padding: 0 20px 0 20px;
	margin: 30px 0 0 0;
}

	#main_left {
		float: left;
		width: 550px;
	}

		.welcome {
			height: 230px;
			background-image: url(img/image1.jpg);
			background-repeat: no-repeat;
			padding: 40px 0 0 0;
			margin: 0;
		}

			.welc1 {
				font-size: 1.6em;
				color: #000;
				padding: 20px 15px 0 15px;
				margin: 0 0 25px 0;
			}

			.welc2 {
				color: #000;
				padding: 15px 10px 15px 15px;
			}

		#mainbox {
			clear: both;
		}


			.titlel {
				float: left;
				width: 6px;
				height: 29px;
				background-image: url(bg/titlel.gif);
				background-repeat: no-repeat;
				padding: 0;
				margin: 0;
			}


			.title {
				float: left;
				width: 528px;
				height: 20px;
				background-image: url(bg/title.gif);
				background-repeat: repeat-x;
				font-size: .9em;
				font-family: verdana, arial, sans-serif;
				font-weight: bold;
				color: #fff;
				text-transform: uppercase;
				padding: 9px 0 0 10px;
				margin: 0;
			}


			.titler {
				float: left;
				width: 6px;
				height: 29px;
				background-image: url(bg/titler.gif);
				background-repeat: no-repeat;
				padding: 0;
				margin: 0;
			}


			.box_large {
				clear: both;
				border-left: 1px solid #ddd;
				border-right: 1px solid #ddd;
				border-bottom: 1px solid #ddd;
				text-align: justify;
				padding: 15px 15px 10px 15px;
				margin: 0 0 25px 0;
			}

	#main_right {
		float: right;
		width: 300px;
		padding: 0;
		margin: 0;
	}

		.boxtop {
			height: 20px;
			background-image: url(bg/boxtop.gif);
			background-repeat: no-repeat;
			font-size: .9em;
			font-family: verdana, arial, sans-serif;
			font-weight: bold;
			color: #fff;
			text-decoration: none;
			text-transform: uppercase;
			padding: 9px 0 0 16px;
			margin: 0;
		}

		.box {
			clear: both;
			border-left: 1px solid #ddd;
			border-right: 1px solid #ddd;
			border-bottom: 1px solid #ddd;
			padding: 15px 15px 10px 15px;
			margin: 0 0 5px 0;
		}

		#infobox {
			height: 80px;
			background-image: url(bg/info.jpg);
			background-repeat: no-repeat;
			color: #fff;
			padding: 20px 0 5px 95px;

		}
			#infobox h3 {
				color: #fff;
				margin: 0 0 10px 0;
			}
			#infobox a { color: #fff; text-decoration: none; }
			#infobox a:hover { color: #fff; text-decoration: underline; }

	#news {
		list-style-type: none;
		padding: 0;
		margin: 0;
	}
		#news li {
			padding: 0 0 10px 0;
			margin: 0 0 10px 0;
			border-bottom: 1px solid #eee;
		}

		.date {
			text-transform: uppercase;
			margin: 0 0 3px 0;
		}

	#spacer { clear: both; height: 25px; }
	#footer {
	clear: both;
	height: 30px;
	background-image: url(bg/footer.gif);
	background-repeat: repeat-x;
	padding: 10px 7px 0 7px;
	color: #999999;
}
	#footer a { color: #999999; text-decoration: none; }
	#footer a:hover { color: #999999; text-decoration: underline; }

	.lfooter {
		float: left;
		width: 45%;
	}
	.rfooter {
		float: right;
		width: 45%;
		text-align: right;
	}
	#sections {background:url("img/sections.gif") 0 0 repeat-y;}
    .section {float:left; width:160px;}
	.section a {color:#FFFFFF;text-decoration:none;}
    .section p {margin:0;}
    .section.margin {margin:0 10px;}
    .section h3 {margin:0; padding:10px; background:url("img/section-title.gif") 0 0 no-repeat;
				font-size: .9em;
				font-family: verdana, arial, sans-serif;
				font-weight: bold;
				color: #fff;
				text-transform: uppercase;}
    .section-in {margin-bottom:10px; padding:0 5px 5px 5px;}
	
	.boxi { min-height:1px;}
	
	.photo {border: 1px solid #999999;}
	.photo:hover {border: 1px solid #FF9900;}
	
	.photoleft {border: 1px solid #999999; margin-right: 10px;}
	.photoleft:hover {border: 1px solid #FF9900;}
	
	.photoright {border: 1px solid #999999; margin-left: 10px;}
	.photoright:hover {border: 1px solid #FF9900;}


	
#form .column1 {width:250px;}
#form .column2 {width:95%;}

form .row {height:40px; font-family:tahoma; color:#999999; font-size:120%;}
form .row1 {height:150px;}

.input {width:250px; height:18px; border:1px solid #999999; background:none; padding:0 0 0 5px; font-family:tahoma; color:#999999;}
textarea { width:95%; height:100px; border:1px solid #999999; background:none; padding:0 0 0 5px; overflow:auto; font-family:tahoma; color:#999999;margin-top: 10px;}
input {border:1px solid #999999; background:none; font-family:tahoma; color: #999999;}
form .div {text-align:right; padding:6px 0 0 0;}

.sluzby {font-size: 14px;color:#0066FF;font-weight: bold;}
.orange {color: #FF9900; font-weight: bold;}