//@import url('https://fonts.googleapis.com/css?family=Tinos:400,400i,700,700i&display=swap');

@font-face {
font-family: Tinos;
src: url(fonts/Tinos-Regular.ttf);
}

@-ms-viewport { width: device-width; }
@media only screen and (min-device-width:800px) { html { overflow:hidden; } }
html {  }
body { margin:0; padding:0; background-color:#000000; }

/* width */
::-webkit-scrollbar {
  width: 20px;
}

/* Track */
::-webkit-scrollbar-track {
  box-shadow: inset 0 0 5px black;
  border-radius: 3px;
}
                                  
/* Handle */
::-webkit-scrollbar-thumb {
 // background: #d8b94f;
  border-radius: 3px;
	transition: all 0.16s ease;
	-webkit-transition: all 0.16s ease;
  cursor: pointer;
//  background-image: url('skinnew/scroll-thumb4.png');
background-image: url('skinnew/scroll-thumb5.png');
  background-repeat: repeat;
  background-attachment: left;
  background-position: center;
  opacity: 0.6;
  filter: alpha(opacity=60);
box-shadow: inset 0 0 3px black;
}


/* Handle */
::-webkit-scrollbar-thumb:hover {
  opacity: 1.0; 
  filter: alpha(opacity=100); 
}


.kontrast {
  width: 100%;
  height: 100%;
}

.black {
  background-color: #fff000;
}









#test-box {
  position: absolute;
  bottom: 10px;
  left: 0;
  display: none;
//  background-color: #201e1d;
  z-index: 12600;
  color:#393939 ;
}




#intro-box {
  position: absolute;
  top: 0;
  left: 0;
  display: none;
  width: 100%;
  height: 100%;
  background-color: #201e1d;
//  background-image: url('img/intro-box-background4bbb.jpg');
//  background-repeat: no-repeat;
//  background-attachment: fixed;
//  background-position: center;
  z-index: 2600;
}

#intro-box .intro-logo {
  position: absolute;
  top: calc(45% - 150px);
  left: 0; 
  right: 0; 
  margin-left: auto; 
  margin-right: auto;
  display: none;
  width: 90%;
  max-width: 600px;
  height: auto;
//  background-color: #fffe1d;
  z-index: 2600;
}

#intro-box .intro-logo img {
  width: 100%;
}

#intro-box .intro-languages {
  position: absolute;
  top: calc(45% + 150px);
  left: 0; 
  right: 0; 
  margin-left: auto; 
  margin-right: auto;
  display: none;
  width: 280px;
  height: 100px;
  background: rgba(0,0,0,0.2);
  z-index: 2600;
  border-radius: 10px;
}

#intro-box .intro-languages p {
  text-align: center;
  font-size: 16px;
  line-height: 18px;
  font-family: 'Tinos', serif;
  padding: 15px 0 0 0;
  margin: 0;
  color: #8f8f8f; 
}

#intro-box .intro-languages p.lll {
  text-align: center;
  padding: 5px 0 0 0;
  margin: 0;
}

#intro-box .intro-languages p.lll a {
  padding: 0 0 0 0;
  margin: 0;
   opacity: 0.7;
   transition: opacity .25s ease-in-out;
   -moz-transition: opacity .25s ease-in-out;
   -webkit-transition: opacity .25s ease-in-out;
  cursor: pointer;
}

#intro-box .intro-languages p.lll a:hover {
  opacity: 1.0;
}

#intro-box .moving-bg-demo {
  height: 100%;
  width: 100%;
  position: absolute;
  top: 0;
  left: 0;
  background: url('img/intro-box-background4eee.jpg') no-repeat center center; 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
   z-index: 2500;
}























#start-box {
  position: absolute;
  top: 0;
  left: 0;
  display: none;
  width: 100%;
  height: 100%;
  background-color: #564b30;
  z-index: 8500;
  overflow: hidden;
}

#start-box .start-box-close {
  position: absolute;
  top: 0px;
  right: 0px;
  width: 70px;
  height: 70px;

  background-image: url('img/close44a.png');
  background-repeat: no-repeat;
  background-attachment: center;
  background-position: center;
  z-index: 9501;
  display: none;
  cursor: pointer;
  opacity: 0.5;
  filter: alpha(opacity=50);
	transition: all 0.16s ease;
	-webkit-transition: all 0.16s ease;
}

#start-box .start-box-close:hover {
  opacity: 0.85;
  filter: alpha(opacity=90);
}




#start-box .start-box-logo {
  position: absolute;
  top: 20px;
  left: 20px;
  background: none;
  z-index: 8502;
  display: none;
}




#start-box .start-box-vignette {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  z-index: 8502;
  background: none;
  border-radius: 0px;
  box-shadow: inset 0 0 150px black;
}






#start-box .start-box-header2 {
  position: absolute;
  top: calc(16% - 7px);
  left: 50px;
  z-index: 8502;
  width: calc(100% - 100px);
  height: 4px;
  display: none;
/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#fceabb+0,fccd4d+28,f8b500+29,000000+100 */
background: rgb(252,234,187); /* Old browsers */
background: -moz-linear-gradient(-45deg,  rgba(252,234,187,1) 0%, rgba(252,205,77,1) 28%, rgba(248,181,0,1) 29%, rgba(0,0,0,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(-45deg,  rgba(252,234,187,1) 0%,rgba(252,205,77,1) 28%,rgba(248,181,0,1) 29%,rgba(0,0,0,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(135deg,  rgba(252,234,187,1) 0%,rgba(252,205,77,1) 28%,rgba(248,181,0,1) 29%,rgba(0,0,0,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fceabb', endColorstr='#000000',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
  -moz-box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.1);
  -webkit-box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.1);
  box-shadow: 0px 0px 6px rgba(219, 184, 47, 0.68);


}

#start-box .start-box-mobile {
  display: none;
}




#start-box .start-box-content {
  display: none;
  position: absolute;
  top: 16%;
  left: 50px;
  width: calc(100% - 100px);
  z-index: 8501;
  background-color: #ffffff;
  border-radius: 0px;
/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#ffffff+23,ffffff+42,ffffff+42&1+21,0+43 */
background: -moz-linear-gradient(25deg,  rgba(255,255,255,1) 41%, rgba(255,255,255,0.91) 43%, rgba(255,255,255,0.05) 92%, rgba(255,255,255,0) 93%); /* FF3.6-15 */
background: -webkit-linear-gradient(25deg,  rgba(255,255,255,1) 41%,rgba(255,255,255,0.91) 43%,rgba(255,255,255,0.05) 92%,rgba(255,255,255,0) 93%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(25deg,  rgba(255,255,255,1) 41%,rgba(255,255,255,0.91) 43%,rgba(255,255,255,0.05) 92%,rgba(255,255,255,0) 93%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#00ffffff',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
  background-color: #ddafff;
  box-shadow: inset 0 0 100px white;

}

#start-box .start-box-content1 {
  position: relative;
  width: 100%;
  padding-top: 33.3%; /* 16:9 Aspect Ratio */
  background-color: blue;
}

#start-box .start-box-content2 {
  position:  absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  overflow: hidden;
}


#start-box .start-box-content-col1 {
  float: right;
  width: 50%;
  height: 100%;
  background-color: #000000;
}

