/*--------------------------------------------------------
	css theme name: strefajazdy.css
	author: BaZa
--------------------------------------------------------*/

* {
	margin: 0px; padding: 0px; }

html{
	background: url(strefajazdy/bg.gif) center;
	position:relative;
}
/* tekst */

body {
	background: url(strefajazdy/top.gif) repeat-x center top; 
	text-align:center;
	font-family: Tahoma,Arial;
	min-width:1000px;
	}
	

cite {
	display: block;
	width: 478px; 
	background: url(pnj/cite_back.gif) repeat-y;
	margin: 0 0 25px 0;
	margin-top: 10px; }

cite span.content {
	display: block;
	min-height: 35px;
	background: url(pnj/cite_top.gif) no-repeat top;
	padding: 0; }

cite span.author {
	display: block;
	padding: 10px 10px 0 70px;
	text-align: right;
	font-size: 11px;  }
	
cite span.content {
	width: 398px;
	padding: 10px 10px 0 70px; }

span.cite-foot {
	display: block;
	width: 478px;
	height: 12px;overflow: hidden;
	background: url(pnj/cite_bottom.gif) no-repeat;
	margin: 0 0 25px 0; }
	



fieldset { border: none; }



legend {
	padding: 10px;
	font-weight: bold;
	font-size: 16px;}



hr { display: none; }



li {
	background: url(pnj/li.gif) no-repeat left 7px;
	padding: 0 0 0 15px; }

textarea { overflow: auto; }



ol { margin: 0 0 20px 20px; }


th {
	background: #054390;
	text-align: center;
	color: White; }


ul {
	list-style: none;
	padding: 0 0 20px 0; }



ul.icon li {
	background: url(k410/icon_info.gif) no-repeat left top;
	padding: 0 0 20px 35px; }




/* nawigacja */

a {
	text-decoration:none;
	color: #3366FF; 
	}

a:hover { text-decoration: underline; }
	
#header{
height:265px;
background: url(strefajazdy/top.gif) center;
}
#header img{
border:none;
margin:0 auto;
float:left;
}
#container {
  	margin-top: 265px;
    	position:relative;
	overflow: hidden;
	width: 966px;/* height: 100%;*/
	margin: 0px auto;
	background: url(strefajazdy/bg_content.gif) left repeat-y;
}
/* main content */

#maincontent {
	float:left;
	width:728px;
	margin-left:15px;
	text-align: justify; 
	font-size:12px;
	background: url(strefajazdy/content_middle.gif);
	border-bottom: 1px solid #F0F0F0;
	padding-bottom:280px; 
	margin-top:250px; 
	}
#maincontent .opis{
  	float:left;
	width:688px;
	padding:10px 20px 10px 20px; 
	padding-bottom:10px;
	border-bottom: 1px solid #F0F0F0;
	line-height: 17px;
}
#maincontent a{font-weight:bold;}
#maincontent h1{
  float:left;
  width:660px;
  padding:20px 20px 20px 50px;
  margin:0;
  font-family: Arial;
  background: url(strefajazdy/content_top.gif) left no-repeat;
  color: #FF3333;
  font-size: 17px;
}

