/* - - - - - - CSS Document - - - - - - - - -

Title : Global style sheet for client-side web development
Author : mammothdesign.pl

- - - - - - - - - - - - - - - - - - - - - */
* 							{margin:0; padding:0;}

/* ----- global default/initial styles ----- */
body						{background-color:#000;font-family:Tahoma, Verdana, Arial, Helvetica, sans-serif;background-repeat:repeat;color:#ffffff;background-image: url(../gfx/bg1.png);background-position: left top; width:100%; height:100%;}
.clear						{clear:both;}
body, p, ul, li, span		{font-size:12px; margin:0px; padding:0px;}
:focus, :active 			{outline: 0;border: 0;}
em							{font-size:11px;color:#999999;font-weight:normal;line-height:16px; font-style:normal;}
span						{font-size:10px;}
a.link 						{background:url(../gfx/a-link-bg.png) repeat-x scroll 0 0 transparent;color:#FFFFFF;font-size:10px;font-weight:normal;padding:1px 8px 4px 7px;text-decoration:none;}
/* ----- static  ----- */
.static 					{position:relative;width:960px;margin:0px;padding:0px; z-index: 1;}

.static .logo				{background-image:url(../gfx/logo.png); background-repeat:no-repeat; height:100px;width:403px;position:relative;z-index:10;top:15px;left:25px;display:block; text-indent: -9999px;}

.static .adres				{position:absolute;z-index:10;top:26px;right:0px;display:block;}
.static .adres h5			{font-size:12px;color:#999;font-weight:normal;line-height:16px;}
.static .adres h5 span.white		{font-size:12px;color:#fff;}
.static .adres h5 a			{color:#fff; text-decoration:underline;}
.static .adres h5 a:hover	{text-decoration:none;}
.static .adres a.link 		{;position:absolute;right:15px;top:34px;}

.static .menu				{position:relative;width:960px; height:40px; background:url(../gfx/menu_bg.png) repeat; margin:10px 0px 0px 0px; padding:0px; clear:both;}
.static .menu ul			{display:block;margin:0px 0px 0px 108px;padding: 0;}
.static .menu ul li			{display:inline;margin:7px 40px 0px 0px;padding:0;float:left; display:block;text-indent: -9999px;border:none 0;}
.static .menu ul li a.about	{background:url(../gfx/menu_home.png) no-repeat;display:block;height:26px;overflow:hidden;width:50px;}
.static .menu ul li a.computers		{background:url(../gfx/menu_komputery2.png) no-repeat;display:block;height:26px;overflow:hidden;width:160px;}
.static .menu ul li a.monitoring	{background:url(../gfx/menu_monitoring.png) no-repeat;display:block;height:26px;overflow:hidden;width:90px;}
.static .menu ul li a.contact		{background:url(../gfx/menu_kontakt.png) no-repeat;display:block;height:26px;overflow:hidden;width:60px;}
.static .menu ul li	a.panel:hover 	{background-position: 0px -40px;}

.static .bottom				{position:relative;width:960px;margin:535px 0px 40px 0px;padding:0px;}
.static .bottom	.submenu 	{position:relative;width:960px; height:31px;margin:5px 0px 0px 30px;padding:0px;float:left; font-size:11px; color:#666666;}
.static .bottom	.submenu a			{font-size:11px; color:#666666;padding:1px 8px 4px 7px; background:none; text-decoration:none}
.static .bottom	.submenu a:hover	{font-size:11px; color:#666666;padding:1px 8px 4px 7px; background:#3C3C3C; }

.static a.meru-network	{
	background: url("../gfx/meru-network.jpg") no-repeat scroll 0 0 transparent;
    display: block;
    height: 85px;
    left: 30px;
    position: absolute;
    text-indent: -9999px;
    top: 172px;
    width: 103px;
    z-index: 1000;
	}

.static a.eset		{
	background: url("../gfx/eset.png") no-repeat scroll 0 0 transparent;
    display: block;
    height: 85px;
    left: 155px;
    position: absolute;
    text-indent: -9999px;
    top: 172px;
    width: 103px;
    z-index: 1000;
}

.static a.cisco		{
	background: url("../gfx/cisco.png") no-repeat scroll 0 0 transparent;
    display: block;
    height: 85px;
    left: 280px;
    position: absolute;
    text-indent: -9999px;
    top: 172px;
    width: 103px;
    z-index: 1000;
}

.static a.gfi		{
	background: url("../gfx/gfilogo.png") no-repeat scroll 0 0 transparent;
    display: block;
    height: 85px;
    left: 385px;
    position: absolute;
    text-indent: -9999px;
    top: 182px;
    width: 103px;
    z-index: 1000;
}

.static a.nakivo		{
	background: url("../gfx/nakivo.png") no-repeat scroll 0 0 transparent;
    display: block;
    height: 85px;
    left: 512px;
    position: absolute;
    text-indent: -9999px;
    top: 186px;
    width: 120px;
    z-index: 1000;
}


.static .intel		{ width:486px; height:60px; background-color:#FFFFFF; position: absolute; top: 180px; width: 486px;}

.static .bottom	.icons		{position:relative;width:960px; height:31px;margin:30px 0px 10px 0px;padding:0px;background:url(../gfx/icons3.png) no-repeat 30px 0px;float:left;}
.static .bottom	.footer p			{font-size:10px; padding:0px; margin:0px 0px 3px 30px;}
.static .bottom	.footer p.copy		{color:#2e2e2e;}
.static .bottom	.footer p a			{color:#808080; text-decoration:none;}
.static .bottom	.footer p a span	{font-size:10px; color:#0f5f80; text-decoration:none;}






/*---  CONTENT WRAPPER ---*/
#wrapper 	{width:100%;height:560px;position:absolute;top:0px;left:0px;background-color:none;overflow:hidden;z-index:100;margin:143px 0px 0px 0px; padding:0px;}
#mask 		{width:400%;height:100%;}
.item 		{width:25%;height:auto;float:left;background-color:none;}
.content 	{width:960px;margin:157px 0px 0px 30px;position:relative;top:0px;color:#fff; line-height:18px;}

.content p 			{margin:5px 0px 0px 0px; clear:both;}
.content p.w570		{margin:20px 0px 0px 0px; clear:both;width:570px; padding:10px 0px 0px 0px;}
.content p.w570a	{margin:0px 0px 0px 0px; clear:both;width:570px; padding:0px;}
.content ul 		{display:block; float:left; margin:20px 90px 20px 23px;}
.content ul li 		{list-style-image:url(../gfx/bullet.png);}

#wrapper .dots 		{position:absolute; width:400%; height:1px; background:url(../gfx/menu-dots.png) repeat-x; top:7px; left:0px;}


/*---  HOME ---*/
#home img.title 	{position:absolute; z-index:200; top:-120px; right:33px;}
#home img.pic 		{position:absolute; z-index:150; top:0px; right:30px;}
#home img.arrow 	{position:absolute; z-index:250; top:-156px; left:97px;}

#home ul.submenu			{display:block;margin:0px 0px 0px 0px;padding:0; float:left;}
#home ul.submenu li			{margin:20px 10px 0px 0px;padding:0;display:block;text-indent: -9999px;border:none 0;}
#home ul.submenu li a.idf	{background:url(../gfx/home-informatyka-dla-firm.png) no-repeat;display:block;overflow:hidden;height:55px;width:320px;}
#home ul.submenu li a.sk	{background:url(../gfx/home-serwis-komputerowy.png) no-repeat;display:block;overflow:hidden;height:55px;width:320px;}
#home ul.submenu li a.nl	{background:url(../gfx/home-naprawa-laptopow.png) no-repeat;display:block;overflow:hidden;height:55px;width:320px;}
#home ul.submenu li a.csm	{background:url(../gfx/home-monitoring-wifi.png) no-repeat;display:block;overflow:hidden;height:55px;width:320px;}
#home ul.submenu li a.iss	{background:url(../gfx/home-instalacje-sieci-strukturalnych.png) no-repeat;display:block;overflow:hidden;height:55px;width:339px;}
#home ul.submenu li a.ssk	{background:url(../gfx/home-sprzedaz-sprzetu-komputerowego.png) no-repeat;display:block;overflow:hidden;height:55px;width:339px;}
#home ul.submenu li a.iri	{background:url(../gfx/home-indywidualne-rozwiazania-informatyczne.png) no-repeat;display:block;overflow:hidden;height:55px;width:339px;}
#home ul.submenu li a.zsb	{background:url(../gfx/home-zarzadzalne-sieci-bezprzewodowe.png) no-repeat;display:block;overflow:hidden;height:55px;width:339px;}
#home ul.submenu li	a:hover {background-position: 0px -55px;}

.box-home					{background:url(../gfx/home-layer-bg.png) no-repeat; width:940px; height:400px; position:absolute; top:-10px; left:0px; margin:0px; padding:25px 0px 0px 7px; z-index:8000;display:none; text-indent:0px;}
.box-home a.link 			{position:absolute;top:8px;right:33px;padding:0px 8px 4px 7px;}
.box-home ul.lista-box-home	{margin:90px 0px 0px 60px; padding:0px;}
.box-home ul.lista-box-home	li 	{margin:5px 0px 5px 0px; padding:0px;}
.box-home p						{margin:80px 0px 0px 40px; padding:0px; width:600px;}
.box-home p.zsb					{width:425px;}

.box-home .sk-header		{background:url(../gfx/home-serwis-komputerowy.png) no-repeat;display:block;overflow:hidden;height:55px;width:320px; position:absolute; top:35px; left:35px;}
.box-home .sk-image		{background:url(../gfx/home-layer-sk.png) no-repeat;display:block;overflow:hidden;height:330px;width:404px; position:absolute; top:45px; left:485px;}

.box-home .nl-header		{background:url(../gfx/home-naprawa-laptopow.png) no-repeat;display:block;overflow:hidden;height:55px;width:320px; position:absolute; top:35px; left:35px;}

.box-home .iss-header		{background:url(../gfx/home-instalacje-sieci-strukturalnych.png) no-repeat;display:block;overflow:hidden;height:55px;width:339px; position:absolute; top:35px; left:35px;}
.box-home .iss-image 		{background:url(../gfx/home-layer-iss.png) no-repeat scroll 0 0 transparent;display:block;height:348px;left:470px;overflow:hidden;position:absolute;top:25px;width:430px;}

.box-home .ssk-header		{background:url(../gfx/home-sprzedaz-sprzetu-komputerowego.png) no-repeat;display:block;overflow:hidden;height:55px;width:339px; position:absolute; top:35px; left:35px;}
.box-home .ssk-image 		{background:url(../gfx/home-layer-ssk.png) no-repeat scroll 0 0 transparent;display:block;height:356px;left:560px;overflow:hidden;position:absolute;top:25px;width:284px;}

.box-home .iri-header		{background:url(../gfx/home-indywidualne-rozwiazania-informatyczne.png) no-repeat;display:block;overflow:hidden;height:55px;width:339px; position:absolute; top:35px; left:35px;}
.box-home .iri-image 		{background:url(../gfx/home-layer-iri.png) no-repeat scroll 0 0 transparent;display:block;height:353px;left:700px;overflow:hidden;position:absolute;top:25px;width:191px;}


.box-home .zsb-header		{background:url(../gfx/home-zarzadzalne-sieci-bezprzewodowe.png) no-repeat;display:block;overflow:hidden;height:55px;width:339px; position:absolute; top:35px; left:35px;}
.box-home .zsb-image 		{background:url(../gfx/home-layer-zsb.png) no-repeat scroll 0 0 transparent;display:block;height:353px;left:505px;overflow:hidden;position:absolute;top:25px;width:391px;}
.box-home .meru-networks-home	{position:absolute;left:48px;top:290px; background:url(../gfx/meru-network.jpg) no-repeat; width:103px; height:80px; display:block; z-index:4000;}
.box-static	{top:290px; left:30px;}

/*---  KOMPUTERY ---*/
#komputery ul.komputery		{width:570px;}
#komputery ul.komputery li	{list-style-image:url(../gfx/bullet.png);}
#komputery img.title 	{position:absolute; z-index:200; top:-120px; right:33px;}
#komputery img.pic 		{position:absolute; z-index:150; top:0px; right:-17px;}
#komputery img.arrow 	{position:absolute; z-index:250; top:-156px; left:247px;}


/*---  MONITORING ---*/

#monitoring img.title 	{position:absolute; z-index:200; top:-120px; right:33px;}
#monitoring img.pic 	{position:absolute; z-index:150; top:-23px; right:-17px;}
#monitoring img.arrow 	{position:absolute; z-index:250; top:-156px; left:406px;}
#monitoring p.img 		{background:url(../gfx/monitoring_small.jpg) no-repeat scroll 0 0 transparent;height:100px;margin:5px 0px 5px 0px;width:570px;}
#monitoring p.img:hover 	{background-position: 0px -100px;}


/*---  KONTAKT ---*/
#kontakt img.title 	{position:absolute; z-index:200; top:-120px; right:35px;}
#kontakt img.arrow 	{position:absolute; z-index:250; top:-156px; left:522px;}

#kontakt a			{color:#FFFFFF; text-decoration:underline;}
#kontakt a:hover	{color:#FFFFFF; text-decoration:none;}
#kontakt a.link		{text-decoration:none;}

#kontakt iframe 	{margin:5px 0px 0px 0px;}
#kontakt .person	{float:left; margin:5px 42px 0px 0px;}

#kontakt .box		{width:940px; float:left; overflow:hidden; margin:20px 0px 20px 30px;}
#kontakt img.mapa	{position:absolute; top:20px; right:166px;}
#kontakt p.mapa		{position:absolute; top:45px; right:130px;}


/*---  TOOL TIP---*/
#mapa			{background:url(../gfx/mapa_bg.png) no-repeat; width:900px; height:515px; position:absolute; top:-144px; left:0px; margin:0px; padding:25px 0px 0px 7px; z-index:8000;display:none;}
#mapa a.link 	{position:absolute;top:5px;right:29px;padding:0px 8px 4px 7px;}

.person-detail	{background:url(../gfx/workers-bg.png) no-repeat; width:936px; height:318px; position:absolute; top:-10px; left:0px; margin:0px; padding:25px 0px 0px 7px; z-index:8000;display:none;}

.person-detail a.link 		{position:absolute;top:8px;right:20px;padding:0px 8px 4px 7px;}
.person-detail img.foto	  	{position:absolute;top:25px;left:30px;}
.person-detail p.dane 		{position:absolute;top:25px;left:320px;}
.person-detail p.opis 		{position:absolute;top:145px;left:320px;}

.lang       {margin: 5px 0 0 0; display: inline-block; color:#fff; text-decoration: none; text-transform: uppercase; font-size: 8px;}
.lang img   {display: inline-block; position: relative; top: 2px; margin: 0 5px 0 0;}