/* ===================== ZAKLADNI HTML PRVKY */
body	{
	font-family: sans-serif;
	color: #000000;
	background: #ffffff;
	width: 100%;
	margin: 0px;
	padding: 0px;
	font-size: 0.8em;
}

/* --- odkazy --- */
a 						{color: #438444; text-decoration: underline;}
a:hover 				{color: #438444; text-decoration: none;}

/* --- ikonky k odkazum --- */
a[href$='.doc'], a[href$='.rtf'] 	{padding: 5px 20px 5px 0; background: transparent url(../img/ico/doc.png) no-repeat center right;}
a[href$='.txt'] 							{padding: 5px 20px 5px 0; background: transparent url(../img/ico/txt.png) no-repeat center right;}
a[href$='.xls'] 							{padding: 5px 20px 5px 0; background: transparent url(../img/ico/xls.png) no-repeat center right;}
a[href$='.rss'], a[href$='.atom'] 	{padding: 5px 20px 5px 0; background: transparent url(../img/ico/rss.png) no-repeat center right;}
a[href$='.vcard'] 						{padding: 5px 20px 5px 0; background: transparent url(../img/ico/vcard.png) no-repeat center right;}
a[href$='.pps'], a[href$='.ppt']		{padding: 5px 20px 5px 0; background: transparent url(../img/ico/pps.png) no-repeat center right;}
a[href$='.pdf'] 							{padding: 5px 20px 5px 0; background: transparent url(../img/ico/pdf.png) no-repeat center right;}
a[href$='.fla'], a[href$='.swf'] 	{padding: 5px 20px 5px 0; background: transparent url(../img/ico/swf.png) no-repeat center right;}
a[href$='.zip'], a[href$='.rar'], a[href$='.gzip'], a[href$='.bzip'], a[href$='.ace'] 
												{padding: 5px 20px 5px 0; background: transparent url(../img/ico/zip.png) no-repeat center right;}
a[href$='.css'] 							{padding: 5px 20px 5px 0; background: transparent url(../img/ico/css.png) no-repeat center right;}
a[href$='.mov'], a[href$='.wmv'], a[href$='.mp4'], a[href$='.avi'], a[href$='.mpg'] 		
												{padding: 5px 20px 5px 0; background: transparent url(../img/ico/avi.png) no-repeat center right;}
a[href$='.mp3'], a[href$='.wav'], a[href$='.ogg'], a[href$='.wma'], a[href$='.m4a'] 
												{padding: 5px 20px 5px 0; background: transparent url(../img/ico/mp3.png) no-repeat center right;}
a[href *="icq.com"] 						{padding: 5px 20px 5px 0; background: transparent url(../img/ico/icq.png) no-repeat center right;}
a[href ^="callto:"] 						{padding: 5px 20px 5px 0; background: transparent url(../img/ico/skype.png) no-repeat center right;}
a[href ^="skype:"] 						{padding: 5px 20px 5px 0; background: transparent url(../img/ico/skype.png) no-repeat center right;}  
a[href ^="mailto:"], a.mail			{padding: 5px 20px 5px 0; background: transparent url(../img/ico/mailto.png) no-repeat center right;}
a.out											{padding: 5px 20px 5px 0; background: transparent url(../img/ico/external.png) no-repeat center right;}
a.print										{padding: 5px 20px 5px 0; background: transparent url(../img/ico/print.png) no-repeat center right;}

/* --- zakladni html prvky ---*/
em, i					{font-style: normal;}
p 						{text-align: left; margin: 0px 0px 15px 0px; line-height: 1.3em;}
hr						{display: block; clear: both; margin: 10px 0px 10px 0px; color: #438444; background: #438444; text-align: center; border-width: 0px; height: 1px;}

/* --- seznamy --- */
ul						{list-style: square; margin: 5px 0px 5px 15px; padding: 0px; text-align: left;}
ol						{margin: 5px 0px 5px 15px; padding: 4px 0px 0px 5px;}

/* --- obrazky --- */
img 								{border: 0px;}
img.border						{border: 1px solid #438444; padding: 2px; margin: 5px;}

/* --- horni a dolni indexy --- */
sub, sup 			{vertical-align: baseline; position: relative;}
sub 					{top: 0.4em;}
sup 					{bottom: 0.4em;}

/* --- hlavicky --- */
h1, h2, h3, h4, h5, h6 		{clear: both; color: #438444; font-size: 1.3em; margin: 0px;}
h1									{display: none;}
h2									{padding: 0px;	margin: 0px 0px 7px 0px; font-size: 1.5em; border-bottom: 2px solid #438444;}
h3 								{font-size: 1.3em; margin: 20px 0px 5px 0px;}
h4									{font-size: 1em;}

/* --- tabulky --- */
table.list						{width: 740px; margin: 20px 0px 0px 0px;}
table.list tr th				{background: #eeeeee; border-bottom: 2px solid #e1e1e1; padding: 5px; text-align: left;}
table.list tr td				{border-bottom: 1px solid #e1e1e1; padding: 5px; text-align: left;}

/* --- formulare --- */
input, textarea			{font-family: sans-serif; font-size: 0.95em;}
input							{border: 1px solid #909090; margin-bottom: 5px; padding: 3px; background: #fafafa;}
input.submit				{background: #eeeeee; border-bottom: 3px solid #438444; border-top: 1px solid #438444; border-left: 1px solid #438444; border-right: 1px solid #438444; width: 150px; height: 25px; font-size: 0.90em; padding: 0px 0px 2px 0px; color: #113712; text-transform: uppercase; text-decoration: none; text-align: center; font-weight: normal; cursor: pointer;}
input.radio					{vertical-align: -6px;}
input.checkbox				{border: 0px;}
textarea						{border: 1px solid #909090; margin-bottom: 5px; padding: 3px;  background: #fafafa;}
form							{margin: 0px; padding: 0px;}
legend						{border: 1px solid #0d6a06; background: #269411; color: #ffffff; font-weight: bold; padding: 2px 10px 2px 10px;}
label 						{margin: 4px 10px 3px 10px; width: 120px; float: left; text-align: right;}
label.kratsi 				{width: 90px;}
label.pravy 				{margin: 4px 10px 3px 10px; width: 100px; float: right; text-align: left;}
legend 						{border: 1px solid #0d4db5; padding: 3px 10px 3px 10px; font-weight: bold; background: #dfedff;}
input.modry 				{border: 1px solid #11bceb; color: #646464; background: #ffffff; margin: 5px 0px 0px 0px;}

/* --- globalni tridy --- */
.border			{border: 2px solid #b7af8a; padding: 10px; background: #e4e1d3; margin: 0px 0px 20px 0px;}
.border h2		{color: #1d14c9; border: none;}
.border p		{padding: 0px; margin: 0px;}
.clear			{clear: both;}
.smaller			{font-size: 0.9em;}
.small 			{font-size: 0.8em;}
.bigger 			{font-size: 1.1em;}
.gray 			{color: #686868;}
.blue 			{color: #004080;}
.red				{color: #9f0000;}
.green			{color: #008000;}
.brown			{color: #573a32;}
.right 			{text-align: right;}
.center			{text-align: center;}
.left				{text-align: left;}
.toblock			{text-align: justify;}
.toleft			{display: block; float: left;	text-align: left;}
.toright			{display: block; float: right; text-align: left;}
.nomargin		{margin: 0px;}
.nobold			{font-weight: normal;}
.noborder		{border-width: 0px;}
.nobackground	{background: none;}
.error			{display: block; color: #000000; font-weight: bold; text-align: center; margin-bottom: 10px; padding: 2px 0px 2px 0px; border: 1px solid #999999;}
.error a			{color: #000000;}
.hidden			{display: none;}
.hlasovani  	{color: #0d4db5;}
.half				{width: 240px;}
.bad				{background-color: #ff0000; color: #ffffff; padding: 2px 3px 2px 3px;}
.bad a			{color: #ffffff;}
.box-info		{border: solid 1px #000000; background: #ffffcc url(../img/ico/info.png) 8px 5px no-repeat; color:#222222; padding: 4px 4px 4px 30px; text-align: left; width: 490px; margin: 10px 0px 10px 0px;}
.box-error		{border: solid 1px #cc0000; background: #f7cbca url(../img/ico/error.png) 8px 5px no-repeat; color:#cc0000; padding: 4px 4px 4px 30px; text-align: left; width: 490px; margin: 10px 0px 10px 0px;}
.bcg_ankety 	{height: 7px; width: 135px; background: #dfedff; margin: 0px 0px 7px 7px; font-size: 1px;}
.bcg_ankety img {padding: 0px; font-size: 1px;}


.obsah form{
  margin: 5px 0px;
}
.obsah form input.hlasuj{ 
  margin: 0px;
  border: none;
  background: none;
}


/* --- layout --- */
#layout {
	display: block;
	margin: auto;
	width: 1026px;
	background: url(../img/bcg_layout.gif) top left repeat-y;
}

	#layout #top {
		display: block;
		clear: both;
		width: 986px;
		height: 256px;
		margin: 0px 20px 0px 20px;
		background: url(../img/bcg_top.jpg) top left no-repeat;
	}
	
		#layout #top #topImage {
			display: block;
			float: left;
			width: 461px;
			height: 256px;
		}

		#layout #top ul#topMenu {
			display: block;
			float: left;
			width: 460px;
			height: 58px;
			margin: 27px 50px 0px 0px;
			padding: 0px 0px 0px 0px;
		}
		
			#layout #top ul#topMenu li {
				display: inline;
				float: right;
				width: 90px;
				height: 45px;
				padding: 0px 10px 0px 0px;
				margin: 0px;
				list-style: none;
				font-size: 0.9em;
			}

				#layout #top ul#topMenu li a {
					color: #ffffff;
					display: block;
					padding: 0px;
					text-decoration: none;	
					text-align: center;
				}
				
					#layout #top ul#topMenu li a.print 			{background: url(../img/ico/print.png) no-repeat left 0em; padding-left: 15px;}
					#layout #top ul#topMenu li a.favourites 	{background: url(../img/ico/favourite.png) no-repeat left 0em; padding-left: 18px;}
					#layout #top ul#topMenu li a.map				{background: url(../img/ico/map.png) no-repeat left 0em; padding-left: 15px;}
					#layout #top ul#topMenu li a.rss 			{background: url(../img/ico/rss.png) no-repeat left 0em; padding-left: 12px;}
					#layout #top ul#topMenu li a.contacts		{background: url(../img/ico/mailto.png) no-repeat left 0em; padding-left: 0px;}
					
					#layout #top ul#topMenu li a:hover {
						text-decoration: underline;
					}

		#layout #top #topSearch {
			display: block;
			float: right;
			width: 510px;
			height: 46px;
			margin: 125px 0px 0px 0px;
			padding: 0px 10px 0px 0px;
		}

		#layout #top #topSearch form {
			padding: 0px;
			margin: 0px;
		}

			#layout #top #topSearch form table {
				margin: 0px 0px 0px 280px;
				padding: 0px;
				height: 30px;
			}

				#layout #top #topSearch form input {
					margin: 0px;
				}
			
				#layout #top #topSearch form input.submit {
					border: none;
					background: none;
					width: 76px;
					height: 24px;
					margin: 0px;
					padding: 3px 0px 0px 0px;
				}
		
	#layout #content {
		display: block;
		clear: both;
		width: 986px;
		margin: 0px 20px 0px 20px;
	}
	
		#layout #content #contentMenu {
			background: url(../img/bcg_menu.jpg) top left repeat-y;
			display: block;
			float: left;
			width: 182px;
		}
		
			#layout #content #contentMenu h2 {				
				display: none;
			}

			#layout #content #contentMenu ul {					
				margin: 10px 0px 10px 0px;
				padding: 0px;
				list-style: none;
			}

				#layout #content #contentMenu ul li {
					background: url(../img/bcg_content_menu.png) bottom left no-repeat;
					margin: 0px 0px 0px 15px;
					padding: 5px 0px 5px 0px;
				}

					#layout #content #contentMenu ul li a {
						color: #ffffff;
						display: block;
						text-decoration: none;
					}				

						#layout #content #contentMenu ul li a:hover {
							text-decoration: underline;
						}				

		#layout #content #contentDate {
			display: block;
			float: left;
			width: 182px;
		}
						
						
		#layout #content #contentRight {
			display: block;
			float: right;
			width: 744px;
			margin: 15px;
			background: #ffffff;
			padding: 15px;
		}

		#layout #content #contentRightLeft {
			display: block;
			float: left;
			width: 530px;
			margin: 0px;
			padding: 0px;
		}
		
			#layout #content #contentRight p, #layout #content #contentRight #contentRightLeft p {
				text-align: justify;
			}

			#layout #content #contentRight div.zprava, #layout #content #contentRight #contentRightLeft div.zprava {
				margin-bottom: 30px;
			}

				#layout #content #contentRight div.zprava h2 a, #layout #content #contentRight #contentRightLeft div.zprava h2 a {
					text-decoration: none;
				}
		
			#layout #content #contentRight div.zprava img.border, #layout #content #contentRight #contentRightLeft div.zprava img.border {
				margin-top: 0px;
				margin-left: 0px;
			}

			#layout #content #contentRight div.zprava p, #layout #content #contentRight #contentRightLeft div.zprava p {
				margin-bottom: 3px;
			}			
			
		#layout #content #contentRightRight {
			display: block;
			float: right;
			width: 180px;
			margin: 0px 0px 0px 0px;
		}		
			
		#layout #content #contentBottom {
			display: block;
			float: right;
			width: 986px;
			height: 51px;
			background: url(../img/bcg_bottom.jpg) top left repeat-x;
		}

			#layout #content #contentBottom p {		
				color: #ffffff;
				font-size: 0.85em;
				text-align: center;
				padding: 15px 0px 0px 0px;
			}
		
				#layout #content #contentBottom p a {
					color: #ffffff;		
				}
				
