/* 
    Document   : style
    Created on : 2008-12-11, 13:10:30
    Author     : Łukasz
    Description:
        Purpose of the stylesheet follows.
*/

/* 
   TODO customize this sample style
   Syntax recommendation http://www.w3.org/TR/REC-CSS2/
*/

body
{
    background: url("../images/toplistwa.gif") repeat-x; */
	text-align: center;
    margin: 0 auto;
	
    font-family: verdana, serif;
}

.main
{
    text-align: center;
	width: 948px;
	
}

/**
* Wyświetlanie banerów reklamoych
*
*/

.baner_bok
{
    width: 100%;
    height: 150px;
    /*border-top: 2px solid #E3EFED;
    border-bottom: 2px solid #E3EFED;
    height: 200px;*/
}

.baner_top
{
    width: 948px;
	height: 140px;
    border-top: 0px solid #666666;
    
	margin-bottom: 1px solid #666666;
	margin-left: 1px solid #666666;
	margin-right: 1px solid #666666;
	margin-top:30px;
	_margin-top:30px;
	
}

.baner_dol
{
    width: 100%;
    /*height: 130px;
    border-top: 2px solid #E3EFED;
    border-bottom: 2px solid #E3EFED;*/
}

/**
* Wyświetlanie logo strony
*569px
*/

.baner_logo
{
    width: 324px;
    height: 50px;
   /* background: url("../images/uslugi-czestochowa.gif");*/
    float: left;
    font-size: 0px;
	margin-top:10px;
	border: 0px;
}

.baner_tlo
{
    background: url("../images/aaban2.gif");
    font-size: 0px;
    width: 624px;
    height: 50px;
    float: left;
    font-size: 0px;
    text-align: left; 
	margin-top:10px;
}

.tlo
{,
/*	background: url(../images/tlo2.gif);*/
	
	height: 100%;
	display: table-cell;
	width: 948px;
	border-left: 0;
	outline: 0;
	vertical-align: top;
	margin-top:140px;
	border-left:  1px solid #CCCCCC;
	border-right:  1px solid #CCCCCC;
	_margin-top: -4px;
	
	
	
}

/*
* Wyświetlanie textu na głównym panelu
*/
.baner_top_text
{
    font-size: 12px;
    font-family: verdana, Arial;
    font-weight: normal;
    text-align: right;
    color: #06637d;
    margin: 8px 0px 3px 0;
	_margin: 0px 0px 3px 0;
}

.baner_top_text b
{
	font-size: 12px;
	color: #06637d;
}

.baner_top_text_2
{
    text-align: right;
    font-size: 10px;
    font-family: verdana, Arial;
    color: #393a10;
    margin: 0px 20px 3px 0;
}

/*
* Wyświetlanie formulaża wyszukiwania
*/

.wyszukiwarka
{
   
    width: 300px;
    height: 50px;
    background: url("../images/aatop1wysz2.gif") no-repeat; 
	margin-top: 20px;
	float: left ; 
	_margin-top: -30px;
	border-left:  0px solid #CCCCCC;
	border-right:  0px solid #CCCCCC;
	
}

.tekstwysz
{
	font-size: 12px;
    font-family:Arial, Helvetica, sans-serif;
    font-weight: normal;
    text-align: left;
    color: #06637d;
    margin: -50px 0px 0px 340px;
	_margin: -125px 20px 3px 50px;
	position: absolute;
	
	}
	
.tekstwysz2
{
	
	font-size: 12px;
    font-family: tahoma;
    font-weight: bold;
    text-align: left;
    color: #06637d;
    margin: 0px 0px 3px 20px;
	_margin: 0px 0px 3px 0px;
	text-align: center;
	width : 115px;
	height: 44px;
	
	}

.tekstwysz3
{
	
	font-size: 12px;
    font-family: tahoma;
    font-weight: bold;
    text-align: left;
    color: #06637d;
    margin: 0px 0px 3px 20px;
	_margin: 0px 0px 3px 0px;
	text-align: center;
	width : 112px;
	height: 44px;
	}

