/**** Pre Sitio ****/
#pre {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  max-width: 600px;
  max-height: 600px;
  margin: auto auto; }

#pre h1 {
  color: #00f074;
  text-align: center;
  letter-spacing: 2px;
  margin-top: 17%;
  line-height: 70px; }

#pre img {
  margin: 0 auto;
  display: block;
  width: 100%;
  max-width: 580px; }

/**** Mockups ****/
.mockup {
  position: absolute;
  left: 0;
  right: 0;
  margin: 0 auto;
  max-width: 1472px;
  top: 120px;
  z-index: 10;
  display: none; }

.mockup img {
  border: 1px solid cyan; }

#menu {
  position: absolute;
  width: 50%;
  max-width: 580px;
  z-index: 80; }

#path-menu-container {
  position: relative;
  top: 0;
  left: 0;
  height: 768px;
  display: block;
  margin: 0 auto; }

svg polyline {
  fill: none;
  stroke-linejoin: round;
  stroke: #00F074;
  stroke-width: 2px; }
svg rect {
  fill: #00F074; }
svg line {
  fill: none;
  stroke: #00F074;
  stroke-width: 2px; }

#menu svg polyline {
  stroke-linejoin: round;
  opacity: 0.5;
  stroke: #00F074;
  stroke-width: 2px; }
#menu svg rect {
  fill: #00F074; }
#menu svg text {
  fill: #00F074;
  letter-spacing: 2px;
  font-size: 13px;
  stroke-width: 2px;
  text-transform: uppercase;
  line-height: 20px; }
#menu svg line {
  fill: none;
  stroke: #00F074;
  stroke-width: 2px; }
#menu svg .menu-section {
  opacity: 0.5;
  cursor: pointer;
  opacity: .3;
  -webkit-transition: all .5s ease-in;
  -moz-transition: all .5s ease-in;
  -ms-transition: all .5s ease-in;
  -o-transition: all .5s ease-in;
  transition: all .5s ease-in; }
  #menu svg .menu-section rect.rect-back {
    fill: transparent; }
#menu svg .menu-section.menu-activo {
  opacity: 1; }
#menu svg .menu-section:hover {
  opacity: 1; }

svg#svgProyectos polyline {
  opacity: 0.6; }
svg#svgProyectos line {
  opacity: 0.6; }
svg#svgProyectos rect {
  opacity: 0.6; }
svg#svgProyectos .proyecto-link {
  opacity: 1;
  z-index: 10;
  cursor: pointer; }
svg#svgProyectos .proyecto-link:active {
  fill: cadetblue; }
@keyframes dash {
  to {
    opacity: 1; } }
svg#svgMenuLines {
  position: absolute;
  max-width: 1472px;
  top: 120px;
  bottom: 0;
  left: 0;
  right: 0;
  width: 100%;
  height: 100%;
  /*height: 4024px;*/
  z-index: -10;
  margin: 0 auto;
  stroke-dasharray: 4000;
  stroke-dashoffset: 4000;
  animation: dash 2.2s ease-in forwards; }
  svg#svgMenuLines polyline {
    opacity: .5; }

svg#svgRoot {
  display: block;
  position: absolute;
  left: 0;
  right: 0;
  width: 100%;
  height: 768px; }

svg.svg-menu-link {
  position: absolute;
  width: 180px;
  height: 60px; }

svg#menu-inicio {
  left: 60%; }

svg.svg-root-test {
  height: 768px;
  width: 100%;
  overflow-x: overlay; }

@keyframes dash {
  to {
    stroke-dashoffset: 0; } }
#inauguracionContainers {
  max-width: 420px;
  width: 96%;
  display: block;
  margin: 0 auto;
  margin-top: 25%;
  margin-bottom: 25%; }

#proyectoInfo {
  max-width: 300px;
  min-width: 280px;
  display: block;
  position: absolute;
  background: rgba(131, 108, 168, 0.95);
  z-index: 15;
  cursor: pointer;
  display: none;
  /*box-shadow: 1px 1px 1px 1px $background-popup;*/ }

#proyectoInfo.mostrar-proyecto-info {
  display: block; }

.proyecto-main-background {
  background: #836ca8;
  display: block;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  position: absolute;
  z-index: 10;
  opacity: 1;
  border-radius: 10px;
  -webkit-transition: left .2s ease-in;
  -moz-transition: left .2s ease-in;
  transition: left .2s ease-in;
  display: none; }

.proyecto-background-anim {
  -webkit-transition: left .5s ease-out;
  -moz-transition: left .5s ease-out;
  transition: left .5s ease-out;
  left: 100%; }

@keyframes mymove {
  from {
    left: 0; }
  to {
    left: 100%; } }
