@charset "utf-8";
/* 
Fondazione Frida Castelli
il css di base è relativo alla dimensione minima (dispositivi mobile)
*/
body {
	background-color: #FFFFFF;
	margin: 0px;
	font-family: "Courier New", Courier, monospace;
	color: #666666;
}
a {
	text-decoration: none;
	cursor: pointer;
	color: inherit;
}
a:hover {
	color: #990000;
}

#home { 
	position: absolute;
    margin: auto;
	width: 100%;
	top: 50%;
	margin-top: -80px;

	text-align: center;
	font-size: 18px;
	line-height: 30px;
	z-index: 10;
}
#home img {
	margin-right: 10px;
	vertical-align: middle;
}

#footer {
	font-size: 12px;
	position: fixed;
	bottom: 0px;
	width: 100%;
	background-color: #FFFFFF;
	z-index: 50;
}
#footer div {
	margin: 10px;
}

.floatedR {
	float: right;
}
/*
#content {
	position: relative;
	margin-top: 60px;
	margin-bottom: 40px;
	background-color: #FFFFFF;
	width: 100%;
	max-width: 1020px;
	margin: 60px auto 40px auto;
	z-index: 10;
}
.image_cell {
	text-align: right;
	vertical-align: top;
}
.remove_cell {
	display: none;
}
.upper_cell {
	vertical-align: top;
	min-width: 200px;
}
.lower_cell {
	vertical-align: bottom;
}
.lower_cell div {
	margin-top: 20px;
}
.minidevice {
	text-align: left;
}
.upper_div {
	margin-bottom: 10px;
}
.lower_div {
	margin-top: 10px;
}


.upper_cell,
.upper_div {
	font-size: 16px;
}
.lower_cell,
.lower_div {
	font-size: 13px;
	padding: 10px;
}
*/
/* RESPONSIVE 
320 pixel per dispositivi con schermi piccoli, come cellulari, con orientamento verticale (portrait)
480 pixel per dispositivi con schermi piccoli, come cellulari, con orientamento orizzontale (landscape)
600 pixel piccoli tablet, come Kindle di Amazon (600x800) e Nook di Barnes&Noble (600x1024), con orientamento verticale
768 pixel tablet da 10 pollici, come l'iPad (768x1024), con orientamento verticale
1024 pixel computer da scrivania, fissi o portatili e tablet come l'iPad (1024x768), con orientamento orizzontale
1200 pixel computer con schermi larghi, tipicamente fissi ma anche alcuni portatili
*/
#galleryCont {
	position: relative;
	padding: 10px;
	margin-top: 50px;
	margin-bottom: 30px;
	text-align: center;
}
.galleryBox {
	width: 300px;
	margin: 5px;
	display: inline-block;
	vertical-align: middle;
}
.galleryBox img {
	width: 100%;
	z-index: -1;
	position: relative;
}
.imagedesc {
	display: none;
	position: relative;
	width: 100%;
	background-color: #848484;
	color: #FFFFFF;
	font-size: 11px;
	line-height: 25px;
	margin-top: -25px;
	z-index: 2;
}

.imagetitle {
	margin-top: 5px;
	font-size: 14px;
	text-align: left;
}

@media screen and (min-width: 481px) {
}