@charset "UTF-8";
.no-padding {
  padding: 0; }

.big {
  font-size: 28px;
  color: #52565b;
  font-weight: 500; }

.big-before:before {
  content: " //";
  color: #ee1e38;
  font-weight: 600;
  margin-right: 5px; }

.titulo-proyecto {
  border: 3px solid white;
  font-size: 40px !important;
  margin: auto;
  padding-bottom: 0 !important;
  width: 81.5%; }
  .titulo-proyecto:after {
    display: none; }

.titulo {
  padding: 7px 0; }
  .titulo:after {
    content: " //";
    color: #ee1e38; }

.titulo-bg {
  background: #f1f1f1;
  -webkit-box-shadow: 1px 6px 11px rgba(0, 0, 0, 0.1);
  box-shadow: 1px 6px 11px rgba(0, 0, 0, 0.1);
  padding-left: 25px; }

.galeria .titulo-bg {
  margin-top: 0;
  width: 200%; }

.titulo-ubicacion {
  -webkit-box-shadow: 1px 6px 11px rgba(82, 86, 91, 0.3);
  box-shadow: 1px 6px 11px rgba(82, 86, 91, 0.3);
  font-size: 25px;
  padding: 12px;
  text-transform: uppercase; }

.teya-gray {
  display: none; }

#proyecto-content {
  padding: 30px;
  padding-top: 40px;
  padding-left: 0;
  font-size: 15px !important;
  padding-bottom: 0; }
  #proyecto-content .bg-descripcion {
    background: #FFF url(../images/proyectos/1_Adolfo_Lopez/imagen1.jpg) no-repeat;
    background-size: cover;
    background-position: bottom;
    min-height: 675px;
    max-height: auto; }
  #proyecto-content .bg-descripcion-bicentenario {
    background: #FFF url(../images/proyectos/6_Museo_Bicentenario/imagen1.jpg) no-repeat;
    background-size: cover;
    background-position: bottom;
    min-height: 675px;
    max-height: auto; }
  #proyecto-content .bg-descripcion-toluca {
    background: #FFF url(../images/proyectos/5_Unitec_Toluca/imagen1.jpg) no-repeat;
    background-size: cover;
    background-position: bottom;
    min-height: 675px;
    max-height: auto; }
  #proyecto-content .bg-descripcion-leon {
    background: #FFF url(../images/proyectos/4_Unitec_Leon/imagen1.jpg) no-repeat;
    background-size: cover;
    background-position: bottom;
    min-height: 675px;
    max-height: auto; }
  #proyecto-content .bg-descripcion-ISEMYM {
    background: #FFF url(../images/proyectos/3_ISEMYM/imagen1.jpg) no-repeat;
    background-size: cover;
    background-position: bottom;
    min-height: 675px;
    max-height: auto; }
  #proyecto-content .bg-descripcion2 {
    background: #FFF url(../images/proyectos/2_Alta_Especialidad_Zumpango/imagen1.jpg) no-repeat;
    background-size: cover;
    background-position: bottom;
    min-height: 675px;
    max-height: auto; }
  #proyecto-content .bg-2 {
    display: none; }

.descripcion {
  padding-left: 35px; }
  .descripcion .card {
    line-height: 20px !important;
    padding: 1px 35px; }
  .descripcion .info-content {
    margin-top: 30px; }
    .descripcion .info-content .icons img {
      margin: auto;
      margin-top: 10px; }
    .descripcion .info-content .info strong {
      color: #686b6f;
      display: block; }
      .descripcion .info-content .info strong:nth-of-type(2) {
        margin-top: -20px; }
    .descripcion .info-content .info p {
      line-height: 16px;
      position: relative;
      top: -6px; }
    .descripcion .info-content .info ul {
      line-height: 16px;
      position: relative;
      top: -6px;
      padding-left: 0; }
      .descripcion .info-content .info ul li {
        list-style-type: none; }
        .descripcion .info-content .info ul li:before {
          content: "•";
          margin-left: -9px;
          padding-right: 5px;
          color: #818892; }

#servicios.galeria {
  background: transparent;
  padding-top: 0;
  position: relative; }
  #servicios.galeria .titulo-bg {
    margin-top: 0;
    width: 200%; }

#servicios-zumpango {
  margin-top: 220px !important; }

#team {
  z-index: 1; }

.content-bg {
  position: relative;
  background: #FFF url(../images/iconos/imageredblue.jpg) no-repeat;
  background-size: contain;
  background-position: 42%;
  padding-bottom: 5%;
  padding-top: 3%;
  z-index: -1; }

.shape-red {
  position: absolute;
  top: -66px;
  right: 0;
  z-index: -1;
  width: 800px; }

#informacion-p1 {
  background: #ddd url(../images/proyectos/1_Adolfo_Lopez/fondo.jpg);
  background-size: cover;
  background-position: center;
  margin-top: 65px; }
  #informacion-p1 .card {
    line-height: 20px !important;
    position: relative;
    top: -50px;
    width: 75%; }

