/** begin stylesheet */
* { margin: 0px auto; padding: 0px; }

body {
	background: #ffffff url(../images/bgf.jpg) repeat top;
	color: #000000;
	font-family: Verdana, sans-serif;
	font-size: 10px;
}

img { border: none; }

a { 
	text-decoration: none; 
	-moz-outline-style: none; 
	outline: none;
}

ul { list-style-type: none; }

ul.text_hide li, h1.text_hide {
	text-indent: -9999px;
	overflow: hidden;
}


/* WRAPPER *** */
div.wrapper { width: 846px; }

/* ALL *** */
#all {
	background: url(../images/bg_i.jpg) repeat-x top;
	width: 100%;
}

/* MAIN_CONTAINER *** */
#main_container {
	width: 960px;
	height: 533px;
}

	/* HEADER *** */
	#header { height: 80px; }
		
		/* #logo */
		h1#logo { 
			background: url(../images/logo.png);
			float: left;
			width: 179px;
			height: 48px;
			margin-top: 31px;
		}
		h1#logo a {
			display: block;
			width: 100%;
			height: 100%;
		}
		
		/* #menu */
		ul#menu {
			display: inline;
			float: right;
			height: 12px;		
			margin: 49px 20px 0px 0px;
		}
		ul#menu li { float: left; }
		ul#menu li a {
			display: block;			
			height: 12px;
			margin-right: 40px;
		}
		*:first-child+html ul#menu li a { float: left; }	/* IE 7 hack */
		li#menu01 a { background: url(../images/menu_01.png) no-repeat; width: 91px; }
		li#menu02 a { background: url(../images/menu_02.png) no-repeat; width: 74px; }
		li#menu03 a { background: url(../images/menu_03.png) no-repeat; width: 154px; }
		li#menu04 a { background: url(../images/menu_04.png) no-repeat; width: 61px; margin-right: 0px; }
		li#menu01 a:hover, li#menu02 a:hover, li#menu03 a:hover, li#menu04 a:hover, #menu li a.current { background-position: 0px -12px; }

	/* MAIN *** */
	#main { margin-top: 59px; }
	
	div.bl { background: url(../images/bl.gif) 0 100% no-repeat #303234; width: 100%; }
	div.br { background: url(../images/br.gif) 100% 100% no-repeat; }
	div.tl { background: url(../images/tl.gif) 0 0 no-repeat; }
	div.tr { background: url(../images/tr.gif) 100% 0 no-repeat; padding: 5px; }

	/* CONTENT *** */
	#content {
		background-color: #ffffff;
		border: 9px solid #ebebeb;
		height: 322px;
	}

		/* SLIDER *** */
		#slider { 
			height: 322px;
			overflow: hidden;
		}
    	#slider ul, #slider li { list-style: none; }
		#slider li {
			width: 818px;
			height: 322px;
			overflow: hidden;	
		}
		li#mc04.btn_link { background: url(../images/mc/ideacto_dochodowysklep.jpg) no-repeat; }
		li#mc04.btn_link a {
			display: block;
			width: 145px;
			height: 30px;
			margin: 271px 0px 0px 122px;
		}
		html>body li#mc04.btn_link a { position: relative;} /* IE6 hack */
		
		li#mc08.btn_link { background: url(../images/mc/ideacto_sklep_raport.jpg) no-repeat; }
		li#mc08.btn_link a {
			display: block;
			width: 165px;
			height: 30px;
			margin: 260px 0px 0px 80px;
		}
		html>body li#mc08.btn_link a { position: relative;} /* IE6 hack */
		
		li#mc11.btn_link { background: url(../images/mc/ideacto_szkolenia_usability.jpg) no-repeat; }
		li#mc11.btn_link a {
			display: block;
			width: 165px;
			height: 30px;
			margin: 266px 0px 0px 603px;
		}
		html>body li#mc11.btn_link a { position: relative;} /* IE6 hack */
		
		li#mc14.btn_link { background: url(../images/mc/ideacto_pielegnacjadziecka.jpg) no-repeat; }
		li#mc14.btn_link a {
			display: block;
			width: 166px;
			height: 31px;
			margin: 269px 0px 0px 528px;
		}
		html>body li#mc14.btn_link a { position: relative;} /* IE6 hack */			
		
		li#mc15.btn_link { background: url(../images/mc/ideacto_wroclove.jpg) no-repeat; }
		li#mc15.btn_link a {
			display: block;
			width: 179px;
			height: 35px;
			margin: 207px 0px 0px 332px;
		}
		html>body li#mc15.btn_link a { position: relative;} /* IE6 hack */
		
		li#mc21.btn_link { background: url(../images/mc/ideacto_vobis.jpg) no-repeat; }
		li#mc21.btn_link a {
			display: block;
			width: 103px;
			height: 30px;
			margin: 196px 0px 0px 497px;
		}
		html>body li#mc21.btn_link a { position: relative;} /* IE6 hack */
		
		#mc_czaswlas a {
			text-indent: -999em;
			display: block;
			float: left;
			height: 37px;
			position: relative;
			top: -81px;
		}
		#mc_czaswlas .link-1 {
			width: 187px;			
			left: 37px;
		}
		#mc_czaswlas .link-2 {
			width: 160px;
			left: 77px;
		}
		
		
		#prevBtn, #nextBtn { 
			display: block;
			text-indent: -9999px;
			width: 18px;
			height: 112px;
			position: absolute;			
			margin: -120px 0px 0px -50px;
			z-index:1000;
		}	
		#nextBtn { margin: -120px 0px 0px 850px; }
		
		#prevBtn a, #nextBtn a {  
			display: block;
			position: relative;
			width: 18px;
			height: 112px;
			background: url(../images/btn_prev.gif) no-repeat;	
			margin-top: -100px;
		}	
		#nextBtn a { background: url(../images/btn_next.gif) no-repeat; }