#start-box .start-box-content-col1a {
  position: relative;
  width: 100%;
  padding-top: 66.6%; /* 16:9 Aspect Ratio */
}

#start-box .start-box-content-col1b {
  position:  absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  text-align: center;
  font-size: 20px;
  color: white;
  overflow: hidden;
}



#start-box .start-box-content-col2 {
  float: right;
  width: 50%;
  height: auto;
}

#start-box .start-box-content-col2a {
  position: relative;
  width: 100%;
  padding-top: 66.6%; /* 16:9 Aspect Ratio */
  background-color: #ffffff;
}

#start-box .start-box-content-col2b {
  position:  absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  text-align: center;
  font-size: 20px;
  color: white;
  overflow: hidden;
}

#start-box .start-box-content-col2b img {
  width: 100%;
  height: auto;
}



#start-box .start-box-content___ {
  display: none;
  position: absolute;
  top: 170px;
  left: calc(50% - 300px);
  height: calc(100% - 240px);
  width: 650px;
  z-index: 2501;
  background-color: #ffffff;
  border-radius: 0px;
/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#ffffff+23,ffffff+42,ffffff+42&1+21,0+43 */
background: -moz-linear-gradient(25deg,  rgba(255,255,255,1) 41%, rgba(255,255,255,0.91) 43%, rgba(255,255,255,0.05) 92%, rgba(255,255,255,0) 93%); /* FF3.6-15 */
background: -webkit-linear-gradient(25deg,  rgba(255,255,255,1) 41%,rgba(255,255,255,0.91) 43%,rgba(255,255,255,0.05) 92%,rgba(255,255,255,0) 93%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(25deg,  rgba(255,255,255,1) 41%,rgba(255,255,255,0.91) 43%,rgba(255,255,255,0.05) 92%,rgba(255,255,255,0) 93%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#00ffffff',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
  box-shadow: inset 0 0 100px white;
}



#start-box .start-box-content  h1 {
  color: #000000;
  font-size: 23px;
  line-height: 25px;
  font-family: 'Tinos', serif;
  padding: 20px 30px 0px 30px;
}

#start-box .start-box-content  h2 {
  color: #000000;
  font-size: 20px;
  font-family: 'Tinos', serif;
  padding: 10px 30px 0px 30px;
}

#start-box .start-box-content  h3 {
  color: #000000;
  font-size: 21px;
  line-height: 25px;
  font-weight: 400;
  font-family: 'Tinos', serif;
  padding: 0px 30px 0px 30px;
}

#start-box .start-box-content  h4 {
  color: #000000;
  font-size: 16px;
  line-height: 16px;
  font-weight: 400;
  font-family: 'Tinos', serif;
  padding: 0px 30px 0px 30px;
text-align: center;

}

#start-box .start-box-logos {
  width: calc(100% - 60px);
  height: auto;
  margin: 0px 30px 45px 30px;
  padding: 0;
}

#start-box .start-box-logos img {
  width: 100%;
  height: auto;
  padding: 0;
  margin: 0;
}

#start-box .start-box-logos2 {

  position: absolute;
  bottom: 25px;
  right: 40px;
  width: auto;
  height: auto;
  margin: 0px 0px 0px 0px;
text-align: center;
  padding: 0;
}

#start-box .start-box-logos2-text {
  padding: 0 20px 0 0px;
  margin: 0;
  height: 60px;
  width: auto;
  float: left;
}

#start-box .start-box-logos2-text p{
  padding: 10px 0 0 0;
  color: #b6b6b6;
  font-size: 14px;
  line-height: 14px;
  font-weight: 400;
  font-family: 'Tinos', serif;
}

#start-box .start-box-logos2 img {
  padding: 0 20px 0 10px;
  margin: 0;
  height: 60px;
  width: auto;
  float: left;
  opacity: 0.6;
	transition: all 0.16s ease;
	-webkit-transition: all 0.16s ease;
}

#start-box .start-box-logos2 img:hover {
  opacity: 1.0;
}




#start-box .moving-bg-demo222 {
  height: 100%;
  width: 100%;
  position: absolute;
  top: 0;
  left: 0;
  background: url('img/intro-box-background4eee.jpg') no-repeat center center; 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
   z-index: 2500;
}




#start-box .start-box-button {
  position: absolute;
  bottom: -55px;
  left: calc(50% - 150px);
  width: 300px;
  height: 70px;
  border-radius: 2px;
  border: 3px solid #ffcc01;
  background-color: #ffaa00;
  z-index: 8505;
  cursor: pointer;
  display: none;
// background: url('img/uruchomprezentacje.png') no-repeat center center; 
  -moz-box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.5);
  -webkit-box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.5);
  box-shadow: 3px 3px 15px rgba(0, 0, 0, 0.58);
	transition: all 0.16s ease;
	-webkit-transition: all 0.16s ease;
}

#start-box .start-box-button:hover {
  border: 3px solid #ffaa00;
  background-color: #ffcc01;
}

#start-box .start-box-button:hover p {
  color: #000000;
}

#start-box .start-box-button p {
  text-align: center;
  color: #000000;
  font-size: 18px;
  line-height: 18px;
  font-family: 'Tinos', serif;
  font-weight: 400;
  margin: 0;
  padding: 28px 10px 0px 10px; 
  text-transform: uppercase; 
}










#start-text-box {
  position: absolute;
  top: 0px;
  left: 0px;
  z-index: 2429;
//    z-index: 7889;
//  background: rgba(64,64,64,1.0);
 // background-color: #45423b;
//  background-image: url('img/intro-box-background.jpg');
  background-image: url('img/intro-box-background4hhh.jpg');
  background-repeat: no-repeat;
  background-attachment: fixed;
  background-position: center;
  width: 100%;
  height: 100%;
  display: none;
//    display: block;
}

#start-text-box2 {                    
  box-shadow: inset 0 0 150px black;
  width: 100%;
  height: 100%;
  display: block;
  background: rgba(69,66,56,0.95);
}

