@font-face {
   font-family: Verdana;
   src: url(verdana.ttf);
   
}


@font-face {
   font-family: Georgia;
   src: url(georgia.ttf);
   
}

@font-face {
   font-family: kaiti;
   src: url(kaiti.ttf);
   
}

@font-face {
   font-family: guyin;
   src: url(guyin.ttf);
   
}

@font-face {
   font-family: Garamond;
   src: url(GaramondPremrProSmbd.otf);
   
}




main {
position:relative;
min-height:1000px;
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#663300+0,996600+48,cc9900+100 */
background: #663300; /* Old browsers */
/* IE9 SVG, needs conditional override of 'filter' to 'none' */
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMTAwJSIgeDI9IjEwMCUiIHkyPSIwJSI+CiAgICA8c3RvcCBvZmZzZXQ9IjAlIiBzdG9wLWNvbG9yPSIjNjYzMzAwIiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iNDglIiBzdG9wLWNvbG9yPSIjOTk2NjAwIiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2NjOTkwMCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgPC9saW5lYXJHcmFkaWVudD4KICA8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2dyYWQtdWNnZy1nZW5lcmF0ZWQpIiAvPgo8L3N2Zz4=);
background: -moz-linear-gradient(45deg,  #663300 0%, #996600 48%, #cc9900 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left bottom, right top, color-stop(0%,#663300), color-stop(48%,#996600), color-stop(100%,#cc9900)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(45deg,  #663300 0%,#996600 48%,#cc9900 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(45deg,  #663300 0%,#996600 48%,#cc9900 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(45deg,  #663300 0%,#996600 48%,#cc9900 100%); /* IE10+ */
background: linear-gradient(45deg,  #663300 0%,#996600 48%,#cc9900 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#663300', endColorstr='#cc9900',GradientType=1 ); /* IE6-8 fallback on horizontal gradient */



}

div.precontainer {
min-height:1000px;
background: url(img/tlo.png);
background-attachment: fixed;
position:relative;
}

p {
	    -webkit-hyphens: auto;
    -moz-hyphens: auto;
    -ms-hyphens: auto;
    hyphens: auto;
}

li {
	    -webkit-hyphens: auto;
    -moz-hyphens: auto;
    -ms-hyphens: auto;
    hyphens: auto;
}

.article {
	color:rgb(255, 204, 0);
	//border: 1px solid red;

}

div.paragraphcontainer {
	color:rgb(255, 204, 0);
	background:rgba(0,0,0,0.5);
	//border: 1px solid blue;

}

div.paragraphcontainerwhite {
	color:rgb(255, 204, 0);
	background:rgba(255,255,255,0.3);
	min-height:1020px;
}

div.paragraphcontainertwo {
min-height:600px}

@media screen and (max-width:1199px) {
div.paragraphcontainertwo {
min-height:660px}

}

@media screen and (max-width:991px) {
div.paragraphcontainertwo {
min-height:760px}

}

@media screen and (max-width:768px) {
div.paragraphcontainertwo {
min-height:460px}

}

div.paragraphcontainerdown {
min-height:770px;
}


@media screen and (max-width:767px) {
div.paragraphcontainerdown {
min-height:410px}

}



@media screen and  (max-width:785px){
div.paragraphcontainerbook {
min-height:350px;
}

}




@media screen and (max-width:767px){
div.startbook {
min-height:900px;
}
}

@media screen and (min-width:768px){
div.startbook {
min-height:1080px;
}

div.start {
min-height:1080px	
}

}

@media screen and (min-width:992px){
div.startbook {
min-height:850px;
}

div.start {
min-height:850px	
}
div.linia{
border-top:1px solid rgb(255, 204, 0);
}
}

div.paragraphcontainerbookside
{
min-height:850px;
} 

div.container {
//border: 2px solid black;
}

div.paragraphcontainer p,
div.paragraphcontainer li {
//border: 1px solid green;
    text-align: justify;
    padding: 0 10px 5px 10px;			    			
	font-size:13px;
	line-height:3ex;
	font-family:Verdana, sans-serif;
	}
	

h1 {
	text-align:center;
	color:rgb(255, 221, 0);
	background:rgba(0,0,0,0.3);
	border-bottom: 3px double rgb(255, 204, 0);
	font-family:Garamond,serif;
	font-size:60px;
	text-shadow: 2px 2px 2px #000;
}

@media screen and (max-width:465px){
h1{
font-size:35px;
}
}
h3 {
padding: 10px 10px 0px 10px;
text-align:center;
font-family:Georgia, "Times New Roman", kaiti, "KaiTi", "楷体", STKaiti, "华文楷体", serif;}

img.sto {
width:100%;
}

img.imgja {

float:right;-webkit-border-radius: 8px;-moz-border-radius: 8px;border-radius: 8px;margin:1% 3% 13px 10px; box-shadow: 3px 3px 4px #888888; -webkit-box-shadow: 3px 3px 4px #888888; -moz-box-shadow: 3px 3px 4px #888888; -ms-box-shadow: 3px 3px 4px #888888;border-width: 2px; border-style:solid; border-color:#CC9900; position:relative;top:16px;
}

img.imgjacentrum {

float:none;-webkit-border-radius: 8px;-moz-border-radius: 8px;border-radius: 8px;margin:1% 3% 15px 10px; box-shadow: 3px 3px 4px #888888; -webkit-box-shadow: 3px 3px 4px #888888; -moz-box-shadow: 3px 3px 4px #888888; -ms-box-shadow: 3px 3px 4px #888888;border-width: 2px; border-style:solid; border-color:#CC9900; position:relative;top:16px;display: block;margin-left: auto;margin-right: auto
}

/*
.covercaption {margin-left:3%}
@media screen and (max-width:669px) and (min-width:615px) {

.covercaption {margin-left:7%}
}

@media screen and (max-width:793px) and (min-width:670px) {

.covercaption {margin-left:15%}
}
*/
.covercaptionouter-div
{
  //padding: 30px;
  text-align: center;
  //border: 2px solid red;
 


}
.covercaptioninner-div
{
  display: inline-block;
  //padding: 50px;
  //border: 2px solid blue;
 
}

nav {
	position:relative;
	top: -10px;
	color:rgb(255, 204, 0);
	background:rgba(0,0,0,0.4);
	text-align:center;
	font-size:22px;
	font-family:Georgia, "Times New Roman", guyin, "KaiTi", "楷体", STKaiti, "华文楷体", serif;
}

div.paragraphcontainer p a,
div.paragraphcontainer li a
 {
color:white;
}

h4
 {
    padding: 0 10px 5px 10px;
}

.btn {
	transition: all 0.4s ease-in;
	-webkit-transition: all 0.4s ease-in;
}

.col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-xs-1, .col-xs-10, .col-xs-11, .col-xs-12, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9
{
padding-left:5px;
padding-right:5px;}

.btn-dalej
{
background:rgb(255, 204, 0);
border-color: rgb(204, 102, 0);
border-width:2px;
font-weight:bold;
color:#634104;

}

.btn-dalej:hover
{
background:rgb(255, 153, 0);
color:rgb(102, 51, 0);
border-color: rgb(255, 204, 0);

}

.btn-dalej:active,
.btn-dalej:focus,
.btn-dalej:active:focus,
.open > .dropdown-toggle.btn-dalej.focus 
{
background:yellow;
color:rgb(102, 51, 0);

}


.btncontainer
{
position:absolute;
bottom:25px;
 width:90%;
}

nav a {
color:rgb(255, 221, 0);
text-shadow: 2px 2px 2px #000;
}

nav > a:hover {
color:yellow;
text-decoration:none;
	transition: all 0.4s linear;
	-webkit-transition: all 0.4s linear;

}

div.footer

{

width:100%;
position:absolute;
bottom:1px;
border-top:1px solid rgba(0, 0, 0, 0.6);
background:rgba(128, 77, 0, 0.6);
color:rgb(255, 221, 0);
text-align:center;
padding: 2px;
}


div.footer a{
color:white;
}

div.stopka
{

margin:5px 0 5px 0}

div.bibliografia li {
text-align:left;}
@media screen and (max-width:330px){
.softlinebreak:after
{
    content: '\A';
    white-space: pre;
}
}
.box-narrowing{width:95%;margin:auto;}
.blue {border: 1px solid blue}

.red{border: 1px solid red;}
.green{border: 1px solid green}