@charset "UTF-8";

*, html, body {
     margin: 0;
     padding: 0;
     border: none;
     font-family: Tahoma, Arial, Verdana;
     font-size: 11px;
}

body {
     padding-top: 5px;
     background-color: #000;
}

.clear {
     clear: both;
}

div#wrapper, div#content, div#webdesign {
     width: 866px;
     height: 577px;
     margin: 0 auto;
     padding: 0;
}

div#content {
     position: absolute;
     background-image: url(/web/images/intro/background.jpg);
}

div#webdesign {
     position: absolute;
     background-image: url(/images/web_design/background.jpg);
}

div#logo {
     position: absolute;
     top: 20px;
     left: 27px;
}

div#content a.web_design {
     display: block;
     width: 171px;
     height: 173px;
     background-image: url(/images/intro/button_web_all.jpg);
     background-position: 0 0;
     position: absolute;
     top: 150px;
     left: 213px;
}

div#content a.web_design:hover {
     background-position: 0 100%;
}

div#content .buttons span {
     display: none;
}

div#content a.it_services {
     display: block;
     width: 174px;
     height: 173px;
     background-image: url(/images/intro/button_it_all.jpg);
     background-position: 0 0;
     position: absolute;
     top: 150px;
     left: 483px;
}

div#content a.it_services:hover {
     background-position: 0 100%;
}

div#content .box_left {
     width: 356px;
     height: 104px;
     background-color: #000;
     opacity: 0.5;
     filter: alpha(opacity=50);
     position: absolute;
     top: 395px;
     left: 23px;
}

div#content .box_right {
     width: 356px;
     height: 104px;
     background-color: #000;
     opacity: 0.5;
     filter: alpha(opacity=50);
     position: absolute;
     top: 395px;
     left: 483px;
}

div#content .content_left {
     padding: 10px;
     margin-left: 5px;
     top: 395px;
     left: 23px;
     position: absolute;
}

div#content .content_right {
     padding: 2px 10px 0px 10px;
     margin-left: 5px;
     top: 392px;
     left: 451px;
     text-align: right;
     position: absolute;
}

h1 {
     font-size: 16px;
     color: #fff;
     padding:4px;
     margin:0;
     font-weight: normal;
     width: 350px;
     height:17px;
}

.cufon , .cufon-canvas canvas , .content_left span
	{
	margin:0;
	padding:0;
	border:none;
	}



.header {
	width: 205px;
	height: 23px;
	background-image: url(/images/top_right_small_menu.png);
	position: absolute;
	margin: 0px 0px 0px 636px;
	padding-top: 12px;
	padding-left: 25px;
}

.header a {
	color: #d5dde9;
	text-decoration: none;
	font-family: Century Gothic, Tahoma;
	font-size: 10px;
}




div#footer {
     width: 400px;
     position: absolute;
     margin: 580px 0 0;
}

div#footer span {
     color: #fff;
     display: block;
}

div#footer span a {
     color: #aaa;
     text-decoration: none;
     padding: 4px;
     font-size: 10px;
}

div#menu_web {
     width: 196px;
     height: 279px;
     background-image: url(/images/web_design/menu_left_07.png);
     position: relative;
     top: 158px;
}

div#menu_web ul {
     padding: 85px 0 0;
     margin: 0;
     list-style-type: none;
}

div#menu_web ul li {
     padding: 8px 0px;
     width: 150px;
     display: block;
}

div#menu_web ul li.current {
     background-image: url(/images/web_design/menu_background_li.png);
}

div#menu_web ul li a {
     color: #fff;
     text-decoration: none;
     text-align:center;
     font-size: 13px;
     height:13px;
     width:150px;
     margin: 0;
     padding: 0;
     
     display: block;
}

.box_text_blue {
     width: 370px;
     margin: 40px 0 0 50px;
}

.box_text_green {
     width: 370px;
     margin: 48px 0 0 45px;
}

.box_text_red {
     width: 260px;
     margin: 52px 0 0 55px;
}

.box_text_red a {
     text-decoration: none;
     color: #fff;
     font-weight: normal;
     font-size: 11px;
}

.box_text_red a:hover {
     text-decoration: underline;
}

.box_text_blue, .box_text_green, .box_text_red p {
     color: #fff;
     font-size: 12px;
     line-height: 15px;
     text-align: justify;
}

div#blue_box {
     width: 491px;
     height: 167px;
     position: absolute;
     top: 85px;
     left: 195px;
     background-image: url(/images/web_design/niebieski_box.png);
}

.blue_box_text, .green_box_text, .red_box_text {
     font-family: Verdana;
     background-color: #147db8;
     font-size: 14px;
     color: #fff;
     position: absolute;
     margin-left: 604px;
     margin-top: -189px;
     padding: 4px 0 0 9px;
     width: 18px;
     height: 21px;
}

.green_box_text {
     background-color: #779423;
     margin-left: 839px;
     margin-top: 3px;
     padding: 4px 0 0 9px;
     width: 18px;
     height: 21px;
}

