/* Izba Notarialna Białystok - szablon CSS nr 20016-1 */

body {															/* Obszar widoczny strony */
	background-color: #f3f3f3;
	}

.clsBody1024 {													/* Kontener obejmujący całą treść */
	display: block;
	border: 1px solid #c4c4c4;
	width: 1022px;
	margin: 0.5em auto 0;
	}
	
.clsBody1024 ul, 												/* Wszelkie listy w ramach treści */
.clsBody1024 ul li {
	display: block;
	margin: 0;
	padding: 0; 
	}
	
.clsBody1024 ul {
	margin: 0.3em 0;
	padding-left: 36px;
	list-style: disc;
	}
	
.clsBody1024 ul li {
	display: list-item;
	list-style-type: square;
	list-style-position: outside;
	}
	
.clsBody1024 .plgBipRedakcja ul,								/* Listy specyficzne (BIP) */
.clsBody1024 .plgBipRedakcja ul li {
	list-style: none;
	}
	
.clsBody1024 a {												/* Łącza - kolor dziedziczony */
	color: inherit;
	text-decoration: none;
	}
	
/* Kontener .clsBody1024 */
/* ===================== */
.clsTresc {
	display: block;
	margin: 1em auto;
	}
	
/* Kontener .clsNaglowek */
/* ===================== */
/* Obszar .clsKlawisze */
/* ------------------- */
.clsKlawisze {													/* Sekcja .clsKlawisze */
	display: block;
	height: 58px;
	background: #d6d8d7 url("/lyt/200161/img/imgNaglowek.jpg") 0px 0px repeat-x;
	text-align: right;
	padding-left: 1.2em;
	padding-right: 1.2em;
	}
	
.clsKlawisze > div {											/* Kontenery na elementy (klawisze) w ramach sekcji .clsKlawisze */
	display: inline-block;
	min-width: 100px;
	max-width: 150px;
	padding: 0;
	border: 0;
	margin: 14px 0 14px 0.3em;
	}
		
.clsKlawisze > div a {											/* Składowe klawisza ZALOGUJ */
	display: block;
	height: 28px;
	border: 1px solid #c4c4c4;
	line-height: 28px;
	/* text-decoration: none; */
	font-size: 0.8em;
	font-weight: bold;
	text-align: center;
	color: #000;
	background-color: #fff;
	}
	
.clsKlawisze > div span#plgLogowanieZaloguj span.plgLogowanieKlawisz {			/* 2015.04.10 korekta elementu z klawiszem zaloguj - ma być blokiem, nie tabelą */
	display: block;
	}
	
.clsKlawisze > div.plgBipIkona,									/* 2015.04.10 */
.clsKlawisze > div.clsBipIkona  {								/* Kontener przeznaczony na link z obrazkiem (BIP) */
	min-width: 42px;
	width: 42px;
	height: 30px;
	}
	
.clsKlawisze > div.plgBipIkona a,								/* 2015.04.10 */
.clsKlawisze > div.clsBipIkona a {								/* Link z obrazkiem */
	display: block;
	width: 100%;
	height: 100%;
	border: 0;
	padding: 0;
	}

.clsKlawisze > div.plgBipIkona img,								/* 2015.04.10 */
.clsKlawisze > div.clsBipIkona img {							/* Obrazek */
	width: 100%;
	height: 100%;
	}
	
.clsKlawisze > div a span.plgLogowanieKlawisz {					/* Składowe klawisza ZALOGUJ */
	display: block;
	}

/* Obszar .clsLogo */
/* --------------- */
.clsLogo {														/* Kontener z grafikami i tekstem nagłówkowym */
	display: table;
	width: 100%;
	height: 264px;
	table-laout: fixed;
	border: 0;
	margin: 0;
	}
	
.clsLogo .clsLogoObrazek img {									/* Grafika - zdjęcie główne */
	width: 761px;
	height: 264px;
	}
	
.clsLogo .clsLogoTekst img {									/* Grafika - logo notariatu */
	width: 261px;
	}
	
.clsLogo .clsLogoTekst h4 {										/* Tytuł - "IZBA NOTARIALNA W BIAŁYMSTOKU" */
	display: none;
	}

