@charset "UTF-8";

.center-wrapper {
  display: table;
  box-sizing: border-box;
  width: 100%;
}

.center-panel {
  display: table-cell;
  padding: 1.5rem;
  background-color: #ffffff;
  box-sizing: border-box;
  vertical-align: top;
}

.center-panel--label {
  display: block;
  padding: 0 0 0.5rem 0;
}

.center-panel--address {
  width: 50%;
  background-color: #eeeeee;
}

.center-panel--map {
  width: 50%;
  background-color: #eeeeee;
}

.center-panel--content {
  padding: 1.5rem 1.5rem 1.5rem 0;
  width: 70%;
}

.center-panel--sidebar {
  padding: 1.5rem 0 1.5rem 1.5rem;
  width: 30%;
}

.center-panel--blood {
  padding: 1.5rem 0;
}

.center-panel--navigation {
  display: block;
  padding: 1rem 0;
}

.center-panel--info {
  display: block;
  padding: 1rem 0;
}

@media (max-width: 1023px) {

  .center-wrapper,
  .center-panel {
    display: block;
    width: 100%;
    margin: 0.5rem 0;
  }

  .center-wrapper--title {
    margin-bottom: 0;
  }

  .center-panel--label {
    margin-bottom: 0;
    padding-bottom: 0;
  }

  .center-panel--content {
    padding: 1.5rem 0 0 0;
  }

  .center-panel--sidebar {
    padding: 0 0 1.5rem 0;
  }

  .center-panel--blood {
    padding: 0 0 1.5rem 0;
  }
}

.center-address__leader-management>.field__item,
.center-map__leader-management>.field__item {
  display: inline-block;
}

.center-address__leader-management>.field--name-field-descripcion-responsable,
.center-map__leader-management>.field--name-field-descripcion-responsable {
  font-weight: 600;
}

.center-address__leader-management>.field--name-field-descripcion-responsable:after,
.center-map__leader-management>.field--name-field-descripcion-responsable:after {
  content: ": ";
}

.center-address__address-postal>.field__item {
  display: inline-block;
}

.center-address__address-postal>.field__label {
  display: inline-block;
  font-weight: 600;
}

.center-address__address-postal>.field__label:after {
  content: ": ";
}

.center-address__address-postal>.field--name-field-direccion>p {
  display: inline;
}

.center-address__address-postal>.field--name-field-direccion>p:after,
.center-address__address-postal>.field--name-field-codigo-postal:after,
.center-address__address-postal>.field--name-field-localidad:after,
.center-address__address-postal>.field--name-field-municipio:after {
  content: ", ";
}

.center-address__physical_center {
  margin-top: 1rem;
}

.center-address__physical_center>.field__item {
  display: inline-block;
}

.center-address__physical_center>.field__label {
  display: inline-block;
  font-weight: 600;
}

.center-address__physical_center>.field__label:after {
  content: ": ";
}

.center-map__type_center>.field__item {
  display: inline-block;
}

.center-map__type_center>.field__label {
  display: inline-block;
  font-weight: 600;
}

.center-map__type_center>.field__label:after {
  content: ": ";
}

.center-label {
  display: table;
  width: 100%;
}

.center-label__title {
  display: table-cell;
  margin: 0 0 0.5rem 0;
  width: 75%;
  vertical-align: middle;
  font-size: 1.75rem;
  font-weight: 600;
  line-height: 1.2;
  color: #3b3b3b;
}

.center-label__title--main {
  padding-right: 2rem;
}

.center-label__title--secondary {
  position: relative;
  width: 25%;
  padding: 0.5rem 1rem 0.5rem 0.5rem;
  text-align: right;
  font-size: 0.875rem;
  font-weight: 400;
  background-color: #087021;
  color: #fff;
  z-index: 1;
}

.center-label__title--secondary:before {
  content: " ";
  position: absolute;
  display: block;
  width: 100%;
  height: 100%;
  top: 0;
  right: 0;
  z-index: -1;
  background-color: #087021;
  transform-origin: top right;
  -ms-transform: skew(-30deg, 0deg);
  -webkit-transform: skew(-30deg, 0deg);
  transform: skew(-30deg, 0deg);
}

