body {
	background-image:url(../images/tlo/szary.gif);
	text-align: center;
	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 1.8em;
	}

* { margin:0; padding:0; border-width: 0;}

/***** OGÓLNE *****/

.clear { clear: both; }
.staracena { text-decoration: line-through; }
.nowacena { color: red; margin-left: 8px;}
.float-right { float : right; }
.float-left { float : left; }
.text-align-right { text-align : right; }
.text-align-left { text-align : left; }
.line-through { text-decoration: line-through; }
.red { color: red; }

/* --Typography and Links-- */

#container {
	position:relative;
	width:762px; margin: 12px auto;
	background-image:url(images/main-srodek.gif);
	background-repeat: repeat-y;
	}
#top {
	background-image: url(images/main-gora.gif);
	background-position: top;
	background-repeat: no-repeat;
	height: 16px;
	}
#bottom {
	background-image: url(images/main-dol.gif);
	background-position: bottom;
	background-repeat: no-repeat;
	height: 16px;
	}
#workspace {
	width: 732px;
	margin: 0 auto;
	}

a:link, a:visited {
	color: #CC3300;
	text-decoration: none;
	}

/***** HEAD *****/

#head {
	text-align: left;
	height: 44px;
	position: relative;
	}
#logo {
	position: absolute; left: 0; top: 4px;
	width: 133px; height: 30px;
	background-image: url('images/logo.gif');
	background-position: top left;
	background-repeat: no-repeat;
	margin-bottom: 8px;
	}
#logo span {
	display: none;
	}
	
/***** TABMENU *****/

#tab {
	position: absolute; right: 0; bottom: 0;
	font-size: small;
	padding: 0 10px 0 10px;
	float: left;
	}
#tab li {
	display: inline;
	overflow: hidden;
	list-style: none;
	float: left;
	}
#tab a:link, #tab a:visited {
	float: left;
	font-size: 85%;
	line-height: 20px;
	font-weight: bold;
	margin: 0 10px 0 10px;
	text-decoration: none;
	border-bottom: 4px solid #FFF;
	padding-bottom: 2px;
	color: #999;	
	}
#tab a.active:link, #tab a.active:visited, #tab a:hover {
	border-bottom: 4px solid #333;
	padding-bottom: 2px;
	color: #333;
	}
	
/***** FOOT *****/

#foot {
	width:100%; clear: both; padding-top: 8px; font-size: 90%;
	border-top: 1px solid black;
	}
	
/***** LARGE MENU *****/

#largeMenu {
	padding: 12px 0;
	margin: 0 0 16px 0;
	border-top: 1px solid black;
	border-bottom: 1px solid black;
	}
#largeMenu img {
	float: left;
	width: 470px; height: 272px;
	border: 1px solid black;
	}
#largeMenu .outer {
	height: 272px;
	overflow: hidden; position: relative;
	}
#largeMenu .outer[class] {
	display: table; position: static;
	}
#largeMenu .middle {
	position: absolute; top: 50%; left: 0;
	}  /* for explorer only*/
#largeMenu .middle[class] {
	display: table-cell; vertical-align: middle; position: static;
	}
#largeMenu ul {
	position: relative; top: -50%;
	list-style: none;
	font-family: "Trebuchet MS", "Times New Roman", serif;
	font-size: 14px; font-weight: bold;
	text-align:left; text-transform: uppercase;
	line-height: 1.4em;
	} /* for explorer only */
#largeMenu li {
	margin: 0 0 0 0.5em; padding:0.5em 0 0 0;
	}
#largeMenu a {
	text-decoration:none; padding-left: 10px;
	color:black; border-left: 1em solid white;
	}
#largeMenu a:hover {
	color:#000099; border-left-color:#CC3300;
	}
#largeMenu a:active {
	color:#000099; border-left-color:#CC3300;
	}

/***** CONTENT *****/
#content {
	text-align: left;
	}

/***** MODUL *****/

#modul {
	margin: 0 auto 8px;
	width: 720px;
}

#modul .leftCol {
	float: left; width: 180px; margin-bottom: 10px;
	}
#modul .rightCol {
	float: right; width: 515px; color: #333333; text-align: justify;
	margin-bottom: 10px;
	}
#modul .rightCol h1 {
	text-transform: uppercase;
	font-size: 1.8em; line-height: 1em;
	color:#000099; border-left: 1em solid #CC3300;
	padding-left: 0.5em; margin-bottom: 1em;
	}
	
/***** KATEGORIE *****/

