@charset "utf-8";
/* CSS Document */
body{margin:0;font-family: 'Hind Siliguri', sans-serif;background:url('../../img/navitalia_sfondo.jpg');background-size:cover;background-attachment:fixed;}
.main{width:1130px;margin:0 auto;background:#005184;}
h1{color:#fff;font-size:22px;padding-left:10px;padding-right:10px;padding-top:2px;}
h2{color:#fff;font-size:18px;padding-left:10px;padding-right:10px;padding-top:2px;}
h3{font-size:15px;padding-left:3%;padding-right:10px;padding-top:2px;color:#373737;}
h4{font-size:15px;padding-left:10px;padding-right:10px;color:#373737;}
h5{font-size:15px;padding-left:10px;padding-right:10px;color:#373737;}
h6{font-size:15px;padding-left:10px;margin-bottom:10px;color:#373737;margin-top:2px;}
.testo{height:31px;width:93%;font-size:16px;margin-left:3%; border:1px solid #CCC}
.testo30{height:31px;width:30%;font-size:16px;margin-left:3%; border:1px solid #CCC}
.testo40{height:31px;width:40%;font-size:16px;margin-left:3%; border:1px solid #CCC}
.testo50{height:31px;width:50%;font-size:16px;margin-left:3%; border:1px solid #CCC}
.testo60{height:31px;width:60%;font-size:16px;margin-left:3%; border:1px solid #CCC}
.tLeft {text-align:left}
.tCenter {text-align:center}
.tRight {text-align:right}
.ml10 {margin-left:10px}
.mr10 {margin-right:10px}
.pl10 {padding-left:10px}
.pr10 {padding-right:10px}
.mt10 {margin-top:10px}
.mt20 {margin-top:20px}
.mt30 {margin-top:30px}
.mb10 {margin-bottom:10px}
.mb20 {margin-bottom:20px}
.mb30 {margin-bottom:30px}
.m10 { margin-top:10px; margin-bottom:10px}
.m20 { margin-top:20px; margin-bottom:20px}
.m30 { margin-top:30px; margin-bottom:30px}

.w20 { width:20% !important}
.w25 { width:25% !important}
.w33 { width:33% !important}
.w40 { width:40% !important}
.w50 { width:50% !important}

.h50 { height:50px;}
.panAvanti { width:100%;}
.toLow {text-transform:lowercase !important;}
.error {
    color: red;
    margin-left: 10px;
}
.ckGpl { margin-left:10px;}
a {color:#fff;}
a:hover{color:#000;}
@media screen and (max-width: 1130px){
.main{width:100%!important;}
}
.space{height:200px;}
.prenotatore{width:100%;}
.cola{float:left;width:46%;background:#0192af;margin-right:1%;margin-left:1%;padding:1%;font-size:13px;line-height:1;}
.colr{float:left;width:46%;background:#4eb3c7;margin-right:1%;margin-left:1%;padding:1%;font-size:13px;line-height:1;}
.rigmes{width:96%;background:#ba252d;margin-right:1%;margin-left:1%;padding:1%;font-size:13px;line-height:1;margin-top:20px;color:#fff;}
.rigmes2{width:94%;background:#A6DEFF;margin-right:1%;margin-left:1%;padding:1% 2%;font-size:15px;margin-top:20px;color:#005184; line-height:20px}
.rigmeslog{width:100%;max-width:700px;background:#ba252d;margin:0 auto;margin-top:20px;color:#fff;}
.rigmes .t1{width: 50% !important; background:#ba252d!important;}
.rigmes .t2{width: 15% !important; background:#ba252d!important;}
.rigmes .t3{width: 35% !important; background:#ba252d!important;}
.riga{background:#0192af;margin-right:1%;margin-left:1%;padding:1%;font-size:13px;line-height:1;}
.rigalog{background:#0192af;width:100%;max-width:700px;font-size:13px;line-height:1;margin:0 auto;}
.rigr{background:#4eb3c7;margin-right:1%;margin-left:1%;padding:1%;font-size:13px;line-height:1;}
@media screen and (max-width: 700px){
.cola{width:96%!important;}
.colr{width:96%!important;}
.puli{clear:both;height:50px;}
}
.colp1{width:50%;float:left;}
.colp1b{width:21%;float:left;}
.colp2{width:24%;float:left;}
.colp3{width:24%;float:left;}
.colex{width:33%;float:left;}
.colex2{width:33%;float:left;}
.rigpiena{width:100%;}
.rig25{width:25%;float:left}
.rig20{width:20%;float:left}
.rig33{width:33%;float:left}
.rig34{width:34%;float:left}
.rig80{width:80%;float:left}
.rig60{width:60%;float:left}
.rig40{width:40%;float:left}
.rig50{width:50%;float:left}
.rig100{width:100%;float:left}
@media screen and (max-width: 950px){
.colpNo {display:none}
.colp1{width:100%;float:left; padding:2px 0;}
.colp1b{width:100%;float:left;}
.colp1Si{padding:8px 0;}
.colp2{width:100%;float:left; padding:2px 0;}
.colp3{width:100%;float:left; padding:2px 0;}
.colex{width:34%;float:left;}
.colex2{width:33%;float:left;margin-top:25px;margin-bottom:25px;}
.rig25{width:100%;float:left}
.rig20{width:100%;float:left}
.rig80{width:100%;float:left}
.rig60{width:100%;float:left}
.rig40{width:100%;float:left}
.rig50{width:100%;float:left}
.rig100{width:100%;float:left}
}
#header{width:100%;padding-left:0px;padding-right:0px;padding-bottom:0px;position:fixed;z-index:99!important;background-color:rgba(0,0,0,0.6);z-index:101;}
.linkes{width:100%;z-index:9;position:absolute;background-color:#EEEEEE;height:140px;-webkit-box-shadow: 0px 1px 12px -5px rgba(0,0,0,0.75);}
.ba1{background:#0092AD;height:20px;}
.ba2{background:#005184;height:47px;}
.bardes{float:right;}
.barsin{float:left;padding-top:9px;}
@media screen and (max-width: 800px) {
	.bardes{float:right!important;}
	.logo{float:none!important;text-align:center;}
	.out{display:none;}
	.barsin{float:left!important;}
}
@media screen and (min-width: 1130px){
.mod{max-width:1130px;margin:0 auto!important;}
}
.me{width:100%;margin:0 auto;max-width:1130px;padding-bottom:10px;}
.logo{float:left;z-index:9;position:relative;margin-top:11px;margin-bottom:11px;}
a.linktops{background:#ba252d;color:#fff;text-decoration: none;font-size:14px;padding: 13px; font-weight:bolder}
a.linktop{color:#fff;text-decoration: none;font-size:14px;padding: 13px; font-weight:bolder}
a.linktop:hover{background:#ba252d;color:#fff;text-decoration: none;font-size:14px;padding: 13px; ; font-weight:bolder}

 /* Dropdown Button */
.dropbtn {
    /*background-color: #005184;*/
    color: white;
    padding: 12px 13px 12px 13px;
    border: none;
	font-size:14px;
    font-weight:bolder;
	font-family: 'Hind Siliguri', sans-serif;
}

/* 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: 117px;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
    z-index: 99;
	margin-left:-27px;
}

/* 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: #ba252d;
} 
.t1 {width:33%;float:left;background: rgba(0,81,132,0.8);min-height:75px;}
.t1b {width:67%;float:left;background: rgba(0,81,132,0.8);min-height:75px;}
.t2 {width:33%;float:left;background: rgba(0,81,132,0.8);min-height:75px;}
.t2b {width:67%;float:left;background: rgba(0,81,132,0.8);min-height:60px; padding-top:15px;}
.t3 {width:34%;float:left;background: rgba(0,81,132,0.8);min-height:75px;}
@media screen and (max-width: 700px){
.t1 {width:33%;float:left;background:rgba(0,82,132,1)!important;min-height:75px;}
.t2 {width:33%;float:left;background:rgba(0,82,132,1)!important;min-height:75px;}
.t3 {width:34%;float:left;background:rgba(0,82,132,1)!important;min-height:75px;}
}
.r1 {width:100%;}
.r2 {width:100%;}
.r3 {width:100%;}
.r4 {width:100%;}
.k1 {width:26%;float:left;background:#0192af;height:75px;margin-bottom:-1px;}
.k2 {width:26%;float:left;background:#0192af;height:75px;margin-bottom:-1px;}
.k3 {width:16%;float:left;background:#0192af;height:75px;margin-bottom:-1px;}
.k3bis {width:18%;float:left;background:#0192af;height:75px;margin-bottom:-1px;}
.k4 {width:16%;float:left;background:#0192af;height:75px;margin-bottom:-1px;}
.k4bis {width:14%;float:left;background:#0192af;height:75px;margin-bottom:-1px;}
.k5 {width:16%;float:left;background:#0192af;height:75px;margin-bottom:-1px;}
.k6 {width:30%;float:left;background:#0192af;height:75px;padding-left:2%;margin-bottom:-1px;}
.k66 {width:67%;float:left;background:#0192af;height:75px;margin-bottom:-1px;}
.k7 {width:50%;float:left;background:#0192af;height:75px;margin-bottom:-1px;}
.k77 {width:46%;float:left;background:#0192af;height:75px;padding-left:2%;padding-right:2%;margin-bottom:-1px;}
.k11 {width:26%;float:left;background:#4eb3c7;height:75px;margin-bottom:-1px;}
.k22 {width:26%;float:left;background:#4eb3c7;height:75px;margin-bottom:-1px;}
.k33 {width:16%;float:left;background:#4eb3c7;height:75px;margin-bottom:-1px;}
.k33bis {width:18%;float:left;background:#4eb3c7;height:75px;margin-bottom:-1px;}
.k44 {width:16%;float:left;background:#4eb3c7;height:75px;margin-bottom:-1px;}
.k44bis {width:14%;float:left;background:#4eb3c7;height:75px;margin-bottom:-1px;}
.k55 {width:16%;float:left;background:#4eb3c7;height:75px;margin-bottom:-1px;}
.y1 {width:50%;float:left;background: rgba(0,81,132,0.8);height:75px;margin-bottom:-1px;}
.y2 {width:50%;float:left;background: rgba(0,81,132,0.8);height:75px;margin-bottom:-1px;}
.y3 {width:100%;background: #005184;height:75px;margin-bottom:-1px;}
.rigasolo{max-width:50%;margin:0 auto;width:100%;margin-bottom:10px;}
.passaggi{}
nav {
    width: 100%;
    background: #0092ad;
    border: 1px solid #ccc;
    border-right: none;
	margin-bottom:35px;
	color:#fff;
	border-left:none;
	
}

nav ul {
    overflow: hidden;
    margin: 0;
    padding: 0;
	display:flex;
}

nav ul li {
    list-style: none;
    float: left;
    text-align: center;
    border-left: 1px solid #fff;
    border-right: 1px solid #ccc;
    width: 16.6667%; /* fallback for non-calc() browsers */
    width: calc(100% / 6);
    box-sizing: border-box;
	white-space:nowrap;
	flex:1 1 100%;
    font-weight:bolder;
    letter-spacing:0.5px;
}

nav .navNum { font-size:30px;}

nav ul li:first-child {
    border-left: none;
}

nav ul li a {
    display: block;
    text-decoration: none;
    color: #fff;
    padding: 10px 0;
}
@media screen and (max-width: 950px) {
	.mdes{display:none;}
}
@media screen and (max-width: 700px){
	.y1 {width:50%;float:left;background:rgba(0,82,132,1)!important;height:75px;}
.y2 {width:50%;float:left;background:rgba(0,82,132,1)!important;height:75px;}
}
.tas2{color:#fff;font-size:20px;padding-left:10px;padding-right:10px;text-align:right;}

@media screen and (max-width: 700px) {
.t1 {width:100%;float:left;}
.t2 {width:100%;float:left;}
.t2b {width:100%;float:left;}
.t3 {width:100%;float:left;}
.k1 {width:100%;float:left;}
.k2 {width:100%;float:left;}
.k3 {width:100%;float:left;}
.k3bis {width:100%;float:left;}
.k4 {width:100%;float:left;}
.k4bis {width:100%;float:left;}
.k5 {width:100%;float:left;}
.k7 {width:100%;float:left;}
.k11 {width:100%;float:left;}
.k22 {width:100%;float:left;}
.k33 {width:100%;float:left;}
.k33bis {width:100%;float:left;}
.k44 {width:100%;float:left;}
.k44bis {width:100%;float:left;}
.k55 {width:100%;float:left;}
.y2 {width:100%;float:left;}
.y1 {display:none;}
.tas2{color:#fff;font-size:20px;padding-left:10px;padding-right:10px;text-align:left;}
}

.k3 .inputdiv,.k33 .inputdiv { width:93%; margin-left:3%;}
@media screen and (max-width: 480px) {
    .k3 .inputdiv,.k33 .inputdiv { width:94% !important; margin:0 auto !important;}
}

.selectdiv {
  position: relative;
  /*Don't really need this just for demo styling*/
  width:94%;
  margin:0 auto;
}

/* IE11 hide native button (thanks Matt!) */
select::-ms-expand {
display: none;
}

.selectdiv:after {
  content: '>';
  font: 17px "Hind Siliguri", monospace;
  color: #005284;
  -webkit-transform: rotate(90deg);
  -moz-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  transform: rotate(90deg);
  right: 12px;
  /*Adjust for position however you want*/
  
  top: -3px;
  padding: 7px 7px 7px;
  border-bottom: 1px solid #999;
  /*left line */
  background:#fff;
  position: absolute;
  pointer-events: none;
}

.selectdiv select {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  /* Add some styling */
  display: block;
  width: 100%;
  height: 37px;
  float: right;
  padding-left: 5px;
  font-size: 16px;
  line-height: 1.75;
  color: #333;
  background-color: #ffffff;
  background-image: none;
  border: 1px solid #cccccc;
  -ms-word-break: normal;
  word-break: normal;
}

.inputdiv input {
  color: #333;
  border: 1px solid #cccccc;
  -ms-word-break: normal;
  word-break: normal;
}

.col-container {display: table;width: 100%;}
	.col {display: table-cell;padding-top: 16px;border-right:1px solid #fff;border-left:1px solid #fff;vertical-align:middle;	padding-left:1%;padding-right:1%;width:33%;}
	.footer{background:#005184;width:100%;}
	@media screen and (max-width: 700px){
		.col {width:unset!important; display:block!important;}
	}

/*PLURIMA*/
.overlay 
{
    width:100%;
    height:100%;
    position: fixed;
    margin: 0;
    padding: 0;
    top: 0; 
    left: 0; 
    z-index:10001;    
    background: #000000; 
    filter:alpha(opacity=60); 
    -moz-opacity:.60; 
    opacity:.60;
}

.imgLoading
{
    z-index:10002;
    height:100px;
    width:100px;
    left:50%;
    top:50%;
    margin-left:-50px;
    margin-top:-50px;
    position:fixed;
}

.radioList input { display:none}
.radioList label { cursor:pointer; margin-right:10px;}

.borderRed { 
    border-color: #843534 !important; 
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset, 0 0 6px #ce8483 !important;

}
.borderGreen { 
    border-color: #3c763d !important;
}

.ckborderRed input { border-color: #843534 !important; box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset, 0 0 6px #ce8483 !important;}
.ckborderGreen input { border-color: #3c763d !important;}

.gridDate, .gridDate td, .gridDate th { border:none}
.gridBold td { font-size:14.5px; color:#222; font-weight:bold; padding: 6px 5px}

.tblPadd td {
    padding: 3px;
    padding-left: 3px;
}
.tdDotted td {
    border-top: 1px dotted #CCC !important;
    padding:3px;
}
td.tdRientroSx {
    padding-left: 30px !important;
}

td.tdRientroDx {
    padding-right: 5px !important;
    text-align: right;
    width: 70px;
}

.tblWidth {
    width: 100%;
}

div.msgBox {
    background-image: url("../../images/msgBox.png");
    border-radius: 6px;
    box-shadow: 0 0 11px #333;
    color: #333333;
    min-height: 160px;
    padding: 4px 10px;
    position: fixed;
    width: 430px;
    z-index: 100005;
    top:50%;
    left:50%;
    margin-left:-215px;
    margin-top:-80px;
}

div.msgBoxTitle {
    border-bottom: 1px solid #002C5F;
    color: #005286;
    font-size: 16pt;
    font-variant: small-caps;
    font-weight: lighter;
    padding: 5px 0;
    width: 100%;
}

div.msgBoxImage {
    display: inline-block;
    float: left;
    height: 75px;
    margin: 20px 5px 0;
    width: 75px;
}

div.msgBoxBiglietto {
    display: inline-block;
    float: left;
    height: 75px;
    margin: 20px 5px 0;
    width: 120px;
}

div.msgBoxContent {
    display: inline-block;
    float: left;
    font-size: 11pt;
    min-height: 90px !important;
    margin: 15px 3px 6px;
    width: 319px;
}

.msgButton {
    background-color: #70A8D2;
    border: 1px solid #AFAFAF;
    border-radius: 6px;
    color: #FFFFFF;
    cursor: pointer;
    height: 35px;
    margin: 2px;
    width: 90px;
}

div.msgBoxButtons {
    display: inline-block;
    text-align: right;
    width: 100%;
}

.trasp {display:none}
.titoloM {margin-left:8px;}

/* GRID PASSEGGERI */
.gv_passA, .gv_passR {
    width:47%;
    margin:10px 0 0 16px;
    border:none;
}

.gv_passA td, .gv_passA th, .gv_passR td, .gv_passR th {
    border:none;
    color:#373737;
    padding:3px;
}

.gv_passA td, .gv_passA th {
    background:#4EB3C7;
}
.gv_passR td, .gv_passR th {
    background:#0192AF;
}

.gv_passA th { text-align:left; border-bottom:2px dotted #0192AF;}
.gv_passR th { text-align:left; border-bottom:2px dotted #4EB3C7;}

.aspNetDisabled {background:#CCC !important;}


@media screen and (max-width: 700px){
    .gv_passA, .gv_passR {
        margin: 0 0 0 8px !important;
    }

    a.linktops, a.linktop, a.linktop:hover,.dropbtn {
        font-weight: normal !important;
    }
}

@media screen and (max-width: 950px){
    .gv_passA, .gv_passR {
        width:94%;
        margin: 0 0 0 25px;
    }
}

/* ----  PERSONALIZZAZIONI  ------*/
.inline {display:inline-block}
.ls1 { letter-spacing:1px;}
.white {color:#FFF}
.titolo {color:#ba252d;}
.btn {width: auto; float:left }
.bg1 {background: #4C85A9;} /*azzurro*/
.bg2 {background: #BA252D;} /*rosso*/
.bg3 {background: #005184;} /*blu*/

/*LINE-HEIGHT*/
.lh25 {line-height:25px;}
.lh30 {line-height:30px;}
.lh35 {line-height:35px;}
.lh40 {line-height:40px;}
.lh45 {line-height:45px;}
.lh50 {line-height:50px;}

/*WIDTH*/
.w160 {width:160px;}


/*FONT*/
.fs14 { font-size: 14px; }

.btnHome1 {
    display: inline-block;
    letter-spacing:1px;
    color:#FFF;
    background:#4C85A9;
    line-height:40px;
    width:160px;
    font-size:14px;
    text-align:center;
    font-weight:bold;
}

.tbDateHome {
    height:33px;
    width:99% !important;
    font-size:17px;
    font-family:Hind Siliguri;
}

.ui-datepicker-calendar td:not(.ui-datepicker-calendar) a{
    background-color: #005184 !important;
    color: white !important;
} 


.clear { clear:both}
.pulsanti { background: #BB262E; padding: 15px 30px; border-radius: 15px; text-transform: uppercase; text-decoration:none; float:initial; }
.pulsanti:hover {  background:#005184;color:#FFF; }
.pnlAvanti div p { text-align:center !important}


.scalapaybanner { width: 70%; height: auto; }
.scalapaydiv { text-align: center; margin-top:20px; }
.scalapaydiv2{  margin-bottom: 20px; }
.scalapaydiv3{ margin-top: 20px; }

.scalapaydiv img, .scalapaydiv2 img, .scalapaydiv3 img { max-width: 100%; height: auto; -webkit-transition: all .5s linear; -o-transition: all .5s linear; transition: all .5s linear; }

.footer ul { padding:0}
.footer li { list-style:none; color:#FFF; font-size:14px }
.footer h5 {
  font-size: 18px;
  padding: 0 !important;
  margin:0 !important;
  color: #FFF;
  font-weight:600
}