@media (max-width: 600px) {

  .center-label,
  .center-label__title {
    display: block;
    width: 100%;
  }

  .center-label__title--main {
    padding-right: 0;
  }

  .center-label__title--secondary {
    box-sizing: border-box;
    text-align: left;
  }

  .center-label__title--secondary:before {
    content: none;
  }
}

@media (max-width: 1023px) {
  .center-label {
    padding-top: 3.5rem;
  }
}

.center-address__title {
  margin-bottom: 0.5rem;
  font-size: 1rem;
  color: black;
}

.center-address__list {
  padding: 0;
}

.center-address__item {
  padding-left: 0.75rem;
  text-indent: -0.75rem;
  list-style-type: none;
}

.center-address__item--phone_urgency,
.center-address__item--uap,
.center-address__item--schedules,
.center-address__item--webs,
.center-address__item--social_networks {
  padding-left: 0;
  text-indent: unset;
}

.center-address__item--phone_urgency,
.center-address__item--physical_center,
.center-address__item--email {
  margin-top: 1rem;
}

.center-address__item--webs {
  margin-top: 0.5rem;
}

.center-address__item--phone_urgency,
.center-address__item--email,
.center-address__item--web {
  position: relative;
}

.center-address__label {
  padding-right: 0.5rem;
  font-weight: 600;
}

.center-address__text--phone_urgency,
.center-address__text--email,
.center-address__link {
  padding-left: 2rem;
  background-image: none !important;
}

.center-address__icon {
  position: absolute;
  top: 0.1rem;
  width: 1.5rem;
  height: 1.5rem;
  background-size: 1.5rem;
  background-repeat: no-repeat;
}

.center-address__icon--phone_urgency {
  top: unset;
  background-image: url(icons/address-phone-vintage-red.svg);
}

.center-address__icon--email {
  background-image: url(icons/address-email.svg);
}

.center-address__icon--web {
  background-image: url(icons/address-link.svg);
}

.center-appointment {
  margin-top: 1rem;
}

.center-appointment__title {
  margin-top: 0;
  margin-bottom: 0.5rem;
  font-size: 1rem;
  color: black;
}

.center-appointment__list {
  padding: 0;
}

.center-appointment__item {
  list-style-type: none;
}

.center-appointment__item--phone,
.center-appointment__item--web,
.center-appointment__item--app {
  position: relative;
}

.center-appointment__label,
.center-appointment__link {
  padding-left: 2rem;
}

.center-appointment__label {
  padding-right: 0.5rem;
}

.center-appointment__link {
  background-image: none !important;
}

.center-appointment__icon {
  position: absolute;
  top: 0.1rem;
  width: 1.5rem;
  height: 1.5rem;
  background-size: 1.5rem;
  background-repeat: no-repeat;
}

.center-appointment__icon--phone {
  background-image: url(icons/address-phone-vintage.svg);
}

.center-appointment__icon--web {
  background-image: url(icons/address-heart.svg);
}

.center-appointment__icon--app {
  background-image: url(icons/address-app.svg);
}

.center-phones {
  margin-top: 1rem;
}

.center-phones__title {
  margin-top: 0;
  margin-bottom: 0.5rem;
  font-size: 1rem;
  color: black;
}

.center-phones__list {
  padding: 0;
}

.center-phones__list--numbers {
  padding-left: 2rem;
}

.center-phones__item {
  list-style-type: none;
  position: relative;
}

.center-phones__label {
  padding: 0 0.5rem 0 2rem;
  font-weight: 600;
}

.center-phones__icon {
  position: absolute;
  top: 0.1rem;
  width: 1.5rem;
  height: 1.5rem;
  background-size: 1.5rem;
  background-repeat: no-repeat;
}

.center-phones__icon--phone {
  background-image: url(icons/address-phone.svg);
}

.center-uap {
  display: none;
  margin-top: 1rem;
}

.center-uap__icon {
  position: absolute;
  top: 0.35rem;
  left: 0.15rem;
  width: 1.5rem;
  height: 1.5rem;
  background-size: 1.5rem;
  background-repeat: no-repeat;
  background-image: url(icons/address-uap.svg);
}

.center-uap__text {
  padding: 0.5rem 1rem 0.5rem 2rem;
}

.center-uap__phone {
  width: 115px;
}