.tekstwysz4
{
	background: white;
	font-size: 12px;
    font-family: tahoma;
    font-weight: bold;
    text-align: left;
    color: #06637d;
    margin: 311px 0px 3px 20px;
	_margin: 0px 0px 3px 0px;
	text-align: center;
	width : 121px;
	height: 44px;
	
	
	
	}

.szukaj2
{
	float: left;
    margin: 0;
    padding:0;
	_margin-left:-63px;
}

.przegladaj
{
    float: left;
    margin: 9px 0px 2px 484px;
	_margin: -300px 0px 0px 720px;
    padding:0;
	width:81px;
	font-size:13px;
	font-family:arial;
	color:#333333;
}

.dodaj
{
	margin-top: 10px;
    float: left;
	margin-left: -2px;
	width: 81px;
	_margin: -300px 0px 0px 0px;
	font-size:13px;
	font-family:helvetica;
	color:#333333;
}


form.wyszukaj
{
	margin: 0;
	padding: 0;
}

.wyszukaj
{
    margin: 0px;
    padding: 0px;
    text-align: left;
    /*display: block;*/
    width: 800px;
	border: 0px solid black;
}

/*dotyczy marginesów inputow wyszukiwania */

.marg
{
    margin-top: 11px;
    margin-left: 332px;
	
	_margin-top: 15px;
}

.marg input
{
	float: left
	
}

.slowo2
{
    float: left;
    width: 215px;
    margin-left: 14px;
}

.sinput
{
    width: 175px;
    height: 21px;
    background-color: #ffffff;
    font-size: 11px;
    color: #5c5c5c;
	font-weight: normal;
	border: 1px solid #999999;
	margin-top: -40px;
	_margin: -20px 40px 0px -80px;
	}

.kat_sel
{
    float: left;
    width: 230px;
    margin-top: 34px;
}

.kat_sel select
{
    background-color: #c2ee8c;
    width: 190px;
    height: 19px;
    border: 1px solid #c2ee8c;
}

.szukaj
{
    float: left;
    width: 90px;
    margin-top: 34px;
}

/*
* Wyświetlanie ścieżki (path)
*/

.sciezka
{
    /*margin-left: 200px;*/
    
	border-top: solid 1px #ffd3b4;
	border-bottom: solid 1px #999999;
	margin: -5px 0 0px 0px;
    font-size: 11px;
    font-family:Arial, Helvetica, sans-serif;
    text-align: left;
    width: 100%;
    text-indent: 10px;
    font-weight: normal;
    color: #5a5a5a;
    font-size: 13px;
    padding: 3px 0 3px 0;
	height: 15px;
	position:absolute;
	_margin: 269px 0px 0px 0px;
	width:940px;
}

.boksy {
	border-top: 0px solid black;
	font-family: 'tahoma', verdana, Arial;
	font-size:12px;
	color:#5a5a5a;
	margin-bottom:20px;
	text-decoration: none;
	
	}

.boksa {
	font-family: 'tahoma', verdana, Arial;
	width:230px;
	float:right;	
	}
	
.boksb {
	font-family: 'tahoma', verdana, Arial;
	width:230px;
	float:right;	
	
	}
	
.boksc {
	font-family: 'tahoma', verdana, Arial;
	width:230px;
	float:right;
	
	}
	
.boksd {
	font-family: 'tahoma', verdana, Arial;
	width:230px;
	float:left;
	
	}
	

	

.sciezka img
{
	margin-left: 5px;
}

.sciezka a
{
    font-weight: bold;
	color: #5a5a5a;
}

.sciezka a:hover
{
	text-decoration: underline;
}

.f0
{
	font-size: 0;
}


/*
* Wyświetlanie gółwnego układu strony
*/

.strona_lewa
{
	border-top:  1px solid #CCCCCC;
	border-bottom:  1px solid #CCCCCC;
    float: left;
    vertical-align: top;
    width: 20%;
    margin-right: 3px;
    margin-top: 270px;
	background: #ffffff;
	_margin-top:0px;
}

.strona_prawa
{
    float: right;
    vertical-align: top;
    width: 179px;
	_width: 176px;
    text-align: right;
    /*width: 18%;*/
    text-align: left;
    margin-top: 270px;
    background-color: #ffffff;
	_margin-top:0px;
	}

