:root {
	--border-wd: 3px;
}

body {
background-color:a9a9a9;
margin-bottom:0;
}

#deskMenu {
	display:block;
}

#mobMenu {
	display:none;
}

.exoCont {
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	grid-template-rows: repeat(2, 1fr);
	width:1000px;
	margin-bottom:1%;
}


#header {
width:1000px;
height:auto;
background-color:black;
border:solid 5px black;
}

#header2 {
width:1000px;
height:auto;
background-color:black;
}

#main {
width:1000px;
background-color:white;
border:solid thick black;
text-align:justify;
font-size:12pt;

}


#foot {
width:1000px;
background-color:black;
border-left:solid thick black;
border-right:solid thick black;
color:white;
font-size:10pt;
margin-bottom:0px;
}


.footext {
max-width:450px;
padding:1em;
font-family:cambria, arial, serif;
text-align:center;
}

.footext a:link {
color:blue;
text-decoration:none
}

.footext a:hover {
color:green;
text-decoration:none;
font-style:italic;
}

.footext a:visited {
color:blue;
text-decoration:none
}

#foot2 {
width:1000px;
background-color:black;
color:white;
font-size:10pt;
margin-bottom:0px;
}


#menu {
position: -webkit-sticky; /* Safari */
position:sticky;
z-index:4;
top:0;
width:1000px;
background-color:black;
border:solid 5px black;
color:white;
font-weight:bold;
font-size:14pt;
font-family: georgia, serif;
padding-top:10px;
padding-bottom:10px;
}

#menu a:link {
color:white;
font-weight:bold;
text-decoration:none;
border: 5px ridge transparent;
padding:7px;
}

#menu a:hover {
color:white;
font-weight:bold;
text-decoration:none;
border: 5px ridge white;
padding:7px;
}

#menu a:visited {
color:white;
font-weight:bold;
text-decoration:none;
padding:7px;
}

#menu2 {
position: -webkit-sticky; /* Safari */
position:sticky;
z-index:4;
top:0;
width:985px;
background-color:black;
border:solid 5px black;
color:white;
font-weight:bold;
font-size:14pt;
font-family: georgia, serif;
padding-top:10px;
padding-bottom:10px;
}

#menu2 a:link {
color:white;
font-weight:bold;
text-decoration:none;
border: 5px ridge transparent;
padding:7px;
}

#menu2 a:hover {
color:white;
font-weight:bold;
text-decoration:none;
border: 5px ridge white;
padding:7px;
}

#menu2 a:visited {
color:white;
font-weight:bold;
text-decoration:none;
padding:7px;
}

.forthcoming {
	font-weight:bold;
	font-size:18pt;
}

.menu2 {
top:0;
width: 96%;
border: ridge transparent 2px;
background-color:black;
color:white;
font-weight:bold;
font-size:14pt;
font-family: georgia, serif;
padding:1%;
margin:0;
}


.menu2 a:link {
color:white;
font-weight:bold;
text-decoration:none;
}

.menu2:hover {
color:white;
font-weight:bold;
text-decoration:none;
border: ridge white 2px;
}

.menu2 a:visited {
color:white;
font-weight:bold;
text-decoration:none;
}

.menuBar {
	padding-bottom: 0; display:inline-block; width:20%; border-top: 2px solid white; border-bottom: none; border-right:none; border-left:none;
}

.menuBar:hover {
	padding-bottom: 0; display:inline-block; width:20%; border-top: 2px solid white; border-bottom: none; border-right:none; border-left:none;
}


.text {
padding-left:1em;
padding-right:1em;
padding-bottom:1em;
padding-top:0;
font-family:cambria, arial, serif;
}


.text a:link {
color:red;
text-decoration:none
}

.text a:visited {
color:red;
text-decoration:none
}

.text a:hover {
color:green;
text-decoration:none;
font-style:italic;
}


.title {
padding-top:0.5em;
padding-left:1em;
padding-right:1em;
font-family:georgia, serif;
font-size:28pt;
text-align:center;
}

.title2 {
padding:15px;
font-family:georgia, serif;
font-size:28pt;
text-align:center;
background-color:white;
max-width:100%;
}

.title2_1 {
	font-size:18pt
}
.title2_2 {
	font-size:22pt
}
.title2_3 {
	font-size:18pt
}

.bookcell {
width: 485px; 
vertical-align:top;
padding:10px;
border:thin solid black
}

.titleCont {
	width:1000px;
	height:auto;
	margin-top:-15px;
}

.title3 {
padding:15px;
font-family:georgia, serif;
font-size:28pt;
text-align:center;
color:white;
background-color:black;
max-width:100%;
margin-bottom:-10px;
}

.bookcell2 {
	width: 93%;
	background-color:white;
	display:inline-block;
	margin-top:2%;
	padding: 0 3% 3% 3%;
	vertical-align: top;
}
.bookcell2:nth-child(even) {
	margin-left:1%;
}


.srtr {
background-color:black;
}

.book {
float:left;
padding-right:1em;
text-align:center;
font-family: cambria, arial, serif;
padding-bottom:0.3em;
width:250px;
}