.proyecto-main-title {
  display: block;
  width: 100%;
  height: 100%;
  margin: 0 auto;
  z-index: 5; }
  .proyecto-main-title p {
    display: block;
    margin-bottom: 10px;
    margin-top: 10px; }
  .proyecto-main-title p:nth-child(1) {
    font-weight: bold;
    margin-left: 30px;
    line-height: 18px;
    font-size: smaller; }
  .proyecto-main-title p:nth-child(2) {
    color: #00f074;
    font-weight: bold;
    font-style: italic;
    font-size: 18px;
    letter-spacing: 1px; }
  .proyecto-main-title p:nth-child(3) {
    margin-left: 30px;
    font-weight: 300;
    font-size: 14px; }

#proyectoRight {
  position: relative; }

.proyectos-svg-container {
  position: relative;
  display: block;
  max-width: 680px;
  width: 100%;
  margin: 0 auto; }

#proyectosView {
  position: fixed;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  margin: auto auto;
  z-index: 200; }
  #proyectosView #proyectoDataContainer {
    position: relative;
    left: 10%;
    width: 90%;
    height: 100%;
    background: #471979;
    display: block;
    z-index: 30; }
    #proyectosView #proyectoDataContainer #proyectoViewsSectionContainer {
      height: 88%;
      display: block;
      margin: 0 auto;
      position: relative;
      overflow-x: hidden;
      -webkit-perspective: 500px;
      perspective: 500px;
      overflow-y: hidden; }
      #proyectosView #proyectoDataContainer #proyectoViewsSectionContainer .section-fade-out {
        position: absolute;
        top: 0;
        width: 100px;
        bottom: 0;
        height: 100%;
        z-index: 100; }
      #proyectosView #proyectoDataContainer #proyectoViewsSectionContainer .section-fade-out:nth-child(1) {
        left: 0;
        background: #471979;
        background: -webkit-linear-gradient(90deg, #471979 20%, rgba(71, 25, 121, 0) 100%);
        background: -o-linear-gradient(90deg, #471979 20%, rgba(71, 25, 121, 0) 100%);
        background: -moz-linear-gradient(90deg, #471979 20%, rgba(71, 25, 121, 0) 100%);
        background: linear-gradient(90deg, #471979 20%, rgba(71, 25, 121, 0) 100%); }
      #proyectosView #proyectoDataContainer #proyectoViewsSectionContainer .section-fade-out:nth-child(2) {
        right: 0;
        background: #471979;
        background: -webkit-linear-gradient(-90deg, #471979 20%, rgba(71, 25, 121, 0) 100%);
        background: -o-linear-gradient(-90deg, #471979 20%, rgba(71, 25, 121, 0) 100%);
        background: -moz-linear-gradient(-90deg, #471979 20%, rgba(71, 25, 121, 0) 100%);
        background: linear-gradient(-90deg, #471979 20%, rgba(71, 25, 121, 0) 100%); }
      #proyectosView #proyectoDataContainer #proyectoViewsSectionContainer .proyectoViewSection {
        position: absolute;
        left: 0;
        right: 0;
        top: 0;
        bottom: 0;
        display: block;
        color: #836CA8;
        overflow-y: hidden;
        overflow-x: hidden;
        padding-top: 10px;
        padding-bottom: 100px; }
        #proyectosView #proyectoDataContainer #proyectoViewsSectionContainer .proyectoViewSection .galeria-view .galeria-view-img {
          width: 96%;
          display: block;
          margin: 0 auto; }
          #proyectosView #proyectoDataContainer #proyectoViewsSectionContainer .proyectoViewSection .galeria-view .galeria-view-img img {
            width: 100%;
            max-width: 640px;
            margin: 0 auto;
            display: block; }
        #proyectosView #proyectoDataContainer #proyectoViewsSectionContainer .proyectoViewSection .galeria-view .galeria-view-info {
          max-width: 480px;
          display: block;
          margin: 0 auto;
          padding-left: 5px;
          padding-right: 5px;
          margin-top: 20px;
          margin-bottom: 20px;
          color: #A497FF; }
          #proyectosView #proyectoDataContainer #proyectoViewsSectionContainer .proyectoViewSection .galeria-view .galeria-view-info a.linkInInfoProyecto:hover {
            color: #836CA8; }
            #proyectosView #proyectoDataContainer #proyectoViewsSectionContainer .proyectoViewSection .galeria-view .galeria-view-info a.linkInInfoProyecto:hover:before {
              background: #836CA8; }
          #proyectosView #proyectoDataContainer #proyectoViewsSectionContainer .proyectoViewSection .galeria-view .galeria-view-info p {
            line-height: 21px; }
      #proyectosView #proyectoDataContainer #proyectoViewsSectionContainer .proyecto-view-active {
        overflow-y: scroll; }
  #proyectosView #proyectosLeftSvg {
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    z-index: 120; }
    #proyectosView #proyectosLeftSvg svg {
      width: 100%;
      height: 100%; }
  #proyectosView #svgArtistaContainer {
    max-width: 870px;
    width: 100%;
    display: inline-block;
    position: absolute;
    left: 0;
    right: 0;
    top: 25px;
    margin: 0 auto; }
    #proyectosView #svgArtistaContainer svg {
      width: 160px;
      height: 120px;
      transform: scale(0.9);
      -webkit-transform: scale(0.9); }
      #proyectosView #svgArtistaContainer svg polyline, #proyectosView #svgArtistaContainer svg rect {
        stroke: #00f074; }
    #proyectosView #svgArtistaContainer svg:hover polyline, #proyectosView #svgArtistaContainer svg:hover rect {
      stroke: #00F074;
      opacity: 1; }
  #proyectosView .proyecto-data {
    max-width: 512px;
    display: block;
    margin: 0 auto;
    position: relative;
    margin-bottom: 100px; }
    #proyectosView .proyecto-data p {
      display: block;
      width: 98%; }
    #proyectosView .proyecto-data .p-margen-izq {
      margin-left: 6%;
      width: 92%; }
    #proyectosView .proyecto-data .p-artista {
      color: #00f074;
      font-weight: 800;
      font-size: 18px; }
    #proyectosView .proyecto-data .p-titulo {
      font-size: 28px;
      font-weight: bold;
      font-style: italic;
      line-height: 36px; }
    #proyectosView .proyecto-data .p-tipo {
      font-weight: bold;
      font-size: 15px; }
    #proyectosView .proyecto-data .p-fecha {
      font-weight: bold;
      font-size: 15px; }
    #proyectosView .proyecto-data .p-descripcion, #proyectosView .proyecto-data .p-artista-biografia-texto {
      font-size: 13px;
      font-weight: 500;
      line-height: 20px; }
    #proyectosView .proyecto-data .p-artista-biografia-nombre {
      color: #00f074;
      font-weight: 500; }
  #proyectosView #closeViewContainer {
    width: 100%;
    /*height: 120px;*/
    height: 11%; }
    #proyectosView #closeViewContainer svg {
      position: absolute;
      left: 63%;
      top: 5%;
      stroke: #00f074;
      stroke-width: 2px;
      width: 32px; }
    #proyectosView #closeViewContainer svg:hover {
      stroke-width: 4px;
      cursor: pointer; }

