	/* ========================*/
	/*        reset		       */
	/* ========================*/
html, body, div, span, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}


	/* ========================*/
	/*   	 fonts		       */
	/* ========================*/
@font-face { 
	font-family: "LiberationSerif";
	font-style: normal;
	font-weight: normal;
	src: url(../Fonts/LiberationSerif-Regular.otf);
}
@font-face {
	font-family: "LiberationSerif";
	font-style: normal;
	font-weight: bold;
	src: url(../Fonts/LiberationSerif-Bold.otf);
}
@font-face {
	font-family: "LiberationSerif";
	font-style: italic;
	font-weight: normal;
	src: url(../Fonts/LiberationSerif-Italic.otf);
}
@font-face {
	font-family: "LiberationSerif";
	font-style: italic;
	font-weight: bold;
	src: url(../Fonts/LiberationSerif-BoldItalic.otf);
}

	/* ========================*/
	/*        general	       */
	/* ========================*/

body
{
	font-family: LiberationSerif, Georgia, serif;
    margin: 1em 2em;
	line-height: 1.5em;
}

@page { margin: 1em; }




	/* ========================*/
	/*      typography  	   */
	/* ========================*/




h1, h2, h3, h4, h5, h6				{ color: #222; position: static; text-align: center; line-height: 1em; }
h1, h2 								{ margin-bottom: 0.5em; }
h3, h4								{ margin-bottom: 1em; }
h3, h4, h5, h6						{ line-height: 1.125em; margin-top: 0.8em; }
h1									{ font-size: 2.25em;	top: 0px; }
h2									{ font-size: 1.75em; 	top: 0.7em; 	margin-bottom: 1.3em; }
h3									{ font-size: 1.375em; 	top: 1.225em; 	margin-bottom: 1.625em; }
h4									{ font-size: 1.125em; 	top: 1.5em; 	margin-bottom: 1.65em; }
h5									{ font-size: 0.9375em; 	top: 0px; }
h6									{ font-size: 0.8125em; 	top: 0px; }

p, pre, address 					{ top: 0px; margin-bottom: 0.1em; line-height: 1.5em;
									  text-indent: 1.50em;  
									  text-align: justify;
									}


small, .small						{ font-size: 0.8em; line-height: inherit; }
.big {font-size: 2em;}
em, .italic							{ font-style: italic; display: inline; font-size: inherit; }
strong, b, .bold					{ font-weight: bold; color: #333; font-size: inherit; }

blockquote, q, blockquote p 		{ font-size: 0.9375em;
									  line-height: inherit;	
									  color: #555;
									  font-style: italic;
									  text-align: justify;
									  border-top: 1px dotted #222;
									  border-bottom: 1px dotted #222;
									  padding: 0.5em 0;
								      margin: 1em 0;
									}
sub									{ vertical-align: sub; }
sup 								{ vertical-align: super; }
sub, sup							{ font-size: 0.5em; line-height: 100%; }


a									{ color: #79aeee; font-size: inherit; border-bottom: 1px dotted #79aeee; text-decoration: none;}	



	/* ========================*/
	/*         paragraphs  	   */
	/* ========================*/	

p.cover, p.initial, p.center, p.block, p.noindent
{
    text-indent: 0.00em;
}
.separate
{
    margin-top: 1.00em !important;
}
	/* ========================*/
	/*         lists	  	   */
	/* ========================*/
ul
{
    list-style: square outside; margin-bottom: 0.4em;
}
ol
{
    list-style: decimal outside; margin-bottom: 0.4em;
}
	/* ========================*/
	/*         tables	  	   */
	/* ========================*/
table
{
    border-collapse: collapse;
    border-spacing: 0;
}
table, td, th
{
    border: 0px solid #000;
}
td, th
{
    padding: 0.25em;
	font-size:0.95em;
}


	/* ========================*/
	/*      special classes	   */
	/* ========================*/

.center			{ text-align: center !important; }
.left			{ text-align: left !important; }
.right			{ text-align: right !important; }

.centered		{ float: none; margin: 0 auto; }
.to-left		{ float: left !important; }
.to-right		{ float: right ; }



.italic			{ font-style: italic; }
.bold			{ font-weight: bold; }
.normal			{ font-style: normal; }
.underline		{ text-decoration: underline; }
.strike			{ text-decoration: line-through; }


.invisible 		{ display: none; }

.separate		{ margin-top: 1em; }
.space-after	{ margin-bottom: 1em !important; }
.space-before	{ margin-top: 1em !important; }


.noindent		{ text-indent: 0; }
span.first		{ margin-left: -0.5em; white-space: pre; }
span.drop		{ font-size: 400%;
				  font-weight: bold;
				  line-height: 1; height: 1em; 
				  float: left; 
				  margin: 0em 0.125em 0em 0em;
				}

.initial:first-letter	{ font-size: 200%;
						  font-weight: bold;
						  line-height: 1;
						  height: 1em;
						  float: left;
						  margin: 0em 0.125em 0em 0em;
						}	
	/* ========================*/
	/*  podpisy, przypisy itp. */
	/* ========================*/	


.podpis 	{ font-size: 0.8125em !important;
			  margin-bottom: 2em !important;
			  text-align: center;
			  color: #555;
			  margin-bottom: 2em !important;
		      padding-bottom: 0.5em;
			  -webkit-box-sizing: border-box !important;
			}

.footnote,
.footnote p	{ font-size: 0.8125em; top: 0px; line-height: 1.125; text-align: left !important; color: #555; margin-bottom: 0.3em; }
.footnotes	{ margin-top: 2em; border-top: 2px dotted #aaa; padding-top: 2em; }	

				
.pagina-top { font-size: 0.8125em;
			  text-align: center;
		      color: #666;
			  margin: 0em auto 0em;
			  padding: 0.5em ;
			  display: block !important;
			  clear: both;
			  position: fixed;
			  background: #fff;
			  z-index: 99;
			  top: 0%;
			  text-indent: 0 !important;
			  width: 100%;
			  left: 0;
			}	

	/* ========================*/
	/*       images			   */
	/* ========================*/	

.img-left	{ float: left;  margin-right: 0.50em; }
.img-right	{ float: right; margin-left: 0.50em; }


.frame {
padding-top: 1em;
border: 1px double #665;
-webkit-box-sizing: border-box !important;
}
.frame-double{
border: 1px solid;
border: 10px double #777;
outline-offset: -9px;
outline: 8px solid white;
-webkit-box-sizing: border-box !important;
}




	
	/* ========================*/
	/*         cover	   	   */
	/* ========================*/	


body.cover	{ padding: 0; margin: 0; }
.cover		{ text-align: center; }
.cover img  { height: 100%; width: auto; max-width: 100%; }	


	
	



	/* ========================*/
	/*         titlepage   	   */
	/* ========================*/	
	

.titlepage h1,
.titlepage h2,
.titlepage h3,
.titlepage h4,
.titlepage h5,
.titlepage h6,
.titlepage p
					{ text-align: center;  margin: 0 auto;  line-height: 1em; }



.titlepage h1 		{ font-size: 2.5em; text-align: center; margin-bottom: 0em;	}
.titlepage h2		{ font-size: 2em; 	text-align: center; margin-top: 0.2em; color: #333; }
.titlepage h3		{ font-size: 1em; 	text-align: center; margin-bottom: 1em; line-height: 1.5em; color: #333; }


.titlepage h1 		{ padding-top: 7%; }
.titlepage .author 	{ padding-top: 15%; }	



.titlepage .publisher	{ font-size: 0.9375em;
						  text-align: center; color: #666;
					   	  width: 40%;
						  margin: 0em 30% 1em;
					   	  padding: 1.5em 0 0.5em;
						  border-top: 1px dotted #333;
						  position: absolute;
						  top: 80%;
						  left: 0;
						}





	/* ========================*/
	/*     tablet pionowo      */
	/* ========================*/
		 
@media screen and (orientation:portrait)  {

	.titlepage h1 		{ padding-top: 5%; }
	.titlepage .author 	{ padding-top: 25%; }


		


}	

	/* ========================*/
	/*     tablet poziomo      */
	/* ========================*/
	 
@media screen and (min-width: 600px) and (orientation:landscape) {

.titlepage h1 			{ padding-top: 7%; }
.titlepage .author 		{ padding-top: 7%; }
}

	/* ========================*/
	/*     telefon pionowo     */
	/* ========================*/

@media screen and (max-height: 600px) and (orientation:portrait) {

	.titlepage h1 			{ padding-top: 3%; }
	.titlepage .author 		{ padding-top: 20%; }	

	.titlepage  h1 { font-size: 1.75em; }
	.titlepage  h2 { font-size: 1.375em; }
	.titlepage  h3 { font-size: 1.125em;  }
	.titlepage  h4 { font-size: 0.8125em; }
	.titlepage .publisher {	font-size: 0.9375em;  } 
	.tytulowa {height:70% !important;}
	.cw-img {width:80px !important;}
	.iphone-title{margin:0em !important;}
	.tytul-tabela{margin:0em !important;}
	.nagranie-cw{margin:0em !important;}
/*	.scenka-title { font-size: 16px !important; } */
	


		
}
	/* ========================*/
	/*     telefon poziomo     */
	/* ========================*/
@media screen and (min-width: 320px) and (max-width: 600px) and (orientation:landscape) {

	.titlepage h1			{ padding-top: 1%; margin-top: 0em;}
	.titlepage .author 		{ padding-top: 5%; padding-top: 0em; margin-top: 1em;}
	 	
		
		

	.titlepage  h1 { font-size: 1.75em;  }
	.titlepage  h2 { font-size: 1.375em; }
	.titlepage  h3 { font-size: 1.125em;  }
	.titlepage  h4 { font-size: 0.8125em; }
	.titlepage .publisher {	font-size: 0.9375em; position: static; margin-top: 1em;} 

/* .scenka-title { font-size: 12px !important; }
.tytul { display: inline; text-align: center; margin-top: 0.5em !important;  } */



}
	
	/* ========================*/
	/*     	  iPhone 4  	   */
	/* ========================*/


@media only screen and (-webkit-min-device-pixel-ratio: 2) { 
 
}
