/* foglio di stile per i notebook a linguette */
.nbook
	{
	/*margin-left:10px;
	margin-right:10px;*/
	}

.nbook .tabs
	{
	min-height:23px;
	box-sizing:content-box;
	border-bottom:1px solid gray;
	}

.nbook .tabs ul, .nbook .buttons ul
	{
	margin:0;
	padding:0;
	display:block;
	list-style:none;
	}

.nbook .buttons ul
	{
	display:flex;
	flex-wrap:wrap;
	margin-bottom:20px;
	justify-content:center;
	}

.nbook .tabs li
	{
	top:1px;
	margin:0;
	float:left;
	margin-left:0;
	cursor:pointer;
	margin-top:2px;
	font-size: 15px;
	margin-right:4px;
	line-height:19px;
	position:relative;
	white-space:nowrap;
	padding: 0 5px 0 5px;
	border:1px solid gray;
	background-color:#f5f5f1;
	font-family: Maven,sans-serif;
	}

.nbook .tabs li.on
	{
	margin-top:0;
	line-height:21px;
	padding: 0 9px 0 9px;
	background-color:#fcfcfe;
	border-bottom:1px solid #fcfcfe;
	background-image: url("img/tab_sel_bg2.gif");
	background-repeat: repeat-x;
	background-position: left top;
	}

/*this section revises things for high dpi screens*/
@media	only screen and (-webkit-min-device-pixel-ratio: 1.3),
	only screen and (-o-min-device-pixel-ratio: 13/10),
	only screen and (min-resolution: 120dpi)
	{
	.nbook .tabs li
		{
		top:1.3px;
		}
	}

.nbook .tabs li.spacer
	{
	border:0;
	background: none;
	}

.nbook .buttons li.on
	{
	border:2px solid black;
	}

.nbook .tabs li.on:after
	{
	left:0;
	content:"";
	height:1px;
	width:100%;
	bottom:-1px;
	position:absolute;
	background-color:#fcfcfe;
	}

.nbook .buttons li
	{
	top:1px;
	margin:0;
	margin-left:0;
	cursor:pointer;
	margin-top:2px;
	font-size: 15px;
	margin-right:4px;
	line-height:19px;
	position:relative;
	white-space:nowrap;
	padding: 0 5px 0 5px;
	border:1px solid gray;
	background-color:#f5f5f1;
	font-family: Maven,sans-serif;
	}

.nbook .tabs li a
	{
	text-decoration: none;
	}

.nbook .tabs li a:focus, .nbook .strip a:focus
	{
	/*outline: none;*/
	}

.nbook .tabs li a:link, .nbook .tabs li a:visited, .nbook .tabs li a:hover
	{
	color: gray;
	}

.nbook .tabs li.on a, .nbook .tabs li.on a:link, .nbook .tabs li.on a:visited
	{
	color: black;
	}

.nbook .strip
	{
	color:black;
	height:35px;
	font-size:16px;
	font-weight:normal;
	font-family:MavenB;
	padding-top:7px;
	padding-left:10px;
	background-color: #ffffff;
 	border: 1px solid #e5e5e5;
	background-color:#FFFFFF;
	position:relative;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.04);
	}

.nbook .strip[onclick]
	{
	cursor:pointer;
	}

.nbook .strip.on
	{
    margin-bottom:0;
	}

.nbook .pages + .strip
	{
    margin-top:12px;
	}

.nbook .strip span:first-child
	{
	top:6px;
	right:10px;
	position:absolute;
	width:16px;
	height:16px;
	background-size:100%;
	background-repeat:no-repeat;
	background-position:center center;
	background-image:url(img/stripc.svg);
	}

.nbook .strip.on span:first-child
	{
	top:10px;
	background-image:url(img/stripo.svg);
	}

.nbook .strip.locked
	{
	cursor:auto;
	}

.nbook .strip.locked span:first-child
	{
	display:none;
	}

.nbook .strip a
	{
	color:#000;
	display:block;
	font-weight:bold;
	}

.nbook .page
	{
	margin:0;
	clear:both;
	padding:10px;
	overflow:visible;
	border:1px solid gray;
	border-top:0;
	background-color:#fcfcfe;
	}

.nbook .page.pageb
	{
	border:1px solid gray !important;
	}

.pagei
	{
	/*margin:0;
	clear:both;
	padding:10px;
	overflow:hidden;*/
	}

.pageit
	{
	display:none;
	}

.nbook .pages
	{
	padding:10px;
	margin-bottom:12px;
	background-color:#e4e7ee;
 	border: 1px solid #e5e5e5;
	border-top:0px solid #000;
	background-color:#FFFFFF;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.04);
	}

.nbook .pages:last-child
	{
	margin-bottom:0;
	}

.nbook .pages .pages
	{
	background-color:#fff;
	}

.nbook .page .frame, .nbook .pages .frame, .frame
	{
	width:100%;
	min-height: 446px;
	border:0px solid #000;
	}