#kategorie {
	float: left; width: 180px; margin: 0 0 10px 0;
	}
#kategorie a:link, div#kategorie a:visited {
	color: black; text-decoration: none;
	}
#kategorie p {
	font-weight: bold; text-align: right; width: 100%;
	border-bottom: 1px dashed gray; margin: 0 0 15px 0;
	}
#kategorie ul {
	list-style-image: url(images/arrow_niebieska.gif); padding-left: 20px;
	}
#kategorie ul li a:hover{
	text-decoration: underline;
	}
#kategorie ul li.selected{
	list-style-image: url(images/arrow_czerwona.gif);
	}
#kategorie ul li ul li.selected{
	list-style-image: url(images/arrow_czerwona.gif);
	}
	
/***** PRODUKT *****/

#produkt .tytul {
	font-weight: bold; text-align: right; width: 100%;
	margin-bottom: 1.5em;
	border-bottom: 1px dashed gray;
	}
#produkt .wstep {
	font-weight: bold; margin-bottom: 1.5em;
	}
#produkt .wstep img {
	float: right; margin: 0 5px 20px 20px; border: 0;
	padding: 6px; border: 1px solid silver;
	}
#produkt .opis {
	}
#produkt .opis img {
	margin: 10px 15px; border: 0;
	}

/***** PRODUKTY *****/

.produkty {
	width: 100%; margin-bottom: 2em; text-align: justify;
	border-bottom: 1px solid silver;
	}
.produkty .tytul {
	font-weight: bold; text-align: right; width: 100%;
	border-bottom: 1px dashed gray; margin-bottom: 1.5em;
	}
.produkty a.tytul {
	display: block; color: #333;
}
.produkty .wstep {
	margin-bottom: 1.5em;
	}
.produkty .wstep img {
	float: right; border: 0; margin: 0.5em 0 1em 2em;
	padding: 6px; border: 1px solid silver;
	}
.produkty p.cena {
	margin-left: 0.5em;
	}
.produkty ul, #produkt ul {
	padding-left: 20px; margin: 5px 0 15px 0;
	}

/***** BOTTOM-BUTTONS *****/
#bottom-buttons {
	width: 100%; vartical-align:middle;
	border: 1px solid gainsboro; background:whitesmoke;
	text-align: right; padding: 2px 0; margin-bottom: 8px;
	clear: both;
	}
#bottom-buttons a {
	margin: 0 5px 0 0;
	text-decoration: none;
	color: blue;
	border-width: 0;
	}
	
/***** BOXES *****/

#boxes {
	margin: 10px auto; width: 100%; 
	}
#boxes .head {
	height: 9px;
	max-height: 9px;
	width: 100%;
	background-image: url(../images/tlo/box-top.gif);
	background-position: bottom;
	background-repeat: no-repeat;
	}
#boxes .main {
	background-image :url(../images/tlo/box-middle.gif);
	background-repeat: repeat-y;
	width: 100%;
	}
#boxes .foot {
	height: 9px;
	max-height: 9px;
	width: 100%;
	background-image: url(../images/tlo/box-bottom.gif);
	background-position: top;
	background-repeat: no-repeat;
	}

#boxes .main .box {
  width:244px; float:left;
  text-align: left; z-index:2;
	}
#boxes .main .box h1{
	font-size: 105%; font-weight: bolder; color:#000099;
	line-height: 1em;
	margin: 8px 0 14px 14px; padding-left: 8px;
	border-left: 1em solid #CC3300;
	text-transform: uppercase;
	}
#boxes .main .box div {
	width: auto; margin: 0 16px;
	}
	
/***** WIADOMOSCI *****/

.wiadomosci {
	margin-bottom: 3em;
	border-bottom: 1px solid silver;
	}
.wiadomosci .tytul, #wiadomosc .tytul {
	font-weight: bold; text-align: right; width: 100%;
	margin-bottom: 1.5em;
	border-bottom: 1px dashed gray;
	}
.wiadomosci .wstep, #wiadomosc .wstep {
	margin-bottom: 1.5em;
	}
#wiadomosc .tresc {
	margin-bottom: 1.5em;
	}
.wiadomosci .data, #wiadomosc .data {
	float: left;
	color: silver;
	padding: 0 0.5em 0 1.5em;
	background-image: url(images/doc-icon.gif);
	background-position: left;
	background-repeat: no-repeat;
	line-height: 1.2em
	}
.wiadomosci .data {
	border-right: 1px solid silver;
	}
.wiadomosci .wiecej {
	float: right;
	line-height: 1em
	}