/*! HTML5 Boilerplate v6.1.0 | MIT License | https://html5boilerplate.com/ */

/*
 * What follows is the result of much research on cross-browser styling.
 * Credit left inline and big thanks to Nicolas Gallagher, Jonathan Neal,
 * Kroc Camen, and the H5BP dev community and team.
 */

/* ==========================================================================
   Base styles: opinionated defaults
   ========================================================================== */

html {
    color: #222;
    font-size: 1em;
    line-height: 1.4;
}

/*
 * Remove text-shadow in selection highlight:
 * https://twitter.com/miketaylr/status/12228805301
 *
 * Vendor-prefixed and regular ::selection selectors cannot be combined:
 * https://stackoverflow.com/a/16982510/7133471
 *
 * Customize the background color to match your design.
 */

::-moz-selection {
    background: #b3d4fc;
    text-shadow: none;
}

::selection {
    background: #b3d4fc;
    text-shadow: none;
}

/*
 * A better looking default horizontal rule
 */

hr {
    display: block;
    height: 1px;
    border: 0;
    border-top: 1px solid #ccc;
    margin: 1em 0;
    padding: 0;
}

/*
 * Remove the gap between audio, canvas, iframes,
 * images, videos and the bottom of their containers:
 * https://github.com/h5bp/html5-boilerplate/issues/440
 */

audio,
canvas,
iframe,
img,
svg,
video {
    vertical-align: middle;
}

/*
 * Remove default fieldset styles.
 */

fieldset {
    border: 0;
    margin: 0;
    padding: 0;
}

/*
 * Allow only vertical resizing of textareas.
 */

textarea {
    resize: vertical;
}

/* ==========================================================================
   Browser Upgrade Prompt
   ========================================================================== */

.browserupgrade {
    margin: 0.2em 0;
    background: #ccc;
    color: #000;
    padding: 0.2em 0;
}

/* ==========================================================================
   Author's custom styles
   ========================================================================== */
   @font-face {
    font-family: 'JSLight';
    src: url('../fonts/JosefinSansLight.ttf');
	font-stretch:normal;
	font-style: normal;
	font-weight: normal;
	-webkit-font-smoothing: antialiased; /* safari mac nicer */
	text-rendering: optimizeLegibility; 
	-moz-osx-font-smoothing: grayscale; /* fix fatty ff on mac */
	
}
   
   
/* All parent elements of .bg-holder must be 100% height for vertical stretch to work */
html,
body {
  width: 100%;
  height: 100%;
  font-family: 'Josefin Sans', 'JSLight', sans-serif;
}

#mainHead, #mainHeadsite {
	width:100%;
	height:0;
	background-size:cover;
	margin:  0;
	padding:  0;
}
#mainHead {
	height:55vh;
	background-image: url('../img/headImg.jpg');
	background-position:center center;
}
body .wersjaEN {
	background-image: url('../img/headImgEN.jpg') !important;
}

#mainHead .jezyk, #mainHeadSite .jezyk {position:absolute;right:0;top:10px;opacity:.7;z-index: 500;}
#mainHead .jezyk:hover, #mainHeadSite .jezyk:hover {opacity: 1;}

#mainHead .jezyk img, #mainHeadSite .jezyk img{	width:40px;}


 /* Add a black background color to the top navigation */
.topnav {
    background-color: #000;
    //overflow: hidden;
	position:fixed;
	top:0;
	left:10%;
	z-index:50;
}

/* Style the links inside the navigation bar */
.topnav a {
    /*! float: left; */
    display: block;
    color: #dcdcdc;
    text-align: left;
    /*! padding: 14px 16px; */
    text-decoration: none;
    font-size: 1em;
}

.homeBTN {float:left;}

/* Add an active class to highlight the current page */
.active {
    background-color: #4CAF50;
    color: white;
}

/* Hide the link that should open and close the topnav on small screens */
.topnav .icon {
    //display: none;
}

/* Dropdown container - needed to position the dropdown content */
.dropdown {
    float: left;
    overflow: hidden;
    /*! left: 10%; */
    /*! position: relative; */
}

/* Style the dropdown button to fit inside the topnav */
.dropdown .dropbtn {
    font-size: 1em;
    border: none;
    outline: none;
    color: white;
    padding: 14px 30px;
    background-color: inherit;
    font-family: inherit;
    margin: 0;
}

/* Style the dropdown content (hidden by default) */
.dropdown-content {
    display: none;
    position: absolute;
    background-color: #000;
    min-width: 260px;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
    z-index: 1;
    padding: 20px 0;
}

.dropdown-content ul {
	list-style:none;
	margin:0;
	padding:0;
}

/* Style the links inside the dropdown */
.dropdown-content a {
    float: none;
    color: #dcdcdc;
    padding: 10px 16px 7px 70px;
    text-decoration: none;
    display: block;
    text-align: left;
    width: 260px;
}

/* Add a dark background on topnav links and the dropdown button on hover */
.topnav a:hover, .dropdown:hover .dropbtn {
    background-color: #000;
    color: white;
}

/* Add a grey background to dropdown links on hover */
.dropdown-content a:hover {
    background-color: #ddd;
    color: black;
}

/* Show the dropdown menu when the user moves the mouse over the dropdown button */
.dropdown:hover .dropdown-content {
    display: block;
}

/* When the screen is less than 600 pixels wide, hide all links, except for the first one ("Home"). Show the link that contains should open and close the topnav (.icon) */
@media screen and (max-width: 600px) {
  .topnav a:not(:first-child) {display: none;}
  .topnav a.icon {
    /*! float: right; */
    display: block;
  }

  .topnav a.homeBTN {display: block;}
  #mainHead .topnav a.homeBTN {display: none;}
}

/* The "responsive" class is added to the topnav with JavaScript when the user clicks on the icon. This class makes the topnav look good on small screens (display the links vertically instead of horizontally) */
@media screen and (max-width: 600px) {
  .topnav.responsive {/*! position: relative; */width: 100%;left: 0;}
  .topnav.responsive a.icon {
    /*! position: absolute; */
    /*! right: 0; */
    /*! top: 0; */
  }
  .topnav.responsive a {
    float: none;
    display: block;
    text-align: left;
    /*! width: 100%; */
  }
  .topnav.responsive .dropdown {float: none;/*! width: 100%; */position: relative;left: 10%;}
  .topnav.responsive .dropdown-content {position: relative;}
  .topnav.responsive .dropdown .dropbtn {
    display: block;
    width: 100%;
    text-align: left;
  }

  .topnav.responsive a.homeBTN {
  	float:left;
  	top: 0;
  	position: absolute;
  	left: calc(10% + 58px);
  }
	#mainHead .topnav.responsive a.homeBTN {display: block;}
  
} 

/* sekcja  */

#wstep, #autorzy {
	background-color:#e9e6e5;
	margin:0;
	padding: 1px 1px 15px 1px;
	text-align:center;
}

#wstep h1 {
	font-size: 2.5em;
	width: 100%;
	text-align: center;
	margin: 50px 0;
}

#wstep #logaBox {
	width:50%;
	position:relative;
	top:0px;
	left:0%;
	margin: 0;
	padding: 0;
}
#wstep #logaBox img {
	margin:5%;
	padding: 0;
	display:inline-block;
	width: 23%;
}

#logaBox img:nth-child(1) {
	/* width:100px; */
}

#wstep #logaBox img:nth-child(5) {
	width:42%;
}


#wstep p {
text-align: left;
padding: 0 5% 25px 0;
width:40%;
float:right;
}

#wstep p .wykaz {
	margin-top: 20px;
	/* padding-top: 20px; */
	display: block;
}

