body{
background-color: #EBEBEB;
margin: 0px;
}
.formTekst{
width: 98%;
border: 1px solid #EBEBEB;
font-family: Arial;
font-size: 11px;
color: #666666;
padding: 2px;
}
.form-submit{
width: 87px;
height: 26px;
border: none;
background-color: transparent;
background-image: url(./gfx/formSubmit.png);
background-position: center;
background-repeat: no-repeat;
font-family: Arial;
font-size: 11px;
font-weight: bold;
color: white;
}
td,body{
font-family: Arial;
font-size: 11px;
color: black;
}
a:active, a:link, a:visited{
color: black;
text-decoration: none;
}
a:hover{
color: #999999;
text-decoration: none;
}

a.mapa:active, a.mapa:link, a.mapa:visited{
color: #666666;
text-decoration: none;
}
a.mapa:hover{
color: #666666;
text-decoration: underline;
}
#topper{
height: 95px;
background-color: white;
}
#baner{
width: 530px;
height: 205px;
background-color: white;
}
#mapa{
width: 350px;
height: 205px;
background-color: white;
vertical-align: top;
}
#menu{
width: 530px;
height: 95px;
background-color: white;
}
#scroll{
width: 350px;
height: 95px;
background-color: white;
background-image: url(gfx/scrollBckgr.jpg);
background-position: top;
background-repeat: no-repeat;
}
#bodyact{
background-color: white;
padding: 20px;
}
#copyright{
height: 50px;
background-color: white;
text-align: right;
padding-right: 10px;
}
#design{
height: 50px;
background-color: #CC0000;
text-align: left;
padding-left: 10px;
}
.dots{
width: 4px;
background-image: url(gfx/dot.png);
background-position: center top;
background-repeat: repeat-y;
}
td.tekst{
font-size: 12px;
color: #666666;
text-align: justify;
border-bottom: 1px solid #EBEBEB;
}
div.tekst{
font-size: 12px;
color: #666666;
text-align: justify;
}
.redLine{
background-image: url(gfx/redLine.jpg);
background-position: 260px 0px;
background-repeat: repeat-y;
}
#warstwaPrzewin{
width: 300px; 
height: 64px;
overflow: hidden;
text-align: justify;
margin-top: 15px;
}
#divHint{
position: absolute;
visibility: hidden;
width: 250px;
border: 1px solid #EFEFEF;
background-color: white;
color: #666666;
text-align: justify;
padding: 10px;
}



/*--------------------------------------------------------*/
/* Oferta 																								*/
/*--------------------------------------------------------*/

div#products
{
		float: left;
		width: 500px;		
}
div#categories
{
		margin-left: 520px;		
}
div#categories h2
{
		font-size: 28px;		
		color: #6A9BB6;
		letter-spacing: -2px;
		text-align: right;
		padding: 0px;
		margin: 0px 0px 0px 0px;
}
div#categories ul
{
		list-style-type: none;		
		padding: 0px;
		margin: 0px;
}
div#categories ul li
{
		border-left: 5px solid white;		
		background-color: #6A9BB6;		
		padding: 8px 0px 8px 10px;
		margin: 1px 0px 0px 0px;
}
div#categories ul li a
{
		color: white;
}
div#categories ul li.selected
{
		border-left: none;
		background: #6A9BB6 url(gfx/arrowSelected.png) no-repeat 0px 50%;
		font-weight: bold;
		padding-left: 15px;
}

div.product
{
		overflow: hidden;
		clear: both;
		border-bottom: 1px dotted #CECECE;
		padding: 0px 0px 10px 0px;
		margin: 20px 0px 20px 0px;
}

div.product h2
{		
		padding: 0px;
		margin: 0px 0px 10px 0px;
}
div.product h2 a
{
		font-size: 22px;
		color: #3C7797;
		letter-spacing: -1px;
		text-decoration: underline;
}

div.product img
{
		float: left;
		border: 5px solid #EBEBEB;
		margin: 20px 20px 0px 0px;
}
div.product div.main
{
		float: left;
}
div.product div.next
{
		clear: both;
		background: url(gfx/arrowNext.png) no-repeat right 51%;
		text-align: right;
		padding: 0px 10px 0px 0px;
}
div.product div.main div.information
{
		float: left;
		width: 160px;		
		line-height: 18px;
}
div.product div.main div.description
{		
		width: 180px;
		border-left: 1px solid #CCCCCC;
		color: #666666;
		line-height: 18px;
		padding: 0px 0px 0px 20px;
		margin-left: 162px;		
}
div.product div.main div.price
{
		float: left;
		background-color: #3C7797;
		font-size: 10px;
		font-weight: bold;
		color: white;
		margin: 10px 0px 5px 0px;
		padding: 3px 5px 3px 5px;
}
div.product div.main div.price strong
{
		font-size: 12px;
}		
div.product div.next a
{
		color: #6A9BB6;
}