#start-text-box-header___ {
  position: absolute;
  top: 0px;
  left: 0px;
  z-index: 900;
  width: 100%;
  height: 123px;
  display: block;
  background: rgba(93,89,79,0.35);
  -moz-box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.1);
  -webkit-box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.1);
  box-shadow: 3px 3px 15px rgba(0, 0, 0, 0.08);
}



#start-text-box-header {
  position: absolute;
  top: 0px;
  left: 0px;
  z-index: 900;
  width: 100%;
  height: 93px;
  display: block;
  background: rgba(93,89,79,0.35);
  -moz-box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.1);
  -webkit-box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.1);
  box-shadow: 3px 3px 15px rgba(0, 0, 0, 0.18);
}

#start-text-box-header2 {
  position: absolute;
  top: 1px;
  left: 0px;
  z-index: 901;
  width: 100%;
  height: 4px;
  display: block;
/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#fceabb+0,fccd4d+28,f8b500+29,000000+100 */
background: rgb(252,234,187); /* Old browsers */
background: -moz-linear-gradient(-45deg,  rgba(252,234,187,1) 0%, rgba(252,205,77,1) 28%, rgba(248,181,0,1) 29%, rgba(0,0,0,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(-45deg,  rgba(252,234,187,1) 0%,rgba(252,205,77,1) 28%,rgba(248,181,0,1) 29%,rgba(0,0,0,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(135deg,  rgba(252,234,187,1) 0%,rgba(252,205,77,1) 28%,rgba(248,181,0,1) 29%,rgba(0,0,0,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fceabb', endColorstr='#000000',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
  -moz-box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.1);
  -webkit-box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.1);
  box-shadow: 0px 0px 6px rgba(219, 184, 47, 0.68);


}

.start-text-box-header3 {
  position: absolute;
  top: 0px;
  left: 0px;
  z-index: 902;
  width: calc(100% - 112px);
  height: 93px;
  display: block;
  background: url('img/header1.png') no-repeat right top;
}




#start-text-box-content {
  position: absolute;
  top: 93px;
  left: 0px;
  z-index: 890;
  width: 100%;
  height: calc(100% - 93px);

//background: url('img/ornament3a.png') no-repeat left top;

          cursor: grab; cursor : -o-grab; cursor : -moz-grab; cursor : -webkit-grab;
  overflow-x: hidden;
  overflow-y: scroll; 
  display: block;

}

#start-text-box-content .start-text-box-content-animation {
  margin: 0px 0px 0px 0px;
  padding: 0;
  width: 100%;
  height: 25vw;     
}


#start-text-box-content  .start-text-box-content-lektor {
  width: 200px;
  margin: 35px auto 20px auto;
  position: fixed;
  left: 20px;
  top: 62%;
}


#start-text-box-content .content {
  width: 60%;  
  margin: 0px 20% 0 20%;
  padding: 30px 0 30px 0px;
  display: block;
  clear: both;
  overflow: hidden;
// background-color: #ffaa00;     
}







#start-text-box-content h1 {
  color: #000000;
  font-size: 52px;
  line-height: 55px;
  font-weight: 400;
  font-family: 'Tinos', serif;
  padding: 20px 230px 10px 60px;
}

#start-text-box-content p {
  color: #dad9d2;
  font-size: 23px;
  line-height: 29px;
  font-weight: 400;
  font-family: 'Tinos', serif;
  padding: 20px 60px 10px 60px;
  text-align: justify;
  text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.6);
}


#start-text-box-content p.head {
  font-size: 29px;
  line-height: 33px;
}

#start-text-box-content p.bigbig {
  font-size: 34px;
  line-height: 39px;
}




#start-text-box-content img {
  max-width: 100%;
  height: auto;
  margin: 0;
  padding: 0;
  -moz-box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.1);
  -webkit-box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.1);
  box-shadow: 3px 3px 15px rgba(0, 0, 0, 0.08);
}


#start-text-box-content .menu-button {
  width: 170px;
  height: 80px;
  float: left;
  padding: 0;
  margin: 0px 0 0 0;
 // background: rgba(0,0,0,0.1);
  background: url('skinnew/frame1a.png') no-repeat left top; 
  cursor: pointer;
  color: #ffffff;
  border: 0px solid #d7d6d4;
  border-radius: 0px;
	transition: all 0.16s ease;
	-webkit-transition: all 0.16s ease;
  opacity: 0.7;
}

#start-text-box-content .menu-button p {
  color: #d7d6d4;
  font-weight: 400;
  text-decoration: none;
  font-family: 'Tinos', serif;
  cursor: pointer;
  font-size: 17px;
  line-height: 17px;
  padding: 28px 7px 8px 12px;
  margin: 0px 0px 0px 0px; 

  text-align: center;
  text-transform: uppercase;
  text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.6);
}


#start-text-box-content .menu-button:hover {
  opacity: 1.0;
}

#start-text-box-content .menu-button:hover p {
  color: #ffffff;
}

#start-text-box-content .menu-button:hover .menu-button-on p {
  color: #000000;
}





#start-text-box-content .buttons1 {
  width: 100%;  
  margin: 30px 0px 60px 0px;
  padding: 30px 0 30px 0px;
  display: block;
 background: rgba(118,111,92,0.3);
  clear: both;
  overflow: hidden;
}               

#start-text-box-content .buttons2 {
  width: 400px;  
  margin: 0px auto;
  padding: 0px 0 0px 0px;
  display: block;
 background-color: #ffffaa;
}




#main-box {
  position: absolute;
  top: 0px;
  left: 0px;
  z-index: 2429; 
  background-color: #000000;
  background: url('img/wawel_tlo3.jpg') no-repeat center center; 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;

  width: 100%;
  height: 100%;
  display: none;
//    display: block;


}

#main-box-header {
  position: absolute;
  top: 0px;
  left: 0px;
  z-index: 2430;
  width: 100%;
  height: 93px;
  display: block;
  background: rgba(126,118,98,0.45);
  -moz-box-shadow: 3px 3px 15px rgba(0, 0, 0, 0.18);
  -webkit-box-shadow: 3px 3px 15px rgba(0, 0, 0, 0.18);
  box-shadow: 3px 3px 15px rgba(0, 0, 0, 0.18);
}

#main-box-header2 {
  position: absolute;
  top: 1px;
  left: 0px;
  z-index: 2432;
  width: 100%;
  height: 4px;
  display: block;
