/**
* TREŚĆ STRONY
* Data utworzenia: 03 kwietnia 2013 r.
* Data modyfikacji: 12 października 2015 r.
* Autor: Red & Blue PIXEL
* URI: http://www.red-and-blue-pixel.pl
*/


main {
	width : 100%;
	}


/* Nagłówek treści strony */
	
main > header {
	width : inherit;
	height : 100px;
	background-image : url( "../grafika/tlo-naglowka-tresci-strony.png" );
	background-repeat : repeat-x;
	}

main > header > #zawartosc-naglowka-tresci-strony {
	width : 1100px;
	height : 100px;
	margin : 0 auto;
	}

	
/* Przycisk: Lubię to! */
	
main > header > #zawartosc-naglowka-tresci-strony > #p-lubie-to {
	min-width : 90px;
	height : 20px;
	margin : 22px 0 0 0;
	float : right;
	}
	
	
/* Okruszki chleba */
	
main > header > #zawartosc-naglowka-tresci-strony > #dodatkowa-zawartosc-naglowka-tresci-strony {
	margin : 22px 0 0 0;
	border-top-style : solid;
	border-top-color : #000;
	border-top-width : 1px;
	border-bottom-style : solid;
	border-bottom-color : #000;
	border-bottom-width : 1px;
	}
	
main > header > #zawartosc-naglowka-tresci-strony > #dodatkowa-zawartosc-naglowka-tresci-strony  > nav {
	width : 500px;
	float : left;
	margin : 7px 0 0 0;
	font-size : 14px;
	}

main > header > #zawartosc-naglowka-tresci-strony > #dodatkowa-zawartosc-naglowka-tresci-strony  > nav > ul {
	float : left;
	margin : 0;
	padding : 0;
	}
	
main > header > #zawartosc-naglowka-tresci-strony > #dodatkowa-zawartosc-naglowka-tresci-strony  > nav > ul > li {
	float : left;
	margin : 0;
	padding : 0;
	list-style-type : none;
	}

main > header > #zawartosc-naglowka-tresci-strony > #dodatkowa-zawartosc-naglowka-tresci-strony  > nav > ul > li:first-of-type {
	margin : 0 5px 0 0;
	}
	
main > header > #zawartosc-naglowka-tresci-strony > #dodatkowa-zawartosc-naglowka-tresci-strony  > h2 {
	width : 500px;
	float : right;
	margin : 2px 10px 3px 0;
	font-size : 22px;
	color : #5a5a5a;
	text-align : right;
	}
	
	
/* Zawartość treści strony */
	
main > #zawartosc-tresci-strony {
	width : 1100px;
	margin : 0 auto;
	padding : 15px 0 10px 0;
	}
	
main > #zawartosc-tresci-strony > .zapowiedz {
	width : 490px;
	}
	
main > #zawartosc-tresci-strony > .zapowiedz > header {
	width : inherit;
	height : 97px;
	}

main > #zawartosc-tresci-strony > .zapowiedz > header > figure {
	width : 111px;
	height : 97px;
	float : left;
	}
	
main > #zawartosc-tresci-strony > .zapowiedz > header > hgroup {
	width : 355px;
	float : right;
	margin : 12px 0 0 0;
	border-bottom-style : solid;
	border-bottom-color : #ffb300;
	border-bottom-width : 1px;
	}
	
main > #zawartosc-tresci-strony > .zapowiedz > header > hgroup > h3 {	
	font-size : 30px;
	text-align : right;
	}
	
main > #zawartosc-tresci-strony > .zapowiedz > header > hgroup > h4 {
	margin : 0 0 5px 0;
	font-size : 18px;
	text-align : right;
	color : #5a5a5a;	
	}
	
main > #zawartosc-tresci-strony > .zapowiedz > section {
	width : inherit;
	margin : 0;
	}
	
main > #zawartosc-tresci-strony > .zapowiedz > section > header {
	width : inherit;
	border-bottom-style : solid;
	border-bottom-color : #ffb300;
	border-bottom-width : 1px;
	}
	
main > #zawartosc-tresci-strony > .zapowiedz > section > header > h5 {
	width : 350px;
	float : left;
	margin : 0 0 5px 0;
	font-size : 18px;
	text-align : left;
	}

main > #zawartosc-tresci-strony > .zapowiedz > section > header > h5 > a {
	color : #000;
	}
	
main > #zawartosc-tresci-strony > .zapowiedz > section > header > time {
	width : 120px;
	float : right;
	margin : 5px 0 0 0;
	font-size : 14px;
	text-align : right;
	color : #5a5a5a;
	}

main > #zawartosc-tresci-strony > .zapowiedz > section > .tresc-zapowiedzi {
	width : inherit;
	margin : 10px 0 10px 0;
	text-align : justify;
	}
	
main > #zawartosc-tresci-strony > .zapowiedz > section > footer {
	width : inherit;
	border-top-style : solid;
	border-top-color : #ffb300;
	border-top-width : 1px;
	}
	
main > #zawartosc-tresci-strony > .zapowiedz > section > footer > nav {
	margin : 2px 0 0 0;
	text-align : right;
	}
	
main > #zawartosc-tresci-strony > .zapowiedz > section > footer > nav > a {
	font-size : 14px;
	color : #5a5a5a;
	}

main > #zawartosc-tresci-strony > #zapowiedz-1 {
	float : left;
	margin : 40px 30px 0 30px;
	}
	
main > #zawartosc-tresci-strony > #zapowiedz-2 {
	float : right;
	margin : 40px 30px 0 30px;
	}
	
	
/* Galeria */

