body
    {
	margin: 0;
	padding: 0;
	font: 11px Verdana, Tahoma, Arial, sans-serif;
	text-align: center;
	background: #ededed url(images/body.jpg) repeat-x fixed top;
}


#container
    {
	background-color: White;
	margin: 0 auto;
	width: 747px;
	position: relative;
	padding: 0 0px 0 0px;
	text-align: left;
}
* html #container
    {
    width: 747px;
    w\idth: 747px;
    }


#header {
	width: 239px;
	height: 126px;
	background: transparent url(images/header.jpg);
}

#subheader {
	float: right;
	width: 506px;
	height: 352px;
	margin-top: -126px;
	display: inline;
	background-color: White;
	background-image: url(images/subheader.jpg);
	
}

#subheader h1 {
   position: absolute;
   top: 295px;
	margin-left: 25px;
	color: #072849; 
	font-size: 200%; 
	font-weight: bold;
	letter-spacing: 7px;
}

#subheader h2 {
	position: absolute;
	top: 325px;
	margin-left: 25px;
	color: White;
	font-size: 130%;
	font-weight: bold;
	display: block;
	background: #29557A;
	padding: 4px 8px 4px 8px;
}


#subheader p {
	position: relative;
	top: 290px;
	margin-right: 15px;
	color: #517690;
	font-weight: bold;
	font-size: 10px;
	text-align: right;
	background-color: transparent;
}






#submenu {
	top: 180px;
	left: -121px;
	width: 90px;
	height: 315px;
	position: absolute;
	background: transparent url(images/tekst_p1.gif);
	border: 0px solid White;
	color: Red;
	text-align: center;
}










#left {
	float: left;
	width: 239px;
	height: auto !important;
	height: 700px; /*IE*/
	min-height: 700px;
	display: inline;
	background: #072847 url(images/left.gif) repeat-y scroll left;
	color: White;
}

/* -- menu --*/

#menu ul {
   display: block;
	list-style: none;
	margin: 10px;
	padding: 0;
	color: White;
}
#menu li {
	border-bottom: 2px solid #072847;
	font-size: 10px;
	font-weight: bold;
	color: White;
}
#menu li a {
	display: block;
	padding: 5px 5px 5px 0.5em;
	border-left: 5px solid #29557A;
	border-right: 0px solid #711515;
	background-color: transparent;
	color: White;
	text-decoration: none;
}
#menu li a:hover {
	background-color: #264A6D;
	color: #FFFFFF;
	border-left: 5px solid Red;
}

#menu li .aactive {
	background-color: transparent;
	color: #FFFFFF;
	border-left: 5px solid Red;
}

/* -- koniec menu -- */

#gg  p{
	margin-left:10px;
	color: White;
	font-size: 10px;
	font-weight: bold;
}

#gg p.sk_h {
	border-top: 1px solid White;
	border-bottom: 1px solid White;
	margin-left: 1px;
	padding: 10px;
	color: White;
	font-size: 12px;
	font-weight: bold;
}





#aktual p.aktual_h1 {
background: Gray;
border-top: 1px solid White;
border-bottom: 1px solid White;
	margin-left: 1px;
	margin-bottom: 0px;
	padding: 10px;
	color: White;
	font-size: 12px;
	font-weight: bold;
}

#aktual p.aktual {
margin-top: 0px;
margin-left: 1px;
padding: 10px;
background: #E9E9ED;
color: #072847;

	
}




#middle {
	float: right;
	width: 506px;
	height: auto !important;
	height: 500px; /*IE*/
	min-height: 500px;
	display: inline;
	background: White;
	margin-top: 30px;
}

#middle_duplikacja {
	float: right;
	width: 506px;
	height: auto !important;
	height: 500px; /*IE*/
	min-height: 500px;
	display: inline;
	background: White;
	margin-top: 30px;
	background-image: url(images/dupl7.jpg);
	background-position: top;
	background-repeat: no-repeat;
}

#middle_cenniki {
	float: right;
	width: 506px;
	height: auto !important;
	height: 500px; /*IE*/
	min-height: 500px;
	display: inline;
	background: White;
	margin-top: 30px;
	/*--
	background-image: url(images/dupl7.jpg);
	--*/
	background-position: top;
	background-repeat: no-repeat;
}