.wykaz a {
	color:#555;
	text-decoration:none;
	font-weight:bold;
}

.wykaz a:hover {
	color:#000;

}

#wstep img {
	padding: 10px;
	/* clear:both; */
	/* margin-left: 51%; */
}

#wstep .scrollIco {
	clear:both;
	display:block;
	float:none;
	text-align:center;
	width:100%;
	margin-bottom:5px;
	padding:0;
}


#autorzy p, #autorzy h2 {
	text-align:left;
	padding:0 0 0 10%

}

 #autorzy h2 {
 	padding-top: 130px;
 }

#autorzy ul {
	padding: 0 0 0 12%;
	text-align:left;
}

#autorzy img {
	width:100%;
	padding-top:5%;

}

.boldText {
	font-weight:bold;
}


/* ustawienia 1360 */
.bg-holder {
  width: 100%;
  height: 400%;
  margin-top: -20px;
  text-align:center;
}

.bg-holder#pic1 {
  background-image: url('../img/BG_OcaloneSkarby_big.jpg');
}

.bg-holder#pic2 {
  background-image: url('../img/BG_kolekcjaWeWroclawiu_big.jpg');
}

.bg-holder#pic3 {
  background-image: url('../img/BG_kolekcjaWeWroclawiu_big.jpg');
}

/* formatowanie podstawowe box
box - fota po lewej
box2 - fota po prawej
box3 - fota pod spodem

*/

#contentWrapper {width:1360px;margin:auto;padding:0;border:0;text-align:left;}

.opisy {
	 box-shadow: 0px 0px 15px #222; position:relative; float:left; background:#1e1e1e; border: 1px solid #1e1e1e; color:#d7d7d7;font-size:1em;
}

.opisy img {
	position:absolute; opacity: .25;	width: 160px; top: 50%;	left:  50%;	margin:  -80px 0 0 -80px;
}

.opisy h2 {margin:0; padding: 50px 30px 24px 40px;}

body.eng .opisy h2 {font-size:1.1em}


.opisy .fotoBlock {overflow:hidden;position:  absolute;}

.opisy a{
	width:100%;
	height:100%;
	background-color:#1e1e1e;
	background-size: cover;
	background-position: center center;
	position: absolute;
	-webkit-transition: 1s ease-in-out;
    -moz-transition: 1s ease-in-out;
    -o-transition: 1s ease-in-out;
    transition: 1s ease-in-out;
	/* -webkit-transition: background-size 1s; */ /* Safari */
	/* transition: background-size 1s; */
}

.opisy a:hover {
	-ms-transform: scale(1.05, 1.05); /* IE 9 */
    -webkit-transform: scale(1.05, 1.05); /* Safari */
    transform: scale(1.05, 1.05);}

.opisy a img {
	-webkit-transition: opacity 1s; /* Safari */
    transition: opacity 1s;
}

.opisy a:hover img {
	opacity:.7;
}

.box {width:725px;}
.box h2 {margin-left: 300px;}
.box p {margin: 0 0 0 300px; padding: 0px 30px 35px 40px; }
.box .fotoBlock {top:0; left: 0; width:300px; height: 100%;}


.box2 {width:725px;}
.box2 p {margin: 0 300px 0 0px; padding: 0px 30px 35px 40px;}
.box2 .fotoBlock {top:0; right: 0; width:300px; height: 100%;}

.box3 {width:425px;}
.box3 p {margin: 0px 0 300px 0; padding: 0px 30px 35px 40px;}
.box3 .fotoBlock {bottom: 0; left:0; width: 100%;height: 300px;}

.box4 {width: 1100px;}
.box4 h2 {margin-left:450px;}
.box4 p {margin-left:450px;padding: 0px 30px 35px 40px;}
.box4 .fotoBlock {width:450px; height: 100%;}

