/* Colore del testo */
.Red { color:#263a6d; }
.rtr_body { margin: 0em; }

img { border: 0; }
.middle_img { border:0em; vertical-align:middle}

.tdGrigio { background: #ffffff; padding-right: 65px;}
.tdGrigio2 { background: #ffffff; }
.tdAnagr { padding-right: 65px; }
.error {
	width:70%;
	text-align:left;
	font-family:verdana;
	margin:1em 0;
	padding:1em;
	font-size:13px;
	font-weight:bold;
	border: 1px solid;
	padding-left: 40px;
	border-color: #CCC;
	color: #263a6d;
	background: #ffffff url(/images/msgBadBg.png) no-repeat top left;
}


.errorDescr{
    text-align:center;
  font-family:verdana;
	padding:1em;
	font-size:13px;
	font-weight:bold;
  color: #ff0000;
  
}




.charta {text-align: left; padding: 5px;}
.org {text-align: right; padding: 5px;}
.guida {text-align: center; font-size: 11px; color: #000000; font-weight: bold; padding: 5px;}
.guida a:link, .guida a:visited, .guida a:active, .guida a:hover {color: #000000; font-weight: bold;}
.guida a:hover { text-decoration: underline;}
.guidaCarrello { text-align: left; font-size: 10px; color: #000000; font-weight: bold; padding: 5px; }
.barra_grigia {  text-align: center; font-size: 15px; color: #f3c565; font-weight: bold; padding: 1px; }
.testoBottom { font-family: 'NettoProBold'; font-weight: normal; font-style: normal;  text-align: center; font-size: 9px; color: #000000 }
.grigio1, .grigio2, .grigio1_risu, .grigio2_risu { font-family: 'NettoProBold'; font-weight: normal; font-style: normal;  font-size:11px; font-weight: bold;}
.grigio1, .grigio2, .grigio { text-align: left; vertical-align: top; padding-left: 65px}

.grigio1 { color: #000000; background: #ffffff;}
.grigio2 { color: #263a6d; background: #e9e1ca;}
.grigio_risu {  color: #263a6d; background: #ffffff; padding: 1px; padding-right: 65px; text-align: right; font-family: 'NettoProBold'; font-weight: normal; font-style: normal;  font-size:11px;}
.grigio1_risu { color: #263a6d; background: #ffffff; padding: 1px; padding-right: 65px; text-align: right; }
.grigio2_risu { color: #263a6d; background: #ffffff; padding: 1px; text-align: left; }
 .Bgrigio1_risu {font-family: 'NettoProBold'; font-weight: normal; font-style: normal;  font-size:11px; color: #263a6d; font-weight: bold; background: #ffffff; padding: 1px; text-align: right}
.testoRit {font-family: 'NettoProBold'; font-weight: normal; font-style: normal;  font-size:11px; color: #263a6d; font-weight: bold; background: #ffffff; padding: 1px; text-align: left; padding-left: 65px; padding-right: 65px}
.CodeTran {font-family: 'NettoProBold'; font-weight: normal; font-style: normal;  font-size:11px; color: #263a6d; font-weight: bold; padding: 1px; padding-left: 65px }
.testoCodeTran { font-family: 'NettoProBold'; font-weight: normal; font-style: normal;  font-size:9px; color: #000000; background: #ffffff; padding-right: 65px; text-align: right }
.testoScad {font-family: 'NettoProBold'; font-weight: normal; font-style: normal;  font-size:11px; color: #ff0000; font-weight: bold; background: #ffffff; padding: 1px; padding-right: 65px; text-align: right }
.anagr {font-family: 'NettoProBold'; font-weight: normal; font-style: normal;  font-size:9px; color: #000000; background: #ffffff; text-align: left; }
.anagr_ris { font-family: 'NettoProBold'; font-weight: normal; font-style: normal;  font-size:9px; color: #000000; background: #ffffff; text-align: right }
.anagr2 { font-family: 'NettoProBold'; font-weight: normal; font-style: normal;  font-size:11px; color: #263a6d; font-weight: bold; background: #ffffff; text-align: right }
.titol { font-family: 'NettoProBold'; font-weight: normal; font-style: normal;  font-size:9px; color: #263a6d; background: #ffffff; text-align: center }
.fraseTitol { font-family: 'NettoProBold'; font-weight: normal; font-style: normal;  font-size:10px; color: #000000; }
.fraseTitol a:link, .fraseTitol a:visited, .fraseTitol a:active, .fraseTitol a:hover { color: #263a6d; font-weight: bold; }
.fraseTitol a:hover { text-decoration: underline; }
 .totale { color: #263a6d; text-align: left }
 .cvv2 {font-family: 'NettoProBold'; font-weight: normal; font-style: normal;  font-size:13px; color: #000000; text-align: center}
.testoPiccolo  { font-family: 'NettoProBold'; font-weight: normal; font-style: normal;  font-size:10px; color: #000000; background: #ffffff; }
.testoPiccolo2 { font-family: 'NettoProBold'; font-weight: normal; font-style: normal;  font-size:9px; color: #000000; background: #ffffff; padding-right: 65px; padding-left: 65px; }
.testoPiccolo3 { font-family: 'NettoProBold'; font-weight: normal; font-style: normal;  font-size:9px; color: #000000; background: #ffffff; padding-left: 65px; text-align: left; }
.testoPiccolo4 { font-family: 'NettoProBold'; font-weight: normal; font-style: normal;  font-size:9px; color: #000000; padding-left: 5px;}
.boxtesto {
	font-family: Verdana, Arial, Helvetica; font-size: 10px; color: #000000;
	border-color: #FFFFFF #FFFFFF #263a6d; border-bottom-width: 1px; border-top-width: 0px; border-left-width: 0px;	border-right-width: 0px 
}
.secure { font-family: Verdana; font-size: 11px; color: #263a6d; }
.testoSecure { text-align:left; font-family: 'NettoProBold'; font-weight: normal; font-style: normal;  margin-top:1em;	padding:1em; border: 1px solid; border-color: #263a6d; color: #000000;	background: #ffffff; }

.testoCC { font-family: 'NettoProBold'; font-weight: normal; font-style: normal;  font-size:10px; color: #263a6d; font-weight: bold; }
.testoCC a:link,
.testoCC a:visited,
.testoCC a:active,
.testoCC a:hover { text-decoration: underline;color: #263a6d; }


.bottone { text-align: center; padding: 10px; padding-left: 10px }
.avvisoBancomat {font-family: 'NettoProBold'; font-weight: normal; font-style: normal;  font-size:11px; color: #ff0000; font-weight: bold; }
.StatoTran { font-family: 'NettoProBold'; font-weight: normal; font-style: normal;  font-size:18px; color: #263a6d; font-weight: bold; text-align: center; }


.printhome { font-family: 'NettoProBold'; font-weight: normal; font-style: normal;  font-size:11px; color: #ff0000; font-weight: bold; }
.printhome a:link,
.printhome a:visited,
.printhome a:active  { color: #ff0000; font-weight: bold; text-decoration: underline }
.printhome a:hover   { color: #ff0000; font-weight: bold; text-decoration: none }


.testoPicFattura { font-family: 'NettoProBold'; font-weight: normal; font-style: normal;  font-size:9px; color: #000000; text-align: left }
.testoFatturaCx { font-family: 'NettoProBold'; font-weight: normal; font-style: normal;  font-size:11px; color: #000000; text-align: center }
.testoFatturaSx { font-family: 'NettoProBold'; font-weight: normal; font-style: normal;  font-size:11px; color: #000000; text-align: left }
.testoFatturaDx { font-family: 'NettoProBold'; font-weight: normal; font-style: normal;  font-size:11px; color: #000000; text-align: right }
.testoBack { font-family: 'NettoProBold'; font-weight: normal; font-style: normal;  font-size:9px; color: #263a6d; text-align: center }
.titololistaB { font-family: 'NettoProBold'; font-weight: normal; font-style: normal;  font-size:11px; color: #000000; font-weight: bold; text-align: left; vertical-align: top}
.lista { font-family: 'NettoProBold'; font-weight: normal; font-style: normal;  font-size:11px; color: #000000; text-align: left; vertical-align: top }
.lista_risu { font-family: 'NettoProBold'; font-weight: normal; font-style: normal;  font-size:11px; color: #000000; background: #f7e1bc; text-align: left; vertical-align: top }
.tabRiepilogoTran { font-family: 'NettoProBold'; font-weight: normal; font-style: normal;  font-size:10px; color: #000000; font-weight: bold; background: #ffffff; text-align: left; vertical-align: top; padding-left: 65px; padding-right: 65px}

.vivaBottomBanner { font-family: 'NettoProBold'; font-weight: normal; font-style: normal;  text-align: center; font-size: 15px; color: #000000; font-weight: bold; }


/* ***************************** RESPONSIVE ****************************** */

*. *:before, *:after  {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
body {
	margin: 0; 
	font-family: 'avenir';
	font-weight: normal;
	font-style: normal;  
	font-size: 16px;
	color: #263a6d;
	background-color: #ffffff;
}
.page-content {
	margin: 0 auto;
	padding-left: 15px; padding-right: 15px;
	max-width: 780px; 
	line-height: 1.42857143;
}

@media screen  { 
	.table-responsive {
		min-height: .01%;
		overflow-x: auto;
	}
}

.logo {text-align: right; }
@media screen and (max-width: 767px) { 
  .logo {text-align: center; }
}

h1 {font-size:20px;}
h2 {font-size:18px;}
h3 {font-size:13px;}
h1,h2,h3 { margin: 0.5em 0;}
.Font14px { font-size:14px }

.page-content p {	margin: 0 0 5px; }

a:link, a:hover, a:visited, a:active {text-decoration:none; color:#575757; font-weight:bold; }

.page-content table {	border-collapse: collapse; border-spacing: 0px; }
.table { width: 100%; max-width: 100%; }
.prezzi { float: right }
.page-content .table-bordered { border: 1px solid #263a6d; border-collapse: separate; border-spacing: 1px;}
.table-bordered>tbody>tr>th,
.table-bordered>tbody>tr>td { border: 1px solid #263a6d; }

@media screen and (max-width: 767px) {
	.payment>tbody>tr {display: block; padding: 5px; }
	.payment>tbody>tr>td {display: block}
	.receipt>tbody>tr {display: block; padding: 5px; }
	.receipt>tbody>tr>td {display: block}
	.table-xs {width: 100%; max-width: 100%;}
}
@media screen and (min-width: 768px) { 
	.payment>tbody>tr>th:first-child,
	.payment>tbody>tr>td:first-child { width: 38%; }
}

.page-content th, .page-content td {
	padding: 3px 5px;
	line-height: 1.3;
	vertical-align: top;
	height: auto; overflow: hidden;
}
.page-content th:first-child, .page-content td:first-child { padding-left: 0px}
.page-content th:last-child, .page-content td:last-child { padding-right: 0px}


.page-content td.spacing { padding: 0; line-height: 1;}


.page-content .td-img { padding: 0px; line-height: 1px; height: auto;}
@media screen and (max-width: 767px) {
	.page-content .td-img { line-height: 10px; height: 10px;}
}

.page-content .separator { 
	line-height: 22px; height: 22px;
	font-size: 15px; color: #fff;
}
@media screen and (min-width: 768px) { 
	.page-content .separator { 
		background-color: #263a6d;
	}
}


.bg-receipt  { background: #ffffff; }
.bg-barra    { background: #263a6d; }
.bg-title    { background: #e9e1ca; }
.bg-data     { background: #ffffff; }
.bg-danger   { background: #eddbe2; border: 1px solid  #263a6d; }
.bg-headline { background: #263a6d; }

.page-content .title, .page-content .sub-title { font-weight: bold;	vertical-align: top; }
@media screen and (min-width: 768px) { 
	.page-content .title, .page-content .sub-title { padding-left: 65px!important; text-align: left; }
	.page-content .ritiro { padding-left: 65px!important; padding-right: 65px!important; text-align: left; }
	.page-content .data { padding-right: 65px!important; text-align: right; }
}

.highlight { color: #263a6d !important; font-weight: bold; }
a.highlight {text-decoration: underline; }

.menu a {color: #000 ! important}

.text-left {text-align: left; }
.text-center {text-align: center; }
.text-right {text-align: right; }
.text-justify {text-align: justify; }
.page-content .vbottom {vertical-align: bottom;}
.page-content .vtop {vertical-align: top;}
.page-content .vmiddle {vertical-align: middle;}
.nowrap { white-space: nowrap; }
.plain { font-weight: normal; }
.small  { font-size: 12px; }
.xsmall { font-size: 10px; }

.pagamenti img { margin-right: 7px; vertical-align: middle }
.pagamenti div { display: inline-block; vertical-align: middle; width: 68%; }

.box-msg { padding: 5px 15px; }

.error-descr{
	font-size:13px;
	font-weight:bold;
	padding:1em;
	color: #263a6d;
}

.error-box {
	width:70%;
	margin:1em auto;
	border: 1px solid;
	padding-left: 40px;
	border-color: #CCC;
	background: #ffffff url(/images/msgBadBg.png) no-repeat top left;
}

.page-content .vivaBottom { text-align: center; font-size: 15px; font-weight: bold; padding: 10px; vertical-align: middle }
.page-content .vivaBottom img {vertical-align: middle}

.visible-xs { display: none !important; }
@media screen and (max-width: 767px) {
    .visible-xs { display:block !important; }
    table.visible-xs { display: table !important; }
    tr.visible-xs { display: table-row !important; }
    th.visible-xs,td.visible-xs { display: table-cell !important; }
}

@media screen and (max-width: 767px) {
    .hidden-xs { display:none !important; }
}


.seat-summary td:first-child,
.seat-summary td:last-child {width: 15%}

.top-banner { margin-bottom: 5px;}


/* BANNER PER IL PRINT@HOME / DOWNLOAD */  
div#bannerPrintAtHome, div#dwn {
   padding: 10px; 
   display: block;
   cursor: pointer; 
   height: 100%; overflow: hidden;
   text-align: center;
}

div#bannerPrintAtHome img, div#dwn img {
    vertical-align: middle;
}

div#bannerPrintAtHome span, div#dwn span {
    color: #000;
    text-align: center; vertical-align: middle;
    display: inline-block;
}
div#bannerPrintAtHome span {
    font-size: 18px;
    padding: 10px;
}

div#dwn span {
    font-size: 16px;
    font-weight: bold;
    width: 380px;
}

@media screen and (min-width: 768px) { 
	
	div#bannerPrintAtHome {
		text-align: left;
		margin: 6px 0; 
	   
	   background: #f8dfa8;
	   background: -moz-linear-gradient(left,  #FFFFFF 1%, #f8dfa8 100%);
	   background: -webkit-gradient(linear, left top, right top, color-stop(1%,#FFFFFF), color-stop(100%,#f8dfa8));
	   background: -webkit-linear-gradient(left,  #FFFFFF 1%,#f8dfa8 100%);
	   background: -o-linear-gradient(left,  #FFFFFF 1%,#f8dfa8 100%);
	   background: -ms-linear-gradient(left,  #FFFFFF 1%,#f8dfa8 100%);
	   background: linear-gradient(left,  #FFFFFF 1%,#f8dfa8 100%);
	   filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#FFFFFF', endColorstr='#f8dfa8',GradientType=1 );
	}
	
	div#dwn {
		text-align: left;
		margin: 6px 65px; 
	   
	   background: #EDAF7C; 
	   background: -moz-linear-gradient(left, #EDAF7C 1%, #ffffff 100%);
	   background: -webkit-gradient(linear, left top, right top, color-stop(1%,#EDAF7C ), color-stop(100%,#ffffff));
	   background: -webkit-linear-gradient(left, #EDAF7C 1%, #ffffff 100%);
	   background: -o-linear-gradient(left, #EDAF7C 1%,#ffffff 100%);
	   background: -ms-linear-gradient(left, #EDAF7C 1%,#ffffff 100%);
	   background: linear-gradient(left, #EDAF7C 1%,#ffffff 100%);
	   filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#EDAF7C', endColorstr='#ffffff',GradientType=1 );
	}
	
}

div.bannerETicket-wrap {
  box-shadow: 0 6px 24px 0 rgba(0,0,0,0.2);
  background-color: #e9e1ca;
  
  display: block;

  width: 100%;
  height: 100%; overflow: hidden;
  margin: 35px 0;
}

table.bannerETicket {
 width: calc(100% - 40px);
 font-size: 18px;
 margin: 10px 20px; 
}
table.bannerETicket td {
  vertical-align: middle;
}

.flaticon-eticket:before {
  font-size: 32px;
} 

/* FINE BANNER  */  

.btn {
    display: inline-block;
    margin-bottom: 0;
    font-weight: normal;
    text-align: center;
    vertical-align: middle;
    -ms-touch-action: manipulation; touch-action: manipulation;
    cursor: pointer;
    background-image: none;
    border: 1px solid #0000;
    white-space: nowrap;
    padding: 6px 12px;
    font-size: 12px;
    line-height: 1.42857143;
    border-radius: 6px;
    -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none;
    font-family: SFArborcrest, Arial, "Helvetica Neue", Helvetica, sans-serif;
    font-weight: bold;
    color: #fff !important;
    background-color: #263a6d;
    border-color: #263a6d;
}

.border-top { border-top: 1px solid #000;}
.border-top-red { border-top: 1px solid #263a6d;}
/* ***************************** PRINT ****************************** */

@media print {
	.nostampa { display: none; }
	.newpage { page-break-after: always; height: 0; line-height: 0; }

	.page-content { padding: 0; }
	.page-content .separator { color: #fff; font-size:20px; }
	
	hr, .menu {display:none !important;}
	.box-msg { padding: 5px }
	
	.page-content .data { text-align: right; }
}