/*	autor Michal Sobkowiak michal@joomla.pl	                                                   /
/   korzystasz z mojej pracy, prosze posoztaw ten wpis i dodaj informacje o modyfikacji        /
/   you are profiting from my work, please do not remove my credits and add modification info  /
/   licencja/license: GNU/GPL v2, v3                                                          */
*, input, select {
	font-size: 12px;
	margin: 0;
	padding: 0;
	font-family: Verdana, Geneva, Tahoma, Helvetica, Arial, sans-serif;
	line-height: 1.2em;
}
#body {
	text-align: center;
	font-size: 76%;
	background: #E6EFED url(../images/srodek/background.png) 0 0 repeat-x;
	padding: 0px 0;
}
h1, h2, h3, h4, h5 {
	padding: 0.2em 0;
	color: #555;
	font-weight: 900;
}
p{
	line-height: 1.5em;
	padding-top:0.2em;
}
a, a:link {
	color: #900;
	text-decoration: none
}
a:hover {
	color: #b00;
	text-decoration: underline
}
h1 a, h1 a:hover {
	font-size: 3em;
	margin: 0.5em 1em;
	display: block;
	color: #fff!important;
	text-decoration: none;
}
ol, li {
	list-style-position: inside;
	padding-left: 5px
}
.center {
	width: 883px;
	text-align: left!important;
	margin: 0 auto;
	background: #E6EFED;
}
.clr {
	clear: both;
}
#naglowek {
	background-color: #ffffff;
	height: 386px;
  width: 883px;
}
#naglowek #logo
  {
    width: 883px;
    height: 104px;   
    margin-bottom: 2px;
    float: left;    
    background: #ffffff url(../images/header/logo.jpg) 0 0 no-repeat;    
  }
  #naglowek #logo a
  {
    width: 252px;
    height: 104px;    
    display: block;    
  }


 #menu1 {
    width: 883px;
    height: 29px;
    margin-bottom: 2px;
    float: left;  
  }
    ul#main-menu1{
      padding: 0px 0px 0px 0px;
      margin:0;
      float: left;
      width: 883px;
    }           
      ul#main-menu1 li{
        list-style: none;
        display: block;
        float: left;
        height: 29px;         
        padding: 0px;
      }
    
       ul#main-menu1   {display: inline; }
       ul#main-menu1 a {height: 29px;  display: block;}

       /* przyciski - kolejno od lewej */      
       ul#main-menu1 li.home a { background-image:url(../images/header/ikonki-home.png); background-position: 0 0px; width:113px; }       
       ul#main-menu1 li.email a { background-image:url(../images/header/ikonki-email.png); background-position: 0 0px; width:69px; }       
       ul#main-menu1 li.kontakt a { background-image:url(../images/header/ikonki-kontakt.png); background-position: 0 0px; width:122px; }       
       ul#main-menu1 li.end { background-image:url(../images/header/ikonki-reszta.png); background-position: 0 0px; width:579px; }              
  
  
 #menu2 {
    width: 304px;
    height: 213px;
    float: left;  
  }
    ul#main-menu2{
      padding: 0px 0px 0px 0px;
      margin:0;
      float: left;
      width: 304px;
    }           
      ul#main-menu2 li{
        list-style: none;
        display: block;
        float: left;
        width: 304px;         
        padding: 0px;
      }
    
       ul#main-menu2   {display: inline; }
       ul#main-menu2 a {width: 304px;  display: block;}

       /* przyciski - kolejno od lewej */      
       ul#main-menu2 li.home a { background-image:url(../images/header/mmenu_strona-glowna.png); background-position: 0 0px; height:25px; }       
       ul#main-menu2 li.historia a { background-image:url(../images/header/mmenu_historia.png); background-position: 0 0px; height:23px; }       
       ul#main-menu2 li.o-banku a { background-image:url(../images/header/mmenu_o-banku.png); background-position: 0 0px; height:21px; }       
       ul#main-menu2 li.aktualnosci a { background-image:url(../images/header/mmenu_aktualnosci.png); background-position: 0 0px; height:21px; }       
       ul#main-menu2 li.oferta a { background-image:url(../images/header/mmenu_oferta.png); background-position: 0 0px; height:21px; }       
       ul#main-menu2 li.bankowosc-elektroniczna a { background-image:url(../images/header/mmenu_bankowosc-elektroniczna.png); background-position: 0 0px; height:21px; }       
       ul#main-menu2 li.placowki a { background-image:url(../images/header/mmenu_placowki.png); background-position: 0 0px; height:21px; }       
       ul#main-menu2 li.kontakt a { background-image:url(../images/header/mmenu_kontakt.png); background-position: 0 0px; height:23px; }       
       ul#main-menu2 li.szukaj { background-image:url(../images/header/mmenu_szukajbg.png); background-position: 0 0px; height:37px; }              


  #naglowek #bigphoto
  {
    width: 579px;
    height: 213px;    
    display: block;    
    float: left;
    /* background-image:url(../images/header/bigphoto.jpg); background-position: 0 0px; */
    background-color: #fff;
  }
    #naglowek #bigphoto #flash
    {
      position: relative;
      width: 578px;
      height: 211px;
      top: -1px;
      left: 1px;    
    }
  
 #menu3 {
    width: 883px;
    height: 30px;
    float: left;  
  }
    ul#main-menu3{
      padding: 0px 0px 0px 0px;
      margin:0;
      float: left;
      width: 883px;
    }           
      ul#main-menu3 li{
        list-style: none;
        display: block;
        float: left;
        height: 30px;         
        padding: 0px;
      }
    
       ul#main-menu3   {display: inline; }
       ul#main-menu3 a {height: 30px;  display: block;}

       /* przyciski - kolejno od lewej */      
       ul#main-menu3 li.start a { background-image:url(../images/header/menu3_start.png); background-position: 0 0px; width:304px; }       
       ul#main-menu3 li.pusty1 { background-image:url(../images/header/menu3_pusty1.png); background-position: 0 0px; width:147px; }       
       ul#main-menu3 li.pliki-do-pobrania a { background-image:url(../images/header/menu3_pliki-do-pobrania.png); background-position: 0 0px; width:154px; }       
       ul#main-menu3 li.wnioski-do-pobrania a { background-image:url(../images/header/menu3_wnioski-do-pobrania.png); background-position: 0 0px; width:167px; }              
       ul#main-menu3 li.logowanie a { background-image:url(../images/header/menu3_logowanie.png); background-position: 0 0px; width:111px; }              
  
