/************** HTML tag styles ****************/

body {font-family: Verdana, Helvetica, sans-serif; font-size: small; color: #005FA9; background: #005FA9 url(img/bg_page.jpg) fixed; margin: 0px 15px 10px 15px;}
ul {list-style-image: url(img/dot1.gif); margin: 7px 5px 7px 0px;}
dt {color: #000077; font-weight: bold;}
h3 {color: #660000; font-family: Arial, Helvetica, sans-serif; font-size: medium;}

/******* hyperlink and anchor tag styles *******/

a:link {color: #005FA9; text-decoration: underline;}
a:visited {color:#0066BB; text-decoration: underline;}
a:hover {color:#003399; text-decoration: none;}

/*************** Layout Divs *******************/

#siteName {vertical-align: top;	color: #FFFFCC;	padding: 10px 5px;}
#siteName1 {text-align: left; font-size: small; font-family: Verdana, Helvetica, sans-serif; color: #9966CC;}
#siteName2 {text-align: right; font-size: small; font-style: italic; font-family: Arial, Helvetica, sans-serif;}
#siteName3 {text-align: left; font-size: x-large; font-weight: bold; font-style: italic; font-family: Arial, Helvetica, sans-serif;}
#siteName4 {text-align: right; font-size: small; font-family: Verdana, Helvetica, sans-serif; color: #99CCFF;}
#topNav {font-family: Arial, Helvetica, sans-serif;	font-size: small; height: 25px; color: #000077; background-image: url(img/bg23.jpg); padding: 5px 10px 0px 10px;}
#dowNav {font-family: Arial, Helvetica, sans-serif;	font-size: small; font-style: italic; font-weight: bold; text-align: right; height: 25px; color: #000077; background-image: url(img/bg32.jpg); padding: 0px 10px 5px 10px;}
#tImg {border: none; margin: 10px 30px;}
#tImgS {border: 1px solid #CCCCCC; margin: 10px 10px;}
#RightNav {
	font-family: Impact, Verdana;
	font-size: medium;
	line-height: 25px;
	color: #660000;
	background-color: #FFFFCC;
	vertical-align: top;
	width: 20%;
}
#DownBar {font-family: Arial, Helvetica, sans-serif; font-size: small; color: #660000; text-align: center;}
#LastMod {font-family: Arial, Helvetica, sans-serif; font-size: x-small; color: #FFFFCC; text-align: left;}

/*********** table character styles ************/

#table1 {width: 100%; background-color: #F0F4F8; border-collapse: collapse;	margin: 5px 0px;}
#tabAlign {
	text-align: center;
	vertical-align: top;
}
.tabHead {font-family: Arial, Helvetica, sans-serif; font-size: medium; color: #005FA9; background-color: #E8E8E8;}
.tab1Head {font-family: Verdana, Helvetica, sans-serif;	font-size: small; color: #005FA9; background-color: #E8E8E8;}
.catalText {font-family: Verdana, Helvetica, sans-serif; font-size: small; color: #005FA9; line-height: 16px; text-align: justify; padding: 5px 10px; vertical-align: top;}
.tabText {
	font-family: Arial, Helvetica, sans-serif;
	font-size: small;
	color: #005FA9;
	text-align: justify;
	padding: 5px 15px;
	width: 80%;
	vertical-align: top;
}
.tabText1 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: small;
	color: #005FA9;
	text-align: left;
	padding: 25px 5px 25px 35px;
}
.border {padding: 3px; text-align: center; border: 1px solid #005FA9;}
.lborder {padding: 3px; text-align: left; border: 1px solid #005FA9;}
.lemborder {padding: 3px; text-align: left; font-style: italic; border: 1px solid #005FA9;}
.noborder {padding: 5px; text-align: left;}
.noborderRC {padding: 5px; color: #660000; text-align: right;}
.podpis {font-family: Arial, Helvetica, sans-serif;	font-size: small; color: #005FA9; text-align: right; padding: 0px 0px 20px 0px;}
.tabSpisok {font-family: Verdana, Helvetica, sans-serif; font-size: small; color: #005FA9; text-align: left; vertical-align: top;}
.tabSpisok1 {
	font-family: Verdana, Helvetica, sans-serif;
	font-size: x-small;
	color: #660000;
	text-align: justify;
	vertical-align: top;
	padding: 5px;
}
.tabSpisok2 {
	font-family: Verdana, Helvetica, sans-serif;
	font-size: x-small;
	color: #660000;
	text-align: center;
	vertical-align: top;
	padding: 10px;
}

.videl {color: #660000;}
.videl1 {color: #660000; font-weight: bold; font-style: italic;}
.obozn {font-size: x-large; line-height: normal; background-color: #CCCCFF;}


#blink1 {
	animation: blink1 3s linear infinite;
}
@keyframes blink1 {
	0% {color: rgba(34, 34, 34, 1);}
	50% {color: rgba(34, 34, 34, 0);}
	100% {color: rgba(34, 34, 34, 1);}
}


/************* globalNav styles ****************/

#globalNav {position: relative; width: 100%; min-width: 640px; height: 32px; color: #CCCCCC; background-image: url(img/glbnav_background.gif); padding: 0px; margin: 0px;}
#gnl {position: absolute; top: 0px; left: 0px;}
#gnr {position: absolute; top: 0px; right: 0px;}
#globalLink {position: absolute; bottom: 2px; height: 22px;	min-width: 640px; padding: 0px;	margin: 0px; left: 10px;}
a.glink:link, a.glink:visited {font-family: Arial, Helvetica, sans-serif; font-size: medium; font-weight: bold; margin: 0px; padding: 4px 10px 4px 5px; border-right: 1px solid #8FB8BC; text-decoration: none;}
a.glink:hover {
	background-image: url(img/glblnav_selected.gif);
	text-decoration: none;
}
.skipLinks {display: none;}

/************ subglobalNav styles **************/

.subglobalNav {position: absolute; top: 100px; left: 0px; min-width: 640px; height: 20px; padding: 0px 0px 0px 15px; visibility: hidden; color: #FFFFFF;}
.subglobalNav a:link, .subglobalNav a:visited {font-size: 12px; color: #FFFFFF;}
.subglobalNav a:hover {font-size: 12px; color: #CCCCCC;}

/************ sectionLinks styles **************/

#sectionLinks {
	margin: 0px;
	padding: 0px;
}
#sectionLinks a:link, #sectionLinks a:visited {
	display: block;
	border-top: 2px solid #FFFFFF;
	border-bottom: 2px solid #CCCCCC;
	background-image: url(img/bg_nav.jpg);
	padding: 3px 5px 3px 5px;
	color: #005FA9;
	text-decoration: none;
}
#sectionLinks a:hover {
	background-color: #F8F8F8;
	background-image: none;
	text-decoration: none;
}

/********* form and related tag styles *********/

form {margin: 0; padding: 0;}
input {font-family: Arial,sans-serif;}

/*************** search styles *****************/

#search {position: absolute; bottom: 3px; right: 10px;}
#search input {font-size: 12px; color: #005FA9; margin: 0px 0px 0px 10px;}

/*************** image styles *****************/

#lightbox {
	Z-INDEX: 100; POSITION: absolute; TEXT-ALIGN: center; LINE-HEIGHT: 0; WIDTH: 100%; LEFT: 0px
}
#lightbox IMG {
	WIDTH: auto; HEIGHT: auto
}
#lightbox A IMG {
	BORDER-BOTTOM: medium none; BORDER-LEFT: medium none; BORDER-TOP: medium none; BORDER-RIGHT: medium none
}
#outerImageContainer {
	POSITION: relative; BACKGROUND-COLOR: #fff; MARGIN: 0px auto; WIDTH: 250px; HEIGHT: 250px
}
#imageContainer {
	PADDING-BOTTOM: 10px; PADDING-LEFT: 10px; PADDING-RIGHT: 10px; PADDING-TOP: 10px
}
#loading {
	POSITION: absolute; TEXT-ALIGN: center; LINE-HEIGHT: 0; WIDTH: 100%; HEIGHT: 25%; TOP: 40%; LEFT: 0%
}
#hoverNav {
	Z-INDEX: 10; POSITION: absolute; WIDTH: 100%; HEIGHT: 100%; TOP: 0px; LEFT: 0px
}
#imageContainer > #hoverNav {
	LEFT: 0px
}
#hoverNav A {
	OUTLINE-STYLE: none; OUTLINE-COLOR: invert; OUTLINE-WIDTH: medium
}
#prevLink {
	BACKGROUND-IMAGE: url(data: image/gif; base64, AAAA); WIDTH: 49%; DISPLAY: block; HEIGHT: 100%
}
#nextLink {
	BACKGROUND-IMAGE: url(data: image/gif; base64, AAAA); WIDTH: 49%; DISPLAY: block; HEIGHT: 100%
}
#prevLink {
	FLOAT: left; LEFT: 0px
}
#nextLink {
	FLOAT: right; RIGHT: 0px
}
#prevLink:hover {
	BACKGROUND: url(../img/prev.gif) no-repeat left 15%
}
#prevLink:hover:visited {
	BACKGROUND: url(../img/prev.gif) no-repeat left 15%
}
#nextLink:hover {
	BACKGROUND: url(../img/next.gif) no-repeat right 15%
}
#nextLink:hover:visited {
	BACKGROUND: url(../img/next.gif) no-repeat right 15%
}
#imageDataContainer {
	BACKGROUND-COLOR: #fff; MARGIN: 0px auto; WIDTH: 100%; FONT: 10px/1.4em Verdana, Helvetica, sans-serif; OVERFLOW: auto
}
#imageData {
	PADDING-BOTTOM: 0px; PADDING-LEFT: 10px; PADDING-RIGHT: 10px; PADDING-TOP: 0px; COLOR: #666
}
#imageData #imageDetails {
	TEXT-ALIGN: left; WIDTH: 70%; FLOAT: left
}
#imageData #caption {
	FONT-WEIGHT: bold
}
#imageData #numberDisplay {
	PADDING-BOTTOM: 1em; DISPLAY: block; CLEAR: left
}
#imageData #bottomNavClose {
	PADDING-BOTTOM: 0.7em; OUTLINE-STYLE: none; OUTLINE-COLOR: invert; OUTLINE-WIDTH: medium; WIDTH: 66px; FLOAT: right
}
#overlay {
	Z-INDEX: 100; POSITION: absolute; BACKGROUND-COLOR: #000; WIDTH: 100%; HEIGHT: 100%; TOP: 0px; LEFT: 15px;
}

/********************* end **********************/