.view-hidden {
  opacity: 0;
  display: none;
  /*opacity: 1;
  display: block;*/ }

.view-active {
  display: block !important; }

.view-anim-in {
  opacity: 1;
  -webkit-transition: opacity .8s ease-out .1s;
  -moz-transition: opacity .8s ease-out .1s;
  transition: opacity .8s ease-out .1s; }

.view-active-complete .proyectoViewSection {
  -webkit-transition: transform 0.5s cubic-bezier(0.7, 0.5, 0.6, 0.8);
  -moz-transition: transform 0.5s cubic-bezier(0.7, 0.5, 0.6, 0.8);
  transition: transform 0.5s cubic-bezier(0.7, 0.5, 0.6, 0.8); }

.view-anim-out {
  opacity: 0;
  -webkit-transition: opacity .4s ease-in;
  -moz-transition: opacity .4s ease-in;
  transition: opacity .4s ease-in; }

@keyframes dash {
  to {
    stroke-dashoffset: 0; } }
.flechas-section {
  position: absolute;
  left: 0;
  right: 0;
  display: block;
  width: 100%;
  bottom: 0px;
  background: #471979; }
  .flechas-section div {
    display: block;
    max-width: 250px;
    width: 96%;
    margin: 0 auto;
    padding-bottom: 15px;
    padding-top: 15px; }
    .flechas-section div svg {
      padding-top: 5px;
      padding-bottom: 5px;
      width: 48%;
      cursor: pointer; }
      .flechas-section div svg rect {
        stroke: #00F074; }
      .flechas-section div svg polyline, .flechas-section div svg rect {
        opacity: .6; }
    .flechas-section div svg:hover rect {
      stroke-width: 2px;
      opacity: 1; }
    .flechas-section div svg:hover polyline {
      stroke-width: 2px;
      opacity: 1; }

.svg-proyecto {
  display: inline-block;
  width: 160px;
  height: 120px; }
  .svg-proyecto polyline, .svg-proyecto line {
    opacity: .6;
    stroke: #00f074;
    stroke-width: 2px;
    -webkit-transition: all .1s ease-in;
    -moz-transition: all .1s ease-in;
    transition: all .1s ease-in; }
  .svg-proyecto rect {
    opacity: .6;
    -webkit-transition: all .2s ease-out;
    -moz-transition: all .2s ease-out;
    transition: all .2s ease-out; }

.svg-acomodo-up {
  /*border: 1px solid sandybrown;*/
  margin-bottom: 70px; }

.svg-acomodo-down {
  /*border: 1px solid deepskyblue;*/
  margin-top: 70px; }

.svg-proyecto:hover polyline, .svg-proyecto:hover line {
  stroke: #00F074;
  stroke-width: 2px;
  opacity: 1; }
.svg-proyecto:hover rect {
  stroke: #00F074;
  stroke-width: 2px;
  opacity: 1; }

#svgUniones {
  /*background: rgba(150, 150, 150, .5);*/
  position: absolute;
  max-width: 768px;
  width: 100%;
  top: 0;
  bottom: 0;
  height: 100%;
  z-index: -1; }
  #svgUniones line {
    opacity: .4;
    stroke-width: 1px; }

