@charset "utf-8";
/********** Główny plik CSS, przeznaczony dla urządzeń wyświetlających **********/
/********** Ogólne informacje arkusza **********/
/* kolory
Czarny: #000000 - rgb(0,0,0)
Szary: #333 - rgb(51, 51, 51)
Czerwony: #ed1c24 - rgb(237, 28, 36)
Pomarańczowy: #f7941e - rgb(247, 148, 30)
Zielony ciemny: #13a89e - rgb(19, 168, 158)
Zielony jasny: #8dc63f - rgb(141, 198, 63)
Fioletowy: #7f3f98 - rgb(187, 63, 152)
Niebieski: #25aae1 - rgb(37, 170, 225)
Różowy: #ec008c - rgb(236, 0, 140)
*/
/********** Reguły dla całego szablonu **********/
header, article, footer, nav, div, form { outline: 0px solid #cfc; }

/* OGÓLNE */
body {
	background: #fff;
	margin: 10px 0 20px 0;
	padding: 10px 0 20px 0;
	font-family: "Times New Roman";
	line-height: 1.2;
	color: #666;
}
i { 
    font-style: italic;
}
img { border: 0; }
h1 { font-size: 28px; color: #333; margin-bottom: 30px; }
h2 { font-size: 22px; color: #333; margin-bottom: 30px; }
h3 { font-size: 16px; color: #333; margin-bottom: 10px; font-weight: normal; }
.center { text-align: center; }
.justify { text-align: justify; }
.right { text-align: right; }
.12px { font-size: 12px; }
.14px { font-size: 14px; }
.16px { font-size: 16px; }
.21px { font-size: 21px; }
.24px { font-size: 24px; }
.32px { font-size: 32px; }
.333 { color: #333; }
.666 { color: #666; }
.999 { color: #999; }
.ccc { color: #ccc; }
strong { font-weight: 700; }
p {
	font-size: 14px;
	margin-bottom: 20px; 
	text-align: justify;
}
a:link, a:visited { color: #25aae1; text-decoration: none; }
a:hover { text-decoration: underline; }

table.tekst { border: 0px solid #808080; width: 100%; border-collapse: separate; border-spacing: 0px; }
table.tekst td#left { width: 224px; padding-right: 20px; text-align: right; vertical-align: top; }
table.tekst td#right { text-align: left; vertical-align: top; }

a:link.awesome, a:visited.awesome { color:#999; text-decoration: none; text-transform: uppercase; }
a:hover.awesome { color: #25aae1; text-decoration: none; }

h1.persoTitle { font-size: 28px; text-transform: uppercase; font-style: italic; margin-bottom: 0;}

div#center {
	position: relative;
	width: 960px;
	height: auto;
	margin: 0 auto;
	background: #fff;
}

/* NAGŁÓWEK */
header { 
	width: 960px;
	height: 220p; 
	margin: 20px 0 30px 0; 
}
header h1 {
	background: url(../images/header.png) no-repeat;
	display: block;
	width: 960px;
	height: 220px;
}

/* MENU */
div#menu {
	position: absolute;
	width: 960px;
	height: auto;
}
div#boxHome {
	position: absolute;
	width: 185px;
	height: 185px;
	left: 35px;
    top: 60px;
}
div#boxMenu {
	position: absolute;
	width: 185px;
	height: 185px;
	left: 220px;
    top: 245px;
    font-family: "Times New Roman";
    font-size: 16px;
    text-align: center;
    color: white;
    text-transform: uppercase;
    padding: 20px 0 0 0;
}
div#boxMenuPerso {
	position: absolute;
	width: 185px;
	height: 185px;
	left: 590px;
    top: 60px;
    font-family: "Times New Roman";
    font-size: 16px;
    text-align: center;
    color: white;
    text-transform: uppercase;
    padding: 20px 0 0 0;
}
div.menu_box a {
	position: relative;
	left: 5px;
	display: block;
	_background-color: #8c53a3;
	background: rgba(255, 255, 255, .1);
	width: 175px;
	font-family: "Times New Roman";
    font-size: 16px;
    text-align: center;
    color: white;
    text-decoration: none;
    text-transform: uppercase;
    padding: 7px 0;
	margin: 5px 0;
}
div.menu_box a:hover {
	color: black;
	text-decoration: none;
	background-color: transparent;
}
div#boxIntroText {
	position: absolute;
	width: 185px;
	height: 155px;
	left: 220px;
    top: 245px;
    font-family: "Times New Roman";
    font-size: 16px;
    text-align: center;
    color: white;
    text-transform: uppercase;
    padding: 30px 0 0 0;
}
div#boxOcena a {
	position: absolute;
	width: 185px;
	height: 155px;
	left: 35px;
    top: 430px;
    font-family: "Times New Roman";
    font-size: 15px;
    line-height: 1.5;
    text-align: center;
    color: white;
    text-transform: uppercase;
    padding: 30px 0 0 0;
}
div#boxAnkieta a {
	position: absolute;
	width: 185px;
	height: 155px;
	left: 590px;
    top: 615px;
    font-family: "Times New Roman";
    font-size: 15px;
    line-height: 1.5;
    text-align: center;
    color: white;
    text-transform: uppercase;
    padding: 30px 0 0 0;
}
div#boxIntroTextPerso a {
	position: absolute;
	width: 185px;
	height: 155px;
	left: 405px;
    top: 60px;
    font-family: "Times New Roman";
    font-size: 16px;
    line-height: 1.5;
    text-align: center;
    color: white;
    text-transform: uppercase;
    padding: 30px 0 0 0;
}
div#boxOcena a:hover, div#boxIntroTextPerso a:hover, div#boxAnkieta a:hover {
	text-decoration: none;
	color: black;
}
div#boxFoto740 {
	position: absolute;
	width: 740px;
	height: 740px;
	left: 220px;
    top: 245px;
    background-color: black;
}
div#boxFoto555 {
	position: absolute;
	width: 555px;
	height: 555px;
	left: 220px;
    top: 245px;
    background-color: black;
}
div#boxBio555 {
	position: absolute;
	width: 165px;
	height: 165px;
	left: 35px;
    top: 615px;
    background-color: black;
    font-family: "Times New Roman";
    color: white;
    padding: 10px;
}
div#boxBio555 h2 { font-size: 28px; color: white; margin-bottom: 10px;}
div#boxBio555 h3 { font-size: 18px; color: white; margin-bottom: 10px;}
div#boxBio555 h4 { font-size: 12px; color: white; margin-bottom: 5px; text-transform: uppercase; text-align: right; }

