body, div, h1, h2, p {
	margin: 0;
	padding: 0;
}

body {
	font-family: Arial;
	font-size: 12px;
	color: #444;
}

#zawartosc {
	position: relative;
	width: 910px;
	margin: 0 auto;
	padding:  30px 25px 25px 25px;
	background: #fff;
}

h1 a.logo {
	display: block;
	width: 175px;
	height: 65px;
	background: url(images/glazur.jpg) top left no-repeat;
	text-indent: -9999px;
}

h2 {
	font-size: 14px;
	color: #666;
	padding: 0;
	margin: 0 0 15px 0;
	text-transform: uppercase;
}

#switcher {
	height: 415px;
	margin: 0;
	overflow: hidden; /* zapobiega rozwalaniu layoutu przy szybkim klikaniu */
}

#switcher #plytki,
#switcher #armatura,
#switcher #chemia {
	position: relative;
	overflow: hidden; /* zapobiega wylewaniu sie opisu */
}

#switcher #plytki {
	width: 528px;
	height: 415px;
	float: left;
	background: url(images/zdjecia/plytki/1.jpg) top right no-repeat;
}

#switcher #armatura {
	float: left;
	width: 191px;
	height: 415px;
	background: url(images/zdjecia/armatura/1.jpg) top right no-repeat;
}

#switcher #chemia {
	float: left;
	width: 191px;
	height: 415px;
	background: url(images/zdjecia/chemia/1.jpg) top right no-repeat;
}

#switcher h2 {
	position: absolute;
	top: 0;
	left: 0;
	width: 126px;
	padding: 10px;
	color: #fff;
	opacity: 0.9;
}

#switcher #plytki h2 {
	background-color: #6b5dbd;
}

#switcher #armatura h2 {
	background-color: #5ba3db;
}

#switcher #chemia h2 {
	background-color: #a3882b;
}

#switcher div.opis {
	position: absolute;
	width: 220px;
	padding: 10px;
	color: #444;
	background-color: #fff;
	line-height: 18px;
	opacity: 0.9;
}

#switcher #plytki div.opis {
	top: 212px;
	right: 268px;
}

#switcher #armatura div.opis {
	top: 212px;
	right: 268px;
}

#switcher #chemia div.opis {
	top: 212px;
	right: 268px;
}

#switcher div.linki {
	position: absolute;
	width: 250px;
	bottom: 20px;
	right: 258px;
	color: #444;
	opacity: 0.9;
}

#switcher div.linki a {
	color: #444;
	text-decoration: none;
	padding: 2px 5px;
	background-color: #fff;
}

#switcher #plytki a.all,
#switcher #armatura a.all,
#switcher #chemia a.all {
	display: block;
	height: 415px;
	outline: none;
	text-indent: -9999px;
}

#switcher #plytki a.all:hover,
#switcher #armatura a.all:hover,
#switcher #chemia a.all:hover {
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale, src='images/fff02.png');
}

#switcher #plytki a.all:hover[class],
#switcher #armatura a.all:hover[class],
#switcher #chemia a.all:hover[class] {
	background: transparent url(images/fff02.png) repeat;
}

#switcher #chemia a.aktywne,
#switcher #chemia a.aktywne:hover {
	background: none;
}

#switcher #armatura div.cien,
#switcher #chemia div.cien {
	position: absolute;
	width: 17px;
	height: 415px;
	top: 0;
	left: 0;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale, src='images/cien.png');
}

#switcher #armatura div.cien[class],
#switcher #chemia div.cien[class] {
	background: url(images/cien.png) top left no-repeat;
}







div.teksty {
	overflow: hidden;
}

div.teksty ul {
	margin: 0;
	padding: 0;
	list-style-type: none;
	list-style-image: none;
	list-style-position: outside;
}

div.teksty ul li {
	float: left;
}

div.teksty ul li.pierwsze {
	width: 280px;
	margin: 0;
	padding: 25px 0 25px 0;
}

div.teksty ul li.logo {
	padding: 10px 0 0 0;
}

div.teksty ul li.drugie {
	width: 198px;
	margin: 0;
	padding: 25px;
	background-color: #f1f1f1;
}

div.teksty ul li.trzecie {
	width: 357px;
	margin: 0;
	padding: 25px 0 25px 25px;
}

p {
	line-height: 18px;
	margin-bottom: 17px;
}

p.ost {
	margin: 0;
}

p.wieksze {
	font-size: 20px;
	line-height: 27px;
}

p.wieksze a {
	display: block;
	margin-right: 25px;
}

p.wieksze a, p.wieksze a:visited {
	color: #fff;
	padding: 1px 8px 3px 8px;
	text-decoration: none;
	background-color: #c2c2c2;
}

p.wieksze a:hover {
	background-color: #ccc;
}

div.logosy, div.stopka {
	clear: both;
}

div.logosy {
	margin: 30px 0;
	background: url(images/dostawcy.jpg) 670px 100px no-repeat;
}

*html div.logosy {
	background: url(images/dostawcy.jpg) 620px 160px no-repeat;
}

div.logosy img {
	padding: 0 40px 0 0;
}

div.stopka {
	padding: 35px 0 25px 0;
}