body {
font-family: 'Ubuntu', sans-serif;
font-size:13px;
margin:0px;
color:#555555;

text-align:left;
}


hr {
	size:1px;
	border:0pt;
	border-bottom:1pt solid #ccc;
	}

h1 {
border-bottom:0pt dotted #ccc;
color:#b11717;
	margin-top:90px;
	margin-bottom:60px;
	text-align:center;
	font-size:2em;
	font-weight:300;
font-family: 'Ubuntu', sans-serif;
	}

a, img {
    border:none;
}

input, select, textarea, button {
	margin:5px;
	font-size:1em;
		padding:6px;
border:1pt solid #efefef;

}
input, select, textarea {
width:100%;
}

 input[type="submit"],  input[type="button"]  {
	border:1pt solid #efefef;
width:auto !important;
	}
	

a, a:link, a:active, a:visited {
color:#9f2202;
text-decoration:none;
}

a:hover {
color:#000;
text-decoration:none;
}




h2 {
	padding-top:15px;
	padding-bottom:15px;
	font-weight:normal;
		color:#b11717;
	font-size:1.2em ;

	}
	
	h4 {
	padding-top:5px;
	padding-bottom:5px;
	font-weight:normal;
color:#3e6671;
	font-size:1em ;

	}


.rilievo {
color:#9f2202;

}







/* nuovi stili 
rosso: #b11717
*/

.bg-light {
background-color:#f9f9f9 !important;
}


.bg-dark {
background-color:#f2f2f2 !important;
}

.bg-blu {
background-color:#3b6372 !important;

}

.bg-rosso {
background-color:#b11717 !important;

}

#logo {
max-width:300px;
}

.navbar {
    margin-top: 10px;
    margin-bottom: 30px;
}

ul.navbar-nav {
margin-left:40px;
font-family: Garamond, "Times New Roman", Times, serif;
}
li.nav-item a.nav-link {
color:#222222;
font-size:1.6em;
margin-left:10px;
margin-right:10px;
font-weight:400;
font-family: Garamond, "Times New Roman", Times, serif;
}

li.nav-item a.dropdown-item {
color:#222222 !important;
font-size:1.1em;
}

.dropdown-item.active, .dropdown-item:active {
background-color:#b11717 !important;
color:#fff !important;
}



.navbar-toggler {
    border: 1pt solid #333333;
}

.navbar-toggler-icon {
  color:#333333;

}



.dropdown-toggle::after {
  
    vertical-align: .155em;
  
}


.form-control {

    color: #495057;
    background-color: #efefef;
    background-clip: padding-box;
    border: 0px solid #333333;
    font-size:1em;
    height:38px;
}
#searchform input {
font-family: Garamond, "Times New Roman", Times, serif;
    font-size:1.4em;
}

#searchform .fa.fa-search {
color:#333333;
font-size:1.4em;
}

#searchform .btn {
background:none ;
border:0pt;
}

.bot {
text-align:center;
background-color:#3e6671;

padding:3px;
padding-right:50px;
padding-left:50px;
border-radius:14px;
font-family: Garamond, "Times New Roman", Times, serif;
font-size:1.4em !important;
font-style:italic;
color:#fff;
letter-spacing:.5pt;
transition: 0.3s;
}



a.bot {
color:#fff;
}




a.bot:hover {
padding-left:40px;
padding-right:40px;
background-color:#b11717;
}

.botcar {
text-align:center;
background-color:#b11717;

padding:3px;
padding-right:50px;
padding-left:50px;
border-radius:14px;
font-family: Garamond, "Times New Roman", Times, serif;
font-size:1.2em !important;
font-style:italic;
color:#fff;
letter-spacing:.5pt;
transition: 0.3s;
}

a.botcar {
color:#fff;
}


a.botcar:hover {
padding-left:40px;
padding-right:40px;
background-color:#3e6671;
}
.botcar span {
font-size:.7em;
}


.verde {
color:#3e6671 !important;
}

.bianco {
color:#efefef !important;
}

.medio {
font-size:1.2em;
}
/* slider header */


/* Carousel base class */
.carousel {
  margin-bottom: 0rem;
}
/* Since positioning the image, we need to help out the caption */
.carousel-caption {
  bottom: 3rem;
  z-index: 10;
}