#informacion-p1-toluca {
  background: #ddd url(../images/proyectos/5_Unitec_Toluca/fondo.jpg);
  background-size: cover;
  background-position: center;
  margin-top: 65px; }
  #informacion-p1-toluca .card {
    line-height: 20px !important;
    position: relative;
    top: -50px;
    width: 75%;
    line-height: 20px !important;
    position: relative;
    top: -50px;
    width: 75%;
    line-height: 20px !important;
    position: relative;
    top: -50px;
    width: 75%; }

#informacion-p1-leon {
  background: #ddd url(../images/proyectos/4_Unitec_Leon/fondo.jpg);
  background-size: cover;
  background-position: center;
  margin-top: 65px; }

#informacion-p1-ISEMYM {
  background: #ddd url(../images/proyectos/3_ISEMYM/fondo.jpg);
  background-size: cover;
  background-position: center;
  margin-top: 65px; }

#informacion-pz {
  background: #ddd url(../images/proyectos/2_Alta_Especialidad_Zumpango/fondo.jpg);
  background-size: cover;
  background-position: center;
  margin-top: 65px; }
  #informacion-pz .card {
    line-height: 20px !important;
    position: relative;
    top: -50px;
    width: 75%; }

#map {
  margin-top: -10px;
  height: 280px;
  width: 100%;
  z-index: -1; }

#informacion-p2 {
  position: relative; }
  #informacion-p2 img {
    position: absolute;
    top: 50px;
    width: 60%; }
  #informacion-p2 .card {
    line-height: 20px !important;
    margin-top: 100px; }

#informacion-p2-zumpango img {
  position: absolute;
  top: 50px;
  width: 80%; }

#informacion-p2-zumpango .card {
  margin-top: 45px; }

#informacion-p3 .card {
  line-height: 20px !important;
  margin-top: 80px; }

#proy1.galeria1 {
  background-image: url(../images/proyectos/1_Adolfo_Lopez/galeria1.jpg); }

#proy1.galeria2 {
  background-image: url(../images/proyectos/1_Adolfo_Lopez/galeria2.jpg); }

#proy2.galeria1 {
  background-image: url(../images/proyectos/2_Alta_Especialidad_Zumpango/galeria1.jpg); }

#proy2.galeria2 {
  background-image: url(../images/proyectos/2_Alta_Especialidad_Zumpango/galeria2.jpg); }

#proy2.galeria3 {
  background-image: url(../images/proyectos/2_Alta_Especialidad_Zumpango/galeria3.jpg); }

#proy2.galeria4 {
  background-image: url(../images/proyectos/2_Alta_Especialidad_Zumpango/galeria4.jpg); }

#proy2.galeria5 {
  background-image: url(../images/proyectos/2_Alta_Especialidad_Zumpango/galeria5.jpg); }

#proy2.galeria6 {
  background-image: url(../images/proyectos/2_Alta_Especialidad_Zumpango/galeria6.jpg); }

#proy-toluca1.galeria-toluca1 {
  background-image: url(../images/proyectos/5_Unitec_Toluca/galeria1.jpg); }

#proy-toluca2.galeria-toluca2 {
  background-image: url(../images/proyectos/5_Unitec_Toluca/galeria2.jpg); }

#proy-toluca3.galeria-toluca3 {
  background-image: url(../images/proyectos/5_Unitec_Toluca/galeria3.jpg); }

#proy-toluca4.galeria-toluca4 {
  background-image: url(../images/proyectos/5_Unitec_Toluca/galeria4.jpg); }

#proy-toluca5.galeria-toluca5 {
  background-image: url(../images/proyectos/5_Unitec_Toluca/galeria5.jpg); }

#proy-toluca6.galeria-toluca6 {
  background-image: url(../images/proyectos/5_Unitec_Toluca/galeria6.jpg); }

#proy-leon1.galeria-leon1 {
  background-image: url(../images/proyectos/4_Unitec_Leon/galeria1.jpg); }

#proy-leon2.galeria-leon2 {
  background-image: url(../images/proyectos/4_Unitec_Leon/galeria2.jpg); }

#proy-leon3.galeria-leon3 {
  background-image: url(../images/proyectos/4_Unitec_Leon/galeria3.jpg); }

#proy-ISEMYM1.galeria-ISEMYM1 {
  background-image: url(../images/proyectos/3_ISEMYM/galeria1.jpg); }

#proy-ISEMYM2.galeria-ISEMYM2 {
  background-image: url(../images/proyectos/3_ISEMYM/galeria2.jpg); }

#proy-ISEMYM3.galeria-ISEMYM3 {
  background-image: url(../images/proyectos/3_ISEMYM/galeria3.jpg); }

#proy6.galeria1 {
  background-image: url(../images/proyectos/6_Museo_Bicentenario/galeria1.jpg); }

#proy6.galeria2 {
  background-image: url(../images/proyectos/6_Museo_Bicentenario/galeria2.jpg); }

