/* SLIDE IN HOMEPAGE */
section.ottavopiano h2 {
	margin:0 0 0 0;
	padding:0 0 0 0;
}
section.ottavopiano h2 span {
	padding:0 0.3125rem;
	margin:0 0 0 0;
	display:inline-block;
	text-transform: uppercase;
	color:#231F20 !important;
	font-size: 1.4rem;
}
section.ottavopiano {
	padding:0.625rem 0;
	margin:0 0 0 0;
	background: url(../../../images/pubblico/stelle.svg) #DDD ;
	background-size: 3000px 200px;
	background-position: center center;
}
section.ottavopiano .contenitore {
	padding:0rem 0 1rem 0;
	margin:0 auto;
	position:relative;
	overflow:hidden;
}
section.ottavopiano .contenuto {
	display:flex;
	align-items:flex-start;
	justify-content: space-between;

	display:-webkit-flex;
	-webkit-align-items:flex-start;
	-webkit-justify-content: space-between;

	display:-ms-flexbox;
	-ms-align-items:flex-start;
	-ms-flex-pack: space-between;

	transition: all 800ms cubic-bezier(0.77, 0, 0.175, 1) 0s;
}

section.ottavopiano article {
	margin:0;
	padding:0;
	position:relative;
}
section.ottavopiano article:hover {
	cursor:pointer;
}

section.ottavopiano article a.vai {
	display:none;
}
section.ottavopiano article a.img {
	display:none;
}
section.ottavopiano article h3 {
	margin:0 0 0 0;
	padding:0 0 0 0;
	text-align:center;
	position:absolute;
	bottom:0rem;
	height:2.5rem;
	left:0;
	width:100%;
	text-transform:uppercase;
	font-size: 0.875rem;
}
section.ottavopiano article h3 a {
	text-decoration:none;
	color:#777B7C !important;
	font-weight: 400!important;
}
section.ottavopiano article:hover h3 a {
	color:#CB333B !important;
}
section.ottavopiano article p {
	display: none;
}
div#controlli_ottavopiano label {
	display:none;
}
div#controlli_ottavopiano label.sinistra {
	display: none;
}
div#controlli_ottavopiano label.destra {
	display: none;
}

section.ottavopiano article.colore_slide_0 {
	background:url(../../../images/pubblico/_01_mercurio_line.svg) no-repeat;
	background-position: center top!important;
	background-size: 96% 80%;
}
section.ottavopiano article.colore_slide_1 {
	background:url(../../../images/pubblico/_02_marte_line.svg) no-repeat;
	background-position: center top!important;
	background-size: 96% 80%;
}
section.ottavopiano article.colore_slide_2 {
	background:url(../../../images/pubblico/_03_plutone_line.svg) no-repeat;
	background-position: center top!important;
	background-size: 96% 80%;
}
section.ottavopiano article.colore_slide_3 {
	background:url(../../../images/pubblico/_04_venere_line.svg) no-repeat;
	background-position: center top!important;
	background-size: 96% 80%;
}
section.ottavopiano article.colore_slide_4 {
	background:url(../../../images/pubblico/_05_saturno_line.svg) no-repeat;
	background-position: center top!important;
	background-size: 96% 80%;
}
section.ottavopiano article.colore_slide_5 {
	background:url(../../../images/pubblico/_06_urano_line.svg) no-repeat;
	background-position: center top!important;
	background-size: 96% 80%;
}
section.ottavopiano article.colore_slide_6 {
	background:url(../../../images/pubblico/_07_giove_line.svg) no-repeat;
	background-position: center top!important;
	background-size: 96% 80%;
}
section.ottavopiano article.colore_slide_7 {
	background:url(../../../images/pubblico/_09_terra_line.svg) no-repeat;
	background-position: center top!important;
	background-size: 96% 80%;
}
section.ottavopiano article.colore_slide_8 {
	background:url(../../../images/pubblico/_10_nettuno_line.svg) no-repeat;
	background-position: center top!important;
	background-size: 96% 80%;
}
section.ottavopiano article.colore_slide_9 {
	background:url(../../../images/pubblico/_08_apollo_line.svg) no-repeat;
	background-position: center top!important;
	background-size: 96% 80%;
}
section.ottavopiano article.colore_slide_0:hover {
	background:url(../../../images/pubblico/_01_mercurio_line_hover.svg) no-repeat;
	background-position: center top!important;
	background-size: 96% 80%;
}
section.ottavopiano article.colore_slide_1:hover {
	background:url(../../../images/pubblico/_02_marte_line_hover.svg) no-repeat;
	background-position: center top!important;
	background-size: 96% 80%;
}
section.ottavopiano article.colore_slide_2:hover {
	background:url(../../../images/pubblico/_03_plutone_line_hover.svg) no-repeat;
	background-position: center top!important;
	background-size: 96% 80%;
}
section.ottavopiano article.colore_slide_3:hover {
	background:url(../../../images/pubblico/_04_venere_line_hover.svg) no-repeat;
	background-position: center top!important;
	background-size: 96% 80%;
}
section.ottavopiano article.colore_slide_4:hover {
	background:url(../../../images/pubblico/_05_saturno_line_hover.svg) no-repeat;
	background-position: center top!important;
	background-size: 96% 80%;
}
section.ottavopiano article.colore_slide_5:hover {
	background:url(../../../images/pubblico/_06_urano_line_hover.svg) no-repeat;
	background-position: center top!important;
	background-size: 96% 80%;
}
section.ottavopiano article.colore_slide_6:hover {
	background:url(../../../images/pubblico/_07_giove_line_hover.svg) no-repeat;
	background-position: center top!important;
	background-size: 96% 80%;
}
section.ottavopiano article.colore_slide_7:hover {
	background:url(../../../images/pubblico/_09_terra_line_hover.svg) no-repeat;
	background-position: center top!important;
	background-size: 96% 80%;
}
section.ottavopiano article.colore_slide_8:hover {
	background:url(../../../images/pubblico/_10_nettuno_line_hover.svg) no-repeat;
	background-position: center top!important;
	background-size: 96% 80%;
}
section.ottavopiano article.colore_slide_9:hover {
	background:url(../../../images/pubblico/_08_apollo_line_hover.svg) no-repeat;
	background-position: center top!important;
	background-size: 96% 80%;
}
/* Smartphones ----------- */
@media only screen and (max-width : 900px) {
section.ottavopiano {
	width:94%;
	margin:0 0;
	padding: 0 3%;
	position:relative;
}
section.ottavopiano .contenitore {
	width:100%;
}
section.ottavopiano .contenuto {
	flex-flow:row wrap;
	-webkit-flex-flow:row wrap;
	-ms-flex-flow:row wrap;
	width: 100% !important;
	content: "ridotto";
	margin-left: 0px;
}
section.ottavopiano article {
	width:30%;
	height:14rem;
	margin:1rem 1.5%;
}
section.ottavopiano article a.img {
	display:none;
}
section.ottavopiano h2 {
	text-align:center;
}
}
/* ipad desktop ----------- */
@media only screen and (min-width : 901px) {
section.ottavopiano {
	width:100%;
	position:relative;
}
section.ottavopiano .contenitore {
	flex-flow:row wrap;
	-webkit-flex-flow:row wrap;
	-ms-flex-flow:row wrap;
	max-width:75rem;
}
section.ottavopiano article {
	width:16rem;
	height:10rem;
	padding:0;
}
section.ottavopiano h2 {
	text-align:center;
	max-width:75rem;
	margin:0 auto;
}
}