body {
  font-family: 'Roboto', sans-serif;
  font-size: 14px;
  line-height: 1.3;
  color: #333;
  background-color: #fff
}

body a, html a {
  -webkit-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -ms-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
}

body a:focus, html a:focus {
  outline: none !important;
}

body a.lnk-forecast, html a.lnk-forecast {
  display: inline-block;
  text-decoration: none;
}

body a.lnk-forecast:link, html a.lnk-forecast:link, body a.lnk-forecast:visited, html a.lnk-forecast:visited, body a.lnk-forecast:active, html a.lnk-forecast:active, body a.lnk-forecast:focus, html a.lnk-forecast:focus {
  color: #3BA432;
}

body a.lnk-forecast:focus, html a.lnk-forecast:focus, body a.lnk-forecast:hover, html a.lnk-forecast:hover {
  color: #4ec643;
}

.margin-b15 {
  margin-bottom: 15px !important;
}

.margin-b85 {
  margin-bottom: 85px !important;
}

.no-margin-b {
  margin-bottom: 0 !important;
}

.no-margin-t {
  margin-top: 0 !important;
}

.margin-t10 {
  margin-top: 10px !important;
}

.margin-t2 {
  margin-top: 2px !important;
}

.margin-v15 {
  margin-bottom: 15px !important;
  margin-top: 15px !important;
}

.padding-high {
  padding: 7px 15px 15px 15px !important;
}

.padding-7-15 {
  padding: 7px 15px;
}

.padding-7 {
  padding: 7px;
}

.padding-v10 {
  padding: 10px 0 !important;
}

.padding-h10 {
  padding: 0 10px !important;
}

.no-padding {
  padding: 0 !important;
}

.no-padding-r {
  padding-right: 0 !important;
}

.no-margin {
  margin: 0 !important;
}

.block {
  display: block !important;
}

.inline-block {
  display: inline-block !important;
}

.circle {
  font-size: .78em;
  display: inline-block;
  width: 20px;
  height: 20px;
  border: solid 2px #434343;
  color: #434343;
  line-height: 16px;
  font-weight: 700;
  -webkit-border-radius: 100%;
  -moz-border-radius: 100%;
  -ms-border-radius: 100%;
  border-radius: 100%;
}

h1, h2, h3 h4 h5, h6 {
  color: #0677AC;
}

.localita {
  color: #ff7900;
  line-height: 33.8px;
}

.altitudine {
  font-weight: bold;
  color: gray;
}

.hand {
  cursor: pointer;
  cursor: hand;
}

.label {
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  border-radius: 4px;
}

.label.label-info {
  background-color: #1c5671;
}

html {
  overflow: -moz-scrollbars-vertical;
  overflow-y: scroll;
}