#ubicacionMenu {
  position: relative;
  margin-top: 60px;
  padding-bottom: 50px; }

#ubicacionLinkMenuToMap {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  display: none;
  z-index: 60; }
  #ubicacionLinkMenuToMap div {
    position: relative;
    height: 100%;
    width: 100%; }
  #ubicacionLinkMenuToMap svg {
    display: block;
    width: 100%;
    height: 100%; }
    #ubicacionLinkMenuToMap svg path {
      fill: none;
      stroke: #00F074;
      stroke-width: 2px; }
  @media screen and (max-width: 1485px) {
    #ubicacionLinkMenuToMap {
      display: block; } }
  #ubicacionLinkMenuToMap svg.on-svg-active path {
    stroke-dasharray: 1000;
    stroke-dashoffset: 1000;
    animation: dash 1s ease-out forwards; }

#mapaUbicacionContainer {
  position: relative;
  margin-top: 60px; }
  @media screen and (max-width: 1485px) {
    #mapaUbicacionContainer {
      margin-top: 0; } }
  #mapaUbicacionContainer #mapaCenart img {
    width: 100%; }
  #mapaUbicacionContainer #mapasLineas svg {
    position: absolute;
    width: 8px;
    overflow: hidden; }
    #mapaUbicacionContainer #mapasLineas svg line {
      -webkit-transition: all .1s ease-out;
      -moz-transition: all .1s ease-out;
      transition: all .1s ease-out;
      stroke: #00F074;
      stroke-width: 2px; }
      @media screen and (max-width: 1485px) {
        #mapaUbicacionContainer #mapasLineas svg line {
          display: none; } }
    #mapaUbicacionContainer #mapasLineas svg rect {
      -webkit-transition: all .1s ease-in;
      -moz-transition: all .1s ease-in;
      transition: all .1s ease-in; }
      @media screen and (max-width: 1485px) {
        #mapaUbicacionContainer #mapasLineas svg rect {
          display: none; } }
    @media screen and (max-width: 1485px) {
      #mapaUbicacionContainer #mapasLineas svg {
        width: 10px;
        height: 10px !important;
        opacity: 1;
        background: #00F074; } }
    #mapaUbicacionContainer #mapasLineas svg svg.svgMapaUbicacionIcono {
      display: none; }
      @media screen and (max-width: 1485px) {
        #mapaUbicacionContainer #mapasLineas svg svg.svgMapaUbicacionIcono {
          display: block; } }
      #mapaUbicacionContainer #mapasLineas svg svg.svgMapaUbicacionIcono line {
        stroke: #00F074;
        stroke-width: 2px; }
  #mapaUbicacionContainer #mapasLineas svg.ubicacionMapaOver line {
    stroke: #00F074; }
  #mapaUbicacionContainer #mapasLineas svg.ubicacionMapaOver rect {
    fill: #00F074;
    stroke: #00F074;
    stroke-width: 3px; }
  @media screen and (max-width: 1485px) {
    #mapaUbicacionContainer #mapasLineas svg.ubicacionMapaOver {
      -webkit-transition: all .1s linear;
      -moz-transition: all .1s linear;
      transition: all .1s linear;
      border: 2px solid #4f2683;
      background: #4f2683;
      width: 8px;
      height: 8px !important; } }
  #mapaUbicacionContainer #mapasLineas #lineaManuel {
    bottom: 51%;
    right: 67.5%;
    height: 259px; }
  #mapaUbicacionContainer #mapasLineas #lineaTerraza {
    bottom: 43%;
    right: 46%;
    height: 200px; }
  #mapaUbicacionContainer #mapasLineas #lineaPlaza {
    bottom: 36%;
    right: 28%;
    height: 130px; }
  #mapaUbicacionContainer #mapasLineas #lineaEspacio {
    bottom: 37%;
    right: 66%;
    height: 60px; }
    @media screen and (max-width: 1485px) {
      #mapaUbicacionContainer #mapasLineas #lineaEspacio {
        bottom: 47%; } }
  #mapaUbicacionContainer #mapasLineas #lineaAB {
    bottom: 2%;
    right: 43%;
    height: 195px; }
    @media screen and (max-width: 1485px) {
      #mapaUbicacionContainer #mapasLineas #lineaAB {
        bottom: 35%; } }
  #mapaUbicacionContainer #mapasLineas #lineaCentral {
    bottom: 16%;
    right: 30.5%;
    height: 75px; }
    @media screen and (max-width: 1485px) {
      #mapaUbicacionContainer #mapasLineas #lineaCentral {
        bottom: 27%; } }

