@charset "utf-8";
@import "jquery.lightbox.css";
*{
	margin:0;
	padding:0;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	}
body{
	background-color:#000;
	color:#fff;
	}
a{outline:none;text-decoration:none;}
a img{border:0;}	
#navigationCon{
	width:100%;
	height:43px;
	border-bottom:1px solid #272727;
	background:#000 url(../design_img/navigationConBg.jpg) top center no-repeat;
	}
#navigation{
	width:800px;
	margin:0 auto;
	position:relative;
	}
#navigation ul{
	float:right;
	margin-top:5px;
	}
#navigation li{
	float:left;
	display:inline;
	list-style-type:none;
	margin-left:10px;
	}	
#navigation li{
	position:relative;
	}	
#navigation li a{
	display:block;
	height:37px;
	float:left;
	position:relative;
	z-index:5;
	}
#navigation li a:hover .glow{
	display:block;
	}			
#subNav{
	position:absolute;
	top:0px;/*animate to 50*/
	left:0;
	z-index:20;
	
	}
#subNav2{
	position:relative;
	width:160px;
	float:left;
	top:0px;
	margin-top:10px;
	}		
#subNav li, #subNav2 li{
	list-style-type:none;
	line-height:1.5;
	}	
#subNav li ul, #subNav2 li ul{
	margin-left:20px;
	}	
#subNav li a, #subNav2 li a{
	background-color:transparent;
	color:#fff;
	text-decoration:none;
	}
#subNav li a:hover, #subNav2 li a:hover{
	text-decoration:underline;
	}	
#subNav li a.active, #subNav2 li a.active{
	background-color:transparent;
	color:#3bcdd6;
	}
#subNav li span.selected a, #subNav2 li span.selected a{
	background-color:transparent;
	color:#3bcdd6;
	}		
#logotype{
	width:127px;
	height:47px;
	position:absolute;
	top:0;
	left:-3px;
	display:block;
	z-index:15;
	}	
#subNavSlider{
	position:absolute;
	top:20px;/*animate to 49*/
	left:-3px;
	z-index:5;
	}		
.glow{
	position:absolute;
	z-index:10;
	display:none;
	}
#logotypeImg{
	position:absolute;
	top:0;
	left:-40px;
	z-index:10;
	}		
#contentCon{
	width:100%;
	background-color:#0b0b0b;
	color:#DDDDDD;
	}	
#content{
	width:800px;
	margin:0 auto;
	padding:40px 0;
	position:relative;
	}
.news{
	text-align:justify;
	}		
#contentTxtCon{
	height:390px;
	width:300px;
	overflow:hidden;
	position:relative;
	}
#contentTxtHead{
	width:300px;
	padding-bottom:3px;
	text-align:left;
	}	
.contentTxt{
	width:300px;
	position:absolute;
	top:0;
	left:0;
	text-align:justify;
	}
.right ul{
	padding-left:0px;
	margin-bottom:10px;
	}
.right .contentTxt ul{
	padding-left:15px;
	margin-bottom:10px;
	}		
.right ul li{
	line-height:1.5;
	list-style-type:none;
	}
.right .contentTxt ul li{
	line-height:1.5;
	list-style-type:disc;
	}
.right a{
	background-color:transparent;
	color:#fff;
	text-decoration:underline;
	}
.right a:hover{
	text-decoration:none;
	}				
.scrollUpCon{
	height:11px;
	width:24px;
	float:right;
	position:relative;
	top:5px;
	}	
.scrollDownCon{
	padding-top:13px;
	height:11px;
	width:24px;
	float:right;
	}		
.scrollDown,.scrollUp{
	float:right;
	}
.scrollUp{
	width:24px;
	height:11px;
	display:none;
	background:transparent url(../design_img/scrollUpArrow.gif) top left no-repeat;
	}
.scrollUp:hover{
	background:transparent url(../design_img/scrollUpArrowHover.gif) top left no-repeat;
	}	
.scrollDown{
	width:24px;
	height:11px;
	display:none;
	background:transparent url(../design_img/scrollDownArrow.gif) top left no-repeat;
	}	
