@charset "UTF-8";
/* ---------- Logo ---------- */
.logo {
  display: inline-block;
  line-height: 1;
  vertical-align: middle; }

/* ---------- HTML editor ---------- */
body.html-editor {
  background: #FFF;
  color: #000; }

.html-editor.portlet-message-boards {
  -ms-word-break: break-all;
  word-break: break-all;
  word-break: break-word;
  -webkit-hyphens: auto;
  -moz-hyphens: auto;
  hyphens: auto;
  word-wrap: break-word; }
  .html-editor.portlet-message-boards blockquote {
    background: #eef0f2 url(/Web-Quadis-Responsive-theme/css/../images/message_boards/quoteleft.png) no-repeat 5px 5px;
    border: 1px solid #777;
    position: relative;
    padding: 5px 45px; }
    .html-editor.portlet-message-boards blockquote:after {
      background: url(/Web-Quadis-Responsive-theme/css/../images/message_boards/quoteright.png) no-repeat 50%;
      bottom: 5px;
      content: '';
      display: block;
      height: 24px;
      position: absolute;
      right: 5px;
      width: 31px;
      z-index: 999; }
    .html-editor.portlet-message-boards blockquote cite {
      display: block;
      font-weight: bold; }
  .html-editor.portlet-message-boards pre {
    background: #F9F9F9;
    border: 1px solid #777;
    padding: 0.5em; }

/* ---------- Text formatting ---------- */
.important {
  font-weight: bold; }

/* ---------- Main content body ---------- */
.portal-iframe #main-content {
  width: 100%; }

/* ---------- Loading animation ---------- */
.loading-animation {
  background: url(/Web-Quadis-Responsive-theme/css/../images/progress_bar/loading_animation.gif) no-repeat top center;
  margin-top: 10px;
  padding-top: 40px;
  text-align: left; }

/* ---------- Separator ---------- */
.separator {
  border-top: 1px dotted #BFBFBF; }

/* ---------- Update manager ---------- */
.update-available {
  margin-top: 10px;
  padding: 2px;
  text-align: left; }

/* ---------- Text highlighting ---------- */
.highlight {
  background: #FFC;
  font-weight: bold;
  margin: 0 1px; }

/* ---------- Miscellaneous ---------- */
#skip-to-content {
  clip: rect(0 0 0 0);
  position: absolute; }

/* ---------- Dragging/sorting indicators ---------- */
.portlet-layout.dragging {
  border-collapse: separate; }