/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#fceabb+0,fccd4d+28,f8b500+29,000000+100 */
background: rgb(252,234,187); /* Old browsers */
background: -moz-linear-gradient(-45deg,  rgba(252,234,187,1) 0%, rgba(252,205,77,1) 28%, rgba(248,181,0,1) 29%, rgba(0,0,0,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(-45deg,  rgba(252,234,187,1) 0%,rgba(252,205,77,1) 28%,rgba(248,181,0,1) 29%,rgba(0,0,0,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(135deg,  rgba(252,234,187,1) 0%,rgba(252,205,77,1) 28%,rgba(248,181,0,1) 29%,rgba(0,0,0,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fceabb', endColorstr='#000000',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
  -moz-box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.1);
  -webkit-box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.1);
  box-shadow: 0px 0px 6px rgba(219, 184, 47, 0.68);


}


#main-box-links {
  position: absolute;
  bottom: 0px;
  left: calc(50% - 85px);
  z-index: 2430;
  width: 170px;
  height: 93px;
  display: block;
 // background: rgba(0,0,0,0.59);
}

#main-box-links a {
  display: inline-block;
  width: 70px;
  height: 70px;
  margin: 0 5px 0 5px;
  padding: 0;
  opacity: 0.55;
	transition: all 0.36s ease;
	-webkit-transition: all 0.36s ease;
}

#main-box-links a:hover {
  opacity: 1.0;
}













#logo-box {
  position: absolute;
  top: 0;
  left: 0;
  display: none;
  width: auto;
  height: 90px;
//  background: rgba(0,0,0,0.4);
  z-index: 9640;
  display: none;
}

#logo-box .logo {
  float: left;
  width: 435px;
  height: 90px;  
//   background: rgba(100,0,0,0.3);
  overflow: hidden;
    cursor: pointer;
}

#logo-box .logo img {
  width: 420px;
  height: auto;
  padding: 10px 0 0 0px;
}

#logo-box .title {
  float: left;
  width: auto;
  height: 90px; 
//  background: rgba(100,0,100,0.4);
}

#logo-box .title h1 {
  color: #ffffff;
  font-size: 31px;
  line-height: 32px;
  font-weight: 400;
  font-family: 'Tinos', serif;
  padding: 15px 0px 0px 0px;   display: none;
}

#logo-box .title h1 span {
background: rgba(0,0,0,0.4);
  padding: 2px 4px 2px 4px;
}






#logo-box2 {
  position: absolute;
  top: 0;
  left: 0;
  display: none;
  width: 100%;
  height: 90px;
//  background: rgba(0,0,0,0.4);
  z-index: 2640;
  display: none;
}

#logo-box2 .logo {
  float: left;
  width: 105px;
  height: 90px;  
  // background: rgba(100,0,0,0.3);
  overflow: hidden;
    cursor: pointer;
}

#logo-box2 .logo img {
  width: 420px;
  height: auto;
  padding: 10px 0 0 0px;

}

#logo-box2 .tekst {
  float: left;
  padding: 0px 0 0 20px;
  margin: 0px;
  width: auto;
  height: 90px; 
 //  background: rgba(100,0,100,0.4);
}

#logo-box2 .nazwa {
  border: 0px;
  padding: 0px 0 0 0px;
  margin: 0px;
  width: auto;
  height: 28px; 
  background: rgba(0,0,0,0.1);
}

#logo-box2 .nazwa p {
  color: #ffffff;
  font-size: 21px;
  line-height: 21px;
  font-weight: 400;
  font-family: 'Tinos', serif;
  padding: 3px 13px 0px 7px;
  margin: 0px;
  opacity: 0.8;
  letter-spacing: 0px;
  text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.6);
}

#logo-box2 .nazwa p.bigbig {
  padding: 1px 13px 0px 7px;
  font-size: 25px;
  letter-spacing: -1px;

}

#logo-box2 .pietro {
  padding: 0px 0 0 0px;
  margin: 0px;
  width: auto;
  height: 50px; 
//  background: rgba(255,255,255,0.14);
}

#logo-box2 .pietro p {
  color: #000000;
  font-size: 17px;
  line-height: 17px;
  font-weight: 600;
  font-family: 'Tinos', serif;
  padding: 28px 20px 0px 7px;
  margin: 0px;
  letter-spacing: 0px;
  text-shadow: 0px 0px 8px rgba(255, 255, 255, 0.95);
}

#logo-box2 .pietro p.bigbig {
  color: #000000;
  font-size: 22px;
  line-height: 22px;
  font-weight: 600;
  font-family: 'Tinos', serif;
  padding: 24px 20px 0px 7px;
  margin: 0px;
  text-shadow: 0px 0px 8px rgba(255, 255, 255, 0.95);
}

#logo-box2 .pietro p.white {
  color: #ffffff;
}











#menu-box___ {
  position: absolute;
  bottom: 0;
  left: 0px;
  z-index: 2450;
  background: rgba(0,0,0,0.6);
  width: 100%;
  height: 140px;
  background-color: #fffaaa;
  display: none;
}

#menu-box______ {
  position: absolute;
  top: calc(50% - 130px);
  right: 30px;
  z-index: 2450;
//  background: rgba(0,0,0,0.6);
  width: 170px;
  height: 140px;
  background-color: #fffaaa;
  display: none;
}
#menu-box {
  position: absolute;
  top: 0px;
  right: 10px;
  z-index: 2640;
//  background: rgba(0,0,0,0.6);
  width: auto;
  height: 75px;
// background-color: #fffaaa;
  display: none;
}


#menu-box .menu-buttons {
  width: auto;
  height: 50px;
  float: left;
  padding: 0 0px 0 0px;
  margin: 27px 0 0 0;
// background: rgba(100,0,0,0.5);
}


#menu-box .menu-button {
  width: 150px;
  height: 44px;
  display: inline-block;
  padding: 0;
  margin: 0px 0 0 10px;
  background: rgba(0,0,0,0.4);
 // background: url('skinnew/frame1a222.png') no-repeat left top; 
  cursor: pointer;
  color: #ffffff;
  border: 0px solid #d7d6d4;
  border: 0px solid #8a8176;
  border-radius: 3px;
	transition: all 0.16s ease;
	-webkit-transition: all 0.16s ease;
  opacity: 1.0;
  -moz-box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.58);
  -webkit-box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.58);
  box-shadow: 3px 3px 15px rgba(0, 0, 0, 0.58);
}

#menu-box .menu-button p {
  color: #d7d6d4;
  font-weight: 400;
  text-decoration: none;
  font-family: 'Tinos', serif;
  cursor: pointer;
  font-size: 17px;
  line-height: 17px;
  padding: 15px 9px 8px 9px;
  margin: 0px 0px 0px 0px; 

  text-align: center;
  text-transform: uppercase;
  text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.6);
}

