/*************************************************************************************************************************************
   This script is copyrighted and is sole property of Jaroslaw Pietras (Yar Mobile).
   This script should not be viewed by you, unless you cooperate with the above person or company.
   Any copying of the code, or ideas contained within this script is prohibited and WILL BE noticed, and pursued in any legal way.
   This script uses a free framework written by Piotr Koleśnik.
   
   Skrypt ten jest objęty prawami autorskimi i jest wyłączną własnością Jarosława Pietrasa (Yar Mobile).
   Skrypt ten nie powinien znaleźć się w twoich rękach, jeśli nie współpracujesz z wyżej wymienioną osobą bądź firmą.
   Jakiekolwiek kopiowanie kodu i pomysłu z tego skryptu jest zabronione i BĘDZIE zauważone i ścigane wszelkimi dostępnymi sposobami.
   Skrypt wykorzystuje darmowy framework Piotra Koleśnika.

   KOLORY: 
   dcddde - kolor tła (prawy, ciemniejszy)
   f0f0f1 - kolor tła (lewy, jaśniejszy)
   17284b - ciemny granat: stopki, listwy dolne
   00718f - jasnoniebieski: nagłówki (paski) okien strony głównej, przyciski i elementy aktywowane
   3a6a87 - niebieski nagłówków (pasków) większości okien, listw, oraz linków
   00617f - niebieski nagłówków tekstu stron opisowych
   ec1c24 - czerwony jaśniejszy: paski menu i inne
   e0272d - czerwony średni: podpisy, napisy, np. o błedach
   d7232a - czerwony nagłówka "Przez telefon?" na stronie głównej.
   cb2228 - czerwony ciemniejszy, np. wokół małych zdjęć, menu główne - podkreślenia.  
             // nieuzywany def2fd - kolor dynamicznego menu - opcja najechana myszą - HOVER
**************************************************************************************************************************************/

@charset "utf-8";

a {
	text-decoration:none;
	color:#3a6a87;
}
a img {
	border:0px;
}

body {
	margin:0 auto;
	padding:0;
	font:0.8em/1.3 "lucida sans unicode", lucida, "bitstream vera sans", verdana;
	background:#dcddde url(../images/main_bg.png) left repeat-y;	
}

/* Zawartość całości, główny div wchodzący w skład body */
#main {
	width:900px;
	margin:0 auto;
}

input.text {
	border-top:2px solid #999999;
	border-left:2px solid #999999;
}
input.text:focus {
	background:#EEEEEE;
}

/* napis po prawej od loga */
#banner {
	font-size: 13px;
	font-family: Verdana;
	text-align: right;
	color: #505050;
	font-weight: bold;
	position: relative;		
	margin-top: -37px;
	float: right;
}
#languages {
	font-size: 13px;
	font-family: Verdana;
	text-align: right;
	color: #505050;
	font-weight: bold;
	position: relative;		
	margin-top: -65px;
	float: right;
}
#languages a:hover{
	text-decoration: underline;
}

/* Menu główne */
#mainMenu {
	width:900px;
	height:32px;
	background:white;
	overflow: hidden; 
}
#mainMenu a.mainLinkBase {
	display: block;
	float:left;
	height:27px;
	text-align:center;
	line-height:30px;
	font-size:12px;
	text-decoration:none;
	color:black;
	border-bottom: 5px solid #17284b;
}
#mainMenu a.mainLink {
	width:146px;
}
#mainMenu a.mainLink:hover{
	font-weight:bold;
	border-bottom: 5px solid #00718f;
}
#mainMenu a.mainLink1 {
	width:85px;
}
#mainMenu a.mainLink1:hover{
	font-weight:bold;
	border-bottom: 5px solid #cb2228;
}
#mainMenu a.mainLink2 {
	width:146px;
}
#mainMenu a.mainLink2:hover {
	font-weight:bold;
	border-bottom: 5px solid #cb2228;
}

/*
#mainMenu #admin {
	padding-top:0.7em;
	text-align:center;
	/*text-transform:uppercase;
	/*background:url(../images/main_menu_bg.gif) bottom repeat-y;
}
#mainMenu #admin a {
	color:black;
	text-decoration:none;
}
*/

/* stopka - menu dolne */
#footer {
	width:300px;
	height:30px;
	clear:both;  
	margin:0 auto;
	padding-top:20px; 
	line-height:25px;
	text-align:center;
	font-size:11px;
}
#footer .footerLink {
	display:block;
	width:75px;
	float:left;
	border-top:5px solid #17284b;
	color:black;
	text-decoration:none;
}
#footer .footerLink:hover {
	border-top:5px solid #00718f;
}
#footer .footerAuthors {
	text-decoration:none;
}
#footer .footerAuthors:hover{
	text-decoration:underline;
}

#contact {
	text-align:center;
}
#contact a:hover{
	text-decoration: underline;
}

