/* reset marginesów oraz dopeÅ?ieÅ?*/
html, body, ul, li { margin: 0; padding: 0;}

/* reset wysokoÅ?i linii i fontu */
h1, h2, ul, li, p { margin: 0; padding: 0; font-size: 1em; line-height: 1.5em;}

/* ustawienia globalne */
body { font: 0.625em/1.5em tahoma, verdana, arial, sans-serif; background-color: #fff;} 


 /* samo min-height nie zadzia³a */
 /* /* ale zadzia³a dla elementów pozycjonowanych */
 /* /* elementy pozycjonowane maj¹ domyœlnie minimaln¹ szerokoœæ */



/* szerokoÅ??strony */
.content {width: 900px; margin-left: auto; margin-right: auto;}

/* resetowanie ramek obrazków */
a img {border: none;}
div.c1 {text-align: center;}

/* header */
#header {
	position: relative;
	height: 120px;
	border-bottom: 1px solid #fff;
	background: #000;
	}
#header .google {
	margin-left: 650px; 
	margin-right: 20px;
	color: #fff; 
	font: bold 1.05em tahoma, verdana, arial, sans-serif; 
	position: absolute;
	top: 15px;
	}
#header .google p {
	text-indent:70px;
}
#header .google input.pole {
	border-width: thin; 
	border-style: solid;
	background: #ccc;
}
#header h1 {
	position: absolute;
	top: 20px;
	margin-left: auto; margin-right: auto;
	overflow: hidden;
	}
	
#header h1 a {
	display: block;
	width: 500px;
	height: 78px;
	background: url(../images/logo.png) no-repeat;
	text-indent: -666em;
	}
#header h1.pogotowie a {
	display: block;
	width: 500px;
	height: 78px;
	background: url(../images/logo_pogotowie.png) no-repeat;
	text-indent: -666em;
	}
	#header h1.www a {
	display: block;
	width: 500px;
	height: 78px;
	background: url(../images/logo_stron.png) no-repeat;
	text-indent: -666em;
	}
	#header h1.sieci a {
	display: block;
	width: 500px;
	height: 78px;
	background: url(../images/logo_sieci.png) no-repeat;
	text-indent: -666em;
	}
	#header h1.sklep a {
	display: block;
	width: 500px;
	height: 78px;
	background: url(../images/logo_sklep.png) no-repeat;
	text-indent: -666em;
	}
	#header h1.uslugi a {
	display: block;
	width: 500px;
	height: 78px;
	background: url(../images/logo_uslugi.png) no-repeat;
	text-indent: -666em;
	}
	#header h1.naprawa a {
	display: block;
	width: 500px;
	height: 78px;
	background: url(../images/logo_naprawa.png) no-repeat;
	text-indent: -666em;
	}
	#header h1.kontakt a {
	display: block;
	width: 500px;
	height: 78px;
	background: url(../images/logo_kontakt.png) no-repeat;
	text-indent: -666em;
	}
	#header h1.download a {
	display: block;
	width: 500px;
	height: 78px;
	background: url(../images/logo_download.png) no-repeat;
	text-indent: -666em;
	}
	#header h1.pozyc a {
	display: block;
	width: 500px;
	height: 78px;
	background: url(../images/logo_pozycjonowanie.png) no-repeat;
	text-indent: -666em;
	}
	
#header ul { 
	overflow: hidden; 
	position: absolute; 
	bottom: 0; 
	margin-left: auto; margin-right: auto;
	list-style: none;
}
#header ul li { 
	float: left; 
	margin-right: 0px; 
	background: url(../images/but_lewa.gif) top left no-repeat;
}
#header ul li a { 
	display: block; 
	padding: 11px 26px 10px; 
	color: #000; 
	font: bold 1.05em tahoma, verdana, arial, sans-serif; 
	text-decoration: none; 
	background: url(../images/but_prawa.gif) top right no-repeat;
}
#header ul li a:hover {
	text-decoration: underline;
	background: url(../images/but_hov.gif) top left no-repeat;
}
.content #current{
	text-decoration: underline;
	background: url(../images/but_hov.gif) top left no-repeat;
}
/* slogan */
#slogan {
margin-left: auto; margin-right: auto;
	background: #42485b url(../images/tlo-main-powielane.jpg) repeat-x; 
	border-bottom: 1px #fff solid;
	position: relative;
	}
#slogan .content {

		width: 892px;
		height: 142px;
	}
#slogan .content #motto {	
	position: absolute;
	top: 80px;
	left: 100px;
	overflow: hidden;
	}
	
#slogan .content #motto a {
	display: block;
	width: 332px;
	height: 91px;
	text-indent: -666em;
	background: url(../images/slogan.png) no-repeat;
	}

/* main */
#main {
	background: #fff url(../images/main-bg.gif) top left repeat-x;
	border-bottom: #d5d8d6 1px solid;
	}
#main .content {
	overflow: hidden;
	}
#main .column {
	float: left;
	margin-left: 20px;
	}
#main .box {
	width: 400px;
	padding: 28px 14px 14px;
	margin-bottom: 30px;
	}	