#naglowek #separatorkonca
{
  width: 883px;
  height: 6px;
  float: left;
  background: #ffffff url('../images/header/menu3_separator.png') 0 0 repeat-x;
}

#tresc {
	position: relative;
	width: 800px;
	margin-left: 160px;
	float: left;
}
* html #tresc {
/* hacking IE */
	margin-left: 80px;
}
#prawa {
	position: relative;
	width: 630px;
  padding-bottom: 5px;
	float: left;
  background-color: #fff;  
}
#lewa {
	position: relative;
	width: 200px;
  margin-right: 17px;
	float: left;  
}
#stopka {
	height: 206px;	/* 300px */
  margin: 0px;
  padding: 0px;
	background: url(../images/tlo.png) bottom center;
}
  #stopka #nowosci-naglowek{
    width: 883px;  
    height: 32px;   
    float: left;        
    background: url(../images/footer/bg-naglowek-nowosci.png) bottom center;
  }

  #stopka #nowosci-naglowek-napis{
    width: 200px;  
    height: 32px;        
    background: url(../images/footer/naglowek-nowosci.png) 0 0 no-repeat;
  }
  
  #stopka #box-nowosci
  {
    width: 883px;
    height:  344x; /* 172px, 344px lub 516, 688 - wiersze reklam 1 lub 2 lub 3 ..., 268px - stary zapis*/
    float: left;    
    background-color: #FFFFEA;
  }
  
   ul#ubox-nowosci{
        padding: 0px 0px 0px 0px;
        margin:0;
        float: left;
        width: 883px;
        display: block;
      }           
        ul#ubox-nowosci li{
          list-style: none;
          display: block;
          float: left;      
          padding: 0px;
        }
      
         ul#ubox-nowosci   {display: inline; }
         ul#ubox-nowosci a {display: block;}
  
         /* przyciski - kolejno od lewej */              
         
         
         ul#ubox-nowosci li.rekl2  { background-image:url(../images/footer/reklama_karty.jpg); background-position: 0 0px; width:436px; }       
         ul#ubox-nowosci li.rekl2 a { background-image:url(../images/footer/reklama_karty.jpg); background-position: 0 0px; width:436px; }  
       
         ul#ubox-nowosci li.rekl-1  { background-image:url(../images/footer/reklama_kredyt_szybki_remont.jpg); background-position: 0 0px; width:440px; height: 170px; }       
         ul#ubox-nowosci li.rekl-1 a { background-image:url(../images/footer/reklama_kredyt-szybki-remont.jpg); background-position: 0 0px; width:440px;  height: 170px; }  
       
         ul#ubox-nowosci li.rekl-2 { background-image:url(../images/footer/reklama_kredyt-sasanka.jpg); background-position: 0 0px; width:439px; height: 170px;}       
         ul#ubox-nowosci li.rekl-2 a { background-image:url(../images/footer/reklama_kredyt-sasanka.jpg); background-position: 0 0px; width:439px; height: 170px;}     
  
         ul#ubox-nowosci li.rekl-3  { background-image:url(../images/footer/reklama_kredyt-bezpieczna-g.jpg); background-position: 0 0px; background-repeat: no-repeat; width:439px; height: 170px; }       
         ul#ubox-nowosci li.rekl-3 a { background-image:url(../images/footer/reklama_kredyt-bezpieczna-g.jpg); background-position: 0 0px; background-repeat: no-repeat; width:439px;  height: 170px; }    
 		
 		 ul#ubox-nowosci li.rekl-4  { background-image:url(../images/footer/blank.gif); background-position: 0 0px; background-repeat: no-repeat; width:439px; height: 170px; margin-top: 3px; }
         ul#ubox-nowosci li.rekl-4 a { background-image:url(../images/footer/blank.gif); background-position: 0 0px; background-repeat: no-repeat; width:200px;  height: 170px; margin-top: 3px; float:left;} 
  
         ul#ubox-nowosci li.rekl-6  { background-image:url(../images/footer/lokata_super5.gif); background-position: 0 0px; background-repeat: no-repeat; width:439px; height: 170px; }       
         ul#ubox-nowosci li.rekl-6 a { background-image:url(../images/footer/lokata_super5.gif); background-position: 0 0px; background-repeat: no-repeat; width:439px;  height: 170px; }    
         
         /*
         ul#ubox-nowosci li.rekl-7  { background-image:url(../images/footer/reklama_kredyt-studencki.jpg); background-position: 0 0px; background-repeat: no-repeat; width:439px;  height: 170px; }       
         ul#ubox-nowosci li.rekl-7 a { background-image:url(../images/footer/reklama_kredyt-studencki.jpg); background-position: 0 0px; background-repeat: no-repeat; width:439px;  height: 170px;  }    
         */
         
         ul#ubox-nowosci li.rekl-7  { background-image:url(../images/footer/reklama_sniezynka-v3.jpg); background-position: 0 0px; background-repeat: no-repeat; width:439px;  height: 170px; }       
         ul#ubox-nowosci li.rekl-7 a { background-image:url(../images/footer/reklama_sniezynka-v3.jpg); background-position: 0 0px; background-repeat: no-repeat; width:439px;  height: 170px;  }    
       
         ul#ubox-nowosci li.rekl-8  { background-image:url(../images/footer/reklama_lato-z-rodzina3.jpg); background-position: 0 0px; background-repeat: no-repeat; width:439px; height: 170px; }       
         ul#ubox-nowosci li.rekl-8 a { background-image:url(../images/footer/reklama_lato-z-rodzina3.jpg); background-position: 0 0px; background-repeat: no-repeat; width:439px;  height: 170px; }    
 		  
         ul#ubox-nowosci li.rekl-9  {  background-image:url(../images/footer/lokata_wakacyjna.jpg); background-position: 0 0px; background-repeat: no-repeat;  width:445px; height: 170px; }            
         ul#ubox-nowosci li.rekl-9 a {  background-image:url(../images/footer/lokata_wakacyjna.jpg); background-position: 0 0px; background-repeat: no-repeat;  width:445px; height: 170px; }         
       
         ul#ubox-nowosci li.rekl-10 {  background-image:url(../images/footer/reklama_jesienna-lokata-promocyjna.jpg); background-position: 0 0px; background-repeat: no-repeat;  width:439px; height: 170px; }            
         ul#ubox-nowosci li.rekl-10 a {  background-image:url(../images/footer/reklama_jesienna-lokata-promocyjna.jpg); background-position: 0 0px; background-repeat: no-repeat;  width:439px; height: 170px; }         
        
	 ul#ubox-nowosci li.rekl-11 {  background-image:url(../images/footer/emeryt2.jpg); background-position: 0 0px; background-repeat: no-repeat;  width:439px; height: 170px; }            
         ul#ubox-nowosci li.rekl-11 a {  background-image:url(../images/footer/emeryt2.jpg); background-position: 0 0px; background-repeat: no-repeat;  width:439px; height: 170px; padding-left:5px; }         
        
   #menu-footer {
      width: 883px;
      height: 30px;
      float: left;  
    }
      ul#main-menu-footer{
        padding: 0px 0px 0px 0px;
        margin:0;
        float: left;
        width: 883px;
      }           
        ul#main-menu-footer li{
          list-style: none;
          display: block;
          float: left;
          height: 30px;         
          padding: 0px;
        }
      
         ul#main-menu-footer   {display: inline; }
         ul#main-menu-footer a {height: 30px;  display: block;}
  
         /* przyciski - kolejno od lewej */      
         ul#main-menu-footer li.historia a { background-image:url(../images/footer/menuf_historia.png); background-position: 0 0px; width:193px; }       
         ul#main-menu-footer li.aktualnosci a { background-image:url(../images/footer/menuf_aktualnosci.png); background-position: 0 0px; width:116px; }       
         ul#main-menu-footer li.oferta a { background-image:url(../images/footer/menuf_oferta.png); background-position: 0 0px; width:72px; }       
         ul#main-menu-footer li.bankowosc-elektroniczna a { background-image:url(../images/footer/menuf_belektroniczna.png); background-position: 0 0px; width:195px; }       
         ul#main-menu-footer li.placowki a { background-image:url(../images/footer/menuf_placowki.png); background-position: 0 0px; width:88px; }       
         ul#main-menu-footer li.kontakt a { background-image:url(../images/footer/menuf_kontakt.png); background-position: 0 0px; width:81px; }       
         ul#main-menu-footer li.pliki-do-pobrania a { background-image:url(../images/footer/menuf_pliki-do-pobrania.png); background-position: 0 0px; width:138px; }       
         