#proy6.galeria3 {
  background-image: url(../images/proyectos/6_Museo_Bicentenario/galeria3.jpg); }

#proy6.galeria4 {
  background-image: url(../images/proyectos/6_Museo_Bicentenario/galeria4.jpg); }

#proy6.galeria5 {
  background-image: url(../images/proyectos/6_Museo_Bicentenario/galeria5.jpg); }

#proy6.galeria6 {
  background-image: url(../images/proyectos/6_Museo_Bicentenario/galeria6.jpg); }

@media screen and (max-width: 1250px) {
  #proyecto-content {
    padding-right: 0; }
    #proyecto-content .bg-descripcion {
      margin-top: 35px;
      min-height: 300px; }
    #proyecto-content .bg-descripcion-bicentenario {
      margin-top: 35px;
      min-height: 300px; }
    #proyecto-content .bg-descripcion-toluca {
      margin-top: 35px;
      min-height: 300px; }
    #proyecto-content .bg-descripcion-leon {
      margin-top: 35px;
      min-height: 300px; }
    #proyecto-content .bg-descripcion-ISEMYM {
      margin-top: 35px;
      min-height: 300px; }
    #proyecto-content .bg-descripcion2 {
      margin-top: 35px;
      min-height: 300px; }
    #proyecto-content .bg-1 {
      display: none; }
    #proyecto-content .bg-2 {
      display: block; }
  .descripcion {
    padding: 0 40px 0 35px;
    width: 100%; }
  #informacion-p1 .card {
    width: 65%; }
  #informacion-p1-toluca .card {
    width: 65%; }
  #informacion-p1-leon .card {
    width: 65%; }
  #informacion-p1-ISEMYM .card {
    width: 65%; }
  #informacion-pz .card {
    width: 65%; } }

@media screen and (max-width: 1710px) {
  #proyecto-content .bg-descripcion {
    min-height: 740px; }
  #proyecto-content .bg-descripcion-bicentenario {
    min-height: 740px; }
  #proyecto-content .bg-descripcion-toluca {
    min-height: 740px; }
  #proyecto-content .bg-descripcion-leon {
    min-height: 740px; }
  #proyecto-content .bg-descripcion-ISEMYM {
    min-height: 740px; }
  #proyecto-content .bg-descripcion2 {
    min-height: 740px; } }

@media screen and (max-width: 1464px) {
  #proyecto-content .bg-descripcion {
    min-height: 790px; }
  #proyecto-content .bg-descripcion-bicentenario {
    min-height: 790px; }
  #proyecto-content .bg-descripcion-toluca {
    min-height: 790px; }
  #proyecto-content .bg-descripcion-leon {
    min-height: 790px; }
  #proyecto-content .bg-descripcion-ISEMYM {
    min-height: 790px; }
  #proyecto-content .bg-descripcion2 {
    min-height: 790px; } }

@media screen and (max-width: 767px) {
  .descripcion .info-content .icons .icono-obras {
    margin-top: 30px; }
  .navbar-header {
    float: left; }
  .teya-gray {
    display: block;
    margin-top: 20px; }
  .teya-white {
    display: none; }
  .section-heading {
    margin-top: 0; } }

@media screen and (max-width: 480px) {
  .descripcion .info-content .listados {
    width: 100%; }
  #informacion-p1 .card {
    width: 100%; }
  #informacion-p1-toluca .card {
    width: 100%; }
  #informacion-p1-leon .card {
    width: 100%; }
  #informacion-p1-ISEMYM .card {
    width: 100%; }
  #informacion-pz .card {
    width: 100%; }
  .titulo-proyecto {
    font-size: 23px !important; }
  .navbar-collapse {
    width: 100%; }
  .navbar-default .navbar-collapse {
    border: none; }
  .navbar-default .navbar-form {
    border: none; } }

@media screen and (max-width: 992px) {
  #servicios.galeria {
    padding-bottom: 20px; }
  .content-bg {
    background-size: cover;
    padding-bottom: 0; }
  #informacion-p2 img {
    width: 96%; }
  #informacion-p2 .card {
    margin-top: 45%; }
  #informacion-p3 .card {
    margin-top: 100px;
    margin-bottom: 50px; }
  .navbar-header {
    float: none;
    text-align: center; }
  .navbar-nav {
    float: none !important;
    margin-top: 25px;
    margin-left: 10px; }
  .titulo-proyecto {
    font-size: 35px !important;
    float: none; }
  .section-heading {
    float: none;
    margin-top: 40px; } }

@media screen and (max-width: 600px) {
  #informacion-p1 .card {
    width: 80%; }
  #informacion-p1-toluca .card {
    width: 80%; }
  #informacion-p1-leon .card {
    width: 80%; }
  #informacion-p1-ISEMYM .card {
    width: 80%; }
  #informacion-pz .card {
    width: 80%; }
  .titulo-proyecto {
    font-size: 30px !important; }
  .titulo-parallax {
    margin-top: 225px !important; } }

@media screen and (max-width: 1024px) {
  .navbar-right {
    margin-right: 10px; } }