/*
 * HTML5 Boilerplate
 *
 * What follows is the result of much research on cross-browser styling.
 * Credit left inline and big thanks to Nicolas Gallagher, Jonathan Neal,
 * Kroc Camen, and the H5BP dev community and team.
 */

/* ==========================================================================
   Base styles: opinionated defaults
   ========================================================================== */
@font-face {
    font-family: 'MontserratSemiBold';
    src: url('/vt_static/css/font/Montserrat-SemiBold.ttf');
}
@font-face {
    font-family: 'MontserratRegular';
    src: url('/vt_static/css/font/Montserrat-Regular.ttf');
}
@font-face {
    font-family: 'MontserratMedium';
    src: url('/vt_static/css/font/Montserrat-Medium.ttf');
}
@font-face {
    font-family: 'MontserratBold';
    src: url('/vt_static/css/font/Montserrat-Bold.ttf');
}

#selettore-regione option {
    font-family: arial;
}

html,
button,
input,
select,
textarea {
    color: #222;
}

body {
    font-family: MontserratMedium;
    line-height: 1.4;
    background: #ffffff;
    font-size: 14px;
}

/*
 * Remove text-shadow in selection highlight: h5bp.com/i
 * These selection declarations have to be separate.
 * Customize the background color to match your design.
 */

::-moz-selection {
    background: #b3d4fc;
    text-shadow: none;
}

::selection {
    background: #b3d4fc;
    text-shadow: none;
}

textarea, input {
    -webkit-tap-highlight-color: rgba(255, 255, 255, 0);
    -webkit-user-modify: read-write-plaintext-only;
}

/*
 * A better looking default horizontal rule
 */

hr {
    display: block;
    height: 1px;
    border: 0;
    border-top: 1px solid #ccc;
    margin: 1em 0;
    padding: 0;
}

/*
 * Remove the gap between images and the bottom of their containers: h5bp.com/i/440
 */

img {
    vertical-align: middle;
}

/*
 * Remove default fieldset styles.
 */

fieldset {
    border: 0;
    margin: 0;
    padding: 0;
}

/*
 * Allow only vertical resizing of textareas.
 */

textarea {
    resize: vertical;
}

#link-wrap {
    float: left;
    position: relative;
    margin-left: 240px;
}

/* ==========================================================================
   Chrome Frame prompt
   ========================================================================== */

.chromeframe {
    margin: 0.2em 0;
    background: #ccc;
    color: #000;
    padding: 0.2em 0;
}

/* ==========================================================================
   Author's custom styles
   ========================================================================== */

.right {
    float: right;
}

#container {
    height: 672px;
    margin: 0 auto;
    position: relative;
    width: 981px;
}

#nav-principale a{
    background-color: #c41228;
}

.tab, .contenuto thead {
    background-color: #e8e6e9;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#E8E6E9), to(#C0C0C0));
    background-image: -webkit-linear-gradient(top, #E8E6E9, #C0C0C0);
    background-image: -moz-linear-gradient(top, #E8E6E9, #C0C0C0);
    background-image: -o-linear-gradient(top, #E8E6E9, #C0C0C0);
    background-image: linear-gradient(to bottom, #E8E6E9, #C0C0C0);
}

#header {
    padding: 0 10px;
    background-color: #c41228;
    border-radius: 0  0 4px 4px;
    margin: 0 3px;
}

#header a{
    color: #ffffff;
    font-size: 0.8em;
    line-height: 25px;
    padding-right: 10px;
    margin-right: 16px;
    text-decoration: none;
    font-weight: bold;
}

#link-wrap a, #header a.link{
    background: url(/vt_static/img/crossbar/arrowGreyRight.png) no-repeat right center;
    background-size: 8px 8px;
}

.touch #header a {
    background: url(/vt_static/img/crossbar/arrowGreyRight@2x.png) no-repeat right center;
}

#header a.on {
    background-image: url(/vt_static/img/crossbar/arrowGreyDown.png);
}

.touch #header a.on {
    background-image: url(/vt_static/img/crossbar/arrowGreyDown@2x.png);
}


.crossbar {
    -webkit-box-shadow: inset 0px 4px 6px 0px #999;
    box-shadow: inset 0px 4px 6px 0px #c41228;
    background-color: #c41228;
    display: none;
    left: 3px;
    padding: 15px 0;
    position: absolute;
    top: 25px;
    width: 975px;
    z-index: 400;
}

.crossbar div {
    border-right: 1px dotted #000;
    float: left;
    padding: 0 1%;
    width: 17.5%;
}

.crossbar .ultimo {
    border-right: none;
}

.crossbar ul {
    margin: 0;
    padding: 0;
}

.crossbar li {
    list-style-type: none;
    line-height: 1.4em;
    padding: 5px;
}

.crossbar a {
    background: url(/vt_static/img/crossbar/arrowRed.png) no-repeat center left;
    background-size: 4px 9px;
    color: #fff;
    display: block;
    font-size: 12px;
    padding-left: 1.0em;
    text-decoration: none;
}

.touch .crossbar a {
    background-image: url(/vt_static/img/crossbar/arrowRed@2x.png);
}

.crossbar a.chiudi {
    background: url(/vt_static/img/crossbar/bgFooterChiudi.png) no-repeat right;
    background-size: 8px 8px;
    padding-right: 12px;
    position: absolute;
    right: 10px;
    bottom: 10px;
    font-weight: bold;
    font-size: 10px;
}

.touch .crossbar a.chiudi {
    background-image: url(/vt_static/img/crossbar/bgFooterChiudi@2x.png);
}

.crossbar h2 {
    margin: 0;
    font-size: 14px;
}

.crossbar h2 img {
    height: 40px;
    margin-right: 10px;
    width: 42px;
}

#logo_fs {
    height: 19px;
    margin-right: 10px;
    width: 27px;
}

#logo_vt {
    height: 75px;
    left: 0;
    position: absolute;
    width: auto;
    z-index: 9;
}

#logo_viaggiapiemonte {
    display: none;
    left: 106px;
    position: absolute;
    height: 76px;
    top: 80px;
    width: 149px;
    z-index: 8;
}

#logo_emiliaromagna {
    display: none;
    left: 111px;
    position: absolute;
    height: 26px;
    top: 98px;
    width: 210px;
    z-index: 8;
}

#logo_tper {
    display: none;
    left: 317px;
    position: absolute;
    height: 40px;
    top: 96px;
    width: 46px;
    z-index: 8;
}

#testata {
    height: 50px;
    position: absolute;
    width: 981px;
    z-index: 8;
}

#testata-mappa, #testata-main {
    height: 50px;
    position: absolute;
    right: 0;
    top: 25px;
    z-index: 8;
}

#testata-main {
    display: none;
}

#ticker {
    border-radius: 4px;
    background: white;
    padding: 0 11px;
    position: absolute;
    right: 247px;
    top: 27px;
    z-index: 9; 
    width: 250px;
    height: 33px;
}

#freccianera {
    padding: 0 11px;
    position: absolute;
    right: 504px;
    top: 40px;
    z-index: 10; 
    width: 10px;
    height: 10px;
}