/* Declare heights because of positioning of img element */
.carousel-item {
/*  height: 32rem; */
   
}
.carousel-item > img {
/*  position: absolute; */
  top: 0;
  left: 0;
  min-width: 100%;
  height: 32rem;
     width: 100%;
    display: block;
    max-width: 100%;
    height: auto;
}


/* HOMEPAGE */

.ombra {
-webkit-box-shadow: 0px 0px 36px -9px rgba(0,0,0,0.16);
-moz-box-shadow: 0px 0px 36px -9px rgba(0,0,0,0.16);
box-shadow: 0px 0px 36px -9px rgba(0,0,0,0.16);
}

#riquadrihome img {
width:50%;
margin-top:40px;
margin-bottom:30px;
	-webkit-transition: all .4s ease-in-out;
	-moz-transition: all .4s ease-in-out;
	-o-transition: all .4s ease-in-out;
	-ms-transition: all .4s ease-in-out;
}

#riquadrihome h3 {
color:#333;
text-transform:uppercase;
font-weight:300;
font-size:1.2em;
}
#riquadrihome a {
font-size:1.2em;
margin-bottom:40px;
display:block;
font-weight:300;
}
.transition {
    -webkit-transform: scale(1.15); 
    -moz-transform: scale(1.15);
    -o-transform: scale(1.15);
    transform: scale(1.15);
}
#riquadrihome > div {

}


.taglista {
padding:5px;
float:left;
border-radius:30px;
margin:3px;
padding-left:8px;
padding-right:8px;
background-color:#efefef;
}


/* RESPONSIVE CSS
-------------------------------------------------- */

@media (min-width: 40em) {
  /* Bump up size of carousel content */
  .carousel-caption p {
    margin-bottom: 1.25rem;
    font-size: 1.25rem;
    line-height: 1.4;
  }

}




.triangolo {
position:absolute;

width: 100%;
height: 0;
border-style: solid;
border-width: 0 49vw 25px 49vw;
border-color: transparent transparent #f2f2f2 transparent;

}

.triangolo2 {
position:absolute;

width: 0;
height: 3px;
border-style: solid;
border-width: 0 49vw 29px 49vw;
border-color: transparent transparent #dddddd transparent;
top:-5px;
left:100;
}
#boxtriangolo {
height:24px;
border:0pt solid red;
margin-top:80px;
}


#socialfooter img {
width:100%;
max-width:70px;

}



/* novita */

#boxcontrols {
position: absolute;
    width: 98%;
    /* margin: auto; */
    top: -150px;
    padding: 30p;
    margin: 3;

    }

#boxcontrols .lSAction > .lSPrev {

    left: 2vw;
}
#boxcontrols .lSAction > .lSNext {

    right: 2vw;
}

.lSPager.lSpg {
margin-top:20px !important; 
}






/* Fallback styles */
.book {
  display: inline-block;
  box-shadow: 5px 5px 20px #333;
  margin: 10px;
  margin-top:30px;
}

.book img { vertical-align: middle;

 }

/*
 *  In order for this to work, you must use Modernizer
 *  to detect 3D transform browser support. This will add
 *  a "csstransforms3d" class to the HTML element.
 *
 *  Visit http://modernizr.com/ for installation instructions
 */

.csstransforms3d  .lslide {
  -moz-perspective: 100px;
  -moz-transform-style: preserve-3d;
  -webkit-transform-style: preserve-3d;
}

.csstransforms3d  .book {
  position: relative;
  -moz-perspective: 100px;
  -moz-transform: rotateY(-3deg);
  -webkit-transform: perspective(100) rotateY(-3deg);
  outline: 1px solid transparent; /* Helps smooth jagged edges in Firefox */
  box-shadow: none;
  margin-left:0px;

}

.csstransforms3d  .book img {
  position: relative;
  max-width: 100%;
}

.csstransforms3d  .book:before,
.csstransforms3d  .book:after {
  position: absolute;
  top: 2%;
  height: 96%;
  content: ' ';
  z-index: -1;
}

.csstransforms3d  .book:before {
  width: 85%;
  left: 7.5%;
  background-color: #5a2d18;
  box-shadow: 5px 5px 10px 1px #333;
  opacity:.7;
}

.csstransforms3d  .book:after {
  width: 5%;
  left: 85%;
  background-color: #EFEFEF;
  box-shadow: inset 0px 0px 5px #aaa;
  -moz-transform: rotateY(20deg);
  -webkit-transform: perspective(100) rotateY(20deg);
}