.ubicacion-menu-link {
  max-width: 320px;
  position: absolute;
  z-index: 70;
  /*.ubicacion-menu-link-title:hover p {
      color: $font-color;
  }*/ }
  .ubicacion-menu-link .ubicacion-menu-link-title {
    cursor: pointer; }
    .ubicacion-menu-link .ubicacion-menu-link-title svg {
      vertical-align: top;
      max-width: 80px;
      max-height: 50px;
      display: inline-block; }
      .ubicacion-menu-link .ubicacion-menu-link-title svg polyline, .ubicacion-menu-link .ubicacion-menu-link-title svg line {
        opacity: 1;
        opacity: .6;
        stroke: #00f074; }
      .ubicacion-menu-link .ubicacion-menu-link-title svg rect {
        opacity: .6; }
    .ubicacion-menu-link .ubicacion-menu-link-title p {
      display: inline-block;
      text-transform: uppercase;
      color: #00f074;
      font-size: 13px;
      letter-spacing: 1px;
      max-width: 200px;
      margin-left: 10px; }
  @media screen and (max-width: 1485px) {
    .ubicacion-menu-link {
      position: relative;
      left: 0 !important;
      top: 0 !important;
      display: inline-block;
      margin: 0 auto;
      margin-top: 30px;
      margin-bottom: 40px; } }
  @media screen and (max-width: 1190px) {
    .ubicacion-menu-link {
      display: block; } }
  .ubicacion-menu-link .ubicacion-menu-link-title:hover svg polyline {
    stroke: #00F074;
    opacity: 1;
    stroke-width: 2px; }
  .ubicacion-menu-link .ubicacion-menu-link-title:hover svg rect {
    stroke: #00F074;
    opacity: 1;
    stroke-width: 2px; }
  .ubicacion-menu-link .ubicacion-menu-link-title:hover svg line {
    stroke: #00F074;
    opacity: 1;
    stroke-width: 2px; }

#lManuelFelguerez {
  top: -60px;
  left: 80px; }
  @media screen and (max-width: 1485px) {
    #lManuelFelguerez {
      margin-top: 0px; } }
  #lManuelFelguerez .ubicacion-menu-link-linea svg {
    height: 270px; }

#lTerraza {
  top: 46px;
  left: 240px; }
  #lTerraza .ubicacion-menu-link-linea svg {
    height: 210px; }

#lPlaza {
  top: 155px;
  left: 420px; }
  #lPlaza .ubicacion-menu-link-linea svg {
    height: 40px; }

#lEspacioAlternativo {
  top: 368px;
  left: 20px; }
  #lEspacioAlternativo .ubicacion-menu-link-linea svg {
    height: 70px; }

#lArteBinario {
  top: 568px;
  left: 220px; }
  #lArteBinario .ubicacion-menu-link-linea svg {
    height: 140px; }

#lCentral {
  top: 488px;
  left: 430px; }
  #lCentral .ubicacion-menu-link-linea svg {
    height: 180px; }