.fotobox1 {width:550px;position:relative;float:left;border: 1px solid #1e1e1e; box-shadow: 0px 0px 15px #222;overflow:hidden;}

.fotobox1 a {width:100%; height:100%;	display:block;background-size: cover;background-position:center center;
	-webkit-transition: 1s ease-in-out;
    -moz-transition: 1s ease-in-out;
    -o-transition: 1s ease-in-out;
    transition: 1s ease-in-out;}
.fotobox1 a:hover {-ms-transform: scale(1.05, 1.05); /* IE 9 */
    -webkit-transform: scale(1.05, 1.05); /* Safari */
    transform: scale(1.05, 1.05);}

.fotobox1 img {position:absolute; top:50%; left:50%; width:160px; margin: -80px 0 0 -80px; opacity: .25;
}

.boxNext {
	position:relative;
	float:left;
	width:300px;
	/* height: 200px; */
	background-color:#1e1e1e;
	color:#d7d7d7;
	padding: 40px 40px 50px;
	box-shadow: 0px 0px 15px #222;
}

.boxNext p {
	padding:0 0 0 6px;
}

.boxNext a {
	font-size: 3em;
	color: #d7d7d7;
	text-decoration:  none;
	line-height: 0.8em;
}

.boxT h2 {
margin:0;
}

/* ---------------------- pozycjonowanie boxow -------------------- */
#s11 {top:100px;	left: 5%;}
#s11 a {background-image:url('../img/ocaloneSkarby_300.jpg');}
#s11 a img {/* opacity:.6; */}

#s12 {top:200px;	left: 8%;}
#s12 a {background-image:url('../img/miloscDoKsiazki_425.jpg');}

#s13 {top: 150px; left: -37%;}
#s13 a {background-image:url('../img/poczatkiKolekcji_425.jpg');}

#s14 {top: -490px; left: 540px;}
#s14 a {background-image:url('../img/unikalnyZbior_600.jpg');}

#f11 {top: 170px;left: 7%;height: 535px;width: 425px;}
#f11 a {background-image:url('../img/KolekcjaSaravala_s1f1.jpg'); }

#f12 {width: 570px;top: 70px;left: 5%;height: 350px;}
#f12 a {background-image:url('../img/KolekcjaSaravala_s1f2.jpg');}
#f13 {width: 550px;top: 210px;left: 9%;height: 350px;}
#f13 a {background-image:url('../img/KolekcjaSaravala_s1f3.jpg');}
#f14 {top: 110px;width: 420px;height: 600px;left: 5%;}
#f14 a {background-image:url('../img/KolekcjaSaravala_s1f4.jpg');}
#f15 {width: 330px;top: 250px;left: 8%;height: 430px;}
#f15 a{background-image:url('../img/KolekcjaSaravala_s1f5.jpg');}
#f16 {width: 330px;top: 250px;left: 11.5%;height: 430px;}
#f16 a {background-image:url('../img/KolekcjaSaravala_s1f6.jpg');}
#f17 {width:600px;top: 330px;left: -26%;height: 350px;}
#f17 a {background-image:url('../img/KolekcjaSaravala_s1f7.jpg');}

#s15 {left: 55%;top: 140px;/* padding: 40px; */}

#s1a1 {top: 120px;left: 5%;}
#s1a1 a {background-image:url('../img/miloscDoKsiazki_425.jpg');}
#s1a1 a img {opacity:.6;}

#s1a2 {top: -210px;left: 8%;}
#s1a2en {top: -280px;left: 61%;}
#s1a2 a, #s1a2en a {background-image:url('../img/poczatkiKolekcji_425.jpg');}

#s1a3 {top: -20px;left: 5%;}
#s1a3en {top: 650px;left: -26%;}
#s1a3 a, #s1a3en a {background-image:url('../img/unikalnyZbior_600.jpg');}

#s1a4 {top: -490px; left: 540px;}
#s1a4en {top: -490px; left: 540px;}
#s1a4 a, #s1a4en a {background-image:url('../img/unikalnyZbior_600.jpg');}
#f1a1 {top: 675px;left: -43%;height: 425px;width: 615px;}
#f1a1en {top: 585px;left: -43%;height: 465px;width: 615px;}
#f1a1 a, #f1a1en a {background-image:url('../img/box_f1a1.jpg');}

#f1a2 {width: 390px;top: -160px;left: 10%;height: 520px;}
#f1a2en {width: 390px;top: 100px;left: 32%;height: 470px;}
#f1a2 a, #f1a2en a {background-image:url('../img/KolekcjaSaravala_f11.jpg');}
#s1a5 {top: -75px;left: 60%;}
#s1a5en {top: 685px;left: 1%;}

/* ------------------------ pozycjonowanie boxow kolekcja we wroclawiu -------------------- */
#s21 {top:120px;	left: 5%;}
#s21 a {background-image:url('../img/box21.jpg');}
#s21 a img {opacity:.6;}

#s22 {top: 170px;left: 8%;}
.eng #s22 {width:740px;}
#s22 a {background-image:url('../img/box22.jpg');}

#s23 {top: 250px;left: -29%;}
.eng #s23 {top: 250px;left: -29%;}
#s23 a {background-image:url('../img/box23.jpg');}

#s24 {top: -80px;left: 62%;}
.eng #s24 {top: -80px;left: 62%;}
#s24 a {background-image:url('../img/box24.jpg');}

#s25 {left: -29%;top: 50px;/* padding: 40px; */}
.eng #s25 {left: 2.5%;top: 80px;/* padding: 40px; */}
#s25 a {background-image: url('../img/box26.jpg');}
#f25a {width:600px;top: 445px;left: 14%;height: 350px;}
.eng #f25a {width:600px;top: 385px;left: 14%;height: 350px;}
#f25a a {background-image: url('../img/KolekcjaSaravala_s26a.jpg');}

#f25b {width: 440px;top: 800px;left: -805px;height: 350px;}
.eng #f25b {width: 440px;top: 775px;left: -360px;height: 350px;}
#f25b a {background-image: url('../img/KolekcjaSaravala_s26b.jpg');}

#s26 {left: 40%;top: -170px;/* padding: 40px; */}
.eng #s26 {left: 10%;top: 100px;/* padding: 40px; */}
#s26 a {background-image: url('../img/box25.jpg');}

#s27 {left: -43%;top: 190px;/* padding: 40px; */}
.eng #s27 {left: -36%;top: 420px;/* padding: 40px; */}

#f21 {top: 210px;left: 14%;height: 370px;}
#f21 a {background-image:url('../img/foto21.jpg');}

#f22 {width:600px;top: 320px;left: -23%;height: 350px;}
.eng #f22 {width:600px;top: 320px;left: -28%;height: 350px;}
#f22 a {background-image: url('../img/foto22.jpg');}
#f23 {width: 600px;top: 420px;left: -7%;height: 350px;}
.eng #f23 {width: 600px;top: 190px;left: 43%;height: 350px;}
#f23 a {background-image: url('../img/foto23.jpg');}

/* ------------------------ korekcja dziwnych przesunięć w firefox -------------------- */
@media only screen and (min-width: 1361px) {
    .eng #s25 {-moz-transform: translate(-360px, 0px);}
    .eng #f25b {-moz-transform: translate(-380px, 20px);}
    .eng #s26 {-moz-transform: translate(460px, -300px);}
    .eng #f23 {-moz-transform: translate(-700px, 160px);}
}


/* ------------------------ wojenne losy -------------------- */
#s31 {top: 110px;left: 43%;/* width: 46%; */}
#s31 a {background-image:url('../img/box31.jpg');}
#s31 a img {opacity:.6;}

#s32 {top: 165px;left: -40%;}
#s32en {top: 215px;left: -35%;}
#s32 a, #s32en a {background-image:url('../img/box31.jpg');}

#s33 {top: -575px;left: 42%;-moz-transform: translate(0px, 20px);}
#s33en {top: -535px;left: 42%;}
#s33 a, #s33en a {background-image:url('../img/box32.jpg');}

#s34 {top: -520px;left: 42%;}
#s34en {top: -475px;left: 42%;}
#s34 a, #s34en a {background-image:url('../img/box33.jpg');}

#s35 {left: 8%;top: -470px;/* padding: 40px; */}
#s35en {left: 8%;top: -420px;/* padding: 40px; */}
#s35 a, #s35en a {background-image:url('../img/box34.jpg');}

#s36 {left: 16%;top: -365px;/* padding: 40px; */}
#s36en {left: 16%;top: -265px;/* padding: 40px; */}
#s36 a, #s36en a {background-image: url('../img/foto31.jpg');}

#s37 {left: 5%;top: -755px;/* padding: 40px; */}
#s37en {left: 5%;top: -655px;/* padding: 40px; */}
#s37 a, #s37en a {background-image: url('../img/box35.jpg');}

#s38 {left: -50%;top: -305px;/* padding: 40px; */}
#s38en {left: -50%;top: -215px;/* padding: 40px; */}
#s38 a, #s38en a {background-image:url('../img/box37.jpg');}

#s39 {left: 40%;t;top: -1020px;}
#s39en {left: 40%;t;top: -830px;}
#s39 a, #s39en a {background-image:url('../img/box38.jpg');}

#s310 {left: 5%;top: -985px;/* padding: 40px; */}
#s310en {left: 5%;top: -774px;/* padding: 40px; */}
#s310 a, #s310en a {background-image:url('../img/box39.jpg');}

#s311 {left: 10%;top: -810px;/* padding: 40px; */}
#s311en {left: 10%;top: -493px;/* padding: 40px; */}

#f31 {top: -415px;left: 12%;height: 360px;width: 620px;}
#f31en {top: -355px;left: 12%;height: 360px;width: 620px;}
#f31 a, #f31en a {background-image: url('../img/box36.jpg');}

#f32 {width: 650px;top: -1070px;left: 42.5%;height: 360px;}
#f32en {width: 650px;top: -910px;left: 42.5%;height: 360px;}
#f32 a, #f32en a {background-image:url('../img/boxF41.jpg');}


/* ------------------------ Zydowskie ksiegi -------------------- */
#s41 {top:120px;	left: 5%;}
#s41en {top:140px;left: 4%;}
#s41 a, #s41en a {background-image:url('../img/box41.jpg');}
#s41 a img {opacity:.6;}

#s42 {top: 220px;left: 10%;}
#s42en {top: 220px;left: 9%;}
#s42 a, #s42en a {background-image:url('../img/box42.jpg');}

#s43 {top: -30px;left: 5%;}
#s43en {top: 10px;left: 4%;}
#s43 a, #s43en a {background-image: url('../img/box44.jpg');}

#s44 {top: -151px;left: 5.5%;}
#s44en {top: -171px;left: 4%;}
#s44 a, #s44en a {background-image: url('../img/box47b.jpg');}

#s45 {left: 10%;top: 410px;/* padding: 40px; */}
#s45en {left: 9%;top: 395px;/* padding: 40px; */}
#s45 a, #s45en a {background-image:url('../img/box45.jpg');}

#s46 {left: 5.5%;top: -140px;/* padding: 40px; */}
#s46en {left: 4%;top: -90px;/* padding: 40px; */}
#s46 a, #s46en a {background-image:url('../img/box46.jpg');}

#s47 {left: 10%;top: 520px;/* padding: 40px; */}
#s47en {left: 9%;top: 500px;/* padding: 40px; */}
#s47 a, #s47en a {background-image:url('../img/box47.jpg');}

#s48 {left: -22%;top: 375px;/* padding: 40px; */}
#s48en {left: -24%;top: 375px;/* padding: 40px; */}
#s48 a, #s48en a {background-image:url('../img/box48.jpg');}

#s49 {left: 41%;	top: -260px;/* padding: 40px; */}
#s49en {left: 41%;	top: -260px;/* padding: 40px; */}
#s49 a, #s49en a {background-image:url('../img/box49.jpg');}

#s410 {left: 41%;	top: -260px;/* padding: 40px; */}
#s410en {left: 41%;	top: -260px;/* padding: 40px; */}
#s410 a, #s410en a {background-image:url('../img/box410.jpg');}

#s411 {left: 20%;	top:-150px;	/* padding: 40px; */}
#s411en {left: 20%;	top:-150px;	/* padding: 40px; */}

#f41 {top: 290px;left: 10%;height: 320px;width: 425px;}
#f41en {top: 280px;left: 9%;height: 320px;width: 425px;}
#f41 a, #f41en a {background-image:url('../img/box4f2.jpg');}

#f41a {top: 347px;left: -6%;height: 320px;width: 585px;}
#f41aen {top: 345px;left: -5%;height: 370px;}
#f41a a, #f41aen a {background-image:url('../img/KolekcjaSaravala_s46as.jpg');}

#f42 {width:600px;top: 464px;left: 15%;height: 350px;}
#f42en {width:600px;top: 435px;left: 11%;height: 350px;}
#f42 a, #f42en a {background-image:url('../img/KolekcjaSaravala_s46bs.jpg');}


/* ------------------------ introligatorzy iluminatorzy kopisci -------------------- */
#s51 {top:120px;	left: 5%;}
#s51 a {background-image:url('../img/box51.jpg');}
#s51 a img {opacity:.6;}

#s52 {top: 170px;left: 8%;}
#s52en {top: 150px;left: 8%;}
#s52 a, #s52en a {background-image:url('../img/box52.jpg');}

#s53 {top: -230px;left: 5%;}
#s53en {top: -200px;left: 5%;}
#s53 a, #s53en a  {background-image:url('../img/box53.jpg');}

#s54 {top: 200px;left: -49%;}
#s54en {top: 240px;left: -49%;}
#s54 a, #s54en a {background-image:url('../img/box54.jpg');}

#s55 {left: -36%;top: 450px;/* padding: 40px; */}
#s55en {left: -36%;top: 385px;/* padding: 40px; */}
#s55 a, #s55en a {background-image:url('../img/box55.jpg');}

#s56 {left: 41%;top: -511px;/* padding: 40px; */}
#s56en {left: 1%;top: -391px;/* padding: 40px; */}
#s56 a, #s56en a {background-image: url('../img/box57.jpg');}

#s57 {left: 9%;top: 65px;/* padding: 40px; */}
#s57en {left: 34%;top: 95px;/* padding: 40px; */}
#s57 a, #s57en a {background-image: url('../img/box56.jpg');}

#s58 {left: -42%;top: -155px;/* padding: 40px; */}
#s58en {left: -39%;top: -161px;/* padding: 40px; */}
#s58 a, #s58en a {background-image:url('../img/box58.jpg');}

#s59 {left: 41%;top: -645px;/* padding: 40px; */}
#s59en {left: 41%;top: -630px;/* padding: 40px; */}
#s59 a, #s59en a {background-image:url('../img/box59.jpg');}

#s510 {left: 5%;top: -532px;/* padding: 40px; */}
#s510en {left: 5%;top: -470px;/* padding: 40px; */}
#s510 a, #s510en a {background-image:url('../img/box510.jpg');}

#s511 {left: 41%;	top: -260px;/* padding: 40px; */}
#s511en {left: 41%;	top: -260px;/* padding: 40px; */}
#s511 a, #s511en a {background-image:url('../img/box511.jpg');}

#s512 {left: 32%;top: -370px;/* padding: 40px; */}
#s512en {left: 30%;top: -290px;/* padding: 40px; */}
#s512 a, #s512en a {background-image:url('../img/box512.jpg');}

#s513 {left: -38.5%;top: -490px;/* padding: 40px; */}
#s513en {left: -39%;top: -412px;/* padding: 40px; */}
#s513 a, #s513en a {background-image:url('../img/box513.jpg');}

#s514 {left: 10.5%;top: -300px;/* padding: 40px; */}
#s514en {left: 8%;top: -170px;/* padding: 40px; */}
#s514 a, #s514en a {background-image:url('../img/box514.jpg');}

#s515 {left: 6%;top: -945px;/* padding: 40px; */}
#s515en {left: 5.5%;top: -830px;/* padding: 40px; */}
#s515 a, #s515en a {background-image:url('../img/box515.jpg');}

#s516 {left: 10.5%;top: -240px;/* padding: 40px; */}
#s516en {left: 7.5%;top: -94px;/* padding: 40px; */}
#s516 a, #s516en a {background-image:url('../img/box516.jpg');}

#s517 {left: -23%;top: -419px;/* padding: 40px; */}
#s517en {left: -24%;top: -170px;/* padding: 40px; */}
#s517 a, #s517en a {background-image:url('../img/box517.jpg');}

#s511 {left: 5%;top: -540px;}
#s511en {left: 5%;top: -515px;}

#fs56 {top:-5px;left: 10%;height: 320px;width: 390px;}
#fs56en {top: -265px;left: 62%;height: 320px;width: 390px;}
#fs56 a, #fs56en a {background-image:url('../img/KolekcjaSaravala_s56as.jpg');}

#fs511a {top: -483px;left: 11%;height: 525px;width: 380px;}
#fs511aen {top: -413px;left: 11%;height: 525px;width: 380px;}
#fs511a a, #fs511aen a {background-image:url('../img/KolekcjaSaravala_s511a.jpg');}

#fs511b {top: -425px;left: 10%;height: 370px;}
#fs511ben {top: -355px;left: 10%;height: 370px;}
#fs511b a, #fs511ben a {background-image:url('../img/KolekcjaSaravala_s511b.jpg');}

#fs513 {top: -730px;left: 63.5%;height: 370px;width: 425px;}
#fs513en {top: -610px;left: 61.5%;height: 370px;width: 425px;}
#fs513 a, #fs513en a {background-image:url('../img/KolekcjaSaravala_s513a.jpg');}

#f51 {top: -525px;left: 42%;height: 370px;}
#f51en {top: -485px;left: 49%;height: 370px;}
#f51 a, #f51en a {background-image:url('../img/box25.jpg');}

#f52 {width: 640px;top: -550px;left: 8%;height: 330px;}
#f52en {width:600px;top: -610px;left: 9%;height: 350px;}
#f52 a, #f52en a {background-image: url('../img/box26.jpg');}

#f53 {width: 600px;top: -795px;left: 12%;height: 250px;}
#f53en {width:600px;top: -820px;left: 10%;height: 350px;}
#f53 a, #f53en a {background-image: url('../img/box5f2.jpg');}

.str1 {
	height: 2150px;	
}
.str1a {
	height: 1930px;
}
.str2 {
	height: 3450px;
}
.str3 {
	height: 4100px;
}
.str4 {
	height: 3250px;
}
.str5 {
	height: 7100px;

}

.str1, .str2, .str3, .str4, .str5, .str1a {overflow:hidden;}


@media only screen and (max-width: 1600px) {
    #contentWrapper {width:1360px;}
}

/*---------------------- posrednie rozsypanie kafelkow ----------------- */
@media only screen and (max-width: 1360px) {
	#contentWrapper {width:1200px;}

.opisy img {
	width: 140px; margin:  -70px 0 0 -70px;
}

.opisy h2 {margin:0; padding: 50px 30px 24px 40px;	
}

.box {width: 630px;}
.box h2 {margin-left: 250px;}
.box p {margin: 0 0 0 250px;}
.box .fotoBlock {width:250px;}


.box2 {width: 630px;}
.box2 p {margin: 0 250px 0 0px;}
.box2 .fotoBlock {width:250px;}

.box3 {width: 390px;}
.box3 p {margin: 0px 0 250px 0;}
.box3 .fotoBlock {height: 250px;}

.box4 {width: 1000px;}
.box4 h2 {margin-left:400px;}
.box4 p {margin-left:400px;}
.box4 .fotoBlock {width:400px;}

.fotobox1 img {width:140px; margin: -70px 0 0 -70px;}

/* ---------------------- pozycjonowanie boxow -------------------- */
#s11 {top:100px;left: 3%;}
#s11 a {background-image:url('../img/ocaloneSkarby_300.jpg');}
#s11 a img {/* opacity:.6; */}

#s12 {top:200px;	left: 8%;}
#s12 a {background-image:url('../img/miloscDoKsiazki_425.jpg');}

#s13 {top: 150px; left: -37%;}
#s13 a {background-image:url('../img/poczatkiKolekcji_425.jpg');}

#s14 {top: -490px; left: 540px;}
#s14 a {background-image:url('../img/unikalnyZbior_600.jpg');}

#f11 {top: 170px;left: 6%;height: 535px;width: 425px;}
#f11 a {background-image:url('../img/KolekcjaSaravala_s1f1.jpg'); }

#f12 {width: 570px;top: 130px;left: 5%;height: 350px;}
#f12 a {background-image:url('../img/KolekcjaSaravala_s1f2.jpg');}
#f13 {width: 495px;top: 210px;left: 7%;height: 350px;}
#f13 a {background-image:url('../img/KolekcjaSaravala_s1f3.jpg');}
#f14 {top: 160px;width: 420px;height: 600px;left: 5%;}
#f14 a {background-image:url('../img/KolekcjaSaravala_s1f4.jpg');}
#f15 {width: 590px;top: 250px;left: 11%;height: 440px;}
#f15 a{background-image:url('../img/KolekcjaSaravala_s1f5.jpg');}
#f16 {width: 350px;top: 330px;left: 29.5%;height: 490px;}
#f16 a {background-image:url('../img/KolekcjaSaravala_s1f6.jpg');}
#f17 {width:600px;top: -140px;left: 8%;height: 350px;}
#f17 a {background-image:url('../img/KolekcjaSaravala_s1f7.jpg');}

#s15 {left: -38%;top: 240px;/* padding: 40px; */}

#s1a1 {top: 120px;left: 4%;}
#s1a1 a {background-image:url('../img/miloscDoKsiazki_425.jpg');}
#s1a1 a img {opacity:.6;}

#s1a2 {top: -250px;left: 10%;}
#s1a2en {top: -190px;left: 11%;}
#s1a2 a, #s1a2en a {background-image:url('../img/poczatkiKolekcji_425.jpg');}

#s1a3 {top: -160px;left: 5%;}
#s1a3en {top: -132px;left: 6%;}
#s1a3 a, #s1a3en a {background-image:url('../img/unikalnyZbior_600.jpg');}

#s1a4 {top: -490px; left: 540px;}
#s1a4en {top: -490px; left: 540px;}
#s1a4 a, #s1a4en a {background-image:url('../img/unikalnyZbior_600.jpg');}
#f1a1 {top: 150px;left: 6%;height: 355px;width: 615px;}
#f1a1en {top: 150px;left: 7%;height: 375px;width: 615px;}
#f1a1 a, #f1a1en a {background-image:url('../img/box_f1a1.jpg');}

#f1a2 {width: 390px;top: -102px;left: 8%;height: 520px;}
#f1a2en {width: 390px;top: -50px;left: 9%;height: 470px;}
#f1a2 a, #f1a2en a {background-image:url('../img/KolekcjaSaravala_f11.jpg');}
#s1a5 {top: -170px;left: 7%;}
#s1a5en {top: -155px;left: 10%;}

/* ------------------------ pozycjonowanie boxow kolekcja we wroclawiu -------------------- */
#s21 {top:120px;left: 4%;}
#s21 a {background-image:url('../img/box21.jpg');}
#s21 a img {opacity:.6;}

#s22 {top: 170px;left: 8%;}
.eng #s22 {width:725px;}
#s22 a {background-image:url('../img/box22.jpg');}

#s23 {top: 240px;left: 4%;}
.eng #s23 {top: 255px;left: -30%;}
#s23 a {background-image:url('../img/box23.jpg');}

#s24 {top: 280px;left: 8%;}
.eng #s24 {top: -82px;left: 61%;}
#s24 a {background-image:url('../img/box24.jpg');}

#s25 {left: -45%;top: 120px;/* padding: 40px; */}
.eng #s25 {left: 4%;top: 70px;/* padding: 40px; -moz-transform: translate(-600px, 0px);*/}
#s25 a {background-image: url('../img/box26.jpg');}

#f25a {width:600px;top: 35px;left: 44%;height: 350px;}
.eng #f25a {width:600px;top: 361px;left: 11%;height: 350px;}
#f25a a {background-image: url('../img/KolekcjaSaravala_s26a.jpg');}

#f25b {width: 400px;top: 220px;left: 60px;height: 350px;}
.eng #f25b {width: 400px;top: 780px;left: -29%;height: 350px;}
#f25b a {background-image: url('../img/KolekcjaSaravala_s26b.jpg');}

#s26 {left: 9%;top: -223px;/* padding: 40px; */}
.eng #s26 {left: 9%;top: 87px;/* padding: 40px; */}
#s26 a {background-image: url('../img/box25.jpg');}

#s27 {left: -40%;top: 85px;/* padding: 40px; */}
.eng #s27 {left: -43%;top: 395px;/* padding: 40px; */}

#f21 {top: 210px;left: 14%;height: 370px;}
#f21 a {background-image:url('../img/foto21.jpg');}

#f22 {width:600px;top: -15px;left: 5%;height: 350px;}
.eng #f22 {}
#f22 a {background-image: url('../img/foto22.jpg');}
#f23 {width: 600px;top: -170px;left: 45%;height: 350px;}
#f23 a {background-image: url('../img/foto23.jpg');}
.eng #f25a {}
.eng #f25b {}

/* ------------------------ wojenne losy -------------------- */
#s31 {top: 110px;left: 44%;/* width: 46%; */}
#s31 a {background-image:url('../img/box31.jpg');}
#s31 a img {opacity:.6;}

#s32 {top: 165px;left: -45%; -moz-transform: translate(50px, 0px);}
#s32en {top: 165px;left: -41%;}
#s32 a, #s32en a {background-image:url('../img/box31.jpg');}

#s33 {top: -570px;left: 42%;-moz-transform: translate(0px, 50px);}
#s33en {top: -530px;left: 42%;}
#s33 a, #s33en a {background-image:url('../img/box32.jpg');}

#s34 {top: -530px;left: 42%;-moz-transform: translate(0px, 50px);}
#s34en {top: -500px;left: 42%;}
#s34 a, #s34en a {background-image:url('../img/box33.jpg');}

#s35 {left: 5%;top: -492px;-moz-transform: translate(0px, 50px);/* padding: 40px; */}
#s35en {left: 5%;top: -465px;/* padding: 40px; */}
#s35 a, #s35en a {background-image:url('../img/box34.jpg');}

#s36 {left: 10%;top: -405px;-moz-transform: translate(0px, 50px);/* padding: 40px; */}
#s36en {left: 10%;top: -385px;/* padding: 40px; */}
#s36 a, #s36en a {background-image: url('../img/foto31.jpg');}

#s37 {left: 5%;top: -765px;-moz-transform: translate(0px, 70px);/* padding: 40px; */}
#s37en {left: 5%;top: -732px;/* padding: 40px; */}
#s37 a, #s37en a {background-image: url('../img/box35.jpg');}

#s38 {left: -48%;top: -180px;/* padding: 40px; */}
#s38en {left: -49%;top: -285px;/* padding: 40px; */}
#s38 a, #s38en a {background-image:url('../img/box37.jpg');}

#s39 {left: 42%;t;top: -1030px;-moz-transform: translate(0px, 100px);}
#s39en {left: 42%;t;top: -905px;}
#s39 a, #s39en a {background-image:url('../img/box38.jpg');}

#s310 {left: 5%;top: -995px;-moz-transform: translate(0px, 100px);/* padding: 40px; */}
#s310en {left: 5%;top: -875px;/* padding: 40px; */}
#s310 a, #s310en a {background-image:url('../img/box39.jpg');}

#s311 {left: 10%;top: -810px;-moz-transform: translate(0px, 250px);/* padding: 40px; */}
#s311en {left: 10%;top: -710px;/* padding: 40px; */}

#f31 {top: -445px;left: 5%;height: 360px;width: 620px;-moz-transform: translate(0px, 50px);}
#f31en {top: -425px;left: 5%;height: 360px;width: 620px;}
#f31 a, #f31en a {background-image: url('../img/box36.jpg');}

#f32 {width: 635px;top: -1075px;left: 42.5%;height: 360px;-moz-transform: translate(0px, 100px);}
#f32en {width: 650px;top: -960px;left: 41.5%;height: 360px;}
#f32 a, #f32en a {background-image:url('../img/boxF41.jpg');}


/* ------------------------ Zydowskie ksiegi -------------------- */
#s41 {top:120px;left: 4%;}
#s41en {top:120px;left: 4%;}
#s41 a, #s41en a {background-image:url('../img/box41.jpg');}
#s41 a img {opacity:.6;}

#s42 {top: 220px;left: 8%;}
#s42en {top: 220px;left: 8%;}
#s42 a, #s42en a {background-image:url('../img/box42.jpg');}

#s43 {top: 40px;left: 4%;}
#s43en {top: 50px;left: 4%;}
#s43 a, #s43en a {background-image: url('../img/box44.jpg');}

#s44 {top: 105px;left: -44%;}
#s44en {top: -165px;left: 4%;}
#s44 a, #s44en a {background-image: url('../img/box47b.jpg');}

#s45 {left: 42%;top: -66px;-moz-transform: translate(0px, 50px);/* padding: 40px; */}
#s45en {left: 9%;top: 384px;-moz-transform: translate(0px, 50px);/* padding: 40px; */}
#s45 a, #s45en a  {background-image:url('../img/box45.jpg');}

#s46 {left: -45.5%;top: -310px;-moz-transform: translate(0px, 30px);/* padding: 40px; */}
#s46en {left: 4%;top: -205px;-moz-transform: translate(0px, 30px);/* padding: 40px; */}
#s46 a, #s46en a {background-image:url('../img/box46.jpg');}

#s47 {left: 42%;top: -390px;/* padding: 40px; */-moz-transform: translate(0px, 90px);}
#s47en {left: 9%;top: 515px;/* padding: 40px; */-moz-transform: translate(0,90px);}
#s47 a, #s47en a {background-image:url('../img/box47.jpg');}

#s48 {left: -48%;top: -120px;/* padding: 40px; */}
#s48en {left: -28%;top: 385px;/* padding: 40px; */}
#s48 a, #s48en a {background-image:url('../img/box48.jpg');}

#s49 {left: 41%;	top: -260px;/* padding: 40px; */}
#s49en {left: 41%;	top: -260px;/* padding: 40px; */}
#s49 a, #s49en a {background-image:url('../img/box49.jpg');}

#s410 {left: 41%;	top: -260px;/* padding: 40px; */}
#s410en {left: 41%;	top: -260px;/* padding: 40px; */}
#s410 a, #s410en a {background-image:url('../img/box410.jpg');}

#s411 {left: 20%;	top:-150px;	/* padding: 40px; */}
#s411en {left: 20%;	top:-150px;	/* padding: 40px; */}

#f41 {top: 275px;left: 8%;height: 370px;width: 400px;}
#f41en {top: 265px;left: 8%;height: 370px;width: 400px;}
#f41 a, #f41en a {background-image: url('../img/box4f2.jpg');}

#f41a {top: 207px;left: 45%;height: 320px;width: 585px;-moz-transform: translate(0px, 25px);}
#f41aen {top: 320px;left: -7%;height: 370px;-moz-transform: translate(0px, 25px);}

#f42 {width:600px;top: -19px;left: 44%;height: 350px;-moz-transform: translate(0px, 50px);}
#f42en {width:600px;top: 440px;left: 11%;height: 350px;-moz-transform: translate(0px, 50px);}
#f42 a, #f42en a {/* background-image:url('../img/boxF42.jpg'); */}


/* ------------------------ introligatorzy iluminatorzy kopisci -------------------- */
#s51 {top:120px;	left: 5%;}
#s51 a {background-image:url('../img/box51.jpg');}
#s51 a img {opacity:.6;}

#s52 {top: 200px;left: 9%;}
#s52en {top: 200px;left: 10%;}
#s52 a, #s52en a {background-image:url('../img/box52.jpg');}

#s53 {top: -195px;left: 5%;-moz-transform: translate(0px, 50px);}
#s53en {top: -150px;left: 5%;}
#s53 a, #s53en a  {background-image:url('../img/box53.jpg');}

#s54 {top: 300px;left: -48%;}
#s54en {top: 310px;left: -48%;}
#s54 a, #s54en a {background-image:url('../img/box54.jpg');}

#s55 {left: -41%;top: 771px;/* padding: 40px; */}
#s55en {left: -42%;top: 840px;/* padding: 40px; */}
#s55 a, #s55en a {background-image:url('../img/box55.jpg');}

#s56 {left: 41.5%;top: -405px;-moz-transform: translate(0px, 50px);/* padding: 40px; */}
#s56en {left: -3%;top: -210px;/* padding: 40px; */}
#s56 a, #s56en a {background-image: url('../img/box57.jpg');}

#s57 {left: 9%;top: -195px;/* padding: 40px; */}
#s57en {left: 30%;top: -125px;/* padding: 40px; */}
#s57 a, #s57en a {background-image: url('../img/box56.jpg');}

#s58 {left: -44.5%;top: 115px;/* padding: 40px; */}
#s58en {left: -46%;top: 255px;/* padding: 40px; */}
#s58 a, #s58en a {background-image:url('../img/box58.jpg');}

#s59 {left: 42%;top: -585px;/* padding: 40px; */}
#s59en {left: 43%;top: -415px;/* padding: 40px; */}
#s59 a, #s59en a {background-image:url('../img/box59.jpg');}

#s510 {left: 42%;top: -525px;/* padding: 40px; */}
#s510en {left: 43%;top: -335px;/* padding: 40px; */}
#s510 a, #s510en a {background-image:url('../img/box510.jpg');}

#s511 {left: 41%;	top: -260px;/* padding: 40px; */}
#s511en {left: 41%;	top: -260px;/* padding: 40px; */}
#s511 a, #s511en a {background-image:url('../img/box511.jpg');}

#s512 {left: 16%;top: -695px;/* padding: 40px; */}
#s512en {left: 16%;top: -431px;/* padding: 40px; */}
#s512 a, #s512en a {background-image:url('../img/box512.jpg');}

#s513 {left: -20.5%;top: -825px;/* padding: 40px; */}
#s513en {left: -22%;top: -547px;/* padding: 40px; */}
#s513 a, #s513en a {background-image:url('../img/box513.jpg');}

#s514 {left: 13%;top: -615px;/* padding: 40px; */}
#s514en {left: 42.5%;top: -725px;/* padding: 40px; */ -moz-transform: translate(-370px, 400px);}
#s514 a, #s514en a {background-image:url('../img/box514.jpg');}

#s515 {left: 6%;top: -875px;-moz-transform: translate(0px, 50px);/* padding: 40px; */}
#s515en {left: -48.5%;top: -415px;/* padding: 40px; */ -moz-transform: translate(629px, -100px);}
#s515 a, #s515en a {background-image:url('../img/box515.jpg');}

#s516 {left: 9.5%;top: -560px;/* padding: 40px; */}
#s516en {left: 42.5%;top: -760px;/* padding: 40px; */ -moz-transform: translate(-405px, 500px);}
#s516 a, #s516en a {background-image:url('../img/box516.jpg');}

#s517 {left: -25%;top: -570px;/* padding: 40px; */width: 275px;-moz-transform: translate(0px, 50px);}
#s517en {left: -41%;top: -290px;/* padding: 40px; */ -moz-transform: translate(200px,150px)}
#s517 a, #s517en a {background-image:url('../img/box517.jpg');}

#s511 {left: -47%;top: -578px;}
#s511en {left: -48.5%;top: -375px;}

#fs56 {top: -105px;left: -48%;height: 370px;-moz-transform: translate(0px, 50px);}
#fs56en {top: -365px;left: 7%;height: 370px;}
#fs56 a, #f56en a {background-image:url('../img/KolekcjaSaravala_s56as.jpg');}

#fs511a {top: 20px;left: -5%;height: 290px;width: 520px;}
#fs511aen {top: 210px;left: -5%;height: 290px;width: 520px;}
#fs511a a, #fs511aen a {background-image:url('../img/KolekcjaSaravala_s511a.jpg');}

#fs511b {top: -523px;left: 11%;height: 370px;}
#fs511ben {top: -300px;left: 11%;height: 370px;}
#fs511b a, #fs511ben a {background-image:url('../img/KolekcjaSaravala_s511b.jpg');}

#fs513 {top: -770px;left: 9%;height: 450px;width: 350px;}
#fs513en {top: -485px;left: -18%;height: 450px;width: 350px;-moz-transform: translate(300px,0px);}
#fs513 a, #fs513en a {background-image:url('../img/KolekcjaSaravala_s513a.jpg');}

#f51 {top: -385px;left: 43%;height: 370px;}
#f51en {top: -305px;left: 42%;height: 370px;}
#f51 a, #f51en a {background-image:url('../img/box25.jpg');}

#f52 {width:600px;top: -290px;left: 7%;height: 350px;}
#f52en {width:600px;top: -175px;left: 6%;height: 350px;}
#f52 a, #f52en a {background-image:url('../img/box26.jpg');}

#f53 {width: 320px;top: -635px;left: 65%;height: 450px;}
#f53en {width: 320px;top: -350px;left: 62%;height: 420px;}
#f53 a, #f53en a {background-image:url('../img/box26.jpg');}


.str1 {
	height: 2300px;
}
.str1a {
	height: 1880px;
}
.str2 {
	height: 3620px;
}
.str3 {
	height: 4340px;
	
}
.str4 {
	height: 3320px;
}

.str5 {
	height: 7550px;
}

}


/* ---------------------------------------------------------------- ekrany poniżej 1190 px ---------------------------------------------------------------- */

@media only screen and (max-width: 1190px) {
#mainHead {	height:45vh;}

#contentWrapper {width:800px;}

.box2, .box, .box3, .box4 {width:780px;}
.box2 p,.box p, .box3 p, .box4 p {margin: 0 300px 0 0px; padding: 0px 30px 35px 40px;}
.box2 .fotoBlock, .box .fotoBlock, .box3 .fotoBlock, .box4 .fotoBlock {top:0;right: 0;width:300px;height: 100%;}
.box4 h2 {margin:0 300px 0 0;}

.box, .box3 {width:778px;}
.box h2, .box3 h2 {margin-left: 300px;}
.box p, .box3 p {margin: 0 0 0 300px; padding: 0px 30px 35px 40px; }
.box a, .box3 a {top:0; left: 0; width:300px; height: 100%;}


#s11,#s1a1, #s1a2,#s1a3,#s1a4,#s1a5, #s21,#s22,#s23,#s24,#s25,#s26,#s27, #s31,#s32,#s33,#s34,#s35,#s36,#s37,#s38,#s39,#s310,#s311, 
#s41,#s42,#s43,#s44,#s45,#s46,#s47,#s48,#s49,#s410,#s411, #s51,#s52,#s53,#s54,#s55,#s56,#s57,#s58,#s59,#s510,#s511,#s512,#s513,#s514,#s515,#s516,#s517,
#f11, #f1a1, #f1a2, #f12, #f21, #f22, #f23,#f31, #f32, #f41, #f42, #f41a, #f51, #f52, #f53, #f54, 
#s11en,#s1a1en, #s1a2en,#s1a3en,#s1a4en,#s1a5en, #s21en,#s22en,#s23en,#s24en,#s25en,#s26en,#s27en, #s31en,#s32en,#s33en, #s34en,#s35en,#s36en,#s37en,#s38en,#s39en,#s310en,#s311en, 
.en #s41en,.en #s42en,.en #s43en,.en #s44en,.en #s45en,.en #s46en,.en #s47en, .en #s48en, .en #s49, .en #s410,.en #s411, #s51en,#s52en,#s53en,#s54en,#s55en,#s56en,#s57en,#s58en,#s59en,
#s510en,#s511en,#s512en,#s513en,#s514en,#s515en,#s516en,#s517en,
#f11en, #f1a1en, #f1a2en, #f12en, #f21en, #f22en, #f23en,#f31en, #f32en,.en #f41en, .en #f41aen, .en #f42en, #f51en, #f52en, #f53en,
 #f54en, #f25a, #f25b, .eng #s21, .eng #s22, .eng #s23, .eng #s24, .eng #s25, .eng #s26, .eng #s27, .eng #f25a, .eng #f25b, .eng #f22, .eng #f23,
 #fs56, #fs511a, #fs511b, #fs513, #fs56en, #fs511aen, #fs511ben, #fs513en  {
	top:auto;
	left:auto;
	margin:15px auto;
	/* width:780px; */
	-moz-transform: none;
	}
#f25a, #f25b, .eng #f25a, .eng #f25b, .eng #s22  {width:780px;}


.eng #s27 {width:700px;}

.fotobox1, #f1a1, #f1a2, #f21, #f22, #f23, #f31, #f32, #f41, #f42, #f41a, #f51, #f52, #f53, #f54, .eng #f21, .eng #f22, .eng #f23 {width:780px;}
 #f11, #f12, #f13, #f14, #f15, #f16, #f17,
 .fotobox1, #f1a1en, #f1a2en, #f21en, #f22en, #f23en, #f31en, #f32en, #f41en, #f42en, #f51en,
  #f52en, #f53en, #f54en, #f25a, #f25b, #fs56, #fs511a, #fs511b, #fs513, #fs56en, #fs511aen, #fs511ben, #fs513en {width:780px;}

 #f11, #f12, #f13, #f14, #f15, #f16, #f17, 
  #f11en, #f12en, #f13en, #f14en, #f15en, #f16en, #f17en { top:auto; left:auto;width:45%; height:450px; margin:20px 0; -moz-transform:none;}
 #f11, #f13, #f15 {margin-right:7%;}

 #s15 {top:180px;left:5%;}

#s11,#s1a1,#s21,#s31,#s41,#s51,.en #s41en, .eng #s21 {margin-top:120px;} 

.str1 {height: 2500px;}
.str1a {height: 2700px;}
.str2 {height: 5050px;}
.str3 {height: 5600px;}
.str4 {height: 4500px;}
.str5 {height: 10250px;}
}


