body{



margin: 0;



padding: 0;



text-align: justify;



font-family: tahoma;



text-align: CENTER;



font-size: 9pt;







}










td {



text-align: justify;



font-family: tahoma;



font-size: 9pt;







}


/*komentarze*/

.komtable {float:left;}

.addcom {cursor:pointer;}

.addcom:hover {text-decoration:underline;}

.komkom {
	text-align:center;



	font-weight:bold;



	color:#000;
	}

.koment {
width:100%;}

.nick {
width: 70px;
text-align:right;
float:left;
padding:10px 1px 10px 10px;
}


.komentarz {
width: 550px;
text-align:left;
float:right;
padding:10px 10px 10px 1px;
}






#page



{



width:1088px;



margin: auto;



text-align: justify;



}







img {border: 0;}



.gora



{



height: 140px;



background: #272323;



margin: 0;



padding: 0;



}



.menu



{



margin: 0;



padding: 0;



height: 60px;



clear: both;



background: #fea600;



}



.menu ul



{



padding: 20px;



list-style: none;



}



.menu ul li



{



list-style: none;



float: left;



background: #fea600;



padding: 0 20px 0 20px;



}



.menu ul li a



{



color: #fff;



}







.produkty



{



margin: -1px 0 0 0;



background: #fbbb21;



height: 280px;



clear: both;



}



.produkty_sub



{



width: 1068PX;



paDDING: 0;



float: left;



margin: -1px 0 5px 0;



background: #fbbb21;



padding-left: 20px;



height: 110px;



text-align: center;



}



.realizacje



{



padding: 25px;



background: #ff7e00;



margin: 5px 0 5px 0;



height: 190px;



line-height: 150%;



}











.linki



{clear: both;



height: auto;



padding: 25px;



background: #202020;



margin: 0 0 5px 0;



}







.logo



{



padding: 30px 80px 0px 20px;



float: left;}







.gora_right



{



margin: 0 30px 0 0;



float: right;}







.lang



{float: right;

text-align:right;

padding: 30px 0 20px 0;



color: silver;



display: block;



}







.lang a{



color: silver;



font-weight: normal;}



.newsletter



{



}



.nws



{







border: none; background: #3a3a3a; color: #828282; padding: 6px 15px 6px 15px; font-size: 9pt; margin: 0; width: 180px;



}







.wyslij{







padding: 0;







}



.nl{float: left; padding: 0 10px 0 0;}



.np{float: right;}



.haslo_banner{



height: 254px;



background: url(../img/gray.png);}



.zaba



{



float: left;



width: 720px;



height: 268px;



margin: -15px 0 0 0px;



position: relative	;


overflow: hidden;
z-index: 99;
}







.kontakt



{float: right;



line-height: 150%;



margin: 10px 0 0 0;



padding: 20px 70px 20px 20px;



background: url(../img/line.png) left no-repeat;



}



.kontakt a



{



color: #fd8010;



text-decoration: none;



font-weight: bold;



}



.kontakt a:hover



{







text-decoration: underline;







}







.kontakt img {



	margin-top:15px;



}















.produkt {



margin: 20px 50px 0 30px;



width: 273px;



float: left;



text-align: left;



}



.produkt_slim {



margin: 20px 70px 0 0px;



width: 253px;



float: left;



text-align: left;



}



.produkt_sub {



margin: 10px 10px 0 10px;



width:100px;







float: left;



text-align: center;



}







.adres {



margin: 10px 0px 0 30px;



width:270px;



line-height: 150%;



float: left;



text-align: left;







}







.adres a{



color: black;}







.adres img {



 margin-top: 5px;



}



.produkt_sub a:link, .produkt_sub a:visited, .produkt_sub a:active {



color: black;



font-weight: normal;



text-align: center;



}



.produkt_sub a:hover {



color: black;



font-weight: normal;



text-decoration: none;



}



.more



{float: right;}















#menu{



border-top: 5px solid white;



border-bottom: 5px solid white;



background: #fea600;



height: 50px;



padding-top: 10px;



position: relative;



}







#menu ul {







width: 927px;



height: 40px;



background: url(../img/menu.png);



margin: auto; padding: 0;



position: relative;