#maincontent blockquote.start{
  background: #EEE url(strefajazdy/blockquote.gif) bottom repeat-x;
  padding:20px 10px; 
}
#strona_glowna{
  position:absolute;
  top:265px;left:210px;
  width:750px;
  font-size:12px;
}
#strona_glowna .inside{
  background: #EEE url(strefajazdy/blockquote.gif) bottom repeat-x;
  line-height: 17px;
  padding:20px 10px; 
  width:660px;
  margin:0;
}
#strona_glowna h6{display:none; }
#biezacy_numer{
  font-size:12px;
  line-height:18px;
  color:#FFF;
  position:absolute;
  bottom:15px;left:588px;
  width:250px;
  height:200px;
}
#biezacy_numer h6{display:none; }
#biezacy_numer .inside{
  padding:10px 10px; 
  width:280px;
}
#inside {
	float: left;
	width: 192px; 
	padding: 10px 0 10px 4px;
	text-align: left;
}
#inside img{
  border: none;
}
#banery{
  position: absolute; top:0px;
  width: 950px; 
  text-align:center;
  height:25px;
  padding:0;margin:0;
}
#banery h6{
display:none;
}
#banery .pole-edycyjne{
padding:0;
margin:0;
}
#bannery p{
  margin:0;
  padding:0;
}
#banery .inside{
  width:950px;
  height:25px;
  padding:0;margin:0;
}
#banery_bottom{
  position: absolute; bottom:50px;
  width: 950px; 
  text-align:center;
  height:25px;
  padding:0;margin:0;
  z-index:2;
}
#bannery_bottom .pole-edycyjne{
padding:0;margin:0;
}
#banery_bottom h6{
display:none;
}
#bannery_bottom p{
  margin:0;padding:0;
}
.news-item{
  position:relative;
  width: 320px;
  height:115px;
  float:left;
  padding: 10px 20px 20px 20px;
  margin:5px 0px 10px 0px;
  border-right: 1px solid #F0F0F0;
  border-bottom: 1px solid #F0F0F0;
  font-size:13px;
  overflow:hidden;
}		
.news-item hr{
display:none; 
}	
.news-item a:link, .news-item a:visited{
  color: #000;
  font-size:1px;
  color: #FFF;
  padding: 12px 0 12px 140px;
  text-decoration:none;
  text-align:right;
  background: url(strefajazdy/more2.gif) no-repeat left bottom;
  position:absolute; bottom:10px;left:20px;
}
.news-item a:hover{
  background: url(strefajazdy/more.gif) no-repeat left bottom;
}
.news-item small{
  position:absolute; top: 30px;
  color: #999;
  font-size:11px;
}
.news-item p.comments{
  position:absolute; top: 30px; left:125px;
  padding:0;
  margin:0;
  color: #999;
  font-size:11px;
}
.news-item p{
  padding:5px 0 10px 0; 
}
.news-item h4 a.more{
  background:none;
  text-align:left;
  font-size: 14px;
  color: #FF0000;
  padding-left: 0px;
  position:relative;
  margin:0;
  left:0;
}
.news-item h4 a:hover{
  background:none;  
}
/*komentarze*/
#comments{
  float:left;
  width:700px;
  background:#F0F0F0;
  padding:10px 15px 10px 15px;
}
#comments h3{
  color:#FF0000;
  font-size:15px;
  padding:10px 0;
  margin:0;
}
#comments .plus{
  font-size:13px;
  color: #000;
  padding:3px 0;
}
#comments .author{
  font-size:11px;
  color: #999;
}
#comments dd{
  font-size:11px;
}
#addComment{
  float:left;
  width:700px;
}
#addComment label{
  float:left;
  width:700px;
  text-align:right;
}
#addComment span{
  margin:5px 10px;
  width:150px;
  float:left;
  text-align: right;
  display:inline;
}
#addComment input{
width:300px;
float:left;
display:inline;
border: 1px solid #CCC;
}
#addComment textarea{
width:300px;
height:50px;
margin-bottom: 10px;
float:left;
display:inline;
border: 1px solid #CCC;
}
#addComment img{
  float:left;
  clear:both;
  border: 2px solid #666;
  margin-left:170px;
}
#send {
  float:none;
  display:block;
  width: 50px;
  height:20px;
  border: 1px solid #666;
  background: #F0F0F0;
}
/* menu pionowe */

#menu-pionowe {
	width: 186px;
	background: url(strefajazdy/menu_top.gif) top no-repeat;
	padding-top: 25px;
	}
#menu-pionowe dt{display:none;}

	#menu-pionowe a {
	  	float:left;
	  	display:block;
	  	width: 146px;
		padding: 0 0 8px 40px;
		font-size: 17px; 
		text-decoration: none;
		color: #FFF; 
		background: url(strefajazdy/link.gif);
}
#menu-pionowe a.hit {
  color: #FFFF00;
}
#menu-pionowe a:hover {
  color: #FFFF00;
}

#menu-pionowe	dd{
  background: url(strefajazdy/menu_bg.gif);
  float:left;
  width: 186px;
}	
		