.center-uap .ui-accordion-header {
  width: 20rem;
  padding-left: 2rem;
  text-indent: -2rem;
  background-color: #e0dfdf;
  border: 0;
  font-weight: 500;
}

.center-uap .ui-accordion-header.ui-state-active {
  background-color: #a5a5a5;
  border-color: #a5a5a5;
}

.center-uap .ui-accordion-header.ui-state-active .center-uap__icon {
  background-image: url(icons/address-uap-dark.svg);
}

.center-uap .ui-accordion-content {
  padding: 5px 15px;
}

.center-uap .ui-icon {
  position: absolute;
  top: 35%;
  right: 0.5rem;
}

.center-uap__list {
  padding: 0;
  line-height: 1rem;
}

.center-uap__item {
  list-style-type: none;
  padding: 0.35rem 0 0.35rem 1.35rem;
  background: url(icons/address-phone.svg) no-repeat;
  background-size: 1rem;
  background-position: left;
}

.center-schedule {
  margin-top: 1rem;
  margin-right: 15px;
}

.center-schedule__title {
  margin-top: 0;
  margin-bottom: 0.5rem;
  font-size: 1rem;
  color: black;
}

.center-schedule__table {
  width: auto;
}

.center-schedule__list {
  padding: 0;
  line-height: 1rem;
}

.center-schedule__item {
  list-style-type: none;
  padding: 0.35rem 0 0.35rem 0.5rem;
}

.center-address__address-schedules-vacations {
  display: flex;
  padding: 6px;
}

@media (max-width: 600px) {
  .center-address__address-schedules-vacations {
    display: block;
    width: 100%;
  }
}

@media (min-width: 600px) and (max-width: 1026px) {
  .center-address__address-schedules-vacations {
    display: block;
  }
}

.center-vacations__title {
  margin-block-end: 10px;
  color: black;
  font-size: 1rem;
  margin-top: 21.7px;
  margin-bottom: 13.6px;
}

.view-festivos-locales-centros {
  width: 34%;
}

.center-social_networks {
  margin-top: 1rem;
}

.center-social_networks__title {
  margin-top: 0;
  margin-bottom: 0.5rem;
  font-size: 1rem;
  color: black;
}

.center-social_networks__list {
  padding: 0;
}

.center-social_networks__item {
  display: inline-block;
  padding: 0.25rem;
  width: 30px;
  height: 30px;
  list-style-type: none;
}

.center-social_networks__link {
  background-image: none !important;
}

@media (max-width: 1023px) {

  .center-phones .center-phones__table,
  .center-schedule .center-schedule__table,
  .center-uap .center-uap__table {
    display: table;
  }
}

@media (max-width: 420px) {
  .center-uap .ui-accordion-header {
    width: 90%;
  }
}

.center-map {
  display: none;
  width: 100%;
  height: 350px;
  margin-bottom: 1rem;
  border: 1px solid #087021;
}

.center-map__popup-container {
  display: none;
  position: relative;
  padding: 1.5rem 0.5rem 0.5rem 0.5rem;
  background-color: #ffffff;
  border: 1px solid #d1d2d4;
  opacity: 0.95;
  line-height: 0.25rem;
}

.center-map__popup-closer {
  position: absolute;
  top: 0.5rem;
  right: 0.5rem;
  font-weight: 600;
  cursor: pointer;
}

.center-map__popup-content {
  padding-top: 0.5rem;
  font-size: 0.8rem;
  border-top: 1px dotted;
  line-height: 1rem;
}

.center-map__popup-label {
  margin-bottom: 0.5rem;
  font-weight: 600;
}

.center-map .ol-attribution {
  display: none;
}

.center-secondary-data {
  margin: 1.5rem 0 0 0;
}

.center-secondary-data__list {
  padding: 0;
}

.center-secondary-data__item {
  padding-left: 0.75rem;
  text-indent: -0.75rem;
  list-style-type: none;
}

.center-secondary-data__label {
  padding-right: 0.5rem;
  font-weight: 600;
}

.center-secondary-data__link {
  background-image: none !important;
}

.center-linked {
  display: none;
}

.center-linked .center-accordion__expand-holder {
  display: none;
  margin: 10px 0;
  text-align: right;
}

