body {
	padding-bottom: 20px;
	color: #333;
	font-family: "Maven Pro", Arial, sans-serif;
}
.ei {
	font-variant: small-caps;
	font-size: 1.15em;
}
.article {
	margin-top: 80px;
}

.jumbotron {
	position: relative;
	margin-bottom: 10px;
}
.jumbotron h1 {
	font-size: 44px; /* down da 63 */
}
.jumbotron h1:first-child, .jumbotron .gr-text + h1 {
	margin-top: 0;
}
.jumbotron h1:last-child, .jumbotron p:last-child {
	margin-bottom: 0;
}
.jumbotron img {
	/* position: absolute; top: 0; right: 0; */
	float: right;
	/* con float, contrastare padding jumbotron */
	margin-right: -15px;
	margin-top: -30px;
}
.col-sm-9 > h1 {
	margin-top: 0;
}

.navbar {
	margin-bottom: 0;
}
a.navbar-brand {
	font-size: 22px;
	padding-top: 9px;
	padding-bottom: 9px;
	line-height: 32px;
	/* color: #39f !important; */
}
.navbar-brand img {
	display: inline; /* navbar.less override */
	vertical-align: middle;
}
.navbar-nav {
	float: none;
}
.navbar-default .navbar-nav > li.navbar-right > a {
	color: #337ab7;
}
.navbar-default .navbar-nav > li.navbar-right > a:hover {
	color: #0044aa;
}
.navbar-brand {
	padding: 15px 10px; /* hor da 15 per stringere */
}
.nav > li > a {
	padding: 18px 10px 12px 10px; /* hor da 15 per stringere */
}

.carousel {
	margin-top: 50px;
	margin-bottom: 50px;
}
.carousel-caption {
	background-color: rgba(100, 100, 100, 0.80); /* */
	margin-left: 30px;
	margin-right: 30px;
	padding-left: 15px;
	padding-right: 10px;
	text-align: left;
	left: 0;
	right: 60%;
	bottom: 0;
}
/*
.carousel-inner .item:nth-child(6) .carousel-caption  {
	background-color: rgba(100, 100, 100, 0.80);
}
*/
.carousel-control {
	width: 30px; /* ristretta */
	z-index: 10;
}
.carousel-control .glyphicon-chevron-left {
	margin-left: -15px; /* da -10, verso il bordo */
}
.carousel-control .glyphicon-chevron-right {
	margin-right: -15px; /* da -10, verso il bordo */
}
.carousel-inner .item {
	overflow: hidden;
}
/*
.carousel-inner .item img {
	height: 400px;
	width: auto;
	max-width: none;  /* override 100% * /
	/* margin: 0 auto; /* se non absolute * /
	position: relative;
	left: -50%;  /* per centraggio anche con overflow * /
}
.carousel-inner .centrovf { /* contenitore immagine * /
	float: left; /* shrink * /
	position: relative;
	left: 50%;
	height: 400px;  /* serve solo se non c`e` img dentro * /
}
*/
.carousel-inner .centrovf { /* contenitore immagine */
	height: 400px;
	background-image: linear-gradient(to right, black, white);
}
.carousel-inner .item img {
	height: 400px;
	width: auto;
	max-width: none;  /* override 100% */
	position: absolute;
	right: 0;
	top: 0;
}
.carousel .carousel-indicators {
	left: 45px;
	width: auto;
	margin-left: 0; /* override centratura */
	bottom: 0;
}
.carousel-caption h1 {
	margin-top: 0;
}

@media screen and (max-width:1199px) {
	.navbar-brand img {
		height: 24px;
	}
	.navbar > .container-fluid .navbar-brand {
		margin-right: -8px; /* stringere */
	}
}

@media screen and (max-width:991px) {
	.navbar-brand img {
		height: 12px;
	}
	.nav > li > a {
		padding-left: 6px;
		padding-right: 6px;
	}
	.carousel-caption h1 {
		font-size: 28px;
	}
}