#ticker {
    text-align: center;
    line-height: 8px;
    font-weight: bold;
    font-size: 13px;

}

#ticker ul {
    display: flex;
}

#ticker li {
    padding-right: 150px;
    list-style-type: none;
}

.refreshInfoMob {
    float: right;
    margin-top: 3px;
    margin-bottom: 0px;
    margin-right: 5px;
    height: 20px;
    width: 20px;
}

#scelta-lingua {
    border-radius: 4px;
    background: white;
    padding: 0 11px;
    position: absolute;
    right: 10px;
    top: 27px;
    z-index: 9;
}

.lingua {
    cursor: pointer;
    display: inline-block;
    height: 33px;
    margin: 0 1px;
    vertical-align: top;
    width: 18px;
}

.lingua img {
    border: 1px solid white;
    height: 10px;
    margin-top: 10px;
    display: block;
    width: 15px;
}

#scelta-lingua .selezionata {
    background-image: url(/vt_static/img/lingua/selezionata.png);
    background-position: 50% 100%;
    background-repeat: no-repeat;
}

.touch #scelta-lingua .selezionata {
    background-image: url(/vt_static/img/lingua/selezionata@2x.png);
    background-size: 12px 7px;
}

#scelta-lingua img {
    -webkit-transition: all 0.4s ease;
    -moz-transition: all 0.4s ease;
    -ms-transition: all 0.4s ease;
    -o-transition: all 0.4s ease;
    transition: all 0.4s ease;
}

#scelta-lingua .selezionata img {
    -webkit-transition: all 0.4s ease;
    -moz-transition: all 0.4s ease;
    -ms-transition: all 0.4s ease;
    -o-transition: all 0.4s ease;
    transition: all 0.4s ease;
    -webkit-box-shadow: 0 0 4px 1px #c41228;
    box-shadow: 0 0 4px 1px #c41228;
}

#map, #loader-mappa {
    border-bottom: 2px solid white;
    border-left: 2px solid white;
    border-right: 2px solid white;
    height: 644px;
    position: absolute;
    right: 3px;
    width: 871px;
}

#loader-mappa {
    display: none;
    text-align: center;
    vertical-align: middle;
    z-index: 8;
}

.VectorOverlayView svg {
    top: 0 !important;
    left: 0 !important;
}

.leaflet-container {
    cursor: default;
}

.labels {
    overflow: visible;
    color: white;
    background-color: transparent;
    font-size: 11px;
    font-weight: bold;
    text-align: left;
    border: 0 solid black;
    white-space: nowrap;
    text-shadow: -2px 0 1px black, 0 2px 1px black, 2px 0 1px black, 0 -2px 1px black;
    filter:progid:DXImageTransform.Microsoft.Glow(color='black',Strength=2);
    padding: 2px;
}

.leaflet-label {
    display: block;
    position: absolute;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    white-space: nowrap;
    z-index: 6;
}

#zoomContainer {
    left: 120px;
    top: 550px;
    position: absolute;
    z-index: 200;
    display: block;
    width: 36px;
}

#zoom_reset, #zoom_in, #zoom_out {
    cursor: pointer;
    display: block;
    width: 36px;
}

#zoom_reset {
    height: 30px;
}

#zoom_in {
    height: 31px;
}

#zoom_out {
    height: 35px;
}

#main {
    bottom: 0;
    display: none;
    height: 590px;
    position: absolute;
    right: 3px;
    width: 875px;
}

#tabs {
    height: 50px;
}

.tab {
    border-radius: 7px 7px 0 0;
    border: 2px solid #AAA;
    border-bottom: none;
    color: #3C3C3C;
    cursor: pointer;
    display: block;
    float: left;
    height: 38px;
    margin-left: 1px;
    width: 204px;
    padding: 5px;
    position: relative;
    vertical-align: top;
    z-index: 9;
}

.tab:first-child {
    margin-left: 0;
}

