@CHARSET "UTF-8";

body {margin: 0; background: #34383f; font-family: Arial;}
a {outline: none;}
.orange {
	color: #e36e03;
}
.green {color: #9fdd20;}
.title {font-size: 20pt; font-weight: bold; font-style: italic; line-height: 30px;}
.to-right {text-align: right;}

#page {height: 100%; width: 100%; text-align: left;}
  
  #page #bg-top {background: url(../img/bg-top.jpg) repeat-x top; width: 100%; height: 254px;}
    #page #bg-top #under {background-color: white; width: 881px; height: 220px; margin: auto; position: relative; top: 40px;}
    #page #bg-top #head {background: url(../img/head-bg.png) no-repeat; width: 881px; height: 212px; margin: auto; position: relative; top: 10px; overflow: hidden; z-index: 20;}
      #page #bg-top #head #top-border {background: url(../img/head-top-border.png) no-repeat top; width: 881px; height: 16px; overflow: hidden;}
      #page #bg-top #head #head-left {float: left; width: 364px; height: 193px;}
        #page #bg-top #head #head-left #logo {background: url(../img/logo.png) no-repeat; width: 129px; height: 92px; position: relative; left: 41px; top: -0px;}
#page #bg-top #head #head-left #logo h1 {
	text-indent: -9999px;
	margin: 0px;
	padding: 0px;
	float: left;
	height: 0px;
	width: 0px;
}
#page #bg-top #head #head-left #logo a {
	margin: 0px;
	padding: 0px;
	float: left;
	height: 100%;
	width: 100%;
}


        #page #bg-top #head #head-left #txt {background: url(../img/head-txt.png) no-repeat; width: 362px; height: 32px; position: relative; left: 41px; top: 38px;}
      #page #bg-top #head #head-right {float: right; background: url(../img/head-img.png) no-repeat top right; width: 517px; height: 212px; position: relative; top: -32px; _top: -35px;}
      #page #bg-top #head #bottom-border {background: url(../img/head-bottom-border.png) no-repeat; width: 881px; height: 16px; position: relative; top: 180px; _top: 178px;}
      
    #page #bg-top #menu {width: 881px; height: 51px; margin: auto; position: relative; top: -4px; z-index: 10;}

    #page #bg-top #over {background: url(../img/menu-bg-over.png) no-repeat; width: 877px; height: 20px; margin: auto; position: relative; top: -24px; z-index: 10;}
      #page #bg-top #menu ul {list-style: none; margin: 0; padding: 0; color: white; font-size: 12px; font-weight: bold; font-style: italic; position: relative; z-index: 15; width: 881px;}
        #page #bg-top #menu ul li {float: left;  position: relative; text-indent: -9999px;}
        #page #bg-top #menu ul li a {display: block; text-indent: -9999px; cursor: pointer;}
        #page #bg-top #menu ul li.no-select { margin-left: 0px;  top: 14px;}

       #page #bg-top #menu ul li#start a {background: url(../img/p.jpg) no-repeat; height: 50px; width: 16px;}
        #page #bg-top #menu ul li#start-s {background: url(../img/ps.jpg) no-repeat; height: 50px; width: 16px;}
        
        #page #bg-top #menu ul li#home a {background: url(../img/c1s.png) no-repeat; margin-top: 0px; height: 50px; width: 104px;}
        #page #bg-top #menu ul li#home-s {background: url(../img/c1.png) no-repeat; height: 50px; width: 104px;}
        
        #page #bg-top #menu ul li#modele a {background: url(../img/c2s.png) no-repeat; height: 36px; width: 76px;}
        #page #bg-top #menu ul li#modele-s {background: url(../img/c2.png) no-repeat; height: 36px; width: 76px;}
                
        #page #bg-top #menu ul li#cennik a {background: url(../img/c3s.png) no-repeat; height: 36px; width: 81px;}
        #page #bg-top #menu ul li#cennik-s {background: url(../img/c3.png) no-repeat; height: 36px; width: 81px;}
        
        #page #bg-top #menu ul li#osobowe a {background: url(../img/c4s.png) no-repeat; height: 36px; width: 160px;}
        #page #bg-top #menu ul li#osobowe-s {background: url(../img/c4.png) no-repeat; height: 36px; width: 160px;}
        
        #page #bg-top #menu ul li#ciezarowe a {background: url(../img/c5s.png) no-repeat; height: 36px; width: 167px;}
        #page #bg-top #menu ul li#ciezarowe-s {background: url(../img/c5.png) no-repeat; height: 36px; width: 167px;}
        
        #page #bg-top #menu ul li#opinie a {background: url(../img/c6s.png) no-repeat; height: 36px; width: 80px;}
        #page #bg-top #menu ul li#opinie-s {background: url(../img/c6.png) no-repeat; height: 36px; width: 80px;}
        
        #page #bg-top #menu ul li#gwarancja a {background: url(../img/c7s.png) no-repeat; height: 36px; width: 107px;}
        #page #bg-top #menu ul li#gwarancja-s {background: url(../img/c7.png) no-repeat; height: 36px; width: 107px;}
        
        #page #bg-top #menu ul li#kontakt a {background: url(../img/c8s.png) no-repeat; height: 50px; width: 106px;}
        #page #bg-top #menu ul li#kontakt-s {background: url(../img/c8.png) no-repeat; height: 50px; width: 106px;}
       
        #page #bg-top #menu ul li#end {
	height: 50px;
	width: 41px;
	top: 0px;
	margin: 0;
	padding: 0;
	overflow: hidden;
	background-image: url(../img/end.gif);
	background-repeat: no-repeat;
	background-position: right;
}
       
    #page #bg-top #content-top {background: url(../img/content-top.png) no-repeat; width: 889px; height: 17px; margin: auto; position: relative; top: 0px;}
    #page #bg-top #content {background: #34383f url(../img/content-bg.jpg) repeat-x top left; width: 881px; z-index: 20; position: relative; top: 0px; margin: auto;}
    #page #bg-top #content a {color: #e36e03;}
      #page #bg-top #content img {margin-right: 10px; float: left;}
      #page #bg-top #content #c-left {padding: 10px 0 0 40px; width: 398px; font-size: 10pt; color: white; line-height: 18px; margin: 0; float: left; letter-spacing: 1;}
      #page #bg-top #content #c-left #c-top {height: 75px;}
        #page #bg-top #content #c-left #c-top h2 {
	background: url(../img/zwiekszenie.png) no-repeat;
	width: 268px;
	height: 63px;
	_left: 0px;
	margin: 0;
	padding: 0;
	text-indent: -9999px;
	float: left;
}
      #page #bg-top #content #c-left p {margin: 0; padding: 0 20px 0 0;}
      #page #bg-top #content #c-left p img {
	margin-left: 200px;
	padding-top: 20px;
}

      #page #bg-top #content #c-right {padding: 10px 0 0 40px; width: 400px; font-size: 10pt; color: white; line-height: 18px; margin: 0; float: left;}
      #page #bg-top #content #c-right #c-top {height: 75px;}
        #page #bg-top #content #c-right #c-top h2 {
	width: 300px;
	height: 49px;
	_left: 0px;
	margin: 0;
	text-indent: -9999px;
	float: left;
	background-image: url(../img/obnizenie.png);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	padding-top: 0;
	padding-right: 0;
	padding-bottom: 0;
	padding-left: 0;
}
      #page #bg-top #content #c-right p {margin: 0 25px 0 0; padding: 0;}
      #page #bg-top #content #c-right p img {
	margin-top: 10px;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 200px;
	padding-top: 10px;
}
      #page #bg-top #content #content-vhr {background: url(../img/content-vhr.png) no-repeat; width: 2px; height: 306px; float: left; position: relative; top: 20px;}
      #page #bg-top #content #c-clear {float: none; clear: both;}
      
      #page #bg-top #content table {
	margin:auto;
	width: 829px;
	color: white;
	font-size: 10pt;
	float: right;
}
      #page #bg-top #content table tr.even {height: 33px; background-color: #202226;}
      #page #bg-top #content table tr.odd {background-color: #3f434b; height: 33px;}
      #page #bg-top #content table tr td {border-bottom: 1px solid #75787d;}
      #page #bg-top #content #tab-title {background: url(../img/tab-top.png) no-repeat center; height: 33px; width: 829px; margin: auto; position: relative; top: 18px;}
      
      #page #bg-top #content .level {
	margin: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 90px;
	height: auto;
	float: left;
	width: 700px;
}
      
      #page #bg-top #content #cennik-tab1 {
	background: url(../img/cennik-tab1.png) no-repeat center;
	height: 33px;
	width: 558px;
	margin: 0px;
	_top: -18px;
	float: left;
	padding: 0px;
	clear: both;
}
#page #bg-top #content #cennik-tab1a {
	background: url(../img/cennik-tab1a.png) no-repeat center;
	height: 33px;
	width: 558px;
	margin: 0px;
	_top: -18px;
	float: left;
	padding: 0px;
	clear: both;
}
#page  #bg-top   #promo     {
	width: 700px;
	margin-top: 35px;
	margin-right: auto;
	margin-bottom: auto;
	margin-left: auto;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 15px;
	color: #FFFFFF;
	font-weight: bold;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 25px;
	padding-left: 0px;
}

      #page #bg-top #content #cennik-tab2 {
	background: url(../img/cennik-tab2.png) no-repeat center;
	height: 33px;
	width: 558px;
	margin: 0px;
	_top: -18px;
	float: left;
	padding: 0px;
}
      #page #bg-top #content #cennik-tab3 {
	background: url(../img/cennik-tab3.png) no-repeat center;
	height: 33px;
	width: 558px;
	margin: 0px;
	_top: -18px;
	float: left;
	padding: 0px;
}
      
      #page #bg-top #content table.chip {
	width: 558px;
	_top: -36px;
	float: left;
	margin: 0px;
	height: auto;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 45px;
	padding-left: 0px;
}
#content .tabelka1 {
	float: right;
	height: auto;
	width: 558px;
	overflow: auto;
	padding: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 25px;
	margin-left: 0px;
}