.srodek
{
    float: left;
    vertical-align: top;
    text-align: left;
    /*width: 60%;*/
    width: 569px;
    margin-top: 270px;
    margin-left: 2px;
	margin-bottom: 20px;
	background-color: #ffffff;
	border-left:  1px solid #CCCCCC;
	border-right: 1px solid #CCCCCC;
	border-top:  1px solid #CCCCCC;
	border-bottom:  1px solid #CCCCCC;
	_margin-top:40px;
}

.stopka
{
    width: 100%;
    
    /*background: #E9F0F6;*/
	border-top: solid 1px #bfbebd;
    height: 66px;
    text-align: right;
    margin-bottom: 0px;
}

/*
* Wyświetlanie zawartość stopki
*/

.stopka_linki
{
    font-size: 11px;
    line-height: 30px;
    margin-right: 10px;
	text-align: center;
}

.stopka_linki a
{
    text-decoration: none;
	font-weight: bold;
    color: #5a5a5a;
	text-align: center;
}

.stopka_linki a:hover
{
	text-decoration: underline;
    color: black;
}

.stopka_text
{
    margin-right: 14px;
    font-size: 11px;
	text-align: center;
	color: #5a5a5a;
}
/*
* Wyświetlanie menu
*/

.mainmenu
{
    font-family:Geneva, Helvetica, sans-serif;
    width: 948px;
	
    text-align: left;
	border-bottom: 0px solid #dee9ff;
}

.mainmenu_pad
{
    
	display: inline;
    margin: 0 3px 0 3px;
}

.mainmenu a
{

	display: inline;
	_display: inline;
    line-height: 25px;
	_line-height: 25px;
	text-align: left;
	color: #ffffff;
	font-size: 12px;
	font-family: Geneva,Helvetica, sans-serif;
	font-weight:normal;
	border-bottom: 0px solid #d6ccad;
	font-family:
	
	
	/*margin: 0px 0 2px 0;*/
}

.mainmenu a:hover
{
     background-color: #ffffff;
	 color: #ff922a;
     
}

.menu
{
   /* font-family: sans-serif, Arial,Helvetica;*/
    font-size: 7.5pt;
    text-align: center;
    
    
}

.menu a
{
    font-family: Geneva,Helvetica, sans-serif;
    font-weight: normal;
    color: #5a5a5a;
}

.menu_item
{
    background-color: #ff7618;
    /*height: 30px;*/
    line-height: 30px;
	_line-height: 30px;
    border-bottom: 0px solid #d6ccad;
    width: 96%;
    text-align: right;
    margin: 0 auto;
}

.menu_item_zmiana
{
    background-color: #fea468;
    height: 30px;
	_height: 30px;
    text-align: right;
    width: 96%;
    line-height: 30px;
	_line-height: 30px;
    border-bottom: 0px solid #AE6A43;
    margin: 0 auto;
}

/*
* Wyświetlanie chmuru tagów
*/

.chmura_tagow
{
    width: 190px;
    text-align: center;
    /*text-align: center;*/
    border: 0px solid #eaeaea;
    font-family: Tahoma;
}
/*
* Wyświetlanie formulaży
*/
.formularz
{
    font-family: verdana, serif;
    font-size: 10pt;
    width: 569px;
}

.formularz input, select
{
    width: 99%;
    border: 1px solid #737373;
}

.formularz textarea
{
    width: 99%;
    height: 150px;
    border: 1px solid #737373;
}

input.przycisk
{
    color: white;
    width: 67px;
    height: 21px;
    font-size: 11px;
    font-weight: bold;
	background-color: #E9273F;
	border: 1px solid black;
}

.form_prawy
{
    width: 380px;
    float: left;
    display: block;
    background: #eaeaae;
    padding: 3px;
    margin-bottom: 2px;
}

.form_prawy_zdjecia_p
{
    float:right;
    margin: 7px;
}

.form_prawy_zdjecia_l
{
    float:left;
    margin: 7px;
}

.form_lewy
{
    width: 175px;
    float: left;
    text-align: right;
    font-size: 12px;
}