#middle_tloczenie {
	float: right;
	width: 506px;
	height: auto !important;
	height: 500px; /*IE*/
	min-height: 500px;
	display: inline;
	background: White;
	margin-top: 30px;
	background-image: url(images/tlocz_tlo.jpg);
	background-position: top;
	background-repeat: no-repeat;
}

#middle_cyfrowy {
	float: right;
	width: 506px;
	height: auto !important;
	height: 500px; /*IE*/
	min-height: 500px;
	display: inline;
	background: White;
	margin-top: 30px;
	background-image: url(images/dr_cyfr.jpg);
	background-position: top;
	background-repeat: no-repeat;
}

#middle_kalk {
	float: right;
	width: 506px;
	height: auto !important;
	height: 340px; /*IE*/
	min-height: 340px;
	display: inline;
	background: White;
	margin-top: 30px;
	text-align: center;
}

#middle_opak {
	float: right;
	width: 506px;
	height: auto !important;
	height: 500px; /*IE*/
	min-height: 500px;
	display: inline;
	background: White;
	margin-top: 30px;
	background-image: url(images/tlo_op.jpg);
	background-position: top;
	background-repeat: no-repeat;
}

#middle_nadr {
	float: right;
	width: 506px;
	height: auto !important;
	height: 500px; /*IE*/
	min-height: 500px;
	display: inline;
	background: White;
	margin-top: 30px;
	background-image: url(images/tlo_nadr.jpg);
	background-position: top;
	background-repeat: no-repeat;
}

#middle_kont {
	float: right;
	width: 506px;
	height: auto !important;
	height: 500px; /*IE*/
	min-height: 500px;
	display: inline;
	background: White;
	margin-top: 30px;
	background-image: url(images/tlo_kont.jpg);
	background-position: top;
	background-repeat: no-repeat;
}


#middle_gal {
	float: right;
	width: 506px;
	height: auto !important;
	height: 500px; /*IE*/
	min-height: 500px;
	display: inline;
	background: White;
	margin-top: 30px;
	background-image: url(images/tlo_gal.jpg);
	background-position: top;
	background-repeat: no-repeat;
}


hr {
	
	width: 90%;
	text-align: center;
}

p.zero {
	margin: 20px;
	
}


p.jeden {
	margin: 20px;
	margin-left: 120px;
	margin-right: 10px;
	padding-left: 10px;
	background-color: transparent;
	border-left: 6px solid #977A2C;
}

p.dwa {
	margin: 20px;
	margin-left: 10px;
	margin-right: 10px;
	padding-left: 10px;
	background-color: transparent;
	border-left: 6px solid Green;
}

p.trzy {
	margin: 20px;
	margin-left: 10px;
	margin-right: 10px;
	padding-left: 10px;
	background-color: transparent;
	border-left: 6px solid #29547E;
}

p.cztery {
	margin: 20px;
	margin-left: 10px;
	margin-right: 10px;
	padding-left: 10px;
	background-color: transparent;
	border-left: 6px solid Red;
	font-size: 200%;
}

p.piec {
	margin-left: 20px;
	margin-right: 10px;
	padding: 5px;
	background-color: transparent;
	border-left: 6px solid Red;
	
}

p.adres {
	
	margin-left: 10px;
	margin-right: 10px;
	padding-left: 10px;
	background-color: transparent;
	border-left: 6px solid Green;
	font-weight: bold;
	font-size: 12px;
}



h3{
	margin-top: 20px;
	margin-left: 20px;
	margin-right: 10px;
	padding-left: 0px;
	color: #072847;
	font-size: 11px;
	display: block;
}

h4 {
	margin-top: 20px;
	margin-left: 20px;
	margin-right: 10px;
	padding-left: 0px;
	color: #072847;
	font-size: 10px;
	display: block;
}

p.img {
   margin-right: 25px;
	text-align: right;
}

p.img1 {
	margin-right: 25px;
	text-align: center;
}


a:link {
	color: #29557A;
	font-weight: bold;
	text-decoration: underline;
}

