* {
	margin: 0; padding: 0;
}

@font-face {
  font-family: 'Ubuntu';
  font-style: normal;
  font-weight: 400;
  src: local('Ubuntu'), url(http://themes.googleusercontent.com/static/fonts/ubuntu/v4/hHs22WBTTzMhSqc5uBBDKg.woff) format('woff');
}

body {
	font-family:Ubuntu;
	color:#202020;
	background-image: url('img/bgrrr.png');
}

h1 {
	font-size:20px;
	color:#313131;
	font-weight:normal;
	margin-bottom:8px;
}

h2 {
	margin-top:30px;
	margin-left:10px;
	font-size:25px;
	color:#bbb;
	font-weight:normal;
	margin-bottom:8px;
}

h3 {
	margin-top:20px;
	font-size:25px;
	color:#bbb;
	font-weight:normal;
	margin-bottom:8px;
}

h4 {
	text-align:center;
	margin-top:45px;
	font-size:25px;
	color:#313131;
	font-weight:normal;
}

h5 {
	font-size:16px;

	color:#cf1b1f;
}

h6 {
	color: #313131;
	font-weight:normal;
	font-size:16px;

}

a {
	color:#7d7d7d;
	transition: all 0.1s ease;
	text-decoration:none;
}

a:hover {
	color:#cf1b1f;
}

p {
	margin-bottom:6px;
}

i {
	font-style:normal;
	color:#cf1b1f;
}

hr {
	margin: 40px 0;
	border:none;
	border-top:1px solid white;
	box-shadow:0 0 1px;
}

div.wrap1000 {
	width:1000px;
	margin:auto;
}

.cont {
	overflow-x:hidden;
	width:1000px;
	margin:auto;
	box-shadow:0 0 3px rgba(0, 0, 0, 0.1);
	background:#fff;
}

img.stat4u {
	width:1px;
	height:1px;
}

iframe.mapa {
	border:0;
	margin:0;
}

section#nawigacja { 
	width:100%;
	height:105px;
}

section#powitanie {
	margin:auto;
	width:1000px;
	height:300px;
	background:#f7f7f7;
	font-size:18px;
	margin-bottom:30px;
}

	#inf {
		width:330px;
		height:230px;
		border-collapse:collapse;
		font-size:18px;
	}

	#inf .w50 {
		width:50px;
	}

	#inf div {
		width:50px;

		height:50px;
		background-repeat:no-repeat;
		background-position:center center;
	}

section#zajmujemy_sie {
	clear:both;
	height:300px;
	margin-bottom:30px;

}

	#zajmujemy_sie h1 {
		margin:10px 20px;
	}

#dodatkowe {
	width:100%;
	min-height:0px;
}

section#stopka {
	width:100%;
	height:300px;
	background:#f4f3f0;
}



ul.linki {
	float:right;
	margin:25px 15px 0 0;
	height:45px;
	border-radius:5px;
	max-width:720px;

	background:#f7f7f7;
	box-shadow:0 0 2px rgba(0,0,0,0.3);
}

ul a {
	display:block;
}
ul.linki li {
	width:80px;
	text-align:center;
	float:left;
	line-height:45px;
	padding:0 20px;
	list-style:none;
	font-family:Ubuntu;
	font-size:16px;
	color:#313131;
	overflow:hidden;
	-o-transition: all 0.1s linear;
	-webkit-transition: all 0.1s linear;
	transition: all 0.1s linear;
	text-decoration:none;
}

ul.linki li:hover {
	color:#cf1b1f;
}

#spe {
	width:100px;
	padding:0 10px;
}

#spe:after {
	margin-left:-10px;
}

ul.linki li:after {
	opacity: 1;
	position:static;
	display:block;
	border-bottom-right-radius: 3px;
	border-bottom-left-radius: 3px;
	background:#cf1b1f;
	margin-left:-20px;
	height:3px;
	width:120px;
	content:"";
	opacity:0;
	transform:scale(0);
	-webkit-transform:scale(0);
	-o-transform:scale(0);
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;
}

