html {
	margin: 0 auto;
	padding: 0;
	background-color:#fff;
	background-image: url('img/bg.gif');
	background-repeat: repeat-x;
}

body {
	color: #575757;
	margin: 0 auto;
	padding: 0;
}

#container {
	overflow: hidden;
	width: 990px;
	margin:auto;
	font-family:Arial;
	color:#6B6B6B;
	font-size:13px;
	line-height:19px;
}

td {
	text-align:left;
}

a {
	color:#0777A5;
	text-decoration:none;
	outline:0px;
}

a.lang-01  {
	width:25px;
	height:20px;
	margin-top:6px;
	float:right;
	margin-right:17px;
}

a.lang-02  {
	width:25px;
	height:20px;
	margin-top:6px;
	float:right;
	margin-right:15px;
}


a.more{ display:inline; height:23px; width:456px; float:left; background: url(img/more.gif); -moz-opacity:0.8; opacity:0.8; filter: alpha(opacity=80); background-color:#fff; }

a:hover.more{ -moz-opacity:1.0; opacity:1.0; filter: alpha(opacity=100); background-color:#fff; }

a.more-en{ display:inline; height:23px; width:456px; float:left; background: url(img/more-en.gif); -moz-opacity:0.8; opacity:0.8; filter: alpha(opacity=80); background-color:#fff; }

a:hover.more-en{ -moz-opacity:1.0; opacity:1.0; filter: alpha(opacity=100); background-color:#fff; }



a.item-01{ display:inline; height:138px; width:149px; float:left; background: url(img/scroll_01.jpg); -moz-opacity:0.8; margin:5px 7px 10px 7px; opacity:0.8; filter: alpha(opacity=80); background-color:#fff; }

a:hover.item-01{ -moz-opacity:1.0; opacity:1.0; filter: alpha(opacity=100); background-color:#fff; }

a.item-02{ display:inline; height:138px; width:157px; float:left; background: url(img/scroll_02.jpg); -moz-opacity:0.8; margin:5px 7px 10px 7px; opacity:0.8; filter: alpha(opacity=80); background-color:#fff; }

a:hover.item-02{ -moz-opacity:1.0; opacity:1.0; filter: alpha(opacity=100); background-color:#fff; }

a.item-03{ display:inline; height:138px; width:158px; float:left; background: url(img/scroll_03.jpg); -moz-opacity:0.8; margin:5px 7px 10px 7px; opacity:0.8; filter: alpha(opacity=80); background-color:#fff; }

a:hover.item-03{ -moz-opacity:1.0; opacity:1.0; filter: alpha(opacity=100); background-color:#fff; }

a.item-04{ display:inline; height:138px; width:155px; float:left; background: url(img/scroll_04.jpg); -moz-opacity:0.8; margin:5px 7px 10px 7px; opacity:0.8; filter: alpha(opacity=80); background-color:#fff; }

a:hover.item-04{ -moz-opacity:1.0; opacity:1.0; filter: alpha(opacity=100); background-color:#fff; }

a.item-05{ display:inline; height:138px; width:148px; float:left; background: url(img/scroll_05.jpg); -moz-opacity:0.8; margin:5px 7px 10px 7px; opacity:0.8; filter: alpha(opacity=80); background-color:#fff; }

a:hover.item-05{ -moz-opacity:1.0; opacity:1.0; filter: alpha(opacity=100); background-color:#fff; }

a.item-06{ display:inline; height:138px; width:148px; float:left; background: url(img/scroll_06.jpg); -moz-opacity:0.8; margin:5px 7px 10px 7px; opacity:0.8; filter: alpha(opacity=80); background-color:#fff; }

a:hover.item-06{ -moz-opacity:1.0; opacity:1.0; filter: alpha(opacity=100); background-color:#fff; }

a.item-07{ display:inline; height:138px; width:148px; float:left; background: url(img/scroll_07.jpg); -moz-opacity:0.8; margin:5px 7px 10px 7px; opacity:0.8; filter: alpha(opacity=80); background-color:#fff; }

a:hover.item-07{ -moz-opacity:1.0; opacity:1.0; filter: alpha(opacity=100); background-color:#fff; }

a.item-08{ display:inline; height:138px; width:148px; float:left; background: url(img/scroll_08.jpg); -moz-opacity:0.8; margin:5px 7px 10px 7px; opacity:0.8; filter: alpha(opacity=80); background-color:#fff; }

a:hover.item-08{ -moz-opacity:1.0; opacity:1.0; filter: alpha(opacity=100); background-color:#fff; }


a:hover {
	color:#CC0000;
}

a#iartsLink  {
	width:65px;
	height:20px;
	margin-top:36px;
	float:right;
	margin-right:30px;
}

h1 {
	font-size:23px;
	height:25px;
	font-family:Arial, Tahoma;
	font-weight:bold;
	color:#0070C0;
	float:left;
	width:100%;
	margin:18px 0px 15px 15px;
}

h2 {
	font-family: Arial, Tahoma;
	font-size:17px;
	height:auto;
	width:100%;
	font-weight:bold;
	color:#707070;
	float:left;
	margin:0px 0px 20px 0px;
}


#img-01 {
	display:block;
	float:left;
	width:990px;
	height:35px;
	background-image: url('img/img_01.gif');
}

#img-02 {
	display:inline;
	float:left;
	width:215px;
	height:46px;
}

#img-03 {
	display:inline;
	float:left;
	width:236px;
	height:46px;
}

#img-04 {
	display:inline;
	float:left;
	width:210px;
	height:46px;
}

#img-05 {
	display:inline;
	float:left;
	width:172px;
	height:46px;
}

#img-06 {
	display:inline;
	float:left;
	width:157px;
	height:46px;
}

#img-02-en {
	display:inline;
	float:left;
	width:217px;
	height:46px;
}

#img-03-en {
	display:inline;
	float:left;
	width:202px;
	height:46px;
}

#img-04-en {
	display:inline;
	float:left;
	width:224px;
	height:46px;
}

#img-05-en {
	display:inline;
	float:left;
	width:153px;
	height:46px;
}

#img-06-en {
	display:inline;
	float:left;
	width:157px;
	height:46px;
}

#img-02-ru {
	display:inline;
	float:left;
	width:224px;
	height:46px;
}

#img-03-ru {
	display:inline;
	float:left;
	width:164px;
	height:46px;
}

#img-04-ru {
	display:inline;
	float:left;
	width:183px;
	height:46px;
}

#img-05-ru {
	display:inline;
	float:left;
	width:194px;
	height:46px;
}

#img-06-ru {
	display:inline;
	float:left;
	width:223px;
	height:46px;
}
#img-07 {
	display:block;
	float:left;
	width:990px;
	height:214px;
}

#content {
	display:block;
	float:left;
	width:990px;
	font-size:13px;
	font-family:Arial, Tahoma;
	background-image: url('img/cont_top.gif');
	background-repeat: repeat-x;
	padding-top:2px;
}

#footer {
	display:block;
	float:left;
	width:980px;
	height:83px;
	text-align:right;
	background-image: url('img/img_09.gif');
	padding-top:16px;
	padding-right:10px;
	font-size:11px;
}