a:visited {
	color: #29557A;
	font-weight: bold;
	text-decoration: underline;
	
}

a:hover {
	color: #3B73A5;
	font-weight: bold;
	text-decoration: underline;
}





ul.jeden {
	margin-left: 20px;
	padding-left: 30px;
	list-style: square;
	color: #29557A;
	font-weight: bold;
}

ul.dwa {
	margin-left: 20px;
	padding-left: 30px;
	list-style: none;
	color: White;
	font-weight: bold;
}

ol {
	margin-left: 20px;
	padding-left: 30px;
	font-weight: normal;
	line-height: 18px;
	
}


ol.jeden {
	margin-left: 20px;
	padding-left: 30px;
	color: #29557A;
	font-weight: bold;
	line-height: 18px;
}




#footer {
	clear: both;
	width: 100%;
	height: 135px;
	background: transparent;
	text-align: center;
}

#footer img {
	border: 1px solid #072847;
	margin-top: 5px;
}

#tel {
	bottom: 50px;
	float: left;
	position: absolute;
	left: -100px;
	color: #072847;
	font-weight: bold;
}


#footer2 {
	clear: both;
	width: 100%;
	height: 90px;
	background: #072847;
	font-weight: bold;
	text-align: center;
	
}

#footer2 img {
   position: relative;
	top: 30px;
	margin-right: 25px;
	
}

#footer2 p {
   padding-top: 0px;
	margin-top: 0px;
	color: #517690;
	font-size: 10px;
	
}

 
#lista_album {
   list-style-type: none;
}
#lista_album li {
   float: left;
   margin-right: 5px;
   margin-bottom: 15px;
   font: bold 0.8em Arial, Helvetica, sans-serif;
   color: #333333;
}
#lista_album img {
   display: block;
   border: 0px solid #333300;
}



table {
	background-color: White;
	border: 1px #29557A;
	border-style: solid;
	text-align: center;
	font-size: 10px;
	margin-left: 90px;
}

tr.ng {
	font-size: 10px;
	background-color: #29557A;
	text-align: center;
	font-weight: bold;
	height: 20px;
	color: White;
}

tr.ng1 {
	font-size: 10px;
	background-color: #29557A;
	text-align: center;
	height: 20px;
	color: White;
}

tr.ng2 {
	font-size: 10px;
	background-color: #29557A;
	text-align: center;
	height: 15px;
	color: White;
}


.chmurka01 {
	position: absolute;
	display: none;
	left: 250px;
	top: 15px;
	width: 300px;
	height: 381px;
	overflow: hidden;
	text-align: center;
	background-image: url(images/wykres.jpg);
	font: normal normal 12px verdana,sans-serif;
}








.chmurka1 {
	position: absolute;
	display: none;
	left: 250px;
	top: 15px;
	width: 200px;
	height: 200px;
	overflow: hidden;
	text-align: center;
	background-image: url(opakowan/cdslim.gif);
	font: normal normal 12px verdana,sans-serif;
}

.chmurka2 {
	position: absolute;
	display: none;
	left: 250px;
	top: 15px;
	width: 200px;
	height: 200px;
	overflow: hidden;
	text-align: center;
	background-image: url(opakowan/cdbox.gif);
	font: normal normal 12px verdana,sans-serif;
}

.chmurka3 {
	position: absolute;
	display: none;
	left: 250px;
	top: 15px;
	width: 200px;
	height: 200px;
	overflow: hidden;
	text-align: center;
	background-image: url(opakowan/kickout.gif);
	font: normal normal 12px verdana,sans-serif;
}

.chmurka4 {
	position: absolute;
	display: none;
	left: 250px;
	top: 15px;
	width: 200px;
	height: 200px;
	overflow: hidden;
	text-align: center;
	background-image: url(opakowan/dvdslim.gif);
	font: normal normal 12px verdana,sans-serif;
}

.chmurka5 {
	position: absolute;
	display: none;
	left: 250px;
	top: 15px;
	width: 200px;
	height: 200px;
	overflow: hidden;
	text-align: center;
	background-image: url(opakowan/dvd2.gif);
	font: normal normal 12px verdana,sans-serif;
}

