/* MENU 

–––––––––––––––––––––––––––––––––––––––––––––––––– */

	ul#menu {

		font-family: Candara;

		font-size: 11px;

		margin: 0;

		margin-left: 50;

		padding: 0;

		list-style: none;

	}

	ul#menu li {

		background-color: #030377; /*colore sopra pag non attiva */

		border-bottom: 5px solid #0000af; /*colore sotto pag non attiva */

		display: block;

		width: 180px;

		height: 50px;

		margin: 2px; /*spazio tra una casella e l'altra */

		float: left; /* elementi su singola riga  */

	}

	ul#menu li a {

		color: #fff; /*colore scritte */

		display: block;

		font-size: 20px;

		/*font-weight: bold; */

		line-height: 30px;

		text-decoration: none;

		width: 150px;

		height: 30px;

		text-align: center;

		line-height: 45px; /*allineamento verticale */

	}

	ul#menu li.active, ul#menu li:hover {

		background-color: #030377; /*colore sopra pag attiva */

		border-bottom: 5px solid #e7b100; /*colore sotto pag attiva */

	}

/*TABELLA INIZIO MENU 

–––––––––––––––––––––––––––––––––––––––––––––––––– */

	table#menu {    

		border: 0px;  

		background-color: #030377;

		width: 100%;

	}

	





/*PARAGRAFO BODY HOME

–––––––––––––––––––––––––––––––––––––––––––––––––– */

	p#bodyContent {

		font-family: DejaVu Serif;

		font-size: 17px;

		text-align: center;

		line-height: 150%;

		color: #3a3a3a;

		width: 60%;

		margin-left:20%;

		margin-right:20%;

		margin-bottom:4%;

	}

	p#descrizioneHome {

		font-family: DejaVu Serif;

		font-size: 17px;

		text-align: center;

		line-height: 150%;

		color: #3a3a3a;

		width: 60%;

		margin-left:20%;

		margin-right:20%;

		margin-bottom:2%;

		margin-top: 3%;

	}

	

	

/*PARAGRAFO BODY CONTATTI

–––––––––––––––––––––––––––––––––––––––––––––––––– */

	table#bodyContatti{

		font-family: DejaVu Serif;

		font-size: 17px;

		text-align: center;

		line-height: 120%;

		color: #696969;

		width: 60%;

		margin-left:20%;

		margin-right:20%;

		margin-top: 2%;

		margin-bottom:2%;

	}

	TD#bodyContatti{

		font-family: DejaVu Serif; 

		font-size: 17px;

		text-align: left;

		color: #696969;	

	}

	div#sgsContatti{

		font-family: DejaVu Serif;

		font-size: 17px;

		text-align: left;

		color: #030377;

		font-weight: bold;

	}

	table#mapsContatti {

		text-align: center;

		line-height: 120%;

		color: #696969;

		width: 100%;

		margin: 0%;		

	}



	.bodyContatti {

		font-family: DejaVu Serif; 

		font-size: 17px;

		text-align: left;

		color: #696969;

	}

	div.bodyContatti a:link {

		color: black; 

		background-color: transparent; 

		text-decoration: none;}

	

	div.bodyContatti a:link, div.bodyContatti a:visited {

    color: #b5bbd7;

    text-decoration: none;

    font-weight: bold;

    font-size: 1.3em;

}





