@charset "utf-8";

.body {
	background: #FFFFFF;
}

/* -HLAVNÍ DEKLARACE LAYOUTU- */
.body-container {
	text-align: center;
}
	.body-top {
		background: url('/images/gr/body-top.png') left top repeat-x;
	}
		.main {
			width: 980px;
			margin: 0 auto 0 auto;
			text-align: left;
		}
			.main-top {
				background: url('/images/gr/main-top.jpg') center top no-repeat;
			}
				.top {
					height: 94px;
					position: relative;
				}
					.logo {
						position: absolute;
						left: 720px;
						top: 0px;
					}
					.logo3 {
						position: absolute;
						left: 5px;
						top: 8px;
					}
						.tree-menu {
							position: absolute;
							height: 32px;
							left: 30px;
							top: 64px;
						}
							.tree-menu a {
								display: block;
								float: left;
								background-position: right top;
								background-repeat: no-repeat;
								margin: 0 5px 0 0;
								height: 32px;
								width: 115px;
							}
								.tree-menu a.active {
									background-position: left top;
									
								}
									.tree1 {
										background-image: url('/images/gr/taby/leto.png');
									}
									.tree2 {
										background-image: url('/images/gr/taby/zima.png');
									}
									.tree3 {
										background-image: url('/images/gr/taby/jazyk.png');
									}
				.main-menu {
					height: 62px;
					background: url('/images/gr/main-menu.png') center top no-repeat;
				}
					.main-menu ul {
						padding-left: 10px;
						width: 700px;
						float: left;
					}
					.main-menu ul li {
						float: left;
						padding: 11px 20px 0 20px;
						background: url('/images/gr/separator1.png') right center no-repeat;
						height: 29px;
					}
						.main-menu a {
							color: #FFFFFF;
							text-decoration: none;
						}
							.main-menu a:hover {
								text-decoration: underline;
							}
					.main-menu-utils {
						float: left;
						height: 10px;
						width: 265px;
						padding: 11px 0 0 5px;
						background: url('/images/gr/separator1.png') left center no-repeat;
						height: 29px;
					}
						.main-menu-utils a {
							font-size: 11px;
						}
						.main-menu-utils img {
							margin: 0 3px 0 16px;
						}
					* html .main-menu-utils {
						display: inline;
					}
				.header {
					/*height: 338px;*/
					position: relative;
					margin-bottom: 20px;
					/* background: url('/images/gr/main-header.jpg') center top no-repeat; */
				}
					.header-text {
						width: 341px;
						height: 115px;
						padding: 15px;
						color: white;
						position: absolute;
						left: 25px;
						top: 25px;
						z-index: 2;
						background: url('/images/gr/header-text.png') left top no-repeat;
					}
					#fade {
						position: absolute;
						left: 0;
						top: 0;
						width: 980px;
						height: 318px;
					}
	.body-middle {
		background: url('/images/gr/body-middle.png') left top repeat-x;
	}
		.main-middle {
			background: url('/images/gr/main-middle.png') center top no-repeat;
			min-height: 500px;
			padding: 20px 0 15px 0;
		}
			.middle-left {
				float: left;
				width: 200px;
				margin-right: 20px;
			}
				.menu-left {
					min-height: 300px;
					background: url('/images/gr/menu-left.png') center top repeat-y;
					margin-bottom: 15px;
				}
					.menu-left-top {
						background: url('/images/gr/menu-left-top.png') center top no-repeat;
						min-height: 300px;
					}
						.menu-left-bottom {
							background: url('/images/gr/menu-left-bottom.png') center bottom no-repeat;
							min-height: 300px;
						}
							.menu-left ul {
								list-style: none;
								padding: 10px 0 10px 0;
								margin: 0;
								background: url('/images/gr/separator2.png') center top no-repeat;
							}
							.menu-left li:hover {
								background: url('/images/gr/menu-hover.png') center top repeat-y;
							}
								.menu-left ul li {
									background: url('/images/gr/separator2.png') center bottom no-repeat;
									padding: 0;
									margin: 0;
								}
								.menu-left ul ul {
									padding: 0;
								}
							.menu-left a {
								display: block;
								padding: 6px 20px 6px 20px;
								color: #FFFFFF;
								text-decoration: none;
							}
								.menu-left ul li ul li a {
									padding-left: 40px;
								}
								.menu-left a:hover {
									
								}
								.menu-left ul li ul li ul li a {
									padding-left: 50px;
								}
						* html .menu-left, * html .menu-left-top, * html .menu-left-bottom {
							height: 300px;
						}
				.kontakt {
					height: 173px;
					background: url('/images/gr/kontakt.png') center top no-repeat;
					color: white;
					padding: 10px 10px 0 50px;
					margin-bottom: 5px;
				}
					.kontakt a {
						color: #FFFFFF;
						font-size: 11px;
					}
					.kontakt p {
						margin-bottom: 6px;
						line-height: 150%;
					}
			.middle-right {
				float: left;
				width: 540px;
				color: #333;
				margin-right: 20px;
			}
				.middle-right p {
					margin: 10px 0 10px 0;
					line-height: 150%;
				}
				.middle-right ul, .middle-right ol {
					list-style-position: inside;
					margin-top: 10px;
					margin-bottom: 10px;
				}
					.middle-right ul ul, .middle-right ol ol {
						margin-top: 0;
						margin-bottom: 0;
					}
			.middle-right2 {
				float: left;
				width: 200px;
			}
				.middle-right2 .main-img {
					float: none;
					margin: 0 0 10px 0;
				}
				.middle-right2 .doporucujeme-hotely {
					padding-top: 8px;
				}
				.middle-right2 .menu-left a {
					padding: 5px 0 5px 15px;
				}
					.middle-right2 .menu-left a:hover {
						text-decoration: underline;
					}
			* html .middle-left, * html .middle-right {
				display: inline;
			}
	.body-footer {
		
	}
		.main-pruvodci {
			margin-bottom: 20px;
		}
			.main-pruvodci h3 {
				color: #D43919;
				font-size: 16px;
			}
			.main-pruvodci a {
				display: block;
				float: left;
				height: 128px;
			}
			.pruvodce1 {
				background: url('/images/gr/pruvodce1.jpg') left top no-repeat;
				width: 328px;
			}
			.pruvodce2 {
				background: url('/images/gr/pruvodce2.jpg') left top no-repeat;
				width: 328px;
			}
			.pruvodce3 {
				background: url('/images/gr/pruvodce3.jpg') left top no-repeat;
				width: 324px;
			}
			
			.pruvodce4 {
				background: url('/images/gr/pruvodce4.jpg') left top no-repeat;
				width: 328px;
			}
			.pruvodce5 {
				background: url('/images/gr/pruvodce5.jpg') left top no-repeat;
				width: 328px;
			}
			.pruvodce6 {
				background: url('/images/gr/pruvodce6.jpg') left top no-repeat;
				width: 324px;
			}
		.main-footer {
			background: url('/images/gr/main-footer.png') center top no-repeat;
			height: 188px;
			margin-bottom: 15px;
			color: white;
			font-size: 11px;
		}
			.main-footer a {
				color: white; 
				text-decoration: none;
			}
				.main-footer a:hover {
					text-decoration: underline;
				}
			.main-footer h3 {
				color: #1A1A1A;
				font-size: 15px;
				padding: 10px 0 6px 0;
			}
			.main-footer ul {
				list-style: none;
			}
				.main-footer ul li {
					padding: 5px 0 5px 0;
				}
			.footer-left {
				float: left;
				padding-left: 40px;
				width: 210px;
				margin-right: 40px;
			}
				.footer-left ul {
					background: url('/images/gr/separator3.png') center top no-repeat;
				}
				.footer-left ul li {
					background: url('/images/gr/separator3.png') center bottom no-repeat;
				}
			.footer-middle {
				float: left;
				width: 320px;
				margin-right: 40px;
			}
				.footer-middle ul {
					background: url('/images/gr/separator4.png') center top no-repeat;
				}
				.footer-middle ul li {
					background: url('/images/gr/separator4.png') center bottom no-repeat;
				}
			.footer-right {
				float: left;
			}
				.footer-right input, .footer-right textarea {
					width: 230px;
				}
				.footer-right input {
					height: 15px;
				}
				.footer-right textarea {
					height: 65px;
				}
				#overeni {
					position: absolute;
					display: none;
					background: #BC3217;
					padding: 10px;
					color: white;
					border: 1px solid white;
				}
					#overeni a {
						color: white;
					}
				.footer-right td {
					vertical-align: top;
				}
			* html .footer-left, * html .footer-middle, * html .footer-right {
				display: inline;
			}
				.footer-text, .footer-text a, .footer-text strong {
					font-size: 11px;
					color: #999;
				}
			