#main .box p {
	font: 1.2em arial, tahoma, sans-serif;
	color: #333132
	}	
#main .box p.akapit {
	text-indent:10px;
}
#main .box p.akapit a{
	text-indent:10px;
	text-decoration: none;
	font-weight:bold;
	color:#000;
}
#main .box p.akapit a:hover{
	text-indent:10px;
	text-decoration: none;
	font-weight:bold;
	color:red;
}

	#main .box p:hover {
	background: #f3f3f3;
	font: 1.2em arial, tahoma, sans-serif;
	color: #000
	}
#main .box p.zadzwon {
	margin-left: 60%; margin-right: 10%;
	font: 1.5em arial, tahoma, sans-serif;
	font-weight: BOLD;
	bottom: 15px;
}
#main .box p.zadzwon a{
	color: #333132
}
#main .box p.zadzwon a:hover{
	color: #000
}
#main .box p.zadzwon:hover {
	background: #fff;
	margin-left: 60%; margin-right: 10%;
	font: 1.5em arial, tahoma, sans-serif;
	font-weight: BOLD;
	bottom: 15px;
}	
		
#main .box.pogotowie h2 {
	background: url(../images/pogotowie.jpg) no-repeat;
	text-indent: -666em;
	width: 359px;
	height: 52px;
}
#main .box.pogotowie h2:hover {
	background: url(../images/pogotowie2.jpg) no-repeat;
	text-indent: -666em;
	width: 359px;
	height: 52px;
}
#main .box.sieci h2 {
	background: url(../images/sieci.jpg) no-repeat;
	text-indent: -666em;
	width: 359px;
	height: 52px;	
}
#main .box.sieci h2:hover {
	background: url(../images/sieci2.jpg) no-repeat;
	text-indent: -666em;
	width: 359px;
	height: 52px;	
}
#main .box.uslugi h2 {
	background: url(../images/uslugi.jpg) no-repeat;
	text-indent: -666em;
	width: 359px;
	height: 52px;
}
#main .box.uslugi h2:hover {
	background: url(../images/uslugi2.jpg) no-repeat;
	text-indent: -666em;
	width: 359px;
	height: 52px;
}
#main .box.strony h2 {
	background: url(../images/strony.jpg) no-repeat;
	text-indent: -666em;
	width: 359px;
	height: 52px;
}
#main .box.strony h2:hover {
	background: url(../images/strony2.jpg) no-repeat;
	text-indent: -666em;
	width: 359px;
	height: 52px;
}
#main .box.sprzedaz h2 {
	background: url(../images/sprzedaz.jpg) no-repeat;
	text-indent: -666em;
	width: 359px;
	height: 52px;
}
#main .box.sprzedaz h2:hover {
	background: url(../images/sprzedaz2.jpg) no-repeat;
	text-indent: -666em;
	width: 359px;
	height: 52px;
}
#main .box.naprawa h2 {
	background: url(../images/naprawa.jpg) no-repeat;
	text-indent: -666em;
	width: 359px;
	height: 52px;
}
#main .box.naprawa h2:hover {
	background: url(../images/naprawa2.jpg) no-repeat;
	text-indent: -666em;
	width: 359px;
	height: 52px;
}
#main .box.kwalifikacje {
	background: url(../images/maszyna.jpg) 0 30px no-repeat;
	padding-left: 120px;
	}
#main .box.biznes {
	background: url(../images/biznes.jpg) 0 30px no-repeat;
	padding-left: 120px;
	margin-top: -25px
	}

#main .wiecej {
	text-align: right;
	}
#main .wiecej a {
	text-decoration: none;
	font-weight: bold;
	color: #999;
	background: url(../images/strzalka-wiecej.gif) 100% 50% no-repeat;
	padding-right: 15px;
	display: block;
	outline: none;
	}

/* footer */
#footer {
	background: #f3f3f3;
	}
#footer #footer-image {
	float: right;
	margin: 16px 48px 10px 71px;
	}
#footer ul {
	list-style: none;
	width: 900px;
	overflow: hidden;
	padding-top: 19px;
	}
#footer ul li {
	float: left;
	margin: 0 30px;

	}
#footer ul li a {
	display: block;
	width: 150px;
	padding: 0 12px;
	font: 1.1em verdana, sans-serif;
	background: url(../images/strzalka-footer.gif) 0 50% no-repeat;
	color: #686868;
	text-decoration: none;
	}
#footer ul li a:hover {
	display: block;
	width: 150px;
	padding: 0 12px;
	font: 1.1em verdana, sans-serif;
	background: url(../images/strzalka-footer2.gif) 0 50% repeat-x;
	color: #fff;
	text-decoration: none;
	}
#footer #fixcom{
	clear: left;
	padding: 19px 0 19px 267px;
	font: bold 1.1em tahoma, verdana, arial, sans-serif;
	color: #cacaca;
	background: url(../images/cien-footer.gif) top left no-repeat;
	
	}
#footer #fixcom a{
	clear: left;
	padding: 19px 0 19px 67px;
	font: bold 1.1em tahoma, verdana, arial, sans-serif;
	color: #cacaca;
	}