/* Standardowe okno aplikacji. Stanowi opakowanie, tło dla zawartości większości okien. 
	Okno to zawiera nagłówek, zawartość i stopkę, jednak zawartość nie jest osobnym divem jak mogłoby być
	(okno - nagłówek - zawartość - footer - koniec okna), jak na głównej. 
	Nie jest to problemem przy większości okien, w których wysokość automatycznie rośnie.
	Jednak gdy jest z góry ustalona, footer źle się wyświetla i niezbędny jest dodatkowy div z wysokością. 
*/
#contentWidth {
	position:relative;
	/*left:-20px;*/
	width:900px;
	margin:30px auto 10px auto;  /* 30 od menu głównego i 10 (+20 padding = 30) od menu dolnego */
	background:white;
}
/* Standardowy nagłówek okna */
.mainHeader {
	position:relative;
	height:25px;
	line-height:25px;
	font-size:14px;
	font-family:Verdana;
	text-align:left;
	padding-left:1.5em;
	color:white;
	background:#3a6a87;
}
.mainHeader .leftStripe {
	display: block;
	position: absolute;
	left: 0;
	top: 0;
	width: 10px;
	height: 25px;
	background: url(../images/bigjnieblewy.png) #e5e6e7;
}
.mainHeader .rightStripe {
	display: block;
	position: absolute;
	right: 0;
	top: 0;
	width: 10px;
	height: 25px;
	background:url(../images/bigjniebprawy.png) #dcddde;	
}
/* Standardowa stopka okna */
.windowFooter {
	position:relative;
	margin:15px 0 0 0;  /* górny margines stopki ustali dolny biały pasek przed tą stopką */
	height:5px;
	background: #17284b;
}
.windowFooterLeftStripe {
	display:block;
	position:absolute;
	left:0;
	top:0;
	width:10px;
	height:5px;
	background:url(../images/granatlewy.png) #e5e6e7 no-repeat;
}
.windowFooterRightStripe {
	display:block;
	position:absolute;
	right:0;
	top:0;
	width:10px;
	height:5px;
	background:url(../images/granatprawy.png) #dcddde no-repeat;
}

/* zawartość przezroczystego 'okna' menu kategorii */
#contentWidthUnderCategories {
	position:relative;
	left:-20px;
	width:900px;
	margin:40px auto 20px auto;
	padding:0 0 10px 0;
}
/* Dynamiczne menu kategorii */
.dynamicMenu {
	margin:15px 0 0 0;
	padding:0;
	list-style-type:none;
	font-size:140%;
}
.dynamicMenu li {
	display:block;
	position:relative;
	width:250px;
	border:1px solid black;
	font-weight: bold;
}
.dynamicMenu li a {
	display:block;
	color:black;
	border-left:5px solid #17284b;
	padding:0.7em;
	text-decoration:none;
	background:white;
}
.dynamicMenu li a:hover {
	border-left:5px solid #3a6a87;
	cursor: default;
}
.dynamicSubmenu {
	display:none;
	position:absolute;
	left:250px;
	top:-1px;
	margin:0;
	padding:0;
	list-style-type:none;
	cursor: pointer;	
}
.dynamicSubmenu li {
	display:block;
	width:250px;
	background: white;
	border:1px solid gray;
	cursor: pointer;	
}
.dynamicSubmenu li a:hover {
	border-left:5px solid red;
	cursor: pointer;
}


/* nagłówki, zawartość i paragrafy stron opisowych */

.standardCenterHeader {
	color:#00617f;
	font-size:17px;
	text-align:center;	
}
.standardLeftHeader {
	color:#00617f;
	font-size:17px;
	text-align:left;
	margin: 20px 0 -5px; 0;
}
.standardLeftHeader .small {
	font-size:70%;
	padding-left:2em;
}
.standardWindowContent{
	font-family: Verdana;
	font-size: 13px;
	margin: 20px; 20px; 20px; 20px;	
}
.standardWindowContent a:hover {
	text-decoration: underline;
}
.standardParagraph {
	text-indent: 20px
}
.linkGroup{
	margin: -10px 0 -8px 0px;
	list-style: none;
}

/* czerwone teksty o błędach wewnątrz okien*/
.error {
	text-align:center;
	color:#e0272d; 
	font-weight: bold;
	margin-left:20px;
	margin-right:20px;
}

/* nagłówki i inne teksty wewnątrz niektórych okien */
.formSmallText {
	font-size:90%;
	margin:10px 20px 20px 23px;
}
.formSmallText a {
	color: #3a6a87;
	font-weight: bold;
}
.formSmallText a:hover {
	text-decoration: underline;
}
.formText {
	font-size:100%;
	margin:10px 20px 20px 23px;
}
.formText a {
	color: #3a6a87;
	font-weight: bold;
}
.formText a:hover {
	text-decoration: underline;
}

/* ------- Strona główna! ----------- */
#mainPage {
	position: relative;
	width: 900px;
	margin:0;
}
#mainPage a:hover{
	text-decoration: underline;
}
/* Pod-Okienka, to: subWindow - całe okienko o określonej szerokości; 
   w skład którego wchodzą:  subContent - zawartość, białe/szare, o okreslonej wysokości 
                             subHeader  - nagłówek, wraz z końcówkami: leftStripe i rightStripe */