#footer td {
	font-size:11px;
}

#footer a {
	font-weight:bold;
	font-size:11px;
}

#footer a:hover {
	font-weight:bold;
	font-size:11px;
}

/*
	root element for the scrollable.
	when scrolling occurs this element stays still.
*/
.scrollable {

	/* required settings */
	position:relative;
	overflow:hidden;
	width: 840px;
	height:150px;
	margin-left:10px;
	margin-bottom:10px;

	/* custom decorations */

}

/*
	root element for scrollable items. Must be absolutely positioned
	and it should have a extremely large width to accomodate scrollable items.
	it's enough that you set the width and height for the root element and
	not for this element.
*/
.scrollable .items {
	/* this cannot be too large */
	width:20000em;
	position:absolute;
	clear:both;
}

/* single scrollable item */
.scrollable img {
	float:left;
	margin:5px 5px 10px 7px;
	background-color:#fff;
	padding:2px;

	cursor:pointer;
	
	/*-moz-border-radius:4px;
	-webkit-border-radius:4px;*/
}

/* active item */
.scrollable .active {
	border:2px solid #000;
	z-index:9999;
	position:relative;
}


/*
	root element for the scrollable.
	when scrolling occurs this element stays still.
*/
/* this makes it possible to add next button beside scrollable */
.scrollable {
	float:left;	
}

