/*
 *
 * File di template DMAG
 * Non modificare questo file
 *
 * 1.0 Layout generale
 *	1.1 Body e Html
 *	1.2 Classi principali
 *	1.3 Header
 *	1.4 Tipografia
 *	1.5 Tabelle
 *	1.6 Immagini
 *	1.7 Impaginazione
 * 	1.8 Video
 *
 * 2.0 Overlay
 *
 * 3.0 Maga main
 *
 * 4.0 Article
 *
 * 5.0 TOC
 *
 * 6.0 TOP Menu
 *	6.1 Left side menu
 *	6.2 Right side menu
 *	6.3 Center side menu
 *	6.4 Side panel
 *
 * 7.0 Fancybox
 *
 * 8.0 Fixed
 *
 * 9.0 Login
 *	9.1 Form
 *
 * 10.0 Awesome font
 *
 * 11.0 Ken Burns
 *
 * 12.0 Banner
 *
 * 13.0 Media query 
 * 
 */


/* -- 1.0 Layout generale -- */
	
	/* -- 1.1 Body e Html -- */
	
	body,
	html { height: 100%; overflow: hidden; }
	
	body{ overflow: hidden; margin:0; padding:0; -moz-user-select: none; -webkit-user-select: none; -ms-user-select: none; }
	
	.clear { clear:both; }
	
	/* -- 1.2 Classi principali -- */
		
	.assoluto	{ position: absolute; }
	.relativo	{ position: relative; }
	
	/* .grigio1 {color: #cfcfcf; } Da valutare se serve */
		
	/* -- 1.3 Header -- */
		
	h1,h2,h3,h4,h5,h6 { margin:0; padding:10px 0 10px;display: block; }
	
	/* -- 1.4 Tipografia -- */ 
	
	p { margin:0; padding:0; padding-bottom: 10px;  }

		/* Elenchi puntati */
		ul,ol { padding-left: 20px; margin-top: 0; }	
		ul li {list-style: disc; }
		/*ul li:before {content:'\2022'; display: block; position: relative; left: -16px; max-width: 0px; max-height: 0px; }*/
	
		/* Blockquote */
		blockquote 			{ display: inline-block !important; position: relative;  padding: 15px 15px 0 70px; margin-bottom: 20px; display: inline-table; -webkit-margin-before: 0;-webkit-margin-after: 20px;-webkit-margin-start: 0;-webkit-margin-end: 0; }
	     blockquote:before		{ content: "\f10d"; display: block; position: absolute; top: 18px; left: 20px; }
		.full-width blockquote 	{ margin-right: 0!important; }
		
		/* -- Blocchi -- */
		.full-width			{ display: block; column-span:all; -webkit-column-span:all; margin: 15px 0 25px 0; }
		.block-full-width		{ display: block; column-span:all; -webkit-column-span:all; }
		.block-keep-compact		{ display: block;-webkit-column-break-inside:avoid;-moz-column-break-inside:avoid;-o-column-break-inside:avoid; -ms-column-break-inside:avoid;column-break-inside:avoid; }
		.block-new-column		{ -webkit-column-break-before: always;-moz-column-break-before: always; }
		
		hr { border:none; background:none; border-top:1px solid #ddd; height:1px; padding:0; margin:0;  }
	
	a { word-wrap: break-word; line-height: 1em; }
		
	/* -- 1.5 Tabelle -- */
	
	table							{ border-collapse: collapse; display: inline-table; width:100%; }
	table td,table th					{ border: none; padding: 10px; }
		
	
	/* -- 1.6 Immagini -- */
	
	img { max-width:100%; height: auto; }
	
	.kb-slide img { width:auto; height:auto; }
	
	img {
		image-rendering:optimizeSpeed;             /* Legal fallback                 */
		image-rendering:-moz-crisp-edges;          /* Firefox                        */
		image-rendering:-o-crisp-edges;            /* Opera                          */
		image-rendering:-webkit-optimize-quality; /* Chrome (and eventually Safari) */
		image-rendering:optimize-contrast;         /* CSS3 Proposed                  */
		-ms-interpolation-mode:nearest-neighbor;   /* IE8+                           */
	}
	
	.immagine, 
	.img_gallery 					{ margin-bottom: 20px; margin-top: 0px; display: inline-block; clear:both; width: 99%; }
	
	.immagine img, 
	.img_gallery img 				{ display: block; max-width: 100%; margin: 0 auto; }
	
	.immagine .caption, 
	.img_gallery .caption			{ display: inline-block; }
	
	.immagine .sottotitolo:before, 
	.img_gallery .sottotitolo:before	{ content:" - "; }
	
	.immagine .testo-sotto, 
	.img_gallery .testo-sotto		{ padding: 10px; display: block; }
	
	.immagine .ext-zoom-wrapper img, 
	.img_gallery .ext-zoom-wrapper img { width: auto!important; max-width: 96%; margin: 2% auto; }
	
	.immagine img, 
	.img_gallery img, 
	.img-testa img 				{ image-rendering:optimizeQuality; -ms-interpolation-mode:bicubic; }	
	
	.immagine.contenuto-IMMAGINE img	{ margin:0; }
	
	/* lazy loading */
	
	img.lazy-loading,
	img.lazy 						{ background:url("../../images/loader.gif") transparent no-repeat center center; }
	
	/* -- 1.7 Impaginazione -- */

	.testo { padding:20px 0; column-count: 3; -moz-column-count: 3;	-webkit-column-count: 3; column-gap: 30px; -moz-column-gap: 30px; -webkit-column-gap: 30px; }
	
	/* -- 1.8 Video -- */
	
	.contenuto-VIDEO				{ width: 100%; padding:0; border: none; }
	.contenuto-VIDEO img 			{ width: 100%; margin: 0; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; }
	.contenuto-VIDEO .testo-sotto		{ margin-top: 3px !important; padding: 3px 0; }
	.contenuto-VIDEO .video-play		{ position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(0,0,0,.6); background-image: url('../../images/icon-play.png'); background-repeat: no-repeat; background-position: center center; background-size: 120px 120px;-webkit-border-radius: 3px;-moz-border-radius: 3px;border-radius: 3px; }
	.contenuto-VIDEO .video-wrapper 	{ position: relative; }
	
/* -- 2.0 Overlay -- */
	
	#mag-overlay { overflow: hidden; margin:0; padding:0; }
		
/* -- 3.0 Mega main -- */
	
	.megamain { height: 100%; overflow: hidden; }
	.megamain article {min-height: 100%}
	.megamain { display: block; margin: 0 auto; width: 1280px; position: relative;box-shadow: 0 0 30px #000; }
	
	.mag-container .swiper-slide		{ background-image: url('ombra-pagina.png'); background-repeat: repeat-y; background-position: top right; }
	.mag-container.swiper-container, 
	.mag-container .swiper-slide 		{ width: 100%;height: 100%; background-color: #fff; }
	.mag-container .swiper-slide		{overflow-x: hidden; overflow-y: auto; }

/* -- 4.0 Article -- */
	
	article { position:relative; width: 100%; }
	article.copertina2 .img-testa .titoli{ z-index: 10000; }
	
	article .intestazioneMag			{ position: absolute; display: block; top: 0; left: 0;  width: 100%; z-index: 1; }
	article .intestazioneMagInner		{ display: block;   }
	article .intestazioneMagInner .cartella { padding: 24px 0 30px 80px; display: block;   }
	article .intestazioneMagInner i { text-align: center; padding-top: 11px; display: block;}
	
	.inside-costola { margin:  0 20x 0 20px; padding:0px 20px 0 20px; }
	
/*	article .intestazioneMagInner i {   position: absolute; bottom: 11px; left: -1px; }*/
	
/* -- 5.0 TOC -- */	
	
	.btn { padding:2px 5px; display: inline-block; 
		-webkit-border-radius: 	2px;
		-moz-border-radius: 	2px;
		border-radius: 		2px;
		text-decoration: underline; 
	}
	
	.btn:hover { text-decoration: none; }
	
	.toc-container .swiper-slide .iss				{ height: 100px;margin: 0px 3px 0 0; cursor: pointer; }
	.toc-container .swiper-slide .iss-in img 		{ display: none; }
	
	/* Nota: Rimosso da tutti i magazine */
	/*.toc-container .swiper-slide .iss .brand		{ display: block; padding: 6px 5px 1px 5px; font-weight: bold; }*/
	
	.toc-container .swiper-slide .iss .titolo		{ display: block; clear: both; padding: 5px; }
	.toc-container.swiper-container 				{ width: 1280px; height: 100px; margin: 0 auto; }
	.toc-container.swiper-container .swiper-slide	{ overflow: hidden; background-image: none; width:120px}

	.toc-toggle 		{ overflow: hidden; position: absolute; bottom:-70px; right:30px; z-index:-100; display: block;padding:30px 10px 30px 30px; }
	.inside-toc-toggle	{ text-transform: uppercase;color: #222; padding: 12px 20px; cursor: pointer; z-index: -1; display: block; background:#fff;
					  -webkit-border-bottom-right-radius: 2px;-webkit-border-bottom-left-radius: 2px;
					  -moz-border-radius-bottomright: 2px; -moz-border-radius-bottomleft: 2px;
					  border-bottom-right-radius: 2px; border-bottom-left-radius: 2px; 
					  -moz-box-shadow: 0px 3px 6px rgba(0,0,0,.4); 
					  -webkit-box-shadow: 0px 3px 6px rgba(0,0,0,.4); 
					  box-shadow: 0px 3px 6px rgba(0,0,0,.4); 
					 }
	
	.inside-toc-toggle:after { content: "\f0c9"; font-family: FontAwesome; margin-left: 10px; }


/* -- 6.0 TOP Menu -- */

	.menu-container { position: absolute; width: 100%; height: 210px; top:-500px; z-index:100; -webkit-transition: translate3d(0,0,0);

	-moz-box-shadow			: 0px -4px 20px rgba(0,0,0,1);
	-webkit-box-shadow			: 0px -4px 20px rgba(0,0,0,1);
	box-shadow				: 0px -4px 20px rgba(0,0,0,1);
	
	}
	
	.menu-content .testa .titolo-magazine { position: absolute; top:30px; left:120px; }
/* 	.mag-info-issue-number { position: absolute; top:10px; right:10px;   } */
	.citta-magazine { color:#fff;position: absolute; top:70px; left:110px;  padding:5px 160px 5px 10px;
	
	-webkit-border-top-left-radius		: 0;
	-moz-border-radius-topleft			: 0;
	border-top-left-radius				: 0;
	-webkit-border-top-right-radius		: 15px;
	-moz-border-radius-topright			: 15px;
	border-top-right-radius				: 15px;
	-webkit-border-bottom-right-radius		: 15px;
	-moz-border-radius-bottomright		: 15px;
	border-bottom-right-radius			: 15px;
	-webkit-border-bottom-left-radius		: 0;
	-moz-border-radius-bottomleft			: 0;
	border-bottom-left-radius			: 0;
	
	
	}
	
	.menu-content 				{ overflow: hidden;  position:relative; height: 210px; }
	.menu-content .testa		{ position: relative; height: 85px; }
	
	.menu-content .testa .issue		{ height:40px; line-height: 40px; text-align: right; }
	.menu-content .testa .issue-text 	{ padding-left:50px; display: inline-block; }
	.menu-content .testa .utente		{ position: absolute; top: 10px; right: 10px; height:30px; text-align: right;  width:300px; }
	.menu-content .navigazione 		{ position:absolute; top:68px; right:10px; width:200px; height:30px; background: #fff; }
	.menu-content .testa .utente a	{ color: #d4dc3d; }
	
	.menu-content .testa .utente #language-select select 				{ position: absolute; top:0; right:0; width:140px;  margin:4px 0; opacity: 0; 
	
	-webkit-border-top-left-radius		: 0;
	-moz-border-radius-topleft			: 0;
	border-top-left-radius				: 0;
	-webkit-border-top-right-radius		: 15px;
	-moz-border-radius-topright			: 15px;
	border-top-right-radius				: 15px;
	-webkit-border-bottom-right-radius		: 15px;
	-moz-border-radius-bottomright		: 15px;
	border-bottom-right-radius			: 15px;
	-webkit-border-bottom-left-radius		: 0;
	-moz-border-radius-bottomleft			: 0;
	border-bottom-left-radius			: 0;
	
	}
	
	.menu-content .testa .utente #language-select #language-text 		{ height:30px; display: inline-block; margin-left: 10px;  width:140px; text-align: left;padding-left: 10px;  line-height: 30px;
		-webkit-border-top-left-radius		: 0;
	-moz-border-radius-topleft			: 0;
	border-top-left-radius				: 0;
	-webkit-border-top-right-radius		: 15px;
	-moz-border-radius-topright			: 15px;
	border-top-right-radius				: 15px;
	-webkit-border-bottom-right-radius		: 15px;
	-moz-border-radius-bottomright		: 15px;
	border-bottom-right-radius			: 15px;
	-webkit-border-bottom-left-radius		: 0;
	-moz-border-radius-bottomleft			: 0;
	border-bottom-left-radius			: 0;
	}
	.menu-content .testa .utente #language-select #language-text span 	{ padding-right: 30px; 
		-webkit-border-radius: 	15px;
		-moz-border-radius: 	15px;
		border-radius: 		15px;
	}
	.menu-content .testa .utente #language-select #language-text i 		{ position: absolute; top:1px; right:-11px; width:20px; height:30px; text-align: center; line-height: 30px; 
		-webkit-border-top-left-radius		: 0;
	-moz-border-radius-topleft			: 0;
	border-top-left-radius				: 0;
	-webkit-border-top-right-radius		: 15px;
	-moz-border-radius-topright			: 15px;
	border-top-right-radius				: 15px;
	-webkit-border-bottom-right-radius		: 15px;
	-moz-border-radius-bottomright		: 15px;
	border-bottom-right-radius			: 15px;
	-webkit-border-bottom-left-radius		: 0;
	-moz-border-radius-bottomleft			: 0;
	border-bottom-left-radius			: 0;

	}
	
	
	.menu-content .col1			{ display: none; position: absolute; top: 0px; left: 10px; }
	.menu-content .col1 h2		{ margin: 0; }
	.menu-content .col2			{ position: absolute; top: 100px; left: 279px; width: 467px; }
	.menu-content .col2 ul		{ -moz-column-count:2; -webkit-column-count:2; column-count:2; }
	.menu-content .col3			{ position: absolute; top: 100px; left: 279px; width: 467px; }
	.menu-content .col3 ul		{ -moz-column-count:2; -webkit-column-count:2; column-count:2; }
	.menu-content .ricerca h2	{ display:none;  }
	.menu-content #brand-list	{ display: block; }
	.menu-content #brand-select	{ display: none; }
	
	/* -- Voci menu -- */	

	.menu-content ul, .menu-content li	{ list-style: none; margin-left: 0; padding-left: 0; }
	.menu-content li:before			{ content:none; }
	.menu-content li				{ line-height: 25px; }
	.menu-content .keyword			{ height:30px; padding: 0px; width: 92%; padding:0 4%; -webkit-border-radius: 0px;-moz-border-radius: 0px; border-radius: 0px; outline: none; }
	
	#language-select				{ display: inline-block; }

	/* -- 6.1 Left side menu -- */

	#left-side					{ position: absolute;top: 0;left: 0;height: 100%;width: 250px;}
	
	/* -- 6.2 Right side menu -- */
	
	#right-side					{ position: absolute;top: 0;right: 0;height: 100%;width: 250px; }
	
	#right-side a .brand		{ display: none; }
	#right-side a .pagina		{ display: block; clear: both; }
	#right-side li				{ padding-top: 5px; }
	#left-side h1				{ position: absolute; bottom: 10px; }
	#right-side h1				{ position: absolute; top: 10px; }
	#right-side .mini-header em	{ position: absolute;top: 40px; left: 10px; }

	
	/* -- 6.3 Center side -- */
	
	#center-side {width: 100%;height: 100%;position: absolute; }
	
	/* -- 6.4 Side panel -- */

	.side-panel			{ overflow: auto; overflow-x: hidden; }
	.side-panel h1			{ margin: 0; padding: 0 10px; }
	.side-panel ul			{ margin: 0; padding: 0; list-style: none; }
	.side-panel li			{ list-style: none; padding: 10px 10px;  display: block; margin: 0; }
	.side-panel li a		{ display: block; }
	.side-panel ul li:before	{ content: none; }
	.side-panel p			{ margin: 5px 10px; }
	.side-panel .mini-header	{ height: 85px; overflow: hidden; display: block; position: relative; }
	.side-panel .mini-header	{ background-image: url('../../images/x.png'); background-position: right top; background-size: 26px 26px; background-repeat: no-repeat; }

	/* -- altro -- */
	#pagina-search button{ display: none; }
	
	
	

/* -- 7.0 Fancybox -- */

	#fancybox-close 					{ top: 0px !important; right: 0px !important; background: rgba(0,0,0,.7) url('../../images/ext-close.png') 0px 0px no-repeat!important; background-size: 30px 30px !important; padding: 5px; -webkit-border-bottom-left-radius: 2px;-moz-border-radius-bottomleft: 2px;border-bottom-left-radius: 2px; }
	#fancybox-left-ico					{ background: transparent url('../../images/ext-prev.png') 0px 0px !important; background-size: 30px 30px !important; }
	#fancybox-left:hover span			{ left: 0 !important; }
	#fancybox-right-ico					{ background: transparent url('../../images/ext-next.png') 0px 0px !important; background-size: 30px 30px !important; }
	#fancybox-right:hover span			{ right: 0!important; }
	.fancybox-video #fancybox-close		{ top: 0px !important; right: 0px !important; width: 20px !important; height: 20px !important; background-color: transparent!important; } 
	.fancybox-video #fancybox-close:before	{ margin-left: 35px; line-height: 65px; }
	.ext-zoom-wrapper 					{ position:relative; display:block; }
	.ext-ico-zoom						{ background: transparent url('../../images/ext-zoom.png') 0px 0px !important; background-size: 30px 30px !important; width: 30px; height: 30px; position: absolute; top:8px; right:7px; }

/* -- 8.0 Fixed -- */

	/* Fix bug dello scrolling in iOs */
	.fix-ios-scroll { width:100%; height:100%; overflow-x:hidden; overflow-y:scroll; -webkit-overflow-scrolling:touch;}
	
	/* Fix bug del focus in iOs 7 */
	/*.safari.v7 .fix-ios-scroll {-webkit-overflow-scrolling:auto; }*/

	/* WGET deve leggere questi link a pagine manifesto, ma gli altri no*/
	.link-manifesto { display: none; }
	
	/* Correzione slider TOC */ 
	.swiper-container { position: absolute; bottom:0; z-index: 50;}
	
/* -- 9.0 Login -- */
	
	/* Nota: Non lo metto nel file di configurazione */
	#content-center { width:500px; height:350px; position:absolute; left:50%; top:50%; margin:-175px 0 0 -250px; background-color: #fff; -webkit-box-shadow: 0px 0px 20px rgba(0,0,0, .6);-moz-box-shadow:0px 0px 20px rgba(0,0,0, .6);box-shadow:0px 0px 20px rgba(0,0,0, .6); }

	/* -- 9.1 Form -- */
	.form-login						{font-size: 16px; padding: 15px; }
	.form-login input[type="text"], 
	.form-login input[type="password"]		{ border: 1px solid #ccc; font-size:16px; padding: 5px; width: 200px; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; box-shadow: 0 0 10px #ccc inset; background-color: #eee; }
	.logo-login						{ background-color: #222; width: 480px; height: 59px; color: #fff; font-size: 30px; padding-top: 20px; padding-left: 20px; font-weight: normal; }
	.logo-login img 					{ width:50px !important; height:50px !important; }
	.form-login label					{ display: inline-block; width: 150px; text-align: left; text-transform: capitalize; margin-right: 6px; }
	.form-login .row					{ margin-bottom: 10px; }
	.form-login .row-remember input		{ margin-left: 160px; }
	.form-login .row-remember label		{ text-align: left; width: 200px; }
	
	.form-login span.required			{ display: none; }
	.form-login .row-buttons input[type="submit"] { text-align: center; display:block;  background-color: #222; border: none; margin: 15px auto 15px; color: #fff; padding: 5px 13px; text-transform: uppercase;  -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; }
	.form-login .row-buttons a { font-size: 12px; text-align: center; clear: both; display: block; padding-bottom: 5px; }
	
	.form-login .errorMessage  { margin-left: 162px; margin-bottom: 10px;margin-top: 5px; color: #ff0000; font-size: 14px; }

/* -- 10.0 Awesome font -- */

	.fa{ font-size: 16px; color: #575651; vertical-align: middle; text-align: center;  }
	.fa.small{ font-size: 24px; width:20px; display: inline-block; text-align: center}
	.fa.medium{ font-size: 30px; width:30px; display: inline-block; text-align: center}
	.fa.big{ font-size: 50px; width:50px; display: inline-block; text-align: center}
	.fa.bigger{ font-size: 70px; width:40px; display: inline-block; text-align: center}
	.fa.negative{ background-color: #575651; color: #fff; width: 1.3em; height:1.3em; line-height: 1.3em; text-align: center; border-radius: 50%; }
	.fa.red{ color: #EE2D33; }
	.fa.red.negative{ color: #fff; background-color: #EE2D33; }
	.fa.left{ display: block; float: left; }
	.fa.right{ display: block; float: right; }
	.fa.center{ display: block; margin: 0 auto; }


	/* personalizzazioni varie */
	/*
	article.news1 hr{ display: none!important; }
	article p{ padding-bottom: 20px; }
	article { font-weight: 300; }
	article .immagine img, article .img_gallery img{ border: none; }
	article p.mezzo-titolo-sx{ text-align: right; padding-right: 25px; }
	article p.mezzo-titolo-dx{ text-align: left; padding-left: 5px; }
	article iframe{ border: none; }
	article .intestazioneMag .cartella {color: #999; }
	
	article .immagine, article .img_gallery{ width: 100%; }
	article .immagine a.zoom img, article .img_gallery a.zoom img{ width: 100%; }
	article a.zoom{ display: block; }
	article a.zoom .ext-ico-zoom{ background-image: none!important; top: 10px; right: 0px; }
	article a.zoom .ext-ico-zoom:before { content: "\f065"; font-family: FontAwesome; color: #fff; font-size: 24px;text-shadow: 0px 0px 1px #000; }
	article h1, article h2, article h3, article h4, article h5, article h6{ padding-top: 0; }
	article a, article a:link{ color: #222; }
	article a.button{ background-color: #A6CB66; border-radius: 3px; padding:4px 10px; text-decoration: none; color: #fff; }
	article a.button:active{ background-color: #7ea830; }
	
	#fancybox-close, #fancybox-right-ico, #fancybox-left-ico, a.video .video-play{ background-image: none!important; }
	#fancybox-close:before      { content: "\f00d"; font-family: FontAwesome; color: #fff; font-size: 24px; margin-left: 6px; text-shadow: 0px 0px 1px #000; }
	#fancybox-right-ico:before  { content: "\f054"; font-family: FontAwesome; color: #fff; font-size: 24px; margin-left: 0px; text-shadow: 0px 0px 1px #000; }
	#fancybox-left-ico:before   { content: "\f053"; font-family: FontAwesome; color: #fff; font-size: 24px; margin-left: 12px; text-shadow: 0px 0px 1px #000; }
	
	.contenuto-VIDEO .video-play{ display: none; }
	.contenuto-VIDEO .video-wrapper:after{ content: "\f144"; font-family: FontAwesome; color: #fff; font-size: 40px; position: absolute; right: 6px; bottom: 15px; }
	.contenuto-VIDEO .video-wrapper{ position: relative; background-color: #000; }
	.contenuto-VIDEO .video-wrapper img{ opacity: 0.6; }
	
	*/
	/*
	body.safari .contenuto-VIDEO .video-wrapper,
	body.chrome .contenuto-VIDEO .video-wrapper { position:inherit; }
	
	body.safari .contenuto-VIDEO .video-wrapper span.play-youtube-conn,
	body.chrome .contenuto-VIDEO .video-wrapper span.play-youtube-conn { display:none;  }
	
	*/
	

/* -- 11.0 Ken burns -- */

	article.kb .gallery_copertina , article.kb .gallery_copertina_kb { position: relative; width:100%; background-color:#fff; overflow: hidden; }
	article.kb .gallery_copertina * {display: none}
	

	/*  The plugin wraps the images in div.kb-slide. This
	allows me to run separate animations simultaneously. */
	article.kb .gallery_copertina .kb-slide,
	article.kb .gallery_copertina_kb .kb-slide{
	    position: absolute;
	    z-index: 1;
	    opacity: 0;
	}
	/* I used position relative here because IE8
	didnt like the opacity when the img was set to absolute*
	translate3d(000) kicks them into HW acceleration, and
	backface-visibility gives some performance boosts. */
	article.kb .gallery_copertina .kb-slide img,
	article.kb .gallery_copertina_kb .kb-slide img{
	    position: relative;
	}
	
	
	/* If the script encounters an image that hasnt loaded,
	it pops up a little loading wheel. I used a little CSS3
	but you could also use a gif to better handle ie8 */
	article.kb .gallery_copertina .loader,
	article.kb .gallery_copertina_kb .loader {
	    width:32px;
	    height:32px;
	    top:6px;
	    left:550px;
	    border:5px solid rgba(128,128,128,0.9);
	    opacity:.9;
	    border-top:5px solid rgba(0,0,0,0);
	    border-left:5px dotted rgba(0,0,0,0);
	    border-radius:32px;
	    -moz-animation:spin 1s infinite linear;
	    -webkit-animation:spin 1s infinite linear;
	}
	
	@-moz-keyframes spin {
		0% { -moz-transform:rotate(0deg); }
		100% { -moz-transform:rotate(360deg); }
	}
	@-moz-keyframes spinoff {
		0% { -moz-transform:rotate(0deg); }
		100% { -moz-transform:rotate(-360deg); }
	}
	@-webkit-keyframes spin {
		0% { -webkit-transform:rotate(0deg); }
		100% { -webkit-transform:rotate(360deg); }
	}
	@-webkit-keyframes spinoff {
		0% { -webkit-transform:rotate(0deg); }
		100% { -webkit-transform:rotate(-360deg); }
	}


/* -- 12.0 Banner -- */
	
	.banner { padding: 20px; }
	.banner-top { padding-top:80px;}
	
	
/* -- 13.0 Media query -- */

	@media all and (max-width: 769px) {
	
	    body { font-size: 16px; }
	
	    .toc-container.swiper-container	{ width: 768px; }
	    .menu-content .col1				{ left: 20px; width: 167px; }
	    .menu-content .col2				{ left: 207px; width: 354px; }
	    .menu-content .ricerca				{ left: 581px; width: 167px; }
	    .menu-content .keyword			{ width: 140px; }
	    .immagine .testo-sotto			{ font-size: 90%; }
	
	    [class^="icon-"].small 			{ border-radius: 35px;  width: 35px; height: 35px; line-height: 35px; font-size: 20px; }
	    [class^="icon-"].medium			{ border-radius: 70px;  width: 70px; height: 70px; line-height: 70px; font-size: 40px; }
	    [class^="icon-"].big				{ border-radius: 105px; width: 105px;height: 105px;line-height: 105px;font-size: 60px; }
	
	}

	@media all and (min-width: 1025px) {
	
	    .toc-container.swiper-container .swiper-slide	{ width:150px }
	    
	}

	@media all and (min-width: 1439px) {
	
	    #sfoglia-next, 
	    #sfoglia-prev			{ width: 68px; height: 100%; position: absolute; background-color: #ccc; background-repeat: no-repeat; opacity: 0.1; transition: all .15s ease-in-out;-moz-transition: all .15s ease-in-out;-webkit-transition: all .15s ease-in-out;-o-transition: all .15s ease-in-out; }
	    #sfoglia-next:hover, 
	    #sfoglia-prev:hover		{ opacity: 0.5; cursor: pointer; border-color: #999; transition: all .15s ease-in-out;-moz-transition: all .15s ease-in-out;-webkit-transition: all .15s ease-in-out;-o-transition: all .15s ease-in-out; }
	
	    #sfoglia-next			{ top: 0; right: 0; background-image: url('arr-next.png'); background-position: 10px center; border-left: 1px solid transparent; }
	    #sfoglia-prev			{ top: 0; left: 0; background-image: url('arr-prev.png'); background-position: 10px center; border-right: 1px solid transparent; }
	    
	}

	
	@media all and (max-width: 480px) {
	    
	    .toc-toggle 			{ padding: 20px 5px 20px 20px; bottom: -57px; right: 10px;  }
	    .intestazioneMagInner 	{ margin: 4px 10px; padding-bottom: 4px;  }
		    
	    .menu-container 				{ height: 210px; }
	    .menu-content 					{ height: 210px; }
	    .menu-content .testa .issue 		{ top: 5px; right: 10px; }
	    .menu-content .testa .issue-text 	{ padding-left:50px; display: inline-block; }
	    /*.menu-content .testa .utente 		{ position:static; font-size: 12px; z-index: 10; text-align: center; width:100%; padding:10px 0;   }*/
	    .menu-content .testa 			{ height: 55px; }
	    .menu-content .col1 				{ display: none; }
	    .menu-content .col2 				{ top: 60px; right: 10px; left: auto; width: 45%; overflow: hidden; height: 60px; }
	    .menu-content .ricerca			{ display: none; }
	    .menu-content h2				{ font-size: 18px !important; }
	    .toc-container .swiper-slide .iss 	{ height: 100px; }
	    .toc-container.swiper-container 	{ height: 100px; }
	
	    .menu-content #brand-list		{ display: none; }
	    .menu-content #brand-select	{ display: block; }
	
	    .inside-toc-toggle span 		{display: none; }
	    .inside-toc-toggle:after 		{ color: #222;margin-left: 10px; }
	    .inside-toc-toggle			{ font-size: 18px; padding: 8px 10px 8px 2px; bottom: -34px; right: 0px; }

	    .menu-content .testa .utente #language-select { position: relative; }	    
	    .menu-content .testa .utente #language-select #language-text { position: relative; margin: 0; }
	    .menu-content .testa .utente #language-select #language-text i { top:0; right:0; }
	    .menu-content .testa .issue-text { padding:0;}
	    .menu-content .testa .issue-text:before { content: " | "; font-weight: normal; padding-left:5px; }
	    

	    
	    .side-panel .mini-header 		{ height: 55px; }
	    .menu-content .testa .issue 	{ position: static; text-align: center; padding:0 10px; }
	  /*  .menu-content .testa .utente	{ position: absolute; width:100%; height:30px;
		    top: 35px;
		    right: auto;
		    left: 0px;
		    font-size: 12px;
		    z-index: 10;
		    text-align: center;
	    }*/
	    .menu-content .navigazione 	{ display:none; }
	    
	    
	    
	    #right-side h1				{ top: 5px; }
	    #right-side .mini-header em	{ top: 27px; white-space:nowrap; overflow:hidden; width:100%; text-overflow:ellipsis; -o-text-overflow:ellipsis; }
	
	    .full-width{margin-top: 0; }
	
	    [class^="icon-"].small 	{ border-radius: 25px; width: 25px; height: 25px; line-height: 25px; font-size: 16px; }
	    [class^="icon-"].medium	{ border-radius: 50px; width: 50px; height: 50px; line-height: 50px; font-size: 32px; }
	    [class^="icon-"].big		{ border-radius: 75px; width: 75px; height: 75px; line-height: 75px; font-size: 48px; }
	
	}


    
    /* torna a edicola nascosto di default, abilitato in app*/
    .nascosto {display: none}