ul.linki li:hover:after {
	opacity:1;
	transform:scale(0.9);
	-webkit-transform:scale(0.9);
	-o-transform:scale(0.9);
}

#lifirst {
	border-left:none;
}

.powitanie {
	text-align:center;
}

.o_sklepie p {
	float:left;
	font-size:14px;
	padding-top:20px;
	padding-left:180px;
	background-image:url("img/laptop.png");
	background-repeat:no-repeat;
	background-position:left bottom;
	height:180px;
}

.odsyłacze {
	width:170px;
	height:200px;
	margin-top:60px;
	float:right;
}

.odsyłacze img {
	margin:10px 0 0 0;
}

img#logofirma {
	margin:15px 10px;
}

.lewa_powitania {
	width:580px;
	height:280px;
	padding:20px 25px 0 25px;
	float:left;
	box-shadow: 0 0 2px rgba(0, 0, 0, 0.2);
}

.prawa_powitania {
	float:left;
	width:350px;
	color:#313131;
	height:280px;
	background:#eeeeee;
	font-size:20px;
	padding:20px 0 0 20px;
	box-shadow: 0 0 2px rgba(0, 0, 0, 0.2);
}

.wrapmargin {
	margin-top:20px;
}

p.opis {
	font-size:12px;
}

div.littlebox {
	padding-top:120px;
	width:195px;
	float:left;
	text-align:center;
	margin:20px 3px 0 2px ;
	background-origin:padding-box;
	background-position:center top;
	background-repeat:no-repeat;
}

div#serwis {
	background-image: url('img/serwis.png')
}
div#systemy {
	background-image: url('img/systemy.png')
}
div#naprawa {
	background-image: url('img/naprawa.png')
}
div#sieci {
	background-image: url('img/sieci.png')
}
div#wirusy {
	background-image: url('img/wirusy.png')
}

div.lewa_stopa {
	float:left;
	padding:0 20px;
	width:260px;
}

div.prawa_stopa {
	float:left;
	margin-top:10px;
	width:600px;
}

div#images {
	min-height:200px;
	width:100%;
	margin: 30px 0;
	clear:both;
}

img.galeria {
	margin:8px 8px;
	border:5px solid white;
	box-shadow:0 0 3px black;
}

div#firma {
	margin:15px 20px 50px 10px;
	text-align:justify;
	width:580px;
	float:left;
}

div#kadra {
	margin:15px 15px 50px 20px;
	float:left;
	width:300px;
}

div#kadra table {
	margin-top:15px;
}

div#kadra table td {
	padding: 0 10px 10px 0;
	font-weight:bold;
}

div#kadra table td:nth-child(even) {
	font-weight:normal;
	color:#cf1b1f;
}

div#kadra table td:nth-child(odd) {
	text-align:right;
}

#user {
	margin:0; padding:0;
	width:160px;
	float:left;
	font-size:20px;
	text-align:center;
	line-height:10px;
}

#user tr:nth-child(even) td {
	font-size:12px;
	font-weight:normal;
}

#wrap {
	width:350px;
}

.ustawienia_konta a { 
	font-size:15px;
}

.ustawienia_konta {
	float:left;
	text-align:left;
	clear:left;
}

/***** REGULAMIN *****/

#regulamin {
	width:920px;
	height:400px;
	padding:20px 40px 80px 0;
	overflow-y:scroll;
	text-align: justify;
	margin-top:10px;	
}

.regulamin_p1 {
	margin:0;
	padding:0;
	font: 16px Ubuntu;
	color: #cf1b1f;
	font-weight: bold;
	margin-left: 40px;
	clear:left;
}

.regulamin_p2 {
	margin:0;
	padding:0;
	font: 12px Ubuntu;
	margin-left: 60px;
	margin-bottom:20px;
	clear:left;
}

.regulamin_p3 {
	margin:0; padding:0;
	font: 12px Ubuntu;
	margin-left: 80px;
	clear:left;
}

.certyfikaty img {
	border: 8px solid white;
	box-shadow: 0 0 5px;
	margin:20px 30px;
}