/*SLIDER IMMAGINI 

–––––––––––––––––––––––––––––––––––––––––––––––––– */

	.q-slider {

		display: inline-block;

		position: relative;

		max-height: 480px;    

		width: 100%;

		margin-top: 00px;

	}

	.q-slider > .q-an {

		display: none;

	}

	.q-slider > ul {

		position: relative;

		z-index: 1;

		font-size: 0;

		line-height: 0;

		margin: 0 auto;

		padding: 0;

		overflow: hidden;

		white-space: nowrap;

	}

	.q-slider > ul > div {

		width: 100%;

		visibility: hidden;

		font-size: 0px;

		line-height: 0;

	}

	.q-slider > ul > li.q-im img {

		border: 1px solid #ddd;

		border-radius: 4px;

		padding: 0.3%;

		width: 100%;

		max-height: 500px;

		margin: 0;

		object-fit: cover;

		object-position: 50% 50%;

	}

	.q-slider > ul > li.q-im {

		font-size: 0pt;

	}

	.q-slider > ul > li {

		position: relative;

		display: inline-block;

		width: 100%;

		height: 100%;

		overflow: hidden;

		font-size: 15px;

		font-size: initial;

		line-height: normal;

		white-space: normal;

		vertical-align: top;

		-webkit-box-sizing: border-box;

		-moz-box-sizing: border-box;

		box-sizing: border-box;

		-webkit-transform: translate3d(0,0,0);

		-moz-transform: translate3d(0,0,0);

		-ms-transform: translate3d(0,0,0);

		-o-transform: translate3d(0,0,0);

		transform: translate3d(0,0,0);

	}

	.q-slider > ul > li.q-im,

	.q-slider > .q-arrp,

	.q-slider > .q-arrn,

	.q-slider > .q-bu,

	.q-slider > .q-pl-pa {

		-webkit-touch-callout: none;

		-webkit-user-select: none;

		-khtml-user-select: none;

		-moz-user-select: none;

		-ms-user-select: none;

		user-select: none;

	}

	.q-slider > .q-arrp,

	.q-slider > .q-arrn {

		position: absolute;

		top: 50%;

		-webkit-box-sizing: content-box;

		-moz-box-sizing: content-box;

		box-sizing: content-box;

		z-index: 5;

	}

	.q-slider > .q-arrp > label,

	.q-slider > .q-arrn > label {

		position: absolute;

		text-decoration: none;

		cursor: pointer;

		opacity: 0;

		z-index: -1;

	}

	.q-slider > .q-arrp {

		left: 0;

	}

	.q-slider > .q-arrn {

		right: 0;

	}

	.q-slider > .sl:checked ~ .q-arrp > label,

	.q-slider > .sl:checked ~ .q-arrn > label {

		opacity: 0;

		z-index: -1;

	}

	.q-slider > #q-sl-0:checked ~ .q-arrp > label.n-2,

	.q-slider > #q-pa-0:checked ~ .q-arrp > label.n-2,

	.q-slider > #q-sl-0:checked ~ .q-arrn > label.n-1,

	.q-slider > #q-pa-0:checked ~ .q-arrn > label.n-1, 

	.q-slider > #q-sl-1:checked ~ .q-arrp > label.n-0,

	.q-slider > #q-pa-1:checked ~ .q-arrp > label.n-0,

	.q-slider > #q-sl-1:checked ~ .q-arrn > label.n-2,

	.q-slider > #q-pa-1:checked ~ .q-arrn > label.n-2, 

	.q-slider > #q-sl-2:checked ~ .q-arrp > label.n-1,

	.q-slider > #q-pa-2:checked ~ .q-arrp > label.n-1,

	.q-slider > #q-sl-2:checked ~ .q-arrn > label.n-0,

	.q-slider > #q-pa-2:checked ~ .q-arrn > label.n-0 {

		opacity: 1;

		z-index: 5;

	}



	/* calculate autoplay */

	@-webkit-keyframes arrow {

		0%, 33.32333333333334% { opacity: 1; z-index: 5; }

		33.333333333333336%, 100% { opacity: 0; z-index: -1; }

	}

	@-moz-keyframes arrow {

		0%, 33.32333333333334% { opacity: 1; z-index: 5; }

		33.333333333333336%, 100% { opacity: 0; z-index: -1; }

	}

	@keyframes arrow {

		0%, 33.32333333333334% { opacity: 1; z-index: 5; }

		33.333333333333336%, 100% { opacity: 0; z-index: -1; }

	}

	.q-slider > #q-pl:checked ~ .q-arrp > label.n-2,

	.q-slider > #q-pl:checked ~ .q-arrn > label.n-1 {

		-webkit-animation: arrow 12300ms infinite -1000ms;

		-moz-animation: arrow 12300ms infinite -1000ms;

		animation: arrow 12300ms infinite -1000ms;

	}

	.q-slider > #q-pl:checked ~ .q-arrp > label.n-0,

	.q-slider > #q-pl:checked ~ .q-arrn > label.n-2 {

		-webkit-animation: arrow 12300ms infinite 3100ms;

		-moz-animation: arrow 12300ms infinite 3100ms;

		animation: arrow 12300ms infinite 3100ms;

	}

	.q-slider > #q-pl:checked ~ .q-arrp > label.n-1,

	.q-slider > #q-pl:checked ~ .q-arrn > label.n-0 {

		-webkit-animation: arrow 12300ms infinite 7200ms;

		-moz-animation: arrow 12300ms infinite 7200ms;

		animation: arrow 12300ms infinite 7200ms;

	}



	/* stop */

	.q-slider > .sl:checked ~ .q-arrp > label,

	.q-slider > .sl:checked ~ .q-arrn > label,

	.q-slider > .pa:checked ~ .q-arrp > label,

	.q-slider > .pa:checked ~ .q-arrn > label {

		-webkit-animation: none;

		-moz-animation: none;

		-ms-animation: none;

		-o-animation: none;

		animation: none;

	}



	/* calcola autoplay */

	.q-slider > .q-bu {

		position: absolute;

		left: 0;

		width: 100%;

		z-index: 6;

		font-size: 0;

		line-height: 8pt;

		text-align: center;

	}

	.q-slider > .q-bu > div {

		margin-left: -50%;

		width: 100%;

	}

	.q-slider > .q-bu > label {

		position: relative;

		display: inline-block;

		cursor: pointer;

	}

	.q-slider > .q-bu > label > .q-th {

		visibility: hidden;

		position: absolute;

		opacity: 0;

		z-index: 1;

		line-height: 0;

		left: -50px;

		top: -50px;

	}

	.q-slider > .q-bu > label > .q-th > img {

		max-width: none;

	}.q-slider > .q-de {

		z-index: 3;

	}

	.q-slider > .q-de a,

	.q-slider > .q-de a:visited,

	.q-slider > .q-de a:active {

		color: inherit;

	}

	.q-slider > .q-de a:hover {

		text-decoration: none;

	}

	.q-slider > .q-de > label {

		position: absolute;

		word-wrap: break-word;

		white-space: normal;

		text-align: left;

		max-width: 50%;

		left: 0;

	}

	.q-slider > .q-de > label > span {

		vertical-align: top;

	}

	.q-slider > .q-de > label span {

		display: inline-block;

	}

	.q-slider .q-ge {

		visibility: hidden;

		position: absolute;

		font-size: 0;

		top: 0;

		left: 0;

		width: 100%;

		height: 100%;

		overflow: hidden;

		z-index: 1;

		opacity: 0;

		-webkit-transition: visibility .3s linear, opacity .3s linear;

		-o-transition: visibility .3s linear, opacity .3s linear;

		transition: visibility .3s linear, opacity .3s linear;

	}

	.q-slider .q-ge.q-show {

		visibility: visible;

		opacity: 1;

	}

	.q-slider .q-ge.q-show img {

		width: 33.333333333333336%;

	}

	.q-slider .q-ge.q-show .q-fi-im {

		position: absolute;

		left: -33.333333333333336%;

		top: 0;

	}

	.q-slider .q-ge.q-show .q-la-im {

		position: absolute;

		left: 100%;

		top: 0;

	}

	.q-slider .q-ge > div {

		position: absolute;

		left: 0;

		top: 0;

		width: 300%;

	}.q-slider > ul > li.n-0 {

		left: 0%;

	}

	.q-slider > ul > li.n-1 {

		left: 100%;

	}

	.q-slider > ul > li.n-2 {

		left: 200%;

	}

	.q-slider > #q-sl-0:checked ~ ul > li,

	.q-slider > #q-pa-0:checked ~ ul > li {

		-webkit-transform: translateX(0%);

		-moz-transform: translateX(0%);

		transform: translateX(0%);

	}

	.q-slider > #q-sl-1:checked ~ ul > li,

	.q-slider > #q-pa-1:checked ~ ul > li {

		-webkit-transform: translateX(-100%);

		-moz-transform: translateX(-100%);

		transform: translateX(-100%);

	}

	.q-slider > #q-sl-2:checked ~ ul > li,

	.q-slider > #q-pa-2:checked ~ ul > li {

		-webkit-transform: translateX(-200%);

		-moz-transform: translateX(-200%);

		transform: translateX(-200%);

	}

	.q-slider > ul > li {

		position: absolute;

		top: 0;

		left: 0;

		display: inline-block;

		opacity: 1;

		-webkit-transition: -webkit-transform 1000ms;

		-moz-transition: -moz-transform 1000ms;

		transition: transform 1000ms;

		-webkit-transform: scale(1);

		-moz-transform: scale(1);

		transform: scale(1);

	}



	/* calcola autoplay */

	@-webkit-keyframes slide {

		0%, 25.203252032520325% { -webkit-transform: translateX(0%); }

		33.333333333333336%, 58.53658536585366% { -webkit-transform: translateX(-100%); }

		66.66666666666667%, 91.869918699187% { -webkit-transform: translateX(-200%); }

	}

	@-moz-keyframes slide {

		0%, 25.203252032520325% { -moz-transform: translateX(0%); }

		33.333333333333336%, 58.53658536585366% { -moz-transform: translateX(-100%); }

		66.66666666666667%, 91.869918699187% { -moz-transform: translateX(-200%); }

	}

	@keyframes slide {

		0%, 25.203252032520325% { transform: translateX(0%); }

		33.333333333333336%, 58.53658536585366% { transform: translateX(-100%); }

		66.66666666666667%, 91.869918699187% { transform: translateX(-200%); }

	}

	.q-slider  > #q-pl:checked ~ ul > li {

		-webkit-animation: slide 12300ms infinite;

		-moz-animation: slide 12300ms infinite;

		animation: slide 12300ms infinite;



	}

	.q-slider > #q-pl:checked ~ ul > li,

	.q-slider > .pa:checked ~ ul > li {

		-webkit-transition: none;

		-moz-transition: none;

		transition: none;

	}



	/* calcola autoplay */

	.q-slider > .q-arrp,

	.q-slider > .q-arrn {

		top: 0;

		bottom: 0;

		width: 15%;

		opacity: .5;

	}

	.q-slider > .q-arrp:hover,

	.q-slider > .q-arrn:hover {

		opacity: .9;

	}

	.q-slider > .q-arrp {

		left: 0;

	}

	.q-slider > .q-arrn {

		right: 0;

	}

	.q-slider > .q-arrp > label,

	.q-slider > .q-arrn > label {

		top: 0;

		left: 0;

		bottom: 0;

		width: 100%;

	}

	.q-slider > .q-arrp > label span,

	.q-slider > .q-arrn > label span {

		display: block;

		position: absolute;

		width: 100%;

		height: 100%;

	}

	.q-slider > .q-arrp > label span {

		float: left;

	}

	.q-slider > .q-arrn > label span {

		float: right;

	}

	.q-slider > .q-arrp > label span:after,

	.q-slider > .q-arrn > label span:after {

		display: block;

		position: absolute;

		width: 100%;

		top: 50%;

		margin-top: -23px;

		font: 64px "bootstrapcontrols";

		color: #fff;

		line-height: 47px;

		text-align: center;

		text-shadow: 0 1px 2px rgba(0,0,0,0.6);

	}

	.q-slider > .q-arrp > label span:after {

		content: '\2039';

	}

	.q-slider > .q-arrn > label span:after {

		content: '\203A';

	}.q-slider > .q-bu {

		bottom: 20px;

		width: 70%;

		left: 15%;

	}

	.q-slider > .q-bu > label {

		margin: 0 2px;

		padding: 5px;

		border-radius: 50%;

		background: transparent;

		-webkit-box-shadow: inset 0 0 0 1px #fff;

		box-shadow: inset 0 0 0 1px #fff; 

	}

	.q-slider > .q-bu > label > .q-th {

		border: 3px solid #fff;

		margin-top: -15px;

		-webkit-transition: opacity .3s, visibility .3s;

		-moz-transition: opacity .3s, visibility .3s;

		transition: opacity .3s, visibility .3s;

	}

	.q-slider > .q-bu > label > .q-th:before {

		content: '';

		position: absolute;

		width: 0; 

		height: 0; 

		left: 50%;

		margin-left: -5px;

		bottom: -10px;

		border-left: 7px solid transparent;

		border-right: 7px solid transparent;

		border-top: 7px solid #fff;

	}

	.q-slider > .q-bu > label:hover > .q-th {

		opacity: 1;

		visibility: visible;

	}

	.q-slider > #q-sl-0:checked ~ .q-bu > label.n-0,

	.q-slider > #q-pa-0:checked ~ .q-bu > label.n-0,

	.q-slider > #q-sl-1:checked ~ .q-bu > label.n-1,

	.q-slider > #q-pa-1:checked ~ .q-bu > label.n-1,

	.q-slider > #q-sl-2:checked ~ .q-bu > label.n-2,

	.q-slider > #q-pa-2:checked ~ .q-bu > label.n-2 {

		background: #fff;

	}



	/* calcola autoplay */

	@-webkit-keyframes bullet {

		0%, 33.32333333333334% {

			background: #fff;

		}

		33.333333333333336%, 100% {

			background: transparent;

			margin-bottom: 0;

		}

	}

	@-moz-keyframes bullet {

		0%, 33.32333333333334%	{

			background: #fff;

		}

		33.333333333333336%, 100% {

			background: transparent;

			margin-bottom: 0;

		}

	}

	@keyframes bullet {

		0%, 33.32333333333334%	{

			background: #fff;

		}

		33.333333333333336%, 100% {

			background: transparent;

			margin-bottom: 0;

		}

	}

	.q-slider > #q-pl:checked ~ .q-bu > label.n-0 {

		-webkit-animation: bullet 12300ms infinite -1000ms;

		-moz-animation: bullet 12300ms infinite -1000ms;

		animation: bullet 12300ms infinite -1000ms;    

	}

	.q-slider > #q-pl:checked ~ .q-bu > label.n-1 {

		-webkit-animation: bullet 12300ms infinite 3100ms;

		-moz-animation: bullet 12300ms infinite 3100ms;

		animation: bullet 12300ms infinite 3100ms;

	}

	.q-slider > #q-pl:checked ~ .q-bu > label.n-2 {

		-webkit-animation: bullet 12300ms infinite 7200ms;

		-moz-animation: bullet 12300ms infinite 7200ms;

		animation: bullet 12300ms infinite 7200ms;

	}

	.q-slider > #q-pl:checked ~ .q-bu > label > .q-po,

	.q-slider > .pa:checked ~ .q-bu > label > .q-po {

		-webkit-transition: none;

		-moz-transition: none;

		transition: none;

	}



	/* stop */

	.q-slider > .sl:checked ~ .q-bu > label > .q-po,

	.q-slider > .pa:checked ~ .q-bu > label > .q-po {

		-webkit-animation: none;

		-moz-animation: none;

		-ms-animation: none;

		-o-animation: none;

		animation: none;

	}



	/* calcola autoplay */

	.q-slider > .q-de > label {

		font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;

		font-size: 12pt;

		line-height: normal;

		bottom: 50px;

		left: 20%;

		right: 20%;

		top: auto;

		z-index: 3;

		text-align: center;

		text-shadow: 0 1px 2px rgba(0, 0, 0, 0.6);

		max-width: 100%;

		color: #fff;

	}

	.q-slider > .q-de > label .q-ti {

		margin-bottom: 10px;

		font-size: 24px;

	}

	.q-slider > .q-de > label .q-de {

		font-size: 14px;

	}

	.q-slider > #q-sl-0:checked ~ .q-de > .n-0 > .q-ti,

	.q-slider > #q-sl-0:checked ~ .q-de > .n-0 > .q-de,

	.q-slider > #q-pa-0:checked ~ .q-de > .n-0 > .q-ti,

	.q-slider > #q-pa-0:checked ~ .q-de > .n-0 > .q-de,

	.q-slider > #q-sl-1:checked ~ .q-de > .n-1 > .q-ti,

	.q-slider > #q-sl-1:checked ~ .q-de > .n-1 > .q-de,

	.q-slider > #q-pa-1:checked ~ .q-de > .n-1 > .q-ti,

	.q-slider > #q-pa-1:checked ~ .q-de > .n-1 > .q-de,

	.q-slider > #q-sl-2:checked ~ .q-de > .n-2 > .q-ti,

	.q-slider > #q-sl-2:checked ~ .q-de > .n-2 > .q-de,

	.q-slider > #q-pa-2:checked ~ .q-de > .n-2 > .q-ti,

	.q-slider > #q-pa-2:checked ~ .q-de > .n-2 > .q-de {

		opacity: 1;

		visibility: visible;

	}

	.q-slider > .q-de > label > .q-ti {

		opacity: 0;

		visibility: hidden;

		z-index: 2;

		-webkit-transition: opacity .4s, visibility .4s;

		-moz-transition: opacity .4s, visibility .4s;

		transition: opacity .4s, visibility .4s;    

	}

	.q-slider > .q-de > label > .q-de {

		font-size: 0.8em;

		opacity: 0;

		visibility: hidden;

		z-index: 1;

		-webkit-transition: opacity .4s, visibility .4s;

		-moz-transition: opacity .4s, visibility .4s;

		transition: opacity .4s, visibility .4s;

	}



	/* calcola autoplay */

	@-webkit-keyframes q-ti {

		4.065040650406504%, 33.333333333333336% { opacity: 1; z-index: 2; visibility: visible;}

		37.39837398373984% { opacity: 0; z-index: 2; visibility: hidden;}

		37.408373983739835%, 100% { z-index: 0; }

	}

	@-moz-keyframes q-ti {

		4.065040650406504%, 33.333333333333336% { opacity: 1; z-index: 2; visibility: visible;}

		37.39837398373984% { opacity: 0; z-index: 2; visibility: hidden;}

		37.408373983739835%, 100% { z-index: 0; }

	}

	@keyframes q-ti {

		4.065040650406504%, 33.333333333333336% { opacity: 1; z-index: 2; visibility: visible;}

		37.39837398373984% { opacity: 0; z-index: 2; visibility: hidden;}

		37.408373983739835%, 100% { z-index: 0; }

	}

	.q-slider > #q-pl:checked ~ .q-de > .n-0  > .q-ti {

		-webkit-animation: q-ti 12300ms infinite -700ms ease;

		-moz-animation: q-ti 12300ms infinite -700ms ease;

		animation: q-ti 12300ms infinite -700ms ease;

	}

	.q-slider > #q-pl:checked ~ .q-de > .n-1  > .q-ti {

		-webkit-animation: q-ti 12300ms infinite 3400ms ease;

		-moz-animation: q-ti 12300ms infinite 3400ms ease;

		animation: q-ti 12300ms infinite 3400ms ease;

	}

	.q-slider > #q-pl:checked ~ .q-de > .n-2  > .q-ti {

		-webkit-animation: q-ti 12300ms infinite 7500ms ease;

		-moz-animation: q-ti 12300ms infinite 7500ms ease;

		animation: q-ti 12300ms infinite 7500ms ease;

	}

	.q-slider > #q-pl:checked ~ .q-de > .n-0  > .q-de {

		-webkit-animation: q-ti 12300ms infinite -700ms ease;

		-moz-animation: q-ti 12300ms infinite -700ms ease;

		animation: q-ti 12300ms infinite -700ms ease;

	}

	.q-slider > #q-pl:checked ~ .q-de > .n-1  > .q-de {

		-webkit-animation: q-ti 12300ms infinite 3400ms ease;

		-moz-animation: q-ti 12300ms infinite 3400ms ease;

		animation: q-ti 12300ms infinite 3400ms ease;

	}

	.q-slider > #q-pl:checked ~ .q-de > .n-2  > .q-de {

		-webkit-animation: q-ti 12300ms infinite 7500ms ease;

		-moz-animation: q-ti 12300ms infinite 7500ms ease;

		animation: q-ti 12300ms infinite 7500ms ease;

	}

	.q-slider > #q-pl:checked ~ .q-de > label > .q-ti,

	.q-slider > #q-pl:checked ~ .q-de > label > .q-de,

	.q-slider > .pa:checked ~ .q-de > label > .q-ti,

	.q-slider > .pa:checked ~ .q-de > label > .q-de {

		-webkit-transition: none;

		-moz-transition: none;

		transition: none;



	}



	/* stop */

	.q-slider > .sl:checked ~ .q-de > label,

	.q-slider > .pa:checked ~ .q-de > label {

		-webkit-animation: none;

		-moz-animation: none;

		-ms-animation: none;

		-o-animation: none;

		animation: none;

	}



	/* calcola autoplay */

	/* nelle versioni mobile si nascondono i pallini e le descrizioni */

	@media

	only screen and (max-width: 480px),

	only screen and (-webkit-max-device-pixel-ratio: 2) and (max-width: 480px),

	only screen and (max--moz-device-pixel-ratio: 2)    and (max-width: 480px),

	only screen and (-o-max-device-pixel-ratio: 2/1)    and (max-width: 480px),

	only screen and (max-device-pixel-ratio: 2)         and (max-width: 480px),

	only screen and (max-resolution: 192dpi)            and (max-width: 480px),

	only screen and (max-resolution: 2dppx)             and (max-width: 480px) { 

		.q-slider > .q-de,

		.q-slider > .q-bu {

			display: none;

		}

	}

	