#footer #fixcom a:hover{
	clear: left;
	padding: 19px 0 19px 67px;
	font: bold 1.1em tahoma, verdana, arial, sans-serif;
	color: #000;
	}
#footer .center {
margin-left: 40%; margin-right: 10%;
}

	
/* PODSTRONA - produkty */

#main .box2 {
	width: 800px;
	padding: 28px 14px 14px;
	margin-bottom: 30px;
	}	
#main .box2 p {
	font: 1.2em arial, tahoma, sans-serif;
	color: #333132
	}	
#main .box2 p.image {
	margin-top: 30px;
	margin-left: 250px;
	}	
#main .box2 p.image2 {
	margin-top: 5px;
	margin-left: 50px;
	}
#main .box2 p a {
	font: 1.2em arial, tahoma, sans-serif;
	color: #333132
	}
#main .box2 p.akapit {
	text-indent:10px;
}
#main .box2 p.akapit a{
	text-indent:10px;
	text-decoration: none;
	font-weight:bold;
}
#main .box2 p.akapit a:hover{
	text-indent:10px;
	text-decoration: none;
	font-weight:bold;
	color:red;
}
#main .box3 {
	width: 400px;
	padding: 28px 14px 14px;
	margin-bottom: 30px;
	}	
#main .box3 p{
	font: 1.2em arial, tahoma, sans-serif;
	color: #333132
	}
/* POGOTOWIE */
#main .box2.pogotowie h2 {
	background: url(../images/pogotowie.jpg) no-repeat;
	text-indent: -666em;
	width: 359px;
	height: 52px;
}
#main .box2.pogotowie h2:hover {
	background: url(../images/pogotowie2.jpg) no-repeat;
	text-indent: -666em;
	width: 359px;
	height: 52px;
}
/* WWW */
#main .box2.www h2 {
	background: url(../images/strony.jpg) no-repeat;
	text-indent: -666em;
	width: 359px;
	height: 52px;
}
#main .box2.www h2:hover {
	background: url(../images/strony2.jpg) no-repeat;
	text-indent: -666em;
	width: 359px;
	height: 52px;
}

/*SIECI*/
#main .box2.sieci h2 {
	background: url(../images/sieci.jpg) no-repeat;
	text-indent: -666em;
	width: 359px;
	height: 52px;
}
#main .box2.sieci h2:hover {
	background: url(../images/sieci2.jpg) no-repeat;
	text-indent: -666em;
	width: 359px;
	height: 52px;
}
/*USLUGI*/
#main .box2.uslugi h2 {
	background: url(../images/uslugi.jpg) no-repeat;
	text-indent: -666em;
	width: 359px;
	height: 52px;
}
#main .box2.uslugi h2:hover {
	background: url(../images/uslugi2.jpg) no-repeat;
	text-indent: -666em;
	width: 359px;
	height: 52px;
}
/*NAPRAWA*/
#main .box2.naprawa h2 {
	background: url(../images/naprawa.jpg) no-repeat;
	text-indent: -666em;
	width: 359px;
	height: 52px;
}
#main .box2.naprawa h3 {
	font: 1.5em arial, tahoma, sans-serif;
	color: #3366FF;
}
#main .box2.naprawa h2:hover {
	background: url(../images/naprawa2.jpg) no-repeat;
	text-indent: -666em;
	width: 359px;
	height: 52px;
}
/*SKLEP*/
#main .box2.sklep h2 {
	background: url(../images/sprzedaz.jpg) no-repeat;
	text-indent: -666em;
	width: 359px;
	height: 52px;
}
#main .box2.sklep h2:hover {
	background: url(../images/sprzedaz2.jpg) no-repeat;
	text-indent: -666em;
	width: 359px;
	height: 52px;
}
/*KONTAKT*/
#main .box3.kontakt h2 {
	background: url(../images/kontakt.jpg) no-repeat;
	text-indent: -666em;
	width: 359px;
	height: 52px;
}
#main .box3.kontakt h2:hover {
	background: url(../images/kontakt2.jpg) no-repeat;
	text-indent: -666em;
	width: 359px;
	height: 52px;
}
#main .box3.kontakt2 {
	position: absolute;
	top: 360px;
	font: 1.4em arial, tahoma, sans-serif;
	color: #333132
	
}
#main .box3.kontakt2 a{
	color: #333132
}
#main .box3.kontakt2 a:hover{
	color: #000
}
/*DOWNLOAD*/
#main .box2.download h2 {
	background: url(../images/download.jpg) no-repeat;
	text-indent: -666em;
	width: 359px;
	height: 52px;
}
#main .box2.download h2:hover {
	background: url(../images/download2.jpg) no-repeat;
	text-indent: -666em;
	width: 359px;
	height: 52px;
}
/*DOWNLOAD*/
#main .box2.pozycjonowanie h2 {
	background: url(../images/pozycjonowanie.jpg) no-repeat;
	text-indent: -666em;
	width: 359px;
	height: 52px;
}
#main .box2.pozycjonowanie h2:hover {
	background: url(../images/pozycjonowanie2.jpg) no-repeat;
	text-indent: -666em;
	width: 359px;
	height: 52px;
}