#menu-pionowe	dd.foot{ 
	  background: url(strefajazdy/menu_bottom.gif) top no-repeat;
	  height: 21px;
	  width: 186px;
}
#menu-pionowe li, #menu-pionowe ul{
  padding:0;margin:0;
}
#menu-pionowe ul a:link,#menu-pionowe ul a:visited{
  background: url(strefajazdy/link_clear.gif) repeat-y;
  font-size:13px;
  color: #CCC;
  padding-left:35px;
}
#menu-pionowe ul a:hover{
  color: #FFF;
}



/* menu poziome */

#menu-poziome {
	position: absolute; top: 20px; 
	overflow: hidden;
	width:900px; height: 43px;
	text-align:right
	}

	#menu-poziome dd { display: inline; }
	#menu-poziome dd a {
		padding: 0 10px;
		font-size: 13px;	
		text-decoration: none; 
		color: #999;
		}
		
	#menu-poziome dd a:hover { color: #000; }

	#menu-poziome dd a.hit { color: #FF0000; }




#nav { padding: 0 0 30px 0; }






.blue { color: #003e96; }


.button {
	cursor: pointer; }


.crirHiddenJS { margin: 0 5px 0 0; }


.del { width: 40px; }


.dodaj-do-koszyka {
	display: block;
	padding: 0 0 0 23px; }


.dodaj-szt-do-koszyka {
	float: right;
	width: 220px;
	text-align: right; }

	
.dodaj-wyczysc,
.dodaj-wyslij {
	width: 100%; 
	text-align: center;
	padding: 20px 0 10px 0; }
	




.empty { font-size: 12px; _font-size: 14px; }



.inline {
	display: inline !important; }
	
	
.odbiorca {
	float: left;
	width: 240px; }


.opis-produktu {
	display: block;
	background: url(pnj/zobacz_opis.gif) no-repeat left;
	padding: 0 0 0 23px; }


.popraw-zamow  {
	width: 100%; 
	text-align: center;
	padding: 20px 0 20px 0; }


.powrot-dalej {
	float: right;
	margin: 20px 0 0px 0px; _margin-right: 8px; }
	
	.powrot-dalej input { margin: 5px; }

	

.powtorz-haslo { margin-bottom: 20px; }


.produkt-na-liscie { padding: 0 0 30px 0; }


.przelicz-dalej {
	width: 100%; 
	text-align: center;
	padding: 20px 0 10px 0; }
	
	.przelicz-dalej h3 { padding-bottom: 20px; }


.sklep_opis_zakup {
	float: right;
	margin-top: -15px; }
	
	.sklep_opis_zakup a {
		font-size: 80%; }


.signature {
	float: right;
	margin: -15px 0 0 0; }




.start {  }



/* menu rozwijane */

.transMenu {
	position: absolute; left: -1000px; top: -1000px;
	overflow: hidden; z-index: 300;
	margin: 1px 0 0 -250px; padding: 0;
	color:#FFFFFF; }

/* this is the main container for the menu itself. it's width and height get set by script, depending on the size of the items table */
.transMenu .content {
	position:absolute; z-index: 300;
	color:#FFFFFF; }

/* this table comprises all menu items. each TR is one item. It is relatively positioned so that the shadow and background transparent divs can be positioned underneath it */
.transMenu .items {
	position:relative; left: 0px; top: 0px; z-index:2; }
	
.transMenu.top .items {
	border-top:none; }

/* each TR.item is one menu item */
.transMenu .item {
	color: #494949;
	font-size: 11px;
	text-decoration:none;
	/* this is a hack for mac/ie5, whom incorrectly cascades the border properties of the parent table to each row */
	border:none;
	cursor:pointer;
	cursor:hand; }
	
.transMenu .item { font-family: Tahoma, Arial, Helvetica, sans-serif !important; }

.transMenu .background {
	position:absolute; left: 0; top: 0; z-index: 1;
	-moz-opacity:.95; filter: alpha(opacity=95); }

.transMenu .shadowRight {
	position:absolute; top: 3px; z-index:3;
	width: 1px;
	-moz-opacity:.2; filter: alpha(opacity=20); }

.transMenu .shadowBottom {
	position: absolute; z-index: 1; left:3px; height: 1px;
	-moz-opacity:.2; filter:alpha(opacity=20); }

.transMenu .item.hover {
	background: #d5d5d5;
	color:black; }

.transMenu .item img { margin-left:10px; }








/* contact */

#contact {
	background: url(pnj/odkresl4.gif) no-repeat center top;
	padding: 40px 0 0 40px; }
	
#contact h1 {
	padding: 0;
	font-size: 25px; _font-size: 27px; }

#contact h3 {
	padding: 0 0 5px 0;
	font-size: 18px; }