.drop-area {
  background-color: #D3DADD; }

.active-area {
  background: #FFC; }

.portlet-boundary.yui3-dd-dragging {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=60);
  opacity: 0.6; }
  .portlet-boundary.yui3-dd-dragging .portlet {
    border: 2px dashed #CCC; }

.sortable-layout-proxy {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
  opacity: 1; }
  .sortable-layout-proxy .portlet-topper {
    background-image: none; }

.proxy {
  cursor: move;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=65);
  opacity: 0.65;
  position: absolute; }
  .proxy.generic-portlet {
    height: 200px;
    width: 300px; }
    .proxy.generic-portlet .portlet-title {
      padding: 10px; }
  .proxy.not-intersecting .forbidden-action {
    background: url(/Web-Quadis-Responsive-theme/css/../images/application/forbidden_action.png) no-repeat;
    display: block;
    height: 32px;
    position: absolute;
    right: -15px;
    top: -15px;
    width: 32px; }

.resizable-proxy {
  border: 1px dashed #828F95;
  position: absolute;
  visibility: hidden; }

.sortable-proxy {
  background: #727C81;
  margin-top: 1px; }

.lfr-freeform-layout-drag-indicator {
  visibility: hidden; }

.sortable-layout-drag-target-indicator {
  margin: 2px 0; }

/* ---------- Portal tool tips ---------- */
.tooltip {
  max-width: 200px; }

/* ---------- Tags ---------- */
.tagselector-content {
  border-width: 0;
  margin-bottom: 15px;
  overflow: visible;
  padding: 0; }
  .tagselector-content .textboxlistentry-holder {
    background: #FFF;
    border: 1px solid #CCC;
    margin-bottom: 5px;
    overflow: visible;
    padding: 5px;
    position: relative; }
    .tagselector-content .textboxlistentry-holder li {
      line-height: 1; }
    .tagselector-content .textboxlistentry-holder .lfr-tag-selector-input {
      border-width: 0;
      margin-bottom: 0; }
  .tagselector-content .textboxlistentry-remove {
    padding: 0 3px 1px; }

.tagselector .lfr-tags-selector-content {
  border-width: 0; }
.tagselector .lfr-tag-selector-input {
  background: none;
  padding: 0;
  width: auto; }
.tagselector .field .field-content {
  margin: 0; }
.tagselector .textboxlist-input-container {
  margin: 0; }

.tagselector-focused .textboxlistentry-holder {
  background: #FFF none;
  border: 1px solid #CCC; }

.categoriesselector-content .textboxlistentry-holder {
  background-color: transparent;
  border-width: 0;
  padding: 0; }

/* ---------- Tag cloud and tag list ---------- */
.tag-items {
  list-style: none;
  margin: 0 1em 0 0;
  padding: 0 1em 0.5em 1em;
  white-space: normal; }
  .tag-items li {
    display: inline;
    float: left;
    margin: 0 1em 0 0; }
  .tag-items a {
    white-space: nowrap; }

.tag-selected {
  color: #000;
  font-weight: bold;
  text-decoration: none; }

.tag-cloud {
  line-height: 2.5em; }
  .tag-cloud .tag-popularity-1 {
    font-size: 1em; }
  .tag-cloud .tag-popularity-2 {
    font-size: 1.3em; }
  .tag-cloud .tag-popularity-3 {
    font-size: 1.6em; }
  .tag-cloud .tag-popularity-4 {
    font-size: 1.9em; }
  .tag-cloud .tag-popularity-5 {
    font-size: 2.2em; }
  .tag-cloud .tag-popularity-6 {
    font-size: 2.5em; }

/* ---------- Underlay ---------- */
.underlay {
  clear: both;
  top: 100%; }
  .underlay .yui3-widget-hd {
    height: 38px; }
  .underlay .lfr-portlet-item {
    border-width: 0; }

.underlay-hidden {
  display: none; }

.underlay-content {
  background: #f4f3f3 url(/Web-Quadis-Responsive-theme/css/../images/common/message_panel_shadow.png) repeat-x 0 0;
  border: 0 solid #AEAFB1;
  border-width: 0 1px 1px; }

.underlay-close {
  position: absolute;
  right: 5px;
  top: 5px; }

/* ---------- Tabs ---------- */
.tab-active strong {
  font-weight: normal; }

.tab-back {
  float: right; }

.tab-back-content {
  border-width: 0;
  padding: 1px; }

/* ---------- Miscellaneous ---------- */
.lfr-panel-container {
  background: #FFF; }

.lfr-panel-content {
  padding: 5px 10px; }

.lfr-panel-basic .lfr-panel-content {
  padding-left: 15px; }

.dialog-bd {
  min-height: 30px; }

.dialog-content {
  border: 1px solid #C8C9CA;
  padding: 5px; }

.panel-hd {
  background: #c0c2c5 url(/Web-Quadis-Responsive-theme/css/../images/application/panel_header_bg.png) repeat-x 0 0;
  border: 1px solid;
  border-color: #C8C9CA #AEB2B8 #AEB2B8 #C8C9CA;
  padding-left: 10px;
  text-shadow: 1px 1px #FFF; }

.app-view-drop-active {
  background-color: #00A2EA;
  font-weight: bold; }
  .category-portlets .app-view-drop-active {
    color: #FFF; }

.basecelleditor [class~="form-validator-message"] {
  clip: rect(auto auto auto auto);
  width: auto; }

.document-library-file-entry-cell-editor-hidden {
  display: none; }

.previous-level {
  display: inline-block;
  font-size: 21px;
  line-height: 21px;
  margin-right: 5px;
  text-decoration: none;
  vertical-align: middle; }

/* ---------- Menus ---------- */
.lfr-page-templates li a {
  padding: 0; }
  .lfr-page-templates li a label {
    cursor: pointer;
    display: block;
    padding: 5px 0 5px 5px; }

.menu {
  position: absolute;
  width: auto; }
  .menu .notice-message {
    background-image: none;
    margin: 3px;
    padding: 6px; }

.menu-content {
  background: #FFF;
  list-style: none;
  min-width: 150px; }
  .menu-content li {
    margin: 0;
    padding: 0; }
    .menu-content li .disabled {
      color: #999; }

.menu-content {
  background: #ccc9c9 url(/Web-Quadis-Responsive-theme/css/../images/application/menu_bg.png) repeat-x 0 0;
  border: 1px solid;
  border-color: #AEAFB1 #777879 #777879 #AEAFB1;
  padding: 2px 0; }

.menugroup-content .menu-label {
  background: #D2D6DE;
  color: #5B677D;
  display: block;
  padding: 5px 3px;
  text-shadow: 1px 1px #FFF; }

.menugroup-content ul {
  display: block;
  min-width: 0; }

.menu-content li {
  border-bottom: 1px solid #BCBBBB;
  border-top: 1px solid #EEE;
  display: block;
  margin: 0;
  padding: 0; }
  .menu-content li.first {
    border-top-width: 0; }
  .menu-content li.last {
    border-bottom-width: 0; }

.menu-content li a, .menu-content li .disabled {
  color: #2C2F34;
  display: block;
  padding: 4px 5px;
  text-decoration: none; }

.menu-content li a.focus, .lfr-menu-expanded li a:focus {
  background-color: #5B677D;
  color: #FFF;
  text-shadow: -1px -1px #2C2F34; }

/* ---------- Loading mask ---------- */
.loadingmask-content {
  background: #CCC; }

.loadingmask-message {
  background: #d4d4d4 url(/Web-Quadis-Responsive-theme/css/../images/portlet/header_bg.png) repeat-x 0 0; }

/* ---------- Tree view ---------- */
.tree-node .icon-check {
  padding-right: 2px; }
  .tree-node .icon-check:before {
    content: "\f096"; }
.tree-node .tree-node-checked .icon-check {
  padding-right: 0; }
  .tree-node .tree-node-checked .icon-check:before {
    content: "\f046"; }
.tree-node .tree-node-over .tree-label {
  text-decoration: underline; }
.tree-node [class^="icon-"] {
  margin-right: 5px; }
.tree-node .tree-node-checkbox-container {
  margin-right: 0; }
.tree-node .tree-node-selected .tree-label {
  background: none; }

.tree-node-content .tree-hitarea {
  color: #999;
  font-size: 10px;
  padding-right: 6px; }
.tree-node-content .tree-label {
  margin-left: 3px; }
.tree-node-content .tree-node-hidden-hitarea {
  visibility: hidden; }

.tree-node-selected .tree-label {
  background-color: transparent; }

/* ---------- Page customization ---------- */
.dragging .portlet-column.customizable {
  background-color: #CFFCCF;
  outline: 3px solid #9CC97B; }

.customizable-layout-column-content {
  background-color: #C92C3C; }
  .customizable-layout-column-content.yui3-widget-content-expanded {
    border: 3px solid #333;
    margin: 0.2em; }

.customizable .customizable-layout-column-content {
  background-color: #9CC97B; }

.layout-customizable-controls {
  background-color: #FFF;
  font-size: 1.5em;
  margin: 1em;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=90);
  opacity: 0.9;
  padding: 1em;
  position: absolute;
  z-index: 15; }

/* ---------- Pagination ---------- */
.paginator-link {
  background: #eeeeee url() no-repeat scroll 50% 1px;
  border: 1px solid #F0F1F2;
  border-color: #F0F1F2 #B2B2B2 #949494 #F0F1F1;
  color: #1F1E1E;
  display: inline-block;
  height: 20px;
  padding: 0;
  text-indent: -9999px;
  width: 20px; }

.paginator-page-link {
  height: auto;
  text-indent: 0; }

.paginator-current-page {
  background: #0083bd url(/Web-Quadis-Responsive-theme/css/../images/application/paginator_link_current_bg.png) 0 0 repeat-x;
  border-color: #38B6EF #006D9E #006D9E #46B4E6;
  color: #FFF;
  text-shadow: -1px -1px #003C57; }

.paginator-first-link {
  background-image: url(/Web-Quadis-Responsive-theme/css/../images/arrows/paging_first.png); }

.paginator-prev-link {
  background-image: url(/Web-Quadis-Responsive-theme/css/../images/arrows/paging_previous.png); }

.paginator-last-link {
  background-image: url(/Web-Quadis-Responsive-theme/css/../images/arrows/paging_last.png); }

.paginator-next-link {
  background-image: url(/Web-Quadis-Responsive-theme/css/../images/arrows/paging_next.png); }

.paginator-current-page-report, .paginator-total {
  color: #555;
  font-size: 0.9em; }

.paginator-current-page-report {
  margin-left: 2em; }

.taglib-page-iterator .search-pages .page-links {
  padding: 0; }

/* ---------- Inline editing ---------- */
.lfr-editable {
  outline: 1px dashed #68bb30;
  outline-offset: 2px;
  position: relative; }
  .lfr-editable:after {
    background: #68bb30 url(/Web-Quadis-Responsive-theme/css/../images/common/edit_white.png) no-repeat 50%;
    content: '';
    display: block;
    height: 20px;
    position: absolute;
    right: 5px;
    top: 5px;
    width: 30px; }
  .lfr-editable:focus:after {
    display: none; }
  .lfr-editable:focus:hover {
    background-color: transparent; }
  .lfr-editable:hover {
    background-color: rgba(255, 255, 255, 0.3);
    outline-color: #519226; }
    .lfr-editable:hover:after {
      background-color: #519226; }

.lfr-editable-notice-close {
  margin-left: 1em; }

.lfr-portlet-title-editable {
  margin-top: 0;
  z-index: 9999; }
  .lfr-portlet-title-editable .lfr-portlet-title-editable-content {
    padding: 0; }
    .lfr-portlet-title-editable .lfr-portlet-title-editable-content .combobox-content .field-content .field-input-text {
      display: block;
      margin-bottom: 0; }
    .lfr-portlet-title-editable .lfr-portlet-title-editable-content .combobox-content .field-label.textfield-label {
      display: none; }
    .lfr-portlet-title-editable .lfr-portlet-title-editable-content .combobox-content .toolbar-content {
      margin-top: 0;
      vertical-align: top; }
      .lfr-portlet-title-editable .lfr-portlet-title-editable-content .combobox-content .toolbar-content .btn-group {
        margin-top: 0; }

.lfr-page-layouts .lfr-layout-template .layout-template-entry {
  height: 25px;
  width: 25px; }

.ie .proxy.not-intersecting .forbidden-action {
  right: 2px;
  top: 2px; }

.ie7 .menu-content li {
  z-index: 10; }
.ie7 .paginator-link {
  color: transparent;
  font-size: 0;
  overflow: hidden;
  text-indent: 0;
  vertical-align: middle; }
.ie7 .paginator-page-link {
  color: #1F1E1E;
  font-size: 1em;
  height: auto;
  line-height: 1.4;
  overflow: visible;
  text-indent: 0; }
.ie7 .paginator-current-page {
  color: #FFF; }

.ios.mobile .modal-content .dialog-iframe-bd {
  overflow: auto;
  -webkit-overflow-scrolling: touch; }

/* ---------- Column widths ---------- */
.portlet-column-content.empty {
  padding: 50px; }

/* ---------- Wrapper ---------- */
#wrapper {
  padding: 2em 5em 0; }
  @media (max-width: 767px) {
    #wrapper {
      padding-left: 0.5em;
      padding-right: 0.5em; } }
  @media (min-width: 768px) and (max-width: 979px) {
    #wrapper {
      padding-left: 2em;
      padding-right: 2em; } }

.aui {
  /* ---------- Staging dockbar ---------- */
  /* ---------- Add content ---------- */
  /* ---------- Menus ---------- */
  /* ---------- Customization bar ---------- */ }
  .aui .dockbar {
    left: 0;
    right: 0;
    top: 0; }
    .aui .dockbar .staging-controls .staging-bar li.dropdown .dropdown-menu {
      left: auto;
      margin-left: 10px;
      width: auto; }
    .aui .dockbar.navbar-static-top {
      position: relative; }
      .aui .dockbar.navbar-static-top .collapse {
        position: static; }
        .aui .dockbar.navbar-static-top .collapse .nav-account-controls {
          position: static; }
    .aui .dockbar .btn-link {
      color: #FFF; }
    .aui .dockbar .diamond {
      border: 12px solid transparent;
      border-bottom-color: #1485EB;
      height: 0;
      position: relative;
      top: -12px;
      width: 0; }
      .aui .dockbar .diamond:after {
        border: 12px solid transparent;
        border-top-color: #1485EB;
        content: '';
        height: 0;
        left: -12px;
        position: absolute;
        top: 12px;
        width: 0; }
    .aui .dockbar .impersonating-user .alert-icon {
      margin-right: 9px; }
    .aui .dockbar .impersonating-user .alert-info {
      border-width: 0;
      margin-bottom: 6px; }
    .aui .dockbar .info-button {
      top: 9px; }
    .aui .dockbar .info-items {
      left: 0;
      position: absolute;
      top: 100%;
      width: 100%;
      z-index: 1; }
    .aui .dockbar .navbar-inner {
      padding-left: 20px;
      padding-right: 20px; }
      .aui .dockbar .navbar-inner .brand h1 {
        display: inline-block;
        font-size: inherit;
        line-height: 1;
        margin-bottom: 0;
        margin-top: 0; }
      .aui .dockbar .navbar-inner .container {
        margin-left: 0;
        margin-right: 0;
        width: 100%; }
        .aui .dockbar .navbar-inner .container .nav-account-controls {
          float: right; }
      .aui .dockbar .navbar-inner .site-administration-menu li {
        list-style: none; }
        .aui .dockbar .navbar-inner .site-administration-menu li a {
          color: #000;
          display: block;
          padding: 3px 5px 3px 40px; }
          .aui .dockbar .navbar-inner .site-administration-menu li a:focus, .aui .dockbar .navbar-inner .site-administration-menu li a:hover {
            background: #0DB5E7;
            color: #FFF;
            text-decoration: none; }
          .aui .dockbar .navbar-inner .site-administration-menu li a i {
            font-size: 0.8em; }
    .aui .dockbar .nav.staging-nav-items {
      margin: 0;
      position: static; }
      .aui .dockbar .nav.staging-nav-items li.dropdown.active > .dropdown-toggle {
        background-color: transparent;
        display: block; }
        .aui .dockbar .nav.staging-nav-items li.dropdown.active > .dropdown-toggle:hover {
          color: #0077B3; }
      .aui .dockbar .nav.staging-nav-items .staging-link {
        position: static; }
    .aui .dockbar .user-avatar img {
      margin-top: -2px;
      text-decoration: none;
      vertical-align: middle;
      width: 20px; }
  .aui .dockbar-split .dockbar {
    height: 0;
    position: absolute; }
    .aui .dockbar-split .dockbar .staging-controls .staging-bar li.dropdown .dropdown-menu {
      left: 0;
      margin-left: 0;
      width: 100%; }
    .aui .dockbar-split .dockbar.navbar-static-top .collapse {
      position: relative; }
      .aui .dockbar-split .dockbar.navbar-static-top .collapse .nav-account-controls {
        position: fixed; }
    .aui .dockbar-split .dockbar .divider-vertical {
      display: none; }
    .aui .dockbar-split .dockbar .info-button {
      top: 12px; }
    .aui .dockbar-split .dockbar .info-items {
      left: auto;
      position: static; }
    .aui .dockbar-split .dockbar .navbar-inner {
      background-color: transparent;
      border-width: 0;
      padding: 0;
      width: 0; }
      .aui .dockbar-split .dockbar .navbar-inner .nav {
        border-bottom-width: 0; }
        .aui .dockbar-split .dockbar .navbar-inner .nav > li {
          background-color: #333; }
          .aui .dockbar-split .dockbar .navbar-inner .nav > li > a {
            color: #FFF;
            line-height: 31px; }
            .aui .dockbar-split .dockbar .navbar-inner .nav > li > a:focus, .aui .dockbar-split .dockbar .navbar-inner .nav > li > a:hover {
              color: #FFF; }
            .aui .dockbar-split .dockbar .navbar-inner .nav > li > a [class^="icon-"], .aui .dockbar-split .dockbar .navbar-inner .nav > li > a [class*=" icon-"] {
              margin-top: 3px; }
          .aui .dockbar-split .dockbar .navbar-inner .nav > li.active > a {
            color: #FFF; }
        .aui .dockbar-split .dockbar .navbar-inner .nav li.dropdown.active > .dropdown-toggle {
          color: #FFF; }
        .aui .dockbar-split .dockbar .navbar-inner .nav li.dropdown.open > .dropdown-toggle {
          background-color: #555;
          color: #FFF; }
        .aui .dockbar-split .dockbar .navbar-inner .nav li.info-items {
          background-color: transparent; }
        .aui .dockbar-split .dockbar .navbar-inner .nav li.staging-toggle > a {
          background-color: #2496E5;
          padding-bottom: 0;
          padding-top: 0; }
          .aui .dockbar-split .dockbar .navbar-inner .nav li.staging-toggle > a:hover {
            background-color: #2FA4F5; }
        .aui .dockbar-split .dockbar .navbar-inner .nav li.staging-toggle span.nav-item-label {
          padding: 5px 10px; }
      .aui .dockbar-split .dockbar .navbar-inner .nav-account-controls {
        left: auto;
        margin-right: 0;
        padding: 0;
        position: fixed;
        right: 5em;
        z-index: 325; }
      .aui .dockbar-split .dockbar .navbar-inner .nav-add-controls {
        background: transparent;
        position: fixed;
        top: 10%;
        z-index: 350; }
        .aui .dockbar-split .dockbar .navbar-inner .nav-add-controls > li {
          float: none;
          margin: 10px;
          position: relative; }
          .aui .dockbar-split .dockbar .navbar-inner .nav-add-controls > li.toggle-controls a {
            clip: rect(0 0 0 0);
            position: absolute; }
            .aui .dockbar-split .dockbar .navbar-inner .nav-add-controls > li.toggle-controls a:focus {
              clip: rect(auto auto auto auto);
              position: static; }
          @media (max-width: 979px) {
            .aui .dockbar-split .dockbar .navbar-inner .nav-add-controls > li.page-preview-controls {
              display: none; } }
          .aui .dockbar-split .dockbar .navbar-inner .nav-add-controls > li > a {
            background: #333;
            color: #FFF;
            padding: 6px 8px;
            text-align: center; }
            .aui .dockbar-split .dockbar .navbar-inner .nav-add-controls > li > a:hover {
              background: #555; }
            .aui .dockbar-split .dockbar .navbar-inner .nav-add-controls > li > a [class^="icon-"], .aui .dockbar-split .dockbar .navbar-inner .nav-add-controls > li > a [class^="icon-"], .aui .dockbar-split .dockbar .navbar-inner .nav-add-controls > li > a [class*=" icon-"] {
              font-size: 25px;
              position: relative;
              vertical-align: middle; }
            .aui .dockbar-split .dockbar .navbar-inner .nav-add-controls > li > a.toggle-controls-link {
              background: #92F545; }
              .aui .dockbar-split .dockbar .navbar-inner .nav-add-controls > li > a.toggle-controls-link [class^="icon-"], .aui .dockbar-split .dockbar .navbar-inner .nav-add-controls > li > a.toggle-controls-link [class^="icon-"], .aui .dockbar-split .dockbar .navbar-inner .nav-add-controls > li > a.toggle-controls-link [class*=" icon-"] {
                color: #000; }
            .aui .dockbar-split .dockbar .navbar-inner .nav-add-controls > li > a .nav-item-label {
              background: #333;
              display: none;
              left: 100%;
              margin-left: 0.5em;
              margin-top: -1em;
              padding: 0 20px;
              position: absolute;
              top: 50%;
              white-space: nowrap; }
            .aui .dockbar-split .dockbar .navbar-inner .nav-add-controls > li > a:hover .nav-item-label {
              display: block; }
            .aui .dockbar-split .dockbar .navbar-inner .nav-add-controls > li > a .icon-caret-down {
              display: none; }
        .aui .dockbar-split .dockbar .navbar-inner .nav-add-controls:hover > li.toggle-controls a {
          clip: rect(auto auto auto auto);
          position: static; }
    .aui .dockbar-split .dockbar .staging-nav-items li > span {
      color: #FFF;
      display: block;
      padding: 10px 15px;
      line-height: 31px; }
  .aui .dockbar-split .info-link-container {
    width: 0; }
  .aui .dockbar-split .info-items {
    height: 1px;
    width: 715px; }
    .aui .dockbar-split .info-items a, .aui .dockbar-split .info-items .btn-link {
      color: #FFF;
      text-decoration: underline; }
      .aui .dockbar-split .info-items a:hover, .aui .dockbar-split .info-items .btn-link:hover {
        text-decoration: none; }
        .aui .dockbar-split .info-items a:hover .taglib-text, .aui .dockbar-split .info-items .btn-link:hover .taglib-text {
          text-decoration: none; }
    .aui .dockbar-split .info-items .btn-link {
      border-width: 0;
      font-size: 14px;
      font-weight: 300;
      margin: 0 0 0 6px;
      padding: 0;
      text-shadow: none; }
  .aui .dockbar-split .staging-bar {
    margin: 10px 0; }
  .aui .dockbar-split.controls-hidden .dockbar .navbar-inner .nav-add-controls > li.toggle-controls > .toggle-controls-link {
    background: #F5AF45; }
  .aui .dockbar-split.lfr-has-add-content .nav-add-controls {
    left: 350px; }
  .aui .dockbar-split.lfr-has-device-preview .nav-add-controls {
    left: 220px; }
  .aui .dockbar-split.lfr-has-edit-layout .nav-add-controls {
    left: 460px; }
  .aui.dialog-iframe-root-node .dockbar .nav-add-controls .page-preview-controls {
    display: none; }
  .aui .touch .dockbar-split .dockbar .navbar-inner .nav-add-controls > li.toggle-controls > .toggle-controls-link, .aui .controls-hidden.dockbar-split .dockbar .navbar-inner .nav-add-controls > li.toggle-controls > .toggle-controls-link {
    clip: rect(auto auto auto auto);
    position: static; }
  .aui .variation-selector {
    display: block;
    font-size: 1.2em;
    font-weight: bold;
    margin: 1em; }
  .aui .layout-revision-container {
    margin: 1em 0 0 1em;
    padding: 0; }
    .aui .layout-revision-container .approximate-date {
      color: #999;
      font-weight: bold; }
    .aui .layout-revision-container .current-version {
      color: #41801d;
      display: block; }
    .aui .layout-revision-container .current-version-pointer {
      display: inline-block;
      width: 0; }
      .aui .layout-revision-container .current-version-pointer img {
        left: -25px;
        position: relative; }
    .aui .layout-revision-container .layout-variation-name {
      color: #666;
      font-size: 1.15em;
      margin-bottom: 0.1em;
      text-transform: uppercase; }
    .aui .layout-revision-container .layout-revision-current {
      color: #666; }
    .aui .layout-revision-container .real-date {
      color: #999;
      display: block;
      text-align: right; }
    .aui .layout-revision-container .taglib-workflow-status .workflow-status {
      background: none;
      padding-left: 0; }
      .aui .layout-revision-container .taglib-workflow-status .workflow-status .workflow-status-ready-for-publication {
        color: #41801d;
        font-weight: bold; }
  .aui .layout-revision-container-root {
    margin: 0; }
  .aui .staging-controls {
    padding-left: 5px;
    padding-right: 50px; }
    .aui .staging-controls select {
      width: 100%; }
    .aui .staging-controls .staging-bar .dropdown-menu {
      font-size: 13px;
      min-width: 520px;
      width: 100%; }
      .aui .staging-controls .staging-bar .dropdown-menu .btn-link {
        float: left;
        font-size: 11px;
        margin: 0 5px 0 0;
        padding: 0;
        text-decoration: underline;
        text-shadow: none; }
        .aui .staging-controls .staging-bar .dropdown-menu .btn-link:hover {
          text-decoration: none; }
        .aui .staging-controls .staging-bar .dropdown-menu .btn-link.history {
          float: right; }
  .aui .lfr-admin-panel {
    background-color: #FFF;
    bottom: 0;
    left: 0;
    overflow: auto;
    padding: 10px;
    position: fixed;
    top: 0;
    z-index: 1100; }
    @media (max-width: 767px) {
      .aui .lfr-admin-panel {
        height: 100%;
        padding-bottom: 0;
        padding-top: 0;
        position: absolute; } }
  .aui .lfr-has-add-content {
    padding-left: 350px; }
  .aui .lfr-has-device-preview {
    padding-left: 220px; }
  .aui .lfr-has-edit-layout {
    padding-left: 460px; }
  .aui .dropdown-menu > li > a:focus > [class^="icon-"] {
    background-image: none; }
  .aui .my-sites-menu .site-type {
    color: #FFF;
    display: none;
    float: right;
    font-size: 0.8em;
    font-weight: normal;
    margin-right: 10px;
    position: absolute;
    right: 100%; }
  .aui .my-sites-menu a:hover .site-type {
    color: #FFFFFF;
    display: inline-block; }
  .aui .ie.rtl .dockbar .menu-button span {
    background-position-x: -25px; }
  .aui.ie6 .dockbar-split .dockbar .navbar-inner .nav-add-controls li.page-preview-controls, .aui.ie7 .dockbar-split .dockbar .navbar-inner .nav-add-controls li.page-preview-controls, .aui.ie8 .dockbar-split .dockbar .navbar-inner .nav-add-controls li.page-preview-controls {
    display: none; }
  .aui .ie7 .dockbar {
    zoom: 1; }
  .aui .ie7 .my-sites-menu a {
    overflow: visible;
    text-align: left; }
  .aui .ie7 .my-sites-menu .site-name {
    float: none; }
  .aui .ie7 .my-sites-menu .site-type {
    float: none; }
  .aui .ie6 .dockbar, .aui .ie6 .lfr-dockbar-pinned .dockbar {
    height: 10px;
    left: 0;
    position: relative;
    top: 0; }
  .aui .ie6 .dockbar .pin-dockbar {
    display: none; }
  .aui .ie6 .my-sites-menu {
    width: 200px; }
    .aui .ie6 .my-sites-menu a {
      zoom: 1; }
  .aui .ie6 .menu-scroll {
    height: 300px;
    overflow-y: auto; }
  .aui .controls-hidden .info-button, .aui .controls-hidden .page-customization-bar {
    display: none; }
  .aui .info-button {
    cursor: pointer;
    display: inline-block;
    position: relative;
    right: 12px;
    z-index: 1; }
    .aui .info-button a {
      color: #FFF;
      padding: 2px 10px;
      position: absolute;
      text-decoration: none;
      z-index: 1; }
    .aui .info-button .icon-stop {
      color: #1485EB;
      font-size: 20px; }
  .aui .page-customization-bar {
    background-color: #555;
    background-color: rgba(0, 0, 0, 0.5);
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    color: #FFF;
    display: table;
    font-size: 14px;
    font-weight: 300;
    padding: 0 15px;
    width: 100%; }
    .aui .page-customization-bar .customized-icon {
      margin: 5px;
      vertical-align: middle; }
    .aui .page-customization-bar .page-customization-actions {
      padding-left: 5em; }
    .aui .page-customization-bar .page-customization-actions a {
      color: #EEE;
      font-size: 0.8em;
      padding: 0 1em; }
    .aui .page-customization-bar .page-customization-bar-form {
      display: table-cell;
      text-align: center;
      vertical-align: middle;
      width: 25%; }
      .aui .page-customization-bar .page-customization-bar-form a {
        color: #FFF; }
        .aui .page-customization-bar .page-customization-bar-form a:focus, .aui .page-customization-bar .page-customization-bar-form a:hover {
          color: #FFF;
          text-decoration: none; }
      .aui .page-customization-bar .page-customization-bar-form span {
        display: block;
        line-height: 20px; }
    .aui .page-customization-bar .page-customization-bar-text {
      display: table-cell;
      height: 51px;
      vertical-align: middle;
      width: 75%; }
    .aui .page-customization-bar .page-customization-bar-container {
      position: absolute; }
    .aui .page-customization-bar .reset-prototype {
      display: inline; }
  @media (max-width: 1140px) {
    .aui .dockbar-split .dockbar .info-items {
      width: 515px; } }

/* ---------- Add/remove page ---------- */
.modify-pages li {
  position: relative; }
  .modify-pages li.lfr-nav-hover .delete-tab {
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
    opacity: 1; }
.modify-pages .add-page-editor-input {
  width: 150px; }
.modify-pages .delete-tab {
  color: #444;
  cursor: pointer;
  display: block;
  font-size: 20px;
  font-weight: bold;
  height: 10px;
  line-height: 6px;
  margin-top: -8px;
  overflow: hidden;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
  opacity: 0;
  padding: 3px 0;
  position: absolute;
  right: 1px;
  text-shadow: 0 1px #FFF;
  top: 50%; }
  .modify-pages .delete-tab:hover {
    color: #B50303; }
.modify-pages .lfr-nav-updateable.selected a:hover span {
  cursor: text; }

.nav li .toolbar {
  margin-top: 5px; }

/* ---------- Navigation portlet ---------- */
.nav-menu ul {
  padding-left: 10px; }
.nav-menu li a.ancestor {
  font-weight: bold; }
.nav-menu li a.selected {
  color: #000;
  font-weight: bold;
  text-decoration: none; }

.nav-menu-style-arrows ul {
  list-style-image: url(/Web-Quadis-Responsive-theme/css/../images/arrows/04_right.png); }

/* ---------- Page template selector ---------- */
.form-options {
  border: 1px solid #AAA;
  display: inline-block;
  vertical-align: middle; }
  .form-options input {
    border-width: 0;
    display: inline;
    float: left; }

.form-triggers {
  float: left; }

.form-trigger {
  background: #c4c4c4 url(/Web-Quadis-Responsive-theme/css/../images/application/button_bg.png) repeat-x 0 0;
  border-left: 1px solid #BBB;
  display: inline-block;
  float: left; }
  .form-trigger img {
    background: url() no-repeat 50% 40%;
    height: 25px;
    padding: 0 3px;
    vertical-align: middle;
    width: 16px; }
  .form-trigger:focus, .form-trigger:hover {
    background-color: #83B0CA;
    background-image: url(/Web-Quadis-Responsive-theme/css/../images/application/button_bg_over.png); }

.trigger-selected {
  background-color: #EBEBEB;
  background-image: url(/Web-Quadis-Responsive-theme/css/../images/application/button_bg_selected.png); }
  .trigger-selected:focus, .trigger-selected:hover {
    background-color: #B7DEF4;
    background-image: url(/Web-Quadis-Responsive-theme/css/../images/application/button_bg_selected_over.png); }

.options-trigger img {
  background-image: url(/Web-Quadis-Responsive-theme/css/../images/common/configuration.png); }

.save-trigger img {
  background-image: url(/Web-Quadis-Responsive-theme/css/../images/common/check.png); }

/* ---------- Portlet wrapper and icons ---------- */
.freeform .portlet {
  margin-bottom: 0; }

body.portlet {
  border: none; }

.portlet-topper {
  position: relative; }
  .portlet-topper .portlet-topper-toolbar {
    margin: 0;
    padding: 2px;
    position: absolute;
    right: 3px;
    text-align: right;
    top: 3px;
    z-index: 300; }
    .portlet-topper .portlet-topper-toolbar a {
      color: inherit; }
      .portlet-topper .portlet-topper-toolbar a, .portlet-topper .portlet-topper-toolbar a:hover {
        text-decoration: none; }
      .portlet-topper .portlet-topper-toolbar a i {
        font-size: 19px; }
    .portlet-topper .portlet-topper-toolbar .nobr {
      display: block;
      float: left;
      padding: 1px; }
    .portlet-topper .portlet-topper-toolbar .portlet-icon-back {
      background: url(/Web-Quadis-Responsive-theme/css/../images/arrows/12_left.png) no-repeat 0 50%;
      color: #FFF;
      font-weight: bold;
      padding: 5px 5px 5px 18px; }
      .portlet-topper .portlet-topper-toolbar .portlet-icon-back:hover {
        color: #FFF; }
    .portlet-topper .portlet-topper-toolbar .portlet-options .lfr-icon-menu-text {
      color: transparent;
      font-size: 0; }

.portlet-title {
  display: block; }
  .portlet-title img {
    vertical-align: middle; }

.portlet-title-editable {
  cursor: pointer; }

.portlet-title-text {
  display: none;
  max-width: 95%;
  overflow: hidden;
  text-overflow: ellipsis;
  vertical-align: top;
  white-space: nowrap; }

.panel-page-content .portlet-title-text, .panel-page-body .portlet-title-text {
  cursor: auto; }

.portlet-content, .portlet-minimized .portlet-content-container {
  padding: 0; }

.portlet-minimized .portlet-content {
  padding: 0; }

.portlet-nested-portlets .portlet-boundary {
  position: relative !important;
  top: 0 !important;
  left: 0 !important; }

.portlet-borderless-bar, .portlet-content .lfr-icon-actions {
  background: #333;
  color: #FFF;
  text-shadow: -1px -1px #000; }
  .portlet-borderless-bar a, .portlet-content .lfr-icon-actions a {
    color: #3AF; }

.portlet-borderless-container:hover .portlet-borderless-bar, .portlet-content:hover .lfr-icon-actions {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
  opacity: 1; }

.portlet-borderless-container:hover .portlet-borderless-bar .portlet-actions, .portlet-content:hover .lfr-icon-actions .taglib-text {
  display: inline-block; }

.portlet-content .lfr-icon-actions {
  float: left;
  margin: 1px 10px 1px 1px;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=50);
  opacity: 0.5;
  padding: 2px 7px; }
  .portlet-content .lfr-icon-actions .taglib-text {
    color: #FFF;
    display: none;
    font-weight: bold;
    margin-right: 1em;
    text-decoration: none;
    vertical-align: middle; }
  .portlet-content .lfr-icon-actions .lfr-icon-action a {
    background: url() no-repeat 0 50%;
    display: inline-block;
    margin-left: 5px;
    vertical-align: top; }
    .portlet-content .lfr-icon-actions .lfr-icon-action a:hover {
      text-decoration: none; }
      .portlet-content .lfr-icon-actions .lfr-icon-action a:hover span {
        text-decoration: underline; }
    .portlet-content .lfr-icon-actions .lfr-icon-action a img {
      visibility: hidden; }
  .portlet-content .lfr-icon-actions .lfr-icon-action-add a {
    background-image: url(/Web-Quadis-Responsive-theme/css/../images/common/add_white.png); }
  .portlet-content .lfr-icon-actions .lfr-icon-action-edit a {
    background-image: url(/Web-Quadis-Responsive-theme/css/../images/common/edit_white.png); }
  .portlet-content .lfr-icon-actions .lfr-icon-action-edit-template a {
    background-image: url(/Web-Quadis-Responsive-theme/css/../images/common/edit_template_white.png); }
  .portlet-content .lfr-icon-actions .lfr-icon-action-configuration a {
    background-image: url(/Web-Quadis-Responsive-theme/css/../images/common/configuration_white.png); }
.portlet-content .lfr-url-error {
  display: inline-block;
  white-space: normal; }

/* ---------- Borderless portlet ---------- */
.portlet-borderless-container {
  min-height: 2.5em;
  position: relative; }

.portlet-borderless-bar {
  font-size: 10px;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=30);
  opacity: 0.3;
  padding: 2px 5px 1px;
  position: absolute;
  right: 0;
  top: 0;
  z-index: 200; }
  .portlet-borderless-bar a {
    background: url() no-repeat 0 50%;
    display: inline-block;
    height: 16px;
    margin-left: 5px;
    text-indent: -9999px;
    vertical-align: middle;
    width: 16px; }
  .portlet-borderless-bar .portlet-actions {
    display: none;
    float: left;
    margin-right: 10px;
    overflow: hidden; }
  .portlet-borderless-bar .portlet-actions, .portlet-borderless-bar .portlet-title-default {
    min-height: 20px;
    vertical-align: top; }
  .portlet-borderless-bar .portlet-action-separator {
    display: none; }
  .portlet-borderless-bar .portlet-back a {
    height: auto;
    text-indent: 0;
    width: auto; }
  .portlet-borderless-bar .portlet-close a {
    background-image: url(/Web-Quadis-Responsive-theme/css/../images/portlet/close_borderless.png); }
  .portlet-borderless-bar .portlet-options li.lfr-trigger strong a {
    background-image: url(/Web-Quadis-Responsive-theme/css/../images/portlet/options_borderless.png); }

.lfr-configurator-visibility .portlet-borderless-bar {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=60);
  opacity: 0.6; }
.lfr-configurator-visibility .portlet-content .lfr-icon-actions {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
  opacity: 1; }

.portlet-content .icons-container {
  clear: both;
  height: auto;
  margin-top: 1em;
  overflow: hidden;
  width: auto; }

.portlet-title-default {
  display: inline-block;
  float: right;
  font-weight: bold;
  text-transform: uppercase; }

.portlet-draggable .portlet-topper {
  cursor: move; }
.portlet-draggable .portlet-title-default {
  background: url(/Web-Quadis-Responsive-theme/css/../images/portlet/draggable_borderless.png) no-repeat 0 50%;
  cursor: move;
  padding-left: 20px; }

/* ---------- Panel page ---------- */
.lfr-panel-page {
  width: 100%; }
  .lfr-panel-page .portlet-title {
    font-size: 13px; }
  .lfr-panel-page .lfr-add-content h2 span {
    background-color: #D3DADD; }

/* ---------- Standard styles defined in the JSR 168 ---------- */
/* ---------- Fonts ---------- */
/* ---------- Font attributes for the 'normal' fragment font ---------- */
/* ---------- Font attributes similar to the .portlet-font but the color is lighter ---------- */
/* ---------- Messages ---------- */
.portlet-msg {
  background: #EEE none no-repeat 6px 50%;
  border: 1px solid #555;
  color: #34404F;
  font-weight: bold;
  margin: 2px auto 14px;
  padding: 6px 6px 6px 30px;
  text-align: left; }

/* ---------- Status labels ---------- */
.lfr-status-alert-label, .lfr-status-error-label, .lfr-status-info-label, .lfr-status-progress-label, .lfr-status-success-label {
  background: none no-repeat 0 50%;
  padding: 3px 3px 3px 20px; }

.lfr-status-alert-label {
  background-image: url(/Web-Quadis-Responsive-theme/css/../images/messages/alert.png);
  color: #663; }

.lfr-status-error-label {
  background-image: url(/Web-Quadis-Responsive-theme/css/../images/messages/error.png);
  color: #900; }

.lfr-status-help-label, .lfr-status-info-label, .lfr-status-progress-label {
  background-image: url(/Web-Quadis-Responsive-theme/css/../images/messages/info.png);
  color: #34404F; }

.lfr-status-help-label {
  background-image: url(/Web-Quadis-Responsive-theme/css/../images/portlet/help.png); }

.lfr-status-progress-label {
  background-image: url(/Web-Quadis-Responsive-theme/css/../images/aui/loading_indicator.gif); }

.lfr-status-success-label {
  background-image: url(/Web-Quadis-Responsive-theme/css/../images/messages/success.png);
  color: #384F34; }

/* ---------- Liferay messages ---------- */
.lfr-message {
  position: relative; }
  .lfr-message .lfr-message-control {
    background-color: #333;
    display: inline-block; }
  .lfr-message .lfr-message-controls {
    display: none;
    left: 3px;
    margin: -8px 8px 0 3px;
    position: absolute;
    top: 50%;
    z-index: 10; }
  .lfr-message .lfr-message-close {
    background-image: url(/Web-Quadis-Responsive-theme/css/../images/portlet/close_borderless.png);
    background-position: 0 0;
    background-repeat: no-repeat; }
  .lfr-message .lfr-message-close-all {
    color: #FFF;
    display: none;
    font-size: 0.8em;
    margin-left: 10px;
    padding: 1px 10px;
    text-shadow: 1px 1px 0 #000;
    vertical-align: top; }
    .lfr-message .lfr-message-close-all a {
      color: #FFF; }
  .lfr-message .lfr-message-controls-hover .lfr-message-close-all {
    display: inline-block; }
  .lfr-message.pending {
    background-image: url(/Web-Quadis-Responsive-theme/css/../images/common/time.png); }

.lfr-message-content.alert {
  margin-bottom: 0; }

.lfr-message-close {
  cursor: pointer; }

/* ---------- Sections ---------- */
/* ---------- Text in a selected cell range ---------- */
.portlet-section-selected, .portlet-section-selected a {
  background: #727C81;
  color: #FFF;
  font-weight: bold;
  text-decoration: none; }
.portlet-section-selected a:hover, .portlet-section-selected a:focus {
  background-color: #727C81; }

/* ---------- Text of a subheading ---------- */
/* ---------- Table or section footnote ---------- */
/* ---------- Text that belongs to the table but does not fall in one of the other categories (e.g. explanatory or help text that is associated with the section) ---------- */
/* ---------- Forms ---------- */
.alert .form {
  margin: 0; }

/* ---------- Text used for the descriptive label of the whole form (not the labels for fields) ---------- */
/* ---------- Text of the user-input in an input field ---------- */
/* ---------- Text on a button ---------- */
/* ---------- Text that appears beside a context dependent action icon ---------- */
/* ---------- Text that appears beside a 'standard' icon (e.g. Ok, or cancel) ---------- */
/* ---------- Text for a separator of fields (e.g. checkboxes, etc.) ---------- */
/* ---------- Text for a field (not input field, e.g. checkboxes, etc.) ---------- */
/* ---------- Menus ---------- */
/* ---------- General menu settings such as background color, margins, etc. ---------- */
/* ---------- Normal, unselected menu item ---------- */
/* ---------- Selected menu item ---------- */
/* ---------- Normal, unselected menu item when the mouse hovers over it ---------- */
/* ---------- Selected menu item when the mouse hovers over it ---------- */
/* ---------- Normal, unselected menu item that has sub-menus ---------- */
/* ---------- Selected sub-menu item that has sub-menus ---------- */
/* ---------- Descriptive text for the menu (e.g. in a help context below the menu) ---------- */
/* ---------- Menu caption ---------- */
/* ---------- Miscellaneous portlet styles ---------- */
.restricted, .restricted td {
  background: #FDD;
  border: none; }
.restricted * {
  color: #727C81; }

.alt.restricted td {
  background-color: #FFC0C0; }

.hover.restricted td {
  background-color: #D3BDC0; }

.alt.restricted td.first, .restricted td.first {
  background-image: url(/Web-Quadis-Responsive-theme/css/../images/messages/error.png);
  background-position: 5px 50%;
  background-repeat: no-repeat;
  padding-left: 28px; }

/* ---------- Permissions ---------- */
.table-data tr.lfr-role .first {
  background-image: url();
  background-position: 5px 50%;
  background-repeat: no-repeat;
  padding-left: 30px; }
.table-data tr.lfr-role-guest .first {
  background-image: url(/Web-Quadis-Responsive-theme/css/../images/common/guest_icon.png); }
.table-data tr.lfr-role-regular .first {
  background-image: url(/Web-Quadis-Responsive-theme/css/../images/common/user_icon.png); }
.table-data tr.lfr-role-site .first {
  background-image: url(/Web-Quadis-Responsive-theme/css/../images/common/site_icon.png); }
.table-data tr.lfr-role-organization .first {
  background-image: url(/Web-Quadis-Responsive-theme/css/../images/common/organization_icon.png); }
.table-data tr.lfr-role-team .first {
  background-image: url(/Web-Quadis-Responsive-theme/css/../images/common/team_icon.png); }

/* ---------- Miscellaneous component styles ---------- */
/* ---------- Add content dialog ---------- */
.lfr-portlet-item, .lfr-portlet-item p a {
  font-size: 1em; }

/* ---------- Calendar taglib ---------- */
.taglib-calendar tr.portlet-section-header th, .taglib-calendar tr td {
  border: none; }
.taglib-calendar tr td a {
  background-color: #F0F5F7;
  border: 1px solid #FFF;
  border-bottom: none;
  border-left: none;
  display: block;
  height: 15px;
  padding: 5px 0; }
  .taglib-calendar tr td a:hover {
    background-color: #727C81;
    color: #FFF; }
.taglib-calendar tr td.calendar-inactive {
  background-color: #FFF;
  color: #B5BFC4; }
.taglib-calendar tr th {
  border-bottom-color: #D7D7D7; }
.taglib-calendar table td {
  border-width: 0; }
.taglib-calendar .calendar-current-day, .taglib-calendar .calendar-current-day a {
  background-color: #FFF; }
.taglib-calendar .calendar-current-day a {
  border: 1px solid #727C81;
  color: #369;
  text-decoration: underline; }

/* ---------- navbar form search ---------- */
.navbar form {
  margin: 0; }

.ie .portlet-borderless-bar {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=50);
  opacity: 0.5; }
.ie .portlet-content .lfr-icon-actions {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=50);
  opacity: 0.5; }
.ie .portlet-borderless-container:hover .portlet-borderless-bar, .ie .portlet-journal-content .lfr-icon-actions:hover {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
  opacity: 1; }
.ie .taglib-calendar tr td.first a {
  border-right: none; }

.ie6 .portlet-content .icons-container, .ie7 .portlet-content .icons-container {
  overflow: visible; }
.ie6 .portlet-content .lfr-icon-actions .taglib-text, .ie7 .portlet-content .lfr-icon-actions .taglib-text {
  display: inline-block; }
.ie6 .portlet-borderless-bar .portlet-actions, .ie7 .portlet-borderless-bar .portlet-actions {
  margin-left: 20px;
  margin-right: 0; }
.ie6 .portlet-title-default, .ie7 .portlet-title-default {
  float: left; }
.ie6 .lfr-message .lfr-message-close, .ie7 .lfr-message .lfr-message-close {
  float: left; }

.ie6 .portlet-topper-toolbar .icon {
  height: 16px;
  width: 16px; }
.ie6 .portlet-borderless-container {
  height: 2.5em; }
.ie6 .portlet-borderless-bar {
  filter: alpha(opacity=90); }
  .ie6 .portlet-borderless-bar .portlet-actions {
    display: inline;
    filter: alpha(opacity=90); }
.ie6 .breadcrumbs {
  zoom: 1; }

.ie8 .dockbar img, .ie8 .lfr-icon-action img, .ie8 .logo img {
  max-width: none; }

.menu-content, .underlay-content {
  -webkit-box-shadow: 2px 4px 7px rgba(0, 0, 0, 0.5);
  -moz-box-shadow: 2px 4px 7px rgba(0, 0, 0, 0.5);
  box-shadow: 2px 4px 7px rgba(0, 0, 0, 0.5); }

.lfr-add-panel, .lfr-device-preview-panel, .lfr-edit-layout-panel {
  -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.5);
  -moz-box-shadow: 0 0 5px rgba(0, 0, 0, 0.5);
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.5); }

.lfr-preview-file-image img, .lfr-translation-manager {
  -webkit-box-shadow: 0 3px 5px -3px rgba(0, 0, 0, 0.8);
  -moz-box-shadow: 0 3px 5px -3px rgba(0, 0, 0, 0.8);
  box-shadow: 0 3px 5px -3px rgba(0, 0, 0, 0.8); }

.lfr-preview-file-image-current-column {
  -webkit-box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.8);
  -moz-box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.8);
  box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.8); }

.lfr-preview-file-image-current-column {
  -webkit-box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.8);
  -moz-box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.8);
  box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.8); }

.lfr-device-preview .lfr-device-size-status-content {
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -ms-border-radius: 3px;
  -o-border-radius: 3px;
  border-radius: 3px;
  -webkit-box-shadow: 0 0 1px white;
  -moz-box-shadow: 0 0 1px white;
  box-shadow: 0 0 1px white;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=90);
  opacity: 0.9; }
.lfr-device-preview .lfr-device:after, .lfr-device-preview .lfr-device:before {
  -webkit-box-shadow: #111111 0 1px 0;
  -moz-box-shadow: #111111 0 1px 0;
  box-shadow: #111111 0 1px 0; }
.lfr-device-preview .lfr-device:after {
  -webkit-border-radius: 15px;
  -moz-border-radius: 15px;
  -ms-border-radius: 15px;
  -o-border-radius: 15px;
  border-radius: 15px; }
.lfr-device-preview .lfr-device.rotated:after, .lfr-device-preview .lfr-device.rotated:before {
  -webkit-box-shadow: #111111 -1px 1px 0;
  -moz-box-shadow: #111111 -1px 1px 0;
  box-shadow: #111111 -1px 1px 0; }
.lfr-device-preview .lfr-device.smartphone, .lfr-device-preview .lfr-device.tablet {
  -webkit-border-radius: 25px;
  -moz-border-radius: 25px;
  -ms-border-radius: 25px;
  -o-border-radius: 25px;
  border-radius: 25px; }
.lfr-device-preview .lfr-device.tablet:before {
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
  border-radius: 5px; }

@media (max-width: 979px) {
  .dockbar .navbar-inner .btn-navbar {
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    text-shadow: none; } }
.dockbar .navbar-inner .nav li.staging-toggle.active > a {
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none; }
.dockbar .navbar-inner .nav li.staging-toggle span {
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  -o-border-radius: 4px;
  border-radius: 4px; }
.dockbar .menu-button-active .menu-button {
  -webkit-box-shadow: inset 0 1px 5px rgba(0, 0, 0, 0.7);
  -moz-box-shadow: inset 0 1px 5px rgba(0, 0, 0, 0.7);
  box-shadow: inset 0 1px 5px rgba(0, 0, 0, 0.7); }
.dockbar .impersonating-user .alert-info {
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  -ms-border-radius: 0;
  -o-border-radius: 0;
  border-radius: 0; }

.dockbar-split .dockbar .navbar-inner .nav > li > a {
  text-shadow: none; }
.dockbar-split .dockbar .navbar-inner .nav-add-controls > li a {
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  -o-border-radius: 4px;
  border-radius: 4px; }
  .dockbar-split .dockbar .navbar-inner .nav-add-controls > li a .nav-item-label {
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    -ms-border-radius: 30px;
    -o-border-radius: 30px;
    border-radius: 30px; }
.dockbar-split .dockbar .navbar-inner .nav-add-controls > li.open a {
  -webkit-border-radius: 4px 4px 0 0;
  -moz-border-radius: 4px 4px 0 0;
  -ms-border-radius: 4px 4px 0 0;
  -o-border-radius: 4px 4px 0 0;
  border-radius: 4px 4px 0 0; }

@media (max-width: 979px) {
  .navbar .navbar-search .form-search .search-query {
    -webkit-border-radius: 14px;
    -moz-border-radius: 14px;
    -ms-border-radius: 14px;
    -o-border-radius: 14px;
    border-radius: 14px; } }
.portlet-document-library .lfr-ddm-small-image-preview, .portlet-dynamic-data-mapping .lfr-ddm-small-image-preview {
  -webkit-box-shadow: 0 1px 3px #cccccc;
  -moz-box-shadow: 0 1px 3px #cccccc;
  box-shadow: 0 1px 3px #cccccc; }

.portlet-asset-category-admin .tree-node-selected, .portlet-asset-category-admin .tree-node-over, .portlet-asset-category-admin .category-item {
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
  border-radius: 5px; }

.lfr-translation-manager-translation.lfr-translation-manager-translation-editing {
  -webkit-box-shadow: inset 0 0 2px #224fa8;
  -moz-box-shadow: inset 0 0 2px #224fa8;
  box-shadow: inset 0 0 2px #224fa8; }

.portlet-document-library-upload-mask .overlaymask-content {
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
  border-radius: 5px; }

.lfr-search-combobox-item, .portlet-journal .lfr-search-combobox .search input {
  -webkit-border-radius: 1px;
  -moz-border-radius: 1px;
  -ms-border-radius: 1px;
  -o-border-radius: 1px;
  border-radius: 1px; }

.lfr-search-combobox .field-input-text {
  -webkit-border-radius: 4px 1px 1px 4px;
  -moz-border-radius: 4px 1px 1px 4px;
  -ms-border-radius: 4px 1px 1px 4px;
  -o-border-radius: 4px 1px 1px 4px;
  border-radius: 4px 1px 1px 4px; }
.lfr-search-combobox .button-input {
  -webkit-border-radius: 1px 4px 4px 1px;
  -moz-border-radius: 1px 4px 4px 1px;
  -ms-border-radius: 1px 4px 4px 1px;
  -o-border-radius: 1px 4px 4px 1px;
  border-radius: 1px 4px 4px 1px; }

.lfr-upload-container .progress-bar, .lfr-upload-container .progress, .lfr-editable:after {
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  -ms-border-radius: 10px;
  -o-border-radius: 10px;
  border-radius: 10px; }

body > .lfr-menu-list ul, .active-area-proxy, .entry-display-style .entry-thumbnail, .lfr-api-results, .lfr-translation-manager, .lfr-translation-manager-translation, .lfr-upload-container .cancel-button .modify-pages .delete-tab, .portlet-image-gallery-display .image-thumbnail img, .rule-group-instance-container .rule-group-instance, .select-documents, .select-files, .taglib-ratings.stars:hover, .taglib-ratings.stars:hover .liferay-rating-vote, .tags-search-combobox .field-input-text {
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  -o-border-radius: 4px;
  border-radius: 4px; }

.entry-display-style, .lfr-search-combobox, .lfr-upload-container .upload-file, .lfr-upload-container .upload-target, .portlet-document-library .common-file-metadata-container.selected, .portlet-document-library-display .common-file-metadata-container.selected, .portlet-image-gallery-display .image-icon, .select-documents, .select-files {
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
  border-radius: 5px; }

.portlet-journal .lfr-ddm-container .field-wrapper {
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  -ms-border-radius: 6px;
  -o-border-radius: 6px;
  border-radius: 6px; }

.portlet-journal .display-page-item-container .display-page-item, .portlet-journal .display-page-item-container .display-page-item .display-page-item-remove, .taglib-categorization-filter .asset-entry {
  -webkit-border-radius: 14px;
  -moz-border-radius: 14px;
  -ms-border-radius: 14px;
  -o-border-radius: 14px;
  border-radius: 14px; }

.menu-content {
  -moz-border-radius-bottomleft: 4px;
  -webkit-border-bottom-left-radius: 4px;
  border-bottom-left-radius: 4px;
  -moz-border-radius-bottomright: 4px;
  -webkit-border-bottom-right-radius: 4px;
  border-bottom-right-radius: 4px; }

.underlay-content {
  -moz-border-radius-bottomleft: 8px;
  -webkit-border-bottom-left-radius: 8px;
  border-bottom-left-radius: 8px;
  -moz-border-radius-bottomright: 8px;
  -webkit-border-bottom-right-radius: 8px;
  border-bottom-right-radius: 8px; }

.lfr-add-panel .add-content-button .lfr-actions {
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  -ms-border-radius: 2px;
  -o-border-radius: 2px;
  border-radius: 2px; }
.lfr-add-panel .lfr-panel-content .app-view-entry-taglib.display-list:hover, .lfr-add-panel .lfr-panel-content .app-view-entry-taglib.display-list.hover, .lfr-add-panel .lfr-panel-content .app-view-entry-taglib.display-list.over, .lfr-add-panel .lfr-panel-content .app-view-entry-taglib.display-descriptive:hover, .lfr-add-panel .lfr-panel-content .app-view-entry-taglib.display-descriptive.hover, .lfr-add-panel .lfr-panel-content .app-view-entry-taglib.display-descriptive.over {
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  -ms-border-radius: 0;
  -o-border-radius: 0;
  border-radius: 0; }
.lfr-add-panel .lfr-panel.lfr-extended {
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  -ms-border-radius: 0;
  -o-border-radius: 0;
  border-radius: 0;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none; }
.lfr-add-panel .lfr-panel.lfr-extended .lfr-panel-titlebar, .lfr-add-panel .add-application-tab .lfr-add-content .lfr-title-category {
  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #d2dbe4), color-stop(100%, #bdc8d6));
  background-image: -webkit-linear-gradient(#d2dbe4, #bdc8d6);
  background-image: -moz-linear-gradient(#d2dbe4, #bdc8d6);
  background-image: -o-linear-gradient(#d2dbe4, #bdc8d6);
  background-image: linear-gradient(#d2dbe4, #bdc8d6); }
.lfr-add-panel .search-panel .add-content-search .field-input {
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  -o-border-radius: 4px;
  border-radius: 4px; }

.lfr-add-dialog .add-content-menu .search-query, .lfr-add-panel .add-content-menu .search-query {
  -webkit-border-radius: 15px;
  -moz-border-radius: 15px;
  -ms-border-radius: 15px;
  -o-border-radius: 15px;
  border-radius: 15px; }

.lfr-content-preview-popup .lfr-content-preview-popup-content {
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  -ms-border-radius: 0;
  -o-border-radius: 0;
  border-radius: 0;
  -webkit-box-shadow: 8px 3px 7px rgba(0, 0, 0, 0.25);
  -moz-box-shadow: 8px 3px 7px rgba(0, 0, 0, 0.25);
  box-shadow: 8px 3px 7px rgba(0, 0, 0, 0.25); }

.lfr-message .lfr-message-control {
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  -ms-border-radius: 10px;
  -o-border-radius: 10px;
  border-radius: 10px; }

.lfr-token, .layout-customizable-controls, .lfr-translation-manager-delete-translation {
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  -ms-border-radius: 8px;
  -o-border-radius: 8px;
  border-radius: 8px; }

.customizable-layout-column-content {
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  -ms-border-radius: 6px;
  -o-border-radius: 6px;
  border-radius: 6px; }

.staging-tabview-list {
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  -ms-border-radius: 0;
  -o-border-radius: 0;
  border-radius: 0; }

.site-variations-tabview-list .tab-content, .staging-tabview-list .tab-active .tab-content, .tagselector-content .textboxlistentry-holder .lfr-tag-selector-input:focus {
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none; }

.rule-group-instance-container .rule-group-instance {
  -webkit-box-shadow: 1px 1px 2px #999999;
  -moz-box-shadow: 1px 1px 2px #999999;
  box-shadow: 1px 1px 2px #999999; }

.lfr-action-label {
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  -ms-border-radius: 2px;
  -o-border-radius: 2px;
  border-radius: 2px; }

.lfr-api-service-search .field-input {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box; }

@-webkit-keyframes progress-bar-stripes {
  from {
    background-position: 40px 0; }

  to {
    background-position: 0 0; } }

@-moz-keyframes progress-bar-stripes {
  from {
    background-position: 40px 0; }

  to {
    background-position: 0 0; } }

@-o-keyframes progress-bar-stripes {
  from {
    background-position: 40px 0; }

  to {
    background-position: 0 0; } }

@keyframes progress-bar-stripes {
  from {
    background-position: 40px 0; }

  to {
    background-position: 0 0; } }

.lfr-progress-active .progress-bar-status, .lfr-upload-container .file-uploading .progress-bar .progress {
  background-image: -webkit-linear-gradient(-45deg, rgba(255, 255, 255, 0.3) 25%, rgba(255, 255, 255, 0) 25%, rgba(255, 255, 255, 0) 50%, rgba(255, 255, 255, 0.3) 50%, rgba(255, 255, 255, 0.3) 75%, rgba(255, 255, 255, 0) 75%, rgba(255, 255, 255, 0));
  background-image: -moz-linear-gradient(-45deg, rgba(255, 255, 255, 0.3) 25%, rgba(255, 255, 255, 0) 25%, rgba(255, 255, 255, 0) 50%, rgba(255, 255, 255, 0.3) 50%, rgba(255, 255, 255, 0.3) 75%, rgba(255, 255, 255, 0) 75%, rgba(255, 255, 255, 0));
  background-image: -o-linear-gradient(-45deg, rgba(255, 255, 255, 0.3) 25%, rgba(255, 255, 255, 0) 25%, rgba(255, 255, 255, 0) 50%, rgba(255, 255, 255, 0.3) 50%, rgba(255, 255, 255, 0.3) 75%, rgba(255, 255, 255, 0) 75%, rgba(255, 255, 255, 0));
  background-image: linear-gradient(-45deg, rgba(255, 255, 255, 0.3) 25%, rgba(255, 255, 255, 0) 25%, rgba(255, 255, 255, 0) 50%, rgba(255, 255, 255, 0.3) 50%, rgba(255, 255, 255, 0.3) 75%, rgba(255, 255, 255, 0) 75%, rgba(255, 255, 255, 0));
  -webkit-background-size: 40px 40px;
  -moz-background-size: 40px 40px;
  -o-background-size: 40px 40px;
  background-size: 40px 40px;
  -webkit-animation: progress-bar-stripes 0.5s linear infinite;
  -moz-animation: progress-bar-stripes 0.5s linear infinite;
  -ms-animation: progress-bar-stripes 0.5s linear infinite;
  -o-animation: progress-bar-stripes 0.5s linear infinite;
  animation: progress-bar-stripes 0.5s linear infinite;
  -webkit-transition: width 0.5s ease-out;
  -moz-transition: width 0.5s ease-out;
  -o-transition: width 0.5s ease-out;
  transition: width 0.5s ease-out; }

@-webkit-keyframes highlight-animation {
  from {
    background-color: #FFC; }

  to {
    background-color: transparent; } }

@-moz-keyframes highlight-animation {
  from {
    background-color: #FFC; }

  to {
    background-color: transparent; } }

@-o-keyframes highlight-animation {
  from {
    background-color: #FFC; }

  to {
    background-color: transparent; } }

@keyframes highlight-animation {
  from {
    background-color: #FFC; }

  to {
    background-color: transparent; } }

.highlight-animation {
  -webkit-animation: highlight-animation 0.7s;
  -moz-animation: highlight-animation 0.7s;
  -ms-animation: highlight-animation 0.7s;
  -o-animation: highlight-animation 0.7s;
  animation: highlight-animation 0.7s; }

body:first-of-type .portlet-borderless-bar, body:first-of-type .portlet-content .lfr-icon-actions {
  -webkit-transition: opacity 0.5s ease;
  -webkit-transition-delay: 0.15s;
  -moz-transition: opacity 0.5s ease 0.15s;
  -o-transition: opacity 0.5s ease 0.15s;
  transition: opacity 0.5s ease 0.15s; }
body:first-of-type .portlet-borderless-container:hover .portlet-borderless-bar, body:first-of-type .portlet-content:hover .lfr-icon-actions {
  -webkit-transition: opacity 0.5s ease;
  -webkit-transition-delay: 0s;
  -moz-transition: opacity 0.5s ease 0s;
  -o-transition: opacity 0.5s ease 0s;
  transition: opacity 0.5s ease 0s; }
body:first-of-type .portlet-borderless-bar .portlet-actions, body:first-of-type .portlet-content .lfr-icon-actions .taglib-text {
  display: inline-block;
  max-width: 0;
  overflow: hidden;
  -webkit-transition: max-width 0.3s ease-in;
  -webkit-transition-delay: 0.2s;
  -moz-transition: max-width 0.3s ease-in 0.2s;
  -o-transition: max-width 0.3s ease-in 0.2s;
  transition: max-width 0.3s ease-in 0.2s;
  text-overflow: ellipsis;
  white-space: nowrap; }
body:first-of-type .portlet-borderless-bar .portlet-actions, body:first-of-type .portlet-content:hover .lfr-icon-actions .taglib-text {
  -webkit-transition: max-width 0.3s ease;
  -webkit-transition-delay: 0s;
  -moz-transition: max-width 0.3s ease 0s;
  -o-transition: max-width 0.3s ease 0s;
  transition: max-width 0.3s ease 0s; }
body:first-of-type .portlet-borderless-container:hover .portlet-borderless-bar .portlet-actions {
  max-width: 500px; }
body:first-of-type .portlet-content:hover .lfr-icon-actions .taglib-text {
  max-width: 200px; }

.portlet-boundary.yui3-dd-dragging {
  -webkit-transform: scale(0.8);
  -moz-transform: scale(0.8);
  -ms-transform: scale(0.8);
  -o-transform: scale(0.8);
  transform: scale(0.8);
  -webkit-transition: -webkit-transform 0.3s ease;
  -moz-transition: -moz-transform 0.3s ease;
  -o-transition: -o-transform 0.3s ease;
  transition: transform 0.3s ease; }

.portlet-document-library .entry-thumbnail .label, .portlet-document-library-display .workflow-status .label, .portlet-journal .entry-thumbnail .label {
  -moz-border-radius-bottomleft: 0;
  -webkit-border-bottom-left-radius: 0;
  border-bottom-left-radius: 0;
  -moz-border-radius-topleft: 0;
  -webkit-border-top-left-radius: 0;
  border-top-left-radius: 0;
  -moz-border-radius-topright: 0;
  -webkit-border-top-right-radius: 0;
  border-top-right-radius: 0; }

@-webkit-keyframes lfr-drop-active {
  0% {
    background-color: #EBEBEB;
    border-color: #DDD; }

  50% {
    background-color: #DDEDDE;
    border-color: #7D7;
    -webkit-transform: scale(1.1, 1.1);
    -moz-transform: scale(1.1, 1.1);
    -ms-transform: scale(1.1, 1.1);
    -o-transform: scale(1.1, 1.1);
    transform: scale(1.1, 1.1); }

  75% {
    background-color: #DDEDDE;
    border-color: #7D7; }

  100% {
    background-color: #EBEBEB;
    border-color: #DDD; } }

@-moz-keyframes lfr-drop-active {
  0% {
    background-color: #EBEBEB;
    border-color: #DDD; }

  50% {
    background-color: #DDEDDE;
    border-color: #7D7;
    -webkit-transform: scale(1.1, 1.1);
    -moz-transform: scale(1.1, 1.1);
    -ms-transform: scale(1.1, 1.1);
    -o-transform: scale(1.1, 1.1);
    transform: scale(1.1, 1.1); }

  75% {
    background-color: #DDEDDE;
    border-color: #7D7; }

  100% {
    background-color: #EBEBEB;
    border-color: #DDD; } }

@-o-keyframes lfr-drop-active {
  0% {
    background-color: #EBEBEB;
    border-color: #DDD; }

  50% {
    background-color: #DDEDDE;
    border-color: #7D7;
    -webkit-transform: scale(1.1, 1.1);
    -moz-transform: scale(1.1, 1.1);
    -ms-transform: scale(1.1, 1.1);
    -o-transform: scale(1.1, 1.1);
    transform: scale(1.1, 1.1); }

  75% {
    background-color: #DDEDDE;
    border-color: #7D7; }

  100% {
    background-color: #EBEBEB;
    border-color: #DDD; } }

@keyframes lfr-drop-active {
  0% {
    background-color: #EBEBEB;
    border-color: #DDD; }

  50% {
    background-color: #DDEDDE;
    border-color: #7D7;
    -webkit-transform: scale(1.1, 1.1);
    -moz-transform: scale(1.1, 1.1);
    -ms-transform: scale(1.1, 1.1);
    -o-transform: scale(1.1, 1.1);
    transform: scale(1.1, 1.1); }

  75% {
    background-color: #DDEDDE;
    border-color: #7D7; }

  100% {
    background-color: #EBEBEB;
    border-color: #DDD; } }

.upload-drop-active .lfr-upload-container .upload-target {
  -webkit-animation: none;
  -moz-animation: none;
  -ms-animation: none;
  -o-animation: none;
  animation: none; }
.upload-drop-active .portlet-document-library .document-container {
  -webkit-box-shadow: inset 0 0 5px #b8c1d1;
  -moz-box-shadow: inset 0 0 5px #b8c1d1;
  box-shadow: inset 0 0 5px #b8c1d1; }

.upload-drop-intent .lfr-upload-container .upload-target {
  -webkit-animation: lfr-drop-active 1s ease 0.2s infinite;
  -moz-animation: lfr-drop-active 1s ease 0.2s infinite;
  -ms-animation: lfr-drop-active 1s ease 0.2s infinite;
  -o-animation: lfr-drop-active 1s ease 0.2s infinite;
  animation: lfr-drop-active 1s ease 0.2s infinite; }

@font-face {
  font-family: 'entypo';
  font-style: normal;
  font-weight: normal;
  src: url("/Web-Quadis-Responsive-theme/fonts/entypo/entypo.eot");
  src: url("/Web-Quadis-Responsive-theme/fonts/entypo/entypo.eot?#iefix") format("eot"), url("/Web-Quadis-Responsive-theme/fonts/entypo/entypo.woff") format("woff"), url("/Web-Quadis-Responsive-theme/fonts/entypo/entypo.ttf") format("truetype"), url("/Web-Quadis-Responsive-theme/fonts/entypo/entypo.svg#entypo") format("svg"); }

.entypo-note:before {
  content: "\266a"; }

.entypo-note-beamed:before {
  content: "\266b"; }

.entypo-music:before {
  content: "\1f3b5"; }

.entypo-search:before {
  content: "\1f50d"; }

.entypo-flashlight:before {
  content: "\1f526"; }

.entypo-mail:before {
  content: "\2709"; }

.entypo-heart:before {
  content: "\2665"; }

.entypo-heart-empty:before {
  content: "\2661"; }

.entypo-star:before {
  content: "\2605"; }

.entypo-star-empty:before {
  content: "\2606"; }

.entypo-user:before {
  content: "\1f464"; }

.entypo-users:before {
  content: "\1f465"; }

.entypo-user-add:before {
  content: "\e700"; }

.entypo-video:before {
  content: "\1f3ac"; }

.entypo-picture:before {
  content: "\1f304"; }

.entypo-camera:before {
  content: "\1f4f7"; }

.entypo-layout:before {
  content: "\268f"; }

.entypo-menu:before {
  content: "\2630"; }

.entypo-check:before {
  content: "\2713"; }

.entypo-cancel:before {
  content: "\2715"; }

.entypo-cancel-circled:before {
  content: "\2716"; }

.entypo-cancel-squared:before {
  content: "\274e"; }

.entypo-plus:before {
  content: "\2b"; }

.entypo-plus-circled:before {
  content: "\2795"; }

.entypo-plus-squared:before {
  content: "\229e"; }

.entypo-minus:before {
  content: "\2d"; }

.entypo-minus-circled:before {
  content: "\2796"; }

.entypo-minus-squared:before {
  content: "\229f"; }

.entypo-help:before {
  content: "\2753"; }

.entypo-help-circled:before {
  content: "\e704"; }

.entypo-info:before {
  content: "\2139"; }

.entypo-info-circled:before {
  content: "\e705"; }

.entypo-back:before {
  content: "\1f519"; }

.entypo-home:before {
  content: "\2302"; }

.entypo-link:before {
  content: "\1f517"; }

.entypo-attach:before {
  content: "\1f4ce"; }

.entypo-lock:before {
  content: "\1f512"; }

.entypo-lock-open:before {
  content: "\1f513"; }

.entypo-eye:before {
  content: "\e70a"; }

.entypo-tag:before {
  content: "\e70c"; }

.entypo-bookmark:before {
  content: "\1f516"; }

.entypo-bookmarks:before {
  content: "\1f4d1"; }

.entypo-flag:before {
  content: "\2691"; }

.entypo-thumbs-up:before {
  content: "\1f44d"; }

.entypo-thumbs-down:before {
  content: "\1f44e"; }

.entypo-download:before {
  content: "\1f4e5"; }

.entypo-upload:before {
  content: "\1f4e4"; }

.entypo-upload-cloud:before {
  content: "\e711"; }

.entypo-reply:before {
  content: "\e712"; }

.entypo-reply-all:before {
  content: "\e713"; }

.entypo-forward:before {
  content: "\27a6"; }

.entypo-quote:before {
  content: "\275e"; }

.entypo-code:before {
  content: "\e714"; }

.entypo-export:before {
  content: "\e715"; }

.entypo-pencil:before {
  content: "\270e"; }

.entypo-feather:before {
  content: "\2712"; }

.entypo-print:before {
  content: "\e716"; }

.entypo-retweet:before {
  content: "\e717"; }

.entypo-keyboard:before {
  content: "\2328"; }

.entypo-comment:before {
  content: "\e718"; }

.entypo-chat:before {
  content: "\e720"; }

.entypo-bell:before {
  content: "\1f514"; }

.entypo-attention:before {
  content: "\26a0"; }

.entypo-alert:before {
  content: "\1f4a5'"; }

.entypo-vcard:before {
  content: "\e722"; }

.entypo-address:before {
  content: "\e723"; }

.entypo-location:before {
  content: "\e724"; }

.entypo-map:before {
  content: "\e727"; }

.entypo-direction:before {
  content: "\27a2"; }

.entypo-compass:before {
  content: "\e728"; }

.entypo-cup:before {
  content: "\2615"; }

.entypo-trash:before {
  content: "\e729"; }

.entypo-doc:before {
  content: "\e730"; }

.entypo-docs:before {
  content: "\e736"; }

.entypo-doc-landscape:before {
  content: "\e737"; }

.entypo-doc-text:before {
  content: "\1f4c4"; }

.entypo-doc-text-inv:before {
  content: "\e731"; }

.entypo-newspaper:before {
  content: "\1f4f0"; }

.entypo-book-open:before {
  content: "\1f4d6"; }

.entypo-book:before {
  content: "\1f4d5"; }

.entypo-folder:before {
  content: "\1f4c1"; }

.entypo-archive:before {
  content: "\e738"; }

.entypo-box:before {
  content: "\1f4e6"; }

.entypo-rss:before {
  content: "\e73a"; }

.entypo-phone:before {
  content: "\1f4dE"; }

.entypo-cog:before {
  content: "\2699"; }

.entypo-tools:before {
  content: "\2692"; }

.entypo-share:before {
  content: "\e73c"; }

.entypo-shareable:before {
  content: "\e73e"; }

.entypo-basket:before {
  content: "\e73d"; }

.entypo-bag:before {
  content: "\1f45c'"; }

.entypo-calendar:before {
  content: "\1f4c5"; }

.entypo-login:before {
  content: "\e740"; }

.entypo-logout:before {
  content: "\e741"; }

.entypo-mic:before {
  content: "\1f3a4"; }

.entypo-mute:before {
  content: "\1f507"; }

.entypo-sound:before {
  content: "\1f50a"; }

.entypo-volume:before {
  content: "\e742"; }

.entypo-clock:before {
  content: "\1f554"; }

.entypo-hourglass:before {
  content: "\23f3"; }

.entypo-lamp:before {
  content: "\1f4a1"; }

.entypo-light-down:before {
  content: "\1f505"; }

.entypo-light-up:before {
  content: "\1f506"; }

.entypo-adjust:before {
  content: "\25d1"; }

.entypo-block:before {
  content: "\1f6ab"; }

.entypo-resize-full:before {
  content: "\e744"; }

.entypo-resize-small:before {
  content: "\e746"; }

.entypo-popup:before {
  content: "\e74c"; }

.entypo-publish:before {
  content: "\e74d"; }

.entypo-window:before {
  content: "\e74e"; }

.entypo-arrow-combo:before {
  content: "\e74f"; }

.entypo-down-circled:before {
  content: "\e758"; }

.entypo-left-circled:before {
  content: "\e759"; }

.entypo-right-circled:before {
  content: "\e75a"; }

.entypo-up-circled:before {
  content: "\e75b"; }

.entypo-down-open:before {
  content: "\e75c"; }

.entypo-left-open:before {
  content: "\e75d"; }

.entypo-right-open:before {
  content: "\e75e"; }

.entypo-up-open:before {
  content: "\e75f"; }

.entypo-down-open-mini:before {
  content: "\e760"; }

.entypo-left-open-mini:before {
  content: "\e761"; }

.entypo-right-open-mini:before {
  content: "\e762"; }

.entypo-up-open-mini:before {
  content: "\e763"; }

.entypo-down-open-big:before {
  content: "\e764"; }

.entypo-left-open-big:before {
  content: "\e765"; }

.entypo-right-open-big:before {
  content: "\e766"; }

.entypo-up-open-big:before {
  content: "\e767"; }

.entypo-down:before {
  content: "\2b07"; }

.entypo-left:before {
  content: "\2b05"; }

.entypo-right:before {
  content: "\27a1"; }

.entypo-up:before {
  content: "\2b06"; }

.entypo-down-dir:before {
  content: "\25be"; }

.entypo-left-dir:before {
  content: "\25c2"; }

.entypo-right-dir:before {
  content: "\25b8"; }

.entypo-up-dir:before {
  content: "\25b4"; }

.entypo-down-bold:before {
  content: "\e4b0"; }

.entypo-left-bold:before {
  content: "\e4ad"; }

.entypo-right-bold:before {
  content: "\e4ae"; }

.entypo-up-bold:before {
  content: "\e4af"; }

.entypo-down-thin:before {
  content: "\2193"; }

.entypo-left-thin:before {
  content: "\2190"; }

.entypo-right-thin:before {
  content: "\2192"; }

.entypo-up-thin:before {
  content: "\2191"; }

.entypo-ccw:before {
  content: "\27f2"; }

.entypo-cw:before {
  content: "\27f3"; }

.entypo-arrows-ccw:before {
  content: "\1f504"; }

.entypo-level-down:before {
  content: "\21b3"; }

.entypo-level-up:before {
  content: "\21b0"; }

.entypo-shuffle:before {
  content: "\1f500"; }

.entypo-loop:before {
  content: "\1f501"; }

.entypo-switch:before {
  content: "\21c6"; }

.entypo-play:before {
  content: "\25b6"; }

.entypo-stop:before {
  content: "\25a0"; }

.entypo-pause:before {
  content: "\2389"; }

.entypo-record:before {
  content: "\26ab"; }

.entypo-to-end:before {
  content: "\23ed"; }

.entypo-to-start:before {
  content: "\23ee"; }

.entypo-fast-forward:before {
  content: "\23e9"; }

.entypo-fast-backward:before {
  content: "\23ea"; }

.entypo-progress-0:before {
  content: "\e768"; }

.entypo-progress-1:before {
  content: "\e769"; }

.entypo-progress-2:before {
  content: "\e76a"; }

.entypo-progress-3:before {
  content: "\e76b"; }

.entypo-target:before {
  content: "\1f3af"; }

.entypo-palette:before {
  content: "\1f3a8"; }

.entypo-list:before {
  content: "\e005"; }

.entypo-list-add:before {
  content: "\e003"; }

.entypo-signal:before {
  content: "\1f4f6"; }

.entypo-trophy:before {
  content: "\1f3c6"; }

.entypo-battery:before {
  content: "\1f50b"; }

.entypo-back-in-time:before {
  content: "\e771"; }

.entypo-monitor:before {
  content: "\1f4bb"; }

.entypo-mobile:before {
  content: "\1f4f1"; }

.entypo-network:before {
  content: "\e776"; }

.entypo-cd:before {
  content: "\1f4bf"; }

.entypo-inbox:before {
  content: "\e777"; }

.entypo-install:before {
  content: "\e778"; }

.entypo-globe:before {
  content: "\1f30e"; }

.entypo-cloud:before {
  content: "\2601"; }

.entypo-cloud-thunder:before {
  content: "\26c8"; }

.entypo-flash:before {
  content: "\26a1"; }

.entypo-moon:before {
  content: "\263d"; }

.entypo-flight:before {
  content: "\2708"; }

.entypo-paper-plane:before {
  content: "\e79b"; }

.entypo-leaf:before {
  content: "\1f342"; }

.entypo-lifebuoy:before {
  content: "\e788"; }

.entypo-mouse:before {
  content: "\e789"; }

.entypo-briefcase:before {
  content: "\1f4bc"; }

.entypo-suitcase:before {
  content: "\e78e"; }

.entypo-dot:before {
  content: "\e78b"; }

.entypo-dot-2:before {
  content: "\e78c"; }

.entypo-dot-3:before {
  content: "\e78d"; }

.entypo-brush:before {
  content: "\e79a"; }

.entypo-magnet:before {
  content: "\e7a1"; }

.entypo-infinity:before {
  content: "\221e"; }

.entypo-erase:before {
  content: "\232b"; }

.entypo-chart-pie:before {
  content: "\e751"; }

.entypo-chart-line:before {
  content: "\1f4c8"; }

.entypo-chart-bar:before {
  content: "\1f4ca"; }

.entypo-chart-area:before {
  content: "\1f53e"; }

.entypo-tape:before {
  content: "\2707"; }

.entypo-graduation-cap:before {
  content: "\1f393"; }

.entypo-language:before {
  content: "\e752"; }

.entypo-ticket:before {
  content: "\1f3ab"; }

.entypo-water:before {
  content: "\1f4a6"; }

.entypo-droplet:before {
  content: "\1f4a7"; }

.entypo-air:before {
  content: "\e753"; }

.entypo-credit-card:before {
  content: "\1f4b3"; }

.entypo-floppy:before {
  content: "\1f4be"; }

.entypo-clipboard:before {
  content: "\1f4cb"; }

.entypo-megaphone:before {
  content: "\1f4e3"; }

.entypo-database:before {
  content: "\e754"; }

.entypo-drive:before {
  content: "\e755"; }

.entypo-bucket:before {
  content: "\e756"; }

.entypo-thermometer:before {
  content: "\e757"; }

.entypo-key:before {
  content: "\1f511"; }

.entypo-flow-cascade:before {
  content: "\e790"; }

.entypo-flow-branch:before {
  content: "\e791"; }

.entypo-flow-tree:before {
  content: "\e792"; }

.entypo-flow-line:before {
  content: "\e793"; }

.entypo-flow-parallel:before {
  content: "\e794"; }

.entypo-rocket:before {
  content: "\1f680"; }

.entypo-gauge:before {
  content: "\e7a2"; }

.entypo-traffic-cone:before {
  content: "\e7a3"; }

.entypo-cc:before {
  content: "\e7a5"; }

.entypo-cc-by:before {
  content: "\e7a6"; }

.entypo-cc-nc:before {
  content: "\e7a7"; }

.entypo-cc-nc-eu:before {
  content: "\e7a8"; }

.entypo-cc-nc-jp:before {
  content: "\e7a9"; }

.entypo-cc-sa:before {
  content: "\e7aa"; }

.entypo-cc-nd:before {
  content: "\e7ab"; }

.entypo-cc-pd:before {
  content: "\e7ac"; }

.entypo-cc-zero:before {
  content: "\e7ad"; }

.entypo-cc-share:before {
  content: "\e7ae"; }

.entypo-cc-remix:before {
  content: "\e7af"; }

.entypo-github:before {
  content: "\f300"; }

.entypo-github-circled:before {
  content: "\f301"; }

.entypo-flickr:before {
  content: "\f303"; }

.entypo-flickr-circled:before {
  content: "\f304"; }

.entypo-vimeo:before {
  content: "\f306"; }

.entypo-vimeo-circled:before {
  content: "\f307"; }

.entypo-twitter:before {
  content: "\f309"; }

.entypo-twitter-circled:before {
  content: "\f30a"; }

.entypo-facebook:before {
  content: "\f30c"; }

.entypo-facebook-circled:before {
  content: "\f30d"; }

.entypo-facebook-squared:before {
  content: "\f30e"; }

.entypo-gplus:before {
  content: "\f30f"; }

.entypo-gplus-circled:before {
  content: "\f310"; }

.entypo-pinterest:before {
  content: "\f312"; }

.entypo-pinterest-circled:before {
  content: "\f313"; }

.entypo-tumblr:before {
  content: "\f315"; }

.entypo-tumblr-circled:before {
  content: "\f316"; }

.entypo-linkedin:before {
  content: "\f318"; }

.entypo-linkedin-circled:before {
  content: "\f319"; }

.entypo-dribbble:before {
  content: "\f31b"; }

.entypo-dribbble-circled:before {
  content: "\f31c"; }

.entypo-stumbleupon:before {
  content: "\f31e"; }

.entypo-stumbleupon-circled:before {
  content: "\f31f"; }

.entypo-lastfm:before {
  content: "\f321"; }

.entypo-lastfm-circled:before {
  content: "\f322"; }

.entypo-rdio:before {
  content: "\f324"; }

.entypo-rdio-circled:before {
  content: "\f325"; }

.entypo-spotify:before {
  content: "\f327"; }

.entypo-spotify-circled:before {
  content: "\f328"; }

.entypo-qq:before {
  content: "\f32a"; }

.entypo-instagrem:before {
  content: "\f32d"; }

.entypo-dropbox:before {
  content: "\f330"; }

.entypo-evernote:before {
  content: "\f333"; }

.entypo-flattr:before {
  content: "\f336"; }

.entypo-skype:before {
  content: "\f339"; }

.entypo-skype-circled:before {
  content: "\f33a"; }

.entypo-renren:before {
  content: "\f33c"; }

.entypo-sina-weibo:before {
  content: "\f33f"; }

.entypo-paypal:before {
  content: "\f342"; }

.entypo-picasa:before {
  content: "\f345"; }

.entypo-soundcloud:before {
  content: "\f348"; }

.entypo-mixi:before {
  content: "\f34b"; }

.entypo-behance:before {
  content: "\f34e"; }

.entypo-google-circles:before {
  content: "\f351"; }

.entypo-vkontakte:before {
  content: "\f354"; }

.entypo-smashing:before {
  content: "\f357"; }

.entypo-sweden:before {
  content: "\f601"; }

.entypo-db-shape:before {
  content: "\f600"; }

.entypo-logo-db:before {
  content: "\f603"; }

@font-face {
  font-family: 'icomoon';
  font-display: auto;
  src: url("/Web-Quadis-Responsive-theme/css/../fonts/icomoon/icomoon.eot?o3cgyp");
  src: url("/Web-Quadis-Responsive-theme/css/../fonts/icomoon/icomoon.eot?o3cgyp#iefix") format("embedded-opentype"), url("/Web-Quadis-Responsive-theme/css/../fonts/icomoon/icomoon.ttf?o3cgyp") format("truetype"), url("/Web-Quadis-Responsive-theme/css/../fonts/icomoon/icomoon.woff?o3cgyp") format("woff"), url("/Web-Quadis-Responsive-theme/css/../fonts/icomoon/icomoon.svg?o3cgyp#icomoon") format("svg");
  font-weight: normal;
  font-style: normal; }

#footer [class^="icon-"], #footer [class*=" icon-"], #navigation [class^="icon-"], #navigation [class*=" icon-"] {
  font-family: 'icomoon';
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }

#footer .icon-google-plus:before, #navigation .icon-google-plus:before {
  content: "\e900"; }

#footer .icon-facebook:before, #navigation .icon-facebook:before {
  content: "\e901"; }

#footer .icon-instagram:before, #navigation .icon-instagram:before {
  content: "\e902"; }

#footer .icon-twitter:before, #navigation .icon-twitter:before {
  content: "\e903"; }

#footer .icon-feed2:before, #navigation .icon-feed2:before {
  content: "\e904"; }

#footer .icon-youtube3:before, #navigation .icon-youtube3:before {
  content: "\e905"; }

#footer .icon-linkedin2:before, #navigation .icon-linkedin2:before {
  content: "\e906"; }

#footer .icon-user:before, #navigation .icon-user:before {
  content: "\e907"; }

#footer .icon-search:before, #navigation .icon-search:before {
  content: "\e908"; }

@font-face {
  font-family: BrownStd-Bold;
  font-display: auto;
  src: url(/Web-Quadis-Responsive-theme/css/../fonts/BrownStd/BrownStd-Bold.eot);
  src: url(/Web-Quadis-Responsive-theme/css/../fonts/BrownStd/BrownStd-Bold.eot?#iefix) format("embedded-opentype"), url(/Web-Quadis-Responsive-theme/css/../fonts/BrownStd/BrownStd-Bold.otf) format("opentype"); }

@font-face {
  font-family: BrownStd-BoldAlt;
  font-display: auto;
  src: url(/Web-Quadis-Responsive-theme/css/../fonts/BrownStd/BrownStd-BoldAlt.otf) format("opentype"); }

@font-face {
  font-family: BrownStd-BoldItalic;
  font-display: auto;
  src: url(/Web-Quadis-Responsive-theme/css/../fonts/BrownStd/BrownStd-BoldItalic.otf) format("opentype"); }

@font-face {
  font-family: BrownStd-BoldItalicAlt;
  font-display: auto;
  src: url(/Web-Quadis-Responsive-theme/css/../fonts/BrownStd/BrownStd-BoldItalicAlt.otf) format("opentype"); }

@font-face {
  font-family: BrownStd-Italic;
  font-display: auto;
  src: url(/Web-Quadis-Responsive-theme/css/../fonts/BrownStd/BrownStd-Italic.otf) format("opentype"); }

@font-face {
  font-family: BrownStd-ItalicAlt;
  font-display: auto;
  src: url(/Web-Quadis-Responsive-theme/css/../fonts/BrownStd/BrownStd-ItalicAlt.otf) format("opentype"); }

@font-face {
  font-family: BrownStd-Light;
  font-display: auto;
  src: url(/Web-Quadis-Responsive-theme/css/../fonts/BrownStd/BrownStd-Light.eot);
  src: url(/Web-Quadis-Responsive-theme/css/../fonts/BrownStd/BrownStd-Light.eot?#iefix) format("embedded-opentype"), url(/Web-Quadis-Responsive-theme/css/../fonts/BrownStd/BrownStd-Light.woff) format("woff"), url(/Web-Quadis-Responsive-theme/css/../fonts/BrownStd/BrownStd-Light.ttf) format("truetype"), url(/Web-Quadis-Responsive-theme/css/../fonts/BrownStd/BrownStd-Light.svg) format("svg"), url(/Web-Quadis-Responsive-theme/css/../fonts/BrownStd/BrownStd-Light.otf) format("opentype"); }

@font-face {
  font-family: BrownStd-LightItalic;
  font-display: auto;
  src: url(/Web-Quadis-Responsive-theme/css/../fonts/BrownStd/BrownStd-LightItalic.otf) format("opentype"); }

@font-face {
  font-family: BrownStd-ReclinBold;
  font-display: auto;
  src: url(/Web-Quadis-Responsive-theme/css/../fonts/BrownStd/BrownStd-ReclinBold.otf) format("opentype"); }

@font-face {
  font-family: BrownStd-ReclinBoldAlt;
  font-display: auto;
  src: url(/Web-Quadis-Responsive-theme/css/../fonts/BrownStd/BrownStd-ReclinBoldAlt.otf) format("opentype"); }

@font-face {
  font-family: BrownStd-ReclinLight;
  font-display: auto;
  src: url(/Web-Quadis-Responsive-theme/css/../fonts/BrownStd/BrownStd-ReclinLight.otf) format("opentype"); }

@font-face {
  font-family: BrownStd-ReclinRegular;
  font-display: auto;
  src: url(/Web-Quadis-Responsive-theme/css/../fonts/BrownStd/BrownStd-ReclinRegular.otf) format("opentype"); }

@font-face {
  font-family: BrownStd-ReclinRegularAlt;
  font-display: auto;
  src: url(/Web-Quadis-Responsive-theme/css/../fonts/BrownStd/BrownStd-ReclinRegularAlt.otf) format("opentype"); }

@font-face {
  font-family: BrownStd-ReclinThin;
  font-display: auto;
  src: url(/Web-Quadis-Responsive-theme/css/../fonts/BrownStd/BrownStd-ReclinThin.otf) format("opentype"); }

@font-face {
  font-family: BrownStd-Regular;
  font-display: auto;
  src: url(/Web-Quadis-Responsive-theme/css/../fonts/BrownStd/BrownStd-Regular.eot);
  src: url(/Web-Quadis-Responsive-theme/css/../fonts/BrownStd/BrownStd-Regular.eot?#iefix) format("embedded-opentype"), url(/Web-Quadis-Responsive-theme/css/../fonts/BrownStd/BrownStd-Regular.otf) format("opentype");
  font-weight: normal;
  font-style: normal; }

@font-face {
  font-family: BrownStd-RegularAlt;
  font-display: auto;
  src: url(/Web-Quadis-Responsive-theme/css/../fonts/BrownStd/BrownStd-RegularAlt.otf) format("opentype"); }

@font-face {
  font-family: BrownStd-Thin;
  font-display: auto;
  src: url(/Web-Quadis-Responsive-theme/css/../fonts/BrownStd/BrownStd-Thin.otf) format("opentype"); }

@font-face {
  font-family: BrownStd-ThinItalic;
  font-display: auto;
  src: url(/Web-Quadis-Responsive-theme/css/../fonts/BrownStd/BrownStd-ThinItalic.otf) format("opentype"); }

.aui {
  /* ---------- Nav#Navigation ---------- */
  /* ---------- Extras ---------- */ }
  .aui body {
    color: #555555;
    font-weight: 200; }
  .aui a {
    color: #777777;
    font-weight: 200; }
    .aui a:hover {
      color: #777777; }
    .aui a [class^="icon-"], .aui a [class*=" icon-"] {
      display: inline-block; }
  .aui .alert {
    word-wrap: break-word; }
  .aui li {
    line-height: 27px; }
  .aui .dockbar.navbar .navbar-inner {
    min-height: 40px; }
  .aui .dockbar .navbar-inner {
    background-color: #777777;
    background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #777777), color-stop(47%, #777777), color-stop(100%, #888888));
    background-image: -webkit-linear-gradient(#777777 0%, #777777 47%, #888888 100%);
    background-image: -moz-linear-gradient(#777777 0%, #777777 47%, #888888 100%);
    background-image: -o-linear-gradient(#777777 0%, #777777 47%, #888888 100%);
    background-image: linear-gradient(#777777 0%, #777777 47%, #888888 100%); }
    .aui .dockbar .navbar-inner .nav > li {
      background-color: #777777;
      background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #777777), color-stop(47%, #777777), color-stop(100%, #888888));
      background-image: -webkit-linear-gradient(#777777 0%, #777777 47%, #888888 100%);
      background-image: -moz-linear-gradient(#777777 0%, #777777 47%, #888888 100%);
      background-image: -o-linear-gradient(#777777 0%, #777777 47%, #888888 100%);
      background-image: linear-gradient(#777777 0%, #777777 47%, #888888 100%); }
    .aui .dockbar .navbar-inner .container .btn-navbar {
      color: #FFF; }
      .aui .dockbar .navbar-inner .container .btn-navbar .user-avatar-image {
        position: relative;
        top: 2px;
        width: 28px; }
  .aui .dockbar .nav > li {
    background: #777777;
    background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #777777), color-stop(47%, #777777), color-stop(100%, #888888));
    background-image: -webkit-linear-gradient(#777777 0%, #777777 47%, #888888 100%);
    background-image: -moz-linear-gradient(#777777 0%, #777777 47%, #888888 100%);
    background-image: -o-linear-gradient(#777777 0%, #777777 47%, #888888 100%);
    background-image: linear-gradient(#777777 0%, #777777 47%, #888888 100%); }
    .aui .dockbar .nav > li > a {
      color: #FFF;
      line-height: 31px;
      margin: 0 5px 0 0;
      padding: 6px 10px; }
      .aui .dockbar .nav > li > a:focus, .aui .dockbar .nav > li > a:hover {
        color: #FFF; }
      .aui .dockbar .nav > li > a:hover {
        background-color: #777777; }
      .aui .dockbar .nav > li > a [class^="icon-"], .aui .dockbar .nav > li > a [class*=" icon-"] {
        margin-top: 3px; }
    .aui .dockbar .nav > li.active > a {
      color: #FFF; }
      .aui .dockbar .nav > li.active > a, .aui .dockbar .nav > li.active > a:hover, .aui .dockbar .nav > li.active > a:focus {
        background: #6f6f6f; }
    .aui .dockbar .nav > li.open .dropdown-toggle {
      background-color: #777777;
      background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #777777), color-stop(100%, #888888));
      background-image: -webkit-linear-gradient(#777777, #888888);
      background-image: -moz-linear-gradient(#777777, #888888);
      background-image: -o-linear-gradient(#777777, #888888);
      background-image: linear-gradient(#777777, #888888);
      -webkit-box-shadow: none;
      -moz-box-shadow: none;
      box-shadow: none; }
  .aui .dockbar .nav li.dropdown > .dropdown-toggle .caret, .aui .dockbar .nav li.dropdown.open.active > .dropdown-toggle .caret, .aui .dockbar .nav li.dropdown > .dropdown-toggle:hover .caret {
    border-bottom-color: #FFF;
    border-top-color: #FFF; }
  .aui .dockbar .nav li.dropdown.open > .dropdown-toggle, .aui .dockbar .nav li.dropdown.active > .dropdown-toggle, .aui .dockbar .nav li.dropdown.open.active > .dropdown-toggle {
    background-color: #888888;
    color: #FFF; }
  .aui .dockbar .nav li.dropdown .dropdown-menu, .aui .dockbar .nav li.dropdown .site-administration-menu {
    background: #777777;
    border-width: 0;
    left: 0;
    margin: 0;
    right: auto; }
    .aui .dockbar .nav li.dropdown .dropdown-menu > li > a, .aui .dockbar .nav li.dropdown .site-administration-menu > li > a {
      color: #FFF;
      font-size: 0.9em;
      font-weight: 300; }
      .aui .dockbar .nav li.dropdown .dropdown-menu > li > a:focus, .aui .dockbar .nav li.dropdown .dropdown-menu > li > a:hover, .aui .dockbar .nav li.dropdown .site-administration-menu > li > a:focus, .aui .dockbar .nav li.dropdown .site-administration-menu > li > a:hover {
        background: #aaaaaa;
        *zoom: 1;
        filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#FF777777', endColorstr='#FF888888'); }
      .aui .dockbar .nav li.dropdown .dropdown-menu > li > a [class^="icon-"], .aui .dockbar .nav li.dropdown .dropdown-menu > li > a [class*=" icon-"], .aui .dockbar .nav li.dropdown .site-administration-menu > li > a [class^="icon-"], .aui .dockbar .nav li.dropdown .site-administration-menu > li > a [class*=" icon-"] {
        margin-right: 3px; }
      .aui .dockbar .nav li.dropdown .dropdown-menu > li > a .icon-spacer, .aui .dockbar .nav li.dropdown .site-administration-menu > li > a .icon-spacer {
        margin-right: 17px; }
    .aui .dockbar .nav li.dropdown .dropdown-menu li.active > a, .aui .dockbar .nav li.dropdown .site-administration-menu li.active > a {
      background: #888888; }
  .aui .dockbar .nav li.dropdown .dropdown-menu {
    overflow-x: hidden;
    overflow-y: auto; }
    .aui .dockbar .nav li.dropdown .dropdown-menu:after, .aui .dockbar .nav li.dropdown .dropdown-menu:before {
      border-width: 0; }
  .aui .dockbar .nav li.dropdown.user-avatar .dropdown-menu {
    left: auto;
    right: 0; }
  .aui .dockbar .divider-vertical {
    border-left-color: #222;
    border-right-color: #555555;
    display: none; }
  .aui .app-view-taglib .lfr-header-row-content .select-all-entries {
    left: 7px;
    top: 14px; }
  .aui .navbar .btn-group, .aui .navbar .navbar-search {
    margin-bottom: 8px;
    margin-top: 8px; }
  .aui .navbar .btn-navbar {
    padding: 10px; }
  .aui .navbar .container .btn-navbar {
    background: transparent;
    border-color: #DDD; }
    .aui .navbar .container .btn-navbar:hover, .aui .navbar .container .btn-navbar:focus, .aui .navbar .container .btn-navbar:active, .aui .navbar .container .btn-navbar.active, .aui .navbar .container .btn-navbar.disabled, .aui .navbar .container .btn-navbar[disabled] {
      background-color: #DDD; }
    .aui .navbar .container .btn-navbar .icon-bar {
      background: #656565; }
  .aui .navbar .icon-caret-down {
    background: #555555;
    background: rgba(255, 255, 255, 0.2);
    font-size: 14px;
    height: auto;
    margin-left: 5px;
    padding: 1px 4px;
    width: auto; }
  .aui .navbar .nav > li.open > a {
    background-color: #FFF;
    color: #555555;
    text-decoration: none; }
  .aui .navbar .navbar-inner {
    min-height: 47px; }
  .aui .modify-pages .delete-tab {
    background: #555555;
    border: 2px solid #FFF;
    color: #FFF;
    font-size: 16px;
    padding: 4px;
    right: -10px;
    top: 0;
    z-index: 300; }
    .aui .modify-pages .delete-tab:hover {
      -webkit-box-shadow: 0 1px 1px -1px black;
      -moz-box-shadow: 0 1px 1px -1px black;
      box-shadow: 0 1px 1px -1px black; }
  .aui ::-webkit-selection {
    background: #2AAAE6 !important;
    color: #FFF;
    text-shadow: -1px -1px rgba(0, 0, 0, 0.3); }
  .aui ::-moz-selection {
    background: #2AAAE6 !important;
    color: #FFF;
    text-shadow: -1px -1px rgba(0, 0, 0, 0.3); }
  .aui ::-o-selection {
    background: #2AAAE6 !important;
    color: #FFF;
    text-shadow: -1px -1px rgba(0, 0, 0, 0.3); }
  .aui ::selection {
    background: #2AAAE6 !important;
    color: #FFF;
    text-shadow: -1px -1px rgba(0, 0, 0, 0.3); }
  .aui .modify-pages .delete-tab {
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    text-shadow: none; }
  .aui input[type="color"], .aui input[type="date"], .aui input[type="datetime"], .aui input[type="datetime-local"], .aui input[type="month"], .aui input[type="number"], .aui input[type="password"], .aui input[type="text"], .aui input[type="time"], .aui input[type="week"], .aui input[type="email"], .aui input[type="url"], .aui input[type="search"], .aui input[type="tel"], .aui textarea, .aui .uneditable-input {
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none; }
    .aui input[type="color"]:focus, .aui input[type="date"]:focus, .aui input[type="datetime"]:focus, .aui input[type="datetime-local"]:focus, .aui input[type="month"]:focus, .aui input[type="number"]:focus, .aui input[type="password"]:focus, .aui input[type="text"]:focus, .aui input[type="time"]:focus, .aui input[type="week"]:focus, .aui input[type="email"]:focus, .aui input[type="url"]:focus, .aui input[type="search"]:focus, .aui input[type="tel"]:focus, .aui textarea:focus, .aui .uneditable-input:focus {
      -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(82, 168, 236, 0.6);
      -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(82, 168, 236, 0.6);
      box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(82, 168, 236, 0.6); }
  .aui .tagselector-focused .tagselector-content .textboxlistentry-holder {
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(82, 168, 236, 0.6);
    -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(82, 168, 236, 0.6);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(82, 168, 236, 0.6); }
  .aui .dockbar .nav > li > a {
    text-shadow: none; }
  .aui .dockbar .nav li.dropdown .dropdown-menu {
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0; }
  .aui .dockbar .container .btn .user-avatar-image, .aui .dockbar .nav li.dropdown.user-avatar .user-avatar-image {
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    -webkit-box-shadow: 0 0 0 2px #888888;
    -moz-box-shadow: 0 0 0 2px #888888;
    box-shadow: 0 0 0 2px #888888; }
  .aui .navbar .container .btn, .aui .navbar .container .btn .icon-bar {
    -webkit-box-shadow: 0 1px 0 white;
    -moz-box-shadow: 0 1px 0 white;
    box-shadow: 0 1px 0 white; }
  .aui .navbar .icon-caret-down {
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%; }
  .aui .navbar .nav > li.open > a {
    -webkit-box-shadow: inset 0 3px 8px rgba(0, 0, 0, 0.125);
    -moz-box-shadow: inset 0 3px 8px rgba(0, 0, 0, 0.125);
    box-shadow: inset 0 3px 8px rgba(0, 0, 0, 0.125); }
  .aui .dockbar .container .btn {
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none; }
  .aui .dockbar-user-notifications .dropdown-toggle .user-notifications-count {
    background-color: #6f6f6f;
    border: 1px solid #6f6f6f; }
  .aui .dockbar-user-notifications .user-notifications-header {
    border-bottom: 1px solid #6f6f6f; }
  .aui body.yui3-skin-sam .yui3-widget-mask {
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
    opacity: 0.8; }
  .aui.ie .dockbar .navbar-inner, .aui.ie #navigation .navbar-inner {
    filter: none; }

/* ---------- Classic Dockbar Responsive Styles ---------- */
@media (max-width: 979px) {
  .aui * {
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0); }
  .aui #heading {
    bottom: 100%;
    margin-top: -2em;
    position: relative; }
    .aui #heading .site-title {
      font-size: 26px; }
      .aui #heading .site-title img {
        width: 35px; }
  .aui #navigation {
    display: none; }
    .aui #navigation.open {
      display: block; }
      .aui #navigation.open .navbar-inner {
        padding: 10px;
        -webkit-border-radius: 3px;
        -moz-border-radius: 3px;
        border-radius: 3px; }
        .aui #navigation.open .navbar-inner .nav-collapse {
          height: auto;
          overflow: visible; }
    .aui #navigation .nav {
      margin: 0; }
  .aui .dockbar {
    float: right;
    height: auto;
    position: relative;
    z-index: 401; }
    .aui .dockbar .info-items {
      height: auto;
      position: static;
      width: 300px; }
    .aui .dockbar .navbar-inner {
      width: auto; }
      .aui .dockbar .navbar-inner .btn-navbar {
        background: transparent;
        border: 0 #888888;
        float: left;
        font-size: 24px;
        padding: 12px 15px; }
        .aui .dockbar .navbar-inner .btn-navbar:hover {
          background-color: #888888; }
        .aui .dockbar .navbar-inner .btn-navbar.open {
          background-color: #555555; }
      .aui .dockbar .navbar-inner .nav-account-controls {
        padding: 0 5px; }
        .aui .dockbar .navbar-inner .nav-account-controls .user-avatar-image {
          display: none; }
      .aui .dockbar .navbar-inner .nav-add-controls {
        background: transparent;
        border-top-width: 0;
        padding: 0 5px;
        position: static;
        z-index: 350; }
        .aui .dockbar .navbar-inner .nav-add-controls > li {
          float: none;
          margin: 0;
          position: relative; }
          .aui .dockbar .navbar-inner .nav-add-controls > li.toggle-controls a {
            clip: rect(auto auto auto auto);
            position: static;
            visibility: visible; }
          .aui .dockbar .navbar-inner .nav-add-controls > li .page-preview-controls {
            display: none; }
          .aui .dockbar .navbar-inner .nav-add-controls > li > a {
            background: transparent;
            text-align: left;
            white-space: nowrap; }
            .aui .dockbar .navbar-inner .nav-add-controls > li > a:hover {
              background: #F3F3F3; }
            .aui .dockbar .navbar-inner .nav-add-controls > li > a [class^="icon-"], .aui .dockbar .navbar-inner .nav-add-controls > li > a [class^="icon-"], .aui .dockbar .navbar-inner .nav-add-controls > li > a [class*=" icon-"] {
              font-size: 22px;
              margin-top: 0; }
            .aui .dockbar .navbar-inner .nav-add-controls > li > a.toggle-controls-link {
              background: transparent; }
              .aui .dockbar .navbar-inner .nav-add-controls > li > a.toggle-controls-link [class^="icon-"], .aui .dockbar .navbar-inner .nav-add-controls > li > a.toggle-controls-link [class^="icon-"], .aui .dockbar .navbar-inner .nav-add-controls > li > a.toggle-controls-link [class*=" icon-"] {
                color: #FFF; }
            .aui .dockbar .navbar-inner .nav-add-controls > li > a .nav-item-label {
              background: transparent;
              display: inline;
              left: 0;
              margin-left: 0;
              margin-top: 0;
              padding: 0;
              position: relative; }
            .aui .dockbar .navbar-inner .nav-add-controls > li > a:hover .nav-item-label {
              display: inline; }
            .aui .dockbar .navbar-inner .nav-add-controls > li > a .icon-caret-down {
              display: none; }
      .aui .dockbar .navbar-inner .nav-collapse {
        z-index: 400; }
        .aui .dockbar .navbar-inner .nav-collapse.open {
          overflow: visible; }
        .aui .dockbar .navbar-inner .nav-collapse > .nav {
          background: #777777;
          border-width: 0;
          left: auto;
          margin: 0;
          min-width: 160px;
          position: absolute;
          right: 0;
          z-index: 400; }
          .aui .dockbar .navbar-inner .nav-collapse > .nav > li.dropdown .dropdown-menu li a {
            font-size: 14px;
            line-height: 18px; }
          .aui .dockbar .navbar-inner .nav-collapse > .nav > li.dropdown.open > .dropdown-toggle {
            background-color: #aaaaaa;
            color: #FFF; }
          .aui .dockbar .navbar-inner .nav-collapse > .nav > li > a {
            color: #FFF;
            font-size: 16px;
            margin: 5px 0;
            padding: 6px 15px; }
            .aui .dockbar .navbar-inner .nav-collapse > .nav > li > a:focus, .aui .dockbar .navbar-inner .nav-collapse > .nav > li > a:hover {
              background: #aaaaaa; }
  .aui .portlet-dockbar {
    display: inline-block;
    width: 100%; }
  .aui .signed-out #_145_navAddControlsNavbarBtn {
    display: none; } }
/* ---------- Dockbar-vertical  ---------- */
.aui .lfr-has-dockbar-vertical {
  padding-left: 240px; }
  .aui .lfr-has-dockbar-vertical .layer-mobile {
    background: #FFF;
    cursor: pointer;
    height: 100%;
    left: 0;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 0;
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=70);
    opacity: 0.7; }
.aui .lfr-has-add-content {
  padding-left: 350px; }
.aui .lfr-has-edit-layout {
  padding-left: 460px; }
.aui .icon-toggle-dockbar {
  display: none; }
.aui .dockbar-vertical .icon-toggle-dockbar {
  background: #777777;
  color: #FFF;
  cursor: pointer;
  display: block;
  font-size: 25px;
  height: 25px;
  left: 0;
  padding: 3px 4px 4px;
  position: fixed;
  text-align: center;
  top: 5px;
  width: 25px;
  z-index: 1;
  -webkit-border-radius: 0 5px 5px 0;
  -moz-border-radius: 0 5px 5px 0;
  border-radius: 0 5px 5px 0;
  -webkit-transition: all 0.1s ease-in-out;
  -moz-transition: all 0.1s ease-in-out;
  -o-transition: all 0.1s ease-in-out;
  transition: all 0.1s ease-in-out; }
  .aui .dockbar-vertical .icon-toggle-dockbar.over {
    left: 240px;
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out; }
.aui .dockbar-vertical .portlet-dockbar .navbar {
  height: 100%;
  left: -5px;
  overflow: hidden;
  position: fixed;
  top: 0;
  width: 5px;
  z-index: 3;
  -webkit-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out; }
  .aui .dockbar-vertical .portlet-dockbar .navbar.over {
    left: 0;
    width: 240px;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out; }
    .aui .dockbar-vertical .portlet-dockbar .navbar.over .navbar-inner {
      width: 240px;
      -webkit-transition: all 0.4s ease-in-out;
      -moz-transition: all 0.4s ease-in-out;
      -o-transition: all 0.4s ease-in-out;
      transition: all 0.4s ease-in-out; }
      .aui .dockbar-vertical .portlet-dockbar .navbar.over .navbar-inner .nav-collapse ul.nav li.user-avatar > a {
        background-position: right bottom; }
  .aui .dockbar-vertical .portlet-dockbar .navbar .navbar-inner {
    height: 100%;
    overflow: auto;
    padding: 0;
    width: 120px;
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out; }
    .aui .dockbar-vertical .portlet-dockbar .navbar .navbar-inner .nav-collapse ul.nav {
      margin: 0;
      padding: 0;
      width: 100%; }
      .aui .dockbar-vertical .portlet-dockbar .navbar .navbar-inner .nav-collapse ul.nav li {
        width: 100%; }
        .aui .dockbar-vertical .portlet-dockbar .navbar .navbar-inner .nav-collapse ul.nav li.user-avatar > a {
          background: url(/Web-Quadis-Responsive-theme/images/dockbar_vertical/back-user.png) no-repeat left top, url(/Web-Quadis-Responsive-theme/images/dockbar_vertical/back-user-horizontal.png) no-repeat left top;
          background-size: cover;
          padding-top: 15px;
          text-align: center;
          -webkit-transition: all 8s ease-out;
          -moz-transition: all 8s ease-out;
          -o-transition: all 8s ease-out;
          transition: all 8s ease-out; }
        .aui .dockbar-vertical .portlet-dockbar .navbar .navbar-inner .nav-collapse ul.nav li.user-avatar img {
          display: block;
          height: 40%;
          margin: 0 auto;
          padding: 5%;
          width: 40%;
          -webkit-transition: all 0.3s ease-in-out;
          -moz-transition: all 0.3s ease-in-out;
          -o-transition: all 0.3s ease-in-out;
          transition: all 0.3s ease-in-out; }
        .aui .dockbar-vertical .portlet-dockbar .navbar .navbar-inner .nav-collapse ul.nav li.user-avatar:hover {
          background-color: transparent; }
          .aui .dockbar-vertical .portlet-dockbar .navbar .navbar-inner .nav-collapse ul.nav li.user-avatar:hover img {
            height: 50%;
            padding: 0;
            width: 50%;
            -webkit-transition: all 0.3s ease-in-out;
            -moz-transition: all 0.3s ease-in-out;
            -o-transition: all 0.3s ease-in-out;
            transition: all 0.3s ease-in-out; }
        .aui .dockbar-vertical .portlet-dockbar .navbar .navbar-inner .nav-collapse ul.nav li.user-avatar .dropdown-menu {
          display: block; }
          .aui .dockbar-vertical .portlet-dockbar .navbar .navbar-inner .nav-collapse ul.nav li.user-avatar .dropdown-menu li {
            float: left;
            width: 50%; }
        .aui .dockbar-vertical .portlet-dockbar .navbar .navbar-inner .nav-collapse ul.nav li.dockbar-user-notifications .user-notifications-count {
          display: inline; }
        .aui .dockbar-vertical .portlet-dockbar .navbar .navbar-inner .nav-collapse ul.nav li.dockbar-user-notifications a {
          white-space: inherit; }
        .aui .dockbar-vertical .portlet-dockbar .navbar .navbar-inner .nav-collapse ul.nav li a {
          margin: 0; }
        .aui .dockbar-vertical .portlet-dockbar .navbar .navbar-inner .nav-collapse ul.nav li ul {
          padding: 10px 0;
          position: relative;
          width: 100%; }
    .aui .dockbar-vertical .portlet-dockbar .navbar .navbar-inner .nav-collapse ul.nav-add-controls li {
      float: left;
      text-align: center;
      width: 25%; }
      .aui .dockbar-vertical .portlet-dockbar .navbar .navbar-inner .nav-collapse ul.nav-add-controls li a span {
        display: none;
        font-size: 70%;
        line-height: 15px;
        margin-top: -8px;
        padding: 0 0 5px;
        white-space: nowrap; }
      .aui .dockbar-vertical .portlet-dockbar .navbar .navbar-inner .nav-collapse ul.nav-add-controls li:hover a {
        padding-bottom: 0;
        padding-top: 0; }
        .aui .dockbar-vertical .portlet-dockbar .navbar .navbar-inner .nav-collapse ul.nav-add-controls li:hover a span {
          display: block; }

/* ---------- Dockbar-vertical Responsive Styles ---------- */
@media (max-width: 979px) {
  .aui .dockbar-vertical.lfr-has-dockbar-vertical {
    overflow: hidden; }
  .aui .dockbar-vertical .icon-toggle-dockbar {
    height: 30px;
    padding: 8px 4px 4px;
    width: 30px; }
  .aui .dockbar-vertical .navbar-static-top {
    margin: 0; }
  .aui .dockbar-vertical #_145_navSiteNavigationNavbarBtn, .aui .dockbar-vertical #_145_navAddControlsNavbarBtn, .aui .dockbar-vertical #_145_navAccountControlsNavbarBtn {
    display: none; }
  .aui .dockbar-vertical .dockbar.navbar .dockbar-user-notifications .dropdown-toggle .user-notifications-count {
    display: inline; }
  .aui .dockbar-vertical .dockbar.navbar .container .nav-collapse {
    display: block;
    height: auto;
    overflow: visible; } }
.aui .btn-primary {
  background-color: #f8a901;
  background-image: linear-gradient(to bottom, #f8a901, #f8a901); }

.form-loading {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background: #fafafa url(/Web-Quadis-Responsive-theme/css/../images/form-loading.gif) center center no-repeat;
  background-size: 100px 100px;
  opacity: 0.7;
  filter: alpha(opacity=70);
  z-index: 1000; }

.portlet-borderless-bar {
  left: 0;
  right: initial; }

.aui span.opens-new-window-accessible {
  display: none; }

.aui .btn-primary:hover, .aui .btn-primary:focus, .aui .btn-primary:active, .aui .btn-primary.active, .aui .btn-primary.disabled, .aui .btn-primary[disabled] {
  background-color: #f8a901; }

#concesionarios-listado li {
  display: block;
  width: 80px;
  float: left;
  margin-bottom: 20px; }

#concesionarios-listado li a {
  display: block;
  float: left;
  width: 80px;
  background-position: center center;
  background-repeat: no-repeat;
  height: 57px;
  line-height: 57px;
  text-align: center;
  font-size: 0;
  color: transparent; }

.tagcloud a {
  display: inline-block;
  margin: 0 5px 15px 0;
  font: normal 12pt BrownStd-Light;
  border-radius: 3px;
  text-decoration: none;
  color: #666 !important;
  padding: 5px 10px; }

.title-h2, .subtitle-h2 {
  display: block; }

.title-h2-mobile {
  display: none; }

#servicios_home {
  text-align: center;
  padding-top: 2rem;
  width: 100%;
  background: #FFF;
  text-transform: lowercase; }

#servicios_home img {
  width: 100%; }

#servicios_home ul {
  list-style: none;
  text-align: center;
  margin: 0;
  padding: 1.5rem 0;
  margin: 0 auto; }

#servicios_home a {
  font-size: 18px;
  font-family: BrownStd-Light; }

#servicios_home h4 {
  border-bottom: 1px solid #DFDFDF;
  padding-bottom: 1rem; }

#section_concesionarios, #section_tags, #section_banner, #section_news {
  padding-top: 2rem;
  padding-bottom: 4rem;
  width: 100%;
  background: #FFF; }

#section_banner {
  padding-bottom: 0; }

#section_tags {
  padding-top: 1rem;
  z-index: 6;
  position: relative; }

#section_tags .containerQuadis {
  border-top: 1px solid #ebebeb;
  padding-top: 2.5rem; }

#section_banner:hover {
  cursor: pointer; }

.a-eye {
  left: 42%; }

#blog_quadis .portlet-blogs .entry-body {
  position: relative; }

.portlet-blogs .entry-author, .portlet-blogs .stats, .portlet-blogs .entry-categories {
  display: none; }

.portlet-blogs .entry-navigation {
  background: transparent; }

#blog_quadis .comments {
  position: absolute;
  min-width: 15px;
  border-radius: 0;
  color: #fff;
  margin: 5px 0 0 5px;
  padding: 0 5px 0px;
  line-height: 18px;
  text-align: center;
  border: 0;
  z-index: 5;
  bottom: 1rem;
  left: 0;
  font-weight: bold; }

#blog_quadis .grid .comments {
  width: 100%;
  min-width: 100%;
  line-height: 20px; }

#blog_quadis .comments a:hover {
  text-decoration: none; }

#blog_quadis .grid .comments div {
  border-radius: 2px;
  border: 1px solid rgba(255, 255, 255, 0.5);
  background-color: rgba(0, 0, 0, 0.4);
  padding-right: 0.25rem;
  padding-left: 0.25rem; }

#blog_quadis .asset-small-image {
  float: left;
  width: 320px;
  margin-right: 1rem; }

#blog_quadis .grid .asset-small-image {
  height: 180px;
  position: relative;
  margin: 0 auto;
  float: none;
  text-align: center; }

#blog_quadis .grid .asset-small-image a {
  position: absolute;
  bottom: 0.75rem;
  left: 56%;
  transform: translate(-50%, -50%);
  color: #fff; }

#blog_quadis .grid .asset-small-image a.a-eye {
  left: 42%;
  bottom: .1rem; }

#blog_quadis .entry-info {
  width: 320px;
  margin: 0 auto;
  background: #fff;
  padding: 1rem 1rem 0;
  border-right: 1px solid #d2d2d2;
  border-left: 1px solid #d2d2d2;
  min-height: 136px; }

#blog_quadis .taglib-asset-tags-summary .tag, .taglib-asset-tags-summary .tag {
  font: 12px BrownStd-Light !important;
  display: inline-block;
  border-radius: 2px;
  background: #f9f9f9;
  color: #333;
  border: 1px solid #ddd;
  padding: 7px 4px 0 3px;
  margin: 2px 2px 0 0;
  float: left;
  text-transform: lowercase;
  text-decoration: none !important; }

#blog_quadis .separator {
  clear: both; }

#blog_quadis .nav {
  width: 100%; }

#blog_quadis .search {
  position: relative;
  z-index: 5; }

.asset-summary-entry {
  max-height: 3rem;
  overflow: hidden;
  min-height: 3rem; }

.pieImagen {
  background-color: #eee;
  padding: 15px;
  margin: -6px 0 30px !important;
  display: block;
  line-height: 17px;
  border: 1px soli #eee; }

.servicios-talleres {
  display: block;
  background-image: url(/Web-Quadis-Responsive-theme/css/../images/servicios_home/talleres.jpg);
  width: 310px;
  height: 185px; }

.servicios-postventa {
  display: block;
  background-image: url(/Web-Quadis-Responsive-theme/css/../images/servicios_home/postventa.jpg);
  width: 310px;
  height: 185px; }

.servicios-otros {
  display: block;
  background-image: url(/Web-Quadis-Responsive-theme/css/../images/servicios_home/otros_servicios.jpg);
  width: 310px;
  height: 185px; }

.center-block, .tagcloud {
  text-align: center; }

#opiniones {
  padding-bottom: 4rem; }

.portlet-blogs .entry {
  padding: 0 1rem 0 0; }

.portlet-blogs .entry .asset-small-image img {
  width: 100%; }

@media (max-width: 768px) {
  #section_tags {
    display: none; }

  #servicios_home li.span4 {
    padding-bottom: 3rem; }

  #blog_quadis .taglib-asset-tags-summary .tag, .taglib-asset-tags-summary .tag {
    font-size: 16px; } }
/*categorias del buscador*/
.aui .categoria {
  display: inline-block;
  position: relative;
  border: 1px solid;
  margin: 0 -1px -1px 0px;
  padding: 0; }

#cat-urbano {
  background: url(/Web-Quadis-Responsive-theme/css/../images/categorias/urbano-negro.png) center 12px no-repeat; }

#cat-compacto {
  background: url(/Web-Quadis-Responsive-theme/css/../images/categorias/compacto-negro.png) center 15px no-repeat; }

#cat-berlina {
  background: url(/Web-Quadis-Responsive-theme/css/../images/categorias/berlina-negro.png) center 16px no-repeat; }

#cat-familiar {
  background: url(/Web-Quadis-Responsive-theme/css/../images/categorias/familiar-negro.png) center 16px no-repeat; }

#cat-monovolumen {
  background: url(/Web-Quadis-Responsive-theme/css/../images/categorias/monovolumen-negro.png) center 16px no-repeat; }

#cat-monovolumen-pequeno {
  background: url(/Web-Quadis-Responsive-theme/css/../images/categorias/monovolumen-pequeno.png) center 16px no-repeat;
  background-size: 80%; }

#cat-monovolumen-grande {
  background: url(/Web-Quadis-Responsive-theme/css/../images/categorias/monovolumen-grande.png) center 12px no-repeat;
  background-size: 80%; }

#cat-todoterreno-pequeno {
  background: url(/Web-Quadis-Responsive-theme/css/../images/categorias/todoterreno-pequeno.png) center 9px no-repeat;
  background-size: 80%; }

#cat-todoterreno-grande {
  background: url(/Web-Quadis-Responsive-theme/css/../images/categorias/todoterreno-grande.png) center 8px no-repeat;
  background-size: 80%; }

#cat-deportivo {
  background: url(/Web-Quadis-Responsive-theme/css/../images/categorias/deportivo-negro.png) center 18px no-repeat; }

#cat-electrico {
  background: url(/Web-Quadis-Responsive-theme/css/../images/categorias/electrico-negro.png) center 15px no-repeat; }

#cat-hibrido {
  background: url(/Web-Quadis-Responsive-theme/css/../images/categorias/hibrido.png) center 8px no-repeat;
  background-size: 80%; }

#cat-cabrio {
  background: url(/Web-Quadis-Responsive-theme/css/../images/categorias/cabrio-negro.png) center 15px no-repeat; }

#cat-suv {
  background: url(/Web-Quadis-Responsive-theme/css/../images/categorias/suv-negro.png) center 12px no-repeat; }

/* iconos furgonetas */
#cat-furgon {
  background: url(/Web-Quadis-Responsive-theme/css/../images/categorias/furgon-negro.png) center 27px no-repeat; }

#cat-mixta {
  background: url(/Web-Quadis-Responsive-theme/css/../images/categorias/mixto-negro.png) center 28px no-repeat; }

#cat-pasajeros {
  background: url(/Web-Quadis-Responsive-theme/css/../images/categorias/pasajeros-negro.png) center 28px no-repeat; }

#cat-carrozados {
  background: url(/Web-Quadis-Responsive-theme/css/../images/categorias/carrozado.png) center 21px no-repeat; }

#cat-especiales {
  background: url(/Web-Quadis-Responsive-theme/css/../images/categorias/especiales-negro.png) center 15px no-repeat; }

#cat-ocio {
  background: url(/Web-Quadis-Responsive-theme/css/../images/categorias/ocio-negro.png) center 18px no-repeat; }

#cat-pickup {
  background: url(/Web-Quadis-Responsive-theme/css/../images/categorias/pickup-negro.png) center 34px no-repeat; }

#cat-pequena {
  background: url(/Web-Quadis-Responsive-theme/css/../images/categorias/pequena.png) center 29px no-repeat; }

#cat-mediana {
  background: url(/Web-Quadis-Responsive-theme/css/../images/categorias/mixta.png) center 24px no-repeat; }

#cat-grande {
  background: url(/Web-Quadis-Responsive-theme/css/../images/categorias/grande.png) center 18px no-repeat; }

#categorias-wrap {
  display: inline-block;
  width: 100%; }

#categorias-wrap .categoria:hover, #categorias-wrap #cat-compacto.checked {
  border: 1px solid; }

#categorias-wrap input[type=checkbox]:checked + label#cat-urbano {
  background: url(/Web-Quadis-Responsive-theme/css/../images/categorias/urbano-blanco.png) center 12px no-repeat;
  background-color: #000; }

#categorias-wrap input[type=checkbox]:checked + label#cat-compacto {
  background: url(/Web-Quadis-Responsive-theme/css/../images/categorias/compacto-blanco.png) center 15px no-repeat;
  background-color: #000; }

#categorias-wrap input[type=checkbox]:checked + label#cat-berlina {
  background: url(/Web-Quadis-Responsive-theme/css/../images/categorias/berlina-blanco.png) center 16px no-repeat;
  background-color: #000; }

#categorias-wrap input[type=checkbox]:checked + label#cat-familiar {
  background: url(/Web-Quadis-Responsive-theme/css/../images/categorias/familiar-blanco.png) center 16px no-repeat;
  background-color: #000; }

#categorias-wrap input[type=checkbox]:checked + label#cat-monovolumen {
  background: url(/Web-Quadis-Responsive-theme/css/../images/categorias/monovolumen-blanco.png) center 16px no-repeat;
  background-color: #000; }

#categorias-wrap input[type=checkbox]:checked + label#cat-cabrio {
  background: url(/Web-Quadis-Responsive-theme/css/../images/categorias/cabrio-blanco.png) center 15px no-repeat;
  background-color: #000; }

#categorias-wrap input[type=checkbox]:checked + label#cat-suv {
  background: url(/Web-Quadis-Responsive-theme/css/../images/categorias/suv-blanco.png) center 12px no-repeat;
  background-color: #000; }

#categorias-wrap input[type=checkbox]:checked + label#cat-furgon {
  background: url(/Web-Quadis-Responsive-theme/css/../images/categorias/furgon-blanco.png) center 27px no-repeat;
  background-color: #000; }

#categorias-wrap input[type=checkbox]:checked + label#cat-mixta {
  background: url(/Web-Quadis-Responsive-theme/css/../images/categorias/mixto-blanco.png) center 28px no-repeat;
  background-color: #000; }

#categorias-wrap input[type=checkbox]:checked + label#cat-pasajeros {
  background: url(/Web-Quadis-Responsive-theme/css/../images/categorias/pasajeros-blanco.png) center 28px no-repeat;
  background-color: #000; }

#categorias-wrap input[type=checkbox]:checked + label#cat-carrozados {
  background: url(/Web-Quadis-Responsive-theme/css/../images/categorias/carrozado-blanco.png) center 21px no-repeat;
  background-color: #000; }

#categorias-wrap input[type=checkbox]:checked + label#cat-deportivo {
  background: url(/Web-Quadis-Responsive-theme/css/../images/categorias/deportivo-blanco.png) center 18px no-repeat;
  background-color: #000; }

#categorias-wrap input[type=checkbox]:checked + label#cat-electrico {
  background: url(/Web-Quadis-Responsive-theme/css/../images/categorias/electrico-blanco.png) center 15px no-repeat;
  background-color: #000; }

#categorias-wrap input[type=checkbox]:checked + label#cat-ocio {
  background: url(/Web-Quadis-Responsive-theme/css/../images/categorias/ocio-blanco.png) center 18px no-repeat;
  background-color: #000; }

#categorias-wrap input[type=checkbox]:checked + label#cat-especiales {
  background: url(/Web-Quadis-Responsive-theme/css/../images/categorias/especiales-blanco.png) center 15px no-repeat;
  background-color: #000; }

#categorias-wrap input[type=checkbox]:checked + label#cat-pickup {
  background: url(/Web-Quadis-Responsive-theme/css/../images/categorias/pickup-blanco.png) center 34px no-repeat;
  background-color: #000; }

#categorias-wrap .categoria label {
  display: block;
  width: 100%;
  height: 100%;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  padding: 0 0 1.2rem;
  margin: 0;
  border-radius: 4px;
  padding-top: 50px;
  text-align: center;
  font-size: .57em;
  line-height: 1.1em;
  font-weight: normal;
  outline: none;
  cursor: pointer; }

.furgoneta-wrap .categoria label {
  line-height: 5.1em !important; }

.aui .categoria input {
  position: absolute;
  display: block;
  width: 100%;
  height: 100%;
  opacity: 0;
  cursor: pointer;
  top: 0; }

ul.child-menu {
  position: absolute;
  display: none;
  background: #000; }

.aui #banner #navigation li .has-sub {
  z-index: 1; }

.aui #banner #navigation li .has-sub:hover > ul {
  display: block; }

.aui #banner #navigation li .has-sub ul {
  display: none;
  position: absolute;
  width: 200px;
  top: 100%;
  left: 0; }

#cssmenu.align-right .has-sub ul {
  left: auto;
  right: 0; }

.aui #banner #navigation li .has-sub ul li {
  *margin-bottom: -1px; }

.aui #banner #navigation li .has-sub ul li a {
  background: #0fa1e0;
  border-bottom: 1px dotted #31b7f1;
  font-size: 11px;
  filter: none;
  display: block;
  line-height: 120%;
  padding: 10px;
  color: #ffffff; }

.aui #banner #navigation li .has-sub ul li:hover a {
  background: #0c7fb0; }

.aui #banner #navigation li ul ul li:hover > a {
  color: #ffffff; }

.aui #banner #navigation li .has-sub .has-sub:hover > ul {
  display: block; }

.aui #banner #navigation li .has-sub .has-sub ul {
  display: none;
  position: absolute;
  left: 100%;
  top: 0; }

#cssmenu.align-right .has-sub .has-sub ul,
#cssmenu.align-right ul ul ul {
  left: auto;
  right: 100%; }

.aui #banner #navigation li .has-sub .has-sub ul li a {
  background: #0c7fb0;
  border-bottom: 1px dotted #31b7f1; }

.aui #banner #navigation li .has-sub .has-sub ul li a:hover {
  background: #0a6d98; }

.aui #banner #navigation li ul ul li.last > a,
.aui #banner #navigation li ul ul li:last-child > a,
.aui #banner #navigation li ul ul ul li.last > a,
.aui #banner #navigation li ul ul ul li:last-child > a,
.aui #banner #navigation li .has-sub ul li:last-child > a,
.aui #banner #navigation li .has-sub ul li.last > a {
  border-bottom: 0; }

.buttonOptions {
  padding-top: 2rem; }

.buttonOptions i {
  display: inline;
  padding-right: 0.5rem; }

.buttonOptions a:hover, .buttonOptions a:active, .buttonOptions a:link, .buttonOptions a:visited {
  color: white; }

a.buttonOpciones:hover i {
  text-decoration: none; }

#concesionarios-listado li img:hover {
  opacity: 1;
  -webkit-filter: initial;
  filter: initial; }

#concesionarios-listado li img {
  max-height: 60px;
  opacity: 0.6;
  -webkit-filter: grayscale(1);
  filter: grayscale(1); }

.aui .modal:not(#form-contact) {
  display: block;
  z-index: 99999 !important; }

.aui .modal-header {
  background: #FFF !important; }

#blog_quadis h2 {
  font-size: 1.3rem;
  text-align: left;
  margin: 0;
  padding: 0;
  line-height: normal; }

#blog_quadis h2 a {
  font-weight: bold; }

#blog_quadis .entry-body {
  height: auto; }

#blog_quadis .entry-body {
  height: 180px; }

#blog_quadis .grid .entry-body {
  height: auto;
  position: relative; }

#blog_quadis .grid .entry-body:hover {
  cursor: pointer; }

#blog_quadis {
  background: #f2f2f2; }

#blog_quadis .containerQuadis {
  padding-top: 2rem;
  margin: 0 auto; }

#blog_quadis .entry-content h4 {
  max-height: 40px;
  overflow: hidden; }

#blog_quadis_search {
  text-align: center;
  background: #FFF;
  padding: 0 0 0.1rem;
  margin: 0; }

#blog_quadis_search .navbar {
  margin-bottom: 0; }

#section_breadcrumbs, #section_breadcrumbs_vehiculo {
  background: #FFF;
  padding-bottom: 1rem;
  padding-top: 1rem; }

#blog_quadis_search .subscribe {
  text-align: right; }

#blog_quadis_search .form-search .input-append .search-query {
  border-radius: 0;
  padding: 1.5rem;
  width: 50%;
  text-transform: lowercase;
  font-size: 1.1rem; }

#blog_quadis_search .form-search button {
  padding: .9rem 0.9rem 0.7rem;
  border-radius: 0;
  background: #828282;
  color: #FFF;
  text-shadow: none;
  width: 10rem;
  text-transform: uppercase;
  font-family: BrownStd-Regular; }

#blog_quadis_search .nav, #blog_quadis .edit-actions, #blog_quadis .entry-categories {
  display: none; }

#blog_quadis .grid .entry-categories {
  display: block; }

#blog_quadis .grid .taglib-asset-categories-summary {
  font-size: 0; }

#blog_quadis .grid .asset-category {
  font-size: 1rem; }

#blog_quadis_search h2 {
  margin: 0;
  padding: 0.5rem 0 0;
  font-family: BrownStd-Regular; }

#blog_quadis_search .form-search {
  margin-bottom: 29px;
  margin-top: 9px;
  text-align: center;
  padding: 0;
  padding-right: 19px; }

.aui p.breadcrumbs {
  margin: 0;
  padding-bottom: 1rem;
  font-size: 13px;
  color: #b8b8b8; }

.aui p {
  font-size: 1.1rem; }

#blog_quadis .taglib-asset-tags-summary .tag, .taglib-asset-tags-summary .tag {
  background: #aaaaaa;
  border: 0;
  border-radius: 3px;
  color: #FFF;
  max-height: 23px;
  overflow: hidden; }

.portlet-blogs .taglib-asset-tags-summary {
  border: 0;
  display: inline-block; }

.portlet-blogs .taglib-asset-tags-summary a {
  color: #fff; }

#blog_quadis .entry {
  padding: 1rem 0;
  position: relative;
  padding: 0;
  margin-bottom: 2rem; }

#blog_quadis .entry a {
  color: #000; }

#blog_quadis .grid .entry-footer {
  height: 50px; }

.noticia-newsletter #mc_embed_signup, #blog_quadis #mc_embed_signup {
  text-align: center; }

.noticia-newsletter #mc_embed_signup input.button, #blog_quadis #mc_embed_signup input.button {
  display: inline-block;
  width: 90%;
  margin: 0 auto 1rem; }

.noticia-newsletter #mc_embed_signup input.email, #blog_quadis #mc_embed_signup input.email {
  width: 90%;
  display: block;
  margin: 0 auto; }

.noticia-newsletter #mc_embed_signup span, #blog_quadis #mc_embed_signup span {
  display: block;
  color: #fff;
  padding-left: 0.8rem;
  padding-top: 1rem;
  text-align: left;
  padding-bottom: 1rem;
  font-size: 1.2rem; }