/*PARAGRAFO LAVORAZIONI MINUTERIE METALLICHE

–––––––––––––––––––––––––––––––––––––––––––––––––– */

	div#lavMinMet {

		font-family: DejaVu Serif;

		font-size: 25px;

		text-align: center;

		line-height: 150%;

		color: #3a3a3a;

		width: 60%;

		margin-left:20%;

		margin-right:20%;

		margin-top: 3%;

		margin-bottom: -10px;

		color: #030377;

	}	

/*INTESTAZIONE 'di Sennino Michele & C. s.a.s.' 

–––––––––––––––––––––––––––––––––––––––––––––––––– */

	div#intestazione {

		font-family: DejaVu Serif;

		font-size: 19px;

		text-align: center;

		line-height: 150%;

		color: #3a3a3a;

		width: 60%;

		margin-left:20%;

		margin-right:20%;

		margin-top: 0%;

		color: #030377;

	}

	

	

/*BOTTONI CONTATTI

–––––––––––––––––––––––––––––––––––––––––––––––––– */

	input#submit, input#reset {

	  background-color: #030377; /* colore di sfondo    */

	  border: none;              /* bordo dell'elemento */

	  color: white;              /* colore del testo    */

	  /*font-weight: bold;          testo in grassetto  */

	  padding: 0;                /* padding             */

	  height: 40px;              /* altezza             */

	  width: 90px;               /* larghezza           */

	}

	