#stopka-end {
  width:883px;
  height: 11px;  
  float: left;
  background: #ffffff url('../images/footer/footer-end.png') 0 0 repeat-x; 
}

#stopka a,#stopka a:link{
 color:#fff;
 font-weight:600;
}

#stopka-copyright {
  margin: 5px 0px 5px 0px;
  width: 890px;
  height: 30px;
  float: left;
  text-align: center;
  font-size: 9px;
  color: black;
}
  #stopka-copyright a ,#stopka-copyright a:HOVER {
    font-size: 9px;
    color: #00397A;
  }


div.module {
}
div.module div div div {
	overflow: hidden;
}
div.module div div div div {
	padding: 0;
	margin: 0;
}
#lewa div.module {
	width: 144px;
	margin: 0px 2px 20px 2px;
	padding-bottom: 5px;
	border: 1px dotted #b00;
	border-left: 0;
}
#prawa div.module {
	width: 144px;
	margin: 0px 2px 20px 2px;
	padding-left: 5px;
	border: 1px dotted #b00;
	border-right: 0;
	padding-bottom: 5px;
}
#gorne div.module {
	width: 190px;
	margin: 0px 10px 20px 5px;
	padding: 5px;
	border: 1px dotted #b00;
	padding-bottom: 5px;
	position: relative;
	float: left;
}
* html #gorne div.module {
	width: 197px;
}
#naglowek, #stopka, #glowny {	
}
#naglowek {
	border-width: 3px 3px 0 3px
}
#stopka {
	border-width: 0 3px 3px 3px;
	color: #fff;
}
#glowny {
	border-width: 0 3px;
	padding: 10px 0px
}
#kapelusz {
	position: absolute;
	top: 1px;
	left: 50%;
	margin-left: 240px
}
#wyszukiwarka {
	position: absolute;
  margin: 10px 0px 0px 80px;  	  	
  border: 0px;
}
  #wyszukiwarka input {
    border: 1px solid #fff
  }
  #wyszukiwarka .button {
    width: 27px;
    height: 19px;
    margin: 0px;
    padding: 0px;
    border: 0px;    
    background: #ffffff url('../images/header/btn_szukaj.png') 0 0 no-repeat; 
  }
