body { behavior:url("csshover3.htc"); text-align:center; font-size:12px; background:url(../img/background.jpg) #000 repeat-x top left; color:#4D3E2D; font-family:Tahoma, Helvetica, Arial, verdana, sans-serif; }

/* wyzerowanie marginesow i paddingow */
html, body, div, h1, h2, h3, h4, h5, h6, ul, ol, dl, li, dt, dd, p, blockquote, pre, form, fieldset, table, th, td { margin: 0; padding: 0; }

/* clearing float */
.clearfloat { clear: both; height: 0; font-size: 1px; line-height: 0px; }

/* usuniecie obramowania obrazkow */
img { border: 0; }

/* common styles */
.floatleft { float:left; }
h2 { font-family:Arial, Helvetica, sans-serif; text-transform:uppercase; font-weight:bolder; font-size:18px; color:#268AC1; padding:12px 20px}

/* Main container */
#container { width:973px; margin:0 auto; text-align:left; position:relative;}

/* header div */
#header #logo {height:69px; margin-left:40px}
#header #menu { height:28px; /height:29px;}
*html #header #menu {border-bottom:1px solid #828282; height:29px;}

/* content */
#content #photo { background:url(../img/main_photo.jpg) no-repeat; height:323px; margin-bottom:10px;}
#content #desc { width:973px;  margin-top:14px; padding:13px;}
#content #desc_inside { width:944px; min-height:300px; background:#fff}
#content #desc_inside p {font-size:12px; line-height:150%; text-align:justify;}
/* menu *//*
#mainmenu {	position: absolute; right:0px; list-style-type: none; text-align:left; margin-top:6px; padding: 3px 0px 0 0; background:#000; height:21px; color:#fff; font-weight:bold; font-size:13px; font-family:Arial;}
#mainmenu ul { list-style-type: none;  visibility: hidden;  }
#mainmenu li { float: left; display: inline; margin-left:8px; padding:0 0 0 0px; text-transform:uppercase; }
#mainmenu li a { color:#fff; text-decoration:none; color:#fff; display:block; background:#000; padding:2px 20px 2px 20px}
#mainmenu a:hover { position:relative; color:#fff; display:block; background:#046B9A; padding:2px 20px 2px 20px }
#mainmenu .active { position:relative; color:#fff; display:block; background:#046B9A; padding:2px 20px 2px 20px }


#mainmenu li li { float: none; border-left:0; background:url(http://www.futurepr.pl/public/www/images/red_dots.gif) 0px -2px no-repeat; padding:0 0 0 10px;}
#mainmenu li ul { position: absolute; height: 1px; overflow:hidden; top:20px; height:19px; display:inline; width:658px; padding: 3px 0 0 0; }
#mainmenu li:hover ul { position:absolute; top:20px; height:19px; display:inline; width:658px; padding: 3px 0 0 0;}
#mainmenu li ul a {  }
.submenu { left: 0 }
*/
#mainmenu {border-bottom:1px solid #828282; position: absolute; right:0px; list-style-type: none; text-align:left; margin-top:6px; padding: 3px 0px 0 0; background:#000; height:21px; color:#fff; font-weight:bold; font-size:13px; font-family:Arial;}
#mainmenu ul {list-style-type: none;}
#mainmenu li {float: left; display: inline; padding:0 0 0 0px; text-transform:uppercase; border-right:1px solid #828282;}
#mainmenu li a {color:#fff; text-decoration:none; display:block; padding:2px 25px 2px 25px}
#mainmenu li a:hover {color:#fff; display:block; background:#046B9A url(../img/left.gif) left top no-repeat; padding:2px 0px 2px 25px}
#mainmenu li a:hover span {color:#fff;  background:url(../img/right.gif) right top no-repeat; padding:2px 25px 2px 0px; text-decoration: underline; }

#mainmenu .active { position:relative; color:#fff; display:block; background:#046B9A url(../img/left.gif) left top no-repeat; padding:2px 0px 2px 25px }
#mainmenu .active span { background:#046B9A url(../img/right.gif) right top no-repeat; padding:2px 25px 2px 0px;  }

#mainmenu li li {display:inline; font-size:10px; font-family:arial; margin-left:0; border:medium none;}

#mainmenu li ul {position: absolute; height: 1px; overflow:hidden; }
#mainmenu li ul a { padding:8px 12px 7px 8px }
#mainmenu li ul a:hover { background:#046B9A; padding:8px 12px 10px 8px; text-decoration:underline;}
#mainmenu li:hover ul {display:inline;width:auto; height:30px; background:url(../img/menu_back.jpg) repeat-x; border:1px solid #046B9A }

/* Galeria */
.stepcarousel{
			position: relative; /*leave this value alone*/
			border-top:1px solid #768185;
			border-bottom:1px solid #768185;
			overflow: scroll; /*leave this value alone*/
			width:880px ; /*Width of Carousel Viewer itself*/
			height: 124px; /*Height should enough to fit largest content's height*/
			margin-left:48px;
			background:#04161D none repeat scroll 0 0;
			}
			
			.stepcarousel .belt{
			position: absolute; /*leave this value alone*/
			left: 0;
			top: 0;
			}
			
			.stepcarousel .panel{
			float: left; /*leave this value alone*/
			overflow: hidden; /*clip content that go outside dimensions of holding panel DIV*/
			margin-left: 10px;  /*margin around each panel*/
			margin-right: 10px;  
			width: 125px; /*Width of each panel holding each content. If removed, widths should be individually defined on each content DIV then. */
			}
			.left_button{
			background:transparent url(../img/left_arr.gif) no-repeat scroll 0 0;
			cursor:pointer;
			height:126px;
			left:5px;
			position:absolute;
			top:430px;
			width:45px;
			}
			.right_button{
			background:transparent url(../img/right_arr.gif) no-repeat scroll 0 0;
			cursor:pointer;
			height:126px;
			position:absolute;
			right:0;
			top:430px;
			width:45px;
			}
#desc_inside #link {width:218 px; height:72px; background:transparent url(../img/link.png) no-repeat scroll 0 0;};
#link a{background:transparent url(../img/link.png) no-repeat scroll 0 0; width:218 px; height:72px;};
#link a:hover{background:transparent url(../img/link_hover.png) no-repeat scroll 0 0;};


ul.lista	{ padding:0px; margin: 0px; list-style: none; width: 250px; }
ul.lista li { padding: 0px; margin: 0px; }
ul.lista li a { text-decoration: none; padding-left: 10px; color: #8C8C8C; font-size: 12px; line-height: 26px; height: 26px; display: block; background: url(../img/arrow.gif) right center no-repeat; }
ul.lista li a:hover { color: #333333; background: #F2F2F2 url(../img/arrow2.gif) right center no-repeat; }