#blog_quadis_search .navbar .container .navbar-search .btn {
  clip: initial; }

.noticia-newsletter #mc_embed_signup form {
  float: none;
  text-align: center; }

#blog_quadis .span4 {
  margin-left: 0; }

#blog_quadis .entry-footer {
  position: absolute;
  bottom: 0;
  left: 330px; }

#blog_quadis .grid .entry-footer {
  position: relative;
  width: 320px;
  margin: 0 auto;
  background: #fff;
  padding: 1rem 0.85rem 1rem;
  left: 0;
  border: 1px solid #d2d2d2;
  border-top: 0; }

#blog_quadis .grid .asset-small-image img {
  border: 1px solid #d2d2d2;
  border-bottom: 0; }

#blog_quadis .grid h4 a {
  font-weight: bold; }

#blog_quadis .entry-categories {
  position: absolute;
  top: 0.75rem;
  background: #fea500;
  z-index: 2;
  padding: .2rem .5rem 0 .4rem;
  left: 1.45rem;
  border-radius: 4px;
  color: #fff;
  text-transform: uppercase; }

#blog_quadis .grid .entry-date {
  background: none;
  padding-left: 0; }

#blog_quadis .entry-body a {
  color: #fff; }

#blog_quadis .entry-title {
  height: 70px;
  overflow: hidden; }