.chmurka6 {
	position: absolute;
	display: none;
	left: 250px;
	top: 15px;
	width: 200px;
	height: 200px;
	overflow: hidden;
	text-align: center;
	background-image: url(opakowan/kop_gf.gif);
	font: normal normal 12px verdana,sans-serif;
}

.chmurka7 {
	position: absolute;
	display: none;
	left: 250px;
	top: 15px;
	width: 200px;
	height: 200px;
	overflow: hidden;
	text-align: center;
	background-image: url(opakowan/kop_cf.gif);
	font: normal normal 12px verdana,sans-serif;
}

.chmurka8 {
	position: absolute;
	display: none;
	left: 250px;
	top: 15px;
	width: 200px;
	height: 200px;
	overflow: hidden;
	text-align: center;
	background-image: url(opakowan/koppap.gif);
	font: normal normal 12px verdana,sans-serif;
}

.chmurka11 {
	position: absolute;
	display: none;
	left: 250px;
	top: 15px;
	width: 200px;
	height: 200px;
	overflow: hidden;
	text-align: center;
	background-image: url(opakowan/digi.gif);
	font: normal normal 12px verdana,sans-serif;
}
.chmurka12 {
	position: absolute;
	display: none;
	left: 250px;
	top: 15px;
	width: 200px;
	height: 200px;
	overflow: hidden;
	text-align: center;
	background-image: url(opakowan/digia5.gif);
	font: normal normal 12px verdana,sans-serif;
}

.chmurka13 {
	position: absolute;
	display: none;
	left: 250px;
	top: 15px;
	width: 200px;
	height: 200px;
	overflow: hidden;
	text-align: center;
	background-image: url(opakowan/kopkart.gif);
	font: normal normal 12px verdana,sans-serif;
}

.chmurka14 {
	position: absolute;
	display: none;
	left: 250px;
	top: 15px;
	width: 200px;
	height: 200px;
	overflow: hidden;
	text-align: center;
	background-image: url(opakowan/pudmet.gif);
	font: normal normal 12px verdana,sans-serif;
}
/* ----- dla formularza ------------------------------------------*/

/* definicje dla logowania */
div#logowanie{
position: absolute;
width: 212px;
margin: 0px;
padding: 0;
top: 50%;
left: 40%;
}

div#logowanie img{
position: relative;
margin: 0;
padding: 0;
}
div#logowanie p{
	font-size: 100%;
	font-weight: bold;
	letter-spacing: 0.2em;
	color: #19456F;
	vertical-align: middle;
	margin: 0;
	padding: 0;
}
div#logowanie div#log{
border-bottom: solid #ccc 1px;
margin: 0;
}
div#logowanie div.lewy{
	position: relative;
	float: left;
	font-weight: bold;
	letter-spacing: 0.1em;
	background-color: #19456F;
	color: #fff;
	margin: 0;
	padding-left: 3px;
	padding-top: 3px;
	width: 60px;
	text-align: left;
	font-size: 90%;
	border: none;
	border-left: solid #ccc 1px;
	border-right: solid #ccc 1px;
	border-top: solid #ccc 1px;
	border-bottom: solid #ccc 1px;
	height: 19px;
}
div#logowanie div.prawy{
	background-color: #29547E;
	float: left;
	width: 135px;
	color: #fff;
	margin: 0;
	padding: 1px;
	border: none;
	border-right: solid #ccc 1px;
	border-top: solid #ccc 1px;
	border-bottom: solid #ccc 1px;
	height: 20px;
}
div#logowanie div.prawy input{
width: 90%;
font-size: 70%;
margin: 0;
}
div#logowanie div.caps{
	clear: both;
	width: 204px;
	font-size: 80%;
	margin: 0;
	border-left: solid #ccc 2px;
	border-right: solid #ccc 2px;
	border-top: solid #ccc 2px;
	border-bottom: solid #ccc 2px;
	background-color: #29557A;
	padding: 3px;
	padding-left: 0;
	padding-right: 0;
}
div#logowanie div.caps input{
	width: 100px;
	background-color: #fff;
	background-repeat: repeat-x;
	padding: 0;
	border: solid #ccc 1px;
	color: Black;
}
/* koniec definicji dla logowania */

