@charset "UTF-8";
/**
* Lexicon 1.0.3
*
* Copyright 2016, Liferay, Inc.
* All rights reserved.
* MIT license
*/
/**
* Lexicon 1.0.3
*
* Copyright 2016, Liferay, Inc.
* All rights reserved.
* MIT license
*/
/**
* Lexicon 1.0.3
*
* Copyright 2016, Liferay, Inc.
* All rights reserved.
* MIT license
*/
/**
* Lexicon 1.0.3
*
* Copyright 2016, Liferay, Inc.
* All rights reserved.
* MIT license
*/
/**
* Lexicon 1.0.3
*
* Copyright 2016, Liferay, Inc.
* All rights reserved.
* MIT license
*/
/**
* Lexicon 1.0.3
*
* Copyright 2016, Liferay, Inc.
* All rights reserved.
* MIT license
*/
/**
* Lexicon 1.0.3
*
* Copyright 2016, Liferay, Inc.
* All rights reserved.
* MIT license
*/
/**
* Lexicon 1.0.3
*
* Copyright 2016, Liferay, Inc.
* All rights reserved.
* MIT license
*/
/**
* Lexicon 1.0.3
*
* Copyright 2016, Liferay, Inc.
* All rights reserved.
* MIT license
*/
/**
* Lexicon 1.0.3
*
* Copyright 2016, Liferay, Inc.
* All rights reserved.
* MIT license
*/
/**
* Lexicon 1.0.3
*
* Copyright 2016, Liferay, Inc.
* All rights reserved.
* MIT license
*/
/**
* Lexicon 1.0.3
*
* Copyright 2016, Liferay, Inc.
* All rights reserved.
* MIT license
*/
/**
* Lexicon 1.0.3
*
* Copyright 2016, Liferay, Inc.
* All rights reserved.
* MIT license
*/
/**
* Lexicon 1.0.3
*
* Copyright 2016, Liferay, Inc.
* All rights reserved.
* MIT license
*/
/**
* Lexicon 1.0.3
*
* Copyright 2016, Liferay, Inc.
* All rights reserved.
* MIT license
*/
/**
* Lexicon 1.0.3
*
* Copyright 2016, Liferay, Inc.
* All rights reserved.
* MIT license
*/
/**
* Lexicon 1.0.3
*
* Copyright 2016, Liferay, Inc.
* All rights reserved.
* MIT license
*/
/**
* Lexicon 1.0.3
*
* Copyright 2016, Liferay, Inc.
* All rights reserved.
* MIT license
*/
/**
* Lexicon 1.0.3
*
* Copyright 2016, Liferay, Inc.
* All rights reserved.
* MIT license
*/
/**
* Lexicon 1.0.3
*
* Copyright 2016, Liferay, Inc.
* All rights reserved.
* MIT license
*/
/**
* Lexicon 1.0.3
*
* Copyright 2016, Liferay, Inc.
* All rights reserved.
* MIT license
*/
/**
* Lexicon 1.0.3
*
* Copyright 2016, Liferay, Inc.
* All rights reserved.
* MIT license
*/
/**
* Lexicon 1.0.3
*
* Copyright 2016, Liferay, Inc.
* All rights reserved.
* MIT license
*/
/**
* Lexicon 1.0.3
*
* Copyright 2016, Liferay, Inc.
* All rights reserved.
* MIT license
*/
/**
* Lexicon 1.0.3
*
* Copyright 2016, Liferay, Inc.
* All rights reserved.
* MIT license
*/
/**
* Lexicon 1.0.3
*
* Copyright 2016, Liferay, Inc.
* All rights reserved.
* MIT license
*/
/**
* Lexicon 1.0.3
*
* Copyright 2016, Liferay, Inc.
* All rights reserved.
* MIT license
*/
/**
* Lexicon 1.0.3
*
* Copyright 2016, Liferay, Inc.
* All rights reserved.
* MIT license
*/
/**
* Lexicon 1.0.3
*
* Copyright 2016, Liferay, Inc.
* All rights reserved.
* MIT license
*/
/**
* Lexicon 1.0.3
*
* Copyright 2016, Liferay, Inc.
* All rights reserved.
* MIT license
*/
/**
* Lexicon 1.0.3
*
* Copyright 2016, Liferay, Inc.
* All rights reserved.
* MIT license
*/
/**
 * Calculates and sets aspect ratio
 * @param $width - width
 * @param $height - height
 */
/**
* Lexicon 1.0.3
*
* Copyright 2016, Liferay, Inc.
* All rights reserved.
* MIT license
*/
/**
* Lexicon 1.0.3
*
* Copyright 2016, Liferay, Inc.
* All rights reserved.
* MIT license
*/
/**
* Lexicon 1.0.3
*
* Copyright 2016, Liferay, Inc.
* All rights reserved.
* MIT license
*/
/**
* Lexicon 1.0.3
*
* Copyright 2016, Liferay, Inc.
* All rights reserved.
* MIT license
*/
/**
* Lexicon 1.0.3
*
* Copyright 2016, Liferay, Inc.
* All rights reserved.
* MIT license
*/
/**
* Lexicon 1.0.3
*
* Copyright 2016, Liferay, Inc.
* All rights reserved.
* MIT license
*/
/**
* Lexicon 1.0.3
*
* Copyright 2016, Liferay, Inc.
* All rights reserved.
* MIT license
*/
/**
 * Indents each nested navigation by $indent (15px default)
 * @param $indent - amount to indent in pixels
 * @param $nest-level - number of levels to iterate
 * @param $nav-class - class name of nav element
 * @param $i - start value
 */
/**
* Lexicon 1.0.3
*
* Copyright 2016, Liferay, Inc.
* All rights reserved.
* MIT license
*/
/**
 * Make a direct descendant of .flex-container to break to a new line, should be
 * applied to direct descendant of .flex-container
 */
/**
 * Make .flex-container stack all its direct descendants, should be applied to
 * .flex-container
 */
/**
* Lexicon 1.0.3
*
* Copyright 2016, Liferay, Inc.
* All rights reserved.
* MIT license
*/
/**
* Lexicon 1.0.3
*
* Copyright 2016, Liferay, Inc.
* All rights reserved.
* MIT license
*/
/**
 * Calculates text-indent of data-label-on and data-label-off
 * @param $toggle-switch-width - Width of switch bar
 * @param $toggle-switch-padding - Space between button and bar
 */
/**
 * Color toggle-switch-bar
 * @param $off-bg - Switch bar off background-color
 * @param $off-border - Switch bar off border-color
 * @param $on-bg - Switch bar on background-color
 * @param $on-border - Switch bar on border-color
 */
/**
 * Color toggle-switch-button
 * @param $button-off-bg - Switch button off background-color
 * @param $button-off-border - Switch button off border-color
 * @param $button-on-bg - Switch button on background-color
 * @param $button-on-border - Switch button on border-color
 */
/**
 * Color icon in toggle-switch-bar
 * @param $off-color - Switch bar off icon font color
 * @param $on-color - Switch bar on icon font color
 */
/**
 * Color icon in toggle-switch-button
 * @param $off-color - Switch button off icon font color
 * @param $on-color - Switch button on icon font color
 */
/**
* Lexicon 1.0.3
*
* Copyright 2016, Liferay, Inc.
* All rights reserved.
* MIT license
*/
/**
* Lexicon 1.0.3
*
* Copyright 2016, Liferay, Inc.
* All rights reserved.
* MIT license
*/
.loading-animation, .loadingmask-message .loadingmask-message-content {
  animation: loading-animation 1.7s infinite ease;
  border-radius: 50%;
  clear: both;
  font-size: 64px;
  height: 1em;
  margin: 1em auto;
  overflow: hidden;
  position: relative;
  transform: translateZ(0);
  width: 1em; }

.loadingmask-content {
  background: #CCC; }

.loadingmask-message {
  background: rgba(255, 255, 255, 0.75);
  border-radius: 50%;
  border-width: 0;
  font-size: 64px;
  left: 50% !important;
  padding: 0.7em;
  position: absolute;
  top: 50% !important;
  transform: translate(-50%, -50%); }
  .loadingmask-message .loadingmask-message-content {
    background: transparent;
    border-width: 0;
    color: transparent;
    height: 1em;
    margin: 0;
    overflow: hidden;
    padding: 0;
    width: 1em; }

.overlaymask-hidden .loadingmask-message {
  display: none; }

@keyframes loading-animation {
  0% {
    box-shadow: 0 -0.83em 0 -0.4em #0077ff, 0 -0.83em 0 -0.42em #008cff, 0 -0.83em 0 -0.44em #00a2ff, 0 -0.83em 0 -0.46em #00b7ff, 0 -0.83em 0 -0.477em #0CF;
    transform: rotate(0); }
  2%, 96% {
    box-shadow: 0 -0.83em 0 -0.4em #0077ff, 0 -0.83em 0 -0.42em #008cff, 0 -0.83em 0 -0.44em #00a2ff, 0 -0.83em 0 -0.46em #00b7ff, 0 -0.83em 0 -0.477em #0CF; }
  10% {
    box-shadow: 0 -0.83em 0 -0.4em #0077ff, -0.087em -0.825em 0 -0.42em #008cff, -0.173em -0.812em 0 -0.44em #00a2ff, -0.256em -0.789em 0 -0.46em #00b7ff, -0.338em -0.758em 0 -0.477em #0CF; }
  25% {
    box-shadow: 0 -0.83em 0 -0.4em #0077ff, -0.338em -0.758em 0 -0.42em #008cff, -0.555em -0.617em 0 -0.44em #00a2ff, -0.671em -0.488em 0 -0.46em #00b7ff, -0.719em -0.415em 0 -0.477em #0CF; }
  40% {
    box-shadow: 0 -0.83em 0 -0.4em #00f7ff, -0.377em -0.74em 0 -0.42em #00fff2, -0.645em -0.522em 0 -0.44em #00ffdd, -0.775em -0.297em 0 -0.46em #00ffc8, -0.82em -0.13em 0 -0.477em #00ffb3; }
  60% {
    box-shadow: 0 -0.83em 0 -0.4em #0077ff, -0.087em -0.825em 0 -0.42em #008cff, -0.173em -0.812em 0 -0.44em #00a2ff, -0.256em -0.789em 0 -0.46em #00b7ff, -0.297em -0.775em 0 -0.477em #0CF; }
  100% {
    box-shadow: 0 -0.83em 0 -0.4em #0077ff, 0 -0.83em 0 -0.42em #008cff, 0 -0.83em 0 -0.44em #00a2ff, 0 -0.83em 0 -0.46em #00b7ff, 0 -0.83em 0 -0.477em #0CF;
    transform: rotate(360deg); } }

.logo {
  display: inline-block;
  line-height: 1;
  vertical-align: middle; }

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

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

/* ---------- Status ---------- */
.entry-status {
  border-left: 4px solid transparent; }

span.alert {
  display: inline-block; }

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

.quick-access-nav {
  position: absolute;
  top: -1000px;
  width: 100%;
  z-index: 1000; }
  .quick-access-nav a {
    background: #333;
    background: rgba(51, 51, 51, 0.9);
    border: 1px solid #FFF;
    left: 0;
    outline: none;
    padding: 8px;
    position: absolute;
    right: 0;
    text-align: center; }
    .quick-access-nav a:focus {
      color: #FFF;
      top: 1000px; }

@media only screen and (max-width: 991px) {
  .responsive-table-horizontal {
    display: block;
    position: relative;
    width: 100%; }
    .responsive-table-horizontal:after {
      clear: both;
      content: '';
      display: block;
      font-size: 0;
      height: 0;
      visibility: hidden; }
    .responsive-table-horizontal tbody {
      display: block;
      overflow-x: auto;
      position: relative;
      white-space: nowrap;
      width: auto; }
      .responsive-table-horizontal tbody tr {
        display: inline-block;
        vertical-align: top; }
        .responsive-table-horizontal tbody tr td {
          display: block;
          margin-bottom: 20px; }
          .responsive-table-horizontal tbody tr td:first-child {
            text-align: left; }
    .responsive-table-horizontal thead {
      display: block;
      float: left;
      margin-right: 10px; }
      .responsive-table-horizontal thead:after {
        clear: both;
        content: "";
        display: block;
        font-size: 0;
        height: 0;
        visibility: hidden; }
      .responsive-table-horizontal thead th {
        display: block;
        margin-bottom: 20px;
        text-align: right; }
        .responsive-table-horizontal thead th:first-child {
          text-align: right; }
  .ie9 .responsive-table-horizontal thead {
    float: none; } }

.important {
  font-weight: bold; }

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

.hide-accessible {
  clip: rect(0 0 0 0) !important;
  position: absolute !important;
  /*Webkit and IE7 let clipped content change the scroll height of the page*/
  /*Scale webkit to 0*/
  -webkit-transform: scale(0);
  -webkit-transform-origin-x: 0;
  -webkit-transform-origin-y: 0;
  /*Change IE7 to using fixed*/
  *position: fixed !important;
  /*...And reset back to absolute for IE6*/
  _position: absolute !important; }

.force-offset {
  display: block !important;
  position: absolute !important;
  visibility: hidden !important; }

.unselectable, .unselectable * {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none; }

.cke_toolbar.cke_toolbar__a11yhelpbtn .cke_toolgroup, .cke_toolbar.cke_toolbar__a11yhelpbtn .cke_toolgroup:hover {
  background: transparent; }

.cke_toolbar.cke_toolbar__a11yhelpbtn .cke_button:hover {
  background: transparent; }

.cke_toolbar.cke_toolbar__a11yhelpbtn .cke_button .cke_button_label:after {
  border-color: #A6A6A6;
  font-family: "Courier New", Courier, "Lucida Sans Typewriter", "Lucida Typewriter", monospace; }

.lfr-add-panel .add-content-menu .add-portlet-message {
  background-color: #1B2228;
  margin: 20px;
  padding: 5px 20px; }
  .lfr-add-panel .add-content-menu .add-portlet-message .info-message {
    margin: 20px 0; }

.lfr-add-panel .add-content-menu .add-application-panel .lfr-content-item {
  height: 40px;
  padding: 0 16px; }
  .lfr-add-panel .add-content-menu .add-application-panel .lfr-content-item.lfr-archived-setup {
    padding-left: 30px; }

.lfr-add-panel .add-content-menu .search-bar {
  margin: 10px; }

.lfr-add-panel .add-content-menu .input-group-btn {
  right: 20px; }

.lfr-add-panel .add-content-menu .display-style-bar {
  margin: 10px; }
  .lfr-add-panel .add-content-menu .display-style-bar .display-style {
    padding: 5px; }
    .lfr-add-panel .add-content-menu .display-style-bar .display-style.active {
      color: #869CAD; }

.lfr-asset-category-container .no-matches {
  color: #999; }

.lfr-asset-category-search-container {
  background-color: #D3DADD;
  border-bottom-color: #AEB8BC; }

.lfr-asset-category-list a.selected {
  background-color: #EEE; }

.lfr-categories-selector-search-results-path {
  color: #575757;
  font-size: 0.9em;
  text-align: right;
  width: 25%; }

.lfr-asset-column-actions-content {
  background-color: #D7F1FF; }

.lfr-asset-column-actions .lfr-asset-column-actions-content {
  border-color: #88C5D9; }

.lfr-asset-column-details .lfr-asset-categories {
  color: #7D7D7D; }
  .lfr-asset-column-details .lfr-asset-categories .lfr-asset-category {
    color: #555; }

.lfr-asset-column-details .lfr-asset-description {
  color: #444;
  font-style: italic;
  word-wrap: break-word;
  -webkit-hyphens: auto;
  -moz-hyphens: auto;
  -ms-hyphens: auto;
  -o-hyphens: auto;
  hyphens: auto; }

.lfr-asset-column-details .lfr-asset-icon {
  border-right-color: #999;
  color: #999; }

.lfr-asset-column-details .lfr-asset-tags {
  color: #7D7D7D; }
  .lfr-asset-column-details .lfr-asset-tags .tag {
    color: #555; }

.lfr-asset-panels .lfr-panel.lfr-extended, .lfr-asset-column-details .lfr-panel.lfr-extended {
  border-color: #CCC; }

.lfr-form-row {
  border-bottom-color: #CCC; }

.lfr-form-row:hover {
  background-color: #DFFCCB;
  border-color: #B2FF3A; }

.lfr-form-row .handle-sort-vertical {
  background: url(../images/application/handle_sort_vertical.png) no-repeat 0 50%; }

.lfr-edit-layout-panel .taglib-form-navigator .button-holder {
  background-color: #FFF; }

.definition-of-terms dt {
  color: #333;
  font-weight: normal;
  width: 100%;
  word-break: break-word; }
  @media only screen and (min-width: 768px) {
    .definition-of-terms dt {
      width: auto; } }

.lfr-code {
  background: #FFF;
  border-color: #777;
  font-family: monospace; }
  .lfr-code tr td.line-numbers {
    background: #FAFAFA; }
    .lfr-code tr td.line-numbers:before {
      color: #AAA;
      text-shadow: 1px 1px #FFF; }

.popup-alert-notice .countdown-timer {
  font-size: 1.1em;
  font-weight: bold; }

.lfr-token {
  background-color: #B3DAEF;
  border-color: #5FA8FF;
  color: #444;
  text-decoration: none; }
  .lfr-token:hover {
    background-color: #D1E5EF; }

.lfr-token-primary {
  font-weight: bold; }
  .lfr-token-primary, .lfr-token-primary:hover {
    background-color: #B3DAEF; }

.lfr-token-close:hover {
  text-decoration: none; }

.lfr-button {
  background: no-repeat 0 50%; }

.lfr-table > tbody > tr > th, .lfr-table > thead > tr > th, .lfr-table > tfoot > tr > th {
  font-weight: bold; }

.lfr-checkbox-preselected, .lfr-configurator-visibility {
  opacity: 0.5; }

.lfr-header-row {
  border-bottom-color: #7B7B7B; }
  .lfr-header-row .lfr-search-combobox {
    border-color: #5F5F5F; }

.openid-login input[type="text"] {
  background: url(../images/common/openid.gif) no-repeat;
  background-color: #FFF;
  background-position: 0 50%;
  color: #000; }

.page-extra-settings .lfr-panel-titlebar .lfr-panel-title {
  font-size: 1em; }

.lfr-pagination .lfr-pagination-controls li .lfr-pagination-link {
  color: #333;
  font-weight: normal; }

.lfr-panel.lfr-extended, .lfr-panel-container, .lfr-floating-container {
  border-color: #DEDEDE #BFBFBF #BFBFBF #DEDEDE; }

.lfr-panel-container, .lfr-floating-container {
  background: #FFF; }

.lfr-panel-titlebar .lfr-panel-title {
  font-size: 1.2em;
  font-weight: bold; }

.lfr-panel-titlebar .lfr-panel-button {
  background: url(../images/application/panel_header_toggler_close.png) no-repeat 0 0; }
  .lfr-panel-titlebar .lfr-panel-button:hover {
    background-position: 0 100%; }

.lfr-panel.lfr-collapsible .lfr-panel-titlebar {
  background: url(../images/arrows/05_down.png) no-repeat 2px 50%; }

.lfr-panel.lfr-collapsed .lfr-panel-titlebar {
  background-image: url(../images/arrows/05_right.png); }
  .lfr-panel.lfr-collapsed .lfr-panel-titlebar .lfr-panel-button {
    background-image: url(../images/application/panel_header_toggler_open.png); }

.lfr-panel.lfr-extended .lfr-panel-titlebar {
  background: #D6D6D6 url(../images/application/panel_header.png) repeat-x 0 0;
  border-bottom-color: #CDCDCD; }

.lfr-panel-container .lfr-extended.lfr-collapsible .lfr-panel-titlebar {
  border-top-color: #CECECE; }

.js .lfr-floating-trigger {
  background-image: url(../images/arrows/05_down.png);
  background-position: 100% 50%;
  background-repeat: no-repeat;
  text-decoration: none; }

.lfr-panel-page .panel-page-content {
  border-left-color: #CCC; }

.lfr-panel-page .lfr-add-content h2 {
  border-color: #CCC; }
  .lfr-panel-page .lfr-add-content h2 span {
    background: #EFEFEF; }

.lfr-panel-page .lfr-add-content .lfr-content-category h2 {
  border-bottom-color: #CCC; }
  .lfr-panel-page .lfr-add-content .lfr-content-category h2 span {
    background: none; }

.lfr-panel-content .paginator-container {
  background: #CFD2D5;
  border-bottom-color: #DCDEE0;
  border-top-color: #DCDEE0; }

.lfr-panel-content .paginator-page-container .paginator-page-link {
  background: none;
  border-color: #CFD2D5; }
  .lfr-panel-content .paginator-page-container .paginator-page-link.paginator-current-page {
    background: #99A7B3 url(../images/application/current_page_hover_bg.png) repeat-x 0 0;
    border-color: #6B7785 #7C8994 #919FA9;
    color: #FFF;
    font-weight: bold; }
    .lfr-panel-content .paginator-page-container .paginator-page-link.paginator-current-page:hover {
      background: #5094D7 url(../images/application/current_page_bg.png) repeat-x 0 0;
      border-color: #31659C #396EA8 #4C8CCB; }

#portlet-set-properties fieldset fieldset legend {
  font-size: 1.1em; }

.lfr-preview-file-content {
  border-bottom-color: #6D6D6E; }

.lfr-preview-file-image-current-column, .lfr-preview-file-video-current-column {
  background: url(../images/common/checkerboard.png); }

.lfr-preview-file-toolbar {
  background: #333;
  opacity: 0.5; }
  .lfr-preview-file-toolbar .icon-arrow-1-l {
    background: url(../images/document_library/preview_left.png) no-repeat 0 50%; }
  .lfr-preview-file-toolbar .icon-arrow-1-r {
    background: url(../images/document_library/preview_right.png) no-repeat 0 50%; }
  .lfr-preview-file-toolbar .icon-zoomin {
    background: url(../images/document_library/preview_zoom.png) no-repeat 0 50%; }

.lfr-preview-file-image-current-column:hover .lfr-preview-file-toolbar {
  opacity: 1; }

.lfr-preview-file-info {
  background: #333;
  color: #FFF;
  opacity: 0.5; }
  .lfr-preview-file-info:hover {
    opacity: 1; }

.lfr-preview-file-index {
  font-weight: bold; }

.lfr-preview-file-image-current {
  background: url(../images/aui/loading_indicator.gif) no-repeat 50% 50%; }

.lfr-preview-file-image img {
  background: url(../images/aui/loading_indicator.gif) no-repeat 50% 50%;
  border-color: #AEB8BC; }

.lfr-preview-file-image-selected img, .lfr-preview-file-image:hover img {
  border-color: #00A2EA; }

.lfr-preview-file-loading-indicator {
  background: #333;
  color: #FFF; }

.lfr-preview-file-image-overlay-content {
  background: url(../images/common/checkerboard.png);
  border-color: #555; }

.firefox .lfr-preview-video-content div.video-node {
  height: 100%; }

textarea.lfr-editor-textarea {
  font-family: monospace; }

.lfr-rich-editor.ace_editor {
  border-color: #A1A2A4; }

.lfr-plain-editor textarea, .lfr-rich-editor.ace_editor {
  font-family: 'Monaco', 'Menlo', 'Droid Sans Mono', 'Courier New', monospace;
  font-size: 12px; }

.lfr-spa-loading-bar {
  background: #2FA4F5; }

.lfr-tag-selector-popup label {
  border-bottom-color: #EEE; }

.lfr-tag-selector-popup .no-matches {
  color: #999; }

.lfr-toolbar {
  background-color: #E5E4E8; }
  .lfr-toolbar .lfr-button:focus {
    border-color: #000; }
  .lfr-toolbar .lfr-button:hover {
    border-color: #CCC #777 #777; }
  .lfr-toolbar .lfr-separator {
    border-left-color: #FFF;
    border-right-color: #CCC;
    font-size: 12px; }

.lfr-toolbar .lfr-button, .lfr-emoticon-container .lfr-button {
  border-color: #E5E4E8; }

.lfr-emoticon-container {
  background: #E5E4E8;
  border-color: #CCC; }

.lfr-translation-manager .lfr-translation-manager-available-translations .lfr-translation-manager-available-translations-links {
  line-height: 1; }

.lfr-translation-manager .lfr-translation-manager-translation {
  text-decoration: none; }
  .lfr-translation-manager .lfr-translation-manager-translation:hover {
    background-color: #D1E5EF; }
  .lfr-translation-manager .lfr-translation-manager-translation.lfr-translation-manager-translation-editing {
    background-color: #598BEC;
    border-color: #224FA8;
    color: #FFF; }

.lfr-tree a {
  text-decoration: none; }

.tree-drag-helper {
  z-index: 1035; }

.lfr-upload-container .upload-target {
  border-color: #DDD; }
  .lfr-upload-container .upload-target h4 span {
    text-transform: lowercase; }
  .lfr-upload-container .upload-target .drop-file-text {
    font-weight: normal; }

.lfr-upload-container a.browse-button {
  background-image: url(../images/common/add.png);
  background-repeat: no-repeat;
  color: white;
  font-size: 1.2em;
  font-weight: bold;
  text-decoration: none; }

.lfr-upload-container a.clear-uploads {
  background-image: url(../images/common/remove.png);
  background-repeat: no-repeat; }

.lfr-upload-container a.cancel-uploads {
  background-image: url(../images/common/close.png);
  background-repeat: no-repeat; }

.lfr-upload-container .upload-list-info h4 {
  font-size: 1.3em; }

.lfr-upload-container .cancel-button {
  color: #869CAD; }

.lfr-upload-container .delete-button {
  color: #869CAD; }

.lfr-upload-container .file-added .success-message {
  font-weight: normal; }

.lfr-upload-container .upload-error {
  opacity: 1; }

.lfr-upload-container .multiple-files .upload-error {
  background: #FDD url(../images/messages/error.png) no-repeat 5px 5px;
  border-color: #900;
  color: #900;
  font-weight: normal; }

.lfr-upload-container .upload-complete .error-message, .lfr-upload-container .upload-complete .success-message {
  font-weight: bold; }

.lfr-upload-container .file-uploading {
  background-color: #FFC; }

.lfr-upload-container .progress-bar {
  background: #FFF;
  margin-top: 25px;
  text-align: left;
  width: 100%; }

.lfr-upload-container .progress {
  background: #8DB2E3; }

.upload-drop-active .lfr-upload-container .upload-target {
  background-color: #DDEDDE;
  border-color: #7D7;
  border-style: dashed; }

.app-view-entry:hover .entry-thumbnail {
  border-color: #7ABFDD; }

.app-view-entry.selected .entry-thumbnail {
  border-color: #057CB0; }

.app-view-entry.selected .entry-metadata dt, .app-view-entry.selected .entry-metadata dd, .app-view-entry.selected .entry-metadata .entry-categories, .app-view-entry.selected .entry-metadata .entry-tags, .app-view-entry.selected .entry-metadata .entry-description {
  color: #F0F0F0; }

.app-view-entry .entry-title {
  font-weight: bold; }

.app-view-entry .entry-link {
  text-decoration: none; }

.app-view-entry .entry-metadata dt, .app-view-entry .entry-metadata dd, .app-view-entry .entry-metadata .entry-categories, .app-view-entry .entry-metadata .entry-tags, .app-view-entry .entry-metadata .entry-description {
  color: #333;
  word-wrap: break-word; }

.app-view-entry .entry-metadata .entry-categories .taglib-asset-categories-summary {
  font-weight: bold; }
  .app-view-entry .entry-metadata .entry-categories .taglib-asset-categories-summary .asset-category {
    font-weight: normal; }

.app-view-entry.selected, .app-view-entry.selected:hover {
  background-color: #00A2EA; }

.app-view-entry.selected a, .app-view-entry.selected a:focus, .app-view-entry.selected a:hover {
  color: #FFF; }

.app-view-entry.selected a .lfr-icon-menu-arrow {
  color: #333; }

.app-view-entry.active-area, .app-view-entry.active-area.hover, .app-view-entry.active-area td {
  background-color: #5AD300; }

.app-view-entry:hover, .app-view-entry.hover {
  background-color: #D3E8F1; }

.app-view-entry a.entry-link:hover {
  text-decoration: none; }
  .app-view-entry a.entry-link:hover .entry-metadata .entry-title .entry-title-text {
    text-decoration: underline; }

.app-view-entry-taglib.entry-display-style.display-icon .entry-title {
  font-weight: normal; }

.app-view-search-entry-taglib .entry-discussion a, .app-view-search-entry-taglib .entry-attachment a {
  text-decoration: none; }

.app-view-search-entry-taglib .entry-discussion:hover, .app-view-search-entry-taglib .entry-attachment:hover {
  background-color: #D3E8F1; }

.app-view-search-entry-taglib .entry-folder {
  color: #999; }

.app-view-search-entry-taglib .entry-link .entry-thumbnail-image {
  color: #000;
  text-decoration: none; }

.app-view-search-entry-taglib.alt {
  background-color: #EDF0F3; }

.app-view-search-entry-taglib.search {
  background-color: #FFF; }
  .app-view-search-entry-taglib.search.alt {
    background-color: #E2E5E8; }

.app-view-taglib .display-style .icon {
  background-image: url(../images/application/layouts.png);
  background-repeat: no-repeat; }

.app-view-taglib .icon-display-descriptive {
  background-position: -32px 0; }

.app-view-taglib .icon-display-icon {
  background-position: -16px 0; }

.app-view-taglib .icon-display-list {
  background-position: 0 0; }

.app-view-taglib .state-active .icon-display-descriptive {
  background-position: -32px 100%; }

.app-view-taglib .state-active .icon-display-icon {
  background-position: -16px 100%; }

@media only screen and (max-width: 767px) {
  .navbar .nav-display-style-buttons .display-style-buttons > .dropdown > .dropdown-menu {
    background-color: transparent;
    box-shadow: none; } }

.navbar .nav-display-style-buttons .display-style-buttons-container .dropdown-toggle .caret {
  border-bottom-color: #333;
  border-top-color: #333; }

.taglib-asset-links {
  border-radius: 4px; }
  .taglib-asset-links h2 {
    color: #999;
    font-size: 1em; }

.taglib-asset-metadata .metadata-entry-label {
  font-weight: normal; }

.taglib-asset-metadata .metadata-author {
  font-weight: bold; }

.taglib-asset-metadata .metadata-entry {
  color: #999; }

.taglib-asset-metadata .metadata-author .asset-user-info .user-info {
  color: #009AE5;
  font-size: 14px;
  line-height: 14px; }

.taglib-asset-metadata .metadata-author .asset-user-info .date-info {
  color: #8C8C8C;
  font-size: 13px; }

.taglib-calendar table {
  border-color: #999; }

.taglib-calendar tr th, .taglib-calendar tr td {
  border-bottom-color: #999; }

.taglib-calendar tr.portlet-section-header th, .taglib-calendar tr td {
  border-color: #999; }

.taglib-calendar a:hover, .taglib-calendar a:focus {
  background-color: #CCC; }

.taglib-calendar .calendar-inactive {
  color: #999; }

.taglib-calendar .has-events a span {
  background: url(../images/calendar/event_indicator.png) no-repeat 50% 95%; }

.taglib-calendar .has-events.calendar-current-day a span {
  background-image: url(../images/calendar/event_indicator_current.png); }

.taglib-categorization-filter.entry-title {
  color: #333;
  font-size: 1em;
  line-height: inherit; }

.taglib-categorization-filter .asset-entry {
  background-color: #DEE7F8;
  border-color: #CAD8F3; }
  .taglib-categorization-filter .asset-entry:hover a {
    text-decoration: none; }
    .taglib-categorization-filter .asset-entry:hover a .icon-remove {
      background-color: #CAD8F3; }

.taglib-diff-addedline, #taglib-diff-results ins {
  background: #E6FFE6; }

.taglib-diff-context {
  background: #EEE; }

.taglib-diff-deletedline, #taglib-diff-results del {
  background: #FFE6E6; }

.taglib-diff-html div.diff-removed-image {
  background: #FDC6C6 url(../images/diff/minus.png); }

.taglib-diff-html div.diff-added-image {
  background: #CFC url(../images/diff/plus.png) no-repeat; }

.taglib-diff-html div.diff-removed-image, .taglib-diff-html div.diff-added-image {
  opacity: 0.55; }

.taglib-diff-html span.diff-html-added {
  background-color: #CFC;
  font-size: 1em; }
  .taglib-diff-html span.diff-html-added img {
    border-color: #CFC; }

.taglib-diff-html span.diff-html-changed {
  background: url(../images/diff/underline.png) bottom repeat-x; }
  .taglib-diff-html span.diff-html-changed img {
    border-color: #009; }

.taglib-diff-html span.diff-html-removed {
  background-color: #FDC6C6;
  font-size: 1em;
  text-decoration: line-through; }
  .taglib-diff-html span.diff-html-removed img {
    border-color: #FDC6C6; }

.diff-version-comparator .taglib-diff-html .diff-html-changed {
  background-image: none;
  border-bottom-color: #009AE5; }
  .diff-version-comparator .taglib-diff-html .diff-html-changed img {
    border-color: #009AE5; }

.diff-version-comparator .diff-version-head {
  border-bottom-color: #E5E5E5; }
  .diff-version-comparator .diff-version-head .diff-selector-version {
    font-size: inherit; }
    .diff-version-comparator .diff-version-head .diff-selector-version a {
      text-decoration: none; }
      .diff-version-comparator .diff-version-head .diff-selector-version a .lfr-icon-menu-text:hover, .diff-version-comparator .diff-version-head .diff-selector-version a .lfr-icon-menu-text:focus {
        text-decoration: underline; }
    .diff-version-comparator .diff-version-head .diff-selector-version .caret {
      border-top-color: #FFF; }
  .diff-version-comparator .diff-version-head .diff-target-selector {
    border-left-color: #E5E5E5; }
  .diff-version-comparator .diff-version-head .diff-source-selector, .diff-version-comparator .diff-version-head .diff-target-selector {
    font-size: 20px;
    font-weight: 200; }
    .diff-version-comparator .diff-version-head .diff-source-selector .diff-selector-version-info, .diff-version-comparator .diff-version-head .diff-target-selector .diff-selector-version-info {
      color: #8C8C8C;
      font-size: 12px; }

.diff-version-comparator .search-container-column .language-selector .form-group select {
  font-size: 13px; }

.diff-version-comparator .search-container-column .search-panels .search-panels-bar .form-group .search-panels-input {
  border-radius: 0; }

.diff-version-comparator .search-container-column .search-panels .search-panels-bar .search-panel-icon {
  background: url(../images/diff/search_panel_icon.png) no-repeat 0 50%;
  color: #D4D4D4;
  font-size: 0; }

.diff-version-comparator .search-container-column .search-panels .search-panels-bar input {
  font-size: 14px; }

.diff-version-comparator .search-container-column .version-item {
  border-bottom-color: #E5E5E5; }
  .diff-version-comparator .search-container-column .version-item.selected {
    background-color: #F0F0F0; }
    .diff-version-comparator .search-container-column .version-item.selected .version-title {
      color: #555; }
    .diff-version-comparator .search-container-column .version-item.selected .version-info .user-info, .diff-version-comparator .search-container-column .version-item.selected .version-info .date-info {
      color: #555; }
  .diff-version-comparator .search-container-column .version-item .version-title {
    color: #009AE5;
    font-weight: 400; }
  .diff-version-comparator .search-container-column .version-item .version-info .user-info {
    color: #009AE5;
    font-size: 13px;
    line-height: 13px; }
  .diff-version-comparator .search-container-column .version-item .version-info .date-info {
    color: #8C8C8C;
    font-size: 10px; }

.diff-version-comparator .diff-container-column {
  background-color: #F1F1F1;
  border-color: #EBEBEB; }
  .diff-version-comparator .diff-container-column .diff-container {
    background-color: #FFF;
    border-color: #E5E5E5; }
  .diff-version-comparator .diff-container-column .legend-info {
    background-color: #FFF;
    border-color: #E5E5E5; }
    .diff-version-comparator .diff-container-column .legend-info .add.icon-stop {
      color: #CFC; }
    .diff-version-comparator .diff-container-column .legend-info .delete.icon-stop {
      color: #FDC6C6; }
    .diff-version-comparator .diff-container-column .legend-info .legend-item.diff-html-changed {
      border-bottom-color: #009AE5; }
  .diff-version-comparator .diff-container-column .diff-version-filter {
    background-color: #F9F9F9;
    border-color: #E5E5E5; }
    .diff-version-comparator .diff-container-column .diff-version-filter .close-version-filter {
      color: #CCC; }
    .diff-version-comparator .diff-container-column .diff-version-filter .display-date {
      color: #8C8C8C;
      font-size: 10px; }
    .diff-version-comparator .diff-container-column .diff-version-filter .user-name {
      color: #009AE5;
      font-size: 13px; }
    .diff-version-comparator .diff-container-column .diff-version-filter .version {
      color: #555;
      font-weight: 400; }

.diff-version-comparator .diff-version-title {
  color: #8C8C8C;
  font-size: 12px; }

.taglib-discussion .lfr-discussion .lfr-discussion-form-edit .alloy-editor-placeholder {
  border-left-color: #DBDDE1; }

@media only screen and (min-width: 768px) {
  .taglib-discussion .lfr-discussion-details .taglib-user-display {
    word-wrap: break-word; } }

.taglib-discussion .lfr-discussion-details .taglib-user-display .user-details .user-name {
  font-weight: bold;
  text-decoration: none; }
  .taglib-discussion .lfr-discussion-details .taglib-user-display .user-details .user-name:hover {
    text-decoration: underline; }

.taglib-discussion .lfr-discussion-details .taglib-user-display .user-profile-image .avatar {
  background-size: 50px; }

.taglib-discussion .lfr-discussion-actions li a, .taglib-discussion .lfr-discussion-actions li a span {
  text-decoration: none; }

.taglib-discussion .lfr-discussion-actions li a:hover span, .taglib-discussion .lfr-discussion-actions li a:focus span {
  text-decoration: underline; }

.taglib-discussion .lfr-discussion-form-container .lfr-discussion-form {
  background: #DDD;
  border-radius: 4px; }
  .taglib-discussion .lfr-discussion-form-container .lfr-discussion-form .taglib-user-display .user-profile-image .avatar {
    background-size: 40px; }

.lfr-discussion-reply.popover .lfr-discussion-reply-user-name {
  font-weight: bold; }

.drop-zone.drop-enabled:not(.no-border) {
  outline-color: rgba(176, 180, 187, 0.5); }

.drop-here-info .drop-icons span:nth-of-type(1), .drop-here-info .drop-icons span:nth-of-type(3) {
  background: #E8E6E8;
  color: #A5A6AC; }

.drop-here-info .drop-icons span:nth-of-type(2) {
  background: #00C2FF;
  color: #FFF; }

.drop-here-info .drop-text {
  color: #FFF; }

.drop-active .drop-here-info {
  background-color: rgba(0, 0, 0, 0.6);
  z-index: 100; }

.lfr-ddm-field-group {
  margin-bottom: 20px; }

.lfr-ddm-field-group-inline {
  display: inline-block;
  vertical-align: bottom; }

.taglib-flags .icon-flag {
  color: #999; }

.taglib-flags .flag-enable:hover .icon-flag {
  color: #C00; }

.taglib-form-navigator > .form-steps > ul.form-navigator.list-group {
  background: transparent; }
  .taglib-form-navigator > .form-steps > ul.form-navigator.list-group .tab.active {
    background: transparent;
    opacity: 1; }
    .taglib-form-navigator > .form-steps > ul.form-navigator.list-group .tab.active .tab-label:hover, .taglib-form-navigator > .form-steps > ul.form-navigator.list-group .tab.active .tab-label:focus {
      background: transparent; }
    .taglib-form-navigator > .form-steps > ul.form-navigator.list-group .tab.active .tab-label .message {
      color: #000;
      opacity: 0.7; }
    .taglib-form-navigator > .form-steps > ul.form-navigator.list-group .tab.active .tab-label .number {
      background: #333;
      font-size: 18px;
      opacity: 1; }
    .taglib-form-navigator > .form-steps > ul.form-navigator.list-group .tab.active .tab-label .tab-icon {
      color: #333; }
  .taglib-form-navigator > .form-steps > ul.form-navigator.list-group .tab .tab-label {
    background: transparent;
    outline: 0; }
    .taglib-form-navigator > .form-steps > ul.form-navigator.list-group .tab .tab-label:hover, .taglib-form-navigator > .form-steps > ul.form-navigator.list-group .tab .tab-label:focus {
      text-decoration: none; }
      .taglib-form-navigator > .form-steps > ul.form-navigator.list-group .tab .tab-label:hover .number, .taglib-form-navigator > .form-steps > ul.form-navigator.list-group .tab .tab-label:focus .number {
        opacity: 1; }
    .taglib-form-navigator > .form-steps > ul.form-navigator.list-group .tab .tab-label .number {
      background: #CCC;
      color: #FFF;
      font-size: 14px;
      font-weight: bold;
      opacity: 0.6;
      text-decoration: none; }
    .taglib-form-navigator > .form-steps > ul.form-navigator.list-group .tab .tab-label .message {
      color: #000;
      font-size: 12px; }

.taglib-header {
  border-bottom-color: #C8C9CA;
  color: #555; }
  .taglib-header .header-back-to a {
    font-weight: bold;
    text-decoration: none; }

a.taglib-icon, a.taglib-icon:focus, a.taglib-icon:hover {
  text-decoration: none; }

a.taglib-icon:focus .taglib-text, a.taglib-icon:hover .taglib-text {
  text-decoration: underline; }

a.taglib-icon.btn:focus .taglib-text, a.taglib-icon.btn:hover .taglib-text {
  text-decoration: none; }

.taglib-image-selector .change-image-controls {
  background: #FFF; }

.taglib-image-selector .glyphicon-ok {
  background: #FFF;
  opacity: 0; }

.taglib-image-selector .progress-wrapper .progressbar {
  background: #B0B4BB;
  opacity: 0.7; }

.taglib-image-selector.check-active .glyphicon-ok {
  opacity: 1; }

.taglib-image-selector.drop-active {
  outline-width: 0; }
  .taglib-image-selector.drop-active .browse-image-controls {
    opacity: 0; }
  .taglib-image-selector.drop-active .glyphicon-ok {
    opacity: 0; }
  .taglib-image-selector.drop-active .image-wrapper {
    opacity: 0.15; }
  .taglib-image-selector.drop-active .error-wrapper {
    opacity: 0; }

.taglib-image-selector.progress-active .image-wrapper {
  opacity: 0.15; }

.taglib-image-selector.progress-active .browse-image-controls {
  opacity: 0; }

.taglib-image-selector.progress-active .drop-here-info {
  opacity: 0; }

.taglib-image-selector.progress-active .glyphicon-ok {
  opacity: 0; }

.input-localized .palette-item-inner .lfr-input-localized-flag {
  opacity: 0.5; }

.input-localized.input-localized-focused .palette-item-inner .lfr-input-localized-flag {
  opacity: 1; }

.input-localized .palette-item-inner {
  border-color: #666; }

.input-localized .palette-item, .input-localized .palette-item-inner, .input-localized .palette-item-hover, .input-localized .palette-item-hover .palette-item-inner {
  border-color: transparent; }

.input-localized .lfr-input-localized .lfr-input-localized-state {
  background: #DDD; }
  .input-localized .lfr-input-localized .lfr-input-localized-state.lfr-input-localized-state-error {
    background: #FF0047; }

.input-localized .palette-item-selected .lfr-input-localized-state {
  background: #27C1F2; }

.taglib-move-boxes .choice-selector label {
  background: #EBF1F9;
  border-bottom-color: #8DB2F3; }

.taglib-move-boxes .sortable-container .move-option {
  background-color: transparent; }
  .taglib-move-boxes .sortable-container .move-option.move-option-dragging {
    background-color: #FAFAFA; }
  .taglib-move-boxes .sortable-container .move-option .handle {
    color: #999; }

.lfr-tree-display-page .tree-node .tree-node-over .tree-label {
  text-decoration: none; }

.lfr-tree-display-page .tree-label {
  cursor: default; }
  .lfr-tree-display-page .tree-label a {
    color: black; }
  .lfr-tree-display-page .tree-label .layout-page-invalid {
    color: #AAA;
    font-style: italic; }
    .lfr-tree-display-page .tree-label .layout-page-invalid:hover {
      cursor: default;
      text-decoration: none; }

.lfr-tree-radio.lfr-tree-root-node-hidden .lfr-root-node + .tree-container {
  margin-left: 0; }

.lfr-map {
  border-color: #CCC; }
  .lfr-map .search-controls {
    font-size: 15px; }

.navbar .navbar-search {
  background-color: #F3F3F3; }
  @media only screen and (min-width: 768px) {
    .navbar .navbar-search {
      background-color: transparent; } }

.taglib-portlet-preview.show-borders {
  border-color: #828F95; }
  .taglib-portlet-preview.show-borders .title {
    background-color: #D3DADD;
    font-size: 1.4em;
    font-weight: bold; }

.lfr-asset-type-column, .lfr-author-column, .lfr-city-column, .lfr-country-column, .lfr-email-address-column, .lfr-job-title-column, .lfr-region-column, .lfr-removed-by-column, .lfr-replier-column, .lfr-scope-column, .lfr-screen-name-column, .lfr-type-column, .lfr-user-column, .lfr-users-column {
  word-break: break-all \9;
  word-wrap: break-word; }
  @media only screen and (min-width: 768px) {
    .lfr-asset-type-column, .lfr-author-column, .lfr-city-column, .lfr-country-column, .lfr-email-address-column, .lfr-job-title-column, .lfr-region-column, .lfr-removed-by-column, .lfr-replier-column, .lfr-scope-column, .lfr-screen-name-column, .lfr-type-column, .lfr-user-column, .lfr-users-column {
      max-width: 125px;
      min-width: 100px; } }

.lfr-completion-date-column, .lfr-create-date-column, .lfr-date-column, .lfr-display-date-column, .lfr-expiration-date-column, .lfr-last-post-date-column, .lfr-modified-date-column, .lfr-removed-date-column, .lfr-reply-date-column, .lfr-revision-column {
  white-space: nowrap; }

.lfr-description-column {
  max-width: 375px;
  min-width: 375px; }

.lfr-email-address-column, .lfr-name-column, .lfr-parent-organization-column, .lfr-screen-name-column, .lfr-title-column, .lfr-url-column, .lfr-wiki-column {
  max-width: 200px;
  min-width: 200px; }

.search-container-dd-toggle {
  margin-left: 15px; }

.user-info .user-details .date-info {
  color: #8C8C8C; }

.user-info .user-details .user-name {
  color: #009AE5; }

.taglib-search-toggle .toggle-advanced {
  color: inherit; }
  .taglib-search-toggle .toggle-advanced, .taglib-search-toggle .toggle-advanced:hover, .taglib-search-toggle .toggle-advanced:focus {
    text-decoration: none; }

.taglib-search-toggle-advanced-wrapper .taglib-search-toggle-advanced {
  background-color: #FCFCFC;
  border-color: #DDD; }
  .taglib-search-toggle-advanced-wrapper .taglib-search-toggle-advanced .btn.close {
    margin-right: 5px; }
  .taglib-search-toggle-advanced-wrapper .taglib-search-toggle-advanced .taglib-search-toggle-advanced-content {
    position: relative; }
    .taglib-search-toggle-advanced-wrapper .taglib-search-toggle-advanced .taglib-search-toggle-advanced-content .match-fields {
      margin-bottom: 0; }
    .taglib-search-toggle-advanced-wrapper .taglib-search-toggle-advanced .taglib-search-toggle-advanced-content .match-fields-legend {
      color: #999;
      font-size: 13px; }

.taglib-social-activities .day-separator {
  border-bottom-color: #CCC; }

.taglib-social-bookmarks a.social-bookmark-link {
  background-repeat: no-repeat; }

.taglib-user-display a .user-name {
  text-decoration: underline; }

.taglib-user-display .avatar {
  background: no-repeat center;
  background-size: 60px; }
  .taglib-user-display .avatar.author:after {
    background: rgba(50, 168, 230, 0.5); }

.taglib-user-display .user-name {
  font-size: 1.1em;
  font-weight: bold; }

.js .taglib-webdav.visible {
  background: #F0F5F7; }

.js .taglib-webdav table {
  border-color: #828F95; }

.taglib-workflow-status .workflow-id, .taglib-workflow-status .workflow-version, .taglib-workflow-status .workflow-status {
  color: #999; }

/* ---------- Cards  ---------- */
/* ---------- Cards horizontal ---------- */
/* ---------- Dialogs ---------- */
/* ---------- Labels ---------- */
/* ---------- Splitter ---------- */
/* ---------- Toggle card ---------- */
/* ---------- File icons colors ---------- */
/* ---------- File icons text colors ---------- */
/* ---------- User icons colors ---------- */
.lfr-autocomplete-input-list .yui3-aclist-list {
  margin: 0; }

.liferay-autocomplete-input-mirror {
  left: -9999px;
  overflow-x: hidden;
  overflow-y: auto;
  position: absolute;
  top: -9999px;
  visibility: hidden;
  white-space: pre-wrap;
  word-wrap: break-word; }

.card-tab-group .card-tab:nth-child(n+2) {
  border-left: 4px solid #65B6F0;
  padding-left: 20px; }
  .card-tab-group .card-tab:nth-child(n+2) .card-tab {
    border-left: 4px solid #93ccf5;
    padding-left: 20px; }
    .card-tab-group .card-tab:nth-child(n+2) .card-tab .card-tab {
      border-left-color: #c2e2f9; }

.hsv-palette .hsv-view-container .hsv-label-value-hex .hsv-value {
  width: 95px; }

.hsv-palette .hsv-view-container .hsv-label {
  display: inline;
  margin-left: 5px; }

.hsv-palette .hsv-view-container .hsv-value {
  width: 30px; }

.yui3-color-picker-popover .palette-container {
  border-collapse: separate; }

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

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

.dialog-iframe-popup .contacts-portlet .portlet-configuration-container .form {
  position: static; }

.dialog-iframe-popup .lfr-form-content {
  padding: 15px; }

.dialog-iframe-popup .portlet-body,
.dialog-iframe-popup .portlet-column,
.dialog-iframe-popup .portlet-configuration,
.dialog-iframe-popup .portlet-export-import,
.dialog-iframe-popup .portlet-layout {
  height: 100%; }

.dialog-iframe-popup .portlet-column {
  position: static; }

.dialog-iframe-popup .dialog-body > .container-fluid-1280,
.dialog-iframe-popup .lfr-form-content > .container-fluid-1280,
.dialog-iframe-popup .portlet-configuration-body-content > .container-fluid-1280,
.dialog-iframe-popup .export-dialog-tree > .container-fluid-1280,
.dialog-iframe-popup .lfr-dynamic-uploader > .container-fluid-1280,
.dialog-iframe-popup .process-list > .container-fluid-1280 {
  padding-top: 20px; }

.dialog-iframe-popup .dialog-body > .lfr-nav + .container-fluid-1280,
.dialog-iframe-popup .lfr-form-content > .lfr-nav + .container-fluid-1280,
.dialog-iframe-popup .portlet-configuration-body-content > .lfr-nav + .container-fluid-1280,
.dialog-iframe-popup .export-dialog-tree > .lfr-nav + .container-fluid-1280,
.dialog-iframe-popup .lfr-dynamic-uploader > .lfr-nav + .container-fluid-1280,
.dialog-iframe-popup .process-list > .lfr-nav + .container-fluid-1280 {
  padding-top: 0; }

.dialog-iframe-popup .dialog-body,
.dialog-iframe-popup .lfr-form-content,
.dialog-iframe-popup .portlet-configuration-body-content {
  bottom: 0;
  left: 0;
  margin-bottom: 0;
  overflow: auto;
  position: absolute;
  right: 0;
  top: 0;
  -webkit-overflow-scrolling: touch; }

.dialog-iframe-popup .navbar ~ .portlet-configuration-setup,
.dialog-iframe-popup .portlet-export-import-container {
  height: calc(100% - 48px);
  position: relative; }
  @media only screen and (min-width: 768px) {
    .dialog-iframe-popup .navbar ~ .portlet-configuration-setup,
    .dialog-iframe-popup .portlet-export-import-container {
      height: calc(100% - 60px); } }

.dialog-iframe-popup .portlet-configuration-setup .lfr-nav {
  margin-left: auto;
  margin-right: auto;
  max-width: 1280px;
  padding-left: 3px;
  padding-right: 3px; }
  @media only screen and (min-width: 768px) {
    .dialog-iframe-popup .portlet-configuration-setup .lfr-nav {
      padding-left: 8px;
      padding-right: 8px; } }

.dialog-iframe-popup .export-dialog-tree,
.dialog-iframe-popup .lfr-dynamic-uploader,
.dialog-iframe-popup .process-list {
  bottom: 0;
  display: block;
  left: 0;
  overflow: auto;
  position: absolute;
  right: 0;
  top: 48px;
  -webkit-overflow-scrolling: touch; }
  @media only screen and (min-width: 768px) {
    .dialog-iframe-popup .export-dialog-tree,
    .dialog-iframe-popup .lfr-dynamic-uploader,
    .dialog-iframe-popup .process-list {
      top: 60px; } }

.dialog-iframe-popup .portlet-export-import-publish-processes {
  top: 0; }

.dialog-with-footer .button-holder.dialog-footer {
  background-color: #FFF;
  border-top: 1px solid #E5E5E5;
  bottom: 0;
  left: 0;
  margin: 0;
  padding: 10px 15px;
  position: absolute;
  width: 100%; }
  @media only screen and (min-width: 768px) {
    .dialog-with-footer .button-holder.dialog-footer {
      padding: 20px; } }

@media only screen and (max-width: 767px) {
  .dialog-with-footer .button-holder .btn-lg {
    font-size: 12px;
    padding: 8px 24px; } }

@media only screen and (max-width: 767px) {
  .dialog-with-footer .blog-article-button-row .btn-lg,
  .dialog-with-footer .journal-article-button-row .btn-lg,
  .dialog-with-footer .kb-submit-buttons .btn-lg {
    padding-left: 16px;
    padding-right: 16px; } }

.dialog-with-footer .dialog-body,
.dialog-with-footer .export-dialog-tree,
.dialog-with-footer .lfr-dynamic-uploader,
.dialog-with-footer .lfr-form-content,
.dialog-with-footer .portlet-configuration-body-content {
  bottom: 60px; }
  @media only screen and (min-width: 768px) {
    .dialog-with-footer .dialog-body,
    .dialog-with-footer .export-dialog-tree,
    .dialog-with-footer .lfr-dynamic-uploader,
    .dialog-with-footer .lfr-form-content,
    .dialog-with-footer .portlet-configuration-body-content {
      bottom: 89px; } }

.dialog-with-footer .lfr-dynamic-uploader.hide-dialog-footer {
  bottom: 0; }
  .dialog-with-footer .lfr-dynamic-uploader.hide-dialog-footer + .dialog-footer {
    display: none; }

.dialog-with-footer .portlet-configuration-edit-templates .portlet-configuration-body-content {
  bottom: 0; }

.portlet-layout.dragging {
  border-collapse: separate; }

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

.active-area {
  background: #FFC; }

.portlet-boundary.yui3-dd-dragging {
  opacity: 0.6; }
  .portlet-boundary.yui3-dd-dragging .portlet {
    border: 2px dashed #CCC; }

.sortable-layout-proxy {
  opacity: 1; }
  .sortable-layout-proxy .portlet-topper {
    background-image: none; }

.proxy {
  cursor: move;
  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(../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; }

.yui3-dd-proxy {
  z-index: 1110 !important; }

.lfr-editable {
  outline: 1px dashed #68BB30;
  outline-offset: 2px;
  position: relative; }
  .lfr-editable:after {
    background: #68BB30 url(../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 .field-input {
      margin-bottom: 0; }
    .lfr-portlet-title-editable .lfr-portlet-title-editable-content .textfield-label {
      display: none; }
    .lfr-portlet-title-editable .lfr-portlet-title-editable-content .btn-toolbar-content {
      display: inline-block;
      vertical-align: bottom; }
    .lfr-portlet-title-editable .lfr-portlet-title-editable-content .btn-group {
      margin-top: 0; }
    .lfr-portlet-title-editable .lfr-portlet-title-editable-content .btn {
      display: inline-block;
      float: none;
      margin-top: 0;
      width: auto; }

.alloy-editor-container .alloy-editor {
  outline: 0; }
  .alloy-editor-container .alloy-editor.alloy-editor-placeholder {
    color: #2B4259; }
    .alloy-editor-container .alloy-editor.alloy-editor-placeholder:empty:not(:focus) {
      background: transparent;
      border-left-color: #DBDDE1;
      color: #B0B4BB; }
    .alloy-editor-container .alloy-editor.alloy-editor-placeholder.readonly {
      color: #CCC; }

.alloy-editor-container .alloy-editor-icon {
  color: #869CAD; }

.cke_dialog .cke_dialog_ui_input_text {
  height: auto; }

.cke_editable_inline a {
  cursor: pointer; }

.cke_panel.cke_combopanel {
  width: 220px; }

.cke_panel_block .cke_panel_grouptitle {
  font-size: 20px;
  line-height: 20px;
  margin-top: 0; }

.cke_panel_block .cke_panel_list {
  margin-left: 0; }
  .cke_panel_block .cke_panel_list .cke_panel_listItem {
    line-height: initial; }
    .cke_panel_block .cke_panel_list .cke_panel_listItem a:hover {
      text-decoration: none; }

/* ---------- CKEditor table ---------- */
.cke_show_border {
  width: 500px; }
  .cke_show_border td {
    height: 15px; }

.html-editor.portlet {
  background: #FFF;
  color: #000;
  line-height: 1;
  padding: 1em; }

.html-editor.portlet-message-boards {
  word-wrap: break-word;
  -webkit-hyphens: auto;
  -moz-hyphens: auto;
  -ms-hyphens: auto;
  -o-hyphens: auto;
  hyphens: auto;
  word-wrap: break-word; }
  .html-editor.portlet-message-boards blockquote {
    background: #EEF0F2 url(../images/message_boards/quoteleft.png) no-repeat 5px 5px;
    border: 1px solid #777;
    padding: 5px 45px; }
    .html-editor.portlet-message-boards blockquote:after {
      background: url(../images/message_boards/quoteright.png) no-repeat 50%;
      content: '';
      display: block;
      float: right;
      height: 24px;
      margin-right: -35px;
      margin-top: -25px;
      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; }

.lfr-source-editor {
  border-color: #CCC; }
  .lfr-source-editor .lfr-source-editor-toolbar li > .btn {
    background-color: #FFF;
    border: transparent;
    color: #717383;
    outline: 0; }
  .lfr-source-editor .lfr-source-editor-code {
    background-color: #FFF;
    color: #2B4259; }
    .lfr-source-editor .lfr-source-editor-code .ace_gutter {
      background-color: #EDEDEF;
      color: #868896;
      overflow: hidden; }
      .lfr-source-editor .lfr-source-editor-code .ace_gutter .ace_fold-widget {
        font-family: fontawesome-alloy;
        text-align: center;
        vertical-align: middle; }
        .lfr-source-editor .lfr-source-editor-code .ace_gutter .ace_fold-widget.ace_open, .lfr-source-editor .lfr-source-editor-code .ace_gutter .ace_fold-widget.ace_closed {
          background-image: none; }
        .lfr-source-editor .lfr-source-editor-code .ace_gutter .ace_fold-widget.ace_open:before {
          content: "\f0d7"; }
        .lfr-source-editor .lfr-source-editor-code .ace_gutter .ace_fold-widget.ace_closed:before {
          content: "\f0dA"; }
      .lfr-source-editor .lfr-source-editor-code .ace_gutter .ace_gutter-active-cell {
        color: #FFF; }
      .lfr-source-editor .lfr-source-editor-code .ace_gutter .ace_gutter-active-line {
        background-color: #717383; }
      .lfr-source-editor .lfr-source-editor-code .ace_gutter .ace_gutter-layer {
        border-right: solid 1px #CCC; }
      .lfr-source-editor .lfr-source-editor-code .ace_gutter .ace_info {
        background-image: none; }
    .lfr-source-editor .lfr-source-editor-code .ace_content .ace_active-line {
      background-color: #EDEDEF; }
    .lfr-source-editor .lfr-source-editor-code .ace_content .ace_constant {
      color: #34ADAB; }
    .lfr-source-editor .lfr-source-editor-code .ace_content .ace_tag {
      color: #1D5EC7; }
    .lfr-source-editor .lfr-source-editor-code .ace_content .ace_string {
      color: #FF6C58; }
      .lfr-source-editor .lfr-source-editor-code .ace_content .ace_string.ace_regex {
        color: #F00; }
  .lfr-source-editor.ace_dark .lfr-source-editor-code {
    background-color: #47474F;
    color: #FFF; }
    .lfr-source-editor.ace_dark .lfr-source-editor-code .ace_gutter {
      background: #54555E;
      color: #FFF; }
      .lfr-source-editor.ace_dark .lfr-source-editor-code .ace_gutter .ace_gutter-active-line {
        background-color: #009AED; }
    .lfr-source-editor.ace_dark .lfr-source-editor-code .ace_content .ace_active-line {
      background-color: #11394E; }
    .lfr-source-editor.ace_dark .lfr-source-editor-code .ace_content .ace_cursor {
      color: #FFF; }
    .lfr-source-editor.ace_dark .lfr-source-editor-code .ace_content .ace_tag {
      color: #4D91FF; }

.lfr-fullscreen-source-editor .lfr-fullscreen-source-editor-content .panel-splitter {
  border-color: #CCC; }

.file-icon-color-0 {
  background-color: #869CAD;
  color: #FFF; }

.file-icon-color-1 {
  background-color: #ED8D65;
  color: #FFF; }

.file-icon-color-2 {
  background-color: #84BA3D;
  color: #FFF; }

.file-icon-color-3 {
  background-color: #9B65ED;
  color: #FFF; }

.file-icon-color-4 {
  background-color: #D4B908;
  color: #FFF; }

.file-icon-color-5 {
  background-color: #E96465;
  color: #FFF; }

.file-icon-color-6 {
  background-color: #65B4ED;
  color: #FFF; }

.file-icon-color-7 {
  background-color: #1C0C0C;
  color: #FFF; }

.lfr-item-viewer .image-viewer-base {
  outline: none; }

.lfr-item-viewer .item-preview:hover {
  cursor: pointer; }

.lfr-item-viewer .aspect-ratio a.item-preview {
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover; }

.lfr-item-viewer .search-info {
  background-color: #D3E8F1; }
  .lfr-item-viewer .search-info .keywords {
    font-size: 1.4em;
    font-weight: bold; }
  .lfr-item-viewer .search-info .change-search-folder {
    font-size: 0.8em;
    font-weight: normal; }

.lfr-item-viewer .progress-container {
  background-color: #FFF; }

.lfr-item-viewer.uploading > div:not(.progress-container) {
  opacity: 0.3; }

.image-viewer-caption {
  color: #777; }

.image-viewer-footer-control, .image-viewer-footer-control:focus, .image-viewer-footer-control:hover {
  color: #777; }

@media only screen and (min-width: 768px) {
  .image-viewer-sidenav-menu {
    background-color: transparent;
    border-left-width: 0; } }

.image-viewer-sidenav dd {
  color: #8B8B8B;
  margin-bottom: 16px; }
  @media only screen and (min-width: 768px) {
    .image-viewer-sidenav dd {
      color: #777; } }

.image-viewer-sidenav .h5 {
  color: #869CAD;
  margin-bottom: 3px; }
  @media only screen and (min-width: 768px) {
    .image-viewer-sidenav .h5 {
      color: #FFF; } }

.image-viewer-sidenav .nav-tabs-default > li {
  padding-left: 20px; }
  .image-viewer-sidenav .nav-tabs-default > li:first-child {
    padding-left: 0; }

.image-viewer-sidenav .nav-tabs-default > li:first-child > a {
  padding-left: 0; }

.image-viewer-sidenav .nav-tabs-default > li > a {
  border-color: transparent;
  color: #777;
  padding-left: 0;
  padding-right: 0; }

.image-viewer-sidenav .nav-tabs-default > .active > a, .image-viewer-sidenav .nav-tabs-default > .active > a:focus, .image-viewer-sidenav .nav-tabs-default > .active > a:hover {
  border-color: transparent;
  color: #777; }
  @media only screen and (min-width: 768px) {
    .image-viewer-sidenav .nav-tabs-default > .active > a, .image-viewer-sidenav .nav-tabs-default > .active > a:focus, .image-viewer-sidenav .nav-tabs-default > .active > a:hover {
      color: #FFF; } }

.image-viewer-sidenav .nav-tabs-default > .active > a:after {
  background-color: #65B6F0;
  bottom: -10px;
  content: '';
  display: block;
  height: 2px;
  left: 0;
  position: absolute;
  right: 0; }

.image-viewer-sidenav-body {
  padding-top: 0; }

.lfr-item-viewer .lfr-item-viewer-close {
  color: #FFF;
  opacity: 1; }
  .lfr-item-viewer .lfr-item-viewer-close, .lfr-item-viewer .lfr-item-viewer-close:focus, .lfr-item-viewer .lfr-item-viewer-close:hover {
    color: #FFF; }
  .lfr-item-viewer .lfr-item-viewer-close .icon-monospaced {
    color: #777; }

.lfr-item-viewer-icon-info {
  color: #FFF; }

.label-circle, .label-circle .label {
  border-radius: 20px; }

.label-rounded, .label-rounded .label {
  border-radius: 3px; }

.label-square, .label-square .label {
  border-radius: 0; }

.label-entry {
  background-color: #FFF;
  border: solid 1px #000;
  color: #000;
  display: inline-block;
  font-size: 14px;
  font-weight: normal;
  padding: 0 0 0 12px; }
  .label-entry button {
    background-color: transparent;
    border-width: 0;
    color: inherit;
    height: 34px;
    width: 34px; }

.nav.list-group li > a:focus, .nav.list-group li > a:hover {
  background-color: #E5F5FC;
  color: #009AE5; }

.nav.list-group > .active {
  border-width: 1px 0 0 0; }
  .nav.list-group > .active > a, .nav.list-group > .active > a:focus, .nav.list-group > .active > a:hover {
    background-color: #60BFEF;
    border: 1px solid #60BFEF;
    color: #FFF; }

.nav.list-group .list-group-item {
  padding: 0; }
  .nav.list-group .list-group-item.nav-header {
    background-color: #F3F3F3;
    padding-left: 10px;
    padding-right: 10px; }

.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(../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; }

.app-view-drop-active {
  background-color: #00A2EA;
  font-weight: bold; }
  .category-portlets .app-view-drop-active {
    background-color: #00A2EA;
    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; }

.lfr-url-error {
  display: inline-block;
  white-space: normal;
  overflow-wrap: break-all;
  word-wrap: break-all;
  word-break: break-all; }

.lfr-page-layouts input[type="radio"]:checked + .card-horizontal {
  box-shadow: inset 0 0 0 2px #65B6F0; }

.lfr-page-layouts .lfr-layout-template label {
  cursor: pointer; }

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

.dialog-iframe-popup #main-content, .dialog-iframe-popup #wrapper {
  bottom: 0;
  left: 0;
  overflow: auto;
  padding: 0;
  position: absolute;
  right: 0;
  top: 0;
  -webkit-overflow-scrolling: touch; }

.modal {
  display: block;
  margin: 0;
  overflow: hidden;
  position: fixed; }

.modal-body {
  overflow: auto; }
  .modal-body.dialog-iframe-bd {
    overflow: hidden; }

.modal-hidden {
  display: none; }

.modal-open .modal {
  overflow: hidden; }

.portal-popup .columns-max > .portlet-layout.row {
  margin-left: 0;
  margin-right: 0; }
  .portal-popup .columns-max > .portlet-layout.row > .portlet-column {
    padding-left: 0;
    padding-right: 0; }

.dragging .portlet-column.customizable {
  background-color: #CFFCCF;
  outline: 3px solid #5EAF3D; }

.customizable-layout-column-content {
  background-color: #C92C3C; }
  .customizable-layout-column-content.yui3-widget-content-expanded {
    margin: 0 15px; }

.layout-customizable-controls {
  background-color: rgba(201, 44, 60, 0.8); }

.customizable .customizable-layout-column-content {
  background-color: #5EAF3D; }

.customizable .layout-customizable-controls {
  background-color: rgba(94, 175, 61, 0.8); }

.layout-customizable-controls-container {
  margin: 0 15px;
  position: relative; }

.layout-customizable-controls {
  font-size: 1.5em;
  padding: 4px 16px;
  position: absolute;
  width: 100%;
  z-index: 15; }
  .layout-customizable-controls label {
    color: #FFF; }

.paginator-link {
  background: #EEE 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(../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(../images/arrows/paging_first.png); }

.paginator-prev-link {
  background-image: url(../images/arrows/paging_previous.png); }

.paginator-last-link {
  background-image: url(../images/arrows/paging_last.png); }

.paginator-next-link {
  background-image: url(../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; }

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

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

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

.panel-hd {
  background: #C0C2C5 url(../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; }

.splitter {
  background-color: #F5F8FA;
  box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.2);
  color: #869CAD;
  padding: 10px 15px;
  position: relative;
  z-index: 1; }
  .splitter.splitter-spaced {
    margin-bottom: 20px; }

.table > tbody > tr.splitter {
  height: auto; }
  .table > tbody > tr.splitter > td {
    padding: 0; }

.lfr-nav.nav-tabs {
  margin-bottom: 20px; }

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

.tab-back {
  float: right; }

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

.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; }

.tagselector-content {
  border: 0;
  padding: 0; }
  .tagselector-content .textboxlistentry-holder {
    border-bottom: 2px solid #869CAD;
    margin-bottom: 10px;
    padding: 0; }

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

.tooltip {
  max-width: 200px; }

.tree-node .icon-check {
  padding-right: 2px; }
  .tree-node .icon-check:before {
    content: "ï‚–"; }

.tree-node .tree-node-checked .icon-check {
  padding-right: 0; }
  .tree-node .tree-node-checked .icon-check:before {
    content: "ï�†"; }

.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; }

.underlay {
  clear: both;
  top: 100%; }
  .underlay .yui3-widget-hd {
    height: 38px; }

.underlay-hidden {
  display: none; }

.underlay-content {
  background: #F4F3F3 url(../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; }

.user-icon-color-0 {
  background-color: #4C0079; }

.user-icon-color-1 {
  background-color: #FD8300; }

.user-icon-color-2 {
  background-color: #009E57; }

.user-icon-color-3 {
  background-color: #F9B500; }

.user-icon-color-4 {
  background-color: #DF4230; }

.user-icon-color-5 {
  background-color: #BE67E5; }

.user-icon-color-6 {
  background-color: #004B8D; }

.user-icon-color-7 {
  background-color: #ACCB02; }

.user-icon-color-8 {
  background-color: #A82003; }

.user-icon-color-9 {
  background-color: #FD63A7; }

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

/* ---------- Wrapper ---------- */
#wrapper {
  padding-bottom: 0;
  padding-top: 2em;
  position: relative; }

.modify-pages li {
  position: relative; }
  .modify-pages li.lfr-nav-hover .delete-tab {
    opacity: 1; }

.modify-pages .delete-tab {
  color: #444;
  cursor: pointer;
  display: block;
  font-size: 20px;
  font-weight: bold;
  height: 16px;
  line-height: 6px;
  margin-top: -8px;
  opacity: 0;
  overflow: hidden;
  padding: 3px 0;
  position: absolute;
  right: 1px;
  text-shadow: 0 1px #FFF;
  top: 50%; }
  .modify-pages .delete-tab:hover {
    color: #B50303; }

.modify-pages .drag-handle {
  cursor: move;
  left: 3px;
  margin-left: 15px;
  position: absolute;
  top: 15px; }

.controls-hidden .modify-pages .lfr-nav-sortable > a > span {
  padding-left: 0; }

.controls-hidden .modify-pages .drag-handle {
  display: none; }

.touch .modify-pages .lfr-nav-sortable > a > span {
  padding-left: 28px; }

@media only screen and (min-width: 992px) {
  .touch .modify-pages .lfr-nav-sortable > a > span {
    padding-left: 0; }
  .touch .modify-pages .drag-handle {
    display: none; } }

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

.navigation-pane .body-row {
  height: 100%;
  overflow: hidden;
  position: relative;
  width: 100%; }
  .navigation-pane .body-row ul li a .icon {
    float: left;
    margin-right: 5px; }

.navigation-pane .lfr-component {
  margin-left: 0; }

.navigation-pane .navigation-entry {
  position: relative; }
  .navigation-pane .navigation-entry.folder.error {
    display: block;
    padding: 6px 8px; }
  .navigation-pane .navigation-entry .browse-folder, .navigation-pane .navigation-entry .nav-item-label {
    display: inline-block;
    max-width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    word-wrap: normal;
    vertical-align: middle; }
  .navigation-pane .navigation-entry .nav-item-icon {
    vertical-align: middle; }
  .navigation-pane .navigation-entry .overlay.entry-action {
    bottom: 0;
    display: block;
    overflow: hidden;
    position: absolute;
    right: 0;
    top: 0; }
    .navigation-pane .navigation-entry .overlay.entry-action .btn {
      border-width: 0;
      margin: 0;
      padding: 11px 14px; }
      @media only screen and (min-width: 992px) {
        .navigation-pane .navigation-entry .overlay.entry-action .btn {
          padding: 11px; } }

.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(../images/arrows/04_right.png); }

.portlet-navigation .nav-pills > li > a {
  margin-bottom: 2px; }

.portlet-navigation .nav-pills > li > .dropdown-menu {
  margin-top: 0; }

.split-button-dropdowns {
  list-style: none;
  margin: 0;
  padding: 0; }
  .split-button-dropdowns > li {
    display: inline-block;
    padding-left: 2px;
    padding-right: 2px; }

.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(../images/application/button_bg.png) repeat-x 0 0;
  border-left: 1px solid #BBB;
  display: inline-block;
  float: left; }
  .form-trigger img {
    background: 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(../images/application/button_bg_over.png); }

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

.options-trigger img {
  background-image: url(../images/common/configuration.png); }

.save-trigger img {
  background-image: url(../images/common/check.png); }

/* ---------- Portlet topper ---------- */
/* ---------- Portlet decorator ---------- */
.freeform .portlet {
  margin-bottom: 0; }

body.portlet {
  border-width: 0; }

.portlet-topper {
  position: relative; }
  .portlet-topper .portlet-topper-toolbar .portlet-icon-back {
    background: url(../images/arrows/12_left.png) no-repeat 0 50%;
    padding: 5px 5px 5px 18px; }
  .portlet-topper .portlet-topper-toolbar .portlet-options .lfr-icon-menu-text {
    display: none; }

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

.portlet-title-text {
  display: inline-block;
  display: inline-block;
  max-width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  word-wrap: normal;
  margin-top: 0;
  max-width: 95%;
  vertical-align: top; }

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

.portlet-content, .portlet-minimized .portlet-content-container {
  padding: 12px 10px 10px; }

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

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

.portlet-draggable .portlet-topper {
  cursor: move; }

.portlet-draggable .portlet-title-default {
  background: url(../images/portlet/draggable_borderless.png) no-repeat 2px center transparent;
  cursor: move;
  padding-left: 25px; }

.portlet .visible-interaction {
  display: none; }

.portlet:active .visible-interaction, .portlet:hover .visible-interaction, .portlet:focus .visible-interaction, .portlet.active .visible-interaction {
  display: inherit; }

.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(../images/messages/alert.png);
  color: #663; }

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

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

.lfr-status-help-label {
  background-image: url(../images/portlet/help.png); }

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

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

.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; }

.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(../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(../images/common/time.png); }

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

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

/* ---------- Standard styles defined in the JSR 168 specification ---------- */
/* ---------- Fonts ---------- */
/* ---------- Sections ---------- */
.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; }

/* ---------- Forms ---------- */
/* ---------- Icons ---------- */
/* ---------- Menus ---------- */
@media only screen and (min-width: 768px) {
  ï€º .portlet-topper {
    width: 65%; } }

@media only screen and (min-width: 992px) {
  ï€º .portlet-topper {
    width: 65%; } }

@media only screen and (min-width: 1200px) {
  ï€º .portlet-topper {
    width: 65%; } }

.portlet {
  margin-bottom: 10px;
  position: relative; }
  .portlet > .portlet-content-editable {
    border-color: transparent;
    border-top-left-radius: 4px;
    border-top-right-radius: 4px; }
  .portlet > .portlet-topper {
    display: none; }
    @media only screen and (min-width: 768px) {
      .portlet > .portlet-topper {
        display: -webkit-box;
        display: -moz-box;
        display: box;
        display: -webkit-flex;
        display: -moz-flex;
        display: -ms-flexbox;
        display: flex;
        left: 0;
        opacity: 0;
        position: absolute;
        right: 0;
        -webkit-transition: opacity 0.25s, transform 0.25s;
        -o-transition: opacity 0.25s, transform 0.25s;
        transition: opacity 0.25s, transform 0.25s;
        top: 0; } }

@media only screen and (min-width: 768px) {
  .portlet:hover > .portlet-content-editable, .portlet.focus > .portlet-content-editable {
    border-color: #e7e7e7;
    border-top-left-radius: 0;
    border-top-right-radius: 0; } }

@media only screen and (min-width: 768px) {
  .portlet:hover > .portlet-topper, .portlet.focus > .portlet-topper {
    opacity: 1;
    -webkit-transform: translateY(-97%);
    -moz-transform: translateY(-97%);
    -ms-transform: translateY(-97%);
    -o-transform: translateY(-97%);
    transform: translateY(-97%); } }

.portlet-content-editable {
  border-color: #e7e7e7;
  border-radius: 0 0 4px 4px;
  border-style: solid;
  border-width: 1px 1px 1px 1px;
  padding: 10px; }

/* ---------- Portlet topper ---------- */
.portlet-actions {
  float: right; }

.portlet-options {
  display: inline-block; }

.portlet-title-default {
  -webkit-box-flex: 1;
  -moz-box-flex: 1;
  box-flex: 1;
  -webkit-flex: 1 1 auto;
  -moz-flex: 1 1 auto;
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  line-height: 2; }

.portlet-title-menu {
  -webkit-box-flex: 0;
  -moz-box-flex: 0;
  box-flex: 0;
  -webkit-flex: 0 1 auto;
  -moz-flex: 0 1 auto;
  -ms-flex: 0 1 auto;
  flex: 0 1 auto; }
  .portlet-title-menu > span > a {
    display: inline-block;
    text-decoration: none; }

.portlet-topper {
  background-color: #f8f8f8;
  border-color: #e7e7e7;
  border-radius: 4px 4px 0 0;
  border-style: solid;
  border-width: 1px 1px 1px 1px;
  color: #777;
  display: -webkit-box;
  display: -moz-box;
  display: box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  padding-left: 10px;
  padding-right: 10px;
  position: relative; }

.portlet-topper-toolbar {
  margin-bottom: 0;
  margin-right: -10px;
  margin-top: 0;
  padding-left: 0; }
  .portlet-topper-toolbar > a, .portlet-topper-toolbar > span > a, .portlet-topper-toolbar .lfr-icon-menu > a {
    color: #777; }
  .portlet-topper-toolbar > a:focus, .portlet-topper-toolbar > a:hover {
    text-decoration: none; }

/* ---------- Portlet controls in mobile ---------- */
@media only screen and (max-width: 767px) {
  .controls-visible .portlet-content-editable {
    border-color: #e7e7e7;
    border-top-left-radius: 0;
    border-top-right-radius: 0; } }

@media only screen and (max-width: 767px) {
  .controls-visible .portlet-topper {
    display: -webkit-box;
    display: -moz-box;
    display: box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex; } }

.controls-visible .portlet-topper-toolbar {
  display: block; }

.lfr-configurator-visibility .portlet-borderless-bar {
  opacity: 0.6; }

.lfr-configurator-visibility .portlet-content .lfr-icon-actions {
  opacity: 1; }

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

.main-content-body {
  margin-top: 20px; }

.restricted, .restricted td {
  background: #FDD;
  border-width: 0; }

.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(../images/messages/error.png);
  background-position: 5px 50%;
  background-repeat: no-repeat;
  padding-left: 28px; }

.portlet-decorate .portlet-content {
  background: #FFF;
  border: 1px solid #DEEEEE;
  word-break: break-word; }

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

/* ---------- Dynamic data list display/Journal portlet ---------- */
.portlet-dynamic-data-lists-display .lfr-ddm-field-group, .portlet-dynamic-data-lists .lfr-ddm-field-group, .portlet-journal .lfr-ddm-field-group {
  margin-bottom: 10px;
  margin-top: 10px;
  padding: 28px 24px 28px; }

/* ---------- Breadcrumb taglib ---------- */
.breadcrumb.breadcrumb-vertical {
  display: inline-block;
  text-align: center; }
  .breadcrumb.breadcrumb-vertical li {
    display: block; }
    .breadcrumb.breadcrumb-vertical li.last, .breadcrumb.breadcrumb-vertical li.only {
      background: none; }
  .breadcrumb.breadcrumb-vertical .divider {
    background: url(../images/arrows/07_down.png) no-repeat 50% 100%;
    display: block;
    font: 0/0 a;
    color: transparent;
    text-shadow: none;
    background-color: transparent;
    border: 0;
    height: 10px; }

/* ---------- Calendar taglib ---------- */
.taglib-calendar tr.portlet-section-header th, .taglib-calendar tr td {
  border-width: 0; }

.taglib-calendar tr td a {
  background-color: #F0F5F7;
  border: 1px solid #FFF;
  border-bottom-width: 0;
  border-left-width: 0;
  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; }

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

.lfr-ddm-container .file-entry-upload-progress {
  border-radius: 0 0 4px 4px; }

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

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

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

.portlet-document-library .lfr-ddm-small-image-preview, .portlet-dynamic-data-mapping .lfr-ddm-small-image-preview {
  box-shadow: 0 1px 3px #CCC; }

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

.lfr-search-combobox-item {
  border-radius: 1px; }

.lfr-search-combobox .field-input-text {
  border-radius: 4px 1px 1px 4px; }

.lfr-search-combobox .button-input {
  border-radius: 1px 4px 4px 1px; }

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

.portlet-language .portlet-body .current-language, .portlet-language .portlet-body .taglib-icon, .portlet-language .portlet-body .taglib-language-list-text {
  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 > div, .taglib-ratings.stars .rating-focused > div, .tags-search-combobox .field-input-text {
  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 {
  border-radius: 5px; }

.portlet-dynamic-data-list-display .lfr-ddm-container .lfr-ddm-repeatable-placeholder, .portlet-dynamic-data-lists .lfr-ddm-container .lfr-ddm-repeatable-placeholder {
  border-radius: 6px; }

.taglib-categorization-filter .asset-entry {
  border-radius: 14px; }

.menu-content {
  border-bottom-left-radius: 4px;
  border-bottom-right-radius: 4px; }

.taglib-form-navigator > .form-steps > ul.form-navigator.list-group {
  box-shadow: none; }
  .taglib-form-navigator > .form-steps > ul.form-navigator.list-group .tab .tab-label:hover .number, .taglib-form-navigator > .form-steps > ul.form-navigator.list-group .tab .tab-label:focus .number {
    box-shadow: 0 0 5px 0 #333;
    -webkit-transition-duration: 0.25s;
    transition-duration: 0.25s;
    -webkit-transition-property: box-shadow;
    transition-property: box-shadow;
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out; }
  .taglib-form-navigator > .form-steps > ul.form-navigator.list-group .tab .tab-label .number {
    border-radius: 50%; }

.underlay-content {
  border-bottom-left-radius: 8px;
  border-bottom-right-radius: 8px; }

.input-localized .lfr-input-localized-state {
  border-radius: 3px; }

.input-localized .lfr-input-localized .lfr-input-localized-state {
  box-shadow: 0 0 3px #DDD; }
  .input-localized .lfr-input-localized .lfr-input-localized-state.lfr-input-localized-state-error {
    box-shadow: 0 0 3px #FF0047; }

.input-localized .palette-item-selected .lfr-input-localized-state {
  box-shadow: 0 0 3px #27C1F2; }

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

.lfr-message .lfr-message-control {
  border-radius: 10px; }

.lfr-token {
  border-radius: 8px; }

.staging-tabview-list {
  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 {
  box-shadow: none; }

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

.lfr-action-label {
  border-radius: 2px; }

@-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-size: 40px 40px;
  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: 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));
  -moz-animation: progress-bar-stripes 0.5s linear infinite;
  -webkit-animation: progress-bar-stripes 0.5s linear infinite;
  -o-animation: progress-bar-stripes 0.5s linear infinite;
  -ms-animation: progress-bar-stripes 0.5s linear infinite;
  animation: progress-bar-stripes 0.5s linear infinite;
  -webkit-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 {
  -moz-animation: highlight-animation 0.7s;
  -webkit-animation: highlight-animation 0.7s;
  -o-animation: highlight-animation 0.7s;
  -ms-animation: highlight-animation 0.7s;
  animation: highlight-animation 0.7s; }

.lfr-spa-loading .lfr-spa-loading-bar {
  -moz-animation: shift-rightwards 1s ease-in-out infinite;
  -webkit-animation: shift-rightwards 1s ease-in-out infinite;
  -o-animation: shift-rightwards 1s ease-in-out infinite;
  -ms-animation: shift-rightwards 1s ease-in-out infinite;
  animation: shift-rightwards 1s ease-in-out infinite;
  -moz-animation-delay: 0.4s;
  -webkit-animation-delay: 0.4s;
  -o-animation-delay: 0.4s;
  -ms-animation-delay: 0.4s;
  animation-delay: 0.4s; }

.lfr-spa-loading-bar {
  -webkit-transform: translateX(100%);
  -moz-transform: translateX(100%);
  -ms-transform: translateX(100%);
  -o-transform: translateX(100%);
  transform: translateX(100%); }

@-webkit-keyframes shift-rightwards {
  0% {
    -webkit-transform: translateX(-100%);
    -moz-transform: translateX(-100%);
    -ms-transform: translateX(-100%);
    -o-transform: translateX(-100%);
    transform: translateX(-100%); }
  40% {
    -webkit-transform: translateX(0%);
    -moz-transform: translateX(0%);
    -ms-transform: translateX(0%);
    -o-transform: translateX(0%);
    transform: translateX(0%); }
  60% {
    -webkit-transform: translateX(0%);
    -moz-transform: translateX(0%);
    -ms-transform: translateX(0%);
    -o-transform: translateX(0%);
    transform: translateX(0%); }
  100% {
    -webkit-transform: translateX(100%);
    -moz-transform: translateX(100%);
    -ms-transform: translateX(100%);
    -o-transform: translateX(100%);
    transform: translateX(100%); } }

@-moz-keyframes shift-rightwards {
  0% {
    -webkit-transform: translateX(-100%);
    -moz-transform: translateX(-100%);
    -ms-transform: translateX(-100%);
    -o-transform: translateX(-100%);
    transform: translateX(-100%); }
  40% {
    -webkit-transform: translateX(0%);
    -moz-transform: translateX(0%);
    -ms-transform: translateX(0%);
    -o-transform: translateX(0%);
    transform: translateX(0%); }
  60% {
    -webkit-transform: translateX(0%);
    -moz-transform: translateX(0%);
    -ms-transform: translateX(0%);
    -o-transform: translateX(0%);
    transform: translateX(0%); }
  100% {
    -webkit-transform: translateX(100%);
    -moz-transform: translateX(100%);
    -ms-transform: translateX(100%);
    -o-transform: translateX(100%);
    transform: translateX(100%); } }

@-o-keyframes shift-rightwards {
  0% {
    -webkit-transform: translateX(-100%);
    -moz-transform: translateX(-100%);
    -ms-transform: translateX(-100%);
    -o-transform: translateX(-100%);
    transform: translateX(-100%); }
  40% {
    -webkit-transform: translateX(0%);
    -moz-transform: translateX(0%);
    -ms-transform: translateX(0%);
    -o-transform: translateX(0%);
    transform: translateX(0%); }
  60% {
    -webkit-transform: translateX(0%);
    -moz-transform: translateX(0%);
    -ms-transform: translateX(0%);
    -o-transform: translateX(0%);
    transform: translateX(0%); }
  100% {
    -webkit-transform: translateX(100%);
    -moz-transform: translateX(100%);
    -ms-transform: translateX(100%);
    -o-transform: translateX(100%);
    transform: translateX(100%); } }

@keyframes shift-rightwards {
  0% {
    -webkit-transform: translateX(-100%);
    -moz-transform: translateX(-100%);
    -ms-transform: translateX(-100%);
    -o-transform: translateX(-100%);
    transform: translateX(-100%); }
  40% {
    -webkit-transform: translateX(0%);
    -moz-transform: translateX(0%);
    -ms-transform: translateX(0%);
    -o-transform: translateX(0%);
    transform: translateX(0%); }
  60% {
    -webkit-transform: translateX(0%);
    -moz-transform: translateX(0%);
    -ms-transform: translateX(0%);
    -o-transform: translateX(0%);
    transform: translateX(0%); }
  100% {
    -webkit-transform: translateX(100%);
    -moz-transform: translateX(100%);
    -ms-transform: translateX(100%);
    -o-transform: translateX(100%);
    transform: translateX(100%); } }

.mobile.touch body:first-of-type .portlet-content .lfr-icon-actions .lfr-icon-menu-text, .mobile.touch body:first-of-type .portlet-content .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: transform 0.3s ease;
  -o-transition: 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 {
  border-bottom-left-radius: 0;
  border-top-left-radius: 0;
  border-top-right-radius: 0; }

.portlet-options.btn-group .dropdown-toggle, .portlet-options.btn-group.open .dropdown-toggle {
  box-shadow: none; }

@-webkit-keyframes lfr-drop-active {
  0% {
    background-color: #EBEBEB;
    border-color: #DDD; }
  50% {
    background-color: #DDEDDE;
    border-color: #7D7;
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -ms-transform: scale(1.1);
    -o-transform: scale(1.1);
    transform: scale(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);
    -moz-transform: scale(1.1);
    -ms-transform: scale(1.1);
    -o-transform: scale(1.1);
    transform: scale(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);
    -moz-transform: scale(1.1);
    -ms-transform: scale(1.1);
    -o-transform: scale(1.1);
    transform: scale(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);
    -moz-transform: scale(1.1);
    -ms-transform: scale(1.1);
    -o-transform: scale(1.1);
    transform: scale(1.1); }
  75% {
    background-color: #DDEDDE;
    border-color: #7D7; }
  100% {
    background-color: #EBEBEB;
    border-color: #DDD; } }

.upload-drop-active .lfr-upload-container .upload-target {
  -moz-animation: none;
  -webkit-animation: none;
  -o-animation: none;
  -ms-animation: none;
  animation: none; }

.upload-drop-active .portlet-document-library .document-container {
  box-shadow: inset 0 0 5px #B8C1D1; }

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

.quick-access-nav a {
  box-shadow: rgba(0, 0, 0, 0.1) 1px 1px 1px; }

.cke_toolbar.cke_toolbar__a11yhelpbtn .cke_toolgroup, .cke_toolbar.cke_toolbar__a11yhelpbtn .cke_toolgroup:hover {
  box-shadow: initial; }

.cke_toolbar.cke_toolbar__a11yhelpbtn .cke_button:hover {
  box-shadow: none; }

.cke_toolbar.cke_toolbar__a11yhelpbtn .cke_button .cke_button_label:after {
  background-image: -webkit-linear-gradient(#FFF, #E4E4E4);
  background-image: linear-gradient(#FFF, #E4E4E4);
  border-radius: 2px; }

.cke_toolbar.cke_toolbar__a11yhelpbtn .cke_button .cke_button_label:hover:after {
  background-image: -webkit-linear-gradient(#F2F2F2, #CCC);
  background-image: linear-gradient(#F2F2F2, #CCC); }

/* ---------- Switches ---------- */
input.switch:focus ~ .switch-bar:before {
  box-shadow: 0 0 3px #00F; }

input.switch:empty ~ .switch-bar:after, input.switch:empty ~ .switch-bar:before, input.switch:empty ~ .switch-bar .switch-icon, input.switch:empty ~ .switch-bar .switch-toggle:after, input.switch:empty ~ .switch-bar .switch-toggle:before {
  -webkit-transition: all 100ms ease-in;
  -o-transition: all 100ms ease-in;
  transition: all 100ms ease-in; }

/* -------- Image selector ---------- */
.taglib-image-selector .glyphicon-ok {
  -webkit-transition: opacity 0.2s ease-in-out;
  -o-transition: opacity 0.2s ease-in-out;
  transition: opacity 0.2s ease-in-out;
  border-radius: 30px; }

.taglib-image-selector .progress-wrapper .progressbar {
  border-radius: 0; }

/* -------- Drop here info ---------- */
.drop-here-info {
  -webkit-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out; }
  .drop-here-info .drop-icons {
    -webkit-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out; }
    .drop-here-info .drop-icons span {
      -webkit-transition: all 0.3s ease-in-out;
      -o-transition: all 0.3s ease-in-out;
      transition: all 0.3s ease-in-out;
      border-radius: 3px; }
    .drop-here-info .drop-icons span:nth-of-type(1) {
      -webkit-transform: rotate(25deg);
      -moz-transform: rotate(25deg);
      -ms-transform: rotate(25deg);
      -o-transform: rotate(25deg);
      transform: rotate(25deg);
      box-shadow: 5px 4px 0 0 rgba(0, 0, 0, 0.08); }
    .drop-here-info .drop-icons span:nth-of-type(2) {
      -webkit-transform: scale(0.8);
      -moz-transform: scale(0.8);
      -ms-transform: scale(0.8);
      -o-transform: scale(0.8);
      transform: scale(0.8);
      box-shadow: 0 6px 0 -2px rgba(0, 0, 0, 0.15); }
    .drop-here-info .drop-icons span:nth-of-type(3) {
      -webkit-transform: rotate(-25deg);
      -moz-transform: rotate(-25deg);
      -ms-transform: rotate(-25deg);
      -o-transform: rotate(-25deg);
      transform: rotate(-25deg);
      box-shadow: -5px 4px 0 0 rgba(0, 0, 0, 0.08); }

.drop-active .drop-here-info span:nth-of-type(1) {
  -webkit-transform: rotate(-20deg);
  -moz-transform: rotate(-20deg);
  -ms-transform: rotate(-20deg);
  -o-transform: rotate(-20deg);
  transform: rotate(-20deg); }

.drop-active .drop-here-info span:nth-of-type(2) {
  -webkit-transform: scale(1);
  -moz-transform: scale(1);
  -ms-transform: scale(1);
  -o-transform: scale(1);
  transform: scale(1); }

.drop-active .drop-here-info span:nth-of-type(3) {
  -webkit-transform: rotate(15deg);
  -moz-transform: rotate(15deg);
  -ms-transform: rotate(15deg);
  -o-transform: rotate(15deg);
  transform: rotate(15deg); }

/* NEORIS SCSS's */
.portlet-decorate .portlet-content {
  background: #FFF;
  border: 1px solid #DEEEEE; }

.portlet-borderless .portlet-content {
  padding: 0;
  border: 0;
  margin: 0; }

.portlet-barebone .portlet-content {
  padding: 0;
  border: 0;
  margin: 0; }
  .portlet-barebone .portlet-content h2.portlet-title-text {
    display: none; }

/*Color definitions for easy access in different files*/
/*bg: background, fg: foreground, lg: large, md: medium*/
/* Global definitions */
/*Gradiente Navigation Bar*/
/** Header color scheme */
/* Black top bar */
/*TODO*/
/* Navigation Bar */
/* Collapsed Menu Button */
/*three horizontal strips*/
/* Text Color */
/* Navigation Background */
/* Lateral nav bar width */
/* Navigation text color collapsed*/
/* TODO*/
/* Navigation bg collapsed*/
/* TODO*/
/* Gradient in the menu bar drops*/
/* 0.85; */
/** Footer color scheme */
/* Different areas for large screens */
/* tag: color */
/* tag: color: hover*/
/* Different areas for small screens */
/* tag: color */
/* tag: color: hover*/
/* Social Networks Icons */
@font-face {
  font-family: 'icomoon';
  src: url("../fonts/icomoon.eot?3edkpv");
  src: url("../fonts/icomoon.eot?3edkpv#iefix") format("embedded-opentype"), url("../fonts/icomoon.ttf?3edkpv") format("truetype"), url("../fonts/icomoon.woff?3edkpv") format("woff"), url("../fonts/icomoon.svg?3edkpv#icomoon") format("svg");
  font-weight: normal;
  font-style: normal;
  font-display: swap; }

[class^="icon-"], [class*=" icon-"] {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: 'icomoon' !important;
  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; }

.icon-bares-y-restaurantes_1_mod:before {
  content: "\e900"; }

.icon-enoturismo_2_mod:before {
  content: "\e901"; }

.icon-enoturismo_3_mod:before {
  content: "\e902"; }

.icon-ruta_de_tapas_1:before {
  content: "\e903"; }

.icon-ruta_de_tapas_2_mod:before {
  content: "\e904"; }

.icon-ruta_de_tapas_3:before {
  content: "\e905"; }

.icon-vida_nocturna_1:before {
  content: "\e906"; }

.icon-vida_nocturna_2:before {
  content: "\e907"; }

.icon-valladolid-cultura2:before {
  content: "\e908"; }

.icon-norte-castilla:before {
  content: "\e909"; }

.icon-junta-castilla-leon:before {
  content: "\e90a"; }

.icon-aguas-valladolid:before {
  content: "\e90b"; }

.icon-inaem:before {
  content: "\e90c"; }

.icon-ayto-fundacion-cultura:before {
  content: "\e90d"; }

.icon-ayuntamiento-valladolid:before {
  content: "\e90e"; }

.icon-casa-de-la-india:before {
  content: "\e90f"; }

.icon-museo-ciencia-valladolid:before {
  content: "\e910"; }

.icon-lava:before {
  content: "\e911"; }

.icon-patio-herreriano:before {
  content: "\e912"; }

.icon-seminci:before {
  content: "\e913"; }

.icon-teatro-calderon:before {
  content: "\e914"; }

.icon-teatro-calderon-2:before {
  content: "\e920"; }

.icon-issuu:before {
  content: "\e915"; }

.icon-notdef:before {
  content: "\e916"; }

.icon-user-o:before {
  content: "\e917"; }

.icon-user-circle-o:before {
  content: "\e918"; }

.icon-user-circle:before {
  content: "\e919"; }

.icon-valladolid-deporte:before {
  content: "\e91a"; }

.icon-blogger:before {
  content: "\eab7"; }

.icon-glass:before {
  content: "\f000"; }

.icon-music:before {
  content: "\f001"; }

.icon-search:before {
  content: "\f002"; }

.icon-envelope:before {
  content: "\f003"; }

.icon-heart:before {
  content: "\f004"; }

.icon-star:before {
  content: "\f005"; }

.icon-star_empty:before {
  content: "\f006"; }

.icon-user:before {
  content: "\f007"; }

.icon-film:before {
  content: "\f008"; }

.icon-th_large:before {
  content: "\f009"; }

.icon-th:before {
  content: "\f00a"; }

.icon-th_list:before {
  content: "\f00b"; }

.icon-ok:before {
  content: "\f00c"; }

.icon-remove:before {
  content: "\f00d"; }

.icon-zoom_in:before {
  content: "\f00e"; }

.icon-zoom_out:before {
  content: "\f010"; }

.icon-off:before {
  content: "\f011"; }

.icon-signal:before {
  content: "\f012"; }

.icon-cog:before {
  content: "\f013"; }

.icon-trash:before {
  content: "\f014"; }

.icon-home:before {
  content: "\f015"; }

.icon-file_alt:before {
  content: "\f016"; }

.icon-time:before {
  content: "\f017"; }

.icon-road:before {
  content: "\f018"; }

.icon-download_alt:before {
  content: "\f019"; }

.icon-download:before {
  content: "\f01a"; }

.icon-upload:before {
  content: "\f01b"; }

.icon-inbox:before {
  content: "\f01c"; }

.icon-play_circle:before {
  content: "\f01d"; }

.icon-repeat:before {
  content: "\f01e"; }

.icon-refresh:before {
  content: "\f021"; }

.icon-list_alt:before {
  content: "\f022"; }

.icon-lock:before {
  content: "\f023"; }

.icon-flag:before {
  content: "\f024"; }

.icon-headphones:before {
  content: "\f025"; }

.icon-volume_off:before {
  content: "\f026"; }

.icon-volume_down:before {
  content: "\f027"; }

.icon-volume_up:before {
  content: "\f028"; }

.icon-qrcode:before {
  content: "\f029"; }

.icon-barcode:before {
  content: "\f02a"; }

.icon-tag:before {
  content: "\f02b"; }

.icon-tags:before {
  content: "\f02c"; }

.icon-book:before {
  content: "\f02d"; }

.icon-bookmark:before {
  content: "\f02e"; }

.icon-print:before {
  content: "\f02f"; }

.icon-camera:before {
  content: "\f030"; }

.icon-font:before {
  content: "\f031"; }

.icon-bold:before {
  content: "\f032"; }

.icon-italic:before {
  content: "\f033"; }

.icon-text_height:before {
  content: "\f034"; }

.icon-text_width:before {
  content: "\f035"; }

.icon-align_left:before {
  content: "\f036"; }

.icon-align_center:before {
  content: "\f037"; }

.icon-align_right:before {
  content: "\f038"; }

.icon-align_justify:before {
  content: "\f039"; }

.icon-list:before {
  content: "\f03a"; }

.icon-indent_left:before {
  content: "\f03b"; }

.icon-indent_right:before {
  content: "\f03c"; }

.icon-facetime_video:before {
  content: "\f03d"; }

.icon-picture:before {
  content: "\f03e"; }

.icon-pencil:before {
  content: "\f040"; }

.icon-map_marker:before {
  content: "\f041"; }

.icon-adjust:before {
  content: "\f042"; }

.icon-tint:before {
  content: "\f043"; }

.icon-edit:before {
  content: "\f044"; }

.icon-share:before {
  content: "\f045"; }

.icon-check:before {
  content: "\f046"; }

.icon-move:before {
  content: "\f047"; }

.icon-step_backward:before {
  content: "\f048"; }

.icon-fast_backward:before {
  content: "\f049"; }

.icon-backward:before {
  content: "\f04a"; }

.icon-play:before {
  content: "\f04b"; }

.icon-pause:before {
  content: "\f04c"; }

.icon-stop:before {
  content: "\f04d"; }

.icon-forward:before {
  content: "\f04e"; }

.icon-fast_forward:before {
  content: "\f050"; }

.icon-step_forward:before {
  content: "\f051"; }

.icon-eject:before {
  content: "\f052"; }

.icon-chevron_left:before {
  content: "\f053"; }

.icon-chevron_right:before {
  content: "\f054"; }

.icon-plus_sign:before {
  content: "\f055"; }

.icon-minus_sign:before {
  content: "\f056"; }

.icon-remove_sign:before {
  content: "\f057"; }

.icon-ok_sign:before {
  content: "\f058"; }

.icon-question_sign:before {
  content: "\f059"; }

.icon-info_sign:before {
  content: "\f05a"; }

.icon-screenshot:before {
  content: "\f05b"; }

.icon-remove_circle:before {
  content: "\f05c"; }

.icon-ok_circle:before {
  content: "\f05d"; }

.icon-ban_circle:before {
  content: "\f05e"; }

.icon-arrow_left:before {
  content: "\f060"; }

.icon-arrow_right:before {
  content: "\f061"; }

.icon-arrow_up:before {
  content: "\f062"; }

.icon-arrow_down:before {
  content: "\f063"; }

.icon-share_alt:before {
  content: "\f064"; }

.icon-resize_full:before {
  content: "\f065"; }

.icon-resize_small:before {
  content: "\f066"; }

.icon-plus:before {
  content: "\f067"; }

.icon-minus:before {
  content: "\f068"; }

.icon-asterisk:before {
  content: "\f069"; }

.icon-exclamation_sign:before {
  content: "\f06a"; }

.icon-gift:before {
  content: "\f06b"; }

.icon-leaf:before {
  content: "\f06c"; }

.icon-fire:before {
  content: "\f06d"; }

.icon-eye_open:before {
  content: "\f06e"; }

.icon-eye_close:before {
  content: "\f070"; }

.icon-warning_sign:before {
  content: "\f071"; }

.icon-plane:before {
  content: "\f072"; }

.icon-calendar:before {
  content: "\f073"; }

.icon-random:before {
  content: "\f074"; }

.icon-comment:before {
  content: "\f075"; }

.icon-magnet:before {
  content: "\f076"; }

.icon-chevron_up:before {
  content: "\f077"; }

.icon-chevron_down:before {
  content: "\f078"; }

.icon-retweet:before {
  content: "\f079"; }

.icon-shopping_cart:before {
  content: "\f07a"; }

.icon-folder_close:before {
  content: "\f07b"; }

.icon-folder_open:before {
  content: "\f07c"; }

.icon-resize_vertical:before {
  content: "\f07d"; }

.icon-resize_horizontal:before {
  content: "\f07e"; }

.icon-bar_chart:before {
  content: "\f080"; }

.icon-twitter_sign:before {
  content: "\f081"; }

.icon-facebook_sign:before {
  content: "\f082"; }

.icon-camera_retro:before {
  content: "\f083"; }

.icon-key:before {
  content: "\f084"; }

.icon-cogs:before {
  content: "\f085"; }

.icon-comments:before {
  content: "\f086"; }

.icon-thumbs_up_alt:before {
  content: "\f087"; }

.icon-thumbs_down_alt:before {
  content: "\f088"; }

.icon-star_half:before {
  content: "\f089"; }

.icon-heart_empty:before {
  content: "\f08a"; }

.icon-signout:before {
  content: "\f08b"; }

.icon-linkedin_sign:before {
  content: "\f08c"; }

.icon-pushpin:before {
  content: "\f08d"; }

.icon-external_link:before {
  content: "\f08e"; }

.icon-signin:before {
  content: "\f090"; }

.icon-trophy:before {
  content: "\f091"; }

.icon-github_sign:before {
  content: "\f092"; }

.icon-upload_alt:before {
  content: "\f093"; }

.icon-lemon:before {
  content: "\f094"; }

.icon-phone:before {
  content: "\f095"; }

.icon-check_empty:before {
  content: "\f096"; }

.icon-bookmark_empty:before {
  content: "\f097"; }

.icon-phone_sign:before {
  content: "\f098"; }

.icon-twitter:before {
  content: "\f099"; }

.icon-facebook:before {
  content: "\f09a"; }

.icon-github:before {
  content: "\f09b"; }

.icon-unlock:before {
  content: "\f09c"; }

.icon-credit_card:before {
  content: "\f09d"; }

.icon-rss:before {
  content: "\f09e"; }

.icon-hdd:before {
  content: "\f0a0"; }

.icon-bullhorn:before {
  content: "\f0a1"; }

.icon-bell:before {
  content: "\f0a2"; }

.icon-certificate:before {
  content: "\f0a3"; }

.icon-hand_right:before {
  content: "\f0a4"; }

.icon-hand_left:before {
  content: "\f0a5"; }

.icon-hand_up:before {
  content: "\f0a6"; }

.icon-hand_down:before {
  content: "\f0a7"; }

.icon-circle_arrow_left:before {
  content: "\f0a8"; }

.icon-circle_arrow_right:before {
  content: "\f0a9"; }

.icon-circle_arrow_up:before {
  content: "\f0aa"; }

.icon-circle_arrow_down:before {
  content: "\f0ab"; }

.icon-globe:before {
  content: "\f0ac"; }

.icon-wrench:before {
  content: "\f0ad"; }

.icon-tasks:before {
  content: "\f0ae"; }

.icon-filter:before {
  content: "\f0b0"; }

.icon-briefcase:before {
  content: "\f0b1"; }

.icon-fullscreen:before {
  content: "\f0b2"; }

.icon-group:before {
  content: "\f0c0"; }

.icon-link:before {
  content: "\f0c1"; }

.icon-cloud:before {
  content: "\f0c2"; }

.icon-beaker:before {
  content: "\f0c3"; }

.icon-cut:before {
  content: "\f0c4"; }

.icon-copy:before {
  content: "\f0c5"; }

.icon-paper_clip:before {
  content: "\f0c6"; }

.icon-save:before {
  content: "\f0c7"; }

.icon-sign_blank:before {
  content: "\f0c8"; }

.icon-reorder:before {
  content: "\f0c9"; }

.icon-ul:before {
  content: "\f0ca"; }

.icon-ol:before {
  content: "\f0cb"; }

.icon-strikethrough:before {
  content: "\f0cc"; }

.icon-underline:before {
  content: "\f0cd"; }

.icon-table:before {
  content: "\f0ce"; }

.icon-magic:before {
  content: "\f0d0"; }

.icon-truck:before {
  content: "\f0d1"; }

.icon-pinterest:before {
  content: "\f0d2"; }

.icon-pinterest_sign:before {
  content: "\f0d3"; }

.icon-google_plus_sign:before {
  content: "\f0d4"; }

.icon-google_plus:before {
  content: "\f0d5"; }

.icon-money:before {
  content: "\f0d6"; }

.icon-caret_down:before {
  content: "\f0d7"; }

.icon-caret_up:before {
  content: "\f0d8"; }

.icon-caret_left:before {
  content: "\f0d9"; }

.icon-caret_right:before {
  content: "\f0da"; }

.icon-columns:before {
  content: "\f0db"; }

.icon-sort:before {
  content: "\f0dc"; }

.icon-sort_down:before {
  content: "\f0dd"; }

.icon-sort_up:before {
  content: "\f0de"; }

.icon-envelope_alt:before {
  content: "\f0e0"; }

.icon-linkedin:before {
  content: "\f0e1"; }

.icon-undo:before {
  content: "\f0e2"; }

.icon-legal:before {
  content: "\f0e3"; }

.icon-dashboard:before {
  content: "\f0e4"; }

.icon-comment_alt:before {
  content: "\f0e5"; }

.icon-comments_alt:before {
  content: "\f0e6"; }

.icon-bolt:before {
  content: "\f0e7"; }

.icon-sitemap:before {
  content: "\f0e8"; }

.icon-umbrella:before {
  content: "\f0e9"; }

.icon-paste:before {
  content: "\f0ea"; }

.icon-light_bulb:before {
  content: "\f0eb"; }

.icon-exchange:before {
  content: "\f0ec"; }

.icon-cloud_download:before {
  content: "\f0ed"; }

.icon-cloud_upload:before {
  content: "\f0ee"; }

.icon-user_md:before {
  content: "\f0f0"; }

.icon-stethoscope:before {
  content: "\f0f1"; }

.icon-suitcase:before {
  content: "\f0f2"; }

.icon-bell_alt:before {
  content: "\f0f3"; }

.icon-coffee:before {
  content: "\f0f4"; }

.icon-food:before {
  content: "\f0f5"; }

.icon-file_text_alt:before {
  content: "\f0f6"; }

.icon-building:before {
  content: "\f0f7"; }

.icon-hospital:before {
  content: "\f0f8"; }

.icon-ambulance:before {
  content: "\f0f9"; }

.icon-medkit:before {
  content: "\f0fa"; }

.icon-fighter_jet:before {
  content: "\f0fb"; }

.icon-beer:before {
  content: "\f0fc"; }

.icon-h_sign:before {
  content: "\f0fd"; }

.icon-f0fe:before {
  content: "\f0fe"; }

.icon-double_angle_left:before {
  content: "\f100"; }

.icon-double_angle_right:before {
  content: "\f101"; }

.icon-double_angle_up:before {
  content: "\f102"; }

.icon-double_angle_down:before {
  content: "\f103"; }

.icon-angle_left:before {
  content: "\f104"; }

.icon-angle_right:before {
  content: "\f105"; }

.icon-angle_up:before {
  content: "\f106"; }

.icon-angle_down:before {
  content: "\f107"; }

.icon-desktop:before {
  content: "\f108"; }

.icon-laptop:before {
  content: "\f109"; }

.icon-tablet:before {
  content: "\f10a"; }

.icon-mobile_phone:before {
  content: "\f10b"; }

.icon-circle_blank:before {
  content: "\f10c"; }

.icon-quote_left:before {
  content: "\f10d"; }

.icon-quote_right:before {
  content: "\f10e"; }

.icon-spinner:before {
  content: "\f110"; }

.icon-circle:before {
  content: "\f111"; }

.icon-reply:before {
  content: "\f112"; }

.icon-github_alt:before {
  content: "\f113"; }

.icon-folder_close_alt:before {
  content: "\f114"; }

.icon-folder_open_alt:before {
  content: "\f115"; }

.icon-smile:before {
  content: "\f118"; }

.icon-frown:before {
  content: "\f119"; }

.icon-meh:before {
  content: "\f11a"; }

.icon-gamepad:before {
  content: "\f11b"; }

.icon-keyboard:before {
  content: "\f11c"; }

.icon-flag_alt:before {
  content: "\f11d"; }

.icon-flag_checkered:before {
  content: "\f11e"; }

.icon-terminal:before {
  content: "\f120"; }

.icon-code:before {
  content: "\f121"; }

.icon-reply_all:before {
  content: "\f122"; }

.icon-star_half_empty:before {
  content: "\f123"; }

.icon-location_arrow:before {
  content: "\f124"; }

.icon-crop:before {
  content: "\f125"; }

.icon-code_fork:before {
  content: "\f126"; }

.icon-unlink:before {
  content: "\f127"; }

.icon-question:before {
  content: "\f128"; }

.icon-_279:before {
  content: "\f129"; }

.icon-exclamation:before {
  content: "\f12a"; }

.icon-superscript:before {
  content: "\f12b"; }

.icon-subscript:before {
  content: "\f12c"; }

.icon-_283:before {
  content: "\f12d"; }

.icon-puzzle_piece:before {
  content: "\f12e"; }

.icon-microphone:before {
  content: "\f130"; }

.icon-microphone_off:before {
  content: "\f131"; }

.icon-shield:before {
  content: "\f132"; }

.icon-calendar_empty:before {
  content: "\f133"; }

.icon-fire_extinguisher:before {
  content: "\f134"; }

.icon-rocket:before {
  content: "\f135"; }

.icon-maxcdn:before {
  content: "\f136"; }

.icon-chevron_sign_left:before {
  content: "\f137"; }

.icon-chevron_sign_right:before {
  content: "\f138"; }

.icon-chevron_sign_up:before {
  content: "\f139"; }

.icon-chevron_sign_down:before {
  content: "\f13a"; }

.icon-html5:before {
  content: "\f13b"; }

.icon-css3:before {
  content: "\f13c"; }

.icon-anchor:before {
  content: "\f13d"; }

.icon-unlock_alt:before {
  content: "\f13e"; }

.icon-bullseye:before {
  content: "\f140"; }

.icon-ellipsis_horizontal:before {
  content: "\f141"; }

.icon-ellipsis_vertical:before {
  content: "\f142"; }

.icon-_303:before {
  content: "\f143"; }

.icon-play_sign:before {
  content: "\f144"; }

.icon-ticket:before {
  content: "\f145"; }

.icon-minus_sign_alt:before {
  content: "\f146"; }

.icon-check_minus:before {
  content: "\f147"; }

.icon-level_up:before {
  content: "\f148"; }

.icon-level_down:before {
  content: "\f149"; }

.icon-check_sign:before {
  content: "\f14a"; }

.icon-edit_sign:before {
  content: "\f14b"; }

.icon-_312:before {
  content: "\f14c"; }

.icon-share_sign:before {
  content: "\f14d"; }

.icon-compass:before {
  content: "\f14e"; }

.icon-collapse:before {
  content: "\f150"; }

.icon-collapse_top:before {
  content: "\f151"; }

.icon-_317:before {
  content: "\f152"; }

.icon-eur:before {
  content: "\f153"; }

.icon-gbp:before {
  content: "\f154"; }

.icon-usd:before {
  content: "\f155"; }

.icon-inr:before {
  content: "\f156"; }

.icon-jpy:before {
  content: "\f157"; }

.icon-rub:before {
  content: "\f158"; }

.icon-krw:before {
  content: "\f159"; }

.icon-btc:before {
  content: "\f15a"; }

.icon-file:before {
  content: "\f15b"; }

.icon-file_text:before {
  content: "\f15c"; }

.icon-sort_by_alphabet:before {
  content: "\f15d"; }

.icon-_329:before {
  content: "\f15e"; }

.icon-sort_by_attributes:before {
  content: "\f160"; }

.icon-sort_by_attributes_alt:before {
  content: "\f161"; }

.icon-sort_by_order:before {
  content: "\f162"; }

.icon-sort_by_order_alt:before {
  content: "\f163"; }

.icon-_334:before {
  content: "\f164"; }

.icon-_335:before {
  content: "\f165"; }

.icon-youtube_sign:before {
  content: "\f166"; }

.icon-youtube:before {
  content: "\f167"; }

.icon-xing:before {
  content: "\f168"; }

.icon-xing_sign:before {
  content: "\f169"; }

.icon-youtube_play:before {
  content: "\f16a"; }

.icon-dropbox:before {
  content: "\f16b"; }

.icon-stackexchange:before {
  content: "\f16c"; }

.icon-instagram:before {
  content: "\f16d"; }

.icon-flickr:before {
  content: "\f16e"; }

.icon-adn:before {
  content: "\f170"; }

.icon-f171:before {
  content: "\f171"; }

.icon-bitbucket_sign:before {
  content: "\f172"; }

.icon-tumblr:before {
  content: "\f173"; }

.icon-tumblr_sign:before {
  content: "\f174"; }

.icon-long_arrow_down:before {
  content: "\f175"; }

.icon-long_arrow_up:before {
  content: "\f176"; }

.icon-long_arrow_left:before {
  content: "\f177"; }

.icon-long_arrow_right:before {
  content: "\f178"; }

.icon-apple:before {
  content: "\f179"; }

.icon-windows:before {
  content: "\f17a"; }

.icon-android:before {
  content: "\f17b"; }

.icon-linux:before {
  content: "\f17c"; }

.icon-dribble:before {
  content: "\f17d"; }

.icon-skype:before {
  content: "\f17e"; }

.icon-foursquare:before {
  content: "\f180"; }

.icon-trello:before {
  content: "\f181"; }

.icon-female:before {
  content: "\f182"; }

.icon-male:before {
  content: "\f183"; }

.icon-gittip:before {
  content: "\f184"; }

.icon-sun:before {
  content: "\f185"; }

.icon-_366:before {
  content: "\f186"; }

.icon-archive:before {
  content: "\f187"; }

.icon-bug:before {
  content: "\f188"; }

.icon-vk:before {
  content: "\f189"; }

.icon-weibo:before {
  content: "\f18a"; }

.icon-renren:before {
  content: "\f18b"; }

.icon-_372:before {
  content: "\f18c"; }

.icon-stack_exchange:before {
  content: "\f18d"; }

.icon-_374:before {
  content: "\f18e"; }

.icon-arrow_circle_alt_left:before {
  content: "\f190"; }

.icon-_376:before {
  content: "\f191"; }

.icon-dot_circle_alt:before {
  content: "\f192"; }

.icon-_378:before {
  content: "\f193"; }

.icon-vimeo_square:before {
  content: "\f194"; }

.icon-_380:before {
  content: "\f195"; }

.icon-plus_square_o:before {
  content: "\f196"; }

.icon-_382:before {
  content: "\f197"; }

.icon-_383:before {
  content: "\f198"; }

.icon-_384:before {
  content: "\f199"; }

.icon-_385:before {
  content: "\f19a"; }

.icon-_386:before {
  content: "\f19b"; }

.icon-_387:before {
  content: "\f19c"; }

.icon-_388:before {
  content: "\f19d"; }

.icon-_389:before {
  content: "\f19e"; }

.icon-uniF1A0:before {
  content: "\f1a0"; }

.icon-f1a1:before {
  content: "\f1a1"; }

.icon-_392:before {
  content: "\f1a2"; }

.icon-_393:before {
  content: "\f1a3"; }

.icon-f1a4:before {
  content: "\f1a4"; }

.icon-_395:before {
  content: "\f1a5"; }

.icon-_396:before {
  content: "\f1a6"; }

.icon-_397:before {
  content: "\f1a7"; }

.icon-_398:before {
  content: "\f1a8"; }

.icon-_399:before {
  content: "\f1a9"; }

.icon-_400:before {
  content: "\f1aa"; }

.icon-f1ab:before {
  content: "\f1ab"; }

.icon-_402:before {
  content: "\f1ac"; }

.icon-_403:before {
  content: "\f1ad"; }

.icon-_404:before {
  content: "\f1ae"; }

.icon-uniF1B1:before {
  content: "\f1b0"; }

.icon-_406:before {
  content: "\f1b1"; }

.icon-_407:before {
  content: "\f1b2"; }

.icon-_408:before {
  content: "\f1b3"; }

.icon-_409:before {
  content: "\f1b4"; }

.icon-_410:before {
  content: "\f1b5"; }

.icon-_411:before {
  content: "\f1b6"; }

.icon-_412:before {
  content: "\f1b7"; }

.icon-_413:before {
  content: "\f1b8"; }

.icon-_414:before {
  content: "\f1b9"; }

.icon-_415:before {
  content: "\f1ba"; }

.icon-_416:before {
  content: "\f1bb"; }

.icon-_417:before {
  content: "\f1bc"; }

.icon-_418:before {
  content: "\f1bd"; }

.icon-_419:before {
  content: "\f1be"; }

.icon-uniF1C0:before {
  content: "\f1c0"; }

.icon-uniF1C1:before {
  content: "\f1c1"; }

.icon-_422:before {
  content: "\f1c2"; }

.icon-_423:before {
  content: "\f1c3"; }

.icon-_424:before {
  content: "\f1c4"; }

.icon-_425:before {
  content: "\f1c5"; }

.icon-_426:before {
  content: "\f1c6"; }

.icon-_427:before {
  content: "\f1c7"; }

.icon-_428:before {
  content: "\f1c8"; }

.icon-_429:before {
  content: "\f1c9"; }

.icon-_430:before {
  content: "\f1ca"; }

.icon-_431:before {
  content: "\f1cb"; }

.icon-_432:before {
  content: "\f1cc"; }

.icon-_433:before {
  content: "\f1cd"; }

.icon-_434:before {
  content: "\f1ce"; }

.icon-uniF1D0:before {
  content: "\f1d0"; }

.icon-uniF1D1:before {
  content: "\f1d1"; }

.icon-uniF1D2:before {
  content: "\f1d2"; }

.icon-_438:before {
  content: "\f1d3"; }

.icon-_439:before {
  content: "\f1d4"; }

.icon-uniF1D5:before {
  content: "\f1d5"; }

.icon-uniF1D6:before {
  content: "\f1d6"; }

.icon-uniF1D7:before {
  content: "\f1d7"; }

.icon-_443:before {
  content: "\f1d8"; }

.icon-_444:before {
  content: "\f1d9"; }

.icon-_445:before {
  content: "\f1da"; }

.icon-_446:before {
  content: "\f1db"; }

.icon-_447:before {
  content: "\f1dc"; }

.icon-_448:before {
  content: "\f1dd"; }

.icon-_449:before {
  content: "\f1de"; }

.icon-uniF1E0:before {
  content: "\f1e0"; }

.icon-_451:before {
  content: "\f1e1"; }

.icon-_452:before {
  content: "\f1e2"; }

.icon-_453:before {
  content: "\f1e3"; }

.icon-_454:before {
  content: "\f1e4"; }

.icon-_455:before {
  content: "\f1e5"; }

.icon-_456:before {
  content: "\f1e6"; }

.icon-_457:before {
  content: "\f1e7"; }

.icon-_458:before {
  content: "\f1e8"; }

.icon-_459:before {
  content: "\f1e9"; }

.icon-_460:before {
  content: "\f1ea"; }

.icon-_461:before {
  content: "\f1eb"; }

.icon-_462:before {
  content: "\f1ec"; }

.icon-_463:before {
  content: "\f1ed"; }

.icon-_464:before {
  content: "\f1ee"; }

.icon-uniF1F0:before {
  content: "\f1f0"; }

.icon-_466:before {
  content: "\f1f1"; }

.icon-_467:before {
  content: "\f1f2"; }

.icon-f1f3:before {
  content: "\f1f3"; }

.icon-_469:before {
  content: "\f1f4"; }

.icon-_470:before {
  content: "\f1f5"; }

.icon-_471:before {
  content: "\f1f6"; }

.icon-_472:before {
  content: "\f1f7"; }

.icon-_473:before {
  content: "\f1f8"; }

.icon-_474:before {
  content: "\f1f9"; }

.icon-_475:before {
  content: "\f1fa"; }

.icon-_476:before {
  content: "\f1fb"; }

.icon-f1fc:before {
  content: "\f1fc"; }

.icon-_478:before {
  content: "\f1fd"; }

.icon-_479:before {
  content: "\f1fe"; }

.icon-_480:before {
  content: "\f200"; }

.icon-_481:before {
  content: "\f201"; }

.icon-_482:before {
  content: "\f202"; }

.icon-_483:before {
  content: "\f203"; }

.icon-_484:before {
  content: "\f204"; }

.icon-_485:before {
  content: "\f205"; }

.icon-_486:before {
  content: "\f206"; }

.icon-_487:before {
  content: "\f207"; }

.icon-_488:before {
  content: "\f208"; }

.icon-_489:before {
  content: "\f209"; }

.icon-_490:before {
  content: "\f20a"; }

.icon-_491:before {
  content: "\f20b"; }

.icon-_492:before {
  content: "\f20c"; }

.icon-_493:before {
  content: "\f20d"; }

.icon-_494:before {
  content: "\f20e"; }

.icon-f210:before {
  content: "\f210"; }

.icon-_496:before {
  content: "\f211"; }

.icon-f212:before {
  content: "\f212"; }

.icon-_498:before {
  content: "\f213"; }

.icon-_499:before {
  content: "\f214"; }

.icon-_500:before {
  content: "\f215"; }

.icon-_501:before {
  content: "\f216"; }

.icon-_502:before {
  content: "\f217"; }

.icon-_503:before {
  content: "\f218"; }

.icon-_504:before {
  content: "\f219"; }

.icon-_505:before {
  content: "\f21a"; }

.icon-_506:before {
  content: "\f21b"; }

.icon-_507:before {
  content: "\f21c"; }

.icon-_508:before {
  content: "\f21d"; }

.icon-_509:before {
  content: "\f21e"; }

.icon-venus:before {
  content: "\f221"; }

.icon-_511:before {
  content: "\f222"; }

.icon-_512:before {
  content: "\f223"; }

.icon-_513:before {
  content: "\f224"; }

.icon-_514:before {
  content: "\f225"; }

.icon-_515:before {
  content: "\f226"; }

.icon-_516:before {
  content: "\f227"; }

.icon-_517:before {
  content: "\f228"; }

.icon-_518:before {
  content: "\f229"; }

.icon-_519:before {
  content: "\f22a"; }

.icon-_520:before {
  content: "\f22b"; }

.icon-_521:before {
  content: "\f22c"; }

.icon-_522:before {
  content: "\f22d"; }

.icon-_525:before {
  content: "\f230"; }

.icon-_526:before {
  content: "\f231"; }

.icon-_527:before {
  content: "\f232"; }

.icon-_528:before {
  content: "\f233"; }

.icon-_529:before {
  content: "\f234"; }

.icon-_530:before {
  content: "\f235"; }

.icon-_531:before {
  content: "\f236"; }

.icon-_532:before {
  content: "\f237"; }

.icon-_533:before {
  content: "\f238"; }

.icon-_534:before {
  content: "\f239"; }

.icon-_535:before {
  content: "\f23a"; }

.icon-_536:before {
  content: "\f23b"; }

.icon-_537:before {
  content: "\f23c"; }

.icon-_538:before {
  content: "\f23d"; }

.icon-_539:before {
  content: "\f23e"; }

.icon-_540:before {
  content: "\f240"; }

.icon-_541:before {
  content: "\f241"; }

.icon-_542:before {
  content: "\f242"; }

.icon-_543:before {
  content: "\f243"; }

.icon-_544:before {
  content: "\f244"; }

.icon-_545:before {
  content: "\f245"; }

.icon-_546:before {
  content: "\f246"; }

.icon-_547:before {
  content: "\f247"; }

.icon-_548:before {
  content: "\f248"; }

.icon-_549:before {
  content: "\f249"; }

.icon-_550:before {
  content: "\f24a"; }

.icon-_551:before {
  content: "\f24b"; }

.icon-_552:before {
  content: "\f24c"; }

.icon-_553:before {
  content: "\f24d"; }

.icon-_554:before {
  content: "\f24e"; }

.icon-_555:before {
  content: "\f250"; }

.icon-_556:before {
  content: "\f251"; }

.icon-_557:before {
  content: "\f252"; }

.icon-_558:before {
  content: "\f253"; }

.icon-_559:before {
  content: "\f254"; }

.icon-_560:before {
  content: "\f255"; }

.icon-_561:before {
  content: "\f256"; }

.icon-_562:before {
  content: "\f257"; }

.icon-_563:before {
  content: "\f258"; }

.icon-_564:before {
  content: "\f259"; }

.icon-_565:before {
  content: "\f25a"; }

.icon-_566:before {
  content: "\f25b"; }

.icon-_567:before {
  content: "\f25c"; }

.icon-_568:before {
  content: "\f25d"; }

.icon-_569:before {
  content: "\f25e"; }

.icon-f260:before {
  content: "\f260"; }

.icon-f261:before {
  content: "\f261"; }

.icon-_572:before {
  content: "\f262"; }

.icon-f263:before {
  content: "\f263"; }

.icon-_574:before {
  content: "\f264"; }

.icon-_575:before {
  content: "\f265"; }

.icon-_576:before {
  content: "\f266"; }

.icon-_577:before {
  content: "\f267"; }

.icon-_578:before {
  content: "\f268"; }

.icon-_579:before {
  content: "\f269"; }

.icon-_580:before {
  content: "\f26a"; }

.icon-_581:before {
  content: "\f26b"; }

.icon-_582:before {
  content: "\f26c"; }

.icon-_583:before {
  content: "\f26d"; }

.icon-_584:before {
  content: "\f26e"; }

.icon-_585:before {
  content: "\f270"; }

.icon-_586:before {
  content: "\f271"; }

.icon-_587:before {
  content: "\f272"; }

.icon-_588:before {
  content: "\f273"; }

.icon-_589:before {
  content: "\f274"; }

.icon-_590:before {
  content: "\f275"; }

.icon-_591:before {
  content: "\f276"; }

.icon-_592:before {
  content: "\f277"; }

.icon-_593:before {
  content: "\f278"; }

.icon-_594:before {
  content: "\f279"; }

.icon-_595:before {
  content: "\f27a"; }

.icon-_596:before {
  content: "\f27b"; }

.icon-_597:before {
  content: "\f27c"; }

.icon-_598:before {
  content: "\f27d"; }

.icon-f27e:before {
  content: "\f27e"; }

.icon-uniF280:before {
  content: "\f280"; }

.icon-uniF281:before {
  content: "\f281"; }

.icon-_602:before {
  content: "\f282"; }

.icon-_603:before {
  content: "\f283"; }

.icon-_604:before {
  content: "\f284"; }

.icon-uniF285:before {
  content: "\f285"; }

.icon-uniF286:before {
  content: "\f286"; }

.icon-_607:before {
  content: "\f287"; }

.icon-_608:before {
  content: "\f288"; }

.icon-_609:before {
  content: "\f289"; }

.icon-_610:before {
  content: "\f28a"; }

.icon-_611:before {
  content: "\f28b"; }

.icon-_612:before {
  content: "\f28c"; }

.icon-_613:before {
  content: "\f28d"; }

.icon-_614:before {
  content: "\f28e"; }

.icon-_615:before {
  content: "\f290"; }

.icon-_616:before {
  content: "\f291"; }

.icon-_617:before {
  content: "\f292"; }

.icon-_618:before {
  content: "\f293"; }

.icon-_619:before {
  content: "\f294"; }

.icon-_620:before {
  content: "\f295"; }

.icon-_621:before {
  content: "\f296"; }

.icon-_622:before {
  content: "\f297"; }

.icon-_623:before {
  content: "\f298"; }

.icon-_624:before {
  content: "\f299"; }

.icon-_625:before {
  content: "\f29a"; }

.icon-_626:before {
  content: "\f29b"; }

.icon-_627:before {
  content: "\f29c"; }

.icon-_628:before {
  content: "\f29d"; }

.icon-_629:before {
  content: "\f29e"; }

.icon-uniF2A0:before {
  content: "\f2a0"; }

.icon-uniF2A1:before {
  content: "\f2a1"; }

.icon-uniF2A2:before {
  content: "\f2a2"; }

.icon-uniF2A3:before {
  content: "\f2a3"; }

.icon-uniF2A4:before {
  content: "\f2a4"; }

.icon-uniF2A5:before {
  content: "\f2a5"; }

.icon-uniF2A6:before {
  content: "\f2a6"; }

.icon-uniF2A7:before {
  content: "\f2a7"; }

.icon-uniF2A8:before {
  content: "\f2a8"; }

.icon-uniF2A9:before {
  content: "\f2a9"; }

.icon-uniF2AA:before {
  content: "\f2aa"; }

.icon-uniF2AB:before {
  content: "\f2ab"; }

.icon-uniF2AC:before {
  content: "\f2ac"; }

.icon-uniF2AD:before {
  content: "\f2ad"; }

.icon-uniF2AE:before {
  content: "\f2ae"; }

.icon-uniF2B0:before {
  content: "\f2b0"; }

.icon-uniF2B1:before {
  content: "\f2b1"; }

.icon-uniF2B2:before {
  content: "\f2b2"; }

.icon-uniF2B3:before {
  content: "\f2b3"; }

.icon-uniF2B4:before {
  content: "\f2b4"; }

.icon-uniF2B5:before {
  content: "\f2b5"; }

.icon-uniF2B6:before {
  content: "\f2b6"; }

.icon-uniF2B7:before {
  content: "\f2b7"; }

.icon-uniF2B8:before {
  content: "\f2b8"; }

.icon-uniF2B9:before {
  content: "\f2b9"; }

.icon-uniF2BA:before {
  content: "\f2ba"; }

.icon-uniF2BB:before {
  content: "\f2bb"; }

.icon-uniF2BC:before {
  content: "\f2bc"; }

.icon-uniF2BD:before {
  content: "\f2bd"; }

.icon-uniF2BE:before {
  content: "\f2be"; }

.icon-uniF2C0:before {
  content: "\f2c0"; }

.icon-uniF2C1:before {
  content: "\f2c1"; }

.icon-uniF2C2:before {
  content: "\f2c2"; }

.icon-uniF2C3:before {
  content: "\f2c3"; }

.icon-uniF2C4:before {
  content: "\f2c4"; }

.icon-uniF2C5:before {
  content: "\f2c5"; }

.icon-uniF2C6:before {
  content: "\f2c6"; }

.icon-uniF2C7:before {
  content: "\f2c7"; }

.icon-uniF2C8:before {
  content: "\f2c8"; }

.icon-uniF2C9:before {
  content: "\f2c9"; }

.icon-uniF2CA:before {
  content: "\f2ca"; }

.icon-uniF2CB:before {
  content: "\f2cb"; }

.icon-uniF2CC:before {
  content: "\f2cc"; }

.icon-uniF2CD:before {
  content: "\f2cd"; }

.icon-uniF2CE:before {
  content: "\f2ce"; }

.icon-uniF2D0:before {
  content: "\f2d0"; }

.icon-uniF2D1:before {
  content: "\f2d1"; }

.icon-uniF2D2:before {
  content: "\f2d2"; }

.icon-uniF2D3:before {
  content: "\f2d3"; }

.icon-uniF2D4:before {
  content: "\f2d4"; }

.icon-uniF2D5:before {
  content: "\f2d5"; }

.icon-uniF2D6:before {
  content: "\f2d6"; }

.icon-uniF2D7:before {
  content: "\f2d7"; }

.icon-uniF2D8:before {
  content: "\f2d8"; }

.icon-uniF2D9:before {
  content: "\f2d9"; }

.icon-uniF2DA:before {
  content: "\f2da"; }

.icon-uniF2DB:before {
  content: "\f2db"; }

.icon-uniF2DC:before {
  content: "\f2dc"; }

.icon-uniF2DD:before {
  content: "\f2dd"; }

.icon-uniF2DE:before {
  content: "\f2de"; }

.icon-uniF2E0:before {
  content: "\f2e0"; }

.icon-city-of-film:before {
  content: "\f2e1"; }

.icon-creatives-cities:before {
  content: "\f2e2"; }

/* This file allows you to override default styles in one central location for easier upgrade and maintenance. */
html, body {
  box-sizing: border-box;
  margin: 0px;
  padding: 0px;
  min-height: 100%;
  -webkit-transition: margin-left 1s;
  /* Safari */
  transition: margin-left 1s;
  /* Those lines are to fix the screen and deny horizontal scrolling.*/
  width: 100%;
  left: 0;
  top: 0;
  overflow-x: hidden !important; }

body.nav_display {
  margin-left: 300px !important; }

/*workaround for the scrolltop in chrome*/
html {
  overflow: initial; }

#wrapper {
  position: absolute;
  top: 0;
  bottom: 0;
  width: 100%;
  min-height: 100%;
  padding-left: 0px;
  padding-right: 0px;
  padding-top: 0px; }
  #wrapper #content {
    min-height: 55%; }
  #wrapper * {
    font-size: 12pt;
    font-family: 'Raleway', sans-serif; }

a:active, a:focus {
  outline: 0; }

#banner {
  /* top div inside the wrapper */
  /* black line at the top of the page*/
  /* main navigation bar for large screens */
  /*************************************************************************************/
  /*			NAVEGACION PRINCIPAL LATERAL		Big tablets and smaller 			 */
  /*************************************************************************************/ }
  #banner #topofpage {
    top: 0px;
    left: 0px;
    height: 23px;
    width: 100%;
    background: #000;
    text-align: right;
    z-index: 99;
    /* expand and collapse navigation bar button*/
    /* EnlacesCabecera navigation menu */
    /* Language widget style*/ }
    #banner #topofpage * {
      z-index: 1035;
      font-size: 10pt; }
    #banner #topofpage span, #banner #topofpage a, #banner #topofpage span[class^="icon-"], #banner #topofpage span[class*=" icon-"] {
      display: inline-block;
      color: #fff;
      margin: 0px;
      padding: 0px 5px;
      text-align: right;
      font-weight: normal; }
      #banner #topofpage span:hover, #banner #topofpage a:hover, #banner #topofpage span[class^="icon-"]:hover, #banner #topofpage span[class*=" icon-"]:hover {
        color: #b5433b; }
    #banner #topofpage button.navbar-toggle {
      z-index: 1034;
      border-radius: 0;
      background: #000;
      position: absolute;
      top: 9px;
      left: 15px;
      padding: 0;
      margin: 0;
      display: none; }
      #banner #topofpage button.navbar-toggle .icon-block {
        display: inline-block; }
      #banner #topofpage button.navbar-toggle .icon-bar {
        background: #fff;
        display: block;
        width: 30px;
        height: 4px;
        border-radius: 0px;
        z-index: 1034;
        margin-top: 4px; }
    #banner #topofpage #socialnetworks_top_nav {
      display: inline-block;
      margin-right: 10px; }
      #banner #topofpage #socialnetworks_top_nav a {
        text-decoration: none; }
    #banner #topofpage .top_navigation a {
      text-align: left; }
    #banner #topofpage #normal_menu_top_nav .top_navigation {
      display: inline-block !important; }
      #banner #topofpage #normal_menu_top_nav .top_navigation ul, #banner #topofpage #normal_menu_top_nav .top_navigation ol {
        list-style: none;
        list-style-image: none; }
      #banner #topofpage #normal_menu_top_nav .top_navigation ul, #banner #topofpage #normal_menu_top_nav .top_navigation ol, #banner #topofpage #normal_menu_top_nav .top_navigation li {
        display: inline-block;
        margin: 0;
        padding: 0; }
      #banner #topofpage #normal_menu_top_nav .top_navigation > ul > li a, #banner #topofpage #normal_menu_top_nav .top_navigation > ul > li span {
        display: inline-block;
        color: #fff;
        text-decoration: none; }
      #banner #topofpage #normal_menu_top_nav .top_navigation > ul > li ul {
        position: absolute;
        top: 21px;
        /*23px*/
        width: 14.3em;
        margin-left: -5px;
        z-index: 1035;
        display: none;
        background-color: #000;
        padding: 3px; }
        #banner #topofpage #normal_menu_top_nav .top_navigation > ul > li ul li {
          width: 100%;
          text-align: left;
          overflow: hidden; }
          #banner #topofpage #normal_menu_top_nav .top_navigation > ul > li ul li > a {
            text-transform: uppercase; }
          #banner #topofpage #normal_menu_top_nav .top_navigation > ul > li ul li:hover > a, #banner #topofpage #normal_menu_top_nav .top_navigation > ul > li ul li:hover > span {
            color: #b5433b;
            text-decoration: none; }
      #banner #topofpage #normal_menu_top_nav .top_navigation > ul > li:hover > a {
        color: #b5433b;
        text-decoration: none; }
      #banner #topofpage #normal_menu_top_nav .top_navigation > ul > li:hover ul {
        border-top: 1px solid firebrick;
        display: block; }
    #banner #topofpage #p_p_id_com_liferay_site_navigation_language_web_portlet_SiteNavigationLanguagePortlet_ {
      max-width: 100px !important;
      max-height: 20px !important;
      background: #000 !important;
      margin: 0px !important;
      padding: 0px !important;
      display: inline-block !important;
      width: 83px !important;
      height: 16px !important; }
      #banner #topofpage #p_p_id_com_liferay_site_navigation_language_web_portlet_SiteNavigationLanguagePortlet_ h2 {
        display: none !important; }
      #banner #topofpage #p_p_id_com_liferay_site_navigation_language_web_portlet_SiteNavigationLanguagePortlet_ .portlet-content {
        border-width: 0px;
        font-weight: normal;
        max-height: 17px;
        margin-right: 9px; }
        #banner #topofpage #p_p_id_com_liferay_site_navigation_language_web_portlet_SiteNavigationLanguagePortlet_ .portlet-content div {
          display: inline;
          background-color: #000; }
      #banner #topofpage #p_p_id_com_liferay_site_navigation_language_web_portlet_SiteNavigationLanguagePortlet_ #_com_liferay_site_navigation_language_web_portlet_SiteNavigationLanguagePortlet_fm {
        display: block;
        width: 100%;
        height: 20px;
        padding: 0px 0px;
        color: #fff;
        background-color: #000; }
  #banner #heading {
    position: absolute;
    top: 30px;
    left: 0px;
    z-index: 1030; }
    #banner #heading a {
      display: block; }
    #banner #heading .main-logo, #banner #heading .secondary-logo {
      display: block;
      position: relative;
      left: 0px;
      top: 0px;
      margin-top: -5px;
      min-width: 200px;
      width: 22vw;
      max-width: 332px;
      z-index: 1031; }
      #banner #heading .main-logo:hover, #banner #heading .secondary-logo:hover {
        min-width: 212px;
        width: 23vw;
        max-width: 344px;
        margin-top: -7px; }
    #banner #heading .secondary-logo {
      top: 5px; }
      #banner #heading .secondary-logo:hover {
        margin-top: 0px; }
  @media screen and (max-width: 991px) {
    #banner #heading {
      top: 60px;
      /*.main-logo {
				height: 5vw;
		    	width: 15vw;
		    	
		    	&:hover {
		    		height: 5vw;
		    		width: 16vw;
		    		margin-top: 0px;
		    	}
			}*/ } }
  #banner #lateral_menu_top_nav {
    display: none; }
  #banner #normal_menu_top_nav {
    display: inline; }
  #banner #home-element-lateral-menu {
    display: none; }
  #banner .custom_navigation {
    /* nav bar position and surrounding margin */
    position: absolute;
    top: 40px;
    right: 40px;
    margin: 0;
    z-index: 98; }
    #banner .custom_navigation > ul > li > ul > li {
      overflow: hidden; }
    #banner .custom_navigation ul, #banner .custom_navigation ol, #banner .custom_navigation li {
      /*Remove the bullets*/
      list-style: none !important;
      list-style-image: url(data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==) !important;
      /*transparent gif*/
      /*list-style-image: none !important;*/ }
    #banner .custom_navigation ul, #banner .custom_navigation ol, #banner .custom_navigation li {
      padding: 0px;
      margin: 0px;
      /*overflow: hidden;*/ }
    #banner .custom_navigation * {
      font-weight: bold;
      font-size: large; }
    #banner .custom_navigation > ul > li {
      float: left;
      margin: 0 5px !important; }
      #banner .custom_navigation > ul > li a {
        background: white;
        display: block;
        text-decoration: none;
        color: black;
        padding: 1px 7px; }
      #banner .custom_navigation > ul > li > ul {
        width: 200%;
        position: absolute;
        right: 0px;
        z-index: 1034;
        display: none;
        /*color: $main-nav-fg-normal;*/
        min-height: 300px;
        background: #b43b34;
        background: -webkit-linear-gradient(left, #9a3d6a, #b43b34);
        /*Safari 5.1-6*/
        background: -o-linear-gradient(right, #9a3d6a, #b43b34);
        /*Opera 11.1-12*/
        background: -moz-linear-gradient(right, #9a3d6a, #b43b34);
        /*Fx 3.6-15*/
        background: linear-gradient(to right, #9a3d6a, #b43b34);
        /*Standard*/
        padding-top: 25px; }
        #banner .custom_navigation > ul > li > ul > li {
          width: 100%;
          text-align: left;
          /*overflow: hidden;*/ }
          #banner .custom_navigation > ul > li > ul > li a {
            padding-left: 20px;
            color: white;
            background: transparent; }
            #banner .custom_navigation > ul > li > ul > li a span[class^="icon-"], #banner .custom_navigation > ul > li > ul > li a span[class*=" icon-"] {
              visibility: hidden;
              font-weight: normal !important;
              text-decoration: none;
              font-size: 14pt; }
          #banner .custom_navigation > ul > li > ul > li > ul {
            position: relative; }
            #banner .custom_navigation > ul > li > ul > li > ul > li > a {
              padding-left: 40px;
              font-weight: normal; }
              #banner .custom_navigation > ul > li > ul > li > ul > li > a:hover {
                text-decoration: underline; }
          #banner .custom_navigation > ul > li > ul > li:hover > a {
            text-decoration: underline; }
            #banner .custom_navigation > ul > li > ul > li:hover > a span[class^="icon-"], #banner .custom_navigation > ul > li > ul > li:hover > a span[class*=" icon-"] {
              visibility: visible; }
      #banner .custom_navigation > ul > li:hover > a {
        color: white;
        padding-bottom: 15px;
        background: #b43b34;
        /*fallback*/
        background: -webkit-linear-gradient(left, #a73c4f, #b43b34);
        /*Safari 5.1-6*/
        background: -o-linear-gradient(right, #a73c4f, #b43b34);
        /*Opera 11.1-12*/
        background: -moz-linear-gradient(right, #a73c4f, #b43b34);
        /*Fx 3.6-15*/
        background: linear-gradient(to right, #a73c4f, #b43b34);
        /*Standard*/ }
      #banner .custom_navigation > ul > li:hover ul {
        display: block;
        min-width: 250px; }
    #banner .custom_navigation > ul > li:first-child:hover > a {
      color: white;
      background: #b43b34;
      /*fallback*/
      background: -webkit-linear-gradient(left, #9a3d6a, #a73c4f);
      /*Safari 5.1-6*/
      background: -o-linear-gradient(right, #9a3d6a, #a73c4f);
      /*Opera 11.1-12*/
      background: -moz-linear-gradient(right, #9a3d6a, #a73c4f);
      /*Fx 3.6-15*/
      background: linear-gradient(to right, #9a3d6a, #a73c4f);
      /*Standard*/ }
    #banner .custom_navigation > ul > li:first-child ul {
      left: 0;
      right: inherit; }
  @media only screen and (max-width: 1173px) and (min-width: 992px) {
    #banner .custom_navigation {
      /* nav bar position and surrounding margin */
      top: 105px; } }
  @media screen and (max-width: 991px) {
    #banner {
      /* the contents of the menu are different and so we change the contents display */
      /* main navigation bar for small screens */ }
      #banner #main-navigation-menu-wrapper {
        position: fixed;
        top: 0px;
        left: -300px;
        width: 300px;
        height: 100%;
        background: #1e1e1e;
        -webkit-transition: left 1s;
        /* Safari */
        transition: left 1s;
        overflow-y: auto;
        overflow-x: hidden; }
      #banner #main-navigation-menu-wrapper.show {
        left: 0px; }
      #banner #lateral_menu_top_nav {
        display: block; }
      #banner #topofpage #socialnetworks_top_nav {
        display: none; }
      #banner #normal_menu_top_nav {
        display: none; }
      #banner .separator-element {
        display: none; }
      #banner button.navbar-toggle {
        display: block !important; }
      #banner .custom_navigation, #banner #lateral_menu_top_nav .top_navigation, #banner #home-element-lateral-menu {
        /* nav bar position and surrounding margin */
        position: relative;
        top: 0px;
        left: 0px;
        margin: 0;
        padding: 0;
        z-index: 1033;
        width: 300px;
        background: #1e1e1e; }
        #banner .custom_navigation ul, #banner .custom_navigation ol, #banner #lateral_menu_top_nav .top_navigation ul, #banner #lateral_menu_top_nav .top_navigation ol, #banner #home-element-lateral-menu ul, #banner #home-element-lateral-menu ol {
          /*Remove the bullets*/
          list-style: none;
          list-style-image: none; }
        #banner .custom_navigation ul, #banner .custom_navigation ol, #banner .custom_navigation li, #banner #lateral_menu_top_nav .top_navigation ul, #banner #lateral_menu_top_nav .top_navigation ol, #banner #lateral_menu_top_nav .top_navigation li, #banner #home-element-lateral-menu ul, #banner #home-element-lateral-menu ol, #banner #home-element-lateral-menu li {
          padding: 0px;
          margin: 0px; }
        #banner .custom_navigation *, #banner #lateral_menu_top_nav .top_navigation *, #banner #home-element-lateral-menu * {
          font-weight: normal;
          font-size: 12pt;
          color: white; }
        #banner .custom_navigation a, #banner #lateral_menu_top_nav .top_navigation a, #banner #home-element-lateral-menu a {
          padding: 6px 5px 0px 15px !important;
          border: 1px solid #bcbec0; }
          #banner .custom_navigation a:hover, #banner #lateral_menu_top_nav .top_navigation a:hover, #banner #home-element-lateral-menu a:hover {
            color: #b5433b !important; }
        #banner .custom_navigation > ul, #banner #lateral_menu_top_nav .top_navigation > ul, #banner #home-element-lateral-menu > ul {
          background: #1e1e1e;
          height: 100%; }
        #banner .custom_navigation > ul > li, #banner #lateral_menu_top_nav .top_navigation > ul > li, #banner #home-element-lateral-menu > ul > li {
          float: none;
          margin: 0px;
          width: 100%;
          background: #1e1e1e;
          margin-top: 20px !important; }
          #banner .custom_navigation > ul > li a, #banner #lateral_menu_top_nav .top_navigation > ul > li a, #banner #home-element-lateral-menu > ul > li a {
            background: transparent;
            display: block;
            text-decoration: none;
            color: #bcbec0;
            padding: 0px; }
          #banner .custom_navigation > ul > li a.top_nav_nochild, #banner #lateral_menu_top_nav .top_navigation > ul > li a.top_nav_nochild, #banner #home-element-lateral-menu > ul > li a.top_nav_nochild {
            color: white;
            padding-left: 0px !important; }
          #banner .custom_navigation > ul > li > a, #banner #lateral_menu_top_nav .top_navigation > ul > li > a, #banner #home-element-lateral-menu > ul > li > a {
            text-weight: bold;
            padding-left: 0px;
            text-transform: uppercase;
            text-weight: bold; }
          #banner .custom_navigation > ul > li ul, #banner #lateral_menu_top_nav .top_navigation > ul > li ul, #banner #home-element-lateral-menu > ul > li ul {
            position: static;
            right: 0px;
            z-index: 1034;
            /*color: $main-nav-fg-normal;*/
            min-height: 0px;
            background: transparent;
            display: block;
            width: 100%;
            padding-top: 0; }
            #banner .custom_navigation > ul > li ul > li:first-child a, #banner #lateral_menu_top_nav .top_navigation > ul > li ul > li:first-child a, #banner #home-element-lateral-menu > ul > li ul > li:first-child a {
              padding-top: 0px; }
            #banner .custom_navigation > ul > li ul > li, #banner #lateral_menu_top_nav .top_navigation > ul > li ul > li, #banner #home-element-lateral-menu > ul > li ul > li {
              width: 100%;
              text-align: left; }
              #banner .custom_navigation > ul > li ul > li a, #banner #lateral_menu_top_nav .top_navigation > ul > li ul > li a, #banner #home-element-lateral-menu > ul > li ul > li a {
                padding-left: 0px;
                color: #bcbec0;
                background: transparent;
                color: #bcbec0; }
                #banner .custom_navigation > ul > li ul > li a span[class^="icon-"], #banner .custom_navigation > ul > li ul > li a span[class*=" icon-"], #banner #lateral_menu_top_nav .top_navigation > ul > li ul > li a span[class^="icon-"], #banner #lateral_menu_top_nav .top_navigation > ul > li ul > li a span[class*=" icon-"], #banner #home-element-lateral-menu > ul > li ul > li a span[class^="icon-"], #banner #home-element-lateral-menu > ul > li ul > li a span[class*=" icon-"] {
                  visibility: hidden;
                  font-weight: normal !important;
                  text-decoration: none;
                  font-size: 14pt; }
              #banner .custom_navigation > ul > li ul > li:hover a, #banner #lateral_menu_top_nav .top_navigation > ul > li ul > li:hover a, #banner #home-element-lateral-menu > ul > li ul > li:hover a {
                text-decoration: none; }
                #banner .custom_navigation > ul > li ul > li:hover a span[class^="icon-"], #banner .custom_navigation > ul > li ul > li:hover a span[class*=" icon-"], #banner #lateral_menu_top_nav .top_navigation > ul > li ul > li:hover a span[class^="icon-"], #banner #lateral_menu_top_nav .top_navigation > ul > li ul > li:hover a span[class*=" icon-"], #banner #home-element-lateral-menu > ul > li ul > li:hover a span[class^="icon-"], #banner #home-element-lateral-menu > ul > li ul > li:hover a span[class*=" icon-"] {
                  visibility: hidden;
                  /*visible;*/ }
          #banner .custom_navigation > ul > li:hover > a, #banner #lateral_menu_top_nav .top_navigation > ul > li:hover > a, #banner #home-element-lateral-menu > ul > li:hover > a {
            padding-bottom: 0px;
            background: #1e1e1e;
            /*fallback*/
            color: #bcbec0; }
          #banner .custom_navigation > ul > li:hover ul, #banner #lateral_menu_top_nav .top_navigation > ul > li:hover ul, #banner #home-element-lateral-menu > ul > li:hover ul {
            min-width: 250px; }
      #banner #home-element-lateral-menu {
        display: block;
        top: 0px; }
      #banner #lateral_menu_top_nav .top_navigation > ul > li {
        margin-top: 34px; } }

#footer.sticky {
  position: fixed;
  bottom: 0;
  left: 0;
  width: 100%; }

#footer {
  /* bottom div inside the wrapper */
  clear: both;
  width: 100%;
  /*position: absolute;
	left: 0px;
	bottom: 0px;*/
  /* arrow going to the top of the page */
  /* main navigation footer display area */
  /* secondary navigation footer display area */
  /* social networks container div */
  /* plantilla pie adt_asset_patrocinadores*/
  /* portlet patrocinadores*/
  /* EnlacesPie navigation at the bottom of the page */ }
  #footer .nomargin-row {
    margin: 0px auto !important; }
  #footer .arrow-top {
    background: white;
    margin: 0 auto;
    text-align: center;
    max-height: 56px; }
    #footer .arrow-top span[class^="icon-"], #footer .arrow-top span[class*=" icon-"] {
      color: #20211e;
      font-size: 50px !important;
      text-decoration: none; }
    #footer .arrow-top:hover {
      color: #b5433b; }
  #footer #mapaareas {
    margin: 0px;
    padding-top: 11vw;
    /*background: $footer-bg-mapaareas-lg;*/ }
    #footer #mapaareas .custom_navigation ul, #footer #mapaareas .custom_navigation ol {
      list-style: none;
      list-style-image: none; }
    #footer #mapaareas .custom_navigation ul, #footer #mapaareas .custom_navigation ol, #footer #mapaareas .custom_navigation li {
      width: 100%;
      margin: 0;
      padding: 0em;
      float: left; }
    #footer #mapaareas .custom_navigation a {
      display: inline-block;
      padding: 0em;
      text-decoration: none; }
    #footer #mapaareas .custom_navigation ul ul {
      width: 100%; }
      #footer #mapaareas .custom_navigation ul ul li {
        width: 100%; }
    #footer #mapaareas .custom_navigation > ul > li {
      width: 20%;
      padding: 1em; }
      #footer #mapaareas .custom_navigation > ul > li > span, #footer #mapaareas .custom_navigation > ul > li > a {
        font-weight: bold;
        text-transform: uppercase;
        text-decoration: underline;
        padding-bottom: 0.7em; }
    #footer #mapaareas a {
      color: white; }
      #footer #mapaareas a span[class^="icon-"], #footer #mapaareas a span[class*=" icon-"] {
        /*do not show the arrow to the left of the element*/
        display: none; }
      #footer #mapaareas a:hover {
        color: #b5433b; }
  #footer #salaprensa {
    /*background: $footer-bg-salaprensa-lg;*/
    padding-top: 11vw; }
    #footer #salaprensa .secondary_navigation ul, #footer #salaprensa .secondary_navigation ol {
      list-style: none;
      list-style-image: none; }
    #footer #salaprensa .secondary_navigation ul, #footer #salaprensa .secondary_navigation ol, #footer #salaprensa .secondary_navigation li {
      width: 100%;
      margin: 0;
      padding: 0em;
      float: left; }
    #footer #salaprensa .secondary_navigation a {
      display: block;
      padding: 0em;
      text-decoration: none; }
    #footer #salaprensa .secondary_navigation ul ul {
      width: 100%; }
      #footer #salaprensa .secondary_navigation ul ul li {
        width: 100%; }
    #footer #salaprensa .secondary_navigation > ul > li {
      width: 50%;
      padding: 1em; }
      #footer #salaprensa .secondary_navigation > ul > li > a {
        font-weight: bold;
        text-transform: uppercase;
        text-decoration: underline;
        padding-bottom: 0.7em; }
    #footer #salaprensa a {
      color: white; }
      #footer #salaprensa a:hover {
        color: #b5433b; }
  #footer .colour-salaprensa {
    /*background: $footer-bg-salaprensa-lg;*/
    /*background-image: url('http://ns312714.ip-188-165-219.eu/o/InfoLR7-theme/images/fondoFooter.png');*/
    background-image: url("/o/InfoLR7-theme/images/fondoFooter.png");
    background-repeat: no-repeat;
    background-size: 100% 100%;
    height: auto;
    overflow: hidden; }
  #footer #socialnetworks {
    background: #272826;
    text-align: center;
    margin: auto;
    padding: 5px;
    font-size: 25px !important; }
    #footer #socialnetworks a {
      text-decoration: none; }
    #footer #socialnetworks span[class^="icon-"], #footer #socialnetworks span[class*=" icon-"] {
      display: inline-block;
      height: 30px;
      width: 30px;
      -moz-border-radius: 50%;
      border-radius: 50%;
      padding: 7px 0px;
      margin: 7px 0px;
      background-color: #a9a9a8;
      color: #575655; }
      #footer #socialnetworks span[class^="icon-"]:hover, #footer #socialnetworks span[class*=" icon-"]:hover {
        background-color: #b5433b;
        color: white; }
  #footer #adt_asset_patrocinadores {
    margin: 0 auto;
    display: table; }
  #footer #adt_asset_patrocinadores ul {
    list-style: none;
    list-style-image: none; }
  #footer #adt_asset_patrocinadores ul li {
    float: left;
    margin: 10px;
    text-align: center;
    padding: 10px 15px; }
  #footer #adt_asset_patrocinadores ul li span[class^="icon-"],
  #footer #adt_asset_patrocinadores ul li span[class*=" icon-"] {
    font-size: 40pt;
    color: white; }
  #footer #adt_asset_patrocinadores ul li a, #footer #adt_asset_patrocinadores ul li a:hover {
    text-decoration: none; }
  #footer #adt_asset_patrocinadores ul li span[class^="icon-"]:hover,
  #footer #adt_asset_patrocinadores ul li span[class*=" icon-"]:hover {
    color: lightgray; }
  #footer #patrocinadores {
    background: #3c3c3b;
    color: white;
    /*Hide asset publisher name*/ }
    #footer #patrocinadores h2 {
      display: none; }
    #footer #patrocinadores:hover {
      color: #b5433b; }
  #footer #bottomofpage {
    background: #3c3c3b;
    /*height: 20px;*/
    text-align: center; }
    #footer #bottomofpage a {
      color: white; }
      #footer #bottomofpage a:hover {
        color: #b5433b; }
    #footer #bottomofpage .bottom_navigation {
      display: inline-block !important; }
      #footer #bottomofpage .bottom_navigation span, #footer #bottomofpage .bottom_navigation a {
        display: inline-block;
        color: white;
        margin: 0px;
        padding: 0px 3px;
        font-weight: normal; }
        #footer #bottomofpage .bottom_navigation span:hover, #footer #bottomofpage .bottom_navigation a:hover {
          color: #b5433b; }
      #footer #bottomofpage .bottom_navigation ul, #footer #bottomofpage .bottom_navigation ol {
        list-style: none;
        list-style-image: none; }
      #footer #bottomofpage .bottom_navigation ul, #footer #bottomofpage .bottom_navigation ol, #footer #bottomofpage .bottom_navigation li {
        display: inline-block;
        margin: 0;
        padding: 0; }
  @media screen and (max-width: 1199px) {
    #footer .arrow-top {
      background: #3d3d3b;
      color: white; }
      #footer .arrow-top:hover {
        color: #b5433b; }
    #footer #mapaareas {
      background: #31312f;
      padding-top: 0; }
      #footer #mapaareas a {
        color: white; }
        #footer #mapaareas a:hover {
          color: #b5433b; }
    #footer #salaprensa {
      background: #242422;
      padding-top: 0; }
      #footer #salaprensa a {
        color: white; }
        #footer #salaprensa a:hover {
          color: #b5433b; }
    #footer #socialnetworks {
      background: #31312f; }
    #footer #patrocinadores {
      background: #3d3d3b;
      color: white; }
      #footer #patrocinadores:hover {
        color: #b5433b; }
    #footer #bottomofpage {
      background: #3d3d3b; }
      #footer #bottomofpage a {
        color: white; }
        #footer #bottomofpage a:hover {
          color: #b5433b; } }
  @media screen and (max-width: 991px) {
    #footer #mapaareas .custom_navigation > ul > li {
      width: 33%; } }
  @media screen and (max-width: 767px) {
    #footer #mapaareas .custom_navigation > ul > li {
      width: 50%; } }
  @media screen and (max-width: 479px) {
    #footer #mapaareas .custom_navigation > ul > li {
      width: 100%; }
    #footer #salaprensa .secondary_navigation > ul > li {
      width: 100%; } }

.portlet-boundary_com_neoris_portlet_SliderPortlet_ {
  margin-top: 0px; }
  .portlet-boundary_com_neoris_portlet_SliderPortlet_ h2.portlet-title-text {
    display: none; }
  .portlet-boundary_com_neoris_portlet_SliderPortlet_ .sliderElement {
    display: none;
    z-index: 200 !important; }
    .portlet-boundary_com_neoris_portlet_SliderPortlet_ .sliderElement:first-child {
      display: inline; }
  .portlet-boundary_com_neoris_portlet_SliderPortlet_ p.sliderTitle {
    background: white;
    display: inline;
    height: 45px;
    position: relative;
    top: 19vw;
    left: 0px;
    font-size: 5vw !important;
    font-weight: 900;
    padding: 5px 25px 0px 45px;
    color: black;
    line-height: 1.3;
    text-transform: uppercase;
    z-index: 200 !important; }
  .portlet-boundary_com_neoris_portlet_SliderPortlet_ .rcs-caption {
    position: relative;
    background: transparent;
    opacity: 1; }
    .portlet-boundary_com_neoris_portlet_SliderPortlet_ .rcs-caption p {
      position: relative;
      top: 19.5vw;
      left: 0px;
      height: 80px;
      display: inline;
      padding: 0 15px 1px 45px;
      word-wrap: normal;
      /*background: linear-gradient(to bottom, transparent 0, transparent 10%,white 10%, white 50%, transparent 50%,transparent 60%, white 55%, white 100%);*/
      background: white;
      color: black;
      font-weight: 900 !important;
      font-size: 2.5vw !important;
      line-height: 1.2;
      opacity: 1 !important;
      z-index: 200 !important; }
    .portlet-boundary_com_neoris_portlet_SliderPortlet_ .rcs-caption p.right {
      right: 0px;
      padding-left: 0px;
      padding-right: 20px; }
  .portlet-boundary_com_neoris_portlet_SliderPortlet_ .rcs-slice {
    position: absolute;
    top: 0;
    z-index: 100; }

@media screen and (max-width: 991px) {
  #banner {
    padding-bottom: 50px; }
  #banner #topofpage {
    height: 50px;
    padding-bottom: 50px;
    position: fixed; }
    #banner #topofpage span, #banner #topofpage a, #banner #topofpage span[class^="icon-"], #banner #topofpage span[class*=" icon-"] {
      margin-top: 7px; }
  .portlet-boundary_com_neoris_portlet_SliderPortlet_ {
    margin-top: 0px; } }

@media screen and (min-width: 992px) {
  body {
    margin-left: 0px !important;
    background: white !important; } }

#search_box {
  width: 0px;
  max-height: 16px !important;
  overflow: hidden;
  transition: width 1s;
  display: inline-block !important;
  background: white; }
  #search_box * {
    max-height: 16px; }
  #search_box #_com_liferay_portal_search_web_portlet_SearchPortlet_keywords {
    display: block;
    position: absolute;
    top: 0px;
    left: 0px;
    padding-top: 0 !important;
    padding-bottom: 0 !important; }
  #search_box h2 {
    display: none; }
  #search_box div.lfr-ddm-field-group.lfr-ddm-field-group-inline.field-wrapper {
    display: none; }

#search_box.show {
  width: 200px !important; }

/* ACCESIBILIDAD */
.sr-only {
  position: absolute !important;
  width: 1px !important;
  height: 1px !important;
  padding: 0 !important;
  margin: -1px !important;
  overflow: hidden !important;
  clip: rect(0, 0, 0, 0) !important;
  border: 0 !important; }

/* INTERFAZ DE ADMINISTRACION */
.portlet-topper {
  z-index: 99; }

@media screen and (max-width: 400px) {
  /*Forzar tamaï¿½o de letra para los enlaces de pie a 8pt, es muy pequeï¿½o, pero asi no se sale (y en moviles se ve bien)*/
  #footer #bottomofpage .bottom_navigation a {
    font-size: 8pt !important; } }

/*****************************************************************************************************/
/********************************** Estilos sobre los divs del layout ********************************/
/*****************************************************************************************************/
/************************************** Detalle Imagen Cabecera **************************************/
/*****************************************************************************************************/
.layoutgood4 #column-2 {
  padding-right: 2.5%; }

@media only screen and (max-width: 768px) {
  .layoutgood4 #column-2 {
    padding-right: 0; } }

/************************************** Menssaje aviso cookies **************************************/
.msgcookie {
  transition: 1s all linear;
  display: none;
  position: fixed;
  bottom: 0;
  height: 65px;
  width: 100%;
  background: rgba(0, 0, 0, 0.8);
  color: #fff;
  z-index: 12;
  font-size: 11px;
  font-family: sans-serif; }

.msgcookie p {
  width: 960px;
  margin: 0 auto;
  padding: 10px 30px 10px 30px; }

@media (max-width: 1000px) {
  .msgcookie {
    height: 80px; }
  .msgcookie p {
    width: 100%; } }

@media (max-width: 742px) {
  .msgcookie {
    height: 100px; } }

@media (max-width: 510px) {
  .msgcookie {
    height: 115px; } }

.msgcookie p a:link, .msgcookie p a:active, .msgcookie p a:visited, .msgcookie p a:hover {
  color: #fff; }

.msgcookie button {
  font-weight: bold;
  display: inline-block;
  padding: 3px 5px;
  min-width: 80px;
  color: #ffffff;
  text-decoration: none;
  margin-top: 6px;
  margin-left: 10px;
  font-size: 13px;
  white-space: nowrap; }

.msgcookie button.accept {
  background-color: #18a300;
  border: 1px solid #18a300; }

.msgcookie button.refuse {
  background-color: transparent;
  border: 1px solid #f44336; }

/************************************** Fin Mensaje aviso cookies **************************************/
#redes_noticia ul li {
  display: inline-block;
  background-image: none !important;
  padding-left: 15px !important; }

#slider-cabecera {
  top: 0px;
  left: 0px;
  right: 0px; }
  #slider-cabecera * {
    z-index: 10; }
  #slider-cabecera .portlet-topper * {
    z-index: 1036; }

#breadcrumbs_display {
  display: none; }
  #breadcrumbs_display h2 {
    display: none; }

/******* Correcting the horizontal scrolling: making it void ********/
.col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4,
.col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7,
.col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10,
.col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 {
  padding-left: 0px;
  padding-right: 0px; }

.row {
  margin-left: 0px;
  margin-right: 0px; }

/********************************************************************/
/*
#banner > button {
	position: absolute;
	top: 40px;
	right: 40px;
	color: black;
	background: green;
}



#recomendamos {
}

#destacamos {
	background: #b546ae;
	background: -moz-linear-gradient(left, #b546ae 0%, #b00737 100%);
	background: -webkit-gradient(left top, right top, color-stop(0%, #b546ae), color-stop(100%, #b00737));
	background: -webkit-linear-gradient(left, #b546ae 0%, #b00737 100%);
	background: -o-linear-gradient(left, #b546ae 0%, #b00737 100%);
	background: -ms-linear-gradient(left, #b546ae 0%, #b00737 100%);
	background: linear-gradient(to right, #b546ae 0%, #b00737 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b546ae', endColorstr='#b00737', GradientType=1 );
}

#descubre-valladolid {
	background: #faf;
}

#organiza-visita {
}

#comer-beber {
}

#valladolid-cultura {
	Parallax scrolling effect
    background-image: "$(images_folder)/img_parallax.jpg";
    background: "#faf";
    height: 500px;

    background-attachment: fixed;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}

@media only screen and (max-device-width: 1024px) {
    #valladolid-cultura {
        background-attachment: scroll;
    }
}

#agenda {
}

#actualidad {
		background: rgb(219,217,213);
}
*/
/* Navigation Menu Responsive margins */
.portlet-boundary_com_liferay_site_navigation_menu_web_portlet_SiteNavigationMenuPortlet_ {
  margin-top: 60px; }
  .portlet-boundary_com_liferay_site_navigation_menu_web_portlet_SiteNavigationMenuPortlet_ h2 {
    display: none; }
  .portlet-boundary_com_liferay_site_navigation_menu_web_portlet_SiteNavigationMenuPortlet_ .complete-width {
    margin-left: 0px;
    margin-right: 0px; }
  .portlet-boundary_com_liferay_site_navigation_menu_web_portlet_SiteNavigationMenuPortlet_ .partial-width {
    margin-left: 20%;
    margin-right: 20%; }
  @media screen and (max-width: 991px) {
    .portlet-boundary_com_liferay_site_navigation_menu_web_portlet_SiteNavigationMenuPortlet_ .partial-width {
      margin-left: 7%;
      margin-right: 7%; } }
  @media screen and (max-width: 476px) {
    .portlet-boundary_com_liferay_site_navigation_menu_web_portlet_SiteNavigationMenuPortlet_ .partial-width {
      margin-left: 0;
      margin-right: 0; } }

/* Login portlet margins */
.portlet-boundary_com_liferay_login_web_portlet_LoginPortlet_ {
  margin: 200px 200px 50px 200px; }

@media screen and (max-width: 991px) {
  .portlet-boundary_com_liferay_login_web_portlet_LoginPortlet_ {
    margin: 200px 20px 50px 20px; } }

/* Eliminar cabecera de portlets */
/* Asset publisher slider */
.portlet-boundary_com_liferay_asset_publisher_web_portlet_AssetPublisherPortlet_ h2 {
  display: none; }

.portlet-boundary_com_neoris_portlet_EventosGeoPortlet_ h2.portlet-title-text {
  display: none; }

.portlet-boundary_com_liferay_journal_content_web_portlet_JournalContentPortlet_ h2.portlet-title-text {
  display: none; }

/* Barra de degradado en la parte superior de la pantalla si no esta el slider*/
div#layout-column_column-0.empty {
  background: #b94155;
  background: -webkit-linear-gradient(left, #a94276, #c64039);
  /*Safari 5.1-6*/
  background: -o-linear-gradient(right, #a94276, #c64039);
  /*Opera 11.1-12*/
  background: -moz-linear-gradient(right, #a94276, #c64039);
  /*Fx 3.6-15*/
  background: linear-gradient(to right, #a94276, #c64039);
  /*Standard*/
  padding: 60px;
  /* antiguamente 33px */ }

@media screen and (max-width: 991px) {
  div#layout-column_column-0.empty {
    padding: 40px;
    /* antiguamente 33px */ } }

.portlet-boundary_com_liferay_asset_categories_navigation_web_portlet_AssetCategoriesNavigationPortlet_ h2.portlet-title-text {
  display: none; }

/* volver atras del asset publisher eliminado */
.portlet-boundary_com_liferay_asset_publisher_web_portlet_AssetPublisherPortlet_ .portlet-body > div:first-child > .h2:first-child {
  display: none; }

/*
.portlet-boundary_com_liferay_document_library_web_portlet_DLPortlet_ {
	 .checkbox.search-container-dd-toggle > label {display:none;}
	 span.nav-item-label {display:none;}
	 div.splitter.splitter-spaced {display:none;}
	.checkbox.search-container-dd-toggle > label {display:none;}
	h2.portlet-title-text{display:none;}
	div#vips{background:#20211e;margin-top: 30px;}
	div.management-bar.management-bar-default{background: #333;}
	a.dropdown-toggle{color:white !important;}
	div.sticker.sticker-default.sticker-lg.sticker-static{display:none;}
	ul.display-style-icon.list-unstyled.row{background: linear-gradient(90deg, $main-global-color-gradient-left, $main-global-color-gradient-right);}
	div.card-row.card-row-padded.selectable{
	  background-color:#e1d9d9; 
	}
	div.card.card-horizontal.taglib-horizontal-card{width:100px;} 
	li.entry-card.lfr-asset-folder{margin-top: 18px;width:33%;}
	span.lfr-card-title-text.truncate-text a{color:black; font-weight: 900;font-size:17pt !important;}
	div.sidenav-content{margin-top: -40px;}
	ul.display-style-icon.list-unstyled.row{padding-top: 20px; text-align: center;}
	span.lfr-card-modified-by-text.truncate-text{display:none;}
	span.lfr-card-workflow-text.truncate-text{display:none;}
	a.disabled.btn.btn-default{display:none;} 
	a.active.btn.btn-default{display:none;}
	.navbar > .container-fluid > .nav > .tab{display: none;}
	div.sidebar-body > dl {display: none;}
	a.show-webdav-url-file {display:none;}
	span.webdav-url{display:none;}
	div.info-panel.sidenav-menu-slider > div{background:#e1d9d9;}
	div.sidebar.sidebar-default.sidenav-menu .container-fluid {background:#e1d9d9;} 
	span.user-date i.icon-plus{display:none;}
	span.taglib-asset-tags-summary{display:none;}
	div.panel.panel-default.lfr-document-library-comments.lfr-panel.lfr-panel-extended{display:none;}
	
	div.management-bar-header-right a{display:none;}
	div.document-info.panel-body{display:none;}
	div.sidebar.sidebar-default.sidenav-menu{
	  max-width: 200px;
	  min-height:100px !important;
	  max-height: 180px !important;
	  color:black; 
	  text-align: center;
	}
	div.sidebar.sidebar-default.sidenav-menu.sidenav-menu > .sidebar-header :before {
	  content: 'Descarga   ';
	  font-size: 25pt;
	}
	span.download-document{position:absolute;margin-top:-40px;margin-left: -10px;}
	nav.navbar.navbar-default{display:none; overflow:hidden; } 
	
	span.download-document.download-document{font-size:20pt;text-align:center;}
	div.input-group-btn > button {height:34px;}
	svg.lexicon-icon.lexicon-icon-angle-left{display:none;}
	i.icon-download:before{display:none;}
	span.taglib-text{display:block !important; margin-left: -25px;position:absolute;}
}
*/
/* Modificaciones descargar contenidos dentro de asset, elementos preview*/
.portlet-boundary_com_liferay_asset_publisher_web_portlet_AssetPublisherPortlet_ div.sidenav-content {
  margin-top: -40px; }

.portlet-boundary_com_liferay_asset_publisher_web_portlet_AssetPublisherPortlet_ a.active.btn.btn-default {
  display: none; }

.portlet-boundary_com_liferay_asset_publisher_web_portlet_AssetPublisherPortlet_ div.sidebar-body > dl {
  display: none; }

.portlet-boundary_com_liferay_asset_publisher_web_portlet_AssetPublisherPortlet_ span.webdav-url {
  display: none; }

.portlet-boundary_com_liferay_asset_publisher_web_portlet_AssetPublisherPortlet_ div.info-panel.sidenav-menu-slider > div {
  background: #e1d9d9; }

.portlet-boundary_com_liferay_asset_publisher_web_portlet_AssetPublisherPortlet_ div.document-info.panel-body {
  display: none; }

.portlet-boundary_com_liferay_asset_publisher_web_portlet_AssetPublisherPortlet_ div.sidebar.sidebar-default.sidenav-menu {
  max-width: 200px;
  min-height: 100px !important;
  max-height: 180px !important;
  color: black;
  text-align: center; }

.portlet-boundary_com_liferay_asset_publisher_web_portlet_AssetPublisherPortlet_ div.sidebar.sidebar-default.sidenav-menu.sidenav-menu > .sidebar-header :before {
  content: 'Descarga   ';
  font-size: 25pt; }

.portlet-boundary_com_liferay_asset_publisher_web_portlet_AssetPublisherPortlet_ nav.navbar.navbar-default {
  display: none;
  overflow: hidden; }

.portlet-boundary_com_liferay_asset_publisher_web_portlet_AssetPublisherPortlet_ i.icon-download:before {
  display: none; }

.portlet-boundary_com_liferay_asset_publisher_web_portlet_AssetPublisherPortlet_ span.taglib-text {
  display: block !important;
  position: absolute;
  bottom: 30px; }

.portlet-boundary_com_liferay_asset_publisher_web_portlet_AssetPublisherPortlet_ div.btn-group {
  z-index: 100; }

.portlet-boundary_com_liferay_asset_publisher_web_portlet_AssetPublisherPortlet_ div.lfr-preview-file-images {
  padding-top: 50px; }

/* Justificar todos los textos dentro de un asset y de un articulo de journal*/
.asset-content * {
  text-align: justify; }

.journal-content-article * {
  text-align: justify; }

/***** Portlet de resultados de busqueda ******/
#content .portlet-boundary_com_liferay_portal_search_web_portlet_SearchPortlet_ {
  display: block; }

#content .portlet-boundary_com_liferay_portal_search_web_portlet_SearchPortlet_ .list-group-item-field {
  display: none; }

#content .portlet-boundary_com_liferay_portal_search_web_portlet_SearchPortlet_ .tabular-list-group {
  border-collapse: separate;
  display: table;
  margin-bottom: 20px;
  padding: 0;
  display: inline-flex;
  flex-direction: column;
  flex-wrap: wrap;
  align-self: auto;
  height: 1850; }

#content .portlet-boundary_com_liferay_portal_search_web_portlet_SearchPortlet_ .badge {
  white-space: normal !important;
  border-radius: 10px !important; }

#content .portlet-boundary_com_liferay_portal_search_web_portlet_SearchPortlet_ .list-group-item {
  width: 200px;
  height: auto;
  vertical-align: top;
  padding: 5px;
  margin: 5px;
  border: 1px solid black;
  float: left;
  border-radius: 0px;
  display: inline-flex; }

#content .portlet-boundary_com_liferay_portal_search_web_portlet_SearchPortlet_ .list-group-item h6:nth-child(2) {
  display: none; }

#content .portlet-boundary_com_liferay_portal_search_web_portlet_SearchPortlet_ .list-group-item h5 a {
  color: #ab2a3e;
  font-variant: small-caps; }

#content .portlet-boundary_com_liferay_portal_search_web_portlet_SearchPortlet_ .list-group-item h5 a:hover {
  color: #601722;
  text-decoration: none; }

#content .portlet-boundary_com_liferay_portal_search_web_portlet_SearchPortlet_ .highlight {
  background: #dddddd; }

#content .portlet-boundary_com_liferay_portal_search_web_portlet_SearchPortlet_ .list-group-item-content {
  border: 0px; }

#content .portlet-boundary_com_liferay_portal_search_web_portlet_SearchPortlet_ .list-group-item h5 {
  color: black; }

#content .portlet-boundary_com_liferay_portal_search_web_portlet_SearchPortlet_ .panel {
  margin: 20px; }

#content .portlet-boundary_com_liferay_portal_search_web_portlet_SearchPortlet_ .list-unstyled {
  line-height: 25px; }

#content .portlet-boundary_com_liferay_portal_search_web_portlet_SearchPortlet_ .search-layout {
  margin-top: -20px; }

#content .portlet-boundary_com_liferay_portal_search_web_portlet_SearchPortlet_ .panel div {
  background: black;
  color: white !important;
  font-weight: 700 !important; }

#content .portlet-boundary_com_liferay_portal_search_web_portlet_SearchPortlet_ .panel a {
  background: black;
  color: white !important;
  font-weight: 400 !important; }

#content .portlet-boundary_com_liferay_portal_search_web_portlet_SearchPortlet_ .form-group-inline {
  vertical-align: top;
  margin-top: 7px;
  margin-left: 5%; }

#content .portlet-boundary_com_liferay_portal_search_web_portlet_SearchPortlet_:before {
  content: "";
  display: block;
  background: #b43b34;
  background: -webkit-linear-gradient(left, #9a3d6a, #b43b34);
  /*Safari 5.1-6*/
  background: -o-linear-gradient(right, #9a3d6a, #b43b34);
  /*Opera 11.1-12*/
  background: -moz-linear-gradient(right, #9a3d6a, #b43b34);
  /*Fx 3.6-15*/
  background: linear-gradient(to right, #9a3d6a, #b43b34);
  /*Standard*/
  padding: 60px;
  /* antiguamente 33px */ }

#content .portlet-boundary_com_liferay_portal_search_web_portlet_SearchPortlet_ .dropdown.pagination-items-per-page {
  display: none; }

#content .portlet-boundary_com_liferay_portal_search_web_portlet_SearchPortlet_ .pagination-results {
  float: none;
  margin: 0;
  padding: 0;
  text-align: center; }

#content .portlet-boundary_com_liferay_portal_search_web_portlet_SearchPortlet_ .searchcontainer-content {
  margin-bottom: 40px; }

#content .portlet-boundary_com_liferay_portal_search_web_portlet_SearchPortlet_ .pagination-bar .pagination {
  float: none;
  left: 50%;
  position: absolute;
  transform: translateX(-50%); }

@media screen and (max-width: 991px) {
  #content .portlet-boundary_com_liferay_portal_search_web_portlet_SearchPortlet_:before {
    content: "";
    padding: 40px; } }

/* Metemos los mï¿½rgenes equivalentes a un pagesLayout */
#p_p_id_com_liferay_portal_search_web_portlet_SearchPortlet_ .portlet-content {
  margin: 0 8.33333%; }

/************************************* Familia fuente tÃ­tulos ****************************************/
/*****************************************************************************************************/
.titulo-faimilia-nunito {
  font-family: 'Nunito', sans-serif !important; }

.titulo-color-amarillo {
  color: #ffcd00; }

/******************************* Estilos compartidos ADTs menï¿½ cards *********************************/
/******************************************************************************************************
 Afecta a los siguientes ADTS: 
		adt_lugares 					(PAG: monumentos, arte urbano, De compras, teatros, museos, etc.)
		adt_valladolid_123dias			(PAG: Valladolid en 1, 2 o 3 dï¿½as, Rincones con historia)
		adt_10_Imprescindibles			(PAG: Los 10 impresncindibles)
		adt_rutas_teatralizadas			(PAG: Rutas teatralizadas y visitas guiadas)
		adt_aprende_espanol				(PAG: aprende espaï¿½ol)
		adt_4columnas_vermas			(PAG: Dï¿½nde dormir, Enoturismo)	
		
- Estilos comunes con el aspecto de menï¿½ de cards
- A continuaciï¿½n se detallan los estilos de los adts particulares
******************************************************************************************************/
.contenedorGeneral {
  position: relative;
  width: 100%;
  height: 100%;
  padding: 0;
  /*overflow: auto;*/ }

.contenedorGeneral .elemento {
  position: relative;
  margin: 0% 1% 1% 0%;
  float: none;
  display: inline-block; }

.contenedorGeneral .elemento .contenedorImagen {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: -1;
  overflow: hidden; }

.contenedorGeneral .elemento .contenedorImagen .imagen {
  width: 100%;
  height: 100%;
  bottom: 0;
  position: absolute; }

.contenedorGeneral .elemento .texto {
  position: absolute;
  bottom: 0;
  left: 0;
  margin-right: 50px;
  padding: 1%; }

.contenedorGeneral .elemento .texto .titulo {
  display: inline;
  font-size: 2vw !important;
  padding: 3px;
  font-weight: 900;
  background-color: white;
  color: black; }

.contenedorGeneral .elemento .texto .descripcion {
  display: inline;
  line-height: 140%;
  font-size: 1.4vw !important;
  color: black;
  background-color: white;
  font-weight: bold;
  padding: 1px; }

.contenedorGeneral .elemento .simboloMas {
  position: absolute;
  bottom: 0;
  right: 0;
  width: 45px;
  height: 45px;
  border-bottom: 45px solid white;
  border-left: 45px solid transparent; }

.contenedorGeneral .elemento span[class*="icon-"] {
  position: absolute;
  right: 0;
  bottom: -45px;
  padding-right: 4px;
  padding-bottom: 2px;
  color: black;
  font-size: 16pt !important; }

.boton, .portlet-forms .btn {
  -webkit-appearance: button;
  border: none;
  background: #b94155;
  color: #f2f2f2;
  font-size: 16px;
  border-radius: 5px;
  position: relative;
  box-sizing: border-box;
  overflow: hidden;
  height: 3vw;
  width: 7vw;
  min-height: 45px;
  min-width: 90px;
  /*center the button*/
  display: block;
  margin: auto;
  font-weight: 700;
  margin-bottom: 100px; }

.contenedor-rutas-teatralizadas {
  display: inline;
  position: relative;
  margin: 0% 1% 1% 0%; }

.linkVenta-rutas-teatralizadas {
  position: absolute;
  bottom: -49px;
  right: 0px;
  z-index: 100; }

.contenedor-rutas-teatralizadas a:hover,
.contenedor-rutas-teatralizadas a:focus {
  text-decoration: none; }

.linkVenta-rutas-teatralizadas span {
  font-size: 22pt !important;
  color: white; }

.contenedor-rutas-teatralizadas .simboloEntrada {
  bottom: 4px; }

.contenedor-rutas-teatralizadas.oddRow .simboloEntrada {
  right: 4px; }

.contenedorGeneral .contenedor-rutas-teatralizadas .elemento {
  margin: 0px; }

/* Comportamientos hover */
.contenedorGeneral .elemento:hover .titulo, .contenedorGeneral .elemento:hover .descripcion {
  color: white;
  background: #b94155;
  /* For browsers that do not support gradients */
  background: -webkit-linear-gradient(90deg, #a94276, #c64039);
  /* For Safari 5.1 to 6.0 */
  background: -o-linear-gradient(90deg, #a94276, #c64039);
  /* For Opera 11.1 to 12.0 */
  background: -moz-linear-gradient(90deg, #a94276, #c64039);
  /* For Firefox 3.6 to 15 */
  background: linear-gradient(90deg, #a94276, #c64039);
  /* Standard syntax */ }

.contenedorGeneral .elemento:hover .simboloMas {
  width: 60px;
  height: 60px;
  border-bottom: 60px solid #c64039;
  border-left: 60px solid transparent; }

.contenedorGeneral .elemento:hover span[class*="icon-"] {
  bottom: -56px;
  padding-right: 6px;
  padding-bottom: 2px;
  font-size: 22pt !important;
  color: white; }

.contenedorGeneral .elemento:hover:after {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  display: block;
  content: "";
  border: 3px solid #c64039; }

.boton:hover:before {
  background: transparent;
  color: #f2f2f2;
  box-shadow: inset 0 0 0 3px #3a7999; }

/* Responsive */
@media only screen and (max-width: 991px) {
  .contenedorGeneral .elemento .texto .titulo {
    font-size: 2.2vw !important; }
  .contenedorGeneral .elemento .texto .descripcion {
    font-size: 1.6vw !important; } }

@media only screen and (max-width: 767px) {
  .contenedorGeneral .elemento {
    width: 100%;
    padding-bottom: 56% !important; }
  .contenedorGeneral .elemento .texto .descripcion {
    font-size: 2.5vw !important; }
  .contenedorGeneral .elemento .texto .titulo {
    font-size: 3.5vw !important; }
  .contenedorGeneral .elemento .contenedorImagen .imagen {
    height: auto; } }

@media only screen and (max-width: 476px) {
  .contenedorGeneral .elemento .texto .descripcion {
    font-size: 3vw !important; }
  .contenedorGeneral .elemento .texto .titulo {
    font-size: 4vw !important; }
  .boton {
    margin-left: 35%; } }

/*****************************************************************************************************/
/******************************************** adt_lugares ********************************************/
/*****************************************************************************************************/
#generalMapa.contenedorGeneral {
  margin-left: 0.5%; }

.contenedorGeneral .primerElemento {
  width: 56%;
  margin: 1% 1% 1% 0%; }

.contenedorGeneral .segundoElemento {
  width: 41%;
  margin: 1% 0% 1% 0%; }

.contenedorGeneral .tercerElemento {
  width: calc(32% - 3px);
  padding-bottom: 30%; }

.ocultar {
  display: none; }

#generalMapa.contenedorGeneral .elemento {
  padding-bottom: 30%; }

@media screen and (max-width: 767px) {
  .contenedorGeneral .primerElemento {
    width: 100%;
    margin: 1% 1% 1% 0%; }
  .contenedorGeneral .segundoElemento {
    width: 100%;
    margin: 3% 1% 1% 0%; }
  .contenedorGeneral .tercerElemento {
    width: 100%;
    padding-bottom: 56%;
    margin: 3% 1% 1% 0%; } }

@media screen and (max-width: 476px) {
  .contenedorGeneral .primerElemento {
    width: 100%;
    margin: 1% 3% 0% 0%; }
  .contenedorGeneral .segundoElemento {
    width: 100%;
    margin: 5% 0% 0% 0%; }
  .contenedorGeneral .tercerElemento {
    width: 100%;
    padding-bottom: 56%;
    margin: 5% 0% 0% 0%; } }

/*****************************************************************************************************/
/************************************** adt_valladolid_123dias ***************************************/
/*****************************************************************************************************/
#unDosTres.contenedorGeneral .elemento {
  width: 49.5%;
  padding-bottom: 30%;
  float: left; }

#unDosTres.contenedorGeneral .unDia {
  width: 100% !important; }

#unDosTres.contenedorGeneral .dosDias {
  float: left; }

#unDosTres.contenedorGeneral .tresDias {
  margin: 0 0% 1% 0 !important;
  float: right !important; }

@media only screen and (max-width: 991px) {
  #unDosTres.contenedorGeneral .elemento {
    padding-bottom: 40% !important; }
  #unDosTres.contenedorGeneral .dosDias {
    width: 47% !important; }
  #unDosTres.contenedorGeneral .tresDias {
    width: 47% !important; } }

@media only screen and (max-width: 767px) {
  #unDosTres.contenedorGeneral .unDia .contenedorImagen .imagen {
    height: 100% !important; }
  #unDosTres.contenedorGeneral .unDia {
    width: 100% !important; }
  #unDosTres.contenedorGeneral .dosDias {
    width: 100% !important;
    margin: 3% 2% 0% 0% !important; }
  #unDosTres.contenedorGeneral .tresDias {
    width: 100% !important;
    margin: 3% 0% 4% 0% !important; } }

@media only screen and (max-width: 476px) {
  #unDosTres.contenedorGeneral .dosDias {
    margin: 4% 0% 0% 0% !important; }
  #unDosTres.contenedorGeneral .tresDias {
    margin: 4% 0% 4% 0% !important; } }

/*****************************************************************************************************/
/************************************** adt_10_Imprescindibles ***************************************/
/*****************************************************************************************************/
#diezImprescin.contenedorGeneral .elemento {
  width: calc(49% - 4px) !important;
  padding-bottom: 30% !important; }

@media only screen and (max-width: 767px) {
  #diezImprescin.contenedorGeneral .elemento {
    padding-bottom: 40% !important;
    width: 100%; }
  #diezImprescin .contenedorImagen .imagen {
    height: 100% !important; } }

@media only screen and (max-width: 476px) {
  #diezImprescin.contenedorGeneral .elemento {
    padding-bottom: 60% !important;
    width: 100% !important; } }

/*****************************************************************************************************/
/************************************** adt_rutas_teatralizadas **************************************/
/*****************************************************************************************************/
.contenedorGeneral .elemento .estrellaDestacado {
  position: absolute;
  width: 50px;
  height: 50px;
  top: 0;
  right: 23px;
  background: #b94155;
  background: -webkit-linear-gradient(90deg, #a94276, #c64039);
  background: -o-linear-gradient(90deg, #a94276, #c64039);
  background: -moz-linear-gradient(90deg, #a94276, #c64039);
  background: linear-gradient(90deg, #a94276, #c64039); }

.contenedorGeneral .elemento .estrellaDestacado span {
  position: absolute;
  top: 10px;
  right: 10px;
  padding-right: 0 !important;
  font-size: 22pt !important;
  color: white; }

/*****************************************************************************************************/
/**************************************** adt_aprende_espanol ****************************************/
/*****************************************************************************************************/
#generalAprende.contenedorGeneral {
  margin-left: 0.5%;
  overflow: visible; }

#generalAprende.contenedorGeneral .fila1Elemento {
  width: calc(25% - 4px);
  padding-bottom: 25%;
  border: 2px solid lightgray;
  border-top-left-radius: 16px;
  border-top-right-radius: 16px;
  display: inline-block;
  float: none; }

#generalAprende.contenedorGeneral .fila1Elemento.dosElementos {
  width: calc(37% - 7.5px);
  padding-bottom: 25%;
  border: 2px solid lightgray;
  border-top-left-radius: 16px;
  border-top-right-radius: 16px;
  display: inline-block;
  float: none; }

#generalAprende.contenedorGeneral a:first-child .fila1Elemento {
  margin-left: 24%; }

#generalAprende.contenedorGeneral a:nth-child(2) .fila1Elemento {
  margin-right: 24%; }

#generalAprende.contenedorGeneral .fila2Elemento {
  width: calc(24% - 4px);
  padding-bottom: 12.01%;
  border: 2px solid lightgray;
  border-top-left-radius: 16px;
  border-top-right-radius: 16px;
  display: inline-block;
  float: none; }

#generalAprende .fila1Elemento .contenedorImagen {
  height: 100% !important; }

#generalAprende .fila2Elemento .contenedorImagen {
  height: 100% !important; }

#generalAprende .hidden {
  display: none; }

#generalAprende.contenedorGeneral .elemento .contenedorImagen .imagen {
  width: auto;
  max-height: 100%;
  max-width: 100%;
  position: absolute;
  display: block;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  height: auto;
  padding: 3px 15px; }

#generalAprende.contenedorGeneral .elemento .texto {
  height: 25%;
  width: 100%;
  padding: 0px;
  display: none; }

#generalAprende.contenedorGeneral .elemento:hover {
  border: 2px solid transparent; }

#generalAprende.contenedorGeneral .elemento:hover .texto {
  padding: 0;
  margin: 0;
  display: block;
  width: 100%;
  height: 25%; }

#generalAprende.contenedorGeneral .fila2Elemento .texto {
  height: 50% !important; }

#generalAprende.contenedorGeneral .elemento .texto .titulo {
  font-size: 1.6vw !important;
  background: lightgray;
  padding-bottom: 0;
  margin-bottom: 0;
  margin-right: 0;
  padding-right: 0;
  height: 100%;
  display: block;
  text-align: center; }

#generalAprende.contenedorGeneral .elemento:hover .titulo {
  color: white;
  background: #b94155;
  background: -webkit-linear-gradient(90deg, #a94276, #c64039);
  background: -o-linear-gradient(90deg, #a94276, #c64039);
  background: -moz-linear-gradient(90deg, #a94276, #c64039);
  background: linear-gradient(90deg, #a94276, #c64039); }

.contenedorGeneral .elemento .simboloMas {
  z-index: 200; }

#generalAprende .ocultar {
  display: none; }

@media only screen and (max-width: 991px) {
  #generalAprende.contenedorGeneral .fila1Elemento {
    width: calc(32% - 2px);
    padding-bottom: 32% !important; }
  #generalAprende.contenedorGeneral .fila1Elemento.dosElementos {
    width: calc(37% - 6px);
    padding-bottom: 32% !important; }
  #generalAprende.contenedorGeneral a:first-child .fila1Elemento {
    margin-left: 0; }
  #generalAprende.contenedorGeneral a:first-child .fila1Elemento.dosElementos {
    margin-left: 12.5%; } }

@media only screen and (max-width: 767px) {
  #generalAprende.contenedorGeneral .fila2Elemento {
    padding-bottom: 25% !important; } }

@media only screen and (max-width: 476px) {
  #generalAprende.contenedorGeneral .fila1Elemento {
    padding-bottom: 32% !important; }
  #generalAprende.contenedorGeneral .fila2Elemento {
    padding-bottom: 18% !important; }
  #generalAprende.contenedorGeneral a:first-child .fila1Elemento.dosElementos {
    margin-left: 0; } }

@media only screen and (max-width: 476px) {
  #generalAprende.contenedorGeneral .fila1Elemento {
    width: calc(100% - 1px) !important;
    padding-bottom: 50% !important; }
  #generalAprende.contenedorGeneral .fila2Elemento {
    width: calc(49% - 3px);
    padding-bottom: 25% !important; }
  #generalAprende.contenedorGeneral .elemento .texto .titulo {
    font-size: 3.4vw !important; } }

/*****************************************************************************************************/
/*************************************** adt_4columnas_vermas ****************************************/
/*****************************************************************************************************/
.adt_4columnas_vermas .alojamiento {
  display: inline-block;
  width: calc(25% - 24px);
  margin: 10px !important;
  padding-bottom: calc(25% - 24px);
  float: none; }

.adt_4columnas_vermas .alojamiento .texto {
  width: 100% !important;
  padding: 0px !important; }

.adt_4columnas_vermas .alojamiento:hover .texto {
  display: inline-block !important; }

.adt_4columnas_vermas .alojamiento .texto .titulo {
  font-size: 1.3vw !important;
  padding-bottom: 0 !important;
  margin-bottom: 0 !important;
  margin-right: 0;
  padding-right: 0;
  height: 100%;
  display: block !important;
  text-align: center;
  color: white !important;
  background: #b94155;
  background: -webkit-linear-gradient(90deg, #a94276, #c64039);
  background: -o-linear-gradient(90deg, #a94276, #c64039);
  background: -moz-linear-gradient(90deg, #a94276, #c64039);
  background: linear-gradient(90deg, #a94276, #c64039); }

.adt_4columnas_vermas .alojamiento .contenedorImagen .imagen {
  max-height: 97% !important;
  max-width: 100% !important;
  bottom: 0 !important;
  position: absolute !important;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: auto !important;
  height: auto !important; }

.adt_4columnas_vermas .alojamiento.hidden {
  display: none; }

@media screen and (max-width: 991px) {
  .adt_4columnas_vermas .alojamiento {
    width: calc(33% - 24px);
    padding-bottom: calc(33% - 24px); }
  .adt_4columnas_vermas .alojamiento .texto .titulo {
    font-size: 1.8vw !important; } }

@media screen and (max-width: 767px) {
  .adt_4columnas_vermas .alojamiento {
    width: calc(50% - 24px);
    padding-bottom: calc(50% - 24px); }
  .adt_4columnas_vermas .alojamiento .texto .titulo {
    font-size: 2.6vw !important; } }

@media screen and (max-width: 467px) {
  .adt_4columnas_vermas .alojamiento {
    width: calc(100% - 24px);
    padding-bottom: calc(50% - 24px); }
  .adt_4columnas_vermas .alojamiento .texto .titulo {
    font-size: 3.6vw !important; } }

/*****************************************************************************************************/
/************************************ adt_CONG_3columnas_vermas  *************************************/
/*****************************************************************************************************/
.adt_4columnas_vermas #cong_3columnas {
  width: calc(33% - 24px);
  padding-bottom: calc(33% - 24px); }

/***************************** FIN Estilos compartidos ADTs menï¿½ cards *******************************/
/*****************************************************************************************************/
/************************************ adt_categorias_navegacion_2 *************************************/
/******************************************************************************************************
 Afecta a los siguientes ADTS: 
		adt_categorias_navegacion_2	 			(PAG: Monumentos y Dï¿½nde dormir)
******************************************************************************************************/
.adt_categorias_2 {
  position: relative;
  /*display: flex;
	margin-right: 1.5%;*/
  margin-top: 20px; }

.adt_categorias_2 .alinear-derecha {
  /* margin-left: auto; */ }

.adt_categorias_2 .categoria {
  /* display: inline-block; */
  display: block;
  margin-top: 10px; }

.adt_categorias_2 .categoria a {
  font-size: 12pt !important;
  font-weight: 600;
  color: black;
  background: #d9d9d9;
  text-align: center;
  text-decoration: none;
  padding: 5px 20px 5px 20px;
  margin-left: 5px;
  z-index: 200;
  display: block; }

.adt_categorias_2 .categoria:first-child a {
  background: transparent;
  margin-left: 0px; }

.adt_categorias_2 .seleccionado a {
  background: #b94155;
  background: -webkit-linear-gradient(90deg, #a94276, #c64039);
  background: -o-linear-gradient(90deg, #a94276, #c64039);
  background: -moz-linear-gradient(90deg, #a94276, #c64039);
  background: linear-gradient(90deg, #a94276, #c64039);
  color: white; }

.adt_categorias_2 .categoria a:hover {
  background: #b94155;
  background: -webkit-linear-gradient(90deg, #a94276, #c64039);
  background: -o-linear-gradient(90deg, #a94276, #c64039);
  background: -moz-linear-gradient(90deg, #a94276, #c64039);
  background: linear-gradient(90deg, #a94276, #c64039);
  color: white; }

.adt_categorias_2 .categoria:first-child a:hover {
  color: #b94155;
  background: transparent; }

@media only screen and (max-width: 676px) {
  .adt_categorias_2 .alinear-derecha {
    width: 100%; }
  .adt_categorias_2 .categoria {
    width: calc(97.5% / 3);
    margin-bottom: 3px;
    display: inline-flex; }
  .adt_categorias_2 .categoria a {
    width: 100%;
    display: block;
    font-size: 15px !important;
    height: 46px;
    padding: 0; } }

@media only screen and (max-width: 476px) {
  .adt_categorias_2 .categoria {
    width: calc(97.5% / 2); } }

/************************************* adt_lugares_info_lateral **************************************/
/******************************************************************************************************
 Afecta a los siguientes ADTS: 
		adt_lugares_info_lateral	 			(PAG: Detalle de lugares)
		adt_lugares_info_lateral_solo_RRSS		(PAG: Detalle de lugares)	
		adt_horarios_tarifas_ventaDeEntradas	(PAG: Detalle de lugares)
******************************************************************************************************/
.barraInfo {
  position: relative;
  margin-top: 15px; }

.barraInfo .infoLateral {
  position: relative;
  padding: 1%;
  background-color: #d9d9d9; }

.barraInfo .infoLateral span {
  font-weight: bold; }

.barraInfo .infoLateral p {
  word-break: break-all; }

.barraInfo .infoLateral a:hover, .barraInfo .infoLateral a:focus {
  text-decoration: underline; }

.barraInfo .infoLateral a {
  color: black;
  word-wrap: break-word; }

.barraInfo a:hover, .barraInfo a:focus {
  color: black;
  text-decoration: none; }

.barraInfo #contenedorDocDescarga {
  position: relative;
  margin-top: 10px;
  text-align: center;
  padding: 5px;
  border: 2px solid black;
  cursor: pointer;
  color: black;
  margin-bottom: 15px; }

.barraInfo #contenedorDocDescarga:hover {
  background-color: black;
  color: white; }

.barraInfo #redesSociales {
  position: relative;
  margin-top: 4%; }

.barraInfo #redesSociales ul {
  list-style-type: none;
  padding: 0 !important;
  overflow: auto; }

.barraInfo #redesSociales ul li {
  display: block;
  width: 50px;
  height: 50px;
  margin: 5px 5px 5px 0;
  padding: 0 !important;
  padding-top: 6px !important;
  background-color: black;
  text-align: center;
  float: left; }

.barraInfo #redesSociales ul li a {
  text-decoration: none; }

.barraInfo #redesSociales ul li span {
  font-size: 40px;
  color: white; }

.barraInfo #redesSociales ul li .icon-google_plus {
  font-size: 35px !important; }

.barraInfo #redesSociales ul li.accessibility {
  background-color: transparent; }

.barraInfo .accessibility-svg {
  width: 80%; }

.barraInfo .accessibility-svg.accesible {
  color: green; }

.barraInfo .accessibility-svg.practicable {
  color: orange; }

.barraInfo .accessibility-svg.practicable_ayuda {
  color: red; }

.barraInfo .accessibility-svg.no_adaptado {
  color: black; }

/*****************************************************************************************************/
/********************************************* adt_mapa **********************************************/
/*****************************************************************************************************/
.mapContDesple {
  position: relative;
  margin: 0 0 50pt 0;
  padding-bottom: 90%;
  width: auto;
  clear: left; }

.mapContDesple .map {
  position: absolute;
  display: block;
  margin: auto;
  border: 0;
  width: 100%;
  height: 100%; }

.mapContDesple .tituloMapa {
  background: -webkit-linear-gradient(left, #a94276, #c64039);
  background: -o-linear-gradient(right, #a94276, #c64039);
  background: -moz-linear-gradient(right, #a94276, #c64039);
  background: linear-gradient(to right, #a94276, #c64039);
  height: 40px;
  color: white;
  text-align: center;
  font-weight: 600;
  font-size: 16pt !important;
  padding-top: 5px; }

.mapContDesple .icon-map_marker {
  float: left;
  padding-top: 4px;
  padding-left: 10px;
  font-size: 24px !important; }

@media only screen and (max-width: 1200px) {
  .mapContDesple .tituloMapa {
    font-size: 1.8vw !important; } }

@media only screen and (max-width: 767px) {
  .mapContDesple .tituloMapa {
    font-size: 16pt !important; }
  .mapContDesple {
    padding-bottom: 28%; } }

@media only screen and (max-width: 476px) {
  .mapContDesple {
    padding-bottom: 40%; } }

/******************************** Estilos ADTs relacionados carousel **********************************/
/******************************************************************************************************
 Afecta a los siguientes ADTS: 
		adt_asset_carousel	 			(PAG: Detalle Valladolid en 1, 2 o 3 dï¿½as)
		adt_asset_carousel_VAR			(PAG: Detalle monumentos, y mï¿½s lugares...)	
		adt_relacionados_agenda 		(PAG: Detalle teatros, museos, etc.)
		adt_relacionados_detalle_evento	(PAG: Detalle evento)
		adt_galeria_imagenes			(PAG: Diferentes detalles, IDEM.)
******************************************************************************************************/
.adt_asset_carousel {
  position: relative;
  width: 100%;
  padding-left: 10%;
  margin-left: -10%;
  padding-right: 10%;
  width: 120%;
  padding-top: 20px;
  padding-bottom: 20px; }

.carouselRelatedContents {
  background: #c64039;
  background: -webkit-linear-gradient(left, #a94276, #c64039);
  background: -o-linear-gradient(right, #a94276, #c64039);
  background: -moz-linear-gradient(right, #a94276, #c64039);
  background: linear-gradient(to right, #a94276, #c64039); }

.adt_asset_carousel .outer-deck {
  max-width: 1000px;
  margin-left: 50%;
  transform: translateX(-50%);
  width: 96vw;
  text-align: center; }

.adt_asset_carousel .inner-deck {
  display: inline-block;
  height: 100%;
  width: calc(100% - 60px);
  padding-left: 2px;
  min-width: 250px; }

.adt_asset_carousel.only-1 .inner-deck {
  width: calc(25% - 60px); }

.adt_asset_carousel.only-2 .inner-deck {
  width: calc(50% - 60px); }

.adt_asset_carousel.only-3 .inner-deck {
  width: calc(75% - 60px); }

.adt_asset_carousel .card {
  background-color: transparent;
  border: 0px solid transparent;
  border-radius: 0px;
  display: inline-block;
  background-size: auto 100%;
  margin-bottom: 0;
  margin-right: 10px;
  margin-left: 10px; }

.adt_asset_carousel .cardRelatedContents {
  width: calc(25% - 24px);
  padding-bottom: 28%; }

.adt_asset_carousel .card:hover:after {
  position: absolute;
  top: 0;
  height: 100%;
  left: 0;
  width: 100%;
  display: block;
  content: "";
  border: 3px solid white; }

.adt_asset_carousel.only-1 .card {
  width: calc(100% - 24px);
  padding-bottom: 113%; }

.adt_asset_carousel.only-2 .card {
  width: calc(50% - 24px);
  padding-bottom: 55%; }

.adt_asset_carousel.only-3 .card {
  width: calc(33% - 24px);
  padding-bottom: 33%; }

.adt_asset_carousel .card .card_title {
  background: white;
  position: absolute;
  bottom: 0;
  font-size: 100% !important;
  padding: 3px;
  font-weight: 900;
  color: black;
  margin: 0;
  width: 100%; }

.adt_asset_carousel .contenedor_rotar {
  display: inline-block;
  width: 25px; }

.adt_asset_carousel.only-1 .contenedor_rotar {
  visibility: hidden; }

.adt_asset_carousel.only-2 .contenedor_rotar {
  visibility: hidden; }

.adt_asset_carousel.only-3 .contenedor_rotar {
  visibility: hidden; }

.adt_asset_carousel .boton_rotar {
  position: absolute;
  display: inline-block;
  top: 50%;
  transform: translateY(-50%);
  background: black;
  color: white;
  width: 25px;
  height: 25px;
  text-align: center;
  cursor: pointer; }

.adt_asset_carousel .boton_rotar span {
  font-size: 19pt !important;
  font-weight: 700; }

@media screen and (max-width: 767px) and (min-width: 451px) {
  .adt_asset_carousel .card {
    font-size: 10pt !important; }
  .adt_asset_carousel .card .card_title {
    font-size: 100% !important;
    margin: 0; } }

@media screen and (max-width: 450px) {
  .adt_asset_carousel .card {
    width: calc(50% - 14px);
    padding-bottom: 58%;
    margin-right: 5px;
    margin-left: 5px;
    font-size: 10pt !important; }
  .adt_asset_carousel .card .card_title {
    font-size: 85% !important; } }

.adt_asset_carousel .cubrir {
  background: black;
  opacity: 0.3; }

.adt_asset_carousel .cubrir:hover {
  opacity: 0; }

.adt_asset_carousel .card:hover:after {
  border: 0px solid white; }

.adt_asset_carousel .introd {
  font-size: 18pt !important;
  font-weight: 700;
  text-align: center;
  color: white;
  /* text-shadow: 10px 10px rgba(200,200,200,0.2) !important;*/
  margin-bottom: 21px; }

/******************************* Estilos eventos relacionados carousel ********************************/
/******************************************************************************************************
 Afecta a los siguientes ADTS: 
		adt_relacionados_agenda 		(PAG: Detalle teatros, museos, etc.)
		adt_relacionados_detalle_evento	(PAG: Detalle evento)
		
- Estilos ï¿½nicamente para las "tarjetas" con el formato de evento
- Todas estas reglas tienen el prefijo carouselRelatedContents para que solo tengan efecto para este 
carousel y no interfieran en los estilos de los eventos de la agenda, detalle, etc.
******************************************************************************************************/
.carouselRelatedContents .eventoDest {
  position: absolute;
  height: 100%;
  width: 100%;
  background-color: white;
  border-color: black;
  border-style: solid;
  border-width: 1px; }

.carouselRelatedContents .cardEventos {
  text-align: left; }

.carouselRelatedContents .cardEventos .linkDetalleEvent {
  display: block;
  position: absolute;
  top: 0;
  height: 100%;
  width: 100%;
  z-index: 5; }

.carouselRelatedContents .limiteEvento {
  width: 100%;
  height: 100%;
  overflow: hidden; }

.carouselRelatedContents div.fechaEvento {
  position: absolute;
  top: -15px;
  background: black;
  color: white;
  right: 13px;
  overflow: hidden;
  padding: 8px;
  font-weight: bold;
  min-width: 60px;
  font-size: 23pt !important;
  z-index: 10; }

.carouselRelatedContents .diaFecha:first-child {
  float: left; }

.carouselRelatedContents .diaFecha {
  font-size: 25pt !important;
  font-weight: bold;
  float: right; }

.carouselRelatedContents .mesFecha {
  font-size: 9pt !important;
  position: absolute;
  bottom: 0px;
  font-weight: normal;
  display: -webkit-box;
  display: -ms-flexbox; }

.carouselRelatedContents .mesFecha:last-child {
  right: 1px;
  width: 45px; }

.carouselRelatedContents .imagenEvento {
  height: 50%;
  overflow: hidden; }

.carouselRelatedContents .imagen {
  width: 100%;
  min-height: 100%; }

.carouselRelatedContents .simboloEntrada {
  position: absolute;
  bottom: 0;
  right: 0;
  width: 45px;
  height: 45px;
  border-bottom: 45px solid #c64039;
  border-left: 45px solid transparent;
  z-index: 1; }

.carouselRelatedContents .icon-ticket {
  position: absolute;
  right: 0;
  bottom: 0;
  padding-right: 4px;
  padding-bottom: 2px;
  color: white;
  font-size: 16pt !important;
  z-index: 2; }

.carouselRelatedContents .simboloMas {
  position: absolute;
  bottom: 0;
  right: 0;
  width: 45px;
  height: 45px;
  border-bottom: 45px solid white;
  border-left: 45px solid transparent;
  z-index: 1;
  border-bottom-color: black; }

.carouselRelatedContents .textoImpres {
  position: relative;
  width: auto;
  height: auto;
  padding: 1%;
  color: black;
  background-color: white;
  margin-right: 0 !important; }

.carouselRelatedContents .titulo {
  font-size: 1em !important;
  display: inline;
  padding: 3px;
  background-color: white;
  font-weight: 900;
  line-height: inherit;
  margin: 0 0 10px; }

.carouselRelatedContents .descCorta {
  display: block;
  text-transform: uppercase; }

/* Este efecto hover estï¿½ metido ya en el tema con la clase adt_asset_carousel pero no lo estï¿½ cogiendo */
.carouselRelatedContents .card:hover:after {
  position: absolute;
  top: 0;
  height: 100%;
  left: 0;
  width: 100%;
  display: block;
  content: "";
  border: 3px solid white; }

@media screen and (max-width: 767px) {
  .adt_asset_carousel .cardRelatedContents {
    width: calc(42% - 14px);
    padding-bottom: 53%;
    margin-bottom: 10%; } }

@media screen and (max-width: 476px) {
  .adt_asset_carousel .cardRelatedContents {
    width: calc(90% - 14px);
    margin-bottom: 10%;
    padding-bottom: 101%; }
  .adt_asset_carousel .inner-deck {
    width: calc(60% - 60px); } }

/*Clase utilizada para el adt_relacionados_detalle_evento_VAR*/
.adt_asset_carousel .outer-deck .eventosFiltrados {
  display: none; }

/*****************************************************************************************************/
/*************************************** adt_galeria_imagenes ****************************************/
/*****************************************************************************************************/
.adt_galeria_imagenes {
  background: #dad9d4; }

.adt_galeria_imagenes .galeria {
  color: gray;
  font-size: 18pt !important;
  text-align: center;
  font-weight: 700;
  /*text-shadow: 10px 10px rgba(255,255,255,0.5);*/
  margin-bottom: 21px; }

.adt_galeria_imagenes .card_title {
  display: none; }

/*Cambios v2*/
.adt_galeria_imagenes .cardImages {
  width: calc(50% - 24px);
  padding-bottom: 32%; }

.adt_galeria_imagenes .card:hover a {
  border: 4px solid white; }

.adt_galeria_imagenes .thumbnail {
  width: 89px;
  height: 60px;
  padding: 0;
  transform: scale(1, 1);
  transition: transform 0.5s;
  margin: 0;
  border: 0 solid transparent;
  border-radius: 0;
  display: inline-block; }

.adt_galeria_imagenes .thumbnail:hover {
  transform: scale(1.2, 1.2);
  z-index: 200; }

.adt_galeria_imagenes .thumbnail:hover a {
  border: 0px solid white; }

.adt_galeria_imagenes #bigimgiframe {
  position: fixed;
  height: 100%;
  width: 100%;
  left: 0px;
  top: 0px;
  background: rgba(0, 0, 0, 0.6);
  z-index: 20001;
  display: none; }

.adt_galeria_imagenes #bigimgiframe img {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%); }

@media screen and (max-width: 476px) {
  .adt_galeria_imagenes .cardImages {
    width: calc(100% - 24px);
    padding-bottom: 64%; } }

/************************************* FIN diferentes caruseles **************************************/
/*****************************************************************************************************/
/******************************** Estilos ADTs para descargar folletos *******************************/
/******************************************************************************************************
 Afecta a los siguientes ADTS: 
		adt_descarga_documentos	 				(PAG: Aprende espaï¿½ol)
		adt_descarga_directa					(PAG: Cï¿½mo moverse)
		adt_documentos_folletos					(PAG: Mapas, folletos y apps)
		adt_documentos_mapas					(PAG: Mapas, folletos y apps, Practica deporte)
******************************************************************************************************/
.adt_descarga_documentos .inicial {
  text-align: left;
  font-size: 24pt !important;
  font-weight: 600;
  border-bottom: 3px dotted #ededed;
  background: #ededed;
  background: -webkit-linear-gradient(left, #ededed, #ffffff);
  background: -o-linear-gradient(right, #ededed, #ffffff);
  background: -moz-linear-gradient(right, #ededed, #ffffff);
  background: linear-gradient(to right, #ededed, #ffffff);
  margin: 3.5% 0 2%;
  padding: 0.5% 1%; }

.adt_descarga_documentos .documento-descarga {
  width: calc(20% - 24px);
  /*padding-bottom: 20%;*/
  margin: 5px 10px;
  position: relative;
  display: inline-block;
  vertical-align: top;
  min-width: 238px; }

.adt_descarga_documentos .documento-thumbnail {
  position: relative;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  overflow: hidden; }

.adt_descarga_documentos .documento-thumbnail img {
  height: auto;
  width: 100%;
  display: block;
  margin: 0 auto;
  /*-ms-transform: scale(2.2); 
    -webkit-transform: scale(2.2);
    transform: scalescale(2.2);*/ }

.adt_descarga_documentos .documento-url {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 200;
  background: black;
  opacity: 0.05; }

.adt_descarga_documentos .documento-url:hover {
  opacity: 0; }

.adt_descarga_documentos .documento-titulo, .documento-titulo {
  background: white;
  color: black;
  position: relative;
  padding: 2px 10px;
  text-align: center; }

/*****************************************************************************************************/
/**************************************** adt_galeria_video ******************************************/
/*****************************************************************************************************/
.adt_galeria_video .inicial {
  text-align: left;
  font-size: 24pt !important;
  font-weight: 600;
  border-bottom: 3px dotted #ededed;
  background: #ededed;
  background: -webkit-linear-gradient(left, #ededed, #ffffff);
  background: -o-linear-gradient(right, #ededed, #ffffff);
  background: -moz-linear-gradient(right, #ededed, #ffffff);
  background: linear-gradient(to right, #ededed, #ffffff);
  margin: 3.5% 0 2%;
  padding: 0.5% 1%; }

.adt_galeria_video .iframe-player {
  max-width: 640px;
  margin: 0 auto;
  background: black;
  padding: 10px;
  margin-top: 10px;
  margin-bottom: 10px; }

.adt_galeria_video .iframe-player iframe {
  margin: 0 auto;
  display: block;
  max-width: 640px;
  max-height: 360px;
  width: 100%;
  height: 360px; }

.adt_galeria_video .iframe-player.hidden {
  display: none; }

.adt_galeria_video .descripcion {
  text-align: center;
  color: white; }

.adt_galeria_video .titulo {
  text-align: center;
  color: white;
  font-size: 16pt;
  font-weight: 700; }

/******************************* FIN Estilos ADTs relacionados carousel ******************************/
/*****************************************************************************************************/
/*****************************************************************************************************/
/*********************************** adt_nav_categ_detalle_evento ************************************/
/*****************************************************************************************************/
#contenedorGeneralCateg {
  position: relative;
  margin-right: 15%;
  margin-left: 15%;
  margin-bottom: 25px; }

#contenedorGeneralCateg #titulo {
  font-size: 24pt;
  font-weight: 800; }

#contenedorGeneralCateg #contenedorCajas {
  overflow: auto; }

#contenedorGeneralCateg #contenedorCateg {
  position: relative;
  overflow: auto;
  margin-right: 110px; }

#contenedorGeneralCateg .categoria {
  display: inline-block;
  margin: 10px 5px 0 5px;
  border: 2px solid black;
  float: left;
  cursor: pointer; }

#contenedorGeneralCateg .seleccionado {
  border: none;
  background: #c64039;
  background: -webkit-linear-gradient(left, #a94276, #c64039);
  background: -o-linear-gradient(right, #a94276, #c64039);
  background: -moz-linear-gradient(right, #a94276, #c64039);
  background: linear-gradient(to right, #a94276, #c64039); }

#contenedorGeneralCateg .seleccionado a,
#contenedorGeneralCateg .seleccionado span {
  color: white !important;
  padding: 5px 17px !important; }

#contenedorGeneralCateg .categoria a,
#contenedorGeneralCateg .categoria span {
  display: block;
  padding: 3px 15px;
  text-decoration: none;
  color: black;
  font-weight: 600; }

#contenedorGeneralCateg #linkAgenda {
  display: inline-block;
  position: absolute;
  bottom: 0;
  right: 0;
  border: 4px solid black;
  text-align: center; }

#contenedorGeneralCateg #linkAgenda a {
  display: block;
  padding: 8px 12px 3px 12px;
  text-decoration: none;
  color: black; }

#contenedorGeneralCateg #linkAgenda .icon-calendar {
  font-size: 35px; }

#contenedorGeneralCateg #linkAgenda p {
  text-transform: lowercase;
  font-weight: 600;
  margin-bottom: 0; }

#contenedorGeneralCateg #noFloat {
  clear: both; }

#contenedorGeneralCateg .categoria:hover {
  border: none;
  background: #c64039;
  background: -webkit-linear-gradient(left, #a94276, #c64039);
  background: -o-linear-gradient(right, #a94276, #c64039);
  background: -moz-linear-gradient(right, #a94276, #c64039);
  background: linear-gradient(to right, #a94276, #c64039); }

#contenedorGeneralCateg .categoria:hover a,
#contenedorGeneralCateg .categoria:hover span {
  color: white;
  padding: 5px 17px; }

#linkAgenda:hover {
  background-color: black; }

#contenedorGeneralCateg #linkAgenda:hover a {
  color: white; }

@media only screen and (max-width: 1200px) {
  #contenedorGeneralCateg {
    width: 700px;
    margin-left: auto;
    margin-right: auto; } }

@media only screen and (max-width: 840px) {
  #contenedorGeneralCateg {
    width: 100%; } }

/*****************************************************************************************************/
/************************************** adt_calendario_eventos ***************************************/
/*****************************************************************************************************/
.calendario {
  position: relative;
  margin: 0;
  margin-top: 50px; }

.partial-width {
  margin-left: 10%;
  margin-right: 10%; }

.calendario .anios {
  overflow: hidden; }

.calendario .anios .anioMostrar {
  float: left;
  border: 2px solid black;
  margin-right: 5px;
  cursor: pointer; }

.calendario .anios p {
  display: inline;
  padding: 15px;
  font-size: 18pt !important; }

.calendario .nombreMes {
  margin-top: 30px;
  padding-left: 10px;
  color: white;
  background: #b94155;
  /* For browsers that do not support gradients */
  background: -webkit-linear-gradient(90deg, #a94276, #c64039);
  /* For Safari 5.1 to 6.0 */
  background: -o-linear-gradient(90deg, #a94276, #c64039);
  /* For Opera 11.1 to 12.0 */
  background: -moz-linear-gradient(90deg, #a94276, #c64039);
  /* For Firefox 3.6 to 15 */
  background: linear-gradient(90deg, #a94276, #c64039);
  /* Standard syntax */
  cursor: pointer; }

.calendario .nombreMes p {
  font-size: 18pt !important;
  font-weight: 600; }

.calendario .mesesAnioPestanas .mesAnioMostrar {
  border: 1px solid black;
  margin-top: 5px;
  margin-bottom: 5px;
  padding: 5px;
  cursor: pointer;
  display: inline-block; }

.calendario .anios .anioMostrar.active,
.calendario .mesesAnioPestanas .mesAnioMostrar.active {
  background-color: #b5433b;
  color: white; }

.calendario .mesesAnioPestanas .mesAnioMostrar:hover {
  background-color: black;
  color: white; }

/* Estilo cabecera evento */
.calendario .evento {
  position: relative;
  /* overflow: auto; */
  overflow: hidden;
  clear: left;
  border-top: 1px solid #d9d9d9;
  background-color: #FAFAFA;
  padding-top: 15px;
  padding-bottom: 15px;
  cursor: pointer; }

.calendario .evento .fecha {
  position: relative;
  float: left;
  width: 103px;
  height: 110px;
  color: white; }

/* Estilo fechas */
.calendario .evento .fecha p {
  text-transform: uppercase; }

.calendario .evento .fecha .fechaInicio {
  position: absolute;
  left: 0;
  top: 0;
  width: 70px;
  height: 100%;
  margin-left: 10px;
  text-align: center;
  z-index: 2; }

.calendario .evento .fecha .fechaInicio span {
  font-size: 27pt !important;
  position: relative;
  top: -8px; }

.calendario .evento .fecha .fechaInicio p {
  font-size: 10pt !important;
  position: absolute;
  top: 33px;
  left: 21px; }

.calendario .evento .fecha .fechaInicioBack {
  position: absolute;
  top: 0;
  left: 0;
  width: 70px;
  height: 66px;
  margin-left: 10px;
  border-left: 70px solid black;
  border-bottom: 27px solid transparent;
  z-index: 1; }

.calendario .evento .fecha .fechaFin {
  position: absolute;
  left: 0;
  top: 0;
  width: 70px;
  height: 100%;
  margin-left: 10px;
  text-align: center;
  z-index: 2; }

.calendario .evento .fecha .fechaFin span {
  position: relative;
  font-size: 27pt !important;
  bottom: -52px; }

.calendario .evento .fecha .fechaFin p {
  position: absolute;
  font-size: 10pt !important;
  bottom: -12px;
  left: 21px; }

.calendario .evento .fecha .fechaFinBack {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 70px;
  height: 66px;
  margin-left: 10px;
  border-right: 70px solid black;
  border-top: 27px solid transparent;
  z-index: 1; }

.calendario .evento .fecha .fechaRelleno {
  position: absolute;
  top: 0;
  left: 0;
  width: 70px;
  height: 66px;
  margin-left: 10px;
  z-index: 1;
  background-color: black;
  border-bottom: 12px solid #FAFAFA; }

/* Fechas fin */
.calendario .imgEventoMini {
  float: left;
  height: 110px;
  width: 110px;
  /* height: 146px; Para conservar la proporciï¿½n ancho / alto = 0.75 */
  overflow: hidden; }

.calendario .imgEventoMini .imagenEventoSmall {
  max-width: 100%;
  min-height: 100%;
  width: 110px; }

.calendario .imgEventoMini p {
  font-size: 9pt !important; }

.calendario .evento .titulo {
  margin-left: 230px;
  margin-top: 10px; }

.calendario .evento .titulo p {
  font-size: 18pt !important;
  font-weight: 600;
  word-break: break-word; }

.calendario .evento .descripResumen {
  margin-left: 230px; }

.calendario .evento .simboloEntrada {
  position: absolute;
  bottom: 0;
  right: 0;
  height: 50px;
  width: 50px;
  border-bottom: 50px solid #c64039;
  border-left: 50px solid transparent; }

.calendario .evento .linkVenta {
  text-decoration: none; }

.calendario .evento span {
  position: absolute;
  bottom: 0;
  right: 0;
  font-size: 23pt !important;
  color: white;
  z-index: 1; }

/* Estilo evento desplegado */
.calendario .desplegable {
  display: none;
  overflow: auto;
  padding-bottom: 20pt;
  padding-top: 20pt;
  background-color: #f2f2f2; }

.calendario .desplegable .contImgDesple .imagenEventoBig {
  display: block;
  margin: auto;
  max-width: 100%;
  text-align: center; }

.calendario .desplegable .tituloApartado {
  display: inline;
  margin-left: 15px;
  font-weight: 600;
  text-transform: uppercase; }

.calendario .desplegable .descripDesple {
  position: relative;
  margin: 20pt 0 20pt 0;
  background-color: #fafafa;
  padding: 10px;
  padding-left: 12%;
  padding-right: 12%; }

.calendario .desplegable .descripDesple .descripContenido {
  padding-left: 21px;
  line-height: 160%;
  text-align: justify; }

.calendario .desplegable .fechaDireccAlto {
  position: relative;
  display: flex; }

.calendario .desplegable .fechaDireccAlto .fechaDesple {
  width: 50%;
  float: left;
  margin: 0 0 20pt 0;
  padding: 10px;
  padding-left: 12%;
  background-color: #fafafa;
  border: 3px solid #f2f2f2;
  align-items: stretch; }

.calendario .desplegable .fechaDireccAlto .fechaDesple .fechaContenido {
  padding-left: 34px;
  line-height: 160%; }

.calendario .desplegable .fechaDireccAlto .direccionDesple {
  width: 50%;
  float: left;
  margin: 0 0 20pt 0;
  padding: 10px;
  padding-right: 12%;
  background-color: #fafafa;
  border: 3px solid #f2f2f2;
  align-items: stretch; }

.calendario .desplegable .fechaDireccAlto .direccionDesple .direccionContenido {
  padding-left: 28px;
  line-height: 160%; }

.calendario .desplegable .mapContDesple {
  position: relative;
  margin: 0 0 20pt 0;
  padding-bottom: 17%;
  width: auto;
  clear: left; }

.calendario .desplegable .mapContDesple .map {
  position: absolute;
  display: block;
  margin: auto;
  border: 0;
  width: 100%;
  height: 100%; }

.calendario .desplegable .docDescarga {
  width: 50%;
  margin: 0 0 20pt 0;
  padding: 10px;
  padding-left: 12%;
  clear: left;
  background-color: #fafafa;
  border: 3px solid #f2f2f2; }

.calendario .desplegable .enlaceDesple {
  width: 50%;
  margin: 0 0 20pt 0;
  padding: 10px;
  padding-left: 12%;
  clear: left;
  background-color: #fafafa;
  border: 3px solid #f2f2f2; }

.calendario .desplegable .enlaceVentaDesple {
  width: 50%;
  margin: 0 0 20pt 0;
  padding: 10px;
  padding-left: 12%;
  clear: left;
  background-color: #fafafa;
  border: 3px solid #f2f2f2; }

.calendario .desplegable .docDescarga a, .calendario .desplegable .enlaceDesple a, .desplegable .enlaceVentaDesple a {
  color: black; }

.calendario .desplegable .enlaceVentaDesple p {
  display: inline;
  margin-left: 10px; }

.calendario .desplegable .enlaceDesple p {
  display: inline;
  margin-left: 10px; }

.calendario .desplegable .docDescarga p {
  display: inline;
  margin-left: 10px; }

.calendario .desplegable .iconoImprimir .icon-print {
  padding-left: 12%;
  font-size: 23pt !important;
  color: black !important; }

/* Comportamientos hover */
.calendario .anios .anioMostrar:hover {
  background-color: black;
  color: white; }

.calendario .borderEvento:hover {
  border: 3px solid #c64039 !important; }

/* Comportamiento responsive */
@media only screen and (max-width: 1200px) {
  .calendario .desplegable .mapContDesple {
    padding-bottom: 23%; } }

@media only screen and (max-width: 991px) {
  .calendario .desplegable .mapContDesple {
    padding-bottom: 25%; } }

@media only screen and (max-width: 767px) {
  .partial-width {
    margin-left: 5%;
    margin-right: 5%; }
  .calendario .desplegable .mapContDesple {
    padding-bottom: 28%; } }

@media only screen and (max-width: 476px) {
  .partial-width {
    margin-left: 0%;
    margin-right: 0%; }
  .calendario .desplegable .mapContDesple {
    padding-bottom: 40%; }
  .calendario .evento {
    overflow: hidden; }
  .calendario .evento .fecha {
    width: 50px; }
  .calendario .evento .fecha .fechaInicio {
    width: 40px;
    margin-left: 5px; }
  .calendario .evento .fecha .fechaInicioBack {
    width: 40px;
    margin-left: 5px;
    border-left: 40px solid black; }
  .calendario .evento .fecha .fechaFin {
    width: 40px;
    margin-left: 5px; }
  .calendario .evento .fecha .fechaFinBack {
    width: 40px;
    margin-left: 5px;
    border-right: 40px solid black; }
  .calendario .evento .fecha .fechaInicio span {
    font-size: 18pt !important;
    top: -3px; }
  .calendario .evento .fecha .fechaInicio p {
    font-size: 10pt !important;
    top: 28px;
    left: 8px; }
  .calendario .evento .fecha .fechaFin span {
    font-size: 18pt !important;
    bottom: -58px; }
  .calendario .evento .fecha .fechaFin p {
    font-size: 10pt !important;
    left: 8px;
    bottom: -6px; }
  .calendario .evento .fecha .fechaRelleno {
    width: 40px;
    margin-left: 5px; }
  .calendario .evento .titulo {
    margin-left: 180px;
    margin-top: 0; }
  .calendario .evento .titulo p {
    font-size: 16pt !important; }
  .calendario .evento .descripResumen {
    display: none; }
  .calendario .desplegable .fechaDireccAlto {
    display: block; }
  .calendario .desplegable .fechaDireccAlto .fechaDesple {
    width: auto;
    float: none;
    padding-right: 12%; }
  .calendario .desplegable .fechaDireccAlto .direccionDesple {
    width: auto;
    float: none;
    padding-left: 12%; }
  .calendario .desplegable .docDescarga {
    width: auto;
    padding-right: 12%; }
  .calendario .desplegable .enlaceDesple {
    width: auto;
    padding-right: 12%; }
  .calendario .desplegable .enlaceVentaDesple {
    width: auto;
    padding-right: 12%; } }

/* Ocultaciï¿½n elementos*/
.calendario .mesPasado {
  display: none; }

.calendario .ocultarAnio {
  display: none; }

/************************************ FIN adt_calendario_eventos *************************************/
/*****************************************************************************************************/
/*****************************************************************************************************/
/****************************************** adt_enoturismo *******************************************/
/*****************************************************************************************************/
#adt_enoturismo {
  position: relative;
  overflow: hidden;
  margin-bottom: 50px;
  background-color: rgba(77, 77, 77, 0.4); }

#adt_enoturismo #fondo {
  position: absolute;
  top: 0;
  right: 0;
  width: 100%;
  min-height: 100%;
  z-index: 0;
  opacity: 0.4; }

#adt_enoturismo #contenido {
  position: relative;
  top: 0;
  left: 0;
  width: 100%; }

#adt_enoturismo #denominacionesOrigen {
  position: relative;
  float: left;
  margin-top: 10%;
  margin-right: 50px;
  z-index: 2; }

#adt_enoturismo #contenedorImagenMapa {
  position: relative;
  width: 37%;
  float: left;
  margin-bottom: 20px; }

#adt_enoturismo #contenedorImagenMapa #imagenMapa {
  width: 100%; }

#adt_enoturismo #denominacionesOrigen div a {
  text-decoration: none !important;
  color: black; }

#adt_enoturismo #denominacionesOrigen .textDO {
  background-color: white;
  display: inline;
  font-size: 24pt !important;
  padding-left: 50px;
  padding-right: 10px;
  cursor: pointer; }

#adt_enoturismo #denominacionesOrigen div:first-child .textDO {
  cursor: initial;
  padding-left: 25px;
  font-weight: 600; }

#adt_enoturismo #contenedorTexto {
  clear: left;
  margin: 0 20px; }

#adt_enoturismo #descripcionGeneral {
  padding: 5px 10px;
  background-color: white;
  font-size: 16pt !important;
  text-align: justify; }

/* Colocamos un !important en todas los estilos de los hover porque como tambiï¿½n vamos a cambiar 
   estas propiedades mediante javascript queremos que sigan teniendo validez */
#adt_enoturismo #denominacionesOrigen .textDO:hover {
  color: white !important;
  background: #b94155 !important;
  /* For browsers that do not support gradients */
  background: -webkit-linear-gradient(90deg, #a94276, #c64039) !important;
  /* For Safari 5.1 to 6.0 */
  background: -o-linear-gradient(90deg, #a94276, #c64039) !important;
  /* For Opera 11.1 to 12.0 */
  background: -moz-linear-gradient(90deg, #a94276, #c64039) !important;
  /* For Firefox 3.6 to 15 */
  background: linear-gradient(90deg, #a94276, #c64039) !important;
  /* Standard syntax */ }

#adt_enoturismo #denominacionesOrigen div:first-child .textDO:hover {
  color: black !important;
  background: white !important; }

/* DISEï¿½O RESPONSIVE */
@media only screen and (max-width: 1100px) {
  #adt_enoturismo #fondo {
    height: 100%;
    min-width: 100%;
    width: auto;
    min-height: auto; }
  #adt_enoturismo #denominacionesOrigen {
    float: none;
    margin-top: 10px;
    margin-right: auto; }
  #adt_enoturismo #contenedorImagenMapa {
    float: none;
    width: 490px;
    margin: 20px auto; } }

@media only screen and (max-width: 700px) {
  #adt_enoturismo #denominacionesOrigen .textDO {
    font-size: 4.5vw !important; } }

@media only screen and (max-width: 600px) {
  #adt_enoturismo #contenedorImagenMapa {
    width: 100%; } }

/*****************************************************************************************************/
/****************************** adt_enoturismo_detalle_columna_lateral *******************************/
/*****************************************************************************************************/
#contenedorGeneralDOs {
  position: relative;
  width: 100%;
  height: 100%;
  padding: 0;
  overflow: hidden;
  margin-top: 30px; }

#contenedorGeneralDOs .denomOrigen {
  position: relative;
  width: 100%;
  padding-bottom: 85%;
  margin-bottom: 10%;
  float: left;
  overflow: hidden;
  border: 1px solid black; }

#contenedorGeneralDOs .imagenImpres {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: -1; }

#contenedorGeneralDOs .imagen {
  width: 100%;
  height: 100%; }

#contenedorGeneralDOs .textoImpres {
  position: absolute;
  bottom: 0;
  left: 0;
  width: auto;
  height: auto;
  margin-right: 50px;
  padding: 1%;
  font-size: 0; }

#contenedorGeneralDOs .titulo {
  display: inline;
  font-size: 1.5vw !important;
  padding: 3px;
  font-weight: 700;
  line-height: 155%;
  background-color: white;
  color: black; }

#contenedorGeneralDOs .denomOrigen .simboloMas {
  position: absolute;
  bottom: 0;
  right: 0;
  width: 45px;
  height: 45px;
  border-bottom: 45px solid white;
  border-left: 45px solid transparent;
  z-index: 1; }

#contenedorGeneralDOs .denomOrigen span[class*="icon-"] {
  position: absolute;
  right: 0px;
  bottom: 0px;
  padding-right: 4px;
  padding-bottom: 2px;
  color: black;
  font-size: 16pt !important;
  z-index: 2; }

/* Comportamientos hover */
#contenedorGeneralDOs .denomOrigen:hover p {
  color: white;
  background: #b94155;
  /* For browsers that do not support gradients */
  background: -webkit-linear-gradient(90deg, #a94276, #c64039);
  /* For Safari 5.1 to 6.0 */
  background: -o-linear-gradient(90deg, #a94276, #c64039);
  /* For Opera 11.1 to 12.0 */
  background: -moz-linear-gradient(90deg, #a94276, #c64039);
  /* For Firefox 3.6 to 15 */
  background: linear-gradient(90deg, #a94276, #c64039);
  /* Standard syntax */ }

#contenedorGeneralDOs .denomOrigen:hover .titulo {
  color: white;
  background: #b94155;
  /* For browsers that do not support gradients */
  background: -webkit-linear-gradient(90deg, #a94276, #c64039);
  /* For Safari 5.1 to 6.0 */
  background: -o-linear-gradient(90deg, #a94276, #c64039);
  /* For Opera 11.1 to 12.0 */
  background: -moz-linear-gradient(90deg, #a94276, #c64039);
  /* For Firefox 3.6 to 15 */
  background: linear-gradient(90deg, #a94276, #c64039);
  /* Standard syntax */ }

#contenedorGeneralDOs .denomOrigen:hover .simboloMas {
  width: 60px;
  height: 60px;
  border-bottom: 60px solid #c64039;
  border-left: 60px solid transparent; }

#contenedorGeneralDOs .denomOrigen:hover span[class*="icon-"] {
  padding-right: 6px;
  padding-bottom: 2px;
  font-size: 22pt !important;
  color: white; }

#contenedorGeneralDOs .denomOrigen:hover:after {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  display: block;
  content: "";
  border: 3px solid #c64039; }

/* RESPONSIVE */
@media only screen and (max-width: 767px) {
  #contenedorGeneralDOs .denomOrigen {
    width: 48%;
    padding-bottom: 43%;
    margin-bottom: 2%;
    margin-right: 2%; }
  #contenedorGeneralDOs .titulo {
    font-size: 4vw !important; } }

/*****************************************************************************************************/
/*********************************** adt_bares_restaurantes_portada **********************************/
/*****************************************************************************************************/
#baresPortadaContGeneral {
  position: relative;
  width: 100%;
  height: 100%;
  padding: 0;
  overflow: hidden;
  /*margin-top:30px;*/ }

#baresPortadaContGeneral #contCards .cardOpcion {
  position: relative;
  width: calc((100% /3) - 11px);
  padding-bottom: 20%;
  margin: 5px;
  float: left;
  overflow: hidden; }

#baresPortadaContGeneral #contCards #firstCardOpcion {
  margin-left: 18% !important; }

#baresPortadaContGeneral #contCards .contImgOpcion {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: -1; }

#baresPortadaContGeneral #contCards .imgFondo {
  width: 100%;
  height: 100%; }

#baresPortadaContGeneral #contCards .textoImpres {
  position: absolute;
  bottom: 0;
  left: 0;
  width: auto;
  height: auto;
  margin-right: 50px;
  padding: 1%;
  font-size: 0; }

#baresPortadaContGeneral p {
  font-size: 1.5vw !important;
  padding: 3px;
  font-weight: 700;
  line-height: 155%;
  text-align: left;
  background-color: white;
  color: black; }

#baresPortadaContGeneral #contCards .cardOpcion .simboloMas {
  position: absolute;
  bottom: 0;
  right: 0;
  width: 45px;
  height: 45px;
  border-bottom: 45px solid white;
  border-left: 45px solid transparent;
  z-index: 1; }

#baresPortadaContGeneral #contCards .cardOpcion span[class*="icon-"] {
  position: absolute;
  right: 0px;
  bottom: 0px;
  padding-right: 4px;
  padding-bottom: 2px;
  color: black;
  font-size: 16pt !important;
  z-index: 2; }

/* Comportamientos hover */
#baresPortadaContGeneral #contCards .cardOpcion:hover p {
  color: white;
  background: #b94155;
  /* For browsers that do not support gradients */
  background: -webkit-linear-gradient(90deg, #a94276, #c64039);
  /* For Safari 5.1 to 6.0 */
  background: -o-linear-gradient(90deg, #a94276, #c64039);
  /* For Opera 11.1 to 12.0 */
  background: -moz-linear-gradient(90deg, #a94276, #c64039);
  /* For Firefox 3.6 to 15 */
  background: linear-gradient(90deg, #a94276, #c64039);
  /* Standard syntax */ }

#baresPortadaContGeneral #contCards .cardOpcion:hover p {
  color: white;
  background: #b94155;
  /* For browsers that do not support gradients */
  background: -webkit-linear-gradient(90deg, #a94276, #c64039);
  /* For Safari 5.1 to 6.0 */
  background: -o-linear-gradient(90deg, #a94276, #c64039);
  /* For Opera 11.1 to 12.0 */
  background: -moz-linear-gradient(90deg, #a94276, #c64039);
  /* For Firefox 3.6 to 15 */
  background: linear-gradient(90deg, #a94276, #c64039);
  /* Standard syntax */ }

#baresPortadaContGeneral #contCards .cardOpcion:hover .simboloMas {
  width: 60px;
  height: 60px;
  border-bottom: 60px solid #c64039;
  border-left: 60px solid transparent; }

#baresPortadaContGeneral #contCards .cardOpcion:hover span[class*="icon-"] {
  padding-right: 6px;
  padding-bottom: 2px;
  font-size: 22pt !important;
  color: white; }

#baresPortadaContGeneral #contCards .cardOpcion:hover:after {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  display: block;
  content: "";
  border: 3px solid #c64039; }

/* Responsive */
@media only screen and (max-width: 767px) {
  #baresPortadaContGeneral #contCards .cardOpcion {
    width: calc((100% /2) - 11px);
    padding-bottom: 32%; }
  #baresPortadaContGeneral #contCards #firstCardOpcion {
    margin-left: 25% !important; }
  #baresPortadaContGeneral p {
    font-size: 3vw !important; } }

@media only screen and (max-width: 476px) {
  #baresPortadaContGeneral #contCards .cardOpcion {
    width: calc(100% - 11px);
    padding-bottom: 64%; }
  #baresPortadaContGeneral #contCards #firstCardOpcion {
    margin-left: 5px !important; }
  #baresPortadaContGeneral p {
    font-size: 6vw !important; } }

/*****************************************************************************************************/
/******************************* adt_bares_restaurantes_barra_lateral ********************************/
/*****************************************************************************************************/
#baresContGeneral {
  position: relative;
  width: 100%;
  height: 100%;
  padding: 0;
  overflow: hidden; }

#baresContGeneral #contCards .cardOpcion {
  position: relative;
  width: 100%;
  padding-bottom: 67%;
  margin: 5px 0;
  float: left;
  overflow: hidden; }

#baresContGeneral #contCards .contImgOpcion {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: -1; }

#baresContGeneral #contCards .imgFondo {
  width: 100%;
  height: 100%; }

#baresContGeneral #contCards .textoImpres {
  position: absolute;
  bottom: 0;
  left: 0;
  width: auto;
  height: auto;
  margin-right: 50px;
  padding: 1%;
  font-size: 0; }

#baresContGeneral p {
  font-size: 1.5vw !important;
  padding: 3px;
  font-weight: 700;
  text-align: left;
  line-height: 110%;
  background-color: white;
  color: black; }

#baresContGeneral #contCards .cardOpcion .simboloMas {
  position: absolute;
  bottom: 0;
  right: 0;
  width: 45px;
  height: 45px;
  border-bottom: 45px solid white;
  border-left: 45px solid transparent;
  z-index: 1; }

#baresContGeneral #contCards .cardOpcion span[class*="icon-"] {
  position: absolute;
  right: 0px;
  bottom: 0px;
  padding-right: 4px;
  padding-bottom: 2px;
  color: black;
  font-size: 16pt !important;
  z-index: 2; }

/* Comportamientos hover */
#baresContGeneral #contCards .cardOpcion:hover p {
  color: white;
  background: #b94155;
  /* For browsers that do not support gradients */
  background: -webkit-linear-gradient(90deg, #a94276, #c64039);
  /* For Safari 5.1 to 6.0 */
  background: -o-linear-gradient(90deg, #a94276, #c64039);
  /* For Opera 11.1 to 12.0 */
  background: -moz-linear-gradient(90deg, #a94276, #c64039);
  /* For Firefox 3.6 to 15 */
  background: linear-gradient(90deg, #a94276, #c64039);
  /* Standard syntax */ }

#baresContGeneral #contCards .cardOpcion:hover p {
  color: white;
  background: #b94155;
  /* For browsers that do not support gradients */
  background: -webkit-linear-gradient(90deg, #a94276, #c64039);
  /* For Safari 5.1 to 6.0 */
  background: -o-linear-gradient(90deg, #a94276, #c64039);
  /* For Opera 11.1 to 12.0 */
  background: -moz-linear-gradient(90deg, #a94276, #c64039);
  /* For Firefox 3.6 to 15 */
  background: linear-gradient(90deg, #a94276, #c64039);
  /* Standard syntax */ }

#baresContGeneral #contCards .cardOpcion:hover .simboloMas {
  width: 60px;
  height: 60px;
  border-bottom: 60px solid #c64039;
  border-left: 60px solid transparent; }

#baresContGeneral #contCards .cardOpcion:hover span[class*="icon-"] {
  padding-right: 6px;
  padding-bottom: 2px;
  font-size: 22pt !important;
  color: white; }

#baresContGeneral #contCards .cardOpcion:hover:after {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  display: block;
  content: "";
  border: 3px solid #c64039; }

/* Responsive */
@media only screen and (max-width: 767px) {
  #baresContGeneral #contCards .cardOpcion {
    width: calc((100% /2) - 11px);
    padding-bottom: 32%;
    margin: 5px; }
  #baresContGenera #contCards #firstCardOpcion {
    margin-left: 25% !important; }
  #baresContGeneral p {
    font-size: 3vw !important; } }

@media only screen and (max-width: 476px) {
  #baresContGeneral #contCards .cardOpcion {
    width: calc(100% - 11px);
    padding-bottom: 64%; }
  #baresContGenera #contCards #firstCardOpcion {
    margin-left: 5px !important; }
  #baresContGeneral p {
    font-size: 6vw !important; } }

/********************************** Estilos ADTs de establecimientos *********************************/
/******************************************************************************************************
 Afecta a los siguientes ADTS: 
		adt_bares_restaurantes	 				(PAG: Restaurantes / Saborea Espaï¿½a / Bodega / 
													  Ocio nocturno / Bares y restaurantes)
		adt_bodegas_DOs							(PAG: Detalle enoturismo)
******************************************************************************************************/
#tituloCabecera {
  margin-top: 30px;
  padding-left: 5px;
  background: #b94155;
  /* For browsers that do not support gradients */
  background: -webkit-linear-gradient(90deg, #a94276, #c64039);
  /* For Safari 5.1 to 6.0 */
  background: -o-linear-gradient(90deg, #a94276, #c64039);
  /* For Opera 11.1 to 12.0 */
  background: -moz-linear-gradient(90deg, #a94276, #c64039);
  /* For Firefox 3.6 to 15 */
  background: linear-gradient(90deg, #a94276, #c64039);
  /* Standard syntax */ }

#tituloCabecera p {
  font-size: 35px;
  font-weight: 600;
  color: white; }

.establecimiento {
  position: relative;
  padding: 10px;
  margin-bottom: 40px;
  overflow: auto;
  background-color: rgba(218, 217, 212, 0.4);
  color: black; }

.nombreEstablecimiento {
  margin-bottom: 15px;
  border-bottom: 1px solid #dad9d4;
  font-size: 18pt !important;
  font-weight: 600; }

.establecimiento .infoContainer {
  position: relative;
  overflow: auto; }

.establecimiento .infoContainer .imagenEInfoCont {
  position: relative;
  width: 20%;
  margin-right: 20px;
  margin-bottom: 10px;
  float: left; }

.establecimiento .imagenEInfoCont .imgContainer {
  position: relative;
  width: 100%;
  margin-right: 20px;
  margin-bottom: 10px; }

.establecimiento .imagenEInfoCont .imgContainer img {
  position: relative;
  width: 100%;
  height: auto; }

.establecimiento .imagenEInfoCont .infoEstablecimiento {
  position: relative;
  width: 100%;
  margin-right: 20px;
  padding: 10px;
  background-color: #dad9d4;
  word-break: break-all;
  z-index: 1; }

.infoEstablecimiento a {
  color: black; }

.infoEstablecimiento a:hover {
  color: black; }

.establecimiento .descripEstablecimiento {
  position: relative;
  text-align: justify;
  margin: 0 15px; }

.establecimiento .mapContDesple {
  position: relative;
  margin-top: 10px;
  padding-bottom: 17%;
  width: auto;
  clear: left; }

.establecimiento .mapContDesple .map {
  position: absolute;
  display: block;
  margin: auto;
  border: 0;
  width: 100%;
  height: 100%; }

/* Responsive */
@media only screen and (max-width: 1524px) {
  .establecimiento .infoContainer .imagenEInfoCont {
    width: 250px; } }

@media only screen and (max-width: 767px) {
  #tituloCabecera p {
    font-size: 30px; }
  .establecimiento .infoContainer .imagenEInfoCont {
    float: none;
    width: 100%;
    margin-right: 0;
    margin-bottom: 15px; }
  .descripEstablecimiento {
    margin-right: 0; }
  .establecimiento .mapContDesple {
    padding-bottom: 49%; } }

/* Ocultar elementos */
.contGeneralbodegas .establecimiento .hidden {
  display: none; }

/******************************** Estilos ADTs slider (adt_sliderPags) *******************************/
/******************************************************************************************************
 Afecta a los siguientes ADTS: 
		adt_sliderPags_ruta_tapas	 			(PAG: Ruta de tapas
		adt_sliderPags_calendario				(PAG: Eventos gastronï¿½micos, En escena / Mï¿½sica / 
													  Literatura y educaciï¿½n / Fiestas y festivales)
******************************************************************************************************/
.full-height {
  position: relative;
  padding-bottom: 32%;
  margin-bottom: 4%; }

#bgCarousel {
  position: absolute;
  height: 100%;
  width: 100%; }

.adjustMaxWidthHeight {
  height: 100%;
  width: 100%; }

.slide_title {
  z-index: 20;
  background: white;
  display: inline;
  /*height: 5.5vw;*/
  position: absolute;
  bottom: 4vw;
  left: 0px;
  line-height: 2.5vw;
  font-size: 3vw !important;
  font-weight: 900;
  padding: 5px 10px;
  color: black;
  text-transform: uppercase; }

.imagenSliderCalendario {
  position: relative;
  width: 100%;
  min-height: 100%;
  overflow: hidden; }

@media screen and (max-width: 991px) {
  .full-height {
    padding-bottom: 40%; }
  .imagenSliderCalendario {
    position: absolute;
    height: 100% !important;
    width: auto;
    max-width: none !important;
    min-width: 100%;
    transform: translateX(-50%);
    left: 50%; } }

@media screen and (max-width: 767px) {
  .full-height {
    padding-bottom: 50%; } }

@media screen and (max-width: 476px) {
  .full-height {
    padding-bottom: 75%; } }

.adt_asset_slider span[class*="icon-angle-"] {
  position: absolute;
  bottom: 0;
  font-size: 36pt !important;
  /* color: #fff; */
  color: #b94155;
  opacity: .5;
  text-decoration: none; }

.adt_asset_slider .icon-angle-left {
  left: 5%; }

.adt_asset_slider .icon-angle-right {
  right: 5%; }

.adt_asset_slider span[class*="icon-angle-"]:hover {
  opacity: .9; }

.adt_asset_slider .carousel-indicators .active {
  background-color: #b94155; }

.adt_asset_slider .carousel-indicators li {
  border-color: #b94155; }

/************************************** ADTs Pï¿½GINA DE INICIO ****************************************/
/*****************************************************************************************************/
/****************************** adt_asset_slider_home_VAR (PAG: Inicio) ******************************/
/*****************************************************************************************************/
.adt_asset_slider_home_VAR {
  width: 100vw !important;
  height: 50vw !important;
  min-height: 50vh !important;
  max-height: 1000px !important; }

.adt_asset_slider_home_VAR .slide_image {
  position: absolute;
  height: 100% !important;
  max-width: none !important;
  min-width: 100%;
  bottom: 0;
  left: 0; }

.adt_asset_slider_home_VAR .slide_title {
  background: white;
  display: inline;
  position: absolute;
  bottom: 10vw;
  left: 0;
  line-height: 5.5vw;
  font-size: 5vw !important;
  font-weight: 900;
  padding: 5px 25px 0 45px;
  color: black;
  text-transform: uppercase; }

.adt_asset_slider_home_VAR .slide_text {
  position: absolute;
  bottom: 6vw;
  left: 0;
  display: inline;
  padding: 0 15px 1px 45px;
  background: white;
  color: black;
  font-weight: 900 !important;
  font-size: 2.5vw !important;
  line-height: 1.2; }

.adt_asset_slider_home_VAR .carousel-indicators {
  bottom: 0 !important;
  z-index: 40 !important; }

/*
.adt_asset_slider_home_VAR .move_down{
	color: white;
	opacity: .5;
	text-shadow: 0px 0px 3px #000;
}
.adt_asset_slider_home_VAR .move_down:hover{
	opacity: .9;
}
*/
.adt_asset_slider_home_VAR .carousel-indicators li {
  border: 1px solid rgba(255, 255, 255, 0.5);
  box-shadow: 0px 0px 3px #000000; }

.adt_asset_slider_home_VAR .carousel-indicators .active {
  background-color: rgba(255, 255, 255, 0.9); }

.adt_asset_slider_home_VAR span[class*="icon-angle-"] {
  color: white;
  text-shadow: 0px 0px 3px #000000; }

@media screen and (max-width: 991px) {
  .adt_asset_slider_home_VAR .move_down {
    top: 89%;
    font-size: 40pt !important; } }

@media screen and (max-width: 449px) {
  .adt_asset_slider_home_VAR .move_down {
    display: none; }
  .adt_asset_slider_home_VAR .slide_title {
    bottom: 16vw;
    line-height: 7.5vw;
    font-size: 7vw !important; }
  .adt_asset_slider_home_VAR .slide_text {
    bottom: 6vw;
    font-weight: 900 !important;
    font-size: 5vw !important;
    line-height: 1.2; }
  .adt_asset_slider_home_VAR span[class*="icon-angle-"] {
    font-size: 10vw !important; }
  .adt_asset_slider_home_VAR .carousel-indicators {
    bottom: -1vw; }
  .adt_asset_slider_home_VAR .carousel-indicators li {
    width: 2vw;
    height: 2vw; } }

/*****************************************************************************************************/
/********************************** adt_asset_slider (PAG: Inicio) ***********************************/
/*****************************************************************************************************/
/* transition styles */
@keyframes fade {
  0% {
    opacity: 0; }
  100% {
    opacity: 1; } }

@keyframes slide-from-left {
  0% {
    margin-right: 100vw; }
  100% {
    margin-right: 0vw; } }

@keyframes slide-from-right {
  0% {
    margin-left: 100vw; }
  100% {
    margin-left: 0vw; } }

.adt_asset_slider {
  position: relative;
  top: 0;
  left: 0;
  overflow: hidden; }

.adt_asset_slider .move_down {
  z-index: 35 !important;
  position: absolute;
  top: 90%;
  left: 50%;
  font-size: 67pt !important;
  color: white;
  opacity: .5;
  transform: translate(-50%, -50%);
  text-shadow: 0px 0px 3px #000000;
  cursor: pointer; }

.adt_asset_slider .move_down:hover {
  opacity: .9; }

.adt_asset_slider .slider_content {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%; }

.adt_asset_slider .slider_content .slide {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  z-index: 0 !important;
  display: block; }

.adt_asset_slider .slider_content .slide.prev-show {
  z-index: 10 !important; }

.adt_asset_slider .slider_content .slide.show {
  z-index: 11 !important;
  animation-name: fade;
  animation-duration: 0.5s;
  animation-iteration-count: 1;
  /*animation-name: ${conf_transition_style};
	animation-duration: ${conf_transition_speed/1000}s;
	animation-iteration-count: 1;*/ }

.adt_asset_slider .slider_content .slide .slide_image {
  position: absolute;
  bottom: 0;
  left: 0;
  z-index: 10; }

.adt_asset_slider .slider_content .slide .slide_image.fill {
  height: 100%;
  width: 100%; }

.adt_asset_slider .slider_content .slide .slide_image.adjust-height {
  height: 100%;
  min-width: 100%; }

.adt_asset_slider .slider_content .slide .slide_image.adjust-width {
  min-height: 100%;
  width: 100%; }

.adt_asset_slider .slider_content .slide .slide_image.crop {
  min-height: 100%;
  min-width: 100%; }

.adt_asset_slider .slider_content .slide .slide_title {
  z-index: 20;
  background: white;
  display: inline;
  /*height: 5.5vw;*/
  position: absolute;
  bottom: 10vw;
  left: 0px;
  line-height: 5.5vw;
  font-size: 5vw !important;
  font-weight: 900;
  padding: 5px 25px 0px 45px;
  color: black;
  text-transform: uppercase; }

.adt_asset_slider .slider_content .slide .slide_text {
  z-index: 20;
  position: absolute;
  bottom: 6vw;
  left: 0px;
  display: inline;
  padding: 0 15px 1px 45px;
  background: white;
  color: black;
  font-weight: 900 !important;
  font-size: 2.5vw !important;
  line-height: 1.2; }

.adt_asset_slider .slider_content .slide .slide_link {
  text-decoration: none; }

.adt_asset_slider .slider_navigation {
  z-index: 30 !important;
  position: absolute;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%); }

.adt_asset_slider .slider_navigation .slide_selector {
  z-index: 31; }

.adt_asset_slider .empty_slider {
  margin: auto;
  padding: 50px;
  border: 3px solid red;
  text-align: center;
  font-size: 20pt;
  font-weight: bold;
  color: black; }

@media screen and (max-width: 449px) {
  .adt_asset_slider .move_down {
    display: none; }
  .adt_asset_slider .slider_content .slide .slide_title {
    bottom: 16vw;
    line-height: 7.5vw;
    font-size: 7vw !important; }
  .adt_asset_slider .slider_content .slide .slide_text {
    bottom: 6vw;
    font-weight: 900 !important;
    font-size: 5vw !important;
    line-height: 1.2; } }

/*****************************************************************************************************/
/******************************* adt_recomendamos_home2 (PAG: Inicio) ********************************/
/*****************************************************************************************************/
.contenedorRecomendamos {
  position: relative;
  padding: 0;
  overflow: hidden;
  padding-bottom: 28%; }

.absoluto {
  position: absolute;
  width: 100%;
  height: 100%; }

.partial-width {
  margin-left: 20%;
  margin-right: 20%; }

.divIzq {
  width: 49%;
  float: left;
  height: 100%;
  position: relative; }

.divDer {
  width: 50%;
  height: 100%;
  float: right; }

.teRecomendamos {
  position: relative;
  width: 50%;
  height: 36%;
  color: white;
  background: #b94155;
  /* For browsers that do not support gradients */
  background: -webkit-linear-gradient(90deg, #a94276, #c64039);
  /* For Safari 5.1 to 6.0 */
  background: -o-linear-gradient(90deg, #a94276, #c64039);
  /* For Opera 11.1 to 12.0 */
  background: -moz-linear-gradient(90deg, #a94276, #c64039);
  /* For Firefox 3.6 to 15 */
  background: linear-gradient(90deg, #a94276, #c64039);
  /* Standard syntax */
  margin: 1% 0% 0% -1%; }

.teRecomendamos p {
  position: absolute;
  top: 14%;
  margin: 0 21% 0 12%;
  word-wrap: break-word;
  font-size: 2.7vw !important;
  font-weight: 800;
  line-height: 100%;
  text-transform: lowercase; }

.elementoPrimero {
  width: 49%;
  height: 62%;
  display: inline-block;
  margin: 1% 0% 1% 0%;
  position: absolute;
  top: 0;
  right: 0; }

.elementoSegundo {
  width: 49%;
  height: 61%;
  position: relative;
  float: left;
  margin: 2% 0% 1% 0%; }

.elementoTercero {
  width: 49%;
  display: inline-block;
  position: absolute;
  bottom: 0;
  left: 0;
  height: 36%;
  margin: 1% 0% 0% 51%; }

.elementoCuarto {
  width: 100%;
  display: inline-block;
  height: 30%;
  position: relative;
  margin: 1% 0% 0% 0%; }

.elementoQuinto {
  width: 49%;
  display: inline-block;
  height: 66%;
  position: relative;
  float: left;
  margin: 1% 2% 1% 0%; }

.elementoSexto {
  width: 49%;
  display: inline-block;
  height: 66%;
  position: relative;
  margin: 1% 0% 1% 0%; }

.elementoPrimero:hover::after,
.elementoSegundo:hover::after,
.elementoTercero:hover::after,
.elementoCuarto:hover::after,
.elementoQuinto:hover::after,
.elementoSexto:hover::after {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  display: block;
  content: "";
  border: 4px solid #b94155;
  z-index: -1; }

.elementoPrimero:hover .textoRecomen,
.elementoSegundo:hover .textoRecomen,
.elementoTercero:hover .textoRecomen,
.elementoCuarto:hover .textoRecomen,
.elementoQuinto:hover .textoRecomen,
.elementoSexto:hover .textoRecomen {
  padding: 0;
  margin: 0;
  display: block;
  width: 100%;
  height: 25%; }

.elementoPrimero:hover .tituloRecomen,
.elementoSegundo:hover .tituloRecomen,
.elementoTercero:hover .tituloRecomen,
.elementoCuarto:hover .tituloRecomen,
.elementoQuinto:hover .tituloRecomen,
.elementoSexto:hover .tituloRecomen {
  color: white;
  background: #b94155;
  background: -webkit-linear-gradient(90deg, #a94276, #c64039);
  background: -o-linear-gradient(90deg, #a94276, #c64039);
  background: -moz-linear-gradient(90deg, #a94276, #c64039);
  background: linear-gradient(90deg, #a94276, #c64039); }

.elementoPrimero:hover .descripcionRecomen,
.elementoSegundo:hover .descripcionRecomen,
.elementoTercero:hover .descripcionRecomen,
.elementoCuarto:hover .descripcionRecomen,
.elementoQuinto:hover .descripcionRecomen,
.elementoSexto:hover .descripcionRecomen {
  color: white;
  background: #b94155;
  background: -webkit-linear-gradient(90deg, #a94276, #c64039);
  background: -o-linear-gradient(90deg, #a94276, #c64039);
  background: -moz-linear-gradient(90deg, #a94276, #c64039);
  background: linear-gradient(90deg, #a94276, #c64039); }

.contenedorImagen {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: -1;
  overflow: hidden; }

.contenedorImagen .imagenRecomendamos {
  height: 100%;
  top: 0;
  position: absolute; }

.contenedorImagen .imgHorizontal {
  width: 100%;
  height: auto;
  min-height: 100%; }

.contenedorImagen .imgVertical {
  height: 100%;
  width: auto;
  min-width: 100%; }

.textoRecomen {
  position: absolute;
  width: 100%;
  left: 0;
  top: 15%;
  height: auto;
  margin: 0;
  padding: 0;
  font-size: 0; }

.tituloRecomen {
  display: inline;
  font-size: 1.4vw !important;
  padding: 4px;
  font-weight: 900;
  line-height: 1.2;
  background-color: white;
  color: black; }

.descripcionRecomen {
  display: inline;
  line-height: 140%;
  font-size: 0.9vw !important;
  color: black;
  background-color: white;
  bottom: 0;
  font-weight: bold;
  padding: 4px; }

/* Comportamiento Responsive */
@media screen and (max-width: 991px) {
  .partial-width {
    margin-left: 7%;
    margin-right: 7%; }
  .contenedorRecomendamos {
    padding-bottom: 170%; }
  .divIzq {
    width: 100%;
    height: 47%; }
  .divDer {
    width: 100%;
    height: 48%;
    float: left !important; }
  .teRecomendamos p {
    font-size: 8vw !important;
    top: 7%; }
  .elementoPrimero {
    height: 62%; }
  .elementoSegundo {
    height: 61%;
    margin-top: 2%; }
  .elementoCuarto {
    margin-top: 2%; }
  .tituloRecomen {
    font-size: 3vw !important; }
  .descripcionRecomen {
    font-size: 2vw !important; } }

@media screen and (max-width: 476px) {
  .partial-width {
    margin-left: 1%;
    margin-right: 1%; }
  .contenedorRecomendamos {
    padding-bottom: 192%; }
  .tituloRecomen {
    font-size: 4vw !important; }
  .descripcionRecomen {
    font-size: 4vw !important; } }

/*****************************************************************************************************/
/************************** adt_destacados_calendario_eventos (PAG: Inicio) **************************/
/*****************************************************************************************************/
.destacadosContainer {
  position: relative;
  width: 100%;
  padding-bottom: calc((100% - 40%) / (4 * 0.75));
  margin-top: 0;
  margin-bottom: 0;
  background: #b94155;
  /* For browsers that do not support gradients */
  background: -webkit-linear-gradient(90deg, #a94276, #c64039);
  /* For Safari 5.1 to 6.0 */
  background: -o-linear-gradient(90deg, #a94276, #c64039);
  /* For Opera 11.1 to 12.0 */
  background: -moz-linear-gradient(90deg, #a94276, #c64039);
  /* For Firefox 3.6 to 15 */
  background: linear-gradient(90deg, #a94276, #c64039);
  /* Standard syntax */
  bottom: -3px; }

.destacados {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  width: auto; }

.partialWidth {
  margin-left: 20%;
  margin-right: 20%; }

.destacados .elementoDestacado {
  position: relative;
  float: left;
  width: 23%;
  height: 94%;
  margin: 1%; }

/* Primer Elemento */
.destacados .elementoDestacado .titulo {
  position: relative;
  width: 100%;
  height: 76%;
  color: white;
  border: solid 3px white; }

.destacados .elementoDestacado .calendEvent {
  position: relative;
  width: 100%;
  height: 22%;
  margin-top: 2%;
  color: white;
  border: solid 3px white;
  cursor: pointer; }

.destacados .titulo .icon-star_empty {
  position: absolute;
  top: 12%;
  margin-left: 12%;
  font-size: 4vw !important; }

.destacados .titulo #tituloFirst {
  position: absolute;
  width: 67%;
  top: 41%;
  margin: 0 21% 0 12%;
  word-wrap: break-word;
  font-size: 2.7vw;
  font-weight: 800;
  line-height: 100%;
  text-transform: lowercase; }

.destacados .elementoDestacado .calendEvent a {
  color: white;
  text-decoration: none; }

.destacados #firstElementDestadado .calendEvent span {
  position: absolute;
  right: 0;
  top: 23%;
  font-size: 2vw;
  margin-right: 3%; }

.destacados #firstElementDestadado .calendEvent p {
  position: relative;
  top: 7%;
  margin: 3% 19% 3% 3%;
  word-wrap: break-word;
  font-size: 1.3vw;
  font-weight: 800;
  line-height: 82%;
  text-transform: lowercase; }

/* El resto de elementos */
.elementoDestacado .capaHover {
  position: relative;
  width: 100%;
  height: 100%; }

.elementoDestacado a {
  color: black;
  text-decoration: none; }

.elementoDestacado .imagenEvent {
  /* width: 100%; height: 100%; */
  position: absolute;
  height: 100%;
  left: 50%;
  transform: translateX(-50%); }

.elementoDestacado .simboloEntrada {
  position: absolute;
  bottom: 0;
  right: 0;
  height: 50px;
  width: 50px;
  z-index: 10 !important;
  border-bottom: 50px solid #c64039;
  border-left: 50px solid transparent; }

.elementoDestacado .icon-ticket {
  position: absolute;
  bottom: 0;
  right: 0;
  font-size: 23pt !important;
  color: white;
  z-index: 10 !important; }

.destacados .elementoDestacado .fondoImag {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%; }

.destacados .elementoDestacado .oculto {
  display: none; }

.destacados .elementoDestacado .imgWrap .textoEvento {
  position: absolute;
  top: 5%;
  left: 5px; }

.destacados .elementoDestacado .imgWrap .textoEvento .nombreEvento {
  font-size: 1vw;
  font-weight: 700; }

.destacados .elementoDestacado .imgWrap .textoEvento p {
  display: inline;
  background-color: white; }

.destacados .elementoDestacado .imgWrap .simboloMas {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translateX(-50%) translateY(-50%);
  color: white; }

.destacados .elementoDestacado .imgWrap .simboloMas span {
  font-size: 4vw !important; }

/* Comportamientos hover */
.destacados .elementoDestacado .calendEvent:hover {
  background-color: rgba(77, 77, 77, 0.5); }

.destacados .elementoDestacado .imgWrap {
  position: relative;
  width: 100%;
  height: 100%;
  cursor: pointer;
  overflow: hidden; }

.destacados .elementoDestacado .capaHover:hover .imgWrap:after {
  background-color: rgba(77, 77, 77, 0.7); }

.destacados .elementoDestacado .capaHover:hover .imgWrap:after {
  display: block;
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  border: solid 5px white; }

.destacados .elementoDestacado:hover .simboloEntrada {
  height: 65px;
  width: 65px;
  border-bottom: 65px solid #c64039;
  border-left: 65px solid transparent;
  margin: 5px; }

.destacados .elementoDestacado:hover .icon-ticket {
  bottom: 5px;
  right: 5px;
  font-size: 30pt !important; }

.destacados .elementoDestacado:hover .oculto {
  display: block;
  z-index: 1; }

/* Responsive */
@media only screen and (max-width: 1200px) {
  .destacados .titulo #tituloFirst {
    font-size: 2.7vw !important; } }

@media only screen and (max-width: 991px) {
  .destacadosContainer {
    padding-bottom: calc((100% - 20%) * 0.33);
    margin-top: -8%;
    margin-bottom: -35px; }
  .destacados .titulo .icon-star_empty {
    font-size: 6vw !important; }
  .destacados .titulo #tituloFirst {
    font-size: 3.6vw !important; }
  .destacados #firstElementDestadado .calendEvent p {
    font-size: 1.8vw !important; }
  .destacados #firstElementDestadado .calendEvent span {
    top: 19%;
    font-size: 3vw !important; } }

@media only screen and (max-width: 767px) {
  .destacadosContainer {
    padding-bottom: calc((100% - 10%) / 0.75);
    margin-top: -8%;
    margin-bottom: -40px; }
  .destacados .elementoDestacado {
    width: 48%;
    height: 48.5%; }
  .destacados .titulo #tituloFirst {
    font-size: 8.6vw !important; }
  .destacados .titulo .icon-star_empty {
    font-size: 12vw !important; }
  .destacados #firstElementDestadado .calendEvent p {
    font-size: 4vw !important; }
  .destacados #firstElementDestadado .calendEvent span {
    font-size: 6vw !important; }
  .destacados .elementoDestacado .imgWrap .simboloMas span {
    font-size: 14vw !important; }
  .destacados .elementoDestacado .imgWrap .textoEvento .nombreEvento {
    font-size: 3.5vw;
    line-height: 4vw !important; } }

@media only screen and (max-width: 476px) {
  .destacadosContainer {
    padding-bottom: calc(100% / 0.75);
    margin-top: -36px; }
  .destacados .titulo #tituloFirst {
    font-size: 9.5vw !important; }
  .destacados #firstElementDestadado .calendEvent p {
    font-size: 4.5vw !important; }
  .destacados #firstElementDestadado .calendEvent span {
    font-size: 8vw !important; } }

@media only screen and (max-width: 991px) {
  .partialWidth {
    margin-left: 10%;
    margin-right: 10%; } }

@media only screen and (max-width: 767px) {
  .partialWidth {
    margin-left: 5%;
    margin-right: 5%; } }

@media only screen and (max-width: 476px) {
  .partialWidth {
    margin-left: 0;
    margin-right: 0; } }

/*****************************************************************************************************/
/******************************* adt_noticias_actualidad (PAG: Inicio) *******************************/
/*****************************************************************************************************/
.noticiasActualidad {
  position: relative;
  width: 100%;
  height: 100%;
  padding: 3% 20% 3% 20%;
  overflow: auto;
  background-color: #dad9d4;
  margin-top: 30px; }

.noticiasActualidad .leftArea {
  width: 33%;
  margin-right: 2%;
  float: left; }

.noticiasActualidad .rightArea {
  width: 63%;
  margin-left: 2%;
  float: right; }

/* ESTILO "leftArea" */
.noticiasActualidad .leftArea .titulo {
  cursor: pointer; }

.noticiasActualidad .leftArea .titulo p {
  font-size: 6.3vw !important;
  word-wrap: break-word;
  line-height: 82%;
  font-weight: 900;
  text-transform: lowercase;
  color: #b94155; }

.noticiasActualidad .leftArea .fecha {
  margin-top: 3%;
  font-size: 2vw !important;
  font-weight: 900;
  text-align: center; }

.noticiasActualidad .leftArea .fecha span {
  font-size: 2vw !important; }

.noticiasActualidad .leftArea .fecha span {
  padding: 1%;
  padding-left: 3%;
  padding-right: 3%;
  font-size: 2vw;
  font-weight: 900;
  background-color: white; }

.noticiasActualidad .leftArea .nubeTags {
  margin-top: 3%;
  padding: 3% 2% 3% 2%;
  background-color: white;
  line-height: 1.7vw;
  text-align: center;
  cursor: pointer; }

.noticiasActualidad .leftArea .verMas {
  text-align: center;
  margin-top: 5%;
  cursor: pointer; }

.noticiasActualidad .leftArea .verMas span {
  margin-top: 3%;
  padding: 1%;
  border: black 2px solid;
  color: black;
  background-color: transparent;
  text-align: center;
  font-weight: 700;
  font-size: 1.5vw;
  text-transform: lowercase; }

.noticiasActualidad .leftArea a {
  text-decoration: none;
  outline: none; }

/*  ESTILO "rightArea" */
.noticiasActualidad .noticia {
  position: relative;
  padding-bottom: 30%;
  width: 100%;
  overflow: hidden;
  margin-top: 2%;
  clear: left; }

.noticiasActualidad .imagenNoticia {
  position: absolute;
  top: 0;
  left: 0;
  float: left;
  width: 39%;
  height: 100%; }

.noticiasActualidad .imagenNoti {
  width: 100%;
  height: 100%; }

.noticiasActualidad .textoNoticia {
  position: absolute;
  top: 0;
  right: 0;
  width: 59%;
  height: 100%;
  margin-left: 42%;
  padding: 1% 1% 1% 1%;
  background-color: white;
  color: black; }

.noticiasActualidad .textoNoticia .fechaNoticia, .noticiasActualidad .textoNoticia .titularNoticia, .noticiasActualidad .textoNoticia .descripcionNoticia, .noticiasActualidad .textoNoticia .tagNoticia {
  font-size: 1vw !important; }

.noticiasActualidad .textoNoticia .titularNoticia {
  font-weight: bold;
  max-height: 40%;
  overflow: hidden;
  margin-bottom: 2%; }

/*  Editamos el parrafo directamente porque no escribe el texto dentro de la clase correspondiente */
.noticiasActualidad .textoNoticia p {
  font-size: 0.8vw !important; }

.noticiasActualidad .textoNoticia .tagNoticia {
  position: absolute;
  bottom: 0;
  margin: 0 0 2%;
  font-size: 1vw !important;
  color: #78daff;
  max-height: 13%;
  overflow: hidden; }

.noticiasActualidad .textoNoticia .tagNoticia span {
  font-size: 1vw !important; }

.noticiasActualidad .textoNoticia .simboloMas {
  position: absolute;
  bottom: 0;
  right: 0;
  height: 45px;
  width: 45px;
  border-bottom: 45px solid #c64039;
  border-left: 45px solid transparent;
  z-index: 1; }

.noticiasActualidad .textoNoticia span[class*="icon-"] {
  position: absolute;
  right: 0px;
  bottom: 0px;
  padding-right: 4px;
  padding-bottom: 2px;
  color: white;
  font-size: 16pt !important;
  z-index: 2; }

/* Comportamientos hover */
.noticiasActualidad .leftArea .nubeTags span:hover {
  color: #c64039; }

.noticiasActualidad .leftArea .verMas span:hover {
  color: white;
  background-color: black; }

.noticiasActualidad .noticia:hover .textoNoticia .border {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  border: 3px solid #c64039; }

.noticiasActualidad .noticia:hover .imagenNoticia .border {
  border: 3px solid #c64039;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0; }

.noticiasActualidad .noticia:hover .simboloMas {
  height: 55px;
  width: 55px;
  border-bottom: 55px solid #c64039;
  border-left: 55px solid transparent; }

.noticiasActualidad .noticia:hover span[class*="icon-"] {
  font-size: 22pt !important; }

/* Responsivo */
@media only screen and (max-width: 991px) {
  .noticiasActualidad {
    padding: 3% 7% 3% 7%;
    margin-top: 20px; }
  .noticiasActualidad .leftArea .titulo p {
    font-size: 9.3vw !important; }
  .noticiasActualidad .leftArea .fecha {
    font-size: 3.5vw !important; }
  .noticiasActualidad .leftArea .fecha span {
    font-size: 3.5vw !important; }
  .noticiasActualidad .textoNoticia .fechaNoticia, .noticiasActualidad .textoNoticia .titularNoticia, .noticiasActualidad .textoNoticia .descripcionNoticia, .noticiasActualidad .textoNoticia .tagNoticia {
    font-size: 1.4vw !important; }
  .noticiasActualidad .textoNoticia p {
    font-size: 1.1vw !important; }
  .noticiasActualidad .textoNoticia .tagNoticia span {
    font-size: 1.4vw !important; }
  .noticiasActualidad .leftArea .nubeTags {
    line-height: 2.3vw; } }

@media only screen and (max-width: 767px) {
  .noticiasActualidad .leftArea {
    width: 50%;
    margin: auto;
    float: none; }
  .noticiasActualidad .rightArea {
    width: 100%;
    margin-top: 6%;
    margin-left: 0;
    float: none; }
  .noticiasActualidad .leftArea .titulo p {
    font-size: 14.3vw !important; }
  .noticiasActualidad .leftArea .fecha {
    font-size: 5.2vw !important; }
  .noticiasActualidad .leftArea .fecha span {
    font-size: 5.2vw !important; }
  .noticiasActualidad .textoNoticia .fechaNoticia, .noticiasActualidad .textoNoticia .titularNoticia, .noticiasActualidad .textoNoticia .descripcionNoticia, .noticiasActualidad .textoNoticia .tagNoticia {
    font-size: 2.2vw !important; }
  .noticiasActualidad .textoNoticia p {
    font-size: 2vw !important;
    /*font-weight:600;*/ }
  .noticiasActualidad .textoNoticia .tagNoticia span {
    font-size: 2.2vw !important; }
  .noticiasActualidad .leftArea .nubeTags {
    line-height: 3.7vw; } }

/* Ocultar elementos */
.noticiasActualidad .noticiasTag {
  display: none; }

/*****************************************************************************************************/
/***************************** adt_noticias_actualidad_slide (PAG: Inicio) ***************************/
/*****************************************************************************************************/
.noticiasActualidadSlide .rightArea {
  width: 63%;
  margin-left: 2%;
  float: right; }

.noticiasActualidadSlide .noticia {
  position: relative;
  padding-bottom: 30%;
  width: 100%;
  overflow: hidden;
  margin-top: 2%;
  clear: left; }

.noticiasActualidadSlide .imagenNoticia {
  position: absolute;
  top: 0;
  left: 0;
  float: left;
  width: 39%;
  height: 100%; }

.noticiasActualidadSlide .imagenNoti {
  width: 100%;
  height: 100%; }

.noticiasActualidadSlide .textoNoticia {
  position: absolute;
  top: 0;
  right: 0;
  width: 59%;
  height: 100%;
  margin-left: 42%;
  padding: 1% 1% 9.5% 1%;
  background-color: white;
  color: black; }

.noticiasActualidadSlide .textoNoticia .fechaNoticia, .noticiasActualidadSlide .textoNoticia .titularNoticia, .noticiasActualidadSlide .textoNoticia .descripcionNoticia, .noticiasActualidadSlide .textoNoticia .tagNoticia {
  font-size: 1vw !important; }

.noticiasActualidadSlide .textoNoticia .titularNoticia {
  font-weight: bold; }

.noticiasActualidadSlide .textoNoticia p {
  font-size: 0.8vw !important; }

.noticiasActualidadSlide .textoNoticia .tagNoticia {
  position: absolute;
  bottom: 0;
  margin: 0 0 2%;
  font-size: 1vw !important;
  color: #78daff;
  max-height: 13%;
  overflow: hidden; }

.noticiasActualidadSlide .textoNoticia .tagNoticia span {
  font-size: 1vw !important; }

.noticiasActualidadSlide .textoNoticia .simboloMas {
  position: absolute;
  bottom: 0;
  right: 0;
  height: 45px;
  width: 45px;
  border-bottom: 45px solid #c64039;
  border-left: 45px solid transparent;
  z-index: 1; }

.noticiasActualidadSlide .textoNoticia span[class*="icon-"] {
  position: absolute;
  right: 0px;
  bottom: 0px;
  padding-right: 4px;
  padding-bottom: 2px;
  color: white;
  font-size: 16pt !important;
  z-index: 2; }

.noticiasActualidadSlide .noticiaSlide:hover .textoNoticia .border {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  border: 3px solid #c64039; }

.noticiasActualidadSlide .noticiaSlide:hover .imagenNoticia .border {
  border: 3px solid #c64039;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0; }

.noticiasActualidadSlide .noticiaSlide:hover .simboloMas {
  height: 55px;
  width: 55px;
  border-bottom: 55px solid #c64039;
  border-left: 55px solid transparent; }

.noticiasActualidadSlide .noticiaSlide:hover span[class*="icon-"] {
  font-size: 22pt !important; }

.noticiasActualidadSlide .rightArea .verMas span:hover {
  color: white;
  background-color: black; }

@media only screen and (max-width: 991px) {
  .noticiasActualidadSlide {
    padding: 3% 7% 3% 7%;
    margin-top: -20px; }
  .noticiasActualidadSlide .textoNoticia .fechaNoticia, .noticiasActualidadSlide .textoNoticia .titularNoticia, .noticiasActualidadSlide .textoNoticia .descripcionNoticia, .noticiasActualidadSlide .textoNoticia .tagNoticia {
    font-size: 1.4vw !important; }
  .noticiasActualidadSlide .textoNoticia p {
    font-size: 1.1vw !important; }
  .noticiasActualidadSlide .textoNoticia .tagNoticia span {
    font-size: 1.4vw !important; } }

@media only screen and (max-width: 767px) {
  .noticiasActualidadSlide .rightArea {
    width: 100%;
    margin-top: 6%;
    margin-left: 0;
    float: none; }
  .noticiasActualidadSlide .textoNoticia .fechaNoticia, .noticiasActualidadSlide .textoNoticia .titularNoticia, .noticiasActualidadSlide .textoNoticia .descripcionNoticia, .noticiasActualidadSlide .textoNoticia .tagNoticia {
    font-size: 2.2vw !important; }
  .noticiasActualidadSlide .textoNoticia p {
    font-size: 2vw !important;
    font-weight: 600; } }

.noticiasActualidadSlide .noticiasTag {
  display: none; }

.noticiasActualidadSlide {
  display: flex;
  flex-wrap: nowrap;
  justify-content: space-around;
  align-items: center;
  position: relative;
  width: 100%;
  height: 100%;
  padding: 1% 14% 1% 16%;
  margin-top: -10px;
  overflow: auto;
  background-color: #dad9d4;
  top: 15px; }

.noticiasActualidadSlide > div {
  position: relative; }

.noticiasActualidadSlide .rightArea {
  width: 95%;
  margin-left: 2%; }

.noticiasActualidadSlide .noticiaSlide {
  position: relative;
  padding-bottom: 35%;
  width: 97%;
  overflow: hidden;
  margin: 1%;
  height: auto; }

.noticiasActualidadSlide .rightArea .verMas {
  text-align: center;
  margin-top: 0 !important;
  cursor: pointer;
  width: 48%;
  min-height: 50px;
  float: left;
  padding-top: 15px;
  line-height: 82%; }

.noticiasActualidadSlide .rightArea .verMas span {
  margin-top: 3%;
  padding: 1%;
  border: black 2px solid;
  color: black;
  background-color: transparent;
  text-align: center;
  font-weight: 700;
  font-size: 1.5vw;
  text-transform: lowercase;
  left: 37%;
  position: relative; }

.noticiasActualidadSlide .textoNoticia .titularNoticia {
  font-weight: bold;
  max-height: 40%;
  overflow: hidden;
  margin-bottom: 2%; }

.noticiasActualidadSlide .textoNoticia p {
  font-size: 0.8vw !important; }

.noticiasActualidadSlide .rightArea .titulo .tituloActualidad {
  font-size: 3.5vw !important;
  float: left;
  width: 48%;
  padding-left: 1%;
  word-wrap: break-word;
  line-height: 82%;
  font-weight: 900;
  text-transform: lowercase;
  color: #b94155 !important; }

.noticiasActualidadSlide .boton_rotar {
  display: inline-block;
  top: 60%;
  background: white;
  color: black;
  font-size: 30pt !important;
  width: 25px;
  height: 50px;
  text-align: center;
  cursor: pointer; }

.contenedor_rotar.izquierda {
  left: 3%;
  z-index: 110; }

.contenedor_rotar.derecha {
  right: 6% !important; }

.icon-angle_left.angle, .icon-angle_right.angle {
  font-size: 30pt !important; }

.listaNoticias {
  display: flex;
  flex-wrap: wrap;
  width: inherit;
  justify-content: space-around;
  min-height: 195px; }

a.enlaceNoticia {
  height: inherit;
  min-height: inherit;
  width: 48%; }

@media screen and (max-width: 1024px) {
  .noticiasActualidadSlide {
    padding: 3% 7% 3% 7%; }
  .listaNoticias {
    margin-top: 8%; }
  .noticiasActualidadSlide .rightArea .verMas {
    margin-top: 2% !important; }
  .noticiasActualidadSlide .rightArea .titulo .tituloActualidad {
    font-size: 5.5vw !important;
    margin-top: 2%; }
  .noticiasActualidadSlide .textoNoticia .titularNoticia {
    max-height: 41%; } }

@media screen and (max-width: 991px) {
  .noticiasActualidadSlide {
    padding: 3% 7% 0% 7%;
    margin-top: 25px; }
  .noticiasActualidadSlide .rightArea .verMas {
    margin-top: 0% !important; }
  .noticiasActualidadSlide .rightArea .titulo .tituloActualidad {
    font-size: 5.5vw !important;
    margin-top: 0%; } }

@media screen and (max-width: 768px) {
  .noticiasActualidadSlide {
    padding: 14% 0% 23% 0%;
    max-height: 251px;
    min-height: 251px;
    overflow: hidden;
    margin-top: 30px; }
  .noticiasActualidadSlide .rightArea {
    width: 99%; }
  .listaNoticias {
    min-height: 175px; }
  .noticiasActualidadSlide .rightArea .verMas {
    margin-top: 3% !important; }
  .noticiasActualidadSlide .rightArea .verMas span {
    left: 46%; }
  .noticiasActualidadSlide .textoNoticia .fechaNoticia, .noticiasActualidadSlide .textoNoticia .titularNoticia, .noticiasActualidadSlide .textoNoticia .descripcionNoticia, .noticiasActualidadSlide .textoNoticia .tagNoticia {
    font-size: 1.3vw !important; }
  .noticiasActualidadSlide .textoNoticia p {
    font-size: 1vw !important; }
  .noticiasActualidadSlide .textoNoticia .tagNoticia span {
    font-size: 1.3vw !important; }
  .noticiasActualidadSlide .rightArea .titulo .tituloActualidad {
    font-size: 5.5vw !important;
    width: 46%;
    margin-top: 4%; }
  .contenedor_rotar.izquierda {
    left: 2% !important; }
  .contenedor_rotar.derecha {
    right: 1% !important; } }

@media screen and (max-width: 678px) {
  .noticiasActualidadSlide .textoNoticia .fechaNoticia, .noticiasActualidadSlide .textoNoticia .titularNoticia, .noticiasActualidadSlide .textoNoticia .descripcionNoticia, .noticiasActualidadSlide .textoNoticia .tagNoticia {
    font-size: 1.2vw !important; } }

@media screen and (max-width: 560px) {
  .noticiasActualidadSlide {
    padding: 0% 0% 0% 0%;
    max-height: 251px;
    min-height: 0px;
    overflow: hidden;
    margin-top: 25px; }
  .enlaceNoticia:nth-child(2) {
    display: none; }
  a.enlaceNoticia {
    width: 85%; }
  .noticiasActualidadSlide .noticiaSlide {
    padding-bottom: 30%;
    width: 100%; }
  .noticiasActualidadSlide .rightArea {
    width: 100%;
    margin-left: 0%;
    margin-top: 0%; }
  .noticiasActualidadSlide .rightArea .titulo .tituloActualidad {
    font-size: 5vw !important;
    width: 34%;
    margin-top: 3%;
    margin-left: 7%; }
  .noticiasActualidadSlide .textoNoticia .titularNoticia {
    font-size: 2.2vw !important;
    max-height: 60%; }
  .noticiasActualidadSlide .textoNoticia p {
    font-size: 2vw !important; }
  .noticiasActualidadSlide .textoNoticia .tagNoticia span {
    font-size: 1.8vw !important; }
  .noticiasActualidadSlide .rightArea .verMas {
    margin-top: 0% !important; }
  .contenedor_rotar.derecha {
    right: 3% !important; } }

@media screen and (max-width: 380px) {
  .noticiasActualidadSlide .noticiaSlide {
    padding-bottom: 50%; }
  .noticiasActualidadSlide .textoNoticia .fechaNoticia {
    font-size: 2.5vw !important; }
  .noticiasActualidadSlide .rightArea .titulo .tituloActualidad {
    font-size: 7vw !important;
    width: 43%;
    margin-top: 7% !important; }
  .noticiasActualidadSlide .rightArea .verMas {
    margin-top: 3% !important;
    width: 32%; }
  .noticiasActualidadSlide .textoNoticia .tagNoticia span {
    font-size: 2.5vw !important; } }

/*****************************************************************************************************/
/***************************** adt_nav_categ_actualidad (PAG: Actualidad) ****************************/
/*****************************************************************************************************/
.categoriasNoti {
  position: relative;
  width: 100%;
  height: 100%;
  overflow: auto;
  margin-top: 35px; }

.categoriasNoti .leftArea {
  position: relative;
  width: 100%; }

.categoriasNoti .rightArea {
  position: relative;
  width: 100%; }

/* ESTILO "upArea" */
.categoriasNoti .leftArea .titulo p {
  font-size: 5.7vw !important;
  word-wrap: break-word;
  line-height: 82%;
  font-weight: 900;
  text-transform: lowercase; }

/*** ESTILO "downArea" ***/
/* Estilos primer elemento */
.categoriasNoti .rightArea .categoriasContainer #filtradoNoCateg1 {
  background-color: white; }

.categoriasNoti .rightArea .categoriasContainer #triangleUp {
  position: absolute;
  top: 0;
  right: 0;
  height: 50%;
  width: 20%;
  background-color: black;
  background: linear-gradient(66deg, black, black 50%, transparent 50%, transparent 100%); }

.categoriasNoti .rightArea .categoriasContainer #triangleDown {
  position: absolute;
  bottom: 0;
  right: 0;
  height: 50%;
  width: 20%;
  background-color: black;
  background: linear-gradient(114deg, black, black 50%, transparent 50%, transparent 100%); }

.categoriasNoti .rightArea .categoriasContainer #filtradoNoCateg2 {
  width: 81%;
  background-color: black;
  color: white; }

.categoriasNoti .rightArea .categoriasContainer #filtradoNoCateg2 .nombreCategoria {
  top: 30%; }

.categoriasNoti .rightArea .categoriasContainer #filtradoNoCateg2 .nombreCategoria p {
  font-size: 2vw !important; }

/* Fin estilos primer elemento */
.categoriasNoti .rightArea .categoriasContainer {
  overflow: auto; }

.categoriasNoti .rightArea .categoriasContainer .categoria {
  position: relative;
  width: calc((100% / 2) - 7px);
  padding-bottom: 41.5%;
  color: black;
  float: left;
  margin-right: 6px;
  margin-bottom: 6px;
  text-align: center;
  background-color: #dad9d4; }

.categoriasNoti .rightArea .categoriasContainer .categoria .categContent {
  position: absolute;
  top: 0;
  bottom: 0;
  width: 100%; }

.categoriasNoti .rightArea .categoriasContainer .categoria .categContent .imagCategoria .iconoCategoria {
  max-width: 50%;
  padding: 4%; }

.categoriasNoti .rightArea .categoriasContainer .categoria .categContent .nombreCategoria {
  position: absolute;
  bottom: 0;
  width: 100%;
  height: 38%;
  margin-bottom: 2%;
  display: table; }

.categoriasNoti .rightArea .categoriasContainer .categoria .categContent .nombreCategoria p {
  font-size: 1vw !important;
  margin-bottom: 4px;
  text-transform: lowercase;
  font-weight: 700;
  line-height: 92%;
  display: table-cell;
  vertical-align: middle; }

/* Comportamientos hover */
.categoriasNoti .rightArea .categoriasContainer #filtradoNoCateg2:hover {
  color: #b94155 !important; }

.categoriasNoti .rightArea .categoriasContainer .categoria:hover:not(#filtradoNoCateg1) {
  background: #b94155;
  /* For browsers that do not support gradients */
  background: -webkit-linear-gradient(90deg, #a94276, #c64039);
  /* For Safari 5.1 to 6.0 */
  background: -o-linear-gradient(90deg, #a94276, #c64039);
  /* For Opera 11.1 to 12.0 */
  background: -moz-linear-gradient(90deg, #a94276, #c64039);
  /* For Firefox 3.6 to 15 */
  background: linear-gradient(90deg, #a94276, #c64039);
  /* Standard syntax */ }

/* Responsivo */
@media only screen and (max-width: 767px) {
  .categoriasNoti {
    padding-left: 0;
    padding-right: 0; }
  .categoriasNoti .leftArea {
    width: 217px;
    margin: auto;
    margin-bottom: 2%;
    float: none; }
  .categoriasNoti .rightArea {
    position: relative;
    width: 100%;
    margin: auto;
    float: none; }
  .categoriasNoti .leftArea .titulo p {
    font-size: 74.6px !important; }
  .categoriasNoti .leftArea .fecha {
    font-size: 16px !important; }
  .categoriasNoti .leftArea .fecha span {
    font-size: 16px !important; }
  .categoriasNoti .rightArea .categoriasContainer .categoria {
    width: 70px;
    padding-bottom: 62.37px; }
  .categoriasNoti .rightArea .categoriasContainer .categoria .categContent .imagCategoria .iconoCategoria {
    max-width: 35px;
    padding: 2.8px; }
  .categoriasNoti .rightArea .categoriasContainer .categoria .categContent .nombreCategoria p {
    font-size: 9.9px !important; }
  /* Estilos primer elemento */
  .categoriasNoti .rightArea .categoriasContainer #triangleUp {
    height: 31.18px;
    width: 14px;
    background-color: blue;
    background: none;
    border-top: 31.18px solid white;
    border-left: 14px solid black; }
  .categoriasNoti .rightArea .categoriasContainer #triangleDown {
    height: 31.18px;
    width: 14px;
    background-color: red;
    background: none;
    border-bottom: 31.18px solid white;
    border-left: 14px solid black; }
  .categoriasNoti .rightArea .categoriasContainer #filtradoNoCateg2 .nombreCategoria p {
    font-size: 19.78px !important; } }

/* Estilos sobre el layout */
@media only screen and (max-width: 767px) {
  .col-xs-2 {
    float: none;
    width: calc(100% - 16.67%); }
  .col-xs-8 {
    float: none;
    width: calc(100% - 16.67%);
    margin-left: 8.33333%;
    padding-left: 0 !important; }
  .categoriasNoti {
    margin-top: 0; } }

/*****************************************************************************************************/
/****************************** adt_detalle_actualidad (PAG: Actualidad) *****************************/
/*****************************************************************************************************/
.noticias {
  position: relative;
  width: 97%;
  height: 100%;
  padding: 0% 3% 2% 3%;
  overflow: auto;
  background-color: #dad9d4;
  margin-top: 35px; }

.noticias .noticiasContainer {
  position: relative;
  width: 100%; }

/* ESTILO "rightArea" */
.noticias .noticiasContainer .grupoNoticias {
  position: relative;
  overflow: hidden; }

.noticias .noticiasContainer .noticia {
  position: relative;
  padding-bottom: 15%;
  width: 48.5%;
  margin-top: 2%;
  float: left;
  overflow: hidden; }

.noticias .noticiasContainer .leftNoti {
  margin-right: 3%; }

.noticias .imagenNoticia {
  position: absolute;
  top: 0;
  left: 0;
  float: left;
  width: 39%;
  height: 100%; }

.noticias .imagenNoti {
  width: 100%;
  height: 100%; }

.noticias .textoNoticia {
  position: absolute;
  top: 0;
  right: 0;
  width: 59%;
  height: 100%;
  margin-left: 42%;
  padding: 1% 1% 1% 1%;
  color: black;
  background-color: white; }

.noticias .textoNoticia .fechaNoticia, .noticias .textoNoticia .titularNoticia, .noticias .textoNoticia p, .noticias .textoNoticia p *, .noticias .textoNoticia .tagNoticia span {
  font-size: 0.7vw !important; }

.noticias .textoNoticia .fechaNoticia {
  margin-bottom: 2%; }

.noticias .textoNoticia .titularNoticia {
  font-weight: bold;
  max-height: 41.5%;
  overflow: hidden;
  margin-bottom: 2%; }

/* Editamos el parrafo directamente porque no escribe el texto dentro de la clase correspondiente */
.noticias .textoNoticia p {
  /* font-size: 0.8vw !important; */ }

.noticias .textoNoticia .tagNoticia {
  position: absolute;
  bottom: 0;
  margin: 0 0 2%;
  font-size: 1vw !important;
  color: #78daff;
  max-height: 13%;
  overflow: hidden; }

.noticias .textoNoticia .tagNoticia span {
  /* font-size: 1vw !important; */ }

.noticias .textoNoticia .simboloMas {
  position: absolute;
  bottom: 0;
  right: 0;
  height: 2.2vw;
  width: 2.2vw;
  border-bottom: 2.2vw solid black;
  border-left: 2.2vw solid transparent;
  z-index: 1; }

.noticias .textoNoticia span[class*="icon-"] {
  position: absolute;
  right: 0px;
  bottom: 0px;
  padding-right: 2px;
  padding-bottom: 0px;
  color: white;
  font-size: 1.2vw !important;
  z-index: 2; }

.noticiasContainer .verMas {
  position: relative;
  clear: left;
  margin-top: 5%;
  margin-bottom: 3%;
  text-align: center;
  cursor: pointer; }

.noticiasContainer .verMas span {
  margin-top: 3%;
  padding: 8px;
  border: black 2px solid;
  color: black;
  background-color: transparent;
  text-align: center;
  font-weight: 700;
  font-size: 1.5vw;
  text-transform: lowercase; }

/* Comportamientos hover*/
.noticias .noticia:hover .textoNoticia .border {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  border: 3px solid black; }

.noticias .noticia:hover .imagenNoticia .border {
  border: 3px solid black;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0; }

.noticias .textoNoticia:hover .simboloMas {
  height: 2.8vw;
  width: 2.8vw;
  border-bottom: 2.8vw solid black;
  border-left: 2.8vw solid transparent; }

.noticias .textoNoticia:hover span[class*="icon-"] {
  font-size: 1.8vw !important; }

.noticiasContainer .verMas span:hover {
  color: white;
  background-color: black; }

/* Responsivo */
@media only screen and (max-width: 1200px) {
  .noticias .textoNoticia .simboloMas {
    height: 25px;
    width: 25px;
    border-bottom: 25px solid black;
    border-left: 25px solid transparent; }
  .noticias .textoNoticia span[class*="icon-"] {
    font-size: 11pt !important; }
  .noticias .textoNoticia:hover .simboloMas {
    height: 35px;
    width: 35px;
    border-bottom: 35px solid black;
    border-left: 35px solid transparent; }
  .noticias .textoNoticia:hover span[class*="icon-"] {
    font-size: 15pt !important; }
  .noticias .noticiasContainer .noticia {
    width: 425px;
    padding-bottom: 140px;
    float: none;
    margin-left: auto;
    margin-right: auto; }
  .noticias .textoNoticia .fechaNoticia, .noticias .textoNoticia .titularNoticia, .noticias .textoNoticia .descripcionNoticia, .noticias .textoNoticia .tagNoticia {
    font-size: 10pt !important; }
  .noticias .textoNoticia p, .noticias .textoNoticia p * {
    font-size: 9pt !important; }
  .noticias .textoNoticia .tagNoticia span {
    font-size: 9pt !important; } }

@media only screen and (max-width: 767px) {
  .noticias {
    padding-left: 2%;
    padding-right: 2%;
    width: 100%;
    margin-top: 0; }
  .noticias .noticiasContainer .noticia {
    width: 100%;
    padding-bottom: 30%;
    float: none; }
  .noticia .textoNoticia .fechaNoticia, .noticia .textoNoticia .titularNoticia, .noticia .textoNoticia .descripcionNoticia, .noticia .textoNoticia .tagNoticia {
    font-size: 2.2vw !important; }
  .noticia .textoNoticia p, .noticias .textoNoticia p * {
    font-size: 1.8vw !important; }
  .noticia .textoNoticia .tagNoticia span {
    font-size: 2.2vw !important; }
  .noticias .textoNoticia .simboloMas {
    height: 5.4vw;
    width: 5.4vw;
    border-bottom: 5.4vw solid black;
    border-left: 5.4vw solid transparent; }
  .noticias .textoNoticia span[class*="icon-"] {
    font-size: 3vw !important; }
  /* hover */
  .noticias .textoNoticia:hover .simboloMas {
    height: 7vw;
    width: 7vw;
    border-bottom: 7vw solid black;
    border-left: 7vw solid transparent; }
  .noticias .textoNoticia:hover span[class*="icon-"] {
    font-size: 4vw !important; } }

/* Ocultar paginaciï¿½n noticias */
.noticias .noticiasContainer .noticiasOcultas {
  display: none; }

/*****************************************************************************************************/
/****************************** adt_noticias_actualidad_cloudTags (PAG: Actualidad) *****************************/
/*****************************************************************************************************/
.leftAreaTags {
  width: 100%;
  margin-right: 2%;
  float: left; }

.leftAreaTags .titulo {
  cursor: pointer; }

.leftAreaTags .titulo p {
  font-size: 6.3vw !important;
  word-wrap: break-word;
  line-height: 82%;
  font-weight: 900;
  text-transform: lowercase;
  color: #b94155; }

.leftAreaTags .nubeTags span a {
  color: #333333; }

.leftAreaTags .fecha {
  margin-top: 3%;
  font-size: 2vw !important;
  font-weight: 900;
  text-align: center; }

.leftAreaTags .fecha span {
  font-size: 2vw !important; }

.leftAreaTags .fecha span {
  padding: 1%;
  padding-left: 3%;
  padding-right: 3%;
  font-size: 2vw;
  font-weight: 900;
  background-color: white; }

.leftAreaTags .nubeTags {
  margin-top: 3%;
  padding: 3% 2% 3% 2%;
  background-color: #dad9d4;
  line-height: 1.7vw;
  text-align: center;
  cursor: pointer; }

.leftAreaTags a {
  text-decoration: none;
  outline: none; }

.leftAreaTags .nubeTags span a:hover {
  color: #c64039; }

@media only screen and (max-width: 991px) {
  .leftAreaTags .titulo p {
    font-size: 9.3vw !important; }
  .leftAreaTags .fecha {
    font-size: 3.5vw !important; }
  .leftAreaTags .fecha span {
    font-size: 3.5vw !important; }
  .leftAreaTags .nubeTags {
    line-height: 2.3vw; } }

@media only screen and (max-width: 767px) {
  .leftAreaTags {
    width: 50%;
    margin: auto;
    float: none; }
  .leftAreaTags .titulo p {
    font-size: 14.3vw !important; }
  .leftAreaTags .fecha {
    font-size: 5.2vw !important; }
  .leftAreaTags .fecha span {
    font-size: 5.2vw !important; }
  .leftAreaTags .nubeTags {
    line-height: 3.7vw; } }

.noticias .noticiasTag {
  display: none; }

/*****************************************************************************************************/
/**************************************** ESTILOS AGENDA HOME ****************************************/
/*****************************************************************************************************/
/*********************************** Contenedor global toda agenda ***********************************/
.agendaContainer {
  margin-left: 20%;
  margin-right: 20%;
  /*Propiedad de partial-width*/
  margin-top: 40px;
  padding-left: 0 !important;
  padding-right: 0 !important;
  /*Sobrescribimos la propiedad que venï¿½a dada*/ }

.eventContainer {
  margin: 0;
  /*Sobrescribimos el margen que venï¿½a dado*/
  position: relative;
  width: 100%;
  height: auto;
  /*Sobrescribimos la propiedad que venï¿½a dada*/ }

/* Metemos este elemento para que el div contenedor se ajuste a los elementos flotantes que contiene*/
#eventContainerHeight {
  clear: both; }

/*********************************** ELEMENTOS PARTE SUPERIOR ***********************************/
/*.agendaContainer .eventContainer .col-md-3{*/
.agendaEventDestHome {
  position: relative;
  width: calc((100% - 12%) / 4 - 1px);
  /* El 9% viene de 3 * 3%, que es el margen entre los elementos*/
  height: inherit;
  padding-bottom: 28%;
  float: left;
  border: 1px solid black;
  margin-right: 3%; }

/*********************************** Primer elemento ***********************************/
.agendaLink {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  padding-top: 7%;
  text-align: center;
  /*background-color: black;*/
  background: #b94155;
  /* For browsers that do not support gradients */
  background: -webkit-linear-gradient(90deg, #a94276, #c64039);
  /* For Safari 5.1 to 6.0 */
  background: -o-linear-gradient(90deg, #a94276, #c64039);
  /* For Opera 11.1 to 12.0 */
  background: -moz-linear-gradient(90deg, #a94276, #c64039);
  /* For Firefox 3.6 to 15 */
  background: linear-gradient(90deg, #a94276, #c64039);
  /* Standard syntax */
  color: white; }

.agendaLink span.icon-calendar {
  font-size: 7vw !important; }

.agendaLink div {
  position: relative;
  margin-bottom: 4%;
  font-size: 3vw !important;
  font-weight: 600; }

.agendaLink a {
  color: inherit;
  text-decoration: none; }

.agendaLink a:hover {
  outline: none;
  text-decoration: none; }

.agendaFilterButtonWhite {
  padding: 2%;
  /*Sobrescribimos la propiedad que venï¿½a dada*/
  border: 2px solid white;
  background: transparent;
  font-size: 1.7vw !important;
  font-weight: bold; }

.agendaFilterButtonWhite:hover {
  background-color: white;
  color: #b94155;
  /*color: black;
    border: 2px solid black;*/ }

/*****************************************************************************/
/*								CARDS EVENTOS								 */
/*****************************************************************************/
.agendaEventDestHome:hover .borderEvento {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  border: 2px solid black;
  z-index: 2; }

.agendaEventDestHome:hover .simboloMas {
  height: 55px;
  border-bottom: 55px solid black;
  border-left: 55px solid transparent; }

.agendaEventDestHome:hover .icon-plus {
  font-size: 22pt !important; }

.agendaEventDestHome:hover .simboloEntrada {
  height: 55px;
  border-bottom: 55px solid #c64039;
  border-left: 55px solid transparent; }

.agendaEventDestHome:hover .icon-ticket {
  font-size: 22pt !important; }

/*****************************************************************************/
/*				  	       	CAJA INFERIOR DE Bï¿½SQUEDA	    				 */
/*****************************************************************************/
.agendaFilter {
  width: 100%;
  margin: 0;
  /*Sobrescribimos el margen que venï¿½a dado*/
  margin-top: 30px;
  padding: 20px;
  padding-left: 30px;
  padding-right: 30px;
  border: 1px solid black !important;
  /*Sobrescribimos la propiedad que venï¿½a dada*/ }

.filterRow {
  display: inline-block;
  width: 100%;
  margin-top: 10px;
  padding-top: 10px;
  padding-bottom: 10px; }

.agendaFilter .filterElement {
  position: relative;
  border: none;
  border-bottom: 2px solid black;
  font-size: 16pt !important;
  height: 34px;
  margin-right: 15px;
  margin-left: 15px;
  width: calc(50% - 33px); }

.agendaFilter .select2-container {
  width: calc(50% - 33px) !important;
  margin-right: 15px;
  margin-left: 15px; }

/*** Segunda lï¿½nea ***/
.agendaFilter .desdeContainer, .agendaFilter .hastaContainer {
  position: relative;
  height: 34px;
  margin-right: 15px;
  margin-left: 15px;
  width: calc(50% - 33px);
  display: inline-block;
  /*float: left;*/ }

.agendaFilter .desdeContainer .filterElement, .agendaFilter .hastaContainer .filterElement {
  height: auto;
  margin-right: auto;
  margin-left: auto;
  width: 100%; }

.agendaFilter .icon-calendar {
  position: absolute;
  font-size: 16pt !important;
  bottom: 5px;
  right: 5px; }

/*** Tercera lï¿½nea ***/
.filterRow ul {
  padding-left: 0;
  list-style-type: none;
  margin-left: 15px;
  margin-top: 10px; }

.filterRow ul li {
  display: inline-block;
  margin-right: 20px;
  font-weight: 600; }

.filterRow ul li input {
  margin-right: 5px; }

#agendaFilterButton {
  float: right;
  margin-right: 15px;
  background: white; }

#agendaFilterButton:hover {
  background-color: black;
  color: white; }

.agendaFilterButtonBlack {
  border: solid;
  border-width: 2px;
  font-weight: bold;
  width: initial; }

/******************************** Responsive ********************************/
@media only screen and (max-width: 991px) {
  .agendaContainer {
    margin-left: 7%;
    margin-right: 7%;
    /*Propiedad de partial-width*/ }
  .agendaLink {
    padding-top: 4%; }
  .agendaLink span.icon-calendar {
    font-size: 8vw !important; }
  .agendaLink div {
    margin-bottom: 8%;
    font-size: 4vw !important; }
  .agendaFilterButtonWhite {
    font-size: 2.1vw !important; } }

/* A partir de esta resoluciï¿½n el icono pequeï¿½o del calendairo sale mï¿½s abajo de lo que debiera.
   No sï¿½ por quï¿½ hace eso... */
@media only screen and (max-width: 981px) {
  .agendaFilter .icon-calendar {
    bottom: 8px; } }

@media only screen and (max-width: 767px) {
  /*.eventContainer{
		display: none;		
	}*/
  .agendaFilter {
    padding-top: 0; }
  .agendaFilter .filterElement {
    width: 100%;
    margin-top: 25px;
    margin-left: auto; }
  .agendaFilter .select2-container {
    width: 100% !important;
    margin-top: 35px;
    margin-left: auto; }
  .agendaFilter .filterRow {
    padding-top: 0;
    padding-bottom: 0; }
  .agendaFilter .desdeContainer, .agendaFilter .hastaContainer {
    margin-right: auto;
    margin-left: auto;
    margin-top: 25px;
    width: 100%;
    float: none; }
  .agendaFilter .desdeContainer .filterElement, .agendaFilter .hastaContainer .filterElement {
    width: 100;
    margin-top: auto; }
  .filterRow ul {
    margin-top: 30px;
    margin-left: auto; }
  #agendaFilterButton {
    margin-top: 25px;
    margin-right: auto; }
  /*.agendaContainer .eventContainer .col-md-3 {*/
  .agendaEventDestHome {
    width: calc((100% - 16%) / 2);
    padding-bottom: 52%;
    margin: 3% 4%; }
  .agendaLink {
    padding-top: 9%; }
  .agendaLink span.icon-calendar {
    font-size: 13vw !important; }
  .agendaLink div {
    font-size: 7vw !important; }
  .agendaFilterButtonWhite {
    font-size: 4vw !important; } }

/*****************************************************************************************************/
/************************************** ESTILOS AGENDA DETALLE ***************************************/
/*****************************************************************************************************/
/*********************************** Contenedor global toda agenda ***********************************/
.contendorGeneralAgenda {
  position: relative;
  display: flex; }

.contendorGeneralAgenda .col-md-3 {
  width: 25%;
  float: left; }

.contendorGeneralAgenda .col-md-9 {
  width: 75%;
  float: left;
  overflow-y: auto;
  overflow-x: hidden; }

/*********************************** Columna izquierda. Busqueda ***********************************/
#searchEvents {
  padding: 12px;
  padding-bottom: 40px;
  padding-top: 21px;
  margin-bottom: 24px;
  background: linear-gradient(90deg, #a94276, #c64039); }

#searchEvents #textFilter::placeholder {
  color: lightgrey; }

/**************** Fechas ****************/
#searchEvents .dateControl {
  width: calc(100% / 2 - 17px); }

#searchEvents span.icon-angle_down {
  color: white; }

#searchEvents .filterSeparator {
  height: 1px;
  background-color: white;
  margin-bottom: 15px;
  margin-top: 15px; }

/**************** Checks ****************/
#checksFilter > ul {
  list-style: none;
  padding-left: 0px;
  margin-bottom: 0px;
  color: white;
  font-weight: bold; }

.contenedorGeneralAgenda input[type="checkbox"] {
  appearance: none;
  -moz-appearance: none;
  -webkit-appearance: none;
  border: 1px solid white;
  width: 13px;
  height: 13px; }

.contenedorGeneralAgenda input[type="checkbox"]:checked {
  background-color: white; }

.contenedorGeneralAgenda input[type="checkbox"]:focus {
  outline: none; }

/**************** 
Filtro tipo evento. Se maqueta con la librerï¿½a JS.
 ****************/
#searchEvents .select2-container {
  width: 100% !important;
  margin: 8px 0; }

/**************** Filtro lugar ****************/
#searchEvents select {
  width: 100%;
  height: 24px;
  cursor: pointer;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  border: none;
  background: white; }

/**************** Bucador texto ****************/
input#textFilter {
  width: 100%;
  background: transparent;
  border: none;
  border-bottom: 1px solid white;
  color: white;
  padding-bottom: 5px; }

input#textFilter:focus {
  outline: none; }

span#searchText {
  color: white;
  position: absolute;
  right: 9px;
  cursor: pointer;
  width: 35px;
  height: 26px;
  text-align: center;
  font-size: 21px; }

/*********************************** Columna derecha. Grid eventos ***********************************/
/**************** Opciones top ****************/
#eventsOptions {
  list-style: none;
  display: inline-flex !important;
  padding: 0; }

ul#eventsOptions li {
  width: inherit;
  border: 1px solid black;
  padding: 10px 9px 4px 12px;
  font-weight: bold;
  border-left: none;
  cursor: pointer; }

#eventsOptions li:first-child {
  border-left: solid 1px black; }

ul#eventsOptions li.selected {
  color: white;
  background: #b94155;
  /* For browsers that do not support gradients */
  background: -webkit-linear-gradient(90deg, #a94276, #c64039);
  /* For Safari 5.1 to 6.0 */
  background: -o-linear-gradient(90deg, #a94276, #c64039);
  /* For Opera 11.1 to 12.0 */
  background: -moz-linear-gradient(90deg, #a94276, #c64039);
  /* For Firefox 3.6 to 15 */
  background: linear-gradient(90deg, #a94276, #c64039);
  /* Standard syntax */
  border: none !important;
  padding: 11px 10px 5px 13px; }

/*** HOVER ***/
ul#eventsOptions li:hover {
  color: white;
  background: #b94155;
  /* For browsers that do not support gradients */
  background: -webkit-linear-gradient(90deg, #a94276, #c64039);
  /* For Safari 5.1 to 6.0 */
  background: -o-linear-gradient(90deg, #a94276, #c64039);
  /* For Opera 11.1 to 12.0 */
  background: -moz-linear-gradient(90deg, #a94276, #c64039);
  /* For Firefox 3.6 to 15 */
  background: linear-gradient(90deg, #a94276, #c64039);
  /* Standard syntax */
  border: none !important;
  padding: 11px 10px 5px 13px; }

#refresh {
  font-size: 19pt !important; }

/**************** Contenedor migas y nï¿½ eventos ****************/
#containerBreadcumbs {
  display: flex;
  justify-content: space-between;
  margin-right: 3%;
  margin-bottom: 15px; }

/**************** Migas ****************/
#breadcumbsEvents {
  font-weight: 700;
  font-size: 11.004px !important;
  color: gray;
  padding-top: 3px; }

/**************** Nï¿½ Eventos ****************/
div#totalEvents {
  font-weight: bold;
  text-align: right;
  float: none; }

#totalNumEvents {
  margin-right: 3px; }

div#totalEvents span:last-child {
  margin-right: 15%; }

/**************** 
Mensajes cargando, no results, etc. No maquetados
 ****************/
#errorEvents {
  background-color: #b33b36;
  margin-right: 15%;
  min-height: 25px;
  color: white;
  padding: 10px;
  margin: 5px; }

/**************** 
gridEvents
(Estilos de los eventos mï¿½s abajo)
 ****************/
/**************** Paginador. Bottom ****************/
div#gridPaginator {
  width: 100%;
  height: 90px;
  text-align: right;
  float: right;
  margin-right: 3%; }

/** nï¿½ paginas **/
span#pagesInfo {
  font-weight: bold;
  margin-right: 17px;
  position: relative;
  top: -10px; }

/** iconos flechas **/
.gridPaginator span[class*="icon-"] {
  margin: 0px 40px 0px 0px;
  font-size: 31pt !important;
  cursor: pointer;
  text-align: center; }

.gridPaginator span[class*="icon-"]:last-child {
  margin-right: 0px; }

.gridPaginator span[class*="icon-"]:hover {
  color: #9C9E9F; }

/** pagina limite, no se puede pasar mï¿½s **/
.gridPaginator .iconLimit {
  color: #9C9E9F !important; }

.gridHidden {
  display: none; }

/*****************************************************************************************************/
/********************************** class = "agendaEventDestDetalle" *********************************/
/*********************************** Estilos card evento individual **********************************/
/*****************************************************************************************************/
.agendaEventDestDetalle {
  position: relative;
  width: calc((100% - 13%) / 3);
  height: inherit;
  padding-bottom: 37%;
  margin: 25px 2%;
  float: left;
  border: 1px solid black; }

.eventoDest {
  position: absolute;
  height: 100%;
  width: 100%; }

.eventoDest a {
  text-decoration: none !important; }

/**************** Fechas Evento ****************/
div.fechaEvento {
  position: absolute;
  top: -15px;
  background: black;
  color: white;
  right: 13px;
  overflow: hidden;
  padding: 8px;
  font-weight: bold;
  min-width: 60px;
  font-size: 23pt !important; }

.diaFecha {
  font-size: 25pt !important;
  font-weight: bold;
  float: right; }

.diaFecha:first-child {
  float: left; }

.mesFecha {
  font-size: 9pt !important;
  position: absolute;
  bottom: 0px;
  font-weight: normal;
  display: -webkit-box;
  display: -ms-flexbox; }

.mesFecha:last-child {
  right: 1px;
  width: 45px; }

/**************** Recuadro Evento ****************/
.limiteEvento {
  width: 100%;
  height: 100%;
  overflow: hidden; }

/** Border interno**/
.agendaEventDestDetalle:hover .borderEvento {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  border: 2px solid black;
  z-index: 2; }

/** Imagen **/
.imagenEvento {
  height: 50%;
  overflow: hidden; }

.imagenEvento img {
  width: 100%;
  min-height: 100%;
  object-fit: cover; }

/** Texto: titulo y tipo **/
.eventoDest .textoImpres {
  position: relative;
  width: auto;
  height: auto;
  margin-right: 50px;
  padding: 1%;
  color: black; }

.textoImpres p.titulo {
  display: inline;
  font-size: 1vw !important;
  padding: 3px;
  background-color: white;
  font-size: 1em !important;
  font-weight: 900;
  line-height: inherit;
  color: black; }

/** Icono simbolo Mï¿½S + color fondo **/
.eventoDest .simboloMas {
  position: absolute;
  bottom: 0;
  right: 0;
  width: 45px;
  height: 45px;
  border-bottom: 45px solid white;
  border-left: 45px solid transparent;
  z-index: 1;
  border-bottom-color: black; }

.eventoDest span.icon-plus {
  position: absolute;
  right: 0px;
  bottom: 0px;
  padding-right: 4px;
  padding-bottom: 2px;
  color: white;
  font-size: 16pt !important;
  z-index: 2; }

.agendaEventDestDetalle:hover .simboloMas {
  height: 55px;
  border-bottom: 55px solid black;
  border-left: 55px solid transparent; }

.agendaEventDestDetalle:hover .icon-plus {
  font-size: 22pt !important; }

/** Icono Entrada + color fondo **/
.simboloEntrada {
  position: absolute;
  bottom: 0;
  right: 0;
  width: 45px;
  height: 45px;
  border-bottom: 45px solid #c64039;
  border-left: 45px solid transparent;
  z-index: 1; }

.eventoDest a .icon-ticket {
  position: absolute;
  right: 0;
  bottom: 0;
  padding-right: 4px;
  padding-bottom: 2px;
  color: white;
  font-size: 16pt !important;
  z-index: 2; }

.agendaEventDestDetalle:hover .simboloEntrada {
  height: 55px;
  border-bottom: 55px solid #c64039;
  border-left: 55px solid transparent; }

.agendaEventDestDetalle:hover .icon-ticket {
  font-size: 22pt !important; }

/***************************************/
/***************** FIN *****************/
/***************************************/
/******************************* RESPONSIVE *******************************/
@media only screen and (max-width: 1200px) {
  .agendaEventDestDetalle {
    width: calc((100% - 9%) / 2);
    padding-bottom: 56%;
    float: left !important; } }

@media only screen and (max-width: 767px) {
  .contendorGeneralAgenda {
    display: block; }
  .contendorGeneralAgenda .col-md-3, .contendorGeneralAgenda .col-md-9 {
    width: 100%;
    float: none; } }

@media only screen and (max-width: 476px) {
  .agendaEventDestDetalle {
    width: calc(100% - 6%);
    padding-bottom: 116%;
    margin: 25px 3%; } }

/*****************************************************************************************************/
/********************************** PORTLET Eventos Geolocalizados ***********************************/
/*****************************************************************************************************/
.portlet-boundary_com_neoris_portlet_EventosGeoPortlet_ portlet-content h2.portlet-title-text {
  display: none !important; }

.portlet-boundary_com_neoris_portlet_EventosGeoPortlet_ #general {
  height: 600px;
  width: 900px; }

.portlet-boundary_com_neoris_portlet_EventosGeoPortlet_ #tipo-lugar {
  height: 40%;
  z-index: 1000;
  position: absolute;
  margin: 0px;
  background: #b43b34;
  background: -webkit-linear-gradient(left, #9a3d6a, #b43b34);
  background: -o-linear-gradient(right, #9a3d6a, #b43b34);
  background: -moz-linear-gradient(right, #9a3d6a, #b43b34);
  background: linear-gradient(to right, #9a3d6a, #b43b34);
  top: 0px; }

.portlet-boundary_com_neoris_portlet_EventosGeoPortlet_ #agrupaciones {
  background-color: black !important; }

.portlet-boundary_com_neoris_portlet_EventosGeoPortlet_ select {
  overflow-y: auto;
  height: 100% !important;
  position: absolute;
  background-color: transparent;
  border: 0px;
  display: inline-block;
  position: relative;
  width: 100%;
  top: 0px; }

/* body {
      margin: 0;
      padding: 10px 20px 20px;
      font-family: Arial;
      font-size: 16px; 
    } */
.portlet-boundary_com_neoris_portlet_EventosGeoPortlet_ option {
  min-width: 150px;
  color: white;
  font-family: Raleway;
  font-weight: 400;
  font-size: 12pt;
  text-decoration: none;
  padding: 1px 3px;
  -webkit-transition: all 1s linear;
  -moz-transition: all 1s linear;
  -ms-transition: all 1s linear;
  -o-transition: all 1.4s linear;
  transition: all 1s linear; }

.portlet-boundary_com_neoris_portlet_EventosGeoPortlet_ option:hover {
  background: #ccc;
  color: white;
  box-shadow: 10px 10px 10px rgba(0, 0, 0, 0.4);
  -webkit-transform: scale(1.3, 1.3);
  -moz-transform: scale(1.3, 1.3);
  -ms-transform: scale(1.3, 1.3);
  -o-transform: scale(1.3, 1.3);
  transform: scale(1.3, 1.3);
  -webkit-transition: all .8s linear;
  -moz-transition: all .8s linear;
  -ms-transition: all .8s linear;
  -o-transition: all .8s linear;
  transition: all .8s linear;
  margin-left: 30px; }

.portlet-boundary_com_neoris_portlet_EventosGeoPortlet_ option:checked, option:active, option:focus, option:selected {
  /* background: #ccc;
   color: white; */
  box-shadow: 10px 10px 10px rgba(0, 0, 0, 0.4);
  -webkit-transform: scale(1.3, 1.3);
  -moz-transform: scale(1.3, 1.3);
  -ms-transform: scale(1.3, 1.3);
  -o-transform: scale(1.3, 1.3);
  transform: scale(1.3, 1.3);
  -webkit-transition: all .8s linear;
  -moz-transition: all .8s linear;
  -ms-transition: all .8s linear;
  -o-transition: all .8s linear;
  transition: all .8s linear;
  margin-left: 30px;
  background: #c8c8c8;
  color: black; }

.portlet-boundary_com_neoris_portlet_EventosGeoPortlet_ ::-moz-selection {
  background: #c8c8c8;
  color: black; }

.portlet-boundary_com_neoris_portlet_EventosGeoPortlet_ ::selection {
  background: #c8c8c8;
  color: black; }

.portlet-boundary_com_neoris_portlet_EventosGeoPortlet_ #map-container {
  padding: 6px;
  border-width: 1px;
  border-style: solid;
  border-color: #ccc #ccc #999 #ccc;
  -webkit-box-shadow: rgba(64, 64, 64, 0.5) 0 2px 5px;
  -moz-box-shadow: rgba(64, 64, 64, 0.5) 0 2px 5px;
  box-shadow: rgba(64, 64, 64, 0.1) 0 2px 5px;
  width: 99%;
  height: 100%;
  display: inline-block;
  position: absolute;
  top: 0; }

.portlet-boundary_com_neoris_portlet_EventosGeoPortlet_ .ContenidoVentana {
  overflow-x: auto;
  padding-left: 20px;
  display: inline-block;
  width: 45%; }

.portlet-boundary_com_neoris_portlet_EventosGeoPortlet_ .ImagenVentana {
  float: left;
  width: 50%;
  float: left;
  display: inline-block;
  width: 50%;
  height: auto; }

.portlet-boundary_com_neoris_portlet_EventosGeoPortlet_ .ImagenVentana img {
  height: auto; }

.portlet-boundary_com_neoris_portlet_EventosGeoPortlet_ #map {
  min-width: 100%;
  max-width: 100%;
  height: 100%; }

.portlet-boundary_com_neoris_portlet_EventosGeoPortlet_ #formulario {
  height: 100%;
  padding-left: 5px; }

@media screen and (max-width: 767px) {
  .portlet-boundary_com_neoris_portlet_EventosGeoPortlet_ .ContenidoVentana {
    width: 100%; }
  .portlet-boundary_com_neoris_portlet_EventosGeoPortlet_ .ImagenVentana {
    width: 100%; } }

@media screen and (max-width: 500px) {
  .portlet-boundary_com_neoris_portlet_EventosGeoPortlet_ .Encabezados {
    font-size: 20px !important; }
  .portlet-boundary_com_neoris_portlet_EventosGeoPortlet_ #general {
    height: 300px;
    width: 100%; } }

#generalPreferencias {
  height: 600px;
  width: 900px;
  margin-top: 200px;
  margin-left: 200px;
  margin-right: 200px; }

@media screen and (max-width: 991px) {
  #generalPreferencias {
    margin-left: 30px;
    margin-right: 30px; } }

/*
.portlet-boundary_com_liferay_document_library_web_portlet_DLPortlet_ .navbar.navbar-default.collapse-basic-search { display:none; } 
.portlet-boundary_com_liferay_document_library_web_portlet_DLPortlet_ .management-bar-container { display:none; } 
.portlet-boundary_com_liferay_document_library_web_portlet_DLPortlet_ .taglib-empty-result-message-header { display:none; }
*/
/*****************************************************************************************************/
/******************************************* adt_folletos ********************************************/
/*****************************************************************************************************/
.entremes {
  position: relative;
  margin: 5% 0 5% 0; }

.entremes .anios {
  overflow: hidden; }

.entremes .anios .anioMostrar {
  float: left;
  border-bottom: 2px solid #c64039;
  margin-right: 2.9%;
  margin-left: 2%;
  cursor: pointer;
  width: 30%;
  height: 16vw;
  position: relative;
  overflow: hidden;
  margin-bottom: 3%; }

.entremes .anios .anioMostrar:first-child {
  margin-left: 0; }

.entremes .anios .anioMostrar:last-child {
  margin-right: 0; }

.entremes .anios p {
  z-index: 30;
  display: block;
  padding: 0 15px;
  font-size: 2vw !important;
  top: 0;
  position: absolute;
  color: white;
  background-color: #c64039;
  height: 17%;
  width: 100%;
  font-weight: 700 !important; }

.entremes .imgIzq {
  overflow: hidden;
  position: absolute;
  width: 42%;
  padding-top: 11%;
  margin-left: -7%; }

.entremes .imgCent {
  overflow: hidden;
  position: absolute;
  width: 42%;
  padding-top: 11%;
  margin-left: 29%;
  z-index: 10; }

.entremes .imgDer {
  overflow: hidden;
  position: absolute;
  width: 42%;
  padding-top: 11%;
  margin-left: 66%;
  z-index: -1; }

.entremes .evento {
  position: relative;
  overflow: hidden;
  clear: left;
  border-top: 1px solid #d9d9d9;
  background-color: #FAFAFA;
  padding-top: 15px;
  padding-bottom: 15px;
  cursor: pointer; }

.entremes .imgEventoMini {
  float: left;
  height: 110px;
  width: 110px;
  overflow: hidden;
  margin-left: 1%; }

.entremes .imgEventoMini .imagenEventoSmall {
  max-width: 100%;
  min-height: 100%;
  width: 110px; }

.entremes .imgEventoMini p {
  font-size: 9pt !important; }

.entremes .evento .titulo {
  margin-left: 230px;
  margin-top: 10px; }

.entremes .evento .titulo p {
  font-size: 18pt !important;
  font-weight: 600;
  padding-left: 27%; }

.entremes .evento .descripResumen {
  margin-left: 230px; }

.entremes .anioMostrar:hover {
  border: 2px solid #c64039; }

.entremes a:hover {
  text-decoration: none; }

.entremes .evento:hover {
  border: 3px solid #c64039 !important; }

@media only screen and (max-width: 432px) {
  .entremes .anios p {
    font-size: 3vw !important;
    height: 22%;
    padding-left: 10%; }
  .entremes .anios .anioMostrar {
    height: 20vw; }
  .entremes .evento {
    overflow: hidden; }
  .entremes .evento .titulo {
    margin-left: 100px;
    margin-top: 0; }
  .entremes .evento .titulo p {
    font-size: 16pt !important; }
  .entremes .evento .descripResumen {
    display: none; }
  .entremes .imgIzq {
    padding-top: 21%; }
  .entremes .imgDer {
    padding-top: 21%; }
  .entremes .imgCent {
    padding-top: 21%; } }

#eventosAno1 {
  display: none; }

#eventosAno2 {
  display: none; }

#eventosAno3 {
  display: none; }

.portlet-boundary_com_liferay_asset_publisher_web_portlet_AssetPublisherPortlet_ .sidenav-content .main-content-card.panel {
  display: none; }

/* Modificaciï¿½n estilos liferay para ajustar visualizaciï¿½n*/
/*********************************************************************************************************
*********************************************************************************************************/
/*Centramos la imagen del folleto en el recuadro de mostrar el detalle*/
.lfr-preview-file-image-container {
  text-align: center !important; }

/* Visualizaciï¿½n del zoom del evento. Ajustar pasar pagina en los extremos */
.lfr-preview-file-image-overlay-controls .image-viewer-control.carousel-control.left {
  left: 0; }

.lfr-preview-file-image-overlay-controls .image-viewer-control.carousel-control.right {
  right: 0; }

.btn-toolbar-content {
  padding-right: 15%; }

/* Margen superior en la barra de las pï¿½ginas de miniatura para mostrar el botï¿½n Informaciï¿½n */
.portlet-boundary_com_liferay_asset_publisher_web_portlet_AssetPublisherPortlet_ div.lfr-preview-file-images {
  padding-top: 0;
  margin-top: 50px; }

.lfr-preview-file-images {
  height: calc(100% - 55px); }

/* Ocultamos la barra de scroll que aparece en el recuadro de descarga */
.portlet-boundary_com_liferay_asset_publisher_web_portlet_AssetPublisherPortlet_ div.sidebar.sidebar-default.sidenav-menu {
  overflow: hidden; }

/* Ajustamos el tamaï¿½o de la visualizaciï¿½n cuando tenemos espacio */
@media only screen and (max-width: 767px) {
  div.lfr-preview-file-image-current-column {
    width: 326px;
    left: 0;
    margin: auto; }
  .lfr-preview-file-image-current {
    max-height: none; } }

@media only screen and (max-width: 630px) {
  div.lfr-preview-file-image-current-column {
    width: auto; } }

/* Ajustes asset publisher para folletos 
	MODIFICAMOS LAS CLASES DE LIFERAY DIRECTAMENTE

	div.lfr-preview-file-image-current-column{
	  width:50%;
	  margin-left:4%;
	  left: 20%;
	}
	.lfr-preview-file-image-container, .lfr-preview-video-content .video-content {
	    text-align: center;
	}
	div.lfr-preview-file-images{
	width: 160px;
	}
	.container-fluid-1280.sidenav-container {
	    padding-top: 4%;
	}
	.lfr-preview-file-content {
	  border-bottom: none;
	}

	.portlet-boundary_com_liferay_asset_publisher_web_portlet_AssetPublisherPortlet_ div.btn-group {
    
    top: -40px;
    left: 0;
    display: block;
	}
	
	@media only screen and (max-width: 768px){
	.lfr-preview-file-image-current {
    max-height: 260px;
}
	.lfr-preview-file-toolbar {
    display: inline-block;
	}
	
	.portlet-boundary_com_liferay_asset_publisher_web_portlet_AssetPublisherPortlet_ div.btn-group {  
	margin-left:0;
	display:inline-block;
	}
	.lfr-preview-file-actions {
    bottom: .5em;
    position: absolute;
    
}
	
	.sidebar-body {
	padding: 31px;
	}
	
	.sidenav-right > .sidenav-menu-slider {   
	left: 15%;   
	right: 0;
	}
	
	.btn-toolbar {   
	margin-left: 0px;
	}
	
	.portlet-boundary_com_liferay_asset_publisher_web_portlet_AssetPublisherPortlet_ div.sidebar.sidebar-default.sidenav-menu {
    max-width: 185px ;
    min-height: 100px ;
    max-height: 180px ;
    color: black;
    text-align: center;
    position: absolute ;
    left: 40% ;
    top: -5% ;
}

div.lfr-preview-file-image-current-column {
    width: auto ;
    margin-left: 48px ;
    margin-top: 0 ;
    position: absolute;
    
}
  h1, .h1, h2, .h2, h3, .h3 {
    margin-top: 20px;
    margin-bottom: 30px;
}
.portlet-boundary_com_liferay_asset_publisher_web_portlet_AssetPublisherPortlet_ div.lfr-preview-file-images {
    padding-top: 50px;
    margin-left: 3%;
}
.visible-xs-block, .visible-xs-inline, .visible-xs-inline-block, .visible-sm-block, .visible-sm-inline, .visible-sm-inline-block, .visible-md-block, .visible-md-inline, .visible-md-inline-block, .visible-lg-block, .visible-lg-inline, .visible-lg-inline-block {
    display: visibility;
}
.lfr-preview-file-info {
	   
	display: none;
	
	}
	}
	

	@media only screen and (max-width: 476px){
	div.lfr-preview-file-images{
	margin-left:0;
	}
	
	div.lfr-preview-file-image-current-column {
	position:relative;
	left: 44%;
    margin-bottom: 35%;
    max-height: 300px ;
    max-width: 160px;
    margin-top: 15%;
    margin-left: 0%;
	}
	
	
	.portlet-boundary_com_liferay_asset_publisher_web_portlet_AssetPublisherPortlet_ div.btn-group {
	    left: -6%;
	}
	.lfr-preview-file-image{
	width:61%;
	}
	
	.lfr-preview-file-image-container, .lfr-preview-video-content .video-content {
    height: auto;
	}
	
	
	.lfr-preview-file-toolbar {
   		background: transparent;
	}
	.btn-toolbar>.btn, .btn-toolbar>.btn-group, .btn-toolbar>.input-group {
	    margin-left: -100%;
	    margin-bottom: 5%;
	}
		
	.lfr-preview-file-content {	   
	    padding:0;
	}
	.lfr-preview-file-actions {	   
		bottom: -6.5em;	   
		left: 39%;	   
		margin: 0 10px;	   
		position: absolute;	   
		right: -10px;	
	}
	
	
	.lfr-preview-file-info {
		display: none;
	}

	.sidebar-body {
	    padding: 20px;
	    line-height: 0.5;
	}
	
	.btn-toolbar { 
	margin-left: -40px;
	clear: none;
	}
	.btn-default {
	margin-bottom: -18%;
	}
	
	

	.portlet-boundary_com_liferay_asset_publisher_web_portlet_AssetPublisherPortlet_ div.btn-group {
    top: 1px;
    left: 0;
    display: block;
}

	div.lfr-preview-file-images {
    padding-top: 40px;
    width: 120px;
    margin-left:0;
    
}
	.lfr-preview-file-actions {
    bottom: -6.5em;
    left: 47%;
    margin: 6px 10px;
    position: absolute;
    right: -25px;
}


	.btn-group > .btn, .btn-group-vertical > .btn {
    position: relative;
    float: left;
    left: -13px;
}
	
	.portlet-boundary_com_liferay_asset_publisher_web_portlet_AssetPublisherPortlet_ div.sidebar.sidebar-default.sidenav-menu {
    max-width: 185px ;
    min-height: 100px ;
    max-height: 180px ;
    color: black;
    text-align: center;
    position: absolute ;
    left: 13% ;
    top: 0% ;
}
	}
	*/
/* @media only screen and (max-width: 991px){
	.sidenav-container.open>.sidenav-menu-slider {
    padding-left: 14%;
	}
	} */
/* ESTILOS ADTs MENï¿½S DE NAVEGACIï¿½N*/
/***********************************/
/*****************************************************************************************************/
/***************************************** adt_navegacion_3 ******************************************/
/*****************************************************************************************************/
.adt_navegacion_3 {
  position: relative;
  width: 100%;
  padding-bottom: calc(100% / 2.6);
  overflow: hidden;
  margin-top: -45px;
  margin-bottom: -45px; }

.adt_navegacion_3 .imgBackground {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 125%;
  z-index: -5; }

.adt_navegacion_3 .areaRight {
  position: absolute;
  right: 0;
  width: 25%;
  height: 100%;
  /*background-color: rgba(20, 20, 20, 0.5);*/
  background: rgba(185, 65, 85, 0.5);
  /* For browsers that do not support gradients */
  background: -webkit-linear-gradient(90deg, rgba(169, 66, 118, 0.5), rgba(198, 64, 57, 0.5));
  /* For Safari 5.1 to 6.0 */
  background: -o-linear-gradient(90deg, rgba(169, 66, 118, 0.5), rgba(198, 64, 57, 0.5));
  /* For Opera 11.1 to 12.0 */
  background: -moz-linear-gradient(90deg, rgba(169, 66, 118, 0.5), rgba(198, 64, 57, 0.5));
  /* For Firefox 3.6 to 15 */
  background: linear-gradient(90deg, rgba(169, 66, 118, 0.5), rgba(198, 64, 57, 0.5));
  /* Standard syntax */ }

.adt_navegacion_3 a {
  display: inline-block;
  width: 100%;
  height: 100%;
  text-decoration: none; }

.adt_navegacion_3 .lettersRight {
  margin-top: 25%;
  margin-right: 12%;
  padding-left: 24%;
  /* 20% */
  color: white;
  text-align: right;
  font-size: 5.6vw !important;
  font-weight: 900;
  word-wrap: break-word;
  line-height: 82%;
  text-indent: 23%;
  /* 25% */ }

.adt_navegacion_3 p.lettersRight::first-line {
  padding-left: 10px; }

.adt_navegacion_3 .lettersRight span {
  font-size: inherit !important;
  font-family: inherit !important; }

.adt_navegacion_3 .areaRight span[class^="icon-"] {
  position: absolute;
  right: 0;
  margin-top: 3%;
  margin-right: 25%;
  font-size: 5vw !important;
  color: white; }

.adt_navegacion_3 .areaRight span[class*=" icon-"] {
  position: absolute;
  right: 0;
  margin-top: 3%;
  margin-right: 25%;
  font-size: 5vw !important;
  color: white; }

.adt_navegacion_3 .Navigation_Items {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  padding: 0;
  list-style-type: none; }

.adt_navegacion_3 .TitleOption {
  margin-top: 0.2%; }

.adt_navegacion_3 .TitleOption p {
  display: inline;
  padding: 0 15px 1px 45px;
  font-size: 2vw !important;
  font-weight: 800;
  color: black;
  background: white;
  line-height: 1.4; }

/*COMPORTAMIENTO HOVER */
.adt_navegacion_3 .TitleOption p:hover {
  color: white;
  background: #b94155;
  /* For browsers that do not support gradients */
  background: -webkit-linear-gradient(90deg, #a94276, #c64039);
  /* For Safari 5.1 to 6.0 */
  background: -o-linear-gradient(90deg, #a94276, #c64039);
  /* For Opera 11.1 to 12.0 */
  background: -moz-linear-gradient(90deg, #a94276, #c64039);
  /* For Firefox 3.6 to 15 */
  background: linear-gradient(90deg, #a94276, #c64039);
  /* Standard syntax */ }

/* RESPONSIVE */
@media only screen and (max-width: 767px) and (min-width: 476px) {
  .adt_navegacion_3 {
    padding-bottom: calc((100% -10%) / 1.58);
    margin-left: 5%;
    margin-right: 5%;
    width: auto; }
  .adt_navegacion_3 .areaRight {
    width: 32%; }
  .adt_navegacion_3 .lettersRight {
    margin-top: 19%;
    padding-left: 18%;
    /* 11% */
    font-size: 7vw !important;
    text-indent: 24%; }
  .adt_navegacion_3 .TitleOption p {
    font-size: 2.6vw !important; } }

@media only screen and (max-width: 476px) {
  .adt_navegacion_3 {
    padding-bottom: calc(100% / 1.16); }
  .adt_navegacion_3 .imgBackground {
    height: 100%; }
  .adt_navegacion_3 .areaRight {
    right: 0;
    left: 0;
    width: 100%;
    height: 50%; }
  .adt_navegacion_3 .lettersRight {
    margin-top: 2%;
    margin-right: 2%;
    margin-left: 47%;
    padding-left: 20%;
    /*16%*/
    color: white;
    text-align: right;
    font-size: 11vw !important;
    font-weight: 900;
    word-wrap: break-word;
    line-height: 82%;
    text-indent: 10%; }
  .adt_navegacion_3 .areaRight span[class^="icon-"] {
    position: absolute;
    left: 0;
    margin-top: 10%;
    margin-left: 16%;
    font-size: 12vw !important;
    color: white;
    top: 0; }
  .adt_navegacion_3 .areaRight span[class*=" icon-"] {
    position: absolute;
    left: 0;
    margin-top: 10%;
    margin-left: 16%;
    font-size: 12vw !important;
    color: white;
    top: 0; }
  .adt_navegacion_3 .Navigation_Items {
    transform: none;
    line-height: 0; }
  .adt_navegacion_3 .TitleOption p {
    display: inline;
    padding: 1px 15px 1px 18px;
    font-size: 4vw !important;
    font-weight: 800;
    color: black;
    background: white;
    line-height: 1.5 !important; } }

/*********************** Estilos ADTs de menu de navegaciï¿½n "Organiza tu visita" **********************/
/******************************************************************************************************
 Afecta a los siguientes ADTS: 
		adt_navegaciï¿½n_1		 					(PAG: Inicio)
		adt_navegacion_organiza_tu_visita_vertical	(PAG: Cï¿½mo llegar)
******************************************************************************************************/
.AppTpl_NEORIS_Menu_1 {
  position: relative;
  top: 0;
  left: 0; }

/* FIRST LIST ELEMENT */
.AppTpl_NEORIS_Menu_1 .Navigation_Items li .FirstElement {
  display: block;
  margin: 0;
  padding: 18% 0 0 10%;
  height: 100%;
  line-height: 1;
  word-spacing: 1000px;
  color: white !important;
  text-align: left;
  padding-left: 10px; }

.AppTpl_NEORIS_Menu_1 .Navigation_Items li:hover .FirstElement {
  color: #b5433b;
  background: transparent; }

.AppTpl_NEORIS_Menu_1 .Navigation_Items li .Square {
  display: block;
  width: 80%;
  height: 100%;
  background-color: black; }

.AppTpl_NEORIS_Menu_1 .Navigation_Items li .TriangleUp {
  position: relative;
  float: left;
  bottom: 100%;
  left: 80%;
  width: 20%;
  height: 50%;
  background: black;
  background: -webkit-linear-gradient(63deg, black, black 50%, transparent 50%, transparent 100%);
  /* For Safari 5.1 to 6.0 */
  background: -o-linear-gradient(63deg, black, black 50%, transparent 50%, transparent 100%);
  /* For Opera 11.1 to 12.0 */
  background: -moz-linear-gradient(63deg, black, black 50%, transparent 50%, transparent 100%);
  /* For Firefox 3.6 to 15 */
  background: linear-gradient(63deg, black, black 50%, transparent 50%, transparent 100%);
  /* Standard syntax */ }

.AppTpl_NEORIS_Menu_1 .Navigation_Items li .TriangleDown {
  position: relative;
  float: left;
  bottom: 50%;
  left: 60%;
  width: 20%;
  height: 50%;
  background: black;
  background: -webkit-linear-gradient(117deg, black, black 50%, transparent 50%, transparent 100%);
  /* For Safari 5.1 to 6.0 */
  background: -o-linear-gradient(117deg, black, black 50%, transparent 50%, transparent 100%);
  /* For Opera 11.1 to 12.0 */
  background: -moz-linear-gradient(117deg, black, black 50%, transparent 50%, transparent 100%);
  /* For Firefox 3.6 to 15 */
  background: linear-gradient(117deg, black, black 50%, transparent 50%, transparent 100%);
  /* Standard syntax */ }

/*REST OF THE LIST ELEMENTS*/
.AppTpl_NEORIS_Menu_1 .Navigation_Items {
  padding: 0;
  list-style-type: none; }

.AppTpl_NEORIS_Menu_1 .Navigation_Items li {
  position: relative;
  display: inline-block;
  color: black !important; }

.AppTpl_NEORIS_Menu_1 .Navigation_Items .NavigationElement {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0; }

.AppTpl_NEORIS_Menu_1 .Navigation_Items li.custom_pages {
  background-color: #d9d9d9; }

.AppTpl_NEORIS_Menu_1 .Navigation_Items li.custom_pages p {
  color: black; }

.AppTpl_NEORIS_Menu_1 .Navigation_Items li a {
  display: block;
  text-decoration: none;
  color: inherit;
  height: 100%; }

.AppTpl_NEORIS_Menu_1 span {
  font-size: 6vw !important;
  padding: 10% 5% 2% 5%;
  display: inline-block;
  width: 100%;
  text-align: center; }

.AppTpl_NEORIS_Menu_1 .Navigation_Items .TitleOption {
  display: table;
  position: absolute;
  bottom: 0;
  width: 100%;
  height: 42%;
  padding: 0 3% 0 3%; }

.AppTpl_NEORIS_Menu_1 .Navigation_Items li p {
  display: table-cell;
  vertical-align: middle;
  text-align: center;
  font-size: 2vw !important;
  font-weight: 900;
  line-height: 100%;
  text-transform: lowercase; }

/* Hover */
.AppTpl_NEORIS_Menu_1 .Navigation_Items li.custom_pages:hover {
  background: #b94155;
  /* For browsers that do not support gradients */
  background: -webkit-linear-gradient(90deg, #a94276, #c64039);
  /* For Safari 5.1 to 6.0 */
  background: -o-linear-gradient(90deg, #a94276, #c64039);
  /* For Opera 11.1 to 12.0 */
  background: -moz-linear-gradient(90deg, #a94276, #c64039);
  /* For Firefox 3.6 to 15 */
  background: linear-gradient(90deg, #a94276, #c64039);
  /* Standard syntax */ }

/*****************************************************************************************************/
/************************ adt_navegacion_1 (PAG: Inicio). Estilos particulares ***********************/
/*****************************************************************************************************/
.adt_ini {
  margin-bottom: -51px;
  padding-left: 10px; }

.adt_ini .NavIt_ini li .FE_ini {
  font-size: 3vw !important; }

.adt_ini .NavIt_ini li {
  width: calc((100% / 3) - 8px);
  padding-bottom: calc(((100% / 3) - 8px) / 1.27); }

/* RESPONSIVE */
@media only screen and (max-width: 991px) {
  .adt_ini .NavIt_ini li .FirstElement {
    font-size: 4.5vw !important; }
  .adt_ini span {
    font-size: 8vw !important; }
  .adt_ini .NavIt_ini li p {
    font-size: 3vw !important; } }

@media only screen and (max-width: 476px) {
  .adt_ini {
    padding-left: 0px; }
  .adt_ini .Navigation_Items li {
    width: calc((100% / 2) - 1.2%);
    padding-bottom: calc(((100% / 2) - 1.2%) / 1.27); }
  .adt_ini .Navigation_Items li .FirstElement {
    font-size: 7vw !important; }
  .adt_ini span {
    font-size: 12vw !important; }
  .adt_ini .Navigation_Items li p {
    font-size: 5.5vw !important; } }

/*****************************************************************************************************/
/******* adt_navegacion_organiza_tu_visita_vertical (PAG: Cï¿½mo moverse). Estilos particulares ********/
/*****************************************************************************************************/
.adt_vert .Navigation_Items li .FE_vert {
  font-size: 2.6vw !important; }

.adt_vert .NavIt_vert li {
  width: calc((100%) - 8px);
  padding-bottom: calc(((100%) - 8px) / 1.27); }

@media only screen and (max-width: 767px) {
  .adt_vert {
    padding-left: 0px; }
  .adt_vert .Navigation_Items li {
    width: calc((100% / 2) - 1.2%);
    padding-bottom: calc(((100% / 2) - 1.2%) / 1.27); }
  .adt_vert .Navigation_Items li .FirstElement {
    font-size: 7vw !important; }
  .adt_vert span {
    font-size: 12vw !important; }
  .adt_vert .Navigation_Items li p {
    font-size: 5.2vw !important; } }

/************************************** FIN Organiza tu visita ***************************************/
/*****************************************************************************************************/
/************************** Estilos ADTs de menu de navegaciï¿½n "Comer y beber" ************************/
/******************************************************************************************************
 Afecta a los siguientes ADTS: 
		adt_navegaciï¿½n_2		 					(PAG: Inicio)
		adt_navegacion_vertical						(PAG: Detalle Valladolid en 1, 2 o 3 dï¿½as, 
														  Cï¿½mo moverse, Mapas, folletos y apps, 
														  Ruta de tapas, Vida nocturna)
******************************************************************************************************/
.adt_navegacion_2 {
  position: relative;
  overflow: auto; }

/* IMAGEN DE CABECERA */
.adt_navegacion_2 .mainArea {
  position: relative;
  width: 100%;
  padding-bottom: 37.17%;
  overflow: hidden; }

.adt_navegacion_2 .mainImage {
  position: absolute;
  width: 222%;
  height: 341%;
  left: -65%;
  top: -175%; }

.adt_navegacion_2 .mainTextArea {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translateX(-50%) translateY(-50%);
  width: 450px;
  padding: 1% 3% 1% 3%;
  background-color: #d9d9d9;
  border: 1px solid black;
  text-align: center; }

.adt_navegacion_2 .TitleText {
  font-size: 32pt !important;
  font-weight: 900;
  text-transform: lowercase; }

.adt_navegacion_2 .mainTextArea .DescriptionTitle {
  text-transform: uppercase;
  margin-bottom: 2%;
  font-size: 13pt !important; }

.adt_navegacion_2 .mainTextArea a {
  text-decoration: none; }

.adt_navegacion_2 .mainArea .MasInfo {
  font-weight: 600;
  color: black;
  display: inline;
  font-size: 10pt !important;
  padding: 2px 8px 2px 8px;
  /* border: 1px solid black; */
  text-transform: lowercase;
  background-color: #da1b4e;
  color: white;
  border-radius: 5px; }

/* ELEMENTOS DE NAVEGACIï¿½N */
.adt_navegacion_2 .Navigation_Items_Container {
  position: relative;
  width: 100%; }

.adt_navegacion_2 .Navigation_Items {
  padding: 0;
  list-style-type: none; }

.adt_navegacion_2 .Navigation_Items li {
  position: relative;
  float: left;
  background-color: #d9d9d9; }

.adt_navegacion_2 .NavigationElements {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  overflow: hidden; }

.adt_navegacion_2 .OptionImage {
  position: relative;
  width: 220%;
  left: -50%; }

.adt_navegacion_2 .Navigation_Items li a {
  display: block;
  text-decoration: none;
  color: inherit;
  height: 100%; }

.adt_navegacion_2 .NavigationElements span[class^="icon-"], .adt_navegacion_2 .NavigationElements span[class*=" icon-"] {
  position: absolute;
  right: 0;
  top: 0;
  margin: 0 5% 0 auto;
  padding: 2% 2% 4% 2%;
  font-size: 1.5vw !important;
  display: inline-block;
  color: white;
  background: #b94155;
  /* For browsers that do not support gradients */
  background: -webkit-linear-gradient(90deg, #a94276, #c64039);
  /* For Safari 5.1 to 6.0 */
  background: -o-linear-gradient(90deg, #a94276, #c64039);
  /* For Opera 11.1 to 12.0 */
  background: -moz-linear-gradient(90deg, #a94276, #c64039);
  /* For Firefox 3.6 to 15 */
  background: linear-gradient(90deg, #a94276, #c64039);
  /* Standard syntax */
  transition: 0.2s; }

.adt_navegacion_2 .Navigation_Items li .TitleOption {
  position: absolute;
  bottom: 5%;
  left: 0;
  padding: 1% 3% 1% 3%;
  color: black;
  font-size: 1.8vw !important;
  font-weight: bolder;
  text-transform: lowercase;
  line-height: 100%;
  background: white; }

.adt_navegacion_2.adt_navegacion_2_2 .Navigation_Items li .TitleOption.TitleOptionTransparent {
  background: rgba(255, 255, 255, 0.75); }

.rutasVirtualesElements {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  overflow: hidden; }

.titleRutasVirtuales {
  display: flex;
  height: 100%;
  align-items: center;
  left: 0px;
  position: absolute;
  top: 52%;
  text-align: center;
  width: 100%;
  color: white;
  font-size: 2vw !important;
  font-weight: 600;
  transform: translateY(-52%); }

.titleRutasVirtualesTransparent {
  background: linear-gradient(90deg, rgba(169, 66, 118, 0.5), rgba(198, 64, 57, 0.5)); }

.titleRutasVirtualesTransparent:hover {
  background-color: rgba(0, 0, 0, 0.7); }

#OptionImageAppsRutas {
  position: relative;
  width: 100%;
  left: 0;
  height: 100%; }

@media only screen and (max-width: 767px) {
  .titleRutasVirtuales {
    font-size: 5vw !important; } }

/*COMPORTAMIENTO AL SITUAR EL RATï¿½N SOBRE LOS ELEMENTOS*/
.adt_navegacion_2 .Navigation_Items .NavigationElements:hover {
  outline: 8px solid #b5433b;
  outline-offset: -8px;
  background: #b94155;
  /* For browsers that do not support gradients */
  background: -webkit-linear-gradient(90deg, rgba(169, 66, 118, 0.9), rgba(198, 64, 57, 0.9));
  /* For Safari 5.1 to 6.0 */
  background: -o-linear-gradient(90deg, rgba(169, 66, 118, 0.9), rgba(198, 64, 57, 0.9));
  /* For Opera 11.1 to 12.0 */
  background: -moz-linear-gradient(90deg, rgba(169, 66, 118, 0.9), rgba(198, 64, 57, 0.9));
  /* For Firefox 3.6 to 15 */
  background: linear-gradient(90deg, rgba(169, 66, 118, 0.9), rgba(198, 64, 57, 0.9));
  /* Standard syntax */ }

.adt_navegacion_2 .Navigation_Items .NavigationElements:hover .OptionImage {
  opacity: 0.15; }

.adt_navegacion_2 .Navigation_Items .NavigationElements:hover span[class^="icon-"] {
  position: absolute;
  top: 20%;
  right: 50%;
  transform: translateX(50%);
  margin: 0;
  padding: 2% 2% 4% 2%;
  font-size: 8vw !important;
  display: inline-block;
  color: white;
  background: none; }

.adt_navegacion_2.adt_navegacion_2_2 .Navigation_Items .NavigationElements.NavigationElements2:hover span[class^="icon-"] {
  top: 5%; }

.adt_navegacion_2 .Navigation_Items .NavigationElements:hover span[class*=" icon-"] {
  position: absolute;
  top: 20%;
  right: 50%;
  transform: translateX(50%);
  margin: 0;
  padding: 2% 2% 4% 2%;
  font-size: 8vw !important;
  display: inline-block;
  color: white;
  background: none; }

.adt_navegacion_2 .Navigation_Items .NavigationElements:hover .TitleOption {
  color: white;
  background: none; }

.adt_navegacion_2 .mainArea .MasInfo:hover {
  background-color: #b5433b; }

#OptionImageApps {
  position: relative;
  width: 100%;
  left: 0; }

/* RESPONSIVE */
@media only screen and (max-width: 1200px) {
  .adt_navegacion_2 .mainTextArea {
    width: 300px; }
  .adt_navegacion_2 .TitleText {
    font-size: 27pt !important;
    margin-bottom: 0; }
  .adt_navegacion_2 .mainTextArea .DescriptionTitle {
    font-size: 10pt !important; }
  .adt_navegacion_2 .NavigationElements span[class^="icon-"], .adt_navegacion_2 .NavigationElements span[class*=" icon-"] {
    font-size: 2.2vw !important; }
  .adt_navegacion_2 .Navigation_Items .NavigationElements:hover span[class^="icon-"] {
    font-size: 9vw !important; }
  .adt_navegacion_2 .Navigation_Items .NavigationElements:hover span[class*=" icon-"] {
    font-size: 9vw !important; } }

@media only screen and (max-width: 991px) {
  .adt_navegacion_2 .mainTextArea {
    width: 360px; }
  .adt_navegacion_2 .TitleText {
    font-size: 26pt !important; }
  .adt_navegacion_2 .Navigation_Items li .TitleOption {
    font-size: 2.5vw !important; } }

@media only screen and (max-width: 767px) {
  .adt_navegacion_2 .mainArea {
    padding-bottom: 63.7%; }
  .adt_navegacion_2 .mainImage {
    width: 222%;
    height: 341%;
    left: -65%;
    top: -175%; }
  .adt_navegacion_2 .mainTextArea {
    width: 260px; }
  .adt_navegacion_2 .TitleText {
    font-size: 20pt !important;
    margin-bottom: 0; }
  .adt_navegacion_2 .mainTextArea .DescriptionTitle {
    font-size: 8pt !important; }
  /* Menu navegation */
  .adt_navegacion_2 .Navigation_Items_Container {
    /* padding-bottom: 125% !important; */ }
  .adt_navegacion_2 .Navigation_Items li {
    width: calc((100% / 2) - 17px) !important;
    padding-bottom: calc(((100% / 2) - 16px) * 1.25) !important;
    /* 4:5 relation */
    font-size: 5vw !important; }
  .adt_navegacion_2 .Navigation_Items li .TitleOption {
    font-size: 5vw !important; }
  .adt_navegacion_2 .NavigationElements span[class^="icon-"], .adt_navegacion_2 .NavigationElements span[class*=" icon-"] {
    font-size: 7vw !important; }
  .adt_navegacion_2 .Navigation_Items .NavigationElements:hover {
    outline: 6px solid #b5433b;
    outline-offset: -6px; }
  .adt_navegacion_2 .Navigation_Items .NavigationElements:hover span[class^="icon-"] {
    font-size: 22vw !important; }
  .adt_navegacion_2 .Navigation_Items .NavigationElements:hover span[class*=" icon-"] {
    font-size: 22vw !important; }
  #OptionImageApps {
    position: relative;
    width: 152% !important;
    left: -19% !important;
    height: 100%; } }

@media only screen and (max-width: 476px) {
  .adt_navegacion_2 .mainArea {
    padding-bottom: 63.7%;
    /* width/height relation = 1.57 */ }
  .adt_navegacion_2 .mainTextArea {
    width: 75% !important; }
  .adt_navegacion_2 .TitleText {
    font-size: 6vw !important;
    margin-bottom: 0; }
  .adt_navegacion_2 .mainTextArea .DescriptionTitle {
    font-size: 3vw !important; }
  /* Menu navegation */
  .adt_navegacion_2 .Navigation_Items_Container {
    /* padding-bottom: 125% !important; */ }
  .adt_navegacion_2 .Navigation_Items li {
    width: calc((100% / 2) - 2%) !important;
    padding-bottom: calc(((100% / 2) - 2%) * 1.25) !important;
    /* 4:5 relation */
    font-size: 5vw !important;
    margin: 1% !important; }
  .adt_navegacion_2 .onlyOne li {
    width: calc((200% / 2) - 2%) !important;
    padding-bottom: calc(((120% / 2) - 2%) * 1.25) !important;
    /* 4:5 relation */ }
  .adt_navegacion_2 .Navigation_Items li .TitleOption {
    font-size: 5vw !important; }
  .adt_navegacion_2 .NavigationElements span[class^="icon-"], .adt_navegacion_2 .NavigationElements span[class*=" icon-"] {
    font-size: 7vw !important; }
  .adt_navegacion_2 .Navigation_Items .NavigationElements:hover {
    outline: 6px solid #b5433b;
    outline-offset: -6px; }
  .adt_navegacion_2 .Navigation_Items .NavigationElements:hover span[class^="icon-"] {
    font-size: 22vw !important; }
  .adt_navegacion_2 .Navigation_Items .NavigationElements:hover span[class*=" icon-"] {
    font-size: 22vw !important; }
  .onlyOne #OptionImageApps {
    position: relative;
    width: 100% !important;
    height: 100%;
    left: 0 !important; } }

/*****************************************************************************************************/
/************************ adt_navegacion_2 (PAG: Inicio). Estilos particulares ***********************/
/*****************************************************************************************************/
.adt_nav2_ini .Navigation_Items_Container {
  padding-bottom: 32%; }

.adt_nav2_ini .Navigation_Items li {
  width: calc((100% / 4) - 17px);
  padding-bottom: calc(((100% / 4) - 16px) * 1.25);
  /* 4:5 relation */
  margin: 12px 8px; }

.adt_nav2_ini .OptionImage {
  height: 100%; }

/*****************************************************************************************************/
/******************* adt_navegacion_vertical (PAG: varias...). Estilos particulares ******************/
/*****************************************************************************************************/
.adt_nav2_vert .Navigation_Items_Container {
  padding-bottom: 0;
  /* 362% 393% */ }

.adt_nav2_vert .Navigation_Items {
  overflow: auto; }

.adt_nav2_vert .Navigation_Items li {
  width: 100%;
  padding-bottom: 82%;
  margin: 12px 0px;
  overflow: hidden; }

.adt_nav2_vert .Navigation_Items li .TitleOption {
  width: 93%; }

@media only screen and (max-width: 767px) {
  .adt_nav2_vert .Navigation_Items li {
    margin: 12px 8px; } }

/***************************************** FIN Comer y beber *****************************************/
/*****************************************************************************************************/
/*****************************************************************************************************/
/******************* adt_navegacion_vertical_mapas_folletos_apps_mini (PAG: varias... fiestas san lorenzo 2018). Estilos particulares ******************/
/*****************************************************************************************************/
.adt_nav2_vert.adt_navegacion_2_mini .Navigation_Items li {
  padding-bottom: 0;
  height: 120px; }

.adt_navegacion_2.adt_navegacion_2_mini .Navigation_Items .NavigationElements:hover span[class^="icon-"] {
  font-size: 4vw !important; }

/********************** Estilos ADTs de menu de navegaciï¿½n "Valladolid es cultura" ********************/
/******************************************************************************************************
 Afecta a los siguientes ADTS: 
		adt_navegaciï¿½n_4		 					(PAG: Inicio)
		adt_navegacion_4_VAR						(PAG: Detalle monumento, 
														  Detalle plazas, parques y jardines,
														  Detalle arte urbano)
******************************************************************************************************/
.adt_navegacion_4 {
  position: relative;
  top: 0;
  left: 0;
  height: inherit;
  overflow: hidden; }

.adt_navegacion_4 .bg-image {
  position: absolute;
  z-index: -1 !important;
  top: 0;
  left: 0;
  max-height: 100%;
  height: inherit;
  min-width: 100%;
  overflow-x: hidden; }

.adt_navegacion_4 .navigation-content {
  position: relative;
  bottom: 0;
  left: 0;
  height: 100%; }

.adt_navegacion_4 .navigation-content .title-box {
  position: relative;
  line-height: 0.8;
  margin-left: auto;
  margin-top: 20px;
  margin-bottom: 20px;
  margin-right: 0px; }

.adt_navegacion_4 .navigation-content .title-box .title-text {
  font-weight: 900;
  text-decoration: none; }

.adt_navegacion_4 .navigation-content .title-box .titulo-faimilia-nunito span {
  font-size: inherit !important;
  font-family: inherit !important; }

.adt_navegacion_4 .navigation-content .content-box {
  position: relative;
  width: 100%;
  bottom: 0; }

.adt_navegacion_4 .navigation-element {
  position: relative;
  box-sizing: border-box;
  display: inline-block;
  border: 7px solid white;
  /* background: rgba(255,255,255,0.6); */
  background: rgba(185, 65, 85, 0.5);
  /* For browsers that do not support gradients */
  background: -webkit-linear-gradient(90deg, rgba(169, 66, 118, 0.5), rgba(198, 64, 57, 0.5));
  /* For Safari 5.1 to 6.0 */
  background: -o-linear-gradient(90deg, rgba(169, 66, 118, 0.5), rgba(198, 64, 57, 0.5));
  /* For Opera 11.1 to 12.0 */
  background: -moz-linear-gradient(90deg, rgba(169, 66, 118, 0.5), rgba(198, 64, 57, 0.5));
  /* For Firefox 3.6 to 15 */
  background: linear-gradient(90deg, rgba(169, 66, 118, 0.5), rgba(198, 64, 57, 0.5));
  /* Standard syntax */ }

.adt_navegacion_4 .navigation-element p.long-name {
  position: absolute;
  bottom: 0;
  text-align: center;
  width: 100%;
  padding-bottom: 0;
  margin-bottom: 8%;
  font-weight: 900;
  color: white;
  padding-left: 5px;
  padding-right: 5px;
  line-height: 1.1;
  vertical-align: middle;
  text-transform: lowercase;
  z-index: 12 !important; }

.adt_navegacion_4 .navigation-element p.shortcode {
  position: absolute;
  width: 100%;
  color: white;
  text-align: center;
  font-weight: 900; }

.adt_navegacion_4 .navigation-element div.bottom-right-corner {
  position: absolute;
  bottom: 0;
  right: 0;
  height: 40px;
  width: 40px;
  border-bottom: 40px solid white;
  border-left: 40px solid transparent;
  z-index: 1; }

.adt_navegacion_4 .navigation-element span {
  color: black;
  position: absolute;
  right: 0px;
  bottom: 0px;
  font-size: 16pt !important;
  z-index: 2; }

.adt_navegacion_4 .navigation-element .red-hover-bg {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  /*background: rgba(185,65,85,0.6);  For browsers that do not support gradients 
    background: -webkit-linear-gradient(90deg, rgba(169,66,118,0.6), rgba(198,64,57,0.6));  For Safari 5.1 to 6.0 
    background: -o-linear-gradient(90deg, rgba(169,66,118,0.6), rgba(198,64,57,0.6));  For Opera 11.1 to 12.0 
    background: -moz-linear-gradient(90deg, rgba(169,66,118,0.6), rgba(198,64,57,0.6));  For Firefox 3.6 to 15 
    background: linear-gradient(90deg, rgba(169,66,118,0.6), rgba(198,64,57,0.6));  Standard syntax */
  /* background: rgba(20, 20, 20, 0.5); */
  background-color: rgba(219, 28, 79, 0.7);
  display: none; }

.adt_navegacion_4 .navigation-element:hover div.bottom-right-corner {
  height: 50px;
  width: 50px;
  border-bottom: 50px solid white;
  border-left: 50px solid transparent; }

.adt_navegacion_4 .navigation-element:hover span {
  font-size: 20pt !important; }

.adt_navegacion_4 .navigation-element:hover p.long-name,
.adt_navegacion_4 .navigation-element:hover p.shortcode {
  color: white; }

.adt_navegacion_4 .navigation-element:hover .red-hover-bg {
  display: block; }

@media only screen and (max-width: 476px) {
  .adt_nav4_ini .navigation-content .title-box {
    width: 53%; } }

/*****************************************************************************************************/
/************************ adt_navegacion_4 (PAG: Inicio). Estilos particulares ***********************/
/*****************************************************************************************************/
.adt_nav4_ini {
  margin-top: -51px; }

.adt_nav4_ini .navigation-content .title-box {
  width: 60%;
  /*55%*/
  text-align: right; }

.adt_nav4_ini .navigation-content .title-box .title-text {
  font-size: 9vw !important;
  color: white;
  text-shadow: 3px 2px #000; }

.adt_nav4_ini .navigation-content .content-box {
  padding-bottom: 50px; }

.adt_nav4_ini .navigation-element {
  width: 32.8%;
  padding-bottom: 26%; }

.adt_nav4_ini .navigation-element p.long-name {
  font-size: 3vw !important; }

.adt_nav4_ini .navigation-element p.shortcode {
  top: 14%;
  font-size: 7vw !important; }

@media screen and (max-width: 767px) {
  .adt_nav4_ini .navigation-element {
    position: relative;
    width: 49.2%;
    padding-bottom: 42%;
    box-sizing: border-box;
    display: inline-block;
    border: 7px solid white;
    background: rgba(255, 255, 255, 0.6); }
  .adt_nav4_ini .navigation-element p.shortcode {
    position: absolute;
    width: 100%;
    top: 17%;
    color: black;
    text-align: center;
    font-size: 12vw !important;
    font-weight: 900; }
  .adt_nav4_ini .navigation-element p.long-name {
    position: absolute;
    bottom: 0;
    text-align: center;
    width: 100%;
    padding-bottom: 0;
    margin-bottom: 8%;
    font-size: 4vw !important;
    font-weight: 900;
    color: black;
    padding-left: 5px;
    padding-right: 5px;
    line-height: 1.1;
    vertical-align: middle;
    text-transform: lowercase; } }

@media screen and (min-width: 992px) {
  .adt_nav4_ini .navigation-element p.long-name {
    font-size: 2vw !important; }
  .adt_nav4_ini .navigation-content .title-box {
    position: relative;
    line-height: .8;
    width: 78%; } }

/*****************************************************************************************************/
/**************** adt_navegacion_4_VAR (PAG: varios detalles...). Estilos particulares ***************/
/*****************************************************************************************************/
.adt_nav4_var {
  background: #D9D9D9;
  margin-top: 34%; }

.adt_nav4_var .navigation-content .title-box {
  width: 100%;
  text-align: center; }

.adt_nav4_var .navigation-content .title-box .title-text {
  font-size: 3vw !important;
  color: black;
  text-shadow: 3px 2px grey; }

.adt_nav4_var .navigation-content .content-box {
  padding-bottom: 10px; }

.adt_nav4_var .navigation-element {
  width: 46%;
  padding-bottom: 45%;
  margin: 1%; }

.adt_nav4_var .navigation-element p.long-name {
  font-size: 1vw !important; }

.adt_nav4_var .navigation-element p.shortcode {
  top: 0%;
  font-size: 3.2vw !important; }

.adt_nav4_var .navigation-element div.bottom-right-corner {
  display: none; }

.adt_nav4_var .navigation-element span {
  display: none; }

.adt_nav4_var .navigation-content .content-box a {
  color: black;
  text-decoration: none; }

@media screen and (max-width: 991px) {
  .adt_nav4_var .navigation-element div.bottom-right-corner {
    display: none; }
  .adt_nav4_var .navigation-element span {
    display: none; } }

/************************************ FIN Valladolid es cultura **************************************/
/*****************************************************************************************************/
/********************************* Estilos ADTs columna derecha detalles ******************************/
/******************************************************************************************************
 Afecta a los siguientes ADTS: 
		adt_navegacion_5_tipoLista		 					(PAG: Detalle monumento,
																  Detalle ruta,
																  Detalle plazas, parques y jardines,
																  Detalle arte urbano,
																  [tambiï¿½n en Congresos],
																  etc.)
******************************************************************************************************/
.adt_navegacion_5_tipoLista {
  color: white;
  font-weight: 700; }

.adt_navegacion_5_tipoLista .titulo1_lista {
  display: flex;
  background: linear-gradient(90deg, rgba(169, 66, 118, 0.7), rgba(198, 64, 57, 0.7)); }

.adt_navegacion_5_tipoLista .titulo1_lista p {
  margin: 10px 12px;
  font-size: 14pt !important; }

.adt_navegacion_5_tipoLista .lista_nav {
  padding: 10px 5px 10px 30px;
  list-style-type: none;
  background: linear-gradient(90deg, #a94276, #c64039); }

.adt_navegacion_5_tipoLista .lista_nav .lista_element {
  padding: 3px 0;
  overflow: hidden; }

.adt_navegacion_5_tipoLista .lista_nav .lista_element a {
  text-decoration: none;
  color: inherit; }

.adt_navegacion_5_tipoLista .lista_nav .lista_element a:hover {
  color: rgba(255, 255, 255, 0.6);
  text-decoration: none; }

/*****************************************************************************************************/
/*****************************************************************************************************/
/******************************** ESTILOS PLANTILLAS DE CONTENIDOS WEB *******************************/
/*****************************************************************************************************/
/*****************************************************************************************************/
/************************************ PLN-10ImprescindiblesDetalle ***********************************/
/******************************************************************************************************
 	Tipo de portlet: 		Contenido web bï¿½sico
 	PAG: 					Los 10 imprescindibles
******************************************************************************************************/
div.contenedor10Imprescindibles {
  margin: 0 !important;
  padding: 0 !important;
  width: 100%; }

p.titulo10Imprescindibles {
  font-size: 4vw !important;
  font-weight: 700 !important;
  padding-bottom: 1%; }

div.cuerpo10Imprescindibles {
  text-align: justify;
  display: inline;
  width: 100%; }

p.texto10Imprescindibles {
  display: inline;
  width: 50%;
  padding-right: 2%; }

p.imagen10Imprescindibles {
  margin-top: 7px;
  float: right;
  max-width: 48%;
  margin-left: 25px; }

@media screen and (max-width: 600px) {
  p.imagen10Imprescindibles {
    max-width: 100%;
    margin-left: 0; } }

/********************************************* PLN-DETALLE *******************************************/
/******************************************************************************************************
 	Tipo de portlet: 		STR-LUGARES
 	PAG: 					Mercado, Detalle teatro, Detalle museos y salas de exposiciones,
 							Detalle otros espacios
******************************************************************************************************/
.pln_detalle {
  width: 100%;
  height: 100%;
  margin: 0 0 0% 0;
  text-align: justify;
  display: inline-block;
  padding-bottom: 2%; }

.pln_detalle h1 {
  font-size: 4vw !important;
  font-weight: 700;
  margin-top: 10px;
  text-align: left;
  padding-bottom: 2%; }

.pln_detalle h2 {
  display: block;
  font-size: 26px !important;
  padding-bottom: 5px;
  border-bottom: 1px solid #d9d9d9;
  font-weight: 600; }

.pln_detalle .contImagen {
  position: relative;
  width: 100%;
  overflow: hidden;
  cursor: pointer;
  transition: max-height 1s;
  display: inline-block; }

.pln_detalle .contImagen .imagen {
  position: relative;
  width: 53%;
  margin-right: 2%;
  float: left;
  margin-bottom: 2%; }

/* .pln_detalle .descripcion{
	position: relative;
	width: 45%;
	display:inline-block;
	float:right;
} */
.pln_detalle .descripcion {
  font-size: 14pt !important; }

/* Comportamiento responsive */
@media only screen and (max-width: 991px) {
  .pln_detalle .descripcion {
    position: relative;
    width: 100%;
    float: none; }
  .pln_detalle .contImagen {
    max-height: none; } }

@media only screen and (max-width: 767px) {
  .pln_detalle {
    margin: 0;
    width: 100%; }
  .pln_detalle h1 {
    font-size: 30px !important; }
  .pln_detalle h2 {
    font-size: 22px !important; }
  .pln_detalle .contImagen .imagen {
    width: 100%;
    margin-right: 0%; }
  .pln_detalle .ajustarLayout {
    padding-right: 0% !important; } }

@media only screen and (max-width: 476px) {
  .pln_detalle .descripcion p {
    font-size: 12pt !important; } }

/********************************************* PLN-LUGARES *******************************************/
/******************************************************************************************************
 	Tipo de portlet: 		STR-LUGARES y STR-ALOJAMIENTOS
 	PAG: 					Detalle monumento, Detalle plazas, parques y jardines, Detalle arte urbano
 							Detalle alojamiento (PLN-ALOJAMIENTOS)
******************************************************************************************************/
.pln_lugares {
  width: 100%;
  height: 100%;
  margin: 0 0 0% 0;
  text-align: justify; }

.pln_lugares h1 {
  font-size: 4vw !important;
  font-weight: 700;
  margin-top: 10px;
  text-align: left; }

.pln_lugares h2 {
  display: block;
  font-size: 26px !important;
  padding-bottom: 5px;
  border-bottom: 1px solid #d9d9d9;
  font-weight: 600; }

.pln_lugares .contImagen {
  position: relative;
  width: 100%;
  max-height: 25vw;
  display: block;
  overflow: hidden;
  cursor: pointer;
  transition: max-height 1s; }

.pln_lugares .contImagen .imagen {
  position: relative;
  width: 100%; }

.pln_lugares .contImagen:hover {
  max-height: 100vw; }

.pln_lugares .descripcion {
  position: relative;
  width: 100%; }

.pln_lugares .descripcion p {
  font-size: 14pt !important; }

/* Comportamiento responsivo */
@media only screen and (max-width: 991px) {
  .pln_lugares .descripcion {
    position: relative;
    width: 100%;
    float: none; }
  .pln_lugares .contImagen {
    min-height: min-content !important; } }

@media only screen and (max-width: 767px) {
  .pln_lugares {
    margin: 0;
    width: 100%; }
  .pln_lugares h1 {
    font-size: 30px !important; }
  .pln_lugares h2 {
    font-size: 22px !important; } }

@media only screen and (max-width: 476px) {
  .pln_lugares .descripcion p {
    font-size: 12pt !important; } }

/********************************************* PLN-APRENDE ********************************************/
/******************************************************************************************************
 	Tipo de portlet: 		STR-LUGARES
 	PAG: 					Detalle aprende espaï¿½ol
******************************************************************************************************/
.pln_aprende {
  width: 100%;
  height: 100%;
  margin: 0 0 0% 0;
  text-align: justify; }

.pln_aprende h1 {
  font-size: 4vw !important;
  font-weight: 700;
  margin-top: 10px;
  text-align: left;
  padding-bottom: 2%; }

.pln_aprende h2 {
  display: block;
  font-size: 26px !important;
  padding-bottom: 5px;
  border-bottom: 1px solid #d9d9d9;
  font-weight: 600; }

.pln_aprende .contImagen {
  position: relative;
  width: 100%;
  max-height: 25vw;
  display: block;
  overflow: hidden;
  cursor: pointer;
  transition: max-height 1s; }

.pln_aprende .contImagen .imagen {
  position: relative;
  width: 30%; }

.pln_aprende .descripcion {
  position: relative;
  width: 100%; }

.pln_aprende .descripcion p {
  font-size: 14pt !important; }

/* Comportamiento responsivo */
@media only screen and (max-width: 991px) {
  .pln_aprende .descripcion {
    position: relative;
    width: 100%;
    float: none; }
  .pln_aprende .contImagen {
    max-height: none; } }

@media only screen and (max-width: 767px) {
  .pln_aprende {
    margin: 0;
    width: 100%; }
  .pln_aprende h1 {
    font-size: 30px !important; }
  .pln_aprende h2 {
    font-size: 22px !important; } }

@media only screen and (max-width: 476px) {
  .pln_aprende .descripcion p {
    font-size: 12pt !important; } }

/******************************************** PLN-INFORMATE *******************************************/
/******************************************************************************************************
 	Tipo de portlet: 		Contenido web bï¿½sico: OFICINA DE TURISMO
 	PAG: 					Detalle ruta, Detalle Valladolid en 1, 2 o 3 dï¿½as
******************************************************************************************************/
.transition {
  -webkit-transition: all 500ms ease-in-out;
  -moz-transition: all 500ms ease-in-out;
  -ms-transition: all 500ms ease-in-out;
  -o-transition: all 500ms ease-in-out; }

.pln_informate {
  position: relative;
  width: 100%;
  height: auto;
  left: 0;
  right: 0;
  margin: 0 !important;
  padding: 0 !important;
  top: 20px; }

.pln_informate .div-img {
  display: block;
  /* margin-left: auto;
  margin-right: auto; */ }

.pln_informate .div-img .img {
  display: block;
  margin-left: 0 !important;
  margin-right: 0 !important;
  max-width: 100% !important;
  -webkit-transform: 0px 0px 1;
  -moz-transform: 0px 0px 1;
  -ms-transform: 0px 0px 1;
  -o-transform: 0px 0px 1;
  transform: 0px 0px 1;
  transform: translate(0px, 0px) scale(1);
  -webkit-transform: translate(0px, 0px) scale(1);
  -moz-transform: translate(0px, 0px) scale(1);
  -o-transform: translate(0px, 0px) scale(1);
  -ms-transform: translate(0px, 0px) scale(1);
  -webkit-transition: all 0s ease 0s;
  -moz-transition: all 0s ease 0s;
  -o-transition: all 0s ease 0s;
  transition: all 0s ease 0s;
  -webkit-transition: all 500ms ease-in-out;
  -moz-transition: all 500ms ease-in-out;
  -ms-transition: all 500ms ease-in-out;
  -o-transition: all 500ms ease-in-out; }

.pln_informate .div-img .text {
  font-family: 'Raleway',sans-serif;
  color: black;
  font-weight: 700;
  position: relative;
  display: block;
  bottom: 20px;
  width: 100%;
  text-align: center;
  -webkit-transform: 0px 0px 1;
  -moz-transform: 0px 0px 1;
  -ms-transform: 0px 0px 1;
  -o-transform: 0px 0px 1;
  transform: 0px 0px 1;
  transform: translate(0px, 0px) scale(1);
  -webkit-transform: translate(0px, 0px) scale(1);
  -moz-transform: translate(0px, 0px) scale(1);
  -o-transform: translate(0px, 0px) scale(1);
  -ms-transform: translate(0px, 0px) scale(1);
  -webkit-transition: all 0s ease 0s;
  -moz-transition: all 0s ease 0s;
  -o-transition: all 0s ease 0s;
  transition: all 0s ease 0s;
  -webkit-transition: all 500ms ease-in-out;
  -moz-transition: all 500ms ease-in-out;
  -ms-transition: all 500ms ease-in-out;
  -o-transition: all 500ms ease-in-out; }

.pln_informate .div-img:hover .img {
  -webkit-transform: 0px -30px 0.7;
  -moz-transform: 0px -30px 0.7;
  -ms-transform: 0px -30px 0.7;
  -o-transform: 0px -30px 0.7;
  transform: 0px -30px 0.7;
  transform: translate(0px, -30px) scale(0.7);
  -webkit-transform: translate(0px, -30px) scale(0.7);
  -moz-transform: translate(0px, -30px) scale(0.7);
  -o-transform: translate(0px, -30px) scale(0.7);
  -ms-transform: translate(0px, -30px) scale(0.7);
  border-radius: 50%; }

.pln_informate .div-img:hover .text {
  -webkit-transform: 0px 0px 2;
  -moz-transform: 0px 0px 2;
  -ms-transform: 0px 0px 2;
  -o-transform: 0px 0px 2;
  transform: 0px 0px 2;
  transform: translate(0px, 0px) scale(2);
  -webkit-transform: translate(0px, 0px) scale(2);
  -moz-transform: translate(0px, 0px) scale(2);
  -o-transform: translate(0px, 0px) scale(2);
  -ms-transform: translate(0px, 0px) scale(2); }

.pln_informate a {
  text-decoration: none;
  color: black; }

/************************************** pln_aprende_espaï¿½ol_text *************************************/
/******************************************************************************************************
 	Tipo de portlet: 		Contenido web bï¿½sico: Aprende espaï¿½ol texto intro
 	PAG: 					Aprende espaï¿½ol
******************************************************************************************************/
#contTextoIntro {
  margin-bottom: 20px; }

#contTextoIntro p {
  font-size: 16pt !important; }

/************************************** pln_aprende_espaï¿½ol_video *************************************/
/******************************************************************************************************
 	Tipo de portlet: 		Contenido web bï¿½sico: Aprende espaï¿½ol video intro
 	PAG: 					Aprende espaï¿½ol
******************************************************************************************************/
.pln_aprende_espaniol_video {
  width: 120%;
  padding-right: 10%;
  padding-left: 10%;
  margin-left: -10%;
  background-color: #dad9d4;
  margin-bottom: 35px;
  padding-top: 10px; }

.pln_aprende_espaniol_video .contTexto {
  width: 57%;
  float: left; }

.pln_aprende_espaniol_video .contTexto h2 {
  font-size: 24pt !important;
  font-weight: 600;
  margin-top: 20px; }

.pln_aprende_espaniol_video .contTexto p {
  font-size: 16pt !important;
  margin-top: 10px; }

.pln_aprende_espaniol_video .contVideo {
  position: relative;
  max-width: 640px;
  display: inline-block;
  width: 40%;
  margin-left: 3%;
  margin-top: 20px; }

.pln_aprende_espaniol_video .contVideo iframe {
  margin: 0 auto;
  display: block;
  max-width: 640px;
  max-height: 360px;
  width: 100%;
  height: 360px; }

.pln_aprende_espaniol_video .stopFloat {
  clear: left; }

/* Responsive */
@media only screen and (max-width: 1200px) {
  .pln_aprende_espaniol_video .contTexto {
    width: 100%;
    float: none; }
  .pln_aprende_espaniol_video .contVideo {
    display: block;
    width: 100%;
    margin: 0 auto; } }

@media only screen and (max-width: 767px) {
  .pln_aprende_espaniol_video .contTexto p {
    font-size: 13pt !important; } }

/******************************************** PLN-RINCONES *******************************************/
/******************************************************************************************************
 	Tipo de portlet: 		Contenido web bï¿½sico
 	PAG: 					Detalle rincones
******************************************************************************************************/
.pln_rincones h1 {
  font-size: 4vw !important;
  font-weight: 700 !important; }

.pln_rincones .contenido {
  margin-left: 2%;
  margin-right: 2%; }

.pln_rincones .contenido img {
  width: 50%;
  float: left;
  margin: 5px 20px 10px 0; }

.pln_rincones .contenido p span span span img {
  width: 50%;
  float: right;
  margin: 5px 0 10px 20px; }

@media screen and (max-width: 600px) {
  .pln_rincones .contenido img:nth-of-type(1) {
    width: 100%; } }

/********************************************** PLN-UNIDA *********************************************/
/******************************************************************************************************
 	Tipo de portlet: 		Contenido web bï¿½sico
 	PAG: 					Detalle Valladolid en 1, 2 o 3 dï¿½as
******************************************************************************************************/
.pln_unida .pln_h1p {
  font-size: 4vw !important;
  font-weight: 700 !important; }

.pln_unida .pln_alig-j {
  text-align: justify; }

.pln_unida .pln_alig-cent {
  text-align: center; }

.pln_unida .pln_ancho_total {
  width: 100%; }

.pln_unida .pln_font-subtitle {
  font-size: 1.4em !important; }

.pln_unida .pln_disp_iblock {
  display: inline-block; }

.pln_unida .pln_img_dcha_40 {
  width: 40%;
  max-height: 365px;
  margin-left: 4%;
  margin-bottom: 4%;
  display: inline-block;
  vertical-align: top;
  float: right;
  min-width: 150px; }

.pln_unida .pln_img_izq_40 {
  width: 40%;
  max-height: 365px;
  float: left;
  margin-right: 4%;
  margin-bottom: 4%;
  min-width: 150px; }

.pln_unida .pln_img_izq_25 {
  width: 25%;
  float: left;
  padding: 0px;
  margin: 0 20px 10px 0;
  min-width: 150px; }

@media screen and (max-width: 620px) {
  .pln_unida .pln_img_dcha_40 {
    width: 100%; }
  .pln_unida .pln_img_izq_40 {
    width: 100%; }
  .pln_unida .pln_img_izq_25 {
    width: 100%; } }

/**************************** PLN-EVENTOS AGENDA (PLN-EVENTOS-AGENDA-VAR) *****************************/
/******************************************************************************************************
 	Tipo de portlet: 		STR_EVENTOS-AGENDA
 	PAG: 					Agenda / Evento
******************************************************************************************************/
.contenedorEvento_pln_eventos_agenda {
  position: relative;
  margin-right: 15%;
  margin-left: 15%; }

.contenedorEvento_pln_eventos_agenda .cabecera_pln_eventos_agenda .cabeceraLeft {
  float: left; }

/* Estilo fechas */
.cabecera_pln_eventos_agenda .fechas {
  position: relative;
  width: 85px;
  padding-bottom: 185px;
  color: white; }

.cabecera_pln_eventos_agenda .fechas .fechaIniBackground {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 60%;
  border-left: 85px solid black;
  border-bottom: 31px solid transparent;
  z-index: -1; }

.cabecera_pln_eventos_agenda .fechas .fechaFinBackground {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 53%;
  border-right: 85px solid black;
  border-top: 31px solid transparent;
  z-index: -1; }

.cabecera_pln_eventos_agenda .fechas .fechaIni {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%; }

.cabecera_pln_eventos_agenda .fechas .fechaFin {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%; }

.cabecera_pln_eventos_agenda .fechas .dia {
  font-size: 56px !important;
  font-weight: 700;
  display: block;
  text-align: center; }

.cabecera_pln_eventos_agenda .fechas .mes {
  position: absolute;
  display: block;
  font-size: 22px !important;
  text-transform: uppercase; }

.cabecera_pln_eventos_agenda .fechas .fechaIni .anio {
  left: 30%;
  font-weight: 700; }

.cabecera_pln_eventos_agenda .fechas .fechaIni span {
  position: relative;
  top: -12%; }

.cabecera_pln_eventos_agenda .fechas .fechaIni p {
  top: 34%;
  left: 25%; }

.cabecera_pln_eventos_agenda .fechas .fechaFin span {
  position: relative;
  top: 47%; }

.cabecera_pln_eventos_agenda .fechas .fechaFin p {
  top: 81%;
  left: 25%; }

.cabecera_pln_eventos_agenda #soloFecha {
  padding-bottom: 112px; }

.cabecera_pln_eventos_agenda #soloFechaIniBackground {
  height: 100%;
  border-left: none;
  border-bottom: none;
  background-color: black; }

.cabecera_pln_eventos_agenda #soloMes {
  top: 65%; }

/* Fin fechas */
/* Estilo apartado redes sociales */
.cabecera_pln_eventos_agenda #redes_noticia {
  position: absolute;
  left: 0;
  top: 190px;
  z-index: 1; }

.cabecera_pln_eventos_agenda #redes_noticia ul {
  list-style-type: none;
  padding: 0 !important;
  overflow: auto; }

.cabecera_pln_eventos_agenda #redes_noticia ul li {
  display: block;
  width: 50px;
  height: 50px;
  margin: 5px 5px 5px 0;
  padding: 0 !important;
  padding-top: 6px !important;
  background-color: black;
  text-align: center; }

.cabecera_pln_eventos_agenda #redes_noticia ul li a {
  text-decoration: none; }

.cabecera_pln_eventos_agenda #redes_noticia ul li span {
  font-size: 40px;
  color: white; }

.cabecera_pln_eventos_agenda #redes_noticia ul li .icon-google_plus {
  font-size: 35px !important; }

.cabecera_pln_eventos_agenda #redes_noticia .enlaceVenta {
  background: #b94155 !important;
  /* For browsers that do not support gradients */
  background: -webkit-linear-gradient(90deg, #a94276, #c64039) !important;
  /* For Safari 5.1 to 6.0 */
  background: -o-linear-gradient(90deg, #a94276, #c64039) !important;
  /* For Opera 11.1 to 12.0 */
  background: -moz-linear-gradient(90deg, #a94276, #c64039) !important;
  /* For Firefox 3.6 to 15 */
  background: linear-gradient(90deg, #a94276, #c64039) !important;
  /* Standard syntax */ }

.cabecera_pln_eventos_agenda #redes_noticia .enlaceVenta span {
  color: white; }

.cabecera_pln_eventos_agenda .contImagen {
  position: relative;
  width: calc(100% - 85px);
  padding-bottom: 52%;
  overflow: hidden;
  min-height: 410px; }

.cabecera_pln_eventos_agenda .contImagen .imgEvento {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  min-height: 100%;
  /* transform: translateY(-16%);*/ }

.cabecera_pln_eventos_agenda .contImagen .contTexto {
  position: absolute;
  top: 20px;
  left: 0;
  width: 45%;
  padding-left: 10px;
  color: black;
  text-align: left !important; }

.cabecera_pln_eventos_agenda .contImagen .contTexto #descipCorta {
  display: inline;
  font-size: 1.2vw !important;
  font-weight: 900;
  line-height: inherit;
  background-color: white;
  box-shadow: 11px 0 0 white, -11px 0 0 white;
  box-decoration-break: clone; }

.cabecera_pln_eventos_agenda .contImagen .contTexto #titulo {
  display: inline;
  font-size: 3vw !important;
  padding: 1px;
  font-weight: 900;
  line-height: inherit;
  background-color: white;
  box-shadow: 11px 0 0 white, -11px 0 0 white;
  box-decoration-break: clone; }

/* Comportamiento responsive */
@media only screen and (max-width: 1200px) {
  .contenedorEvento_pln_eventos_agenda {
    width: 700px;
    margin-left: auto;
    margin-right: auto; }
  .cabecera_pln_eventos_agenda .contImagen .contTexto #descipCorta {
    font-size: 14.5px !important; }
  .cabecera_pln_eventos_agenda .contImagen .contTexto #titulo {
    font-size: 36px !important; } }

@media only screen and (max-width: 840px) {
  .contenedorEvento_pln_eventos_agenda {
    width: 100%; } }

@media only screen and (max-width: 767px) {
  .displayEventContainer .cabecera_pln_eventos_agenda {
    margin-bottom: 0;
    min-height: 0; }
  .cabecera_pln_eventos_agenda .fechas {
    width: 55px;
    padding-bottom: 130px;
    margin-bottom: 8px; }
  .cabecera_pln_eventos_agenda .fechas .dia {
    font-size: 25pt !important; }
  .cabecera_pln_eventos_agenda .fechas .mes {
    font-size: 13pt !important; }
  .cabecera_pln_eventos_agenda .fechas .fechaIniBackground {
    border-left: 55px solid black;
    border-bottom: 22px solid transparent; }
  .cabecera_pln_eventos_agenda .fechas .fechaFinBackground {
    border-right: 55px solid black;
    border-top: 22px solid transparent; }
  .cabecera_pln_eventos_agenda .fechas .fechaIni p {
    top: 34%;
    left: 18%; }
  .cabecera_pln_eventos_agenda .fechas .fechaIni .anio {
    left: 20%; }
  .cabecera_pln_eventos_agenda .fechas .fechaFin p {
    top: 78%;
    left: 22%; }
  .cabecera_pln_eventos_agenda #soloFecha {
    padding-bottom: 72px; }
  .cabecera_pln_eventos_agenda .contImagen {
    position: relative;
    width: calc(100% - 55px);
    min-height: auto !important; }
  .cabecera_pln_eventos_agenda .contImagen .contTexto {
    width: 260px; }
  .cabecera_pln_eventos_agenda #redes_noticia {
    position: relative;
    left: auto;
    top: auto;
    margin-top: 10px; }
  .cabecera_pln_eventos_agenda #redes_noticia ul li {
    float: left;
    width: 40px;
    height: 40px; }
  .cabecera_pln_eventos_agenda #redes_noticia ul li span {
    font-size: 30px; }
  .cabecera_pln_eventos_agenda #redes_noticia ul li .icon-google_plus {
    font-size: 28px !important; } }

@media only screen and (max-width: 476px) {
  .cabecera_pln_eventos_agenda .contImagen {
    padding-bottom: 0% !important; }
  .cabecera_pln_eventos_agenda .mobileImg {
    width: 100%; }
  .cabecera_pln_eventos_agenda .contImagen .contTexto {
    width: 90%;
    position: relative;
    top: 0px; }
  .cabecera_pln_eventos_agenda .contImagen .contTexto #titulo {
    position: inherit;
    font-size: 20px !important; } }

/* Estilos cuerpo */
.cuerpo_pln_eventos_agenda {
  position: relative;
  /* margin-right: 15%; margin-left: 15%;*/
  margin-top: 20px;
  overflow: auto;
  /* Para que el div contenedor se adapte al alto de los contenidos flotantes */ }

.cuerpo_pln_eventos_agenda .descripLarga {
  position: relative;
  width: 74%;
  float: left; }

.cuerpo_pln_eventos_agenda .descripLarga p {
  font-size: 16pt !important;
  text-align: justify; }

.cuerpo_pln_eventos_agenda .barraLateral {
  position: relative;
  margin-left: 76%; }

.cuerpo_pln_eventos_agenda .barraLateral .infoLateral {
  padding: 25px;
  border: 4px solid black; }

.cuerpo_pln_eventos_agenda .barraLateral .infoLateral p {
  text-align: left; }

.cuerpo_pln_eventos_agenda .barraLateral .infoLateral .tituloApartado {
  font-weight: 600;
  border-bottom: 1px solid black;
  margin-top: 20px; }

.cuerpo_pln_eventos_agenda .barraLateral .infoLateral .horasApertura {
  margin-left: 8%; }

.cuerpo_pln_eventos_agenda .barraLateral .infoLateral .tituloLugar {
  position: relative;
  text-transform: uppercase;
  font-weight: 800;
  font-size: 1.2vw !important; }

.cuerpo_pln_eventos_agenda .barraLateral .infoLateral .contenedorMapa {
  position: relative;
  height: 199px;
  width: 100%; }

.cuerpo_pln_eventos_agenda .barraLateral .infoLateral .contenedorMapa .map {
  position: absolute;
  display: block;
  margin: auto;
  border: 0;
  width: 100%;
  height: 100%; }

.cuerpo_pln_eventos_agenda .barraLateral .dossier {
  position: relative;
  margin-top: 10px;
  text-align: center;
  border: 4px solid black;
  cursor: pointer; }

.cuerpo_pln_eventos_agenda .barraLateral .dossier a {
  text-decoration: none;
  color: black; }

.cuerpo_pln_eventos_agenda .barraLateral .dossier a p {
  font-weight: 700;
  font-size: 14pt !important;
  margin-top: 5px;
  margin-bottom: 5px;
  text-align: center; }

.cuerpo_pln_eventos_agenda .barraLateral .dossier:hover {
  background-color: black; }

.cuerpo_pln_eventos_agenda .barraLateral .dossier:hover p {
  color: white; }

.cuerpo_pln_eventos_agenda .barraLateral .infoLateral div #email {
  word-break: break-all; }

/* Comportamiento responsive */
@media only screen and (max-width: 1200px) {
  .cuerpo_pln_eventos_agenda {
    width: 700px;
    margin-left: auto;
    margin-right: auto; }
  .cuerpo_pln_eventos_agenda .barraLateral .infoLateral .tituloLugar {
    font-size: 16px !important; } }

@media only screen and (max-width: 840px) {
  .cuerpo_pln_eventos_agenda {
    width: 100%; }
  .cuerpo_pln_eventos_agenda .descripLarga {
    float: none;
    width: 100%; }
  .cuerpo_pln_eventos_agenda .barraLateral {
    margin-left: auto;
    width: 100%; } }

/******************************************* PLN-CALENDARIO *******************************************/
/******************************************************************************************************
 	Tipo de portlet: 		STR-CALENDARIO
 	PAG: 					Calendario de eventos / Evento
******************************************************************************************************/
.pln_calendario {
  position: relative; }

/* Cabecera evento */
.pln_calendario .cabecera {
  overflow: hidden;
  margin-bottom: 10px; }

/* Estilo fechas */
.pln_calendario .cabecera .fechas {
  position: relative;
  width: 85px;
  padding-bottom: 185px;
  float: left;
  color: white; }

.pln_calendario .cabecera .fechas .fechaIniBackground {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 56%;
  border-left: 85px solid black;
  border-bottom: 31px solid transparent;
  z-index: -1; }

.pln_calendario .cabecera .fechas .fechaFinBackground {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 56%;
  border-right: 85px solid black;
  border-top: 31px solid transparent;
  z-index: -1; }

.pln_calendario .cabecera .fechas .fechaIni {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%; }

.pln_calendario .cabecera .fechas .fechaFin {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%; }

.pln_calendario .cabecera .fechas .dia {
  font-size: 56px !important;
  font-weight: 700;
  display: block;
  text-align: center; }

.pln_calendario .cabecera .fechas .mes {
  position: absolute;
  display: block;
  font-size: 22px !important;
  text-transform: uppercase; }

.pln_calendario .cabecera .fechas .fechaIni span {
  position: relative;
  top: -5%; }

.pln_calendario .cabecera .fechas .fechaIni p {
  top: 28%;
  left: 25%; }

.pln_calendario .cabecera .fechas .fechaFin span {
  position: relative;
  top: 47%; }

.pln_calendario .cabecera .fechas .fechaFin p {
  top: 81%;
  left: 25%; }

.pln_calendario .cabecera #soloFecha {
  padding-bottom: 112px; }

.pln_calendario .cabecera #soloFechaIniBackground {
  height: 100%;
  border-left: none;
  border-bottom: none;
  background-color: black; }

.pln_calendario .cabecera #soloMes {
  top: 53%; }

/* Fin fechas */
.pln_calendario .cabecera .tituloContainer {
  position: relative;
  margin-bottom: 2%; }

.pln_calendario .cabecera .tituloContainer .tituloText {
  line-height: 120%;
  font-size: 3.5vw !important;
  font-weight: 800;
  color: black;
  margin-left: 100px;
  text-align: left; }

/* Segundo contenedor */
.pln_calendario .segundoCont {
  position: relative;
  min-height: 290px; }

.pln_calendario .segundoCont .imagenTexto {
  margin-bottom: 25px; }

.pln_calendario .segundoCont .imagenTexto .imgContainer {
  position: relative;
  display: inline-block;
  width: 55%;
  float: left;
  text-align: center;
  margin-left: 60px;
  margin-right: 1%;
  margin-bottom: 1%; }

.pln_calendario .segundoCont .imagenTexto .imgContainer .imgEvento {
  position: relative;
  max-height: 40vw; }

.pln_calendario .segundoCont .imagenTexto .descripCorta {
  position: relative; }

.pln_calendario .segundoCont .imagenTexto span.descripCorta {
  font-size: 14pt !important; }

/* Estilo apartado redes sociales */
.pln_calendario .segundoCont #redes_noticia {
  position: absolute;
  top: 0;
  z-index: 1; }

.pln_calendario .segundoCont #redes_noticia ul {
  list-style-type: none;
  padding: 0 !important;
  overflow: auto; }

.pln_calendario .segundoCont #redes_noticia ul li {
  display: block;
  width: 50px;
  height: 50px;
  margin: 5px 5px 5px 0;
  padding: 0 !important;
  padding-top: 6px !important;
  background-color: black;
  text-align: center; }

.pln_calendario .segundoCont #redes_noticia ul li a {
  text-decoration: none; }

.pln_calendario .segundoCont #redes_noticia ul li span {
  font-size: 40px;
  color: white; }

.pln_calendario .segundoCont #redes_noticia ul li .icon-google_plus {
  font-size: 35px !important; }

/* Cuerpo evento */
.pln_calendario .cuerpoEvento {
  position: relative;
  clear: right; }

.pln_calendario .cuerpoEvento .direccion span {
  font-size: 1.5vw !important; }

.pln_calendario .cuerpoEvento .direccion p {
  display: inline;
  font-size: 1.5vw !important; }

.pln_calendario .cuerpoEvento .mapContDesple {
  position: relative;
  padding-bottom: 17%;
  width: auto;
  margin-bottom: 3%;
  margin-top: 1%; }

.pln_calendario .cuerpoEvento .mapContDesple .map {
  position: absolute;
  display: block;
  margin: auto;
  border: 0;
  width: 100%;
  height: 100%; }

.pln_calendario .cuerpoEvento .docDescarga {
  margin-bottom: 3%; }

.pln_calendario .cuerpoEvento .docDescarga a {
  color: #FFFFFF;
  text-decoration: none; }

.pln_calendario .cuerpoEvento .docDescarga span {
  display: inline-block;
  border: 2px solid black;
  padding: 1%;
  font-size: 1.5vw !important;
  font-weight: 600;
  color: black; }

.pln_calendario .cuerpoEvento .enlace {
  margin-bottom: 3%; }

.pln_calendario .cuerpoEvento .enlace a {
  color: #FFFFFF;
  text-decoration: none; }

.pln_calendario .cuerpoEvento .enlace p {
  display: inline-block;
  border: 2px solid black;
  padding: 1%;
  font-size: 1.5vw !important;
  font-weight: 600;
  color: black; }

.pln_calendario .cuerpoEvento .enlaceVenta {
  margin-bottom: 3%; }

.pln_calendario .cuerpoEvento .enlaceVenta a {
  color: #FFFFFF;
  text-decoration: none; }

.pln_calendario .cuerpoEvento .enlaceVenta p {
  display: inline;
  border: 2px solid black;
  padding: 1%;
  font-size: 1.5vw !important;
  font-weight: 600;
  color: black; }

.linkCalendar {
  position: relative;
  padding: 1%;
  background: #b94155;
  /* For browsers that do not support gradients */
  background: -webkit-linear-gradient(90deg, #a94276, #c64039);
  /* For Safari 5.1 to 6.0 */
  background: -o-linear-gradient(90deg, #a94276, #c64039);
  /* For Opera 11.1 to 12.0 */
  background: -moz-linear-gradient(90deg, #a94276, #c64039);
  /* For Firefox 3.6 to 15 */
  background: linear-gradient(90deg, #a94276, #c64039);
  /* Standard syntax */ }

.linkCalendar a {
  text-decoration: none;
  color: white; }

.linkCalendar span {
  font-size: 2.5vw !important; }

.linkCalendar p {
  display: inline;
  margin-left: 1%;
  font-size: 2vw !important;
  font-weight: 700; }

/* Comportamiento hover */
.pln_calendario .cuerpoEvento .docDescarga span:hover {
  background-color: black;
  color: white; }

.pln_calendario .cuerpoEvento .enlace p:hover {
  background-color: black;
  color: white; }

.pln_calendario .cuerpoEvento .enlaceVenta p:hover {
  background-color: black;
  color: white; }

/* Comportamiento responsivo */
@media only screen and (max-width: 1200px) {
  .pln_calendario .cuerpoEvento .direccion p, .pln_calendario .cuerpoEvento .direccion span, .pln_calendario .cuerpoEvento .enlaceVenta p {
    font-size: 18px !important; }
  .linkCalendar p, .linkCalendar span {
    font-size: 24px !important; } }

@media only screen and (max-width: 991px) {
  .pln_calendario .segundoCont .imagenTexto .descripCorta p {
    font-size: 20px !important; } }

@media only screen and (max-width: 767px) {
  .pln_calendario .cabecera {
    margin-bottom: 0;
    min-height: 0; }
  .pln_calendario .cabecera .fechas {
    width: 55px;
    padding-bottom: 130px;
    margin-bottom: 8px; }
  .pln_calendario .cabecera .fechas .dia {
    font-size: 25pt !important; }
  .pln_calendario .cabecera .fechas .mes {
    font-size: 13pt !important; }
  .pln_calendario .cabecera .fechas .fechaIniBackground {
    border-left: 55px solid black;
    border-bottom: 22px solid transparent; }
  .pln_calendario .cabecera .fechas .fechaFinBackground {
    border-right: 55px solid black;
    border-top: 22px solid transparent; }
  .pln_calendario .cabecera .fechas .fechaIni p {
    top: 25%;
    left: 18%; }
  .pln_calendario .cabecera .fechas .fechaFin p {
    top: 78%;
    left: 22%; }
  .pln_calendario .cabecera #soloFecha {
    padding-bottom: 72px; }
  .pln_calendario .cabecera .tituloContainer .tituloText {
    font-size: 25pt !important;
    margin-left: 68px; }
  .pln_calendario .segundoCont .imagenTexto {
    display: block;
    margin-bottom: 0; }
  .pln_calendario .segundoCont .imagenTexto .imgContainer {
    display: block;
    float: none;
    width: 100%;
    margin-left: 0;
    padding-left: 0;
    min-height: 0;
    margin-right: 3%; }
  .pln_calendario .segundoCont .imagenTexto .imgContainer .imgEvento {
    max-height: 80vw; }
  .pln_calendario span.descripCorta {
    position: relative;
    font-weight: 700;
    font-size: 14pt !important;
    margin-top: 20px; }
  .pln_calendario .cuerpoEvento .direccion span {
    font-size: 18pt !important; }
  .pln_calendario .cuerpoEvento .direccion p {
    font-size: 14pt !important; }
  .pln_calendario .cuerpoEvento .mapContDesple {
    padding-bottom: 40%; }
  .pln_calendario .cuerpoEvento .docDescarga span {
    font-size: 10pt !important; }
  .pln_calendario .cuerpoEvento .enlace p {
    font-size: 10pt !important; }
  .pln_calendario .cuerpoEvento .enlaceVenta p {
    font-size: 10pt !important; }
  .linkCalendar a {
    text-decoration: none; }
  .linkCalendar span {
    font-size: 16pt !important; }
  .linkCalendar p {
    font-size: 14pt !important; } }

@media only screen and (max-width: 476px) {
  .pln_calendario .cabecera .tituloContainer .tituloText {
    word-wrap: break-word; }
  .pln_calendario .segundoCont .imagenTexto .imgContainer .imgEvento {
    max-width: 100%;
    max-height: inherit; } }

@media only screen and (max-width: 767px) {
  .pln_calendario .segundoCont #redes_noticia {
    position: relative;
    top: 0; }
  .pln_calendario .segundoCont #redes_noticia ul {
    margin-top: 20px; }
  .pln_calendario .segundoCont #redes_noticia ul li {
    float: left;
    width: 40px;
    height: 40px; }
  .pln_calendario .segundoCont #redes_noticia ul li span {
    font-size: 30px; }
  .pln_calendario .segundoCont #redes_noticia ul li .icon-google_plus {
    font-size: 28px !important; } }

.pln_calendario .segundoCont #redes_noticia .enlaceVenta {
  background: #b94155 !important;
  /* For browsers that do not support gradients */
  background: -webkit-linear-gradient(90deg, #a94276, #c64039) !important;
  /* For Safari 5.1 to 6.0 */
  background: -o-linear-gradient(90deg, #a94276, #c64039) !important;
  /* For Opera 11.1 to 12.0 */
  background: -moz-linear-gradient(90deg, #a94276, #c64039) !important;
  /* For Firefox 3.6 to 15 */
  background: linear-gradient(90deg, #a94276, #c64039) !important;
  /* Standard syntax */ }

.pln_calendario .segundoCont #redes_noticia .enlaceVenta span {
  color: white; }

@media only print {
  * {
    overflow: hidden; }
  .pln_calendario .displayEventContainer .cabecera {
    margin-bottom: 0;
    min-height: 0; }
  .pln_calendario .cabecera .fechas {
    width: 55px;
    padding-bottom: 130px;
    margin-bottom: 8px;
    color: white !important; }
  .pln_calendario .cabecera .fechas .dia {
    font-size: 25pt !important;
    color: white !important; }
  .pln_calendario .cabecera .fechas .mes {
    font-size: 13pt !important;
    color: white !important; }
  .pln_calendario .cabecera .fechas .fechaIniBackground {
    border-left: 55px solid black;
    border-bottom: 22px solid transparent; }
  .pln_calendario .cabecera .fechas .fechaFinBackground {
    border-right: 55px solid black;
    border-top: 22px solid transparent; }
  .pln_calendario .cabecera .fechas .fechaIni p {
    top: 25%;
    left: 18%; }
  .pln_calendario .cabecera .fechas .fechaFin p {
    top: 78%;
    left: 22%; }
  .pln_calendario .cabecera #soloFecha {
    padding-bottom: 72px; }
  .pln_calendario .cabecera .tituloContainer .tituloText {
    font-size: 25pt !important;
    margin-left: 68px; }
  .pln_calendario .segundoCont .imagenTexto {
    display: block;
    margin-bottom: 0; }
  .pln_calendario .segundoCont .imagenTexto .imgContainer {
    display: block;
    float: none;
    width: 100%;
    margin-left: 0;
    padding-left: 0;
    min-height: 0; }
  .pln_calendario .segundoCont .imagenTexto .imgContainer .imgEvento {
    max-height: 80vw; }
  .pln_calendario .segundoCont .imagenTexto .descripCorta {
    position: relative;
    width: 100%;
    margin-top: 20px; }
  .pln_calendario .cuerpoEvento .direccion span {
    font-size: 18pt !important; }
  .pln_calendario .cuerpoEvento .direccion p {
    font-size: 14pt !important; }
  .pln_calendario .cuerpoEvento .mapContDesple {
    padding-bottom: 40%; }
  .pln_calendario .cuerpoEvento {
    font-size: 10pt !important; }
  .pln_calendario .cuerpoEvento {
    font-size: 10pt !important; }
  .pln_calendario .linkCalendar {
    display: none; }
  .pln_calendario #redes_noticia {
    display: none; }
  .pln_calendario .enlace .enlaceVenta {
    display: none; } }

/******************************************** PLN-NOTICIAS ********************************************/
/******************************************************************************************************
 	Tipo de portlet: 		STR-NOTICIAS
 	PAG: 					Actualidad / Noticia
******************************************************************************************************/
.pln_noticia {
  position: relative; }

/* Cabecera evento */
.pln_noticia .cabecera {
  overflow: hidden;
  margin-bottom: 20px; }

/*Estilo fecha */
.pln_noticia .cabecera .fecha {
  position: relative;
  width: 85px;
  padding-bottom: 115px;
  float: left;
  color: white;
  margin-right: 3%; }

.pln_noticia .cabecera .fecha .fechaBackground {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: black;
  z-index: -1; }

.pln_noticia .cabecera .fecha .fechaCont {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%; }

.pln_noticia .cabecera .fecha .dia {
  font-size: 56px !important;
  font-weight: 700;
  display: block;
  text-align: center; }

.pln_noticia .cabecera .fecha .mes {
  position: absolute;
  display: block;
  font-size: 22px !important;
  text-transform: uppercase; }

.pln_noticia .cabecera .fecha #diaAnio {
  padding-top: 23%; }

.pln_noticia .cabecera .fecha .fechaCont span {
  position: relative;
  top: -5%; }

.pln_noticia .cabecera .fecha .fechaCont p {
  top: 55%;
  left: 25%; }

/*Fin fecha */
.pln_noticia .cabecera .titular {
  position: relative;
  width: 100%; }

.pln_noticia .cabecera .titular .titularContainer {
  position: relative;
  margin-bottom: 2%; }

.pln_noticia .cabecera .titular .titularContainer .titularText {
  line-height: 120%;
  font-size: 2.5vw !important;
  font-weight: bold;
  color: black;
  margin-left: 100px;
  text-align: left; }

/* Cuerpo evento */
.pln_noticia .cuerpo .contImagTexto {
  position: relative;
  margin-left: 112px; }

.pln_noticia .cuerpo .contImagTexto .imgContainer {
  position: relative;
  width: 45%;
  text-align: center;
  float: left;
  display: inline-block;
  padding-right: 2%; }

.pln_noticia .cuerpo .contImagTexto .imgContainer .imgNoticia {
  position: relative;
  width: auto;
  max-height: 40vw; }

.pln_noticia .cuerpo .contImagTexto .descripCorta {
  font-size: 17pt !important; }

.pln_noticia .cuerpo .contImagTexto .descripLarga p {
  text-align: justify;
  text-justify: inter-word;
  font-size: 12pt !important; }

.pln_noticia .docsAndMedia {
  margin-top: 10px; }

.pln_noticia .cuerpo #redesSociales {
  position: relative;
  /* margin-top: 4%; */
  display: inline-block;
  float: left; }

.pln_noticia .cuerpo #redesSociales ul {
  list-style-type: none;
  padding: 0 !important;
  overflow: auto;
  width: 50px; }

.pln_noticia .cuerpo #redesSociales ul li {
  display: block;
  width: 100%;
  height: 50px;
  margin: 5px 5px 5px 0;
  padding: 0 !important;
  padding-top: 6px !important;
  background-color: black;
  text-align: center;
  float: left; }

.pln_noticia .cuerpo #redesSociales ul li a {
  text-decoration: none; }

.pln_noticia .cuerpo #redesSociales ul li span {
  font-size: 40px;
  color: white; }

.pln_noticia .cuerpo #redesSociales ul li .icon-google_plus {
  font-size: 35px !important; }

/* Responsive */
@media only screen and (max-width: 991px) {
  .pln_noticia .cuerpo .contImagTexto .imgContainer {
    display: block !important;
    width: 100% !important;
    margin-bottom: 10px !important; }
  .pln_noticia .cabecera .titular .titularContainer .titularText {
    font-size: 20pt !important; } }

@media only screen and (max-width: 476px) {
  .pln_noticia .cabecera .fecha {
    width: 60px;
    padding-bottom: 115px; }
  .pln_noticia .cabecera .fecha .dia {
    font-size: 41px !important; }
  .pln_noticia .cabecera .fecha .mes {
    font-size: 16px !important; }
  .pln_noticia .cabecera .fecha .fechaCont span {
    top: 2%; }
  .pln_noticia .cabecera .fecha .fechaCont p {
    top: 43%; }
  .pln_noticia .cabecera .titular .titularContainer .titularText {
    margin-left: 69px; }
  .pln_noticia .cuerpo #redesSociales {
    display: inline-block;
    float: none; }
  .pln_noticia .cuerpo #redesSociales ul {
    width: auto; }
  .pln_noticia .cuerpo #redesSociales ul li {
    width: 50px; }
  .pln_noticia .cuerpo .contImagTexto {
    margin-left: 0px; }
  .pln_noticia .cuerpo .contImagTexto .imgContainer {
    width: 100%; }
  .pln_noticia .cuerpo .contImagTexto .imgContainer .imgNoticia {
    max-height: none; } }

/*****************************************************************************************************/
/***************************** Portlet Mapa web (no ADT) (PAG: Mapa web) *****************************/
/*****************************************************************************************************/
.portlet-barebone.portlet-site-map li {
  line-height: 2em; }
  .portlet-barebone.portlet-site-map li a {
    color: black; }
    .portlet-barebone.portlet-site-map li a a:hover {
      color: black; }

/*****************************************************************************************************/
/**************************** Portlet Formulario (no ADT) (PAG: Contacto) ****************************/
/*****************************************************************************************************/
.portlet-barebone.portlet-forms-display div.ddl-form-basic-info div.container-fluid-1280 {
  margin: 3.5% 0 2%;
  padding: .5% 1%;
  text-align: left;
  font-size: 24pt !important;
  font-weight: 600;
  border-bottom: 3px dotted #ededed;
  background: #ededed;
  background: -webkit-linear-gradient(left, #ededed, #fff);
  background: -o-linear-gradient(right, #ededed, #fff);
  background: -moz-linear-gradient(right, #ededed, #fff);
  background: linear-gradient(to right, #ededed, #fff); }
  .portlet-barebone.portlet-forms-display div.ddl-form-basic-info div.container-fluid-1280 h1.ddl-form-name {
    font-size: 24pt !important;
    font-weight: 600; }

.portlet-barebone.portlet-forms-display div.ddl-form-builder-app div.lfr-ddm-form-container.lfr-form-container.lfr-form-content.lfr-form-pages.lfr-form-page {
  /*div.col-md-12.lfr-ddm-form-field-container{
				padding: 10px 0 15px 0;				
			}
			
			.col-md-12#yui_patched_v3_18_1_1_1502180374291_781 textarea{
				height: 150px;
			}
			
			.col-md-12.lfr-ddm-form-container.liferay-ddm-form-field-text textarea{
				height: 150px;
			}*/ }

.portlet-barebone.portlet-forms-display .active.lfr-ddm-form-page {
  padding: 0; }

.portlet-barebone.portlet-forms-display .portlet-forms .lfr-ddm-form-field-container {
  padding: 10px 0 15px 0; }

.portlet-barebone.portlet-forms-display .input-group-container textarea.form-control {
  height: 150px !important; }

/*****************************************************************************************************/
/******************************************  (PAG: Contacto) *****************************************/
/*****************************************************************************************************/
.portlet-forms .ddl-form-description {
  word-break: unset; }

/*Para el borde de los banners*/
.bordeBanner {
  border: 2px solid #b94155 !important;
  text-align: center;
  padding: 3px; }

/*Para la imagen del footer*/
/* General style */
.grid-gallery ul {
  list-style: none;
  margin: 0;
  padding: 0; }

.grid-gallery figure {
  margin: 0; }

.grid-gallery figure img {
  display: block;
  width: 100%; }

.grid-gallery figcaption h3 {
  margin: 0;
  padding: 0 0 0.5em; }

.grid-gallery figcaption p {
  margin: 0; }

/* Grid style */
.grid-wrap {
  max-width: 69em;
  margin: 0 auto;
  padding: 0 1em 1.875em; }

.grid {
  margin: 0 auto; }

.grid li {
  width: 25%;
  float: left;
  cursor: pointer; }

.grid figure {
  padding: 15px;
  -webkit-transition: opacity 0.2s;
  transition: opacity 0.2s; }

.grid li:hover figure {
  opacity: 0.7; }

.grid figcaption {
  background: #e4e4e4;
  padding: 25px; }

/* Slideshow style */
.slideshow {
  position: fixed;
  background: rgba(0, 0, 0, 0.6);
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  z-index: 500;
  opacity: 0;
  visibility: hidden;
  overflow: hidden;
  -webkit-perspective: 1000px;
  perspective: 1000px;
  -webkit-transition: opacity 0.5s, visibility 0s 0.5s;
  transition: opacity 0.5s, visibility 0s 0.5s; }

.slideshow-open .slideshow {
  opacity: 1;
  visibility: visible;
  -webkit-transition: opacity 0.5s;
  transition: opacity 0.5s; }

.slideshow ul {
  width: 100%;
  height: 100%;
  -webkit-transform-style: preserve-3d;
  transform-style: preserve-3d;
  -webkit-transform: translate3d(0, 0, 150px);
  transform: translate3d(0, 0, 150px);
  -webkit-transition: -webkit-transform 0.5s;
  transition: transform 0.5s; }

.slideshow ul.animatable li {
  -webkit-transition: -webkit-transform 0.5s;
  transition: transform 0.5s; }

.slideshow-open .slideshow ul {
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0); }

.slideshow li {
  width: 660px;
  height: 560px;
  position: absolute;
  top: 50%;
  left: 50%;
  margin: -280px 0 0 -330px;
  visibility: hidden; }

.slideshow li.show {
  visibility: visible; }

.slideshow li:after {
  content: '';
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background: rgba(255, 255, 255, 0.8);
  -webkit-transition: opacity 0.3s;
  transition: opacity 0.3s; }

.slideshow li.current:after {
  visibility: hidden;
  opacity: 0;
  -webkit-transition: opacity 0.3s, visibility 0s 0.3s;
  transition: opacity 0.3s, visibility 0s 0.3s; }

.slideshow figure {
  width: 100%;
  height: 100%;
  background: #fff;
  border: 50px solid #fff;
  overflow: hidden; }

.slideshow figcaption {
  padding-bottom: 20px; }

.slideshow figcaption h3 {
  font-weight: 300;
  font-size: 200%; }

/* Navigation */
.slideshow nav span {
  position: fixed;
  z-index: 1000;
  color: #59656c;
  text-align: center;
  padding: 3%;
  cursor: pointer;
  font-size: 2.2em; }

.slideshow nav span.nav-prev,
.slideshow nav span.nav-next {
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%); }

.slideshow nav span.nav-next {
  right: 0; }

.slideshow nav span.nav-close {
  top: 0;
  right: 0;
  padding: 0.5em 1em;
  color: #31373a; }

.icon:before,
.icon:after {
  font-family: 'fontawesome';
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }

span.nav-prev:before {
  content: "\e601"; }

span.nav-next:before {
  content: "\e600"; }

span.nav-close:before {
  content: "\e602"; }

/* Info on arrow key navigation */
.info-keys {
  position: fixed;
  top: 10px;
  left: 10px;
  width: 60px;
  font-size: 8px;
  padding-top: 20px;
  text-transform: uppercase;
  color: #fff;
  letter-spacing: 1px;
  text-align: center; }

.info-keys:before,
.info-keys:after {
  position: absolute;
  top: 0;
  width: 16px;
  height: 16px;
  border: 1px solid #fff;
  text-align: center;
  line-height: 14px;
  font-size: 12px; }

.info-keys:before {
  left: 10px;
  content: "\e603"; }

.info-keys:after {
  right: 10px;
  content: "\e604"; }

/* Example media queries (reduce number of columns and change slideshow layout) */
@media screen and (max-width: 60em) {
  /* responsive columns; see "Element sizing" on http://masonry.desandro.com/options.html */
  .grid li {
    width: 33.3%; }
  .slideshow li {
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    margin: 0; }
  .slideshow li figure img {
    width: auto;
    margin: 0 auto;
    max-width: 100%; }
  .slideshow nav span,
  .slideshow nav span.nav-close {
    font-size: 1.8em;
    padding: 0.3em; }
  .info-keys {
    display: none; } }

@media screen and (max-width: 35em) {
  .grid li {
    width: 50%; } }

@media screen and (max-width: 24em) {
  .grid li {
    width: 100%; } }

#banner .custom_navigation > ul > li:hover ul {
  display: block;
  min-width: 250px;
  text-indent: -16px;
  padding-left: 20px; }

@media screen and (min-width: 0\0) {
  /* Tus estilos CSS para IE9, IE10, IE11  */
  #banner .custom_navigation > ul > li:hover ul {
    text-indent: -12px !important; } }

@supports (-ms-ime-align: auto) {
  #banner .custom_navigation > ul > li:hover ul {
    text-indent: -12px !important; } }

#portlet_password-reminder .portlet-content,
#portlet_new-password .portlet-content,
#portlet_terms-of-use .portlet-content {
  margin-top: 120px;
  max-width: 1200px;
  margin-left: auto;
  margin-right: auto; }