.scrollDown:hover{
	background:transparent url(../design_img/scrollDownArrowHover.gif) top left no-repeat;
	}	
.scrollUp span,.scrollDown span{
	display:none;
	}			
#contactBox{
	margin-bottom:0;
	padding-bottom:0;
	}	
#content h1{
	margin-bottom:10px;
	background:transparent;
	color:#38dae2;
	font-size:16px;
	font-weight:normal;
	display:block;
	}	
#content #projectDescription h1 a{
	margin-bottom:10px;
	background:transparent;
	color:#38dae2;
	font-size:16px;
	font-weight:normal;
	display:block;
	text-decoration:none;
	}
#content #projectDescription h1 a:hover{
	text-decoration:underline;
	}			
#content #contentTxtHead h1{
	margin-bottom:10px;
	background:transparent;
	color:#38dae2;
	font-size:16px;
	font-weight:normal;
	display:inline;
	}					
h2{
	margin-bottom:10px;
	background:transparent url(../design_img/h2raquo.gif) 100% 40% no-repeat;
	color:#38dae2;
	font-size:16px;
	font-weight:normal;
	}
.news h2 a{
	background-color:transparent;
	color:#38dae2;
	text-decoration:none;
	font-family:"Century Gothic", Verdana;
	font-size:16px;
	}		
.news h2 a:hover{
	text-decoration:underline;
	}	
p{
	line-height:1.4;
	margin-bottom:10px;
	}		
.clientsTable td{
	padding:10px 0;
	}	
.leftCol{text-align:left;}	
.middleCol{text-align:center;}	
.rightCol{text-align:right;}		
#footerCon{
	width:100%;
	padding-top:5px;
	height:90px;
	border-top:1px solid #272727;
	background-color:#000;
	color:#969696;
	}	
#footer{
	width:800px;
	margin:0 auto;
	background:transparent;
	color:#969696;
	line-height:1.4;
	}
#footer a{
	background:transparent;
	color:#969696;
	}	
.left{
	float:left;
	width:470px;
	}
#content .left{
	text-align:center;
	}	
.right{
	float:right;
	width:300px;
	}	
.leftColumn{
	float:left;
	width:49%;
	}
.rightColumn{
	float:right;
	width:49%;
	}		
#footer .leftColumn, #footer .leftColumn strong, #footer .rightColumn, #footer .rightColumn strong, #footer .right, #footer .right strong, #footer .right a{
	font-size:10px;
	}			
.clear{
	clear:both;
	height:0;
	overflow:hidden;
	}		
#portfolioScreens{
	width:570px;
	height:400px/*260px*/;
	float:right;
	position:relative;
	}	
#projectDescription{
	width:570px;
	position:absolute;
	bottom:0;
	left:0;
	text-align:justify;
	z-index:60;
	}	
.mainScreen{
	width:265px;
	height:260px;
	margin:0 auto;
	overflow:hidden;
	position:relative;
	z-index:40;
	}	
.secondaryScreen{
	width:200px;
	height:200px;
	overflow:hidden;
	position:absolute;
	top:30px;
	z-index:30;
	cursor:pointer;
	display:none;
	}
.leftScreen{
	left:0;
	}
.rightScreen{
	right:0;
	}			
#offer{
	width:470px;
	height:430px;
	position:relative;
	}
.ball{
	position:absolute;
	text-align:center;
	}
.emailMarketing{
	bottom:0;
	left:188px;
	}
.ugc{
	bottom:30px;
	right:80px;
	}	
.mediacyfrowe{
	bottom:30px;
	left:80px;
	}	
.sem{
	bottom:105px;
	right:20px;
	}
.otoczenietech{
	bottom:105px;
	left:17px;
	}
.seo{
	bottom:195px;
	right:50px;
	}
.badania{
	bottom:195px;
	left:50px;
	}
.epr{
	bottom:240px;
	right:120px;
	}
.webdevelopment{
	bottom:240px;
	left:122px;
	}
.cms{
	bottom:265px;
	left:203px;
	}							