#blog_quadis .entry-title a, #blog_quadis .asset-summary-entry a {
  color: #000; }

#blog_quadis .entry-tags {
  overflow: hidden;
  max-height: 26px; }

#blog_quadis .entry-title h3 {
  margin-top: 0; }

.aui .form-search .input-append .btn {
  border-radius: 0;
  height: 45px;
  width: 150px;
  background: #37383d;
  color: #fff;
  text-shadow: none;
  text-transform: uppercase; }

#mc_embed_signup #nestedform .button {
  background: #fea500;
  text-shadow: none;
  padding: 0 5rem 0 4.5rem;
  text-transform: uppercase;
  font-size: 15px;
  margin: 0 0 20px 0px;
  border-radius: 0; }

@media screen and (max-width: 1199px) {
  #blog_quadis .span4 {
    width: 50%; } }
@media (max-width: 979px) {
  #blog_quadis_search .navbar .container .nav-collapse {
    display: inline; }

  #blog_quadis_search .btn-navbar {
    display: none !important; }

  .aui .nav-collapse .navbar-search {
    border: 0; }

  #blog_quadis_search .form-search .input-append .search-query {
    padding: 0.52rem; }

  #mc_embed_signup {
    display: none; }

  #blog_quadis_search .form-search .input-append .search-query {
    width: 100%;
    padding: 0.85rem;
    height: 45px; }

  .aui .form-search .input-append {
    width: 80% !important;
    margin: 0 auto;
    position: relative; }

  .aui .form-search .input-append .btn {
    position: absolute;
    right: 0; }

  #blog_quadis .entry-categories {
    left: 9%; } }