.tab.attivo {
    border-color: #c41228;
    background-color: #c41228;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#c41228), to(#c41228));
    background-image: -webkit-linear-gradient(top, #c41228, #c41228);
    background-image:    -moz-linear-gradient(top, #c41228, #c41228);
    background-image:      -o-linear-gradient(top, #c41228, #c41228);
    background-image:         linear-gradient(to bottom, #c41228, #c41228);
    cursor: normal;
}

.tab h1 {
    font-size: 1em;
    margin: 0;
    margin-top: 2px;
    overflow: hidden;
}

.tab h2 {
    font-size: 0.75em;
    font-weight: normal;
    margin: 0;
    width: 250px;
}

.tab .js-marquee-wrapper {
    overflow: hidden;
    width: 100%;
}

.tab.attivo h1 {
    color: white;
    text-shadow: 0 -1px 0 black;
}

.tab.attivo h2 {
    color: white;
    text-shadow: 0 -1px 0 black;
}

.tab .chiudi {
    background-color: #383838;
    border: 2px solid #252525;
    border-radius: 3px;
    color: white;
    display: block;
    height: 17px;
    line-height: 15px;
    position: absolute;
    right: 5px;
    text-align: center;
    text-decoration: none;
    top: 5px;
    width: 17px;
}

#contenuti {
    background: white;
    border: 1px solid #3C3C3C;
    border-bottom: 5px solid #3C3C3C;
    height: 534px;
    overflow: hidden;
    position: relative;
    z-index: 9;
}

.contenuto {
    height: 509px;
    overflow: hidden;
    padding: 15px 20px 10px 20px;
    position: relative;
}

.tratta {
    height: 474px;
    padding: 50px 20px 10px 20px;
}

.home {
    background: #3C3C3C;
    border-radius: 4px;
    color: white;
    display: block;
    font-size: 0.8em;
    height: 30px;
    line-height: 30px;
    left: 20px;
    padding: 0 20px;
    text-decoration: none;
    top: 10px;
    position: absolute;
}

.news-button {
    border-radius: 4px;
    background-color: #c41228;
    border: 1px solid #910800;
    padding: 0 15px 0 15px;
    color: white;
    font-size: 1em;
    height: 30px;
    text-decoration: none;
}

.news-button:active {
    color: #c41228;
    background-color: white;
}

.refresh {
    display: block;
    font-size: 0.8em;
    right: 20px;
    top: 10px;
    position: absolute;
}

.selettore-stazione {
    margin: 0 auto;
    margin-bottom: 15px;
    height: 20px;
    width: 100%;
}

.selettore-stazione select {
    display: block;
    font-size: 11px;
    line-height: 16px;
    height: 18px;
    margin: 2px auto;
    width: 210px;
}

.contenuto table {
    padding-right: 11px;
    width: 833px;
}

.contenuto table .attivo, .attivo tr {
    cursor: pointer;
}

.contenuto table .attivo:hover, .attivo tr {
    background: #BBB;
}

.contenuto table img {
    height: 12px;
    width: 12px;
}

.contenuto table .categoria-commerciale {
    height: auto;
    width: auto;
}

.contenuto .scrollable {
    -webkit-overflow-scrolling: touch;
    border-bottom: 1px solid #383838;
    height: 162px;
    margin-bottom: 10px;
    position: relative;
    overflow-x: hidden;
    overflow-y: auto;
    width: 833px;
}

.scrollable table {
    width: 100%;
}

.contenuto table {
    font-size: 11px;
}

.contenuto table caption {
    background-color: #c41228;
    color: white;
    font-weight: bold;
    height: 20px;
    line-height: 20px;
    text-transform: uppercase;
    width: 833px;
}

.contenuto thead {
    color: #383838;
    font-weight: normal;
    height: 30px;
    line-height: 12px;
    text-align: left;
}

.soluzioni-viaggio thead {
    color: #FFFFFF;
    font-weight: normal;
    height: 30px;
    line-height: 12px;
    text-align: left;
    background-color: #c41228;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#c41228), to(#c41228));
    background-image: -webkit-linear-gradient(top, #c41228, #c41228);
    background-image:    -moz-linear-gradient(top, #c41228, #c41228);
    background-image:      -o-linear-gradient(top, #c41228, #c41228);
    background-image:         linear-gradient(to bottom, #c41228, #c41228);
}

.contenuto td {
    height: 15px;
    padding: 6px;
}

.contenitore-corrispondenze td {
    padding: 3px 4px;
}

.contenuto th {
    padding: 8px 6px;
    text-align: left;
}

.pari {
    background-color: #EEE;
}

.centrato, thead .centrato {
    text-align: center;
}

/* Dettaglio treno */

.numerazione-treno {
    margin: 0 auto;
    margin-top: -5px;
    margin-bottom: 5px;
    min-height: 30px;
    width: 500px;
}

.numerazione-treno h1 {
    font-size: 0.8em;
    margin-top: 0;
    margin-bottom: 0;
    text-align: center;
}

.numerazione-treno select {
    display: block;
    font-size: 12px;
    line-height: 14px;
    height: 18px;
    margin: 2px auto;
    margin: 2 auto;
    margin-top: 7px;
    width: 100%;
}

.label-provvedimenti{
    display: block;
    color: red;
    font-size: 11px;
    font-weight: bold;
    width: 10px;
}

.colonna-sinistra {
    float: left;
    width: 250px;
}

.colonna-sinistra h2 {
    margin-left: -11px;
    margin-top: -10px;
    width: 240px;
}

.colonna-sinistra h2, .fermate h2 {
    background-color: #c41228;
    color: white;
    font-size: 11px;
    text-transform: uppercase;
    padding: 5px;
}

.fermate h2 {
    margin: 0;
}

.colonna-sinistra .box-treno {
    border: 1px solid #aaa;
    border-top: none;
    font-size: 0.8em;
    margin-bottom: 20px;
    padding: 10px;
}

.colonna-sinistra .news-section {
    font-size: 0.8em;
    margin: 10px 0 10px 0;
    display: flex;
    justify-content: space-between;
}

.box-treno img {
    float: right;
    width: 12px;
}

.riga {
    display: block;
}

.nome-stazione, .ritardo {
    color: #383838;
    display: block;
    font-size: 1.1em;
    margin-bottom: 10px;
    font-weight: bold;
}

.ritardo {
    margin-top: 5px;
}

.orario {
    float: right;
    font-weight: bold;
    margin-left: 3px;
}

.fermate {
    background-color: #ECECEC;
    float: left;
    margin-left: 10px;
    width: 570px;
}

.fermate-contenuto {
    font-size: 0.8em;
    padding: 10px;
    position: relative;
}

.dati-arrivo, .dati-binario,.dati-orientamento {
    float: left;
    font-size: 0.9em;
    margin-right: 20px;
    width: auto; /*170px;*/
}

.dati-orientamento {
    margin-right: 0;
}

.contenitore-canvas {
    background-color: white;
    border: 1px solid #797979;
    height: 150px;
    margin: 6px auto;
    overflow: hidden;
    width: 548px;
}

.canvas-sinistra, .canvas-destra, .canvas-percorso {
    float: left;
}

.canvas-percorso {
    height: 150px;
    width: 448px;
}

.canvas-sinistra, .canvas-destra {
    width: 50px;
    height: 150px;
}

.contenitore-corrispondenze {
    background: white;
}

.contenitore-corrispondenze table {
    margin-bottom: 0;
    font-size: 11px;
    width: 550px;
}

.contenitore-corrispondenze table caption {
    font-weight: bold;
    text-align: left;
    padding-bottom: 3px;
    padding-left: 5px;
    padding-top: 2px;
    width: 545px;
}

.contenitore-corrispondenze .scrollable {
    height: 100px;
    margin-bottom: 0;
    width: 550px;
}

.fermate-contenuto .link-mappa-citta {
    bottom: 0;
    font-size: 1em;
    margin-left: 0;
    margin-top: 10px;
    left: 0;
    position: static;
}

.fermate-contenuto .link-precedente, .fermate-contenuto .link-successivo {
    bottom: 10px;
    font-size: 1em;
}

.mappa-citta {
    height: 475px;
    margin-top: 35px;
    width: 833px;
}

/* Programma orario */

.programma-orario h1 {
    font-size: 0.8em;
    margin: 0 auto;
    margin-bottom: 10px;
    height: 20px;
    text-align: center;
    width: 550px;
}

.programma-orario .scrollable, .dettaglio-soluzione .scrollable {
    height: 400px;
}

.dettaglio-soluzione {
    height: 480px;
    padding: 50px 20px 10px 20px;
}

/* FUMETTO MAPPA CITTA */

.leaflet-popup {
    z-index: 7;
}

.fumetto {
    min-height: 100px;
    padding: 15px;
    width: 215px;
}

.foto-stazione {
    height: 110px;
    float: right;
    border: none;
}

.fumetto h2 {
    font-size: 12px;
    margin-top: 0;
    margin-bottom: 20px;
    text-align: center;
    width: 100%;
}

.fumetto-meteo h2 {
    margin-bottom: 10px;
}

.fumetto table {
    font-size: 12px;
    width: 215px;
}

.fumetto td {
    padding: 2px;
}

.infoBox {
    background:url("/vt_static/img/legenda/meteo/background_balloon.png") no-repeat scroll 0 0 transparent;
}

.pulsante-fumetto {
    border-radius: 6px;
    color: white;
    display: block;
    height: 10px;
    font-size: 10px;
    font-weight: bold;
    line-height: 10px;
    margin: 10px auto;
    padding: 10px;
    text-align: center;
    text-decoration: none;
    width: 150px;
    z-index: 2001;
}

.pulsante-partenze {
    background-color: #137678;
}

.pulsante-sito {
    background-color: #2760C3;
}

.legenda {
    border-bottom: none;
    bottom: -144px;
    font-size: 0.8em;
    height: 144px;
    left: 0;
    position: absolute;
    width: 873px;
    z-index: 100;
}

.legenda a {
    background-color: #3C3C3C;
    color: white;
    display: block;
    font-weight: bold;
    left: 150px;
    padding: 3px 10px;
    position: absolute;
    top: -21px;
    text-decoration: none;
    text-align: center;
    width: 70px;
    line-height: 20px;
    height: 20px;
}

.smallButton
{
    line-height: 15px !important;
    height: 15px !important;
    font-size: 12px !important;
}

.smallButtonLegenda
{
    line-height: 15px !important;
    height: 15px !important;
    font-size: 12px !important;
    left: 175px !important;
}

.contenuto-legenda {
    border: 5px solid #3C3C3C;
    background-color: #FFF;
    padding: 0 15px;
}

.legenda ul {
    padding: 0;
}

.legenda li {
    display: block;
    font-size: 0.8em;
    list-style: none;
    margin-bottom: 5px;
}

.legenda img {
    margin-right: 5px;
    vertical-align: middle;
    width: 12px;
}

.colonna-legenda {
    float: left;
    margin-right: 6px;
    width: 200px;
}

.link-mappa-citta, .link-precedente, .link-successivo {
    bottom: 0px;
    color: white;
    display: block;
    font-size: 0.8em;
    font-weight: bold;
    height: 20px;
    line-height: 20px;
    margin-left: 0;
    padding: 3px 10px;
    position: absolute;
    text-decoration: none;
    text-align: center;
    width: 100px;
}

.link-precedente, .link-successivo {
    background-color: #777777;
}

.abilitato {
    background-color: #3C3C3C;
}

.link-mappa-citta {
    left: 10px;
    background-color: #c41228 !important;
}

.link-precedente {
    right: 140px;
}

.link-successivo {
    right: 10px;
}

nav {
    margin-top: 45px;
    margin-left: 3px;
    width: 100px;
}

nav ul {
    margin-left: 0;
    padding-left: 0;
    margin-top: 10px;
    margin-bottom: 10px;
}

#nav-principale a {
    border-radius: 6px;
    border: 1px solid #c41228;
    color: #ffffff;
    font-size: 0.8em;
    display: block;
    height: 80px;
    line-height: 1em;
    margin-bottom: 5px;
    text-align: center;
    text-decoration: none;
    width: 85px;
    font-family: MontserratSemiBold;
}

#nav-principale a.on {
    background-color: white;
    border: 1px solid #c41228;
    color: #c41228;
}

#nav-principale img {
    margin: 10px auto;
    height: 26px;
    width: 35px;
}

#nav-principale img.on {
    display: none;
}

#nav-principale img.off {
    display: block;
}

#nav-principale .on img.on {
    display: block;
}

#nav-principale .on img.off {
    display: none;
}

