@charset "UTF-8";
/* CSS Document */

.f40px {
	font-size: 40px !important;
}

span.fraseIndex {
	display: block;
	margin: 0 auto;
	margin-top: 20px;
	color: rgba(0,0,0,0.8);
}

span.fraseIndex > strong {
	font-size: 110%;
}

span.fraseIndex > a:LINK,
span.fraseIndex > a:VISITED {
	font-size: 110%;
	color: rgba(0,0,0,0.8);
}
span.fraseIndex > a:HOVER {
	font-size: 110%;
	color: rgba(0,0,0,1);
}

.image100 > img {
	display: block;
	margin: 0 auto;
	width: 100%;
	max-width: auto;
}

/* MENU SOTTOMENU */
/* Dropdown Button */
.dropbtn {
  background-color: #04AA6D;
  color: white;
  padding: 16px;
  font-size: 16px;
  border: none;
}

/* The container <div> - needed to position the dropdown content */
.dropdown {
  position: relative;
  display: inline-block;
}

/* Dropdown Content (Hidden by Default) */
.dropdown-content {
  display: none;
  position: absolute;
  background-color: #f1f1f1;
  min-width: 310px;
  box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
  z-index: 1;
}

/* Links inside the dropdown */
.dropdown-content a {
  color: black;
  padding: 12px 16px;
  text-decoration: none;
  display: block;
}

/* Change color of dropdown links on hover */
.dropdown-content a:hover {background-color: #ddd;}

/* Show the dropdown menu on hover */
.dropdown:hover .dropdown-content {display: block;}

/* Change the background color of the dropdown button when the dropdown content is shown */
.dropdown:hover .dropbtn {background-color: #3e8e41;}

.aDestra {
	float: right;
	margin-left: 15px;
} 
.arrotondato {
	border-radius: 10px;
}
.centrato {
	margin: 0 auto;
}
.text-center {
	text-align: center;
}


@media (max-width:767px) {
	.testoShop {
	    display: block;
		width: calc(100% - 20px);
		padding: 40px !important;
		margin: 0 auto;
		text-align: justify;
		margin-bottom: 0px !important;
		padding-bottom: 0 !important;
	}
	.aDestra {
		display: block;
		margin: 0 auto;
		width: calc(100% - 80px);
	} 
	.imgBolettini {
		display: block;
		margin: 15px auto;
		width: calc(100% - 80px);
	} 
}

@media (min-width:768px) {
	.testoShop {
		margin: 0px auto;
		width: calc(100% - 240px);
		padding: 40px;
	}
	.testoShop2 {
		margin: 0px auto;
		width: calc(100% - 400px);
		padding: 10px 40px !important;
		text-align: justify;
	}
	.aDestra {
		float: right;
		margin-left: 15px;
		height: 150px;
	} 
	.aDestra2 {
		height: 250px;
	} 
	.imgBolettini {
		height: 180px;
		max-width: 100%;
	} 

	.circ-acc-1 {
		margin: 0 auto !important;
	}
}

@media (max-width:767px) {
	.img-spending1 {
		display: block;
		margin: 0 auto !important;
	    padding-bottom: 80px;
	}
}

@media (min-width:1140px) {
	.doppioCanale {
		position: relative;
		width: 1140px;
		min-height: 800px;
		max-width: 1140px;
	}
	.doppioCanale > .pos,
	.doppioCanale > .pos > img {
		width: 300px;
		height: 460px;
		padding: 0px;
		display: block;
		margin: 0 auto;
	}
	.doppioCanale > .pos {
		position: absolute;
		top: 200px;
		left: 50%;
		margin-left: -150px;
		z-index: 10;
	}
	#latoPayment {
		position: absolute;
		left: 0px;
		width: 570px;
		border-right: 3px dashed #333;
		padding: 0px;
		margin: 0px;
		min-height: 780px;
		z-index: 1;
	}
	#latoPayment > div {
		width: calc(100% - 40px);
		padding: 0px;
		text-align: justify;
	}
	
	.testoSpending01 {
		width: calc(100% - 80px);
		padding: 0px;
		text-align: justify;
	}
	.testoSpending02 {
		width: calc(100% - 80px);
		padding-left: 40px;
	}

	.testoSpending03 {
		padding-left: 160px !important;
	}
	
	
	.testoSpending04 {
		padding-left: 110px !important;
	}
	

	#latoSpending {
		position: absolute;
		right: 0px;
		width: 570px;
		padding: 0px;
		margin: 0px;
		min-height: 700px;
		z-index: 2;
	}
	#latoSpending > div {
		width: 570px;
		padding-left: 30px;
	}
	
	#CondizioniCommerciali {
		margin-bottom: 5px;
	}
	
	#CondizioniCommerciali tr td {
		border: 1px solid #fff;
		background-color: rgba(182, 214, 231, 0.3);
		padding: 3px 10px;
	    color: #333;
	    font-size: 11pt;
	}
	#CondizioniCommerciali tr:nt-child(2n) td {
		border: 1px solid #fff;
		background-color: rgba(182, 214, 231, 0.5);
	}
	#CondizioniCommerciali tr:first-child td {
		border: 1px solid #fff;
		background-color: #8dbfdd;
		font-weight: bold;
		color: #fff;
	}
	
	div.tableAsterisco {
		position: absolute;
		font-size: 28pt;
		top: 0px;
		right: 8px;		
	}
	
	.circ-acc-1 {
		margin-left: 95px !important;
		margin-top: 60px !important;
	}
	
	.circ-acc-1 > div {
		width: 280px;
	}
	
	.img-spending1 {
		display: block;
	    margin-bottom: 40px;
	}
}