/* news home */

.fotonews {
width:100%;
padding-top: 100%;
overflow:hidden;
border-radius:50%;
border:0pt solid red;
background-size:cover;
background-repeat:no-repeat;
}

#contpagina {
font-size:1.2em;
margin-bottom:3em;
}



#evidenzapagina div.container {
margin-top:0px !important;
}

#evidenzapagina div.container {
margin-top:0px !important;
padding-top:.1em !important;
padding-bottom:3em !important;
}



.letteraautori {
width:50px;
height:50px;
line-height:40px;
padding:5px;
margin:5px;
background-color:#efefef;
text-align:center;
font-size:1.2em;
float:left;
}

.singoloautore {

height:30px;
line-height:10px;
padding:10px;
margin:5px;
background-color:#efefef;
text-align:center;
font-size:1em;
float:left;
}


.boxombra {
padding:20px;border: 1pt solid #cccccc;border-right: 1pt solid #cccccc;box-shadow: 3px 3px 30px #efefef;
}

#paginacatalogo h2, .paginacquisto h2  {
margin-left:50px;
}

.sfoiconalente {
    background-image: url('images/ico-lente.png');
    background-size: 55px;
    background-repeat: no-repeat;
    background-position: 10px 5px ;
}

.sfoiconasezioni{
    background-image: url('images/ico-sezioni.png');
    background-size: 45px;
    background-repeat: no-repeat;
    background-position: 10px 5px ;
}

.sfoiconacollane {

    background-size: 45px;
    background-repeat: no-repeat;
    background-position: 10px 5px ;
}

.sfoiconadis {

    background-size: 45px;
    background-repeat: no-repeat;
    background-position: 10px 5px ;
}

.sfoiconaregistrati {
    background-image: url('images/ico-registrati.png');
    background-size: 55px;
    background-repeat: no-repeat;
    background-position: 10px 5px ;
}

.sfoiconalogin {
    background-image: url('images/ico-login.png');
    background-size: 55px;
    background-repeat: no-repeat;
    background-position: 10px 5px ;
}

.sfoiconacartaceo {
    background-image: url('images/ico-cartaceo.png');
    background-size: 25px;
    background-repeat: no-repeat;
    background-position: 13px 3px ;
}

.sfoiconadigitale  {
    background-image: url('images/ico-digitale.png');
    background-size: 25px;
    background-repeat: no-repeat;
    background-position: 13px 3px ;
}

.interstretta {
line-height:12px;
}


#forminvio #cap, #forminvio #provincia {
width:40%;
}
#forminvio select {
width:80%;
}
#forminvio input[type="radio"], #forminvio input[type="checkbox"]  {
width:30px;

}

#contevidenza {
width:90%;margin-top:170px;
}

.ico-ebook {
float:left;
margin-right:10px;
width:55px;
}

.ico-ebook-scheda {

width:65px;
}

/* vecchi stili */






	
	.barrasu {
		margin:0px;
		border:0pt;
		border-top:3pt solid;
		border-color:#3b6372;
		}

div#header{
border:0pt solid #000;
height:auto;
text-align:left;
}


div#headleft1 {

	float:left;
width:105px;
text-align:center;
	height:220px;
	line-height:220px;
	border:0pt solid #fff;
	background-color:#9f2202;
	}


.helper {
	  display: inline-block;
	height: 100%;
	vertical-align: middle;
	}
div#headleft1 img {
	  display: inline-block;
	vertical-align: middle;
	}
	
	div#headleft2 {
	float:left;
	width:165px;
	height:220px;
	border:0pt solid red;
	background-color:#9f2202;
	}
	
	div#headleft2 img {
margin-bottom:10px;
	}
	div#headright {
		text-align:right;
	float:left;
	margin-left:110px;
margin-top:25px;
	height:200px;
	border:0pt solid red;
	}

div#boxsocial {
	margin-top:10px;
	float:right;
	}
	
	div#colsinistra {
width:270px;	
float:left;	
		}

div#boxmenu {
	margin-top:8px;
width:270px;

float:left;
text-align:left;	
border:0pt solid red;
font-size:14px;
background-color:#f4f4f4;
}


div#boxmenu  a{
color:#000;
}

div#boxmenu  a:hover {
color:#9f2202;
}

div#boxmenu img {
border:0pt solid;
}