/*TIME LINE

-------------------------------------------------- */

@import url(https://fonts.googleapis.com/css?family=Raleway:400,900);



body{

  font-family: 'Raleway', sans-serif;

  color: black;

}



header h1{

  text-align: center;

  font-weight: bold;

  margin-top: 0;

}

  

 header p{

   text-align: center;

   margin-bottom: 0;

 }



.hexa{

  border: 0px;

  float: left;

  text-align: center;

  height: 35px;

  width: 60px;

  font-size: 22px;

  background: #f0f0f0;

  color: #030377;

  position: relative;

  margin-top: 15px;

}



.hexa:before{

  content: ""; 

  position: absolute; 

  left: 0; 

  width: 0; 

  height: 0;

  border-bottom: 15px solid #f0f0f0;

  border-left: 30px solid transparent;

  border-right: 30px solid transparent;

  top: -15px;

}



.hexa:after{

  content: ""; 

  position: absolute; 

  left: 0; 

  width: 0; 

  height: 0;

  border-left: 30px solid transparent;

  border-right: 30px solid transparent;

  border-top: 15px solid #f0f0f0;

  bottom: -15px;

}



.timeline {

  position: relative;

  padding: 0;

  width: 100%;

  margin-top: 20px;

  list-style-type: none;

}



.timeline:before {

  position: absolute;

  left: 50%;

  top: 0;

  content: ' ';

  display: block;

  width: 2px;

  height: 100%;

  margin-left: -1px;

  background: rgb(213,213,213);

  background: -moz-linear-gradient(top, rgba(213,213,213,0) 0%, rgb(213,213,213) 8%, rgb(213,213,213) 92%, rgba(213,213,213,0) 100%);

  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(30,87,153,1)), color-stop(100%,rgba(125,185,232,1)));

  background: -webkit-linear-gradient(top, rgba(213,213,213,0) 0%, rgb(213,213,213) 8%, rgb(213,213,213) 92%, rgba(213,213,213,0) 100%);

  background: -o-linear-gradient(top, rgba(213,213,213,0) 0%, rgb(213,213,213) 8%, rgb(213,213,213) 92%, rgba(213,213,213,0) 100%);

  background: -ms-linear-gradient(top, rgba(213,213,213,0) 0%, rgb(213,213,213) 8%, rgb(213,213,213) 92%, rgba(213,213,213,0) 100%);

  background: linear-gradient(to bottom, rgba(213,213,213,0) 0%, rgb(213,213,213) 8%, rgb(213,213,213) 92%, rgba(213,213,213,0) 100%);

  z-index: 5;

}