#nav-secondaria li {
    height: 38px;
    line-height: 11px;
    padding-right: 5px;
}

#nav-secondaria a {
    padding: 6px 0;
    border-radius: 6px;
    border: 1px solid #c41228;
    color: #ffffff;
    font-size: 0.6em;
    display: block;
    height: 20px;
    text-align: left;
    text-decoration: none;
    width: 90px;
    font-family: MontserratSemiBold;
    background-color: #c41228;
}

#nav-secondaria img {
    height: 20px;
    float: left;
    margin-left: 2px;
    margin-right: 3px;
    margin-bottom: 15px;
    margin-top: 0;
    width: 20px;
}

#colonna-box {
    position: absolute;
    right: 10px;
    top: 71px;
    width: 250px;
    z-index: 8;
}

.popup-form {
    background-color: #FDFDFD;   
    border: 1px solid #a9a9a9;
    -webkit-box-shadow: 0 0 6px #888;
    box-shadow: 0 0 6px #888;
    border-radius: 8px;
    color: #212121;
    display: none;
    left: 115px;
    padding: 10px 20px;
    position: absolute;
    top: 87px;
    z-index: 300;
}

.popup-formInfoMob {
    background-color: #FDFDFD;
    border: 1px solid #a9a9a9;
    -webkit-box-shadow: 0 0 6px #888;
    box-shadow: 0 0 6px #888;
    border-radius: 8px;
    color: #212121;
    display: none;
    left: 115px;
    padding: 10px 20px;
    position: absolute;
    top: 87px;
    z-index: 300;
}

#form-cercatreno {
    width: 541px;
}

.popup-form label, .popup-formInfoMob label{
    display: block;
    font-size: 14px;
    font-weight: bold;
    margin-bottom: 10px;
    width: 60%;
}

#form-cercatreno label {
    display: inline-block;
}

.popup-form .error, .popup-formInfoMob .error {
    color: red;
    display: none;
    font-size: 14px;
    font-weight: bold;
    width: 150px;
}

.popup-form input[type=text], .popup-formInfoMob input[type=text]{
    border: 1px solid #AAA;
    font-size: 12px;
    line-height: 16px;
    margin-right: 10px;
    padding: 4px 12px;
    position: relative;
    vertical-align: middle;
}

#dati-treno {
    width: 350px;
}

#form-impostaviaggio input[type=text] {
    width: 200px;
}

#localita-partenza, #localita-arrivo {
    margin-bottom: 10px;
}

#form-impostaviaggio select {
    height: 26px;
    font-size: 11px;
    margin-right: 10px;
    vertical-align: middle;
    width: 226px;
}

.popup-form .chiudi, .popup-form .chiudiPopup, .popup-formInfoMob .chiudi, .popup-formInfoMob .chiudiPopup {
    position: absolute;
    height: 12px;
    width: 12px;
    display: block;
    right: 8px;
    top: 5px;
}

.popup-form .chiudi img, .popup-form .chiudiPopup img, .popup-formInfoMob .chiudi img, .popup-formInfoMob .chiudiPopup img {
    display: block;
    height: 12px;
    width: 12px;
}

#popupAlertRitardo
{
    top: 260px;
    left: 280px;
    overflow: hidden;
    height: 200px;
    width: 500px;
}

#popupAlertRitardo #popupAlertRitardoTemplate
{
    height: 200px;
    width: 500px;
    overflow: hidden;
}

#popupAlertRitardo .red
{
    color: #c41228;
    font-weight: bold;
}

#imgAlertRitardo
{
    width: 15px;
    margin-top: 5px;
    margin-left: 5px;
}

.bottone {
    display: inline-block;
    padding: 4px 10px;
    margin-bottom: 0;
    font-size: 11px;
    line-height: 16px;
    letter-spacing: 1px;
    color: #FFFFFF;
    text-align: center;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
    text-transform: uppercase;
    vertical-align: middle;
    cursor: pointer;
    background-color: #c41228;
    border: 1px solid #910800;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
    -moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
    text-decoration: none;
}

input.bottone {
    line-height: 18px;
    height: 26px;
}

input::-moz-focus-inner /*Remove button padding in FF*/
{
    border: 0;
    padding: 0;
}

input[type="submit"].bottone {
    -webkit-appearance: none;
    -moz-appearance: none;
}

input[disabled].bottone {
    background-color: #999999;
    border: 1px solid #777;
    background-position: 0 -25px;
    -webkit-transition: background-position 0.1s linear;
    -moz-transition: background-position 0.1s linear;
    -o-transition: background-position 0.1s linear;
    transition: background-position 0.1s linear;
}

.bottone:focus {
    outline: thin dotted #333;
    outline: 5px auto -webkit-focus-ring-color;
    outline-offset: -2px;
}