.titmenu {
	margin-top:21px;
	margin-bottom:10px;
	}
	
	.dot {
		margin-right:8px;
		margin-top:7px;
		border:0pt solid red;
		}
		

.vocemenu {
margin-top:4px;
font-size:14px;
border:0pt solid;
	}
	



			
			
			.submitnl {
background:none;
width:20px;
height:39px;
color:#fff;
font-size:1.7em;
margin:0pt;
border:0pt;
font-family: Garamond, "Times New Roman", Times, serif;
	}
	
	#formnl input[type='text'] {
background-color:#efefef;
width:100%;
max-width:250px;
height:40px;
padding:10px;
font-size:1.2em;
border-radius:5px;

margin:0pt;
	}
	
		#formnl input[type='checkbox'] {
		width:auto !important;
		}

div#content {
border:0pt solid;
font-size:13px;
width:689px;
float:left;
margin-left:10px;
margin-top:10px;
text-align:left;
}


	

	
div#desccollana {
	padding:30px;
	padding-top:10px;
	text-align:left;
	display:none;
	margin:auto;
font-family: 'Ubuntu', sans-serif;
	font-size:13px;
	line-height:21px;
	font-style:italic;
	}
	
	.titprescollana {

	margin:auto;
	margin-bottom:10px;
		font-size:14px;
		
			margin-top:10px;
		}
	
	div#forminlista {
		float:left;
	border:0pt solid;
		background-color:#f3f3f3;
		width:100%;
		height:240px;
		}
	
	.copevidenza {
		width:90px;
		border:0pt solid;

float:left;
margin:8px;
overflow:hidden;
		}
	
	.testoevidenza {
		width:320px;
		border:0pt solid;

float:left;
margin:8px;

overflow:hidden;
		}
	
	.dettagli {
text-align:right;
margin-top:6px;
		}
	.dettagli a:link {
		color:#9f2202;
		}
	
	.boxnovita {
		margin:5px;
		border:0pt solid;
		width:450px;
		float:left;
			background-color:#f3f3f3;
			height:90px;
position:relative;
		}
		
		.boxnovita img {
		margin-right:10px;
		
		}
	.titlibnovita a {
		font-size:12px;
		color:#9f2202;
		padding-top:7px;

		}
	
	.autorinovita {
		font-size:11px;

			color:#00354d;
			}
	
div#homedes {
	width: 235px;
	float:left;

margin-left:10px;
	}






.datanews {
font-weight:bold;
font-size:1em;
	border:0pt solid;

	}
	.titnews {
font-size:1.1em;
background-color:#b11717;
color:#fff;
padding:4px;
	}
	
	.titnews a, .titnews a:hover {
color:#fff;
font-weight:300;
	}
.estrattonews {
font-size:1em;

	}


div#boxprogettihome {
	margin-left:10px;
	margin-top:10px;
	float:left;
	background-image:url('images/sfo_progetti.png');
background-repeat:no-repeat;
background-position:center;
border:0pt solid;
width:227px;
height:190px;
overflow:hidden;
text-align:left;

	}


div#icodettagli {
border:0pt solid;position:absolute;bottom:0;right:0;
width:32px;
height:32px;
	}
	
	div#icodettaglilista {
border:0pt solid;
position:absolute;
bottom:0;
right:0;
width:32px;
height:32px;
	}

div#footer{
clear:both; text-align:center; 
font-size:10px;
color:#666666;
height:20px;
line-height:20px;
text-align:left;
margin-left:50px;

}

#titpag {
font-size:22px;
color:#666;
border-bottom:1pt solid #ccc;
margin:12px;
margin-top:20px;
font-family: 'Ubuntu', sans-serif;

}




div#sfondofooter {

	clear:both;
	font-size:10px;
margin:auto;
background-color:#f9f9f9;
color:#488096;
height:40px;
line-height:40px;


}


div#collibro {
	postion:relative;
	text-align:center;
margin-left:4px;
margin-right:4px;
margin-top:10px;
width: 162px;
float:left;
background-color:#f9f9f9;

border:0pt solid;
border-right:1pt dotted #e7e7e7;
border-left:1pt dotted #e7e7e7;
height:290px;
overflow-y:auto;
overflow-x:hidden;



}



div#risultati {
background-image:url('images/sfondo_cerchio.png');
background-repeat:no-repeat;
background-position:center;
position:relative;