.timeline li {

  padding: 2em 0;

}



.timeline .hexa{

  width: 16px;

  height: 10px;

  position: absolute;

  background: #030377;

  z-index: 5;

  left: 0;

  right: 0;

  margin-left:auto;

  margin-right:auto;

  top: -30px;

  margin-top: 0;

}



.timeline .hexa:before {

  border-bottom: 4px solid #030377;

  border-left-width: 8px;

  border-right-width: 8px;

  top: -4px;

}



.timeline .hexa:after {

  border-left-width: 8px;

  border-right-width: 8px;

  border-top: 4px solid #030377;

  bottom: -4px;

}



.direction-l,

.direction-r {

  float: none;

  width: 100%;

  text-align: center;

}



.flag-wrapper {

  text-align: center;

  position: relative;

}



.flag {

  position: relative;

  display: inline;

  background: rgb(255,255,255);

  font-weight: 600;

  z-index: 15;

  padding: 6px 10px;

  text-align: left;

  border-radius: 5px;

}



.direction-l .flag:after,

.direction-r .flag:after {

  content: "";

  position: absolute;

  left: 50%;

  top: -15px;

  height: 0;

  width: 0;

  margin-left: -8px;

  border: solid transparent;

  border-bottom-color: rgb(255,255,255);

  border-width: 8px;

  pointer-events: none;

}



