/* ==========================================================================
   FONTS inizio
   ========================================================================== */
@font-face {
    font-family: 'ralewaybold';
    src: url('/wbresp/font/raleway-bold-webfont.eot');
    src: url('/wbresp/font/raleway-bold-webfont.eot?#iefix') format('embedded-opentype'), url('/wbresp/font/raleway-bold-webfont.woff') format('woff'), url('/wbresp/font/raleway-bold-webfont.ttf') format('truetype'), url('/wbresp/font/raleway-bold-webfont.svg#ralewaybold') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'ralewaymedium';
    src: url('/wbresp/font/raleway-medium-webfont.eot');
    src: url('/wbresp/font/raleway-medium-webfont.eot?#iefix') format('embedded-opentype'), url('/wbresp/font/raleway-medium-webfont.woff') format('woff'), url('/wbresp/font/raleway-medium-webfont.ttf') format('truetype'), url('/wbresp/font/raleway-medium-webfont.svg#ralewaymedium') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'ralewaysemibold';
    src: url('/wbresp/font/raleway-semibold-webfont.eot');
    src: url('/wbresp/font/raleway-semibold-webfont.eot?#iefix') format('embedded-opentype'), url('/wbresp/font/raleway-semibold-webfont.woff') format('woff'), url('/wbresp/font/raleway-semibold-webfont.ttf') format('truetype'), url('/wbresp/font/raleway-semibold-webfont.svg#ralewaysemibold') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'ralewaylight';
    src: url('/wbresp/font/raleway-light-webfont.eot');
    src: url('/wbresp/font/raleway-light-webfont.eot?#iefix') format('embedded-opentype'), url('/wbresp/font/raleway-light-webfont.woff') format('woff'), url('/wbresp/font/raleway-light-webfont.ttf') format('truetype'), url('/wbresp/font/raleway-light-webfont.svg#ralewaylight') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'ralewayextralight';
    src: url('/wbresp/font/raleway-extralight-webfont.eot');
    src: url('/wbresp/font/raleway-extralight-webfont.eot?#iefix') format('embedded-opentype'), url('/wbresp/font/raleway-extralight-webfont.woff') format('woff'), url('/wbresp/font/raleway-extralight-webfont.ttf') format('truetype'), url('/wbresp/font/raleway-extralight-webfont.svg#ralewayextralight') format('svg');
    font-weight: normal;
    font-style: normal; 
}

/* ==========================================================================
   FONTS fine
   ========================================================================== */
body{font-family:'ralewaymedium',arial;font-size:16px;line-height:24px;overflow-x:hidden}
a{outline: 0 none;}
/* header*/
.navbar-brand-print {display: none}
.navbar-brand{height:90px}
.container {position: relative}
.nav > li > a {padding: 14px 0 10px 0;margin-left: 22px}
.no-padding{padding:0}