.clsLogo .clsLogoTekst, 
.clsLogo .clsLogoObrazek {										/* Kontenery dla obrazków/nagłówków */
	display: table-cell;
	vertical-align: middle;
	text-align: center;
	padding: 0;
	border: 0;
	}
	
.clsLogo .clsLogoTekst {
	width: 261px;
	background-color: #ffffff;
	}
	
.clsLogo .clsLogoObrazek {
	width: 761px;
	}
	
.clsLogo .clsLogoTekst h4 {										/* Tekst nagłówkowy (IZBA NOTARIALNA W BIAŁYMSTOKU) */
	margin-top: 1em;
	font-family: Verdana, sans-serif;
	font-size: 1.3em;
	font-weight: normal;
	text-transform: uppercase;
	}
	
.clsNawigacjaPasek {											/* Pasek nawigacyjny */
	display: block;
	background: url("/lyt/200161/img/imgRootPath.jpg") 0px 0px repeat-y;
	padding: 0.5em 0 0.5em 0.7em;
	}

.clsNawigacjaPasek #plgSerwisMapa_Sciezka {
	display: block;
	font-size: 0.8em;
	line-height: 1.5em;
	min-height: 1.5em;
	color: #fff;
	}
	
.clsNawigacjaPasek #plgSerwisMapa_Sciezka a:last-child {
	font-weight: bold;
	}
	
/* Kontener .clsTresc */
/* ================== */
.clsKolumnaLewa, 
.clsKolumnaPrawa {												/* Kolumny treści: określenie struktury ogólnej */
	display: block;
	float: left;
	width: 261px;
	margin: 0;
	border: 0;
	padding: 0;
	}
	
.clsKolumnaLewa {
	min-width: 256px;
	}
	
.clsKolumnaPrawa {
	float: right;
	width: 761px;
	}
	
.clsWyrownanie {												/* Element dystansujący dla pływających kolumn treści */
	clear: both;
	}
	
/* Lewa kolumna */
/* ------------ */
.clsKolumnaLewa .clsTrescMenu {									/* Kontener z lewym menu nawigacyjnym */
	border-top: 1px solid #c4c4c4;
	border-right: 1px solid #c4c4c4;
	}
	
.clsKolumnaLewa .clsTrescMenu ul,								/* GŁÓWNE menu nawigacyjne (pionowe) - ogólna struktura */
.clsKolumnaLewa .clsTrescMenu ul li {
	display: block;
	list-style: none;
	margin: 0;
	padding: 0;
	}
	
.clsKolumnaLewa .clsTrescMenu > ul > li > a:link,				/* Zakładki w głównym menu nawigacyjnym */
.clsKolumnaLewa .clsTrescMenu > ul > li > a:visited,
.clsKolumnaLewa .clsTrescMenu > ul > li > a:hover,
.clsKolumnaLewa .clsTrescMenu > ul > li > a:active {
	display: block;
	padding-left: 1em;
	border-bottom: 1px solid #c4c4c4;
	background: #fefefe url("/lyt/200161/img/imgMenu.jpg") 0px 0px repeat-x;
	height: 2.2em;
	line-height: 2.2em;
	text-align: left;
	color: #000;
	}

.clsKolumnaLewa .clsTrescMenu > ul > li > a:hover {
	color: #ad2925;	 /* #a84831, #602225, #ce0213 */
	}
	
/* .clsKolumnaLewa .clsTrescMenu > ul > li > a:hover span {
	font-weight: bold;
	} */

.clsKolumnaLewa .clsTrescMenu > ul > li > a:first-letter {
	text-transform: uppercase;
	}
	
.clsKolumnaLewa .clsTrescMenu > ul > li > a span {				/* Font w zakładce głównego menu nawigacyjnego */
	font-family: Arial, sans-serif;
	font-size: 1em;
	font-weight: normal;
	}
	
.clsKolumnaLewa .clsTrescMenu > ul > li.sel > a, 
.clsKolumnaLewa .clsTrescMenu > ul > li.selParent > a { 		/* Zaznaczona zakładka w głównym menu */
	background: #ae2e23 url("/lyt/200161/img/imgZaznaczenie.jpg") 0px 0px repeat-y;
	color: #fff;
	}
	