.banner {
	margin-bottom: 20px;
}

/* -DEKLARACE REDAKČNÍHO SÝSTÉMU- */

.shadow-text, .main-menu ul li a, .menu-left a {
	text-shadow: 1px 1px 1px #04183B;
	-moz-text-shadow: 1px 1px 1px #04183B;
	-o-text-shadow: 1px 1px 1px #04183B;
	-webkit-text-shadow: 1px 1px 1px #04183B;
}
.box-shadow-black {
	box-shadow: 1px 1px 1px #333333;
	-moz-box-shadow: 1px 1px 1px #333333;
	-o-box-shadow: 1px 1px 1px #333333;
	-webkit-box-shadow: 1px 1px 1px #333333;
}

.box-shadow-white {
	box-shadow: 1px 1px 1px #ffffff;
	-moz-box-shadow: 1px 1px 1px #ffffff;
	-o-box-shadow: 1px 1px 1px #ffffff;
	-webkit-box-shadow: 1px 1px 1px #ffffff;
}

.box-glow-black {
	box-shadow: 0px 0px 3px #63A2CF;
	-moz-box-shadow: 0px 0px 3px #63A2CF;
	-o-box-shadow: 0px 0px 3px #63A2CF;
	-webkit-box-shadow: 0px 0px 3px #63A2CF;
}