.center-linked .center-accordion__expand-holder .center-accordion__open-all,
.center-linked .center-accordion__expand-holder .center-accordion__close-all {
  display: inline-block;
  padding: 3px 18px 3px 7px;
  font-size: 0.875rem;
  color: #087021;
  background: none;
  border: 1px solid #087021;
  cursor: pointer;
}

.center-linked .center-accordion__expand-holder .center-accordion__open-all:disabled,
.center-linked .center-accordion__expand-holder .center-accordion__close-all:disabled {
  color: #bbb;
  border-color: #bbb;
}

.center-linked .center-accordion__expand-holder .center-accordion__open-all:disabled:hover,
.center-linked .center-accordion__expand-holder .center-accordion__close-all:disabled:hover {
  text-decoration: none;
}

.center-linked .center-accordion__expand-holder .center-accordion__open-all:hover,
.center-linked .center-accordion__expand-holder .center-accordion__close-all:hover {
  text-decoration: underline;
}

.center-linked .center-accordion__expand-holder .center-accordion__close-all {
  margin-left: 10px;
}

.center-linked .center-accordion__expand-holder .icon-all {
  display: inline-block;
  position: relative;
  right: -10px;
  background-repeat: no-repeat;
  width: 14px;
  height: 7px;
}

.center-linked .center-accordion__expand-holder .icon-all.icon-open-all {
  background-image: url(icons/accordion-open-all.png);
}

.center-linked .center-accordion__expand-holder .icon-all.icon-close-all {
  background-image: url(icons/accordion-close-all.png);
}

.center-linked .center-term {
  padding: 0 0 0.5rem 1rem;
  border-left: 5px solid #087021;
}

.center-linked .center-term__title {
  font-size: 1.375rem;
}

.center-linked .center-term__item {
  list-style-type: none;
  line-height: 2rem;
}

.center-linked .center-term__item:before {
  content: "• ";
  font-size: 1.5rem;
  position: relative;
  top: 0.275rem;
}

.center-linked .center-term__link {
  background-image: none !important;
  color: #087021;
  font-size: 0.875rem;
}

.center-linked .center-title {
  margin-bottom: 2rem;
  padding: 0 0 1rem 1rem;
  border-left: 5px solid #087021;
}

.center-linked .center-title__3 {
  font-size: 1.375rem;
}

.center-linked .center-title__4 {
  font-size: 1.1875rem;
}

.center-linked .center-title__5 {
  font-size: 1rem;
}

.center-linked .center-accordion__list {
  padding: 0;
}

.center-linked .center-accordion__item {
  list-style-type: none;
}

.center-linked .center-accordion__item:before {
  content: "• ";
  font-size: 1.5rem;
  position: relative;
  top: 0.275rem;
}

.center-linked .center-accordion__item .center-accordion__link {
  background-image: none !important;
  color: #087021;
  font-size: 0.875rem;
}

.center-linked .ui-accordion .ui-accordion-header {
  margin-top: 20px;
  padding: 0.375rem 1.5625rem 0.375rem 0.375rem;
  font-size: 1.375rem;
  line-height: 1.75rem;
  background-color: #eeeeee;
  color: #087021;
  border: none;
  border-left: 8px solid #087021;
  border-radius: 0;
  font-weight: 400;
}

.center-linked .ui-accordion .ui-accordion-header.center-accordion__title--3 {
  font-size: 1.375rem;
}

.center-linked .ui-accordion .ui-accordion-header.center-accordion__title--4 {
  font-size: 1.1875rem;
  border-left: 4px solid #087021;
}

.center-linked .ui-accordion .ui-accordion-header.center-accordion__title--5 {
  font-size: 1rem;
  border-left: 2px solid #087021;
}

.center-linked .ui-accordion .ui-accordion-header.ui-state-active {
  background-color: #e4e4e4;
  border-color: #c5c5c5;
  border-left-color: #087021;
}

.center-linked .ui-icon.icon-open {
  position: absolute;
  top: 0.8rem;
  right: 0.625rem;
  background: url(icons/accordion-open.svg) no-repeat;
  background-size: 1.5rem;
  width: 1.5rem;
  height: 1.5rem;
}

