@font-face {
    font-family: 'prataregular';
    src: url('./fonts/prata-regular-webfont.eot');
    src: url('./fonts/prata-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('./fonts/prata-regular-webfont.woff') format('woff'),
         url('./fonts/prata-regular-webfont.ttf') format('truetype'),
         url('./fonts/prata-regular-webfont.svg#prataregular') format('svg');
    font-weight: normal;
    font-style: normal;
}


.real{
	width: 860px;
}
.bigCol{
	width: 55%;
    padding: 1em;
}
.littleCol{
    width: 38%;
    padding: 1em;
}
.lCol{
	width: 64%;
    padding: 0.5em;
    border: solid 1px #aaa;
    background: #E6DDBD;
}
.rCol{
	width: 31%;
    padding: 0.5em;
}

.simple-page-block{
    width: 32%;
    margin-right: 1%;
    margin-top: 0.5%;
    margin-bottom: 0.5%;
    height: auto;
    min-height: 17.5em;
    /*padding: 2%;*/
    border: solid 1px #bbb;
    /*background: #E6DDBD;*/
    background-size: cover;
}

.simple-page-block .image{
    width: 100%; height: 10em; overflow: hidden;
}
.simple-page-block .image img{
    width: 124%; vertical-align: center; display: none;
}
.simple-page-block h4{
    position: absolute;
    bottom: 0;
    margin-bottom: 0;
    width: 92%;
    padding: 4%;
    min-height: 7em;
    color: #fff;
}
.simple-page-block h4 a{ color: #fff; }


@media all and (max-width: 379px) and (min-width: 100px) {
	/*
	.real{
		width: 280px;
	}
	#covacichTxt p{
		display: none;
	}
	*/
}

@media all and (max-width: 869px) and (min-width: 380px) {
	.real{
		width: 610px;
	}
	.menu{
		white-space: nowrap;
		font-size: 9pt;
	}
	.tag{
		width: 15%;
        min-width: 86px;
		margin-right: 1.025%;
		font-size: 8.5pt;
		color: #fff;
	}
	.mediaHid{
		display: none;
	}

.lCol{
	width: 100%;
    padding: 0.5em;
    border: solid 1px #aaa;
    background: #E6DDBD;
}
.rCol{
	width: 100%;
    float: left !important;
    padding: 0.5em;
}

.simple-page-block{
    width: 91%;
    margin-right: 1%;
    margin-top: 0.5%;
    margin-bottom: 0.5%;
    height: auto;
    min-height: 208px;
    padding-left: 3%;
    padding-right: 3%;
    border-top: solid 1px #bbb;
    /*background: #E6DDBD;*/
}

}


@media all and (min-width: 900px) {
	.real{
		width: 900px;
	}

	.tag{
        	width: 14.65%;
	        margin-left: 0%;
	        margin-right: 1.7%;
        	color: #fff;
	        font-size: 0.9em;
            margin-bottom: 0.6em;
	        -moz-transition: all 0.8s ease;
	        -webkit-transition: all 0.8s ease;
	        -o-transition: all 0.8s ease;
	        transition: all 0.8s ease;
	}
    .rightcolumn .tag{ width: 100%; margin-right: 0; }

}

.rightcolumn{ float: left; background: #f5f0df; padding: 9%; width: 82%; }
.central_banner .rightcolumn{ margin-top: 9.75em; }
.rightcolumn #tagBanner{ height: 100%; float: left; margin-top: 0; }
.rightcolumn h3{ width: 100%; float: left; text-align: center; }
.category_tags{ margin-top: 1em; float: left; width: 100%; position: relative; }
.white_bkg{ background: #fff; padding-top: 1.5em; }

/* MAIN */
html{
background: #fefefe;
margin: 0;
padding: 0;
}
body{
margin: 0;
padding: 0;
font-size: 11pt;
/*line-height: 12px;*/
font-family: helvetica, times;
font-weight: normal;
color: #000;
letter-spacing: .0em;
}

/* INPUTS */
input{
    outline: none;
    border: none;
}

/* TEXT elements */
p{
font-size: 1.1em;
line-height: 1.4em;
}

p.single-line{
font-size: 1.1em;
line-height: 1.2em;
}

.indent{
text-indent: 1.5em;
text-align: justify;
}
a{
	color: #000;
	text-decoration: none;
}
a.deco{
	text-decoration: underline;
}
a:hover{
	text-decoration: underline;
}
cite{
	font-family: Serif;
}
h1{
font-size: 1.8em;
text-align: justify;
line-height: 1.4em;
margin-top: 0.3em;
letter-spacing: .0em;
font-weight: 600;
font-family: 'prataregular';
}
h1.tax-title{
font-size: 1.4em;
line-height: 1em;
}
h1.coll-title{
font-size: 2.1em;
line-height: 1.3em;
}
h2{
font-size: 1.4em;
line-height: 1.2em;
margin-top: 0.5em;
font-weight: 600;
font-family: 'prataregular';
}
h3{
font-size: 1.1em;
line-height: 1.4em;
letter-spacing: 0em;
font-weight: 700;
font-family: 'prataregular';
}
h4{
font-size: 0.9em;
line-height: 1.35em;
letter-spacing: 0.1em;
font-weight: 700;
font-family: 'prataregular';
}

/* FLOATING classes */
.ll{
	position: relative;
	float: left;
}
.rr{
	position: relative;
	float: right;
}
.cc{
	position: relative;
	margin-left: auto;
	margin-right: auto;
}

/* MAIM elements */
.full{
	width: 100%;
}
.real{
/*	width: 860px;*/
}

#top{
	width: 100%;
	height: 166px;
	margin-top: 0px;
	/*background: url(./copertina-n-3-caravaggio.png) no-repeat 160% 40%;*/
    /* modifiche 2016 */
    background-color: #BA0000;
}
#top .grid-12{
    background-position: center center;
    background-size: auto 220%;
    background-repeat: no-repeat;
}
#logo{
	width: 83px;
	height: 166px;
	background: url(./logo.png) no-repeat center bottom #fff;
}
#logo:hover{
	background: url(./logoHover.png) no-repeat center bottom #fff;
}
#logoBanner{
	width: 420px;
	height: 166px;
	background: url(./logoBanner.png) no-repeat center center;
}
.citeBack{
	width: 100%;
	margin-top: 18px;
	background: url(./citeBack.png) no-repeat center center;
}
.citeIn{
	width: 82%;
	margin-left: 9%;
}


