* { padding: 0; border: 0; margin: 0; }
html { background-color: #3b0c3d; }
body { width: 880px; margin: 0 auto; position: relative; font-family: Tahoma; font-size: 12px; color: #8e8e8e; }

div#header { width: 880px; height: 220px; background-image: url('img/t_header.jpg'); }

#menu * { vertical-align: middle; display: inline; }
#menu  { background-image: url('img/t_menu.gif'); }
#menu li { padding: 0 10px; }
#menu li.n { position: relative; left: 370px; }
#menu li.f { position: relative; left: 390px; padding: 0 2px; }
#menu a { color: #FFF; font-size: 11px; font-weight: bold; text-decoration: none; }
#menu a:hover { color: #CCEA85; }

	div#menu li.zw { margin-left: 0px; margin-right: 20px; }
	div#menu li.nzw { margin-left: 360px; margin-right: 20px; }
	div#menu img { height: 20px; border: none; vertical-align: bottom; padding-top: 1px; }
	
div#content {width: 880px; height: 460px; position: relative; background-color: #fff; }
div#content p { margin: 8px 35px 12px 35px; text-align: justify; }	
div#content ul { margin: 8px 35px 12px 35px; text-align: left; }	
div#content li { margin: 4px 35px 12px 35px; text-align: left; }	
div#content a { color: #7e0085; text-decoration: none; }	
div#content a:hover { color: #c801d3; }	
div#content p.right { text-align: right; margin-bottom: 20px; }
div#artykul {width: 840px; height: 300px; overflow: auto; }

div#pod-content {width: 880px; height: 15px; position: relative; background-image: url('img/t_pod.gif'); font-size: 12px; color: #8e8e8e; }

h1 { width: 880px; height: 43px; background-image: url('img/t_h1.gif'); }
h2 { width: 880px; height: 43px; margin-top: 15px; }	
h3 { font-size: 14px; font-weight: bold; color: #417d0d; text-transform: uppercase; margin: 30px 20px 14px 35px; }
h4 { font-size: 12px; font-weight: bold; color: #7e0085; margin: 30px 20px 14px 35px; }

table.start { margin: 0; padding: 0; font-size: 11px; }
table.start a { color: #7e0085; text-decoration: none; }
table.start a:hover { color: #000; }
table.start p { text-align: justify; }
table.start ul { margin: 80px 28px 8px 30px; }
table.start li { margin: 5px 0px 0px 20px; }
table.start td#box1 { width: 290px; height: 250px; background-image: url('img/t_box-aktywne.jpg'); }
table.start td#box1 div { width: 290px; height: 180px; margin-top: 75px; position: relative; }
table.start td#box1 p { text-align: justify; margin: 20px 28px 8px 34px; }
table.start td#box2 { width: 290px; height: 250px; background-image: url('img/t_box-poradniki.jpg'); }
table.start td#box2 div { width: 287px; height: 140px; margin-top: 115px; position: relative; overflow: auto; }
table.start td#box2 p { text-align: justify; margin: 20px 20px 8px 34px; }
table.start td#box3 { width: 290px; height: 400px; background-image: url('img/t_box-aktualnosci.gif'); }
table.start td#box3 div { width: 290px; height: 400px; overflow: auto; position: relative; }
table.start td#box3 ul { margin-top: 20px;   position: absolute; }
table.start td#box4 { width: 290px; height: 160px; background-image: url('img/t_box-przeglad.gif'); }
table.start td#box4 div { width: 290px; height: 160px; margin-top: 0px;  margin-right: 0px; position: relative; }
table.start td#box4 img { margin: 60px 20px 0px 30px;  position: absolute; }
table.start td#box5 { width: 290px; height: 160px; background-image: url('img/t_box-bank.gif'); }
table.start td#box5 div { width: 290px; height: 160px; margin-top: 10px; position: relative; }
table.start td#box5 p { margin: 75px 28px 8px 34px; /* -right byl 28px */ }
table.start td#box5 p#bank_zdjec { text-align: justify; width: 230px; position: absolute; }
table.start td#box5 p.dalej {position: absolute; bottom: 10px; right: -5px; }

div#prezentacja_all { overflow: auto; width: 805px; height: 125px; white-space: nowrap; margin: 10px 0 0 35px; }
div#prezentacja_all ul { margin-left: 0px;  }
div#prezentacja_all li { display: inline; margin: 2px; margin-bottom: -10px;}
div#prezentacja_all img { width: 80px; height: 80px; border: 1px solid gray; }
div#prezentacja_all .selected img { border: 5px solid #417D0D; height: 68px; width: 65px; padding: 3px; }

table#prez-gora { width: 830px; height: 150px; margin: 10px auto; }
table#prez-gora img { width: 127px; height: 132px; margin: 0 0 0 12px;  }

table#dane { width: 100%; height: 130px; }
td#mini-maxi img { border: 1px solid gray;  }
td#nazwa { width: 33%; height: 32px; background-image: url('img/t_nazwa-okna.gif'); background-repeat: no-repeat; background-position: top right; }
td#producent { width: 33%; height: 32px; background-image: url('img/t_producent.gif'); background-repeat: no-repeat; background-position: top left; }
td#nazwa1 { width: 33%; text-align: right; padding-right: 15px; font-weight: bold; }
td#producent1 { width: 33%; text-align: left; padding-left: 18px; font-weight: bold; }
td#typ1 { width: 33%; text-align: right;  padding-right: 12px }
td#typ1 img { width: 7px; height: 7px; margin: 0px 5px;  text-align: right;  }
td#tresc { font-size: 11px; text-align: justify; padding: 10px 8px 10px 26px; }

div#prez-dol { width: 830px; height: 150px; margin: 0 auto; background-image: url('img/t_prez-dol.gif'); background-repeat: no-repeat; position: relative; }
table#parametry { width: 200px; height: 100px; position: absolute; top: 5px; right: 20px; }
table#parametry td { text-align: left; font-size: 10px; color: #995ba4; }
table#parametry * { white-space: nowrap; }

div#parametry-opis { width: 370px; height: 100px; position: absolute; top: 15px; left: 190px; font-size: 10px; text-align: justify; color: #995ba4; }
div#adres { width: 130px; height: 100px; position: absolute; top: 15px; left: 13px; font-size: 10px; text-align: center; }
p.powrot {text-align: left; margin-top: 0; }
p.powrot a { text-align: left; margin-top: 0; color: #7e0085; font-size: 12px; text-decoration: none; }
p.powrot a:hover { color: #c801d3; }
p.wiecej {text-align: right; margin-top: 0; }
p.wiecej a { text-align: right; margin-top: 0; color: #7e0085; font-size: 12px; text-decoration: none; }
p.wiecej a:hover { color: #c801d3; }
img.news-r { float: right; margin: 4px 0 10px 15px; float: right; }
img.news-l { float: right; margin: 4px 15px 10px 0; float: left; }

table.dane {  width: 750px; font-size: 8pt; margin-bottom: 10px; margin: 20px auto; }
table.dane td { margin: 6px; padding: 4px; background-color: #eee; border: 1px solid #fff; text-align: center;  } 

table.dane1 { /* width: 100%; vin: zakomentowano; */ border: 1px solid #e5e7f5; font-size: 8pt; margin-bottom: 10px; }
table.dane1 td { width: 200px; padding: 4px; background-color: #eee; }

.box-mini { font-size: 10px; }
div.box-mini li { margin: -5px 0 ; }

.e { font-size: 10px; width: 840px; text-align: right; padding-bottom: 10px; color: grey; background-image: url('img/t_e.gif'); }
p.e { color: gray; background-image: url('img/t_e.gif'); font-size: 10px; }
.e a { font-size: 10px; text-decoration: none; color: #c060a0; margin-right: 0px; }
.e a:hover { font-size: 10px; color: #fff; }

p.dalej {position: absolute; bottom: 10px; right: 0px; }

.gallery { width: 120px; height: 300px; overflow: auto; }
.gallery li { margin: 10px 0 10px 10px !important; display: block; }
.gallery img { width: 80px; height: 80px; }
.gallery .selected img { border: 5px solid #417D0D; height: 64px; width: 64px; padding: 3px; }
.image { float: right; }