.txt {  
    box-shadow:inset 0 2px 8px -3px #888;
    border: 1px solid #d4d4d4;
    background:#e3e3e3;
    border-radius:3px;
    font-size:20px;
    color: #8e8e8e;
    width:300px;
	height:40px;
	margin: 5px auto;
	padding: 0 15px;
}

textarea {
    box-shadow:inset 0 2px 8px -3px #888;
    border: 1px solid #d4d4d4;
    border-radius:3px;
    padding:10px;
    font-family: Ubuntu;
	color: #8e8e8e;
	resize:vertical;
}

[type=checkbox] {
	color:orange;
}

.txt2 {  
    box-shadow:inset 0 2px 8px -3px #888;
    border: 1px solid #d4d4d4;
    background:#fff;
    border-radius:3px;
    font-size:20px;
    color: #8e8e8e;
    width:300px;
	height:40px;
	margin: 5px auto;
	padding: 0 15px;
}
.txt_small {  
    box-shadow:inset 0 1px 2px #ddd;
    border: 1px solid #d4d4d4;
    background:#fff;
    border-radius:3px;
    font-size:16px;
    color: #8e8e8e;
    width:250px;
	height:30px;
	margin: 5px auto;
	padding: 0 8px;
}

.labl {
	font-size:12px;
	color:grey;
}

.button {
 	 box-shadow:inset 0 2px 8px -3px #888;
	margin:5px 18px 0 0;
	width:160px;
	height:40px;
	float:right;
	cursor:pointer;
	background:#cf1b1f;
	font-weight:bold;
	color:white;
	border:none;
	border-radius:3px;
	font-size:20px;
	transition:0.3s all ease;
}
/* biała wersja */
.button2 {
 	 box-shadow:inset 0 2px 8px -3px #888;
	margin:5px 0 0 10px;
	width:120px;
	padding:0 15px;
	height:40px;
	float:right;
	cursor:pointer;
	background:#cf1b1f;;
	font-weight:bold;
	color:white;
	border:none;
	border-radius:3px;
	font-size:20px;
	transition:0.3s all ease;
}

.button:hover {
	background:#db282c;
}
.button2:hover {
	background:#db282c;
}

.tresc_tabeli {
	clear:both;
	position:relative;
	bottom:0px;

}

.tresc_tabeli > a {
	font-size:15px;
	clear:both;

}

.foot_text {
	text-align:center;
	font-size:12px;
}

.kontakt {
	width:960px;
	padding:20px;
}

.kontakt p {
	margin-left:15px;

}

table.kontakt {
	height:50px;
	margin:0px;padding:0 20px 0 20px;
	background:white;
	float:left;
	box-shadow: 0 0 2px rgba(0, 0, 0, 0.2);
	margin-bottom:20px;
}

table.kontakt tr td {
	margin:0px;padding:0px;
}

.dane {
	width:400px;
	margin-top:20px;
	float:right;
	right:130px;
	position:relative;
	font-size:20px;
}

.dane p {
	color:#404040;
}

#napisz {
	width:400px;
	height:400px;
}


#napisz tr td {
	text-align:left;
}

.pracownicy {
	float:left;
}

#napisz tr td { 
}

#zapytanie {
	width:1000px;
}

#tresc_zapytania {
	margin:auto;
	width:750px;
	clear:both;
}

.reg {
	width:600px;
	margin:auto;
}

.reg form{
	margin:auto;
	width:220px;
}

.do {
	width:750px;
	border-bottom:1px solid #ddd;
	padding:5px;
	margin-bottom:5px;
}

.mailtemat {
	width:750px;
	border-bottom:1px solid #ddd;
	padding:5px;
	color:#313131;
	margin-bottom:10px;	
	transition:0.3s all ease;
}

.mailtemat:hover {
	border-bottom:1px solid #cf1b1f;;
}


.mailtemat input {
	border:none;
	color:grey;
	width:600px;
}
.potwierdzenie {
	float:left;
}

.wiadomosc {
	box-shadow:none;
	border:none;
	border-bottom:1px solid #ddd;
	transition:0.3s all ease;
	background:white;
	z-index:99;
}