.ball h3{
	position:absolute;
	bottom:4px;
	left:0px;
	text-align:center;
	display:block;
	}	
h3{
	font-size:10px;
	text-transform:uppercase;
	background-color:transparent;
	color:#838383;
	font-weight:normal;
	text-align:center;
	width:100%;
	}
* html .ball h3{
	position:absolute;
	bottom:0px;
	left:0px;
	text-align:center;
	display:inline;
	z-index:220;
	width:75px;
	}		
h3 a{
	font-size:10px;
	text-transform:uppercase;
	background-color:transparent;
	color:#838383;
	font-weight:normal;
	text-align:center;
	display:block;
	}
h4{
	font-size:10px;
	text-transform:uppercase;
	background-color:transparent;
	color:#9b9b9b;
	font-weight:normal;
	width:100%;
	margin-bottom:5px;
	}	
.ballTxt{
	display:none;
	}		
.ballTxt a{
	background-color:transparent;
	color:#fff;
	text-decoration:none;
	font-size:10px;
	position:absolute;
	}	
.ballTxt a.active{
	color:#25BEC6;
	}	
.ballTxt a:hover{
	/*text-decoration:underline !important;*/
	}			
.emailMarketing .ballTxt img{
	position:absolute;
	bottom:0;
	left:65px;
	}	
.mailingi{
	bottom:17px;
	left:130px;
	}	
.newsletter{
	bottom:0px;
	left:100px;
	}	
.mediacyfrowe .ballTxt img{
	position:absolute;
	bottom:-25px;
	left:-30px;
	}	
.gry{
	left:-105px;
	bottom:53px;
	}
.video{
	left:-97px;
	bottom:37px;
	}		
.webtv{
	left:-95px;
	bottom:-3px;
	text-align:right;
	display:block;
	width:60px;
	}	
.prezentacje{
	top:-54px;
	left:45px;
	display:block;
	width:75px;
	text-align:left;
	}
.reklama{
	top:-25px;
	left:87px;
	display:block;
	width:100px;
	text-align:left;
	}	
.gadzety{
	top:4px;
	left:110px;
	}		
.zakup{
	bottom:-37px;
	left:-10px;
	display:block;
	width:90px;
	text-align:right;
	}		
.otoczenietech .ballTxt img{
	position:absolute;
	bottom:40px;
	left:-30px;
	}	
.hosting{
	top:-1px;
	left:-73px;
	}
.statystyki{
	top:21px;
	left:-75px;
	}	
.domeny{
	top:42px;
	left:-75px;
	}	
.badania .ballTxt img{
	position:absolute;
	bottom:10px;
	left:-28px;
	}		
.inzynieria{
	top:3px;
	left:-90px;
	display:block;
	width:60px;
	text-align:right;
	}	
.audyt{
	top:35px;
	left:-95px;
	display:block;
	width:80px;
	text-align:right;
	}	
.usability{
	bottom:10px;
	right:-55px;
	}	
.webdevelopment .ballTxt img{
	position:absolute;
	bottom:70px;
	left:-45px;
	}
.mechanizmy{
	top:-11px;
	left:-137px;
	display:block;
	width:90px;
	text-align:right;
	}
.serwisy{
	top:-58px;
	left:-87px;
	display:block;
	width:90px;
	text-align:right;
	}
.moduly{
	top:-58px;
	left:68px;
	display:block;
	width:95px;
	text-align:left;
	}	
.ballTxt a:hover{
	background-color:transparent;
	color:#3fdce5;
	text-decoration:none;
	}
#offerTxt .contentTxt{
	display:none;
	}		
#newsletterFrm{
	background:#000 url(../design_img/newsletterBg.jpg) top left no-repeat;
	color:#fff;
	padding:10px;
	width:280px;
	position:absolute;
	bottom:0;
	right:0;
	}
	
.inpTxt,.btn{
	border:0;
	padding:2px;
	
	}	
.btn{
	border:0;
	padding:1px;
	background-color:#086b7f;
	color:#fff;
	cursor:pointer;
	}				
.btn:hover{
	background-color:#333;
	color:#fff;
	}	