* html #kapelusz {
	behavior: url(templates/kapelusze/css/pngbehavior.htc)
}
/* ----------------------- style Joomla ----------------------- */
mainlevel {
}
/* Klasy stylu dla elementu <a>. Formatuje gl�wne, nadrzedne pozycje menu */
a.mainlevel:link {
}
a.mainlevel:visited {
}
a.mainlevel:hover {
}
#active_menu {
}
/* ----------------------- Klasa stylu dla elementu <a>. Formatuje podrzedne - potomne pozycji menu */
.sublevel {
}
a.sublevel:link {
}
a.sublevel:visited {
}
a.sublevel:hover {
}
ul#mainlevel-nav {
/* Styl dla elementu niepowtarzalnego <ul> (z identyfikatorem). Formatuje poziome menu nawigacyjne. Identyfikator menu nadrzednego rozszerzony o przyrostek -nav. */
}
ul#mainlevel-nav li {
/* Styl dla element�w - <li>. Formatuje pozycje niepowtarzalnej listy w poziomym menu nawigacyjnym. */
}
#mainlevel-nav a:link {
/*Klasa stylu dla elementu <a>. Formatuje gl�wne, nadrzedne pozycje menu w dodatkowym poziomym menu nawigacyjnym.*/
}
#mainlevel-nav a:visited {
}
#mainlevel-nav a:hover {
}
/* Styl dla niepowtarzalnego elementu <pathway> (z identyfikatorem). Formatuje obszar scie�ki powrotu..pathway Klasa stylu dla elementu <a>. Formatuje wlasciwosci odnosnik�w w scie�ce powrotu. */
#pathway {
}
.pathway {
}
a.readon:link {
/*Klasa stylu dla elementu <a>. Formatuje wyglad odnosnika Czytaj calos� */
}
a.readon:hover {
}
a.readon:visited {
}
.pagenav_prev, .pagenav_next {
/* Klasy styl�w dla elementu <th>. Formatuja przyciski Poprzedni artykul - Nastepny artykul.*/
}
.pagenav_prev {
}
.pagenav_next {
}
/*Klasa stylu dla element�w <span> oraz <a>. Formatuje przyciski paska nawigacyjnego: Start << Poprz. |1|2|3| ...| n | Nast. >> Koniec w blogach. */
.pagenav {
}
a.pagenav:link {
}
a.pagenav:visited {
}
a.pagenav:hover {
}
.back_button {
/* Klasa stylu dla elementu <input>. Formatuje przycisk (odnosnik) Wstecz */
}
/* Tres� gl�wna - materialy */
.contentpaneopen td{   
padding: 10px;
/* Klasa stylu dla elementu <table>. Formatuje tabele obejmujace artykuly, materialy statyczne, tabele w blogach obejmujace wstepy artykul�w oraz tabele w oknie wydruku. */
} 

