@import url("style.css");

body {
	color: #333333;
	font-family : 'Arial CE', 'Verdana CE', 'Helvetica CE', Arial, Verdana, sans-serif;
	font-size: 75%; /* 12px */
	background: url(pictures/mask/body-bgr.gif) 0 0 repeat-x #4C505C;
	
	text-align: center; /* kvuli IE */
}

a {
	color: #7F5D00;
	background: transparent;
}
a:focus , a:hover , a:active {
	text-decoration: none;
}

br.clearer {
	clear: both;
}

p {
	margin-top: 0;
	padding-top: 0;
	line-height: 2em;
}

h1 {
	color: #000000;
	font-size: 180%;/* 22px */
	font-weight: normal;
	background: transparent;
}

h2 {
	margin: 0 0;
	padding: 0 0;
	color: #000000;
	font-size: 120%;/* 14px */
	font-weight: bold;
	background: transparent;
}

#page {
	position: relative; left: 0px; top: 0px;
	width: 950px;
	margin: 0 auto;
	padding: 0 0;
}

#top {
	height: 147px;
	margin: 0 0;
	padding: 0 0;
	text-align: left;
	color: #FFFFFF;
	border-bottom: 1px solid #796D66;
}
	
	#top a , #menu-left a {
		color: #C3C8D9;
		text-decoration: none;
	}
	
	#top img {
		border: none;
	}
	
	#logo {
		float: left;
		display: block;
		width: 245px;
		height: 147px;
		margin: 0 0;
		padding: 0 0;
	}
	
	/* HORNI MENU */
	#top ul {
		display: block;
		margin: 0px 0 0 283px; 
		padding: 15px 0 0 0; 
		line-height: 1.75em;
		vertical-align: top;
	}
	
	#top ul.sub {
		margin: 0 0;
		padding: 0 0;
	}
	
		#top ul li {
				float: left;
				display: block;
				width: 160px;
				margin: 0 5px 0 0;
				padding: 0 0;
				list-style: none;
		}
		
			/* podpolozky - zadny margin */
			#top ul li ul.sub li {
				margin: 0 0;
			}
		
		/* hlavni sekce v menu top a left */
		#top ul h2 , #top ul h3 , #menu-left h2 , #menu-left h3 {
			margin: 0 0;
			padding: 0 0;
			color: #ffffff;
			font-size: 1em;
			font-weight: bold;
		}
		
		/* hlavni nadpisy v menu */
		#top ul h2 a , #top ul h3 a , #top ul strong a , #menu-left h2 a , #menu-left h3 a , #menu-left strong a , #top ul strong span , #menu-left strong span {
			color: #ffffff;
		}
		
		#top ul h3 {
			font-weight: normal;
		}
		
		#top ul a , #top ul span {
			display: block;
			padding: 0 10px;
		}
		
		#top ul a:hover , #menu-left a:hover {
			color: #000000;
			/* font-weight: bold; */
			background: #E5E5E5;
		}
		
		#top ul a.click , #menu-left a.click {
			color: #000000;
			font-weight: bold;
			background: #E5E5E5;
		}
		
	#top li.lang-sk {
		padding-top: 1.8em;
	}
		
		/* #top li.lang-sk a {
			color: white;
		} */
		
/* LEVE MENU */
#menu-left {
	position: absolute; left: 0; top: 173px;
	
	display: block;
	width: 245px;
	margin: 0px 0 0 0px;
	padding: 0px 0 30px 0;
	line-height: 2.25em;
	text-align: left;
	vertical-align: top;
	background: url(pictures/mask/menu-left-bgr.gif) 0 0 repeat-y;
}
	#menu-left ul.sub {
		margin: 0 0;
		padding: 0 0;
	}
	
	#menu-left li {
		display: block;
		width: 245px;
		margin: 0 auto;
		padding: 0 0;
		list-style: none;
	}
	
	/* nadpisy v levem menu */
	#menu-left h2 , #menu-left h3 , #menu-left strong {
		display: block;
		padding-top: 30px;
	}
	
	#menu-left a {
		display: block;
		margin: 0 0;
		padding: 0 39px;
	}
	
/* upoutavka v levem menu */
.box-left {
	/* position: absolute; left: 0; top: 173px; */
	
	position: absolute; left: 0; top: 530px;
	
	display: block;
	width: 245px;
	margin: 0px 0 0 0px;
	padding: 0px 0 30px 0;
	line-height: 2.25em;
	text-align: left;
	vertical-align: top;
	color: #C3C8D9;
	background: url(pictures/mask/menu-left-bgr.gif) 0 0 repeat-y;
	
}
	
	.box-left div {
		margin: 25px 39px 0 39px;
	}
	
	.box-left a {
		color: #ffffff;
	}



		
		