div#product
{
		float: left;
		width: 510px;	
}
div#product h1
{
		font-size: 32px;
		color: #3C7797;
		letter-spacing: -1px;
		margin: 0px 0px 10px 0px;
}

div#product div.information ul
{
		list-style-type: none;		
		padding: 0px;
		margin: 0px 0px 15px 0px;
}
div#product div.information ul li
{
		overflow: hidden;
		border-bottom: 1px dotted #CECECE;
		padding: 12px 0px 12px 0px;
}
div#product div.information ul li div.atrybut
{
		float: left;
		width: 200px;
		color: #666666;
}
div#product div.information ul li div.wartosc
{
		font-size: 10px;
		font-weight: bold;
		margin-left: 202px;
}
div#product div.information ul li div.wartosc strong
{
		font-size: 11px;
}

div#product div.price
{
		float: left;
		background-color: #CC0000;
		font-size: 10px;
		font-weight: bold;
		color: white;
		margin: 20px 0px 20px 0px;
		padding: 3px 5px 3px 5px;		
}
div#product div.price strong
{
		font-size: 12px;
}

div#product div.description
{		
		clear: both;
		line-height: 18px;
}
div#gallery
{				
		text-align: center;
		margin-left: 510px;
}
div#gallery img
{
		border: 5px solid #EBEBEB;
		margin-bottom: 10px;
}

div.back
{
		clear: both;
		background: url(gfx/arrowPowrot.png) no-repeat 0px 51%;
		padding: 0px 0px 0px 12px;
		margin: 0px 0px 20px 0px;
}
div.back a
{
		color: #6A9BB6;
		text-decoration: underline;
}


/*--------------------------------------------------------------------*/
/* stronicowanie                                                      */
/*--------------------------------------------------------------------*/

div.stronicowanie
{
		overflow: hidden;
		padding: 10px 0px 10px 0px;
}

div.stronicowanie div.prev {
			float: left;
			width: 60px;
			color: #D10000;
			background: url(gfx/arrowPowrot.png) no-repeat 0px 51%;
			padding: 0px 0px 0px 12px;
			margin: 0px 0px 0px 0px;
}
div.stronicowanie div.next {
			float: right;
			width: 60px;
			color: #D10000;
			background: url(gfx/arrowNext.png) no-repeat right 51%;
			text-align: right;
			padding: 0px 10px 0px 0px;
}
div.stronicowanie div.strony {
			color: #F2F2F2;
			text-align: center;
			width:70%;
			float:left;
}
div.stronicowanie div.strony a {
		  color: #999999;
}


/*---------------------------aktualności-----------------------------*/
div.aktualnoscramka
{
	float: left;
	margin-top: 0px;
	width: 100%;
}

div.akutalnosc
{
	float: left;
	clear: left;
	margin-top: 10px;
	width: 100%;
}

div.tytulAktulanosci
{
	float:left;
	width: 100%;
}

div.tytulAktulanosci h2
{
	font-size: 1.3em;
	font-weight: bold;
	padding: 0px;
	margin: 0px;
}

div.autorDataAktulanosci
{
	float:left;
	clear: left;
	font-size: 1em;
	color: #666666;
	width: 100%;
	text-align: left;
}

div.skrotAktualnosci
{
	margin-top: 5px;
	float:left;
	clear: left;
	width: 100%;
	text-align: justify;
	font-size: 1.1em;
}

div.czytajWiecejAktualnosci
{
	float:right;
	clear: left;
	width: 100%;
	text-align: right;
	margin-top: 5px;
	margin-bottom: 5px;
}

div.PowrotAktualnosci
{
	float:left;
	clear: left;
	width: 100%;
	text-align: left;
	margin-top: 5px;
	margin-bottom: 5px;
}

div.pauser
{
	width: 470px;
	margin-top: 0px;
	margin-bottom: 15px;
	border: none;
	border-bottom: 1px solid #f2f2f2;
}


div#sectionSearch { float:left; }
div#sectionSearch input#searchText { width:198px; border:1px solid #CCCCCC; padding:5px; margin-top:6px; color:#666666; }
div#sectionSearch input#searchSubmit { cursor:pointer; border:0px solid #FFFFFF; background-image:url(../gfx/searchSubmit.jpg); width:28px; height:28px; font-size:0; position:absolute; margin:6px 1px; }