.bg-primaryZ {
    background: #f8f9fb !important;
}

.text-primary {
    color: #393939 !important;
}

h5.serv-compr {
	font-style: italic;
    font-size: 12pt;
}

.icone-servizi {
	display: inline-block;
	width: calc(18% - 8px);
	margin: 4px;
	text-align: center;
	font-size: 11pt;
    line-height: 13pt;
	vertical-align: top;
}
.icone-servizi img {
	width: 80%;
	margin-bottom: 5px;
}
@media (max-width:767px) {
	.icone-servizi {
		width: calc(45% - 8px);
	}
	.icone-servizi img {
		width: 80%;
		max-width: 75px;
		margin-bottom: 5px;
	}
}
.icone-serviziBig {
	display: inline-block;
	width: calc(14% - 10px);
	margin: 5px;
	text-align: center;
	font-size: 13pt;
	font-weight: bold;
    line-height: 13pt;
	vertical-align: top;
}
.icone-serviziBig div.didascalia {
	height: 30pt;
}
.icone-serviziBig img {
	width: 80%;
	margin-bottom: 15px;
}
@media (max-width:767px) {
	.icone-serviziBig {
		width: calc(45% - 8px);
	}
	.icone-serviziBig img {
		width: 80%;
		max-width: 75px;
		margin-bottom: 5px;
	}
}
.filigranato {
	background: url(../images/pagoeasy-fil.png) !important;
}
.sfondoButton {
	border-radius: 10px;
	background: #FFF;
	width: 100%;
	border-bottom: 1px solid #5d5d5d;
}
.sfondoButton img {
	margin: 15px auto;
}

.bordatoBlu {
	border-radius: 10px;
	
	background: rgb(255,84,92);
	background: -moz-linear-gradient(180deg, rgba(255,84,92,1) 0%, rgba(255,166,173,1) 100%);
	background: -webkit-linear-gradient(180deg, rgba(255,84,92,1) 0%, rgba(255,166,173,1) 100%);
	background: linear-gradient(180deg, rgba(255,84,92,1) 0%, rgba(255,166,173,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ff545c",endColorstr="#ffa6ad",GradientType=1);
	padding: 5px;
}

@media (min-width:767px) {
	.ZmbM40 {
		margin-bottom: -50px;
	}
	.visDett {
		width: 180px;
		transform: translate(-25px, -55px);
		font-size: 11pt;
		padding: 4px;
	}
}

.crociato {
  position: relative;
}
.crociato:before {
  position: absolute;
  content: "";
  left: 0;
  top: 50%;
  right: 0;
  border-top: 2px solid;
  border-color: inherit;
  
  -webkit-transform:rotate(-5deg);
  -moz-transform:rotate(-5deg);
  -ms-transform:rotate(-5deg);
  -o-transform:rotate(-5deg);
  transform:rotate(-5deg);
}
.crociato:after {
  position: absolute;
  content: "";
  left: 0;
  top: 50%;
  right: 0;
  border-top: 2px solid;
  border-color: inherit;
  
  -webkit-transform:rotate(5deg);
  -moz-transform:rotate(5deg);
  -ms-transform:rotate(5deg);
  -o-transform:rotate(5deg);
  transform:rotate(5deg);
}
.barrato {
  position: relative;
}
.barrato:before {
  position: absolute;
  content: "";
  left: 0;
  top: 50%;
  right: 0;
  border-top: 2px solid;
  border-color: inherit;
  
  -webkit-transform:rotate(-5deg);
  -moz-transform:rotate(-5deg);
  -ms-transform:rotate(-5deg);
  -o-transform:rotate(-5deg);
  transform:rotate(-5deg);
}

.visDett {
	background: rgb(217,196,71);
	background: -moz-linear-gradient(180deg, rgba(217,196,71,1) 0%, rgba(117,98,32,1) 100%) !important;
	background: -webkit-linear-gradient(180deg, rgba(217,196,71,1) 0%, rgba(117,98,32,1) 100%) !important;
	background: linear-gradient(180deg, rgba(217,196,71,1) 0%, rgba(117,98,32,1) 100%) !important;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#d9c447",endColorstr="#756220",GradientType=1) !important;
	border: 1px solid #7e6a21 !important;
}

.ristretto {
	width: 250px;
    margin: 10px auto;
    display: block;
}

.myPack {
	background: url("../images/sfondoMyPack.png") no-repeat bottom right;
	min-height: 717px;
}
.dim90 {
	width: 80%;
	margin: 0 auto;
    display: block;
}

div.contenitoreAnteprima {
    width: 100%;
    background: #3e3e3e;
    min-height: 350px;
    max-height: 350px;
    overflow: hidden;
}
div.noAngolo:after {
    position: absolute;
    bottom: 0;
    right: 0;
    content: '';
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 50px 50px 0px 50px;
    border-color: transparent;
}

div.contenitoreAnteprima img {
    width: 95%;
    display: block;
    margin: 0 auto;
}