@media (max-width: 768px) {
  .navbar .container .navbar-search .form-search .input-append {
    display: flex; } }
@media (max-width: 767px) {
  #blog_quadis .span4 {
    width: 100%; } }
@media (max-width: 668px) {
  #blog_quadis .entry-categories {
    left: 25%; } }
@media (max-width: 480px) {
  header .header-content, .aui .navbar .navbar-inner {
    padding: 0; }

  .aui .nav-collapse .navbar-search {
    padding: 1px; }

  .navbar .container .navbar-search .form-search .input-append {
    display: block; }

  #blog_quadis_search .form-search .input-append .search-query {
    width: 100%;
    margin-bottom: 1rem; }

  #blog_quadis .asset-small-image {
    width: 100%; }

  #blog_quadis_search .form-search button {
    width: 100%; }

  .portlet-blogs .subscribe {
    margin-top: 3.5rem; }

  #blog_quadis_search .form-search {
    padding-right: 0; }

  #blog_quadis_search .navbar .container .navbar-search .btn {
    display: block;
    width: 100% !important; }

  #blog_quadis .entry-categories {
    left: 5%; }

  .aui .form-search .input-append .btn {
    position: relative;
    right: 0;
    display: block;
    width: 100%; } }
.taglib-header {
  display: none; }