top:-160px;
left:480px;
height:130px;
width: 130px;
border:0pt solid;
text-align:center;
font-size:12px;
color:#990000;
line-height:20px;
}

.risultatiricerca {
font-family: 'Ubuntu', sans-serif;
	font-size:20px;
	color:#000;
	}







.piccolo {
font-size:11px;
color:#333333;
}

.bianco {
	color:#fff;
	}



.titololibro {
font-size:18px;
	color:#9f2202;

}

.botlibro {
text-align:right;
margin-right:10px;
margin-bottom:5px;
}
.botlibro a, .botlibro a:link, .botlibro a:active, .botlibro a:visited {
background-color:#e6dee5;
padding-left:30px;
padding-right:5px;
color:#000000;

}

.botlibro a:hover {
background-color:#e6def6;
}

.campo {
	
border:3pt solid #f7f7f7;
}
.guidapagamento {
position:relative;


z-index:6;
width:95%;
background-color:#eeeeee;
border: 1pt dotted #666666;
display:none;
padding:6px;

}
	
#boxcarrello {
	position:absolute;
	z-index:999;

height:38px;
line-height:38px;
 border:0pt solid;
/*  background-image:url('images/bot_vuoto.png'); */
background-repeat:no-repeat;
right:100px;
	}
	
	#boxcarrello img {
margin-top:10px;
margin-left:12px;

	}
	
	#dettcarrello {
		margin-left:1px;
background-color:#fff;
border:2pt solid #efefef;
max-width:100%;
display:none;
		}
		
		.icocanc {
text-align:center;
line-height:19px;
		background-color:#b11717;
	border-radius:16px;
	width:20px;
	height:20px;

		}
		
		.icocanc  a {
			color:#fff !important;
		}

#dettcarrello form {
margin:0px;
padding:0px;
width:100%;
margin-left:0px;
border:1pt dotted #fff;
		}
		
		#dettcarrello form input, 		#dettcarrello form button {
		margin:0px;
		padding:1px;
		border:1pt solid #efefef;
		background-color:#fff;
		width:20px;
		padding-left:3px;
		}
		
		#dettcarrello form input[type="text"] {
		border:0pt solid #fefefe;		
		background-color:#fafafa !important;
		}
		
		#dettcarrello form button {
		border:0pt solid #efefef;		
		}
		
			#dettcarrello form button.bot, #dettcarrello form input.bot  {
text-align:center;
background-color:#3e6671;

padding:3px;
padding-right:10px;
padding-left:10px;
border-radius:14px;
font-family: Garamond, "Times New Roman", Times, serif;
font-size:1.4em !important;
font-style:italic;
color:#fff;
letter-spacing:.5pt;
transition: 0.3s;
			}
			
			
			


#tabcar td {
background-color:#f3f3f3;
border:0pt solid;
line-height:19px;
height:25px;
	}
	#tabcar input {
		border:0pt solid;
		width:auto;
		}
		
		#tabmodulo {
100%;
			margin:auto;
			text-align:center;

			}
		#tabmodulo td {
			height:17px;
			padding:3px;
			text-align:left;
			}
#ordinecompleto {
	width:70%;
	padding:10px;
	margin:auto;
	background-color:#efefef;
	}
div#virgolette {
	background-image:url('images/virgolette.jpg');
	width:60px;
	height:55px;
	float:left;
	}
	

			
.tabgiu {
	border-bottom:1px solid #ccc;
	}
	
	div#boxinviato {
		clear:both;
		border:1pt solid #efefef;
		}
		
.contimgnews {
	overflow:hidden;
	margin-right:10px;
	float:left;
	width:150px;
	height:80px;
	border:1pt solid #efefef;
	}
	
	.contimgnewsgrande {
	overflow:hidden;
margin-left:-14px;
margin:auto;
border:1pt solid;
	width:707px;
	height:300px;
	border:1pt solid #efefef;
	}
	
	.clear {
		clear:both;
		}
		
		
		div#boxlistagruppi {
		padding:15px;
			width:100%;
			border-radius:10px;
			border: 1pt solid #eeeeee;
			}
			
div#boxlistagruppi a, .boxlistacollane a {
		color:#000;
			}
			
				
		
				
		div#boxlistagruppi li{
list-style-type:none;
margin:0px;
padding:0px;
padding-left:4px;	
border:0pt solid;
cursor:pointer;
			font-size:.9em;
			}
			
