﻿body {
	text-align:center; 
	background-color: #FFFFFF; 
	background-image: url("img/tlo.jpg");
	background-repeat: repeat-x;
	background-attachment:fixed;
	font-family: 'Trebuchet MS';
	font-size: small;
}

#kontener {
	width: 945px;
	text-align: center;
	height: auto;
	margin: 0 auto;
	overflow: auto;
	
}

#gora {
	background-image: url("img/gora.png");
	width: 945px;
	height: 43px;
	float: left;
}

#dol {
	float: left;
	background-image: url("img/dol.png");
	width: 945px;
	height: 53px;
}

#img_top {
	display: block;
	padding-top: 30px;
}

#img_bottom {
	margin-top: 20px;
}

#tresc {
	float: left;
	width: 301px;
	height: 280px;
	background-image: url("img/center.jpg");
	background-position: 0 10px;
	background-repeat: no-repeat;
	padding-left: 480px;
	padding-top: 30px;
}

#tresc_podstrony {
	float: right;
	width: 540px;
	padding-left: 20px;
	padding-right: 10px;
	margin-top: 30px;
	border-left: thin #919298 solid;
}

#tresc_produkty {
	float: right;
	width: 540px;
	padding-left: 20px;
	padding-right: 10px;
	margin-top: 30px;
	border-left: thin #919298 solid;
}

#tresc_produkty a {
	display: block;
	text-decoration: none;
}

#navi {
	float: left;
	width: 200px;
	margin-top: 30px;
	display: inline-block;
}

#navi img {
	margin-bottom: 5px;
}

#szary_pas {
	border-top: 1px #919298 solid;
	text-align: center;
	float: left;
	width: 780px;
	
	padding-top: 2px;
}

#szary_pas p {
	font-weight: bold;
	color: #F37A01;
	font-style: italic;
}

#data {
	text-align: right;
	float: left;
	width: 780px;
	margin-top: 15px;
}

#data p {
	font-style: italic;
}

#data strong {
	font-size: small;
}

#pasek {
	border-top: thin #ebebeb solid;
	float: left;
	width: 780px;
}

#dane_adresowe {
	float: left;
	width: auto;
}

#wizytowka {
	float: right;
	padding-right: 20px;
	margin-top: 30px;
	height: 139px;
	width: 220px;
	background-image: url("img/wizytowka1.jpg");
	background-repeat: no-repeat;
	background-position: top left;
}

#wizytowka:hover {
	background-position: bottom left;
}

#dojazd {
	clear: both;
}

ul.zamiana {
	display: inline;
	list-style: none;
}

ul.zamiana li {
	white-space: nowrap;
	display: inline;
}

#menu a {
	display: block;
	text-decoration: none;
	text-indent: -3000em;

}

#menu a:focus {
	overflow: hidden; 
}


a.m_ofirmie {
	width: 131px;
	height: 66px;
	background-image: url("img/ofirmie.jpg");
	background-position: bottom;
}

a.m_ofirmie:hover {
	background-position: top;
}

a.m_produkty {
	width: 127px;
	height: 66px;
	background-image: url("img/produkty.jpg");
	background-position: bottom;
}

a.m_produkty:hover {
	background-position: top;
}

a.m_artykuly {
	width: 122px;
	height: 66px;
	background-image: url("img/artykuly.jpg");
	background-position: bottom;
}

a.m_artykuly:hover {
	background-position: top;
}

a.m_referencje {
	width: 148px;
	height: 66px;
	background-image: url("img/referencje.jpg");
	background-position: bottom;
}

a.m_referencje:hover {
	background-position: top;
}

a.m_faq {
	width: 109px;
	height: 66px;
	background-image: url("img/faq.jpg");
	background-position: bottom;
}

a.m_faq:hover {
	background-position: top;
}

a.m_kontakt {
	width: 143px;
	height: 66px;
	background-image: url("img/kontakt.jpg");
	background-position: bottom;
}

a.m_kontakt:hover {
	background-position: top;
}

span {
	width: auto;
	float: left;
	display: inline-block;
}

a.p_sinclair {
	width: 200px;
	height: 150px;
	background-image: url("img/p_sinclair.jpg");
	background-position: bottom;
	margin-left: 50px;
	margin-top: 30px;
}

a.p_sinclair:hover {
	background-position: top;
}

a.p_fujitsu {
	width: 200px;
	height: 150px;
	background-image: url("img/p_fujitsu.jpg");
	background-position: bottom;
	margin-left: 30px;
	margin-top: 30px;
}

a.p_fujitsu:hover {
	background-position: top;
}