.taglib-social-bookmarks {
  background: transparent;
  border-bottom: 1px solid #f2f2f2;
  margin-bottom: 0; }

.taglib-social-bookmarks ul {
  padding: 0; }

.bookmarks-comments {
  float: right;
  margin-top: 1.5em;
  color: #fea500;
  padding: 0; }

.bookmarks-row {
  border-bottom: 1px solid #f2f2f2;
  margin-bottom: 1.5rem; }

.bookmarks-comments .mark {
  background: #000;
  padding: 0rem .5rem;
  color: #fff;
  margin-left: .5rem;
  border-radius: 4px; }

.bookmarks-comments span {
  float: right; }

.social-bookmarks {
  padding: 0; }

.entry h2 {
  text-align: left; }

.asset-content div {
  padding: 0.5rem 0; }

#opiniones .btn-danger {
  background: #fea500;
  text-shadow: none;
  padding: 0.5rem 2rem;
  text-transform: uppercase;
  font-size: 1rem;
  margin: 20px 0 20px;
  float: right; }

#opiniones div.col-md-9, #opiniones div.col-sm-12 {
  padding: 0; }

#opiniones h4 {
  float: left;
  margin: 28px 0 20px;
  font-weight: 100;
  font-size: 1.15rem; }

#opiniones .comment-content h4 {
  margin: 0;
  font-weight: bold;
  padding-right: 0.5rem;
  font-size: 1.15rem; }

#opiniones .comment-content span {
  color: #a6a6a6; }

#opiniones .comment-content p {
  padding-top: 0.5rem; }

#opiniones .pagination ul > li {
  display: inline; }

#opiniones .pagination ul > li.pagination-control {
  display: none; }

#opiniones .pagination li.active a {
  background: #737373;
  color: #fff; }

#caja_comentarios .label-required {
  color: #018bed; }

#caja_comentarios {
  border: 1px solid #dfdfdf;
  background: #fff;
  margin-bottom: 5rem; }

#caja_comentarios label {
  background-color: #fff;
  padding: 0;
  margin-left: 0;
  font-family: BrownStd-Regular; }

#caja_comentarios .control-group {
  color: #5d5d5d; }

#caja_comentarios h2 {
  text-align: left;
  text-transform: none;
  padding-top: 0; }

#caja_comentarios input[type="text"] {
  padding: 1.3rem;
  font-family: BrownStd-Light; }

#caja_comentarios textarea {
  font-family: BrownStd-Light; }

#caja_comentarios button {
  background: #fea500;
  text-shadow: none;
  padding: .5rem 3rem;
  text-transform: uppercase;
  font-size: 15px;
  margin: 20px 0 20px; }

#output {
  color: white;
  background: #FB4343; }

.pagination li:first-child, .pagination li:last-child {
  display: none; }

#blog_quadis .pager li > a {
  border-radius: 0; }

#blog_quadis .pager .disabled > a, #blog_quadis .pager .disabled > a:hover, #blog_quadis .pager .disabled > a:focus, #blog_quadis .pager .disabled > span {
  background: #737373;
  color: #fff; }

#blog_quadis .taglib-page-iterator {
  padding: 2rem 0;
  border-top: 0;
  border-bottom: 0;
  display: block;
  width: 351px; }

.breadcrumb-section {
  margin-top: 3em;
  background: #fff; }

#noticias-relacionadas h5 {
  text-transform: uppercase; }

#blog_quadis #noticias-relacionadas .asset-small-image {
  width: 100%; }

#noticias-relacionadas .entry-title {
  background: #fff;
  text-align: center; }

#noticias-relacionadas .entry-title h3 {
  font-size: 1.1rem;
  color: #000; }

@media (max-width: 979px) {
  #blog_quadis .taglib-page-iterator .lfr-pagination-buttons > li > a {
    width: 48px; }

  .taglib-page-iterator .lfr-pagination-buttons {
    margin: 0 auto; }

  .taglib-page-iterator .lfr-pagination-buttons > li {
    float: none; }

  .taglib-page-iterator .pager.lfr-pagination-buttons > li {
    width: 46px; }

  #blog_quadis .taglib-page-iterator .blog-pagination > li.first, #blog_quadis .taglib-page-iterator .blog-pagination > li.last {
    display: inline-block; } }
#section_contacto {
  background: #f2f2f2;
  padding: 2rem 0 5rem 0; }

#section_contacto label {
  background: transparent;
  padding: 0;
  margin: 0 0 0.5rem 0;
  font-family: BrownStd-Light;
  text-transform: lowercase; }

#section_contacto label.terminos {
  padding-left: 20px; }

#section_contacto legend {
  text-align: center;
  font-weight: normal;
  text-transform: lowercase;
  padding: 1.5rem 0 0;
  border: 0;
  font-size: 1.6rem; }

#section_contacto fieldset {
  margin: 0 auto;
  width: 60%; }

#section_contacto input[type="text"], #section_contacto input[type="date"], #section_contacto select {
  width: 100%;
  height: 2.3rem;
  font-family: BrownStd-Light; }

#section_contacto textarea {
  width: 100%; }

#section_contacto .contenedor div {
  padding: 0 0.75rem 0 0;
  margin-top: 0; }

#section_contacto .btn {
  width: 15rem;
  text-transform: uppercase;
  text-shadow: none;
  font-size: 1rem; }

#wrapper {
  position: relative;
  background-image: url(/Web-Quadis-Responsive-theme/images/fondo-quadis.jpg);
  background-size: cover; }

.layer {
  background: url("/Web-Quadis-Responsive-theme/images/layer_banner.png") 0px 0px repeat;
  position: absolute;
  top: 0px;
  height: 100%;
  width: 100%;
  opacity: 0.4;
  z-index: 2; }

.jarallax {
  position: absolute;
  right: 0;
  bottom: 0;
  min-width: 100%;
  min-height: 100%;
  width: auto;
  height: auto;
  z-index: 1;
  background-color: transparent; }

.banner .banner-detail h1 {
  font-size: 40px;
  font-weight: normal;
  text-transform: lowercase; }

/* Plugin cookieCuttr by Chris Wharton (http://cookiecuttr.com) */
.cc-cookies {
  position: fixed;
  width: 100%;
  left: 0;
  top: 0;
  background: #008aef;
  color: #000;
  font-size: 13px;
  font-weight: 700;
  text-shadow: none;
  z-index: 99999;
  text-align: center;
  color: #fff;
  line-height: 46px; }

.cc-cookies a, .cc-cookies a:hover {
  color: #fff;
  text-decoration: underline; }

.cc-cookies a:hover {
  text-decoration: none; }

.cc-overlay {
  height: 100%;
  padding-top: 25%; }

.cc-cookies-error {
  float: left;
  width: 90%;
  text-align: center;
  margin: 1em 0 2em 0;
  background: #fff;
  padding: 2em 5%;
  border: 1px solid #ccc;
  font-size: 18px;
  color: #333; }

.cc-cookies a.cc-cookie-accept, .cc-cookies-error a.cc-cookie-accept, .cc-cookies a.cc-cookie-decline, .cc-cookies-error a.cc-cookie-decline, .cc-cookies a.cc-cookie-reset {
  display: inline-block;
  color: #fff;
  text-decoration: none;
  background: #7DAF3B;
  padding: 0.5em 0.75em;
  border-radius: 3px;
  box-shadow: 0 0 2px rgba(0, 0, 0, 0.25);
  text-shadow: none;
  -o-transition: background 0.5s ease-in;
  -webkit-transition: background 0.25s ease-in;
  -moz-transition: background 0.25s ease-in; }

.cc-cookies a.cc-cookie-decline, .cc-cookies-error a.cc-cookie-decline {
  background: #af3b3b;
  margin-left: 0.5em; }

.cc-cookies a.cc-cookie-reset {
  background: #f15b00; }

.cc-cookies a:hover.cc-cookie-accept, .cc-cookies-error a:hover.cc-cookie-accept, .cc-cookies a:hover.cc-cookie-decline, .cc-cookies-error a:hover.cc-cookie-decline, .cc-cookies a:hover.cc-cookie-reset {
  background: #000;
  -o-transition: background 0.5s ease-in;
  -webkit-transition: background 0.25s ease-in;
  -moz-transition: background 0.25s ease-in; }

.cc-cookies-error a.cc-cookie-accept, .cc-cookies-error a.cc-cookie-decline {
  display: block;
  margin-top: 1em; }

.cc-cookies.cc-discreet {
  width: auto;
  padding: 0.5em 1em;
  left: auto;
  top: auto; }

.cc-cookies.cc-discreet a.cc-cookie-reset {
  background: none;
  text-shadow: none;
  padding: 0;
  text-decoration: underline; }

.cc-cookies.cc-discreet a:hover.cc-cookie-reset {
  text-decoration: none; }

.cc-cookies a.cc-cookie-accept {
  float: right;
  background: transparent;
  border: 0;
  color: #fff;
  padding: 0 10px 0 0;
  box-shadow: none;
  text-shadow: none;
  font-size: 1.25rem; }

.cc-cookies a.cc-cookie-accept:hover {
  background: transparent; }

@media screen and (max-width: 768px) {
  .cc-cookies a.cc-cookie-accept, .cc-cookies a.cc-cookie-decline, .cc-cookies a.cc-cookie-reset {
    display: block; } }
@media screen and (max-width: 768px) {
  .cc-cookies {
    line-height: 50px; }

  .btn-destacados-ctn {
    display: none; }

  #buscadorPrincipal {
    display: block; }

  .title-h2, .subtitle-h2 {
    display: none; }

  .title-h2-mobile {
    display: block;
    padding: 0 0 3rem !important; }

  .tab-slide__title {
    font-size: 1.5rem; }

  .breadcrumb-section {
    visibility: hidden; }

  #blog_quadis .taglib-page-iterator {
    clear: both; }

  #blog_quadis .taglib-page-iterator .lfr-pagination-buttons > li > a {
    width: 45px; } }
@media screen and (max-width: 615px) {
  .cc-cookies {
    line-height: 23px; } }
.aui #footer a.ch-btn.ch-btn--primary {
  background: #008aef;
  position: fixed;
  bottom: 12px;
  border-radius: 25px;
  padding: 5px 15px !important;
  left: 14px; }

.aui #footer a.ch-btn.ch-btn--primary:hover {
  background: #00b7ff; }

@media screen and (max-width: 480px) {
  #blog_quadis .grid .entry-footer, #blog_quadis .entry-info {
    width: auto; } }