/**
* Wyświetlanie błedu przy formulażu
*569px
*/

.error
{
    width: auto;
    font-size: 10px;
	color: #E9273F;
	text-align: center;
    font-weight: bold;
	background: white;
	/*border: 1px solid #C88;*/
	line-height: 20px;
}


/**
* Wyświetlanie kategorii
*569px
*/

.kategorie
{
    width: 569px;
    text-align: center;
	font-family: tahoma;
	font-size: 12px;
	font-weight: normal;
	border-bottom: 1px solid #ecebe9;
	
	
	
    /*min-height: 550px;
    display: table;
    margin: 0 auto;
    margin-left: 3px;
    /*margin-left: 3px;
    margin-right: 3px;*/
}

.kategorie_lewa
{
    float: left;
	width: 189px;
    text-align: center;
	
}

.kategorie_prawa
{
    float: left;
    width: 190px;
    text-align: center;
}

.kategorie_srodek
{
	color: #687072;
    float: left;
    width: 190px;
    text-align: center;
}

.kategorie a
{
    color: #444444;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:normal;
	border-bottom: 1px solid #d1d2d2;
	
}

.odstep
{
    width: 100px;
    height: 10px; /*odstęp pomiędzy nagłówkiem kategorii a listą podkategorii*/
}

.kategoria_nr0
{
    background: #ffffff;
    width: 185px;
    margin: 0 auto;
    margin-bottom: 5px;
	
}

.podkategorie0
{
    background: #ffffff;
    border: 1px solid #ffffff;
	border-top: 0px;
    text-align: left;
	line-height: 16px;
	
}

.kategoria_nr1
{
    background: #ffffff; 
    width: 185px;
    margin: 0 auto;
    margin-bottom: 5px;
	border-right: 0px solid #ffffff;
}

.podkategorie1
{
    background:#ffffff;
    border: 0px solid #ffffff;
	border-top: 0px;
    text-align: left;
	line-height: 16px;
	
}

.kategoria_nr2
{
    background: #ffffff;
    width: 185px;
    margin: 0 auto;
    margin-bottom: 5px;
}

.podkategorie2
{
    background: #ffffff;
    border: 0px solid #ffffff;
    border-top: 0px;
    text-align: left;
	line-height: 16px;
}

.kategoria_nr3
{
    background: #ffffff;
    width: 185px;
    margin: 0 auto;
    margin-bottom: 5px;
}

.podkategorie3
{
    background: #ffffff;
    border: 0px solid #ffffff;
    border-top: 0px;
    text-align: left;
	line-height: 16px;
}

.kategoria_nr4
{
   background: #ffffff;
    border-right: 0px solid #ffffff;
	border-left:0px solid #ffffff;
	width: 98%;
    margin: 0 auto;
    margin-bottom: 5px;
}

.podkategorie4
{
    background: #ffffff;
    border: 0px solid #ffffff;
    text-align: left;
	line-height: 16px;
}

.kategoria_nr5
{
    background: #ffffff;
    width: 185px;
    margin: 0 auto;
    margin-bottom: 5px;
}

.podkategorie5
{
    background: #ffffff;
    border: 0px solid #ffffff;
    border-top: 0px;
    text-align: left;
	line-height: 16px;
}

.kategoria_nr6
{
	background: #ffffff;
    width: 185px;
    margin: 0 auto;
    margin-bottom: 5px;
}

.podkategorie6
{
    background: #ffffff;
    border: 0px solid #ffffff;
    border-top: 0px;
    text-align: left;
	line-height: 16px;
}

.kategoria_nr7
{
    background: #ffffff;
    width: 185px;
    margin: 0 auto;
    margin-bottom: 5px;
}

.podkategorie7
{
    background: #ffffff;
    border: 0px solid #ffffff;
    border-top: 0px;
    text-align: left;
	line-height: 16px;
}

.kategoria_nr8
{
    background: #ffffff;
    width: 564px;
    margin: 0 auto;
    margin-bottom: 5px;
}