#mainPage .subWindow {
	position: relative;
	margin-top: 5px;  /* 5 doda się do istniejących 11 i wyjdzie 16 */
	margin-right: 0px;
	margin-bottom: 0px;
	float: left; 	
}
#mainPage .leftMargin {  /* margines dla okienek */
	margin-left: 16px;
}
#mainPage .totalWidth {
	width: 900px;
}
#mainPage .swFormWidth { /* szerokość okienka formularza */
	width: 574px;
}
#mainPage .narrowWidth { /* szerokość okienek wąskich */
	width: 147px;
}
.subContent { /* zawartość okienek biała */
	position: relative; 
	left: 0; 
	top: 0;	
	padding: 12px 0 10px 0;  
	background: white;	
	overflow: hidden;  
}
#mainPage .topHeight { /* wysokość zawartości okienek górnych (wystepuje razem z subContent)*/
	height: 257px;
}
#mainPage .bottomHeight {
	height: 135px;
}
#mainPage .mainSearchButton{
	margin: 10px auto;
	position: relative;
	left: 220px;
}
#mainPage .smallText{
	text-align:center;
	font-weight:bold;
	font-size:11px;
	margin:0px auto 10px;
	color:#3a6a87;
}
#mainPage .tinyText{
	text-align:center;
	font-size:10px;
	margin:0 auto 11px;
	width:110px;
	color:#3a6a87;
}
#mainPage .advancedText{
	text-align:right;
	font-size:10px;
	color:#3a6a87;	
	position:absolute; 
	top:215px; 
	right:15px; 
}
#mainPage .errorSmall {  /* nie znaleziono... */
	position: relative;
	top: -10px;
	margin-bottom: 10px;
	text-align:center;
	font-size: 10px;
	font-weight: bold;
	color:#e0272d; 
}
.subHeader { /* nagłówek okienek */
	position: relative;
	left: 0;
	top: 0;
	margin-bottom:0;
	height: 20px;
	line-height: 20px;
	font-size: 13px;
	font-family: Verdana;
	text-align: left;
	padding-left: 1.5em;
	color: white;
}
.subHBlue {
	background: #00718f;
}
#mainPage .subHRed {
	background: #d7232a;
}	
.shLeftStripe {
	display: block;
	position: absolute;
	left: 0;
	top: 0;
	width: 10px;
	height: 20px;
}
.shlsBlueLight { 
	background: url(../images/jasnynieblewy.png) #f0f0f1;
}
.shlsBlueDark { 
	background: url(../images/jasnynieblewy.png) #dcddde;
}
#mainPage .shlsRed {
	background: url(../images/czerwonylewy.png) #e5e6e7;
}
.shRightStripe {
	display:block;
	position:absolute;
	right:0;
	top:0;
	width:10px;
	height:20px;
}
.shrsBlue {
	background:url(../images/jasnyniebprawy.png) #dcddde;
}
#mainPage .shrsRed {
	background:url(../images/czerwonyprawy.png) #dcddde;
}
.subFooter {
	position:relative;
	margin:0;
	height:5px;
	background: #17284b;
}
.sfLeftStripe {
	display:block;
	position:absolute;
	left:0;
	top:0;
	width:10px;
	height:5px;
}
.sflsLight { 
	background: url(../images/granatlewy.png) #f0f0f1 no-repeat;
}
.sflsDark { 
	background: url(../images/granatlewy.png) #dcddde no-repeat;
}
.sfRightStripe {
	display:block;
	position:absolute;
	right:0;
	top:0;
	width:10px;
	height:5px;
	background:url(../images/granatprawy.png) #dcddde no-repeat;
}
#mainPage .teleImage {
	position: absolute;
	left: 0px;
	top: 38px;	
}
#mainPage .imagesArea{}   /* klasa listwy z wybranymi ogłoszeniami */
#mainPage .imagesArea ul {
	margin:0;
	padding: 4px 0 0 16px;  /* zsumuje się z subContent i będzie 16*16 */
	list-style: none;
}
#mainPage .imagesArea li {
	margin: 0 15px 0 0;
	padding: 0;
	float: left;
}
#mainPage .imagesArea p {
	margin: 0;
	padding: 0;
	text-align:center;
	font-size: 11px;	
}
#mainPage .chosenAdPicture{
	display : block;
	width: 128px;
	height: 96px;
	padding: 1px;
	background: #ffffff;
	border: 1px solid #808080;
}
#mainPage .chosenAdPicture:hover{
	display : block;
	width: 128px;
	height: 96px;
	padding: 1px;
	background: #ffffff;
	border: 1px solid #ec1c24;
}
/* Obrazki linki do stron związanych */
#mainPage .footerLinks {
	position: relative;
	width: 100%;
	float: left;
}
#mainPage .footerLinks ul {
	/*margin: 20px 0 0 0;*/
	margin: 10px 0 0 0;
	padding: 0 0 0 0;  
	list-style: none;
}
#mainPage .footerLinks li {
	margin: 5px 16px 0 0;
	padding: 0;
	float: left;
}
#mainPage .tinyKeywordsText {
	padding-top:10px; 
	font-size:10px;
	position: relative;
	width: 100%;
	float: left;
	color:#3a6a87;
}
#mainPage .tinyKeywordsText h1{
	font-size:10px;
	display: inline; 
}

/* Strona telefoniczna główna ze schematem */
#mainTelePage {
	position:relative;
	width:900px;
	height:500px;
	margin:20px 0 0 0;
}
#imagesContainer {
	position:relative;
	height:450px;
	width:560px;
	float:left;	
}
#imagesContainer img {
	position:absolute;
	margin:10px;
}
#imagesContainer .subTitle {
	font-size: 13px;
	font-family: Verdana;
	text-align: center;
	color: #17284b; 
	font-weight: bold;
	position: absolute;		
	width: 190px;	
	height: 20px;	
	margin-top: 0px;
}
#right {
	position:relative;	
	width:300px;
	float:right;	
}
#right .featText {
	font-size: 13px;
	font-family: Verdana;
	text-align: left;
	color: #17284b; 
}
#right .featTextSmall {
	font-size: 12px;
}
#right .featTextBig {
	font-size: 13px;
	font-weight: bold;
	line-height: 18px;
}
#right .featText a{
	color: #3a6a87; 
}
#right .featText a:hover{
	text-decoration: underline; 
}

#right #free {
	position:relative;
	display:block;
	width:300px;
	height:55px;
	margin-top:15px;
	background:url(../images/telefonglowna/free.png) center no-repeat;
	color:white;
	text-align:center;
	font-size:80%;
}
#right #free:hover {
	background-image:url(../images/telefonglowna/free_hover.png);
}
#right #free h2 {
	margin:0;
	font-size:130%;
}

/* strona o instalacji programu na telefon */
#installationImages {
	float:right;
	margin:20px 40px 0 0;
}
#installationImages img {
	display:block;
	margin-bottom:20px;
	border:1px solid black;
}

.mainHeaderImageDiv {
	text-align:center;
}

/* strony telefoniczno - obrazkowo - informacyjne */
.description {
	margin-top:0.5em;
	text-align:left;
	font-weight:bold;
	font-size: 13px;
	font-family: Verdana;
	color: #17284b; 
}
#howto {
	height:150px;
	margin:20px 0 0 20px;
}
#howto .image, #howto .arrow {
	float:left;
}
#howto .image img {
	display:block;
}
.important {
	font-weight:bold;
}
.message {
	margin:0 10px;
	text-align:center;	
}