.ubicacion-data-container {
  display: block;
  padding-top: 50px; }
  .ubicacion-data-container .ubicacion-data .ubicacion-data-section {
    display: inline-block;
    width: 49%;
    vertical-align: top; }
  .ubicacion-data-container .ubicacion-data .ubicacion-data-mapa .ubicacion-title-svg {
    display: block;
    margin: 0 auto;
    margin-bottom: 20px; }
    .ubicacion-data-container .ubicacion-data .ubicacion-data-mapa .ubicacion-title-svg svg {
      display: inline-block;
      width: 80px;
      height: 50px;
      vertical-align: middle;
      margin-right: 13px; }
    .ubicacion-data-container .ubicacion-data .ubicacion-data-mapa .ubicacion-title-svg p {
      display: inline-block;
      vertical-align: middle;
      text-transform: uppercase;
      font-size: 13px;
      max-width: 240px; }
    .ubicacion-data-container .ubicacion-data .ubicacion-data-mapa .ubicacion-title-svg p span:nth-child(1) {
      letter-spacing: 1px; }
  .ubicacion-data-container .ubicacion-data .ubicacion-data-mapa .ubicacion-mapa-interno {
    margin: 40px auto; }
    .ubicacion-data-container .ubicacion-data .ubicacion-data-mapa .ubicacion-mapa-interno img {
      display: block;
      margin: 0 auto;
      width: 90%;
      height: 90%; }
    .ubicacion-data-container .ubicacion-data .ubicacion-data-mapa .ubicacion-mapa-interno img.ubicacion-img-central {
      max-width: 310px;
      max-height: 220px; }
    .ubicacion-data-container .ubicacion-data .ubicacion-data-mapa .ubicacion-mapa-interno img.ubicacion-img-ab {
      max-width: 230px;
      max-height: 310px; }
    .ubicacion-data-container .ubicacion-data .ubicacion-data-mapa .ubicacion-mapa-interno img.ubicacion-img-espacio {
      max-width: 210px;
      max-height: 310px; }
    .ubicacion-data-container .ubicacion-data .ubicacion-data-mapa .ubicacion-mapa-interno img.ubicacion-img-manuel {
      max-width: 310px;
      max-height: 240px; }
    .ubicacion-data-container .ubicacion-data .ubicacion-data-mapa .ubicacion-mapa-interno img.ubicacion-img-plaza {
      max-width: 310px;
      max-height: 170px; }
    .ubicacion-data-container .ubicacion-data .ubicacion-data-mapa .ubicacion-mapa-interno img.ubicacion-img-terraza {
      max-width: 150px;
      max-height: 310px; }
  .ubicacion-data-container .ubicacion-data .ubicacion-data-info .ubicacion-pieza {
    width: 85%;
    margin: 0 auto;
    font-size: 13px;
    margin-bottom: 60px;
    cursor: pointer; }
    .ubicacion-data-container .ubicacion-data .ubicacion-data-info .ubicacion-pieza div {
      margin: 10px 0 12px 0; }
      .ubicacion-data-container .ubicacion-data .ubicacion-data-info .ubicacion-pieza div .ubicacion-cuadro-num, .ubicacion-data-container .ubicacion-data .ubicacion-data-info .ubicacion-pieza div .ubicacion-cuadro-vacio, .ubicacion-data-container .ubicacion-data .ubicacion-data-info .ubicacion-pieza div .ubicacion-cuadro-lleno {
        border: 2px solid #00f074;
        display: inline-block;
        text-align: center;
        min-width: 18px;
        line-height: 17px;
        margin-right: 10px;
        font-family: Verdana, Geneva, Tahoma, sans-serif;
        font-weight: bold;
        font-size: 14px; }
      .ubicacion-data-container .ubicacion-data .ubicacion-data-info .ubicacion-pieza div .ubicacion-cuadro-vacio {
        font-weight: 400;
        color: #00f074; }
      .ubicacion-data-container .ubicacion-data .ubicacion-data-info .ubicacion-pieza div .ubicacion-cuadro-lleno {
        background: #00f074;
        color: #7E6FD9; }
      .ubicacion-data-container .ubicacion-data .ubicacion-data-info .ubicacion-pieza div img {
        max-width: 20px;
        display: inline-block;
        vertical-align: bottom;
        margin-right: 10px; }
      .ubicacion-data-container .ubicacion-data .ubicacion-data-info .ubicacion-pieza div .ubicacion-pieza-nombre {
        display: inline-block;
        vertical-align: middle;
        font-size: 13px;
        font-weight: 800;
        width: 80%; }
    .ubicacion-data-container .ubicacion-data .ubicacion-data-info .ubicacion-pieza .ubicacion-pieza-tipo {
      display: block;
      margin: 0 auto;
      width: 80%;
      font-size: 14px; }
  .ubicacion-data-container .ubicacion-data .ubicacion-data-info .ubicacion-pieza:hover p.ubicacion-cuadro-lleno {
    color: #4f2683; }
  .ubicacion-data-container .ubicacion-data .ubicacion-data-info .ubicacion-pieza:hover p.ubicacion-cuadro-vacio {
    color: #4f2683; }

.ubicacion-data-container.mostrar-ubicacion-data {
  display: block; }

.cerrar-ubicacion {
  background: #00f074;
  color: #4f2683;
  max-width: 40px;
  width: 100%;
  font-size: 18px;
  text-align: center;
  display: block;
  margin: 0 auto;
  margin-bottom: 30px;
  cursor: pointer;
  border-radius: 5px;
  font-weight: bold; }

.cerrar-ubicacion:hover {
  color: #00F074;
  background: #4f2683; }

#mapasContainer {
  margin-top: 200px;
  margin-bottom: 50px; }

#mapasContainer.mapaActivado {
  /*min-height: 768px;*/
  height: 100px; }

/*.slide-animate-container {
  position:relative;  
  border:1px solid black;  
  overflow:hidden;
}

.slide-animate {
  padding:10px;
}

.slide-animate.ng-enter, .slide-animate.ng-leave {
  transition:all cubic-bezier(0.250, 0.460, 0.450, 0.940) 0.5s;

  position:absolute;
  top:0;
  left:0;
  right:0;
  bottom:0;
  display:block;
  padding:10px;
}

.slide-animate.ng-enter {
  top:-50px;
}
.slide-animate.ng-enter.ng-enter-active {
  top:0;
}

.slide-animate.ng-leave {
  top:0;
}
.slide-animate.ng-leave.ng-leave-active {
  top:50px;
}*/
.view-animate-container {
  position: relative;
  height: 40px;
  overflow: hidden; }

.view-animate.ng-enter, .view-animate.ng-leave {
  -webkit-transition: top cubic-bezier(0.25, 0.46, 0.45, 0.94) 1.5s;
  -moz-transition: top cubic-bezier(0.25, 0.46, 0.45, 0.94) 1.5s;
  transition: top cubic-bezier(0.25, 0.46, 0.45, 0.94) 1.5s;
  display: block;
  width: 100%;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0; }

.view-animate.ng-enter {
  top: 100%; }

.view-animate.ng-enter.ng-enter-active {
  top: 0;
  background: #836ca8;
  z-index: 10; }

.view-animate.ng-leave.ng-leave-active {
  top: -100%;
  z-index: 7; }

@keyframes dash {
  to {
    stroke-dashoffset: 0; } }
#publicacionContainer #publicacion {
  max-width: 620px; }
  #publicacionContainer #publicacion iframe {
    width: 620px;
    height: 500px; }
#publicacionContainer #publicacionDownload {
  width: 100%;
  max-width: 640px;
  height: 150px;
  margin-top: 20px; }
  #publicacionContainer #publicacionDownload div {
    margin-top: 10px;
    max-width: 140px;
    float: right;
    cursor: pointer; }
    #publicacionContainer #publicacionDownload div svg {
      max-width: 64px;
      max-height: 56px;
      display: block;
      margin: 0 auto; }
      #publicacionContainer #publicacionDownload div svg polygon, #publicacionContainer #publicacionDownload div svg line {
        stroke-width: 2px;
        fill: none;
        stroke-linejoin: round;
        stroke: #00F074;
        stroke-width: 2px;
        opacity: .7;
        -webkit-transition: all .2s ease-in;
        -moz-transition: all .2s ease-in;
        transition: all .2s ease-in; }
    #publicacionContainer #publicacionDownload div #downloadString {
      margin-top: 5px;
      width: 84px;
      display: block;
      border-top: 2px solid #00F074;
      margin-top: 10px;
      padding-top: 5px; }
    #publicacionContainer #publicacionDownload div #downloadString p {
      color: #00F074;
      letter-spacing: 2px;
      font-size: 11px;
      text-align: center;
      text-transform: uppercase;
      opacity: .7;
      -webkit-transition: all .3s ease-out;
      -moz-transition: all .3s ease-out;
      transition: all .3s ease-out; }
  #publicacionContainer #publicacionDownload div:hover polygon, #publicacionContainer #publicacionDownload div:hover line {
    opacity: 1;
    stroke-width: 2px; }
  #publicacionContainer #publicacionDownload div:hover #downloadString p {
    opacity: 1; }