/* FOOTER_CONTAINER *** */
#footer_container {	
	background: #333232 url(../images/bgf.jpg) repeat top;
	clear: both;
	padding-top: 1px;
}
#footer_container div.hr {
	border-top: 1px solid #c80006;
	height: 0px;
}

	/* --- team */
	#team {
		float: right;
		width:620px; /*535px*/ 
		margin:30px 0 15px;
	}

	h1#logo_team { 
		background: url(../images/logo_team.png);
		float: left;
		width: 82px;
		height: 30px;
		margin-top: 14px;
	}

	#team ul {
		float: right;
		display: block;
		height: 56px;	
	}
	#team li {
		float: left;
		width: 68px;
		height: 54px;
		border: 1px solid #8f8f8f;
		margin-right: 20px;
	}
	li#teamJS { background: url(../images/teamJS.jpg) no-repeat; }
	li#teamAR { background: url(../images/teamAR.jpg) no-repeat; }
	li#teamNK { background: url(../images/teamNK.jpg) no-repeat; }
	li#teamTL { background: url(../images/teamTL.jpg) no-repeat; }
	li#teamMD { background: url(../images/teamMD.jpg) no-repeat; }
	li#teamJK { background: url(../images/teamJK.jpg) no-repeat; margin-right: 0px; }

	/* --- group */
	#group {
		float: left;
		width: 219px; /*309px*/
		margin-top:30px;
	}

	h1#logo_group { 
		background: url(../images/logo_group.png);
		float: left;
		width: 108px;
		height: 24px;
	}
	h1#logo_group a {
		display: block;
		width: 100%;
		height: 100%;
	}

	#group ul {
		clear: both;
		display: block;
		height: 23px;	
	}
	#group li { float: left; }
	#group li a {
		display: block;
		width: 23px;
		height: 23px;
		margin: 4px 7px 0px 0px;
	}
	li#group01 a { background: url(../images/group_01.png) no-repeat; }
	li#group02 a { background: url(../images/group_02.png) no-repeat; }
	li#group03 a { background: url(../images/group_03.png) no-repeat; }
	li#group04 a { background: url(../images/group_04.png) no-repeat; }
	li#group05 a { background: url(../images/group_05.png) no-repeat; margin-right: 0px; }