/* tekst pod menu kategorii */
.smallDescription {
	position:absolute;
	right:20px;
	width:250px; 
	height:50px;
	text-center:right;
	font-size:12px;
}
.smallDescription a{
	font-weight:bold;
	color:red;	
}
.smallDescription a:hover{
	text-decoration:underline;
}

/*  081018 DaBl - powiadomienia, moje dane i inne - BEGIN */
.standardForm {
	margin:0 auto;
	text-align:center;
	text-decoration:none;
}
.standardForm a{
	text-decoration:none;
}
.standardForm a:hover{
	text-decoration:underline;
}
.standardForm dd {
	text-align:left;
	margin-bottom: 2px;
	padding:0.2em 0;
}
.standardForm dt {
	float:left;
	padding:0.2em 0;
	text-align:right;
	width:40%;
}
.standardForm dl {
	margin-bottom:2px;
}
.standardForm .left {
	padding-right:0.5em;
}
.standardForm .right {
	padding-left:0.5em;
}
.deleteAccount{
	position: absolute;
	bottom: 7px;
	left: 15px;
	font-size: 11px;
	color: red;
}
.deleteAccount a:hover{
	text-decoration: underline;
}
.refreshData{
	position: absolute;
	bottom: 4px;
	left: 269px;
}
.save{
	position: absolute;
	bottom: 17px;
	left: 205px;
}

/* 081018 DaBl - powiadomienia, moje dane i inne - END */

.buttonUsunUsun{
	margin:10px 5px 0px 80px;	
}
.buttonUsunAnuluj{
	margin:-27px 5px 5px 180px;	
}
/*  221018 DaBl - logowanie zmiana ze względu na ie - BEGIN */
.standardForm1 {
	margin:0 auto;
	text-align:center;
	text-decoration:none;
}
.standardForm1 a{
	text-decoration:none;
}
.standardForm1 a:hover{
	text-decoration:underline;
}
.standardForm1 p{
	text-align:left;
	margin-left:20px;  
	margin-right:20px;	
}
.standardForm1 dd {
	text-align:left;
	margin-bottom: 2px;
	padding:0.2em 0;
}
.standardForm1 dt {
	float:left;
	padding:0.2em 0;
	text-align:right;
	width:33%;
}
.standardForm1 dl {
	margin-bottom:2px;
}
.standardForm1 .left {
	padding-right:0.5em;
}
.standardForm1 .right {
	padding-left:0.5em;
}
/*logowanie zmiana ze względu na ie END */

/* 080928 DaBl Dodawanie zdjęć (JS) BEGIN */
.imagesForm table {
	margin:15px auto;
}
.imagesForms table {
	margin:10px auto;  
}
.imagesForm .left {
	padding-right:1.5em;
	text-align:right;
}
.imagesForm .right {
	padding-left:1.5em;
	text-align:left;
}
/* 080928 DaBl Dodawanie zdjęć  END*/

/* 081021 Yar Moje ogłoszenie BEGIN */
#mojeOglWyswHeight{ 
	height: 120px;
}
#myAdImg {
	position: absolute;
	top: 45px;	
	left: 23px;		
	display : block;
	width: 88px;
	height: 66px;
	padding: 1px;
	background: #fff;
	border: 1px solid #808080;	
}
.myAdMainLine {
	font-size: 120%;
	position: absolute;
	color:#17284b;
	font-weight:bold;
	top: 75px;	
	left: 140px;		
	margin-right: 25px;
}
.myAdMyInfo {
	position: absolute;
	font-weight:bold;
	color:#17284b;
	bottom: 40px;	
	left: 28px;	
}
.myAdActivityString {
	position: absolute;
	font-weight:bold;
	bottom: 40px;	
	right: 33px;	
}
/* Moje ogłoszenia - lista */
/* myAdsLines zawiera tabelkę. 
	łączna szerokość kolumn i marginesów = 880px */
#myAdsLines {
	margin: 5px 5px 0px 10px;  /* górny - za pomocą dodatkowego wiersza (IE) */
	width: 880px;
	font-weight: bold;
	line-height: 44px;
}
#myAdsLines a:hover{
	text-decoration:underline;
}
#myAdsImg {
	width: 52px;
	height: 39px;
	padding: 1px;
	background: #fff;
	border: 1px solid #808080;	
}
#button {
	width:652px;	
	position: absolute;
	bottom: 10px;
	left: 23px;		
	background:#17284b;
	height:23px;
}
#button a {
	display:block;
	float:left;
	margin-left:15px;
	padding:0 9px;
	background:#17284b;
	font-size:90%;
	color:white;
	line-height:23px;
	text-align:center;
	text-decoration:none;
}
#button a:hover {
	background: #00718f;
}

/* Yar moje ogłoszenia */
#myAdsPrev{
	position: absolute;
	top: 30px;
	padding: 0;	
	margin: 0;
	left: 250px;	
	width: 138px;
	height: 18px;
	background-image: url(../images/moje_ogloszenia/poprzednie-inactive.png);
}
#myAdsPrev a {
	float: left;
	width: 138px;
	background-image: url(../images/moje_ogloszenia/poprzednie-inactive.png);
	font-size: 90%;
	padding: 0;	
	margin: 0;
	color: white;
	line-height: 18px;
	text-align: center;
	text-decoration: none;
}
#myAdsPrev a:hover {
	background-image: url(../images/moje_ogloszenia/poprzednie-active.png);
}
#myAdsNext {
	width: 138px;
	position: absolute;
	top: 30px;
	left: 400px;		
	margin: 0;
	padding: 0;
	height: 18px;
	background-image: url(../images/moje_ogloszenia/nastepne-inactive.png);
	background-attachment: fixed;
	background-position: top right;
	background-repeat: no-repeat;	
}
#myAdsNext a {
	float: left;
	width: 138px; 
	margin: 0;
	padding: 0;
	background-image: url(../images/moje_ogloszenia/nastepne-inactive.png);
	background-position: right;
	background-repeat: no-repeat;	
	font-size: 90%;
	color: white;
	line-height: 18px;
	text-align: center;
	text-decoration: none;
}
#myAdsNext a:hover {
	background-image: url(../images/moje_ogloszenia/nastepne-active.png);
}
#myAdsPage{
	position: absolute;
	top: 50px;
	left: 350px;		
}
.myAdsActivateLink{
	position: absolute;
	font-size: 12px;
	font-weight: bold;
	text-decoration: none;
}
.myAdsActivateLink a:hover{
	text-decoration: underline;
}
.myAdsActivateOne{
	top: 27px;
	right: 20px;		
}
.myAdsActivateTwo{
	top: 45px;
	right: 20px;		
}


