*{
	margin:0;
	padding:0;
}

.container{
	width:960px;
	margin:0 auto;
}

.end{
	clear:both;
	font-size:0;
}

img{
	border:none;
}

#head{
	background:#383838;
	height:62px;
	border-bottom:1px solid #c1c1c1;
}

#logo {
	float:left;
	width:20%;
	height:56px;
	padding-top:7px;
}


#menu{
	width:80%;
	float:right;
}

#menu{
	width:70%;
	float:right;
}

#menu li{
	float:right;
	list-style:none;
	padding: 25px 10px 0 10px;
}

#menu li a{
	text-decoration:none;
	font:12px verdana, sans;
	color:white;
	text-shadow:2px 2px 2px black;
	padding:10px 10px 10px 10px;	
	border:1px solid transparent;
}

#menu li a:hover, #menu .active a{
	background: url(img/bg_button.png) repeat-x 0 0;
	padding:7px 10px 7px 10px;
	border:1px solid #d90500;
	border-radius:2px;
	-moz-border-radius:2px;
	-webkit-border-radius:2px;
}

#main{
	background:#efefef url(img/main_bg.png) repeat-x;
	min-height:500px;
}

#main2{
	min-height:300px;
	background:#efefef url(img/main_bg.png) repeat-x;
}

h1{
	font:16px verdana, sans;
	color:white;
	text-shadow:1px 1px 1px gray;
	text-transform:uppercase;
	
	
}

h2{
	font:14px verdana, sans;
	color:#737373;
	text-transform:uppercase;
	font-weight:bold;

}

h3{
	font:16px verdana, sans;
	color:#818181;
	text-transform:uppercase;
	font-weight:bold;
	
}

h4{
	font:12px verdana, sans;
	color:#4e4e4e;
	text-align:left;
	line-height:28px;
}

h5{
	font:12px verdana, sans;
	color:#66B100;
	text-align:left;
	line-height:18px;
	font-weight:bold;
}

#realizacje{
	padding-top:5px;
	background:url(img/komp.png) no-repeat 20px 35px;
	height:320px;
}

#napis{
	background:url(img/pasek_m.png) no-repeat;
	height:63px;
	padding-bottom:35px;
	
}

#napis2{
	background:url(img/pasek4.png) no-repeat;
	height:75px;
	padding-bottom:7px;
	padding-top:4px;
}

#napis5{
	background:url(img/pasek5.png) no-repeat 0 5px;
	height:73px;
	padding-top:10px;
}

#napis6{
	background:url(img/szablon.png) no-repeat 0 10px;
	height:90px;
	
}

#napis88{
	background:url(img/promocje.png) no-repeat 0 10px;
	height:100px;
}

#napis7{
	background:url(img/pasek7.png) no-repeat 0 10px;
	height:103px;
}
#boksy{
	padding-bottom:15px;
	
	
}



#text0 p{
	padding:10px 10px 30px 10px;
	
}



.box{
	width:23%;
	background:white;
	min-height:290px;
	float:left;
	border: 1px solid #C8C8C8;
	margin:5px 5px 5px 5px;
	position:relative;
}

.box h2{
	padding:5px 5px 5px 5px;
}

p{
	font:12px verdana, sans;
	color:#4e4e4e;
	text-align:left;
	line-height:18px;
	text-transform:justify;
}

.box p{
	padding:35px 7px 10px 7px;
	text-indent:80px;
	text-align:left;
	word-spacing: 5px;
}

#box2 p{
	text-indent:100px;
}

#box1 p{
	background:url(img/ik3.png) no-repeat 10px 0;
}

#box2 p{
	background:url(img/docik.png) no-repeat 10px 15px;
	padding-top:33px;
	
}

#box3 p{
	background:url(img/ik1.png) no-repeat 10px 0;
}

#box4 p{
	background:url(img/ik4.png) no-repeat 3px 10px;
	padding-top:51px;
} 

.button a{
	text-decoration:none;
	font:11px verdana, sans;
	color:white;
	text-shadow:2px 2px 2px black;
	background:url(img/bg_button.png) repeat-x;
	padding:5px 10px 5px 10px;
	border:1px solid #d90500;
	border-radius:2px;
	-moz-border-radius:2px;
	-webkit-border-radius:2px;
	position:absolute;
	bottom:5px;
	right:5px;

}

.button2{
	margin-top:180px;
	margin-left:50px;
}

.button2 a{
	text-decoration:none;
	font:11px verdana, sans;
	color:white;
	text-shadow:2px 2px 2px black;
	background:url(img/bg_button.png) repeat-x;
	padding:5px 10px 5px 10px;
	border:1px solid #d90500;
	border-radius:2px;
	-moz-border-radius:2px;
	-webkit-border-radius:2px;
	bottom:5px;
	right:5px;
	
}

.button a:hover, .button2 a:hover{
	color:#959595;
}

#footer{
	background:#252525;
	border-top:1px solid white;
	
}

#footer h1{
	color:white;
	padding-top:10px;
	padding-bottom:10px;
	
}