#menu-box .menu-button p.bigbig {
  font-size: 21px;
}



#menu-box .menu-button:hover {
  opacity: 1.0;
}

#menu-box .menu-button:hover p {
  color: #ffffff;
}

#menu-box .menu-button:hover .menu-button-on p {
  color: #ecbf18;
}











#menu-box .menu-button-on {
  opacity: 1.00;
//  background: url('skinnew/frame3b2.png') no-repeat left top;
//background: rgba(0,0,0,0.8); 
  background-color: #e7b30e;
//  border-radius: 2px;
//  border: 2px solid #000fff;
}

#menu-box .menu-button-on  p {
  color: #000000;
  text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.0);
}

#menu-box .menu-button-on:hover p {
  color: #000000;
  text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.0);
}




#menu-box .menu-lang {
  width: 90px;
  height: 50px;
  float: left;
  padding: 0 0px 0 0px;
  margin: 27px 0 0 0;
 // background: rgba(100,0,0,0.9);

  color: #ffffff;
  border: 0px solid #d7d6d4;
  border-radius: 0px;
	transition: all 0.16s ease;
	-webkit-transition: all 0.16s ease;
  opacity: 1.0;
}

#menu-box .menu-lang p {
  color: #000000;
  font-weight: 400;
  text-decoration: none;
  font-family: 'Tinos', serif;
  cursor: pointer;
  font-size: 17px;
  line-height: 17px;
  padding: 14px 7px 8px 14px;
  margin: 0px 0px 0px 0px; 

  text-align: center;
  text-transform: uppercase;
  text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.6);
 
}

#menu-box .menu-lang p.bigbig {
  font-size: 21px;
}
 
#menu-box .menu-lang p span {
  padding: 0px 2px 0px 2px;
  margin: 0px 0px 0px 0px; 
  opacity: 0.6;
  color: #ffffff;
}

#menu-box .menu-lang p span.lang {
  cursor: pointer;
}

#menu-box p span.menu-lang-on  {
  color: #ecbf18;
  opacity: 1.0;
}

#menu-box .menu-lang p span:hover {
  color: #ffffff;
  opacity: 1.0;
}






#menu-box .menu-icons {
  width: auto;
  height: 50px;
  float: left;
  padding: 0 0px 0 0px;
  margin: 27px 0 0 0;
//  background: rgba(100,0,0,0.9);
}

#menu-box .menu-info {
  width: 30px;
  height: 30px;
  float: left;
  padding: 0 0px 0 5px;
  margin: 7px 0 0 0;
 // background: rgba(0,0,0,0.1);
 cursor: pointer;
  color: #ffffff;
  border: 0px solid #d7d6d4;
  border-radius: 0px;
	transition: all 0.16s ease;
	-webkit-transition: all 0.16s ease;
  opacity: 0.3;
  background: url('img/info.png') no-repeat center center;
  -webkit-background-size: contain;
  -moz-background-size: contain;
  -o-background-size: contain;
  background-size: contain;
}

#menu-box .menu-info:hover {
  opacity: 1.0;
}

#menu-box .menu-info-on {
  background: url('img/info2.png') no-repeat center center;
  -webkit-background-size: contain;
  -moz-background-size: contain;
  -o-background-size: contain;
  background-size: contain;
  opacity: 1.0;
}


#menu-box .menu-wcag1 {
  width: 30px;
  height: 30px;
  float: left;
  padding: 0 0px 0 5px;
  margin: 7px 0 0 0;
 // background: rgba(0,0,0,0.1);
 cursor: pointer;
  color: #ffffff;
  border: 0px solid #d7d6d4;
  border-radius: 0px;
	transition: all 0.16s ease;
	-webkit-transition: all 0.16s ease;
  opacity: 0.3;
  background: url('img/wcag1.png') no-repeat center center;
  -webkit-background-size: contain;
  -moz-background-size: contain;
  -o-background-size: contain;
  background-size: contain;
}

#menu-box .menu-wcag1:hover {
  opacity: 1.0;
}

#menu-box .menu-wcag1-on {
  background: url('img/wcag1a.png') no-repeat center center;
  -webkit-background-size: contain;
  -moz-background-size: contain;
  -o-background-size: contain;
  background-size: contain;
  opacity: 1.0;
}




#menu-box .menu-wcag2 {
  width: 30px;
  height: 30px;
  float: left;
  padding: 0 0px 0 5px;
  margin: 7px 0 0 0;
 // background: rgba(0,0,0,0.1);
 cursor: pointer;
  color: #ffffff;
  border: 0px solid #d7d6d4;
  border-radius: 0px;
	transition: all 0.16s ease;
	-webkit-transition: all 0.16s ease;
  opacity: 0.3;
  background: url('img/wcag2.png') no-repeat center center;
  -webkit-background-size: contain;
  -moz-background-size: contain;
  -o-background-size: contain;
  background-size: contain;
}

#menu-box .menu-wcag2:hover {
  opacity: 1.0;
}

#menu-box .menu-wcag2-on {
  background: url('img/wcag2a.png') no-repeat center center;
  -webkit-background-size: contain;
  -moz-background-size: contain;
  -o-background-size: contain;
  background-size: contain;
  opacity: 1.0;
}


#menu-box .menu-fullscreen {
  width: 30px;
  height: 30px;
  float: left;
  padding: 0 0px 0 5px;
  margin: 7px 0 0 0;
 // background: rgba(0,0,0,0.1);
 cursor: pointer;
  color: #ffffff;
  border: 0px solid #d7d6d4;
  border-radius: 0px;
	transition: all 0.16s ease;
	-webkit-transition: all 0.16s ease;
  opacity: 0.3;
  background: url('img/fullscreen3.png') no-repeat center center;
  -webkit-background-size: contain;
  -moz-background-size: contain;
  -o-background-size: contain;
  background-size: contain;
}

#menu-box .menu-fullscreen:hover {
  opacity: 1.0;
}

#menu-box .menu-fullscreen-on {
  background: url('img/fullscreen4.png') no-repeat center center;
  -webkit-background-size: contain;
  -moz-background-size: contain;
  -o-background-size: contain;
  background-size: contain;
  opacity: 1.0;
}



#logo-logo {
  position: absolute;
  top: 20px;
  left: 20px;
  background: none;
  z-index: 1000;
  opacity: 0.8;
  display: none;
}












#search-box {
  position: absolute;
  top: 0px;
  left: 0px;
  z-index: 889;
//    z-index: 7889;
//  background: rgba(64,64,64,1.0);
 background-color: #45423b;

