/* Reset */
html,body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,code,del,dfn,em,img,q,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,dialog,figure,footer,header,hgroup,nav,section{margin:0;padding:0;border:0;font-weight:inherit;font-style:inherit;font-size:100%;font-family:inherit;vertical-align:baseline}article,aside,dialog,figure,footer,header,hgroup,nav,section{display:block}body{line-height:1}a img{border:none}table{border-collapse:separate;border-spacing:0}caption,th,td{text-align:left;font-weight:normal}table,td,th{vertical-align:middle}blockquote:before,blockquote:after,q:before,q:after{content:""}blockquote,q{quotes:""""}:focus{outline:0}ins{text-decoration:none}del{text-decoration:line-through}button::-moz-focus-inner{border:0}

html{
	height:100%;
	scroll-behavior: smooth;
}

body{
	font-family:'Roboto',sans-serif;
	font-size:1em;
	height:100%;
	overflow-x:hidden;
	-webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    text-rendering: optimizeLegibility;
	height:100%;
}

div.clear-left{
	clear:left;
	height:0px;
	line-height:0px;
	margin:0;
	padding:0
}

div.clear-both{
	clear:both;
	height:0px;
	line-height:0px;
	margin:0;
	padding:0
}

.hide-element{
	display:none !important;
}

.only-desktop{
	display:block;
}

.only-mobile{
	display:none;
}

.fullwidth-container{
	width:100%;
}



header{
	height:60px;
	padding:0 2em;
	position:relative;
	border-bottom:solid 1px #dbdbdb;
}

#close-menu-mobile{
	display:none;
}

header .logo{
	display:inline-block;
	padding-top:10px;
	font-size:2em;
	border-top:solid 8px gray;
	text-decoration:none;
	color:#000;
}



header nav{
	position:absolute;
	bottom:1em;
	right:2em;
}


header nav ul.main-menu{
	list-style:none;
	
}

header nav ul.main-menu li{
	display:inline-block;
	margin-left:2em;
	font-size:1.15em;

}

header nav ul.main-menu a{
	color:#000;
	text-decoration:none;
	display:inline-block;
	transition: 0.5s;
	font-weight:400;
}

header nav ul.main-menu li.selected>a{
	text-shadow: 0px 0px 1px black;
}

header nav ul.main-menu li:hover>a{
	text-shadow: 0px 0px 1px black;
}

header nav ul.main-menu a:hover{
	
}

header.with-slideshow{
	position:absolute;
	top:0;
	left:0;
	width:calc(100% - 4em);
	background-color:#fff;
	display:none;
	z-index:100000000;
}

.slideshow{
	height:100%;
}

.slideshow>div{
	width:100%;
	height:100%;
	background-repeat:no-repeat;
	background-position:center center;
	background-size:cover;
}

.slideshow>div>a{
	display:block;
	width:100%;
	height:100%;
}



.main-content{
	padding:1em 2em;
	min-height:100%;
	margin-bottom:1em;
}

.main-content.gray{
	background-color:#e6e3e2;
	padding:0 0 1em 0;
	height:auto;
	min-height:100%;
}


.main-content nav{
	font-size:1em;
	position:relative;
	padding:.5em 0 .5em 0;
	height:15px;
}

.main-content.gray nav{
	background-color:#fff;
	padding:.5em 2em .5em 2em;
	height:30px;
}

.main-content nav ul.filters{
	position:absolute;
	list-style:none;
	right:0;
	top:0;
}

.main-content.gray nav ul.filters{
	top:1em;
	right:2em;
}

.main-content nav ul.filters li{
	display:inline-block;
	vertical-align:middle;
	margin-left:1em;
}

.main-content nav ul.filters li a{
	text-decoration:none;
	color:#000;
	text-transform:lowercase;
	
}

.main-content nav ul.filters li a.selected{
	text-shadow: 0px 0px 1px black;
}

.main-content nav ul.filters li a:hover{
	text-shadow: 0px 0px 1px black;
}

.main-content nav ul.filters li select{
	font-size:1em;
}


.main-content ul.grid{
	list-style:none;
	width:100%;
}

.main-content ul.grid li{
	display:inline-block;
	width:24%;
	margin-left:0.5%;
	margin-top:0;
	margin-right:0.5%;
	margin-bottom:1%;
	vertical-align:top;
	
}
.main-content ul.grid li>a{
	display:block;
	text-decoration:none;
	color:#000;
}

.main-content ul.grid li .cover-container{
	width:100%;
	height:0;
	position:relative;
	border:solid 1px #dbdbdb;
	padding-bottom:66.66%;
}

.main-content ul.grid li .catalogo{
	display:block;
	width:80%;
}

.main-content ul.grid li .catalogo .cover{
	display:block;
	box-shadow:0 4px 5px #000;
	width:auto;
	height:240px;
	margin-bottom:1em;
	
}

.main-content ul.grid li .catalogo .title{
	font-size:1.25em;
	line-height:1.25em;
}

.main-content ul.grid li .catalogo .year{
	font-weight:300;
	
}

.main-content ul.grid li .catalogo .acura{
	font-weight:300;
	
}

.main-content ul.grid li .catalogo .acura a{
	text-decoration:none;
	color:#000;
}


.main-content ul.grid li .catalogo .critici{
	font-weight:300;
}

.main-content ul.grid li .info{
	padding:1.5em 2em 1em 2em;
	
}

.main-content .catalogo-detail{
	
}

.main-content .catalogo-detail .cover{
	display:inline-block;
	vertical-align:top;
	margin-right:3em;
	box-shadow:0 4px 5px #000;
	width:210px;
	height:auto;
	margin-bottom:2em;
}

.main-content .catalogo-detail .info{
	display:inline-block;
	vertical-align:top;
}

.main-content .catalogo-detail .info .year{
	font-weight:300;
}

.main-content .catalogo-detail .info .title{
	font-size:1.5em;
	line-height:1.25em;
}

.main-content .catalogo-detail .info .acura{
	font-weight:300;
}

.main-content .catalogo-detail .info .acura a{
	text-decoration:none;
	color:#000;
	font-weight:300;
}

.main-content .catalogo-detail .info .acura a:hover{
	text-decoration:underline;
}

.main-content .catalogo-detail .info .text{
	padding-top:2em;
	font-weight:300;
}

.main-content .catalogo-detail .info .text.gray{
	color:#666;
}

.main-content ul.grid li .info .year{
	font-size:.9em;
	color:#aaa;
	padding-top:.2em;
}

.main-content ul.grid li .cover-container .cover{
	position: absolute;
  	top: 0;
  	left: 0;
  	width: 100%;
  	height: 100%;
	text-align:center;
}

.main-content ul.grid li .cover-container .cover img{
	display:inline-block;
	max-width:100%;
    max-height:100%;
    vertical-align: middle;
}

.main-content ul.grid li .cover-container .cover span{
	display:inline-block;
	height:100%;
	width:0;
	margin:0;
	padding:0;
	vertical-align: middle;
}


.main-content ul.pagination{
	list-style:none;
	
}

.main-content ul.pagination li{
	display:inline-block;
	margin:0 .5em .5em .5em;
	
}

.main-content ul.pagination li a{
	display:inline-block;
	padding:.5em 0;
	text-align:center;
	width:2em;
	border:solid 1px #dbdbdb;
	text-decoration:none;
	color:#000;
}

.main-content ul.pagination li.selected a{
	text-shadow: 0px 0px 1px black;
}



.main-content .detail{
	position:relative;
	height:calc(100% - 180px);
	margin-top:1em;
}

.with-admin-toolbar .main-content .detail{
	height:calc(100% - 220px);
	margin-top:1em;
}

.main-content .admin-panel{
	position:fixed;
	right:0;
	top:150px;
	background-color:#e8f0f3;
	width:260px;
	height:250px;
	border:solid 1px #dbdbdb;
	border-top-left-radius:10px;
	border-bottom-left-radius:10px;
	transition:.5s;
	z-index:99999;
}

.main-content .admin-panel.closed{
	width:30px;
}

.main-content .admin-panel .toggle{
	position:absolute;
	top:3px;
	left:3px;
	display:block;
	width:20px;
	height:20px;
	cursor:pointer;
}

.main-content .admin-panel .to-save{
	cursor:pointer;
}

#close-admin-panel{
	
}

#open-admin-panel{
	display:none;
}



.main-content .admin-panel .padding{
	padding:45px 25px 40px 30px;
}

.main-content .admin-panel h2{
	text-transform:uppercase;
	font-size:1.2em;
	font-weight:700;
	text-align:center;
	padding-bottom:.5em;
}

.main-content .admin-panel ul{
	list-style:none;
}



.main-content .admin-panel ul li{
	display:block;
	padding-top:1em;
	
}

.main-content .admin-panel ul li#publish{
	cursor:pointer;
}

.main-content .admin-panel ul li a{
	text-decoration:none;
	color:#000;
}

.main-content .admin-panel ul li img{
	width:32px;
	height:auto;
	display:inline-block;
	vertical-align:middle;
	margin-right:1em;
}

.main-content .admin-panel ul li span{
	display:inline-block;
	vertical-align:middle;
	font-size:1.25em;
}



.main-content .detail .cover{
	display:inline-block;
	vertical-align:top;
	height:100%;
	max-width:64%;
	margin-right:2%
}

.main-content .detail .cover.vertical{
	width:31.33%;
	margin-right:2%
}

.main-content .detail .cover.horizontal{
	width:64.66%;
	margin-right:2%
}

.main-content .detail .cover img{
	width:auto;
	max-height:100%;
	max-width:100%;
	cursor: zoom-in;
}

.main-content .detail .cover.zoomed{
	display:block;
	margin-right:0;
}

.main-content .detail .cover.vertical.zoomed{
	width:66%;
}

.main-content .detail .cover.horizontal.zoomed{
	width:100%;
}



.main-content .detail .cover.zoomed{
	
	max-width:100%;
	height:auto;
	margin-right:0;
	margin-bottom:1em;
}



.main-content .detail .cover.zoomed img{
	max-height:auto;
	width:100%;
	
	cursor:zoom-out;
}

.main-content .detail .info{
	width:31.33%;
	display:inline-block;
	line-height:1.25em;
	vertical-align:bottom;
	
}

.main-content .detail .info .type{
	color:#aaa;
}

.main-content .detail .info h1{
	font-size:1.25em;
	font-weight:700;
	padding:.25em 0;
}

.main-content .detail .info .year{
	
}

.main-content .detail .info .tech{
	padding-top:1em;
}

.main-content .detail .info .mis{
	padding-top:1em;
}

.main-content .detail .info .desc{
	padding-top:1em;
}

.main-content .detail .info .code{
	border-top:solid 1px #dbdbdb;
	padding-top:.5em;
	margin-top:.5em;
}

.main-content .detail .info .coll{
	border-top:solid 1px #dbdbdb;
	padding-top:.5em;
	margin-top:.5em;
}

.main-content .detail .info div.list{
	border-top:solid 1px #dbdbdb;
	padding-top:.5em;
	margin-top:.5em;
}

.main-content .detail .info div.list ul{
	display:block;
	padding:0 1em;
}

.main-content .detail .info div.list ul li{
	display:block;
	padding-top:.5em;
}


.main-content .detail .info-admin{
	padding-top:2em;
}

.main-content .detail .info-admin .media-manager{
	border-bottom:solid 1px #dbdbdb;
	
}

.main-content .detail .info-admin .media-manager .title{
	
	padding:1em 0 0 0;
	font-size:1.25em;
}

.main-content .detail .info-admin .media-manager .container{
	padding:2em 0 4em 50px;
	position:relative;
}

.main-content .detail .info-admin .media-manager .container ul{
	list-style:none;
}

.main-content .detail .info-admin .media-manager .container ul li{
	margin-right:1em;
	margin-bottom:1em;
	display:inline-block;
	position:relative;
}

.main-content .detail .info-admin .media-manager .container ul li img.thumb{
	height:200px;
	width:auto;
}

.main-content .detail .info-admin .media-manager .container ul li img.delete-media{
	height:32px;
	width:32px;
	cursor:pointer;
	position:absolute;
	right:.5em;
	bottom:.5em;
}

.main-content .detail .info-admin .media-manager .container ul li img.download{
	height:48px;
	width:48px;
	cursor:pointer;
	position:absolute;
	top:50%;
	left:50%;
	margin-top:-24px;
	margin-left:-24px;
	
}

.file-upload{
	width:calc(100% - 1em);
	height:200px;
	
	position:relative;
	border:dotted 1px #000;
	cursor:pointer;
}

.dz-success-mark,.dz-error-mark{
	display:none !important;
}

.main-content .detail .info-admin .input-block{
	width:64.66%;
	position:relative;
	padding:2em 0 1em 50px;
	border-bottom:solid 1px #dbdbdb;
}

.main-content .detail .info-admin .media-icon{
	display:block;
	position:absolute;
	top:1.5em;
	left:0;
	width:32px;
	height:32px;
	cursor:pointer;
}

.main-content .detail .info-admin .status{
	display:block;
	position:absolute;
	top:1.5em;
	left:0;
	width:32px;
	height:32px;
}

.main-content .detail .info-admin .add{
	
	width:20px;
	height:20px;

	cursor:pointer
}

.autocomplete{
	width:calc(100% - 4em);
	color:#222;
}

.main-content .detail .info-admin .input-block .input{
	padding-bottom:1em;
	
}

.main-content .detail .info-admin .input-block .input>label{
	display:inline-block;
	
	margin-right:1em;
	vertical-align:baseline;
	font-size:1.25em;
}

.main-content .detail .info-admin .input-block .input>span{
	display:inline-block;
	
	vertical-align:baseline;
	font-size:1.25em;
}

.main-content .detail .info-admin .input-block .input>span.long-text{
	font-size:1em;
	line-height:1.25em;
	display:block;
	padding-top:.25em;
}


.main-content .detail .info-admin .input-block .input>select,.main-content .detail .info-admin .input-block .input>input:not([type=checkbox]), .main-content .detail .info-admin .input-block .input>textarea{
	display:inline-block;
	width:calc(100% - 150px);
	vertical-align:baseline;
	font-size:1.25em;
	border:none;
	border-bottom:solid 1px #999;
}

.main-content .detail .info-admin .input-block .input>input[type=checkbox]{
	margin-right:.5em;
}

.main-content .detail .info-admin .input-block .input>input[type=checkbox] + label{
	margin-right:.5em;
}

.main-content .detail .info-admin .input-block .input ul{
	list-style:none;
	
}

.main-content .detail .info-admin .input-block .input ul li{
	display:block;
	padding-top:.5em;
}


.buttons{
	padding:1.5em 0;
}

.buttons button{
	background-color:#eee;
	font-size:1em;
	padding:.75em 1em;
	border:none;
	border-radius:4px;
	cursor:pointer;
}

.buttons button.green{
	background-color:#1c7bb4;
	color:#fff;
}


img.download{
	display:inline-block;
	margin-right:.5em;
	vertical-align:middle;
	width:32px;
	height:auto;
}

span.download{
	display:inline-block;
	vertical-align:middle;
	color:#000;
	text-decoration:none;
}

.boxed-container{
	padding:1em 10em;
	position:relative;
	font-size:1em;
	font-weight:300;
}

.boxed-container.border-top,.tool-container.border-top{
	border-top:solid 1px #dbdbdb;
	
}

.boxed-container.border-bottom{
	border-bottom:solid 1px #dbdbdb;
	min-height:1.5em;
}

.char-sized.large{
	font-size:1.25em;
}

.char-size{
	position:absolute;
	right:0;
	top:1em;
}

.gray .char-size{
	position:absolute;
	right:2em;
	top:1em;
}

.char-size .small{
	font-size:.9em;
	cursor:pointer
}

.char-size .large{
	font-size:1.1em;
	cursor:pointer;
}

ul.page-gallery{
	list-style:none;
	
}

ul.page-gallery li{
	display:inline-block;
	vertical-align:baseline;
	margin-right:1em;
	margin-bottom:1em;
}

ul.page-gallery li img{
	height:300px;
	width:auto;
}

ul.page-list{
	list-style:none;
	padding-bottom:2em;
}

.caption-page-list{
	padding:.5em 0;
}

ul.page-list li{
	display:table;
	line-height:1.35em;
}

ul.page-list li a{
	text-decoration:none;
	color:#000;
}

ul.page-list li .year{
	display:table-cell;
	width:3em;
}

ul.page-list li .point{
	display:table-cell;
}

ul.page-list li .info{
	display:table-cell;
}

.page-title{
	font-size:1.25em;
	line-height:1.25em;
	padding-bottom:1em;
}

.page-critico{
	font-size:1.1em;
	line-height:1.25em;
	padding-bottom:1em;
}

.page-critico a{
	text-decoration:none;
	color:#000;
}

.page-text{
	width:50%;
	line-height:1.25em;
	padding-bottom:1.25em;
}

.page-text h1{
	font-size:1.5em;
	padding:1em 0;
}

.page-text a{
	text-decoration:underline;
	color:#000;
}

.page-link{
	display:block;
	text-decoration:underline;
	color:#000;
	line-height:1.25em;
}

.pdf-icon{
	display:inline-block;
	margin-top:2em;
	height:48px;
	width:auto;
}

footer{
	background-color:#dbdbdb;
	padding:2em 0;
	line-height:1.3em;
	color:#000;
	margin-top:-1em;
}

footer a{
	text-decoration:underline;
	color:#000;
}

footer .content{
	width:70%;
	float:left;
}

footer .column{
	float:left;
	width:45%;
	margin-right:5%;
}

footer .logo{
	width:30%;
	float:right;
	padding-top:1em;
	text-align:right;
}

footer .logo img{
	width:200px;
	height:auto;
}

.richiesta-info{
	border-top:solid 1px #dbdbdb;
	margin-top:1em;
	padding-top:1em;
	font-size:1em;
}

.richiesta-info span{
	cursor:pointer;
	font-weight:300;
}

.tool-container{
	padding: 1em 0;
    position: relative;
    font-size: 1em;
    font-weight: 300;
}