#footer {
	border-top:2px solid #DDD;	
}
#page_title {
	height:15vw !important;
	max-height:none !important;
	background-position:50%;
	background-size:cover !important;
	filter:grayscale(0%);
	-webkit-filter:grayscale(0%);
	-o-linear-filter:grayscale(0%);
	-moz-linear-filter:grayscale(0%);
}
#page_title:before {
	background:linear-gradient(rgba(0,0,0,0) 60%, rgba(7,55,93,0.8) 100%) !important;
	background:-webkit-linear-gradient(rgba(0,0,0,0) 60%, rgba(7,55,93,0.8) 100%) !important;
	background:-o-linear-gradient(rgba(0,0,0,0) 60%, rgba(7,55,93,0.8) 100%) !important;
	background:-moz-linear-gradient(rgba(0,0,0,0) 60%, rgba(7,55,93,0.8) 100%) !important;
}
#page_title > div {
	border-bottom:4px solid #07375D !important;
	font-size:250% !important;
}
#page_title > div:first-child {
	border:0 !important;
	bottom:32px;
	margin-bottom:10px;
	font-size:200% !important;
	letter-spacing:3px !important;
}

#index {
	text-align:center;
	margin-top:4px;
	color:#DDD;
	border-bottom:4px solid #07375D;
	background-color:#16466A;
}
#index > a {
	padding:9px 70px 6px 70px;
	text-decoration:none;
}
#index > a:hover {
	background-color:#F6F6F6;
	color:#000;
}

#descr {
	padding-bottom:0;	
}
#descr > div {
	float:left;
	width:60.7%;
}
#descr > div:last-child {
	width:34.3%;
	margin-left:5%;
	overflow:hidden;
}
#descr > div:last-child p {
	text-align:right;
}
#descr > div:last-child > table {
	background-color:#F6F6F6;
}
#descr > div:last-child > a {
	position:relative;
	display:block;
	margin-bottom:4px;
	text-decoration:none;
	color:inherit;
}
#descr > div:last-child > a > img {
	height:28px;
}
#descr > div:last-child > a > span:first-of-type {
	display:inline-block;
    white-space:nowrap;
    overflow:hidden;
	text-overflow:ellipsis;
	width:70%;
}
#descr > div:last-child > a > span:last-of-type {
	position:absolute;
	right:0;
	top:10%;
	font-style:italic;
}
#descr > div:last-child > div {
	background-color:#DDD;
	min-height:100%;
}
#descr > div:last-child > div > a,
#imgs > div > a {
	float:left;
    background-size:cover;
    background-repeat:no-repeat;
    background-position:50% 50%;
	position:relative;
	filter:grayscale(0%);
	-webkit-filter:grayscale(0%);
	-o-linear-filter:grayscale(0%);
	-moz-linear-filter:grayscale(0%);
	height:169px;
	width:43.1%;
	margin-top:1%;
}
#descr > div:last-child > div > a {
	margin-left:4.6%;
	margin-right:2.3%;
}
#descr > div:last-child > div > a:nth-child(even) {
	margin-left:2.3%;
	margin-right:4.6%;
}
#descr > div:last-child > div > a:before,
#imgs > div > a:before {
    content:"";
    width:100%;
    height:100%;
    position:absolute;
    z-index:-1;
    top:0;
    left:0;
	background:linear-gradient(rgba(0,0,0,0) 70%, rgba(0,0,0,1) 100%) !important;
	background:-webkit-linear-gradient(rgba(0,0,0,0) 70%, rgba(0,0,0,1) 100%) !important;
	background:-o-linear-gradient(rgba(0,0,0,0) 70%, rgba(0,0,0,1) 100%) !important;
	background:-moz-linear-gradient(rgba(0,0,0,0) 70%, rgba(0,0,0,1) 100%) !important;
}
#descr > div:last-child > div > a > div,
#imgs > div > a > div {
	position:absolute;
	width:100%;
	bottom:0;
	text-align:center;
	color:#DDD;
}

#imgs {
	background-color:#DDD;
}
#imgs > div {
	padding:0;
}
#imgs > div > a {
	float:right;
}
#imgs > div > a:last-child {
	margin-right:0;
}

#disp_fon {
	background:#07375D;
	color:#DDD;	
}
#disp_fon .sub_titles {
	font-style:italic;
}
#disp_fon > div:first-child {
	padding-bottom:0;
}
#disp_fon > div:last-child {
	padding-top:0;
}
#disp_fon > div:last-child ul,
#disp_fon > div:last-child li {
	margin:0;
}