div#boxBio {
	position: absolute;
	min-width: 220px;
	height: 165px;
	left: 35px;
    top: 615px;
    background-color: black;
    font-family: "Times New Roman";
    color: white;
    padding: 10px;
}
div#boxBio h2 { font-size: 32px; color: white; margin-bottom: 10px;}
div#boxBio h3 { font-size: 24px; color: white; margin-bottom: 10px;}
div#boxBio h4 { font-size: 12px; color: white; margin-bottom: 0; text-transform: uppercase; text-align: right; }
a:link.czytaj, a:visited.czytaj { color: white; }
a:hover.czytaj { color: #25aae1; text-decoration: none;}

div#boxBioWideo {
	position: absolute;
	width: 165px;
	height: 165px;
	left: 35px;
    top: 766px;
    background-color: black;
    font-family: "Times New Roman";
    color: white;
    padding: 10px;
}
div#boxBioWideo h2 { font-size: 28px; color: white; margin-bottom: 10px;}
div#boxBioWideo h3 { font-size: 18px; color: white; margin-bottom: 10px;}
div#boxBioWideo h4 { font-size: 12px; color: white; margin-bottom: 5px; text-transform: uppercase; text-align: right; }

div#boxWideoMini {
	position: absolute;
	width: 185px;
	height: 180px;
	left: 775px;
    top: 60px;
    padding: 5px 0 0 0;
    background-color: black;
    text-align: center;
    font-family: "Times New Roman";
    color: white;
    font-size: 12px;
    text-transform: uppercase;
}
div#boxWideoMiniWszyscy {
	width: 185px;
	height: 180px;
    padding: 5px 0 0 0;
    background-color: black;
    text-align: center;
    font-family: "Times New Roman";
    color: white;
    font-size: 12px;
    text-transform: uppercase;
}
div#boxVimeo {
	position: absolute;
	width: 925px;
	height: 521px;
	left: 35px;
    top: 245px;
    background-color: black;
}
div#boxUnderVimeo {
	position: absolute;
	width: 960px;
	height: 370px;
	left: 0;
    top: 766px;
    background-color: black;
}
div#boxFotoMini {
	position: absolute;
	width: 185px;
	height: 180px;
	left: 775px;
    top: 60px;
    background-color: black;
}
div#boxPersoBack {
	position: absolute;
	left: 190px;
    top: 168px;
}
div#box1 {
	position: absolute;
	width: 185px;
	height: 185px;
	left: 405px;
    top: 60px;
}
div#box2 {
	position: absolute;
	width: 185px;
	height: 185px;
	left: 590px;
    top: 60px;
}
div#box3 {
	position: absolute;
	width: 185px;
	height: 185px;
	left: 775px;
    top: 60px;
}
div#box4 {
	position: absolute;
	width: 185px;
	height: 185px;
	left: 220px;
    top: 245px;
}
div#box5 {
	position: absolute;
	width: 185px;
	height: 185px;
	left: 405px;
    top: 245px;
}
div#box6 {
	position: absolute;
	width: 185px;
	height: 185px;
	left: 590px;
    top: 245px;
}
div#box7 {
	position: absolute;
	width: 185px;
	height: 185px;
	left: 775px;
    top: 245px;
}
div#box8 {
	position: absolute;
	width: 185px;
	height: 155px;
	left: 35px;
    top: 430px;
}
div#box9 {
	position: absolute;
	width: 185px;
	height: 155px;
	left: 220px;
    top: 430px;
}
div#box10 {
	position: absolute;
	width: 185px;
	height: 185px;
	left: 405px;
    top: 430px;
}
div#box11 {
	position: absolute;
	width: 185px;
	height: 185px;
	left: 590px;
    top: 430px;
}
div#box12 {
	position: absolute;
	width: 185px;
	height: 185px;
	left: 775px;
    top: 430px;
}
div#box13 {
	position: absolute;
	width: 185px;
	height: 155px;
	left: 35px;
    top: 615px;
}
div#box14 {
	position: absolute;
	width: 185px;
	height: 155px;
	left: 220px;
    top: 615px;
}
div#box15 {
	position: absolute;
	width: 185px;
	height: 155px;
	left: 405px;
    top: 615px;
}
div#box16 {
	position: absolute;
	width: 185px;
	height: 155px;
	left: 590px;
    top: 615px;
}
div#box17 {
	position: absolute;
	width: 185px;
	height: 155px;
	left: 775px;
    top: 615px;
}
div#box18 {
	position: absolute;
	width: 185px;
	height: 155px;
	left: 35px;
    top: 800px;
}
div#box19 {
	position: absolute;
	width: 185px;
	height: 155px;
	left: 220px;
    top: 800px;
}
div#box20 {
	position: absolute;
	width: 185px;
	height: 155px;
	left: 405px;
    top: 800px;
}
div#box21 {
	position: absolute;
	width: 185px;
	height: 155px;
	left: 590px;
    top: 800px;
}
div#box22 {
	position: absolute;
	width: 185px;
	height: 155px;
	left: 775px;
    top: 800px;
}
div#boxKontener {
	position: absolute;
	width: 370px;
	height: 370px;
	left: 405px;
    top: 245px;
}

