body {
	margin: 0; width: 100%; height: 100%; background: rgb(255,255,255); text-align: center;
}








/*
 *  Definicje marginesów
 */
.padding-5 {
	float: left; padding: 5px;
}


.padding-5-10 {
	float: left; padding: 5px 10px;
}


.padding-10 {
	float: left; padding: 10px;
}


.padding-10-0 {
	float: left; padding: 10px 0;
}


.padding-20 {
	float: left; padding: 20px;
}


.padding-20-0 {
	float: left; padding: 20px 0;
}


.padding-top-20 {
	float: left; padding-top: 20px;
}








/*
 *  Style
 */
div.style img {
	display: block; margin: 14px; border: 0;
}


div.style li {
	margin-left: 16px; margin-top: 2px; margin-bottom: 2px; list-style: url("../image/menu/white-point.jpg");
}


div.style ul {
	margin-bottom: 10px;
}


div.style p {
	margin-bottom: 10px;
}


div.style table {
	margin-bottom: 10px;
}








/*
 *  Linie
 */
div.leftline-box {
	float: left; border-left: 1px solid rgb(239,236,231);
}


.underline-box {
	float: left; padding: 10px; border-bottom: 1px solid rgb(109,114,119);
}


div.topline-box {
	float: left; padding: 10px; border-top: 1px solid rgb(109,114,119);
}








/*
 *  Expander
 */
div.expander a.selected div.content {
	margin-left: 37px; background: url("../image/expander/selected.gif") no-repeat left center;
}


div.expander a.noselected div.content {
	margin-left: 37px; background: url("../image/expander/no-selected.gif") no-repeat left center;
}








/*
 *  Lista przewijana
 */
div.li {
	float: left;
}








/*
 *  Lista iteracyjna
 */
ul.list {
	position: absolute; bottom: 0; right: 0; margin: 0; padding: 0; list-style: none;
}


ul.list li {
	float: left; padding: 20px 4px; margin: 0; margin-right: 10px;
}


ul.list li a {
	padding: 20px 10px;
}




ul.red-list li,
ul.red-list li.noselected {
	 background: rgb(219,40,58);
}


ul.red-list li:hover,
ul.red-list li.selected {
	background: rgb(109,114,119);
}








/*
 *  Dekoracja adresów
 */
.white-point {
	padding-right: 20px; background: url("../image/menu/white-point.jpg") no-repeat right center;
}


.white-point-left {
	padding-left: 20px; background: url("../image/menu/white-point.jpg") no-repeat left center;
}


.red-point {
	padding-right: 20px; background: url("../image/menu/red-point.jpg") no-repeat right center;
}


.red-point-left {
	padding-left: 20px; background: url("../image/menu/red-point.jpg") no-repeat left center;
}








/*
 *  Baner button
 */
div#baner-container span {
	display: none;
}




div#baner-array {
	float: left; margin: 0; padding: 0;
}


div#baner-array li {
	float: left; margin: 0; padding: 0; width: 209px; list-style: none; border-left: 1px solid rgb(239,236,231);
}


div#baner-array span {
	float: left; margin: 10px;
}


div#baner-array div.baner {
	float: left; width: 209px; height: 132px;
}








/*
 *  Header logo
 */
div.header-logo {
	float: left; padding: 20px;
}








/*
 *  Header kontenery
 */
div.header-box-container {
	float: left; padding: 20px;
}


div.header-box-content {
	float: left; width: 180px; height: 16px;
}








/*
 *  Header formularz
 */
div.header-textbox {
	float: left; width: 164px; height: 16px; overflow: hidden;
}


div.header-button {
	float: left; width: 16px; height: 16px; overflow: hidden;
}


div.header-textbox input {
	width: 164px; height: 16px;
}


div.header-button input {
	width: 16px; height: 16px;
}








/*
 *  Lista wypunktowana: białe
 */
ul.menu-white li {
	margin-left: 16px; margin-top: 4px; margin-bottom: 4px;
}




ul.menu-white li.noselected {
	list-style: url("../image/menu/white-point.jpg");
}


ul.menu-white li:hover,
ul.menu-white li.selected {
	list-style: url("../image/menu/white-point-selected.jpg");
}








/*
 *  Tree View
 */
ul.treeview li.noselected ul {
	display: none;
}


ul.treeview li.selected ul {
	display: block;
}




ul.treeview li.selected li.noselected ul {
	display: none;
}








/*
 *  Lista wypunktowana: czerwone
 */
div.menu-red-container {
	float: left; padding: 20px; background: rgb(219,40,58);
}


div.menu-red-content {
	float: left; width: 210px; height: 116px; overflow: hidden;
}


ul.menu-red li {
	margin-left: 16px; margin-top: 2px; margin-bottom: 2px; list-style: url("../image/menu/red-point.jpg");
}


ul.menu-red li:hover,
ul.menu-red li.selected {
	list-style: url("../image/menu/red-point-selected.jpg");
}






/*
 *  Boczne
 */
div.apart {
	float: left; width: 250px;
}




div.underline-apart-content {
	float: left; width: 190px;
}






/*
 *  Pojemniki
 */
div.box-container {
	float: left; padding: 20px 20px 0;
}


div.box-content {
	float: left; width: 210px;
}






/*
 *  Formularz
 */
.button {
	padding-right: 16px; height: 16px; background: #ffffff url('../image/button/white-point.jpg') center right no-repeat;
}








/*
 *  Boczne formularze
 */
div.apart-button {
	float: left; width: 190px; overflow: hidden; text-align: right;
}


div.apart-label-toradio {
	float: left; width: 174px; overflow: hidden;
}


div.apart-radio {
	float: left; width: 16px; overflow: hidden;
}


div.apart-textbox {
	float: left; width: 190px; overflow: hidden;
}


div.apart-label-toradio label {
	width: 174px;
}


div.apart-textbox input {
	width: 190px;
}






/*
 *  Center
 */
div#center {
	margin: 0 auto; width: 960px; text-align: left;
}






/*
 *  Global
 */
div#global-container {
	float: left; position: relative; width: 960px; border-top: 2px solid rgb(134,137,141); border-bottom: 2px solid rgb(134,137,141);
}






/*
 *  Content
 */
div#content-container {
	float: left; width: 960px;
}






/*
 *  Baner
 */
div#baner-container {
	position: relative; float: left; width: 460px;
}





/*
 *  Katalog
 */
div#catalog-container {
	float: left; padding: 10px 20px;
}


div#catalog-content {
	width: 210px; height: 160px;
}






/*
 *  Header
 */
div#header-container {
	float: left; width: 960px;
}






/*
 *  Center
 */
div#center-container {
	float: left; width: 460px;
}






/*
 *  Fotter
 */
div#footer-container {
	float: left; padding: 10px 30px; margin-top: 40px;
}


div#footer-content {
	width: 900px;
}