.bottone:hover {
    text-decoration: none;
    background-color: #c41228;
    background-position: 0 -25px;

    -webkit-transition: background-position 0.1s linear;
    -moz-transition: background-position 0.1s linear;
    -o-transition: background-position 0.1s linear;
    transition: background-position 0.1s linear;
}

.ui-autocomplete {
    height: 200px;
    overflow-y: scroll;
    overflow-x: hidden;
}

#pagina-news {
    height: 520px;
    width: 800px;
    overflow-y: hidden;
    z-index: 300;
}

#pagina-news > div {
    height: 520px;
    -ms-overflow-y: scroll;
    overflow-y: scroll;
    width: 800px;
}

#pagina-news h2 {
    display: block;
    font-size: 14px;
    font-weight: bold;
    margin-bottom: 10px;
}

.box {
    -webkit-box-shadow: 0 2px 3px #555;
    box-shadow: 0 2px 3px #555;
    background-color: #c41228;
    border-radius: 4px;
    margin-bottom: 10px;
    overflow: hidden;
    padding: 2px;
}

.boxInfoMob {
    -webkit-box-shadow: 0 2px 3px #555;
    box-shadow: 0 2px 3px #555;
    background-color: #c41228;
    border-radius: 4px;
    margin-bottom: 10px;
    overflow: hidden;
    padding: 2px;
}

.tabInfoMob {

    overflow: auto;
    height: 250px;
    margin-top: 0px;

}

.tabInfoLav {

    overflow: auto;
    height: 250px;

}

.box h2, .boxInfoMob h2 {
    background-image: url(/vt_static/img/box/chiusa.png);
    background-repeat: no-repeat;
    background-position: 100% 50%;
    background-size: 12px 12px;
    color: white;
    font-size: 0.9em;
    font-weight: bold;
    margin: 5px;
    margin-top: 0;
}

.touch .box h2, .touch .boxInfoMob h2 {
    background-image: url(/vt_static/img/box/chiusa@2x.png);
}

#colonna-box .attivo h2 {
    background-image: url(/vt_static/img/box/aperta.png);
}

.touch #colonna-box .attivo h2 {
    background-image: url(/vt_static/img/box/aperta@2x.png);
}

#box-aggiornamento h2, #box-aggiornamento.attivo h2,
.touch #box-aggiornamento h2, .touch #box-aggiornamento.attivo h2 {
    background: none;
}

.box h3, .boxInfoMob h3 {
    color: #333;
    font-size: 0.7em;
    margin: 5px;
    margin-left: 10px;
    margin-bottom: 7px;
}

.contenuto-box {
    background: white;
}

.tipo-traffico {
    background-color: #F1F3F4;
    color: #303030;
    display: table-cell;
    height: 30px;
    font-size: 0.8em;
    font-weight: bold;
    line-height: 20px;
    text-decoration: none;
    text-align: center;
    width: 124px;
    vertical-align: middle;
}
.tipo-trafficoInfo {
	background-color: #F1F3F4;
	color: #303030;
	display: block;
	height: 40px;
	float: left;
	font-size: 0.9em;
	font-weight: bold;
	line-height: 20px;
	text-decoration: none;
	text-align: center;
	width: 120px;
}

.tipo-trafficoLav {
	background-color: #F1F3F4;
	color: #303030;
	display: block;
	height: 40px;
	float: left;
	font-size: 0.9em;
	font-weight: bold;
	line-height: 20px;
	text-decoration: none;
	text-align: center;
	width: 126px;
}

.lingua-ru .tipo-traffico {
    font-size: 0.6em;
}
.lingua-ru #bottone-modprog {
    font-size: 0.7em;
}

.lingua-ru .tab h2 {
    font-size: 0.6em;
}

.lingua-ru .legenda a {
    font-size: 0.8em;
}

.lingua-ru .link-mappa-citta,
.lingua-ru .link-precedente,
.lingua-ru .link-successivo {
    font-size: 0.7em;
}

.lingua-ru #filtri-regionale label {
    font-size: 0.6em;
}

.tipo-traffico.attivo {
    background-color: white;
    color: #c41228;
}

.tipo-trafficoInfo.attivo {
    background-color: white;
    color: #c41228;
}

.tipo-trafficoLav.attivo {
    background-color: white;
    color: #c41228;
}

#link-nazionale {
    border-right: 1px solid black;
    width: 120px;
}

.filtri {
    display: none;
    height: 53px;
}

.filtri.attivo {
    display: block;
}

/* MAPPA REGIONI */

#cartina-regioni {
    background-color: #FDFDFD;
    background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(253, 253, 253)), to(rgba(233, 233, 233)));
    background-image: -webkit-linear-gradient(top, rgba(253, 253, 253), rgba(233, 233, 233));
    background-image:    -moz-linear-gradient(top, rgba(253, 253, 253), rgba(233, 233, 233));
    background-image:      -o-linear-gradient(top, rgba(253, 253, 253), rgba(233, 233, 233));
    background-image:         linear-gradient(to bottom, rgba(253, 253, 253), rgba(233, 233, 233));
    border: 1px solid #D3D3D3;
    -webkit-box-shadow: 0 0 6px #888;
    box-shadow: 0 0 6px #888;
    border-radius: 8px;
    color: #212121;
    display: none;
    left: 150px;
    height: 400px;
    padding: 10px 10px;
    position: absolute;
    top: 90px;
    z-index: 300;
    width: 500px;
}

#mappa_regioni {
    float: left;
    height: 400px;
    margin-right: 20px;
    width: 330px;
    position: relative;
    margin: 0;
}

#mappa_regioni a {
    position: absolute;
    background-position: left top;
    overflow: hidden;
}

#mappa_regioni a:hover {
    background-position: right top;
}

#mappa_regioni a span {
    display: none;
}

#elenco_regioni a {
    display: block;
    color: #3C3C3C;
    font-size: 14px;
    text-decoration: none;
    text-align: right;
}

#elenco_regioni a:hover {
    color: #D91A01;
}

#valledaosta {
    background: url(/vt_static/img/regioni/valledaosta.png);
    height: 31px;
    width: 30px;
    left: 5px;
    top: 23px;
    z-index: 1;
}

#piemonte {
    background-image: url(/vt_static/img/regioni/piemonte.png);
    height: 87px;
    width: 64px;
    left: 5px;
    top: 23px;
}

#lombardia {
    background-image: url(/vt_static/img/regioni/lombardia.png);
    height: 68px;
    width: 68px;
    left: 55px;
    top: 19px;
}

#prov_di_trento {
    background-image: url(/vt_static/img/regioni/prov_trento.png);
    height: 32px;
    width: 33px;
    left: 107px;
    top: 24px;
    z-index:4;
}

#prov_di_bolzano {
    background-image: url(/vt_static/img/regioni/prov_bolzano.png);
    height: 29px;
    width: 52px;
    left: 105px;
    top: 4px;
    z-index:3;
}

#veneto {
    background-image: url(/vt_static/img/regioni/veneto.png);
    height: 66px;
    width: 58px;
    left: 112px;
    top: 18px;
    z-index:2;
}