#page #bg-top #content-shadow #content .level img {
	float: left;
	margin: 0px;
	padding: 0px;
	clear: both;
	height: auto;
	width: auto;
}

      
      #page #bg-top #content h1, h2 {padding: 0; margin: 0; color: white;}
      #page #bg-top #content ol {
	padding-bottom: 0;
	margin-bottom: 0;
	color: white;
	padding-top: 25px;
}
#page #bg-top #content-shadow #content #gwarancja-c-left li {
	padding-bottom: 15px;
}


      #page #bg-top #content #gwarancja-c-left {float: left; width: 555px; margin-top: 65px; margin-left: 65px; _margin-left: 32px;}
      #page #bg-top #content #gwarancja-c-left h1 {font-size: 18px;}
      #page #bg-top #content #gwarancja-c-left h2 {font-size: 16px;}
      #page #bg-top #content #gwarancja-c-left p {font-size: 12px; color: white; padding-right: 30px;}
      #page #bg-top #content #gwarancja-c-left ol {font-size: 12px; padding-right: 30px;}
      #page #bg-top #content #gwarancja-c-right {float: left; margin-top: 65px; width: 162px;}
      
      #page #bg-top #content #kontakt-c-left {float: left; width: 345px; margin-top: 65px; margin-left: 65px; _margin-left: 32px; color: white; font-size: 12px;}
      #page #bg-top #content #kontakt-c-right {padding-top: 65px; color: white; font-size: 12px;}
      #page #bg-top #content #kontakt-c-right p {
	margin: 0;
	float: right;
	height: auto;
	width: 300px;
	padding-top: 0px;
	padding-right: 80px;
	padding-bottom: 0px;
	padding-left: 0px;
	text-align: justify;
}
      
      
    #page #bg-top #content-bottom {background: url(../img/content-bottom.png) no-repeat; width: 889px; height: 17px; margin: auto; position: relative; top: 0px; z-index: 20; overflow: hidden;}
    #page #bg-top #content-shadow {background: url(../img/content-shadow.png) repeat-y; width: 889px; margin: auto; position: relative; top: 0px; z-index: 15;}
      #page #bg-top #content-vhr {background: url(../img/content-shadow.png) repeat-y; width: 889px; margin: auto; position: relative; top: -20px; z-index: 15;}
    
    #page #bg-top #bg-silver {
	width: 100%;
	height: 160px;
	border-top: 1px solid #bcbdc0;
	position: relative;
	top: -25px;
	z-index: 10;
	background-color: #FFFFFF;
	background-image: url(../img/bg-silver.png);
	background-repeat: repeat-x;
}
      #page #bg-top #bg-silver #silver-container {width: 881px; height: 122px; margin: auto; margin-top: 18px;}
        #page #bg-top #bg-silver #silver-left {
	float: left;
	margin: 17px;
	margin-left: 34px;
	_margin-left: 17px;
	margin-right: 39px;
}
          #page #bg-top #bg-silver #silver-left p {
	margin: 0;
	font-size: 12px;
	line-height: 13pt;
	padding: 0px;
	float: left;
	height: auto;
	width: 293px;
	text-align: justify;
}
          #page #bg-top #bg-silver #silver-left p img {margin: 0; margin-right: 10px;}