#contact .phone,
#contact .map,
#contact .monitor {
	display: block;
	height: 90px; 
	margin: 0 0 10px 0;
	padding: 12px 0 0 130px; }

	#contact .phone {	background: url(pnj/phone.gif) no-repeat left; }
	
	#contact .map { background: url(pnj/map.gif) no-repeat left; }
	
	#contact h3 { font-size: 99%; }

#contact .monitor {
	background: url(pnj/monitor.gif) no-repeat left;
	height: 70px;
	padding-top: 20px; }
	


/* dane adresowe */	

#dane-adresowe {
	float: left;
	width: 250px;
	padding: 10px 0 10px 0; }
	

#dane-adresowe input { width: 105px; }


#dane-adresowe input,
#dane-adresowe label,
#dane-adresowe textarea {
	margin-top: 3px;
	padding: 2px;
	font-size: 11px; }


#dane-adresowe textarea {
	width: 230px; height: 80px;
	border: 1px solid #aaa;
	float: right; }


#dane-adresowe label {
	display: block; 
	width: 245px;
	margin: 2px; padding: 0;
	text-align: right; 
	font-size: 9px; _font-size: 11px; }


#dane-adresowe p { padding-right: 10px; }


#dane-adresowe #da_newsletter { width: 20px !important; }


#dane-adresowe #da_plec {
	margin-left: 100px;
	font-size: 11px; }


#dane-adresowe #da_plec label { display: inline; }


#dane-adresowe #da_plec input {
	width: 20px;
	border: none }


#dane-adresowe #da_wysylka {
	width: 20px;
	margin: 0 97px 0 0; }
	






/* dane do faktury */

#dane-faktura {
	float: right;
	width: 245px;
	border-left: 1px solid #ccc;
	padding: 10px 0 10px 10px; }


#dane-faktura label { text-align: right; }
#dane-faktura label {
	display: block; 
	width: 245px;
	margin: 2px; padding: 0px;
	font-size: 9px; _font-size: 11px; }


#dane-faktura input,
#dane-faktura textarea {
	width: 105px;
	margin-top: 3px; padding: 2px;
	font-size: 11px; }


#dane-faktura textarea {
	width: 230px; height: 80px;
	float: right; }


#dane-faktura #da_faktura { width: 15px; }


#dane-faktura #da_faktura_adres {
	width: 15px;
	margin: 0 97px 0 0; }





/* dodaj do koszyka input */

#dodaj {
	width: 30px;
	text-align: center; }




/* dodaj ogloszenie */

#dodaj-ogloszenie h3 { padding: 10px 0 10px 0; }

#dodaj-ogloszenie label {
	display: block;
	width: 200px;
	float: left;
	text-align: right;
	padding: 0 5px 0 0; }

#dodaj-ogloszenie input, textarea, select {
	display: block;
	float: left; }

#dodaj-ogloszenie div {
	overflow: hidden;
	clear: both;
	margin-bottom: 0.5em; }





/* intro */

#intro {
	background: #F1F1F1 url(strefajazdy/intro.gif) bottom;
	margin: 5px 5px 5px 5px;
	padding: 10px 10px 10px 10px;
	float:left;
}

#intro h1 {
font-size: 30px; font-size: 32px;
line-height: 40px; _line-height: 32px;
margin: 0 0 -5px 0;
padding: 0;
color: #003e97; 
}
		

/* logowanie */

#logowanie {
	float: right;
	width: 240px;
	border-left: 1px solid #ccc;
	padding: 10px 0 10px 10px;	}