@media screen and (max-width:767px) {
	.nav > li > a {
		padding: 8px;
	}
	/* Off Canvas */
	.row-offcanvas {
		position: relative;
		-webkit-transition: all .25s ease-out;
		-o-transition: all .25s ease-out;
		transition: all .25s ease-out;
	}
	.row-offcanvas-right {
		right: 0;
	}
	.row-offcanvas-left {
		left: 0;
	}
	.row-offcanvas-right.active {
		right: 50%; /* 6 columns */
	}
	.row-offcanvas-left.active {
		left: 50%; /* 6 columns */
	}
	.row-offcanvas-right .sidebar-offcanvas {
		right: -50%; /* 6 columns */
	}
	.row-offcanvas-left .sidebar-offcanvas {
		left: -50%; /* 6 columns */
	}
	.sidebar-offcanvas {
		position: absolute;
		top: 0;
		width: 50%; /* 6 columns */
	}

	h1 img {
		height: 50px;
	}

	.carousel-inner .centrovf { /* contenitore immagine */
		/*float: left;
		position: relative;
		left: 50%;
		height: 200px;
		overflow: hidden;
		*/
		height: auto;
		/* background-image: none; */
	}
	.carousel-inner .item img {
		/*height: 200px;
		width: auto;
		position: relative;
		left: -50%;  /* per centraggio anche con overflow */
		position: static;
		width: 100%;
		height: auto;
	}
	.carousel-caption {
		position: static;
		clear: left;
		margin-left: 0;
		margin-right: 0;
		padding-left: 15px;
		padding-right: 15px;
	}
	.carousel-caption h1 {
		font-size: 24px;
	}
	.carousel .carousel-indicators {
		left: 15px;
		bottom: -5px;
	}
	.carousel-control .glyphicon {
		top: 200px;
	}
}

@media (min-width:768px) {
	.carousel-caption p {
		font-size: 21px;
		line-height: 1.4;
	}
	.jumbotron img {
		/* con float, contrastare padding jumbotron */
		margin-right: -60px;
		margin-top: -48px;
	}
}

/* Center align the text within the three columns below the carousel */
.hl {
	text-align: center;
	margin-bottom: 20px;
}
.hl h2 {
	font-weight: normal;
}
.hl p {
	margin-right: 10px;
	margin-left: 10px;
}
.hl > .bord {
	height: 402px;
	overflow: hidden;
	position: relative;
}
.hl .bottom {
	position: absolute;
	bottom: 0; right: 0;
	z-index: 2;
}
.hl > .bord:after {
	content: '';
	position: absolute;
	bottom: 0; left: 0;
	width: 100%;
	height: 70px;
	z-index: 1;
	background: linear-gradient(transparent, rgba(224, 224, 224, 1));
	background-position: left bottom;
}
iframe.twitter-timeline {
	vertical-align: bottom;
}
.hl img {
	width: 140px;
	height: 140px;
}
.bord, .borda, .bord0 {
	border: 1px solid #999;
}
.bord {
	padding: 10px 0 0 0;
	border-radius: 10px;
}
.borda {
	padding: 5px 15px 15px 10px;
	border-radius: 20px;
	background-color: #eee;
}
.borda ul {
	padding-left: 20px;
}
.borda h2, .borda h3 {
	text-align: center;
}
.borda li {
	margin-bottom: 10px;
}
.borda img {
	max-width: 100%;
}
.borda.cl-we p::after { /* schifezza per 'media section'... */
	content: ''; display: block; clear: both;
}

.divider {
	margin: 50px 0 20px 0; /* Space out the Bootstrap <hr> more */
}

.pull-left {
	position: relative;
	z-index: 1;
}

/* per publication  purtroppo eZ OE killa <col>... */
.publication td:nth-child(1) {
	width: 15%
}
.publication td:nth-child(2) {
	width: 85%
}
/* riga titolo */
.publication tr:nth-child(2) {
	font-weight: bold;
}
.overview th {
	text-align: center;
}
.overview td {
	width: 20%;
}
.table.vertmiddle td {  /* .table per specificita` */
	vertical-align: middle;
}
/* to check!!!
.table.vertmiddle td img {
	width: 60px;
} */
.gr-text {
	position: absolute;
	bottom: 0;
	right: 0;
	color: #fff;
	background-color: #000;
	font-size: 22px;
	font-weight: bold;
	font-family: serif;
	line-height: 30px;
	padding: 0 0.5em;
	white-space: nowrap;
}
.vert-text {
	transform: rotate(-90deg);
	transform-origin: left bottom;
	left: 100%;
}
.fh2 {
	margin-top: 20px;
}

.row .row h2:first-child, .row .row h3:first-child {
	margin-top: 0;
}
.row .row {
	margin-top: 30px;
}
.row .row + p {
	margin-top: 20px;
}