//  background-image: url('img/intro-box-background4iii.jpg');
//  background-repeat: no-repeat;
 // background-attachment: fixed;
 // background-size: cover;
//  background-position: center;

  width: 100%;
  height: 100%;
  display: none;
//    display: block;
}
                              

#search-box2 {
  box-shadow: inset 0 0 150px black;
  width: 100%;
  height: 100%;
  display: block;
  background: rgba(69,66,56,0.55);
}

#search-box-header {
  position: absolute;
  top: 0px;
  left: 0px;
  z-index: 900;
  width: 100%;
  height: 93px;
  display: block;
  background: rgba(93,89,79,0.35);
  -moz-box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.1);
  -webkit-box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.1);
  box-shadow: 3px 3px 15px rgba(0, 0, 0, 0.58);
}

#search-box-header2 {
  position: absolute;
  top: 1px;
  left: 0px;
  z-index: 901;
  width: 100%;
  height: 4px;
  display: block;
/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#fceabb+0,fccd4d+28,f8b500+29,000000+100 */
background: rgb(252,234,187); /* Old browsers */
background: -moz-linear-gradient(-45deg,  rgba(252,234,187,1) 0%, rgba(252,205,77,1) 28%, rgba(248,181,0,1) 29%, rgba(0,0,0,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(-45deg,  rgba(252,234,187,1) 0%,rgba(252,205,77,1) 28%,rgba(248,181,0,1) 29%,rgba(0,0,0,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(135deg,  rgba(252,234,187,1) 0%,rgba(252,205,77,1) 28%,rgba(248,181,0,1) 29%,rgba(0,0,0,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fceabb', endColorstr='#000000',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
  -moz-box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.1);
  -webkit-box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.1);
  box-shadow: 0px 0px 6px rgba(219, 184, 47, 0.68);


}







#search-display {
  position: absolute;
  top: 93px;
  left: 0px;
  z-index: 890;
  width: 100%;
  height: calc(100% - 93px);
                  //    background-color: #aaaa00;

background: url('img/ornament3a.png') no-repeat left top;

          cursor: grab; cursor : -o-grab; cursor : -moz-grab; cursor : -webkit-grab;
  overflow-x: hidden;
  overflow-y: scroll; 
  display: block;


}


#search-display .content {
  width: 70%;  
  margin: 0px 6% 0 24%;
  padding: 10px 0 120px 0px;
  display: block;
  clear: both;
  overflow: hidden;
// background-color: #ffaa00; 
}



#search-display .search-wynik  h3 {
  color: #a9a9a9;
  font-size: 24px;
  line-height: 30px;
  font-weight: 400;
  font-family: 'Tinos', serif;
  padding: 20px 30px 30px 0px;
}

#search-display .search-wynik h3 span.search-liczba {
  color: #ffffff;
  font-size: 28px;
  line-height: 30px;
  font-weight: 400;
  font-family: 'Tinos', serif;
  padding: 0px 0px 0px 5px;
}

#search-display .search-wynik h3 span.search-liczba-druga {
  color: #4d4d4d;
  font-size: 20px;
  line-height: 30px;
  font-weight: 400;
  font-family: 'Tinos', serif;
  padding: 0px 0px 0px 2px;
}

#search-display .search-wynik h3 span.search-liczba-link {
  color: #e7b30e;
  font-size: 18px;
  line-height: 18px;
  font-weight: 400;
  font-family: 'Tinos', serif;
  padding: 0px 0px 0px 2px;
  cursor: pointer;
	transition: all 0.16s ease;
	-webkit-transition: all 0.16s ease;
  display: none;
}

#search-display .search-wynik h3 span.search-liczba-link:hover {
  color: #ffffff;
  font-size: 18px;
  line-height: 18px;
  font-weight: 400;
  font-family: 'Tinos', serif;
  padding: 0px 0px 0px 2px;
}







#search-display .obraz {
  width: 210px;
  height: 280px; 
  float: left;
 // background: rgba(0,0,0,0.1);
  margin: 0 10px 10px 0;
/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#000000+0,000000+76&0.23+0,0+76 */
background: -moz-linear-gradient(-15deg,  rgba(0,0,0,0.23) 0%, rgba(0,0,0,0) 76%); /* FF3.6-15 */
background: -webkit-linear-gradient(-15deg,  rgba(0,0,0,0.23) 0%,rgba(0,0,0,0) 76%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(165deg,  rgba(0,0,0,0.23) 0%,rgba(0,0,0,0) 76%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3b000000', endColorstr='#00000000',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */

  position: relative;
	transition: all 0.16s ease;
	-webkit-transition: all 0.16s ease;
  z-index: 2490;
overflow: hidden;
}



#search-display .obraz:hover .obraz_linkdopanoramy {
  left: 9px;     
}
 
#search-display .obraz:hover .obraz_linkdoobrazu {
  right: 15px;     
}

#search-display .obraz:hover .obraz_linkdoanimacji {
  right: 15px;     
}

#search-display .obraz:hover .obraz_opis p {
  color: #ffffff;     
}


#search-display .obraz:hover .obraz222 {
  background: rgba(0,0,0,0.55);

}



#search-display .obraz222 {
width: 190px; 
height: 190px;
border: 0px solid #ffaa00;
margin: 10px 10px 0px 10px;
  background: rgba(0,0,0,0.4);
	transition: all 0.16s ease;
	-webkit-transition: all 0.16s ease;
}

#search-display .obraz222 img {
margin: 0px;
padding: 0px;
width: 98%;
height: 98%;
          object-fit: contain ;
  filter: drop-shadow(0px 0px 1px rgba(0,0,0,.5))
          drop-shadow(0px 0px 10px rgba(0,0,0,.5));
   border: 0px solid #ffaa00;
}





#search-display .obraz:hover .obraz222 img {
margin: -2px 0px 0px -2px;
padding: 0px;
width: 100%;
height: 100%;
          object-fit: contain ;
  filter: drop-shadow(0px 0px 1px rgba(0,0,0,.5))
          drop-shadow(0px 0px 10px rgba(0,0,0,.5));
   border: 0px solid #ffaa00;

}



#search-display .obraz_linkdopanoramy {
  display: block;
  position: absolute;
  top: 9px;
  left: -55px; 
  width: 50px;
  height: 50px;
  background: url('img/panorama6.png') no-repeat center center; 
  background-color: #67544b;
  z-index: 2500;
  border-radius: 25px;
  opacity: 0.75;
	transition: all 0.16s ease;
	-webkit-transition: all 0.16s ease;
  cursor: pointer;

}

#search-display .obraz_linkdopanoramy:hover {
    opacity: 0.85;
  background-color: #a45834;

}



