@charset "utf-8";
/* CSS Document */

body
{
	font-family:'Merriweather Sans', sans-serif;
	font-weight:300;
	text-align:center;
	color:#333333;
	margin:0px;
	font-size:9pt;
	background:url(/img/sfondo-body.jpg) no-repeat #687e95;
	background-attachment:fixed;
}

.body-login * {
    box-sizing: border-box;
}

.body-login .ui-widget-overlay {
    background: #000;
    opacity: .7;
    z-index: 2000;
}

.body-login .ui-dialog {
    padding: 0;
    font-family: 'Merriweather Sans', sans-serif;
    font-weight: 300;
    font-size: 9pt;
    z-index: 2001;
}

.body-login .ui-dialog .ui-dialog-titlebar {
    border: none;
    background: #1a171b;
    color: #fff;
    padding: 10px;
}

.body-login .ui-dialog .ui-dialog-buttonpane {
    border: none;
}

.body-login .ui-dialog .ui-dialog-buttonpane .ui-button {
    background: #1a171b;
    color: #fff;
}

.dx {
    position: fixed;
    top: 0px;
    right: 0px;
    padding: 0px 20px;
    background-color: #ffffff;
    height: 100%;
    width: 280px;
    box-sizing: border-box;
    z-index: 1000;
}

.dx .cont
{
	height:100%;
	text-align:center;	
	position:relative;
}

.dx .cont a.logo
{
	margin:30px auto 0px;
	display:block;	
}

.dx .cont .news
{
	width:100%;
	position:absolute;
	bottom:70px;
	right:0px;
	text-align:justify;
}

.dx .cont .news h2
{
	border-radius:4px;
	background-color:#1a171b;
	font-weight:normal;
	font-size:12pt;
	padding:6px 10px;
	color:#ffffff;	
	margin-bottom:5px;
}

.dx .cont .news ul
{
	list-style-type:none;
	border-top:solid 1px #d3d5d5;
	margin:0px;
	padding:0px 3px;
	background-color:#ffffff;
}

.dx .cont .news ul li
{
	margin-top:15px;
	color:#7f8685;
	padding-bottom:10px;
	font-size:8pt;
	text-align:left;
}

.dx .cont .news ul li h3
{
	color:#1a171b;
	font-weight:normal;
	font-size:9pt;
	margin-bottom:0px;
}

.dx .cont .news ul li p
{
	margin:3px 0px;	
}

.dx .cont .news ul li a
{
	float:right;
	font-size:7.5pt;
	color:#545b5b;	
	display:inline-block;
	margin-top:4px;
	padding:2px 25px 2px 0px;
	background:url(/img/news-leggi-tutto.png) no-repeat top right transparent;
}

.dx .cont .news ul li a:hover
{
	background:url(/img/news-leggi-tutto.png) no-repeat right -24px transparent;
	text-decoration:none;
}

.dx .cont .footer
{
	width:100%;
	position:absolute;
	bottom:70px;
	right:0px;
	text-align:center;
	text-shadow:none;
	padding:0px;
}

.dx .cont .footer, .dx .cont .footer a
{
	color:#7f8685;
}

#login
{
	background-color:#1a171b;	
	border-radius:4px 0px 0px 4px;
	box-shadow:0px 1px 0px rgba(0,0,0,0.6);
	width:260px;
	height:62px;
	position:fixed;
	top:60px;
	right: 240px;
	text-align:left;
	z-index:999;
}

#login .luc
{
	display:block;
	width:60px;
	padding-top:28px;
	text-align:center;
	background:url(/img/login-lucchetto.png) no-repeat top center transparent;
	color:#b7baba;
	margin:12px 0px 0px;
	font-size:8.5pt;
	float:left;
}

#login .luc:hover
{
	text-decoration:none;
	color:#e7e8e8;
}

#login .pass
{
    border: none;
	display:block;
	width:60px;
	padding-top:28px;
	text-align:center;
	background:url(/img/chiave.png) no-repeat top center transparent;
	color:#878C8C;
	margin:12px 0px 0px;
	font-size:8.5pt;
	float:left;
}

#login.ldx span {
    max-width: 200px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

#login input
{
	float:left;	
	width:70px;
    /*height: 15px;*/
	margin:21px 0px 0px 4px;
	/*line-height:62px;*/
	border:0px;
	font-size:8pt;
}

#login .pulsante
{
	width:24px;
	height:24px;
	float:left;
	background:url(/img/login-pulsante.png) no-repeat top left transparent;
	display:block;
	margin:20px 0px 0px 4px;
    cursor:pointer;
}

#login .pulsante:hover
{
	background:url(/img/login-pulsante.png) no-repeat 0px -24px transparent;   
}

#login.ldx
{
	position: fixed;
	right: 0px;
	top: 250px;
	width: 310px;
	z-index: 1001;	
}

#login.ldx .luc
{
	background:url(/img/login-esci.png) no-repeat top center transparent;
    line-height:13px;
    cursor:pointer;
}

#login.ldx .pass
{
	background:url(/img/chiave.png) no-repeat top center transparent;
    line-height:13px;
    cursor:pointer;
}

#login.ldx .pass {
    position: absolute;
    right: 5px;
    top: 20px;
    width: 25px;
    margin: 0;
    background-size: 14px auto;
    background-position: center center;
    padding-top: 20px;
}

#login.ldx span
{
	display:block;
	float:left;
	margin:22px 0px 0px 10px;
	color:#ffffff;
	font-size:10pt;	
}

#login.ldx span label
{
	color:#b7baba;
	padding-right:9px;
}