.c-cg { background-color: rgb(248, 224,   0) } /* giallo */
.c-ct { background-color: rgb(224, 112,   0) } /* arancio */
.c-cd { background-color: rgb(255,  29,  90) } /* rosso */
.c-tg { background-color: rgb(139,  87, 160) } /* viola */
.c-tm { background-color: rgb(135, 129, 189) } /* lavanda */
.c-ss { background-color: rgb(  0,  84, 166) } /* blue */
.c-pp { background-color: rgb(  0, 175, 240) } /* celeste */
.c-sd { background-color: rgb(  0, 166,  80) } /* verde */
.c-we { background-color: rgb(102, 102, 204) } /* ~viola */

.list-group .active, .list-group .active:hover {
	font-weight: bold;
	color: #000;
	background-color: #fff;
	/* border-color: #ddd; */
}

.cl-cg, .list-group .cl-cg.active, .list-group .cl-cg.active:hover { background-color: rgba(248, 224,   0, 0.14) }
.cl-ct, .list-group .cl-ct.active, .list-group .cl-ct.active:hover { background-color: rgba(255, 128,   0, 0.14) }
.cl-cd, .list-group .cl-cd.active, .list-group .cl-cd.active:hover { background-color: rgba(255,  29,  90, 0.14) }
.cl-tg, .list-group .cl-tg.active, .list-group .cl-tg.active:hover { background-color: rgba(139,  87, 160, 0.14) }
.cl-tm, .list-group .cl-tm.active, .list-group .cl-tm.active:hover { background-color: rgba(135, 129, 189, 0.14) }
.cl-ss, .list-group .cl-ss.active, .list-group .cl-ss.active:hover { background-color: rgba(  0,  84, 166, 0.14) }
.cl-pp, .list-group .cl-pp.active, .list-group .cl-pp.active:hover { background-color: rgba(  0, 175, 240, 0.14) }
.cl-sd, .list-group .cl-sd.active, .list-group .cl-sd.active:hover { background-color: rgba(  0, 166,  80, 0.14) }
.cl-we, .list-group .cl-we.active, .list-group .cl-we.active:hover { background-color: rgba(102, 102, 204, 0.14) }
/*
{ background-color: rgb(225, 164,  26) } /* giallo * /
{ background-color: rgb(248, 148,  28) } /* arancio * /
{ background-color: rgb(238,  29,  90) } /* rosso * /
{ background-color: rgb(139,  87, 160) } /* viola * /
{ background-color: rgb(135, 129, 189) } /* lavanda * /
{ background-color: rgb(  0,  84, 166) } /* blue * /
{ background-color: rgb(  0, 166,  80) } /* verde * /

.list-group .cl-cg:hover,
.list-group .cl-ct:hover,
.list-group .cl-cd:hover,
.list-group .cl-tg:hover,
.list-group .cl-tm:hover,
.list-group .cl-ss:hover,
.list-group .cl-sd:hover
{
	color: #fff;
}
*/