#search-display .obraz_linkdoanimacji {
  display: block;
  position: absolute;
  top: 9px;
  right: -65px; 
  width: 50px;
  height: 50px;
  background: url('img/ico_play2.png') no-repeat center center; 
  background-color: #415e8b;
  z-index: 2500;
  border-radius: 25px;
  opacity: 0.65;
	transition: all 0.16s ease;
	-webkit-transition: all 0.16s ease;
  cursor: pointer;

}

#search-display .obraz_linkdoanimacji:hover {
    opacity: 0.93;
  background-color: #415e8b;

}




#search-display .obraz_linkdoobrazu {
  display: block;
  position: absolute;
  top: 130px;
  right: -65px; 
  width: 60px;
  height: 60px;
  background: url('skin/ico_lupa2.png') no-repeat left top; 
  background-color: #dab128;
  z-index: 2500;
  border-radius: 30px;
  opacity: 0.85;
	transition: all 0.16s ease;
	-webkit-transition: all 0.16s ease;
  cursor: pointer;
}

#search-display .obraz_linkdoobrazu:hover {
    opacity: 0.95;
  background-color: #fcac22;

}



#search-display .obraz_opis {
  display: block;
  position: absolute;
  top: 210px;
  left: 0; 
  width: 100%;
 //background-color: #ffaa00;
}

#search-display .obraz_opis p {
  float: none;
  padding: 0 5px 0 5px;
  margin: 0px;
  color: #a9a9a9;
  font-size: 18px;
  line-height: 18px;
  font-weight: 400;
  font-family: 'Tinos', serif;
  text-align: center;
 //font-style: italic;
  font-style: normal;
  text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.6);
	transition: all 0.36s ease 0.2s;
	-webkit-transition: all 0.36s ease 0.2s;
}

#search-display .obraz_opis p.bigbig {
  float: none;
  padding: 0 5px 0 5px;
  margin: 0px;
  color: #a9a9a9;
  font-size: 22px;
  line-height: 18px;
  font-weight: 400;
  font-family: 'Tinos', serif;
  text-align: center;
 //font-style: italic;
  font-style: normal;
  text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.6);
	transition: all 0.36s ease 0.2s;
	-webkit-transition: all 0.36s ease 0.2s;
}


#search-display .obraz_opis p a {
  text-align: center;
  background: rgba(0,0,0,0.1);
}


#search-display .obraz_opis_pl {
  display: none;
}

#search-display .obraz_opis_en {
  display: none;
}







#search {
  position: absolute;
  top: 110px;
  left: 0px;
  z-index: 2450;
width: 15%;
height: auto;         
//background-color: #fffaaa;
margin: 0px 0 0 0px;
padding: 0px 0 0 0px;
  box-sizing: border-box;


 // background: rgba(0,0,0,0.6);
//  background-color: #fffaaa;
  display: block;

}                            


#search .search-input {
  width: 100%;
//background-color: #f0000a;
  float: left;
  height: auto;
  display: block;
  margin: 0px 0px 0px 0px;
  padding: 15px 15px 0px 15px; 

  box-sizing: border-box; 
}

#search .search-input input.myInput {
  background-image: url('img/searchicondark2.png'); /* Add a search icon to input */
  background-position: 12px 10px; /* Position the search icon */
  background-repeat: no-repeat; /* Do not repeat the icon image */
  width: 100%; /* Full-width */
  background-color: rgba(158,152,136,0.6);

   opacity: 0.7;
  filter: alpha(opacity=70);
	transition: all 0.16s ease;
	-webkit-transition: all 0.16s ease;

  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  font-family: 'Tinos', serif; 
  font-size: 25px; /* Increase font-size */
  line-height: 25px;
  padding: 8px 12px 8px 48px; /* Add some padding */
  margin: 0px 0px 0px 0px;
  color: #ffffff;
  font-weight: 400;
  border: 0px solid #eac019; /* Add a grey border */
  margin-bottom: 12px; /* Add some space below the input */
  -moz-box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.2);
  -webkit-box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.2);
  box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.2);
border-radius: 2px;
  text-shadow: 1px 1px 5px rgba(0, 0, 0, 0.3);

}

#search .search-input input.myInput:hover {
   opacity: 1.0;
  filter: alpha(opacity=100);
}

.myInput::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
  color: #a4a198;
  font-weight: 400;
  opacity: 1; /* Firefox */
}

.myInput:-ms-input-placeholder { /* Internet Explorer 10-11 */
  color: #a4a198;
  font-weight: 400;
}

.myInput::-ms-input-placeholder { /* Microsoft Edge */
  color: #a4a198;
  font-weight: 400;
}






#search .search-links {
  width: 100%;
//  background-color: #fffa00;
  float: left;
  height: auto;
  display: block;
  margin: 48px 0px 0px 15px;
  padding: 8px 0px 8px 0px;  
}

#search .search-links h3 {
  color: #7e7b74;
  font-weight: 400;
  text-decoration: none;
  font-family: 'Tinos', serif;
  font-size: 13px;
  line-height: 13px;
  padding: 0px 0px 0px 0px;
  margin: 20px 0px 6px 5px; 
  display: block;
  text-transform: uppercase;
  text-align: left;
} 

#search .search-links p {
  padding: 0px 0px 10px 0px;
  margin: 0px 0px 0px 0px; 
} 

#search .search-links p a {
  color: #e7b30e;
  font-weight: 400;
  text-decoration: none;
  font-family: 'Tinos', serif;
  cursor: pointer;
  font-size: 20px;
  line-height: 20px;
  padding: 4px 6px 4px 6px;
  margin: 0px 6px 0px 0px; 
	transition: all 0.16s ease;
	-webkit-transition: all 0.16s ease;
  border: 0px solid #d7d6d4;
  border-radius: 2px;
display: inline-block;

} 

#search .search-links p a.bigbig {
  font-size: 24px;
  line-height: 24px;

} 



#search .search-links p a::after {
  content: " »";
}



#search .search-links a.red {
  color: #e7b30e;
  border: 0px solid #d7d6d4;
}

#search .search-links a.red:hover {
  color: #ffffff;
  border: 0px solid #ffffff;
}

#search .search-links a.on, #search .search-links a.on:hover {
  color: #000000;
  border: 0px solid #d7d6d4;
  background-color: #e7b30e;
}




 


#animation-box {
  width: 100%;
  height: 100%;
  z-index: 9740;
  position: absolute;
  top: 0px;
  left: 0;
  display: none;
  background: rgba(57,55,48,0.85);
  color: #000000;
}