#dlaczegomy{
	width:49%;
	float:left;
	padding-top:10px;
	padding-left:10px;
	padding-bottom:10px;
}

#dlaczegomy h1{
	padding-left:20px;
}

#kulki{
	background:url(img/promocja.png) no-repeat;
	height:500px;
	width:25%;
	float:right;
}

#o_nas ul{
	list-style:none;
}

#dlaczegomy ul, #right li, #panel2 li{
	list-style:url(img/strz.png);
	padding-left:20px;
}

#o_nas li{
	list-style:url(img/strz.png) ;
	margin-left:25px;
}

#promocja{
	height:50px;
	padding-top:20px;
	width:80%;
	float:left;
}

#promocja p{
	color:##66B100;
}

#adres{
	width:49%;
	float:right;
	text-align:right;
	background:url(img/kopertki.png) no-repeat 80px 20px;
	padding-top:10px;
	padding-bottom:10px;
}

#adres p{
	text-align:right;
	
	color:#E7E4E4;
}

#dlaczegomy li{
	text-decoration:none;
	font:12px verdana, sans;
	color:white;
	text-align:left;
	line-height:18px;
	padding:3px 3px 3px 3px;
}

#o_nas li{
	text-decoration:none;
	font:12px verdana, sans;
	color:#4e4e4e;
	text-align:left;
	line-height:18px;
	padding:3px 3px 3px 3px;
}

#panel2 li{
	text-decoration:none;
	font:12px verdana, sans;
	color:#4e4e4e;
	text-align:left;
	line-height:18px;
	padding:3px;
}

#right li{
	text-decoration:none;
	font:12px verdana, sans;
	color:#4e4e4e;
	text-align:left;
	line-height:18px;
	padding:3px 3px 3px 3px;
}


#portfolio{
	padding-top:20px;
	padding-bottom:10px;
}

#left{
	float:left;
	width:50%;
	padding-top:10px;
}

#right{
	float:right;
	width:50%;
	padding-top:10px;
}

.bb{
	margin-top:90px;
}

.big{
	text-transform:uppercase;
	
}

#screen li{
	list-style:none;
}

#screen img{
padding-left:10px;
}

#strona{
	background:#e6e6e6;
	margin:10px 0 0px 0;
	border:1px solid #cdcdcd;
}

#strona5{
	background:url(img/kartek.png)no-repeat;
	height:442px;
	
	width:60%;
	float:left;
}

#strona5 p{
	padding:20px 100px 20px 30px;
}

#strona6 h6{
	padding:30px 0 0 50px;
}

#strona6{
	background:url(img/kartek2.png)no-repeat;
	width:39%;
	float:right;
	height:300px;
}

#strona6 p{
	padding:10px 20px 0 30px;
}

h6{
	font:16px arial, snans;
	color:red;
	font-weight:bold;
}

#strona5 h6{
	padding-left:60px;
	padding-top:60px;
}



#opis h3{
	padding-top:20px;
	padding-bottom:3px;
	
	
}

#pas{
	height:1px;
	background:#F8DE57;
	width:98%;
	margin:5px 0 5px 0;
}

.bold{
	font-weight:bold;
}

#left p, #right p{
	padding-top:5px;
}

#kontakt, #kontakt2{
	padding-top:20px;
	padding-bottom:20px;
}

#kontakt p, #kontakt2 p{
	padding-top:10px;
}

.long{
	width:400px;
	border:1px solid gray;
}

#o_nas{
	padding-top:10px;
	padding-bottom:10px;
	
}

#o_nas p{
	
	padding-bottom:5px;
	margin-right:50px;
	
}

#o_nas p, #o_nas h1{
	padding-top:10px;
	padding-left:5px;
	padding-right:5px;
	padding-bottom:10px;
}

#gallery{
	padding-top:20px;
	padding-bottom:10px;
	
}

#panel { 
	float:right;
	width:700px;
	position:relative;
	
}

#thumbs {
	
	float:left;
	width:260px;
}

#thumbs img, #foto { 
	border: 1px solid gray; 
	padding: 4px; 
	background-color: white; 
	cursor: pointer; 
	margin-bottom:4px;
}

#opis { 
	background: black; 
	color: white; 
	position:absolute;
	bottom: 4px; 
	padding: 10px 20px; 
	width: 660px; 
	margin: 5px; 
}


/*#thumbs {
	overflow: hidden; 
	float:left;
	width:30%;
}

#thumbs img, #foto { 
	border: 1px solid gray; 
	padding: 4px; 
	background-color: white; 
	cursor: pointer; 
}

#thumbs img { 
	
	
}

#opis { 
	background: black; 
	color: white; 
	
	bottom: 0; 
	padding: 10px 20px; 
	width: 760px; 
	margin: 5px; 
}

#panel { 
	float:right;
	width:60%;
	
}

#gallery{
	padding-top:10px;
	padding-bottom:10px;
	
}*/

.pole{
	width:400px;
	border:1px solid gray;
}

.pole2{
	width:400px;
	border:1px solid gray;
	height:100px;
}