/* definicje dla panelu administracyjnego */
table#new_pass{
text-align: left;
border: none;
margin-top: 20%;
margin-left: auto;
margin-right: auto;
}

table#new_pass tr td{
	border-collapse: collapse;
	border: 1px solid #29557A;
}

table#new_pass tr td.lewa2{
	font-weight: normal;
	letter-spacing: 0.1em;
	background-color: #19456F;
	color: #fff;
	padding-left: 5px;
	font-size: 70%;
}
table#new_pass tr td input{
font-size: 80%;
}

table#new_pass tr td.przycisk{
text-align: center;
background-color: #19456F;
}

table#new_pass tr td.przycisk .buttom{
	width: 100px;
	background-color: #29557A;
	
	background-repeat: repeat-x;
	padding: 0;
	border: solid #ccc 1px;
	color: #fff;
}

div#kontener{
  height: auto !important;
  position: relative;
  height: 100%;
  min-height: 100%;
  width: 600px;
  margin: 0 auto 0 auto;
  padding: 0;
  border-bottom: 0;
  border-top: 0;
  text-align: left;
  position: relative;
  background: url('grafika/tlo.jpg') repeat-y;
}
div#kontener div#lewy{
position: relative;
float: left;
color: #fff;
width: 150px;
 height: auto !important;
  height: 100%;
  min-height: 100%;
  margin: 0;
  padding: 0;
}
div#kontener div#prawy{
position: relative;
float: right;
width: 446px;
 height: auto !important;
  height: 100%;
  min-height: 100%;
  margin: 0;
  padding: 0;
  text-align: center;
}
div#kontener div#prawy p#gora{
position: relative;
width: 434px;
margin: 0;
padding: 0;
padding-right: 10px;
border: none;
border-bottom: solid #000 1px;
text-align: right;
font-size: 90%;
}


#nawigacja {
	text-align: left;
	width: 149px;
	font-family: Arial, Helvetica, sans-serif;
	margin: 0;
	margin-top: 100px;
	padding: 0;
	padding-left: 1px;
	border-top: 1px solid #413f3f;
}
#nawigacja ul {
	list-style: none;

	margin: 0;
	padding: 0;
}
#nawigacja li {
	border-bottom: 1px solid #413f3f;
	list-style-type: none;
}
#nawigacja li a:link, #nawigacja li a:visited {
	display: block;
	font-size: 70%;
	font-weight: normal;
	letter-spacing: 0em;
	width: 139px;
	padding: 5px 5px 5px 5px;
	background-color: Black;
	
	background-repeat: repeat-x;
	color: #FFFFFF;
	text-decoration: none;
}
#nawigacja li a:hover {
background-color: #575757;
	
	color: #FFFFFF;
}
/* dla cenników */
table#cenniki_tab{
text-align: left;
border: none;
margin-top: 1%;
margin-bottom: 2%;
margin-left: auto;
margin-right: auto;
}

table#cenniki_tab tr td{
border-collapse: collapse;
border: solid #ccc 1px;
}

table#cenniki_tab tr td.lewa2{
font-weight: bold;
letter-spacing: 0.1em;
color: #fff;
padding-left: 5px;
font-size: 70%;
width: 250px;
}
table#cenniki_tab tr td input{
font-size: 80%;
width: 40px;
}

table#cenniki_tab tr td.przycisk{
text-align: center;
background-color: #191970;
}

table#cenniki_tab tr td.przycisk .buttom{
	width: 100px;
	background-color: #29557A;
	
	background-repeat: repeat-x;
	padding: 0;
	border: solid #ccc 1px;
	color: #fff;
}
h1.title{
position: relative;
width: 400px;
text-align: left;
font-size: 120%;
color: #ccc;
}


/* dla cenników */
table#cenniki_tab2{
text-align: left;
border: none;
margin-top: 1%;
margin-bottom: 2%;
margin-left: auto;
margin-right: auto;
}