.contentpaneopen p {    
  padding: 5px;
}  
.contentpane td ul{  
  list-style: none;
/* Klasa stylu dla elementu <table>. Formatuje tabele obejmujace artykuly, materialy statyczne, tabele w blogach obejmujace wstepy artykul�w oraz tabele w oknie wydruku. */
}  
.small {
/* Klasa stylu dla elementu <span>. Formatuje nazwe autora pozycji.*/
font-size:9px;
color:#222;
line-height:1.1em;
}
.small input,.small select,.small option{
font-size:9px;
}
.small input{
width:20px;
}
.createdate {
/* Klasa stylu dla elementu <td>. Formatuje kom�rke z data utworzenia artykulu i materialu statycznego. */
font-size:9px;
color:#444;
line-height:1em;
}
.modifydate {
/* Klasa stylu dla elementu <td>. Formatuje kom�rke z data ostatniej modyfikacji artykulu i materialu statycznego.*/
font-size:9px;
color:#444;
line-height:1em;
}
.content_rating {
/* Klasa stylu dla elementu <span>. Formatuje tekst zawierajacy wyniki oceny publikowanych artykul�w - obok gwiazdek wyra�ajacych ocene.*/
}
.content_vote {
/* Klasa stylu dla elementu <span>. Formatuje tekst przy przyciskach wyboru oceny artykul�w (przyciskach radiowych)*/
}
.mosimage {
/*  Klasa stylu dla elementu <div>. Formatuje obszar obrazka wprowadzonego botem Mosimage i podpisu pod obrazkiem (lecz tylko, gdy obrazek jest opatrzony podpisem).*/
}
.mosimage_caption {
/* Klasa stylu dla elementu <div>. Formatuje podpis obrazka.*/
}
.searchintro {
/* Klasa stylu dla elementu <table>. Formatuje tabele z komunikatami o ilosci wystapien wyszukiwanego tekstu (z komunikatem: Znaleziono pozycji: ...).*/
}
.smalldark {
/* Klasa stylu dla elementu <td>. Stosowana na stronach sond do formatowania kom�rek tabeli z iloscia oddanych glos�w, data ostatniego glosowania.*/
font-size:9px;
color:#777;
line-height:1em;
}
.moscode, code {
/* Klasa stylu dla elementu <code>. Formatuje cytowane fragmenty kodu program�w */
}
.buttonheading {
/* Klasa stylu dla elementu <td>. Formatuje kom�rke z przyciskami: Drukuj, PDF, Pole� znajomemu Wykazy tresci w sekcji, w kategorii, w komponencie*/
}
/*
Wersja A (bia�e t�o, zielony napis, podkre�lenie zielone)
.contentheading
width: 630px;
height: 30px;
padding-left: 5px;
font-size:14px;
font-weight:900;
color:#5F9711;
background-color: #fff;
border-bottom: 2px solid #5F9711;
}
*/
.componentheading, .contentheading, .componentheading-blogsection{
width: 630px;
height: 28px;
padding-left: 5px;
font-size:14px;
font-weight:900;
color:#fff;
background-color: #5F9711;
}
.componentheading, .componentheading-blogsection {
  width: 625px;
  height: 24px;
  padding-top: 7px;  
}
.contentheading {  
  height: 20px;  
  margin: 0px;
  padding: 10px;  
}
/* Specjalny styl definiowany w panelu */
.contentheading-blogsection {  
  padding: 10px;
}