.direction-l .flag {

  -webkit-box-shadow: -1px 1px 1px rgba(0,0,0,0.15), 0 0 1px rgba(0,0,0,0.15);

  -moz-box-shadow: -1px 1px 1px rgba(0,0,0,0.15), 0 0 1px rgba(0,0,0,0.15);

  box-shadow: -1px 1px 1px rgba(0,0,0,0.15), 0 0 1px rgba(0,0,0,0.15);

}



.direction-r .flag {

  -webkit-box-shadow: 1px 1px 1px rgba(0,0,0,0.15), 0 0 1px rgba(0,0,0,0.15);

  -moz-box-shadow: 1px 1px 1px rgba(0,0,0,0.15), 0 0 1px rgba(0,0,0,0.15);

  box-shadow: 1px 1px 1px rgba(0,0,0,0.15), 0 0 1px rgba(0,0,0,0.15);

}



.time-wrapper {

  display: block;

  position: relative;

  margin: 4px 0 0 0;

  z-index: 14;

  line-height: 1em;

  vertical-align: middle;

  color: #fff;

}



.direction-l .time-wrapper {

  float: none;

}



.direction-r .time-wrapper {

  float: none;

}



.time {

  background: #030377;

  display: inline-block;

  padding: 8px;

}



.desc {

  position: relative;

  margin: 1em 0 0 0;

  padding: 1em;

  background: rgb(254,254,254);

  -webkit-box-shadow: 0 0 1px rgba(0,0,0,0.20);

  -moz-box-shadow: 0 0 1px rgba(0,0,0,0.20);

  box-shadow: 0 0 1px rgba(0,0,0,0.20);

  z-index: 15;

}