/* 080928 DaBl Dodawanie zdjęć  BEGIN  */
.addImages {
	width:95%;
	height: 400px;
	text-align:left;
	padding:0;
	margin:0 0 0 15px; 
   text-decoration:none;
}
.addImages a{
   text-decoration:none;
}
.addImages  a:hover {
	text-decoration:underline;
}
#images{
	float:left;
	width: 700px;	
	height: 250px;
	margin: 5px 0 0 20px;
	text-decoration:none;
}
#images ul {
	margin: 0;
	padding: 0;
	list-style: none;
}
#images li {
	margin: 10px 23px 0 0;
	padding: 0;
	float: left;
}
#images p {
	margin: 0;
	padding: 0;
	text-align:center;
}
#images img {
	display : block;
	width: 104px;
	height: 78px;
	padding: 1px;
	background: #ffffff;
	border: 1px solid #808080;
}
.picture{
	display : block;
	width: 104px;
	height: 78px;
	padding: 1px;
	background: #ffffff;
	border: 1px solid #808080;
}
#buttonGotowe{
	float:left;
	width:100%;
	text-align:center;
}
/* 080928 DaBl Dodawanie zdjęć  END  */

/* 031028 Dabl Wyświetlanie ogłoszenia i fotek BEGIN */
#contentWidthOneAd {
	position:relative;
	left:-20px;
	width:730px; 
	top:-10px;
	margin:30px auto 10px auto;  /* 30 od menu głównego i 10 (+20 padding = 30) od menu dolnego */
	background:white;
}
#publication{
	margin:0;
	width: 100%;
	height: 1500px;
}
#publication .top {
	margin:12px 0 0 24px;
	font-size:11pt;
	font-family:Verdana;
}
#publication .top dd {
	margin: 0 0 11px 0;
	font-weight:bold;
}
#publication .top dt {
	float:left;
	width: 100px;
	font-weight:normal;
	margin: 0;
	padding: 0 20px 0 0;
}
.top {
	margin:12px 0 0 24px;
	font-size:11pt;
	font-family:Verdana;
}
.top dd {
	margin: 0 0 11px 0;
	font-weight:bold;
}
.top dt {
	float:left;
	width: 100px;
	font-weight:normal;
	margin: 0;
	padding: 0 20px 0 0;
}
.frame{ 
	font-weight:normal;
	display : block; 
	overflow : auto; 
	width : 100%; 
	border: 1px solid #000000;
	width: 360px;
	height: 400px;
}
#borderLeft{
	margin:5px 0 0 0;
	float:left;
	width: 395px;
	font-size:10pt;
	font-family:Verdana;
}
#borderLeft dl{
	margin: 0 0 0 24px;
	padding: 0;
	font-weight:bold;
}
#borderLeft dt {
	float:left;
	width: 100px;
	font-weight:normal;
	margin: 0;
	padding: 0 20px 0 0;
}
#borderLeft dd {
	margin: 0 8px 10px 0;
}
#borderRight{
	margin:10px 0 0 0;
	float:right;
	width: 333px;
	font-size:10pt;
	font-family:Verdana;
}
#borderBottom{
	margin:10px 0 0 0;
	float:left;
	width:100%;
}
#borderBottom a:hover {
	text-decoration: underline;
}
#borderBottomL{
	float:left;
	width:100%;
	width: 395px;
	font-size:10pt;
	font-family:Verdana;
}
#borderBottomL dl{
	margin: 0 0 0 24px;
	padding: 0;
	font-weight:bold;
}
#borderBottomL dd {
	margin: 0 0 10px 120px;
}
#borderBottomL dt {
	float:left;
	width: 100px;
	font-weight:normal;
	margin: 0;
	padding: 0 20px 0 0;
}
#borderBottomR{
	margin:0 7px 0 0;
	float:right;
	width: 310px;
	font-size:10pt;
	font-family:Verdana;
}
#borderBottomR dl{
	margin:0 0 0 5px;
}
#borderBottomR dt{
	width: 80px;
}
#borderBottomR dd{
	margin: 0;
}
.normal{
	font-weight:normal;
}
#form1{
	float: right;
	margin-right: 20px;
}
#form1 input{
	width: 160px;
	height: 15px;
	color:#000000;
	border: 1px solid #000000;
}
#form1 textarea{
	width: 250px;
	height: 60px;
	color:#000000;
	border: 1px solid #000000;
}
#PhotoSmall {
	margin: 0;
	padding:0;
	width: 315px;
}
#PhotoSmall ul {
	margin: 0;
	padding:0;
	list-style: none;
}
#PhotoSmall li {
	margin: 7px 7px 0 0;
	padding: 0;
	float: left;
	height: 43px;
}
#PhotoSmallShow a.bigPic{
	text-align:center;
	display : block;
	width: 304px;
	height: 228px;
	padding: 1px;
	background: #fff;
	border: 1px solid #808080;
}
#PhotoSmallShow a.bigPic:hover {
	padding: 1px;
	background: #fff;
	border: 1px solid #ec1c24; /*jest jasniej aby się zrównało z małymi, było #cb2228; */
}
#PhotoSmallShow {
	width: 310px;
	padding:0;
	font-size: 90%;
	margin: 0 0 50px 0;
	display : block;
}
#PhotoSmall a.pic{
	display : block;
	width: 52px;
	height: 39px;
	padding: 1px;
	background: #fff;
	border: 1px solid #808080;
}
#PhotoSmall a.pic:hover{
	border: 1px solid #cb2228;
}
#underPhotosText{
	position: relative; 
	display: block; 
	float: left; 
	margin: 10px 0 15px 0; 
	width: 100%;
}
#adMailForm{
	position: relative;
	float: right;
	margin: 0 0 0 40px;
}
#adMailForm dl{
	position: relative;
	float: right;
	margin: 5px 0 5px 0;
}