body, html {
  padding: 0;
  margin: 0;
  height: 100%;
  background-repeat: repeat-x;
  background-attachment: fixed;
  background-color: #42a4ce;
  /* Fallback */
  background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#0677AC), to(#7DD0F0));
  background-image: -webkit-linear-gradient(top, #0677AC, #7DD0F0);
  background-image: -moz-linear-gradient(top, #0677AC, #7DD0F0);
  background-image: -ms-linear-gradient(top, #0677AC, #7DD0F0);
  background-image: -o-linear-gradient(top, #0677AC, #7DD0F0);
  -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#0677AC', EndColorStr='#7DD0F0')";
}

@media only screen and (min-device-width: 320px) and (max-device-width: 480px) {
  body {
    margin: 0;
    padding: 0;
    
    min-height: 100%;
    margin:0px;
    
    background-repeat: no-repeat center center;
    background-size: cover;

    height: auto;
    background-repeat: repeat-x;
    background-attachment: fixed;
    background-color: #1c536b;
    background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#033e5a), to(#39b8e8));
    background-image: -webkit-linear-gradient(top, #033e5a, #39b8e8);

    background-image: -moz-linear-gradient(top, #033e5a, #1c536b);
    background-image: -ms-linear-gradient(top, #033e5a, #1c536b);
    background-image: -o-linear-gradient(top, #033e5a, #1c536b);
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#033e5a', EndColorStr='##1c536b')";
  }

  html {
    overflow: -moz-scrollbars-vertical;
    overflow-y: scroll;
  }
  
  h1, h2{
    color: #ffffff;
    font-size: 24px
  }

  h3, h4, h5, h6 {
    color: #ffffff;
    font-size: 18px
  }

  .txtmobile {
    color: #ffffff;
  }


  .textVerde {
    color:#008000 !important;
}

.textRosso {
    color:#D53623 !important;
}
.textAzzu {
    color:#00699b !important;
}


.textGrigio {
    color:#008000 !important;
}

}

a, span {
  display: inline-block;
}

p.lead {
  font-size: 1.1em;
  margin-top: 20px;
  margin-bottom: 20px;
}

.visible-xs.small-fonts {
  font-size: 0.75em;
}

.visible-xs .small-fonts {
  font-size: 0.75em;
}

header {
  margin: 7px auto;
}

header .page-header {
  border: none;
  margin: 0 auto;
  padding: 14px 15px;
  z-index: 1;
  background-color: #ececec;
  /* Fallback */
  background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#FFFFFF), to(#d8d8d8));
  background-image: -webkit-linear-gradient(top, #FFFFFF, #d8d8d8);
  background-image: -moz-linear-gradient(top, #FFFFFF, #d8d8d8);
  background-image: -ms-linear-gradient(top, #FFFFFF, #d8d8d8);
  background-image: -o-linear-gradient(top, #FFFFFF, #d8d8d8);
  -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#FFFFFF', EndColorStr='#d8d8d8')";
  -webkit-border-radius: 10px 10px 0 0;
  -moz-border-radius: 10px 10px 0 0;
  -ms-border-radius: 10px 10px 0 0;
  border-radius: 10px 10px 0 0;
}

header .page-headerT.desktop {
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
  background-color: white;
  margin-top: 12px;
  padding-bottom: 0;
  height: 65px;
}

header .page-header.desktop {
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  -ms-border-radius: 10px;
  border-radius: 10px;
  padding-bottom: 0;
}

header .page-header h2 {
  margin: 0;
}

header .page-header-bottom {
  z-index: 0;
  border-top: solid 1px rgba(0, 0, 0, 0.45);
  background-color: #b9b9b9;
  /* Fallback */
  background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#989898), to(#d9d9d9));
  background-image: -webkit-linear-gradient(top, #989898, #d9d9d9);
  background-image: -moz-linear-gradient(top, #989898, #d9d9d9);
  background-image: -ms-linear-gradient(top, #989898, #d9d9d9);
  background-image: -o-linear-gradient(top, #989898, #d9d9d9);
  -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#989898', EndColorStr='#d9d9d9')";
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  -ms-border-radius: 10px;
  border-radius: 10px;
  -webkit-box-shadow: 0px 2px 25px rgba(0, 0, 0, 0.35);
  -moz-box-shadow: 0px 2px 25px rgba(0, 0, 0, 0.35);
  -ms-box-shadow: 0px 2px 25px rgba(0, 0, 0, 0.35);
  box-shadow: 0px 2px 25px rgba(0, 0, 0, 0.35);
}

header .page-sub-header + .page-sub-header {
  margin-bottom: 20px;
}

header .page-sub-header + .panel-group {
  margin-bottom: 0;
}

header .page-sub-header {
  font-size: 1.25em;
  background-color: #49788c;
  color: #FFFFFF;
  overflow: hidden;
  margin-bottom: 5px;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  -ms-border-radius: 6px;
  border-radius: 6px;
}

header .page-sub-header h1, header .page-sub-header h2, header .page-sub-header h3, header .page-sub-header h4, header .page-sub-header h5, header .page-sub-header h6 {
  color: inherit;
}

header .page-sub-header .panel {
  background-color: transparent;
  z-index: 1;
  border: none !important;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  -ms-border-radius: 0;
  border-radius: 0;
}

header .page-sub-header .panel .panel-heading {
  /*   min-height: 35px;*/
  z-index: 2;
  background-color: #1c5671;
  border: none;
  border-bottom: solid 1px #49788c;
  -webkit-border-radius: 6px 6px 0 0;
  -moz-border-radius: 6px 6px 0 0;
  -ms-border-radius: 6px 6px 0 0;
  border-radius: 6px 6px 0 0;
  -webkit-box-shadow: 0 5px 20px rgba(0, 0, 0, 0.55);
  -moz-box-shadow: 0 5px 20px rgba(0, 0, 0, 0.55);
  -ms-box-shadow: 0 5px 20px rgba(0, 0, 0, 0.55);
  box-shadow: 0 5px 20px rgba(0, 0, 0, 0.55);
}

header .page-sub-header .panel .panel-heading a {
  color: #FFFFFF;
  text-decoration: none;
}

header .page-sub-header .panel .panel-footer {
  z-index: 2;
  background-color: #1c5671;
  border: none;
  border-top: solid 1px #49788c;
  height: 15px;
  -webkit-border-radius: 0 0 6px 6px;
  -moz-border-radius: 0 0 6px 6px;
  -ms-border-radius: 0 0 6px 6px;
  border-radius: 0 0 6px 6px;
  -webkit-box-shadow: 0 -5px 20px rgba(0, 0, 0, 0.55);
  -moz-box-shadow: 0 -5px 20px rgba(0, 0, 0, 0.55);
  -ms-box-shadow: 0 -5px 20px rgba(0, 0, 0, 0.55);
  box-shadow: 0 -5px 20px rgba(0, 0, 0, 0.55);
}

header .page-sub-header .panel .panel-body {
  background-color: transparent;
  z-index: 1;
  border: none !important;
  z-index: 1;
  padding: 0 5px;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  -ms-border-radius: 0;
  border-radius: 0;
}

header .page-sub-header .panel .panel-body .size-small {
  font-size: 0.85em;
}

header .page-sub-header .panel .panel-body h4.mt-alert {
  font-weight: 600;
  padding: 4px 7px;
  font-size: 1.1em;
  line-height: 2em;
}

header .page-sub-header .panel .panel-body h4.mt-alert img {
  float: left;
  display: inline-block;
  margin: 0 10px 0 0;
  padding: 0;
  height: 26px;
  width: 26px;
}

header .page-sub-header .panel .panel-body h6.zero {
  margin: 84px 7px 7px 7px;
}

header .page-sub-header .panel .panel-body .mt-hour-list {
  font-size: 0.87em;
  overflow: hidden;
  background: #4b4b4b;
  background: -webkit-linear-gradient(top, #4b4b4b 0%, #BEBEBE 18%);
  background: linear-gradient(to bottom, #4b4b4b 0%, #BEBEBE 18%);
}

header .page-sub-header .panel .panel-body .mt-hour-list.gradient-bottom {
  background: #4b4b4b;
  background: -webkit-linear-gradient(bottom, #4b4b4b 0%, #BEBEBE 18%);
  background: linear-gradient(to top, #4b4b4b 0%, #BEBEBE 18%);
}

header .page-sub-header .panel .panel-body .mt-hour-list.no-gradient {
  background: #BEBEBE;
}

header .page-sub-header .panel .panel-body .mt-hour-list li {
  height: 32px;
  min-height: 32px;
  width: 43px;
  padding: 0;
  background: transparent;
}

header .page-sub-header .panel .panel-body .mt-hour-list li.l-height {
  line-height: 32px;
}

header .page-sub-header .panel .panel-body .mt-hour-list li p {
  margin: 1px 0 2px 0;
}

header .page-sub-header .panel .panel-body .mt-hour-list li img {
  margin-top: 2px;
  display: inline-block;
}

header .page-sub-header .panel .panel-body .mt-hour-list li.mt-hour {
  border-right: solid 1px #1c5671;
}

header .page-sub-header .panel .panel-body .mt-hour-list.mt-transparent {
  background: transparent;
}

header .page-sub-header .panel .panel-body .mt-hour-list.mt-transparent li {
  background: transparent;
  border: none;
  color: #FFFFFF;
}

header .page-sub-header .panel .panel-body .mt-header {
  font-size: 0.8em;
  width: 100%;
  background: #1c5671;
  color: #FFFFFF;
  padding: 5px 0 3px 5px;
  margin: 0 !important;
  display: inline-block;
  text-transform: uppercase;
}

header .page-sub-header .panel .panel-body .mt-header img {
  height: 30px;
  width: 30px;
  margin-right: 5px;
  margin-top: -4px;
}

footer {
  display: inherit !important;
  margin-top: 0px;
}

footer > .container {
  color: #FFFFFF;
}

footer hr {
  display: block;
  height: 1px;
  border-top: solid 1px #FFFFFF;
  border-bottom: none;
  margin-bottom: 0;
}

footer p {
  padding: 4px 0;
  font-size: 0.9em;
}

footer a {
  color: #FFFFFF;
  font-weight: 700;
  margin: auto 3px;
}

footer a:hover, footer a:focus {
  color: #cccccc;
  text-decoration: none;
}

.navbar-default {
  min-height: 0px;
  background: #FFFFFF;
  background: -webkit-linear-gradient(left, #FFFFFF 0%, #d8d8d8 100%);
  background: linear-gradient(to right, #FFFFFF 0%, #d8d8d8 100%);
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  -ms-border-radius: 10px;
  border-radius: 10px;
  -webkit-box-shadow: 0px 2px 25px rgba(0, 0, 0, 0.35);
  -moz-box-shadow: 0px 2px 25px rgba(0, 0, 0, 0.35);
  -ms-box-shadow: 0px 2px 25px rgba(0, 0, 0, 0.35);
  box-shadow: 0px 2px 25px rgba(0, 0, 0, 0.35);
  margin-bottom: 0;
  z-index: 999;
}

.navbar-default .navbar-collapse {
  padding-left: 0;
  padding-right: 0;
}

.navbar-default .nav-justified > li > a {
  line-height: 14px;
  border-left: solid 1px #BEBEBE;
  text-align: left;
  color: #434343;
  text-decoration: none;
  font-weight: 700;
}

.navbar-default .nav-justified > li:nth-child(1) > a, .navbar-default .nav-justified > li:first-child > a {
  border: none;
}

.navbar-icon {
  float: right;
  padding: 0px 5px;
  font-size: 12px;
  line-height: 15px;
  height: 42px;
}

.navbar-icon > img {
  height: 42px;
  width: auto;
}

.breadcrumb-default {
  margin-top: -15px;
  margin-bottom: 7px;
  height: 66px;
  padding: 30px 15px;
  z-index: 998;
  background: #FFFFFF;
  background: -webkit-linear-gradient(left, #FFFFFF 0%, #d8d8d8 100%);
  background: linear-gradient(to right, #FFFFFF 0%, #d8d8d8 100%);
  -webkit-box-shadow: 0px 2px 25px rgba(0, 0, 0, 0.35);
  -moz-box-shadow: 0px 2px 25px rgba(0, 0, 0, 0.35);
  -ms-box-shadow: 0px 2px 25px rgba(0, 0, 0, 0.35);
  box-shadow: 0px 2px 25px rgba(0, 0, 0, 0.35);
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  -ms-border-radius: 10px;
  border-radius: 10px;
}

.breadcrumb-default > li {
  padding: 10px auto;
}

.breadcrumb-default > li > a {
  color: #434343;
}

.mobile-only.mt-mobile .mt-alert {
  font-size: 2em;
  margin-top: 9%;
}

.mobile-only.mt-mobile .mt-alert .label {
  padding-left: 30px;
}

.navbar-text.navbar-center {
  display: none;
}

.navbar-style-logos {
  margin-bottom: 0px;
  background-color: transparent;
  background-image: none;
  color: #FFFFFF;
}

.navbar-style-logos .navbar-nav a, .navbar-style-logos .navbar-nav > .open > a, .navbar-style-logos .navbar-nav > .active > a {
  color: #FFFFFF;
}

.navbar-style-logos .navbar-nav > li a:focus, .navbar-style-logos .navbar-nav > li a:hover {
  background-color: rgba(255, 255, 255, 0.25);
}

.navbar-style-logos .navbar-toggle > .icon-bar {
  background-color: #FFFFFF;
}

.navbar-style-logos .navbar-brand {
  padding: 5px 15px;
}

.navbar-style-logos .navbar-brand img {
  width: auto;
  height: 42px;
}

.desktop-only {
  display: none;
}

ul.no-formatting {
  display: inline-block;
  margin: 2px 0 0 0;
  padding: 0;
  list-style: none;
}

/*ul.no-formatting a {color: #434343; }*/

ul.margin-elements > li {
  margin-left: 40px;
  padding: 0;
}

ul.margin-elements > li.header {
  margin-top: 2px;
  margin-left: 0;
}

.menu1 {
  margin-left: 40px;
  padding: 0;
  border-bottom: solid grey 1px;
}

.menu2 {
  margin-left: 40px;
  padding: 0;
}

.search-control {
  background: #1c5671;
  color: #e9e9e9;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  -ms-border-radius: 0;
  border-radius: 0;
}

.btn-search {
  background: #BEBEBE;
  border: none;
  margin-left: 2px !important;
  color: white;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  -ms-border-radius: 0;
  border-radius: 0;
}

.flag {
  width: 14px;
  height: 14px;
  display: inline-block;
  position: relative;
  margin-left: 5px;
}

.btn-group-default {
  margin-bottom: 7px;
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  -ms-border-radius: 8px;
  border-radius: 8px;
  background: #FFFFFF;
  background: -webkit-linear-gradient(right, #FFFFFF 0%, #f1f1f1 100%);
  background: linear-gradient(to left, #FFFFFF 0%, #f1f1f1 100%);
}

.btn-group-default .btn.btn-default {
  background: transparent;
  text-align: left;
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  -ms-border-radius: 8px;
  border-radius: 8px;
}

.btn-group-default .btn.btn-default.active {
  background: #0677AC;
  border: solid 1px #033349;
  color: #FFFFFF;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  -ms-box-shadow: none;
  box-shadow: none;
}

.btn-group-default.top-menu {
  margin: 0 auto;
  background: transparent;
  border: none;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  -ms-border-radius: 0;
  border-radius: 0;
}

.btn-group-default.top-menu .btn {
  text-align: center;
  background: transparent;
  border: none;
  padding: 0;
  vertical-align: top;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  -ms-border-radius: 0;
  border-radius: 0;
}

.btn-group-default.top-menu .btn .btn-content {
  font-weight: 600;
  padding: 0 2px 0 2px;
  border-left: solid 1px #a5a5a5;
  border-bottom: none;
  box-sizing: content-box;
  background-color: #ececec;
  /* Fallback */
  background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#d8d8d8), to(#FFFFFF));
  background-image: -webkit-linear-gradient(top, #d8d8d8, #FFFFFF);
  background-image: -moz-linear-gradient(top, #d8d8d8, #FFFFFF);
  background-image: -ms-linear-gradient(top, #d8d8d8, #FFFFFF);
  background-image: -o-linear-gradient(top, #d8d8d8, #FFFFFF);
  -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#d8d8d8', EndColorStr='#FFFFFF')";
}

.btn-group-default.top-menu .btn .btn-content > p > span {
  display: block;
  font-size: 2em;
  line-height: 1em;
  font-weight: 400;
}

.btn-group-default.top-menu .btn .btn-content > img {
  padding: 0;
  width: 48px;
  height: auto;
  display: block;
  margin: 12px auto auto auto;
}

.btn-group-default.top-menu .btn .btn-content > span.text-center {
  margin: 10px auto 0 auto;
  display: block;
  color: #056692;
}

.btn-group-default.top-menu .btn .btn-content > .mt-min, .btn-group-default.top-menu .btn .btn-content > .mt-max {
  position: relative;
  display: inline-block;
  margin: 2px auto 2px auto;
  padding: 3px 7px 3px 7px;
  line-height: 1.4em;
  text-align: center;
}

.btn-group-default.top-menu .btn .btn-content.first {
  -webkit-border-radius: 0 0 0 10px;
  -moz-border-radius: 0 0 0 10px;
  -ms-border-radius: 0 0 0 10px;
  border-radius: 0 0 0 10px;
  border-right: none;
  border-left: none;
}

.btn-group-default.top-menu .btn .btn-content.last {
  -webkit-border-radius: 0 0 10px 0;
  -moz-border-radius: 0 0 10px 0;
  -ms-border-radius: 0 0 10px 0;
  border-radius: 0 0 10px 0;
}

.btn-group-default.top-menu .btn .btn-content.mt-alert-orange {
  border-bottom: solid 10px #ec971f;
}

.btn-group-default.top-menu .btn .btn-content.mt-alert-red {
  border-bottom: solid 10px #f00;
}

.btn-group-default.top-menu .btn.active {
  width: 2%;
}

.btn-group-default.top-menu .btn.active .btn-content {
  color: #000000;
  background: #d8d8d8;
  border-bottom: solid 15px #d8d8d8;
  padding: 10px auto;
  border-right: solid 1px #a5a5a5;
  border-left: solid 1px #a5a5a5;
}

.btn-group-default.top-menu .btn.active .btn-content > img {
  display: block;
  margin: -10px auto 0 auto;
  width: 64px;
  height: auto;
  clear: both;
}

.btn-group-default.top-menu .btn.active .btn-content > .mt-min, .btn-group-default.top-menu .btn.active .btn-content > .mt-max {
  margin: 2px auto 1px auto;
  padding: 3px 7px 3px 7px;
  line-height: 1.4em;
  text-align: center;
}

.btn-group-default.top-menu .btn.active .btn-content.first {
  border-left: none;
}

.btn-group-default.top-menu .btn.active .btn-content.last {
  border-right: none;
}

.btn-group-default.top-menu .btn.active .btn-content.mt-alert-orange {
  border-bottom: solid 15px #ec971f;
}

.btn-group-default.top-menu .btn.active .btn-content.mt-alert-red {
  border-bottom: solid 15px #f00;
}

.btn-group-default .btn.active + .btn .btn-content {
  border-left: none;
}

.tabbable.nav-pills {
  background: transparent;
  border: none;
  margin: 0 0 7px 0;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  -ms-border-radius: 10px;
  border-radius: 10px;
}

.tabbable.nav-pills.col-md-2 {
  padding-right: 0;
}

.tabbable.nav-pills > li + li {
  margin-top: 0;
  border-top: solid 1px #BEBEBE;
}

.tabbable.nav-pills > li {
  margin-bottom: 1px;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  -ms-border-radius: 10px;
  border-radius: 10px;
}

.tabbable.nav-pills > li.first {
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  -ms-border-radius: 10px;
  border-radius: 10px;
}

.tabbable.nav-pills > li > a {
  background: #FFFFFF;
  font-weight: 700;
  padding: 14px 18px;
  z-index: 997;
  line-height: 16px;
  color: #434343;
  -webkit-border-radius: 10px 10px 10px 10px;
  -moz-border-radius: 10px 10px 10px 10px;
  -ms-border-radius: 10px 10px 10px 10px;
  border-radius: 10px 10px 10px 10px;
}

.tabbable.nav-pills > li > a > img {
  display: inline-block;
  margin: 0 10px 0 0;
}

.tabbable.nav-pills > li > a > span {
  display: inline-block;
}

.tabbable.nav-pills > li.active {
  -webkit-box-shadow: 0px 5px 25px rgba(0, 0, 0, 0.35);
  -moz-box-shadow: 0px 5px 25px rgba(0, 0, 0, 0.35);
  -ms-box-shadow: 0px 5px 25px rgba(0, 0, 0, 0.35);
  box-shadow: 0px 5px 25px rgba(0, 0, 0, 0.35);
}

.tabbable.nav-pills > li.active > a {
  color: #434343;
  background: #FFFFFF;
}

.tabbable.nav-pills > li.active > a:focus, .tabbable.nav-pills > li.active > a:hover, .tabbable.nav-pills > li.active > a:active {
  color: #434343;
  background: #FFFFFF;
}

.tabbable.tabbable-gradient > li > a {
  background: #FFFFFF;
  background: -webkit-linear-gradient(top, #FFFFFF 0%, #BEBEBE 108%);
  background: linear-gradient(to bottom, #FFFFFF 0%, #BEBEBE 108%);
  -webkit-tap-highlight-color: rgba(201, 224, 253, 0.8);
}

.tab-content {
  min-height: 1024px;
  -webkit-box-shadow: 0px 5px 25px rgba(0, 0, 0, 0.35);
  -moz-box-shadow: 0px 5px 25px rgba(0, 0, 0, 0.35);
  -ms-box-shadow: 0px 5px 25px rgba(0, 0, 0, 0.35);
  box-shadow: 0px 5px 25px rgba(0, 0, 0, 0.35);
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  -ms-border-radius: 10px;
  border-radius: 10px;
  background: #FFFFFF;
  background: -webkit-linear-gradient(left, #FFFFFF 0%, #d8d8d8 100%);
  background: linear-gradient(to right, #FFFFFF 0%, #d8d8d8 100%);
}

.tab-content .tab-pane {
  z-index: 997;
  padding: 15px 15px;
}

.tab-content .tab-pane hr.separator {
  border: none;
  height: 1px;
  background: transparent;
  margin: 30px 0;
  display: block;
}

/*
 *
 * CUSTOM YAMM RULES
 *
 * Custom yamm rules for big-menu functionality based on yamm.css
 *
*/

.yamm > .row {
  position: static;
}

.yamm > .row > .col-md-2, .yamm > .row > .col-xs-2 {
  position: static;
  padding-top: 0 !important;
}

.yamm > .row .yamm-toggle {
  margin-top: 0;
  padding: 7px 0;
  display: inline-block;
  width: 100%;
  z-index: 9999;
  border: none !important;
}

.yamm > .row .yamm-toggle p {
  padding: 0px 15px;
}

.yamm > .row .yamm-toggle .mt-alert {
  padding: 4px 0 2px 0;
  height: 34px;
  margin: 10px 0 0 0;
  border: none;
}

.yamm > .row .yamm-toggle .mt-space {
  padding: 0px 0 2px 0;
  height: 5px;
  margin: 0px 0 0 0;
  border: none;
}

.yamm > .row .dropdown.yamm-fw {
  display: block;
  padding-top: 0;
  margin-top: 0;
  margin-left: -15px;
  margin-right: -15px;
}

.yamm > .row .dropdown.yamm-fw.open .yamm-toggle:focus, .yamm > .row .dropdown.yamm-fw.open .yamm-toggle:active {
  background-color: #FFFFFF;
}

.yamm > .row .dropdown.yamm-fw.dropdown-top-menu-margin .dropdown-menu {
  margin-top: -140px;
}

.yamm > .row .dropdown .yamm-toggle {
  color: #434343;
  text-decoration: none;
  padding-bottom: 0;
}

.yamm > .row .yamm-content {
  padding: 0 !important;
}

.yamm .yamm-backdrop {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: rgba(0, 0, 0, 0.5);
  display: none;
}

.yamm .dropdown.open .yamm-backdrop {
  display: block;
  pointer-events: none;
  z-index: 99;
}

.yamm .dropdown.open .yamm-toggle, .yamm .dropdown.open .yamm-toggle:focus, .yamm .dropdown.open .yamm-toggle:active {
  border-left: solid 1px #BEBEBE;
  background: transparent;
  z-index: 1001;
  -webkit-border-radius: 10px 10px 0 0;
  -moz-border-radius: 10px 10px 0 0;
  -ms-border-radius: 10px 10px 0 0;
  border-radius: 10px 10px 0 0;
  -webkit-box-shadow: 0px -2px 15px rgba(0, 0, 0, 0.35);
  -moz-box-shadow: 0px -2px 15px rgba(0, 0, 0, 0.35);
  -ms-box-shadow: 0px -2px 15px rgba(0, 0, 0, 0.35);
  box-shadow: 0px -2px 15px rgba(0, 0, 0, 0.35);
  background: #FFFFFF;
  background: -webkit-linear-gradient(top, #FFFFFF 0%, #FFFFFF 100%);
  background: linear-gradient(to bottom, #FFFFFF 0%, #FFFFFF 100%);
}

.yamm .dropdown.first .yamm-toggle {
  border-left: none !important;
}

.yamm .yamm-toggle {
  -webkit-transition: all 0s;
  -moz-transition: all 0s;
  -ms-transition: all 0s;
  -o-transition: all 0s;
  transition: all 0s;
  -webkit-border-radius: 10px 10px 0 0;
  -moz-border-radius: 10px 10px 0 0;
  -ms-border-radius: 10px 10px 0 0;
  border-radius: 10px 10px 0 0;
}

.yamm .yamm-toggle:hover {
  background: rgba(255, 255, 255, 0.2);
}

.yamm .dropdown-menu {
  margin-top: -1px;
  top: inherit;
  z-index: 1001;
  border: none;
  /* -webkit-border-radius: 5px 5px 10px 10px;
  -moz-border-radius: 5px 5px 10px 10px;
  -ms-border-radius: 5px 5px 10px 10px;
  border-radius: 5px 5px 10px 10px;*/
  background-color: #f2f2f2;
  /* Fallback */
  background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#FFFFFF), to(#e4e4e4));
  background-image: -webkit-linear-gradient(top, #FFFFFF, #e4e4e4);
  background-image: -moz-linear-gradient(top, #FFFFFF, #e4e4e4);
  background-image: -ms-linear-gradient(top, #FFFFFF, #e4e4e4);
  background-image: -o-linear-gradient(top, #FFFFFF, #e4e4e4);
  -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#FFFFFF', EndColorStr='#e4e4e4')";
}

.yamm .dropdown-menu.gradient-left-right {
  background: #FFFFFF;
  background: -webkit-linear-gradient(left, #FFFFFF 0%, #d8d8d8 100%);
  background: linear-gradient(to right, #FFFFFF 0%, #d8d8d8 100%);
}

.yamm .dropdown-menu.round {
  /*-webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -ms-border-radius: 10px;
    border-radius: 10px; */
}

.yamm .yamm-content {
  padding: 7px 40px 15px 40px !important;
}

.yamm .yamm-content h1.main-header, .yamm .yamm-content h2.main-header, .yamm .yamm-content h3.main-header, .yamm .yamm-content h4.main-header, .yamm .yamm-content h5.main-header, .yamm .yamm-content h6.main-header {
  color: #212121;
  font-weight: 700;
}

.yamm .yamm-content .panel {
  margin: 0 0 5px 0;
  border: none;
  padding: 0 5px 0 15px;
  background: #FFFFFF;
  background: -webkit-linear-gradient(top, #FFFFFF 0%, #fefefe 50%, #FFFFFF 100%);
  background: linear-gradient(to bottom, #FFFFFF 0%, #fefefe 50%, #FFFFFF 100%);
}

.yamm .yamm-content .background-logo {
  z-index: 0;
  position: absolute;
  right: 40px;
  bottom: 20px;
  width: 200px;
  height: 59px;
  /*background: transparent url("/img/meteotrentino-logo-white.gif") bottom right;*/
}

/*
 *
 * mt-alert element mainly used into the header
 *
*/

.mt-alert {
  min-height: 34px;
  padding: 0px 15px 0 15px;
}

.mt-alert.mt-first {
  border-left: none;
  -webkit-border-radius: 10px 0 0 10px;
  -moz-border-radius: 10px 0 0 10px;
  -ms-border-radius: 10px 0 0 10px;
  border-radius: 10px 0 0 10px;
}

.mt-alert.mt-alert-green {
  background-color: #449d44;
}

.mt-alert.mt-alert-orange {
  background-color: #ec971f;
}

.mt-alert.mt-alert-red {
  background-color: #f00;
  color: #000000;
}

.mt-alert .mt-max {
  background-color: #701c1c;
  color: #FFFFFF;
}

.mt-alert .mt-min {
  background-color: #1c5671;
  color: #FFFFFF;
}

.mt-alert .bottom-alert {
  margin: 0;
  padding: 0;
  height: 10px;
  width: 100%;
  display: block;
}

.mt-alert .bottom-alert.first {
  -webkit-border-radius: 0 0 0 10px;
  -moz-border-radius: 0 0 0 10px;
  -ms-border-radius: 0 0 0 10px;
  border-radius: 0 0 0 10px;
}

.mt-alert .bottom-alert.last {
  -webkit-border-radius: 0 0 10px 0;
  -moz-border-radius: 0 0 10px 0;
  -ms-border-radius: 0 0 10px 0;
  border-radius: 0 0 10px 0;
}

.label.mt-min, .label.mt-max {
  display: inline-block;
  width: 35px;
  font-size: 1.2em;
  line-height: 1.2em;
  padding: 4px 7px;
}

.label.mt-minM, .label.mt-maxM {
  font-size: 0.9em;
  line-height: 1.2em;
  padding: 1px 7px;
}

.mt-icon {
  height: 68px;
  width: 68px;
  display: block;
  margin: 10px auto;
}

.mt-icon.mt-icon-big {
  height: auto;
  width: 100%;
  margin: 0 15px 0 0;
}

/*
 *
 * mt-hour-list FOR FORECAST DEFAILS
 *
 *
*/

.mt-hour-list {
  padding: 0;
  margin: 0;
  list-style: none;
  position: relative;
  display: table;
  table-layout: fixed;
  width: 100%;
}

.mt-hour-list > li.mt-hour {
  color: #434343;
  margin: 0;
  padding: 5px 1px 7px 1px;
  background-color: #FFFFFF;
  min-width: 88px;
  position: relative;
  display: table-cell;
  float: none;
  height: 100%;
}

.mt-hour-list > li.mt-hour .circle {
  margin-bottom: 10px;
}

.mt-hour-list > li.mt-hour.mt-align-middle {
  vertical-align: middle;
}

.mt-hour-list > li.mt-hour.mt-align-top {
  vertical-align: top;
}

.mt-hour-list > li.mt-hour.mt-align-bottom {
  vertical-align: bottom;
}

.mt-hour-list > li.mt-hour.mt-gray {
  background-color: #e4e4e4;
}

.mt-hour-list > li.mt-hour p {
  margin: 7px 0;
}

.mt-header {
  width: 100%;
  background: #1c5671;
  color: #FFFFFF;
  padding: 15px 0 2px 22%;
  margin: 0 !important;
  display: inline-block;
  text-transform: uppercase;
}

.mt-subheader {
  width: 100%;
  color: #FFFFFF;
  padding: 5px 0 5px 22%;
  margin: 0 !important;
  display: inline-block;
  background: #6d7e86;
}

/*
 *
 * Custom OVERRIDE well styles
 *
 *
*/

.well {
  border: none;
  padding: 8px 14px;
  background: #FFFFFF;
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  -ms-border-radius: 8px;
  border-radius: 8px;
}

.well.news-container {
  min-height: 453px;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  -ms-box-shadow: none;
  box-shadow: none;
}

/*
 *
 * MAPCONTAINER
 *
 *
*/

#mapContainer {
  margin: 5px 0 15px 0;
  display: block;
  height: 350px;
  background: #FFFFFF;
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  -ms-border-radius: 8px;
  border-radius: 8px;
}

.b-top {
  border-top: solid 1px #BEBEBE;
  margin-right: 1px;
}

@media (min-width: 768px) {
  .navbar-style-logos .navbar-nav > li > a.navbar-icon {
    padding-top: 10px;
    padding-bottom: 10px;
  }
  .desktop-only {
    display: inline-block;
  }
  .mobile-only, .mobile-only {
    display: none;
  }
  .navbar-text.navbar-center {
    display: block;
    position: absolute;
    width: 100%;
    left: 0;
    text-align: center;
    margin: 15px auto;
  }
  .navbar-style-logos {
    background-color: #FFFFFF;
    background-image: none;
    color: inherit;
  }
  .navbar-style-logos .navbar-nav a, .navbar-style-logos .navbar-nav > .open > a, .navbar-style-logos .navbar-nav > .active > a {
    color: inherit;
  }
  .navbar-style-logos .navbar-nav > li a:focus, .navbar-style-logos .navbar-nav > li a:hover {
    background-color: rgba(190, 190, 190, 0.25);
  }
  .tabbable.nav-pills {
    margin: 35px 0 0 0;
    -webkit-border-radius: 10px 0 0 10px;
    -moz-border-radius: 10px 0 0 10px;
    -ms-border-radius: 10px 0 0 10px;
    border-radius: 10px 0 0 10px;
    background: #FFFFFF;
    background: -webkit-linear-gradient(left, #FFFFFF 0%, #d8d8d8 100%);
    background: linear-gradient(to right, #FFFFFF 0%, #d8d8d8 100%);
  }
  .tabbable.nav-pills > li {
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    -ms-border-radius: 0;
    border-radius: 0;
  }
  .tabbable.nav-pills > li.first {
    -webkit-border-radius: 10px 0 0 0;
    -moz-border-radius: 10px 0 0 0;
    -ms-border-radius: 10px 0 0 0;
    border-radius: 10px 0 0 0;
  }
  .tabbable.nav-pills > li.last {
    -webkit-border-radius: 0 0 0 10px;
    -moz-border-radius: 0 0 0 10px;
    -ms-border-radius: 0 0 0 10px;
    border-radius: 0 0 0 10px;
  }
  .tabbable.nav-pills > li > a {
    background: transparent;
    min-height: 90px;
    -webkit-border-radius: 10px 0 0 10px;
    -moz-border-radius: 10px 0 0 10px;
    -ms-border-radius: 10px 0 0 10px;
    border-radius: 10px 0 0 10px;
  }
  .tabbable.nav-pills > li > a > span {
    display: block;
  }
}

@media (max-width: 767px) {
  .mt-icon {
    height: 42px;
    width: 42px;
  }
}

.progress {
  overflow: hidden;
  height: 3px;
  margin-bottom: 0px;
  background-color: #EA2020;
  color: #2FEA20;
}

.pace-inactive {
  height: 0px;
}

.probtab {
  overflow: hidden;
  overflow-y: hidden;
  overflow-x: hidden;
  white-space: nowrap;
}

.tableprobabilistico>thead>tr>th {
  vertical-align: bottom;
  border-bottom: 2px solid #988E8E;
}

.tableprobabilisticotitile {
  border-left: 2px solid #988E8E;
  border-right: 2px solid #988E8E;
  font-size: 10px;
  text-align: center;
  font-weight: bold;
}

.tableprobabilistiborderight {
  border-right: 2px solid #988E8E;
}

.tableprobabilisticotitilefont {
  font-size: 9px;
  text-align: center;
  font-weight: bold;
}

.tableprobabilisticopaddingth>thead>tr>th {
  padding-left: 2px;
  padding-right: 2px;
}

.tableprobabilisticopaddingtd>tbody>tr>td {
  padding-left: 2px;
  padding-right: 2px;
  padding-top: 4px;
  padding-bottom: 4px;
}

.tableprobabilisticotitiler>thead>tr>th {
  border-right: 2px solid #988E8E;
}

.tableprobabilisticotext {
  font-size: 75%;
  font-weight: bold;
  color: #333;
  text-align: center;
  vertical-align: middle !important;
}

.mt-hour-list-no-fixed {
  padding: 0;
  margin: 0;
  list-style: none;
  position: relative;
  display: table;
  table-layout: auto;
  width: 100%;
}

.tableprobabilisticotitilel {
  border-left: 2px solid #988E8E;
}

.mt-header-no-padding {
  width: 100%;
  background: #1c5671;
  color: #FFFFFF;
  /* padding: 15px 0 2px 22%; */
  /* margin: 0 !important;*/
  display: inline-block;
  text-transform: uppercase;
}

.space10 {
  clear: both;
  padding: 10px;
}

.boxTendenza {
  margin: auto;
  width: 44px;
  ;
  height: 13px;
  background: #e4e5e7;
  border: 1px solid #0065A8
}

.moltobassa {
  float: left;
  width: 5px;
  height: 11px;
  background: #0065A8;
}

.bassa {
  float: left;
  width: 10px;
  height: 11px;
  background: #0065A8;
}

.media {
  float: left;
  width: 25px;
  height: 11px;
  background: #0065A8;
}

.alta {
  float: left;
  width: 42px;
  height: 11px;
  background: #0065A8;
}

.boxTendenzaT {
  margin: auto;
  width: 50px;
  height: 13px;
  background: #e4e5e7;
  border: 1px solid #ff8040
}

.moltobassaT {
  float: left;
  width: 5px;
  height: 11px;
  background: #ff8040;
}

.bassaT {
  float: left;
  width: 10px;
  height: 11px;
  background: #ff8040;
}

.mediaT {
  float: left;
  width: 25px;
  height: 11px;
  background: #ff8040;
}

.altaT {
  float: left;
  width: 42px;
  height: 11px;
  background: #ff8040;
}

.titleshadedB {
  color: #042F96;
  font-weight: bold;
  font-size: 1.2em;
  padding: 3px 10px
}

.im-centered {
  margin: auto;
  max-width: 900px;
}

table.screen-bulletin td {
  padding: 4px!important;
  vertical-align: middle!important
}

table.screen-bulletin .mt-alert {
  min-height: auto;
  padding: 4px;
}

table.screen-bulletin td:first-child {
  font-weight: 700!important
}

table.screen-bulletin th.day {
  text-transform: capitalize
}

table.screen-bulletin .border-left {
  border-left: 1px solid #000;
  text-align: center
}

table.screen-bulletin td, table.screen-bulletin th {
  border-top: 0!important;
  border-bottom: 0!important
}

table.screen-bulletin tr.internal-header td {
  background-color: #1c5671;
  color: #fff;
  margin: 4px 0
}

table.screen-bulletin span.header-label {
  margin-left: 10px
}

/*!
 * Yamm!3 - Yet another megamenu for Bootstrap 3
 * http://geedmo.github.com/yamm3
 * 
 * @geedmo - Licensed under the MIT license
 */

.yamm .collapse, .yamm .dropdown, .yamm .dropup, .yamm .nav {
  position: static
}

.yamm .container {
  position: relative
}

.yamm .dropdown-menu {
  left: auto
}

.yamm .yamm-content {
  padding: 20px 30px
}

.yamm .dropdown.yamm-fw .dropdown-menu {
  left: 0;
  right: 0
}

.radar {
  display: block;
  min-height: 750px;
}
.radar img {
    display: block;
    position: absolute; 
		transition:1.5s opacity;
}