/* CSS aggiuntivi */
body { font-family: "Open Sans", Arial, Tahoma, sans-serif; }

h1, h2, h3, h4, h5, h6 { font-family: 'Raleway', sans-serif; font-weight: bold; }
.statistiche-home .progress { margin-top:10px; }

h1 { color: #EF5C37; }
h2 { color: #1f3d91; }

.inattivo {
	color: #C0C0C0 !important;
}
.bottoni-filtri { margin-top: 10px; }

table.table span.led { display:block; width:15px; height:15px; border-radius:15px; margin: 7px 0 0 10px; }
table.table tr.riga-in-attesa span.led { background-color:#818181; }
table.table tr.riga-acconto-ok span.led { background-color:#00D6FF; }
table.table tr.riga-saldo-ok span.led { background-color:#3FCD00; }
table.table tr.riga-annullata span.led { background-color:#EA0003; }

.form-dati-passeggero,
.form-dati-viaggio {
    border: 2px solid #004091;
    border-radius: 5px;
    margin: 20px 0;
}
.form-dati-passeggero h2,
.form-dati-viaggio h2 {
	font-size: 20px;
	color: #e7511e;
}
.data-di-nascita label {
	display: block;
}

.data-di-nascita select {
	width: 31%;
	float: left;
	margin-right: 1%;
}
.titolo-step-pacchetto {
    padding: 30px;
	text-align: center;
}
.titolo-step-pacchetto.filtri {
    padding: 10px;
	text-align: center;
}
.titolo-step-pacchetto h1 {
	font-size: 28px;
    margin: 10px 0 0 0;
}
.titolo-step-pacchetto h2 {
	font-size: 20px;
    margin: 10px 0 0 0 !important;
}
.box-scelta-mezzo {
    border-radius: 2px;
    padding: 0px;
    background-color: #EEEEEE;
    font-size: 15px;
    position: relative;
}
.box-scelta-mezzo:last-child {
	margin-bottom: 40px;
}
.box-scelta-mezzo h2 {
	font-size: 24px;
	color: #e7511e;
	margin: 20px 0 5px 0;
}
.box-scelta-mezzo h3 {
	font-size: 20px;
	color: #104490;
	margin: 0 0 10px 0;
}
.box-scelta-mezzo a.prenotazione-button,
.box-scelta-mezzo span.prenotazione-button {
    display: block;
    width: 150px;
    background-color: #e94e1b;
    height: 150px;
    vertical-align: middle;
    font-size: 24px;
    color: #ffffff;
    font-family: 'Raleway', sans-serif;
    padding-top: 60px;
    text-align: center;
    text-decoration: none;
}
.box-scelta-mezzo span.prenotazione-button { background-color: #c64013; }
.box-scelta-mezzo a.prenotazione-button:hover {
	text-decoration: none;
	background-color: #1f3d91;
}
.box-scelta-mezzo .media-left {
    padding-right: 20px;
}
.box-scelta-mezzo .icona-mezzo {
	width: 150px;
	height: 150px !important;
    max-width: none !important;
}
.introduzione {
	margin-bottom: 20px;
}
.introduzione h1 {
	font-size: 28px;
	color: #e7511e;
}
.mini-gallery {
	margin-bottom: 20px;
    overflow: auto;
}
.half-col {
    width: 12.5% !important;
}
.fancy_heading {
    margin-bottom: 25px;
}
#collapse-Patti,
#collapse-FAQ { clear: both; }

.active {
	font-weight:bold;
	color:#1f3d91 !important;
	}
	
.jumbotron h1 {
	color:#e94e1b;
    margin-top: 0;
}

table.table .form-control {
	font-size: 12px;
	height: 30px;
}

.btn-primary {
    color: #fff;
    background-color: #1f3d91;
    border-color: #2e6da4;
}

.btn-primary:hover {
    background-color: #2952c6;
    border-color: #2e6da4;
}


.text-primary { color: #1f3d91; } 
.text-warning { color: #e94e1b; }

.navbar-brand { padding:0; }


.table-striped > tbody > tr:nth-of-type(odd) {
    background-color: #ECECEC;
}

.localita-thumbnail {
	width: 46% !important;
    height: auto !important;	
    margin-top: 10px;
    float: left;
}
.localita-thumbnail:first-child {
	margin: 2%;
}
.box-icona {
	margin-top: 0;
}
.box-icona .media-left {
	background-color:#2D3B94;
	padding: 10px;
	border-radius: 5px;
	margin-right: 10px;
	height: 84px;
	display: inline-block;
	float: left;
}
.box-icona .media-body h3 {
	margin: 0;
}
.modal-content {
    overflow: auto;
}
.breadcrumb {margin-left: 0 !important;}

table th.evidenza {
    background: #EF5C37;
    color: #FFF;
}
.dettagli-pacchetto ul li {
	list-style: none !important;
	color: #fff;
}
.dettagli-pacchetto ul {
	margin: 0 0 15px 15px;
}
.dettagli-pacchetto h3 {
	margin-top: 0;
}
.box-arancio {
	background-color: #EF5C37;
	color: #fff;
	padding: 10px;
	border-radius: 5px;
}
.box-blu {
	background-color: #2D3B94;
	color: #fff;
	padding: 10px;
	border-radius: 5px;
}
.pagina-destinazione .row {
	margin-top: 20px;
	margin-bottom: 20px;
}
.pagina-destinazione h1 {
	color: #EF5C37;
}
.pagina-destinazione h2 {
    margin-top: 30px;
    margin-bottom: 20px;
}
.pagina-destinazione strong {
	color: #1f3d91;
}
p.nota {
	text-align: center;
	font-size: 12px;
	margin: 10px 0;
}
.reset {
	clear: both;
}
.riga-prenotazione {
	background-color: #1f3d91; 
	padding: 20px 0;
}
.riga-prenotazione-last {
	background-color:#E6E6E6; 
	padding: 20px 0;
	margin-top: 20px;
	margin-bottom: 20px;
}
.riga-prenotazione-last .column_fancy_heading {
	margin-bottom: 5px;
}
.area-scelta-localita .box-scelta-mezzo a.prenotazione-button,
.area-scelta-localita .box-scelta-mezzo span.prenotazione-button{
    height: 220px;
    padding-top: 100px;
}
.img-scelta-localita {
	width: auto;
	height: 220px !important;
	max-width: none !important;
}
.col-xs-12.area-scelta-mezzo h1 {
    font-size: 32px;
    margin-bottom: 20px;
    color: #1F3D91;
}
.viavai-frontend img.logoviavai {
	width: 130px;
	height: auto;
	margin: 10px auto;
}
.faq .question .answer {
    color: #ffffff !important;
	font-weight: normal !important;
}
.operazione-trasparenza { min-width: 290px; margin-bottom: 20px; }
.dark .fancy_heading h1 { color: #ffffff !important; }
.braccialetto-vagamondo .row {
    margin-right: 0px;
    margin-left: 0px;
}
.infobox ul.dark_list li:before { content: ''; }
.infobox ul.dark_list li:before {background: url(../images/icons/list_check_w.png) no-repeat;}
.infobox ul.dark_list li.aereo:before {background: url(../images/icons/aereo_w.png) no-repeat;}
.infobox ul.dark_list li.nave:before {background: url(../images/icons/nave_w.png) no-repeat;}
.infobox ul.dark_list li.treno:before {background: url(../images/icons/treno_w.png) no-repeat;}
.infobox ul.dark_list li.bus:before {background: url(../images/icons/bus_w.png) no-repeat;}
.infobox ul.dark_list li.ics:before {background: url(../images/icons/x.png) no-repeat;}
.infobox ul.dark_list li.calendario:before {background: url(../images/icons/calendario.png) no-repeat;}
.infobox ul.dark_list li.alloggio:before {background: url(../images/icons/alloggio.png) no-repeat;}
.infobox ul.dark_list li.icona-plus:before {background: url(../images/icons/plus.png) no-repeat;}
.nota-box { font-size:12px; padding: 0 15px; }
.braccialetto-vagamondo img {
    width: 32%;
	margin-right: 1%;
    margin-bottom: 30px;
}
.indietro-button {
	position: fixed;
	top: 10px;
	left: 10px;
	z-index: 9999;
}
.reset-float { clear: both; }
#back_to_top span.button_icon {
    padding: 2px 7px;
}
.box-arancio,
.box-blu {
    margin-bottom: 25px;
}

.carousel-control .icon-prev,
.carousel-control .icon-next {
    width: 70px;
    height: 70px;
    margin-top: -10px;
    font-size: 70px;
    top: 35%;
}
.carousel-control .icon-prev:before,
.carousel-control .icon-next:before { color: #EA5321; }
.carousel-control .icon-prev { left: -40%; }
.carousel-control .icon-next { right: 20%; }

.blocco-icona {
    display: inline-block;
    width: 58px;
    text-align: center;
    vertical-align: top;
    font-size: 12px;
}
.blocco-icona img {
    max-width: 40px;
}
.blocco-icona span {
    display: block;
}
.icone-dettagli-appartamento .ico-nascosta {
	display: none;
}
.btn-dettagli-appartamento {
    width: 45%;
    float: left;
    padding-top: 20px;
}
.icone-dettagli-appartamento.icone-esterne {
    width: 45%;
    float: right;
	text-align: right;
}
.icone-dettagli-appartamento.icone-interne {
	text-align: center;
}
/* +-+-+-+-+-+ NON Smartphones +-+-+-+-+-+ */
@media screen and (min-width: 767px) {
	.header-prenotazione h1 {
    padding-top: 30px;
    text-align: right;
	}
	.tabella-100 { width: 100%; }
}


/* +-+-+-+-+-+ SCHERMI GRANDI +-+-+-+-+-+ */
@media screen and (min-width: 1240px) {
	.box-scelta-mezzo-resp a,
	.box-scelta-mezzo-resp span {
    display: block;
	min-height: 170px;
	background-color: #233B8F;
	}
	.box-scelta-mezzo-resp img { 
	margin-top: 20px;
	display: inline;
	}
}

/* +-+-+-+-+-+ SCHERMI MEDIO-GRANDI +-+-+-+-+-+ */
@media screen and (min-width: 992px) and (max-width: 1239px) {
	.box-scelta-mezzo-resp a,
	.box-scelta-mezzo-resp span {
    display: block;
	min-height: 200px;
	background-color: #233B8F;
	}
	.box-scelta-mezzo-resp img { 
	margin-top: 20px;
	display: inline;
	}
	.box-scelta-mezzo-resp a.prenotazione-button, .box-scelta-mezzo-resp span.prenotazione-button {
    padding-top: 90px;
	}
	.is-sticky .logo { display: none; }
	#Top_bar .menu > li > a span:not(.description) { padding: 0 15px; }
	.btn-dettagli-appartamento span { display: none; }
	.btn-dettagli-appartamento {
    width: 35%;
	}
	.icone-dettagli-appartamento.icone-esterne {
    width: 65%;
	text-align: center;
	padding-bottom: 5px;
	}
	.box-scelta-mezzo h2 {
    font-size: 20px;
	}
	.media-body { font-size: 13px; }
}

/* +-+-+-+-+-+ SCHERMI MEDI +-+-+-+-+-+ */
@media screen and (min-width: 768px) and (max-width: 991px) {
	.box-scelta-mezzo-resp a,
	.box-scelta-mezzo-resp span {
    display: block;
	min-height: 200px;
	background-color: #233B8F;
	}
	.box-scelta-mezzo-resp img { 
	margin-top: 50px;
	display: inline;
	}
	.box-scelta-mezzo-resp a.prenotazione-button, .box-scelta-mezzo-resp span.prenotazione-button {
    padding-top: 90px;
	}
	.container.area-scelta-offerta {
    max-width: 95%;
    width: 95%;
	}
	.box-scelta-mezzo-resp .icona-mezzo {
    width: 120px;
    height: 120px !important;
	}
	.box-scelta-mezzo-resp a.prenotazione-button, .box-scelta-mezzo-resp span.prenotazione-button {
    display: block;
    width: 120px;
	}
	.box-scelta-mezzo-resp h2 {
    font-size: 22px;
    margin: 15px 0 5px 0;
	}
	.is-sticky .logo { display: none; }
	#Top_bar .menu > li > a span:not(.description) { padding: 0 15px; }
	li.slogan { display: none !important; }
	
	.scelta-appartamento .media-left {
	position: absolute;
	width: 75%;
	top: 0;
	left: 0;
	padding-right: 0;
	}
	.scelta-appartamento .media-right {
	position: absolute;
	width: 25%;
	top: 0;
	right: 0;
	padding-left: 0;
	}
	.scelta-appartamento .media-body {
	padding: 350px 20px 20px;
	}
	.scelta-appartamento a.prenotazione-button, .scelta-appartamento span.prenotazione-button {
	width: 100%;
	}
	.media.box-scelta-mezzo.scelta-appartamento .media-left .carousel-inner {
    max-height: 400px;
	}
	.scelta-appartamento .img-scelta-localita {
    width: 100% !important;
    height: auto !important;
    max-width: none !important;
	}
	.area-scelta-localita .box-scelta-mezzo a.prenotazione-button, .area-scelta-localita .box-scelta-mezzo span.prenotazione-button {
    height: 350px;
    padding-top: 160px;
	}
	.braccialetto-vagamondo img {
    width: 30%;
	}
}

.blocco-tag .progress_icons {
    display: inline;
    margin-left: 15px;
}
.blocco-tag h3 {
    display: inline;
	color:#1f3d91;
}
.blocco-tag .icon_top {
    float: left;
    margin-right: 20px;
}
.blocco-tag .fancy_heading {
    text-align: left;
}
.blocco-tag .fancy_heading .title {
    line-height: 54px;
    color:#DE6544;
}
.blocco-tag .section_wrapper.mcb-section-inner {
    border: 2px solid #1f3d91;
    padding: 10px 10px 0 10px;
    border-radius: 10px;
    margin-bottom: 20px;
}

.blocco-tag .column, .columns {
    float: left;
    margin: 0 1% 20px;
}

/* +-+-+-+-+-+ Smartphones +-+-+-+-+-+ */
@media screen and (max-width: 767px) {
	.indietro-button { 
		display: none;
	}
	.braccialetto-vagamondo img {
    float: none;
    width: 100%;
	}
	.box-scelta-mezzo .media-left {
	display: block;
	margin-bottom: 0;
    width: 50%;
	text-align: center;
	background-color: #1f3d91;
	}
	.box-scelta-mezzo.scelta-appartamento .media-left {
	display: block;
	margin-bottom: 0;
    width: 100%;
	text-align: center;
	background-color: #1f3d91;
	}
	.box-scelta-mezzo.scelta-appartamento .media-left {
    padding-right: 0;
	}
	.box-scelta-mezzo .btn-scelta {
    top: 60px;
    right: 20px;
    height: 35px;
	}
	.box-scelta-mezzo {
	font-size: 14px;
	margin-bottom: 20px;
    background-color: transparent;
	}
	.box-scelta-mezzo h2 {
	font-size: 20px;
	margin-top: 10px;
	}
	.box-scelta-mezzo .btn {
	margin-top: 20px;
	}
	.box-scelta-mezzo img {
	margin: 0 auto;	
	}
	.introduzione img {
	margin-bottom: 20px;
	}
	.introduzione h1 { margin-top: 0 !important; }
	.box-icona {
	margin-bottom: 20px;	
	}
	.modal-dialog .modal-content {
    margin-top: 60px;
	overflow: scroll;
	}
	.box-scelta-mezzo .media-left {
    position: absolute;
    bottom: 0;
    left: 0;
	}
	.scelta-appartamento .prenotazione-button {
    position: relative !important;
	}
	.media-body {
    padding: 10px;
    width: 100%;
    display: block;
	}
	.box-scelta-mezzo .media-right {
    display: block;
    vertical-align: top;
    padding-left: 0;
    margin-top: 10px;
	float: right;
	width: 50%;
	}
	.box-scelta-mezzo a.prenotazione-button, .box-scelta-mezzo span.prenotazione-button {
    width: 100%;
	}
	.container {
    padding-right: 0px;
    padding-left: 0px;
	}
	.col-xs-12.area-scelta-mezzo,
	.col-xs-12.area-scelta-localita{
	padding-left: 5px;
	padding-right: 5px;
	}
	.area-scelta-localita .box-scelta-mezzo a.prenotazione-button {
    height: 270px;
	padding-top: 100px;
	}
	.area-scelta-localita .box-scelta-mezzo.scelta-appartamento a.prenotazione-button {
    height: 80px;
    padding-top: 20px;
    width: 100%;
	}
	.col-xs-12.area-scelta-mezzo h1 {
    font-size: 28px;
	}
	.img-scelta-localita {
    width: 100% !important;
    height: auto !important;
    max-width: none !important;
	}
	.header-prenotazione img { max-width: 300px; }
	.header-prenotazione { text-align: center; }
	
	.media.box-scelta-mezzo.scelta-appartamento .media-left {
    top: 0;
    background: none;
    max-height: 400px;
	}
	.media.box-scelta-mezzo.scelta-appartamento .media-left .carousel-inner {
    max-height: 400px;
	}
	.box-scelta-mezzo.scelta-appartamento {
	padding-top: 390px;
	margin-bottom: 40px;
	}
	.box-scelta-mezzo.scelta-appartamento .media-right {
    width: 100%;
	}
	.container.area-scelta-alloggio {
    padding: 0 !important;
	}
	.carousel-control .icon-prev, .carousel-control .icon-next {
    width: 100px;
    height: 100px;
    margin-top: -10px;
    font-size: 110px;
    top: 66%;
	}
	.carousel-control .icon-prev {
    left: -60%;
	}
	.carousel-control .icon-next {
    right: 30%;
	}
	.carousel-control {
    opacity: 1;
	}
	.carousel-control:hover {
    opacity: .5;
	}
	.btn-dettagli-appartamento {
	text-align: center;
	}
	.media.box-scelta-mezzo {
    background-image: url(../images/border-bottom.jpg);
    background-position: center bottom;
    background-repeat: no-repeat;
    padding-bottom: 20px;
	}
	.box-scelta-mezzo-resp .media-left {
	bottom: 20px;
	}
	.btn-dettagli-appartamento {
    width: 100%;
    float: none;
	}
	.icone-dettagli-appartamento.icone-esterne {
    width: 100%;
    float: none;
	text-align: center;
	padding-top: 20px;
	}
	.blocco-tag .fancy_heading .title {
    font-size: 40px;
	}
	.blocco-tag h3 {
    font-size: 18px;
	}
	.blocco-tag .progress_icons {
    margin-left: 10px;
	}
	.blocco-tag .section_wrapper.mcb-section-inner {
    padding: 0 10px !important;
	}
	.progress_icons .progress_icon {
    width: 30px;
    height: 30px;
    line-height: 30px;
    font-size: 16px;
	}
	.parallax-mobile { display: none; }
}
@media screen and (max-width: 560px) {
	.container.area-scelta-offerta {
	padding:0 !important;
	}
	.scelta-appartamento .media-left {
    width: 100% !important;
	padding-right: 0 !important;
	}
	.box-scelta-mezzo .icona-mezzo {
    width: 150px;
    height: 150px !important;
	}
	.box-scelta-mezzo img {
    margin: 0;
	}
	.box-scelta-mezzo .media-left {
    width: 50%;
    padding-right: 0;
    text-align: center;
	bottom: 20px;
	}
	.box-scelta-mezzo .media-right {
    width: 50%;
	}
	.box-scelta-mezzo a.prenotazione-button, .box-scelta-mezzo span.prenotazione-button {
    width: 100%;
	}
	.box-scelta-mezzo .icona-mezzo {
    display: inline-block;
	}
	.media.box-scelta-mezzo {
    background-image: url(../images/border-bottom.jpg);
	background-position: center bottom;
	background-repeat: no-repeat;
    padding-bottom: 20px;
	}
	.col-xs-12.area-scelta-mezzo, .col-xs-12.area-scelta-localita {
    padding-left: 0;
    padding-right: 0;
	}
	.media.box-scelta-mezzo.scelta-appartamento .media-left {
    top: 0;
    background: none;
    max-height: 350px;
	}
	.media.box-scelta-mezzo.scelta-appartamento .media-left .carousel-inner {
    max-height: 350px;
	}
	.box-scelta-mezzo.scelta-appartamento {
	padding-top: 350px;
	margin-bottom: 40px;
	}
	.box-scelta-mezzo.scelta-appartamento .media-right {
    width: 100%;
	}
	.container.area-scelta-alloggio {
    padding: 0 !important;
	}
	.carousel-control .icon-prev, .carousel-control .icon-next {
    width: 100px;
    height: 100px;
    margin-top: -10px;
    font-size: 110px;
    top: 66%;
	}
	.carousel-control .icon-prev {
    left: -60%;
	}
	.carousel-control .icon-next {
    right: 30%;
	}
	.carousel-control {
    opacity: 1;
	}
	.carousel-control:hover {
    opacity: .5;
	}
	.btn-dettagli-appartamento {
	text-align: center;
	}
}


@media screen and (max-width: 420px) {
	.box-scelta-mezzo.scelta-appartamento {
	padding-top: 290px;
	margin-bottom: 50px;
	}
}
@media screen and (max-width: 320px) {
	.box-scelta-mezzo.scelta-appartamento {
	padding-top: 230px;
	margin-bottom: 40px;
	}
	.carousel-control .icon-prev, .carousel-control .icon-next {
    top: 60%;
	}
}