body {
    background-color: #232323;
    background-image: url("img/tlo_wawa.jpg");
    background-position: center top;
    background-repeat: repeat-y;
	
	font-family: Helvetica, Arial, Sans-Serif;
}

#wrapper {
	width: 996px;
	height: 816px;
	
	margin: 6px auto;
	
    background-image: url("img/tlo.jpg");
    background-position: center bottom;
	background-color: white;
    background-repeat: no-repeat;
	
	box-shadow:0 0 1px 3px gray;
	
	position: relative;

}
#wrapper1 {
	width: 996px;
	height: 900px;
	
	margin: 6px auto;
	
    background-image: url("img/tlo.jpg");
    background-position: center bottom;
	background-color: white;
    background-repeat: no-repeat;
	
	box-shadow:0 0 1px 3px gray;
	
	position: relative;

}
#wrapper2 {
	width: 996px;
	height: 1040px;
	
	margin: 6px auto;
	
    background-image: url("img/tlo.jpg");
    background-position: center bottom;
	background-color: white;
    background-repeat: no-repeat;
	
	box-shadow:0 0 1px 3px gray;
	
	position: relative;

}
#header {
	position: absolute;
	
	width: 100%;
	height: 196px;
	
	top: 0;
	left: 0;
}

#logo {
	position: absolute;
	
	width: 226px;
	height: 102px;
	
	top: 20px;
	left: 20px;
	
	border: none;
}

#logo-sl {
	position: absolute;
	
	width: 226px;
	heigh: 102px;
	
	top: 124px;
	left: 22px;
}

#logo-sl div.sl-1, #logo-sl div.sl-2 {
	font-size: 22px;
	font-weight: 700;
}

#logo-sl div.sl-1 {
	color: #0070B8;
}

#logo-sl div.sl-2 {
	color: black;
}

#h-box-1 {
	position: absolute;
	
	width: 300px;
	
	top: 18px;
	left: 380px;
	
	font-size: 18px;
	font-weight: 700;
}

#h-box-1 .box-h {
	font-size: 20px;
	color: #0070B8;
}

#h-box-1 ul {
	margin: 0 0 0 3px;
	padding: 0;
	color: #0070B8;
}

#h-box-1 ul li {
	list-style-type: square;
	list-style-position: inside;
}

.sq-list {
	list-style-type: square;
	list-style-position: inside;
	padding-left: 0;
	color: #0070B8;
}

.h-item {
	color: black;
}

#contact-box {
	position: absolute;
	
	width: 200px;
	
	top: 20px;
	left: 770px;
	
	font-size: 12px;
	line-height: 16px;
}

#h-nav {
	background-image:url('img/h-nav.png');
	
	position: absolute;
	display: block;
	
	top: 197px;
	left: 0;
	
	height: 30px;
	width: 100%;
	
	font-size: 14px;
	font-weight: 700;
}

#h-nav ul {
	margin: 0;
	padding: 0;
	height:100%;
	
	letter-spacing: 0;
}

#h-nav ul>li {
	margin: 0;
	padding: 0;
	
	height: 100%;
	
	border-right: 1px solid #91BEDA;
	
	list-style-type: none;
	display: block;
	
	float:left;
	
	letter-spacing: 0;
}

#h-nav ul>li>a {
	display: block;
	margin: 0;
	padding: 6px 2em;
	
	text-decoration: none;
	text-shadow: -1px 1px 2px black;
	
	color: white;
}

#h-nav ul>li:hover {
	background-color: hsla(240,40%,30%,0.3);
}

#h-nav ul>li:hover>a {
	color: hsl(44,70%,75%);
}

#h-nav ul>li>ul {
	position:absolute;
	top:30px;
	left:0;
	display:none;
	height:60px;
	width:100%;
	z-index: 9999;
	background-color: hsla(205, 50%, 48%, 0.9);
	border-bottom: 1px solid #91BEDA;
}

#h-nav ul>li>ul>li:hover a{
	background-color: hsla(205, 94%, 28%, 0.9);
}