/* STOPKA */
footer { width: 925px; margin-bottom: 20px; border-top: 1px solid #808080; display: block; float: right; padding-top: 5px;}

footer h2 {
	color: #808080;
	font-size: 12px;
}
footer a:link, a:visited {
	color: #25aae1;
}
footer h2:hoover {
	color: #404040;
}
div#stopka_lewa { float: left; clear: left; display: inline; }
div#stopka_prawa { float: right; text-align: right; display: inline; }

/* WSZYSCY */

div#boxWszyscy {
	position: absolute;
	width: 925px;
	height: auto;
	left: 35px;
    top: 265px;
}

table#wszyscy {
	border: 0 solid #808080; 
	width: 925px; 
	border-collapse: separate; 
	border-spacing: 0px; 
	margin-bottom: 10px;
}
td.w1 { width: 185px; padding: 0; }
td.w2 { width: 720px; padding: 0 10px 10px 10px; vertical-align: top; }
td.w3 { width: 20px; padding: 10px; text-align: center; vertical-align: top; }

h2.wszyscy { font-size: 24px; color: #333; margin-bottom: 10px; }
h3.wszyscy { font-size: 32px; color: black; margin-bottom: 10px; }
p.wszyscy { font-size: 14px; margin-bottom: 10px; text-align: justify; }
p.czytajWszyscy { font-size: 14px; margin-bottom: 10px; text-align: right; }

/* GALERIA */
div#boxGaleria {
	position: absolute;
	width: 925px;
	height: auto;
	left: 35px;
    top: 245px;
}
table#galeria {
	border: 0 solid #808080; 
	width: 925px; 
	border-collapse: separate; 
	border-spacing: 0px; 
	margin-bottom: 10px;
}
td.galeria { padding: 0; margin: 0;}