div#boxlistagruppi li:hover{		
padding-left:10px;
background-color:rgb(62, 102, 113) !important;
color:#fff;
transition: .3s;
}

div#boxlistagruppi li.lisezioni2{		
padding-left:4px !important;
background-color:none !important;
color:none !important;
cursor:auto !important;
}

div#boxlistagruppi li.lisezioni2:hover {		
background-color:none !important;
color:none !important;
transition: .3s;
}


div#boxlistagruppi li:hover a {
color:#fff !important;
}

a.lidis:hover {
color:#fff !important;
}
			
			.boxlistacollane {

display:none;
width:100%;

overflow:auto;
	padding:15px;
			width:100%;
			border-radius:10px;
			border: 1pt solid #eeeeee;
				}
				
				
				
				
.boxlistacollane a{
padding:4px;
list-style-type:none;
margin:0px;
padding-left:0px;	
border:0pt solid;
cursor:pointer;
			font-size:.9em;
			}
			
.boxlistacollane a:hover{		
padding-left:10px;
background-color:rgb(62, 102, 113) !important;
color:#fff;
transition: .3s;
}
			
		
			
		div.boxcatalogoreferate	a {
color:rgb(62, 102, 113) !important;
font-size:1em;
}
		
		div.boxcatalogoreferate {
		width:47%; 
		height:150px;
		overflow:hidden;
			padding:5px;
			float:left;
			margin:10px;

			border-radius:10px;
			border: 1pt solid #eeeeee;
padding-left:10px;
padding-right:10px;
position:relative;

		}
		
		
		div.boxcatalogoreferate:hover {

    border-left: 6pt solid #990000;
transition: .3s;
}
		
div.boxcatalogoreferate a.bot {
float:right;
color:#fff !important;
font-size:.85em !important;
width:auto;
padding-right:15px;
padding-left:15px;
position:absolute;
bottom:10px;
right:5px;
}
		
div.tipocollana {
padding-top:10px;
font-size:.8em;
color:#333333;
font-style:italic;
}

div.volumicollana {
font-size:.8em;
color:#333333;
}			

div.copcollana {
float:left;
margin-right:5px;
border:1pt solid #efefef;
margin-left:-15px;
margin-top:-10px;
}	
				
	.copgrande {
border:1pt solid #ccc;
	}
	
	.botscheda {
		margin-top:7px;
		}
		
			
			div#boxrivista {
				background-color:#f4f4f4;
				width:670px;
				border:0pt solid;
				margin-bottom:10px;

				}

	div#boxrivista img {	
		float:left;
		margin-right:10px;
	}
				
div#boxpresrivista {
				
				border:0pt solid;
				}
				
.titlogin {
	float:left;
width:630px;
margin-left:20px;
		background-color:#f3f3f3;
	}
	.boxlogin {
		margin-left:20px;
		background-color:#f3f3f3;
		}
		div.boxlistacollane div {
		margin-top:10px !important;

		font-weight:bold !important;
		}
		
		
		
#ricercaavanzata {
display:none;
    border: 1pt solid rgb(239, 239, 239);
    position: absolute;
    z-index: 999999;
    background-color: rgb(255, 255, 255);
    padding: 30px;
    border-radius: 20px;
}
		
	#titricercaavanzata {	
		font-size:20px;cursor:pointer;margin-bottom:20px;
		}
		
		
		.boxrass {
		background-color:#f5f4f4;;margin:10px;padding:10px; width:220px;height:auto;border-radius:5px;overflow:auto;
		}
		
		
	

		.openscheda {
		clear:both;
float:left;
margin-right:20px;
margin-top:20px;
		}
		
		.bollinohome {
		position:absolute;
		bottom:-27px;
right:20px;
		z-index:999999;
		}
		
				.bollinooahome {
		position:absolute;
		bottom:0px;
right:20px;
		z-index:999999;
		}
		
		
				.bollinooahome img {
				width:60px;
				}
		


		.bollinoscheda {
		position:absolute;
		top:15px;
right:35px;
		z-index:999999;
		}

		
				/* Extra Small devices (landscape phones, 575px and down) */
@media (max-width: 575px) {  
 
}
		
		
		/* Small devices (landscape phones, 576px and up) */
@media (max-width: 767px) {  
 #boxcarrello {
    right: 20px;
}
#logo {
max-width:220px;
}
.navbar-toggler {

    margin-top: 20px;
}
.carousel-item {
height:150px;
}
.carousel-item > img {
 min-width: 10px;
    height: 150px;
    width:auto;
    max-width:unset;
}
#boxcontrols {
top:-120px !important;
}