#newsletterFrm .inpTxt{
	background-color:#030303;
	color:#494949;
	border:1px solid #303030;
	}
#newsletterFrm .btn{
	background:#333 url(../design_img/newsletterBtn.jpg) top left no-repeat;
	color:#494949;
	border:1px solid #303030;
	}				
.more{
	text-align:right;
	padding-top:10px;
	border-top:1px solid #383838;
	}
.imgBtn{
	position:relative;
	top:4px;
	margin-left:5px;
	}	
#newsArchive{
	padding:0;
	}	
#newsArchive li{
	list-style-type:none;
	text-align:left;
	clear:both;
	}			
#newsArchive .date{
	background-color:transparent;
	color:#838383;
	display:block;
	width:70px;
	float:left;
	}	
#newsArchive li a{
	display:block;
	float:right;
	width:220px;
	text-align:left;
	}	
#ball1 .ballimg{
	display:block;
	width:94px;
	height:106px;
	background-image:url(../design_img/ball_marketing.gif);
	}
#ball1:hover .ballimg,#ball1.active .ballimg{
	background-image:url(../design_img/ball_marketing_hover.gif);
	}	
#ball2 .ballimg{
	display:block;
	width:89px;
	height:99px;
	background-image:url(../design_img/ball_ugc.gif);
	}
#ball2:hover .ballimg,#ball2.active .ballimg{
	background-image:url(../design_img/ball_ugc_hover.gif);
	}	
#ball3 .ballimg{
	display:block;
	width:89px;
	height:99px;
	background-image:url(../design_img/ball_mediacyfrowe.gif);
	}
#ball3:hover .ballimg,#ball3.active .ballimg{
	background-image:url(../design_img/ball_mediacyfrowe_hover.gif);
	}
#ball4 .ballimg{
	display:block;
	width:81px;
	height:95px;
	background-image:url(../design_img/ball_sem.gif);
	}
#ball4:hover .ballimg,#ball4.active .ballimg{
	background-image:url(../design_img/ball_sem_hover.gif);
	}	
#ball5 .ballimg{
	display:block;
	width:81px;
	height:95px;
	background-image:url(../design_img/ball_otoczenietech.gif);
	}
#ball5:hover .ballimg,#ball5.active .ballimg{
	background-image:url(../design_img/ball_otoczenietech_hover.gif);
	}	
#ball6 .ballimg{
	display:block;
	width:72px;
	height:83px;
	background-image:url(../design_img/ball_seo.gif);
	}
#ball6:hover .ballimg,#ball6.active .ballimg{
	background-image:url(../design_img/ball_seo_hover.gif);
	}
#ball7 .ballimg{
	display:block;
	width:72px;
	height:83px;
	background-image:url(../design_img/ball_badania.gif);
	}
#ball7:hover .ballimg,#ball7.active .ballimg{
	background-image:url(../design_img/ball_badania_hover.gif);
	}	
#ball8 .ballimg{
	display:block;
	width:70px;
	height:80px;
	background-image:url(../design_img/ball_epr.gif);
	}
#ball8:hover .ballimg,#ball8.active .ballimg{
	background-image:url(../design_img/ball_epr_hover.gif);
	}
#ball9 .ballimg{
	display:block;
	width:70px;
	height:80px;
	background-image:url(../design_img/ball_webdevelopment.gif);
	}
#ball9:hover .ballimg,#ball9.active .ballimg{
	background-image:url(../design_img/ball_webdevelopment_hover.gif);
	}
#ball10 .ballimg{
	display:block;
	width:68px;
	height:78px;
	background-image:url(../design_img/ball_cms.gif);
	}
#ball10:hover .ballimg,#ball10.active .ballimg{
	background-image:url(../design_img/ball_cms_hover.gif);
	}
#ball1{z-index:50;}	
#ball2,#ball3{z-index:45;}	
#ball4,#ball5{z-index:40;}	
#ball6,#ball7{z-index:35;}	
#ball8,#ball9{z-index:30;}	
#ball10{z-index:25;}		
.nField{
	border:0;
	/*padding:10px;*/
	}