.direction-l .desc,

.direction-r .desc {

  position: relative;

  margin: 1em 1em 0 1em;

  padding: 1em;

  z-index: 15;

}



@media(min-width: 768px){

  .timeline {

    width: 660px;

    margin: 0 auto;

    margin-top: 20px;

  }



  .timeline li:after {

    content: "";

    display: block;

    height: 0;

    clear: both;

    visibility: hidden;

  }

  

  .timeline .hexa {

    left: -28px;

    right: auto;

    top: 8px;

  }



  .timeline .direction-l .hexa {

    left: auto;

    right: -28px;

  }



  .direction-l {

    position: relative;

    width: 310px;

    float: left;

    text-align: right;

  }



  .direction-r {

    position: relative;

    width: 310px;

    float: right;

    text-align: left;

  }



  .flag-wrapper {

    display: inline-block;

  }

  

  .flag {

    font-size: 18px;

  }



  .direction-l .flag:after {

    left: auto;

    right: -16px;

    top: 50%;

    margin-top: -8px;

    border: solid transparent;

    border-left-color: rgb(254,254,254);

    border-width: 8px;

  }



  .direction-r .flag:after {

    top: 50%;

    margin-top: -8px;

    border: solid transparent;

    border-right-color: rgb(254,254,254);

    border-width: 8px;

    left: -8px;

  }



  .time-wrapper {

    display: inline;

    vertical-align: middle;

    margin: 0;

  }



  .direction-l .time-wrapper {

    float: left;

  }



  .direction-r .time-wrapper {

    float: right;

  }



  .time {

    padding: 5px 10px;

  }



  .direction-r .desc {

    margin: 1em 0 0 0.75em;

  }

}