#disp_fon > div > div > .font_12 {
	margin-left:32px;
	margin-top:8px;
	text-align:left;
	font-style:italic;
}
#disp_fon > div:first-child > div {
	float:left;
	width:30%;
	margin-right:5%;
	margin-bottom:30px;
}
#disp_fon > div:first-child > div:nth-of-type(4n-1) {
	margin-right:0;
}

table {
	width:100%;
	border-collapse:collapse;
}
table td {
	border-bottom:1px dotted #3b607e;
	padding:1px 12px;
}
table tr:last-child td {
	border-bottom:0;
}

#disp_fon td {
	border-bottom-style:solid;
}
#disp_fon table tr:last-child td {
	border-bottom:1px solid #3b607e;
}
#disp_fon table tr td:first-child {
	width:16%;
}
#disp_fon table tr td:nth-child(2) {
	width:50%;
	text-align:left;
}
#disp_fon table tr td:last-child {
	font-style:italic;
}
#disp_fon table td {
	text-align:right;
}

#media > div > div {
	position:relative;
	margin-top:25px;
	padding-bottom:25px;
	border-bottom:1px solid #000;
}
#media > div > div:last-child {
	padding:0;
	border:0;	
}
#media > div > div > audio {
	position:absolute;
	top:30%;
}
#media > div > div > audio,
#media > div > div > video {
	float:left;
	width:40%;
}
#media > div > div > div:nth-child(2) {
	float:right;
	margin-left:5%;
	width:55%;
}
#media > div > div > div:nth-child(2) > div:first-child span {
	font-style:italic;
}

.ancia {
	color:#ce7574;
}

.titles {
	margin-bottom:20px;
    border-bottom:3px double #B22625;
}
/* evita lo scrolling del body */
.overprint {
	overflow:hidden;
	position:fixed;
	left:25%;
	overflow-x:hidden;
	overflow-y:scroll !important;
}
#overprint {
	display:none;
	position:fixed;
	top:0;
	left:0;
	width:100%;
	height:100%;
	/* lets make it semi-transparent */
	background:rgba(0,0,0,0.7);
	/* because you could set some z-indexes in your code before, so lets make sure that this will be over every elements in html */
	z-index:9999;
}
#overprint > div {
	position:relative;
	width:96%;
	height:96%;
	top:2%;
	left:2%;
	overflow:hidden;
	background:#101010;
	color:#DDD;
}
#overprint > div > span {
	font-family:'Helvetica', 'Arial', sans-serif;
	font-size:1em;
	font-weight:bold;
	position:absolute;
	top:1%;
	right:1%;
	cursor:pointer;
}
#thumbs {
	float:left;
	width:20%;
	height:100%;
	overflow:hidden;
}
#thumbs .thumbs {
	float:left;
	width:45%;
	margin-left:5%;
	margin-top:5%;
}
#thumbs .thumbs > div:first-child {
	background-size:cover;
	background-repeat:no-repeat;
	background-position:50% 50%;
	width:99%;
	height:150px;
	border:1px solid #000;
	cursor:pointer;
	
}
#thumbs .thumbs > div:first-child:hover,
#thumbs .thumbs .active {
	border:1px solid #FFF !important;
}
#thumbs .thumbs:last-child {
	margin-bottom:5%;
}
#thumbs .thumbs > div:nth-child(2) {
	display:none;
}
#gallery {
	position:relative;
	float:right;
	width:80%;
	height:100%;
	overflow:hidden;
}
#gallery > div:first-of-type {
	position:relative;
	height:78%;
	width:90%;
	background-size:contain;
	background-repeat:no-repeat;
	background-position:50% 50%;
	top:5%;
	left:5%;
	overflow:hidden;
}
#gallery > div:last-of-type {
	position:absolute;
	height:10%;
	width:70%;
	bottom:5%;
	left:15%;
}
#gallery > div:last-of-type > div {
	position:relative;
	width:100%;
	height:100%;
}
#gallery > div:last-of-type > div > div {
	position:absolute;
	bottom:0;
}
#gallery > span {
	position:absolute;
	top:45%;
	font-family:'Helvetica', 'Arial', sans-serif;
	font-size:5em;
	cursor:pointer;
	opacity:0.6;
}
#gallery > span:hover {
	opacity:1;
}
#gallery > span:first-of-type {
	left:2%;
}
#gallery > span:last-of-type {
	right:2%;
}