/*
Author: Mat3o					                             									         
Portfolio: http://mat3o.pl                         
Copyright (c)                                      
*/

/*--------------- RESETOWANIE USTAWIEŃ ---------------*/

@import url("reset.css");

/*--------------------- BODY ---------------------*/

body {

   font-family: Tahoma;
   font-size: 11px;
   color: #163e7d;
   background-color: #dfedff;
   text-align: center;
}

a:link {
   color: #163e7d;
	 text-decoration: none;
}
a:visited {
   color: #163e7d;
	 text-decoration: none;
}
a:hover {
   color: #ff7d00;
	 text-decoration: underline;
}
a:active {
   color: #163e7d;
	 text-decoration: none;
}

#tlo {
   width: auto;
   text-align: center;
	 background-image: url(images/bg1.png);
	 background-position: top center;
	 background-repeat: no-repeat;
}

#all {
   margin-left: auto;
   margin-right: auto;
   width: 1008px;
   text-align: left;
}

#tlo2 {
   width: auto;
   text-align: center;
	 background-image: url(images/bg2.png);
	 background-position: bottom center;
	 background-repeat: no-repeat;
}

#all2 {
   margin-left: auto;
   margin-right: auto;
   width: 1008px;
   text-align: left;
}

#above-top {
   margin-left: auto;
   margin-right: auto;
   width: 1008px;
   height: 52px;
   background-image: url(images/above-top.png);
   text-align: left; 
   position: relative;
}

#top {
   margin-left: auto;
   margin-right: auto;
   width: 1008px;
   height: 96px;
   text-align: left; 
   position: relative;
}

#top-left {
   float: left;
   width: 62px;
   height: 96px;
   background-image: url(images/top-left.png);
   position: static;
}

#top-logotype {
   float: left;
   width: 167px;
   height: 96px;
   background-image: url(images/top-logotype.png);
   position: static;
}

#top-text {
   float: left;
   width: 779px;
   height: 96px;
   background-image: url(images/top-text.png);
   position: static;
}

#under-top {
   margin-left: auto;
   margin-right: auto;
   width: 1008px;
   height: 46px;
   background-image: url(images/under-top.png);
   text-align: left; 
   position: relative;
}

#menu {
   margin-left: auto;
   margin-right: auto;
   width: 1008px;
   height: 66px;
   text-align: left; 
   position: relative;
}

#menu-left {
   float: left;
   width: 589px;
   height: 66px;
   background-image: url(images/menu-left.png);
	 background-repeat: no-repeat;
   position: static;
}

#menu-right {
   float: left;
   width: 419px;
   height: 66px;
   background-image: url(images/menu-right.png);
	 background-repeat: no-repeat;
   position: static;
}

#under-menu {
   margin-left: auto;
   margin-right: auto;
   width: 1008px;
   height: 23px;
   background-image: url(images/under-menu.png);
   text-align: left; 
   position: relative;
}

#header {
   margin-left: auto;
   margin-right: auto;
   width: 1008px;
   height: 193px;
   text-align: left; 
   position: relative;
}

#header-left {
   float: left;
   width: 818px;
   height: 193px;
   position: relative;
}

#witamy {
   float: left;
   width: 818px;
   height: 43px;
   background-image: url(images/witamy.png);
   position: static;
}

#header-bg-text {
   float: left;
   width: 818px;
   height: 150px;
   background-image: url(images/header-bg-text.png);
   position: static;
}

#header-text {
   float: left;
   width: 765px;
   height: 130px;
   padding: 12px 0 0 20px;
   font-family: Tahoma;
   font-size: 12px;
   color: #163e7d;
   line-height: 23px;
}

#header-right {
   float: left;
   width: 190px;
   height: 193px;
   background-image: url(images/header-right.png);
   position: relative;
}

#under-header {
   margin-left: auto;
   margin-right: auto;
   width: 1008px;
   height: 30px;
   background-image: url(images/under-header.png);
   text-align: left; 
   position: relative;
}

#content {
   width: 1008px;
	 height: auto;
	 background-color: #dfedff;
   background-image: url(images/bg-content.png);
	 background-repeat: no-repeat;
   text-align: left; 
   position: relative;
}

#content-page-bg {
   width: 1008px;
	 height: auto;
	 min-height: 400px;
   background-image: url(images/content-page-bg1.png);
}

#content-page-ofirmie {
   width: 1008px;
	 height: 43px;
   background-image: url(images/content-page-ofirmie.png);
	 background-repeat: no-repeat;
}

#content-page-oferta {
   width: 1008px;
	 height: 43px;
   background-image: url(images/content-page-oferta.png);
	 background-repeat: no-repeat;
}

#content-page-galeria {
   width: 1008px;
	 height: 43px;
   background-image: url(images/content-page-galeria.png);
	 background-repeat: no-repeat;
}