.wiadomosc:hover {
	border-bottom:1px solid #cf1b1f;;
}

.potwierdzenie {
	width:750px;
}

.smallsubmit {
	color:white;
	background:#cf1b1f;
	border:none;
	margin: 5px 5px;
	font-size:16px;
	float:right;
	border-radius:3px;
	cursor:pointer;
	padding: 2px 25px;
	transition:0.3s all ease;
}

.smallsubmit:hover {
	background:#e6292e;
}

.smallsubmit2 {
	color:white;
	background:#cf1b1f;
	border:none;
	margin: 5px 15px 5px 0;
	font-size:16px;
	float:right;
	border-radius:3px;
	cursor:pointer;
	padding: 2px 25px;
	transition:0.3s all ease;
}

.smallsubmit2:hover {
	background:#e6292e;
}

#formularz input {
	float:right;
}

#tabela_wiadomosci {
	width:800px;
	margin:auto;
}

#tabela_wiadomosci table {
	float:left;

}

.nieprzeczytana {

}

.przeczytana {
	padding-bottom:20px;
}

.ev {
	margin-bottom:20px;
}

.trhead {
	background:#eee;
	padding:3px 0;

}

.trhead td {
	padding:5px 10px;
	line-height:20px;
	font-size:16px;
	border:none;	
	margin:0px;
}

#tabela_profil {
	margin:auto;

}


#tabela_profil td:nth-child(odd) {
	text-align:right;
}
#tabela_profil td:nth-child(even) {
	color:#cf1b1f;
}

.profil {
	padding:20px;
	width:960px;
}

#profil_edycja {
	width:500px;
	padding:20px;
	float:left;
}

#profil {
	width:960px;
	padding:0 20px;

}

.konfiguracja {
	width:960px;
	padding:20px;
}

.konfiguracja table {
	margin:auto;
}

#przywracanie {
	width:700px;
	margin:auto;
}

.option {
	margin:5px;
	height:18px;	
}

.uzytkownicy {
	width:400px;
	float:left;
	margin:20px;
}

#odzyskaj_haslo {
	width:600px;
	margin:auto;
	text-align:center;
}


.rejestracja {
	width:700px;
	margin:20px auto;
}

.tabe tr td:nth-child(odd) {
	float:right;
}

.center {
	width:400px;
	height:50px;
}

.main {
	width:960px;

	margin:20px auto;
}

.main h3 {
	margin-left:-10px;
}

.main p {
	text-align:justify;
}

.toggler {
	cursor:pointer;
	transition:0.3s color ease;
}

.toggler:hover {
	color:#cf1b1f;
}

.toggler:after {
	content:" ▼";
	opacity:0;
	position:relative;
	top:-5px;
	color:#313131;
	transition:0.3s all ease;
}

.toggler:hover:after {
	opacity:0.9;
	top:0;
}

.pokwitowanie {
	width:960px;
	margin:20px;
}

#szukam {
	width:500px;
	width:400px; 
	height:35px; 
	line-height:35px;
	padding:0 10px; 
	margin:0;
	
}
#szukamsubmit {
	cursor:pointer;
	width:60px;
	height:35px;
	background:url(img/search.png) #0066FF center center no-repeat;
	border:1px solid #0066FF;
	margin:0;
	color:white;
	
}

#super {
	opacity:.3;
	transition:.1s ease opacity;
}

tr:hover #super {
	opacity:1;
}

.szukamfield {
	width:500px;
	margin:auto;
}

.wynwysz {
	width:900px;
	margin:auto;
}

.wynwysz table{
	width:830px;

}

.wynik td:nth-child(odd) {
	text-align:right;
	padding-right:15px;
}