#logowanie input,
#logowanie textarea {
	width: 125px; 
	margin-top: 3px;
	padding: 2px;
	font-size: 11px; }

#logowanie label {
	display: block; 
	width: 236px;
	margin: 2px; padding: 0;
	font-size: 9px; _font-size: 11px; 
	text-align: right; }

#logowanie .button {
	width: 50px;
	margin: 10px 0 0 0; }






	



/* ogloszenia */

#ogloszenia {display:none;}

/* sposob platnosci */

#platnosc {
	float: right; width: 200px; 
	border: 1px solid #ccc;  
	margin-top: 35px; padding: 7px 7px 25px 17px; }

#platnosc label {
	display: block;
	width: 190px;
	text-align: left; }

#platnosc select {
	width: 155px;
	border: 1px solid #ccc; }

#platnosc input,
#platnosc label,
#platnosc select {
	margin-top: 3px; padding: 2px;
	font-size: 11px; }




/* podsumowanie */

#podsumowanie {
	clear: both;
	height: 100px;
	border-bottom: 1px solid #ccc;
	margin: 0 0 10px 0;
	padding: 20px 0 10px 0; }
	
	#podsumowanie p {	padding: 0; }

#podsumowanie .l {
	float: left;
	width: 220px;
	text-align: right; }

#podsumowanie .r {
	float: left;
	width: 120px;
	font-weight: bold;
	text-align: right; }



/* sklep */

#sklep { }	
	
	#sklep * { font-size: 12px; _font-size: 13px; }

	#sklep dt,
	#sklep h6 { padding-top: 15px; }

	/* sklep - kategorie */
	
	#sklep-kategorie,#sklep-koszyk,#sklep-poleca {display:none; }
	
.produkt {
	position: relative;
	float: left;
	width: 515px;
	border-bottom: 1px solid #ccc;
	padding: 5px 0 15px 0;
	margin: 0 0 15px 0; }

.produkt img {
	float: left;
	margin: 0 10px 0 0; }



.produkt .cena {
	position: absolute; top: 0; right: 0;
	font-weight: bold; }


/* produkt na liscie */

.produkt-na-liscie {
	position: relative;
	float: left;
	width: 515px;
	border-bottom: 1px solid #ccc;
	padding: 5px 0 15px 0;
	margin: 0 0 15px 0; }

.produkt-na-liscie .cena {
	position: absolute; top: 0; right: 0;
	font-weight: bold; }

/* produkt na liscie */

.produkt-na-liscie img {
	float: left;
	margin: 0 10px 0 0; }

/* realizacja */

#realizacja {display:none;}
/* wyszukiwarka */

#wyszukiwarka {
	position: relative;
	float:left;
	width: 180px; 
	padding-bottom: 10px;
	}
	
#wyszukiwarka fieldset { border: none; margin:25px 20px 0 15px;border-bottom: 1px solid #DEDEDE;}

#wyszukiwarka h6 { 
  font-family:Tahoma, arial;
  color: #494949;
  font-size: 12px; 
  padding:3px;margin:0;
  font-weight:normal;
  }

#wyszukiwarka input {
	float:left;
	display:inline;
	width: 90px;
	border: 1px solid #DEDEDE; 
	padding: 3px 5px;
	margin:2px 0 0 0;
	}

#wyszukiwarka .szukaj {
	float:left;
	display:inline;
	width: 24px; height: 32px;
	padding:0 ;
	margin-left: 2px;
	background: url(strefajazdy/lupa.gif);
	cursor: pointer;
	border: none;
	}
	
#wstepniak{
  position: absolute; top:200px; left:10px; 
}
	
	


/* zawarto koszyka */

#zaw-koszyka {
	width: 100%;
	border-bottom: 1px solid #ccc; }

#zaw-koszyka h3 {
	font-size: 14px;
	font-weight: bold;
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	padding: 10px 0 0 0; }

#zaw-koszyka img {
	border: 1px solid #ccc;
	padding: 2px; }

#zaw-koszyka td,
#zaw-koszyka th {
	padding: 5px;
	vertical-align: middle; }

#zaw-koszyka .cena { display: none; }