.left-side {
  background-color: none; }

.anterior-section {
  margin-bottom: 70px; }
  .anterior-section .anterior-link-img {
    display: inline-block;
    vertical-align: middle; }
    .anterior-section .anterior-link-img img {
      max-width: 100px; }
  .anterior-section .anterior-link-text {
    display: inline-block;
    width: 70%;
    margin-left: 60px;
    line-height: 19px;
    vertical-align: middle; }
    .anterior-section .anterior-link-text p {
      font-size: 18px;
      font-weight: 700;
      color: #00f074; }

#socialMedia .social-section {
  margin-bottom: 20px; }
  #socialMedia .social-section a {
    display: inline-block;
    color: #00f074;
    vertical-align: middle;
    position: relative; }
  #socialMedia .social-section .social-link:before {
    content: "";
    position: absolute;
    left: 50%;
    bottom: -4px;
    right: 50%;
    width: 0%;
    background: #4f2683;
    height: 2px;
    -webkit-transition: right .2s ease-out, left .2s ease-in, width .2s ease-in;
    -moz-transition: right .2s ease-out, left .2s ease-in, width .2s ease-in;
    transition: right .2s ease-out, left .2s ease-in, width .2s ease-in;
    z-index: -1; }
  #socialMedia .social-section .social-link:hover {
    color: #4f2683; }
    #socialMedia .social-section .social-link:hover:before {
      right: 0;
      left: 0;
      width: 100%; }
  #socialMedia .social-section .social-icon {
    width: 18%; }
    #socialMedia .social-section .social-icon img {
      display: block;
      max-width: 40px;
      margin: 0 auto; }

footer {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  width: 100%; }
  footer div {
    max-width: 1024px;
    width: 96%;
    display: block;
    margin: 0 auto;
    text-align: center; }
    footer div p:nth-child(1) {
      font-size: 21px;
      letter-spacing: 4px;
      line-height: 30px; }
    footer div p {
      font-weight: 500; }
    footer div section {
      max-width: 340px;
      width: 100%;
      display: block;
      margin: 0 auto; }
      footer div section a {
        display: inline-block;
        vertical-align: middle;
        width: 80px;
        height: 60px;
        position: relative; }
        footer div section a img {
          position: absolute;
          left: 0;
          right: 0;
          top: 0;
          bottom: 0;
          width: 35px;
          height: 35px;
          margin: auto auto; }
    footer div img {
      width: 100%;
      max-width: 180px; }
    footer div .img-cenart {
      margin-top: 20px; }

