body {
	background: #f0f0f0;
	font-family: Arial;
	font-size: 14px;
}

/* GALLERY */
#gallery {
	margin: 40px auto 0px auto;
	width: 1280px;
}

#gallery h2 {
	color: #8DB8CF;
	font-weight: normal;
        font-family: "AmericanCaptain";
	font-size: 15pt;
}

#gallery h2 a {
	color: #8DB8CF;
	font-weight: normal;
	text-decoration:none;
}

#gallery h3 {
	color: #838383;
	font-weight: normal;
	font-size: 12pt;
}

#gallery #opis {
        font-family: "Ubuntu700";
	color: #5A5A4B;
	line-height: normal;
	font-size: 11pt;
	padding-bottom: 10px;
}

#gallery .albums {
	margin-left: 15px;
	margin-right: 15px;
	text-align: center;
	text-decoration:none;
}

#gallery .albums img {
	position: relative;
	padding: 20px 5px 5px 5px;
        height: 145px;
        width: 160px;
}

#gallery .albums span {
	display: inline-block;
	width: 0px;
	position: relative;
	left: -170px;
	top: -160px;
	color: #838383;
	font-size: 9.5pt;
}

#fotoFolder {
	font-family: "Ubuntu300";
        font-size: 14px ! important;
}

#fotoFolder2 {
	font-family: "Ubuntu300";
        font-size: 11px ! important;
	top: -142px ! important;
	width: 0px ! important;
	vertical-align: text-top;
}

#gallery .thumbnail span {
	display: block;
	position: absolute;
	color: #5A5A4B;
	font-family: "Ubuntu300";
        font-size: 11px ! important;
	font-weight: normal;
	/*bottom: -8px;
	vertical-align: text-top ! important; */
	width: 210px ! important;
}

#gallery .thumbnail {
	position: relative;
	display: inline-block;
	width: 210px;
	text-align: center;
        margin-bottom:20px;
}

#gallery img {
	padding: 5px;
	box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.1);
	background: white;
	border-radius: 2px;
	margin: 5px 5px;
	-webkit-transition: all ease-in 0.3s;
	-moz-transition: all ease-in 0.3s;
	-ms-transition: all ease-in 0.3s;
	-o-transition: all ease-in 0.3s;
}
#gallery img:hover {
}

#gallery #pagination {
	text-align: center;
	margin-top: 15px;
}

#gallery #pagination a {
	background: #fff;
	padding: 4px 8px;
	box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.1);
	border-radius: 3px;
	margin: 0px 5px;
	color: #a9a9a9;
	text-decoration: none;
}

#gallery #pagination a:hover {
	box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.3);
}

#gallery #pagination strong {
	background: #fff;
	padding: 4px 8px;
	box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.4);
	border-radius: 3px;
	margin: 0px 5px;
	color: #838383;
}


/* DOCUMENTATION */
#documentation {
	padding: 10px;
	box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.1);
	background: white;
	border-radius: 5px;
	color: #535353;
	margin: 100px auto 0px auto;
	width: 720px;
}

#documentation h2 {
	border-bottom: 1px solid #535353;
	font-size: 18px;
	color: #434343;
}

#documentation code {
	display: block;
	padding-left: 5px;
	border-left: 3px solid silver;
	margin: 2px 2px;
}

/*
Odtwarzacz VIDEO
*/
#big {
	text-align:center;
}

#panelVideo { text-align:center ! important; }
#panelVideo img {  width: 32px; height: 32px; }
#playbackRate { color:#F00; font-size: 48px; font-family: Arial; }
:-webkit-full-screen #video { width: 100%; height: 100%; }
#slider { width: 400px; position: relative; top:-4px; }
#volume { width: 100px; position: relative; top:-5px; }
#play_m { position: absolute; top: 0px; left: 0px;}

#memo   { position: absolute; top: 50px; left: 4px; width: 28px ! important ; cursor: pointer;}
#info   { position: absolute; top: 50px; left: 40px; width: 32px; cursor: pointer; }
#mp3e   { position: absolute; top: 50px; left: 112px; width: 32px; cursor: pointer; }
#recpic { position: absolute; top: 50px; left: 76px; cursor: pointer; }