.clsKolumnaLewa .clsTrescMenu > ul > li.sel > a span,			/* Font zaznaczonej zakładki */ 
.clsKolumnaLewa .clsTrescMenu > ul > li.selParent > a span {
	font-weight: bold;
	}
	
.clsKolumnaLewa .clsTrescMenu > ul > li.clsDostep2 > a,
.clsKolumnaLewa .clsTrescMenu > ul > li.clsDostep2.sel > a,
.clsKolumnaLewa .clsTrescMenu > ul > li.clsDostep2.selParent > a {		/* Zakładka menu w strefie logowania notariusza */
	background: #fff1e8 url("/lyt/200161/img/imgMenuStrefaZalogowanego.jpg") 0px 0px repeat-x;
	color: #400000;
	}
	
.clsKolumnaLewa .clsTrescMenu > ul > li.clsDostep2 > ul,				/* Tło sekcji zalogowanego notariusza */
.clsKolumnaLewa .clsTrescMenu > ul > li.clsDostep2.sel > ul,
.clsKolumnaLewa .clsTrescMenu > ul > li.clsDostep2.selParent > ul {
	background-color: #ffd9c1;
	}
	
/* Podrzędne menu nawigacyjne */
.* -------------------------- */
.clsKolumnaLewa .clsTrescMenu > ul > li ul,						/* Struktura */
.clsKolumnaLewa .clsTrescMenu > ul > li ul li {
	display: block;
	list-style: none;
	margin: 0;
	padding: 0;
	}
	
.clsKolumnaLewa .clsTrescMenu > ul > li > ul {					/* Odstępy w pierwszej podrzędnej liście */
	padding: 14px 0 14px 32px;
	}
	
.clsKolumnaLewa .clsTrescMenu > ul > li > ul ul {				/* Odstępy w kolejnych (w sensie poziomów) listach */
	padding: 0.2em 0 0.2em 20px;
	}
	
.clsKolumnaLewa .clsTrescMenu > ul > li ul li {
	display: list-item;
	list-style: square;
	}
	
.clsKolumnaLewa .clsTrescMenu > ul > li ul li > a {				/* Łącza w ramach menu podrzędnych */
	font-size: 0.9em;
	}
	
.clsKolumnaLewa .clsTrescMenu > ul > li ul li > a:hover {
	color: #ad2925;
	}
	
.clsKolumnaLewa .clsTrescMenu > ul > li ul li.sel > a {			/* Zaznaczone (aktywne) pozycje w menu podrzędnych */
	color: #ad2925;
	font-weight: bold;
	}
	
.clsKolumnaLewa .clsTrescKancelaria  {							/* Dane kancelarii - kontener */
	padding: 1.5em 0 1em 1.2em;
	background: #ae2e23 url("/lyt/200161/img/imgZaznaczenie.jpg") 0px 0px repeat-y;
	border: 1px solid #b96f70;
	font-size: 0.8em;
	color: #fff;
	}
	
/* Wizytownik */
/* ---------- */
.clsBody1024 .vCard,
.clsBody1024 .vCard div,
.clsBody1024 .vCard h2,
.clsBody1024 .vCard span {
	font-size: 10pt;
	font-weight: normal;
	}
	
.clsBody1024 .clsTrescBody .vCard a {
	color: #0000ff;
	}
	
.clsBody1024 .vCard .org {
	padding: 0 0 0.3em 0;
	font-weight: bold;
	}
	
.clsBody1024 .vCard .adr,
.clsBody1024 .vCard .tel,
.clsBody1024 .vCard .email,
.clsBody1024 .vCard .working-hours {
	margin: 0.2em auto 
	}
	
.clsBody1024 .vCard .org h2 {
	font-weight: bold;
	}
	
.clsBody1024 .clsKolumnaPrawa .vCard .org h2 {
	font-size: 1.5em;
	}
	
.clsBody1024 .vCard .adr div {
	display: inline-block;
	}
	
.clsBody1024 .vCard .adr .street-address {
	width: 100%;
	}
	
.clsBody1024 .vCard .tel > div,
.clsBody1024 .vCard .email > div,
.clsBody1024 .working-hours > div {
	display: inline-block;
	}
	
.clsBody1024 .vCard .type {
	min-width: 30px;
	}
	