* {
  margin: 0;
  padding: 0;
  box-sizing: content-box; }

html {
  min-height: 100%;
  position: relative;
  padding-bottom: 580px; }

body {
  background: #836ca8;
  color: #4f2683;
  font-family: "Merriweather Sans", sans-serif; }

body.no-scroll {
  overflow: hidden; }

#header {
  width: 100%;
  background: #a7a9ac;
  z-index: 140;
  position: relative; }

#header > img {
  padding: 17px 0 17px 0;
  margin: 0 auto;
  display: block;
  width: 100%;
  max-width: 291px; }

#headerResponsiveBack {
  display: none; }

#container {
  max-width: 1472px;
  width: 100%;
  margin: 0 auto;
  position: relative; }
  #container img {
    width: 100%; }

#showMenu {
  display: none; }

#headerResponsive {
  display: none; }

.parcial-view {
  width: 100%; }

.separaciones-table {
  display: table;
  width: 100%; }

.separaciones-container {
  display: table-row;
  width: 100%; }

.separacion {
  display: table-cell;
  width: 50%;
  vertical-align: top; }

.separacion-left {
  position: relative; }

#head-img {
  max-width: 276px;
  width: 100%;
  position: absolute;
  top: 70px;
  left: 300px;
  left: 20%; }

.texto-container {
  max-width: 580px;
  width: 100%;
  margin: 0 auto;
  display: block; }

.texto-header {
  height: 140px; }

.texto-contenido {
  display: block;
  margin: 0 auto;
  width: 99%; }

.texto-verde {
  color: #00f074; }

.texto-cita {
  text-align: right;
  font-weight: 400; }

.texto-oscuro {
  font-weight: 700; }

.texto-morado {
  color: #4f2683; }

.texto-junto {
  letter-spacing: 0px;
  font-size: smaller; }

.letra-linea_baja, .letra-inicial::before, .letra-inicial-inner::before, .letra-final::after {
  font-weight: 700;
  font-size: 20px;
  color: #00f074; }

.letra-inicial {
  position: relative; }

.letra-inicial::before {
  position: absolute;
  left: -25px;
  content: "_  "; }

.letra-inicial-inner::before {
  content: "_ "; }

.letra-final::after {
  content: "  _"; }

p {
  font-size: 15px;
  line-height: 24px;
  font-weight: 300; }

a {
  text-decoration: none; }

a.linkPage {
  color: #00f074;
  font-size: 13px;
  position: relative;
  display: inline-block;
  -webkit-transition: color .2s ease-out;
  -moz-transition: color .2s ease-out;
  transition: color .2s ease-out;
  word-wrap: break-word; }
  a.linkPage:before {
    content: "";
    position: absolute;
    left: 50%;
    bottom: -3px;
    width: 0%;
    background: #4f2683;
    height: 2px;
    -webkit-transition: right .2s ease-out, left .2s ease-in, width .2s ease-in;
    -moz-transition: right .2s ease-out, left .2s ease-in, width .2s ease-in;
    transition: right .2s ease-out, left .2s ease-in, width .2s ease-in;
    z-index: -1; }
  a.linkPage:hover {
    color: #4f2683; }
    a.linkPage:hover:before {
      right: 0;
      left: 0;
      width: 100%; }

.oscura {
  font-weight: bolder; }

.oscura-total {
  font-weight: bold; }

.oscura-italica {
  font-weight: bolder;
  font-style: italic; }

.italica {
  font-style: italic; }

.versalita {
  font-variant: small-caps; }

.pequenia {
  font-size: smaller; }

a.link-to {
  color: #4f2683; }

.view-animate-fade.ng-enter {
  -webkit-transition: opacity cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.5s;
  -moz-transition: opacity cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.5s;
  transition: opacity cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.5s;
  opacity: 0; }

.view-animate-fade.ng-leave {
  -webkit-transition: opacity cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.5s;
  -moz-transition: opacity cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.5s;
  transition: opacity cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.5s;
  opacity: 1; }

.view-animate-fade.ng-enter.ng-enter-active {
  opacity: 1;
  z-index: 10; }

.view-animate-fade.ng-leave.ng-leave-active {
  opacity: 0;
  z-index: 7; }

#cargando {
  background: #836ca8;
  margin-top: 10%;
  margin-bottom: 10%;
  position: relative;
  z-index: 300;
  width: 100%; }
  #cargando > div {
    margin: 0 auto;
    max-width: 512px;
    border-radius: 50px; }
    #cargando > div div {
      width: 100%;
      margin-top: 30px;
      margin-bottom: 30px; }
      #cargando > div div img {
        width: 100%;
        max-width: 420px;
        display: block;
        margin: 0 auto; }
      #cargando > div div p {
        font-size: 17px;
        font-weight: 500;
        letter-spacing: 1px;
        line-height: 36px;
        text-align: center;
        display: block;
        width: 100%;
        margin-top: 80px; }

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