.miniatura-galerii { /* figure */
	width : 246px;
	height : 150px;
	position : relative;
	border-style : solid;
	border-color : #ffb300;
	border-width : 2px;
	}
	
.miniatura-galerii > figcaption {
	width : 236px;
	height : 30px;
	position : absolute;
	bottom : 15px;
	left : 0;
	padding : 9px 0 0 10px;
	font-size : 15px;
	color : #fff;
	background-image : url( "../grafika/tlo-opisu-miniatury.png" );
	background-repeat : repeat;
	}
	
	
/* Aktualności */

.zapowiedz-aktualnosci {
	width : inherit;
	margin : 0 0 15px 0;
	padding : 0 0 10px 0;
	border-bottom-style : solid;
	border-bottom-color : #bababa;
	border-bottom-width : 1px;
	}
	
.zapowiedz-aktualnosci:last-of-type {
	margin : 0;
	border : 0;
	}
	
.zapowiedz-aktualnosci > header {
	width : inherit;
	margin : 0 0 5px 0;
	}
	
.zapowiedz-aktualnosci > header > h2 {
	width : 900px;
	float : left;	
	}
	
.zapowiedz-aktualnosci > header > h2 > a {
	font-size : 23px;
	color : #5a5a5a;
	}
	
.zapowiedz-aktualnosci > header > time {
	width : 100px;
	float : right;
	margin : 5px 0 0 0;
	font-size : 14px;
	color : #5a5a5a;
	text-align : right;
	}



.aktualnosc {
	width : inherit;
	}
	
.aktualnosc > header {
	width : inherit;
	margin : 0 0 5px 0;
	}
	
.aktualnosc > header > h2 {
	width : 900px;
	float : left;
	font-size : 23px;
	color : #5a5a5a;
	}
	
.aktualnosc > header > time {
	width : 100px;
	float : right;
	margin : 5px 0 0 0;
	font-size : 14px;
	color : #5a5a5a;
	text-align : right;
	}
	
	
/* Infografika firmy */

#infografika-firmy {
	width : 1040px;
	height : 384px;
	margin : 30px auto 0 auto;
	}


/* Dodatkowa treść */

#dodatkowa-tresc { /* aside */
	width : 1100px;
	margin : 0 auto;
	}
	
#dodatkowa-tresc > ul {
	margin : 0;
	padding : 0;
	}
	
#dodatkowa-tresc > ul > li {
	width : 275px;
	height : 60px;
	float : left;
	margin : 0;
	padding : 0;
	list-style-type : none;
	}
	
#dodatkowa-tresc > ul > li > figure {
	width : 275px;
	}
	
#dodatkowa-tresc > ul > li > figure img {
	width : 60px;
	height : 60px;
	display : block;
	float : left;
	}
	
#dodatkowa-tresc > ul > li > figure > figcaption {
	width : 185px;
	height : 50px;
	float : left;
	margin : 0 0 0 10px;
	padding : 10px 0 0 10px;
	border-left-style : solid;
	border-left-color : #5a5a5a;
	border-left-width : 1px;
	}
	
	
/* Dodatkowa nawigacja */

#dodatkowa-nawigacja { /* aside */
	width : 1100px;
	height : 136px;
	margin : 20px auto 0 auto;
	border-top-style : solid;
	border-top-color : #000;
	border-top-width : 1px;
	}
	
#dodatkowa-nawigacja > .p-dodatkowa-nawigacja { /* nav */
	width : 490px;
	height : 116px;
	}

#dodatkowa-nawigacja > .p-dodatkowa-nawigacja > a {
	}
	
#dodatkowa-nawigacja > .p-dodatkowa-nawigacja > a > figure {
	width : 134px;
	height : 116px;
	float : left;
	}

#dodatkowa-nawigacja > .p-dodatkowa-nawigacja > a > hgroup {
	width : 346px;
	height : 116px;
	float : right;
	border-left-style : solid;
	border-left-color : #000;
	border-left-width : 1px;
	}
	
#dodatkowa-nawigacja > .p-dodatkowa-nawigacja > a > hgroup > h5 {
	margin : 22px 0 0 20px;
	font-size : 30px;
	color : #000;
	}
	
#dodatkowa-nawigacja > .p-dodatkowa-nawigacja > a > hgroup > h6 {
	margin : 5px 0 0 20px;
	font-size : 18px;
	color : #5a5a5a;
	}
	
#dodatkowa-nawigacja > #p-dodatkowa-nawigacja-1 {
	float : left;
	margin : 20px 0 0 0;
	}
	
#dodatkowa-nawigacja > #p-dodatkowa-nawigacja-2 {
	float : right;
	margin : 20px 0 0 0;
	}

	
/* Kontakt */
	
main > #zawartosc-tresci-strony > #dane-kontaktowe { /* div */
	width : 350px;
	height : 370px;
	float : left;
	padding : 15px;
	background-color : #fafafa;
	}
	
/* Mapa */

main > #zawartosc-tresci-strony > #mapa { /* aside */
	width : 715px;
	height : 400px;
	float : left;
	border-left-style : solid;
	border-left-color : #5a5a5a;
	border-left-width : 5px;
	}


/* Stopka treści strony */
	
main > footer {
	width : inherit;
	height : 101px;
	position : relative;
	margin : 50px 0 0 0;
	background-image : url( "../grafika/tlo-stopki-tresci-strony.png" );
	background-repeat : repeat-x;
	}
	
main > footer > #p-do-gory {
	width : 78px;
	height : 60px;
	position : absolute;
	left : 48%;
	bottom : -16px;
	}