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

/* --- odkazy --- */
a 						{color: #000000; text-decoration: underline;}
a:hover 				{color: #000000; 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: #f68f21; background: #f68f21; text-align: center; border-width: 0px;}

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

/* --- obrazky --- */
img 								{border: 0px;}
img.border						{border: 1px solid #ff9100; padding: 2px;}
a:hover img.border			{border: 1px solid #ff9100; background: #ff9100;}
img.icon							{vertical-align: -3px; margin: 0px 3px 0px 1px;}
img.toleft						{margin: 0px 10px 10px 0px;}
img.toright						{margin: 0px 0px 10px 10px;}

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

/* --- tabulky --- */
table.nice						{width: 100%; font-size: 1em; }
table.nice tr td 				{padding: 2px;	border: 1px solid #dddddd;}
table.nice tr td.item		{background: url(../img/bcg_th.gif) repeat-x #eef2fa bottom; font-weight: bold; width: 120px;}
table.nice tr th				{background: url(../img/bcg_th.gif) repeat-x #eef2fa bottom; font-weight: bold; padding: 2px;}
table.nice tr td.long		{width: 250px;}
table.nice tr td.short		{width: 150px;}
table.medium					{width: 350px;}
table.fotogalerie td		{padding: 5px; vertical-align: middle; text-align: center;}

/* --- hlavicky --- */
h1, h2, h3, h4, h5, h6 		{clear: both; color: #ff9100; font-size: 1.3em; margin: 0px; }
h1									{display: none;}
h2									{padding: 0px;	margin: 0px 0px 15px 0px; font-size: 1.4em;}
h3 								{font-size: 1.2em; margin: 0px 0px 10px 0px; text-decoration: underline; }
h4									{font-size: 1em;}

/* --- formulare --- */
input				{font-family:  sans-serif; border: 1px solid #000000; margin-bottom: 5px; font-size: 1.2em; padding: 3px; background: #fceacb;}
button			{font-family:  sans-serif; border: 1px solid #000000; margin-bottom: 5px; font-size: 1.2em; padding: 3px; background: #fceacb;}
input.submit	{border-width: 0px; width: 150px; background: #f69021; font-size: 1em; padding: 3px 0px 3px 0px; color: #ffffff; text-transform: uppercase; text-decoration: none; text-align: center; font-weight: bold;}
input.checkbox	{vertical-align: -0.5em;}
textarea			{font-family:  sans-serif; border: 1px solid #000000; margin-bottom: 5px; font-size: 1.2em; padding: 3px;  background: #fceacb;}
form				{margin: 0px; padding: 0px;}
fieldset			{background: #ffffff; margin-top: 15px;}
legend			{border: 1px solid #000000; background: #f69021; color: #ffffff; font-weight: bold; padding: 2px 10px 2px 10px;}

/* --- globalni tridy --- */
.clear			{clear: both;}
.smaller			{font-size: 0.85em;}
.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;}
.half				{width: 240px;}
.bad				{background-color: #ff0000; color: #ffffff; padding: 2px 3px 2px 3px;}
.bad a			{color: #ffffff;}

/* --- layout --- */
#layout {
	display: block;
	margin: auto;
	width: 810px;
	background: url(../img/bcg_body.png) top left repeat-y #e8dc99;
}

#layout #top {
	display: block;
	clear: both;
	width: 800px;
	height: 170px;
	margin-left: 6px;
}

#layout #top #topImage {
	display: block;
	clear: both;
	width: 800px;
	height: 145px;
	background: url(../img/bcg_top.jpg) top left no-repeat;
}

#layout #top h1 {
	display: block;
	width: 780px;
	height: 20px;
	margin: 0px;
	padding: 4px 0px 0px 20px;
	background: url(../img/bcg_top_h1.png) top left no-repeat #ff9100;
	text-transform: uppercase;
	font-size: 1.2em;
	color: #ffffff;
}

#layout #content {
	display: block;
	clear: both;
	width: 800px;
	margin-left: 6px;
	background: url(../img/bcg_menu.png) bottom left no-repeat;
}

#layout #content #left {
	display: block;
	float: left;
	width: 175px;
	padding-top: 5px;
}

#layout #content #left ul {
	margin: 0px;
	padding: 0px;
}

#layout #content #left ul li {
	display: block;
	clear: both;
	width: 175px;
	height: 19px;
	margin: 7px 0px 0px 0px;
	padding: 0px;
	list-style: none;
}

#layout #content #left ul li span {display: block; float: left; width: 19px; height: 22px; background: #d70120;}
#layout #content #left ul li.polozka1 span {background: #d70120;}
#layout #content #left ul li.polozka2 span {background: #75ac3d;}
#layout #content #left ul li.polozka3 span {background: #ddbd21;}
#layout #content #left ul li.polozka4 span {background: #c34b46;}
#layout #content #left ul li.polozka5 span {background: #3f86cc;}
#layout #content #left ul li.polozka6 span {background: #8764a8;}
#layout #content #left ul li.polozka7 span {background: #53a591;}
#layout #content #left ul li.polozka8 span {background: #3762ae;}
#layout #content #left ul li.polozka9 span {background: #d70120;}
#layout #content #left ul li.polozka10 span {background: #75ac3d;}
#layout #content #left ul li.polozka11 span {background: #ddbd21;}
#layout #content #left ul li.polozka12 span {background: #c34b46;}
#layout #content #left ul li.polozka13 span {background: #3f86cc;}
#layout #content #left ul li.polozka14 span {background: #8764a8;}
#layout #content #left ul li.polozka15 span	{background: #53a591;}
#layout #content #left ul li.polozka16 span {background: #3762ae;}
#layout #content #left ul li.polozka17 span {background: #d70120;}
#layout #content #left ul li.polozka18 span {background: #75ac3d;}
#layout #content #left ul li.polozka19 span {background: #ddbd21;}
#layout #content #left ul li.polozka20 span {background: #c34b46;}
#layout #content #left ul li.polozka21 span {background: #3f86cc;}
#layout #content #left ul li.polozka22 span {background: #8764a8;}
#layout #content #left ul li.polozka23 span	{background: #53a591;}
#layout #content #left ul li.polozka24 span {background: #3762ae;}
#layout #content #left ul li.polozka25 span {background: #d70120;}
#layout #content #left ul li.polozka26 span {background: #75ac3d;}
#layout #content #left ul li.polozka27 span {background: #ddbd21;}
#layout #content #left ul li.polozka28 span {background: #c34b46;}
#layout #content #left ul li.polozka29 span {background: #3f86cc;}
#layout #content #left ul li.polozka30 span {background: #8764a8;}
#layout #content #left ul li.polozka31 span	{background: #53a591;}
#layout #content #left ul li.polozka32 span {background: #3762ae;}

#layout #content #left ul li a 			{display: block; width: 140px; height: 18px; float: right; border: 1px solid #ff9100; background: #ffffff; text-decoration: none; padding: 1px 0px 0px 10px; font-weight: bold;}
#layout #content #left ul li a:hover	{background: #ff9100; color: #ffffff;}
#layout #content #left ul li a.zvyraznene			{background: #ffe9cc;}
#layout #content #left ul li a.zvyraznene:hover	{background: #ffe9cc; color: #000000;}
	
#layout #content #right {
	display: block;
	float: right;
	width: 575px;
	margin: 10px 20px 20px 30px;
}

#layout #content #right p {text-align: justify; }

#layout #content #right div pre {text-align: center; font-family: Arial; font-size: 13px;}


#footer {
	display: block;
	clear: both;
	width: 790px;
	height: 29px;
	background: url(../img/bcg_footer.png) top left no-repeat #ff9100;
	color: #ffffff;
	text-align: right;
	padding: 4px 20px 0px 0px; 
}


/* --- 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;
}