/*contenuti */
.mainContent {margin: 90px 0 100px 0}
.margin-top-banner{margin-top:32px;padding-left:30px}
.banner-responsive{width:100%}
.bgk-color{background-color:#eae7e7}
.mainContent .subMenuVoci{background-color:#fff;margin-bottom:0}
.mainContent .sezione-menu ul,.mainContent .sezione-menu ul li{padding:0;list-style:none}
.mainContent .sezione-menu {font-family:'ralewaybold',arial;font-size:20px;}
.mainContent .sezione-menu ul li{padding:18px 15px 18px 24px;border-bottom:1px solid #eae7e7}
.mainContent .sezione-menu ul li a,.mainContent .sezione-menu ul li a:hover{color:#6f8f0a;text-decoration:none}
.mainContent .sezione-menu ul li a:focus{text-decoration:underline}
.nome-sezione-menu{text-transform:uppercase;padding:18px 15px 18px 24px;display:block}
.menu-landing{padding-top:32px}
h2{font-size:42px;}
h3{font-size:32px;color:#666;font-style: italic;font-family:'ralewaylight',arial;font-weight:bold}
h4{font-size:20px;margin-top:25px}
ol{padding-left:15px}
ol li{padding-bottom:15px}
.section-landing{margin-bottom:50px}
.btn-grlit,.btn-grlit:hover {width:295px;color:#fff;font-family:"ralewaybold", arial;border: 2px solid #8ab10b;border-radius: 25px;height: 50px;font-size: 16px;padding: 0 50px 0 20px;line-height: 48px;outline:none;background: #8ab10b url(/wbresp/img/arrow-btn-green.png) right center no-repeat;display:inline-block;cursor:pointer;text-decoration:none!important;margin:20px auto;display:block}
.btn-grlit:hover{color:#8ab10b;background: #222 url(/wbresp/img/arrow-btn-black-hover.png) right center no-repeat;border-color:#222}
p.note{font-size:12px;font-style: italic;line-height:16px}
/*.column-wrapper{display:table}
.right-column,.left-column{display:table-cell;float:none;vertical-align:top}
.left-column{height:100%}*/
table {width:100%;border-collapse:collapse;border:1px solid #cdcdcd}
table th {background-color:#8ab10b;color:#fff;padding:10px;}
table td {padding:5px 10px;text-align:center;border-left: 1px solid #cdcdcd;}
table td.intestaz {text-align:left}
table tr.dispari td {background-color:#e6e6e6}
table td .bullet {width:14px;height:14px; border-radius:7px;background-color:#8ab10b;margin:0 auto}

.headerContainerNoBootS {
    position: relative;
}
.tableContainerNoBootS {
    overflow-y: auto;
}
.tableContainerNoBootS table {
    border-spacing: 0;
    width: 100%;
}
.corsivo {font-style:italic}
.text-colored {color:#8ab10b}


/* footer*/
.footer{background-color:#000;width:100%;color:#999;padding:30px;line-height:20px;float:left}
.footer p{font-size:12px;color:#999;}
ul.social{list-style:none;margin-top:-10px;width:400px;margin:-10px auto 0 auto}
ul.social li{float:left;padding:0 8px}
table td.intestaz.paragrafo{background-color:#EFF3E2}
h2,.text-colored{color:#6f8f0a}
/* MEDIA QUERY MENU MENU*/






@media (max-width: 992px) {
    .navbar-brand{height:80px}
	.navbar-toggle {position: absolute;height: 40px;width: 45px;border:none;}
	.navbar-inverse .navbar-toggle:focus, .navbar-inverse .navbar-toggle:hover {background-color:#000;border-color:#000;}
	.navTwo {margin-top: 0px}
    .dropdown-large-lbl,.dropdown-large-lbl.active {background: #000}
    .dropdown-large-lbl a,.dropdown-large-lbl.active a {color: #ccc}
    .navbar-header {text-align: center;background-color: #000}
    .navbar-brand {float: none;display: inline-block}
    .navbar-inverse .navbar-nav>li> a:hover {color: #fff!important}
    .navbar-inverse .navbar-nav>li.active> a:hover {color: #a6cc28!important}
    .navbar-inverse .navbar-nav>li.open> a:hover {color: #a6cc28!important}
    #navbar .nav.navbar-nav {overflow: auto}
    .navbar-nav {margin: 0 -15px;padding-top: 0}
   .dropdown-large-lbl a {border-bottom: 0;text-transform: none}
    .dropdown-large-lbl.active a {border-bottom: 0}
    .navbar-toggle .icon-bar.first {transition: transform .5s;transform-origin: 6px 2px;-ms-transition: transform .5s; -webkit-transform-origin: 6px 2px;-webkit-transition: transform .5s;}
    .navbar-toggle.opened .icon-bar.first {display: block;transform: rotate(45deg);-ms-transform: rotate(45deg);-webkit-transform: rotate(45deg);}
    .navbar-toggle.opened .icon-bar {display: none}
    .navbar-toggle .icon-bar.last {transition: transform .5s;transform-origin: 8px 1px;-ms-transition: transform .5s;-ms-transform-origin: 8px 1px;-webkit-transition: transform .5s;-webkit-transform-origin: 8px 1px;}
    .navbar-toggle.opened .icon-bar.last {display: block;transform: rotate(-45deg);-ms-transform: rotate(-45deg);-webkit-transform: rotate(-45deg);}
    .navbar-toggle.openedFix{background: url(/wbresp/img/icon-close-white.png) no-repeat 10px 6px;}
    .navbar-toggle.openedFix .icon-bar {display: none}
    #navbar .nav.navbar-nav .dropdown-toggle.dropdown-arrow {background: transparent url(/wbresp/img/arrow-btn-white_down.png) no-repeat right 17px;margin-right: 32px}
    #navbar .nav.navbar-nav .open .dropdown-toggle.dropdown-arrow {background: transparent url(/wbresp/img/arrow-btn-white_up.png) no-repeat right 17px;}
    .nav > li > a {text-transform: none}
	.dropdown-large-lbl a {font-size: 13px;font-family: "ralewaysemibold", arial;line-height: 26px;padding: 9px 8px 9px 8px;width: 86%;display: inline-block;box-sizing: border-box;margin: 0 25px 0 25px;text-decoration: none;cursor: pointer;}
	.menu-landing {padding-top: 0}
	}
/* Portrait phones and smaller */
@media (max-width: 479px) {
    .mainContent {margin-top: 64px}
    .navbar-toggle {left: 10px;top: 10px}
    .navbar {min-height: 64px}
    .navbar-header {height: 64px;}
    h1 {display: inline-block;float: none}
    .navbar-brand {padding: 10px}
    .navbar-brand > img {margin: 0 auto;max-width: 160px;}
	.footer ul{padding-left:0}
}
@media (min-width: 480px) and (max-width: 992px) {
    .navbar-toggle {left: 10px;top: 20px;}
    .navbar-brand > img {margin: -7px auto;}
    .accessoClientiMobLink.icoButton {padding-top: 47px;background: transparent url(/wbresp/img/icona_accedi.png) no-repeat center 20px}
}
/* Portrait tablets and small desktops / era 991px */

@media (min-width: 768px) and (max-width: 992px) {
    .navbar-nav > li > a {padding: 16px 0px;}
    /*.navbar-inverse .navbar-nav > li > a {font-size: 12px;}*/
    .navbar-brand > img {margin: -7px auto;}
    .dropdown-menu-large {width: 720px;margin-left: 15px}
}
/* Landscape tablets and medium desktops */

@media (min-width: 993px) {
    .navbar-nav,.navbar-toggle{display:none}
}
@media (max-width: 1200px) {
    .margin-top-banner{padding-left:15px}
}
/* FINE MEDIA QUERY MENU*/
@media (max-width: 992px) {
	.footer p{text-align:center}
	.footer ul{margin-bottom:70px}
}
@media (min-width: 768px) and (max-width: 1023px){
    .container {
        width: 100%;
    }
}





/* MODALE */
.modal {
  position: fixed;
  z-index: 1099;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  display: none;
  overflow: hidden;
  outline: 0;
  -webkit-overflow-scrolling: touch;
  -webkit-backface-visibility: hidden;
}
.modal.fade .modal-dialog {
  -webkit-transition: -webkit-transform 0.3s ease-out;
  -o-transition: -o-transform 0.3s ease-out;
  transition: transform 0.3s ease-out;
  -webkit-transform: translate(0, -25%);
  -ms-transform: translate(0, -25%);
  -o-transform: translate(0, -25%);
  transform: translate(0, -25%);
}
.modal.in .modal-dialog {
  -webkit-transform: translate(0, 0);
  -ms-transform: translate(0, 0);
  -o-transform: translate(0, 0);
  transform: translate(0, 0);
}
.modal-open {
  overflow: hidden;
}
.modal-open .modal {
  overflow-x: hidden;
  overflow-y: auto;
}
.modal-dialog {
  position: relative;
  margin: 10px auto;
  z-index:1100;
}
.modal-content {
  position: relative;
  border: 1px solid #999;
  border: 1px solid rgba(0, 0, 0, 0.2);
  border-radius: 2px;
  outline: 0;
  background-color: #fff;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  -webkit-box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5);
  box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5);
}
.modal-backdrop {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1000;
  background-color: #000;
}
.modal-backdrop.fade {
  opacity: 0;
  filter: alpha(opacity=0);
}
.modal-backdrop.in {
  opacity: 0.65;
  filter: alpha(opacity=65);
  /*z-index: 1000;*/
}
.modal-backdrop.color-white {
  background-color: #fff;
  opacity: 1;
}
.modal-header {
  min-height: 16.42857143px;
  padding: 15px;
  border-bottom: 0;
}
.modal-header .close {
  float: right;
  margin-top: -2px;
  cursor: pointer;
  text-decoration: none;
  color: #8ab10b;
  text-shadow: 0 1px 0 #fff;
  font-size: 21px;
  font-weight: 700;
  line-height: 1;
}
.modal-header .close span {
  text-decoration: none;
}
.modal-title {
  margin: 0;
  line-height: 1.42857143;
}
.modal-body {
  position: relative;
  padding: 18px;
}
.modal-body .container-fluid {
  padding: 0;
}
.modal-body h3:first-child {
  margin-top: 0;
}
.modal-footer {
  padding: 15px;
}
.modal-scrollbar.measure {
  position: absolute;
  top: -9999px;
  overflow: scroll;
  width: 50px;
  height: 50px;
}
.modal .close {
  text-decoration: none;
  opacity:1!important;
}
@media (min-width: 768px) {
  .modal-dialog {
    max-width: 600px;
    margin: 30px auto;
  }
  .modal-content {
    padding: 15px;
    border: 1px solid #999;
    border: 1px solid rgba(0, 0, 0, 0.2);
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    -webkit-box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5);
    box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5);
  }
  .modal-sm {
    max-width: 300px;
  }
}



/* VIDEO PLAYER */
.videoPlayer {
    width: 100%;
    display: inline-block;
    clear:both;
    height: auto;
    margin: 0;
    padding: 0
}

.videoPlayer.fs {
    float: none
}

.videoPlayer video {
    width: 100%;
    display: block;
    height: auto;
    clear: left;
    float: left;
    background-color: #000;
    margin: 0;
    padding: 0
}

.videoPlayer .playBig {
    z-index: 99;
    position: absolute;
    text-align: center;
    display: block;
    cursor: pointer;
    background: transparent url(/img/videoplayer_play.png) no-repeat center center;
    width: 100%
}

.videoPlayer .console {
    border-top: solid 1px #454545;
    float: left;
    clear: left;
    height: 25px;
    background: #333 url(/img/videoplayer_console_bg.gif) repeat-x 0 center;
    width: 100%;
    padding: 0 120px 0 32px;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    margin: 0
}

.videoPlayer .vidBtn {
    float: left;
    height: 24px;
    width: 31px;
    background: transparent url(/img/videoplayer_buttons.gif) no-repeat 0 0;
    border-right: solid 1px #333;
    margin: 0
}

.videoPlayer .vidBtn.play {
    margin-left: -31px
}

.videoPlayer.pause .vidBtn.play {
    background-position: 0 -23px
}

.videoPlayer.pause .playBig {
    display: none;
}

.videoPlayer .vidBtn.fullscreen {
    float: right;
    background-position: 0 -48px;
    margin-right: -120px;
    border-left: #454545;
    border-right: 0
}

.videoPlayer.fs .vidBtn.fullscreen {
    background-position: 0 -72px
}

.videoPlayer .vidBox {
    margin: 0px;
    height: 24px;
    padding: 0px;
    display: block;
    float: left;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
}

.videoPlayer .vidBox.timeLine {
    width: 100%;
    margin: 0;
    background:#333;
}

.videoPlayer .vidBox .slider {
    width: 100%;
    margin: 0;
    float: left;
    height: 24px;
    cursor: pointer;
    position:relative;
}
.videoPlayer .slider .slider-track {
    height:24px;border-radius:0;top:0; margin-top:0;
}
.videoPlayer .vidBox .slider .slider-track .slider-selection{
    background:#8ab10b;position:absolute;display:block;height:10px; top:0;
    height: 24px;
    background: #8ab10b url(/img/videoplayer_gauge.gif) repeat-x 0 center
}
.videoPlayer .vidBox .slider .tooltip, .videoPlayer .vidBox .slider .slider-handle {display:none;}
.videoPlayer .vidBox .slider .slider-track {position:relative;width:100%;display:block; background:#555;}
.videoPlayer .vidBox .slider .slider-track .slider-selection {border-radius:0;}
.videoPlayer .vidBox.volume {
    width: 90px;
    padding: 0;
    margin-right: -90px;
    float: right;
    border-left: solid 1px #454545;
    border-right: solid 1px #333
}
.videoPlayer .vidBox.volume .slider {
    width:60px;
    float:right;
}
.videoPlayer .vidBox.volume .volIcon {
    float: left;
    width: 24px;
    height: 24px;
    background: transparent url(/img/videoplayer_buttons.gif) no-repeat -2px -96px;
}
.videoPlayer .vidBox.volume .slider-track {
    width:60px;
    float:right;
}
.videoPlayer .vidBox.volume .bar {
    float: right;
    background-color: transparent;
    width: 60px;
    height: 24px
}

.videoPlayer .vidBox.volume .slider .slider-selection {
    background: transparent url(/img/videoplayer_volume.gif) no-repeat 0 4px
}

.videoPlayer .vidBox.volume .slider .slider-track {
    background: transparent url(/img/videoplayer_volume_gauge.gif) no-repeat 0 4px
}

/* FINE CLASSI VIDEOPLAYER */