/* buttony przewijania na 1 ogłoszeniu */
.oneAdNext {
	position: absolute;
	top: 31px;	
	right: 5px;	
	width:87px;
	margin:0;
	padding:0;
	height:18px;
	background-image: url(../images/ogloszenie/nastepne-inactive-short.png);
	background-attachment: fixed;
	background-position: top right;
	background-repeat: no-repeat;	
}
.oneAdNext a {
	float:left;
	width:87px;  
	padding:0; 
	background-image: url(../images/ogloszenie/nastepne-inactive-short.png);
	background-position: right;
	background-repeat: no-repeat;	
	font-size:11px;
	color:white;
	line-height:18px;
	text-align:left;
	font-weight:normal;
	text-decoration: none;
}	
.oneAdNext a:hover {
	background-image: url(../images/ogloszenie/nastepne-active-short.png); 
}
.oneAdBack {
	position: absolute;
	top: 31px;	
	right: 102px;	
	width:90px;
	margin:0;
	padding:0;
	height:18px;
	background-image: url(../images/ogloszenie/poprzednie-inactive-short.png);
}
.oneAdBack a {
	float:left;
	width:90px;
	padding:0;
	background-image: url(../images/ogloszenie/poprzednie-inactive-short.png);
	font-size:11px;
	color:white;
	line-height:18px;
	text-align:right;
	font-weight:normal;
	text-decoration: none;
}
.oneAdBack a:hover {
	background-image: url(../images/ogloszenie/poprzednie-active-short.png);
}

.oneAdUserInfo {
	position: absolute;
	right: 60px;	
	margin-top: -25px;
	/*color:#00718F;*/
	font-size:11px;
	font-family:Verdana;
	font-weight:bold;
	padding-left:15px;
	width: 300px;
}

.oneAdLinkOne {
	position: absolute;
	right: 6px;	
	margin-top: -25px;
	color:#00718F;
	font-size:11px;
	font-family:Verdana;
	font-weight:bold;
	padding-left:15px;
}
.oneAdLinkTwo {
	position: absolute;
	right: 6px;	
	top: 53px;
	color:#00718F;
	font-size:11px;
	font-family:Verdana;
	font-weight:bold;
	padding-left:15px;
}
.oneAdLinkOne a:hover{
	text-decoration: underline;
}
.oneAdLinkTwo a:hover{
	text-decoration: underline;
}
/* 031028 Dabi Wyświetlanie ogłoszenia fotki END*/

/* 081015 PiFo Formularz szukania BEG */
div#search{
	width: 532px;
	height: 257px;	
	display: table;
	position: relative;
	/*top:-10px;  /* dla głównej. Form szukania musi zaiwerać spacer */	
	left: 25px;
	font-weight: bold; 
	font-family: verdana;
}
div#search .inputHandler{
	display: block;
	float: left;
	width: 172px;
	font-size: 11px;
	margin: 0px;
	margin-bottom: 10px;
}
div#search select{
	width: 162px;
	padding: 0px;
	margin: 0px;
	float: left;
	clear: both;
	border-spacing: 0px;
	border: 1px gray solid;
   font-size: 13px;
	color: #333333;
}
div#search hr{
	float: left;
	width: 680px;
	height: 1px;
	display: block;
	margin: 0px;
	padding: 0px;
	background-color: gray;
	border: 0px solid;
}
div#search .checkBoxHandler{
	position: static;
	font-weight: normal;
	width: 172px;
	height: 20px;
	font-size: 11px; 
	float: left;
	display: block;
}
div#search .inputHandler span{
	display: block; 
	float: left;
	width: 100%;
	height: 11px;
	margin-bottom: 5px;
}
div#search .checkBoxHandler input{
	float: left;
	display: block;
	position: static;
	margin: 0px;
	padding: 0px;
}
div#search .checkBoxHandler label{
	float: left;
	display: block;
	margin: 0px;
	padding: 0px;
	position: relative;
	left: 2px;	
	font-size: 11px;
}
div#search .errorSmallSearch {  /* nie znaleziono... */
	position: relative;
	top: 0px;
	margin-bottom: 10px;
	text-align:center;
	font-size: 10px;
	font-weight: bold;
	color:#e0272d; 
}
span.first{
	float: left;
	width: 532px;
	display: block;
}
span#second{
	clear: both;
	width: 704px;
	display: block; 
}
span#showThird{
	display: block;
	clear: both;
	font-size: 10px;
}
span#showThird a:hover{
	text-decoration:underline;
}
span#hideThird{
	display: none;
	clear: both;
	font-size: 10px;
}
span#hideThird a:hover{
	text-decoration:underline;
}
span#third{
	width: 704px;
	display: none;
	float: left;
}
div#search .search{
	clear: both;
	display: block; 
	margin: 0 auto;
}
div#search .searchLast{
	clear: both;
   display: block;
	margin: 0 auto;
}
span.blank{
	float: left;
	display: block;
	clear: both;
	width: 100%; 
	height: 10px;
}
div#search span.fireBlank{
	float: left;
	display: block;
	clear: both;
	width: 100%; 
	height: 10px;
}
span.rozp{
	display: block;
	float: left;
	clear: none;
	width: 16px;
	margin-bottom: 20px;
}
/* 081015 PiFo Formularz szukania samochodów END */