#lewa{
	float:left;
	width:9%;
	margin-top:5px;
}

#prawa{
	float:left;
	width:90%;
	margin-top:10px;
	background:url(img/kopertki.png) no-repeat 60% 70%;
	padding-bottom:20px;
}

.red{
	color:red;
}

#kontakt2 p{
	color:white;
}

.guzik{
	margin-top:20px;
	margin-left:345px;
	padding: 5px 10px 5px 10px;
	color:white;
	text-shadow:2px 2px 2px black;
	background:url(img/bg_button.png) repeat-x;
	border:1px solid #d90500;
	border-radius:2px;
	-moz-border-radius:2px;
	-webkit-border-radius:2px;
	text-shadow:2px 2px 2px black;

}

#screen{
	width:37%;
	float:left;	
	margin-top:20px;
}





#dane{
	width:58%;
	float:left;
	margin-top:40px;

	
}

.zobacz{

	padding:5px 10px 5px 10px;
	background:url(img/button.png) repeat-x;
	border-radius:3px;
}

#zobacz {
	margin-top:20px;
}

#dane a{
	font:12px verdana, sans;
	color:white;
	text-decoration:none;
}

#pasek{
	border-bottom:1px solid gray;
	padding-top:5px;
	margin-bottom:5px;
}

#green{
	color:#66B100;
}

iframe {
	border: 1px solid white;
}

#hosting{
	background:url(img/hosting.png) no-repeat 0 0px;
	height:85px;
}

#text p, #text2 p{
	padding-right: 450px;
	padding-top:40px;
	padding-bottom:10px;
}
#text2 a, #text a{
	padding: 20px 0 0 320px;
	color:gray;
	font:12px verdana, sans;
	text-decoration:none;
	
}

#text2 a:hover, #text a:hover{
	color:red;
	
}
#text{
	background:url(img/dot.png) no-repeat 90% 0;
	height:305px;
	
}

#text2{
	background:url(img/sbox_ob.png) no-repeat 90% 0;
	height:350px;
	
}

#text8 h5, #text8 p{
	padding:10px 0 10px 0;
}

#administracja{
	background:url(img/administracja.png) no-repeat;
	height:125px;
}

#text7 p{
	padding-top:40px;
	padding-right:400px;
}

#sbox{
	background:url(img/sbox_panel.png) no-repeat;
	height:110px;
}

#panel1, #panel3{
	width:70%;
	float:left;
}

#panel2{
	padding-top:30px;
}

#panel3{
	padding:20px 0 10px 0;
	margin-top:10px;
}

#panel3 li{
	padding-top:10px;
	list-style :none;
	text-align:center;
	padding-right:10px;
	float:left;
	
}

#panel3 li a{
	text-decoration:none;
	background:#66B100;
	padding:10px 20px 10px 20px;

	border:1px solid white;
	border-radius:20px;
	-moz-border-radius:20px;
	color:white;
	font:12px verdana, sans;	
	line-height:38px;
}

#panel3 li a:hover{
	background:#F6C900;
	color:red;
}

#serwis h5{
	padding: 10px 0 10px 0;
}

.slider{
	/*margin-left:488px;
	margin-top:51px;*/
	float:right;
	width:50%;
	margin-top:51px;
	margin-right:128px;
}

.slider2{
	float:left;
	width:410px;
	margin-top:57px;
	margin-left:30px;
	height: 216px;

}

.slider2 li{
	list-style:none;
}

.slider2 h3{
	color: white;
	padding:20px 15px 10px 15px;
}

.slider2 p{
	color:white;
	padding:10px 15px 10px 15px;
}

.slider2 a{
	text-decoration:none;
	color:white;
	font:12px verdana, sans;
	padding:5px 10px 5px 10px;
	background:url(img/bg_button.png) repeat-x;
	border:1px solid red;
	border-radius:2px;
	moz-border-radius:2px;
	text-shadow:2px 2px 2px black;
	margin-left:300px;
}

#panela, #panelb, #panelc, #paneld{
	width: 210px;
	float:left;
	margin:10px 15px 5px 15px;
}

#panela{
	background:url(img/plakietka_projektowanie.png) no-repeat;
	height:280px;
	
}

#panelb{
	background:url(img/4.png) no-repeat;
	height:250px;
}

#panelc{
	background:url(img/3.png) no-repeat;
	height:250px;
}

#paneld{
	background:url(img/2.png) no-repeat;
	height:250px;
}

#panela p, #panelb p, #panelc p, #paneld p{
	padding:100px 15px 10px 15px;
	
}

#dane p{
	padding-top: 10px;
}

#text7 {
	background:url(img/serwer.png) no-repeat 100% 0;
	height:300px;
}

#right img{
	padding-top:60px;
}

#footer iframe{
	margin-top:15px;
	margin-bottom:15px;
}

#koperty{
	width:200px;
	float:right;
	background:url(img/kopertki.png) no-repeat 90% 90%;
	height:200px;
}

#footer iframe{
	float:left;
}