/* inputbox */
.inputbox
{
    	border: 1px solid #91bef5;
	padding: 15px 10px 0px 10px;
	position: absolute;
	background-color: #ddd;
	width: 560px;
	height: 40px;
}
.inputbox form #nu  { width: 400px; }
.inputbox form #ok  { width: 55px; }
.inputbox form #cancel { width: 55px; }

/* inputbox */
.infobox
{
    	border: 1px solid #91bef5;
	padding: 15px 10px 0px 10px;
	position: absolute;
	background-color: #ddd;
	width: 560px;
	height: 540px;
}
.infobox form #nu  { width: 460px; height: 520px; }
.infobox form #cancel { width: 65px; }


/*
CZCIONKI
*/

@font-face {
    font-family: 'AmericanCaptain';
    src: url('/Fonts/AmericanCaptain/AmericanCaptain.eot');
    src: url('/Fonts/AmericanCaptain/AmericanCaptain.eot') format('embedded-opentype'),
         url('/Fonts/AmericanCaptain/AmericanCaptain.woff2') format('woff2'),
         url('/Fonts/AmericanCaptain/AmericanCaptain.woff') format('woff'),
         url('/Fonts/AmericanCaptain/AmericanCaptain.ttf') format('truetype'),
         url('/Fonts/AmericanCaptain/AmericanCaptain.svg#AmericanCaptain') format('svg');
}
@font-face {
    font-family: 'Ubuntu300';
    src: url('/Fonts/Ubuntu/ubuntu-v11-latin_latin-ext-300.eot?#iefix');
    src: url('/Fonts/Ubuntu/ubuntu-v11-latin_latin-ext-300.eot?#iefix') format('eot'),
	 url('/Fonts/Ubuntu/ubuntu-v11-latin_latin-ext-300.woff') format('woff'),
	 url('/Fonts/Ubuntu/ubuntu-v11-latin_latin-ext-300.woff2') format('woff2'),
	 url('/Fonts/Ubuntu/ubuntu-v11-latin_latin-ext-300.ttf') format('truetype'),
	 url('/Fonts/Ubuntu/ubuntu-v11-latin_latin-ext-300.svg') format('svg');
}

@font-face {
    font-family: 'Ubuntu700';
    src: url('/Fonts/Ubuntu/ubuntu-v11-latin_latin-ext-700.eot?#iefix');
    src: url('/Fonts/Ubuntu/ubuntu-v11-latin_latin-ext-700.eot?#iefix') format('eot'),
	 url('/Fonts/Ubuntu/ubuntu-v11-latin_latin-ext-700.woff') format('woff'),
	 url('/Fonts/Ubuntu/ubuntu-v11-latin_latin-ext-700.woff2') format('woff2'),
	 url('/Fonts/Ubuntu/ubuntu-v11-latin_latin-ext-700.ttf') format('truetype'),
	 url('/Fonts/Ubuntu/ubuntu-v11-latin_latin-ext-700.svg') format('svg');
}
@font-face {
    font-family: 'ZapfinoExtra';
    src: url('/Fonts/ZapfinoExtra/ZapfinoExtraLTW1GOne.eot');
    src: url('/Fonts/ZapfinoExtra/ZapfinoExtraLTW1GOne.eot') format('embedded-opentype'),
         url('/Fonts/ZapfinoExtra/ZapfinoExtraLTW1GOne.woff2') format('woff2'),
         url('/Fonts/ZapfinoExtra/ZapfinoExtraLTW1GOne.woff') format('woff'),
         url('/Fonts/ZapfinoExtra/ZapfinoExtraLTW1GOne.ttf') format('truetype'),
         url('/Fonts/ZapfinoExtra/ZapfinoExtraLTW1GOne.svg#ZapfinoExtraLTW1GOne') format('svg');
}

.fontAmericanCaptain { font-family: "AmericanCaptain"; }
.fontUbuntu700 { font-family: "Ubuntu700"; }
.fontUbuntu300 { font-family: "Ubuntu300"; }
.fontZapfinoExtra { font-family: "ZapfinoExtra"; }