/* 081020 PiFo Formularz dodawania samochodów BEGIN */
/* 081028 Yar Zaznaczanie niewypełnionych pól BEGIN*/
.markedList{   
	background-color: #FFE0E0;
}
/* 081028 Yar Zaznaczanie niewypełnionych pól END */
div#addCar{
	position: relative;
	left: 25px;
	display: table;		
	font-family: verdana;
	font-size: 12px;
}
div#addCar .partHandler{
	display: block;
	clear: both;
}
div#addCar .inputHandler{
	display: block;
	float: left;
	width: 172px;
	font-size: 11px;
	margin-bottom: 10px;
}
div#addCar .inputHandler span{
	display: block; 
	float: left;
	width: 100%;
	height: 11px;
	margin-bottom: 5px;
}
div#addCar .inputHandlerBold{
	display: block;
	float: left;
	width: 172px;
	margin-bottom: 10px;
	font-size: 11px;
	font-weight: bold;
}
div#addCar .inputHandlerBold span{ 
	display: block; 
	float: left;
	width: 100%;
	height: 11px;
	margin-bottom: 5px;
}
div#addCar .inputHandlerBig{
	display: block;
	float: left;
	width: 344px;
	margin-bottom: 5px;
	font-size: 11px;
}
div#addCar .inputHandlerBig span{ 
	display: block; 
	float: left;
	width: 100%;
	height: 11px;
	margin-bottom: 5px;
}
div#addCar select{
	width: 162px;
	padding: 0px;
	margin: 0px;
	float: left;
	clear: both;
	border-spacing: 0px;
	border: 1px gray solid;
   font-size: 13px;
	color: #333333;
}
div#addCar .textInput{
	width: 160px;
	padding-right: 0px;
	padding-left: 0px;
	float: left;
	display: block;
	clear: both;
	border-spacing: 0px;
	border: gray solid 1px;
   font-size: 13px;
	color: #333333;
}
/* 081028 Yar Zaznaczanie niewypełnionych pól BEGIN */
div#addCar .textInputMarked{
	width: 160px;
	padding-right: 0px;
	padding-left: 0px;
	float: left;
	display: block;
	clear: both;
	border-spacing: 0px;
	border: gray solid 1px;
   font-size: 13px;
	color: black;
	background-color: #FFE0E0;	 
}
/* 081028 Yar Zaznaczanie niewypełnionych pól END */
div#addCar hr{
	float: left;
	width: 680px;
	height: 1px;
	display: block;
	margin: 0px;
	padding: 0px;
	background-color: gray;
	border: 0px solid;
}
div#addCar .checkBoxHandler{
	position: static;
	font-weight: normal;
	width: 172px;
	height: 20px;
	font-size: 11px; 
	float: left;
	display: block;
}
div#addCar .checkBoxHandler input{
	float: left;
	display: block;
	position: static;
	margin: 0px;
	padding: 0px;
}
div#addCar .checkBoxHandler label{
	float: left;
	display: block;
	margin: 0px;
	padding: 0px;
	position: relative;
	left: 2px;	
	font-size: 11px;
}
div#addCar #bottomLeft{
	float: left;
	width: 344px;
	font-size: 11px;
}
div#addCar #bottomLeft textarea{
	display: block;
	clear: both;
	width: 324px;
	height: 133px;
	border: solid gray 1px;
	margin: 0px;
	padding: 0px;
}
div#addCar #bottomRight{
	float: left;
	width: 344px;
	font-size: 11px;
}
div#addCar #bottomRight .checkBoxHandler{
	position: static;
	font-weight: normal;
	width: 172px;
	height: 20px;
	font-size: 11px; 
	float: right;
	display: block;
	position: relative;
	left: -172px;
}
div#addCar #bottomRight .checkBoxHandler label{
	font-size: 10px;
	font-weight: bold;
}
div#addCar #bottomRight .checkBoxHandler label a{
	font-size: 10px;
	text-decoration: underline;
}
div#addCar #bottomRight #infoHandler{
	display: block;
	clear: right;
	float: left;
	width: 100px;
	font-size: 11px;
	margin-bottom: 20px;
}
div#addCar #bottomRight #info{
	float: left;
	width: 180px;
	font-size: 8px;
}
div#addCar #bottomRight #sendHandler{
	display: block;
	float: left;
	margin-bottom: 20px;
	width: 166px; 
	height: 20px;
	position: relative;
	left: 172px;
}
div#addCar #bottomRight #send{
	display: block;
	margin: 0 auto;
}
div#addCar .blank{
	width: 100%;
	height: 10px;
	display: block;
}
/* 081020 PiFo Formularz dodawania samochodów END */