.clsBody1024 .vCard .tel .type,
.clsBody1024 .vCard .email .type {
	font-weight: bold;
	}

.clsBody1024 .vCard .working-hours .type {
	width: 100%;
	font-weight: bold;
	}

.clsBody1024 .vCard .working-hours li > span {					/* Elementy span służą wizualnemu sformatowaniu wpisów dot. godzin pracy */
	display: inline-block;
	}
	
.clsBody1024 .vCard .working-hours li > span:first-child {
	min-width: 52px;
	}

/* Prawa kolumna */
/* ------------- */
.clsKolumnaPrawa .clsPadding {			/* Blok "odstępowy" */
	padding: 0 2.2em 0 2.2em;			/* Pierwotne dopełnienia (lewe i prawe): 1.2em, 1.2em; */
	text-align: justify;
	}

.clsKolumnaPrawa .clsTrescBody h4 {		/* Nagłówki treści zasadniczej */
	display: block;
	font-size: 1.2em;
	line-height: 1.83em;				/* Podzielić pierwotną wartość (dla font-size 1em) wysokości linii przez aktualną wysokość font-size (1.2em) */
	border-bottom: 1px solid #602225;
	margin-bottom: 1em;
	color: #602225;
	text-transform: uppercase;
	
	padding-left: 1em;					/* DODATKOWE wcięcie tekstu w nagłówku o wartości 1em (z lewej i prawej) - by tekst nagłówka był wyrównany zgodnie z treścią zasadniczą */
	padding-right: 1em;
	margin-left: -1em;					/* Lewe wysunięcie bloku nagłówkowego o 1em */
	margin-right: -1em;					/* Prawe wysunięcie bloku nagłówkowego o 1em */
	line-height: 1.3em;					/* Zmniejszona wysokość linii (brzydko wygląda przy 1.83em, gdy jest więcej niż jedna linia tekstu nagłówka) */
	text-align: left;					/* Wyjustowanie do lewej */
	padding-top: 0.265em;				/* W związku ze zmniejszeniem wysokości linii (z 1.83em) - dodajemy dodatkowe dopełnienia (0.53em podzielone na 2) z góry i dołu, by treść była wizualnie wyśrodkowana w pionie */
	padding-bottom: 0.265em;			/* j.w. */
	}
	
.clsKolumnaPrawa .clsTrescBody p {								/* Akapity w treści zasadniczej */
	margin: 1em auto;
	}
	
.clsKolumnaPrawa .plgMapa_wyszukiwarka p.clsIntro {				/* Nadpisanie CSS-a: plgMapa, akapit p.clsIntro */
	font-size: 10pt;
	margin-bottom: 3em;
	}
	
.clsKolumnaPrawa .clsTrescBody .plgMapa_wyszukiwarka input[type="text"],		/* Teksty w kontrolkach formularza - np. na mapie */ 
.clsKolumnaPrawa .clsTrescBody .plgMapa_wyszukiwarka option,
.clsKolumnaPrawa .clsTrescBody .plgMapa_wyszukiwarka select,
.clsKolumnaPrawa .clsTrescBody .plgMapa_wyszukiwarka textarea {
	font-weight: bold;
	color: #a34f4f;
	}
	
.clsKolumnaPrawa .clsTrescBody a {								/* Łącza w treści głównej (prawa kolumna) */
	color: #0000ff;
	}

/* Kontener .clsStopka */
/* =================== */
.clsStopka {													/* Obszar stopki */
	background-color: #9d9f9e;
	padding: 12px 0;
	}
	
.clsStopka > div#plgNotariuszStopka {							/* Kontener wewnętrzny w obszarze stopki */
	display: block;
	margin: 0 auto;
	text-align: center;
	}
	
.clsStopka > div#plgNotariuszStopka span {						/* Element tekstowy stopki */
	margin-right: 15px;
	}
	
.clsStopka > div#plgNotariuszStopka a:link,						/* Składowa (link) elementu tekstowego stopki */
.clsStopka > div#plgNotariuszStopka a:visited,
.clsStopka > div#plgNotariuszStopka a:hover,
.clsStopka > div#plgNotariuszStopka a:active {
	font-family: Arial, sans-serif;
	font-size: 0.8em;
	font-weight: none;
	color: #000;
	}