#friuliveneziagiulia {
    background-image: url(/vt_static/img/regioni/friuliveneziagiulia.png);
    height: 40px;
    width: 38px;
    left: 157px;
    top: 19px;
    z-index:3;
}

#emiliaromagna {
    background-image: url(/vt_static/img/regioni/emiliaromagna.png);
    height: 52px;
    width: 90px;
    left: 69px;
    top: 75px;
}

#liguria {
    background-image: url(/vt_static/img/regioni/liguria.png);
    height: 29px;
    width: 61px;
    left: 26px;
    top: 94px;
}

#toscana {
    background-image: url(/vt_static/img/regioni/toscana.png);
    height: 75px;
    width: 69px;
    left: 86px;
    top: 105px;
}

#lazio {
    background-image: url(/vt_static/img/regioni/lazio.png);
    height: 60px;
    width: 67px;
    left: 130px;
    top: 164px;
}

#umbria {
    background-image: url(/vt_static/img/regioni/umbria.png);
    width: 32px;
    height: 38px;
    left: 142px;
    top: 140px;
}

#marche {
    background-image: url(/vt_static/img/regioni/marche.png);
    width: 47px;
    height: 43px;
    left: 149px;
    top: 122px;
}

#abruzzo {
    background-image: url(/vt_static/img/regioni/abruzzo.png);
    width: 48px;
    height: 44px;
    left: 172px;
    top: 160px;
}

#molise {
    background-image: url(/vt_static/img/regioni/molise.png);
    width: 30px;
    height: 24px;
    left: 199px;
    top: 194px;
}

#campania {
    background-image: url(/vt_static/img/regioni/campania.png);
    width: 57px;
    height: 59px;
    left: 193px;
    top: 215px;
    z-index:2;
}

#basilicata {
    background-image: url(/vt_static/img/regioni/basilicata.png);
    width: 42px;
    height: 45px;
    left: 241px;
    top: 231px;
    z-index:2;
}

#puglia {
    background-image: url(/vt_static/img/regioni/puglia.png);
    width: 101px;
    height: 79px;
    left: 229px;
    top: 197px;
}

#calabria {
    background-image: url(/vt_static/img/regioni/calabria.png);
    width: 42px;
    height: 86px;
    left: 251px;
    top: 265px;
}

#sicilia {
    background-image: url(/vt_static/img/regioni/sicilia.png);
    width: 89px;
    height: 58px;
    left: 155px;
    top: 340px;
}

#sardegna {
    background-image: url(/vt_static/img/regioni/sardegna.png);
    width: 41px;
    height: 88px;
    left: 35px;
    top: 226px;
}

.box label {
    float: left;
    font-size: 0.7em;
    line-height: 15px;
    margin: 5px;
    margin-top: 0;
    margin-bottom: 7px;
    margin-right: 3px;
    min-width: 100px;
}

.boxInfoMob label {
    float: left;
    font-size: 0.7em;
    line-height: 15px;
    margin: 5px;
    margin-top: 0;
    margin-bottom: 7px;
    margin-right: 3px;
    min-width: 100px;
}

.box input[type="checkbox"] {
    margin-right: 5px;
    line-height: 15px;
}

.box select {
    display: block;
    font-size: 11px;
    line-height: 14px;
    margin: 10px auto;
    margin-top: 0;
    width: 180px;
}

#box-notizie .contenuto-box {
    max-height: 220px;
    overflow: auto;
}

.notizia {
    font-size: 0.9em;
    padding: 5px;
}

.notizia .testo {
    font-size: 0.9em;
}

.primo-piano {
    color: red;
}

#box-notizie hr {
    margin: 5px 20px;
}

#box-aggiornamento {
    background-color: #F1F3F4;
    color: #303030;
    font-size: 0.8em;
    padding-bottom: 10px;
    position: relative;
    border: 2px solid #c41228;
}

#box-aggiornamento h2 {
    background: none;
    color: #303030;
    font-weight: bold;
    margin-top: 2px;
}

#box-link-info
{
    background-color: #dfdfdf;
    width: 110px;
    float: right;
}

#copyright {
    bottom: 0;
    font-size: 0.6em;
    position: absolute;
}

.alert, #loader {
    display: none;
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 100;
    color: white;
    font-size: 2em;
    text-align: center;
    vertical-align: middle;
}

.alert {
    background-color: rgb(80, 80, 80);
    background-color: rgba(0, 0, 0, 0.7);
}

#loader, #loader-mappa {
    background-color: rgb(220, 220, 220);
    background-color: rgba(255, 255, 255, 0.8);
}

.alert-message, #loader-message {
    display: block;
    margin-top: 225px;
    text-shadow: 0 0 5px black;
}

#loader img, #loader-mappa img {
    height: 64px;
    margin: 225px auto;
    width: 64px;
}

.pagina-secondaria {
    font-size: 0.8em;
    overflow-y: hidden;
    height: 558px;
    width: 800px;
}

.pagina-secondaria > div {
    height: 558px;
    -ms-overflow-y: scroll;
    overflow-y: scroll;
    width: 796px;
}

/* ==========================================================================
   Portrait
   ========================================================================== */

.touch.portrait #container, .portrait.android #container {
    height: 927px;
    width: 672px;
}

.touch.portrait #testata {
    overflow: hidden;
    width: 672px;
}

.touch.portrait .crossbar {
    width: 666px;
}

.touch.portrait #map, .touch.portrait #loader-mappa{
    height: 789px;
    width: 662px;
}

.touch.portrait #zoomContainer {
    left: 20px;
    top: 650px;
}

.touch.portrait nav {
    margin-top: 790px;
    width: 666px;
}

.touch.portrait #nav-principale {
    width: 500px;
}

.touch.portrait #nav-principale li {
    display: block;
    margin-left: 40px;
    float: left;
}

.touch.portrait #nav-principale li:first-of-type {
    margin-left: 0;
}

.touch.portrait #nav-principale, .touch.portrait #nav-secondaria {
    float: left;
    margin-bottom: 0;
}

.touch.portrait #nav-secondaria {
    margin-top: 10px;
}

.touch.portrait #nav-secondaria li {
    height: 32px;
    line-height: 11px;
    padding: 0 10px;
}

.touch.portrait #nav-secondaria li:first-child {
    border-top: none;
}

.touch.portrait #main {
    left: 3px;
    top: 80px;
    height: 730px;
    width: 665px;
    bottom: auto;
}

.touch.portrait #contenuti {
    height: 680px;
}

.touch.portrait .contenuto {
    height: 655px;
}

.touch.portrait .colonna-sinistra {
    width: 623px;
}

.touch.portrait .colonna-sinistra .box-treno {
    float: left;
    margin-bottom: 10px;
    margin-left: 23px;
    width: 170px;
}

.touch.portrait .colonna-sinistra .box-treno:first-of-type {
    margin-left: 0;
}

.touch.portrait .colonna-sinistra h2 {
    margin-bottom: 5px;
    width: 182px;
}

.touch.portrait .fermate {
    margin-left: 0;
    width: 623px;
}