.pf1 {
	width:800px;
	margin:auto;
}

	.text_wrap {
		display:block;
		float:left;
		width:120px;
	}
	.input_wid input {
		width:240px;
		
	}
	

	.formularz {
		border:none;
	}
	.duze_inputy input {
		width:340px;
		font-size:25px;
		border-radius:3px;
		padding:0 10px;
		border:1px solid silver;
	}
	.txtar {
		width:360px;
		box-shadow:none;
		padding:0;
	}
	.obow {
		border:1px solid silver;
		border-right:2px solid #cf1b1f;
	}
	.thesubmit {
		background:#cf1b1f;
		color:white;
		padding:5px 100px;
		font-weight:bold;
		float:right;
		border:none;
		border-radius:3px;
		margin-right:20px;
		cursor:pointer;
		transition:0.3s opacity ease;
	}

	.thesubmit:hover {
		opacity:0.9;
	}

.aktu_pok  {
	 border-collapse:collapse;
	 margin:auto;
	 border:5px solid #313131;
}

.aktu_pok tr {
	height:40px;
}

.aktu_pok tr td:first-child {
	text-align:center;
}

.aktu_pok tr td img {
	float:right;
	right:10px;
	position:relative;
}

.aktu_pok tr:nth-child(odd) {
	background:#eee;
}

.aktu_pok tr:nth-child(even) {
	background:#ccc;
}

.aktu_pok tr:first-child {
	background:#313131;
	color:white;
}

.serwisdomowy {
	width:960px;
	margin:20px;
}

#pokwitowanie_edycja {
	width:800px;
	margin:auto;
}

#main {
	width:960px;
	margin:20px;
}

.oserwisie {
	width:580px;
	float:left;
	text-align:justify;
}

.oserwisie > p {
	margin-bottom:15px;
	text-indent:15px;
}

.thesmallsubmit {
	width:120px;
	background:#cf1b1f;
	border:none;
	border-radius:3px;
	color:white;
	font-weight:bold;
	float:right;
	position:relative;
	margin-right:30px;
	height:30px;
	cursor:pointer;
}

.dodatkoweinfo {
	width:340px;
	float:right;
}

	.dodatkoweinfo > a {
		margin:15px 0;
		width:340px;
		height:60px;
		font-size:25px;
		color:#888;
		text-shadow:0 0 5px rgba(255,255,255,1);
		box-shadow: 0 -30px 60px -10px rgba(0,0,0,.1) inset,
					0 1px 5px rgba(0,0,0,.3);
		display:block;
		text-align:center;
		line-height:60px;
		background:#eee;
		border-radius:8px;

	}

.tabwrap {
	width:600px;
	margin:auto;
}

.formtab {
	width:600px;
	margin:auto;
}

.formtab input {
	float:right;
	margin-right:20px;
}

.formtab textarea {
	width:250px;
	box-shadow:none;
}

.rejestracja {
	margin: auto;
	width:960px;

}

.help {
	position:absolute;
	width:20px;
	height:20px;
	text-indent:7px;
	cursor:pointer;
}

.help:after {
	border-radius:4px;
	padding:15px;
	margin-left:25px;
	width:200px;
	box-shadow:0 0 3px;
	opacity:0;
	-moz-transition:0.3s opacity ease;
	-o-transition:0.3s opacity ease;
	-webkit-transition:0.3s opacity ease;
	transition:0.3s opacity ease;
}

.help:hover:after{
	opacity:1;
}

.help1:after {
	content:"Login: 2-50 znaków";
}

.help2:after {
	content:"Hasło: 7-30 znaków";
}

.help3:after {
	content:"przykład@domena.com";
}

.help4:after {
	content:"Adres: 5-200 znaków";
}

.help5:after {
	content:"W formacie: xx-xxx";
}

.help6:after {
	content:"Miasto: 3-100 znaków";
}

.help7:after {
	content:"Nazwa: 2-100 znaków";
}

.help8:after {
	content:"NIP: 10 cyfr - bez odstępów";
}

.help9:after {
	content:"Adres: 10-200 znaków";
}

.help10:after {
	content:"Imię osoby kontaktowej";
}

.special {
	color:#000;
}

.special:hover {
	color:#cf1b1f;
}

.thegallery {
	width:980px;
	margin:auto;
}

.gal {
	float:left;
	width:215px;
	position:relative;
	margin:10px;
	border:5px solid white;
	box-shadow:0 0 5px rgba(0,0,0,.3);
}


.gal img {
	width:215px;

}