.podkategorie8
{
    background: #ffffff;
    border: 0px solid #ffffff;
    border-right: 1px solid #fdfdc9;
	text-align: left;
	line-height: 16px;
	margin-left:0px;
	
	
}

.podkat_tab
{
 	display: table;
 	width: 180px;
	border-left: 0px solid #ffd3b4;
	border-right: 0px solid #ffd3b4;
}

.n_kategorii3kol
{
	
	width: 180px;
	margin-left: 3px;
	float: left;
}

.n_kategorii
{
	
	width: 185px;
	margin-left: 0px;
}

.kat_naglowek
{
 /*   background: #46ab41;*/
    /*background: url("../images/kat1.gif") no-repeat; */
	width: 185px;
    text-align: center;
    font-size: 13px;
    font-family:Arial, Helvetica, sans-serif;
    color:#666666;
	text-decoration: underline;
    font-weight: bold;
	line-height: 15px;
	display: table-cell;
}

.podkat_pad
{
	margin: 0 5px 5px 12px;
}


/*
* Wyświetlanie potwierdzenia wejścia do daną kategorię
*/

.potwierzenie
{
    border: 1px solid #737373;
    margin: 4px;
    background: #FAFAFA;
    font-size: 10px;
    font-weight: bold;
    
}

/*
* Wyświetlanie plików reklamowych
*/

.lista_plikow
{
    font-size: 10px;
    
}

.plik_znacznik
{
    float: left;
    width: 60px;
}

.plik_znacznik select
{
    width: 96%;
}

.plik_akt
{
    float: left;
    width: 60px;
}

.plik_akt select
{
    width: 96%;
}

.plik_kol/*kolejność*/
{
    float: left;
    width: 60px;
}

.plik_kol input
{
    width: 96%;
    height: 19px;
}

.plik_kat/*kategoria*/
{
    float: left;
    width: 120px;
}

.plik_kat select
{
    width: 96%;
}

.plik_nazwa
{
    float: left;
    width: 175px;
}

.plik_baner
{
    float: left;
    width: 60px;
}

.plik_baner select
{
    width: 96%;
}

.plik_link
{
 /*    float: left;*/
    width: 100%;
    margin: 2px;
}

.plik_link input
{
    width: 70%;
    border: 1px solid #737373;
}
/*
* Wyczyszczenie formatowania div'ów z float: feft
*/

.reklama
{
    /*width: 500px;*/
    margin: 2px 0 2px 0;
    text-align: center;
    /*border-bottom: #E3EFED;
    border-top: 2px solid #E3EFED;
    border-bottom: 2px solid #E3EFED;

		*/
}

/*
* Wyczyszczenie formatowania div'ów z float: feft
*/
.clear
{
    clear:both;
    font-size: 0px;
}

.art
{
	color: #2E8690;
	font-size: 11px;
	margin: 4px;
	margin-top: 60px;
}

.art_wstep
{
	display: table-cell;
	width: 46%;
	margin: 6px;
	float: left;
}

.art h1
{
	text-align: left;
	font-size: 16px;
	font-weight: bold;
	font-family: arial;
	margin: 4px 0 6px 0;
	padding: 0;
}

.art h2
{
	text-align: left;
	font-size: 13px;
	font-weight: bold;
	font-family: arial;
	margin: 0 0 3px 0;
	padding: 0;
	color: #2E8690;
}

.art a
{
	text-decoration: none;
	color: #2E8690;
}

.art a:hover
{
	text-decoration: underline;
	color: #2E8690;
}

/*
*   reklamy statyczne
*/

.statyczne
{
    
    width: 160px; 
    float: left; 
    font-size: 11px
}
.statyczne_a
{
    width: 50px; 
    float: left; 
    font-size: 11px
}

.statyczne a
{
    text-decoration: none;
    color: black;
}

.statyczne a:hover
{
    text-decoration: underline;
    color: black;
}

.statyczne_a a
{
    text-decoration: none;
    color: black;
}

.statyczne_a a:hover
{
    text-decoration: underline;
    color: black;
}

.lewa1 {
background: #ffffff;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
padding:5px;
font-weight: normal;
border-right: 0px solid #e1e1e1;
border-bottom: 0px solid #e1e1e1;
color:#5a5a5a;
_margin-right:-7px;


}