h1 {
   
    margin-top: 30px;
    margin-bottom: 20px;
   
}
#contpagina {
font-size:1em;
margin-bottom:2em;
}
#socialfooter {
margin-top:50px;
margin-bottom:50px;
}

.letteraautori {
width:20px;
height:20px;
line-height:10px;
padding:5px;
margin:5px;
background-color:#efefef;
text-align:center;
font-size:1em;
float:left;
}
#contevidenza {
width:90%;margin-top:270px;
}
.csstransforms3d  .book {
 margin-left: 40px !important; 
}

.sfoiconalente {
    background-image: url('images/ico-lente.png');
    background-size: 35px;
    background-repeat: no-repeat;
    background-position: 10px 5px ;
}

.sfoiconasezioni{
    background-image: url('images/ico-sezioni.png');
    background-size: 35px;
    background-repeat: no-repeat;
    background-position: 10px 5px ;
}

.sfoiconacollane {
    background-image: url('images/ico-collane.png');
    background-size: 35px;
    background-repeat: no-repeat;
    background-position: 10px 5px ;
}

.sfoiconadis {
    background-image: url('images/ico-discipline.png');
    background-size: 35px;
    background-repeat: no-repeat;
    background-position: 10px 5px ;
}


.sfoiconaregistrati {
    background-image: url('images/ico-registrati.png');
    background-size: 35px;
    background-repeat: no-repeat;
    background-position: 10px 5px ;
}

.sfoiconalogin {
    background-image: url('images/ico-login.png');
    background-size: 35px;
    background-repeat: no-repeat;
    background-position: 10px 5px ;
}
.ico-ebook {
margin-right:3px;
width:45px;
}

.ico-ebook-scheda {

width:45px;

right:5%;
}

div.boxcatalogoreferate {
    width: 100%;

    margin-left:0px;
}

div#ricercaavanzata {
position:relative;
}

#titricercaavanzata {
margin-top:0px;
text-align:left;
margin-bottom:50px;
font-size:15px;
}

		.boxrass {
		background-color:#f5f4f4;;margin:10px;padding:10px; width:100%;
		;height:220px;border-radius:5px;overflow:auto;
		}

}
 
/* Medium devices (tablets, 768px and up) The navbar toggle appears at this breakpoint */
@media (max-width: 991px) {  
.carousel-item > img {
    min-width: 10px;
    height: 200px;
    width: auto;
    max-width: unset;
}
li.nav-item a.nav-link {
    padding-top: 5px;
    padding-bottom: 5px;
    font-size: 1.3em;
    }
   .navbar-collapse {
    margin-top:20px;
    background-color:#f8f8f8;
    }
    #searchform input {
    width: 60%;
    margin: auto;
    }
    
    .dropdown-menu {
border:0pt;
    border-top: 1px solid rgba(0,0,0,.15);
        border-bottom: 1px solid rgba(0,0,0,.15);
    border-radius: 0;

}
    
    li.nav-item a.dropdown-item {
color:#222222;
font-size:1.1em;
}

#boxcontrols {
top:-180px;
}

}
 
/* Large devices (desktops, 992px and up) */
@media (max-width: 1200px) { 
 #searchform.form-inline {
   
    position: absolute;
   
    margin-top: 50px !important;
    right: 20px;
}
}





  .animate {
    animation-duration: 0.3s;
    -webkit-animation-duration: 0.3s;
    animation-fill-mode: both;
    -webkit-animation-fill-mode: both;
  }


 
/* Extra large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) {  
    
}

@keyframes slideIn {
  0% {
    transform: translateY(1rem);
    opacity: 0;
  }
  100% {
    transform:translateY(0rem);
    opacity: 1;
  }
  0% {
    transform: translateY(1rem);
    opacity: 0;
  }
}

@-webkit-keyframes slideIn {
  0% {
    -webkit-transform: transform;
    -webkit-opacity: 0;
  }
  100% {
    -webkit-transform: translateY(0);
    -webkit-opacity: 1;
  }
  0% {
    -webkit-transform: translateY(1rem);
    -webkit-opacity: 0;
  }
}

.slideIn {
  -webkit-animation-name: slideIn;
  animation-name: slideIn;
}