.box-glow-white {
	box-shadow: 0px 0px 3px #ffffff;
	-moz-box-shadow: 0px 0px 3px #ffffff;
	-o-box-shadow: 0px 0px 3px #ffffff;
	-webkit-box-shadow: 0px 0px 3px #ffffff;
}
.rounded, .article-photogallery {
	border-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	-o-border-radius: 4px;
}
.draggable {
	cursor: move;
}

.opacity {
	opacity: 0.8;
	-moz-opacity: 0.8;
	-o-opacity: 0.8;
	-webkit-opacity: 0.8;
}

#google_translate_element {
	float: right;
	padding: 17px 10px 0 0;
	text-align: right;
}

.button {
	width: 110px !important;
	height: 25px;
	font-size: 10px;
	background: url('/images/system/button.png') center top no-repeat;
	border: none;
	display: block;
	color: #666666;
	text-align: center;
	text-decoration: none;
	cursor: pointer;
}
	a.button {
		padding-top: 6px;
		height: 19px;
	}
	.button:hover, a.button:hover {
		color: #000000;
	}



.info {
	padding: 7px;
	background: #E4EEF6;
	color: #333333;
	margin: 20px 0 20px 0;
}
	.info a {
		text-decoration: none;
	}
	.info img {
		position: relative;
		top: 2px;
	}
	
.odeslano {
	margin: 20px 0 20px 0;
}

.chyba {
	margin: 20px 0 20px 0;
	color: white;
	background: #BC3217;
}
	
.social {
	position: relative;
}
	.poslat-mailem {
		width: 600px;
		background: #FFFFFF;
		position: absolute;
		left: 0;
		top: -30px;
		padding: 10px 20px;
		display: none;
	}
	.tisk {
		width: 90px;
		float: right;
		padding-top: 4px;
	}
		.tisk img {
			float: left;
			position: relative;
			top: -1px;
			margin-right: 5px;
		}

.drobecky {
	font-size: 11px;
	margin: 0 0 10px 0;
	color: #666;
}
	.drobecky a {
		color: #666;
		font-size: 11px;
	}