.onlinead1 {

background: url("../images/okno1.gif") no-repeat;
padding: 5px;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
width: 300px;
_width: 300px;
float:left;
border-right: 0px solid #dee9ff;
border-bottom: 0px solid #dee9ff;
border:0px solid #ffd3b4;
color:#5a5a5a;
margin-top: -10px;


_display: inline;
}

.onlinead2 {

background: url("../images/okno1.gif") no-repeat;
padding: 5px;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
width: 300px;
_width: 300px;
float:right;
border:0px solid #ffd3b4;
border-right: 0px solid #dee9ff;
border-bottom: 0px solid #dee9ff;
color: #5a5a5a;
margin-top: -10px;


_display: inline;
}

.onlinead3 {

background: url("../images/okno1.gif") no-repeat;
padding: 5px;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
width: 300px;
_width: 300px;
float:right;
border:0px solid #ffd3b4;
border-right: 0px solid #dee9ff;
border-bottom: 0px solid #dee9ff;
color: #5a5a5a;
margin-top: -10px;
margin-right: 5px;
margin-left:5px; 
_margin-top: -6px;
_margin-right:20px;
_display: inline;

}

.onlineadtxt {
background: url("../images/wizytowkatlo.gif") repeat;
}

.pager a
{
     color: black;
}

.teksttlopraca {
height: 20px;
padding-top: 10px;
padding-left:40px;
position:absolute;
font-size:18px;
_margin-left:-300px;

}

.boks 1 {
/*position: relative;*/
_display:block;
display:block;
width: 312px;
}

.boks 2 {
/*position: relative;*/
_display:block;
display:block;
width: 312px;
}

.boks 3 {
/*position: relative;*/
_display:block;
display:block;
width: 312px;
}

.tekstone {
_margin-top:55px;
text-align:left;
padding:10px;

}

span.bolder {
font-weight: bold;
font-size:12px;
text-decoration:underline;
}

.popkat {
text-align: left;
width:940px;
height: 195px;
font-size:10px;
border-top: 0px solid #999999;
border: 0px solid #000000;
background: #FFCC00;

}

.popad {
text-align: left;
width:940px;
height: 195px;
font-size:10px;
border-top: 0px solid #999999;
border: 0px solid #000000;
background: #FFFFFF;




}

.popkattekst {
text-align: left;
width: 230 px;
border: 1px solid #000000;
padding: 5px;

}

.ad1 {
background: #F2F2F2;
float: left;
width: 160px;
border: 1 px solid #000000;
padding: 5px;

margin-left:0px;
_margin-left:0px;


}

.ad2 {

background: #F2F2F2;
float: right;
width: 160px;
border:0 px solid #000000;
padding: 5px;
margin-right:20px;

}


.ad3 {
background: #F2F2F2;
float: right;
width: 160px;
border:0 px solid #000000;

margin-right: 20px;
margin-top: 0px;

}

.ad4 {
background: #F2F2F2;
float: right;
width: 160px;
border: 0px solid #000000;
padding: 5px;


}

.ad5 {
background:#F2F2F2;
float: right;
width: 160px;
border: 0px solid #000000;
padding: 5px;
margin-right:20px;

}

.popwyr {
width:150px;
font-size:12px;
padding: 10px;

}

.popusl {
background: #ffffff;
}

.regdod {
font-size: 10px;
padding: 10px;
}

.topbar1 {
_margin-top:-5px;
}

.topbar3 {
.textstyle { position:relative;
-moz-border-radius: 5px;
border-radius: 5px; 
_margin-top:-5px;
}

.topbar2 {
_margin-top:7px;
}

.topbar4 {
margin-right: -5px;
_margin-top: -6px;
}

.logotekst {
font-family:Helvetica, sans-serif;
font-size:35px;
color:black;
_margin-bottom:0px;
border: 1px solid #000000;
margin-top:-10px;
margin-right:400px;
width: 200px;
heught: 70px;

}

.infobox {
width:948px;
height:100px;
float:left;

}

.wizytowka {
font-size:20px;
color:#333333;
text-align:left;

}