@charset "utf-8";

@import url(footer.css);
@import url(header.css);
@import url(../bootstrap/css/bootstrap.css);
@import url(../bootstrap/bootstrap-select/dist/css/bootstrap-select.min.css);
@import url(../bootstrap/bootstrap-datetimepicker/css/bootstrap-datetimepicker.min.css);
@import url(../bootstrap/datepicker/css/datepicker.css);
@import url(../bootstrap/timepicker/css/bootstrap-timepicker.min.css);
@font-face {
  font-family: 'Proxima Nova Rg';
  src: local('no-font'), url("../fonts/Proxima-Nova-Regular/Proxima-Nova-Regular.eot");
  /* IE9 Compat Modes */
  src: local('no-font'), url("../fonts/Proxima-Nova-Regular/Proxima-Nova-Regular.eot?#iefix") format("embedded-opentype"), url("../fonts/Proxima-Nova-Regular/Proxima-Nova-Regular.woff") format("woff"), url("../fonts/Proxima-Nova-Regular/Proxima-Nova-Regular.ttf") format("truetype"), url("../fonts/Proxima-Nova-Regular/Proxima-Nova-Regular.svg#2c1459d58560f08b4b0586fbe80aa4cd") format("svg");
  /* Legacy iOS */
  font-style: normal;
  font-weight: 400; }