.touch.portrait .nome-stazione, .touch.portrait .ritardo {
    margin-bottom: 5px;
    font-weight: bold;
}

.touch.portrait .contenitore-canvas {
    height: 130px;
    width: 601px;
}

.touch.portrait .popup-form {
    left: 60px;
}

.touch.portrait .contenuto table {
    width: 623px;
}

.touch.portrait table caption {
    width: 623px;
}

.touch.portrait .contenuto .scrollable {
    height: 200px;
    width: 623px;
}

.touch.portrait .canvas-percorso, .touch.portrait .canvas-sinistra, .touch.portrait .canvas-destra {
    height: 130px;
}

.touch.portrait .canvas-percorso {
    width: 498px;
}

.touch.portrait .contenitore-corrispondenze table, .touch.portrait .contenitore-corrispondenze .scrollable, .touch.portrait .contenitore-corrispondenze caption {
    width: 603px;
}

.touch.portrait .contenitore-corrispondenze .scrollable {
    height: 100px;
}

.touch.portrait .fermate-contenuto .link-mappa-citta {
    margin-left: 100px;
}

.touch.portrait #copyright {
    -ms-transform:rotate(-90deg);
    -webkit-transform:rotate(-90deg);
    -moz-transform:rotate(-90deg);
    -o-transform: rotate(-90deg);
    transform:rotate(-90deg);
    bottom: 45px;
    right: -25px;
}

.touch.portrait #pagina-news, .touch.portrait .pagina-secondaria,
.touch.portrait #pagina-news > div, .touch.portrait .pagina-secondaria > div {
    height: 700px;
    width: 600px;
}

.touch.portrait .popup-form {
    left: 15px;
    top: 80px;
}


/* ==========================================================================
   Helper classes
   ========================================================================== */

/*
 * Image replacement
 */

.ir {
    background-color: transparent;
    border: 0;
    overflow: hidden;
    /* IE 6/7 fallback */
    *text-indent: -9999px;
}

.ir:before {
    content: "";
    display: block;
    width: 0;
    height: 100%;
}

/*
 * Hide from both screenreaders and browsers: h5bp.com/u
 */

.hidden {
    display: none !important;
    visibility: hidden;
}

/*
 * Hide only visually, but have it available for screenreaders: h5bp.com/v
 */

.visuallyhidden {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
}

/*
 * Extends the .visuallyhidden class to allow the element to be focusable
 * when navigated to via the keyboard: h5bp.com/p
 */

.visuallyhidden.focusable:active,
.visuallyhidden.focusable:focus {
    clip: auto;
    height: auto;
    margin: 0;
    overflow: visible;
    position: static;
    width: auto;
}

/*
 * Hide visually and from screenreaders, but maintain layout
 */

.invisible {
    visibility: hidden;
}

/*
 * Clearfix: contain floats
 *
 * For modern browsers
 * 1. The space content is one way to avoid an Opera bug when the
 *    `contenteditable` attribute is included anywhere else in the document.
 *    Otherwise it causes space to appear at the top and bottom of elements
 *    that receive the `clearfix` class.
 * 2. The use of `table` rather than `block` is only necessary if using
 *    `:before` to contain the top-margins of child elements.
 */

.clearfix:before,
.clearfix:after {
    content: " "; /* 1 */
    display: table; /* 2 */
}

.clearfix:after {
    clear: both;
}

/*
 * For IE 6/7 only
 * Include this rule to trigger hasLayout and contain floats.
 */

.clearfix {
    *zoom: 1;
}

/* ==========================================================================
   EXAMPLE Media Queries for Responsive Design.
   Theses examples override the primary ('mobile first') styles.
   Modify as content requires.
   ========================================================================== */

@media only screen and (min-width: 35em) {
    /* Style adjustments for viewports that meet the condition */
}

@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (min-resolution: 144dpi) {
    /* Style adjustments for high resolution devices */
}

/* ==========================================================================
   Print styles.
   Inlined to avoid required HTTP connection: h5bp.com/r
   ========================================================================== */

@media print {
    * {
        background: transparent !important;
        color: #000 !important; /* Black prints faster: h5bp.com/s */
        box-shadow:none !important;
        text-shadow: none !important;
    }

    a,
    a:visited {
        text-decoration: underline;
    }

    a[href]:after {
        content: " (" attr(href) ")";
    }

    abbr[title]:after {
        content: " (" attr(title) ")";
    }

    /*
     * Don't show links for images, or javascript/internal links
     */

    .ir a:after,
    a[href^="javascript:"]:after,
    a[href^="#"]:after {
        content: "";
    }

    pre,
    blockquote {
        border: 1px solid #999;
        page-break-inside: avoid;
    }

    thead {
        display: table-header-group; /* h5bp.com/t */
    }

    tr,
    img {
        page-break-inside: avoid;
    }

    img {
        max-width: 100% !important;
    }

    @page {
        margin: 0.5cm;
    }

    p,
    h2,
    h3 {
        orphans: 3;
        widows: 3;
    }

    h2,
    h3 {
        page-break-after: avoid;
    }
}

/*
 * CSS Styles that are needed by jScrollPane for it to operate correctly.
 *
 * Include this stylesheet in your site or copy and paste the styles below into your stylesheet - jScrollPane
 * may not operate correctly without them.
 */

.jspContainer
{
    overflow: hidden;
    position: relative;
}

.jspPane
{
    position: absolute;
}

.jspVerticalBar
{
    position: absolute;
    top: 0;
    right: 0;
    width: 11px;
    height: 100%;
    background: red;
}

.jspHorizontalBar
{
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 16px;
    background: red;
}

.jspVerticalBar *,
.jspHorizontalBar *
{
    margin: 0;
    padding: 0;
}

.jspCap
{
    display: none;
}

.jspHorizontalBar .jspCap
{
    float: left;
}

.jspTrack
{
    background: white;
    position: relative;
}

.jspDrag
{
    border-radius: 6px;
    border: 2px solid white; /* should match background, can't be transparent */
    background-color: rgba(0, 0, 0, .5);
    position: relative;
    top: 0;
    left: 0;
    cursor: pointer;
}

.jspHorizontalBar .jspTrack,
.jspHorizontalBar .jspDrag
{
    float: left;
    height: 100%;
}

.jspArrow
{
    background: #50506d;
    text-indent: -20000px;
    display: block;
    cursor: pointer;
}

.jspArrow.jspDisabled
{
    cursor: default;
    background: #80808d;
}

.jspVerticalBar .jspArrow
{
    height: 16px;
}

.jspHorizontalBar .jspArrow
{
    width: 16px;
    float: left;
    height: 100%;
}

.jspVerticalBar .jspArrow:focus
{
    outline: none;
}

.jspCorner
{
    background: #eeeef4;
    float: left;
    height: 100%;
}

/* Yuk! CSS Hack for IE6 3 pixel bug :( */
* html .jspCorner
{
    margin: 0 -3px 0 0;
}

#form-stampatreno
{
    font-size: 13px;
    width: 250px;
}

#form-stampatreno input[type=text], #form-stampatreno label{
    width: 85% !important;
}