#zaw-koszyka .zilosc { text-align: center; }
#zaw-koszyka .zilosc input { width: 30px; text-align: center; }
#zaw-koszyka .zcena { white-space: nowrap; }










/* dla nowych boxow  */

.pole-edycyjne {
	width: 180px;
	padding:10px 5px 10px 15px; 
}

.pole-edycyjne .inside h6{
  	float:left;
  	width:75px;
  	height:27px;
	color: #FFF;
	font-size:1px ;
	padding: 0 5px;
	margin:10px 0;
	font-weight:normal;
	background: url(strefajazdy/partnerzy.gif) no-repeat;
	}

.foot { height: 14px; }

#footer{
  padding-top:20px;
  background:#000 url(strefajazdy/bottom.gif) center top;
}
#footer blockquote{
  font-size:10px;
  color: #9F9F9F;
  margin:30px 0 0 0 ;
  padding-bottom:20px;
}
#footer blockquote a:link, #footer blockquote a:visited{
  font-size:10px;
  color: #9F9F9F;
  padding:0;
}
#footer blockquote a:hover{
  color: #FFF;
}
#menu-powtorzone dl{
  display:inline;
}
#menu-powtorzone dd{
  display:inline;
}
#menu-powtorzone a:link,#menu-powtorzone a:visited{
  display:inline;
  color: #CCC;
  font-size: 17px;
  text-decoration:none;
  padding: 0 13px 0 12px;
}
#menu-powtorzone a:hover{
  color: #FFF;
}
/* -------------- disabled for now */

#platnosci,
#specjalne { display: none; }

/* Dodatkowo */

/* newsletter */

.newsletter {
}
.newsletter h6{
display:none;
}
  .newsletter input.imie{
     		position: absolute; top: 100px; left: 100px; 
   		float:right;
  		background-image: url(strefajazdy/form1.gif);
   		display: inline;
   		width:118px;height:14px;padding:5px 5px;
		font-size:10px;
		color: #666; 
		border:none;
		background-color:transparent;
  	 }
   	  .newsletter input.email{
     		position: absolute; top: 130px; left: 100px;
		background-image: url(strefajazdy/form1.gif); 
		float:right;
		display: inline;
		width:118px;height:14px;padding:5px  5px;
		font-size:10px;
		color: #666;
		border:none;
		background-color:transparent; 
		}
	.newsletter label.limie {
	   	position: absolute; top: 105px; left: 30px; 
		text-align: right;
		width: 40px;
		}
	.newsletter label.lemail {
	   	position: absolute; top: 135px; left: 30px; 
		text-align: right;
		width: 40px;
		}	
	.newsletter .plec {
     		position: absolute; top: 100px; left: 250px;  
		}
		
	.newsletter .plec input {
		float: left;
		width: 25px;
}
		
	.newsletter .plec label {
		float: left;
		display:inline;
		width: 5px; }

	.newsletter .plec p { 
	  	display: inline;
 		width:30px; 
 		float:left;
 		padding:0;
		margin:0;	
	}
	.newsletter .zgoda input{
   	float:left;
	position: absolute; left: 20px; top: 154px; 
 }
	.newsletter .zgoda a {
	  color: #FFF;
	  font-size: 10px;
	  text-decoration: none;
	  }
	.newsletter .zgoda label {
	  	font-size: 10px;
		position: absolute; top: 155px;left:40px; 
		}
	.newsletter .zgoda br {
		display: none }	

	.newsletter input.zapisz {
		position: absolute; left: 250px; top: 130px ; 
		width: 17px; height: 17px;
		background:   url(strefajazdy/add.gif) no-repeat;
		border: none;
		cursor: pointer;
		font-size:0px;
}	
	.error{
   display:none;
 }
 .boxnewsletter {
	position: absolute; bottom: 10px; left: 210px;
	background: url(strefajazdy/newsletter.gif);
	width: 676px;
	height:133px;
	font-size:12px;
	padding:100px 10px 10px 30px;
	color: #FFF;
}
.boxnewsletter h6{
display:none;
}
.boxnewsletter .inside{
  width:300px;
  padding:0;
  margin:0;
}