a.p_lg {
	width: 200px;
	height: 150px;
	background-image: url("img/p_lg.jpg");
	background-position: bottom;
	margin-left: 50px;
	margin-top: 15px;
}

a.p_lg:hover {
	background-position: top;
}

a.p_samsung {
	width: 200px;
	height: 150px;
	background-image: url("img/p_samsung.jpg");
	background-position: bottom;
	margin-left: 30px;
	margin-top: 15px;
}

a.p_samsung:hover {
	background-position: top;
}

a.p_electra {
	width: 200px;
	height: 150px;
	background-image: url("img/p_electra.jpg");
	background-position: bottom;
	margin-left: 50px;
	margin-top: 15px;
}

a.p_electra:hover {
	background-position: top;
}

a.p_airwell {
	width: 200px;
	height: 150px;
	background-image: url("img/p_airwell.jpg");
	background-position: bottom;
	margin-left: 30px;
	margin-top: 15px;
}

a.p_airwell:hover {
	background-position: top;
}

a.p_sanyo {
	width: 200px;
	height: 150px;
	background-image: url("img/p_sanyo.jpg");
	background-position: bottom;
	margin-left: 50px;
	margin-top: 15px;
}

a.p_sanyo:hover {
	background-position: top;
}

#ikony {
	margin-top: 20px;
	margin-bottom: 20px;
	text-align: center;
}

#ikony img {
	margin-left: 5px;
	margin-right: 5px;
}

#menu {
	height: 67px;
	width: 850px;
	float: left;
	margin-top: 30px;
}

#main {
	padding-left: 80px;
	padding-right: 80px;
	width: 785px;
	float: left;
	background-image: url("img/tlo-poziom.png");
	text-align: left;
}

#mail {
	display: block;
	float: right;
	width: 243px;
	margin-top: 30px;
	text-align: right;
	background-image: url("img/koperta.jpg");
	background-position: 71px 19px;
	background-repeat: no-repeat;
}

.artykul {
	border-bottom: thin #FBDBAA solid;
}

.artykul img {
	float: left;
	padding-right: 20px;
}

.wiecej {
	text-align: right;
}

li.pytanie {
	font-family: "Trebuchet MS";
	list-style-type: square;
	list-style-position: outside;
	margin-bottom: 15px;
	font-style: italic;
	color: navy;
}

li.odpowiedz {
	font-family: "Trebuchet MS";
	list-style-type: none;
	font-size: small;
	margin-bottom: 20px;
}

.kontakt p {
	font-size: medium;
}

li.adres {
	list-style-image: url("img/ik1.gif");
	margin-bottom: 20px;
	margin-top: 30px;
}

li.telefon {
	list-style-image: url("img/ik2.gif");
	margin-bottom: 20px;
}

li.email {
	list-style-image: url("img/ik3.gif");
	margin-bottom: 40px;
}

#prod_sinclair {
	list-style-type: circle;
	list-style-position: inside;
	font-family: "Trebuchet MS";
	font-size: small;
}

li.typ {
	list-style-type: square;
	list-style-position: outside;
	font-size: medium;
	color: black;
	font-style: italic;
	margin-top: 20px;
}

#lista_navi {
	list-style-image: url("img/strzalka.jpg");
}

.tekst_glowny {
	font-family: "Trebuchet MS";
	font-size: small;
	margin-top: 15px;
	margin-bottom: 25px;
}

.mailing {
	color: gray;
}

.centruj {
	text-align: center;
}

.wyjustuj {
	text-align: justify;
}

.akapit {
	text-indent: 50px;
	margin-top: 20px;
	text-align: justify;
	line-height: 25px;
}

img {
	border: 0;
}

.referencje {
	margin-left: 15px;
	margin-right: 15px;
}

strong {
	font-size: x-large;
}

iframe {
	margin: 0 auto;
	display: block;
	border: medium gray dashed;
}

form {
	margin: 0 auto;
	margin-top: 15px;
}

h2 {
	width: auto;
	border-bottom: #99CCFF dotted;
	font-family: "Trebuchet MS";
	font-size: x-large;
	font-style: italic;
	color: #666699;
	margin-top: 10px;
	margin-bottom: 10px;
	margin-right: 10px;
}

h3 {
	margin-top: 30px;
	font-family: "Trebuchet MS";
	font-size: large;
	font-style: italic;
	color: #000000;
	background-color: #FBDBAA;
	letter-spacing: 1px;
}

p {
	margin: 0 0 0 0;
}

a:link {
	text-decoration: underline;
	color: navy;
}

a:visited {
	text-decoration: underline;
	color: navy;
}

a:hover {
	text-decoration: none;
	color: #CC6600;
}