/* ---------------------------------------------------------------- ekrany poniżej 799px ---------------------------------------------------------------- */

@media only screen and (max-width: 799px) {

    #mainHead {height:30vh;}
	.dropdown img {height:60px}
    .dropdown-content a {padding-left:20px;}
    #wstep {padding:3%;}
    #wstep #logaBox {width:100%;float:none;}
	#wstep p {width:100%;margin:0;padding:0;}
	#contentWrapper {width:100%;}
	.opisy {box-shadow: none;float:none;width:100%;margin:  0 !important;border:none;}
	.opisy img {position:absolute; opacity: .25;	width: 160px; top: 50%;	left:  50%;	margin:  -80px 0 0 -80px;}

.opisy h2 {margin:0; padding: 50px 30px 24px 40px;}

.opisy a{background-color:#1e1e1e; background-size:cover; background-position: center center; position: relative;}

.box, box2, box3, box4 {width:100%;}
.box h2, .box2 h2, .box3 h2, .box4 h2 {margin-left: 0;}
.box p, .box2 p, .box3 p, .box4 p {margin: 0; padding: 0px 30px 35px 40px;}
.opisy .fotoBlock {position:relative;width:100%;border-bottom: solid 2px #222;}
.box a, .box2 a, .box3 a, .box4 a  {top:auto;left: auto;width:100%;height: 240px;display: block;}

#s11,#s12,#s13,#s14,#s15, #s21,#s22,#s23,#s24,#s25,#s26,#s27, #s31,#s32,#s33,#s34,#s35,#s36,#s37,#s38,#s39,#s310,#s311, 
#s41,#s42,#s43,#s44,#s45,#s46,#s47,#s48,#s49,#s410,#s411, #s51,#s52,#s53,#s54,#s55,#s56,#s57,#s58,#s59,#s510,#s511,#s512,#s513,#s514,#s515,#s516,#s517,
#s41en,#s42en,#s43en,#s44en,#s45en,#s46en,#s47en,#s48en,#s49en,#s410en,#s411en,#f25a, #f25b, .eng #s27
{position:relative;top:auto;left:auto;margin: 0;/* width: 70%; */}


#s517, #s517en {width:65%; padding:5% 5% 10% 30%}
#s517 a {width:auto;}

#s27, .eng #s27 {width: 70%;}

.fotobox1, .fotobox1 img {display:none;}
#f11, #f12, #f13, #f14, #f15, #f16, #f17,#f25a, #f25b, .eng #f25a, .eng #f25b {top:auto;left:auto;width:100%;height:240px;margin:0;display:inherit;float:  none;border:none;}
#f11 img, #f12 img, #f13 img, #f14 img, #f15 img, #f16 img, #f17 img,#f25a img, #f25b img {display:block;border:none;}
.boxNext {float:none;	width:70%;	padding: 40px 5% 40px 25%;	box-shadow:none;margin:0 !important;}
	#s11,#s1a1,#s21,#s31,#s41,#s51, #s11en, #s1a1en, #s21en, #s31en, #s41en, #s51en {padding-top:100px;} 

.str1, .str1a, .str2, .str3, .str4, .str5 {height: auto;}
}


/* ---------------------------------------------------------------- małe ekrany ---------------------------------------------------------------- */

@media only screen and (max-width: 499px) {
    #mainHead {height:30vh;}
}

@media only screen and (max-width: 350px) {
    #mainHead {height:30vh;}
}





/* ==========================================================================
   Helper classes
   ========================================================================== */

/*
 * Hide visually and from screen readers
 */

.hidden {
    display: none !important;
}

/*
 * Hide only visually, but have it available for screen readers:
 * https://snook.ca/archives/html_and_css/hiding-content-for-accessibility
 *
 * 1. For long content, line feeds are not interpreted as spaces and small width
 *    causes content to wrap 1 word per line:
 *    https://medium.com/@jessebeach/beware-smushed-off-screen-accessible-text-5952a4c2cbfe
 */

.visuallyhidden {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
    white-space: nowrap; /* 1 */
}

/*
 * Extends the .visuallyhidden class to allow the element
 * to be focusable when navigated to via the keyboard:
 * https://www.drupal.org/node/897638
 */

.visuallyhidden.focusable:active,
.visuallyhidden.focusable:focus {
    clip: auto;
    height: auto;
    margin: 0;
    overflow: visible;
    position: static;
    width: auto;
    white-space: inherit;
}

/*
 * Hide visually and from screen readers, but maintain layout
 */

.invisible {
    visibility: hidden;
}

/*
 * Clearfix: contain floats
 *
 * For modern browsers
 * 1. The space content is one way to avoid an Opera bug when the
 *    `contenteditable` attribute is included anywhere else in the document.
 *    Otherwise it causes space to appear at the top and bottom of elements
 *    that receive the `clearfix` class.
 * 2. The use of `table` rather than `block` is only necessary if using
 *    `:before` to contain the top-margins of child elements.
 */

.clearfix:before,
.clearfix:after {
    content: " "; /* 1 */
    display: table; /* 2 */
}

.clearfix:after {
    clear: both;
}

/* ==========================================================================
   EXAMPLE Media Queries for Responsive Design.
   These examples override the primary ('mobile first') styles.
   Modify as content requires.
   ========================================================================== */

@media only screen and (min-width: 35em) {
    /* Style adjustments for viewports that meet the condition */
}

@media print,
       (-webkit-min-device-pixel-ratio: 1.25),
       (min-resolution: 1.25dppx),
       (min-resolution: 120dpi) {
    /* Style adjustments for high resolution devices */
}

/* ==========================================================================
   Print styles.
   Inlined to avoid the additional HTTP request:
   https://www.phpied.com/delay-loading-your-print-css/
   ========================================================================== */

@media print {
    *,
    *:before,
    *:after {
        background: transparent !important;
        color: #000 !important; /* Black prints faster */
        -webkit-box-shadow: none !important;
        box-shadow: none !important;
        text-shadow: none !important;
    }

    a,
    a:visited {
        text-decoration: underline;
    }

    a[href]:after {
        content: " (" attr(href) ")";
    }

    abbr[title]:after {
        content: " (" attr(title) ")";
    }

    /*
     * Don't show links that are fragment identifiers,
     * or use the `javascript:` pseudo protocol
     */

    a[href^="#"]:after,
    a[href^="javascript:"]:after {
        content: "";
    }

    pre {
        white-space: pre-wrap !important;
    }
    pre,
    blockquote {
        border: 1px solid #999;
        page-break-inside: avoid;
    }

    /*
     * Printing Tables:
     * http://css-discuss.incutio.com/wiki/Printing_Tables
     */

    thead {
        display: table-header-group;
    }

    tr,
    img {
        page-break-inside: avoid;
    }

    p,
    h2,
    h3 {
        orphans: 3;
        widows: 3;
    }

    h2,
    h3 {
        page-break-after: avoid;
    }
}