.contentdescription {
/* Klasa stylu dla elementu <td>. Formatuje kom�rke tabeli zawierajaca opis sekcji lub kategorii. */
}
.sectiontableheader, .sectiontableheader td, .sectiontableheader th {
/* Klasa stylu dla elementu <td>. Formatuje kom�rki tabel w wykazach, np. w wykazie artykul�w slowa: >Tytul, Data, Autor, Odslony.*/
padding:3px 3px 2px 3px;
}
.sectiontableentry1, .sectiontableentry1 td  {
/* Klasa stylu dla elementu <tr>. Formatuje nieparzyste wiersze w tabelach zawierajacych wykazy (kolor pierwszego, trzeciego itd. wiersza) */
padding:10px;
background:#fff;
}
.sectiontableentry2, .sectiontableentry2 td {
/*  Klasa stylu dla elementu <tr>. Formatuje parzyste wiersze w tabelach zawierajacych wykazy (kolor drugiego, czwartego itd. wiersza) */
padding:10px;
background:#fff;
}
.sectiontablefooter, .sectiontablefooter td{
/* Klasa stylu dla elementu <tr>. W tabelkach wykaz�w zawierajacych wieksza ilosc formatuje wiersz stopki pozycji z paskiem nawigacyjnym.*/
padding:3px 3px 2px 3px;
}

.sectiontableentry1 td a  , .sectiontableentry1 td a  ,.sectiontableentry2 td a  , .sectiontableentry2 td a  {
/* Klasa stylu dla elementu <tr>. Formatuje nieparzyste wiersze w tabelach zawierajacych wykazy (kolor pierwszego, trzeciego itd. wiersza) */
text-decoration: underline;
}

a.category{
  height: 20px; 
  padding-top: 10px;
  display: block;    
  text-decoration: underline;
}

a.category:link {
}
a.category:hover, a.category:visited {
/* Klasa stylu dla elementu <a>. Formatuje odnosnik do kategorii na stronach z wykazem zawartosci sekcji) */
}
.highlight {
/* Klasa stylu dla elementu <span>. Formatuje wyszukiwane slowa lub frazy w wynikach wyszukiwania.*/
}
/*  Style na stronach blog�w Elementy Zastosowanie elementu */
.blog {
/* Klasa stylu dla elementu <table>. Formatuje tabele obejmujaca obszar bloga*/
}
.contentpagetitle, a.contentpagetitle:link, a.contentpagetitle:visited {
/* Klasa stylu dla elementu <a>. Formatuje tytuly artykul�w, gdy w ustawieniach pozycji menu wlaczona jest opcja Tytuly laczami*/
}
a.contentpagetitle:hover {
}
.blogsection, a.blogsection:link, a.blogsection:visited {
/* Klasa stylu dla elementu <a>. Formatuje odnosniki do blog�w w wykazie Zobacz tez na stronach typu magazynowego*/
}
a.blogsection:hover {
}
.blog_more {
	/* Klasa stylu dla elementu <div>. Formatuje tytul sekcji odnosnik�w w blogu (Zobacz takze...;
tytul jest ponadto objety elementem <strong>). */
}
.article_seperator {
height: 0px;
margin: 0px;
padding: 0px;
float: left;
/* Klasa stylu dla elementu <span>. Formatuje obszar rozdzielajacy pozycje blogaSpisy tresci artykul�w wielostronicowych*/
}
/*   Formatowanie spis�w tresci Elementy Zastosowanie elementu */
.contenttoc {
/* Klasa stylu dla elementu <table>. Formatuje tabele spisu tresci artykulu wielostronicowego */
}
.contenttoc th {
/* Klasa stylu dla elementu <th>. Formatuje wiersz z tytulem w tabeli ze spisem tresci artykulu wielostronicowego */
}
.contenttoc td {
/* Klasa stylu dla elementu <td>. Formatuje kom�rke ze spisem tresci artykulu wielostronicowego */
}
.toclink, a.toclink:link, a.toclink:visited {
/* Klasa stylu dla elementu <a>. Ustawia styl laczom w tabeli ze spisem tresci artykulu wielostronicowego*/
}
a.toclink:hover {
}
.pagenavcounter {
/* Klasa stylu dla elementu <div>. Formatuje informacje o ilosci stron artykulu (X stron z X*/
}
.pagenavbar {
/* Klasa stylu dla elementu <div>. Formatuje przyciski Poprzednia strona - Nastepna strona. */
}
/* Moduly - tresci towarzyszace */
.moduletable {
/* Klasa stylu dla element�w <div> oraz <table>. Formatuje zar�wno tabele, a wiec elementy table, tr, td, jak i elementy div, w kt�rych umieszczono moduly.*/
}
.moduletable th {
/* Klasa stylu dla elementu <th>. Formatuje kom�rke z tytulem modulu i tytul modulu.*/
}
.moduletable h3 {
/* Klasa stylu dla elementu <h3>. Formatuje tytul modulu umieszczonego w bloku <div class="moduletable">*/
}
.moduletable td {
/* Klasa stylu dla elementu <td>. Formatuje kom�rke tabeli zawierajaca tresci modulu, w tym wlasciwosci tekstu.*/
}
.moduletable ul li {
/* Klasa stylu dla elementu <li>. Formatuje elementy listy w modulach */
}
.latestnews, .latestnews ul {
/* Klasa stylu dla elementu <ul>. Formatuje wyglad listy i element�w listy - odnosnik�w w module Nowosci [LatestNews].*/
}
.mostread, .mostread ul {
/* Klasa stylu dla elementu <ul>. Formatuje wyglad listy i element�w listy - odnosnik�w w module Popularne [MostRead].*/
}
.module {
	/*  Klasa stylu dla elementu <div>. Formatuje moduly, gdy dla pozycji modulu wlaczono styl -2 lub -3, np. php mosLoadModules ( 'nazwa_pozycji_modulu',-3);
*/
}
.module h3 {
/* Klasa stylu dla elementu <div>. Formatuje tytul modulu*/
}
.syndicate {
/* Klasa stylu dla elementu <div>. Formatuje w module Kolporter RSS [RSSFeed] obszar z przyciskami - odnosnikami do kanal�w RSS. */
}
.syndicate_text {
/* Klasa stylu dla elementu <div>. Formatuje w module Kolporter RSS tekst opisu nad przyciskami.*/
}
.pollstableborder {
	/* Klasa stylu dla elementu <div>. Formatuje krawedzie tabeli, wierszy i kom�rek zawierajacych pytania sondy;
zdefiniowany we wlasnym arkuszu styl�w komponentu Sondy! */
}
.pool {
/* Klasa stylu dla elementu <table>. Formatuje tabele z tekstem ankiety. Uzyta w module mod_pool.php */
}
.wrapper {
/* Klasa stylu dla elementu <iframe>. Formatuje ramke obejmujaca obszar wyswietlanej strony w komponencie i module Wraper */
  height: 100%;
  padding: 10px;  
}

