@charset "utf-8";
body {
  background-color: #3a4145;
  color: #fff;
  font-family: 'Roboto', sans-serif;
  letter-spacing: 0em;
}
body .menu_multilingua {
  position: fixed;
  top: 0px;
  right: 15px;
}
#content.container-fluid {
  padding: 0;
}
#content > .box-header {
  width: 100%;
  height: 761px;
  background-image: url("../img/img_header.jpg");
  background-position: top center;
  background-repeat: no-repeat;
  font-family: 'Roboto Condensed', sans-serif;
  letter-spacing: 0.1em;
}
#content > .box-header.template-page {
  height: 210px;
  background-position: center -90px !important;
}
#content > .box-header.template-page .icons-bar {
  top: 140px !important;
}
#content > .box-header .icons-bar {
  position: absolute;
  top: 691px;
  width: 100%;
  background-color: rgba(255,255,255,0.5);
  height: 70px;
}
#content > .box-header .icons-bar .icon-medical {
  height: 52px;
  min-width: 70px;
  background-position: -10px 0px;
  background-repeat: no-repeat;
  margin-top: 7px;
}
#content > .box-header .icons-bar .icon-medical.span1 {
  margin-left: 25px;
}
#content > .box-header .icons-bar .icon-medical.icon1 {
  background-image: url("../img/icons/vaccinazioni.png") !important;
}
#content > .box-header .icons-bar .icon-medical.icon2 {
  background-image: url("../img/icons/antiparassitari.png") !important;
}
#content > .box-header .icons-bar .icon-medical.icon3 {
  background-image: url("../img/icons/esami.png") !important;
}
#content > .box-header .icons-bar .icon-medical.icon4 {
  background-image: url("../img/icons/visite.png") !important;
}
#content > .box-header .icons-bar .icon-medical.icon5 {
  background-image: url("../img/icons/chirurgia.png") !important;
}
#content > .box-header .icons-bar .icon-medical.icon6 {
  background-image: url("../img/icons/visite2.png") !important;
}
#content > .box-header .icons-bar .icon-medical.icon7 {
  background-image: url("../img/icons/diagnostica.png") !important;
}
#content > .box-header .icons-bar .icon-medical.icon8 {
  background-image: url("../img/icons/ricoveri.png") !important;
}
#content > .box-header .box-menu .logo-white {
  width: 40px;
  height: 40px;
  background-image: url("../img/logo-dexter-white.png");
  position: absolute;
  margin-top: 10px;
  margin-left: -30px;
}
#content > .box-header .box-menu .span8 {
  margin-left: 20px;
}
#content > .box-header .box-menu ul {
  list-style: none;
  height: 60px;
  background-color: rgba(255,255,255,0.5);
  border-radius: 10px;
  margin-top: 40px;
  padding-left: 50px;
}
#content > .box-header .box-menu ul li {
  display: inline-block;
  text-transform: uppercase;
  margin-left: 30px;
  margin-top: 23px;
  font-size: 1.3em;
  letter-spacing: 0em;
}
#content > .box-header .box-menu ul li a {
  color: #595959;
}
#content > .box-header .box-menu ul li a:hover {
  text-decoration: none;
  color: #3d9bb7;
}
#content > .box-header .box-menu ul li a.active {
  color: #3d9bb7;
}
#content > .box-header .box-main {
  margin-top: 138px;
}
#content > .box-header .box-main .dog {
  margin-left: 30px;
  width: 315px;
  height: 444px;
  background-image: url("../img/dog.png");
}
#content > .box-header .box-main .logo {
  float: right;
  width: 214px;
  height: 214px;
  background-image: url("../img/logo-dexter.png");
  background-size: 214px 214px;
  margin-right: 70px;
  margin-top: -70px;
}
#content > .box-header .box-main h1 {
  width: 300px;
  position: relative;
  float: right;
  text-align: center;
  margin-right: 28px;
  margin-top: 50px;
  font-size: 5em;
  text-shadow: 2px 2px 0 #6D6D6D;
  font-weight: bold;
  color: #fff;
}
#content > .box-header .box-main h2 {
  width: 300px;
  position: relative;
  float: right;
  text-align: center;
  margin-right: 28px;
  margin-top: 30px;
  font-size: 2.5em;
  text-shadow: 2px 2px 0 #6D6D6D;
  font-weight: bold;
  color: #fff;
}
#content > .box-body {
  width: 100%;
  height: auto;
  background-color: #fff;
  color: #292929;
}
#content > .box-body.box-contatti textarea {
  resize: none;
  height: 100px;
}
#content > .box-body.box-contatti input {
  width: 100%;
}
#content > .box-body.box-contatti .btn-success {
  float: right;
  margin-bottom: 20px;
}
#content > .box-body h1 {
  font-size: 1.8em;
  line-height: 36px;
  margin-top: 20px;
  background-color: #75C2D9;
  color: #FFF;
  padding: 4px;
  padding-left: 8px;
  text-shadow: 1px 1px 0 #6D6D6D;
  font-family: 'Roboto Condensed', sans-serif;
}
#content > .box-body p {
  display: block;
  margin-top: 10px;
  text-align: justify;
  margin-bottom: 20px;
  font-size: 1.1em;
}
#content > .box-body table thead th:nth-child(2),
#content > .box-body table thead th:nth-child(3),
#content > .box-body table thead th:nth-child(4) {
  text-align: center;
}
#content > .box-body table tbody .label {
  font-size: 0.9em;
}
#content > .box-body table tbody td:nth-child(2),
#content > .box-body table tbody td:nth-child(3),
#content > .box-body table tbody td:nth-child(4),
#content > .box-body table tfoot td:nth-child(2),
#content > .box-body table tfoot td:nth-child(3),
#content > .box-body table tfoot td:nth-child(4) {
  text-align: center;
}
#content > .box-body table tfoot td {
  padding: 20px;
}
#content > .box-body .box-dettagli img {
  float: right;
  margin-left: 25px;
  margin-top: 20px;
}
#content > .box-prefooter {
  width: 100%;
  height: 220px;
  border-top: 410px solid #fff;
  background-color: #75C2D9;
  font-family: 'Roboto Condensed', sans-serif;
  letter-spacing: 0.1em;
}
#content > .box-prefooter .device {
  width: 820px;
  height: 444px;
  background-image: url("../img/device.png");
  margin: 0 auto;
  margin-top: -370px;
}
#content > .box-prefooter h1 {
  text-align: center;
  margin-top: 10px;
  padding-right: 100px;
  font-size: 3em;
  text-shadow: 2px 2px 0 #6D6D6D;
  font-weight: bold;
  color: #fff;
}
#content > .box-prefooter h2 {
  text-align: center;
  margin-top: 15px;
  padding-left: 230px;
  font-size: 2.5em;
  text-shadow: 2px 2px 0 #6D6D6D;
  font-weight: bold;
  color: #fff;
}
#content > .box-footer {
  min-height: 200px;
  width: 100%;
}
#content > .box-footer .container {
  margin-top: 20px;
}
#content > .box-footer .container hr {
  border-top: 1px solid rgba(238,238,238,0.2);
  border-bottom: 0;
}
#content > .box-footer .container .contacts span {
  display: block;
  color: #FFF;
  font-size: 1.1em;
  line-height: 1.5em;
  letter-spacing: 0.1em;
}
#content > .box-footer .container .logo-vbv {
  background: url('../img/logo_vbvweb.png');
  width: 60px;
  height: 60px;
  position: relative;
  float: right;
  opacity: 0.9;
}
#content > .box-footer .container .logo-vbv:hover {
  opacity: 0.7;
}
#content > .box-footer .container .logo-abstract {
  background: url('../img/logo_abstract.png');
  width: 60px;
  height: 60px;
  position: relative;
  float: right;
  opacity: 0.9;
}
#content > .box-footer .container .logo-abstract:hover {
  opacity: 0.7;
}
.delay1 {
  animation-delay: 0.5s;
  -webkit-animation-delay: 0.5s;
}
.delay2 {
  animation-delay: 0.7s;
  -webkit-animation-delay: 0.7s;
}
.delay3 {
  animation-delay: 0.9s;
  -webkit-animation-delay: 0.9s;
}
.delay4 {
  animation-delay: 1s;
  -webkit-animation-delay: 1s;
}
.photo {
  border: 6px solid #fff;
  margin: 0 -6px;
  display: block;
}
.photo:hover {
  opacity: 0.9;
}
#cboxContent {
  background: none !important;
}
#cboxLoadedContent {
  padding: 0;
  background: none !important;
}
.label {
  font-size: 1.5em;
}
.label-info {
  background-color: #75C2D9;
}
.modal {
  color: #292929;
}
@media (max-width: 1200px) {
  .box-header .icons-bar .icon-medical {
    background-position: 0px 8px !important;
    background-size: 80px;
  }
  .box-header .icons-bar .icon-medical.span1 {
    margin-left: 6px !important;
  }
}
@media only screen and (min-width: 768px) and (max-width: 979px) {
  .box-header .box-menu.row {
    margin-left: -30px;
  }
  .box-header .span2 {
    display: none;
  }
  .box-header .span8 {
    width: 724px !important;
  }
  .box-header .icons-bar .icon-medical {
    min-width: 60px !important;
  }
  .box-header .icons-bar .icon-medical.span1 {
    margin-left: 25px !important;
  }
  .box-header .icons-bar .icon-medical.span1.empty {
    display: none;
  }
  .box-body .span2.empty,
  .box-footer .span2.empty {
    display: none;
  }
  .box-body .span4,
  .box-footer .span4 {
    width: 352px !important;
  }
  .box-body .span8,
  .box-footer .span8 {
    width: 724px !important;
  }
  .box-prefooter h1 {
    margin-top: -30px !important;
  }
  .box-prefooter .device {
    width: 100% !important;
    margin-top: -330px !important;
    background-repeat: no-repeat;
    background-size: 100%;
  }
}
@media only screen and (max-width: 767px) {
  body {
    padding-left: 0px !important;
    padding-right: 0px !important;
  }
  .box-header.template-page {
    height: 295px !important;
  }
  .box-header .span8 {
    margin-left: -25px !important;
  }
  .box-header ul {
    height: 200px !important;
    border-radius: 0 !important;
    margin-top: 0px;
    padding-left: 50px;
    padding-top: 10px;
    padding-bottom: 70px;
    margin-top: 0px !important;
  }
  .box-header ul li {
    text-align: center !important;
    display: block !important;
    padding-right: 70px;
  }
  .box-header .box-main .logo {
    float: none !important;
    margin: -120px auto !important;
  }
  .box-header .box-main h1,
  .box-header .box-main h2 {
    position: relative;
    float: none !important;
    width: 100% !important;
    margin: 0 !important;
  }
  .box-header .box-main h1 {
    margin-top: 150px !important;
  }
  .box-header .box-main h2 {
    margin-top: 30px !important;
  }
  .box-body .span4,
  .box-body .span12 {
    padding-left: 10px !important;
    padding-right: 10px !important;
  }
  .box-body .photo {
    margin: 0 auto;
  }
  .box-prefooter {
    border-top: 0px !important;
  }
  .box-prefooter h1,
  .box-prefooter h2 {
    text-align: center;
    padding: 0px !important;
    margin-top: 25px !important;
    text-shadow: 1px 1px 0 #505050 !important;
  }
  .box-prefooter h1 {
    font-size: 2.3em !important;
  }
  .box-prefooter h2 {
    font-size: 1.8em !important;
  }
  .box-prefooter .device {
    display: none;
  }
  .box-footer .span8 {
    padding-left: 10px !important;
    padding-right: 10px !important;
  }
}
@media only screen and (-webkit-min-device-pixel-ratio: 2),only screen and (min--moz-device-pixel-ratio: 2),only screen and (-o-min-device-pixel-ratio: 2),only screen and (min-device-pixel-ratio: 2),only screen and (min-resolution: 192dpi),only screen and (min-resolution: 2dppx) {
  .logo-abstract {
    background: url('../img/logo_abstract_300.png') !important;
    background-size: 100%;
  }
  .logo-vbv {
    background-size: 100%;
  }
  .logo {
    background-size: 100%;
  }
}