#h-nav ul>li>ul a{
	padding: 21px 2em;
}

#h-nav ul>li:hover>ul {
	display:block;
}

#footer {
	position: absolute;
	
	bottom: 0;
	left: 0;
	
	width: 100%;
	height: 26px;
	
	background-image: url("img/stopka.png");
	
	color: white;
	font-size: 10px;
}

#footer .copy-1, #footer .copy-2 {
	position: absolute;
	top: 5px;
}
.copy-1 a {
	color: #fff;
}

#footer .copy-1 {
	left: 110px;
}

#footer .copy-2 {
	left: 720px;
}

#content {
	position: absolute;
	
	width: 924px;
	height: 500px;
	
	top: 234px;
	left: 8px;
	
	padding: 24px 28px;
	
	background-color: white;
	box-shadow:0 0 1px 1px gray;
	
	font-size: 12px;
	color: #526178;
}
#content1 {
	position: absolute;
	
	width: 924px;
	height: 600px;
	
	top: 234px;
	left: 8px;
	
	padding: 24px 28px;
	
	background-color: white;
	box-shadow:0 0 1px 1px gray;
	
	font-size: 12px;
	color: #526178;
}


#content.npad {
	padding: 0;
	width: 980px;
	height: 548px;
}

#content h2 {
	font-size: 14px;
}

#content h1 {
	font-weight: 700;
	margin-top: 0;
}

#content h2 {
	font-weight: 700;
	font-style: italic;
}

#content h3 {
	margin-left:28px;
	margin-top:10px;
	font-weight:normal;
	font-size: 12px;
	text-transform: uppercase;
	margin-bottom:0;
}

#content .h-list {
	padding-left: 20px;
	margin: 0;
}

#content .h-list li {
	color: #0070b8;
	list-style-type: square;
	font-size: 18px;
	font-weight: 700;
	line-height: 18px;
}

#content .h-list .h-item {
	color: #223148;
	font-size: 12px;
	font-weight: normal;
	vertical-align: 2px;
	line-height: 18px;
}

#content p {
	max-width: 800px;
	margin: 0.8em 0;
}

.r-tab {
	width: 880px;
	font-size: 14px;
}

.r-tab th, .r-tab td {
	padding-top: 0.6em;
	padding-bottom: 0.6em;
	text-align: center;
}

.r-tab thead th{
	border-bottom: 1px solid black;
	border-top: 1px solid black;
	border-right: 1px solid black;
	background-color: #F0F0F0;
}

.tp th, .tp td {
	background-color: #EDF2FF;
}

.r-tab tbody td {
	border-bottom: 1px solid hsl(0,0%,80%);
	border-right: 1px solid black;
}

.r-tab tbody th {
	border-left: 1px solid black;
	border-bottom: 1px solid hsl(0,0%,80%);
	border-right: 1px solid black;
}

.r-tab tbody tr:last-of-type td, .r-tab tbody tr:last-of-type th {
	border-bottom-color: black;
}

.r-tab thead th:first-of-type{
	border-left: 1px solid black;
}

.r-tab  th:first-of-type{
	text-align: left;
	padding-left: 3em;
}

#content .usl-sect {
	position: relative;
	height: 170px;
}

#content .usl-sect:first-of-type {
	border-top: 2px solid #D5D5F2;
}

#content .usl-sect.usl-mid {
	height: 166px;
	border-top: 2px solid #D5D5F2; 
	border-bottom: 2px solid #D5D5F2;
	background-color:#F3F3FF;
}

#content .usl-sect h2 {
	margin-top: 0;
	margin-left: 28px;
	padding-top: 18px;
	font-style: normal;
	text-transform: uppercase;
}

#content .usl-sect h2 a {
	text-decoration: none;
	font: inherit;
	color: inherit;
}

#content .usl-sect h2 a:hover {
	color: blue;
}

#content .usl-sect p {
	width: 600px;
	margin-left: 28px;
}

p.wiecej, p.etap {
	text-align: right;
	font-weight: bold;
}

p.wiecej a:after {
	content: " >>";
	font-size: 11px;
}