body {
  background-color: #f0f0f0; }

header .menu_top {
  background-color: #000000;
  color: white; }
  header .menu_top ul li {
    display: inline-block; }
header .menu_bottom {
  background-image: -webkit-radial-gradient(100% 0, cover, #81be38, #037b00 70%); }
header #large_header .nav-main > ul > li.login > a span {
  font-family: 'Proxima Nova Rg' !important; }

@media (min-width: 1200px) {
  .container {
    width: 970px; } }
.main-content .top-image {
  -webkit-box-shadow: 0px 4px 13px -1px #8a888a;
  -moz-box-shadow: 0px 4px 13px -1px #8a888a;
  box-shadow: 0px 4px 13px -1px #8a888a; }
.main-content .lg_selector {
  margin-top: 30px;
  float: right; }
  .main-content .lg_selector select {
    margin-right: 15px;
    margin: 0 0 15px;
    border: 1px solid #d8d8d8;
    background-color: #fff;
    width: 165px;
    -webkit-appearance: menulist;
    -moz-appearance: menulist;
    -ms-appearance: menulist;
    -o-appearance: menulist;
    appearance: menulist; }
.main-content .main-description {
  margin: 50px 0;
  padding: 0; }
  .main-content .main-description .logo {
    text-align: center; }
  .main-content .main-description .description {
    padding-top: 30px; }
.main-content .error {
  color: red; }
.main-content.success {
  background-color: #ffffff;
  padding: 0; }
  .main-content.success .top-image img {
    width: 100%; }
  .main-content.success section {
    background-color: initial;
    margin-top: 70px;
    margin-bottom: 120px; }
    .main-content.success section .img {
      text-align: right; }
    .main-content.success section .description {
      padding: 10px 170px 0 0; }
.main-content section {
  background-color: #ffffff;
  padding: 6px; }
  .main-content section .option {
    width: 450px;
    height: 405px;
    padding: 0;
    background: url(../img/back_imgs.jpg) no-repeat;
    position: relative;
    margin: 7px; }
    .main-content section .option.option1 {
      background-position: 0 0; }
    .main-content section .option.option2 {
      background-position: -466px 0; }
    .main-content section .option.option3 {
      background-position: 0 -415px; }
    .main-content section .option.option4 {
      background-position: -466px -415px; }
    .main-content section .option .disabled {
      width: 0;
      height: 0;
      position: absolute;
      transition: opacity 1s ease-in-out;
      -moz-transition: opacity 1s ease-in-out;
      -webkit-transition: opacity 1s ease-in-out;
      opacity: 0;
      top: 0;
      left: 0;
      background-color: rgba(255, 255, 255, 0.7); }
    .main-content section .option.mask .disabled {
      transition: opacity .7s ease-in-out;
      -moz-transition: opacity .7s ease-in-out;
      -webkit-transition: opacity .7s ease-in-out;
      opacity: 1;
      width: 450px;
      height: 405px; }
    .main-content section .option.mask.div_active .disabled {
      width: 0;
      height: 0; }
    .main-content section .option .bar {
      background: #037b00;
      /* For browsers that do not support gradients */
      background: -webkit-linear-gradient(#81be38 -15%, #037b00 30%, #024e02 110%);
      /* For Safari 5.1 to 6.0 */
      background: -o-linear-gradient(#81be38 -15%, #037b00 30%, #024e02 110%);
      /* For Opera 11.1 to 12.0 */
      background: -moz-linear-gradient(#81be38 -15%, #037b00 30%, #024e02 110%);
      /* For Firefox 3.6 to 15 */
      background: linear-gradient(#81be38 -15%, #037b00 30%, #024e02 110%);
      /* Standard syntax */
      width: 100%;
      bottom: 0;
      position: absolute; }
      .main-content section .option .bar p {
        font-family: 'Proxima Nova Rg';
        margin: 5px;
        padding-left: 15px;
        color: white;
        float: left; }
      .main-content section .option .bar .btn {
        right: 15px;
        position: absolute;
        background: url(../img/sprite.png);
        background-position: -22px 0;
        width: 25px;
        height: 25px;
        top: 2px;
        outline: none; }
        .main-content section .option .bar .btn.collapsed {
          background-position: 0 0; }
  .main-content section .collapse-pannel {
    background: #037b00;
    position: relative;
    top: -7px;
    margin: 0 7px;
    font-family: Helvetica;
    color: #ffffff; }
    .main-content section .collapse-pannel .collapse-content {
      padding: 20px; }
      .main-content section .collapse-pannel .collapse-content .note {
        font-size: .8em;
        position: absolute;
        bottom: -160px; }
    .main-content section .collapse-pannel .form-container {
      margin-top: -15px;
      padding-right: 0; }
    .main-content section .collapse-pannel form label {
      display: block;
      font-family: Helvetica;
      font-weight: 100;
      font-size: 12px;
      padding-top: 15px; }
    .main-content section .collapse-pannel form .btn {
      padding: 5px 12px;
      border-radius: 0;
      border: 2px solid #d7d7d7; }
    .main-content section .collapse-pannel form input, .main-content section .collapse-pannel form .btn-default {
      width: 90%;
      color: #999999;
      border-radius: 0;
      border: 2px solid #d7d7d7; }
      .main-content section .collapse-pannel form input[type="text"], .main-content section .collapse-pannel form .btn-default[type="text"] {
        width: 100%; }
      .main-content section .collapse-pannel form input[type="radio"], .main-content section .collapse-pannel form .btn-default[type="radio"] {
        width: 20px;
        margin-right: 15px;
        margin-left: 3px; }
    .main-content section .collapse-pannel form textarea {
      border-radius: 0;
      border: 2px solid #d7d7d7; }
    .main-content section .collapse-pannel form .form-group {
      padding-left: 0; }
      .main-content section .collapse-pannel form .form-group .date-time-group .date-time-field {
        width: 50%;
        float: left;
        padding-right: 15px; }
      .main-content section .collapse-pannel form .form-group .date-time-group #timepicker {
        border-right: none; }
      .main-content section .collapse-pannel form .form-group .date-time-group .input-group-addon {
        font-size: 8px;
        color: #999999;
        padding: 6px 3px;
        border-radius: 0;
        border: 2px solid #d7d7d7;
        border-left: none;
        background: #ffffff; }
        .main-content section .collapse-pannel form .form-group .date-time-group .input-group-addon .glyphicon {
          top: 5px; }
    .main-content section .collapse-pannel form .btn-default {
      border-radius: 0;
      border: 2px solid #d7d7d7;
      color: #999999; }
    .main-content section .collapse-pannel form button[type="submit"] {
      background-color: #ffde00;
      color: #037b00;
      border: none;
      padding: 5px;
      width: 100px;
      margin-top: 20px; }
.main-content .reservation {
  color: #037b00; }
  .main-content .reservation h3 {
    margin-bottom: 0; }
  .main-content .reservation table {
    border-collapse: collapse;
    color: black; }
    .main-content .reservation table td {
      border-bottom: 2px solid #ffffff;
      padding: 8px; }
      .main-content .reservation table td.service {
        background-color: #037b00;
        color: #ffffff; }
      .main-content .reservation table td.from-to {
        background-color: #d4e9d4;
        font-weight: bold;
        font-size: 12px;
        width: 270px; }
        .main-content .reservation table td.from-to span {
          color: #037b00;
          width: 35px;
          display: inline-block; }
      .main-content .reservation table td.date-time {
        background-color: #037b00;
        color: #ffffff;
        text-align: center; }
      .main-content .reservation table td.viatura {
        width: 80px;
        background-color: #d4e9d4;
        text-align: center;
        font-weight: bold; }
      .main-content .reservation table td.note {
        background-color: #037b00;
        color: #ffffff;
        min-width: 250px;
        font-size: 12px; }
      .main-content .reservation table td a {
        text-transform: uppercase;
        color: #000000;
        font-size: 13px;
        text-decoration: underline; }
  .main-content .reservation input.form-control {
    background-color: #f0f0f0;
    border: 2px solid #d7d7d7;
    border-radius: 0;
    height: 28px; }
  .main-content .reservation label {
    margin-top: 15px; }
  .main-content .reservation button[type="submit"] {
    background-color: #037b00;
    color: #ffffff;
    border: none;
    border-radius: 0;
    padding: 10px;
    margin-top: 20px;
    font-size: 12px;
    font-weight: 300;
    text-transform: uppercase; }