/* COPY *** */
p.copy {
	clear: both;
	color: #777777;
	text-align: right;
	margin-top: 4px;
	padding-bottom: 10px;
}
p.copy a:link, .copy a:visited { color: #777777; text-decoration: none; }
p.copy a:hover { color: #ffffff; }
p.white { color: #ffffff; }

/* ******************* */
	/* tooltip */
	div.tip {
		display: none;
		font-size: 10px; 
		color: #ffffff;
		margin-top: -13px;
	}
	div.tip p strong { font-size: 12px; display: block; padding-top: 3px; }
	div.tip p { padding: 4px 0px 0px 5px; }
	
	/* scroll */
	div.scrollable {
		position: relative;
		overflow: hidden;     		
	   	height: 55px; 
	} 
 	div.scrollable div.items {
    	width: 20000em;
    	position: absolute;
	} 
	div.scrollable div.items div { float: left;	}
	.scrollable { float: left; }
	
	div.arrow { padding-top: 9px; }
	a.browse {
		background: url(../images/btn_tip.png) bottom left no-repeat;
		display: block;
		width: 9px;
		height: 15px;
		cursor: pointer;
		font-size: 0px;		
		float: right;
		margin-right: 5px;
	}
	a.right { margin-top: -15px; }
	a.left {
		margin-top: 15px;
		background-position: -9px 0px;
	}
	*:first-child+html  a.right { margin-top: -24px; }	/* IE 7 hack */
	a.disabled { visibility: hidden !important;	}
	
	#tip01 { width: 170px;	margin-left: -50px; }
	#tip01 p, #tip01 div.scrollable, #tip01 div.scrollable div.items div { width: 145px; }
	
	#tip02 { width: 180px;	margin-left: -55px; }
	#tip02 p, #tip02 div.scrollable, #tip02 div.scrollable div.items div { width: 155px; }
	
	#tip03 { width: 170px;	margin-left: -50px; }
	#tip03 p, #tip03 div.scrollable, #tip03 div.scrollable div.items div { width: 145px; }	
	
	#tip04 { width: 170px;	margin-left: -50px; }
	#tip04 p, #tip04 div.scrollable, #tip04 div.scrollable div.items div { width: 145px; }
	
	#tip05 { width: 180px;	margin-left: -53px; }
	#tip05 p, #tip05 div.scrollable, #tip05 div.scrollable div.items div { width: 155px; }
	
	#tip06 { width: 235px;	margin-left: -83px; }
	#tip06 p, #tip06 div.scrollable, #tip06 div.scrollable div.items div { width: 210px; }
		
	/* obramowanie/tlo div.tip */
	div.tip_m {
		width: 100%;
		height: 58px;
		background: url(../images/tip_m.gif) repeat-x;	
	}	
	div.tip_l {
		width: 4px;
		height: 100%;
		background: url(../images/tip_l.gif) no-repeat;
		float: left;
	}
	div.tip_r {
		width: 4px;
		height: 100%;
		background: url(../images/tip_r.gif) no-repeat;
		float: right;
		margin-top: -39px;
	}
	*:first-child+html div .tip_r { margin-top: -48px; }	/* IE 7 hack */
	div.tip_b {
		width: 100%;
		height: 18px;
		clear: both;
		position: absolute;
		background: url(../images/tip_b.gif) bottom right no-repeat;
		margin-top: 44px;
	}
	*:first-child+html div.tip_b { margin-top: -5px; }	/* IE 7 hack */


/* *** newsletter -overlay *** */
#btn_rightNewsletter {
	top:120px;
	margin-left:922px;
}


/** end stylesheet */