.red_box_text {
     background-color: #af2400;
     margin-left: 369px;
     margin-top: 176px;
     padding: 4px 0 0 9px;
     width: 18px;
     height: 21px;
}

div#red_box {
     width: 342px;
     height: 121px;
     position: absolute;
     top: 450px;
     left: 85px;
     background-image: url(/images/web_design/czerwony_box.png);
}

div#green_box {
     width: 432px;
     height: 212px;
     position: absolute;
     top: 270px;
     left: 434px;
     background-image: url(/images/web_design/zielony_box.png);
}

div#loading {
     width: 200px;
     height: 100px;
     position: absolute;
     margin-top: -350px;
     margin-left: 600px;
     color: #eee;
     font-size: 12px;
}

div#content_proces {
     position: absolute;
     margin-top: -200px;
     margin-left: 176px;
     width: 678px;
     height: 481px;
	 background: url(/images/proces_tworzenia_background2.png);
     
}

div#content_proces .text {
     padding: 70px 0 0 80px;
     width: 530px;
}

div#content_proces .text h1
{
	margin-left:-4px;
}

div#content_proces .text p {
     color: #fff;
     font-size: 11px;
     text-align: justify;
     line-height: 18px;
}

em {
     width: 560px;
     text-align: right;
     position: absolute;
     margin-top: 488px;
     font-size:12px;
     margin-left: 230px;
     color: #e8e8e8;
     top: 0;
     left: 0;
}



.copyright {
     color: #fff;
     position: absolute;
     margin: 555px 0 0 720px;
     color: #fff;
     font-size: 11px;
     opacity: 0.3;
     filter: alpha(opacity=30);
}

.content_kontakt
{
	position:absolute;
	top:100px;
	left:100px;
}


#formularz
{
padding-top:10px;
padding-left:5px;
width:190px;
	
}
#nameinput, #emailinput,#commentinput
{
color:#000;
width:190px;	
opacity: 0.5;
font-weight:bold;
filter: alpha(opacity = 50);
}

#formularz p
{
padding-bottom:2px;
color:#fff;

}

#submitinput
{

opacity: 0.3;
	filter: alpha(opacity = 30);
	height:20px;
	width:40px;
	
	background-color:#fff;
}

#success,#bademail,#badserver
{
display:none; 
position:absolute;
margin-left:2px;
margin-top:-50px;
font-weight:bold;
color:#fff;

	
}

.dane_kontaktowe
{
position:absolute;

width:280px;
text-align:center;	
margin-top:-212px;
margin-left:230px;
}
.dane_kontaktowe h1,h2
{
color:#fff;
font-size:13px;
padding:3px;
height:13px;	
}

.dane_kontaktowe h1
{
font-size:16px;
height:16px;
}

.pixel
{
position:absolute;
top:51px;
width:580px;
height:355px;
left:49px;
	
}

.cms_box_active 
{
position:absolute;
opacity: 0.6;
filter: alpha(opacity = 60);
background-color:#147db8;
left:100px;
top:10px;
width:150px;
height:25px;
text-align:center;	
}


.cms_box_inactive 
{
position:absolute;
opacity: 0.7;
filter: alpha(opacity = 70);
background-color:#888;
left:100px;
top:10px;
width:150px;
height:25px;
text-align:center;	
}



.text_cms
{
color:#fff;
left:100px;
position:absolute;
top:15px;
display:block;
	
}

.statistics_box_inactive
{
position:absolute;
opacity: 0.7;
filter: alpha(opacity = 70);
background-color:#888;
left:330px;	
top:10px;
width:150px;
height:25px;
text-align:center;	
}

.statistics_box_active
{
position:absolute;
opacity: 0.7;
filter: alpha(opacity = 70);
background-color:#779423;
left:330px;	
top:10px;
width:150px;
height:25px;
text-align:center;	
}



.text_staty
{
color:#fff;
left:330px;
position:absolute;
top:15px;
display:block;

}


.text_cms a, .text_staty a
{
color:#fff;
height:20px;
width:100px;
display:block;
padding-left:50px;
text-decoration:none;
}

 .text_staty a
 {
 	width:115px;
 padding-left:35px;	
 }


.pixel .content_cms
{
position:absolute;
width:520px;
top:70px;
left:30px;
}

.content_cms p
{
color:#fff;
line-height:18px;
text-align:justify;
width:510px;
margin:10px 0px 0px 5px;
font-family:Tahoma;	
font-size:11px;
}

ul.pix_ul
{
color:#fff;
list-style-type:circle;
margin:20px 0px 0px 17px;
}

ul.pix_ul li
{
padding:4px;
	
}

#zoombox
{
position:absolute;
top:-300px;	
}

.images
{
float:left;
margin-top:20px;	
}

.images img
{
padding:10px;	

}

.content_cms .pixelss
{
position:absolute;
top:140px;
left:360px;
	
}

.info_realizacje
{
position:absolute;
width:450px;
top:490px;
left:420px;

color:#fff;
	
}