.book_case
{

	height: 100%;

	width: 100%;

    overflow:hidden;

    background-color: black;

}

@media (orientation: portrait) {

  body {



    -webkit-transform: rotate(90deg);

    -moz-transform: rotate(90deg);

    -o-transform: rotate(90deg);

    -ms-transform: rotate(90deg);

    transform: rotate(90deg);

  }

}

DIV.stack-vert

{

	height: 1300px;

	width: 70%;

	overflow-x: hidden;

	overflow-y: scroll;

	scrollbar-width: none; 

    //border: solid thick yellow;

	-webkit-transform:scale3d(1, 1, 1);

	-moz-transform:scale3d(1, 1, 1);

	-o-transform:scale3d(1, 1, 1);

	-ms-transform:scale3d(1, 1, 1);

	transform:scale3d(1, 1, 1);

}

DIV.stack-vert::-webkit-scrollbar {

    display: none;

}



DIV.info

{

	position: absolute;

	height: 1000px;

	width: 28%;

    overflow:hidden;

	margin-right: 0px;

	margin-left: 70%;

	margin-top: 2%;

    //border: solid thick yellow;

	z-index:100;

	color: white;

	font-family: Verdana, Geneva, sans-serif;

	font-size: 1em;

	line-height:150%;

	text-align:justify;

	padding:1%;

}



DIV.piano

{

	color: gold;

	text-align:center;

	font-weight:bold;

    padding: 0px;

    border: none;

 	background-image: url('../images/libreria.png');

    background-repeat: no-repeat;

    -webkit-background-size: 100% 100%;

 }



DIV.stack-horz

{

	//position: relative;

    padding: 0px;

    border: none;

	height: 600px;

    border: none;

    overflow:hidden;

	margin-left: 2%;

	margin-right: 2%;

	overflow: visible;

 }



DIV.content

{

    border: solid thick brown;

/* 	position: absolute;

	bottom: 0;

 */}



DIV.stack-horz DIV.content

{

  overflow: hidden;

  height: 90%;

/*

   //margin: 2px;

  cursor: pointer;

  transition: margin 0.3s ease-in-out, box-shadow 0.3s ease-in-out,transform 0.3s ease-in-out;

  filter: grayscale(25%);

  border-radius: 4px;

  background: grey;

  box-shadow: 0 0.5rem 1rem 0rem rgba(0, 0, 0, 0.4);

  border-top-style: solid;

  border-top-width: 1px;

  border-image: linear-gradient(

    to right,

    #333,

    #333 15%,

    antiquewhite 30%,

    antiquewhite 70%,

    #333 85%,

    #333

  );

  border-image-slice: 1;

  order: 200;

*/	

	z-index: 3;

	float:left;



/*   

	box-shadow: inset -0.35rem 0 0.5rem rgba(0, 0, 0, 0.4),

    inset 0.35rem 0 0.5rem rgba(0, 0, 0, 0.4);

*/

 }

DIV.stack-horz DIV.content:hover

{

	cursor: pointer;

  //box-shadow: 0 0.5rem 3rem -0.5rem rgba(0, 0, 0, 0.4);

  z-index: 10;

  margin-top: -5px;

  transform: scale(1.1, 1.05);

 }

.as-background

{

   float:top;

	height:100%;

	width:100%;

	z-index: 0;

}

.as-note

{

	display: block;

	margin-left: auto;

	margin-right: auto;

	width: 50%;

 }

span.title {
    color: #e95065;
	font-weight:normal;
	font-size: 1.2em;
	font-family: Verdana, Geneva, sans-serif;
    background: none;
}

span.frase {
	font-style: italic;
	font-size: 1.0em;
}
.exit-icon {
	position: absolute;
	z-index: 1000;
	width: 22px;
	height: 22px;
	top: 10px;
	right: 10px;
	background-image: url(../../common/pics/exit-icons.png);
	background-size: 88px 22px;
}



.exit-icon-in {
	background-position: 0 0;
	cursor: pointer;
}



.exit-icon-in.exit-icon-in-hover {
	background-position: -22px 0;
	cursor: pointer;
}