/* ITPOL jeremi@itpol.pl */
html, body, div, table, p, ul, a, li, form, input, img, hr, br, h1, h2, h3, h4, h5, h6, label, td, tr, th {margin:0px; padding:0px; font-family:"Arial";}


/* ogólne */
html {background:#FFF;}
.graber {width:1000px; margin: 0 auto; position:relative;}
.graber-top {width:1100px; margin: 0 auto; position:relative;}
.disable {display:none;}
.lcolumn {float:left; width:48%; overflow:hidden; }
.rcolumn {float:right; width:49%; overflow:hidden; }
.left-sixty {float:left; width:60%; overflow:hidden;}
.right-sixty {float:right; width:60%; overflow:hidden;}
.left-seventy {float:left; width:80%; overflow:hidden;}
.right-seventy {float:right; width:80%; overflow:hidden;}
.central {width:100%; overflow:hidden; padding: 10px 0 10px 0;}
.procent3 {width:30%; overflow:hidden; float:left; margin: 0 11px 0 11px; background:url('images/kropka-grey.png') bottom repeat-x;}
.procent3:hover { background:url('images/kropka-red.png') bottom repeat-x;}
.procent5 {width:50%; overflow:hidden;}
.wysokosc45 {height:45%; width:100%; overflow:hidden;}
.kropka-red {background:url(images/kropka-red.png) repeat-x; height:39px;}
.kropka-grey {background:url(images/kropka-grey.png) repeat-x; height:39px;}
.kozukared {color:#FF0000;}
.lista {margin-left:70px;} .lista li {color:#333333; list-style-type:circle; line-height:24px;}


body {width:100%; height:100%; }
img {border:none; overflow:hidden;}

.red {color:red;}

/*naglwki*/
h1 {font-size:4px;}
h2 {font-size:18px; font-weight:bold; color:#3f3f3f;}
h3 {font-size:52px;  color:#666666;}
h4 {font-size:18px; font-weight:bold; color:#FFFFFF;}
h5 {font-size:24px; font-weight:normal; color:#666666;;}
h6 {font-size:20px; font-weight:normal; color:#000000;}

/*text*/
::-moz-selection{background:red;color:white;}
::selection{background:red;color:white;}

p {font-size:12px; color:#3f3f3f; text-align:justify; text-indent:15px; line-height:17px;}
p.bigger {font-size:14px; color:#3f3f3f; text-align:justify; text-indent:15px; line-height:22px;}

/*linki*/
a:link, a:visited {font-size: 12px; color:#000000; text-decoration: none; }
a:hover, a:active {font-size: 12px; text-decoration: underline; }


a.promocja:link, a.promocja:visited {font-size: 16px!important; color:red!important; text-decoration: none; }
a.promocja:hover, a.promocja:active {font-size: 16px!important; text-decoration: none; }
.promocja-box { padding-left:10px; width:250px;} .promocja-box .kropka-red {width:200px;}


a.wiecej:link, a.wiecej:visited {font-size: 14px; font-weight:bold; color:#fff; text-decoration: none; width:103px; height:39px!important; background:url('images/more.png') no-repeat; padding:10px 23px 10px 20px; }
a.wiecej:hover, a.wiecej:active {font-size: 14px; text-decoration: none; background:url('images/more-h.png') no-repeat;}
.more-box { float:right;} 

/* elementy */
#top {background:url('images/bg-top.png') #FFFFFF repeat-x; height:492px; position:relative; min-width:1100px;}
	#nav-top { margin-left:50px; height:100px; background:#FFFFFF;}
		#logo-area { width:350px; float:left; overflow:hidden;}
			a#home {background:url('images/logo.png') no-repeat; width:350px; height:100px; position:absolute; text-indent:-3000em; }

		#menu-top {width:650px; height:100px; overflow:hidden; float:right; padding-right:50px;}
		
		        .jmenu { position: relative; height: 90px; width: 650px; padding-left:50px; overflow: hidden; }
                .jmenu li { float: left; list-style: none; }
                .jmenu li.back { background: url('images/efekt.png') no-repeat right -93px; width: 9px; height: 90px; z-index: 8; position: absolute; }
                 .jmenu li.back .left { background: url('images/efekt.png') no-repeat top left; height: 90px; margin-right: 19px; }
                    .jmenu li a { font: 18px arial;	text-transform:uppercase; text-decoration: none; color: #504c4b; outline: none; text-align: center; padding-top:39px; letter-spacing: 0; z-index: 10; display: block; float: left; height: 90px; position: relative; overflow: hidden; padding-left:15px; padding-right:15px;}
                    .jmenu li a:hover { border: none; color:#e0e0e0; }
					.jmenu #current a {color:#e0e0e0;}
		
	#baner-top { width:1000px; height:392px; background:url('images/baner-top3.png') no-repeat; position:relative; margin-left:50px;}
		#kropki {float:right; margin-top:-210px; margin-right:-70px; z-index:-1!important;}
		
		/* banery */
			#banery { float:left; padding:0; margin:0; width:1000px; height:100%; overflow:hidden; z-index:1;}
			#ban {	width:auto; position:relative; }
			#ban .right-side {height:43px; width:100px; float:right; margin-top:303px; margin-right:110px; overflow:hidden;}
			#ban .right-side .pager { position:absolute; height:43px;}
			#ban .right-side .pager a { background:top left no-repeat; height:23px;	width:30px;	margin-left:2px; padding-top:8px; display:block; float:left; text-decoration:none; text-indent:-3000em; }
			#ban .zdjecia {	width:700px;  position:relative; overflow:hidden; }
			.zdjecia_pokaz img { height:300px; width:700px; /*background:none !important;*/}


#middle {background:url('images/middle.png') no-repeat top; height:180px; position:relative; min-width:1100px;}

	
		.box { margin-top:7px;float: left; overflow:hidden; width:250px; height:173px;} 
		.box a {text-decoration:none; color:#fff; }
 		.box a.headlink {text-decoration:none; font-size:18px; color:#fff; }
		.box h2 {float:left; width:160px; margin:10px 0 6px 32px; color:#FFFFFF;} 
		.box p {margin: 30px 25px 0 25px; color:#FFFFFF; text-align:left; text-indent:0; font-size:12px!important; line-height:13px!important;}
		
#box1 { background:url('images/box-start12.png') no-repeat;}
#box1:hover { background:url('images/box-start1.png') no-repeat;}
/*aktywny*/
#box11 { background:url('images/box-start1.png') no-repeat;}
#box11:hover { background:url('images/box-start1.png') no-repeat;}

#box2 { background:url('images/box-start22.png') no-repeat;}
#box2:hover { background:url('images/box-start2.png') no-repeat;}
/*aktywny*/
#box22 { background:url('images/box-start2.png') no-repeat;}
#box22:hover { background:url('images/box-start2.png') no-repeat;}


#box3 { background:url('images/box-start32.png') no-repeat;}
#box3:hover { background:url('images/box-start3.png') no-repeat;}
/*aktywny*/
#box33 { background:url('images/box-start3.png') no-repeat;}
#box33:hover { background:url('images/box-start3.png') no-repeat;}


#box4 { background:url('images/box-start42.png') no-repeat;}
#box4:hover { background:url('images/box-start4.png') no-repeat;}
/*aktywny*/
#box44 { background:url('images/box-start4.png') no-repeat;}
#box44:hover { background:url('images/box-start4.png') no-repeat;}

		

#main-top {background:url('images/topmain.png') no-repeat; width:100%; height:100px; position:relative; overflow:hidden;  min-width:1000px;} 
#kdk {margin: 30px 0 0 20px; overflow:hidden; float: left; width:199px;} #kdk p {font-size:16px!important;}
#main-top h3 {float:right; margin-right:70px;margin-top:20px; } 


#main-bg span {font-size:26px; padding-right:3px;}

#main-bg { background:#fff; width:1000px; position:relative; overflow:hidden;}
	.prawa {float:right; width:680px; margin-top:20px; margin-right:30px; overflow:hidden; position:relative;} 
	.prawa img { float:left;}
	
	.lewa {float:left; width:260px; overflow:hidden;} 
	.lewa ul {display:block; padding-bottom:40px; margin: 10px 0 10px 0px; width:260px; background:url('images/menu-bottom.png') bottom no-repeat;}
	.lewa li {list-style-type:none; color:#333333; margin:10px 0;}
	.lewa a {color:#333333!important; font-size:14px!important; padding:10px 15% 10px 0!important;} .lewa a:hover {text-decoration:none!important; color:red!important;}
	.lewa img {vertical-align:middle; margin-right:10px;}
	#pan {float:left; overflow:hidden; margin-left:0!important; }


#main-bottom {background:#fff; width:1000px; height:39px; overflow:hidden;}

/*portfolio*/	
#portfolio ul { position: relative; background:url(images/tlo-portfolio.png) no-repeat; width: 300px; height:350px; overflow:hidden; margin: 0 10px 10px 20px!important; float:left; }
#portfolio li {list-style-type:none;}
#portfolio li.im { list-style: none; margin:53px 0 0 30px; width: 240px!important; height:160px!important; overflow:hidden; border: 1px dotted #CCCCCC; }
#portfolio a { position:relative; overflow:hidden; }
#portfolio li.im img { position:relative; left:0; top:0; }
#portfolio li.opis {margin-left:30px; margin-top:10px; width: 240px!important;}
#portfolio p {text-indent:0!important;}


#pozycjonowanie { width:1000px; height:30px; margin-top:150px; }
#pozycjonowanie a { font-size:9px; text-decoration:none; color:#333333; }
#pozycjonowanie h1 {float:left; width:600px; padding-left:20px;}
#autor { padding-right:20px; float:right;} #autor a {font-size:12px!important; color:white!important;} #autor p {color:red!important;}
#logo-male {float:right; padding-right:20px; margin-top:100px; overflow:hidden;}

#kontakt-stopka {float:left; overflow:hidden; margin-top:0px; }
#kontakt-stopka p {color:#FFFFFF!important; font-weight:bold; font-size:24px; line-height:30px; text-indent:0px!important; margin: 0 0 30px 20px!important; padding-left:20px;}
#kontakt-stopka span {background-color:red;}

#stopka { width:100%; height:400px; background:url('images/stopka.png') #FFF no-repeat top; min-width:1100px; margin-top:-100px!important; }
#stopka-bg { width:1000px; height:400px; padding-left:10px; background:url('images/stopka-bg.png') no-repeat; }
	.stopka-box { float:left; margin: 40px 15px 0 15px; width:219px; height:184px; background:url('images/stopka-box.png') no-repeat; } 
	.stopka-box h4 {margin-top: 15px; text-align:center;}
	.stopka-box ul li {list-style-type:none; margin-left:35px;}
	.stopka-box img {vertical-align:middle;}
	.stopka-box a:link, a:visited {font-size: 13px; color:#FFF; text-decoration: none; }
	.stopka-box a:hover, a:active {font-size: 13px; text-decoration: none; border-bottom:1px dotted #FFFFFF; }
		
/*_____________________________________________________STRONY_________________________________________*/
.strony {margin: 20px 0 30px 70px; overflow:hidden;}
.design {margin: 0 0 0 50px; overflow:hidden;}
#browsers {width:256px; height:122px; position:relative; background:url('images/browsers-black.png') no-repeat;}
#browsers:hover {background:url('images/browsers.png') no-repeat;}
		
#poz-pakiet {width:650px; height:160px; position:relative; background:url('images/pozycjonowanie-pakiety.png') no-repeat;}
#poz-pakiet:hover {background:url('images/pozycjonowanie-pakiety-h.png') no-repeat;}	
#poz-pakiet a {width:650px; height:160px; position:absolute; text-indent:-3000em;}

/*______________________________________________________KONTAKT I PAKIETY_________________________________________*/

/*kontakt*/
#send-kontakt {background:url('images/send.png') no-repeat; width:103px; height:39px; position:relative; border:none; color:#FFFFFF; font-weight:bold;}
#send-kontakt:hover {background:url('images/send-h.png') no-repeat; width:103px; height:39px; position:relative; cursor:pointer;}


#formularz-kontaktowy {margin: 10px 0 10px 0;}
#formularz-kontaktowy legend {margin-top:10px; margin-bottom:3px;}
#formularz-kontaktowy a {color:#FF0000;}

#formularz-kontaktowy fieldset {border:none; background-color:#FFFFCC; padding-left:10px;}
legend {float:left; font-size:14px; color:#333333;}
input.text-kontakt {background-color:#FFFFFF; border: 1px #333333 dotted; font-weight:bold; padding-left:10px; color:#333333;}
textarea#area-kontakt  {background-color:#FFFFFF; border: 1px #333333 dotted; padding-top:5px; padding-left:10px;}

/*pakiety*/

/*pakiety oi*/
 li#konsultacje { background: url('images/pak-oi.png') no-repeat 0 0; }
 li#pak-oi-10 { background: url('images/pak-oi-10.png') no-repeat 0 0; }
 li#pak-oi-20 { background: url('images/pak-oi-20.png') no-repeat 0 0; }
 li#pak-oi-30 { background: url('images/pak-oi-30.png') no-repeat 0 0; }
/*pakiety www*/
 li#strony-www { background: url('images/strony-www.png') no-repeat 0 0; }
 li#strony-www-cms { background: url('images/strony-www-cms.png') no-repeat 0 0; }
 li#pozycjonowanie-www { background: url('images/pozycjonowanie-www.png') no-repeat 0 0; }
 li#pozycjonowanie-www-10 { background: url('images/pozycjonowanie-www-10.png') no-repeat 0 0; }
/*pakiety sk*/
 li#sk1 { background: url('images/sk1.png') no-repeat 0 0; }
 li#sk2 { background: url('images/sk2.png') no-repeat 0 0; }
 li#sk3 { background: url('images/sk3.png') no-repeat 0 0; }
/*pakiety ab*/
 li#ab1 { background: url('images/ab1.png') no-repeat 0 0; }
 li#ab2 { background: url('images/ab2.png') no-repeat 0 0; }
 li#ab3 { background: url('images/ab3.png') no-repeat 0 0; }
 li#ab4 { background: url('images/ab4.png') no-repeat 0 0; }


 .selected { background-position: -200px 0!important; }


/*tytuly pakietów*/		
.pakiet-tytul {font-size:24px!important; width:1000px;}
#pakiet-oi-tytul { background:url('images/legend-oi.png') no-repeat; height: 80px;  }
#pakiet-sk-tytul { background:url('images/legend-oi.png') no-repeat; height: 80px;}
#pakiet-www-tytul { background:url('images/legend-oi.png') no-repeat; height: 80px;}
#pakiet-bi-tytul { background:url('images/legend-oi.png') no-repeat; height: 80px;}

#part1 {background-color:#FFFFCC!important; width:350px; padding:10px; float:left; overflow:hidden;}
#part2 {float:right; }


#button-send {float:left; clear:both;}

#formularz-pakiety fieldset {border:none; background-color:#FFFFFF; padding-left:10px; }
#formularz-pakiety legend {font-size: 17px;}

.checklist {list-style: none; margin: 0; padding: 0; }
.checklist li { float: left; margin: 15px 20px; width: 200px; height: 220px; position: relative;}
.checklist li.selected .checkbox-select { display: none; }
.checklist li.selected label {color:#333333; font-weight:normal;}
.checkbox-select { display: block; float: left; position: absolute; top: 118px; left: 37px; width: 85px; height: 25px;  text-indent: -9999px; background: url('images/dodaj.png') no-repeat 0 0; margin:60px 0 0 20px; }
.checklist li input { display: none; }
a.checkbox-deselect { display: none; color:#333333; font-weight: bold; text-decoration: none; position: absolute; top: 170px; right: 10px; }
.checklist li.selected a.checkbox-deselect { display: block; }
.checklist li label { display: block; text-align: center; padding: 8px; }
.sendit { display: block; float: left; top: 118px; left: 10px; width: 203px; height: 39px; border: 0; cursor: pointer; background:url('images/send-pakiet.png') no-repeat 0 0; font-weight:bold; color:#FFFFFF; margin: 20px 0; font-size:18px; }
.sendit:hover { background:url('images/send-pakiet-h.png') no-repeat 0 0; }

.legnor {margin-top:10px;}

/*__________mapa_______*/

#mapa a {color:#FF0000; font-size:20px;} 
#mapa a:hover {border-bottom:1px dotted #333333; text-decoration:none;}

.level {margin-left:20px;} .level a {color:#333333!important;}

/*__________bezpieczenstwo___________*/

.alert-box {border: dotted 1px #333333; margin:10px; padding:20px;}
.alert-box:hover { background:#FFFFCC; border:dotted red 1px;}

#facebook {background: url('images/facebook-h.png') no-repeat; top:35%; right:0; z-index:8999; position:fixed; width:40px; height:146px; }
#facebook:hover {background: url('images/facebook.png') no-repeat; cursor:pointer;}
#facebook a { width:40px; height:146px; position:absolute;}



.paki { margin: 0 auto; display:block; width:80px; height:80px; background: url('images/button-pakiety.png') no-repeat; cursor:pointer; position:relative; }
.paki img { width:70px; height:70px;}
ul.reset, ul.reset li { display:block; list-style:none; padding:0; margin:0; }
ul.reset li { position:absolute; }
ul.reset li a { outline:none; }


/*cylex*/
#cyl {background:#FFF; width:88px; height:31px; float:left;  margin-top:10px!important;}

#firnet a {float:right; width:120px; height:70px;}
#firnet img {width:120px; height:70px; border:none; }

/* nasi klienci */
.klient {float:left; position:relative;}
#klient1 {float:left; position:relative;}
#klient2 {float:left; position:relative;}
#klient3 {float:left; position:relative;}
#klient4 {float:left; position:relative;}
#klient5 {float:left; position:relative;}

.lajn {position:relative; float:left; overflow:hidden; margin: 15px 0 20px 0; width:170px; }
.lajn img { padding-right:70px; margin-bottom:5px;} .lajn p {width:120px; padding-right:50px; text-indent:0!important; text-align:left!important; }

/*monitoring*/
.cctv li {list-style-type:none; float:left; margin: 10px; overflow:hidden; position:relative; width:200px!important; height:150px; text-align:center;}
.cctv a {color:#333333!important;}
.cctv a:hover {color:#FF0000!important; font-weight:bold;}

/*adsense*/
#reklamy-google {position:relative; width:inherit; float:left; margin-top:-10px!Important; padding-left:35px!important; background:none!important; position:absolute;}