#content-page-porady {
   width: 1008px;
	 height: 43px;
   background-image: url(images/content-page-porady.png);
	 background-repeat: no-repeat;
}

#content-page-kontakt {
   width: 1008px;
	 height: 43px;
   background-image: url(images/content-page-kontakt.png);
	 background-repeat: no-repeat;
}

#content-text {
   width: 788px;
	 height: auto;
   text-align: left; 
   line-height: 23px;
	 padding-left: 20px;
	 padding-top: 10px;
	 padding-bottom: 10px;
}

#glowna {
   width: 1008px;
   height: 272px;
   text-align: left; 
   position: relative;
}

#nie-ufaj {
   float: left;
   width: 589px;
   height: 272px;
   background-image: url(images/nie-ufaj.png);
   position: static;
}

#szybki-kontakt {
   float: left;
   width: 419px;
   height: 272px;
   position: static;
}

#szybki-kontakt-header {
   float: left;
   width: 419px;
   height: 44px;
   background-image: url(images/szybki-kontakt-header.png);
   position: static;
}

#szybki-kontakt-bg {
   float: left;
   width: 419px;
   height: 228px;
   background-image: url(images/szybki-kontakt-bg.png);
   position: static;
}

#szybki-kontakt-text {
   float: left;
   width: 419px;
   height: 228px;
   font-family: Tahoma;
   font-size: 12px;
   color: #163e7d;
}

#gg {
   float: left;
   width: 360px;
   height: 37px;
	 padding-left: 21px;
	 padding-top: 10px;
}

#ikonka-gg {
   float: left;
   width: 38px;
   height: 37px;
	 background-image: url('images/gg.png');
	 background-repeat: no-repeat;
}

#tekst-gg {
   float: left;
   width: 300px;
   height: 37px;
	 padding-top: 12px;
	 padding-left: 17px;
}

#mail {
   float: left;
   width: 360px;
   height: 37px;
	 padding-left: 21px;
	 padding-top: 15px;
}

#ikonka-mail {
   float: left;
   width: 38px;
   height: 37px;
	 background-image: url('images/mail.png');
	 background-repeat: no-repeat;
}

#tekst-mail {
   float: left;
   width: 300px;
   height: 37px;
	 padding-top: 12px;
	 padding-left: 17px;
}

#fax {
   float: left;
   width: 360px;
   height: 37px;
	 padding-left: 21px;
	 padding-top: 25px;
}

#ikonka-fax {
   float: left;
   width: 38px;
   height: 37px;
	 background-image: url('images/fax.png');
	 background-repeat: no-repeat;
	 }

#tekst-fax {
   float: left;
   width: 300px;
   height: 37px;
	 padding-left: 17px;
	 line-height: 17px;
}


#under-content {
   margin-left: auto;
   margin-right: auto;
   width: 1008px;
   height: 30px;
   background-image: url(images/under-content.png);
   text-align: left; 
   position: relative;
}

#galeria {
   margin-left: auto;
   margin-right: auto;
   width: 1008px;
   height: 185px;
   text-align: left; 
   position: relative;
}

#slider {
	float:left;
	width:950px;
	height: 185px;
	overflow: hidden;
	background-image: url(images/galeria-bg.png);
}

#slider_lista {
	position:relative;
	left:-237px;
	list-style-type: none;
	margin: 0px;
	padding: 0px;
	width:9999px;
	padding-bottom:10px;
}

#slider_lista li{
	float: left;                              
	width:223px;
	height:146px;
	
	margin-top:20px;
	margin-bottom:19px; 
	margin-left:7px; 
	margin-right:7px; 
}

#slider_lista li img {
	border:0px; 
}
#lewa {
	float:left; 
	height:185px;
	width:28px; 
}

#prawa{
	float:left; 
	height:185px;
	width:28px; 
}

#lewa img, #prawa img{
	border:0;
	cursor: pointer;
}

#footer {
   margin-left: auto;
   margin-right: auto;
   width: 1008px;
   height: 107px;
   background-image: url(images/footer.png);
   text-align: left; 
   position: relative;
}

#footer-copyright {
   float: left;
   width: 620px;
   height: 95px;
	 padding-top: 11px;
	 padding-left: 21px;
   position: static;
}

#footer-menu {
   float: left;
   width: 345px;
   height: 95px;
	 padding-top: 11px;
	 padding-right: 22px;
   position: static;
	 text-align: right;
}

span.designer {
   color: #ff7d00;
   font-weight: bold;
}

/*--------------------- PRZYCISKI "WIECEJ" ---------------------*/

#wiecej1 {
   float: left;
   width: 62px;
   height: 25px;
	 margin-top: 151px;
}

.wiecej1 ul {
	 overflow:auto;
}
	
.wiecej1 li {
	 display: block;
   overflow:auto;
}
	