table#galeria img { margin-bottom: -4px; }

/* KONTENER */
div#boxMapa {
	position: absolute;
	width: 740px;
	height: 555px;
	left: 220px;
    top: 245px;
    background-color: white;
}
div#boxLegenda {
	position: absolute;
	width: 165px;
	height: 720px;
	left: 35px;
    top: 245px;
    background-color: black;
    font-family: "Times New Roman";
    color: white;
    padding: 10px;
}
div#boxLegenda h2 { font-size: 24px; color: white; margin-bottom: 5px; }
div#boxLegenda h3 { font-size: 12px; color: white; margin-bottom: 5px; text-transform: uppercase; }
div#boxLegenda h4 { font-size: 12px; color: white; margin-bottom: 5px; text-transform: uppercase; text-align: right; }

div#boxProgram {
	position: absolute;
	width: 720px;
	height: 720px;
	left: 220px;
    top: 245px;
    background-color: white;
    padding: 10px;
}

a:link.odwiedzone, a:visited.odwiedzone { color:#8dc63f; }
a:hover.odwiedzone { text-decoration: underline; }

.planowane, a:link.planowane, a:visited.planowane { color:#ff6666; }
a:hover.planowane { text-decoration: underline; }

div#boxGaleriaDzieci {
	position: absolute;
	width: 185px;
	height: 185px;
	left: 35px;
    top: 430px;
    background-color: black;
    padding: 0;
}
div#boxGaleriaDzieciHasla {
	position: absolute;
	width: 185px;
	height: 185px;
	left: 220px;
    top: 800px;
    background-color: black;
    padding: 0;
}
input[type=submit] {
	outline: none;
	border: none;
	background-color: #29aae3;
	min-width: 150px;
	height: 40px;
	font-family: Arial, sans-serif;
	font-size: 16px;
	text-transform: uppercase;
	color: #fff;
	padding: 0 5px 0;
	cursor: pointer;
	margin: 50px 50px;
}
input[type=submit]:hover {
	background-color: #000;
}