/* --- lightbox --- */

#lightbox {
	position: absolute;
	left: 0px;
	width: 100%;
	z-index: 100;
	text-align: center;
	line-height: 0px;
	margin-top: 0px;
	cursor: pointer;
}

#lightbox a img {
	border: none;
}

#outerImageContainer {
	position: relative;
	top: 0px;
	background-color: #fff;
	width: 250px;
	height: 250px;
	margin: auto;
	margin-top: 0px;
}

#outerImageContainer img {
		border: 1px solid #000000;
}

#imageContainer {
	padding: 10px;
}

#loading {
	position: absolute;
	top: 40%;
	left: 0%;
	height: 25%;
	width: 100%;
	text-align: center;
	line-height: 0;
}

#hoverNav {
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	z-index: 10;
}

#imageContainer>#hoverNav {left: 0;}
#hoverNav a {outline: none;}

#prevLink, #nextLink {
	width: 49%;
	height: 100%;
	background: transparent url(lightbox/blank.gif) no-repeat; /* Trick IE into showing hover */
	display: block;
}

#prevLink {left: 0; float: left;}
#nextLink {right: 0; float: right;}
#prevLink:hover, #prevLink:visited:hover {background: url(lightbox/prev.gif) left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover {background: url(lightbox/next.gif) right 15% no-repeat; }


#imageDataContainer {
	font-family:  "Trebuchet MS", Verdana, Geneva, Arial, Helvetica, sans-serif;
	background-color: #fff;
	margin: 0 auto;
	line-height: 1.4em;
	overflow: auto;
	width: 100%	
}

#imageData {padding: 0px 10px 0px 10px; color: #666; height: 40px;}
#imageData #imageDetails {width: 70%; float: left; text-align: left;}	
#imageData #caption {font-weight: bold;}
#imageData #numberDisplay {display: block; clear: left; padding-bottom: 1.0em;}
#imageData #bottomNavClose {width: 120px; float: right;  padding-bottom: 0.7em;}	

		
#overlay {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 90;
	width: 100%;
	height: 500px;
	background-color: #000000;
}

.shown {
  display: none;
}