#form-stampatreno input
{
    margin-top: 5px !important;
    margin-bottom: 5px !important;
}

.stampatreno {
    border-bottom: none;
    bottom: -73px;
    font-size: 0.8em;
    height: 73px;
    left: 0;
    position: absolute;
    width: 873px;
    z-index: 100;
}

.stampatreno label
{
    font-weight: bold;
}

.stampatreno a {
    background-color: #c41228;
    color: white;
    display: block;
    font-weight: bold;
    left: 10px;/*105px;*/
    padding: 3px 10px;
    position: absolute;
    text-align: center;
    text-decoration: none;
    top: -21px;
    width: 135px;
    line-height: 20px;
    height: 20px;
}

.contenuto-stampatreno {
    border: 5px solid #3C3C3C;
    background-color: #FFF;
    padding: 0 15px;
}

.contenuto-stampatreno input[type=text]
{
    margin-top: 10px;
    margin-bottom: 5px;
    margin-right: 10px;
    height: 19px;
}

.contenuto-stampatreno input[type=button]
{
    margin-bottom: 5px;
}

.contenuto-stampatreno label {
    font-size: 14px;
    margin-top: 5px;
}

#stampaTrenoDesc
{
    margin-top: 10px;
}

/*----====[PROPRIETA' PER RIDIMENSIONAMENTO]====-------
----==[UTILIZZATE IN CASO DI TABLET SAMSUNG TAB4]==----*/
@media screen and (min-width:10px) and (max-width:980px) {

    #container {
        width: 960px;
    }

    #map, #loader-mappa {
        width: 860px;
    }

    #main {
        width: 860px;
    }

    .popup-form {
        left: 106px;
    }

    #pagina-news, #come-funziona, #note-legali, #contatti, #info-mobilita {
        width: 790px;
    }

    #pagina-news > div, #come-funziona > div, #note-legali > div, #contatti > div, #info-mobilita > div {
        width: 790px;
    }

    .crossbar {
        width: 956px;
    }

    .crossbar div {
        width: 17.9%;
    }

    .colonna-sinistra {
        width: 240px;
    }

    .colonna-sinistra h2 {
        width: 230px;
    }

    .fermate {
        width: 568px;
    }

    #testata-main {
        width: 960px;
        left: 0px;
    }

    nav {
        width: 90px;
    }
}

ul#accordionGenericInfomob{list-style:none;margin:5px 3px 0 3px;padding:0 !important}
ul#accordionGenericInfomob>li{margin-bottom:.5em;border:1px solid #95989a;padding:0 10px;-webkit-border-radius:2px !important;-moz-border-radius:2px !important;-ms-border-radius:2px !important;-o-border-radius:2px !important;border-radius:9px !important}
ul#accordionGenericInfomob>li a.headingNewsAccordion{font-weight:bold;display:block;font-size:13px;padding:.8em 3.1em .8em 0;text-decoration:none;background-image:url("../img/arDown-accord.png");background-position:right 20px center;background-position-x:98%;background-position-y:center;background-repeat:no-repeat;color:black; background-size: 20px 20px;}
ul#accordionGenericInfomob>li a.headingNewsAccordionBox{font-weight:bold;display:block;font-size:13px;padding:.8em 3.1em .8em 0;text-decoration:none;background-position:right 20px center;background-position-x:98%;background-position-y:center;background-repeat:no-repeat;color:black; background-size: 20px 20px;}
ul#accordionGenericInfomob>li div.boxAcc{display:none}
ul#accordionGenericInfomob>li.current div.boxAcc{display:block}
ul#accordionGenericInfomob>li.current a.headingNewsAccordion{font-weight:bold;display:block;font-size:13px;padding:.8em 3.1em .8em 0;text-decoration:none;background-image:url("../img/arUp-accord.png");background-position:right 20px center;background-position-x:98%;background-position-y:center;background-repeat:no-repeat; background-size: 20px 20px;}
ul#accordionGenericInfomob>li.current a.headingNewsAccordionBox{font-weight:bold;display:block;font-size:13px;padding:.8em 3.1em .8em 0;text-decoration:none;background-position:right 20px center;background-position-x:98%;background-position-y:center;background-repeat:no-repeat; background-size: 20px 20px;}
a.inEvidenza{color:#c41329 !important}
ul#accordionGenericInfomob>li a {color:black !important}
ul#accordionGenericInfomob>li>a.textBlack{color:black}
ul#accordionGenericInfomob .boxAcc .textComponent .info-text,ul#accordionGenericInfomob .boxAcc .textComponent>h4,ul#accordionGenericInfomob .boxAcc .textComponent>div>p{margin:0 0 1.4em 0;color:#444;font-size:12px;line-height:22px;text-align:left;font-family:MontserratRegular}
div.form-control.textAreaText.editTextArea>p{font-size:14px !important}
.CStampaBoxBody h3.inEvidenza{color:#c41329 !important}
.CStampaBoxBody h3{color:black !important;font-size:20px !important;font-weight:bold !important}
.infoMobilitaSingleNews>.CStampaBoxBody{padding-bottom:15px}
.infoMobilitaSingleNews>.CStampaBoxBodyNotEvidence{padding-bottom:15px}
.infoMobilitaSingleNews>.CStampaBoxBody.lastNews{border-bottom:none !important}
.infoMobilitaSingleNews>.CStampaBoxBodyNotEvidence.lastNews{border-bottom:none !important}
.customNewsTitle{margin-top:40px}
.noResize{resize:none}
div.search-box-info-mobilita{margin-bottom:30px;border:1px solid #bababa !important;padding:12px;border-radius:12px}
div.button-container-flex{display:flex;flex-direction:row;align-items:flex-end;height:58px}
input.datepicker[readonly]{background-color:#fff}
.date-clear-icon{position:absolute;right:20px;top:0;bottom:-6px;height:0;margin:auto;font-size:17px;cursor:pointer;color:#a9a1a16e}
.date-clear-icon:hover{color:#a9a1a1}
#results-number{display:none}
div.publish-radios{margin-top:24px;text-align:center}
div.publish-checkbox>input.publish-checkbox-archive{margin-right:13px;float:left;margin-top:-2px}
div.editTextArea{height:54px;overflow:auto;cursor:not-allowed;background-color:#eee}
div.infoMobilitaPar{overflow:hidden}
div.infoMobilitaPar.elemLeft .thumb img{max-width:100%}
ul#accordionGenericInfomob .boxAcc .thumb>img{max-width:100%}
ul#accordionGenericInfomob

a.inEvidenza {
    color: #c41329 !important;
}

.logoinfomob {
    width: 98%;
    padding-left: 2px;
    display: none;
}

#boxInfoMob>ul#accordionGenericInfomob>li a.headingNewsAccordion {
    background-image: none;
    /*pointer-events: none;*/
    font-size: 9.5px;
    padding: 0.5em 0.2em 0.5em 0;
}
#boxInfoMob>ul#accordionGenericInfomob>li a.headingNewsAccordionBox {
    font-size: 9.5px;
    padding: 0.5em 0.2em 0.5em 0;
}
.paddingSpan {
    padding-top: 10px;
}