body.typ1 {
	background-image: url(../image/tlo.jpg);
	background-color: #FEFCE5;
}



* {
	padding: 0px;
	margin: 0px;
	border: 0px;
}


#menu-dol {
	margin: 20px auto 0 auto;
	padding: 10px 0px 20px 0px;
	background-color: #888;
	border-top: 1px solid #bbb;
	text-align: center;
}





.boxgrid { 
	width: 120px; 
	height: 240px; 
	margin: 4px; 
	float: left; 
	background :#161613; 
	border: 2px solid #aaa; 
	overflow: hidden; 
	position: relative; 
}
.boxgrid img { 
	position: absolute; 
	top: 0; 
	left: 0; 
	border: 0; 
}
.boxgrid p { 
	padding: 4px 7px; 
	color: #fff; 
	font: normal 11px tahoma, verdana;
	line-height: 11px;
}
.boxcaption { 
	float: left; 
	position: absolute; 
	background: #000; 
	height: 200px; 
	width: 100%; 
	opacity: .8; 
	/* For IE 5-7 */
	filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
	/* For IE 8 */
	-MS-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
}
.captionfull .boxcaption {
	top: 240px;
 	left: 0;
}
.caption .boxcaption {
	top: 220px;
	left: 0;
}
h3 {
	padding: 2px 0 0 6px;
	font: bold 13px tahoma, verdana;
	color: #ffe08e;
}







.boxgrid2 { 
	width: 128px; 
	height: 128px; 
	margin: 3px; 
	float: left; 
	background :#161613; 
	border: 1px solid #aaa; 
	overflow: hidden; 
	position: relative; 
}
.boxgrid2 img { 
	position: absolute; 
	top: 0; 
	left: 0; 
	border: 0; 
}
.boxgrid2 p { 
	padding: 4px 3px; 
	color: #fff; 
	font: normal 11px tahoma, verdana;
	line-height: 11px;
	text-align: center;
}
.boxcaption2 { 
	float: left; 
	position: absolute; 
	background: #000; 
	height: 80px; 
	width: 100%; 
	opacity: .8; 
	/* For IE 5-7 */
	filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
	/* For IE 8 */
	-MS-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
}
.captionfull .boxcaption2 {
	top: 128px;
 	left: 0;
}
.caption .boxcaption2 {
	top: 108px;
	left: 0;
}
h3.real {
	padding: 3px 2px 0 3px;
	font: bold 11px tahoma, verdana;
	color: #ffe08e;
	text-align: right;
}
h3.real img {
	margin: 4px 0 0 2px;
}





.katalog {
	padding: 20px 0 20px 6px;
	background-color: #ddd;
	border-left: 1px solid #818181;
	border-bottom: 1px solid #818181;
	border-right: 1px solid #818181;
}


div.galeria img {
	margin: 0 6px 6px 6px; 
	border: 1px solid #555555;
}







.tlo-gora	{
	background-image: url(../image/tlo-gora.gif);
}
.tlo-srodek {
	background-image: url(../image/tlo-srodek.gif);
}
.tlo-dol {
	background-image: url(../image/tlo-dol.gif);
}
.header1 {
	background-image: url(../image/header1.jpg);
}
.header2 {
	background-image: url(../image/header2.jpg);
}
.header3 {
	background-image:	url(../image/header3.jpg);
}
.header4 {
	background-image: url(../image/header4.jpg);
}
.header5 {
	background-image: url(../image/header5.jpg);
}
.header6 {
	background-image: url(../image/header6.jpg);
}
.header-zabudowa {
	background-image: url(../image/header-zabudowa.jpg);
}
.header-drzwi-szklane {
	background-image: url(../image/header-drzwi-szklane.jpg);
}
.header-drzwi-szklane-wahadlowe {
	background-image: url(../image/header-drzwi-szklane-wahadlowe.jpg);
}
.header-drzwi-szklane-przesuwne {
	background-image: url(../image/header-drzwi-szklane-przesuwne.jpg);
}
.header-kabiny-prysznicowe {
	background-image: url(../image/header-kabiny-prysznicowe.jpg);
}



.footer {
	background-image:	url(../image/footer.gif);
}
.tlo-top {
	background: url(../image/tlo-top.gif) repeat-x top;
}
.of	{
	background-image: url(../image/of.gif);
}
.of1 {
	background-image: url(../image/of1.gif);
}
.of2 {
	background-image: url(../image/of2.gif);
}
.cen1 {
	background-image: url(../image/cen1.gif);
}
.cen2 {
	background-image: url(../image/cen2.gif);
}
.cen3 {
	background-image: url(../image/cen3.gif);
}
.cen4 {
	background-image: url(../image/cen4.gif);
}
.cen5 {
	background-image: url(../image/cen5.gif);
}
.cen6 {
	background-image: url(../image/cen6.gif);
}
.cen7 {
	background-image: url(../image/cen7.gif);
}
.cen8 {
	background-image: url(../image/cen8.gif);
}
.cen9 {
	background-image: url(../image/cen9.gif);
}



.color1 {
	background-color: #7E888D;
}
.color2	{
	background-color: #cccccc;
}
.color3 {
	background-color: #ffffff;
}