@media screen and (max-width: 468px) {
  #section_contacto fieldset, #section_contacto .btn {
    width: 100%; }

  #section_contacto .contenedor div {
    padding: 0; }

  .aui p.breadcrumbs {
    display: none; }

  .entry-tags {
    display: none; }

  #blog_quadis .grid .entry-footer {
    height: 0; }

  #button-down {
    display: none; }

  .taglib-page-iterator .pager.lfr-pagination-buttons > li {
    width: 46px; }

  #blog_quadis .taglib-page-iterator {
    width: 321px; } }
@media screen and (max-width: 375px) {
  #blog_quadis .grid .asset-small-image {
    height: auto; } }
@media screen and (max-width: 330px) {
  .tab-slide__title {
    font-size: 0.84rem; } }
#sx-res-preloader {
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.8);
  z-index: 20000;
  overflow: hidden;
  text-align: center;
  display: none; }

#sx-res-preloader * {
  -webkit-transition: all .3s;
  transition: all .3s; }

#sx-res-preloader::before {
  content: ' ';
  display: inline-block;
  width: 0;
  height: 100%;
  vertical-align: middle; }

#sx-res-preloader .preloader-logo {
  width: 101px;
  height: 41px;
  display: inline-block;
  vertical-align: middle;
  margin: auto;
  background: transparent url(/Web-Quadis-Responsive-theme/images/logo.png) no-repeat 0 0;
  background-size: 100%;
  background-position: center; }

#sx-res-preloader .preloader-circle {
  position: absolute;
  left: 50%;
  top: 50%;
  width: 160px;
  height: 160px;
  border-radius: 50%;
  -webkit-box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.1);
  box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.1);
  margin-left: -80px;
  margin-top: -80px; }

#sx-res-preloader .preloader-line-mask {
  position: absolute;
  left: 50%;
  top: 50%;
  width: 80px;
  height: 160px;
  margin-left: -80px;
  margin-top: -80px;
  overflow: hidden;
  -webkit-transform-origin: 80px 80px;
  transform-origin: 80px 80px;
  -webkit-mask-image: -webkit-linear-gradient(top, black, rgba(0, 0, 0, 0));
  -webkit-animation: rotate 1.2s infinite linear;
  animation: rotate 1.2s infinite linear; }

#sx-res-preloader .preloader-line-mask .preloader-line {
  width: 160px;
  height: 160px;
  border-radius: 50%;
  -webkit-box-shadow: inset 0 0 0 2px #fea500;
  box-shadow: inset 0 0 0 2px #fea500; }

@-webkit-keyframes rotate {
  0% {
    -webkit-transform: rotate(0); }

  100% {
    -webkit-transform: rotate(360deg); } }

@keyframes rotate {
  0% {
    -webkit-transform: rotate(0);
    transform: rotate(0); }

  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg); } }

@-webkit-keyframes rotate {
  0% {
    -webkit-transform: rotate(0); }

  100% {
    -webkit-transform: rotate(360deg); } }

@keyframes rotate {
  0% {
    -webkit-transform: rotate(0);
    transform: rotate(0); }

  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg); } }

@-webkit-keyframes fade {
  0% {
    opacity: 1; }

  50% {
    opacity: 0.25; } }

@keyframes fade {
  0% {
    opacity: 1; }

  50% {
    opacity: 0.25; } }

@-webkit-keyframes fade {
  0% {
    opacity: 1; }

  50% {
    opacity: 0.25; } }

@keyframes fade {
  0% {
    opacity: 1; }

  50% {
    opacity: 0.25; } }

@-webkit-keyframes fade-in {
  0% {
    opacity: 0; }

  100% {
    opacity: 1; } }

@keyframes fade-in {
  0% {
    opacity: 0; }

  100% {
    opacity: 1; } }

@-webkit-keyframes fade-in {
  0% {
    opacity: 0; }

  100% {
    opacity: 1; } }

@keyframes fade-in {
  0% {
    opacity: 0; }

  100% {
    opacity: 1; } }

.aui h2 {
  text-align: center;
  font-weight: normal;
  text-transform: lowercase;
  padding: 1.5rem 0;
  font-size: 40px;
  font-family: BrownStd-Light; }

.aui .row-fluid .span12 {
  background: #fff; }

.breadcrumbs span.title {
  font-weight: bold; }

.breadcrumbs {
  text-transform: uppercase;
  color: #777; }

#breadcrumb a {
  font-weight: bold;
  color: #000; }

.center {
  text-align: center; }

div.required {
  color: #b50303; }

.right {
  text-align: left; }

.footer-title {
  padding-bottom: 0.5rem; }

.footer-subtitle {
  color: #989898;
  padding-bottom: 1rem;
  font-family: BrownStd-Light;
  font-size: 16px;
  padding-top: 0.25rem; }

.collapse {
  display: block; }

.aui select {
  width: 100%;
  font-size: 16px;
  font-family: BrownStd-Light;
  padding: 0.4rem;
  text-transform: lowercase; }

.selector_precio .nstSlider .bar {
  background: #ff9c00; }

.selector_precio .nstSlider .rightGrip, .selector_precio .nstSlider .leftGrip {
  background: #ff9c00; }

.aui #banner #navigation li#layout_1 {
  padding: 0 0 0 3rem; }

#layout_1 li {
  text-align: left; }

.pre-breadcrumbs {
  padding-bottom: 1rem;
  padding-top: 0.9rem; }

.button {
  border: 2px solid #aaaaaa;
  padding: 0.5rem 1.5rem;
  text-align: center; }

.button:hover {
  background: #fea500;
  color: #000;
  text-decoration: none;
  border-color: #fea500; }

.button:link, .button:active, .button:visited, .button:active {
  text-decoration: none; }

header#first {
  height: 100%;
  background-position: 50%;
  background-size: 100%;
  background-repeat: no-repeat; }

#first h2 {
  padding: 0;
  font-family: BrownStd-Regular;
  font-size: 40px; }

.home_quadis #first h2 {
  text-transform: none; }

.loading-animation {
  background: url(/Web-Quadis-Responsive-theme/css/../images/progress_bar/loading_animation.gif) center no-repeat;
  position: fixed;
  left: 0px;
  top: 0px;
  width: 100%;
  height: 100%;
  z-index: 9999;
  background-color: rgba(255, 255, 255, 0.5); }

h1.portlet-title {
  display: none; }

.aui {
  height: 100%;
  /* ---------- Carousel ---------- */
  /* ---------- dockbar vertical ---------- */ }
  .aui .dockbar-vertical .icon-toggle-dockbar {
    top: 55px; }
  .aui select {
    padding: .3rem; }
  .aui a:hover {
    text-decoration: none; }
  .aui h1 {
    margin: 0px; }
  .aui p, .aui li {
    font-family: BrownStd-Light; }
  .aui .container {
    width: 100%;
    margin: 0;
    padding: 0; }
  .aui .row {
    margin-left: 0; }
  .aui .breadcrumb {
    background-color: #000; }
  .aui .navbar-search {
    width: 100%; }
  .aui .navbar-inner {
    background-color: transparent;
    background-image: none;
    box-shadow: none;
    border: 0;
    padding-left: 0px; }
  .aui #copy {
    color: #7d7d7d;
    padding-left: 10px;
    font-family: BrownStd-Light;
    font-size: 15px; }
  .aui .taglib-social-bookmarks ul li {
    line-height: 0px;
    float: left;
    margin-right: 5px; }
  .aui .form-search .input-append {
    width: 100%; }
  .aui strong {
    font-family: BrownStd-Bold; }
  .aui body {
    height: 100%;
    color: #000;
    font-family: "BrownStd-Regular", "Helvetica Neue", Helvetica, Arial, sans-serif; }
    .aui body.space-between-header #content {
      margin-top: 20px; }
    .aui body.negative-space-between-header #content {
      position: relative;
      top: -67px; }
    .aui body.yui3-skin-sam .yui3-widget-mask {
      opacity: .4; }
    .aui body.macModal {
      overflow: hidden; }
  .aui a {
    text-shadow: none; }
    .aui a.btn {
      border-radius: 0;
      border-width: 0; }
  .aui a:hover {
    color: #000;
    text-decoration: none; }
  .aui form {
    margin: 0; }
  .aui #macModal {
    border-radius: 0;
    height: 100%;
    display: block !important;
    left: inherit !important;
    overflow: auto;
    right: -50% !important;
    top: 0 !important;
    width: 50%;
    background: #555;
    color: #FFF;
    -webkit-transform: rotate(-20deg);
    -moz-transform: rotate(-20deg);
    -ms-transform: rotate(-20deg);
    -o-transform: rotate(-20deg);
    transform: rotate(-20deg); }
    .aui #macModal.animOn {
      right: 0 !important;
      -webkit-transition: all 0.2s ease;
      -moz-transition: all 0.2s ease;
      -o-transition: all 0.2s ease;
      transition: all 0.2s ease;
      -webkit-transform: rotate(0);
      -moz-transform: rotate(0);
      -ms-transform: rotate(0);
      -o-transform: rotate(0);
      transform: rotate(0);
      -webkit-transform: perspective(0) translate3d(0, 0, 0);
      -moz-transform: perspective(0) translate3d(0, 0, 0);
      -ms-transform: perspective(0) translate3d(0, 0, 0);
      -o-transform: perspective(0) translate3d(0, 0, 0);
      transform: perspective(0) translate3d(0, 0, 0); }
    .aui #macModal .hide {
      display: block !important;
      margin: 15px 0; }
      .aui #macModal .hide .row-fluid {
        margin: 25px 0; }
    .aui #macModal .modal-header {
      border-bottom: 1px solid #666;
      padding: 10px 25px; }
      .aui #macModal .modal-header .close {
        color: #FFF;
        font-size: 45px;
        line-height: 40px;
        opacity: 1;
        width: 30px; }
    .aui #macModal .modal-body {
      padding: 25px;
      max-height: inherit; }
      .aui #macModal .modal-body img.full {
        width: 100%; }
      .aui #macModal .modal-body h1 {
        display: none; }
  .aui #wrapper {
    font-family: "BrownStd-Regular", "Helvetica Neue", Helvetica, Arial, sans-serif;
    height: 100%;
    margin: 0;
    padding: 0; }
  .aui #banner {
    background: transparent;
    height: 67px;
    z-index: 8;
    position: fixed;
    width: 106%; }
    .aui #banner a {
      color: #FFF;
      display: inline-block; }
      .aui #banner a:hover, .aui #banner a.active {
        text-decoration: none; }
    .aui #banner #heading {
      display: inline-block; }
      .aui #banner #heading .default-logo {
        min-height: 35px; }
        .aui #banner #heading .default-logo img {
          width: 125px; }
    .aui #banner #navigation {
      display: block;
      text-align: left;
      padding-top: 2rem;
      padding-bottom: 0rem; }
      .aui #banner #navigation ul.ul-main-nav > li > a {
        text-shadow: 2px 2px 2px black;
        font-weight: 400;
        text-transform: uppercase;
        font-family: BrownStd-Regular; }
      .aui #banner #navigation ul {
        margin: 0 auto;
        min-height: 67px;
        vertical-align: top;
        text-align: center;
        background: transparent; }
      .aui #banner #navigation #heading {
        position: absolute;
        width: 125px;
        top: 2rem;
        left: 4rem; }
      .aui #banner #navigation li {
        list-style: none;
        padding: 0; }
        .aui #banner #navigation li a {
          display: block;
          font-size: 110%;
          font-weight: 300;
          line-height: 25px;
          padding: 10px 1.5rem 10px;
          font-family: BrownStd-Light; }
        .aui #banner #navigation li.selected a {
          text-align: center;
          position: relative; }
        .aui #banner #navigation li.selected.cbp-hropen a:after {
          display: block; }
        .aui #banner #navigation li:hover > ul {
          display: block; }
      .aui #banner #navigation #sign-in {
        display: inline-block;
        font-size: 20px;
        margin-left: 20px;
        vertical-align: middle; }
      .aui #banner #navigation .right-icon-group {
        display: inline-block;
        text-align: right;
        position: absolute;
        right: 0;
        top: 0.8rem;
        font-size: 1.3em; }
      .aui #banner #navigation .right-icon-group a {
        padding: 0 0.3rem; }
      .aui #banner #navigation .portlet-search {
        display: inline-block;
        margin-right: -25px; }
        .aui #banner #navigation .portlet-search form {
          margin: 0;
          padding: 0; }
          .aui #banner #navigation .portlet-search form input {
            margin-bottom: 3px;
            padding: 0;
            width: 1px;
            -webkit-border-radius: 5px;
            -moz-border-radius: 5px;
            border-radius: 5px;
            filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
            opacity: 0; }
          .aui #banner #navigation .portlet-search form select, .aui #banner #navigation .portlet-search form input[type="image"] {
            display: none; }
      .aui #banner #navigation .ul-main-nav:after {
        content: " ";
        display: inline-block;
        height: 0;
        position: relative;
        width: 100%; }
  .aui header#banner {
    background: #000;
    position: relative; }
    .aui header#banner #navigation #heading {
      display: inline-block; }
  .aui .opened-search #banner #navigation .portlet-search form input {
    padding: 4px;
    width: 150px;
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
    opacity: 1; }
  .aui .opened-search #banner #navigation .open-search {
    color: #555;
    width: 13px; }
    .aui .opened-search #banner #navigation .open-search .icon-search:before {
      content: "\f054"; }
  .aui #content {
    min-height: 100%;
    padding: 0;
    background-color: #fff; }
  .aui #footer {
    background: #000;
    color: #989898; }
    .aui #footer .menu-footer {
      margin: 0;
      padding: 0; }
    .aui #footer .menu-footer a {
      color: #616161;
      font-family: BrownStd-Light;
      font-size: 15px; }
    .aui #footer .pre-breadcrumbs a {
      color: #9a9a9a;
      padding: 1rem 5px 1rem 11px;
      font-size: 18px; }
    .aui #footer .pre-breadcrumbs a:hover {
      text-decoration: none;
      color: #fff; }
    .aui #footer a {
      padding: 1rem 5px 1rem 11px;
      color: #fff; }
    .aui #footer img {
      width: 100px; }
    .aui #footer .pre-breadcrumbs img {
      width: auto; }
    .aui #footer .container {
      padding: 20px 0; }
  .aui .menu-footer li {
    display: inline; }
  .aui .component.carousel {
    line-height: inherit;
    margin-bottom: 0;
    overflow: hidden; }
    .aui .component.carousel .carousel-item {
      width: 100%; }
    .aui .component.carousel menu {
      background: transparent;
      bottom: 0;
      height: 10%;
      left: 0;
      padding: 0;
      text-align: center;
      width: 100%; }
      .aui .component.carousel menu li {
        display: inline-block;
        float: none; }
        .aui .component.carousel menu li .carousel-menu-item {
          bottom: 20px; }
        .aui .component.carousel menu li .carousel-menu-prev, .aui .component.carousel menu li .carousel-menu-next {
          background: url(/Web-Quadis-Responsive-theme/images/carousel/prev.png) transparent no-repeat center;
          bottom: 300%;
          height: 50px;
          left: 50px;
          opacity: 0;
          position: absolute;
          width: 50px;
          -webkit-transition: all 0.2s ease;
          -moz-transition: all 0.2s ease;
          -o-transition: all 0.2s ease;
          transition: all 0.2s ease;
          -webkit-transform: perspective(0) translate3d(0, 0, 0);
          -moz-transform: perspective(0) translate3d(0, 0, 0);
          -ms-transform: perspective(0) translate3d(0, 0, 0);
          -o-transform: perspective(0) translate3d(0, 0, 0);
          transform: perspective(0) translate3d(0, 0, 0); }
          .aui .component.carousel menu li .carousel-menu-prev:hover, .aui .component.carousel menu li .carousel-menu-next:hover {
            filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=40);
            opacity: 0.4;
            -webkit-transition: all 0.2s ease;
            -moz-transition: all 0.2s ease;
            -o-transition: all 0.2s ease;
            transition: all 0.2s ease;
            -webkit-transform: perspective(0) translate3d(0, 0, 0);
            -moz-transform: perspective(0) translate3d(0, 0, 0);
            -ms-transform: perspective(0) translate3d(0, 0, 0);
            -o-transform: perspective(0) translate3d(0, 0, 0);
            transform: perspective(0) translate3d(0, 0, 0); }
        .aui .component.carousel menu li .carousel-menu-next {
          background-image: url(/Web-Quadis-Responsive-theme/images/carousel/next.png);
          left: inherit;
          right: 50px; }
        .aui .component.carousel menu li .carousel-menu-index {
          background: #FFF;
          margin: 3px;
          padding: 1px; }
          .aui .component.carousel menu li .carousel-menu-index.carousel-menu-active {
            background: transparent;
            border: 2px solid #FFF;
            margin: 1px; }
        .aui .component.carousel menu li .carousel-menu-pause {
          background-size: cover;
          border: 2px solid #FFF;
          display: none;
          height: 12px;
          margin: 0 7px;
          width: 12px; }
    .aui .component.carousel:hover menu .carousel-menu-prev, .aui .component.carousel:hover .carousel-menu-next {
      opacity: 1; }
  .aui .columns-max {
    margin: 0 auto;
    max-width: 100%; }
  .aui .dockbar-vertical .icon-toggle-dockbar {
    z-index: 9; }
  .aui .dockbar-vertical .portlet-dockbar .navbar {
    z-index: 10; }

/* ---------- Responsive ---------- */
@media screen and (min-width: 1170px) {
  .aui .opened-search #banner #navigation .portlet-search form input {
    width: 150px; } }
@media (max-width: 979px) {
  .aui body {
    padding: 0; }
    .aui body .portlet-dockbar {
      display: block; }
  .aui #macModal {
    width: 100%; }
  .aui #banner {
    height: auto; }
    .aui #banner .container {
      width: 100%; }
    .aui #banner #navigation .menu-icon {
      cursor: pointer;
      height: 25px;
      left: 20px;
      position: absolute;
      top: 12px;
      width: 25px; }
      .aui #banner #navigation .menu-icon .line1, .aui #banner #navigation .menu-icon .line2 {
        background: #FFF;
        display: block;
        height: 3px;
        position: relative;
        top: 7px;
        width: 17px;
        -webkit-border-radius: 3px;
        -moz-border-radius: 3px;
        border-radius: 3px; }
      .aui #banner #navigation .menu-icon .line2 {
        top: 12px; }
    .aui #banner #navigation #heading {
      margin-left: 0;
      position: relative;
      top: 1rem;
      width: 100%;
      text-align: center;
      left: 0; }
    .aui #banner #navigation .right-icon-group {
      position: absolute;
      right: 20px;
      top: 13px; }
    .aui #banner #navigation ul li {
      display: none; }
  .aui .opened-search #banner #navigation .portlet-search form input {
    font-size: 110%;
    padding: 2px 4px; }
  .aui .opened-menu-icon #banner #navigation .menu-icon .line1 {
    top: 12px;
    -webkit-transform: rotate(-135deg);
    -moz-transform: rotate(-135deg);
    -ms-transform: rotate(-135deg);
    -o-transform: rotate(-135deg);
    transform: rotate(-135deg); }
  .aui .opened-menu-icon #banner #navigation .menu-icon .line2 {
    top: 9px;
    -webkit-transform: rotate(135deg);
    -moz-transform: rotate(135deg);
    -ms-transform: rotate(135deg);
    -o-transform: rotate(135deg);
    transform: rotate(135deg); }
  .aui .opened-menu-icon #banner #navigation ul li {
    display: block; }
  .aui .opened-menu-icon #banner #navigation #heading {
    padding-bottom: 30px; }
  .aui #footer ul {
    padding: 20px; } }
@media (max-width: 767px) {
  .aui .marginsOnMobile {
    padding: 0 20px; }

  .aui #banner #navigation .right-icon-group, .panelOptions, .radioTipo {
    display: none; }

  .aui .searchform button.btn {
    padding: 7px;
    float: none !important; }

  .aui .searchform button.btn {
    width: 100%; }

  #mc_embed_signup .right {
    text-align: center;
    padding-bottom: 1rem; }

  #footer {
    text-align: center; }

  .aui #footer .menu-footer {
    float: none; }

  .aui .menu-footer li {
    display: block; }

  #footer .checkbox {
    text-align: center; }

  .aui .search i {
    color: #FFF;
    width: 20px; }

  .aui .search span {
    display: none; }

  #first h2 {
    margin: 0; }

  ol.carousel-indicators {
    display: none; }

  #Carousel .item .col-xs-12 {
    padding: 0rem 3rem; } }
#contacto input[type="text"], #contacto textarea, #contacto select {
  width: 100%; }

#contacto .alert-error {
  float: right;
  padding: 0;
  border: 0;
  background: none;
  margin: 0; }

#contacto .error-checkbox {
  float: none; }

/* Camiones */
#camion {
  text-align: center; }

#myCarouselCamion .carousel-inner > .item {
  background-position: 0 0;
  width: 100%;
  height: 656px;
  background-repeat: no-repeat;
  background-size: 100% auto;
  z-index: 5; }

img.composicion {
  padding-bottom: 2rem; }

#myCarouselCamion .carousel-inner {
  width: 85%;
  margin: 0 auto; }

#myCarouselCamion a.left {
  left: 63px; }

#myCarouselCamion a.right {
  right: 63px; }

#myCarouselCamion a.carousel-control {
  opacity: 1;
  line-height: 0;
  display: none; }

#myCarouselCamion a.carousel-control span {
  width: 30px;
  margin-top: -2px;
  line-height: 0;
  text-align: center;
  font-size: 2rem;
  margin-left: -1rem;
  margin-right: -1rem; }

#myCarouselCamion:hover a.carousel-control {
  display: block; }

@media (max-width: 979px) {
  #myCarouselCamion .carousel-inner > .item {
    height: 410px; }

  .aui #banner #navigation {
    padding-bottom: 1rem; } }
@media (max-width: 680px) {
  #myCarouselCamion .carousel-inner > .item {
    height: 359px; } }
@media (max-width: 480px) {
  #myCarouselCamion .carousel-inner > .item {
    height: 246px; } }
@media (max-width: 340px) {
  #first h2 {
    font-size: 30px; }

  .button-down {
    bottom: 1%; }

  #section_concesionarios .aui .container-fluid {
    padding: 0 1.25rem; } }
#detalle-camiones {
  text-align: center; }

#camiones a.button {
  text-transform: uppercase; }

#camiones p span {
  color: #444444;
  font-size: 0.9rem;
  line-height: 17.6000003814697px;
  background-color: #fcfcfc; }

#camiones .banner-camiones {
  border-bottom: 1px solid #e6e6e6;
  padding: 15px 25px;
  margin-bottom: 4rem;
  overflow: hidden;
  text-align: center; }

#camiones .block-banner {
  display: inline-block;
  width: 200px; }

#camiones .block-banner img {
  display: block;
  margin: auto;
  max-width: 160px; }

#camiones .left {
  float: left;
  margin: 0 18px 18px 0; }

#camiones .c-content {
  display: inline-block;
  vertical-align: top;
  width: 350px;
  clear: both;
  padding-top: 30px;
  text-align: left; }

@media (max-width: 767px) {
  #camiones .c-content {
    width: 100%; }

  #box-triangle {
    display: none; } }
#camiones .c-title {
  margin-bottom: 35px; }

#camiones .c-right {
  float: right; }

#camiones .kind-camion img {
  padding-top: 30px; }

#camiones .kind-camion h2 span {
  font-size: 16px;
  text-transform: none; }

#camiones .fullpage h2 {
  margin: 20px 0 10px 0;
  clear: both;
  padding: 0 0 1rem; }

#camiones .kind-camion h2 {
  font-size: 28px;
  border: none;
  line-height: 22px;
  text-transform: uppercase;
  text-align: left;
  padding-bottom: 0.3rem; }

#detalle-camiones input[type="text"].comprobacion {
  display: none; }

#detalle-camiones label.acepto {
  display: inline-block; }

#camiones .kind-camion h3 {
  color: #777;
  font-family: BrownStd-Regular;
  font-weight: 300;
  font-size: 14px;
  line-height: 3px; }

#camiones_centros {
  padding: 2rem 0;
  background: #f2f2f2; }

#detalle-camiones input[type="text"], #detalle-camiones textarea {
  width: 100%;
  height: 3rem; }

#detalle-camiones textarea {
  height: 7rem; }

#contact-camiones input[type="checkbox"] {
  float: left; }

#contact-camiones .checkbox label::before {
  background-color: #fff;
  border: 1px solid #ccc; }

#detalle-camiones .help-inline {
  color: #b50303; }

#detalle-camiones .fichacamion-check-terminos {
  position: relative;
  text-align: left; }

#contact-camiones {
  margin: 0 auto;
  width: 70%; }

.excerpt {
  padding-bottom: 1.5rem;
  text-align: left; }

.fichacamion-check-terminos a {
  text-decoration: underline;
  color: #000; }

#detalle-camiones .fichacamion-check-terminos .help-inline {
  position: absolute;
  top: 1.5rem;
  padding: 0; }

#detalle-camiones .fichacamion-check-terminos .acepto-txt {
  position: relative;
  top: .25rem;
  left: 1.5rem; }

.label-required {
  font-size: 0; }

.label-required:after {
  content: " *";
  color: #008aef;
  font-size: 1rem; }

#contact-camiones {
  text-align: left;
  width: 75%;
  margin: 0 auto; }

#contact-camiones .button {
  margin: 2rem 0 6rem;
  background: #fea500;
  border: 0;
  text-transform: uppercase;
  color: #000;
  padding: 0.5rem 2rem;
  font-size: 1rem; }

#contact-camiones label {
  background-color: #fff;
  text-align: left;
  padding: 0;
  margin: 0;
  font-family: brownStd-Light;
  color: #5d5d5d; }

#contact-camiones label.terminos {
  color: #7d7d7d; }

.breadcrumbs i {
  margin: 10px 10px 0; }

#tab-models ul.modelos li img {
  margin-left: auto;
  margin-right: auto;
  padding: 1rem;
  display: block; }

.img-responsive {
  max-width: 100%;
  height: auto; }

#tab-models ul.modelos li {
  min-height: 215px;
  margin-left: 0;
  padding: 0; }