#animation-box-logo {
  position: absolute;
  top: 30px;
  left: 30px;
  opacity: 1.0;
  display: block;
  width: 435px;
  height: 120px;  
//  background: rgba(0,0,0,0.4);
  z-index: 9744;


}

#animation-box-logo img {
  width: 420px;
  height: auto;
  padding: 10px 0 0 10px;
}


#animation-box .animation-box-close {
  position: absolute;
  top: 0px;
  right: 0px;
  width: 70px;
  height: 70px;

  background-image: url('img/close44a.png');
  background-repeat: no-repeat;
  background-attachment: center;
  background-position: center;
  z-index: 4401;
  display: block;
  cursor: pointer;
  opacity: 0.5;
  filter: alpha(opacity=50);
	transition: all 0.16s ease;
	-webkit-transition: all 0.16s ease;
}

#animation-box .animation-box-close:hover {
  opacity: 0.85;
  filter: alpha(opacity=90);
}

#animation-box .animation-box-iframe  {
  position: absolute;
  left: 30px;
  top: 30px;
  border: 0px solid #ffffff;
  width: calc(100% - 60px);
  height: calc(100% - 60px);
  -moz-box-shadow: 3px 3px 15px rgba(0, 0, 0, 0.78);
  -webkit-box-shadow: 3px 3px 15px rgba(0, 0, 0, 0.78);
  box-shadow: 3px 3px 15px rgba(0, 0, 0, 0.78);
}








#panos-box {
  width: 100%;
  height: 100%;
  z-index: 300;
  position: absolute;
  top: 0px;
  left: 0;
  display: none;
}

.panos-box-header {
  position: absolute;
  top: 0px;
  left: 0px;
  z-index: 900;
  width: 100%;
  height: 93px;
  display: block;
  background: rgba(93,89,79,0.35);
  -moz-box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.1);
  -webkit-box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.1);
  box-shadow: 3px 3px 15px rgba(0, 0, 0, 0.08);
}

#panos-box-header:hover {
//  background: rgba(93,89,79,0.75);
}



.kontrast {
 
 

}

.kontrast2 {
 
  background: rgba(0,0,0,0.95);

}














#photos-box {
  display: none;
  border: 0px;
  position: absolute;
  top: 0;
  left: 0px;
  margin: 0px;
  padding: 0px; 
  width: 100%;
  height: 100%;
  background: rgba(0,0,0,1.0);
  z-index: 8550;
}

#photos-box .photo-krpano-col {
  margin: 0;
  padding: 0;
  float: left;
  position: relative;
  margin-top: 1%;
  padding: 0;
  width: 75%;
  height: 97%;
}

#photos-box .text-col {
  margin: 0;
  padding: 0;
  float: left;
  z-index: 8000;
  width: 25%;
  height: 100%;
 // background-color: #0000ff;
  background: rgba(69,66,56,0.75);

}

#photos-box .text-col2 {
  margin: 0;
  padding: 0;
//  box-shadow: inset 0 0 150px black;
  width: 100%;
  height: 100%;
  display: block;
 // background: rgba(69,66,56,0.75);
 overflow: hidden;   overflow-y: auto;        cursor: grab; cursor : -o-grab; cursor : -moz-grab; cursor : -webkit-grab;
}

#okienko {
  margin: 0;
  padding: 0;
  width: 100%;
  height: 100%; 
  background: url('img/ornament1.png') no-repeat center top;

//  background: rgba(169,166,56,0.55);   

}

#okienko h1 {
  font-size: 31px;
  line-height: 32px;
  font-weight: 400;
  color: #ebc029;
  font-family: 'Tinos', serif;
  padding: 30px 30px 20px 30px;
  margin: 0;
  text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.6);
}

#okienko h2 {
  font-size: 21px;
  line-height: 21px;
  font-weight: 400;
  color: #ffffff;
  font-family: 'Tinos', serif;
  padding: 0px 30px 0px 30px;
  margin: 0;
}

#okienko h2.bigbig {
  font-size: 25px;
  line-height: 25px;
}


#okienko p {
  font-size: 16px;
  line-height: 20px;
  text-align: justify;
  font-family: 'Tinos', serif;
  padding: 10px 30px 0px 30px;
  margin: 0;
}

#okienko p.nr {
  font-size: 14px;
  line-height: 14px;
  text-align: left;
  color: #706e69;
  font-family: 'Tinos', serif;
  padding: 24px 30px 0px 30px;
}

#okienko p.nr span{
  color: #ffffff;
  font-size: 17px;
}

#okienko p.atrybut {
  font-size: 14px;
  line-height: 15px;
  text-align: left;
  color: #706e69;
  font-family: 'Tinos', serif;
  padding: 10px 30px 0px 30px;
}

#okienko p.wartosc {
  font-size: 17px;
  line-height: 19px;
  text-align: left;
  color: #ffffff;
  font-family: 'Tinos', serif;
  padding: 0px 30px 12px 30px;
}

#okienko p.opis {
  font-size: 19px;
  line-height: 23px;
  text-align: left;
  color: #ffffff;
  font-family: 'Tinos', serif;
  padding: 0px 30px 12px 30px;
  text-align: justify;

  opacity: 0.8;
}

#okienko p.bigbig {
  font-size: 24px;
  line-height: 27px;
}

#okienko p.numer {
  font-size: 18px;
  line-height: 18px;
  text-align: left;
  color: #706e69;
  font-family: 'Tinos', serif;
  padding: 0px 30px 0px 30px;
}

#okienko br {
      //  line-height: 150%;
     }


#okienko .qrobraz {
  padding: 0 0 0 30px;
  margin: 0;
}

#okienko audio {
  padding: 0 0 0 0;
  margin: 0;
  width: 100%;
}


#okienko .qrobraz img {
  padding: 0;
  margin: 0;
  cursor: pointer;
}


#photos-box .photos-box-close {
  position: absolute;
  top: 0px;
  right: 0px;
  width: 70px;
  height: 70px;

  background-image: url('img/close44a.png');
  background-repeat: no-repeat;
  background-attachment: center;
  background-position: center;
  z-index: 8550;
  display: none;
  cursor: pointer;
  opacity: 0.75;
  filter: alpha(opacity=50);
	transition: all 0.16s ease;
	-webkit-transition: all 0.16s ease;
}

#photos-box .photos-box-close:hover {
  opacity: 0.85;
  filter: alpha(opacity=90);
}


#photos-box .photos-box-bar {
  display: none;
}

#photos-box .photos-box-bar-button {
  display: none;
}





.fancybox-slide--iframe .fancybox-content {
	width  : 800px;
	height : 600px;
	max-width  : 95%;
	max-height : 95%;
	margin: 0;
}