.normal	{
	font: normal 11px tahoma, verdana; 
	color: #555555;
}
.normal2 {
	font: normal 11px tahoma, verdana; 
	color: #ffffff;
}
.normal3 {
	font: normal 12px tahoma, verdana; 
	color: #555555;
}
.normal4 {
	font: normal 13px tahoma, verdana; 
	color: #555555;
}
.cc1 {
	font: normal 13px tahoma, verdana; 
	color: #555555;
}
.cc2 {
	font: normal 18px tahoma, verdana; 
	color: #555555;
}
.cc3 {
	font: normal 20px tahoma, verdana; 
	color: #555555;
}
.cc4 {
	font: normal 17px tahoma, verdana; 
	color: #555555;
}
.b1 {
	font: bold 12px tahoma, verdana; 
	color: #555555;
}
.b2 {
	font: bold 11px tahoma, verdana; 
	color: #ffffff;
}
.b13 {
	font: bold 15px tahoma, verdana; 
	color: #555555;
}
.b16 {
	font: bold 17px tahoma, verdana; 
	color: #555555;
}




.pad0	{
	padding: 0;
}
.pad1	{
	padding: 0 30px 0 30px;
}
.pad2	{
	padding: 0 30px 0 0;
}
.pad2a {
	padding: 0 40px 0 0;
}
.pad3 {
	padding: 30px 10px 20px 0;
}
.pad3a {
	padding: 10px 10px 20px 0;
}
.pad3b {
	padding: 18px 0 24px 0;
}
.pad4 {
	padding: 0 0 0 40px;
}
.pad4a {
	padding: 0 0 30px 40px;
}
.pad4b {
	padding: 0 0 0 20px;
}
.pad4c {
	padding: 0 0 0 36px;
}
.pad4d {
	padding: 0 0 0 12px;
}
.pad4e {
	padding: 0 0 0 30px;
}
.pad4f {
	padding: 0 0 20px 40px;
}
.pad4g {
	padding: 0 0 30px 160px;
}
.pad4h {
	padding: 0 0 0 160px;
}
.pad4i {
	padding: 0 0 30px 84px;
}
.pad5 {
	padding: 30px 0 20px 30px;
}
.pad5a {
	padding: 30px 0 30px 40px;
}
.pad6 {
	padding: 3px 0 35px 0;
}
.pad6a {
	padding: 3px 0 0 0;
}
.pad6b {
	padding: 3px 0 45px 0;
}
.pad6c {
	padding: 3 0 25 0;
}
.pad7 {
	padding: 0 0 18px 0;
}
.pad8 {
	padding: 0 0 10px 0;
}
.pad-main	{
	padding: 50px 45px 60px 55px;
}
.pad-menu	{
	padding: 83px 0 0 574px;
}
.pad-foot	{
	padding: 0 0 20px 0;
}
.pad-m1 {
	padding: 14px 0 0 0;
}
.pad-li	{
	padding: 12px 0 12px 20px;
}
.p7 {
	padding: 0 10px 0 10px;
}
.pad-licz	{
	padding: 10px 0 10px 0;
}




.border1 {
	border-top: 1px solid #ffffff; 
	border-bottom: 2px solid #ffffff;
}
.border2 {
	border-right: 1px solid #dddddd;
}

.lst1	{
	list-style: url(../image/k.gif); 
	line-height: 18px;
}





a, a:link, a:visited {
	font: bold 11px tahoma, verdana; 
	color: #bbbbbb; 
	text-decoration: none;
}
a:hover {
	color: #ffffff; 
	text-decoration: none;
}



a.txt, a.txt:link, a.txt:visited {
	font: normal 11px tahoma, verdana; 
	color: #ff0000;
}
a.txt:hover {
	color: #0072FF;
}




a.txt2, a.txt2:link, a.txt2:visited {
	font: normal 13px tahoma, verdana; 
	color: #ff0000;
}

a.txt2:hover {
	color: #0072FF;
}



a.img, a.img:link, a.img:visited {
	font: normal 11px tahoma, verdana; 
	color: #f90;
}
a.img:hover {
	color: #ff9;
}




a.top, a.top:link, a.top:visited {
	font: normal 11px tahoma, verdana; 
	color: #0072FF;
}
a.top:hover {
	color: #ffffff;
}




a.cen, a.cen:link, a.cen:visited	 {
	font: normal 11px tahoma, verdana; 
	color: #BD0000;
}
a.cen:hover {
	color: #0072FF;
}



a.m1, a.m1:link, a.m1:visited {
	font: bold 11px verdana, tahoma; 
	color: #454040;
}
a.m1:hover {
	color: #ff0000;
}




a.m2, a.m2:link, a.m2:visited {
	font: normal 11px tahoma, verdana; 
	color: #ffffff;
}
a.m2:hover {
	color: #FFB400;
}




a.dol, a.dol:link {
	padding: 0px 12px 10px 12px;
	font: normal 10px tahoma, verdana; 
	color: #444;
	text-decoration: none;
}
a.dol:visited {
	color: #606060;
}
a.dol:hover {
	padding: 0px 12px 10px 12px;
	font: normal 10px tahoma, verdana; 
	color: #ddd;
}