margin-bottom: 15px;







}



#menu ul li {margin: 0; padding: 0; list-style: none; position: absolute; top: 0;}



#menu ul li, #menu  a {height: 40px; display: block;}











#start {left: 0px; width: 130px;}



#blog {left: 135px; width: 100px;}



#produkty {left: 255px; width: 180px;}



#referencje {left: 447px; width: 180px;}



#onas {left: 641px; width: 120px;}



#kontakt {left: 798px; width: 140px;}







#start_a {left: 0px; width: 130px;  background: transparent url(../img/menu.png) -0px -40px no-repeat;}



#blog_a {left: 135px; width: 100px;  background: transparent url(../img/menu.png) -135px -40px no-repeat;}



#produkty_a {left: 255px; width: 180px;  background: transparent url(../img/menu.png) -255px -40px no-repeat;}



#referencje_a {left: 447px; width: 180px;  background: transparent url(../img/menu.png) -447px -40px no-repeat;}



#onas_a {left: 641px; width: 120px;  background: transparent url(../img/menu.png) -641px -40px no-repeat;}



#kontakt_a {left: 798px; width: 140px;  background: transparent url(../img/menu.png) -798px -40px no-repeat;}















#start a:hover, link, active {



    background: transparent url(../img/menu.png)



    -0px -40px no-repeat;}



#blog a:hover, link, active {



    background: transparent url(../img/menu.png)



    -135px -40px no-repeat;}



#produkty  a:hover, link, active {



    background: transparent url(../img/menu.png)



    -255px -40px no-repeat;}



#referencje a:hover, link, active {



    background: transparent url(../img/menu.png)



    -447px -40px no-repeat;}



#onas a:hover, link, active {



    background: transparent url(../img/menu.png)



    -641px -40px no-repeat;}



#kontakt a:hover, link, active {



    background: transparent url(../img/menu.png)



    -798px -40px no-repeat;}















a{



color: #ff8000;



text-decoration: none;



font-weight: bold;}



a:hover{



text-decoration: underline;}







.blog, .realizacje



{



color: white;}







.hr



{



background: url(../img/hr.png) repeat-x;



height: 1px;



line-height: 1px;



border: none;



margin: 5px 0 5px 0;



padding: 0;



font-size: 1px;



width: 100%;



}



.hrsrodkowa



{



background: url(../img/hrs.png) repeat-x;



height: 1px;



border: none;



line-height: 1px;



font-size: 1px;



margin: 5px 0 5px 0;



padding: 0;



width: 100%;



}







.ostatnie{



float: left;



width: 650px;



margin: 0 100px 0 0;



text-align: left;}



.inne{



float: left;



width: 200px;}







.inne hr {



	margin-bottom:18px;



}







.realizacje a



{



color: white; text-decoration: underline; font-weight: normal;}



.realizacje a:hover