#content-hp , #content {
	clear: both;
	width: 705px;
	margin: 25px 0 0 245px;
	padding: 0 0;
	text-align: left;
	background: url(pictures/mask/text-hp-bgr.jpg) 0 0 no-repeat #E5E5E5;
}


	
	
	#content-hp h1, #content-hp h2 {
		text-align: right;
		font-weight: normal;
	}
		
	#content-hp h1 {
		margin: 5px 0 0 0;
		padding: 0 0;
		color: #000000;
		font-size: 180%;/* 22px */
	}
	
	#content-hp h2 {
		margin: 0 0 0 0;
		padding: 0 0 30px 0;
		font-size: 130%;/* 16px */
	}
		
		#intro {
			padding: 0 0 15px 0;
			border-bottom: 4px solid #C3C8D9;
		}
		
		#content-hp #intro p {
			
			padding: 0 0 0 172px;
			text-align: left;
			line-height: 2em;
		}
		
		#content-hp blockquote {
			margin: 0 0 0 0;
			padding: 0 0 40px 310px;
			line-height: 1.5em;
			text-align: left;
			font-style: italic;
			background: url(pictures/mask/signature.jpg) right bottom no-repeat;
		}
		
			#content-hp #intro blockquote p {
				width: 100%;
				margin: 0 0;
				padding: 0 0;
				line-height: 1.5em;
			}
		
		#content-hp hr.separator {
			margin-top: 0px;/* for IE */
			padding-top: 0px;/* for IE */
		}
		
#content {
	text-align: center;/* for IE */
	background: #E5E5E5;
}
	
		
	#text {
		width: 605px;
		margin: 0 auto;
		padding: 35px 0;
		text-align: left;/* IE */
	}
	
		#text p {
			margin-bottom: 2em;
		}
		
		#text h2 {
			margin-bottom: 0.5em;
		}
		
		#text ul {
			line-height: 2em;
		}
		
		
		/* 3 sloupce vedle sebe */
		.column3 , .column3-last {
			float: left;
			width: 170px;
			margin: 40px 47px 0 0;
			padding: 0 0;
			line-height: 1.5em;
			text-align: left;
			
		}
			.column3-last {
				margin: 40px 0px 0 0;
				
			}
			
			/* 3 sloupce na hlavni strance */
			#content-hp .column3 p , #content-hp .column3-last p {
				line-height: 1.5em;
			}
			
			#content-hp .column3 a , #content-hp .column3-last a {
				font-weight: bold;
			}
			
			#content-hp .column3 h3 , #content-hp .column3-last h3 {
				display: inline;
				margin: 0 0;
				padding: 0 0;
				font-size: 1em;
				font-weight: bold;
			}
		
		/* DVA SLOUPCE VEDLE SEBE */
		.column2  {
			float: left;
			width: 285px; /* 605px celkem */
			margin: 0 0;
			padding: 0 0;
			
		}
			
			/* oddelovac sloupcu */
			.column-separator {
				float: left;
				display: block;
				width: 35px;
				margin: 0 0px;
				padding: 0 0;
			}
			
			
	/* FOTOGALERIE */
	/* div, do ktereho je galerie vlozena */
	.gallery {
		
	}
	
		/* blok s obrazkem */
		.thumbnail {
			float: left;
			display: block;
			width: 170px;
			height: 200px;
			margin: 15px 10px;
			padding: 0 0;
			text-align: center;
			vertical-align: top;
		}
		
		.thumbnail .img {
			display: block;
			height: 180px;
		}
			
			/* samotny nahled */
			.thumbnail img {
				border: 2px solid #ffffff;
			}
		
		/* popisek obrazku */
		.thumbnail .descr {
			display: block;
			padding-top: 0.5em;
			text-align: left;
		}
		
		
/* PATICKA */
address , #graphic , #recomm {
	display: block;
	width: 705px;
	margin: 25px 0 0 245px;
	line-height: 1.5em;
	text-align: left;
	color: #C3C8D9;
	font-size: 95%;/* 11px */
	font-style: normal;
}
	
	address a , #graphic a  {
		color: #FFFFFF;
	}
	
	#recomm a {
		color: #C3C8D9;
	}

#graphic {
	margin-top: 1.5em;
}

/* PRISTUPNOST */
a#accessibility , a#accessibility-help , .ie-bug-hidden {
    position:absolute; left: -999px; top: 0px; overflow:hidden;
}
a#accessibility:focus, a#accessibility:active , a#accessibility-help:focus, a#accessibility-help:active {
	left: 0px;
}




/* OBSAH CLANKU */
.table-formated {
	border: 0px;
	border-collapse: collapse;
	border-spacing: 0px;
	background-color: #ffffff;
}

	.table-formated th {
		padding: 4px;
		text-align: left;
		font-weight: bold;
		border-bottom: 1px #fff solid;
		border-right: 1px #fff solid;
		background-color: #C3C8D9;
	}
	
	.table-formated td {
		background-color: #E5E5E5;
		color: #000;
		padding: 4px;
		text-align: left;
		border: 1px #fff solid;
	}