body{
	background-color: #ccc;
	background-image: url(sfondovat.jpg);
	background-position: left top;
	background-repeat: repeat;
}

a, a:visited{
 color:blue; 
}

img{
	border-radius: 2px;
}

#book-container{
	width: 1000px;
	margin: auto;
	z-index: 0;
	overflow:hidden;
	margin-top:30px;
}

#book-wrapper {
	width: 960px;
	height: 600px;
	margin-left: 20px;
	margin-right: 20px;
	
}

#book{
	width:960px;
	height:600px;
}

/*
#book .turn-page{
	background-color:white;
}

#book .turn-page-wrapper{
	background-color:white;
}
*/

#book .cover{
	background-image: url(copertina-fronte.jpg) !important;
	background-repeat: no-repeat;
	text-align:center;
}

#cover-click{
	cursor: pointer;
	margin: 0 40px 0 0;
	width: 430px;
	height: 600px;
	position: relative;
}

#book .cover h1{
	color:black;
	text-align:center;
	font-size:50px;
	line-height:20px;
	margin-top:50px;
}
#book .p62{
	/*background-color:white;*/
	background-image: url(copertina-retro.jpg) !important;
	background-repeat: no-repeat;
	text-align:center;
}
#book .loader{
	background-image:url(loader.gif);
	width:24px;
	height:24px;
	display:block;
	position:absolute;
	top:238px;
	left:188px;
}

#book .data{
	text-align:center;
	font-size:40px;
	color:#999;
	line-height:600px;
}

#controls{
	width:960px;
	text-align:center;
	margin:20px auto;
	font-size:14px;
	font-family:arial;
	font-weight: bold;
}

#controls input, #controls label{
	font-size: 14px;
	font-family: arial;
	font-weight: bold;
}
#page-number{
	
}

#book .page{
	font-family:"Comic Sans MS";
	font-size:12px;
	line-height:1.5;
}
#book .page a{
	word-wrap: break-word;
}


#book .odd{
	background-image:-webkit-linear-gradient(left, #FFF 95%, #ddd 100%);
	background-image:-moz-linear-gradient(left, #FFF 95%, #ddd 100%);
	background-image:-o-linear-gradient(left, #FFF 95%, #ddd 100%);
	background-image:-ms-linear-gradient(left, #FFF 95%, #ddd 100%);
}
#book .gradient{
	display:table;
}
#book .odd .gradient {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-image: url(left-border.png);
	background-position: left top;
	background-repeat: repeat-y;
}

#book .even{
	background-image:-webkit-linear-gradient(right, #FFF 95%, #ddd 100%);
	background-image:-moz-linear-gradient(right, #FFF 95%, #ddd 100%);
	background-image:-o-linear-gradient(right, #FFF 95%, #ddd 100%);
	background-image:-ms-linear-gradient(right, #FFF 95%, #ddd 100%);
}

#book .even .gradient {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-image: url(right-border.png);
	background-position: right top;
	background-repeat: repeat-y;
}

#book .img-container{
	text-align:center;
}
#book .img-container img{
	max-width: 420px;
	max-height: 450px;
/*	min-width: 260px;
	min-height: 260px;*/
}
#book .page-container{
	width:420px;
	padding: 30px 30px 20px 30px;
	text-align:left;
	display: table-cell;
	vertical-align: middle;
}

/*-----------------*/

#book .next-button,
#book .previous-button{
	width:22px;
	height:600px;
	position:absolute;
	top:0;
	z-index:100;
}

#book .next-button{
	right:-22px;
	-webkit-border-radius:0 15px 15px 0;
	-moz-border-radius:0 15px 15px 0;
	-ms-border-radius:0 15px 15px 0;
	-o-border-radius:0 15px 15px 0;
	border-radius:0 15px 15px 0;
}

#book .previous-button{
	left:-22px;
	-webkit-border-radius:15px 0 0 15px;
	-moz-border-radius:15px 0 0 15px;
	-ms-border-radius:15px 0 0 15px;
	-o-border-radius:15px 0 0 15px;
	border-radius:15px 0 0 15px;
}

#book .previous-button-hover,
#book .next-button-hover{
	background-color:rgba(0,0,0, 0.2);
}

#book .previous-button-hover,
#book .previous-button-down{
	background-image:url(arrows.png);
	background-position:-4px 284px;
	background-repeat:no-repeat;
}

#book .previous-button-down,
#book .next-button-down{
	background-color:rgba(0,0,0, 0.4);
}

#book .next-button-hover,
#book .next-button-down{
	background-image:url(arrows.png);
	background-position:-38px 284px;
	background-repeat:no-repeat;
}

.ie8 #book .gradient,
.ie7 #book .gradient{
	/*display:block;*/
}

.ie7 #book .page-container,
.ie8 #book .page-container{
	padding-left:0px;
	padding-right:0px;
	width:400px;
	margin:20px 40px;
	text-align:left;
	/*display:block;*/
}
.ie7 #book .even,
.ie8 #book .even,
.ie9 #book .even{
	background-color:white;
	/*background-image:url(gradient-page-left.jpg);*/
	background-position:right top;
	background-repeat:repeat-y;
}

.ie7 #book .odd,
.ie8 #book .odd,
.ie9 #book .odd{
	background-color:white;
	/*background-image:url(gradient-page-right.jpg);*/
	background-position:left top;
	background-repeat:repeat-y;
}

.ie7 #book .odd p,
.ie8 #book .odd p,
.ie7 #book .even p,
.ie8 #book .even p{
	/*width:420px;*/
	margin-top:5px !important;
	margin-bottom:5px !important;
	margin-left:30px;
	margin-right:10px;
}