{



color: #ffdc88; text-decoration: underline;}







.wiecej



{



float: right;}



.wiecej a



{



color: white; text-decoration: none; font-weight: bold;}



.wiecej a:hover



{



color: white; text-decoration: underline; font-weight: bold;}



.ostatnie a



{



color: white; text-decoration: none; font-weight: normal;}



.ostatnie a:hover



{



color: white; text-decoration: underline; font-weight: normal;}







.realizacja{



float: left;



margin: 5px 20px 0 0;



}



.realizacja_sub{



float: left;



border: gray 1px solid;



margin: 5px 20px 0 0;



}



.dalej{



float: right;



margin: 50px 10px 0 10px;



}



a.under{



text-decoration: underline;}







.opis



{



width: 500px;



float: left;}







.blog{



float: left;



width: 280px;



text-align: left;



margin: 0 90px 0 0;



line-height: 150%;



}







.polecamy{



float: left;



width: 260px;



text-align: left;



margin: 0 10px 0 0;



line-height: 150%;



}



.polecamy a



{



color: #fff; text-decoration: none; font-weight: normal;



}



.polecamy a:hover



{



text-decoration: underline;



}



.polecamy .wiecej a



{



color: white; text-decoration: none; font-weight: bold;}



.polecamy .wiecej a:hover



{



color: white; text-decoration: underline; font-weight: bold;}







.tagi a {color: #fff;}







 a.size8 {font-size: 7pt;}



 a.size9 {font-size: 8pt;}



 a.size10 {font-size: 9pt;}



 a.size11 {font-size: 10pt;}



 a.size12 {font-size: 11pt;}



 a.size13 {font-size: 12pt;}



 a.size14 {font-size: 13pt;}



 a.size15 {font-size: 14pt;}



 a.size16 {font-size: 15pt;}



 a.size17 {font-size: 16pt;}



 a.size18 {font-size: 17pt;}



 a.size19 {font-size: 18pt;}



 a.size20 {font-size: 19pt;}



 a.size21 {font-size: 20pt;}



 a.size22 {font-size: 21pt;}



 a.size23 {font-size: 22pt;}



 a.size24 {font-size: 23pt;}







.tagi{



float: left;



margin: 0px 0 0 110px;



width: 280px;}







.srodek{



height: auto;



margin: 0 0 8px 0;



padding: 15px 20px 20px 40px;



background: #f1f1f1;



line-height: 180%;







}







h1



{



font-size: 12pt;



}







h2



{



font-weight: normal;



font-size: 9pt;



}







h3



{



font-size: 12pt;



padding: 15px 0 5px 0;



margin: 0;



}



.text



{float: left;

padding:0;

height: auto;



width: 650px;}



.prawa



{float: right;
padding:0;


margin-right: 10px;



height: auto;



width: 290px;}







.realizacja_item



{ border: 1px solid #e0e0e0; padding: 10px 0px 20px 0; line-height: 130%; width:25%; text-align:center;}







.realizacja_item img



{ border: 2px solid #e0e0e0; margin: 10px 0px;}







ul.newsy {


	text-align:left;
	
	list-style:none;



	padding-left:20px;



}







ul.newsy  li {



	line-height:17px;



	padding-bottom:5px;



}







ul.newsy li a {



	color:#000;



	font-weight:bold;



}







ul.newsy li.select a {



	color:#ff8000;



	font-weight:bold;



}







.str {



	clear:both;



	text-align:center;



}







.str a {



	color: #000;



	padding-right:5px;



	font-weight:normal;



}







.str a.select {



	text-decoration:underline;



	color:#ff8000;



}







.kom {



	text-align:center;



	font-weight:bold;



	font-size:14px;



	margin-top:20px;



}



.newskom {
	text-align:center;



	font-weight:bold;



	color:#FFF;
}



.blad {



	text-align:center;



	font-weight:bold;



	color:#cc0000;



}







.produkty_sub a:hover



{text-decoration: underline;}











a.black {



	color: #000;



	font-weight:normal;



}







ul.produkty_tag li {



	font-size:20px;



}





div#qTip {

 

 display: none;

 background: #fbbb21;

 color: #FFF;

 font: bold 11px Verdana, Arial, sans-serif;

 text-align: left;

 position: absolute;

 z-index: 1000;

}

/* zamiana nag��wk�w na obrazki
*/
.produkt .strony_www {
width:100%;
height:55px;
margin:0;
padding:0;
background: url("../files/produkty/strony.png") top left no-repeat;
text-indent: -9999px;
}

.produkt .sklepy_internetowe {
width:100%;
height:55px;
margin:0;
padding:0;
background: url("../files/produkty/sklepy.png") top left no-repeat;
text-indent: -9999px;
}

.produkt .hosting {
width:100%;
height:55px;
margin:0;
padding:0;
background: url("../files/produkty/hosting.png") top left no-repeat;
text-indent: -9999px;
}

.produkt 	.serwisy_wizerunkowe {
width:100%;
height:55px;
margin:0;
padding:0;
background: url("../files/produkty/12_wizerunkowebigg.png") top left no-repeat;
text-indent: -9999px;
}

.produkt 	.pozycjonowanie {
width:100%;
height:55px;
margin:0;
padding:0;
background: url("../files/produkty/pozycjonowanie.png") top left no-repeat;
text-indent: -9999px;
}
.produkt 	.linki_sponsorowane {
width:100%;
height:55px;
margin:0;
padding:0;
background: url("../files/produkty/linki.png") top left no-repeat;
text-indent: -9999px;
}

/*****/