/* 081120 PiFo Lista ogłoszeń BEGIN */
div#list{
	width: 675px;
	display: table;
	position: relative;
	left: 25px;	
	font-family: verdana;
	font-size: 11px;
}
div#list div.panelHandler{
	display: block;
	float: left;
	width: 650px;
	padding-bottom: 12px;
}
div#list div.panel{
	display: block;
	float: left;
	width: 650px;
}
div#list div.panel .left{
	display: block;
	float: left;
	width: 170px;
	height: 20px;	
}
div#list div.panel .left a{
	width: 70px;
	font-size: 9px; /* 8 */
	float: left;
	text-align: center;
	position: relative;
	top: -4px; /* -3 */
	left: -8px;
	/*text-decoration: none;	*/
	text-decoration: underline;	
}
div#list div.panel .left a:hover{
	text-decoration: underline;
}
div#list div.panel .left form{
	float: left;
}
div#list div.panel .left select{
	width: 47px;
	padding: 0px;
	margin: 0px;
	float: left;
	clear: both;	
	border-spacing: 0px;
	border: 1px gray solid;
   font-size: 11px;
	color: #333333;
}
div#list div.panel .left label{
	font-size: 10px;
	height: 10px;
	display: block;
	float: left;
	width: 53px;
	position: relative;
	top: 3px;
	left: 3px;
}
div#list div.panel .center{
	display: block;
	float: left;
	width: 300px;
	height: 18px;
	background-color: #ffffff;
}
div#list div.panel .center div{
	display: table;
	float: left;
	width: 176px;
	height: 18px;
	background-color: #3a6a87; /*#00718f; */
	text-align: center;
}
div#list div.panel .center span.handler{
	margin: 0 auto;
	display: table;
}
div#list div.panel .center span.handler span{
	color: #ffffff;
	padding-left: 1px;
	padding-right: 1px;
	position: relative;
	top: 2px;
}
div#list div.panel .center span.handler a{
	color: #ffffff;
	text-decoration: none;
	padding-left: 1px;
	padding-right: 1px;
	position: relative;
	top: 2px;
}
div#list div.panel .center span.handler a:hover{
	color: red;
}

div#list div.panel .center a.listFirst{
	display: block;
	float: left;
	width: 30px;
	height: 18px;
	margin-right: 1px;
	background-image: url("../images/lista/tyl-all-inactive.png");
}
div#list div.panel .center a:hover.listFirst{
	background-image: url("../images/lista/tyl-all-active.png");
}
div#list div.panel .center a.listBack{
	display: block;
	float: left;
	width: 30px;
	height: 18px;
	margin-right: 1px;
	background-image: url("../images/lista/tyl1-inactive.png");
	font-weight: bold;
	color: #17284b;
}
div#list div.panel .center a:hover.listBack{
	background-image: url("../images/lista/tyl1-active.png");
	color: #00718f;
}
div#list div.panel .center a.listNext{
	display: block;
	float: left;
	width: 30px;
	height: 18px;
	margin-left: 1px;
	background-image: url("../images/lista/przod1-inactive.png");
	font-weight: bold;
	color: #17284b;
}
div#list div.panel .center a:hover.listNext{
	background-image: url("../images/lista/przod1-active.png");
	color: #00718f;	
}
div#list div.panel .center a.listLast{
	display: block;
	float: left;
	width: 30px;
	height: 18px;
	margin-left: 1px;
	background-image: url("../images/lista/przod-all-inactive.png");
}
div#list div.panel .center a:hover.listLast{
	background-image: url("../images/lista/przod-all-active.png");
}
div#list div.panel .right{
	display: block;
	float: left;
	width: 180px;
}
div#list div.panel select{
	width: 162px;
	padding: 0px;
	margin: 0px;
	float: right;
	clear: both;	
	border-spacing: 1px;
	border: 1px gray solid;
   font-size: 11px;
	color: #333333;
}
div#list div.listBody{
	display: table;
	float: left;
	width: 675px;
}
div#list div.listBody .elementHandler{
	display: block;
	float: left;
	width: 650px;
	height: 100px;
}
div#list div.listBody .elementHandler a{
	color: #000000;
	text-decoration: none;
}
div#list div.listBody .elementHandler a:hover{
	color: #3f94ab;
	text-decoration: underline;
}
div#list div.listBody .element{
	display: block;
	float: left;
	width: 650px;
	height: 90px;
	background-color: #c8c8c8;
}
div#list div.listBody .elementTop{
	display: block;
	float: left;
	width: 650px;
	height: 20px;
	font-weight: bold;
}
div#list div.listBody .elementTop .left{
	display: block;
	float: left;
	height: 20px;
	width: 533px;
	background-color: #e6e6e6;
}	
div#list div.listBody .elementTop .left .desc{
	display: block;
	float: left;
	position: relative;
	top: 4px;
	left: 18px;
}
div#list div.listBody .elementTop .left .year{
	display: block;
	float: right;
	position: relative;
	top: 4px;
	left: -6px;
}
div#list div.listBody .elementTop .right{
	display: block;
	float: left;
	height: 20px;
	position:relative;
	left: 2px;
	width: 115px;
	background-color: #e6e6e6;
	text-align: center;
}
div#list div.listBody .elementTop .right span{
	display: block;
	position: relative;
	top: 4px;
	float: right;
	right: 5px;
}
div#list div.listBody .elementBackground{
	display: block;
	float: left;	
	width: 648px;
	height: 68px;
	position: relative;
	top: 1px;
	left: 1px;	
	background-color: #ffffff;
}
div#list div.listBody .elementBackground .imgHandler{
	display: block;
	float: left;			
	width: 88px;
	height: 66px;
	position: relative;
	top: 1px;
	left: 1px;
}
div#list div.listBody .elementBackground .desc{
	display: block;
	float: left;
	position: relative;
	left: 4px;	
	width: 550px;
	font-size: 9px;
}
div#list div.listBody .elementBackground .desc .title{
	display: block;
	float: left;
	clear: both;
	font-weight: bold;
	height: 10px;
}
div#list div.listBody .elementBackground .desc .body{
	display: block;
	float: left;
	clear: both;
	height: 43px;
	position: relative;
	top: 5px;
	left: 5px;
	font-size: 8pt;
}
div#list div.listBody .elementBackground .desc .bottom{
	display: block;
	float: left;
	clear: both;
	float: right
	height: 12px;
	width: 550px;
	position: relative;
	top: 10px;
}
div#list div.listBody .elementBackground .desc .bottom .date{
	display: block;
	float: right;
	color: #d5d5d5;
}
div#list div.listBody .elementBackground .desc .bottom a{
	display: block;
	float: right;
	color: #3f94ab;
}	
div#list div.bottomBlank{
	height: 2px;	
	width: 100%;
	display: block;
	float: left;
	clear: both;
}
/* 081030 PiFo Lista END */