/*
headernav è il blocco del nuovo layout 2016
che include top menù, lista numeri, link social
barra di ricerca e banner "quaderni"
*/
#headernav{
    background: #f5f0df;
}
.home_number_list{ }
.home_number_list .numbers-container{ width: 100%; height: 180px; position: relative; }
.home_number_list .scrollable{ width: 100%; height: 180px; overflow-x: hidden; overflow-y: hidden; position: relative; float: left; }
.home_number_list .container{ width: 2870px; height: 180px; overflow: hidden; padding-left: 3em; }
.home_number_list .item{ width: 20%; max-width: 170px; height: 100%; float: left; }
.home_number_list .item p{ margin-bottom: 0.1em; }
.home_number_list .arrow{ position: absolute;
    height: 95%; background: #444; user-select: none;
    top: 0px;
    width: 1em;
    vertical-align: middle;
    color: #000;
    z-index: 20000;
    font-size: 2em; }
.home_number_list .prev.arrow{ left: 0; }
.home_number_list .next.arrow{ right: 0; text-align: right; }
.home_number_list .arrow:before{ margin-top: 2.5em; float: left; color: #f5f0df; }


.home_quaderni_banner{ width: 100%; height: 7.85em; margin-top: 1em; float: left; background-color: #fff; background-position: center center; border: solid 4px #14688c; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; background-position: center center; background-repeat: no-repeat; }
.context-nav p{ font-size: 1.25em; width: 100%; text-align: center; float: left; margin: 0; margin-bottom: 0.3em; color: #fff; }
.context-nav p.all_numbers{ background: #BA0000; width: 94%; padding: 6% 3% 6% 3%; }
.context-nav p.all_numbers a{ color: #fff; }
.context-nav p.random_page{ background: #fff; color: #000; width: 94%; padding: 6% 3% 6% 3%; }
.context-nav p.social span{ width: 50%; float: left; height: 1.6em; font-size: 1.8em; }
.context-nav p.social span:before{ margin-top: 0.3em; float: left; width: 100%; color: #fff !important; }
.context-nav p .icon-facebook{ background: #365A98; }
.context-nav p .icon-twitter{ background: #45A9DD; }
.search_form{ float: left; width: 100%; background: #e6ddbd; padding-top: 0.5em; padding-bottom: 0.5em; margin-top: 0.55em; margin-bottom: 0.3em; }
.search_form input{ }
.context-nav p.to_all_authors{ background: #E6DDBD; color: #000; width: 94%; padding: 6% 3% 6% 3%; }

#headernav .context-nav.not-in-homepage{ float: left; width: 100%; /*margin-bottom: 1.5em;*/ }
#headernav .context-nav.not-in-homepage{ font-size: 0.8em; padding-bottom: 1em; }
#headernav .context-nav.not-in-homepage p.social span{
    font-size: 1.8em !important;
}
#headernav .context-nav.not-in-homepage input.search{ height: 32px; }
#headernav .context-nav.not-in-homepage .search_form{ margin-top: 0em; }
#headernav .context-nav.not-in-homepage .search_button{ height: 32px; font-size: 1.5em; }

/** Modifiche del 13/01/2014 **/
input.search{
    width: 70%;
    margin-left: 2%;
    margin-right: 0em;
    padding-left: 0.6em;
    font-size: 1.2em;
    height: 37px;
    float: left;
    padding-top: 0;
    padding-bottom: 0;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
    /*background: url(./cercaInArabeschi.png) no-repeat left top;*/
}
.search-overlay{
position:absolute; padding-left: 1.5em; padding-top: 1em; font-size: 1.2em; font-family: helvetica;
}

.search_button{
    float: left;
    position: relative;
    text-align: center;
    width: 19%;
    height: 37px;
    background: #AD0101;
    color: white;
    border: none;
    outline: none;
    font-size: 1.8em;
    border-top-right-radius: 6px;
    border-bottom-right-radius: 6px;
}
.search_button:before{ margin-top: 0.25em; float: left; width: 100%; }
/** END modifiche 13/01/2014 **/

/* Let's get this party started */
#headernav ::-webkit-scrollbar {
    width: 6px; height: 6px;
}

/* Track */
#headernav ::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
    -webkit-border-radius: 4px;
    border-radius: 4px;
}

/* Handle */
#headernav ::-webkit-scrollbar-thumb {
    -webkit-border-radius: 4px;
    border-radius: 4px;
    background: rgba(255,0,0,0.8);
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.5);
}
#headernav ::-webkit-scrollbar-thumb:window-inactive {
	background: rgba(255,0,0,0.4);
}

/* Questo è il menù delle etichette delle categorie */
#tagBanner{
	width: 100%;
    margin-top: 2em; margin-bottom: 1em;
}

#searchBanner{
	width: 15%;
}
#covacichBack{
	background: url(./covacich.jpg) no-repeat 0% 50%;
}
.covacichGrad{
	width: 60%;
	background: url(./covacichGradient.png) no-repeat 0% 50% transparent;
}
#covacichTxt{
	width: 80%;
}
/* TRICKS classes */
.noUl{
/* This is added to <ul> */
	list-style-type: none;
	font-size: 0.9em;
}
.menuList{
/* This is added to <ul> */
	list-style-type: none;
	height: 50px;
	padding-left: 0px !important;
margin-top: 20px;
    margin-bottom: 24px;
}
.menu{
	width: 18%;
	margin-left: 1%;
	margin-right: 1%;
	text-align: center;
	height: 40px;
	margin-top: 8px;
	border-bottom: solid 3px #e0e0e0;
}
.menu:hover{
	border-color: #a0a0a0 !important;
}

.tag, .page-title-rect, .image-block-section{
	/* Firefox */
	-moz-transition: all 0.8s ease;
	/* WebKit */
	-webkit-transition: all 0.8s ease;
	/* Standard */
	transition: all 0.8s ease;
	/* Opera */
	-o-transition: all 0.8s ease;
}
.home-latest-pages-title, .full-gallery-entry-title, .full-gallery-img, .secondary-block-img{
	/* Firefox */
	-moz-transition: all 1.1s ease;
	/* WebKit */
	-webkit-transition: all 1.1s ease;
	/* Standard */
	transition: all 1.1s ease;
	/* Opera */
	-o-transition: all 1.1s ease;
}

.tag:hover, .page-title-rect:hover{
transform: rotate(-8deg);
-ms-transform: rotate(-8deg); /* IE 9 */
-webkit-transform: rotate(-8deg); /* Safari and Chrome */
-o-transform: rotate(-8deg); /* Opera */
-moz-transform: rotate(-8deg); /* Firefox */
}
.noMargin{
	margin: 0px !important;
}
.hole{
	width: 14px;
	height: 14px;
	top: 3px;
	left: 3px;
	background: url(./hole.png) no-repeat center center;
	position: absolute;
}
.footer{
background: #f5eedd;
}
.footer h3{ color: #ad0101; font-weight: normal; font-size: 1em; }
.footer p a{ border-bottom: solid 2px #ccc; line-height: 2em; padding-bottom:0.2em; }
.footerBack{
	background: url(./footer.png) no-repeat center center;
	height: 250px;
	padding-top: 100px;
    -moz-background-size: auto 86%;
    -webkit-background-size: auto 86%;
    background-size: auto 80%;
    background-position: 0 50px;
}
.footerIn{
	margin-top: 70px;
	text-align: right;
}
li{
	line-height: 35px;
}
.borderTopBottom{
	border-top: solid 1px #222;
	border-bottom: solid 1px #222;
}
.borderTop{
	border-top: solid 2px #000;
}
.borderBottom{
	border-bottom: solid 1px #222;
}
.marginTop{
	margin-top: 15px;
}
.marginBtm{
	margin-bottom: 20px;
}
.bigMargin{
	margin-top: 50px;
}
.cento{
	height: 100px;
}
.duecento{
	height: 199px;
}
.pHalf{
	width: 49%;
    margin-left: 0.75%;
    /** ADDEDD 13/01/2013 **/
    text-align: center;
}
.quarantaperc{
    width: 37%;
    margin-left: 0%;
    margin-right: 3%;
    float: left;
}
.ventiperc{
    width: 18%;
    margin-right: 2%;
    float: left;
}

.segnalibro{
	background: url(./segnalibro.png) no-repeat right center;
}

/* TEXT ALIGN classes */
.tc{
	text-align: center;
}
.tl{

}
.tr{
	text-align: right;
}

/* UI FX classes */
.rnd8px{
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	-o-border-radius: 8px;
	border-radius: 8px;
}
.rnd6px{
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	-o-border-radius: 6px;
	border-radius: 6px;
}

.brd{
	border: solid 2px #d9d9d9;
}


/* TAGS */
/*.n{
	background: #ad0101;
}*/
li.saggi, span.saggi{
	background: #192688;
}
li.recensioni, span.recensioni{
	background: #be5711;
}
li.galleria, li.gallerie, span.galleria, span.gallerie{
	background: #ad0101;
}
li.video, span.video{
	background: #298aa4;
}
.a{
	background: #83259a;
}
li.interviste, span.interviste{
	background: #63761e;
}
li.zoom, span.zoom{
    background: #A1184E;
}
li.incontro-con, li.ekphrasis, li.et-et, li.in-forma-di, li.unknown,
span.incontro-con, span.ekphrasis, span.et-et, span.in-forma-di, span.unknown{
    background: #777;
}


/*
    fabiobuda@netd.it - 28.06.2016
    Interventi al nuovo layout della singola
    pagina/contenuto.

    Classi delle categorie principali usate
    per colorare la visualizzazione della
    singola pagina
*/
.essay div.ita, .essay div.eng, .essay div.page-title{ width: 100%; float: left; margin: 0; padding: 0; }
.essay div.page-title{ /*padding: 2.5%;*/ width: 100%; float: left; position: relative; background: #888; min-height: 6em; }
.essay div.page-title h1{ font-size: 1.4em; width: 70%; float: left; margin: 1em 0em 0 1em; }
h3.page-author{ width: 100%; float: left; margin-left: 1.4em;  }
.essay div.page-title h1, h3.page-author, h3.page-author a{ color: #fff; }
.essay div.page-content{ padding: 5%; float: left; width: 90%; }
.essay div.page-share{ width: 18%; float: left; position: absolute; right: 0; top: 2.5em; }
.share-button{ width: 100%; float: right; /*margin-top: 3em;*/ background: #000; text-align: center; color: #fff !important; padding: 0.6em; cursor: pointer; }

.page-extract-block.saggi{ border: solid 2px #192688; }
.page-extract-block.saggi div.page-title{ background-color: rgba(25, 38, 136, 0.85);; }

.page-extract-block.recensioni{ border: solid 2px #be5711; }
.page-extract-block.recensioni div.page-title{ background-color: rgba(190, 87, 17, 0.85); }

.page-extract-block.galleria{ border: solid 2px #ad0101; }
.page-extract-block.galleria div.page-title{ background-color: rgba(173, 1, 1, 0.85); }

.page-extract-block.video{ border: solid 2px #298aa4; }
.page-extract-block.video div.page-title{ background-color: rgba(41, 138, 164, 0.85); }

.page-extract-block.interviste{ border: solid 2px #63761e; }
.page-extract-block.interviste div.page-title{ background-color: rgba(99, 118, 30, 0.85); }

.page-extract-block.zoom{ border: solid 2px #A1184E; }
.page-extract-block.zoom div.page-title{ background-color: rgba(161, 24, 78, 0.85); }


.page-extract-block.saggi .share-button{ background: #192688; }
.page-extract-block.recensioni .share-button{ background: #be5711; }
.page-extract-block.galleria .share-button{ background: #ad0101; }
.page-extract-block.video .share-button{ background: #298aa4; }
.page-extract-block.interviste .share-button{ background: #63761e; }
.page-extract-block.zoom .share-button{ background: #A1184E; }

/*
END -------------
*/


/* CATEGORIE TEMATICHE */
li.cinema, span.cinema{ background: #611988; }
li.spettacoli, span.spettacoli{ background: #007A51; }
li.libri, span.libri{ background: #004397; }
li.mostre, span.mostre{ background: #4D2900; }
li.eventi, span.eventi{ background: #85172A; }

.cinema-clr{ color: #611988; }
.spettacoli-clr{ color: #007A51; }
.libri-clr{ color: #004397; }
.mostre-clr{ color: #4D2900; }
.eventi-clr{ color: #85172A; }

/*
    fabiobuda@netd.it
    10/08/2014
    Colorazione del bordo nella
    nuova visualizzazione delle
    categorie no-BLOG
*/
div.saggi .simple-page-block{
    border-color: #192688;
}
div.recensioni .simple-page-block{
    border-color: #be5711;
}
div.galleria .simple-page-block, div.gallerie .simple-page-block{
    border-color: #ad0101;
}
div.video .simple-page-block{
    border-color: #298aa4;
}
div.interviste .simple-page-block{
    border-color: #63761e;
}
div.zoom .simple-page-block{
    border-color: #A1184E;
}
div.incontro-con .simple-page-block, div.ekphrasis .simple-page-block, div.et-et .simple-page-block, div.in-forma-di .simple-page-block, div.unknown .simple-page-block{
    border-color: #777;
}
/**
 fabiobuda@netd.it - 23/10/2014
*/
div.cinema .simple-page-block{
    border-color: #611988;
}
div.spettacoli .simple-page-block{
    border-color: #007A51;
}
div.libri .simple-page-block{
    border-color: #004397;
}
div.mostre .simple-page-block{
    border-color: #4D2900;
}
div.eventi .simple-page-block{
    border-color: #85172A;
}

/* CATEGORIES COLORS in CSS border-top */
.saggi-border{
	border-top: solid 9px #192688;
}
.recensioni-border{
	border-top: solid 9px #be5711;
}
.galleria-border, .gallerie-border{
	border-top: solid 9px #ad0101;
}
.video-border{
	border-top: solid 9px #298aa4;
}
.interviste-border{
	border-top: solid 9px #63761e;
}
.zoom-border{
    border-top: solid 9px #A1184E;
}

.saggi-border-bottom{
	border: solid 5px #192688;
}
.recensioni-border-bottom{
	border: solid 5px #be5711;
}
.galleria-border-bottom, .gallerie-border-bottom{
	border: solid 5px #ad0101;
}
.video-border-bottom{
	border: solid 5px #298aa4;
}
.interviste-border-bottom{
	border: solid 5px #63761e;
}
.zoom-border-bottom{
    border: solid 5px #A1184E;
}


.cinema-border{ border-top: solid 9px #611988; }
.spettacoli-border{ border-top: solid 9px #007A51; }
.libri-border{ border-top: solid 9px #004397; }
.mostre-border{ border-top: solid 9px #4D2900; }
.eventi-border{ border-top: solid 9px #85172A; }



/* CATEGORIES PIXEL TRASP  */
.saggi-pixel-trasp{
	background-position: 0px 0px;
    background-image: url(data:image/gif;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAYAAAAfFcSJAAAABHNCSVQICAgIfAhkiAAAAAlwSFlzAAAN1wAADdcBQiibeAAAABl0RVh0U29mdHdhcmUAd3d3Lmlua3NjYXBlLm9yZ5vuPBoAAAANSURBVAiZY5BU6zgJAAK0AZFa1cKuAAAAAElFTkSuQmCC);
}
.recensioni-pixel-trasp{
	background-position: 1px 0px;
    background-image: url(data:image/gif;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAYAAAAfFcSJAAAABHNCSVQICAgIfAhkiAAAAAlwSFlzAAAN1wAADdcBQiibeAAAABl0RVh0U29mdHdhcmUAd3d3Lmlua3NjYXBlLm9yZ5vuPBoAAAANSURBVAiZY9gXIXASAATuAfC7wY31AAAAAElFTkSuQmCC);
}
.galleria-pixel-trasp, .gallerie-pixel-trasp{
	background-position: 2px 0px;
    background-image: url(data:image/gif;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAYAAAAfFcSJAAAABHNCSVQICAgIfAhkiAAAAAlwSFlzAAAN1wAADdcBQiibeAAAABl0RVh0U29mdHdhcmUAd3d3Lmlua3NjYXBlLm9yZ5vuPBoAAAANSURBVAiZY1jLyHgSAAOHAXlOMrVmAAAAAElFTkSuQmCC);
}
.video-pixel-trasp{
	background-position: 3px 0px;
    background-image: url(data:image/gif;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAYAAAAfFcSJAAAABHNCSVQICAgIfAhkiAAAAAlwSFlzAAAN1wAADdcBQiibeAAAABl0RVh0U29mdHdhcmUAd3d3Lmlua3NjYXBlLm9yZ5vuPBoAAAANSURBVAiZY9DsWnISAARYAiHBOj+KAAAAAElFTkSuQmCC);
}
.interviste-pixel-trasp{
	background-position: 4px 0px;
    background-image: url(data:image/gif;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAYAAAAfFcSJAAAABHNCSVQICAgIfAhkiAAAAAlwSFlzAAAN1wAADdcBQiibeAAAABl0RVh0U29mdHdhcmUAd3d3Lmlua3NjYXBlLm9yZ5vuPBoAAAANSURBVAiZY0gukzsJAAP4AcGXlJbVAAAAAElFTkSuQmCC);
}
.zoom-pixel-trasp{
	background-position: 5px 0px;
    background-image: url(data:image/gif;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAYAAAAfFcSJAAAABHNCSVQICAgIfAhkiAAAAAlwSFlzAAAN1wAADdcBQiibeAAAABl0RVh0U29mdHdhcmUAd3d3Lmlua3NjYXBlLm9yZ5vuPBoAAAANSURBVAiZY1go4XsSAAQ0AdBvnQgUAAAAAElFTkSuQmCC);
}

.cinema-pixel-trasp{ background-position: 6px 0px; iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAYAAAAfFcSJAAAABHNCSVQICAgIfAhkiAAAAAlwSFlz
    background-image: url(data:image/gif;base64,AAAN1wAADdcBQiibeAAAABl0RVh0U29mdHdhcmUAd3d3Lmlua3NjYXBlLm9yZ5vuPBoAAAANSURBVAiZY0iU6jgBAAOvAcwzOIoVAAAAAElFTkSuQmCC); }
.spettacoli-pixel-trasp{ background-position: 7px 0px;
background-image: url(data:image/gif;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAYAAAAfFcSJAAAABHNCSVQICAgIfAhkiAAAAAlwSFlzAAAN1wAADdcBQiibeAAAABl0RVh0U29mdHdhcmUAd3d3Lmlua3NjYXBlLm9yZ5vuPBoAAAANSURBVAiZY5DvSjsBAAOzAdiZS2vYAAAAAElFTkSuQmCC); }
.libri-pixel-trasp{ background-position: 8px 0px;
background-image: url(data:image/gif;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAYAAAAfFcSJAAAABHNCSVQICAgIfAhkiAAAAAlwSFlzAAAN1wAADdcBQiibeAAAABl0RVh0U29mdHdhcmUAd3d3Lmlua3NjYXBlLm9yZ5vuPBoAAAANSURBVAiZY2BwmXYCAALFAaOY5qZ1AAAAAElFTkSuQmCC);}
.mostre-pixel-trasp{ background-position: 9px 0px;
background-image: url(data:image/gif;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAYAAAAfFcSJAAAABHNCSVQICAgIfAhkiAAAAAlwSFlzAAAN1wAADdcBQiibeAAAABl0RVh0U29mdHdhcmUAd3d3Lmlua3NjYXBlLm9yZ5vuPBoAAAANSURBVAiZYDVZDgBAAJ8AT8yho7eAAAAAElFTkSuQmCC); }
.eventi-pixel-trasp{ background-position: 10px 0px; background-image: url(data:image/gif;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAYAAAAfFcSJAAAABHNCSVQICAgIfAhkiAAAAAlwSFlzAAAN1wAADdcBQiibeAAAABl0RVh0U29mdHdhcmUAd3d3Lmlua3NjYXBlLm9yZ5vuPBoAAAANSURBVAiZY2gV1zoBAAN6AYgiy29AAAAAElFTkSuQmCC); }




/* CATEGORIES COLORS in CSS color */

.saggi-color{
	color: #192688;
}
.recensioni-color{
	color: #be5711;
}
.galleria-color, .gallerie-color{
	color: #ad0101;
}
.video-color{
	color: #298aa4;
}
.interviste-color{
    color: #63761e;
}
.zoom-color{
    color: #A1184E;
}


/* ARTICLES classes */
.article{
	margin-top: 1em;
	margin-bottom: 1em;
	height: 280px;
}

.secondary-block-img{
    background-size: 120% auto !important;
    background-position: 50% 50%;
    background-repeat: no-repeat;
    height: 100%;
}

.secondary-block-img:hover{
    background-position: 60% 55% !important;
    background-size: 150% !important;
}

.abstract{
	width: 100%;
	position: relative;
	height: 136px;
-webkit-box-shadow: 0px 0px 6px 0px #222;
box-shadow: 0px 0px 6px 0px #222;
filter: progid:DXImageTransform.Microsoft.Shadow(Color=#222222, Strength=2, Direction=0),
         progid:DXImageTransform.Microsoft.Shadow(Color=#222222, Strength=2, Direction=90),
         progid:DXImageTransform.Microsoft.Shadow(Color=#222222, Strength=2, Direction=180),
         progid:DXImageTransform.Microsoft.Shadow(Color=#222222, Strength=2, Direction=270);
}

h1 a, h2 a, h3 a{
    text-decoration: underline;
}
h1 a:hover, h2 a:hover, h3 a:hover{
    text-decoration: underline;
    /**border-bottom: solid 1px #111;**/
}

.abstractIn{
    position: absolute;
    height: 61.8%;
    width: 90%;
    padding: 0px;
    margin: 0px;
    padding-left: 5%;
    padding-right: 5%;
    color: white;
    padding-top: 20%;
}
.abstractIn h2{
letter-spacing: -0.05em;
text-align: center;
font-size: 1.8em;
border-bottom: solid 2px #fff;
padding-bottom: 0.5em;
}
.abstractIn h2 a{ text-decoration: none; }
.abstractIn p{ text-align: center; font-size: 1.3em; }


.vitiello{
	background: url(./vitiello.jpg) no-repeat center center;
}
.porciani{
	background: url(./porciani.jpg) no-repeat center center;
}
.guerra{
	background: url(./guerra.jpg) no-repeat center center;
}
.billViola{
	background: url(./billViola.jpg) no-repeat center center;
    background-size: 100%;
}
.sprite{
	position: absolute;
	bottom: 12px;
	right: -36px;
	width: 75px;
	height: 108px;
	background: url(./sprite/sprite.png) no-repeat;
	background-position: 0px 0px;
}


/* COLORS classes */
.wht{
	color: #fff;
}
.red{
	color: #AD0101;
}
.micro{
	font-size: 0.35em;
}
.little{
	font-size: 0.65em;
}
.small{
    font-size: 0.9em;
    line-height: 1em;
}
.medium{
    font-size: 1.05em;
    line-height: 1.4em;
    margin-bottom: 0.4em;
    margin-top: 0em;
    font-weight: 400;
}
.large{
    font-size: 1.5em;
}
.veryBig{
	font-size: 5.5em;
	line-height: 2em;
	margin: 0px;
	margin-right: 120px;
}

.gallEntity{
	width: 28%;
	height: 340px;
	margin-left: 1%;
	margin-bottom: 12px;
	margin-top: 16px;
	border: solid 1px transparent;
}
.gallEntity:hover{
	border: solid 1px #a0a0a0;
}
.chagall{
background: url(./gallery/chagall.jpg) no-repeat center center;
}
.clerici{
background: url(./gallery/clerici.jpg) no-repeat 74% center;
}
.redon{
background: url(./gallery/redon.jpg) no-repeat center center;
}

#magNumber{
	margin-top: 89px;
	line-height: 91px;
}
#magNumber:hover{
	text-decoration: underline;
	color: #f0f0f0;
}


/*TWITTER*/

.ttw{
min-height: 52px;
margin-bottom: 10px;
border-bottom: solid 1px #f0f0f0;
border-top: solid 1px #f0f0f0;
}
.twt{
/*background: url(./twt.png) left center no-repeat;*/
font-size: 8.5pt;
}
.inTwt{
width: 78%;
margin-left: 20%;
display: block;
overflow: hidden;
}
.twtBlock{
max-height: 440px;
overflow: auto;
margin-bottom: 20px;
}
.twtBlock::-webkit-scrollbar {
width:6px;
background-color: #d9d9d9;
-webkit-border-radius: 6px;
}
.twtBlock::-webkit-scrollbar-thumb {
display: block;
background-color: #909090;
-webkit-border-radius: 6px;
}
.dtm{
font-size: 7pt;
line-height: 8px;
font-weight: bold;
text-decoration: none;
width: 78%;
margin-left: 20%;
display: block;
}
.ttw a{
color: black;
}

/*
Content Management System classes (templater.php)
*/
.page-extract-block{
    margin-bottom: 1em;
    padding-bottom: 1em;
    /*border-bottom: solid 0.2em #AD0101 !important;*/
    width: 100%;
}
.page-categories{
    width: auto;
    /*min-width: 50%;*/
    padding: 2%;
    /*border-top: solid 1px #AD0101;
    border-bottom: solid 1px #AD0101;*/
    margin-bottom: 1em;
}
/*.page-title{
    margin-bottom: 1em;
}*/
.page-title-rect{
    width: 6.1em;
    height: 2.0em;
    float: left;
    margin-right: 0.5em;
    margin-bottom: 0.5em;
    color: white;
    padding-top: 0.5em;
    text-align: center;
    font-size: 0.8em;
    z-index: 100000;
    position: relative;
}
.page-abstract{
    font-weight: normal;
    font-style: normal;
    /*font-family: 'prataregular';*/
    font-family: Times;
    font-style: italic;
    font-size: 1em;
    line-height: 1.5em;
    text-align: justify;
    width: 94%;
    padding-left: 3%;
    padding-right: 3%;
    padding-top: 1em;
    padding-bottom: 1em;
    border-top: solid 1px #bbb;
    border-bottom: solid 1px #aaa;
    background: #F0E7C9;
    float: left;
}
.page-tools{
    width: 96%;
    padding: 2%;
    border: solid 1px #ad0101;
    float: left;
}
.tags-in-page{
    border-top: solid 1px #aaa;
    font-size: 0.9em !important;
    font-family: helvetica !important;
    width: 90%;
    padding: 5%;
}
.page-new-top{
float: left;
width: 90%;
padding: 0% 5% 5% 5%;
position: relative;
/*margin-top: 1.75em;*/
}
.page-new-top .page-relations{ width: 100%; float: left; display: block; }
.page-new-top .page-cover{ width: 34%; float: left; display: block; }
.page-new-top .page-cover img{ width: 100%; float: left; }
.page-collections{ float: left; width: 96%; padding: 2%; background: #f5f0df; border-radius: 4px; }

.single-tag-in-page{
    padding: 0.0em;
    color: #fff;
    text-shadow: 0em 0em 0.6em #eee;
}
.single-tag-in-page:hover{
    text-shadow: 0em 0em 0.6em #111;
    color: #fff !important;
}


.single-author-in-list{
    position: relative;
    float: left;
    width: 29%;
    margin-left: 2%;
    height: 18.2em;
    margin-top: 1em;
    border: solid 1px #a0a0a0;
    padding: 1%;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
}


.tool{
    margin: 2%;
    padding: 2%;
    color: #000;
}

.authors-right-widget{
    width: 100%;
    float: left;
    margin-bottom: 1.5em;
}
.author-list-par, .tag-list-par{
    text-align: justify;
}
.author-list{
    position: relative;
    font-size: 0.75em;
    margin-right: 0.2em;
    padding: 0.3em;
    display: inline !important;
    float: none;
    background: none;
}


.tag-list{
    position: relative;
    font-size: 0.75em;
    margin-right: 0.2em;
    line-height: 1.4em;
    padding: 0.3em;
    display: inline !important;
    float: none;
    background: none;
}

.author-list:hover, .tag-list:hover{
    background: #000;
    color: #fff;
}
.author-delimiter, .tag-delimiter{
    font-size: 1em;
}
.small-tag-delimiter{
    font-size: 0.8em;
}

.tax_slug{
    font-size: 0.9em;
}

.taxonomy-header{
    margin-top: 0em;
    width: auto;
    border-bottom: solid 0.3em #AD0101;
    padding: 1em;
    margin-bottom: 0em;
    background: #f3f3f3;
}
/* wordToHtml */
    /* The p{} selector is in the head of this CSS
    /*p{
        font-size: 1.2em;
        line-height: 1.5em;
        text-indent: 1.5em;
    }*/

    .essay{
        font-family: times !important;
        float: left;
        width: 100%;
    }

    .times {
        font-family: times;
    }
    .epigraph{
        text-align: right;
	width: 50%;
        margin-left: 49%;
        margin-top: 0em;
        margin-bottom: 0em;
    }
    .verse {
        font-size: 1.1em;
        line-height: 1.3em;
        margin-top: 0em;
        padding-left: 1em;
        margin-bottom: 0em;
        margin-left: 7em;
        font-style: normal;
        color: #333;
        border-left: solid 2px #bbb;
    }

    .cite{
        font-size: 1.1em;
	/** fabiobuda@netd.it - 02-05-2014
	    aggiunto float per problemi in la-poesia-ricci-forte
            RIMOSSO PERCHÈ CREAVA ALTRI CASINI
            ED IL BUG DI LA-POESIA-DI-RICCI-FORTE
            ERA IL FLOAT NELLE IMG E NONO LA MANCANZA DI
            FLOAT NELLE CITE
	*/
	/*float: left;*/
        line-height: 1.1em;
        margin-top: 3em;
        margin-bottom: 3em;
        margin-left: 3.5em;
        padding: 0.75em;
        color: #222;
        background: #f3f3f3;
    	text-align: justify;
    }
    a>sup{
        font-size: smaller;
        line-height: 1em;
        margin-left: 4px;
        color: blue;
    	font-style: normal !important;
    }
    .sdendnotesym-western, .sdendnotesymm, .sdfootnotesym, .sdfootnotesym-western, .sdendnotesym{
        color: blue;
        font-weight: 600;
    }
/*    .sdendnote-western{
        font-size: 0.95em;
    }
*/

    .end-note-p{
        font-size: 1em;
	    text-indent: 0em !important;
        text-align: justify;
        border-bottom: dotted 1px #444;
        padding-bottom: 1em;
    }

    a>sup:hover{
        text-decoration: underline;
    }
    .nospace{
        margin-top: -3em;
    }
    article{
        /*padding-right: 1.8em;*/
        /*padding-right: 1.8em;*/
        /*padding-left: 1.3em;*/
        /*padding-top: 1em;*/
    }



.single-pages, .single-taxonomies, a{

}

.page-button{
    width: auto;
    height: 2em;
    padding-top: 0.8em;
    padding-left: 1em;
    padding-right: 1em;
    float: left;
    margin-right: 1em;
    background: #DEDEDE;
    margin-bottom: 2em;
    text-align: center;
}
.page-button:hover{
    background: #777;
    color: #fff;
}
.page-button-active{
    font-weight: bold;
    background: #AD0101;
    color: #fff;
}

.img-caption{
    float: left;
    display: inline;
}
.essay-img{
    margin-right: 1em;
    border: solid 1px #a0a0a0;
    padding: 0.3em;
    margin-top: 0.2em;
    margin-bottom: 0.5em;
    text-align:left;
    display:inline;
}

.image-block-section{
    margin-bottom: 1em;
    width: 98%;
    /*max-width: 540px;*/
    height: 180px;
    overflow: hidden;
    background: url(./gallery-background.png) no-repeat 50% -150% #E0D9BA;
    -webkit-box-shadow: inset 0px 0px 2px 1px #777;
    box-shadow: inset 0px 0px 2px 1px #777;
    padding-left: 1%;
    padding-right: 1%;
    border: solid 1px #999;
    margin-bottom: 4em;
    margin-top: 2.5em;
}

.image-block-section:hover{
    margin-bottom: 1em;
    margin-top: 0em;
    height: 275px;
    border: solid 1px #777;
    background: url(./gallery-background.png) no-repeat center 110% #BDB79D;
    -webkit-box-shadow: inset 0px 0px 6px 1px #777;
    box-shadow: inset 0px 0px 6px 1px #777;
}

.image-block-single-row{

}

.image-block{
    background: #222;
    text-align: center;
    overflow: hidden;
    height: 176px;
    width: 19%;
    margin-top: 0%;
    margin-left: 0.25%;
    margin-right: 0.25%;
    border: solid 1px #777;
	/* Firefox */
	-moz-transition: all 0.8s ease;
	/* WebKit */
	-webkit-transition: all 0.8s ease;
	/* Opera */
	-o-transition: all 0.8s ease;
	/* Standard */
	transition: all 0.8s ease;
}
.image-block:hover{
    width: 36%;
    height: 243px;
    margin-top: 3%;
    border: solid 2px #eee;
    margin-left: 1.5%;
    margin-right: 1.5%;
    -webkit-box-shadow: 0px 0px 8px 1px #222;
    box-shadow: 0px 0px 8px 1px #222;
	/* Firefox */
	-moz-transition: all 0.8s ease;
	/* WebKit */
	-webkit-transition: all 0.8s ease;
	/* Opera */
	-o-transition: all 0.8s ease;
	/* Standard */
	transition: all 0.8s ease;
}

.image-block-tools{
position: absolute; top: 167px; height: 70px;
width: 95%;
font-size: 0.7em;
background: #000;
color: #fff;
padding-top: 0.2em;
padding-left: 2.5%;
padding-right: 2.5%;
}

.collection-images{
    width: 98%;
}

.social-bar{
    width: 98%;
    float: left;
}
.social-button{
    width: 110px;
    float: left;
    text-align: center;
}
.twitter-share-button, .fb-like{
    height: 25px !important;
    margin-left: 0.5em;
    float: left;
}
.files-attached{
    background: #F5F0DF;
    width: auto;
    height: 1.2em;
    padding: 0em;
    margin-bottom: 1em;
    height: auto;
}
.single-attachment-link{
    margin: 0.6em;
    float: left;
}
.author-contribute-list{
    list-style-type: square;
    width: 98%;
}

.hidden{
    display: none;
}

.index_entry{
    width: 100%;
    border-bottom: solid 1px #a0a0a0;
    padding-top: 1em;
}


.home_gallery h1, .home_gallery h2, .home_gallery p{ text-align: left; }
.home_gallery h1{ text-transform: uppercase; font-size: 1.8em; margin-top: 0.6em; letter-spacing: .0em; margin-bottom: 0; }
.home_gallery h2{ font-size: 1.4em; }
.home_gallery h1 a{ text-decoration: none; }
.home_gallery h1 a:hover{ text-decoration: underline; }

.home-gallery-img-div{
width: 22%; height: 200px; overflow: hidden; margin: 1%;
border: solid 4px #444;
margin-top: 1.5%;
margin-bottom: 1.5%;
background: #000;
background-size: auto 160% !important;
}

.home-gallery-img{
width: 200px;
position: relative;
display: none;
}


.gallery-groups .full-gallery-img{
width: 28.5%; height: 110px; overflow: hidden;
margin: 0.5% 1% 1.5% 3% !important;
/*border: solid 4px #444;*/
/*margin-top: 1.5%;*/
/*margin-bottom: 1.5%;*/
background: #000;
background-size: 190% auto !important;
}
.full-gallery-img .onhoverpanel{
position: absolute; width: 60%; height: 60%; padding: 20% 20% 20% 20%; background: rgba(0, 0, 0, 0); opacity: 0;
-moz-transition: all 1s ease; -webkit-transition: all 1s ease; transition: all 1s ease; -o-transition: all 1s ease;
}
.full-gallery-img .onhoverpanel a{ width: 50%; margin-top: 9%; float: left; text-align: center; color: #fff; text-decoration: none; }
.full-gallery-img .onhoverpanel span{  font-size: 3em; }
.full-gallery-img:hover .onhoverpanel{
opacity: 1.0;
background: rgba(0, 0, 0, 0.8);
-moz-transition: all 1s ease; -webkit-transition: all 1s ease; transition: all 1s ease; -o-transition: all 1s ease;
}

.full-gallery-img:hover{
    background-size: 60% auto !important;
}

.full-gallery-img{
width: 19.5%; height: 240px; overflow: hidden;
margin: 0.25% !important;
/*border: solid 4px #444;*/
margin-top: 1.5%;
margin-bottom: 1.5%;
background: #000;
background-size: 120% auto !important;
}
.full-gallery-img:hover{
    background-size: 60% auto !important;
}


.events_container{
    width: 100%;
    height: 240px;
}

.cambria_event{
    width: 19%;
    min-height: 225px;
    margin-left: 0.5%;
    margin-right: 0.5%;
    border-top: solid 2px #fff;
    border-bottom: solid 2px #bbb;
    background: #fff;
    background-image: -webkit-linear-gradient(top, rgb(250,250,250) 15%, rgb(255,255,255) 70%);
    box-shadow: 0px 4px 6px 1px #ccc;
}

.event_widget .cambria_event{
    width: 24%;
    float: right;
    margin-top: 2.5%;
    box-shadow: 0px 2px 6px 1px #ccc;
}
.event_widget .event_title_description{
    width: 67%;
}
.cambria_event .single_event{
    width: 80%;
    height: 84%;
    min-height: 184px;
    margin-left: 10%;
    margin-top: 10%;
    text-align: right;
}
.cambria_event .event_title{
    font-size: 0.85em;
    border-top: solid 1px #ccc;
    padding-top: 0.7em;
}
.cambria_event .event_day_of_week{
    font-size: 0.9em;
    font-weight: bold;
    display: block;
}
.event_day_of_week:first-letter{
    font-size: 1.1em;
}
.cambria_event .event_day{
    font-size: 1.7em;
    font-weight: bold;
}
.cambria_event .event_date{

}
.cambria_event .event_place{
    font-size: 0.6em;
}
.cambria_event .event_link{
    position: absolute;
    right: 0em;
    bottom: 0em;
    font-size: 0.7em;
}
.cambria_event .event_is_in_future{

}


.cambria_event_vert{
    width: 48%;
    height: 215px;
    min-height: 214px;
    margin-bottom: 0.5em;
    margin-left: 1%;
    margin-right: 1%;
    border-top: solid 2px #fff;
    border-bottom: solid 2px #bbb;
    background: #fff;
    background-image: -webkit-linear-gradient(top, rgb(250,250,250) 15%, rgb(255,255,255) 70%);
    box-shadow: 0px 4px 6px 1px #ccc;
}
.cambria_event_vert .single_event{
    width: 90%;
    height: 88%;
    margin-left: 5%;
    margin-top: 5%;
    text-align: left;
}
.cambria_event_vert .event_date_block{
    margin-top: 0.1em;
    font-size: 0.8em;
}
.cambria_event_vert .event_date_block .event_day_of_week{ font-size: 0.75em; }
.cambria_event_vert .event_info_block{
    margin-bottom: 0.1em;
    font-size: 1.05em;
}

.cambria_event_vert .event_title{
    font-size: 0.9em;
    border-top: solid 1px #ccc;
    padding-top: 0.65em;
    font-weight: normal;
}
.cambria_event_vert .event_day_of_week{
    font-size: 1.1em;
    font-weight: bold;
}
.cambria_event_vert .event_day{
    font-size: 1em;
    font-weight: bold;
}
.cambria_event_vert .event_date{
    font-weight: bold;
}
.cambria_event_vert .event_link{
    position: absolute;
    right: 0em;
    bottom: 0em;
    font-size: 0.65em;

}
.event_widget{
    width: 97%;
    min-height: 200px;
    padding: 1.5%;
}


#single-issue{ height: 44em; margin-bottom: 3em; }
#issue_number{ width: 82px; height: 166px; background: #BA0000; }
#issue_number h2{ position: absolute; top: 52px; text-align: center; width: 100%; color: #fff; font-size: 26pt; }

@media all and (max-width: 1199px){
    .single-block .abstractIn{ height: 95%; }
    .secondary-blocks-nav li div.txt{ padding-top: 10% !important; height: 78% !important; }
}

@media all and (max-width: 999px){
    .events-browser li{ font-size: 2.5em !important; }
}

@media all and (max-width: 959px){
    #headernav ul.menuList li.menu{ font-size: 0.9em; }
    #headernav ul.menuList li.menu a{ white-space: nowrap; }

    div.context-nav p{ font-size: 1em; margin-bottom: 0.9em; }
    .context-nav p.social span{ height: 1.33em; }
    .context-nav p.social span:before{ margin-top: 0.15em; }
    #headernav .context-nav.not-in-homepage .search_form{ margin-top: 0 !important; padding-top: 0 !important; background: none; }

    .home_quaderni_banner{ background-size: contain; height: 5.1em; margin-top: 0.5em; }

    .incontro-con-homepage, #incontro-con-list{ height: 36em !important; }
    .incontro-con-homepage div.description{ top: 29em !important; }

    .tag{ width: 14.8%; margin-left: 0%; margin-right: 1.1%; font-size: 0.95em; margin-bottom: 0.6em; }

    #most-recent{}
    #most-recent .grid-4{ width: 49%; margin-left: 0.5%; margin-right: 0.5%;}
    #most-recent .latest-main-banner{ height: 16em; }
    #most-recent .latest-icon-square{ height: 7.7em; margin-bottom: 9px; }
    #most-recent .grid-4.homeevents{ width: 98.5%; margin-left: 0.5%; margin-right: 0.5%; }

    #homeincontrocon .grid-4{ width: 99%; margin-left: .5%; margin-right: .5%; }
    #homeincontrocon .grid-4.incontro-con-element{ width: 49%; margin: 0.5%; }
    /* IN PRIMO PIANO */
    .single-block{ height: 19.6em !important; }
    .single-block .abstractIn{ height: 68%; }
    .secondary-blocks-nav li{ height: 68px !important; }
    .secondary-blocks-nav li div.txt{ padding-top: 6% !important; height: 82% !important; }

    .full-gallery-img{ height: 190px; }

    #single-issue{ margin-bottom: 0em !important; height: 39em !important; }
    .number_single_page_container{ width: 44.75% !important; height: 41em !important; }
    .single_page_heading h3.page-title{ font-size: 1.2em !important; }
    .single_page_heading h3{ height: 4.5em !important; }

    .single-author-in-list{ width: 47.5% !important; margin-top: 0em; margin-bottom: 1em; }

    .simple-page-block{ width: 48%; }

    .footerBack{ background-size: auto 65%; padding-top: 65px; }
    .footerBack .little{ margin-top: 11em; }
    .footer .grid-5.cmscontent{ width: 100%; }
}

@media all and (max-width: 899px){

    input.search{ width: 62%; }

    div.context-nav p{ margin-bottom: 1.03em; }
    .rightcolumn .tag{ width: 100%; }
    .single-block{ margin-bottom: 1em; }
    .single-block .abstractIn{ padding-top: 10%; height: 86%; }
    .single-block .abstractIn .interviste-color{ bottom: 8px; }

    .footer .container-12 .grid-2{ width: 30% !important; }
    .footer .cmscontent h3, .footer .cmscontent p{ text-align: right; float: right; width: 78%; }
}

@media all and (max-width: 649px){
    #top, #logo, #logoBanner, #top div.rr{ height: 120px !important; }

    #logo{ width: 78px; }
    #logoBanner{ width: 66%; background: url(./logoBanner.png) no-repeat left bottom; background-size: 100%; background-color: #AD0101 !important; }
    #top div.rr{ width: 10%; }

    #issue_number h2{ top: 70px; font-size: 16pt; }

    .incontro-con-homepage, #incontro-con-list{ height: 32em !important; }
    .incontro-con-homepage div.description{ top: 23.5em !important; }

    li.menu{ width: 48%; }
    ul.menuList{ margin-bottom: 0.5em; float: left; height: 100%; width: 100%; }
    ul.menuList :last-child.menu{ width: 98%; }

    .tag{ width: 98%; }

    #most-recent .grid-4{ width: 99%; margin-left: 0.5%; margin-right: 0.5%;}
    #most-recent .latest-main-banner{ margin-bottom: 0.5em; }
    #homeincontrocon .grid-4.incontro-con-element{ width: 99%; margin: 0.5%; }

    #gallery_toolbar{ top: .75em !important; right: 1.5em !important; }
    .number_single_page_container{ width: 94.8% !important; }

    input.search{ width: 75% !important; }

    .simple-page-block{ width: 98%; }

    .quaderni .q_item{ margin-bottom: 2em; height: 26em; }
    .quaderni .q_item .content{ height: 95%; }


}

@media all and (max-width: 699px){
    .topic-categories li{ width: 48% !important; float: left; height: 2em; padding-top: 0.5em !important; }
    .topic-categories :last-child{ width: 98% !important; }
    .image-block-section{ overflow: auto !important; height: auto; width: 98% !important; border: none; background: none; margin: 0; }
    .image-block{ width: 48% !important; }
    .full-gallery-img{ width: 49.5%; }

    .footerBack{ background-size: 340% auto; min-height: 301px; }
    .footerBack .little{ margin-top: 15em; }
    .footer p a{ font-size: 1em; }
    .footer .cmscontent h3, .footer .cmscontent p{ text-align: right; float: right; width: 78%; }
    .footer .container-12 .grid-2{ width: 50% !important; min-height: 18em; }
    /*.footer .container-12 :last-child{ width: 100% !important; }*/
    .footerinfo{ width: 50%; float: left; }
    .footerinfo * { font-size: 0.95em; }
}

@media all and (max-width: 449px){
    #top .container-12, #top .container-12 .grid-12{ width: 100%;}
    #logo{ width: 70px; }
    #logoBanner{ width: 34%; background: url(./logoBanner.png) no-repeat left bottom; background-size: 113%; }
    #top div.rr#issue_number{ width: 100% !important; height: 3em !important; }
    #issue_number h2{ top: 1px; text-align: right; right: 10px; }
    #issue_number p{ text-align: left !important; margin-top: 15px; margin-left: 10px; float: left; }

    .search_button{ width: 17%; }

    .incontro-con-homepage, #incontro-con-list{ height: 28em !important; }
    .incontro-con-homepage div.description{ top: 18em !important; }

    .home_number_list .arrow{ display: none; }
    .home_number_list .container{ padding-left: 0; width: 2440px; }
    .home_number_list .item{ width: 12.5%; max-width: 150px; }
    .home_number_list .scrollable{ overflow-x: auto !important; }

    .single-block .abstractIn{ height: 92%; }
    .single-block .abstractIn .interviste-color{ bottom: 8px; }

    .full-gallery-img{ width: 99.5%; }

    .single-author-in-list{ width: 97.5% !important; margin-top: 0em; margin-bottom: 1em; }

    .footerBack { padding-top: 44px; }
    .footerBack .cmscontent h3{ margin-bottom: 0; }
    .footerBack .little{ margin-top: 7em; }
}