.wiecej1 {
	 display:block;
   width: 62px;
   height: 25px;
}
.wiecej1 a {
	 display:block;
	 width:100%;
	 height:100%;
	 background:url(images/wiecej1.png) no-repeat;
	 outline: none;
}
.wiecej1 a:hover {
	 background-position:0 -25px;
}

#wiecej2 {
   float: right;
   width: 62px;
   height: 25px;
	 margin-right: 18px;
}

.wiecej2 ul {
	 overflow:auto;
}
	
.wiecej2 li {
	 display: block;
   overflow:auto;
}
	
.wiecej2 {
	 display:block;
   width: 62px;
   height: 25px;
}
.wiecej2 a {
	 display:block;
	 width:100%;
	 height:100%;
	 background:url(images/wiecej2.png) no-repeat;
	 outline: none;
}
.wiecej2 a:hover {
	 background-position:0 -25px;
}





#left {
   float: left;
   width: 29px;
   height: 185px;
}

.left ul {
	 overflow:auto;
}
	
.left li {
	 display: block;
   overflow:auto;
}
	
.left {
	 display:block;
   width: 29px;
   height: 185px;
}
.left a {
	 display:block;
	 width:100%;
	 height:100%;
	 background:url(images/left.png) no-repeat;
	 outline: none;
}
.left a:hover {
	 background-position:0 -185px;
}

#right {
   float: left;
   width: 29px;
   height: 185px;
}

.right ul {
	 overflow:auto;
}
	
.right li {
	 display: block;
   overflow:auto;
}
	
.right {
	 display:block;
   width: 29px;
   height: 185px;
}
.right a {
	 display:block;
	 width:100%;
	 height:100%;
	 background:url(images/right.png) no-repeat;
	 outline: none;
}
.right a:hover {
	 background-position:0 -185px;
}

#strona-glowna {
   float: left;
   width: 131px;
   height: 66px;
}

.strona-glowna ul {
	 overflow:auto;
}
	
.strona-glowna li {
	 display: block;
   overflow:auto;
}
	
.strona-glowna {
	 display:block;
   width: 131px;
   height: 66px;
}
.strona-glowna a {
	 display:block;
	 width:100%;
	 height:100%;
	 background:url(images/strona-glowna.png) no-repeat;
	 outline: none;
}
.strona-glowna a:hover {
	 background-position:0 -66px;
}

#o-firmie {
   float: left;
   width: 79px;
   height: 66px;
}

.o-firmie ul {
	 overflow:auto;
}
	
.o-firmie li {
	 display: block;
   overflow:auto;
}
	
.o-firmie {
	 display:block;
   width: 79px;
   height: 66px;
}
.o-firmie a {
	 display:block;
	 width:100%;
	 height:100%;
	 background:url(images/o-firmie.png) no-repeat;
	 outline: none;
}
.o-firmie a:hover {
	 background-position:0 -66px;
}

#oferta {
   float: left;
   width: 77px;
   height: 66px;
}

.oferta ul {
	 overflow:auto;
}
	
.oferta li {
	 display: block;
   overflow:auto;
}
	
.oferta {
	 display:block;
   width: 77px;
   height: 66px;
}
.oferta a {
	 display:block;
	 width:100%;
	 height:100%;
	 background:url(images/oferta.png) no-repeat;
	 outline: none;
}
.oferta a:hover {
	 background-position:0 -66px;
}

#galeria-menu {
   float: left;
   width: 76px;
   height: 66px;
}

.galeria ul {
	 overflow:auto;
}
	
.galeria li {
	 display: block;
   overflow:auto;
}
	
.galeria {
	 display:block;
   width: 76px;
   height: 66px;
}
.galeria a {
	 display:block;
	 width:100%;
	 height:100%;
	 background:url(images/galeria.png) no-repeat;
	 outline: none;
}
.galeria a:hover {
	 background-position:0 -66px;
}

#porady {
   float: left;
   width: 76px;
   height: 66px;
}

.porady ul {
	 overflow:auto;
}
	
.porady li {
	 display: block;
   overflow:auto;
}
	
.porady {
	 display:block;
   width: 76px;
   height: 66px;
}
.porady a {
	 display:block;
	 width:100%;
	 height:100%;
	 background:url(images/porady.png) no-repeat;
	 outline: none;
}
.porady a:hover {
	 background-position:0 -66px;
}

#kontakt {
   float: left;
   width: 76px;
   height: 66px;
}

.kontakt ul {
	 overflow:auto;
}
	
.kontakt li {
	 display: block;
   overflow:auto;
}
	
.kontakt {
	 display:block;
   width: 76px;
   height: 66px;
}
.kontakt a {
	 display:block;
	 width:100%;
	 height:100%;
	 background:url(images/kontakt.png) no-repeat;
	 outline: none;
}
.kontakt a:hover {
	 background-position:0 -66px;
}