#tab-models ul.modelop {
  font-size: 0.85rem; }

#tab-models ul.modelos .price {
  font-size: 22px;
  font-family: BrownStd-Bold; }

#tab-models li a:hover {
  text-decoration: none; }

.aui .ver-mas {
  text-align: center;
  padding: 2rem 0 3rem; }

#tab-models ul.modelos {
  padding-left: 0;
  margin-left: 0px;
  list-style: none;
  text-align: center;
  margin-top: 0;
  margin-bottom: 30px; }

#modeloOtros ul {
  list-style: none; }

div.featured-image > div.layer {
  background: url("/Web-Quadis-Responsive-theme/css/../images/layer_banner.png") 0px 0px repeat;
  position: absolute;
  top: 0px;
  height: 100%;
  width: 100%;
  opacity: .4;
  display: block; }

#mas-ofertas .img-responsive {
  display: block;
  max-width: 100%;
  height: auto;
  width: 100% !important; }

/* MailChimp Form Embed Code - Slim*/
#mc_embed_signup {
  clear: left;
  background: nne repeat scroll 0% 0% #000;
  border: 1px solid #FFF;
  box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.25);
  margin: 12px 0px;
  width: 100%;
  border: 0;
  max-width: 600px; }

#mc_embed_signup form {
  display: block;
  position: relative;
  text-align: left;
  padding: 10px 0 10px 3%; }

#mc_embed_signup h2 {
  font-weight: bold;
  padding: 0;
  margin: 15px 0;
  font-size: 1.4em; }

#mc_embed_signup input {
  border: 1px solid #999;
  -webkit-appearance: none; }

#mc_embed_signup input[type=checkbox] {
  -webkit-appearance: checkbox; }

#mc_embed_signup input[type=radio] {
  -webkit-appearance: radio; }

#mc_embed_signup input:focus {
  border-color: #333; }

#mc_embed_signup .button {
  clear: both;
  background-color: #aaa;
  border: 0 none;
  border-radius: 4px;
  color: #FFFFFF;
  cursor: pointer;
  display: inline-block;
  font-size: 15px;
  font-weight: bold;
  height: 32px;
  line-height: 32px;
  margin: 0 5px 10px 0;
  padding: 0;
  text-align: center;
  text-decoration: none;
  vertical-align: top;
  white-space: nowrap;
  width: auto; }

#mc_embed_signup .button:hover {
  background-color: #777; }

#mc_embed_signup .small-meta {
  font-size: 11px; }

#mc_embed_signup .nowrap {
  white-space: nowrap; }

#mc_embed_signup .clear {
  clear: none;
  display: inline; }

#mc_embed_signup label {
  display: block;
  font-size: 16px;
  padding-bottom: 10px;
  font-weight: bold; }

#mc_embed_signup input.email {
  display: block;
  padding: 8px 0;
  margin: 0 4% 10px 0;
  text-indent: 10px;
  width: 58%;
  min-width: 130px; }

#mc_embed_signup input.button {
  display: block;
  width: 35%;
  margin: 0 0 10px 0;
  min-width: 90px; }

#mc_embed_signup div#mce-responses {
  float: left;
  top: -1.4em;
  padding: 0em .5em 0em .5em;
  overflow: hidden;
  width: 90%;
  margin: 0 5%;
  clear: both; }

#mc_embed_signup div.response {
  margin: 1em 0;
  padding: 1em .5em .5em 0;
  font-weight: bold;
  float: left;
  top: -1.5em;
  z-index: 1;
  width: 80%; }

#mc_embed_signup #mce-error-response {
  display: none; }

#mc_embed_signup #mce-success-response {
  color: #529214;
  display: none; }

#mc_embed_signup label.error {
  display: block;
  float: none;
  width: auto;
  margin-left: 1.05em;
  text-align: left;
  padding: .5em 0; }

#mc_embed_signup label {
  display: inline;
  font-size: 16px !important;
  color: #616161;
  float: right;
  background: transparent;
  font-weight: normal;
  text-transform: uppercase;
  padding: 0; }

#mc_embed_signup input.email {
  width: 60%;
  display: inline;
  border-color: #c8c8c8;
  margin: 0;
  height: 40px;
  font-family: BrownStd-Light;
  font-size: 17px; }

#mc_embed_signup input.button {
  display: inline;
  width: 40%;
  font-weight: normal;
  color: #FFF;
  background-color: #fea500;
  margin-left: -5px;
  border-radius: 0px;
  height: 40px;
  line-height: 40px;
  text-transform: uppercase;
  font-family: BrownStd-Bold;
  font-size: 14px; }

#mc_embed_signup form {
  width: 100%;
  min-width: 100%;
  padding: 0;
  float: right; }

#mc_embed_signup .right span:first-child {
  font-size: 25px;
  color: #fff; }

#mc_embed_signup span {
  display: block; }

#footer {
  position: absolute;
  width: 100%;
  z-index: 5; }

#footer .checkbox {
  padding-left: 16px;
  margin-top: 0;
  padding-top: 0.5rem; }

.checkbox label, .checkboxDiv label, .radio label.radio {
  display: inline-block;
  position: relative;
  padding-left: 5px; }

.checkbox label::before, .checkboxDiv label::before {
  content: "";
  display: inline-block;
  position: absolute;
  width: 15px;
  height: 15px;
  left: 0;
  margin-left: -20px;
  border: 1px solid #989898;
  background-color: #000;
  -webkit-transition: border 0.15s ease-in-out, color 0.15s ease-in-out;
  -o-transition: border 0.15s ease-in-out, color 0.15s ease-in-out;
  transition: border 0.15s ease-in-out, color 0.15s ease-in-out;
  margin-top: 2px; }

.checkbox label::after, .checkboxDiv label::after {
  display: inline-block;
  position: absolute;
  width: 16px;
  height: 16px;
  left: 0;
  top: 0;
  margin-left: -20px;
  padding-left: 2px;
  padding-top: 0px;
  font-size: 11px;
  color: #fff; }

#contact-camiones .checkbox label::after {
  color: #008eee; }

#footer .checkbox label a {
  text-decoration: underline;
  padding: 0; }

.checkboxDiv label a {
  text-decoration: underline;
  padding: 0;
  color: #000; }

#mc_embed_signup .checkbox input[type="checkbox"], .checkboxDiv input[type="checkbox"] {
  opacity: 0; }

.checkboxDiv input[type="checkbox"] {
  margin-left: 0.25rem; }

.checkbox input[type="checkbox"]:focus + label::before, .checkboxDiv input[type="checkbox"]:focus + label::before {
  outline: thin dotted;
  outline: 5px auto -webkit-focus-ring-color;
  outline-offset: -2px; }

.checkbox input[type="checkbox"]:checked + label::after, .checkboxDiv input[type="checkbox"]:checked + label::after {
  font-family: 'Arial';
  content: "";
  background: #008aef url(/Web-Quadis-Responsive-theme/images/check.svg) no-repeat 50%;
  background-size: 70% auto;
  border-color: #008aef; }

.checkbox input[type="checkbox"]:disabled + label, .checkboxDiv input[type="checkbox"]:disabled + label {
  opacity: 0.65; }

.checkbox input[type="checkbox"]:disabled + label::before, .checkboxDiv input[type="checkbox"]:disabled + label::before {
  background-color: #eeeeee;
  cursor: not-allowed; }

.checkbox.checkbox-circle label::before, .checkboxDiv.checkbox-circle label::before {
  border-radius: 50%; }

.checkbox.checkbox-inline, .checkboxDiv.checkbox-inline {
  margin-top: 0; }

#section_contacto .checkboxDiv label::before {
  background-color: transparent;
  border-color: #ccc; }

#section_contacto .checkboxDiv label::after {
  color: #019df0; }

#section_contacto label.checkbox {
  color: #7c7c7c; }

#section_contacto input[type=radio] {
  display: block; }

#section_contacto label.radio {
  margin: 0 2rem .5rem 0;
  padding: 0 0rem -0 1.5rem; }

#mc_embed_signup label.terminos {
  text-transform: none;
  float: none;
  font-size: 14px !important;
  font-family: BrownStd-Light; }

#fieldsContacto .form-validator-stack {
  margin-top: -10px; }

.compact {
  min-height: 100px;
  margin-top: -10px; }

.checkboxDiv {
  clear: both; }

.triangle {
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 0 8px 8px 8px;
  border-color: transparent transparent #ffffff transparent;
  bottom: 0;
  margin: 0 auto;
  display: none; }

.containerQuadis {
  padding-right: 15px;
  padding-left: 15px;
  margin-right: auto;
  margin-left: auto; }

@media (min-width: 768px) {
  .containerQuadis {
    /* width: 95%;
     margin: 0 auto;*/ } }
@media (min-width: 992px) {
  .containerQuadis {
    width: 970px; } }
@media (min-width: 1200px) {
  .containerQuadis {
    width: 1170px; } }
.btn-destacados-ctn {
  position: absolute;
  bottom: 25%;
  z-index: 5;
  left: 0;
  right: 0;
  margin-left: auto;
  margin-right: auto;
  text-align: center; }

.aui a.btn-destacados {
  color: #fff;
  border-color: #fff;
  text-transform: uppercase;
  font-size: 15px;
  font-size: 15px;
  background: transparent;
  border-color: #fff;
  border: 2px solid;
  padding: 11px 19px; }

.aui a.btn-destacados .fa-angle-right:before {
  font-size: 21px;
  padding-left: 0.5rem; }

a.btn-destacados.button {
  padding: .5rem 4rem; }

a.btn-destacados.button i {
  font-size: 1.5rem;
  padding: 0.5rem; }

.aui a.btn-destacados:hover {
  background: #fff;
  color: #000;
  text-decoration: none; }

#banner #navigation .cbp-hrsub-inner > div a:hover, .aui #banner #navigation li a:hover {
  color: #fea500 !important; }

.aui .seach {
  right: 0.75rem;
  z-index: 99; }

.aui .search span {
  font-size: 1.25rem;
  font-weight: bold; }

@media (max-width: 768px) {
  a.btn-destacados.button {
    padding: .5rem 1.2rem; } }
/*Login*/
#login {
  width: 100%;
  margin: 0 auto;
  padding-top: 2rem;
  background: #eee;
  position: relative !important;
  margin-top: 6rem;
  height: 100%; }

#login:hover {
  color: #000; }

#login h1, #login .desc {
  display: none; }

#login .desc {
  padding-bottom: 2rem;
  padding-left: 10px; }

#login label {
  background-color: transparent;
  padding: 0;
  margin-left: 0; }

#login label.checkbox {
  padding-left: 20px; }

#login .navigation {
  text-align: center;
  background: #ccc; }

#login fieldset.fieldset, #login .button-holder {
  width: 60%;
  margin: 0 auto; }

#login button.btn {
  width: 100%;
  margin-bottom: 1rem; }

#login input {
  padding: 1rem;
  width: 100%; }

#login form.sign-in-form {
  margin: 0 auto !important;
  width: 60%; }

@media (max-width: 680px) {
  #login {
    width: 100%; } }
@media (max-width: 991px) {
  .aui #banner #navigation #heading {
    margin-left: 0;
    position: relative;
    top: 0;
    width: 100%;
    text-align: center;
    left: 0; } }
#frame {
  position: fixed;
  height: 100vh;
  /*150vh*/
  width: 100vw;
  overflow-x: hidden;
  overflow-y: hidden; }

/*sliding navigation between the slides*/
#centros_vehiculo ul, #vehiculos-relacionados ul, #section_news ul, #section_destacados ul, #section_destacados_vo ul, #section_imagenes ul,
#section_destacados_km0 ul, #section_destacados_furgo_vn ul, #section_destacados_furgo_vo ul {
  margin: 0;
  padding: 0;
  position: absolute;
  left: 0;
  height: 100vh;
  list-style-type: none;
  -webkit-transform-style: preserve-3d;
  /*YAY lag is fixed on firefox*/
  -ms-transform-style: preserve-3d;
  -moz-transform-style: preserve-3d;
  transform-style: preserve-3d; }

#centros_vehiculo li, #vehiculos-relacionados li, #section_news li, #section_destacados li, #section_destacados_vo li, #section_imagenes li, #nav-anclas li,
#section_destacados_km0 li, #section_destacados_furgo_vn li, #section_destacados_furgo_vo li {
  margin: 0;
  padding: 0;
  list-style-type: none;
  float: left;
  width: 75vw;
  height: 100%;
  color: #FFF;
  text-align: center;
  margin-right: 0.75rem; }

#section_destacados li, #section_destacados_vo li, #section_destacados_km0 li, #section_destacados_furgo_vn li, #section_destacados_furgo_vo li {
  width: 28vw; }

#nav-anclas li {
  width: 30vw; }

#scrolling-centros, #scrolling-noticias, #scrolling-relacionados, #scrolling-imagenes, #scrolling-menus, #scrolling-destacado, #scrolling-destacado-vo,
#scrolling-destacado-km0, #scrolling-destacado-furgo-vn, #scrolling-destacado-furgo-vo {
  position: relative;
  height: 29rem;
  width: 100%;
  overflow: hidden; }

#scrolling-destacado, #scrolling-destacado-vo, #scrolling-destacado-km0, #scrolling-destacado-furgo-vn, #scrolling-destacado-furgo-vo {
  height: 30rem; }

#scrolling-menus {
  height: 6rem; }

#scrolling-relacionados {
  height: 24rem; }

@media (max-width: 991px) {
  #section_news li {
    width: 44vw; }

  #revista {
    margin-top: 5rem; }

  #vehiculos-relacionados li, #centros_vehiculo li {
    width: 30vw; } }
@media (max-width: 768px) {
  #scrolling-centros {
    height: 27rem; }

  #scrolling-relacionados {
    height: 20rem; }

  #vehiculos-relacionados li {
    width: 23vw; }

  #centros_vehiculo li {
    width: 33vw; }

  #section_news li {
    width: 50vw; }

  #section_destacados li, #section_destacados_vo li, #section_destacados_km0 li, #section_destacados_furgo_vn li, #section_destacados_furgo_vo li {
    width: 40vw; }

  #nav-anclas li {
    width: 14vw; }

  .loading-animation {
    z-index: 5; }

  #scrolling-noticias {
    height: 39rem; } }
@media (max-width: 1280px) {
  header#first {
    background-size: auto 100% !important; } }
@media (max-width: 768px) {
  header#first {
    background-size: cover !important; } }
@media (max-width: 480px) {
  #scrolling-menu {
    width: 40vw; }

  #scrolling-centros {
    height: 30rem; }

  #scrolling-relacionados {
    height: 25rem; }

  #vehiculos-relacionados li {
    width: 75vw; }

  #centros_vehiculo li {
    width: 75vw; }

  #section_news li {
    width: 75vw; }

  #section_news .containerQuadis {
    padding: 0; }

  #tab-models li a p {
    line-height: 1.5rem; }

  #section_destacados li, #section_destacados_vo li, #section_destacados_km0 li, #section_destacados_furgo_vn li, #section_destacados_furgo_vo li {
    width: 75vw; }

  #nav-anclas li {
    width: 22vw; } }
#btn-comparador a .ac-shortlist__count {
  border-radius: 30px;
  display: inline-block;
  height: 30px;
  line-height: 30px;
  margin-left: 0;
  min-width: 30px;
  background-color: #00B7FF;
  text-align: center; }

.box {
  color: #000;
  width: 110px;
  height: 80px;
  margin: 0 2px 0 0;
  background: #fea500;
  padding: 5px 0 5px 5px;
  position: relative;
  display: inline-block;
  font-size: 0.8rem;
  font-family: BrownStd-Light; }

.box:hover {
  background: #000;
  color: #fff;
  cursor: pointer; }

.box span {
  display: inline-table;
  line-height: 1rem; }

span.num {
  display: table;
  margin: 0 auto;
  font-size: 1.8rem;
  line-height: 3rem; }

.aui .home_quadis #banner #navigation li.selected a {
  text-align: left; }

.aui #banner #navigation li.selected a {
  text-align: left;
  position: relative; }

.sk-circle {
  margin: 100px auto;
  width: 60px;
  height: 60px;
  position: absolute;
  top: 30%;
  left: 50%; }

.sk-circle .sk-child {
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0; }

.sk-circle .sk-child:before {
  content: '';
  display: block;
  margin: 0 auto;
  width: 15%;
  height: 15%;
  background-color: #fff;
  border-radius: 100%;
  -webkit-animation: sk-circleBounceDelay 1.2s infinite ease-in-out both;
  animation: sk-circleBounceDelay 1.2s infinite ease-in-out both; }

.sk-circle .sk-circle2 {
  -webkit-transform: rotate(30deg);
  -ms-transform: rotate(30deg);
  transform: rotate(30deg); }

.sk-circle .sk-circle3 {
  -webkit-transform: rotate(60deg);
  -ms-transform: rotate(60deg);
  transform: rotate(60deg); }

.sk-circle .sk-circle4 {
  -webkit-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  transform: rotate(90deg); }

.sk-circle .sk-circle5 {
  -webkit-transform: rotate(120deg);
  -ms-transform: rotate(120deg);
  transform: rotate(120deg); }

.sk-circle .sk-circle6 {
  -webkit-transform: rotate(150deg);
  -ms-transform: rotate(150deg);
  transform: rotate(150deg); }

.sk-circle .sk-circle7 {
  -webkit-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  transform: rotate(180deg); }

.sk-circle .sk-circle8 {
  -webkit-transform: rotate(210deg);
  -ms-transform: rotate(210deg);
  transform: rotate(210deg); }

.sk-circle .sk-circle9 {
  -webkit-transform: rotate(240deg);
  -ms-transform: rotate(240deg);
  transform: rotate(240deg); }

.sk-circle .sk-circle10 {
  -webkit-transform: rotate(270deg);
  -ms-transform: rotate(270deg);
  transform: rotate(270deg); }

.sk-circle .sk-circle11 {
  -webkit-transform: rotate(300deg);
  -ms-transform: rotate(300deg);
  transform: rotate(300deg); }

.sk-circle .sk-circle12 {
  -webkit-transform: rotate(330deg);
  -ms-transform: rotate(330deg);
  transform: rotate(330deg); }

.sk-circle .sk-circle2:before {
  -webkit-animation-delay: -1.1s;
  animation-delay: -1.1s; }

.sk-circle .sk-circle3:before {
  -webkit-animation-delay: -1s;
  animation-delay: -1s; }

.sk-circle .sk-circle4:before {
  -webkit-animation-delay: -0.9s;
  animation-delay: -0.9s; }

.sk-circle .sk-circle5:before {
  -webkit-animation-delay: -0.8s;
  animation-delay: -0.8s; }

.sk-circle .sk-circle6:before {
  -webkit-animation-delay: -0.7s;
  animation-delay: -0.7s; }

.sk-circle .sk-circle7:before {
  -webkit-animation-delay: -0.6s;
  animation-delay: -0.6s; }

.sk-circle .sk-circle8:before {
  -webkit-animation-delay: -0.5s;
  animation-delay: -0.5s; }

.sk-circle .sk-circle9:before {
  -webkit-animation-delay: -0.4s;
  animation-delay: -0.4s; }

.sk-circle .sk-circle10:before {
  -webkit-animation-delay: -0.3s;
  animation-delay: -0.3s; }

.sk-circle .sk-circle11:before {
  -webkit-animation-delay: -0.2s;
  animation-delay: -0.2s; }

.sk-circle .sk-circle12:before {
  -webkit-animation-delay: -0.1s;
  animation-delay: -0.1s; }

@-webkit-keyframes sk-circleBounceDelay {
  0%, 80%, 100% {
    -webkit-transform: scale(0);
    transform: scale(0); }

  40% {
    -webkit-transform: scale(1);
    transform: scale(1); } }

@keyframes sk-circleBounceDelay {
  0%, 80%, 100% {
    -webkit-transform: scale(0);
    transform: scale(0); }

  40% {
    -webkit-transform: scale(1);
    transform: scale(1); } }

.ui-icon, .ui-widget-content .ui-icon {
  background-image: url("/Web-Quadis-Responsive-theme/images/ui-icons_444444_256x240.png") !important;
  background-color: white; }

.select-resumen td, .select-resumen textarea {
  text-align: center; }

.table-selection .highlight {
  height: 55px; }

.nobordes {
  border: 0px !important; }

.sk-message {
  margin: 50px auto;
  width: 100%;
  height: 51px;
  position: absolute;
  top: 30%;
  color: white !important;
  text-align: center;
  font-family: BrownStd-Light;
  font-size: 20px; }

@media (min-width: 480px) {
  .sk-message {
    left: 30px; } }
@media (max-width: 480px) {
  .sk-circle {
    left: 40%; } }
#loading-area-buscador {
  background-color: rgba(0, 0, 0, 0.5);
  height: 100%;
  width: 100%;
  z-index: 999999;
  position: fixed;
  top: 0;
  display: none; }

.aui {
  /* ---------- List styles ---------- */
  /* ---------- Images bg-fixed ---------- */ }
  .aui .carousel-container .carousel-item img {
    max-width: inherit;
    width: 100%; }
  .aui .carousel-container .carousel-item .carousel-text {
    background: rgba(0, 0, 0, 0.4);
    bottom: 20%;
    color: #FFF;
    padding: 10px 10% 20px;
    position: absolute;
    text-align: center;
    width: 80%; }
    .aui .carousel-container .carousel-item .carousel-text h1, .aui .carousel-container .carousel-item .carousel-text h2, .aui .carousel-container .carousel-item .carousel-text p, .aui .carousel-container .carousel-item .carousel-text a {
      -webkit-transition: all 0.2s ease;
      -moz-transition: all 0.2s ease;
      -o-transition: all 0.2s ease;
      transition: all 0.2s ease;
      -webkit-transform: perspective(0) translate3d(0, 0, 0);
      -moz-transform: perspective(0) translate3d(0, 0, 0);
      -ms-transform: perspective(0) translate3d(0, 0, 0);
      -o-transform: perspective(0) translate3d(0, 0, 0);
      transform: perspective(0) translate3d(0, 0, 0);
      margin-top: -10px;
      opacity: 0; }
    .aui .carousel-container .carousel-item .carousel-text hr {
      border-bottom: 1px solid rgba(255, 255, 255, 0.2);
      border-top-width: 0;
      margin: 20px 30%;
      width: 40%; }
  .aui .carousel-container .carousel-item.carousel-item-active .carousel-text h1, .aui .carousel-container .carousel-item.carousel-item-active .carousel-text h2, .aui .carousel-container .carousel-item.carousel-item-active .carousel-text p, .aui .carousel-container .carousel-item.carousel-item-active .carousel-text a {
    -webkit-transition-delay: 0.5s;
    -moz-transition-delay: 0.5s;
    -o-transition-delay: 0.5s;
    transition-delay: 0.5s;
    margin-top: 0;
    opacity: 1; }
  .aui .carousel-container .carousel-item.carousel-item-active .carousel-text h2 {
    -webkit-transition-delay: 0.7s;
    -moz-transition-delay: 0.7s;
    -o-transition-delay: 0.7s;
    transition-delay: 0.7s; }
  .aui .carousel-container .carousel-item.carousel-item-active .carousel-text p {
    -webkit-transition-delay: 0.8s;
    -moz-transition-delay: 0.8s;
    -o-transition-delay: 0.8s;
    transition-delay: 0.8s; }
  .aui .carousel-container .carousel-item.carousel-item-active .carousel-text a {
    -webkit-transition-delay: 1s;
    -moz-transition-delay: 1s;
    -o-transition-delay: 1s;
    transition-delay: 1s; }
  .aui .list-container .list-item {
    display: block;
    float: left;
    overflow: hidden;
    position: relative;
    width: 25%; }
    .aui .list-container .list-item h1, .aui .list-container .list-item h2, .aui .list-container .list-item p {
      -ms-text-overflow: ellipsis;
      -o-text-overflow: ellipsis;
      display: inline-block;
      font-size: 20px;
      line-height: 1.2;
      margin: 0 0 3px;
      max-width: 98%;
      overflow: hidden;
      text-overflow: ellipsis;
      vertical-align: top;
      white-space: nowrap;
      width: 100%; }
    .aui .list-container .list-item p {
      font-size: 100%; }
    .aui .list-container .list-item img {
      max-width: inherit;
      width: 100%; }
    .aui .list-container .list-item .list-text {
      -webkit-transform: rotate(-90deg);
      -moz-transform: rotate(-90deg);
      -ms-transform: rotate(-90deg);
      -o-transform: rotate(-90deg);
      transform: rotate(-90deg);
      -webkit-transform-origin: 100% 50%;
      -moz-transform-origin: 100% 50%;
      -ms-transform-origin: 100% 50%;
      -o-transform-origin: 100% 50%;
      transform-origin: 100% 50%;
      -webkit-transition: all 0.4s ease;
      -moz-transition: all 0.4s ease;
      -o-transition: all 0.4s ease;
      transition: all 0.4s ease;
      background: rgba(0, 0, 0, 0.5);
      bottom: -100%;
      color: #FFF;
      display: block;
      left: 0;
      padding: 20px;
      position: absolute;
      right: 0; }
    .aui .list-container .list-item .margins {
      display: block; }
    .aui .list-container .list-item:hover .list-text, .aui .list-container .list-item.none .list-text {
      -webkit-transform: rotate(0);
      -moz-transform: rotate(0);
      -ms-transform: rotate(0);
      -o-transform: rotate(0);
      transform: rotate(0);
      bottom: 0; }
  .aui .img-bg-fixed {
    background-attachment: fixed;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover; }
    .aui .img-bg-fixed.bg-right {
      background-position: right; }
    .aui .img-bg-fixed.bg-left {
      background-position: left; }

@media (max-width: 979px) {
  .aui .list-container .list-item {
    width: 50% !important; }
    .aui .list-container .list-item .list-text {
      -webkit-transform: rotate(0);
      -moz-transform: rotate(0);
      -ms-transform: rotate(0);
      -o-transform: rotate(0);
      transform: rotate(0);
      bottom: 0; } }
@media (max-width: 767px) {
  .aui .list-container .list-item {
    width: 100% !important; } }