* { margin:0; padding:0; border: 0; }
body { background-image: url('../images/bg.png');background-color: #353535 ;background-repeat: repeat-x; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; color: #ffffff; }
a {color:inherit; text-decoration:none}
a:hover {text-decoration:underline}
#white-border { background-color: #ffffff; width: 980px; margin:20px auto 20px; padding:10px 10px 0 10px; overflow:auto; }
#black { background-color: #000000; width: 980px; margin: auto; overflow:auto; }
#flashtop {margin:auto; text-align:center; }
#menu { background-image: url('../images/menu.jpg'); width: 980px; height:35px; margin-top:10px; color: black; font-size: 12px;}
#menu ul li {
	display: block;
	float: left;
	padding: 0 10px;
	width: 180px;
}
#menu ul li.first {
	width: 157px;
}
#menu ul li.last {
	width: 183px;
}
#menu ul li a {
	display: block;
	width: 100%;
	height: 35px;
}
.menu-dynamic {
	position: absolute;
	width: 281px;
	padding-top: 6px;
	background: url('../images/menu-top.png') no-repeat;
}
.menu-dynamic .content {
	padding:0 5px;
	width:266px;
	background: url('../images/menu-repeater.png') repeat-y;
}
.menu-dynamic ul img.graphic {
	float: right;
}
.menu-dynamic ul {
	color: black;
	font-size: 12px;
	font-weight: bold;
}
.menu-dynamic ul li {
	border-bottom: 1px solid #DCD5CA;
	overflow:auto;
	padding:5px 0 0 5px;
	line-height:25px;
}
.menu-dynamic .footer {
	height: 15px;
	width: 281px;
	background: url('../images/menu-bottom.png') no-repeat;
}
#urzedowskikrakow {margin:10px auto 0 ; width:588px}
#left {float:left; width:300px; margin: 20px 20px 5px; border-right: 1px solid #ffffff; height:370px}
#left-text {text-align:justify; padding-right:20px}
#center{float:left; width:308px; margin: 20px 0px 10px; border-right: 1px solid #ffffff; height:370px}
#center-text {text-align:justify; padding-right:20px}
#right {float:left; width:290px; margin: 20px 20px 5px;  height:370px}
#right-text {text-align:justify; padding-right:20px}
.header_main_page{margin: 40px 20px 20px}
.header_main_page-right{margin: 10px 20px 20px}
.home {margin: 3px 20px 20px}
#footer { padding:3px 0 4px;float:left; color: #000000; height:15px; width: 865px}
#indexo {padding:3px 0 4px; float:left;  color: #000000;text-align:right; line-height:12px}
.indexo{vertical-align:bottom; }
#adresy{padding:10px 0; font-size: 10px;}
#adres {padding-left: 35px}
#left-contact {float:left; width:300px; margin: 20px 20px 5px; height:370px; }
#map{float:left; width:170px; margin: 50px 50px 10px; }

.float-cont {
	overflow: hidden;
}
.okna {
	height: 330px;
}
.drzwi {
	height: 270px;
}


.clear {
	clear: both;
}

.product {float:left; width:170px;  padding:0 70px; height:300px}
.product-drzwi {float:left; width:55px;  padding:25px 200px; height:170px}

#kolory, .kolory{margin: 0px 20px 20px;font-size: 12px;text-align:justify; overflow:auto;}
#mapa_big{margin: 10px 40px;font-size: 12px;text-align:justify; overflow:hidden;}

#galeria{margin: 0px 20px 20px;font-size: 12px;text-align:justify; overflow:auto;}
#galeria table {margin:auto;}
#galeria table tr td {width:200px; text-align:center;height:120px}
.tabelakolorow {padding: 25px 200px}
.klameczki {text-align:right; padding:0 5px 0 }
.tabelaklamek {padding-left:100px; padding-bottom: 20px;font-size: 12px; }
.tabelaklamek-zewnetrzne {padding-left:225px; padding-bottom: 20px;font-size: 12px; }

.lista{margin:5px 30px; list-style-image: url('../images/punktor.gif') }
.przekroj {float:right; padding: 50px 70px}
.przekroj-drzwi{float:right; padding: 82px 70px}

.przekroj2 {float:right; padding: 0px 40px}
.szyba {margin-right:40px; margin-bottom:50px}
.powrot {font-size: 12px; padding:0 20px 40px}
p.naglowek {font-weight:bold; font-size:12px;margin:25px 0 0 0 ;}
p.opis {font-size:11px;margin:5px 0 0 0 ;}
.odstep {margin-top:5px;}
.zdjecia{overflow:hidden; }
.fotka {float:left; padding:12px; }
.podpis {text-align:center; margin-top:2px; }

.goodol{margin:20px 30px; list-style-position: outside; }