@media(min-width: 992px){

  .timeline {

    width: 800px;

    margin: 0 auto;

    margin-top: 20px;

  }



  .direction-l {

    position: relative;

    width: 380px;

    float: left;

    text-align: right;

  }



  .direction-r {

    position: relative;

    width: 380px;

    float: right;

    text-align: left;

  }

}

	

	

/*PARAGRAFO ANAGRAFICA ABOUT US

–––––––––––––––––––––––––––––––––––––––––––––––––– */

	p#anagrafica {

		font-family: DejaVu Serif;

		font-size: 17px;

		text-align: center;

		line-height: 118%;

		color: #3a3a3a;

		width: 60%;

		margin-left:20%;

		margin-right:20%;

		margin-bottom:3%;

	}

	h2#anagrafica2 {

		font-family: DejaVu Serif;

		text-align: center;

		line-height: 120%;

		width: 60%;

		margin-left:20%;

		margin-right:20%;

		margin-top: 5%;

		color: #030377;

	}

	

/*FOOTER

–––––––––––––––––––––––––––––––––––––––––––––––––– 	*/

	body {margin:0;

	padding:0;

	height:100%;

	}

	#container {

	min-height:100%;

	position:relative;

	}

	#header {

	   background:#030377;

	   padding:0px;

	}

	#body {

	   padding:0px;

	   padding-bottom:85px;   /* Height of the footer */

	}

	#footer {

	   position:absolute;

	   bottom:0;

	   width:100%;

	   height:85px;   /* Height of the footer */

	   background:#030377;

	   color: #b5bbd7;

	   text-align: center;

	   margin-right: 0px;

	   margin-left: 0px;

	}

/*SCRITTE*/

	

	.footerScritte {

     width: 100%;

     background-color: #030377;

     display: flex;

     justify-content: space-around;

	 color: #b5bbd7;

	 height:85px;

	}

	.footerScritte > div {

     background-color: #030377;

     font-size: 16px;

     width: 100%;

     padding: 10px;

     margin-top: 23px;

	 color: #b5bbd7;

	}

	



/*QUADRATI PRODOTTI

––––––––––––––––––––––––––––––––––––––––––––––––––		*/	

	p#quadratiProdotti {

		vertical-align: middle;

	}

	table#centrareVertProdotti {

		width: 100%;

		height: 77%;	

		vertical-align: middle;

	}

	

/*TABELLA CATEGORIE PRODOTTI HOME

–––––––––––––––––––––––––––––––––––––––––––––––––– */

	table#prodottiHome {

		table-layout: fixed;

		/*width: 80%;

		height: 80%;*/

		margin-left: 10%;

		margin-right: 10%;

		margin-bottom: 4%;

		border-spacing: 30px;

		border-collapse: separate;

	}

	img#imgProdottiHome {

		width: 100%;

		height: 100%;

	}



	



/*TABELLA ILLUMINAZIONE/ARREDO BAGNO/ VALVOLAME

–––––––––––––––––––––––––––––––––––––––––––––––––– 	*/	

	table#illuminazione  {

		margin-left: 10%;

		margin-right: 10%;

		width: 80%;

		border-spacing: 30px;

		border-collapse: separate;

	}

	

	table#arredobagno  {

		margin-left: 10%;

		margin-right: 10%;

		width: 80%;

		border-spacing: 30px;

		border-collapse: separate;

	}

	

	table#valvolame  {

		margin-left: 10%;

		margin-right: 10%;

		width: 80%;

		border-spacing: 30px;

		border-collapse: separate;

	}