/**************** bs zator ****************/
#glowny #specjalne-boxy {
  width: 883px;
  height: 370px;
  float: left;  
  background: transparent;
}

.boxpion-kat-fizyczne, .boxpion-kat-gospodarcze, .boxpion-kat-inne, .boxpion-kalkulator {
  width: 201px;      
  margin-right: 16px;
  float: left;    
}
  .boxpion-kat-fizyczne { background: #ffffff url('../images/srodek/bg_box01.png') 0 0 no-repeat; }
  .boxpion-kat-gospodarcze { background: #ffffff url('../images/srodek/bg_box02.png') 0 0 no-repeat; }
  .boxpion-kat-inne { background: #ffffff url('../images/srodek/bg_box03.png') 0 0 no-repeat; }
  .boxpion-kalkulator { 
    width: 230px; 
    height: 364px; 
    margin-right: 0px; 
    color: #ffffff;    
    font-family: arial, tahoma;
    background: #ffffff url('../images/srodek/bg_box04.png') 0 0 no-repeat; 
  }
    .boxpion-kalkulator input{      
      width: 90px;
      height: 16px;
      font-size: 9px;
      padding: 2px 2px 0 2px;
    }
    .txt {
      border: 1px solid green;
    }
    .txt-readonly {
      border: 1px solid green;
      background-color: #ECECEC;
    }

.boxpion-kat-tresc {
  width: 175px;
  height: 144px; /* Aby utrzymac rowny odstep (boxow) */
  padding: 185px 5px 5px 10px;  
}
  .boxpion-kat-tresc ul {  
    list-style: none;    
    float: left;
  }
    .boxpion-kat-tresc ul li {            
      padding: 8px;
      border-bottom: 1px dotted #c0c0c0;
      float: left;
    }
  
/* kalkulator */  
  .boxpion-kalkulator .kwota-zdeponowana {
    width: 220px;
    height: 24px;    
    margin-top: 37px;       
    padding: 0px 0px 0px 5px;
    float: left;
    text-align: right;
    font-size: 10px;              
  }
  .boxpion-kalkulator .stopa-procentowa {
    width: 220px;
    height: 22px;      
    margin-top: 7px;
    padding: 0px 0px 0px 5px;    
    font-size: 10px;  
    float: left;
    text-align: right;   
  }
  .boxpion-kalkulator .typ-lokaty {
    width: 220px;
    height: 72px;    
    padding: 10px 0px 0px 5px;        
    float: left;
    color: black;
    text-align: left;        
  }
    .typ-lokaty ul {           
      list-style: none;
    }
    .typ-lokaty ul li {      
      font-size: 9px;
      float: left;     
      width: 220px;
      height: 18px;      
    }
   .typ-lokaty input {      
      margin: 0px 0 0 0;
      float: left;
      width: 20px; 
      height: 12px;
    }
  .boxpion-kalkulator .czas-lokaty {
    width: 220px;
    height: 72px;    
    padding: 3px 0px 0px 5px;        
    float: left;
    color: black;
    text-align: left;        
  }
    .czas-lokaty ul {      
      list-style: none;      
      float: left;
    }
    .czas-lokaty ul li {      
      font-size: 9px;
      float: left;     
      width: 42px;
      height: 18px;                  
    } html>body .czas-lokaty ul li { width: 35px;}
   .czas-lokaty input {      
      margin: 0px 0 0 0;
      float: left;
      width: 20px; 
      height: 12px;      
    }    
    .czas-lokaty p {      
      font-size: 10px;
      font-family: arial, tahoma;
      margin-bottom: 5px;
      font-weight: bold;
    } 
  .boxpion-kalkulator .czas-lokaty-btn {
    width: 220px;
    height: 21px;    
    margin-top: 5px;
    float: left;    
    text-align: left; 
  }  html>body .boxpion-kalkulator .czas-lokaty-btn { height: 27px;}
    .czas-lokaty-btn input{
        width: 106px;
        height: 20px;
        font-size: 9px;
        padding: 0px;
        margin: 0px;        
        background: #c0c0c0 url('../images/srodek/bg_btn_przelicz.png') 0 0 no-repeat; 
        border: 0px;
    }  
  .boxpion-kalkulator .kwota-po {
    width: 220px;
    height: 25px;      
    margin-top: 7px;
    padding: 0px 0px 0px 5px;
    float: left;
    text-align: right;
    font-size: 10px;  

  }
  .boxpion-kalkulator .naliczone-odsetki {
    width: 220px;
    height: 26px;        
    padding: 4px 0px 0px 5px;
    float: left;
    text-align: right;
    font-size: 10px;       
  }
    .kwota-po input, .naliczone-odsetki input {
      width: 70px;
    }
/* /kalkulator */  
  

.boxpion-kat-fizyczne .stopka, .boxpion-kat-gospodarcze .stopka, .boxpion-kat-inne  .stopka{
  width: 201px;
  height: 30px;  
  float: left;
  background: #ffffff url('../images/srodek/bg_boxXX_stopka.png') 0 0 no-repeat;
}

/* data, czas, imieniny */
#data {  
  position: absolute;
  width: 140px;
  height: 20px;
  margin-top: 8px;
  margin-left: 315px;  
  float: left;
  color: white;  
  font-size: 12px;
  font-family: tahoma, arial;  
  background-color: transparent;
}

#godzina {  
  position: absolute;
  width: 140px;
  height: 20px;
  margin-top: 8px;
  margin-left: 470px;  
  float: left;
  color: white;  
  font-size: 12px;
  font-family: tahoma, arial;  
  background-color: transparent;
}

#imieniny{  
  position: absolute;
  width: 230px;
  height: 20px;
  margin-top: 8px;
  margin-left: 630px;  
  float: left;
  color: white;  
  font-size: 12px;
  font-family: tahoma, arial;  
  background-color: transparent;
}