.book2 {
	max-width:250px;
}

.book img {
-ms-transform: scale(1); /* IE 9 */
-webkit-transform: scale(1); /* Safari 3-8 */
transform: scale(1);
transition: transform 0.75s;
z-index:2;
}

.book img:hover {
-ms-transform: scale(0.9); /* IE 9 */
-webkit-transform: scale(0.9); /* Safari 3-8 */
transform: scale(0.9);
z-index:2;
position:relative;
}

.book a:link {
font-weight:bold;
color: black;
text-decoration:none
}

.book a:hover {
font-weight:bold;
font-style:italic;
color: black;
text-decoration:none
}

.book a:visited {
font-weight:bold;
color: black;
text-decoration:none
}

.bookdscr {
font-family:cambria, arial, serif;
}

.bookbonus {
font-family:cambria, arial, serif;
margin-left:15px
}

.bookbonus a:link {
font-weight:normal !important;
text-decoration:none;
color:black
}

.bookbonus a:hover {
font-weight:normal !important;
font-style:normal !important;
text-decoration:underline;
color:black
}

.bookbonus a:visited {
font-weight:normal !important;
text-decoration:underline;
color:black
}

.booklnk a:link {
-ms-transform: scale(1); /* IE 9 */
-webkit-transform: scale(1); /* Safari 3-8 */
transform: scale(1);
display:inline-block;
padding:5px 0px 5px 0px;
border:2px solid transparent;
transition: transform 0.75s, background 0.75s, color 0.75s, border 0.75s, padding 0.75s;
}

.booklnk a:visited {
-ms-transform: scale(1); /* IE 9 */
-webkit-transform: scale(1); /* Safari 3-8 */
transform: scale(1);
display:inline-block;
padding:5px 0px 5px 0px;
border:2px solid transparent;
transition: transform 0.75s, background 0.75s, color 0.75s, border 0.75s, padding 0.75s;
}

.booklnk a:hover {
-ms-transform: scale(1.5); /* IE 9 */
-webkit-transform: scale(1.5); /* Safari 3-8 */
transform: scale(1.5);
display:inline-block;
font-style:normal;
background-color:black;
color:white;
padding: 5px 5px 5px 5px;
border:2px solid red;
}


.booktitle {
font-weight:bold;
font-family:georgia, serif;
font-size:18pt;
text-align:center;
}


.circle {
font-weight:bold;
font-family:georgia, serif;
font-size:18pt;
text-align:center;
}

.circle a:link {
text-decoration:none;
color:black
}

.circle a:hover {
text-decoration:none;
color:black
}

.circle a:visited {
text-decoration:none;
color:black
}

.seriestitle {
font-weight:bold;
font-family:georgia, serif;
font-size:22pt;
text-align:center;
color:white;
letter-spacing:6px;
padding-top:20px;
padding-bottom:10px
}

.bksub {
font-size:10pt;
font-style:italic;
font-weight:normal
}


#covershow {
	float:right;
	width:250px;
height:3200px;
overflow:hidden;
	margin-left:20px;
	margin-right:10px;
	

}

#covershow img {
margin-bottom:-100px;
}

.shadebottom {
position:absolute;
width:250px;
height:3200px;
box-shadow: 0px -30px 20px -15px white inset;
}

.shadetop {
position:absolute;
width:250px;
height:3200px;
box-shadow: 0px 30px 20px -15px white inset;
}

.smaller {
	  -ms-transform: scale(0.3); /* IE 9 */
    -webkit-transform: scale(0.3); /* Safari 3-8 */
    transform: scale(0.3); 
	color:red;
}

#kryfa_opla {
	color:black;
	margin: 25px !important;
	font-family: cambria, arial, serif;
	font-size:12pt;
}

#kryfa_opla p {
	margin:0;
	text-indent:15px;
}

@media screen and (max-width: 600px) {
	
	body {
	margin:0;
	}
	
	#deskMenu {
		display:none;
	}	
	#mobMenu {
		display:block;
	}
	
	
.exoCont {
	display:block;
	max-width:96%;
	margin-left:2%;
	margin-right:2%;
	margin-bottom:2%;
}

.title2 {
	max-width:100%;
	font-size:22pt;
	padding:15px;
}

.title2_1 {
	font-size:18pt
}
.title2_2 {
	font-size:18pt
}
.title2_3 {
	font-size:14pt
}

.titleCont {
	width: 96%;
	margin-left: 2%;
	margin-right:2%;
}

.title3 {
	max-width:100%;
	font-size:22pt;
	padding:15px;
}

	#header2 {
	width: 96%;
	margin-left: 2%;
	margin-right:2%;
	}
	
	.bookcell2 {
	width: 94%;
	margin-top:1%;
	}

	.bookcell2:nth-child(even) {
		margin-left:0;
	}

	#foot2 {
	width: 96%;
	margin-left: 2%;
	margin-right:2%;
	background-color:black;
	color:white;
	font-size:10pt;
	margin-bottom:0px;
	}
	

	
	.book {
	float:none;
	}
	
}