.article-container {
	margin: 10px 15px 5px 0;
	width: 247px;
	height: 100px;
	padding: 5px 5px 0 8px;
	float: left;
	background: url('/images/gr/clanek.png') left top no-repeat;
}
	.article-container h3 a, .article-container a {
		color: #333333;
		text-decoration: none;
		font-style: italic;
	}
	.article-container h3 {
		font-size: 13px;
	}
	.article-container:hover {
		background: url('/images/gr/clanek-hover.png') left top no-repeat;
	}
		.article-container:hover h3 a, .article-container:hover a {
			color: #FFFFFF;
		}
	.article-utils {
		text-align: right;
		font-size: 10px;
		padding: 0 0 10px 0;
	}
		.utils-theme {
			float: left;
		}
		
	.main-img {
		float: right;
		border: 1px solid #6FAAD6;
		margin: 5px;
		padding: 3px;
		background: white;
	}
	.article-photogallery a img {
		padding: 3px;
		border: 1px solid #6FAAD6;
		background: white;
	}
		.main-img:hover {
			border: 1px solid #3F85C1;
		}
		.article-photogallery a:hover img {
			border: 1px solid #3F85C1;
		}
	.article-photogallery {
		background: #EAF2F8;
	}
		
.strankovani {
	text-align: right;
}
	.strankovani span {
		padding: 3px 5px 3px 5px;
		margin: 0 0 0 2px;
		background: #F5F5F5;
	}
		.strankovani .aktivni {
			background: #EE4500;
			color: white;
		}
	.strankovani a {
		text-decoration: none;
	}
		.strankovani a:hover {
			color: black;
		}
		
.clanek-detail {

}
	.clanek-detail embed, .clanek-detail object {
		width: 726px;
		height: 500px;
	}
	.article-photogallery {
		text-align: center;
	}
		.article-photogallery a {
			text-decoration: none;
		}
	
.poll {
	line-height: 160%;
}
	.poll-container {
		height: 22px;
		background: #EBEEF1;
		margin: 0 0 5px 0;
	}
		.poll-in {
			float: left;
			height: 20px;
			background: #EE4500;
			color: white;
			padding-top: 2px;
			font-size: 10px;
		}
	.poll-question {
		color: #EE4500;
	}
	
.news {
					
}
	.news-datum {
		float: left;
		width: 40px;
		font-size: 10px;
		text-align: center;
	}
		.news-datum strong {
			
		}
	.news-content {
		float: left;
		width: 140px;
	}
	
.newsletter {
	background: #EE4500;
	padding: 10px;
	color: white;
}
	.newsletter h3 {
		color: white;
	}
	.newsletter p {
		color: white;
	}
	.newsletter td {
		padding: 0;
	}
	.newsletter input {
		border: none;
		margin: 0;
	}
		.newsletter input[type=submit] {
			margin-left: 2px;
		}

/* -DEKLARACE KOMENTÁŘŮ A VZKAZŮ- */

.comm-form {
	background: #F5F5F5;
	padding: 10px;
}

#smajlici {
	display: none;
	position: absolute;
	border: 1px solid white;
	background: #ffffff;
	padding: 10px;
	left: 330px;
	top: 25px;
}

.comment {
	background: #F1EAD8;
	margin: 0 0 10px 0;
	padding: 10px;
}
	.comm-react {
		visibility: hidden;
	}
	.comment:hover .comm-react {
		visibility: visible;
	}
.autor {
	background: #F1EAD8 url('/images/system/autor.png') left top repeat-x;
}
	.gravatar {
		float: left;
		margin: 0 10px 5px 0;
		width: 40px;
		height: 40px;
	}
	.comments-right {
		float: left;
		width: 460px;
	}
		.comments-info {
			margin: 0 0 5px 0;
		}
			.comments-nick {
				color: #EE4500;
			}
			.comments-time {
				float: right;
				font-size: 11px;
				color: #EE4500;
			}
		.comments-message {
			
		}
	.comments-utils {
		text-align: right;
		font-size: 11px;
	}


/* -SYSTÉMOVÉ DEKLARACE- */
.clear {
	clear: both;
}
.clear-5px {
	font-size: 5px;
	clear: both;
}
.clear-10px {
	font-size: 10px;
	clear: both;
}
.clear-15px {
	font-size: 15px;
	clear: both;
}
.clear-20px {
	font-size: 20px;
	clear: both;
}
.after-clear {
	clear: both;
	height: 100px;
	margin: 0 auto 0 auto;
}
.schovej {
	position: absolute;
	z-index: -1001;
	left: -2000px;
}