/* Wyszukiwarka */
.wiersz-wynik-wyszukiwania {
  padding-bottom: 10px;
  border-bottom: 1px solid #c0c0c0;
}

  .wiersz-wynik-wyszukiwania a.search-url {
    font-size: 13px;
    font-weight: bold;
line-height: 2.0;    
  }

/* Style dla edytora WYSIWIG */ 
.wfont10 {
  font-size: 10pt;
}
.wfont11 {
  font-size: 11pt;
}
.wfont12 {
  font-size: 12pt;
}
.wfont13 {
  font-size: 13pt;
}
.wfont14 {
  font-size: 14pt;
}
.wfont20 {
  font-size: 20pt;
}

/* Mapki */
#map-zator {display:block;width:13px;height:13px;border:0px solid red;position:absolute;top:312px;left:226px;}
#map-bielsko {display:block;width:13px;height:13px;border:0px solid red;position:absolute;top:323px;left:198px;}
#map-przeciszow {display:block;width:13px;height:13px;border:0px solid red;position:absolute;top:308px;left:212px;}
#map-oswiecim {display:block;width:13px;height:13px;border:0px solid red;position:absolute;top:300px;left:198px;}

#pop 
{
  position: absolute;
  margin: 50px 150px;
  width: 600px;
  height: 450px;
  background: #ffffff url('../images/inne/kartka.jpg');
  z-index: 1;
  border: 1px solid white;
  text-align: right;
}

.displaynone { display: none; }

.reklama-marquee { width: 872px; height: 60px; padding: 20px 0px 0px 0px; background-color: #FEBB0C; color: #ffffff; display: block; font-family: arial; font-size: 18px; text-decoration: none; text-align: center;}
html>body .reklama-marquee { height: 40px; }

.reklama-marquee-red { width: 872px; height: 50px; padding: 15px 0px 0px 0px; margin-bottom: 15px; background-color: red; color: #ffffff; display: block; font-family: arial; font-size: 18px; text-decoration: none; text-align: center;}
html>body .reklama-marquee-red { height: 30px; }