/* prev, next, prevPage and nextPage buttons */
a.browse {
	background:url(http://flowplayer.org/tools/img/scrollable/arrow/hori_large.png) no-repeat;
	display:block;
	width:30px;
	height:30px;
	float:left;
	margin:40px 10px;
	cursor:pointer;
	font-size:1px;
}

/* right */
a.right 				{ background-position: 0 -30px; clear:right; margin-right: 0px;}
a.right:hover 		{ background-position:  -30px; }
a.right:active 	{ background-position:-60px -30px; } 


/* left */
a.left				{ margin-left: 0px; } 
a.left:hover  		{ background-position:-30px 0; }
a.left:active  	{ background-position:-60px 0; }



/* disabled navigational button */
a.disabled {
	visibility:hidden !important;		
}

.input2 {
	BORDER-RIGHT: #BDBDBD 1px solid; BORDER-TOP: #BDBDBD 1px solid; FONT-SIZE: 11px; BORDER-LEFT: #BDBDBD 1px solid; COLOR: #000000; BORDER-BOTTOM: #BDBDBD 1px solid; FONT-FAMILY: Tahoma, Arial, sans-serif; BACKGROUND-COLOR: #ffffff; TEXT-DECORATION: none; padding-top:4px; padding-left:3px; height:19px; background-image: url('img/input.gif'); background-repeat: repeat-x; 
}

.input3 {
	BORDER-RIGHT: #BDBDBD 1px solid; BORDER-TOP: #BDBDBD 1px solid; FONT-SIZE: 11px; BORDER-LEFT: #BDBDBD 1px solid; COLOR: #000000; BORDER-BOTTOM: #BDBDBD 1px solid; FONT-FAMILY: Tahoma, Arial, sans-serif; BACKGROUND-COLOR: #ffffff; TEXT-DECORATION: none; padding-top:4px; padding-left:3px; background-image: url('img/input.gif'); background-repeat: repeat-x; line-height:17px;
}

	
.wyslijform {
	background-image: url('img/wyslij.gif'); height:30px; width:87px; margin-right:20px; border:1px solid #C0C0C0; 
	}
	
.resetform {
	background-image: url('img/reset.gif'); height:30px; width:100px; margin-right:20px; border:1px solid #C0C0C0; 
	}
	
	
	
UNKNOWN {
	LEFT: 0px; VISIBILITY: hidden; POSITION: absolute; TOP: 0px
}
.clBar {
	VISIBILITY: hidden; WIDTH: 10px; HEIGHT: 10px; BACKGROUND-COLOR: #ffffff; 
}
.clLevel0 {
	PADDING-LEFT: 10px; FONT: bold 11px Arial, Tahoma; PADDING-TOP: 12px; padding-bottom:8px; background-image: url('img/submenu-off.gif');
}
.clLevel0over {
	PADDING-LEFT: 10px; FONT: bold 11px Arial, Tahoma; PADDING-TOP: 12px; padding-bottom:8px; background-image: url('img/submenu-on.gif');
}
.clLevel0 {
	COLOR: #5C5C5C; BACKGROUND-COLOR: #ffffff; LAYER-BACKGROUND-COLOR: #FFFFFF
}
.clLevel0over {
	CURSOR: pointer; COLOR: #005BAC; BACKGROUND-COLOR: #ffffff; LAYER-BACKGROUND-COLOR: #FFFFFF
}
.clLevel0border {
	VISIBILITY: hidden; POSITION: absolute; BACKGROUND-COLOR: #000000; LAYER-BACKGROUND-COLOR: #CCCCCC
}

.clLevel0x {
	PADDING-LEFT: 10px; FONT: bold 11px Arial, Tahoma; PADDING-TOP: 12px; padding-bottom:8px; background-image: url('img/submenu2-off.gif');
}
.clLevel0xover {
	PADDING-LEFT: 10px; FONT: bold 11px Arial, Tahoma; PADDING-TOP: 12px; padding-bottom:8px; background-image: url('img/submenu2-on.gif');
}
.clLevel0x {
	COLOR: #5C5C5C; BACKGROUND-COLOR: #ffffff; LAYER-BACKGROUND-COLOR: #FFFFFF
}
.clLevel0xover {
	CURSOR: pointer; COLOR: #005BAC; BACKGROUND-COLOR: #ffffff; LAYER-BACKGROUND-COLOR: #FFFFFF
}
.clLevel0xborder {
	VISIBILITY: hidden; POSITION: absolute; BACKGROUND-COLOR: #000000; LAYER-BACKGROUND-COLOR: #CCCCCC
}


.clLevel1 {
	PADDING-LEFT: 6px; FONT: 11px Tahoma,Arial,Helvetica; PADDING-TOP: 8px; POSITION: absolute
}
.clLevel1over {
	PADDING-LEFT: 6px; FONT: 11px Tahoma,Arial,Helvetica; PADDING-TOP: 8px; POSITION: absolute
}
.clLevel1 {
	COLOR: #878787; BACKGROUND-COLOR: #ffffff; LAYER-BACKGROUND-COLOR: #FFFFFF
}
.clLevel1over {
	CURSOR: pointer; COLOR: #666666; BACKGROUND-COLOR: #F2F2F2; LAYER-BACKGROUND-COLOR: #EBEFFC
}
.clLevel1border {
	VISIBILITY: hidden; POSITION: absolute; BACKGROUND-COLOR: #BECEFF; LAYER-BACKGROUND-COLOR: #CCCCCC
}


.clLevel2 {
	PADDING-LEFT: 6px; FONT: 11px Tahoma,Arial,Helvetica; PADDING-TOP: 4px; POSITION: absolute
}
.clLevel2over {
	PADDING-LEFT: 6px; FONT: 11px Tahoma,Arial,Helvetica; PADDING-TOP: 4px; POSITION: absolute
}
.clLevel2 {
	COLOR: #878787; BACKGROUND-COLOR: #ffffff; LAYER-BACKGROUND-COLOR: #FFFFFF
}
.clLevel2over {
	CURSOR: pointer; COLOR: #666666; BACKGROUND-COLOR: #F4F7FD; LAYER-BACKGROUND-COLOR: #F4F7FD
}
.clLevel2border {
	VISIBILITY: hidden; POSITION: absolute; BACKGROUND-COLOR: #D5DFFF; LAYER-BACKGROUND-COLOR: #CCCCCC
}

#divMenu {
/*	border:1px #000 solid;
	display:block;
	padding:2px;*/
	height:370px;
	padding:5px;
}