.center-linked .ui-icon.icon-close {
  position: absolute;
  top: 0.8rem;
  right: 0.625rem;
  background: url(icons/accordion-close.svg) no-repeat;
  background-size: 1.5rem;
  width: 1.5rem;
  height: 1.5rem;
}

.center-linked .ui-accordion .ui-accordion-content {
  padding: 1rem;
}

.center-extra_data {
  display: none;
}

.center-extra_data__list {
  padding: 0;
}

.center-extra_data__list--tree {
  padding-left: 0.5rem;
}

.center-extra_data__item {
  list-style-type: none;
  padding: 1rem 0;
  border-bottom: 1px solid #d1d2d4;
  font-size: 0.875rem;
}

.center-extra_data__item--tree {
  list-style-type: square;
  padding: 0.5rem 0;
  border-bottom: 0;
  font-size: 0.875rem;
}

.center-extra_data__link {
  display: block;
  line-height: 1.5;
}

.center-extra_data__link:hover {
  text-decoration: none;
}

.center-extra_data__link--tree {
  display: inline;
  line-height: 1rem;
}

.center-extra_data__link--tree:hover {
  text-decoration: underline;
}

.center-extra_data__icon {
  vertical-align: middle;
  max-width: none;
  width: 1.75rem;
}

.center-extra_data__text {
  display: inline-block;
  padding-left: 0.5rem;
  vertical-align: middle;
  width: 85%;
}

.center-extra_data__text:hover {
  text-decoration: underline;
}

.center-extra_data__text--tree {
  width: 75%;
}

.center-extra_data__text--tree:hover {
  text-decoration: none;
}

.center-extra_data__links_container {
  display: inline-block;
  width: 100%;
}

.center-extra_data__links_container .ui-accordion-header {
  padding: 0.2rem;
  background-color: #eeeeee;
  border: 0;
  line-height: 1.5;
}

.center-extra_data__links_container .ui-accordion-header.ui-state-active {
  background-color: #a5a5a5;
  border-color: #a5a5a5;
}

.center-extra_data__links_container .ui-accordion-content {
  padding: 10px 20px;
}

.center-extra_data__links_container .ui-accordion-content .center-extra_data__link--tree {
  color: #087021;
}

.center-extra_data__links_container .ui-icon {
  position: absolute;
  top: 35%;
  right: 0.5rem;
}

.center-blood__title {
  margin: 0;
  padding: 0.5rem 0;
}

.center-navigation {
  text-align: right;
}

.center-navigation__link {
  display: inline-block;
  margin-bottom: 5px;
  padding: 0.15rem 0.5rem;
  background-color: #087021;
  color: #fff;
  border: 1px solid #087021;
  text-transform: uppercase;
  transition: background-color 0.2s, color 0.2s;
}

.center-navigation__link:hover {
  background-color: #fff;
  color: #087021;
  text-decoration: none;
}

.center-navigation__link:focus {
  text-decoration: none;
}

.center-navigation__link--search,
.center-navigation__link--return {
  margin-left: 1rem;
}

.center-date {
  text-align: right;
  font-size: 0.875rem;
}

.center-date__label {
  font-weight: 600;
}

.center-date__text {
  padding-left: 0.5rem;
}

.center-schedules-open__label {
  font-weight: bold;
  color: #087021;
}

.center-accordion__table .col2,
.center-accordion__table .col3 {
  text-align: right;
  width: 6vw;
}

.center-accordion__table caption {
  text-align: left;
  font-weight: bold;
}

.center-accordion__table caption>ul {
  padding: 0;
  margin: 0;
}

.center-accordion__table caption ul>li {
  list-style-type: square;
  list-style-position: inside;
  color: red;
  font-size: 20px;
  margin-bottom: 15px;
}

.center-accordion__table caption ul li>span {
  color: #3B3B3B;
  font-size: 14px;
}

.center-accordion__table {
  margin-bottom: 30px;
}

.center-accordion__table tr td {
  height: 24px;
}

.center-linked .center-accordion__item:before {
  content: none;
}

/*# sourceMappingURL=center.css.map */

.pv-textdir:hover {
  text-decoration: none;
}

.pv-header-dir {
  display: block;
  padding: 0.2rem;
  background-color: #eeeeee;
  border: 0;
  line-height: 1.5;
}

a.center-extra_data__vacsincita{
  color:#087021;
}
