﻿body {
	margin: 0;
	color: #666666;
	background: #fff;
}

html {
	margin: auto;
	font-weight: normal;
	color: #636363;
	background: #fff;
	font-family: arial, tahoma;
	text-decoration: none;
}

td {
	font-family: Arial, Tahoma;
	font-size:13px;
	line-height:18px;
}
a {
	color: #516c7d;
	text-decoration: none;
	outline:0px;
}

a:hover {
	color: #D42A00;
	text-decoration: none;
}

div {
	margin: 0px;
	padding: 0px;
	border: 0px;
	text-align: left;
}
div#wrapper {
	text-align: center;
}

#container {
	display: block;
	width:962px;
	padding: 0px;
	margin: auto;
	text-align: left;
	margin-left: auto;
	margin-right: auto;
}

h1 {
	padding:0px;
	margin-top:0px;
	margin-bottom:20px;
	font-family: Arial black, Arial;
	font-weight:normal;
	color:#0057A7;
	font-size:24px;
	letter-spacing:-0.3px;
}

h2 {
	padding:0px;
	margin-top:0px;
	margin-bottom:20px;
	font-family: Arial black, Arial;
	font-weight:normal;
	color:#0057A7;
	font-size:24px;
	letter-spacing:-0.3px;
}

h3 {
	padding:0px;
	margin-top:0px;
	margin-bottom:20px;
	font-family: Arial black, Arial;
	font-weight:normal;
	color:#0057A7;
	font-size:24px;
	letter-spacing:-0.3px;
}
a.more{ display:inline; height:23px; width:428px; float:left; background: url(img/more.gif); -moz-opacity:0.8; opacity:0.8; filter: alpha(opacity=80); background-color:#fff; margin-top:12px; }

a:hover.more{ -moz-opacity:1.0; opacity:1.0; filter: alpha(opacity=100); background-color:#fff; }


a.item-01{ display:inline; height:155px; width:135px; float:left; background: url(img/item-01.jpg); -moz-opacity:0.8; margin:5px 10px 10px 10px; 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:155px; width:135px; float:left; background: url(img/item-02.jpg); -moz-opacity:0.8; margin:5px 10px 10px 10px; 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:155px; width:135px; float:left; background: url(img/item-03.jpg); -moz-opacity:0.8; margin:5px 10px 10px 10px; 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:155px; width:135px; float:left; background: url(img/item-04.jpg); -moz-opacity:0.8; margin:5px 10px 10px 10px; 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:155px; width:135px; float:left; background: url(img/item-05.jpg); -moz-opacity:0.8; margin:5px 10px 10px 10px; 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:155px; width:135px; float:left; background: url(img/item-06.jpg); -moz-opacity:0.8; margin:5px 10px 10px 10px; 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:155px; width:135px; float:left; background: url(img/item-07.jpg); -moz-opacity:0.8; margin:5px 10px 10px 10px; 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:155px; width:135px; float:left; background: url(img/item-08.jpg); -moz-opacity:0.8; margin:5px 10px 10px 10px; 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.item-09{ display:inline; height:155px; width:135px; float:left; background: url(img/item-09.jpg); -moz-opacity:0.8; margin:5px 10px 10px 10px; opacity:0.8; filter: alpha(opacity=80); background-color:#fff; }

a:hover.item-09{ -moz-opacity:1.0; opacity:1.0; filter: alpha(opacity=100); background-color:#fff; }



a.right-01{ display:inline; height:100px; width:235px; float:left; background: url(img/right-01.gif); -moz-opacity:0.8; margin:5px 10px 10px 10px; opacity:0.8; filter: alpha(opacity=80); }

a:hover.right-01{ -moz-opacity:1.0; opacity:1.0; filter: alpha(opacity=100);  }

a.right-02{ display:inline; height:100px; width:235px; float:left; background: url(img/right-02.gif); -moz-opacity:0.8; margin:5px 10px 10px 10px; opacity:0.8; filter: alpha(opacity=80);  }

a:hover.right-02{ -moz-opacity:1.0; opacity:1.0; filter: alpha(opacity=100);  }

a.right-03{ display:inline; height:100px; width:235px; float:left; background: url(img/right-03.gif); -moz-opacity:0.8; margin:5px 10px 10px 10px; opacity:0.8; filter: alpha(opacity=80); }

a:hover.right-03{ -moz-opacity:1.0; opacity:1.0; filter: alpha(opacity=100);  }

a.right-04{ display:inline; height:100px; width:235px; float:left; background: url(img/right-04.gif); -moz-opacity:0.8; margin:5px 10px 10px 10px; opacity:0.8; filter: alpha(opacity=80); }

a:hover.right-04{ -moz-opacity:1.0; opacity:1.0; filter: alpha(opacity=100);  }


a.right-05{ display:inline; height:100px; width:235px; float:left; background: url(img/right-05.gif); -moz-opacity:0.8; margin:5px 10px 10px 10px; opacity:0.8; filter: alpha(opacity=80); }

a:hover.right-05{ -moz-opacity:1.0; opacity:1.0; filter: alpha(opacity=100);  }



#img-01 {
	display:block;
	float:left;
	width:962px;
	height:12px;
}

#img-02 {
	display:block;
	float:left;
	width:180px;
	height:38px;
}

#img-03 {
	display:block;
	float:left;
	width:139px;
	height:38px;
}

#img-04 {
	display:block;
	float:left;
	width:151px;
	height:38px;
}

#img-05 {
	display:block;
	float:left;
	width:168px;
	height:38px;
}

#img-06 {
	display:block;
	float:left;
	width:104px;
	height:38px;
}

#img-07 {
	display:block;
	float:left;
	width:96px;
	height:38px;
}

#img-08 {
	display:block;
	float:left;
	width:124px;
	height:38px;
}

#img-09 {
	display:block;
	float:left;
	width:962px;
	height:255px;
}

#content {
	display:block;
	float:left;
	width:902px;
	background-image: url('img/cont_bg.gif');
	background-repeat:no-repeat;
	padding:25px 25px 20px 35px;
}

#footer {
	display:block;
	float:left;
	width:962px;
	height:85px;
	background-image: url('img/img_11.gif');

}

#img-12 {
	display:block;
	float:left;
	width:962px;
	height:21px;
}

a#iartsLink  {
	width:65px;
	height:20px;
	display:block;
	margin-top:10px;
	float:right;
	margin-right:30px;
}

#bottomMenu {
	height:44px;
}

#bottomMenu a{
	color:#fff;
	font-size:11px;
	font-weight:bold;
}

#bottomMenu a:hover{
	color:#FFCC00;
}


li {
	margin-bottom:12px;
}

.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; 
	}
	
	
/*
	root element for the scrollable.
	when scrolling occurs this element stays still.
*/
.scrollable {

	/* required settings */
	position:relative;
	overflow:hidden;
	width: 780px;
	height:150px;
	margin-left:30px;
	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:60px 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;		
}