p.wiecej a, p.etap a {
	text-decoration: none;
	color: inherit;
}

p.wiecej a:hover, p.etap a:hover {
	color: blue;
}

.usl-sect .usl-img {
	position: absolute;
	right: 36px;
	top: 9px;
}

.usl-sect.usl-mid .usl-img {
	top: 7px;
}

.usl-img img, img.shadow {
	box-shadow:0 0 4px 3px gray;
}

figure {
	margin-left:0;
	margin-right:0;
}

figcaption {
	display:block;
	margin-top:3px;
	font-size: 10px;
}

.ndisp {
	display: none;
}

.home_box {
	border: 4px solid white;
	position: absolute;
	overflow: hidden;
	box-shadow:0 0 4px 3px gray;
	background-color: white;
}

.gal-img {
	max-height: 100px;
	box-shadow:0 0 2px 1px gray;
	margin:3px;
}

.box-gal {
	margin: 5px 28px;
	width:950;
	overflow:hidden;
	height:106px;
}

.home_box_slide {
	position:absolute;
	width:100%;
	height:100%;
	top:0;
	left:0;
}

.s-head{
	position:absolute;
	top:0;
	width:100%;
	height:70px;
	background-color: hsla(0,0%,100%,0.5);
}

h1 {
	font-size:22px; 
	color:#0070b8;
	margin-left:35px;
}

.main p {
	margin-left:35px;
	width:800px;
}
.breadcrumb>li {
	display: inline;
}
.breadcrumb {
	list-style: none;
	padding: 5px 0px 0px 0px;
    margin-left: 35px;
}
.sm-panel-prawe span{color: #FFF;
font-family: sans-serif;
font-weight: 700;}
.sm-pkt-prawe span{color: #000;
}
.sm-targeo-prawe span{color: #000;
}
.sm-googlekspert-prawe span{color: #000;
}
.sm-goldenline-prawe span{color: #000;
}
.sm-panel-prawe img {
height:25px;}
.sm-panel-prawe {
	position: fixed;
	width: 150px;
	top: 150px;
	right: -110px;
	z-index: 1000000;
	transition: visibility .25s, opacity .25s;
	-webkit-transition: visibility .25s, opacity .25s;
}
.sm-panel-prawe > ul {
	margin: 0;
	padding: 0;
	list-style-type: none;
}
.sm-panel-prawe > ul > li {
	transition: transform .25s;
	-webkit-transition: -webkit-transform .25s;
}
.sm-panel-prawe > ul > li:hover {
	transform: translateX(-110px);
	-webkit-transform: translateX(-110px);
}
.sm-panel-prawe > ul > li > a {
	display: flex;
	align-items: center;
	color: #fff;
	padding: 5px 0 5px 5px;
	text-decoration: none;
}
.sm-panel-prawe > ul > li > a > img {
	margin: 0 10px 0 0;
}
.sm-panel-prawe > ul > li > a > span {
	font-size: initial;
}
.sm-panel-prawe > ul > li[class^="sm-"] {
	background-image: none;
	background-repeat: repeat;
	background-attachment: scroll;
	background-position: 0%;
}
.sm-text-black {
	color: #000;
}
.sm-gplus-prawe {background: #dc4a3d;}

.sm-instagram-prawe {background: #b3ad8b;}
.sm-fb-prawe {background: #305891;}
.sm-twitter-prawe {background: #28aae1;}
.sm-blog-prawe {background: #0171bb;}
.sm-pinterest-prawe {background: #d73532;}
.sm-youtube-prawe {background: #e32c26;}
.sm-allegro-prawe {background: #ff5a00;}
.sm-linkedin-prawe {background: #0097bd;}
.sm-payback-prawe {background: #00349a;}
.sm-gmap-prawe {background: #1ea362;}
.sm-pkt-prawe, .sm-targeo-prawe, .sm-goldenline-prawe, .sm-googlekspert-prawe {background: #fff;}
@media screen and (max-width:640px) {.sm-panel-prawe {visibility:hidden;opacity:0;}}