footer ul, footer li {
	display: inline;
	list-style-type: none;
	margin: 0;
}
footer div {
	line-height: 46px;
}
.clear-right {
	clear: right;
}
#sidebar h2, #sidebar h3 {
	margin-top: 0;
}
#sidebar button {
	margin-top: 10px;
}
.social_block {
	position: fixed;
	z-index: 8;
	top: 51px;
	left: -46px;
	width: 60px;
	background-color: #def;
	padding: 14px 0 14px 0;
}
.social_block:hover {
	left: 0;
}
.social_block div {
	position: absolute;
	top: 0;
	right: 0;
	width: 14px;
	overflow: hidden;
	color: #000;
	font-size: 12px;
	font-family: monospace;
	-ms-writing-mode: tb-rl;
	writing-mode: vertical-rl;
	padding-top: 2px;
}
a.social {
	line-height: 1;
	display: inline-block;
	vertical-align: middle;
	width: 46px;
	height: 46px;
	padding: 10px;
	border: 1px solid #fff;
}
.social svg path, .social svg ellipse, .social svg circle {
	fill: #fff;
}
a.social:hover {
	border-color: #333;
}
#twitter-hl svg {
	position: absolute;
	right: 30px;
	top: 0;
}
ul.spaced > li, .vspaced {
	margin-bottom: 0.6em;
}
.v2spaced {
	margin-bottom: 1.2em;
}
.taller {
	line-height: 2.4;
}
@media print {
	.row-offcanvas > div {
		width: 100% !important;
		float: none !important;
	}
	.container {
		width: auto !important;
	}
	.jumbotron {
		border: 1px solid #aaa;
	}
}
video {
	margin: 15px auto;
	max-width: 100%;
	display: block;
/*
	width: 800px;
	height: 640px;
*/
}
[data-mp4], [data-mp4-a] {
	color: #337ab7;
	cursor: pointer;
}
[data-mp4]:hover, [data-mp4-a]:hover {
	color: #23527c;
	text-decoration: underline;
}
.feat td {
	color: red;
	font-size: 1.5em;
	text-align: center;
}
.feat td, .feat th {
	border: 1px solid #ddd;
	padding: 4px 10px;
	font-weight: normal;
}
.feat tr:nth-child(2n) {
	background-color: #f9f9f9;
}
.feat .tho, .feat .thv {
	color: #fff;
	background-color: #1a5395;
	font-weight: bold;
}
.thv {
	writing-mode: sideways-lr;
}
.feat .sep th, .feat .sep td {
	border-top-width: 4px;
}
.feat th:empty {
	border: 0 none;
}
/* non a tutto (non bello in header), a nessuno!
	-webkit-hyphens: auto; 	-ms-hyphens: auto; 	hyphens: auto;
*/
html {
	text-rendering: optimizeLegibility;
}
#loginform {
	margin-bottom: 20px;
}
.login {
	margin-top: 1.8em;
}
/* schifezza per embed eZ */
.btn-primary a, .btn-success a, .btn-info a, .btn-warning a, .btn-danger a {
	color: #fff;
}
b.high {
	color: #d00;
}
.control-label span, .req {
	color: #c00;
	font-family: sans-serif;
}
.warning, .success {
	margin-bottom: 30px;
}
.warning {  /* to be removed... */
	color: #c30;
}
.fa[class*=" fa-file-"] {
	font-size: 1.5em;
}
#optf {
	background-color: #f4f4f4;
}
#addinfo {
	margin-top: 0;
	padding-top: 15px;
}
#addinfo p {
	padding-left: 15px;
	font-weight: bold;
}
#addinfo-0 {
	border-bottom: 1px dashed #999;
	margin-bottom: 15px;
}
.boxed {
	border: 1px solid #333;
	background-color: #f4f4f4;
	padding: 5px 8px;
}
.boxed :last-child, .borda :last-child {
	margin-bottom: 0;
}
#gmap {
	width: 100%;
	height: 450px;
	border: 0;
}
.wback {
	background-repeat: no-repeat;
}
.lics td + td + td + td, .lics th + th + th + th {
	text-align: center;
}
div.aboutus {
	padding: 170px 0 0 50px;
	/*font-size: 1.2em;*/
	font-weight: bold;
	font-family: monospace;
}
:target {
	background-color: gold !important;
}
input[type="checkbox"] {
	margin: 14px 0 0 7px;
	transform: scale(2); 
}
.myshare {
	float: right;
	margin-left: 16px;
	/* border: 1px solid #0f0; */
}
.mysharenc {
	/* border: 1px solid #f00; */
	/* border-top: 1px solid #eee; */
	/* padding-top: 15px; */
	line-height: normal;
	margin-bottom: 5px;
}
.mysharenc.bot {
	margin-top: 5px;
	margin-bottom: -10px;
}
/* senza count NON serve
.myshare.fb {
	margin-top: 0;
}
.myshare.tw, .myshare.gp, .myshare.in {
	margin-top: 3px;
}
*/
img.half-dx {
	float: right;
	width: 50%;
	margin: 0 0 10px 10px;
}
img.half-sx {
	float: left;
	width: 50%;
	margin: 0 10px 10px 0;
}
img.third-dx {
	float: right;
	width: 33%;
	margin: 0 0 10px 10px;
}
img.third-sx {
	float: left;
	width: 33%;
	margin: 0 10px 10px 0;
}
img.half-dx-0m {
	float: right;
	width: 50%;
	margin: 0 0 10px 0;
}
img.half-sx-0m {
	float: left;
	width: 50%;
	margin: 0 0 10px 0;
}
.floatenc:after {
	content: ''; display: block; clear: both;
}