#page #bg-top #bg-silver #silver-right {
	float: left;
	margin: 17px;
	margin-left: 40px;
	_margin-left: 17px;
}

      
      
      
      
      
      
      
      
#page #bg-top #bg-silver #silver-right p {
	font-size: 12px;
	line-height: 13pt;
	padding: 0px;
	float: left;
	height: auto;
	width: 365px;
	text-align: justify;
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 0;
}

          #page #bg-top #bg-silver #silver-right img {border: 0;}
          #page #bg-top #bg-silver #silver-right #img1 {float: left; margin-right: 8px;}
          #page #bg-top #bg-silver #silver-right #img2 {float: left; margin-top: 8px;}
          #page #bg-top #bg-silver #silver-right a {font-size: 12px; color: black;}
        
    #page #bg-top #footer {
	background: url(../img/footer-bg.png) no-repeat;
	width: 889px;
	height: 90px;
	position: relative;
	top: -29px;
	text-align: center;
	margin-top: auto;
	margin-right: auto;
	margin-bottom: auto;
	margin-left: auto;
	padding-bottom: 25px;
}
      #page #bg-top #footer p {
	color: white;
	margin: 0;
	line-height: 15pt;
	font-weight: bold;
	font-style: italic;
	padding-top: 20px;
	padding-right: 0;
	padding-bottom: 0;
	padding-left: 0;
}
    #page #bg-top #footer2 {background: url(../img/footer-bg.png) no-repeat; width: 889px; height: 90px; margin: auto; position: relative; top: -19px; text-align: center;}
      #page #bg-top #footer2 p {color: white; margin: 0; padding: 20px 0 0 0; line-height: 15pt; font-weight: bold; font-style: italic;}