.sx
{
	position: fixed;
    top: 0;
    left: 0;
    width: calc(100vw - 280px);
    height: 100vh;
    box-sizing: border-box;
}

.sx .cont
{
	width:100%;
	text-align:center;	
}

ul#imgSlide
{
	display:none;	
}

#imgSlide
{
	width:1060px;
	height:700px;
	margin:0px auto;
	list-style-type:none;
	padding:0px;
	position:relative;
	text-align:left;
	overflow:hidden;
}

#imgSlide .loader
{
	position:absolute;
	left:500px;
	top:275px;
	padding:25px;
	background-color:#ffffff;
	border-radius:5px;
	box-shadow:0px 2px 3px rgba(0,0,0,0.6);	
}

#imgSlide .loader #loader
{
	width:50px;
	height:50px;	
}

#imgSlide ul
{
	list-style-type:none;
	margin:0px;
	padding:0px;
}

#imgSlide .img
{
	position:absolute;
	top:0px;
	left:0px;
	z-index:100;	
	display:none;
}

#imgSlide .img li
{
	float:left;	
}

#imgSlide .img li > div
{
	overflow:hidden;
	width:50px;
	height:600px;
	position:relative;	
	cursor:pointer;
	box-shadow:0px 2px 3px rgba(0,0,0,0.5);
}

#imgSlide .img li > div img
{
	position:absolute;
	top:0px;
	left:0px;
	z-index:10;	
}

#imgSlide .img li div div
{
	width:900px;
	height:100%;
	position:absolute;
	top:0px;
	left:0px;
	z-index:20;
	background-color:#000000;
	opacity:0.8;
	filter:alpha(opacity=80);
}

#imgSlide .img li div span
{
	display:block;
	width:20px;
	height:20px;
	text-align:center;	
	position:absolute;
	top:570px;
	left:14px;
	background-color:#19171a;
	border-radius:2px;
	z-index:30;
	font-size:8pt;
	line-height:18px;
	color:#545b5b;
	box-shadow:0px 1px 0px rgba(0,0,0,1) inset, 0px 1px 0px rgba(255,255,255,0.15);
}

#imgSlide .link
{
	position:absolute;
	top:600px;
	left:0px;
	z-index:50;	
	display:none;
}

#imgSlide .link li a
{
	width:900px;
	height:100px;
	overflow:hidden;
	background:url(/img/slide-freccia.png) no-repeat 862px 62px #1a171b;
	border-radius:0px 0px 5px 5px;
	display:block;
}

#imgSlide .link li a:hover
{
	text-decoration:none;
	background:url(/img/slide-freccia.png) no-repeat 862px -138px #1a171b;
}

#imgSlide .link li a h3, #imgSlide .link li a h4
{
	color:#555c5c;
	padding:0px 25px;
}

#imgSlide .link li a h3
{
	color:#ffffff;
	font-weight:normal;
	font-size:11pt;	
	margin:15px 0px 7px 0px;
}

#imgSlide .link li a h4
{
	font-size:8.5pt;
	font-weight:normal;	
	margin:0px;
	padding-right:80px;
}

#app
{
	width:100%;
	position:relative;	
	text-align:left;
    padding: 40px;
    box-sizing: border-box;
    opacity: 0;
}

#app h1
{
	position:absolute;
	top:0px;
	left:-20px;
	background-color:#1A171B;	
	color:#ffffff;
	font-weight:normal;
	font-size:11pt;
	padding:10px 30px 10px 150px;
}

#app ul
{
	list-style-type:none;
	padding:110px 0px 0px 90px;
	margin:0px;
    display: flex;
    flex-wrap: wrap;
}

#app ul li
{
	display:block;
	text-align:center;
}

#app ul li a
{
	background-color:#1A171B;
	border-radius:5px;
	display:block;
	box-shadow:0px 2px 4px rgba(0,0,0,0.4);
}

#app ul li a div
{
	width: 230px;
	height: 230px;
	overflow: hidden;
	position: relative;
	border-radius: 5px 5px 0px 0px;	
}

#app ul li a div > img {
    width: 100%;
}

#app ul li a div > img:nth-of-type(1) {
    height: 100%;
    object-fit: cover;
}

#app ul li a div .loader {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: url("/img/loader.svg") no-repeat center center rgba(0, 0, 0, .5);
    background-size: 25px;
}

#app ul li a div .b
{
	position:absolute;
	top:0px;
	left:0px;
}

#app ul li a h2
{
	font-weight:normal;
	color:#ffffff;	
	text-transform:uppercase;
	font-size:11pt;
	margin:0px;
	padding:16px 0px;
	position:relative;
	overflow:hidden;
}

#app ul li a h2 img
{
	position:absolute;
	right: 20px;
	bottom:0px;	
}

#app ul li h3
{
	font-weight:normal;
	color:#ffffff;
	text-shadow:0px 1px 2px rgba(0,0,0,0.8);
	font-size:9pt;
	padding:0px 5px;	
}


.footer
{
	position:fixed;
	bottom:0px;
	left:0px;
	font-size:7pt;
	padding:0px 0px 10px 10px;
	text-align:left;
	color:#ffffff;
	text-shadow:0px 1px 2px rgba(0,0,0,0.4);	
}

.footer a
{
	color:#ffffff;	
}

.clear
{
	clear:both;	
}

a
{
	color:#1a171b;
	text-decoration:none;
    cursor:pointer;
}

a:hover
{
	text-decoration:underline;	
}

a img
{
	border:0px;	
}

input, textarea
{
	font-family:'Merriweather Sans', sans-serif;
	font-weight:300;
	color:#9ea5a4;
	font-size:9pt;
	border-radius:3px;
	padding:4px;
}