table#cenniki_tab2 tr td{
border-collapse: collapse;
border: solid #ccc 1px;
}
table#cenniki_tab2 tr.top_tab{
	font-weight: normal;
	color: #fff;
	font-size: 70%;
	text-align: center;
	background-color: #072847;
}
table#cenniki_tab2 tr td.lewa3{
	font-weight: normal;
	letter-spacing: 0.1em;
	color: #fff;
	padding-left: 5px;
	font-size: 70%;
	width: 250px;
	background-color: #000;
}
table#cenniki_tab2 tr td input{
font-size: 80%;
width: 40px;
}

table#cenniki_tab2 tr td.przycisk{
	text-align: center;
	background-color: #072847;
}

table#cenniki_tab2 tr td.przycisk .buttom{
	width: 100px;
	background-color: #29557A;
	
	background-repeat: repeat-x;
	padding: 0;
	border: solid #ccc 1px;
	color: #fff;
}

/* definicje dla klienta */
div#form_netteria{
	width: 400px;
	background-color: #fff;
	border: none;
	font-family: Arial, Verdana, sans-serif;
	font-size: 10px;
	text-align: left;
	color: #696969;
	margin: 0;
	padding: 0;
}
div#form_netteria p.title1{
	width: 100%;
	margin: 0;
	padding: 3px;
	font-size: 14px;
	font-weight: bold;
	background-color: #29557A;
	color: #fff;
	border: solid #ccc 1px;
}
div#form_netteria p.title2{
    width: 100%;
	margin: 0;
	margin-top: 1px;
	padding: 3px;
	font-size: 12px;
	background-color: #29557A;
	color: #fff;
	border: solid #ccc 1px;
}
div#form_netteria p.przycisk{
 width: 100%;
	margin: 0;
	margin-top: 1px;
	padding: 3px;
	font-size: 12px;
	background-color: #29557A;
	text-align: center;
	color: #fff;
	border: solid #ccc 1px;
}
div#form_netteria input.caps{
	vertical-align: middle;
	font-size: 12px;
	padding: 1px;
	margin: 1px auto 1px auto;
	background-color: #29557A;
	border: solid #ccc 1px;
	font-weight: normal;
	color: #fff;
	width: 200px;
}
div#form_netteria p.pole1{
    width: 100%;
	margin: 0;
	margin-top: 1px;
	padding: 3px;
	font-size: 12px;
	background-color: #fff;
	text-align: left;
	color: #000;
	border: solid #ccc 1px;
}
div#form_netteria p.pole2{
	width: 100%;
	margin: 0;
	margin-top: 1px;
	padding: 3px;
	font-size: 12px;
	background-color: #DBDBDB;
	text-align: left;
	color: #000;
	border: solid #ccc 1px;
}
div#form_netteria table{
	width: 102%;
	margin: 0;
	font-size: 12px;
	border-collapse: collapse;
	background-color: #fff;
	}
div#form_netteria table tr.nag{
	margin: 0;
	background-color: #29557A;
	color: #fff;
}
div#form_netteria table td{
margin: 0;
padding: 3px;
border: dotted #ccc 1px;
width: 50%;
}

div#form_netteria table.opaknr1{
	border: none;
	border-collapse: collapse;
}

div#form_netteria table.opaknr1 tr td{
	border: dotted #ccc 1px;
}

div#form_netteria table.opaknr2{
	text-align: center;
	border: none;
	margin: 0;
	padding: 0;
}

div#form_netteria table.opaknr2 tr td{
	border: none;
	margin: 0;
	padding: 0;
}

div#form_netteria table.opaknr3{
	background-color: #29557A;
	border: solid #ccc 1px;
	text-align: center;
	margin: 0;
	padding: 0;
	color: #fff;
}

div#form_netteria table.opaknr3 tr td{
width: 400px;
	margin: 0;
	padding: 0;
}

div#form_netteria table.opaknr3 tr td.to_lewy{
    background-color: #29557A;
	letter-spacing: 0.2em;
	font-weight: bold;
     width: 24%;
	margin: 0;
	padding: 0;
}

div#form_netteria  table.opaknr3 tr td.to_druk{
	
	font-weight: normal;
	width: 150px;
	margin: 0;
	padding: 0;
}