@font-face {
    font-family: 'montserratregular';
    src: url('../fonts/montserrat-regular-webfont.eot');
    src: url('../fonts/montserrat-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/montserrat-regular-webfont.woff2') format('woff2'),
         url('../fonts/montserrat-regular-webfont.woff') format('woff'),
         url('../fonts/montserrat-regular-webfont.ttf') format('truetype'),
         url('../fonts/montserrat-regular-webfont.svg#montserratregular') format('svg');
    font-weight: bold;
    font-style: normal;
}
@font-face {
    font-family: 'timelessregular';
    src: url('../fonts/timelessregular.eot');
    src: url('../fonts/timelessregular.eot?#iefix') format('embedded-opentype'),
         url('../fonts/timelessregular.woff2') format('woff2'),
         url('../fonts/timelessregular.woff') format('woff'),
         url('../fonts/timelessregular.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'steelfishregular';
    src: url('../fonts/steelfish-webfont.eot');
    src: url('../fonts/steelfish-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/steelfish-webfont.woff2') format('woff2'),
         url('../fonts/steelfish-webfont.woff') format('woff'),
         url('../fonts/steelfish-webfont.ttf') format('truetype'),
         url('../fonts/steelfish-webfont.svg#steelfishregular') format('svg');
    font-weight: normal;
    font-style: normal;
}






/*-------Elimina borde celeste al hacer click en un botón------*/
button:focus, .btn:focus {
    outline:0 !important;
}

/*
Breakepoints:
1200px
992px
768px
480px
320px


@media (max-width: 767px) {

}
@media (min-width: 768px) and (max-width: 991px) {

}
@media (min-width: 992px) and (max-width: 1199px) {

}
@media (min-width: 1200px) {

}
*/
.hidden {
    visibility: hidden;
    display: none;
    z-index: -10;
}
body {
    /*font-family: 'playfair_displayregular';*/
    /*font-family: 'cormorant_garamondregular';*/
    font-family: 'timelessregular';
    -webkit-user-select: none;  /* Chrome all / Safari all */
    -moz-user-select: none;     /* Firefox all */
    -ms-user-select: none;      /* IE 10+ */
    user-select: none;          /* Likely future */
    overflow-x: hidden;
    overflow-y: hidden;
    max-width: 100%;
}
@media (max-width: 767px) {
    body {
        padding-top: 1px;
    }
}
/*----------------Controlador Tamaño----------------*/
/*----------------Controlador Tamaño----------------*/
/*----------------Controlador Tamaño----------------*/
/*----------------Controlador Tamaño----------------*/
/*----------------Controlador Tamaño----------------*/
body,
.allContent {
    position: relative;
}
@media (max-width: 767px) { /*Small*/
    .allContent {
        padding-top: 1px;
    }
}
@media (min-width: 768px) and (max-width: 991px) { /*Small to Mid*/
    .allContent {
        padding-top: 2px;
    }
}
@media (min-width: 992px) and (max-width: 1199px) { /*Mid to Big*/
    .allContent {
        margin-bottom: -1px;
    }
}
@media (min-width: 1200px) { /*Big*/
    .allContent {
        margin-bottom: -2px;
    }
}



/*----------------Starter----------------*/
/*----------------Starter----------------*/
/*----------------Starter----------------*/
/*----------------Starter----------------*/
/*----------------Starter----------------*/
/*----------------Starter----------------*/
/*----------------Starter----------------*/
.starter {
    max-width: 100%;
}
.starter {
    height: 100vh;
    width: 100vw;
    position: fixed;
    top: 0;
    z-index: 10;
    background-color: #fff;
    text-align: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}
.starter.on {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}
.starterImg {
    width: 50vmin;
    height: auto;
    z-index: 11;
}
.opacityO {
    opacity: 0;
}
.cover.fadeIn {
    opacity: 1;
    -webkit-animation: fadeIn 0.25s ease-in-out;
    animation: fadeIn 0.25s ease-in-out;
}
#mi-navbar.fadeIn {
    opacity: 1;
    -webkit-animation: fadeIn 1s ease-in-out;
    animation: fadeIn 1s ease-in-out;
}
.allContent.fadeIn {
    opacity: 1;
    -webkit-animation: fadeIn 1.5s ease-in-out;
    animation: fadeIn 1.5s ease-in-out;
}
@-webkit-keyframes fadeIn {
    0% {opacity: 0;}
    100% {opacity: 1;}
}
@keyframes fadeIn {
    0% {opacity: 0;}
    100% {opacity: 1;}
}
.fadeOut {
    opacity: 0;
    -webkit-animation: fadeOut 1s ease-in-out;
    animation: fadeOut 1s ease-in-out;
}
@-webkit-keyframes fadeOut {
    0% {opacity: 1;}
    100% {opacity: 0;}
}
@keyframes fadeOut {
    0% {opacity: 1;}
    100% {opacity: 0;}
}
ul li {
    text-decoration: none;
    list-style: none;
}




/*--------------------scrollbar--------------------*/
/*--------------------scrollbar--------------------*/
/*--------------------scrollbar--------------------*/
/*--------------------scrollbar--------------------*/
/*--------------------scrollbar--------------------*/
/*--------------------scrollbar--------------------*/
/*--------------------scrollbar--------------------*/
/*--------------------scrollbar--------------------*/
::-webkit-scrollbar {
  width: 9px;
  height: 12px;
}
::-webkit-scrollbar-button {
  width: 0px;
  height: 0px;
}
::-webkit-scrollbar-thumb {
  background: #c5c5c5;
  border: 0px none #ffffff;
  border-radius: 25px;
}
::-webkit-scrollbar-thumb:hover {
  background: #f3f3f3;
}
::-webkit-scrollbar-thumb:active {
  background: #f3f3f3;
}
::-webkit-scrollbar-track {
  background: #666666;
  border: 0px none #ffffff;
  border-radius: 0px;
}
::-webkit-scrollbar-track:hover {
  background: #666666;
}
::-webkit-scrollbar-track:active {
  background: #666666;
}
::-webkit-scrollbar-corner {
  background: transparent;
}
/*--------------------Nav--------------------*/
/*--------------------Nav--------------------*/
/*--------------------Nav--------------------*/
/*--------------------Nav--------------------*/
/*--------------------Nav--------------------*/
/*--------------------Nav--------------------*/
/*--------------------Nav--------------------*/
.navbar {
    font-family: 'montserratregular';
}
#navbar-brand1 span#navbarBrandSpan {
    color: #000;
    position: relative;
    float: left;
    text-align: center;
    z-index: 1;
}
#navbar-brand1, #navbar-brand1 span#navbarBrandSpan:hover {
    cursor: pointer;
}
#navbar-brand1 img {
    position: relative;
    float: left;
}
@media (max-width: 767px) {
    .navbar .navbar-nav {
      display: inline-block;
      float: none;
      vertical-align: top;
    }
    .navbar .navbar-collapse {
      text-align: center;
    }
    #mi-navbar.navbar-default .navbar-nav>li>a:hover {
        color: #356C7D;
    }
}
@media (min-width: 768px) {
    ul.nav li.dropdown:hover > ul.dropdown-menu {
        display: block;
        -webkit-animation: dropAni 0.150s ease-in-out;
                animation: dropAni 0.150s ease-in-out;
    }
    @-webkit-keyframes dropAni {
        0%{opacity: 0}
        100%{opacity: 100}
    }
    @keyframes dropAni {
        0%{opacity: 0}
        100%{opacity: 100}
    }
    #mi-navbar {
        height: 4.5em;
    }
    #mi-navbar div#nabvar-collapse, #mi-navbar .navbar-header {
        height: 4.5em !important;
        position: relative;
        top: 0.5em;
    }
    /*Check Check Check*/
    /*Check Check Check*/
    /*Check Check Check*/
    /*Check Check Check*/
    ul.navbar-nav {
        float: right !important;
        /*width: 100%;*/
    }
    #mi-navbar .lBaja {
        visibility: hidden;
        position: relative;
        top: -0.9em;
        left: 5%;
        width: 90%;
        height: 1px;
        border-bottom: solid 1px #000;
    }
    #mi-navbar .lBaja.active {
        visibility: visible !important;
        -webkit-animation: lBajaExpandir 0.3s ease-in-out;
                animation: lBajaExpandir 0.3s ease-in-out;
    }
    @-webkit-keyframes lBajaExpandir {
        0% {width: 0%;}
        100% {width: 90%;}
    }
    @keyframes lBajaExpandir {
        0% {width: 0%;}
        100% {width: 90%;}
    }
    #mi-navbar .lBaja.inactive {
        width: 0;
        visibility: visible !important;
        -webkit-animation: lBajaContraer 0.3s ease-in-out;
                animation: lBajaContraer 0.3s ease-in-out;
    }
    @-webkit-keyframes lBajaContraer {
        0% {width: 90%;}
        100% {width: 0%;}
    }
    @keyframes lBajaContraer {
        0% {width: 90%;}
        100% {width: 0%;}
    }
}
@media (max-width: 299px) {
    #navbar-brand1 span#navbarBrandSpan {
        font-size: 0.35em;
        top: -1.5em;
        left: -1em;
        letter-spacing: 0px;
    }
}
@media (min-width: 300px) and (max-width: 767px) {
    #navbar-brand1 span#navbarBrandSpan {
        font-size: 0.6em;
        top: -0.7em;
        left: 0em;
        letter-spacing: 0;
    }
}
@media (min-width: 768px) and (max-width: 819px) {
    #mi-navbar li.principal.normal {
        font-size: 0.8em !important;
    }
    #mi-navbar li.principal.a, #mi-navbar li.principal.b, #mi-navbar li.principal.c, #mi-navbar li.principal.d {
        margin-right: -1em;
    }
    #navbar-brand1 span#navbarBrandSpan {
        font-size: 0.6em;
        top: -0.7em;
        left: 0em;
        letter-spacing: 0;
    }
}
@media (min-width: 820px) and (max-width: 991px) {
    #mi-navbar li.principal.normal {
        font-size: 0.9em !important;
    }
    #mi-navbar li.principal.a, #mi-navbar li.principal.b, #mi-navbar li.principal.c, #mi-navbar li.principal.d {
        margin-right: -0.5em;
    }
    #navbar-brand1 span#navbarBrandSpan {
        font-size: 0.6em;
        top: -0.7em;
        left: 0em;
        letter-spacing: 0;
    }
}
@media (min-width: 992px) and (max-width: 1199px) {
    #mi-navbar li.principal.normal {
        font-size: 0.9em !important;
    }
    #mi-navbar li.principal.a, #mi-navbar li.principal.b, #mi-navbar li.principal.c, #mi-navbar li.principal.d {
        margin-right: 1.5em;
    }
    #navbar-brand1 span#navbarBrandSpan {
        font-size: 0.7em;
        top: -0.7em;
        left: 0em;
    }
}
@media (min-width: 1200px) {
    #mi-navbar li.principal.normal {
        font-size: 1em !important;
    }
    #mi-navbar li.principal.a, #mi-navbar li.principal.b, #mi-navbar li.principal.c, #mi-navbar li.principal.d {
        margin-right: 2em;
    }
    #navbar-brand1 span#navbarBrandSpan {
        font-size: 0.75em;
        top: -0.75em;
        left: 0em;
    }
}



#mi-navbar.navbar-default {
    -webkit-box-shadow: inset 0 1px 0 rgba(255,255,255,.15), 0 2px 5px rgba(0, 0, 0, 0.13);
    box-shadow: inset 0 1px 0 rgba(255,255,255,.15), 0 2px 5px rgba(0, 0, 0, 0.13);
  /*  -webkit-box-shadow: none;
    box-shadow: none;*/
    background-image: none;
    background-color: #fff;
    border-style: none !important;
}
#mi-navbar.navbar-default .navbar-nav>li>a {
    color: #000;
}


#mi-navbar .dropdown-menu {
    background-color: #fff;
    border: none;
    border-radius: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
    top: 3.5em;
}

menu>li>a:focus, .dropdown-menu>li>a:hover {
    background-color: transparent;
    background-image: none;
    -webkit-filter: none;
            filter: none;
    background-repeat: repeat;
    color: red;
}
.ddi {
    width: 100%;
    border-bottom-style: solid;
    border-bottom-color: #CDCDCD;
    border-bottom-width: 1px;
}
.ddi.last {
    border-bottom-style: none;
    border-bottom-color: transparent;
    border-bottom-width: 0px;
}
.dropdown-item {
    font-size: 1em;
    letter-spacing: 0;
}
#btCol {
    background-color: transparent;
    border-color: #2E2F29;
    border-radius: 0;
}
#btCol:hover {
    border-color: #f3f3f3;
}
#btCol .icon-bar {
    border-color: #2E2F29 !important;
}
#btCol:hover {
    background-color: #f3f3f3;
}
#btCol:hover > .icon-bar {
    background-color: #fff;
}
#btCol .icon-bar {
    background-color: #2E2F29;
}


#mi-navbar.navbar-default .navbar-nav>.active>a, #mi-navbar.navbar-default .navbar-nav>.active>a:focus, #mi-navbar.navbar-default .navbar-nav>.active>a:hover {
    background-color: transparent;
    /*color: #90CCD7*/
}
#mi-navbar.navbar-default .navbar-nav>.active>a, #mi-navbar.navbar-default .navbar-nav>.open>a {
    background-color: transparent;
    background-image: none;;
    -webkit-filter: none;;
            filter: none;
    background-repeat: repeat;
    -webkit-box-shadow: none;
    box-shadow: none;
}
@media (min-width: 768px) {
    #mi-navbar.navbar-default .navbar-nav>.active>a, #mi-navbar.navbar-default .navbar-nav>.open>a {

    }
}




/*----------------------Servicios------------------------*/
/*----------------------Servicios------------------------*/
/*----------------------Servicios------------------------*/
/*----------------------Servicios------------------------*/
/*----------------------Servicios------------------------*/
/*----------------------Servicios------------------------*/
/*----------------------Servicios------------------------*/
/*----------------------Servicios------------------------*/
.servicios {
    margin-top: 5em;
    margin-bottom: 18em;
}
@media (max-width: 500px) {
    #servicios h2.servsHead .salto::before {
        content: "\A";
        white-space: pre;
    }
}
@media (max-height: 819px) {
    .servicios.disabled {
        margin-top: 0em;
        -webkit-animation: servsMargDisabled 0.3s ease-in-out;
                animation: servsMargDisabled 0.3s ease-in-out;
    }
    @-webkit-keyframes servsMargDisabled {
        0% {margin-top: 5em;}
        100% {margin-top: 0em;}
    }
    @keyframes servsMargDisabled {
        0% {margin-top: 5em;}
        100% {margin-top: 0em;}
    }
    .servicios.active {
        margin-top: 5em;
        -webkit-animation: servsMargActive 0.3s ease-in-out;
                animation: servsMargActive 0.3s ease-in-out;
    }
    @-webkit-keyframes servsMargActive {
        0% {margin-top: 0;}
        100% {margin-top: 5em;}
    }
    @keyframes servsMargActive {
        0% {margin-top: 0;}
        100% {margin-top: 5em;}
    }

}
@media (min-height: 820px) and (max-height: 890px) {
    .servicios.disabled {
        margin-top: 0em;
        -webkit-animation: servsMargDisabled 0.3s ease-in-out;
                animation: servsMargDisabled 0.3s ease-in-out;
    }
    @-webkit-keyframes servsMargDisabled {
        0% {margin-top: 10em;}
        100% {margin-top: 0em;}
    }
    @keyframes servsMargDisabled {
        0% {margin-top: 10em;}
        100% {margin-top: 0em;}
    }
    .servicios.active {
        margin-top: 10em;
        -webkit-animation: servsMargActive 0.3s ease-in-out;
                animation: servsMargActive 0.3s ease-in-out;
    }
    @-webkit-keyframes servsMargActive {
        0% {margin-top: 0;}
        100% {margin-top: 10em;}
    }
    @keyframes servsMargActive {
        0% {margin-top: 0;}
        100% {margin-top: 10em;}
    }

}
@media (min-height: 891px) {
    .servicios.disabled {
        margin-top: 0em;
        -webkit-animation: servsMargDisabled 0.3s ease-in-out;
                animation: servsMargDisabled 0.3s ease-in-out;
    }
    @-webkit-keyframes servsMargDisabled {
        0% {margin-top: 15.2em;}
        100% {margin-top: 0em;}
    }
    @keyframes servsMargDisabled {
        0% {margin-top: 15.2em;}
        100% {margin-top: 0em;}
    }
    .servicios.active {
        margin-top: 15.2em;
        -webkit-animation: servsMargActive 0.3s ease-in-out;
                animation: servsMargActive 0.3s ease-in-out;
    }
    @-webkit-keyframes servsMargActive {
        0% {margin-top: 0;}
        100% {margin-top: 15.2em;}
    }
    @keyframes servsMargActive {
        0% {margin-top: 0;}
        100% {margin-top: 15.2em;}
    }
}



.servicios h2 {
    text-align: center;
    margin-bottom: 1em;
}








#servicios #servsCuadros .cuadro {
    overflow: hidden;
    color: #fff;
    text-align: center;
}
#servicios #servsCuadros .cuadro p {
    font-family: 'steelfishregular';
    cursor: default;
    position: relative;
}
#servicios #servsCuadros .btn.mas, .contCollage.b .masMini {
    font-family: 'steelfishregular';
    background-color: transparent;
    border-radius: 0;
    border: solid 1px #fff;
}
#servicios #servsCuadros .btn.mas:hover, .contCollage.b .masMini:hover {
    color: #AFB3BB!important;
    border-color: #AFB3BB!important;
}
#servicios #servsCuadros .btn.mas:focus, .contCollage.b .masMini:focus {
    color: #fff;
}








@media (min-width: 320px) and (max-width: 479px) {
    .contCollage.a {
        visibility: hidden;
        display: none;
        z-index: -10;
    }
    .contCollage.b {
        width: 480px;
        overflow: hidden;
        font-family: 'steelfishregular';
        letter-spacing: 0.1em;
    }
    .contCollage.b .masMini {
        letter-spacing: 0.1em;
        padding: 0.4em 1.3em;
    }
    .contCollage.b {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center;
        -webkit-box-pack: center;
            -ms-flex-pack: center;
                justify-content: center;
        width: 100%;
    }
    .contCollage.b .containerMini {
        width: 21.51em;
        height: 81em;
    }
    .contCollage.b .cuadroMini {
        overflow: hidden;
        position: relative;
        background-color: #1E261B;
        height: 10em;
        width: 10em;
        text-align: center;
        color: #fff;
    }
    .contCollage.b .opContainerMini {
        position: absolute;
        top: 0;
        left: 0;
    }
    .contCollage.b .opContainerMini .opBmini {
        position: absolute;
        top: 0;
        left: 0;
        width: 10em;
        height: 10em;
        background-color: #000;
        opacity: 0.7;
    }
    .contCollage.b .opContainerMini p {
        position: relative;
    }
    #servicios #servsCuadros .cuadroMini img {
        width: 102%;
    }
    #servicios #servsCuadros .cuadroMini p {
        position: relative;
    }
    #servicios #servsCuadros .cuadroMini .opContainerMini {
        position: absolute;
    }
    #servicios #servsCuadros .cuadroMini.a .opContainerMini p {
        font-size: 0.73em;
        width: 95%;
        left: 2.5%;
        top: 0.5em;
    }
    #servicios #servsCuadros .cuadroMini.b {
        top: -10em;
        left: 11.5em;
    }
    #servicios #servsCuadros .cuadroMini.b p {
        top: 2.5em;
        margin-bottom: 3.7em;
    }
    #servicios #servsCuadros .cuadroMini.c {
        top: -8.5em;
        left: 11.5em;
    }
    #servicios #servsCuadros .cuadroMini.c .opContainerMini p {
        font-size: 1em;
        width: 95%;
        left: 2.5%;
        top: 0.5em;
    }
    #servicios #servsCuadros .cuadroMini.d {
        top: -18.5em;
        left: 0;
    }
    #servicios #servsCuadros .cuadroMini.d p {
        top: 1.8em;
        margin-bottom: 3.1em;
        width: 95%;
        left: 2.5%;
    }
    #servicios #servsCuadros .cuadroMini.e {
        top: 17.5em;
        left: 11.5em;
    }
    #servicios #servsCuadros .cuadroMini.e img {
        width: 100% !important;
        top: -3em;
        position: relative;
    }
    #servicios #servsCuadros .cuadroMini.e .opContainerMini p {
        font-size: 0.8em;
        width: 95%;
        left: 2.5%;
        top: 0.6em;
    }
    #servicios #servsCuadros .cuadroMini.f {
        top: 7.5em;
        left: 0;
    }
    #servicios #servsCuadros .cuadroMini.f p {
        top: 2.5em;
        margin-bottom: 3.7em;
    }
    #servicios #servsCuadros .cuadroMini.g {
        top: -25.5em;
        left: 11.5em;
    }
    #servicios #servsCuadros .cuadroMini.g img {
        width: 180% !important;
        left: -42%;
        position: relative;
    }
    #servicios #servsCuadros .cuadroMini.g .opContainerMini p {
        font-size: 1em;
        width: 95%;
        left: 2.5%;
        top: 3.4em;
    }
    #servicios #servsCuadros .cuadroMini.h {
        top: -35.5em;
        left: 0;
    }
    #servicios #servsCuadros .cuadroMini.h p {
        top: 1.8em;
        margin-bottom: 3em;
    }
    #servicios #servsCuadros .cuadroMini.i {
        top: -57em;
        left: 0;
    }
    #servicios #servsCuadros .cuadroMini.i img {
        width: 111% !important;
        top: 0;
        position: relative;
    }
    #servicios #servsCuadros .cuadroMini.i .opContainerMini p {
        font-size: 1em;
        width: 95%;
        left: 2.5%;
        top: 1.4em;
    }
    #servicios #servsCuadros .cuadroMini.j {
        top: -67em;
        left: 11.5em;
    }
    #servicios #servsCuadros .cuadroMini.j p {
        top: 2.5em;
        margin-bottom: 3.7em;
    }
    #servicios #servsCuadros .cuadroMini.k {
        top: -54em;
        left: 0;
    }
    #servicios #servsCuadros .cuadroMini.k .opContainerMini p {
        font-size: 1em;
        width: 95%;
        left: 2.5%;
        top: 0.6em;
    }
    #servicios #servsCuadros .cuadroMini.l {
        top: -64em;
        left: 11.5em;
    }
    #servicios #servsCuadros .cuadroMini.l p {
        top: 2.5em;
        margin-bottom: 3.7em;
    }
    #servicios #servsCuadros .cuadroMini.m {
        top: -51em;
    }
    #servicios #servsCuadros .cuadroMini.m img {
        width: 260% !important;
        left: -120%;
        position: relative;
    }
    #servicios #servsCuadros .cuadroMini.m .opContainerMini p {
        font-size: 1em;
        width: 95%;
        left: 2.5%;
        top: 2.3em;
    }
    #servicios #servsCuadros .cuadroMini.n {
        top: -61em;
        left: 11.5em;
        width: 10em !important;
    }
    #servicios #servsCuadros .cuadroMini.n p {
        top: 1.5em;
        margin-bottom: 2.8em;
        font-size: 0.9em;
    }
}
@media (min-width: 480px) and (max-width: 767px) {
    .contCollage.a {
        position: absolute;
        visibility: hidden;
        display: none;
        z-index: -10;
    }
    .contCollage.b {
        width: 480px;
        overflow: hidden;
        font-family: 'steelfishregular';
        letter-spacing: 0.1em;
    }
    .contCollage.b .masMini {
        letter-spacing: 0.1em;
        padding: 0.4em 1.3em;
    }
    .contCollage.b {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center;
        -webkit-box-pack: center;
            -ms-flex-pack: center;
                justify-content: center;
        width: 100%;
    }
    .contCollage.b .containerMini {
        width: 33em;
        height: 60em;
    }
    .contCollage.b .cuadroMini {
        overflow: hidden;
        position: relative;
        background-color: #1E261B;
        height: 10em;
        width: 10em;
        text-align: center;
        color: #fff;
    }
    .contCollage.b .opContainerMini {
        position: absolute;
        top: 0;
        left: 0;
    }
    .contCollage.b .opContainerMini .opBmini {
        position: absolute;
        top: 0;
        left: 0;
        width: 10em;
        height: 10em;
        background-color: #000;
        opacity: 0.7;
    }
    .contCollage.b .opContainerMini p {
        position: relative;
    }
    #servicios #servsCuadros .cuadroMini img {
        width: 102%;
    }
    #servicios #servsCuadros .cuadroMini p {
        position: relative;
    }
    #servicios #servsCuadros .cuadroMini .opContainerMini {
        position: absolute;
    }
    #servicios #servsCuadros .cuadroMini.a .opContainerMini p {
        font-size: 0.73em;
        width: 95%;
        left: 2.5%;
        top: 0.5em;
    }
    #servicios #servsCuadros .cuadroMini.b {
        top: -10em;
        left: 11.5em;
    }
    #servicios #servsCuadros .cuadroMini.b p {
        top: 2.5em;
        margin-bottom: 3.7em;
    }
    #servicios #servsCuadros .cuadroMini.c {
        top: -20em;
        left: 23em;
    }
    #servicios #servsCuadros .cuadroMini.c .opContainerMini p {
        font-size: 1em;
        width: 95%;
        left: 2.5%;
        top: 0.5em;
    }
    #servicios #servsCuadros .cuadroMini.d {
        top: -18.5em;
        left: 23em;
    }
    #servicios #servsCuadros .cuadroMini.d p {
        top: 1.8em;
        margin-bottom: 3.1em;
        width: 95%;
        left: 2.5%;
    }
    #servicios #servsCuadros .cuadroMini.e {
        top: -28.5em;
        left: 11.5em;
    }
    #servicios #servsCuadros .cuadroMini.e img {
        width: 100% !important;
        top: -3em;
        position: relative;
    }
    #servicios #servsCuadros .cuadroMini.e .opContainerMini p {
        font-size: 0.81em;
        width: 95%;
        left: 2.5%;
        top: 0.4em;
    }
    #servicios #servsCuadros .cuadroMini.f {
        top: -38.5em;
        left: 0;
    }
    #servicios #servsCuadros .cuadroMini.f p {
        top: 2.5em;
        margin-bottom: 3.7em;
    }
    #servicios #servsCuadros .cuadroMini.g {
        top: -37em;
    }
    #servicios #servsCuadros .cuadroMini.g img {
        width: 180% !important;
        left: -42%;
        position: relative;
    }
    #servicios #servsCuadros .cuadroMini.g .opContainerMini p {
        font-size: 1em;
        width: 95%;
        left: 2.5%;
        top: 3.4em;
    }
    #servicios #servsCuadros .cuadroMini.h {
        top: -47em;
        left: 11.5em;
    }
    #servicios #servsCuadros .cuadroMini.h p {
        top: 1.8em;
        margin-bottom: 3em;
    }
    #servicios #servsCuadros .cuadroMini.i {
        top: -57em;
        left: 23em;
    }
    #servicios #servsCuadros .cuadroMini.i img {
        width: 111% !important;
        top: 0;
        position: relative;
    }
    #servicios #servsCuadros .cuadroMini.i .opContainerMini p {
        font-size: 1em;
        width: 95%;
        left: 2.5%;
        top: 1.4em;
    }
    #servicios #servsCuadros .cuadroMini.j {
        top: -55.5em;
        left: 23em;
    }
    #servicios #servsCuadros .cuadroMini.j p {
        top: 2.5em;
        margin-bottom: 3.7em;
    }
    #servicios #servsCuadros .cuadroMini.k {
        top: -65.5em;
        left: 11.5em;
    }
    #servicios #servsCuadros .cuadroMini.k .opContainerMini p {
        font-size: 1em;
        width: 95%;
        left: 2.5%;
        top: 0.6em;
    }
    #servicios #servsCuadros .cuadroMini.l {
        top: -75.5em;
        left: 0;
    }
    #servicios #servsCuadros .cuadroMini.l p {
        top: 2.5em;
        margin-bottom: 3.7em;
    }
    #servicios #servsCuadros .cuadroMini.m {
        top: -74em;
    }
    #servicios #servsCuadros .cuadroMini.m img {
        width: 260% !important;
        left: -120%;
        position: relative;
    }
    #servicios #servsCuadros .cuadroMini.m .opContainerMini p {
        font-size: 1em;
        width: 95%;
        left: 2.5%;
        top: 2.3em;
    }
    #servicios #servsCuadros .cuadroMini.n {
        top: -84em;
        left: 11.5em;
        width: 21.5em !important;
    }
    #servicios #servsCuadros .cuadroMini.n p {
        top: 2.8em;
        margin-bottom: 4em;
    }
}



@media (min-width: 768px) {
    .contCollage.b {
        position: absolute;
        visibility: hidden;
        display: none;
        z-index: -10;
    }
}
@media (min-width: 768px) and (max-width: 991px) {
    #servicios .contCollage.a {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center;
        -webkit-box-pack: center;
            -ms-flex-pack: center;
                justify-content: center;
    }
    #servicios #servsCuadros .izq {
        height: 38em;
        width: 21.3em;
        z-index: 2 !important;
    }
    #servicios #servsCuadros .der {
        height: 38em;
        width: 30em;
        z-index: 1 !important;
    }
    #servicios #servsCuadros .cuadro img {
        width: 102%;
        height: auto;
        min-height: 100%;
    }
    #servicios #servsCuadros .der .cuadro.c img {
        width: 115% !important;
        left: -7%;
        position: relative;
    }
    #servicios #servsCuadros .cuadro p {
        letter-spacing: 0.1em;
        font-size: 1.1em;
    }
    #servicios #servsCuadros .btn.mas {
        letter-spacing: 0.1em;
        font-size: 0.8em;
        padding: 0.5em 1.5em;
    }
    /*Izquierda*/
    /*Izquierda*/
    /*Izquierda*/
    #servicios #servsCuadros .izq .cuadro.a {
        position: absolute;
        width: 20em;
        height: 18em;
        left: 0;
    }
    #servicios #servsCuadros .izq .cuadro.a .opContainer p {
        top: 4em;
        width: 95%;
        left: 2.5%;
    }
    #servicios #servsCuadros .izq .cuadro.b {
        position: absolute;
        background-color: #1e261b;
        width: 9.5em;
        height: 8.5em;
        left: 20.4em;
    }
    #servicios #servsCuadros .izq .cuadro.b p {
        z-index: 8 !important;
        top: 1.8em;
        margin-bottom: 2.5em;
    }
    #servicios #servsCuadros .izq .cuadro.c {
        position: absolute;
        top: 18.5em;
        width: 9.5em;
        height: 9em;
        background-color: #1e261b;
        left: 0;
    }
    #servicios #servsCuadros .izq .cuadro.c p {
        top: 1.4em;
        margin-bottom: 2.2em;
    }
    #servicios #servsCuadros .izq .cuadro.d {
        position: absolute;
        top: 28em;
        width: 9.5em;
        height: 9em;
        left: 0;
    }
    #servicios #servsCuadros .izq .cuadro.d .opContainer p {
        width: 95%;
        top: 0.8em;
        font-size: 0.95em !important;
        left: 2.5%;
    }
    #servicios #servsCuadros .izq .cuadro.e {
        position: absolute;
        top: 18.5em;
        width: 10em;
        height: 18.5em;
        left: 10em;
    }
    #servicios #servsCuadros .izq .cuadro.e .opContainer p {
        width: 95%;
        font-size: 1em;
        top: 3.5em;
        left: 2.5%;
    }
    /*Derecha*/
    /*Derecha*/
    /*Derecha*/
    #servicios #servsCuadros .der .cuadro.a {
        position: absolute;
        width: 20.2em;
        height: 9em;
        left: -0.9em;
        top: 9em;
    }
    #servicios #servsCuadros .der .cuadro.a img {
        position: relative;
        top: -1em;
    }
    #servicios #servsCuadros .der .cuadro.a .opContainer p {
        top: 3.4em;
    }
    #servicios #servsCuadros .der .cuadro.b {
        position: absolute;
        background-color: #1e261b;
        width: 10.2em;
        height: 8.5em;
        left: 9.1em;
    }
    #servicios #servsCuadros .der .cuadro.b p {
        top: 1.1em;
        margin-bottom: 1.8em;
    }
    #servicios #servsCuadros .der .cuadro.c {
        position: absolute;
        width: 10.2em;
        height: 8.5em;
        right: 0;
        top: 0;
    }
    #servicios #servsCuadros .der .cuadro.c .opContainer p {
        top: 0.5em;
        width: 95%;
        left: 2.5%;
        font-size: 1em !important;
    }
    #servicios #servsCuadros .der .cuadro.d {
        position: absolute;
        background-color: #1e261b;
        width: 9.5em;
        height: 9em;
        left: -0.9em;
        top: 18.5em;
    }
    #servicios #servsCuadros .der .cuadro.d p {
        top: 2.5em;
        margin-bottom: 3.3em;
        width: 90%;
        left: 5%;
    }
    #servicios #servsCuadros .der .cuadro.e {
        position: absolute;
        width: 10.2em;
        height: 9em;
        left: 9.1em;
        top: 18.5em;
    }
    #servicios #servsCuadros .der .cuadro.e .opContainer p {
        top: 1em;
        font-size: 0.9em !important;
        width: 95%;
        left: 2.5%;
    }
    #servicios #servsCuadros .der .cuadro.f {
        position: absolute;
        background-color: #1e261b;
        width: 10.2em;
        height: 9em;
        right: 0;
        top: 9em;
    }
    #servicios #servsCuadros .der .cuadro.f p {
        top: 2.2em;
        margin-bottom: 3em;
    }
    #servicios #servsCuadros .der .cuadro.g {
        position: absolute;
        background-color: #1e261b;
        width: 10.2em;
        height: 9em;
        right: 0;
        top: 18.5em;
    }
    #servicios #servsCuadros .der .cuadro.g p {
        top: 1em;
        margin-bottom: 1.5em;
        width: 90%;
        left: 5%;
        font-size: 1em;
    }
    #servicios #servsCuadros .der .cuadro.h {
        position: absolute;
        background-color: #1e261b;
        width: 9.5em;
        height: 9.1em;
        left: -0.9em;
        top: 27.9em;
    }
    #servicios #servsCuadros .der .cuadro.h p {
        top: 2.3em;
        margin-bottom: 3.1em;
    }
    #servicios #servsCuadros .der .cuadro.i {
        position: absolute;
        width: 20.8em;
        height: 9.1em;
        left: 9.1em;
        top: 27.9em;
    }
    #servicios #servsCuadros .der .cuadro.i .opContainer p {
        top: 3em;
    }
}



@media (min-width: 992px) and (max-width: 1199px) {
    #servicios #servsCuadros .izq {
        height: 29em;
    }
    #servicios #servsCuadros .der {
        height: 29em;
    }
    #servicios #servsCuadros .cuadro img {
        width: 102%;
        height: auto;
        min-height: 100%;
    }
    #servicios #servsCuadros .der .cuadro.c img {
        width: 115% !important;
        left: -7%;
        position: relative;
    }
    #servicios #servsCuadros .cuadro p {
        letter-spacing: 0.1em;
        font-size: 1.1em;
    }
    #servicios #servsCuadros .btn.mas {
        letter-spacing: 0.1em;
        font-size: 0.9em;
        padding: 0.5em 1.5em;
    }
    /*Izquierda*/
    /*Izquierda*/
    /*Izquierda*/
    #servicios #servsCuadros .izq .cuadro.a {
        position: absolute;
        width: 18.5em;
        height: 18em;
        left: 0;
    }
    #servicios #servsCuadros .izq .cuadro.a .opContainer p {
        top: 3.5em;
        width: 95%;
        left: 2.5%;
    }
    #servicios #servsCuadros .izq .cuadro.b {
        position: absolute;
        background-color: #1e261b;
        width: 9.6em;
        height: 10.6em;
        right: 0.25em;
    }
    #servicios #servsCuadros .izq .cuadro.b p {
        top: 2.5em;
        margin-bottom: 3.5em;
    }
    #servicios #servsCuadros .izq .cuadro.c {
        position: absolute;
        top: 18.5em;
        width: 9em;
        height: 9.5em;
        background-color: #1e261b;
        left: 0;
    }
    #servicios #servsCuadros .izq .cuadro.c p {
        top: 1.4em;
        margin-bottom: 2.3em;
    }
    #servicios #servsCuadros .izq .cuadro.d {
        position: absolute;
        top: 18.5em;
        width: 9.1em;
        height: 9.5em;
        left: 9.4em;
    }
    #servicios #servsCuadros .izq .cuadro.d .opContainer p {
        width: 95%;
        top: 0.8em;
        font-size: 0.95em !important;
        left: 2.5%;
    }
    #servicios #servsCuadros .izq .cuadro.e {
        position: absolute;
        top: 11em;
        width: 9.6em;
        height: 17em;
        right: 0.25em;
    }
    #servicios #servsCuadros .izq .cuadro.e .opContainer p {
        width: 95%;
        font-size: 1em;
        top: 2.5em;
        left: 2.5%;
    }
    /*Derecha*/
    /*Derecha*/
    /*Derecha*/
    #servicios #servsCuadros .der .cuadro.a {
        position: absolute;
        width: 18.7em;
        height: 10.6em;
        left: 0.25em;
    }
    #servicios #servsCuadros .der .cuadro.a .opContainer p {
        top: 4em;
    }
    #servicios #servsCuadros .der .cuadro.b {
        position: absolute;
        background-color: #1e261b;
        width: 10.3em;
        height: 10.6em;
        left: 19.4em;
    }
    #servicios #servsCuadros .der .cuadro.b p {
        top: 1.8em;
        margin-bottom: 2.6em;
    }
    #servicios #servsCuadros .der .cuadro.c {
        position: absolute;
        width: 10.2em;
        height: 10.6em;
        right: 0;
        top: 0;
    }
    #servicios #servsCuadros .der .cuadro.c .opContainer p {
        top: 1.6em;
        width: 95%;
        left: 2.5%;
        font-size: 1em !important;
    }
    #servicios #servsCuadros .der .cuadro.d {
        position: absolute;
        background-color: #1e261b;
        width: 9em;
        height: 8.3em;
        left: 0.25em;
        top: 11em;
    }
    #servicios #servsCuadros .der .cuadro.d p {
        top: 1em;
        margin-bottom: 1.8em;
        width: 90%;
        left: 5%;
    }
    #servicios #servsCuadros .der .cuadro.e {
        position: absolute;
        width: 9.1em;
        height: 8.3em;
        left: 9.8em;
        top: 11em;
    }
    #servicios #servsCuadros .der .cuadro.e .opContainer p {
        top: 0.5em;
        font-size: 0.9em !important;
    }
    #servicios #servsCuadros .der .cuadro.f {
        position: absolute;
        background-color: #1e261b;
        width: 10.3em;
        height: 8.3em;
        left: 19.4em;
        top: 11em;
    }
    #servicios #servsCuadros .der .cuadro.f p {
        top: 1.8em;
        margin-bottom: 2.6em;
    }
    #servicios #servsCuadros .der .cuadro.g {
        position: absolute;
        background-color: #1e261b;
        width: 10.2em;
        height: 17em;
        right: 0;
        top: 11em;
    }
    #servicios #servsCuadros .der .cuadro.g p {
        top: 4.2em;
        margin-bottom: 5em;
        width: 90%;
        left: 5%;
    }
    #servicios #servsCuadros .der .cuadro.h {
        position: absolute;
        background-color: #1e261b;
        width: 9em;
        height: 8.3em;
        left: 0.25em;
        top: 19.7em;
    }
    #servicios #servsCuadros .der .cuadro.h p {
        top: 1.5em;
        margin-bottom: 2.2em;
    }
    #servicios #servsCuadros .der .cuadro.i {
        position: absolute;
        width: 19.9em;
        height: 8.3em;
        left: 9.8em;
        top: 19.7em;
    }
    #servicios #servsCuadros .der .cuadro.i .opContainer p {
        top: 2.5em;
        width: 95%;
        left: 2.5%;
    }
}

@media (min-width: 1200px) {
    #servicios #servsCuadros .izq {
        height: 32em;
    }
    #servicios #servsCuadros .der {
        height: 32em;
    }
    #servicios #servsCuadros .cuadro img {
        width: 102%;
        height: auto;
    }
    #servicios #servsCuadros .cuadro p {
        letter-spacing: 0.1em;
        font-size: 1.3em;
    }
    #servicios #servsCuadros .btn.mas {
        letter-spacing: 0.1em;
        font-size: 1em;
        padding: 0.5em 1.5em;
    }
    /*Izquierda*/
    /*Izquierda*/
    /*Izquierda*/
    #servicios #servsCuadros .izq .cuadro.a {
        position: absolute;
        width: 21.4em;
        height: 21em;
        left: 0;
    }
    #servicios #servsCuadros .izq .cuadro.a .opContainer p {
        top: 3.2em;
    }
    #servicios #servsCuadros .izq .cuadro.b {
        position: absolute;
        background-color: #1e261b;
        width: 12.6em;
        height: 12em;
        right: 0.25em;
    }
    #servicios #servsCuadros .izq .cuadro.b p {
        top: 2.8em;
        margin-bottom: 3.6em;
    }
    #servicios #servsCuadros .izq .cuadro.c {
        position: absolute;
        top: 21.5em;
        width: 10.4em;
        height: 10.5em;
        background-color: #1e261b;
        left: 0;
    }
    #servicios #servsCuadros .izq .cuadro.c p {
        top: 1.2em;
        margin-bottom: 2em;
    }
    #servicios #servsCuadros .izq .cuadro.d {
        position: absolute;
        top: 21.5em;
        width: 10.4em;
        height: 10.5em;
        left: 11em;
    }
    #servicios #servsCuadros .izq .cuadro.d .opContainer p {
        top: 0.7em;
        font-size: 1.1em !important;
    }
    #servicios #servsCuadros .izq .cuadro.e {
        position: absolute;
        top: 12.4em;
        width: 12.6em;
        height: 19.55em;
        right: 0.25em;
    }
    #servicios #servsCuadros .izq .cuadro.e .opContainer p {
        width: 95%;
        font-size: 1.2em;
        top: 2.5em;
        left: 2.5%;
    }
    /*Derecha*/
    /*Derecha*/
    /*Derecha*/
    #servicios #servsCuadros .der .cuadro.a {
        position: absolute;
        width: 21.7em;
        height: 12em;
        left: 0.25em;
    }
    #servicios #servsCuadros .der .cuadro.a .opContainer p {
        top: 4em;
    }
    #servicios #servsCuadros .der .cuadro.b {
        position: absolute;
        background-color: #1e261b;
        width: 12.5em;
        height: 12em;
        left: 22.5em;
    }
    #servicios #servsCuadros .der .cuadro.b p {
        top: 1.8em;
        margin-bottom: 2.6em;
    }
    #servicios #servsCuadros .der .cuadro.c {
        position: absolute;
        width: 13.2em;
        height: 12em;
        right: 0;
        top: 0;
    }
    #servicios #servsCuadros .der .cuadro.c .opContainer p {
        top: 1.1em;
        width: 95%;
        left: 2.5%;
    }
    #servicios #servsCuadros .der .cuadro.d {
        position: absolute;
        background-color: #1e261b;
        width: 10.6em;
        height: 10em;
        left: 0.25em;
        top: 12.4em;
    }
    #servicios #servsCuadros .der .cuadro.d p {
        top: 1em;
        margin-bottom: 1.8em;
        width: 90%;
        left: 5%;
    }
    #servicios #servsCuadros .der .cuadro.e {
        position: absolute;
        width: 10.6em;
        height: 10em;
        left: 11.4em;
        top: 12.4em;
    }
    #servicios #servsCuadros .der .cuadro.e .opContainer p {
        top: 0.5em;
        font-size: 1em !important;
    }
    #servicios #servsCuadros .der .cuadro.f {
        position: absolute;
        background-color: #1e261b;
        width: 12.5em;
        height: 10em;
        left: 22.5em;
        top: 12.4em;
    }
    #servicios #servsCuadros .der .cuadro.f p {
        top: 1.8em;
        margin-bottom: 2.6em;
    }
    #servicios #servsCuadros .der .cuadro.g {
        position: absolute;
        background-color: #1e261b;
        width: 13.2em;
        height: 19.6em;
        right: 0;
        top: 12.4em;
    }
    #servicios #servsCuadros .der .cuadro.g p {
        top: 4.2em;
        margin-bottom: 5em;
        width: 90%;
        left: 5%;
    }
    #servicios #servsCuadros .der .cuadro.h {
        position: absolute;
        background-color: #1e261b;
        width: 10.6em;
        height: 9.1em;
        left: 0.25em;
        top: 22.9em;
    }
    #servicios #servsCuadros .der .cuadro.h p {
        top: 1.5em;
        margin-bottom: 2.2em;
    }
    #servicios #servsCuadros .der .cuadro.i {
        position: absolute;
        width: 23.61em;
        height: 9.1em;
        left: 11.4em;
        top: 22.9em;
    }
    #servicios #servsCuadros .der .cuadro.i .opContainer p {
        top: 2.2em;
        width: 95%;
        left: 2.5%;
    }
}

#servicios #servsCuadros .opContainer, #servicios #servsCuadros .opContainer .opB {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
}
#servicios #servsCuadros .opContainer .opB {
    background-color: #000;
    opacity: 0.7;
}
#servicios #servsCuadros .opContainer.in, #servicios #servsCuadros .opContainerMini.in {
    opacity: 1;
    -webkit-animation: opContainerIn 0.3s ease-in-out;
            animation: opContainerIn 0.3s ease-in-out;
}
@-webkit-keyframes opContainerIn {
    0%{opacity: 0;}
    100%{opacity: 1;}
}
@keyframes opContainerIn {
    0%{opacity: 0;}
    100%{opacity: 1;}
}
#servicios #servsCuadros .opContainer.out, #servicios #servsCuadros .opContainerMini.out {
    opacity: 0;
    -webkit-animation: opContainerOut 0.3s ease-in-out;
            animation: opContainerOut 0.3s ease-in-out;
}
@-webkit-keyframes opContainerOut {
    0%{opacity: 1;}
    100%{opacity: 0;}
}
@keyframes opContainerOut {
    0%{opacity: 1;}
    100%{opacity: 0;}
}

/*Fin collage servicios*/
/*Fin collage servicios*/
/*Fin collage servicios*/
/*Fin collage servicios*/









@media (min-width: 768px) and (max-width: 991px) {
    .servicios {
        width: 95%;
    }
}




/*Saber Más*/
/*Saber Más*/
/*Saber Más*/
/*Saber Más*/
/*Saber Más*/
/*Saber Más*/
/*Saber Más*/
/*Saber Más*/
/*Saber Más*/


.contBtnVolver .volverArriba {
    background-color: transparent;
    border-radius: 0;
    border-style: solid;
    border-color: #000;
    position: relative;
    right: 3em;
    top: 0.3em;
}
.volverArriba {
    position: relative;
    left: 0;
}
.infoSaberMas {
    margin-top: 12em;
}
.servicios .infoSaberMas p, .servicios .infoSaberMas ul li {
    text-align: justify;
    font-size: 1.3em;
}
.servicios .terapias.pareja ul li {
    list-style-type:disc;
}
.servicios .infoSaberMas ul li p {
    font-size: 1em !important;
}
.servicios .infoSaberMas ul li h5 {
    font-size: 1em !important;
}
.servicios .infoSaberMas .linkMas, .terapias.otros .linkMasOt {
    margin-left: 0.5em;
    text-decoration: none;
    color: #6495ED !important;
    font-size: 0.9em !important;
}
.terapias.otros .linkMasLeer, .terapias.otros .linkMasLeerCerrar {
    text-decoration: none;
    color: #6495ED !important;
    font-size: 1.2em !important;
 }
.servicios .infoSaberMas .linkMas:hover, .terapias.otros .linkMasLeer:hover, .terapias.otros .linkMasLeerCerrar:hover, .terapias.otros .linkMasOt:hover {
    color: #7B68EE;
    cursor: pointer;
}
.infoSaberMas h3, .infoSaberMas h4,.infoSaberMas h5 {
    margin-top: 1em;
    margin-bottom: 1em;
}
.infoSaberMas h4 {
    font-size: 1.35em;
}
.infoSaberMas h5 {
    font-size: 1.325em;
}
.infoSaberMas h4 {
    font-weight: 600;
}
.infoSaberMas h5 {
    font-weight: 800;
}
.contBtnVolver {
    text-align: center;
    margin-top: 3em;
}
.servicios .terapias img {
    width: 100%;
    position: relative;
}
.sMcont.g.otros ul {
    margin-left: 0;
    padding-left: 0;
}
.servicios .fuenteTninos:hover {
    cursor: pointer;
}
.servicios .containerLeerMas ul {
    padding-left: 1em;
}
@media (max-width: 767px) {
    #teDiversaSmallToMid, #teDiversaMidToBig, #teDiversaBig, #teOtrosSmallToMid, #teOtrosMidToBig, #teOtrosBig, #tePaSmallToMid, #tePaMidToBig, #tePaBig, #teNoviosSmallToMid, #teNoviosMidToBig, #teNoviosBig, #teAdoleSmallToMid, #teAdoleMidToBig, #teAdoleBig, #teNinosSmallToMid, #teNinosMidToBig, #teNinosBig, #teAdultSmallToMid, #teAdultMidToBig, #teAdultBig {
        visibility: hidden;
        display: none;
        z-index: -10;
    }
    .servicios #teAdultSmall img, .servicios #teDiversaSmall img, .servicios #teOtrosSmall img, .servicios #tePaSmall img, .servicios #teNoviosSmall img, .servicios #teAdoleSmall img, .servicios #teNinosSmall img {
        margin-bottom: 0.5em;
    }

}
@media (min-width: 768px) and (max-width: 991px) {
    #teDiversaSmall, #teDiversaMidToBig, #teDiversaBig, #teOtrosSmall, #teOtrosMidToBig, #teOtrosBig, #tePaSmall, #tePaMidToBig, #tePaBig, #teNoviosSmall, #teNoviosMidToBig, #teNoviosBig, #teAdoleSmall, #teAdoleMidToBig, #teAdoleBig, #teNinosSmall, #teNinosMidToBig, #teNinosBig, #teAdultSmall, #teAdultMidToBig, #teAdultBig {
        visibility: hidden;
        display: none;
        z-index: -10;
    }
    #tePaSmallToMid .wrap.a {
        height: 26em;
        overflow: hidden;
        margin-bottom: 1em;
    }
    #tePaSmallToMid .wrap.a img {
        height: 51em;
        width: 70em;
        position: relative;
        top: -16em;
    }
    #tePaSmallToMid .containerLeerMas.a .col-sm-6.a {
        padding-left: 0;
    }
    #tePaSmallToMid .containerLeerMas.a .col-sm-6.b {
        padding-right: 0.5em;
    }
}
@media (min-width: 992px) and (max-width: 1199px) {
    #teDiversaSmall, #teDiversaSmallToMid, #teDiversaBig, #teOtrosSmall, #teOtrosSmallToMid, #teOtrosBig, #tePaSmall, #tePaSmallToMid, #tePaBig, #teNoviosSmall, #teNoviosSmallToMid, #teNoviosBig, #teAdoleSmall, #teAdoleSmallToMid, #teAdoleBig, #teNinosSmall, #teNinosSmallToMid, #teNinosBig, #teAdultSmall, #teAdultSmallToMid, #teAdultBig {
        visibility: hidden;
        display: none;
        z-index: -10;
    }
    #teNinosMidToBig .pFix.a {
        letter-spacing: 0.065em;
    }
    #teNinosMidToBig .pFix.b {
        position: relative;
        top: -0.5em;
    }
    #teNinosMidToBig .containerLeerMas .wrapB {
        position: relative;
        top: 0.4em;
        height: 16.55em;
        overflow: hidden;
    }
    #teNinosMidToBig .containerLeerMas .wrapB img {
        height: 16.6em;
        width: auto;
        position: relative;
        left: -1em;
    }
    #teNinosMidToBig .containerLeerMas .wrapC {
        position: relative;
        top: 0.4em;
        height: 13.4em;
        overflow: hidden;
    }
    #teNinosMidToBig .containerLeerMas .wrapC img {
        height: auto;
        width: 100%;
    }
    #teNinosMidToBig .wrap {
        height: 11.3em;
        overflow: hidden;
        position: relative;
        top: 0.35em;
    }
    #teNinosMidToBig .wrap img {
        height: 16em;
        width: auto;
        position: relative;
        left: -1.2em;
        top: -1em;
    }
    #tePaMidToBig .wrap.a {
        height: 26em;
        overflow: hidden;
        margin-bottom: 1em;
    }
    #tePaMidToBig .wrap.a img {
        height: 51em;
        width: 70em;
        position: relative;
        top: -16em;
    }
    #tePaMidToBig .wrap.b {
        height: 14.2em;
        overflow: hidden;
        margin-bottom: 1em;
        position: relative;
        top: 0.3em;
    }
    #tePaMidToBig .wrap.b img {
        height: auto;
        width: 100%;
        position: relative;
        top: 0;
    }
    #tePaMidToBig .wrap.c {
        height: 20.5em;
        overflow: hidden;
        margin-bottom: 1em;
        position: relative;
        top: 0.35em;
    }
    #tePaMidToBig .wrap.c img {
        height: auto;
        width: 100%;
        position: relative;
        top: 0;
    }
    #tePaMidToBig .containerLeerMas.a .col-sm-6.a {
        padding-left: 0;
    }
    #tePaMidToBig .containerLeerMas.a .col-sm-6.b {
        padding-right: 0.5em;
    }
    #tePaMidToBig .containerLeerMas.a {
        height: 22em;
    }
    #teAdoleMidToBig .wrap.a {
        position: relative;
        top: 0.3em;
        height: 19.55em;
        overflow: hidden;
    }
    #teAdoleMidToBig .wrap.a img {
        height: auto;
        width: 100%;
        position: relative;
    }
    #teAdoleMidToBig .wrap.b {
        position: relative;
        top: 0.3em;
        height: 16em;
        overflow: hidden;
    }
    #teAdoleMidToBig .wrap.b img {
        height: 16em;
        width: auto;
        position: relative;
        left: -2em;
    }
    #teAdoleMidToBig .pFix.a {
        letter-spacing: 0.025em;
    }
    #teAdoleMidToBig .pFix.b {
        position: relative;
        top: -0.5em;
    }
    #teAdoleMidToBig .wrap.c {
        position: relative;
        top: 0.45em;
        height: 21em;
        overflow: hidden;
    }
    #teAdoleMidToBig .wrap.c img {
        height: 21em;
        width: auto;
        position: relative;
    }
    #teAdoleMidToBig .pFix.c {
        letter-spacing: 0.04em;
    }
    #teAdoleMidToBig .pFix.d {
        position: relative;
        top: -0.5em;
    }
    #teAdoleMidToBig .wrap.d {
        position: relative;
        top: 0.3em;
        height: 12.3em;
        overflow: hidden;
    }
    #teAdoleMidToBig .wrap.d img {
        height: auto;
        width: 100%;
        position: relative;
        top: -5em;
    }
    #teAdultMidToBig .wrap {
        position: relative;
        top: 0.35em;
        height: 14.2em;
        overflow: hidden;
    }
    #teAdultMidToBig .wrap img {
        height: 27em;
        width: auto;
        position: relative;
        top: -11em;
    }
    #teNoviosMidToBig .wrap.a {
        position: relative;
        top: 0.35em;
        height: 22em;
        overflow: hidden;
    }
    #teNoviosMidToBig .wrap.a img {
        height: 25em;
        width: auto;
        position: relative;
        left: -5.5em;
    }
    #teNoviosMidToBig .wrap.b {
        position: relative;
        top: 0.2em;
        height: 14.35em;
        overflow: hidden;
    }
    #teNoviosMidToBig .wrap.b img {
        height: 16.4em;
        width: auto;
        position: relative;
        top: -1.8em;
    }
    #teOtrosMidToBig .wrap.a {
        position: relative;
        top: 0.2em;
        height: 22.9em;
        overflow: hidden;
    }
    #teOtrosMidToBig .wrap.a img {
        height: 31em;
        width: auto;
        position: relative;
        left: -4.5em;
        top: -3em;
    }
    #teOtrosMidToBig .wrap.b {
        position: relative;
        top: 1.45em;
        height: 28.6em;
        overflow: hidden;
    }
    #teOtrosMidToBig .wrap.b img {
        height: 27em;
        width: auto;
        position: relative;
        left: -7em;
    }
    #teOtrosMidToBig .wrap.c {
        position: relative;
        top: 1.6em;
        height: 22.3em;
        overflow: hidden;
    }
    #teOtrosMidToBig .wrap.c img {
        height: 22.6em;
        width: auto;
        position: relative;
        left: -2em;
    }
    #teOtrosMidToBig .wrap.d {
        position: relative;
        top: 0.25em;
        height: 25.2em;
        overflow: hidden;
    }
    #teOtrosMidToBig .wrap.d img {
        height: 32em;
        width: auto;
        position: relative;
        top: -3.5em;
        left: -6em;
    }
    #teDiversaMidToBig .wrap {
        position: relative;
        top: 0.25em;
        overflow: hidden;
        height: 32.1em;
    }
    #teDiversaMidToBig img {
        position: relative;
        width: auto;
        height: 33em;
        left: -12em;
    }
}
@media (min-width: 1200px) {
    #teDiversaSmall, #teDiversaSmallToMid, #teDiversaMidToBig, #teOtrosSmall, #teOtrosSmallToMid, #teOtrosMidToBig, #tePaSmall, #tePaSmallToMid, #tePaMidToBig, #teNoviosSmall, #teNoviosSmallToMid, #teNoviosMidToBig, #teAdoleSmall, #teAdoleSmallToMid, #teAdoleMidToBig, #teNinosSmall, #teNinosSmallToMid, #teNinosMidToBig, #teAdultSmall, #teAdultSmallToMid, #teAdultMidToBig {
        visibility: hidden;
        display: none;
        z-index: -10;
    }
    #teNinosBig .wrap {
        position: relative;
        top: 0.4em;
        height: 11.2em;
        overflow: hidden;
    }
    #teNinosBig .wrap img {
        height: 16em;
        width: auto;
        position: relative;
        top: -1.2em;
    }
    #teNinosBig .containerLeerMas .wrapB {
        position: relative;
        top: 0.4em;
        height: 18.35em;
        overflow: hidden;
    }
    #teNinosBig .containerLeerMas .wrapB img {
        height: 18.5em;
        width: auto;
    }
    #teNinosBig .containerLeerMas .wrapC {
        position: relative;
        top: 0.4em;
        height: 13.3em;
        overflow: hidden;
    }
    #teNinosBig .containerLeerMas .wrapC img {
        height: auto;
        width: 100%;
    }
    #tePaBig .wrap.a {
        position: relative;
        top: 0.4em;
        height: 23.8em;
        overflow: hidden;
    }
    #tePaBig .wrap.a img {
        height: 26em;
        width: auto;
    }
    #tePaBig .wrap.b {
        position: relative;
        top: 0.3em;
        height: 11.8em;
        overflow: hidden;
    }
    #tePaBig .wrap.b img {
        height: 14em;
        width: auto;
    }
    #tePaBig .containerLeerMas.a {
        min-height: 22em;
    }
    #tePaBig .wrap.c {
        position: relative;
        top: 0.45em;
        height: 20.5em;
        overflow: hidden;
    }
    #tePaBig .wrap.c img {
        height: 27em;
        width: auto;
    }
    #tePaBig .containerLeerMas.a .col-sm-6.a {
        padding-left: 0;
    }
    #tePaBig .containerLeerMas.a .col-sm-6.b {
        padding-right: 0.5em;
    }
    #teAdoleBig .wrap.a {
        position: relative;
        top: 0.4em;
        height: 15.8em;
        overflow: hidden;
    }
    #teAdoleBig .wrap.a img {
        height: auto;
        width: 117%;
        position: relative;
        top: -9em;
        left: -6em;
    }
    #teAdoleBig .wrap.b {
        position: relative;
        top: 0.4em;
        height: 29.1em;
        overflow: hidden;
    }
    #teAdoleBig .wrap.b img {
        height: 29.5em;
        width: auto;
        position: relative;
        left: -8em;
    }
    #teAdoleBig .wrap.c {
        position: relative;
        top: 0.3em;
        height: 19.2em;
        overflow: hidden;
    }
    #teAdoleBig .wrap.c img {
        height: auto;
        width: 100%;
        position: relative;
        top: -2em;
    }
    #teAdoleBig .wrap.d {
        position: relative;
        top: 0.3em;
        height: 22.7em;
        overflow: hidden;
    }
    #teAdoleBig .wrap.d img {
        height: auto;
        width: 100%;
        position: relative;
        top: -7.6em;
    }
    #teAdultBig .wrap {
        position: relative;
        top: 0.4em;
        height: 32.5em;
        overflow: hidden;
    }
    #teAdultBig .wrap img {
        height: 35em;
        width: auto;
    }
    #teNoviosBig .wrap.a {
        position: relative;
        top: 0.4em;
        height: 18.4em;
        overflow: hidden;
    }
    #teNoviosBig .wrap.a img {
        height: 20.5em;
        width: auto;
    }
    #teNoviosBig .wrap.b {
        position: relative;
        top: 0.45em;
        height: 20.15em;
        overflow: hidden;
    }
    #teNoviosBig .wrap.b img {
        height: 20.5em;
        width: auto;
    }
    #teOtrosBig .wrap.a {
        position: relative;
        top: 0.1em;
        height: 34.7em;
        overflow: hidden;
    }
    #teOtrosBig .wrap.a img {
        height: 35em;
        width: auto;
        position: relative;
        left: -4.5em;
    }
    #teOtrosBig .wrap.b {
        position: relative;
        top: 1.45em;
        height: 23.2em;
        overflow: hidden;
    }
    #teOtrosBig .wrap.b img {
        height: 25.3em;
        width: auto;
        position: relative;
        left: -2em;
    }
    #teOtrosBig .wrap.c {
        position: relative;
        top: 1.45em;
        height: 18.8em;
        overflow: hidden;
    }
    #teOtrosBig .wrap.c img {
        height: 22em;
        width: auto;
        position: relative;
        top: -2em;
    }
    #teOtrosBig .wrap.d {
        position: relative;
        top: 0.2em;
        height: 23.5em;
        overflow: hidden;
    }
    #teOtrosBig .wrap.d img {
        height: 32em;
        width: auto;
        position: relative;
        top: -3.5em;
    }
    #teDiversaBig .wrap {
        position: relative;
        top: 0.25em;
        overflow: hidden;
        height: 26.75em;
    }
    #teDiversaBig img {
        position: relative;
        width: auto;
        height: 30em;
        top: -2em;
    }
}
.sMcont.f .hFix.diversa {
    margin-top: 0 !important;
}
.terapias.otros .bold {
    font-weight: 800;
}
.terapias.otros .infoRevistaOtros {
    margin-top: 1.5em;
    margin-left: 1em;
}
.terapias.otros .infoRevistaOtros p {
    padding-top: 0;
    margin-top: -0.5em;
}
.terapias.otros .otrosLeerMas {
    margin-top: 2em;
}
.terapias.otros h3 {
    text-align: center;
    font-weight: 600;
    margin-top: 0.5em !important;
}
.terapias.otros .hFixer {
    margin-top: 0 !important;
}
.terapias.novios h3 {
    margin-top: 0 !important;
}
.terapias.adultos ul {
    padding-left: 1em;
}




/*----------Small to Mid----------*/
/*----------Small to Mid----------*/
/*----------Small to Mid----------*/
@media (min-width: 768px) and (max-width: 991px) {
    #teNinosSmallToMid .containerLeerMas .wrapC {
        position: relative;
        top: 0.4em;
        height: 13.4em;
        overflow: hidden;
    }
    #teNinosSmallToMid .containerLeerMas .wrapC img {
        height: 14.5em;
        width: auto;
    }
}
@media (min-width: 768px) and (max-width: 771px) {
    #teDiversaSmallToMid .wrap {
        position: relative;
        top: 0.25em;
        overflow: hidden;
        height: 44.6em;
    }
    #teDiversaSmallToMid img {
        position: relative;
        width: auto;
        height: 45em;
        left: -26em;
    }
}
@media (min-width: 772px) and (max-width: 814px) {
    #teDiversaSmallToMid .wrap {
        position: relative;
        top: 0.25em;
        overflow: hidden;
        height: 42.95em;
    }
    #teDiversaSmallToMid img {
        position: relative;
        width: auto;
        height: 43em;
        left: -24em;
    }
}
@media (min-width: 815px) and (max-width: 821px) {
    #teDiversaSmallToMid .wrap {
        position: relative;
        top: 0.25em;
        overflow: hidden;
        height: 41em;
    }
    #teDiversaSmallToMid img {
        position: relative;
        width: auto;
        height: 41.5em;
        left: -24em;
    }
}
@media (min-width: 822px) and (max-width: 839px) {
    #teDiversaSmallToMid .wrap {
        position: relative;
        top: 0.25em;
        overflow: hidden;
        height: 39.3em;
    }
    #teDiversaSmallToMid img {
        position: relative;
        width: auto;
        height: 40em;
        left: -22em;
    }
}
@media (min-width: 840px) and (max-width: 896px) {
    #teDiversaSmallToMid .wrap {
        position: relative;
        top: 0.25em;
        overflow: hidden;
        height: 37.5em;
    }
    #teDiversaSmallToMid img {
        position: relative;
        width: auto;
        height: 38em;
        left: -22em;
    }
}
@media (min-width: 897px) and (max-width: 960px) {
    #teDiversaSmallToMid .wrap {
        position: relative;
        top: 0.25em;
        overflow: hidden;
        height: 35.75em;
    }
    #teDiversaSmallToMid img {
        position: relative;
        width: auto;
        height: 36em;
        left: -15em;
    }
}
@media (min-width: 961px) and (max-width: 991px) {
    #teDiversaSmallToMid .wrap {
        position: relative;
        top: 0.25em;
        overflow: hidden;
        height: 33.9em;
    }
    #teDiversaSmallToMid img {
        position: relative;
        width: auto;
        height: 34em;
        left: -11em;
    }
}
@media (min-width: 768px) and (max-width: 800px) {
    #teOtrosSmallToMid .wrap.d {
        position: relative;
        top: 0.35em;
        height: 20.1em;
        overflow: hidden;
    }
    #teOtrosSmallToMid .wrap.d img {
        height: 30em;
        width: auto;
        position: relative;
        left: -10em;
        top: -7em;
    }
}
@media (min-width: 801px) and (max-width: 848px) {
    #teOtrosSmallToMid .wrap.d {
        position: relative;
        top: 0.35em;
        height: 18.3em;
        overflow: hidden;
    }
    #teOtrosSmallToMid .wrap.d img {
        height: 30em;
        width: auto;
        position: relative;
        left: -9em;
        top: -7em;
    }
}
@media (min-width: 849px) and (max-width: 991px) {
    #teOtrosSmallToMid .wrap.d {
        position: relative;
        top: 0.35em;
        height: 16.5em;
        overflow: hidden;
    }
    #teOtrosSmallToMid .wrap.d img {
        height: 30em;
        width: auto;
        position: relative;
        left: -6em;
        top: -7em;
    }
}
@media (min-width: 768px) and (max-width: 794px) {
    #teOtrosSmallToMid .wrap.c {
        position: relative;
        top: 1.55em;
        height: 25.9em;
        overflow: hidden;
    }
    #teOtrosSmallToMid .wrap.c img {
        height: 26em;
        width: auto;
        position: relative;
        left: -6em;
    }
}
@media (min-width: 795px) and (max-width: 887px) {
    #teOtrosSmallToMid .wrap.c {
        position: relative;
        top: 1.55em;
        height: 24.1em;
        overflow: hidden;
    }
    #teOtrosSmallToMid .wrap.c img {
        height: 24.5em;
        width: auto;
        position: relative;
        left: -5em;
    }
}
@media (min-width: 888px) and (max-width: 991px) {
    #teOtrosSmallToMid .wrap.c {
        position: relative;
        top: 1.55em;
        height: 22.4em;
        overflow: hidden;
    }
    #teOtrosSmallToMid .wrap.c img {
        height: 23em;
        width: auto;
        position: relative;
        left: -5em;
    }
}
@media (min-width: 768px) and (max-width: 769px) {
    #teOtrosSmallToMid .wrap.b {
        position: relative;
        top: 1.55em;
        height: 26em;
        overflow: hidden;
    }
    #teOtrosSmallToMid .wrap.b img {
        height: 27em;
        width: auto;
        position: relative;
        left: -13.5em;
    }
}
@media (min-width: 770px) and (max-width: 799px) {
    #teOtrosSmallToMid .wrap.b img {
        left: -11em;
    }
}
@media (min-width: 800px) and (max-width: 849px) {
    #teOtrosSmallToMid .wrap.b img {
        left: -10em;
    }
}
@media (min-width: 850px) and (max-width: 894px) {
    #teOtrosSmallToMid .wrap.b img {
        left: -9.5em;
    }
}
@media (min-width: 770px) and (max-width: 894px) {
    #teOtrosSmallToMid .wrap.b {
        position: relative;
        top: 1.5em;
        height: 24.3em;
        overflow: hidden;
    }
    #teOtrosSmallToMid .wrap.b img {
        height: 25em;
        width: auto;
        position: relative;
    }
}
@media (min-width: 894px) and (max-width: 902px) {
    #teOtrosSmallToMid .wrap.b {
        position: relative;
        top: 1.5em;
        height: 22.5em;
        overflow: hidden;
    }
    #teOtrosSmallToMid .wrap.b img {
        height: 24em;
        width: auto;
        position: relative;
        left: -7em;
    }
}
@media (min-width: 903px) and (max-width: 991px) {
    #teOtrosSmallToMid .wrap.b {
        position: relative;
        top: 1.5em;
        height: 20.65em;
        overflow: hidden;
    }
    #teOtrosSmallToMid .wrap.b img {
        height: 21em;
        width: auto;
        position: relative;
        left: -3em;
    }
}
@media (min-width: 768px) and (max-width: 799px) {
    #teOtrosSmallToMid .wrap.a img {
        left: -3em;
    }
}
@media (min-width: 800px) and (max-width: 849px) {
    #teOtrosSmallToMid .wrap.a img {
        left: -2.5em;
    }
}
@media (min-width: 850px) and (max-width: 899px) {
    #teOtrosSmallToMid .wrap.a img {
        left: -2em;
    }
}
@media (min-width: 900px) and (max-width: 949px) {
    #teOtrosSmallToMid .wrap.a img {
        left: -1.5em;
    }
}
@media (min-width: 950px) and (max-width: 991px) {
    #teOtrosSmallToMid .wrap.a img {
        left: -1em;
    }
}
@media (min-width: 768px) and (max-width: 991px) {
    #teOtrosSmallToMid .wrap.a {
        position: relative;
        top: 0.2em;
        height: 22.8em;
        overflow: hidden;
    }
    #teOtrosSmallToMid .wrap.a img {
        height: 23em;
        width: auto;
        position: relative;
    }
}
@media (min-width: 768px) and (max-width: 809px) {
    #teNoviosSmallToMid .wrap.b {
        position: relative;
        top: 0.3em;
        height: 19.65em;
        overflow: hidden;
    }
    #teNoviosSmallToMid .wrap.b img {
        height: 20em;
        width: auto;
        position: relative;
        left: -1em;
    }
}
@media (min-width: 810px) and (max-width: 829px) {
    #teNoviosSmallToMid .wrap.b {
        position: relative;
        top: 0.3em;
        height: 17.8em;
        overflow: hidden;
    }
    #teNoviosSmallToMid .wrap.b img {
        height: 18em;
        width: auto;
        position: relative;
    }
}
@media (min-width: 830px) and (max-width: 991px) {
    #teNoviosSmallToMid .wrap.b {
        position: relative;
        top: 0.3em;
        height: 16em;
        overflow: hidden;
    }
    #teNoviosSmallToMid .wrap.b img {
        height: 16.2em;
        width: auto;
        position: relative;
    }
}
@media (min-width: 768px) and (max-width: 786px) {
    #teNoviosSmallToMid .wrap.a {
        position: relative;
        top: 0.35em;
        height: 19.6em;
        overflow: hidden;
    }
    #teNoviosSmallToMid .wrap.a img {
        height: 20em;
        width: auto;
        position: relative;
        left: -5em;
    }
}
@media (min-width: 787px) and (max-width: 790px) {
    #teNoviosSmallToMid .wrap.a {
        position: relative;
        top: 0.35em;
        height: 17.8em;
        overflow: hidden;
    }
    #teNoviosSmallToMid .wrap.a img {
        height: 17.8em;
        width: auto;
        position: relative;
        left: -3.5em;
    }
}
@media (min-width: 791px) and (max-width: 829px) {
    #teNoviosSmallToMid .wrap.a img {
        left: -4.2em;
    }
}
@media (min-width: 830px) and (max-width: 859px) {
    #teNoviosSmallToMid .wrap.a img {
        left: -3.9em;
    }
}
@media (min-width: 860px) and (max-width: 899px) {
    #teNoviosSmallToMid .wrap.a img {
        left: -3.5em;
    }
}
@media (min-width: 900px) and (max-width: 929px) {
    #teNoviosSmallToMid .wrap.a img {
        left: -3em;
    }
}
@media (min-width: 930px) and (max-width: 964px) {
    #teNoviosSmallToMid .wrap.a img {
        left: -2em;
    }
}
@media (min-width: 791px) and (max-width: 964px) {
    #teNoviosSmallToMid .wrap.a {
        position: relative;
        top: 0.35em;
        height: 16em;
        overflow: hidden;
    }
    #teNoviosSmallToMid .wrap.a img {
        height: 19em;
        width: auto;
        position: relative;
    }
}
@media (min-width: 965px) and (max-width: 991px) {
    #teNoviosSmallToMid .wrap.a {
        position: relative;
        top: 0.35em;
        height: 14.2em;
        overflow: hidden;
    }
    #teNoviosSmallToMid .wrap.a img {
        height: 18.2em;
        width: auto;
        position: relative;
        left: -1em;
    }
}
@media (min-width: 768px) and (max-width: 823px) {
    #teAdultSmallToMid .wrap {
        position: relative;
        top: 0.35em;
        height: 21.3em;
        overflow: hidden;
    }
    #teAdultSmallToMid .wrap img {
        height: 23.4em;
        width: auto;
        position: relative;
        left: -2em;
    }
}
@media (min-width: 824px) and (max-width: 832px) {
    #teAdultSmallToMid .wrap {
        position: relative;
        top: 0.35em;
        height: 19.6em;
        overflow: hidden;
    }
    #teAdultSmallToMid .wrap img {
        height: 21.4em;
        width: auto;
        position: relative;
    }
}
@media (min-width: 833px) and (max-width: 884px) {
    #teAdultSmallToMid .wrap {
        position: relative;
        top: 0.35em;
        height: 17.7em;
        overflow: hidden;
    }
    #teAdultSmallToMid .wrap img {
        height: 29em;
        width: auto;
        position: relative;
        top: -11em;
        left: -3em;
    }
}
@media (min-width: 885px) and (max-width: 972px) {
    #teAdultSmallToMid .wrap {
        position: relative;
        top: 0.35em;
        height: 16em;
        overflow: hidden;
    }
    #teAdultSmallToMid .wrap img {
        height: 29em;
        width: auto;
        position: relative;
        top: -11em;
        left: -3em;
    }
}
@media (min-width: 973px) and (max-width: 991px) {
    #teAdultSmallToMid .wrap {
        position: relative;
        top: 0.35em;
        height: 16em;
        overflow: hidden;
    }
    #teAdultSmallToMid .wrap img {
        height: 27em;
        width: auto;
        position: relative;
        top: -11em;
    }
}
@media (min-width: 768px) and (max-width: 787px) {
    #teAdoleSmallToMid .wrap.d {
        position: relative;
        top: 0.45em;
        height: 15.8em;
        overflow: hidden;
    }
    #teAdoleSmallToMid .wrap.d img {
        height: 16em;
        width: auto;
        position: relative;
    }
}
@media (min-width: 788px) and (max-width: 849px) {
    #teAdoleSmallToMid .wrap.d {
        position: relative;
        top: 0.3em;
        height: 14.15em;
        overflow: hidden;
    }
    #teAdoleSmallToMid .wrap.d img {
        height: 14.5em;
        width: auto;
        position: relative;
    }
}
@media (min-width: 850px) and (max-width: 991px) {
    #teAdoleSmallToMid .wrap.d {
        position: relative;
        top: 0.3em;
        height: 12.35em;
        overflow: hidden;
    }
    #teAdoleSmallToMid .wrap.d img {
        height: 13em;
        width: auto;
        position: relative;
    }
}
@media (min-width: 850px) and (max-width: 991px) {
    #teAdoleSmallToMid .wrap.d {
        position: relative;
        top: 0.3em;
        height: 12.35em;
        overflow: hidden;
    }
    #teAdoleSmallToMid .wrap.d img {
        height: 13em;
        width: auto;
        position: relative;
    }
}
@media (min-width: 768px) and (max-width: 873px) {
    #teAdoleSmallToMid .wrap.c {
        position: relative;
        top: 0.45em;
        height: 21.9em;
        overflow: hidden;
    }
    #teAdoleSmallToMid .wrap.c img {
        height: 22em;
        width: auto;
        position: relative;
        left: -4em;
    }
}
@media (min-width: 874px) and (max-width: 950px) {
    #teAdoleSmallToMid .wrap.c {
        position: relative;
        top: 0.45em;
        height: 20.1em;
        overflow: hidden;
    }
    #teAdoleSmallToMid .wrap.c img {
        height: 20.2em;
        width: auto;
        position: relative;
        left: -1em;
    }
}
@media (min-width: 951px) and (max-width: 963px) {
    #teAdoleSmallToMid .wrap.c {
        position: relative;
        top: 0.45em;
        height: 18.4em;
        overflow: hidden;
    }
    #teAdoleSmallToMid .wrap.c img {
        height: auto;
        width: 100%;
        position: relative;
    }
}
@media (min-width: 964px) and (max-width: 991px) {
    #teAdoleSmallToMid .wrap.c {
        position: relative;
        top: 0.35em;
        height: 16.7em;
        overflow: hidden;
    }
    #teAdoleSmallToMid .wrap.c img {
        height: auto;
        width: 100%;
        position: relative;
    }
}
@media (min-width: 768px) and (max-width: 861px) {
    #teAdoleSmallToMid .wrap.b {
        position: relative;
        top: 0.35em;
        height: 21.3em;
        overflow: hidden;
    }
    #teAdoleSmallToMid .wrap.b img {
        height: 21.5em;
        width: auto;
        position: relative;
    }
}
@media (min-width: 862px) and (max-width: 862px) {
    #teAdoleSmallToMid .wrap.b {
        position: relative;
        top: 0.35em;
        height: 19.6em;
        overflow: hidden;
    }
    #teAdoleSmallToMid .wrap.b img {
        height: 20em;
        width: auto;
        position: relative;
    }
}
@media (min-width: 768px) and (max-width: 839px) {
    #teAdoleSmallToMid .wrap.b img {
        left: -11em;
    }
}
@media (min-width: 840px) and (max-width: 862px) {
    #teAdoleSmallToMid .wrap.b img {
        left: -8em;
    }
}
@media (min-width: 863px) and (max-width: 874px) {
    #teAdoleSmallToMid .wrap.b img {
        left: -5em;
    }
}
@media (min-width: 863px) and (max-width: 984px) {
    #teAdoleSmallToMid .wrap.b {
        position: relative;
        top: 0.35em;
        height: 17.75em;
        overflow: hidden;
    }
    #teAdoleSmallToMid .wrap.b img {
        height: 18em;
        width: auto;
        position: relative;
        left: -5em;
    }
}
@media (min-width: 985px) and (max-width: 991px) {
    #teAdoleSmallToMid .wrap.b {
        position: relative;
        top: 0.35em;
        height: 16em;
        overflow: hidden;
    }
    #teAdoleSmallToMid .wrap.b img {
        height: 16em;
        width: auto;
        position: relative;
        left: -3em;
    }
}
@media (min-width: 768px) and (max-width: 780px) {
    #teAdoleSmallToMid .wrap.a {
        position: relative;
        top: 0.35em;
        height: 28.45em;
        overflow: hidden;
    }
    #teAdoleSmallToMid .wrap.a img {
        height: 28.9em;
        width: auto;
        position: relative;
        left: -16em;
    }
}
@media (min-width: 781px) and (max-width: 794px) {
    #teAdoleSmallToMid .wrap.a img {
        left: -15em;
    }
}
@media (min-width: 795px) and (max-width: 809px) {
    #teAdoleSmallToMid .wrap.a img {
        left: -13em;
    }
}
@media (min-width: 781px) and (max-width: 809px) {
    #teAdoleSmallToMid .wrap.a {
        position: relative;
        top: 0.35em;
        height: 26.6em;
        overflow: hidden;
    }
    #teAdoleSmallToMid .wrap.a img {
        height: 27em;
        width: auto;
        position: relative;
    }
}
@media (min-width: 810px) and (max-width: 831px) {
    #teAdoleSmallToMid .wrap.a img {
        left: -11.5em;
    }
}
@media (min-width: 832px) and (max-width: 855px) {
    #teAdoleSmallToMid .wrap.a img {
        left: -10.5em;
    }
}
@media (min-width: 810px) and (max-width: 855px) {
    #teAdoleSmallToMid .wrap.a {
        position: relative;
        top: 0.35em;
        height: 24.8em;
        overflow: hidden;
    }
    #teAdoleSmallToMid .wrap.a img {
        height: 25em;
        width: auto;
        position: relative;
    }
}
@media (min-width: 856px) and (max-width: 857px) {
    #teAdoleSmallToMid .wrap.a {
        position: relative;
        top: 0.35em;
        height: 21.3em;
        overflow: hidden;
    }
    #teAdoleSmallToMid .wrap.a img {
        height: 21.5em;
        width: auto;
        position: relative;
        left: -7.5em
    }
}
@media (min-width: 858px) and (max-width: 899px) {
    #teAdoleSmallToMid .wrap.a img {
        left: -4em;
    }
}
@media (min-width: 900px) and (max-width: 949px) {
    #teAdoleSmallToMid .wrap.a img {
        left: -2em;
    }
}
@media (min-width: 858px) and (max-width: 991px) {
    #teAdoleSmallToMid .wrap.a {
        position: relative;
        top: 0.35em;
        height: 21.3em;
        overflow: hidden;
    }
    #teAdoleSmallToMid .wrap.a img {
        height: 21.5em;
        width: auto;
        position: relative;
    }
}
@media (min-width: 375px) and (max-width: 454px) {
    #tePaSmall .linkMas.b {
        margin-left: 0 !important;
        content: '\A'; white-space: pre;
    }
}
@media (min-width: 768px) and (max-width: 798px) {
    #tePaSmallToMid .wrap.c {
        height: 24.2em;
        overflow: hidden;
        margin-bottom: 1em;
        position: relative;
        top: 0.35em;
    }
    #tePaSmallToMid .wrap.c img {
        height: 24.5em;
        width: auto;
        position: relative;
        top: 0;
    }
    #tePaSmallToMid .containerLeerMas.a {
        height: 25em;
    }
}
@media (min-width: 799px) and (max-width: 933px) {
    #tePaSmallToMid .wrap.c {
        height: 22.4em;
        overflow: hidden;
        margin-bottom: 1em;
        position: relative;
        top: 0.35em;
    }
    #tePaSmallToMid .wrap.c img {
        height: 23em;
        width: auto;
        position: relative;
        top: 0;
    }
    #tePaSmallToMid .containerLeerMas.a {
        height: 24em;
    }
}
@media (min-width: 768px) and (max-width: 799px) {
    #tePaSmallToMid .wrap.c img {
        left: -8em;
    }
}
@media (min-width: 800px) and (max-width: 849px) {
    #tePaSmallToMid .wrap.c img {
        left: -5em;
    }
}
@media (min-width: 850px) and (max-width: 899px) {
    #tePaSmallToMid .wrap.c img {
        left: -3em;
    }
}
@media (min-width: 900px) and (max-width: 991px) {
    #tePaSmallToMid .wrap.c img {
        left: -1em;
    }
}
@media (min-width: 934px) and (max-width: 991px) {
    #tePaSmallToMid .wrap.c {
        height: 20.5em;
        overflow: hidden;
        margin-bottom: 1em;
        position: relative;
        top: 0.35em;
    }
    #tePaSmallToMid .wrap.c img {
        height: 21em;
        width: auto;
        position: relative;
        top: 0;
    }
    #tePaSmallToMid .containerLeerMas.a {
        height: 22em;
    }
}
@media (min-width: 768px) and (max-width: 840px) {
    #tePaSmallToMid .wrap.b {
        height: 19.55em;
        overflow: hidden;
        margin-bottom: 1em;
        position: relative;
        top: 0.35em;
    }
    #tePaSmallToMid .wrap.b img {
        height: 21.5em;
        width: auto;
        position: relative;
        top: 0;
    }
}
@media (min-width: 841px) and (max-width: 854px) {
    #tePaSmallToMid .wrap.b {
        height: 17.7em;
        overflow: hidden;
        margin-bottom: 1em;
        position: relative;
        top: 0.35em;
    }
    #tePaSmallToMid .wrap.b img {
        height: 21.5em;
        width: auto;
        position: relative;
        top: 0;
    }
}
@media (min-width: 855px) and (max-width: 862px) {
    #tePaSmallToMid .wrap.b {
        height: 17.7em;
        overflow: hidden;
        margin-bottom: 1em;
        position: relative;
        top: 0.35em;
    }
    #tePaSmallToMid .wrap.b img {
        height: 20em;
        width: auto;
        position: relative;
        top: 0;
    }
}
@media (min-width: 768px) and (max-width: 799px) {
    #tePaSmallToMid .wrap.b img {
        left: -7em;
    }
}
@media (min-width: 800px) and (max-width: 839px) {
    #tePaSmallToMid .wrap.b img {
        left: -5em;
    }
}
@media (min-width: 840px) and (max-width: 869px) {
    #tePaSmallToMid .wrap.b img {
        left: -2em;
    }
}
@media (min-width: 870px) and (max-width: 900px) {
    #tePaSmallToMid .wrap.b img {
        left: -1em;
    }
}
@media (min-width: 863px) and (max-width: 991px) {
    #tePaSmallToMid .wrap.b {
        height: 16em;
        overflow: hidden;
        margin-bottom: 1em;
        position: relative;
        top: 0.35em;
    }
    #tePaSmallToMid .wrap.b img {
        height: 18em;
        width: auto;
        position: relative;
        top: 0;
    }
}




@media (min-width: 320px) and (max-width: 418px) {
    #teNinosSmall .linkMas.d {
        margin-left: 0 !important;
        content: '\A'; white-space: pre;
    }
}
@media (min-width: 320px) and (max-width: 467px) {
    #teNinosSmall .linkMas.a {
        margin-left: 0 !important;
        content: '\A' !important; white-space: pre;
    }
}
@media (min-width: 320px) and (max-width: 515px) {
    #teNinosSmall .linkMas.c {
        margin-left: 0 !important;
        content: '\A'; white-space: pre;
    }
}
@media (min-width: 320px) and (max-width: 531px) {
    #teNinosSmall .linkMas.b {
        margin-left: 0 !important;
        content: '\A'; white-space: pre;
    }
}
@media (min-width: 944px) and (max-width: 991px) {
    #teNinosSmallToMid .linkMas.b {
        margin-left: 0 !important;
        content: '\A'; white-space: pre;
    }
}
@media (min-width: 705px) and (max-width: 750px) {
    #teNinosSmall .linkMas.d {
        margin-left: 0 !important;
        content: '\A'; white-space: pre;
    }
}
@media (min-width: 768px) and (max-width: 789px) {
    #teNinosSmallToMid .linkMas.d {
        margin-left: 0 !important;
        content: '\A'; white-space: pre;
    }
}
@media (min-width: 768px) and (max-width: 809px) {
    #teNinosSmallToMid .wrap img {
        left: -7em;
    }
}
@media (min-width: 810px) and (max-width: 855px) {
    #teNinosSmallToMid .wrap img {
        left: -6.5em;
    }
}
@media (min-width: 856px) and (max-width: 897px) {
    #teNinosSmallToMid .wrap img {
        left: -6em;
    }
}
@media (min-width: 898px) and (max-width: 909px) {
    #teNinosSmallToMid .wrap img {
        left: -5.5em;
    }
}
@media (min-width: 910px) and (max-width: 959px) {
    #teNinosSmallToMid .wrap img {
        left: -4.5em;
    }
}
@media (min-width: 960px) and (max-width: 985px) {
    #teNinosSmallToMid .wrap img {
        left: -3.5em;
    }
}
@media (min-width: 986px) and (max-width: 991px) {
    #teNinosSmallToMid .wrap img {
        left: -2.8em;
    }
}
@media (min-width: 768px) and (max-width: 897px) {
    #teNinosSmallToMid .wrap {
        height: 14.8em;
        overflow: hidden;
        position: relative;
        top: 0.4em;
    }
    #teNinosSmallToMid .wrap img {
        height: 19.2em;
        width: auto;
        position: relative;
    }
}
@media (min-width: 898px) and (max-width: 991px) {
    #teNinosSmallToMid .wrap {
        height: 13.05em;
        overflow: hidden;
        position: relative;
        top: 0.4em;
    }
    #teNinosSmallToMid .wrap img {
        height: 17.5em;
        width: auto;
        position: relative;
        top: -1em;
    }
}
@media (min-width: 784px) and (max-width: 799px) {
    #teNinosSmallToMid .containerLeerMas .wrapB img {
        left: -6em;
    }
}
@media (min-width: 800px) and (max-width: 845px) {
    #teNinosSmallToMid .containerLeerMas .wrapB img {
        left: -5em;
    }
}
@media (min-width: 768px) and (max-width: 824px) {
    #teNinosSmallToMid .containerLeerMas .wrapB {
        height: 24.8em;
        overflow: hidden;
        position: relative;
        top: 0.3em;
    }
    #teNinosSmallToMid .containerLeerMas .wrapB img {
        height: 28em;
        width: auto;
        position: relative;
        left: -21em;
        top: -0.5em;
    }
}
@media (min-width: 825px) and (max-width: 845px) {
    #teNinosSmallToMid .containerLeerMas .wrapB {
        height: 23.15em;
        overflow: hidden;
        position: relative;
        top: 0.3em;
    }
    #teNinosSmallToMid .containerLeerMas .wrapB img {
        height: 23.3em;
        width: auto;
        position: relative;
        left: -5em;
    }
}
@media (min-width: 846px) and (max-width: 963px) {
    #teNinosSmallToMid .containerLeerMas .wrapB {
        height: 21.25em;
        overflow: hidden;
        position: relative;
        top: 0.3em;
    }
    #teNinosSmallToMid .containerLeerMas .wrapB img {
        height: 21.5em;
        width: auto;
        position: relative;
        left: -1.5em;
    }
}
@media (min-width: 964px) and (max-width: 986px) {
    #teNinosSmallToMid .containerLeerMas .wrapB {
        height: 19.55em;
        overflow: hidden;
        position: relative;
        top: 0.3em;
    }
    #teNinosSmallToMid .containerLeerMas .wrapB img {
        height: auto;
        width: 100%;
        position: relative;
        top: -0.2em;
    }
}
@media (min-width: 987px) and (max-width: 991px) {
    #teNinosSmallToMid .containerLeerMas .wrapB {
        height: 17.75em;
        overflow: hidden;
        position: relative;
        top: 0.3em;
    }
    #teNinosSmallToMid .containerLeerMas .wrapB img {
        height: auto;
        width: 100%;
        position: relative;
        top: -0.2em;
    }
}
@media (min-width: 700px) and (max-width: 740px) and (min-height: 1260px) and (max-height: 1300px) {
    #servsCuadros {
        margin-top: 8.5em;
    }
}
@media (min-width: 750px) and (max-width: 800px) and (min-height: 1000px) and (max-height: 1035px) {
    #servsCuadros {
        margin-top: 8.5em;
    }
}
@media (min-width: 780px) and (max-width: 820px) and (min-height: 1250px) and (max-height: 1310px) {
    #servsCuadros {
        margin-top: 15.5em;
    }
}
@media (min-width: 1000px) and (max-width: 1100px) and (max-height: 800px) {
    #servsCuadros {
        margin-top: 3em;
    }
}
@media (min-width: 1000px) and (max-width: 1060px) and (min-height: 1320px) and (max-height: 1390px) {
    #servsCuadros {
        margin-top: 25em;
    }
}
@media (min-width: 1200px) and (max-width: 1300px) and (min-height: 950px) {
    #servsCuadros {
        margin-top: 10em;
    }
}
@media (min-width: 1200px) and (max-width: 1300px) and (max-height: 850px) {
    #servsCuadros {
        margin-top: 5em;
    }
}
@media (min-width: 1320px) and (max-width: 1390px) and (min-height: 1000px) and (max-height: 1060px) {
    #servsCuadros {
        margin-top: 10em;
    }
}
@media (min-width: 1400px) and (max-width: 1500px) {
    #servsCuadros {
        margin-top: 7em;
    }
}
@media (min-width: 1500px) and (max-width: 1600px) and (min-height: 800px) and (max-height: 900px) {
    #servsCuadros {
        margin-top: 6em;
    }
}
@media (min-width: 1580px) and (max-width: 1650px) {
    #servsCuadros {
        margin-top: 7em;
    }
}
@media (min-width: 1620px) and (max-width: 1720px) and (min-height: 1000px) and (max-height: 1100px) {
    #servsCuadros {
        margin-top: 10em;
    }
}
@media (min-width: 1850px) {
    #servsCuadros {
        margin-top: 13em;
    }
}
/*----------------------Fin Servicios------------------------*/
/*----------------------Fin Servicios------------------------*/
/*----------------------Fin Servicios------------------------*/
/*----------------------Fin Servicios------------------------*/
/*----------------------Fin Servicios------------------------*/
/*----------------------Fin Servicios------------------------*/
/*----------------------Fin Servicios------------------------*/
/*----------------------Fin Servicios------------------------*/













/*----------------------Jumbotron Cover------------------------*/
/*----------------------Jumbotron Cover------------------------*/
/*----------------------Jumbotron Cover------------------------*/
/*----------------------Jumbotron Cover------------------------*/
/*----------------------Jumbotron Cover------------------------*/
/*----------------------Jumbotron Cover------------------------*/
/*----------------------Jumbotron Cover------------------------*/
/*----------------------Jumbotron Cover------------------------*/
/*----------------------Jumbotron Cover------------------------*/
.jumbotron {
    background-color: transparent;
    margin-bottom: 0;
    margin-top: 35em;
    width: 100%;
    height: 100vh;
}
.parallax.active {
    background-image: url("../img/cover.jpg");
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}
@media (min-width: 768px) {
    .parallax.active {
        background-attachment: fixed;
    }
}
.parallax {
    /* The image used */
    /*background-image: url("../img/cover.jpg");*/
    /* Full height */
    height: 100%;

    /* Create the parallax scrolling effect */


    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}
.aCent {
    text-transform: uppercase;
    color: #fff;
    text-align: center;
    font-size: 2.7em;
    text-shadow: 2px 2px #272822;
}



/*----------------------Terapia Sistémica------------------------*/
/*----------------------Terapia Sistémica------------------------*/
/*----------------------Terapia Sistémica------------------------*/
/*----------------------Terapia Sistémica------------------------*/
/*----------------------Terapia Sistémica------------------------*/
/*----------------------Terapia Sistémica------------------------*/
/*----------------------Terapia Sistémica------------------------*/
/*----------------------Terapia Sistémica------------------------*/
/*----------------------Terapia Sistémica------------------------*/
#tSis a {
    text-decoration: none !important;
}
#tSis {
    margin-bottom: 12em;
}
@media (min-width: 780px) and (max-width: 820px) and (min-height: 1250px) and (max-height: 1310px) {
    #tSis .contenedorTodo {
        margin-top: 4em;
    }
}
@media (min-width: 1000px) and (max-width: 1060px) and (min-height: 1320px) and (max-height: 1390px) {
    #tSis .contenedorTodo {
        margin-top: 11em;
        margin-bottom: 4em;
    }
}
@media (min-width: 1200px) and (max-width: 1300px) and (min-height: 950px) {
    #tSis .contenedorTodo {
        margin-top: 7em;
    }
}
@media (min-width: 1320px) and (max-width: 1390px) and (min-height: 1000px) and (max-height: 1060px) {
    #tSis .contenedorTodo {
        margin-top: 6em;
    }
}
@media (min-width: 1400px) and (max-width: 1500px) {
    #tSis .contenedorTodo {
        margin-top: 3em;
    }
}
@media (min-width: 1580px) and (max-width: 1650px) {
    #tSis .contenedorTodo {
        margin-top: 3em;
    }
}
@media (min-width: 1620px) and (max-width: 1720px) and (min-height: 1000px) and (max-height: 1100px) {
    #tSis .contenedorTodo {
        margin-top: 7em;
    }
}
@media (min-width: 1850px) {
    #tSis .contenedorTodo {
        margin-top: 7em;
    }
}
@media (min-width: 1200px) {
    #tSis {
        padding-top: 1px;
    }
}
#tSis .lineaTsis {
    height: 2px;
    width: 50%;
    border-top-style: solid;
    border-top-width: 1px;
    border-top-color: #60615E;
    position: relative;
    left: 0;
    right: 0;
    margin: 0 auto;
    margin-bottom: 3em;
    opacity: 0.3;
}
#tSis h1 {
    text-align: center;
    margin-bottom: 1.5em;
}
#tSis p {
    text-align: justify;
    font-size: 1.3em;
}
#tSis img {
    width: 100%;
    height: auto;
}
@media (max-width: 322px) {
    #tSis .refeContainer {
        height: 28em;
    }
}
@media (min-width: 323px) and (max-width: 359px) {
    #tSis .refeContainer {
        height: 28em;
    }
}
@media (min-width: 360px) and (max-width: 476px) {
    #tSis .refeContainer {
        height: 26em;
    }
}
@media (min-width: 477px) and (max-width: 599px) {
    #tSis .refeContainer {
        height: 18em;
    }
}
@media (min-width: 600px) {
    #tSis .refeContainer.active {
        height: 15em;
    }
}
#tSis .refeContainer {
    overflow: hidden;
    width: 100%;
}
#tSis .referTsis:hover {
    cursor: pointer;
}
#tSis .referenDiv {

}
@media (max-width: 767px) {
    #tSisSmalltoMid, #tSisMidtoBig, #tSisBig {
        position: absolute;
        visibility: hidden;
        display: none;
        z-index: -10;
    }
    #tSisSmall .wrap {
        margin-bottom: 0.7em;
    }
    .container#tSis {
        margin-bottom: 10em;
    }
}
@media (min-width: 768px) and (max-width: 991px) {
    #tSisSmall, #tSisMidtoBig, #tSisBig {
        position: absolute;
        visibility: hidden;
        display: none;
        z-index: -10;
    }
    #tSisSmalltoMid .wrap {
        overflow: hidden;
        height: 25.5em;
        position: relative;
        top: 0.35em;
    }
    #tSisSmalltoMid img {
        height: 26em;
        width: auto;
    }
    .container#tSis {
        margin-bottom: 10em;
    }
}
@media (min-width: 992px) and (max-width: 1199px) {
    #tSisSmall, #tSisSmalltoMid, #tSisBig {
        position: absolute;
        visibility: hidden;
        display: none;
        z-index: -10;
    }
    #tSisMidtoBig .wrap {
        overflow: hidden;
        height: 33.5em;
        position: relative;
        top: 0.2em;
    }
    #tSisMidtoBig img {
        height: 34em;
        width: auto;
    }
    .container#tSis {
        margin-bottom: 10em;
    }
}
@media (min-width: 1200px) {
    #tSisSmall, #tSisSmalltoMid, #tSisMidtoBig {
        position: absolute;
        visibility: hidden;
        display: none;
        z-index: -10;
    }
    #tSisBig .wrap {
        position: relative;
        top: 0.3em;
        overflow: hidden;
        height: 26.3em;
    }
    #tSisBig img {
        height: auto;
        width: 100%;
        position: relative;
        top: -2em;
    }

}
@media (min-height: 900px) {
    .container#tSis {
        margin-bottom: 24em !important;
    }
}
#tSis .btnLeerMasTsis {
    text-decoration: none;
    color: #6495ED !important;
    font-size: 1.2em !important;
 }
#tSis .btnLeerMasTsis:hover {
    color: #7B68EE;
    cursor: pointer;
}
#tSis .contHideMasTsis {
    margin-top: 1em;
}













/*----------------------Bio------------------------*/
/*----------------------Bio------------------------*/
/*----------------------Bio------------------------*/
/*----------------------Bio------------------------*/
/*----------------------Bio------------------------*/
/*----------------------Bio------------------------*/
/*----------------------Bio------------------------*/
@media (max-width: 767px) {
    .container.bioContainer {
        top: 6em;
        position: relative;
    }
}
@media (max-height: 819px) {
    #bioContainer {
        margin-top: 20em;
    }
}
@media (min-height: 820px) and (max-height: 890px) {
    #bioContainer {
        margin-top: 23em;
    }
}
@media (min-height: 891px) and (max-height: 1000px) {
    #bioContainer {
        margin-top: 33em;
    }
}
@media (min-height: 1001px) and (min-width: 900px) {
    #bioContainer {
        margin-top: 44em;
    }
}
@media (min-width: 750px) and (max-width: 800px) and (min-height: 1000px) and (max-height: 1035px) {
    #bioContainer {
        margin-top: 25em !important;
    }
}
.bio {
    text-align: center;
    position: relative;
    font-size: 1.3em;
}
.bio h3 {
    margin-bottom: 0;
}
#bioContainer .semicontainer {
    min-height: 500px;
    overflow-x: hidden;
}
.bio .linea {
    height: 1px;
    border-bottom-style: solid;
    border-bottom-color: #000;
    border-bottom-width: 1px;
    position: relative;
    left: 0;
    right: 0;
    margin: 0 auto;
    margin-top: 1em;
    margin-bottom: 0.5em
}
#bioContainer .btnBio, #bioContainer .btnExpAtras {
    background-color: transparent;
    border-radius: 0;
    border-color: #000;
}
#bioContainer .btnBio:hover, #bioContainer .btnExpAtras:hover {
    border-color: #64A2F2;
    color: #64A2F2;
    cursor: pointer;
}
#bioContainer .conBtn {
    text-align: center;
}
#bioContainer .superpuesta {
    position: relative;
}
.containerPics {
    position: relative;
}
#bioContainer .contInfoBio ul {
    padding-left: 0;
}
#bioContainer .contInfoBio li {
    list-style-type: circle !important;
}
#bioContainer .contInfoBio {
    position: absolute;
    font-size: 1em;
    top: 1em;
    text-align: justify;
}
#bioContainer a {
    text-decoration: none !important;
}
#bioContainer a .strong {
    font-weight: 600;
}
@media (min-width: 300px) and (max-width: 340px) {
    #bioContainer .conBtn button.btnBio.active {
        top: 15em;
        -webkit-animation: btnBioActive 0.5s ease-in-out;
                animation: btnBioActive 0.5s ease-in-out;
    }
    @-webkit-keyframes btnBioActive {
        0%{top: 0;}
        100%{top: 15em;}
    }
    @keyframes btnBioActive {
        0%{top: 0;}
        100%{top: 15em;}
    }
    #bioContainer .conBtn button.btnBio.inactive {
        top: 0;
        -webkit-animation: btnBioInActive 0.85s ease-in-out;
                animation: btnBioInActive 0.85s ease-in-out;
    }
    @-webkit-keyframes btnBioInActive {
        0%{top: 15em;}
        100%{top: 0;}
    }
    @keyframes btnBioInActive {
        0%{top: 15em;}
        100%{top: 0;}
    }
}
@media (min-width: 341px) and (max-width: 360px) {
    #bioContainer .conBtn button.btnBio.active {
        top: 12em;
        -webkit-animation: btnBioActive 0.5s ease-in-out;
                animation: btnBioActive 0.5s ease-in-out;
    }
    @-webkit-keyframes btnBioActive {
        0%{top: 0;}
        100%{top: 12em;}
    }
    @keyframes btnBioActive {
        0%{top: 0;}
        100%{top: 12em;}
    }
    #bioContainer .conBtn button.btnBio.inactive {
        top: 0;
        -webkit-animation: btnBioInActive 0.85s ease-in-out;
                animation: btnBioInActive 0.85s ease-in-out;
    }
    @-webkit-keyframes btnBioInActive {
        0%{top: 12em;}
        100%{top: 0;}
    }
    @keyframes btnBioInActive {
        0%{top: 12em;}
        100%{top: 0;}
    }
}
@media (min-width: 361px) and (max-width: 380px) {
    #bioContainer .conBtn button.btnBio.active {
        top: 10em;
        -webkit-animation: btnBioActive 0.5s ease-in-out;
                animation: btnBioActive 0.5s ease-in-out;
    }
    @-webkit-keyframes btnBioActive {
        0%{top: 0;}
        100%{top: 10em;}
    }
    @keyframes btnBioActive {
        0%{top: 0;}
        100%{top: 10em;}
    }
    #bioContainer .conBtn button.btnBio.inactive {
        top: 0;
        -webkit-animation: btnBioInActive 0.85s ease-in-out;
                animation: btnBioInActive 0.85s ease-in-out;
    }
    @-webkit-keyframes btnBioInActive {
        0%{top: 10em;}
        100%{top: 0;}
    }
    @keyframes btnBioInActive {
        0%{top: 10em;}
        100%{top: 0;}
    }
}
@media (min-width: 381px) and (max-width: 400px) {
    #bioContainer .conBtn button.btnBio.active {
        top: 10em;
        -webkit-animation: btnBioActive 0.5s ease-in-out;
                animation: btnBioActive 0.5s ease-in-out;
    }
    @-webkit-keyframes btnBioActive {
        0%{top: 0;}
        100%{top: 10em;}
    }
    @keyframes btnBioActive {
        0%{top: 0;}
        100%{top: 10em;}
    }
    #bioContainer .conBtn button.btnBio.inactive {
        top: 0;
        -webkit-animation: btnBioInActive 0.85s ease-in-out;
                animation: btnBioInActive 0.85s ease-in-out;
    }
    @-webkit-keyframes btnBioInActive {
        0%{top: 10em;}
        100%{top: 0;}
    }
    @keyframes btnBioInActive {
        0%{top: 10em;}
        100%{top: 0;}
    }
}
@media (min-width: 401px) and (max-width: 420px) {
    #bioContainer .conBtn button.btnBio.active {
        top: 8em;
        -webkit-animation: btnBioActive 0.5s ease-in-out;
                animation: btnBioActive 0.5s ease-in-out;
    }
    @-webkit-keyframes btnBioActive {
        0%{top: 0;}
        100%{top: 8em;}
    }
    @keyframes btnBioActive {
        0%{top: 0;}
        100%{top: 8em;}
    }
    #bioContainer .conBtn button.btnBio.inactive {
        top: 0;
        -webkit-animation: btnBioInActive 0.85s ease-in-out;
                animation: btnBioInActive 0.85s ease-in-out;
    }
    @-webkit-keyframes btnBioInActive {
        0%{top: 8em;}
        100%{top: 0;}
    }
    @keyframes btnBioInActive {
        0%{top: 8em;}
        100%{top: 0;}
    }
}
@media (min-width: 421px) and (max-width: 440px) {
    #bioContainer .conBtn button.btnBio.active {
        top: 6em;
        -webkit-animation: btnBioActive 0.5s ease-in-out;
                animation: btnBioActive 0.5s ease-in-out;
    }
    @-webkit-keyframes btnBioActive {
        0%{top: 0;}
        100%{top: 6em;}
    }
    @keyframes btnBioActive {
        0%{top: 0;}
        100%{top: 6em;}
    }
    #bioContainer .conBtn button.btnBio.inactive {
        top: 0;
        -webkit-animation: btnBioInActive 0.85s ease-in-out;
                animation: btnBioInActive 0.85s ease-in-out;
    }
    @-webkit-keyframes btnBioInActive {
        0%{top: 6em;}
        100%{top: 0;}
    }
    @keyframes btnBioInActive {
        0%{top: 6em;}
        100%{top: 0;}
    }
}
@media (min-width: 441px) and (max-width: 460px) {
    #bioContainer .conBtn button.btnBio.active {
        top: 4em;
        -webkit-animation: btnBioActive 0.5s ease-in-out;
                animation: btnBioActive 0.5s ease-in-out;
    }
    @-webkit-keyframes btnBioActive {
        0%{top: 0;}
        100%{top: 4em;}
    }
    @keyframes btnBioActive {
        0%{top: 0;}
        100%{top: 4em;}
    }
    #bioContainer .conBtn button.btnBio.inactive {
        top: 0;
        -webkit-animation: btnBioInActive 0.85s ease-in-out;
                animation: btnBioInActive 0.85s ease-in-out;
    }
    @-webkit-keyframes btnBioInActive {
        0%{top: 4em;}
        100%{top: 0;}
    }
    @keyframes btnBioInActive {
        0%{top: 4em;}
        100%{top: 0;}
    }
}
@media (min-width: 461px) and (max-width: 500px) {
    #bioContainer .conBtn button.btnBio.active {
        top: 2.5em;
        -webkit-animation: btnBioActive 0.5s ease-in-out;
                animation: btnBioActive 0.5s ease-in-out;
    }
    @-webkit-keyframes btnBioActive {
        0%{top: 0;}
        100%{top: 2.5em;}
    }
    @keyframes btnBioActive {
        0%{top: 0;}
        100%{top: 2.5em;}
    }
    #bioContainer .conBtn button.btnBio.inactive {
        top: 0;
        -webkit-animation: btnBioInActive 0.85s ease-in-out;
                animation: btnBioInActive 0.85s ease-in-out;
    }
    @-webkit-keyframes btnBioInActive {
        0%{top: 2.5em;}
        100%{top: 0;}
    }
    @keyframes btnBioInActive {
        0%{top: 2.5em;}
        100%{top: 0;}
    }
}
@media (max-width: 797px) {
    .bio img.pic {
        width: 5em;
    }
    #bioContainer {
        min-height: 50em;
        font-size: 0.97em;
    }
    #bioContainer h3 {
        font-size: 1.1em;
    }
    #bioContainer h4 {
        font-size: 0.85em;
    }
    .bio .linea {
        width: 6em;
    }
    .containerPics.left {
        left: -105%;
        -webkit-animation: bioLeft 0.7s ease-in-out;
                animation: bioLeft 0.7s ease-in-out;
    }
    .containerPics.right {
        left: 0;
        -webkit-animation: bioRight 0.7s ease-in-out;
                animation: bioRight 0.7s ease-in-out;
    }
    @-webkit-keyframes bioLeft {
        0%{left: 0;}
        100%{left: -105%;}
    }
    @keyframes bioLeft {
        0%{left: 0;}
        100%{left: -105%;}
    }
    @-webkit-keyframes bioRight {
        0%{left: -105%;}
        100%{left: 0;}
    }
    @keyframes bioRight {
        0%{left: -105%;}
        100%{left: 0;}
    }
    #bioContainer .semicontainer {
        width: 100%;
        position: relative;
        min-height: 50em;
    }
    #bioContainer .contInfoBio {
        width: 80%;
    }
    #bioContainer .contInfoBio.a {
        right: -105%;
    }
    #bioContainer .contInfoBio.a.left, #bioContainer .contInfoBio.b.left {
        right: 20px;
        -webkit-animation: contInfoBioALeft 0.7s ease-in-out;
                animation: contInfoBioALeft 0.7s ease-in-out;
    }
    @-webkit-keyframes contInfoBioALeft {
        0%{right: -105%;}
        100%{right: 20px;}
    }
    @keyframes contInfoBioALeft {
        0%{right: -105%;}
        100%{right: 20px;}
    }
    #bioContainer .contInfoBio.a.right, #bioContainer .contInfoBio.b.right {
        right: -105%;
        -webkit-animation: contInfoBioARight 0.7s ease-in-out;
                animation: contInfoBioARight 0.7s ease-in-out;
    }
    @-webkit-keyframes contInfoBioARight {
        0%{right: 20px;}
        100%{right: -105%;}
    }
    @keyframes contInfoBioARight {
        0%{right: 20px;}
        100%{right: -105%;}
    }
    #bioContainer .contInfoBio.a ul {
        margin-top: 1em;
        font-size: 0.85em;
    }
    #bioContainer .contInfoBio.a li {
        margin-bottom: 0.2em;
    }
    #bioContainer .btnExpAtras {
        position: relative;
        right: 1em;
        float: right;
    }
    #bioContainer .contInfoBio {
        top: -1em;
    }
    #bioContainer .btnExpAtras.a {
        margin-top: 0.5em;
        font-size: 0.75em;
    }
    #bioContainer .btnExpAtras.b {
        margin-top: 0;
        position: relative;
        font-size: 0.75em;
    }
    #bioContainer .contInfoBio.b {
        right: -700px;
    }
    #bioContainer .contInfoBio.b p {
        font-size: 0.8em;
        line-height: 1.3em;
    }
    #bioContainer .conBtn button.btnBio {
        position: relative;
    }
}
@media (min-width: 768px) and (max-width: 991px) {
    .bio img.pic {
        width: 5em;
    }
    #bioContainer {
        min-height: 50em;
        font-size: 0.97em;
    }
    #bioContainer h3 {
        font-size: 1.1em;
    }
    #bioContainer h4 {
        font-size: 0.85em;
    }
    .bio .linea {
        width: 6em;
    }
    #bioContainer .fixer::before {
        content: "\A";
        white-space: pre;
    }
    .containerPics.left {
        left: -269px;
        -webkit-animation: bioLeft 0.7s ease-in-out;
                animation: bioLeft 0.7s ease-in-out;
    }
    .containerPics.right {
        left: 0;
        -webkit-animation: bioRight 0.7s ease-in-out;
                animation: bioRight 0.7s ease-in-out;
    }
    @-webkit-keyframes bioLeft {
        0%{left: 0;}
        100%{left: -269px;}
    }
    @keyframes bioLeft {
        0%{left: 0;}
        100%{left: -269px;}
    }
    @-webkit-keyframes bioRight {
        0%{left: -269px;}
        100%{left: 0;}
    }
    @keyframes bioRight {
        0%{left: -269px;}
        100%{left: 0;}
    }
    #bioContainer .semicontainer {
        width: 721px;
    }
    #bioContainer .contInfoBio {
        width: 490px;
    }
    #bioContainer .contInfoBio.a {
        right: -700px;
    }
    #bioContainer .contInfoBio.a.left, #bioContainer .contInfoBio.b.left {
        right: 20px;
        -webkit-animation: contInfoBioALeft 0.7s ease-in-out;
                animation: contInfoBioALeft 0.7s ease-in-out;
    }
    @-webkit-keyframes contInfoBioALeft {
        0%{right: -700px;}
        100%{right: 20px;}
    }
    @keyframes contInfoBioALeft {
        0%{right: -700px;}
        100%{right: 20px;}
    }
    #bioContainer .contInfoBio.a.right, #bioContainer .contInfoBio.b.right {
        right: -700px;
        -webkit-animation: contInfoBioARight 0.7s ease-in-out;
                animation: contInfoBioARight 0.7s ease-in-out;
    }
    @-webkit-keyframes contInfoBioARight {
        0%{right: 20px;}
        100%{right: -700px;}
    }
    @keyframes contInfoBioARight {
        0%{right: 20px;}
        100%{right: -700px;}
    }
    #bioContainer .contInfoBio.a ul {
        margin-top: 1em;
        font-size: 0.85em;
    }
    #bioContainer .contInfoBio.a li {
        margin-bottom: 0.2em;
    }
    #bioContainer .btnExpAtras {
        position: relative;
        right: 1em;
        float: right;
    }
    #bioContainer .btnExpAtras.a {
        margin-top: 0.5em;
        font-size: 0.75em;
    }
    #bioContainer .btnExpAtras.b {
        margin-top: 0;
        position: relative;
        top: -1em;
        font-size: 0.75em;
    }
    #bioContainer .contInfoBio.b {
        right: -700px;
    }
    #bioContainer .contInfoBio.b p {
        font-size: 0.8em;
        line-height: 1.3em;
    }
}
@media (min-width: 992px) and (max-width: 1199px) {
    .bio img.pic {
        width: 6em;
    }
    #bioContainer {
        min-height: 50em;
        font-size: 0.97em;
    }
    #bioContainer h3 {
        font-size: 1.2em;
    }
    #bioContainer h4 {
        font-size: 0.9em;
    }
    .bio .linea {
        width: 14em;
    }
    .containerPics.left {
        left: -286px;
        -webkit-animation: bioLeft 0.7s ease-in-out;
                animation: bioLeft 0.7s ease-in-out;
    }
    .containerPics.right {
        left: 0;
        -webkit-animation: bioRight 0.7s ease-in-out;
                animation: bioRight 0.7s ease-in-out;
    }
    @-webkit-keyframes bioLeft {
        0%{left: 0;}
        100%{left: -286px;}
    }
    @keyframes bioLeft {
        0%{left: 0;}
        100%{left: -286px;}
    }
    @-webkit-keyframes bioRight {
        0%{left: -286px;}
        100%{left: 0;}
    }
    @keyframes bioRight {
        0%{left: -286px;}
        100%{left: 0;}
    }
    #bioContainer .semicontainer {
        width: 940px;
    }
    #bioContainer .contInfoBio {
        width: 525px;
    }
    #bioContainer .contInfoBio.a {
        right: -700px;
    }
    #bioContainer .contInfoBio.a.left, #bioContainer .contInfoBio.b.left {
        right: 20px;
        -webkit-animation: contInfoBioALeft 0.7s ease-in-out;
                animation: contInfoBioALeft 0.7s ease-in-out;
    }
    @-webkit-keyframes contInfoBioALeft {
        0%{right: -700px;}
        100%{right: 20px;}
    }
    @keyframes contInfoBioALeft {
        0%{right: -700px;}
        100%{right: 20px;}
    }
    #bioContainer .contInfoBio.a.right, #bioContainer .contInfoBio.b.right {
        right: -700px;
        -webkit-animation: contInfoBioARight 0.7s ease-in-out;
                animation: contInfoBioARight 0.7s ease-in-out;
    }
    @-webkit-keyframes contInfoBioARight {
        0%{right: 20px;}
        100%{right: -700px;}
    }
    @keyframes contInfoBioARight {
        0%{right: 20px;}
        100%{right: -700px;}
    }
    #bioContainer .contInfoBio.a ul {
        margin-top: 1em;
        font-size: 0.85em;
    }
    #bioContainer .contInfoBio.a li {
        margin-bottom: 0.2em;
    }
    #bioContainer .btnExpAtras {
        position: relative;
        right: 1em;
        float: right;
    }
    #bioContainer .btnExpAtras.a {
        margin-top: 0.5em;
        font-size: 0.75em;
    }
    #bioContainer .btnExpAtras.b {
        margin-top: 0;
        position: relative;
        top: -1em;
        font-size: 0.75em;
    }
    #bioContainer .contInfoBio.b {
        right: -700px;
    }
    #bioContainer .contInfoBio.b p {
        font-size: 0.8em;
    }
}
@media (min-width: 1200px) {
    .bio img.pic {
        width: 8em;
    }
    #bioContainer {
        min-height: 50em;
    }
    .bio .linea {
        width: 14em;
    }
    .containerPics.left {
        left: -363px;
        -webkit-animation: bioLeft 0.7s ease-in-out;
                animation: bioLeft 0.7s ease-in-out;
    }
    .containerPics.right {
        left: 0;
        -webkit-animation: bioRight 0.7s ease-in-out;
                animation: bioRight 0.7s ease-in-out;
    }
    @-webkit-keyframes bioLeft {
        0%{left: 0;}
        100%{left: -363px;}
    }
    @keyframes bioLeft {
        0%{left: 0;}
        100%{left: -363px;}
    }
    @-webkit-keyframes bioRight {
        0%{left: -363px;}
        100%{left: 0;}
    }
    @keyframes bioRight {
        0%{left: -363px;}
        100%{left: 0;}
    }
    #bioContainer .semicontainer {
        width: 1140px;
    }
    #bioContainer .contInfoBio {
        width: 650px;
    }
    #bioContainer .contInfoBio.a {
        right: -700px;
    }
    #bioContainer .contInfoBio.a.left, #bioContainer .contInfoBio.b.left {
        right: 20px;
        -webkit-animation: contInfoBioALeft 0.7s ease-in-out;
                animation: contInfoBioALeft 0.7s ease-in-out;
    }
    @-webkit-keyframes contInfoBioALeft {
        0%{right: -700px;}
        100%{right: 20px;}
    }
    @keyframes contInfoBioALeft {
        0%{right: -700px;}
        100%{right: 20px;}
    }
    #bioContainer .contInfoBio.a.right, #bioContainer .contInfoBio.b.right {
        right: -700px;
        -webkit-animation: contInfoBioARight 0.7s ease-in-out;
                animation: contInfoBioARight 0.7s ease-in-out;
    }
    @-webkit-keyframes contInfoBioARight {
        0%{right: 20px;}
        100%{right: -700px;}
    }
    @keyframes contInfoBioARight {
        0%{right: 20px;}
        100%{right: -700px;}
    }
    #bioContainer .contInfoBio.a ul {
        margin-top: 1em;
    }
    #bioContainer .contInfoBio.a li {
        margin-bottom: 0.5em;
    }
    #bioContainer .btnExpAtras {
        position: relative;
        right: 1em;
        float: right;
    }
    #bioContainer .btnExpAtras.a {
        margin-top: 1em;
    }
    #bioContainer .btnExpAtras.b {
        margin-top: 0;
        position: relative;
        top: -1em;
    }
    #bioContainer .contInfoBio.b {
        right: -700px;
    }
    #bioContainer .contInfoBio.b p {
        font-size: 0.97em;
    }
}
#bioContainer .linkedInContainer {
    margin: 0;
}
#bioContainer .wpPerfilPro {
    margin-top: 0;
    margin-bottom: 0;
    position: relative;
    top: -0.3em;
}
#bioContainer .wpPerfilPro img {
    margin-right: 0.1em;
}
#bioContainer .wpPerfilPro span {
    font-size: 0.55em;
    font-weight: 600;
    position: relative;
    top: -0.1em;
}
#bioContainer .mailContactoCont {
    margin-top: -0.5em;
    margin-bottom: 0.5em;
    display: inline;
    position: relative;
    top: -0.5em;
}
#bioContainer .mailContactoCont a {
    color: inherit;
    text-align: center;
    font-size: 0.8em;
    font-weight: 600;
}
#bioContainer .waLogoPerfil {
    width: 0.7em;
    height: auto;
}
#bioContainer .linkedIn {
    width: 1em;
    height: auto;
}
#bioContainer .linkedIn:hover {
    -webkit-animation: linkedIn 0.3s ease-in-out;
            animation: linkedIn 0.3s ease-in-out;
}
@-webkit-keyframes linkedIn {
    0%{-ms-transform: rotate(0deg); /* IE 9 */
    -webkit-transform: rotate(0deg); /* Safari */
    transform: rotate(0deg);}
    50%{-ms-transform: rotate(30deg); /* IE 9 */
    -webkit-transform: rotate(30deg); /* Safari */
    transform: rotate(30deg);}
    100%{-ms-transform: rotate(0deg); /* IE 9 */
    -webkit-transform: rotate(0deg); /* Safari */
    transform: rotate(0deg);}
}
@keyframes linkedIn {
    0%{-ms-transform: rotate(0deg); /* IE 9 */
    -webkit-transform: rotate(0deg); /* Safari */
    transform: rotate(0deg);}
    50%{-ms-transform: rotate(30deg); /* IE 9 */
    -webkit-transform: rotate(30deg); /* Safari */
    transform: rotate(30deg);}
    100%{-ms-transform: rotate(0deg); /* IE 9 */
    -webkit-transform: rotate(0deg); /* Safari */
    transform: rotate(0deg);}
}
@media (min-width: 320px) and (max-width: 335px) and (min-height: 470px) and (max-height: 490px) {
    #bioContainer {
        padding-top: 1px;
        margin-top: 0 !important;
    }
    #bioContainer .semicontainer {
        top: -3.8em;
    }
}
@media (min-width: 360px) and (max-width: 385px) and (min-height: 660px) and (max-height: 680px) {
    #bioContainer .col-sm-12.bio {
        margin-top: 4em;
    }
}
@media (min-width: 400px) and (max-width: 430px) and (min-height: 700px) and (max-height: 760px) {
    #bioContainer .col-sm-12.bio {
        margin-top: 7em;
    }
}
@media (min-width: 450px) and (max-width: 500px) and (min-height: 780px) and (max-height: 820px) {
    #bioContainer .col-sm-12.bio {
        margin-top: 7em;
    }
}
@media (min-width: 580px) and (max-width: 620px) and (min-height: 940px) and (max-height: 980px) {
    #bioContainer .col-sm-12.bio {
        margin-top: 11em;
    }
}
@media (min-width: 580px) and (max-width: 620px) and (min-height: 1000px) and (max-height: 1040px) {
    #bioContainer .col-sm-12.bio {
        margin-top: 13em;
    }
    #bioContainer .semicontainer {
        margin-bottom: 4em;
    }
}
@media (min-width: 700px) and (max-width: 740px) and (min-height: 1260px) and (max-height: 1300px) {
    #bioContainer .col-sm-12.bio {
        margin-top: 20em;
    }
    #bioContainer .semicontainer {
        margin-bottom: 18.5em;
    }
}
@media (min-width: 750px) and (max-width: 800px) and (min-height: 1000px) and (max-height: 1035px) {
    #bioContainer .col-sm-12.bio {
        margin-top: 11.5em;
    }
}
@media (min-width: 780px) and (max-width: 820px) and (min-height: 1240px) and (max-height: 1300px) {
    #bioContainer .col-sm-12.bio {
        margin-top: 20em;
    }
    #bioContainer .semicontainer {
        margin-bottom: 7.5em;
    }
}
@media (min-width: 1000px) and (max-width: 1100px) and (max-height: 800px) {
    #bioContainer .col-sm-12.bio {
        margin-top: 3em;
    }
}
@media (min-width: 1000px) and (max-width: 1060px) and (min-height: 1320px) and (max-height: 1390px) {
    #bioContainer .col-sm-12.bio {
        margin-top: 22em;
    }
    #bioContainer .semicontainer {
        margin-bottom: 7.5em;
    }
}
@media (min-width: 1200px) and (max-width: 1300px) and (min-height: 950px) {
    #bioContainer .col-sm-12.bio {
        margin-top: 10em;
    }
}
@media (min-width: 1200px) and (max-width: 1300px) and (max-height: 850px) {
    #bioContainer .col-sm-12.bio {
        margin-top: 3.5em;
    }
}
@media (min-width: 1320px) and (max-width: 1390px) and (min-height: 1000px) and (max-height: 1060px) {
    #bioContainer .col-sm-12.bio {
        margin-top: 9em;
    }
}
@media (min-width: 1400px) and (max-width: 1500px) {
    #bioContainer .col-sm-12.bio {
        margin-top: 7em;
    }
}
@media (min-width: 1500px) and (max-width: 1600px) and (min-height: 800px) and (max-height: 900px) {
    #bioContainer .col-sm-12.bio {
        margin-top: 5.5em;
    }
}
@media (min-width: 1580px) and (max-width: 1650px) {
    #bioContainer .col-sm-12.bio {
        margin-top: 7em;
    }
}
@media (min-width: 1620px) and (max-width: 1720px) and (min-height: 1000px) and (max-height: 1100px) {
    #bioContainer .col-sm-12.bio {
        margin-top: 10em;
    }
}
@media (min-width: 1850px) {
    #bioContainer .col-sm-12.bio {
        margin-top: 10em;
    }
}
/*----------------------Contacto------------------------*/
/*----------------------Contacto------------------------*/
/*----------------------Contacto------------------------*/
/*----------------------Contacto------------------------*/
/*----------------------Contacto------------------------*/
/*----------------------Contacto------------------------*/
/*----------------------Contacto------------------------*/
@media (max-width: 767px) {
    #contacto .wpRow {
        padding-top: 1px;
    }
}

@media (max-height: 819px) {
    .contacto {
        margin-top: 6em;
    }
}
@media (min-height: 820px) and (max-height: 890px) {
    .contacto {
        margin-top: 15em;
    }
}
@media (min-height: 891px) {
    .contacto {
        margin-top: 21em;
    }
}
@media (min-width: 700px) and (max-width: 740px) and (min-height: 1260px) and (max-height: 1300px) {
    #contacto {
        min-height: 1290px;
    }
    #contacto .clinicas {
        margin-top: 8em !important;
    }
    #contacto .clinicas .bajoH {
        margin-top: 4em!important;
    }
}
@media (min-width: 750px) and (max-width: 800px) and (min-height: 1000px) and (max-height: 1035px) {
    #contacto {
        min-height: 1030px;
    }
    #contacto .clinicas {
        margin-top: 8em !important;
    }
    #contacto .clinicas .bajoH {
        margin-top: 4em!important;
    }
}
@media (min-width: 780px) and (max-width: 820px) and (min-height: 1240px) and (max-height: 1300px) {
    #contacto {
        min-height: 1290px;
    }
    #contacto .clinicas {
        margin-top: 10em !important;
    }
    #contacto .clinicas .bajoH {
        margin-top: 8em!important;
    }
}
@media (min-width: 1000px) and (max-width: 1060px) and (min-height: 1320px) and (max-height: 1390px) {
    #contacto {
        min-height: 1370px;
    }
    #contacto .clinicas {
        margin-top: 10em !important;
    }
    #contacto .clinicas .bajoH {
        margin-top: 8em!important;
    }
}
@media (min-width: 1280px) and (max-width: 1300px) and (min-height: 950px) {
    #contacto {
        min-height: 1030px !important;
    }
    #contacto .clinicas {
        margin-top: 8em !important;
    }
    #contacto .clinicas .bajoH {
        margin-top: 4em!important;
    }
}
@media (min-width: 1400px) and (max-width: 1500px) {
    #contacto {
        min-height: 900px !important;
    }
    #contacto .clinicas {
        margin-top: 8em !important;
    }
    #contacto .clinicas .bajoH {
        margin-top: 4em!important;
    }
}
@media (min-width: 1500px) and (max-width: 1600px) and (min-height: 800px) and (max-height: 900px) {
    #contacto {
        min-height: 900px !important;
    }
    #contacto .clinicas {
        margin-top: 8em !important;
    }
    #contacto .clinicas .bajoH {
        margin-top: 4em!important;
    }
}
@media (min-width: 1620px) and (max-width: 1720px) and (min-height: 1000px) and (max-height: 1100px) {
    #contacto {
        min-height: 1050px !important;
    }
    #contacto .clinicas {
        margin-top: 8em !important;
    }
    #contacto .clinicas .bajoH {
        margin-top: 4em!important;
    }
}
@media (min-width: 1900px) {
    #contacto {
        min-height: 1080px;
    }
}

/*Ipad Pro*/
/*Ipad Pro*/
/*Ipad Pro*/
/*Ipad Pro*/
@media (min-width: 1366px) and (max-width: 1366px) and (min-height: 1024px) and (max-height: 1024px) {
    .contacto {
        height: 1000px;
    }
    .contacto h1.a {
        margin-bottom: 4em;
    }
}

.linkWhatsAPPChat {
    color: inherit;
    text-decoration: none !important
}
.linkWhatsAPPChat:focus {
    outline: none;
    outline-offset: unset;
}

.contacto {
    position: relative;
    width: 100%;
    padding-bottom: 3em;
    padding-top: 5em;
    background-color: #F5F5F5;
    color: #474747;
    overflow-x: hidden;
}
.contacto h1 {
    text-align: center;
}
@media ( min-width: 768px ) {

    .clinicas .contenedorOfrecemosAtencion {

    }

    .contacto h3.ofrecemosAtencion {
        text-align: left;
    }
}
@media ( max-width: 767px ) {
    .contacto h3.ofrecemosAtencion {
        text-align: center;
    }
}
.contacto h1, .contacto h2, .contacto h3, .contacto h4 {
    font-family: 'timelessregular';
}

.contacto h1.a {
    margin-top: 3em;
    position: relative;
    top: 0.3em;
}
.clinicas .container.largo {
    width: 100%;
}
.wpRow {
    margin-top: 3em;
    margin-bottom: 1em;
}
.containerWhatsApp p {
    text-align: justify;
}
img.waLogo {
    position: relative;
    height: 2em;
    top: -0.1em;
    margin-right: 1em;
}
.containerWhatsApp h3, .containerUbi h3 {
    text-align: left;
}
@media (max-width: 767px) {
    .containerNum span {
        position: relative;
        float: left;
        top: 1em;
        font-size: 1.1em;
        font-weight: 600;
    }
}
@media (min-width: 768px) and (max-width: 991px) {
    .containerNum span {
        position: relative;
        right: 1em;
        top: 4.5em;
        float: right;
        font-size: 1.1em;
        font-weight: 600;
    }
}
@media (min-width: 992px) {
    .containerNum span {
        position: relative;
        right: 1em;
        top: 3.4em;
        float: right;
        font-size: 1.3em;
        font-weight: 600;
    }
}
.clinicas {
    margin-bottom: 5em;
}
.clinicas .container .wrap {
    margin-top: 2em
}
@media (max-width: 767px) {
    /*.clinicas .container .wrap .separador {
        border-top-style: solid;
        border-top-color: #4C4C4A;
        border-top-width: 1px;
        height: 1px;
        margin-top: 2em;
        margin-bottom: 2em;
        opacity: 0.2;
    }*/
    .clinicas .container .wrap .separador {
        visibility: hidden;
        display: none;
        z-index: -10;
    }
}
@media (min-width: 768px) {
    .clinicas .container .wrap .separador {
        visibility: hidden;
        display: none;
        z-index: -10;
    }
}
.clinicas .container .wrap .col-sm-6 h4 {
    margin-bottom: 0;
}
.clinicas .container .col-sm-6 {
    text-align: center;
}
.clinicas .logos {
    width: 7em;
    margin-bottom: 1em;
}
.clinicas .info {
    height: 3em;
}
.clinicas .info img.log {
    height: 2em;
    position: relative;
    top: 1em;
}
.clinicas .info img.log:hover {
    cursor: pointer;
}
.clinicas .info img.log.active {
    -webkit-animation: imgLog 1.5s ease-in-out infinite;
            animation: imgLog 1.5s ease-in-out infinite;
}
@-webkit-keyframes imgLog {
    0%{top: 1em;}
    50%{top: 0em;}
    100%{top: 1em;}
}
@keyframes imgLog {
    0%{top: 1em;}
    50%{top: 0em;}
    100%{top: 1em;}
}
.containerInfo {
    position: absolute;
    top: 0;
    z-index: 10;
    text-align: left;
    color: #fff;
}
.containerInfo .tira {
    margin-bottom: 4px;
}
.containerInfo .tira, .containerInfo .tira .contImg, .containerInfo .tira .aSalir .subcontainer {
    background-color: #939393;
}
.containerInfo .tira .aSalir {
    width: 90%;
    position: relative;
}
.containerInfo .tira .logTira {
    height: 1.5em;
    position: relative;
}
.containerInfo .tira .aSalir.a .subcontainer p span:hover {
    cursor: pointer;
    color: #575757;
}
@media (max-width: 767px) {
    .clinicas .info {
        margin-top: 2.5em;
    }
    .containerInfo {
        width: 280px;
    }
    .containerInfo {
        left: -260px;
    }
    .containerInfo .tira.a, .containerInfo .tira.b, .containerInfo .tira.d {
        height: 2em;
    }
    .containerInfo .tira.c {
        height: 4em;
    }
    .containerInfo .tira .contImg {
        position: absolute;
        width: 2.5em;
        right: 0;
        z-index: 10;
    }
    .containerInfo .tira .contImg .logTira {
        position: relative;
        left: 0.6em;
    }
    .containerInfo .tira.b .contImg, .containerInfo .tira.d .contImg {
        height: 2em;
    }
    .containerInfo .tira.c .contImg {
        height: 4em;
    }
    .containerInfo .tira.a .logTira, .containerInfo .tira.b .logTira, .containerInfo .tira.d .logTira {
        top: 0.25em;
    }
    .containerInfo .tira.c .logTira {
        top: 1.25em;
    }
    .containerInfo .tira .aSalir .subcontainer {
        padding: 5px;
    }
    .containerInfo .tira .aSalir.a, .containerInfo .tira .aSalir.b, .containerInfo .tira .aSalir.d {
        height: 2em
    }
    .containerInfo .tira .aSalir.a .subcontainer, .containerInfo .tira .aSalir.b .subcontainer, .containerInfo .tira .aSalir.d .subcontainer {
        height: 2em
    }
    .containerInfo.a .tira.a, .containerInfo.b .tira.a {
        position: relative;
        width: 8em;
        left: -3em;
    }
    .containerInfo.a .tira .aSalir.a .subcontainer {
        width: 10em;
        position: relative;
    }
    .containerInfo.a .tira .aSalir.a .subcontainer.expandir {
        left: 20.3em;
        -webkit-animation: aSalirAexpandir 0.5s ease-in-out;
                animation: aSalirAexpandir 0.5s ease-in-out;
    }
    @-webkit-keyframes aSalirAexpandir {
        0%{left: 0;}
        100%{left: 20.3em;}
    }
    @keyframes aSalirAexpandir {
        0%{left: 0;}
        100%{left: 20.3em;}
    }
    .containerInfo.a .tira .aSalir.a .subcontainer.contraer {
        left: 0;
        -webkit-animation: aSalirAcontraer 0.5s ease-in-out;
                animation: aSalirAcontraer 0.5s ease-in-out;
    }
    @-webkit-keyframes aSalirAcontraer {
        0%{left: 20.3em;}
        100%{left: 0;}
    }
    @keyframes aSalirAcontraer {
        0%{left: 20.3em;}
        100%{left: 0;}
    }
    .containerInfo.a .tira .aSalir.a .subcontainer p {
        position: relative;
        left: 0.5em;
    }
    .containerInfo.a .tira .aSalir.a .subcontainer p span {
        position: relative;
        left: 1em;
    }

    .containerInfo.a .tira .aSalir.b .subcontainer {
        width: 5.4em;
    }
    .containerInfo.a .tira .aSalir.d .subcontainer {
        width: 13.8em;
    }
    .containerInfo.a .tira .aSalir.c, .containerInfo .tira .aSalir.c .subcontainer {
        height: 4em;
    }
    .containerInfo.a .tira .aSalir.c p {
        font-size: 0.8em;
    }
    .containerInfo.b .tira .aSalir.a .subcontainer {
        width: 14.9em;
        position: relative;
    }
    .containerInfo.b .tira .aSalir.a .subcontainer p {
        position: relative;
        left: 0.5em;
    }
    .containerInfo.b .tira .aSalir.a .subcontainer p span {
        position: relative;
        left: 1em;
    }
    .containerInfo.b .tira .aSalir.a .subcontainer.expandir {
        left: 20.3em;
        -webkit-animation: aSalirBexpandir 0.5s ease-in-out;
                animation: aSalirBexpandir 0.5s ease-in-out;
    }
    @-webkit-keyframes aSalirBexpandir {
        0%{left: 0;}
        100%{left: 20.3em;}
    }
    @keyframes aSalirBexpandir {
        0%{left: 0;}
        100%{left: 20.3em;}
    }
    .containerInfo.b .tira .aSalir.a .subcontainer.contraer {
        left: 0;
        -webkit-animation: aSalirBcontraer 0.5s ease-in-out;
                animation: aSalirBcontraer 0.5s ease-in-out;
    }
    @-webkit-keyframes aSalirBcontraer {
        0%{left: 20.3em;}
        100%{left: 0;}
    }
    @keyframes aSalirBcontraer {
        0%{left: 20.3em;}
        100%{left: 0;}
    }
    .containerInfo.b .tira .aSalir.b .subcontainer {
        width: 5.9em;
    }
    .containerInfo.b .tira .aSalir.d .subcontainer {
        width: 15.8em;
    }
    .containerInfo.b .tira .aSalir.c, .containerInfo .tira .aSalir.c .subcontainer {
        height: 4em;
    }
    .containerInfo.b .tira .aSalir.c p {
        font-size: 0.9em;
    }
    .containerInfo .tira .aSalir.expandir {
        left: 19.95em;
        -webkit-animation: aSalirExpandir 0.5s ease-in-out;
                animation: aSalirExpandir 0.5s ease-in-out;
    }
    @-webkit-keyframes aSalirExpandir {
        0%{left: 0;}
        100%{left: 19.95em;}
    }
    @keyframes aSalirExpandir {
        0%{left: 0;}
        100%{left: 19.95em;}
    }
    .containerInfo .tira .aSalir.contraer {
        left: 0;
        -webkit-animation: aSalirContraer 0.5s ease-in-out;
                animation: aSalirContraer 0.5s ease-in-out;
    }
    @-webkit-keyframes aSalirContraer {
        0%{left: 19.95em;}
        100%{left: 0;}
    }
    @keyframes aSalirContraer {
        0%{left: 19.95em;}
        100%{left: 0;}
    }
}
@media (min-width: 768px) and (max-width: 1050px) {
    .clinicas .info {
        margin-top: 1em;
    }
}

@media (min-width: 768px) {
    .containerInfo {
        width: 266px;
    }
    .containerInfo .tira.a, .containerInfo .tira.b, .containerInfo .tira.d {
        height: 2em;
    }
    .containerInfo .tira.c {
        height: 4em;
    }
    .containerInfo.a .tira .contImg {
        position: absolute;
        width: 2.5em;
        right: 0;
        z-index: 10;
    }
    .containerInfo.b .tira .contImg {
        position: absolute;
        width: 2.9em;
        left: 0;
        z-index: 10;
    }
    .containerInfo .tira .contImg .logTira {
        position: relative;
        left: 0.6em;
    }
    .containerInfo .tira.b .contImg, .containerInfo .tira.d .contImg {
        height: 2em;
    }
    .containerInfo .tira.c .contImg {
        height: 4em;
    }
    .containerInfo .tira.a .logTira, .containerInfo .tira.b .logTira, .containerInfo .tira.d .logTira {
        top: 0.25em;
    }
    .containerInfo .tira.c .logTira {
        top: 1.25em;
    }
    /*
    .containerInfo .tira .aSalir {
        left: 19.95em;
    }
    */
    .containerInfo .tira .aSalir .subcontainer {
        padding: 5px;
    }
    .containerInfo .tira .aSalir.a, .containerInfo .tira .aSalir.b, .containerInfo .tira .aSalir.d {
        height: 2em
    }
    .containerInfo .tira .aSalir.a .subcontainer, .containerInfo .tira .aSalir.b .subcontainer, .containerInfo .tira .aSalir.d .subcontainer {
        height: 2em
    }
    .containerInfo.a .tira.a {
        position: relative;
        width: 8em;
        left: -3em;
    }
    .containerInfo.b .tira.a {
        position: relative;
        width: 8em;
        right: -3em;
    }
    .containerInfo.a .tira .aSalir.a .subcontainer {
        width: 10em;
        position: relative;
    }
    .containerInfo.a .tira .aSalir.a .subcontainer.expandir {
        left: 19.5em;
        -webkit-animation: aSalirAexpandir 0.5s ease-in-out;
                animation: aSalirAexpandir 0.5s ease-in-out;
    }
    @-webkit-keyframes aSalirAexpandir {
        0%{left: 0;}
        100%{left: 19.5em;}
    }
    @keyframes aSalirAexpandir {
        0%{left: 0;}
        100%{left: 19.5em;}
    }
    .containerInfo.a .tira .aSalir.a .subcontainer.contraer {
        left: 0;
        -webkit-animation: aSalirAcontraer 0.5s ease-in-out;
                animation: aSalirAcontraer 0.5s ease-in-out;
    }
    @-webkit-keyframes aSalirAcontraer {
        0%{left: 19.5em;}
        100%{left: 0;}
    }
    @keyframes aSalirAcontraer {
        0%{left: 19.5em;}
        100%{left: 0;}
    }
    .containerInfo.a .tira .aSalir.a .subcontainer p {
        position: relative;
        left: 0.5em;
    }
    .containerInfo.a .tira .aSalir.a .subcontainer p span {
        position: relative;
        left: 1em;
    }
    .containerInfo.a .tira .aSalir.b .subcontainer {
        width: 5.4em;
    }
    .containerInfo.a .tira .aSalir.d .subcontainer {
        width: 13.8em;
    }
    .containerInfo.a .tira .aSalir.c, .containerInfo .tira .aSalir.c .subcontainer {
        height: 4em;
    }
    .containerInfo.a .tira .aSalir.c p {
        font-size: 0.8em;
    }
    .containerInfo.b .tira .aSalir.a .subcontainer {
        width: 14.9em;
        position: relative;
    }
    .containerInfo.b .tira .aSalir.a .subcontainer p {
        position: relative;
        left: 0.5em;
    }
    .containerInfo.b .tira .aSalir.a .subcontainer p span {
        position: relative;
        margin-right: 0.9em;
        float: left;
    }
    .containerInfo.b .tira .aSalir.a .subcontainer.expandir {
        right: 15.3em;
        -webkit-animation: aSalirBexpandir 0.5s ease-in-out;
                animation: aSalirBexpandir 0.5s ease-in-out;
    }
    @-webkit-keyframes aSalirBexpandir {
        0%{right: 0;}
        100%{right: 15.3em;}
    }
    @keyframes aSalirBexpandir {
        0%{right: 0;}
        100%{right: 15.3em;}
    }
    .containerInfo.b .tira .aSalir.a .subcontainer.contraer {
        right: 0;
        -webkit-animation: aSalirBcontraer 0.5s ease-in-out;
                animation: aSalirBcontraer 0.5s ease-in-out;
    }
    @-webkit-keyframes aSalirBcontraer {
        0%{right: 15.3em;}
        100%{right: 0;}
    }
    @keyframes aSalirBcontraer {
        0%{right: 15.3em;}
        100%{right: 0;}
    }
    .containerInfo.b .tira .aSalir .subcontainer p {
        position: relative;
        left: 0.6em;
    }
    .containerInfo.b .tira .aSalir.b .subcontainer {
        width: 6.5em;
    }
    .containerInfo.b .tira .aSalir.c .subcontainer {
        width: 15.5em;
    }
    .containerInfo.b .tira .aSalir.d .subcontainer {
        width: 16.5em;
    }
    .containerInfo.b .tira .aSalir.c, .containerInfo .tira .aSalir.c .subcontainer {
        height: 4em;
    }
    .containerInfo.b .tira .aSalir.c p {
        font-size: 0.9em;
    }
    .containerInfo.a .tira .aSalir.expandir {
        left: 18.95em;
        -webkit-animation: aSalirExpandirA 0.5s ease-in-out;
                animation: aSalirExpandirA 0.5s ease-in-out;
    }
    @-webkit-keyframes aSalirExpandirA {
        0%{left: 0;}
        100%{left: 18.95em;}
    }
    @keyframes aSalirExpandirA {
        0%{left: 0;}
        100%{left: 18.95em;}
    }
    .containerInfo.a .tira .aSalir.contraer {
        left: 0;
        -webkit-animation: aSalirContraerA 0.5s ease-in-out;
                animation: aSalirContraerA 0.5s ease-in-out;
    }
    @-webkit-keyframes aSalirContraerA {
        0%{left: 18.95em;}
        100%{left: 0;}
    }
    @keyframes aSalirContraerA {
        0%{left: 18.95em;}
        100%{left: 0;}
    }
    .containerInfo.b .tira .aSalir.b.expandir {
        right: 6em;
        -webkit-animation: aSalirExpandirBb 0.25s ease-in-out;
                animation: aSalirExpandirBb 0.25s ease-in-out;
    }
    @-webkit-keyframes aSalirExpandirBb {
        0%{right: 0;}
        100%{right: 5.5em;}
    }
    @keyframes aSalirExpandirBb {
        0%{right: 0;}
        100%{right: 5.5em;}
    }
    .containerInfo.b .tira .aSalir.b.contraer {
        right: 0;
        -webkit-animation: aSalirContraerBb 0.25s ease-in-out;
                animation: aSalirContraerBb 0.25s ease-in-out;
    }
    @-webkit-keyframes aSalirContraerBb {
        0%{right: 5.5em;}
        100%{right: 0;}
    }
    @keyframes aSalirContraerBb {
        0%{right: 5.5em;}
        100%{right: 0;}
    }
    .containerInfo.b .tira .aSalir.c.expandir {
        right: 15em;
        -webkit-animation: aSalirExpandirBc 0.4s ease-in-out;
                animation: aSalirExpandirBc 0.4s ease-in-out;
    }
    @-webkit-keyframes aSalirExpandirBc {
        0%{right: 0;}
        100%{right: 15em;}
    }
    @keyframes aSalirExpandirBc {
        0%{right: 0;}
        100%{right: 15em;}
    }
    .containerInfo.b .tira .aSalir.c.contraer {
        right: 0;
        -webkit-animation: aSalirContraerBc 0.4s ease-in-out;
                animation: aSalirContraerBc 0.4s ease-in-out;
    }
    @-webkit-keyframes aSalirContraerBc {
        0%{right: 15em;}
        100%{right: 0;}
    }
    @keyframes aSalirContraerBc {
        0%{right: 15em;}
        100%{right: 0;}
    }
    .containerInfo.b .tira .aSalir.d.expandir {
        right: 16em;
        -webkit-animation: aSalirExpandirBd 0.4s ease-in-out;
                animation: aSalirExpandirBd 0.4s ease-in-out;
    }
    @-webkit-keyframes aSalirExpandirBd {
        0%{right: 0;}
        100%{right: 16em;}
    }
    @keyframes aSalirExpandirBd {
        0%{right: 0;}
        100%{right: 16em;}
    }
    .containerInfo.b .tira .aSalir.d.contraer {
        right: 0;
        -webkit-animation: aSalirContraerBd 0.4s ease-in-out;
                animation: aSalirContraerBd 0.4s ease-in-out;
    }
    @-webkit-keyframes aSalirContraerBd {
        0%{right: 16em;}
        100%{right: 0;}
    }
    @keyframes aSalirContraerBd {
        0%{right: 16em;}
        100%{right: 0;}
    }
}
@media (min-width: 768px) {
    .containerInfo.a {
        left: -249px;
    }
    .containerInfo.b {
        right: -250px;
    }
}






#terapiaEnLineaPadre {

}
@media (min-width: 768px) {
    #terapiaEnLineaPadre {
        position: relative;
        top: -1.5em;
    }
}
#terapiaEnLineaPadre h4 {
    font-size: 1.8em;
    margin-bottom: 0.5em;
}
#terapiaEnLineaPadre h5 {
    text-align: left;
    font-weight: 600;
}
#terapiaEnLineaPadre p {
    text-align: left;
}
#terapiaEnLineaPadre #obtenerInformacionPreciosEnLinea {
    background-color: #607D8B;
    color: #fff;
    border: none;
    width: 11em;
    height: 2.2em;
    top: 0.5em;
    position: relative;
}
#terapiaEnLineaPadre #obtenerInformacionPreciosEnLinea:hover {
    background-color: ##4a616c;
}
#terapiaEnLineaPadre .preciosEnLinea,
#terapiaEnLineaPadre .preciosEnLinea li {
    text-align: left;
    padding: 0;
}



#enviarEmailContacto {
    right: 0.5em;
    position: fixed;
    top: calc( 50vh - 3em );
    width: 4em;
    background: #fff;
    border-radius: 100%;
    height: 4em;
    display: flex;
    justify-content: center;
    align-items: center;
    -webkit-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.4);
    -moz-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.4);
    box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.4);
    cursor: pointer;
    z-index: 10000000;
}
@media ( max-width: 500px ) {
    #enviarEmailContacto {
        opacity: 0.7;
    }
}
#enviarEmailContacto:hover {
    opacity: 0.5;
}
#enviarEmailContacto .enviarEmailContactoImg {
    width: 50%;
}

@media (min-width: 768px ) {
    .clinicas .contenedorTituloOFrecemosAtencion.hideOnBig {
        display: none;
    }
}
@media (max-width: 767px ) {
    .clinicas .contenedorTituloOFrecemosAtencion.hideOnSmall {
        display: none;
    }
    .contacto h3.ofrecemosAtencion {
        position: relative;
        top: -1em;
    }
    .clinicas .container .wrap.bajoH {
        display: flex;
        flex-wrap: wrap;
    }
    .clinicas .wrap .contBottomA {
        order: 2;
        width: 100%;
        margin-top: 4em;
    }
    .clinicas .wrap .contBottomB {
        order: 1;
    }
}



#bannerFondoServicioEnLineaFlotante {
    bottom: 0;
    font-family: 'montserratregular';
    position: fixed;
    z-index: 10000000;
    width: 100%;
    height: 4em;
    background-color: #009688;
    opacity: 0.7;
    display: flex;
    justify-content: center;
    align-items: center;
}
#bannerFondoServicioEnLineaFlotante.in {
    animation: abrirBannerTerapiaLinea 0.5s ease-in-out;
}
@keyframes abrirBannerTerapiaLinea {
    0%{ bottom: -5em; }
    100%{ bottom: 0; }
}
#bannerFondoServicioEnLineaFlotante.cerrar {
    animation: cerrarBannerTerapiaLinea 0.5s ease-in-out;
}
@keyframes cerrarBannerTerapiaLinea {
    0%{ bottom: 0; }
    100%{ bottom: -5em; }
}
#bannerFondoServicioEnLineaFlotante .textoBanner {
    text-align: center;
    width: 100%;
}
@media ( max-width: 767px ) {
    #bannerFondoServicioEnLineaFlotante .textoBanner {
        font-size: 0.8em;
        width: 80% !important;
        position: relative;
        left: -0.3em;
    }
}
#bannerFondoServicioEnLineaFlotante .textoBanner span {
    color: #fff;
}
#bannerFondoServicioEnLineaFlotante .cerrarX {

}
#bannerFondoServicioEnLineaFlotante #btnSaberMasTerapiaEnLinea {
    cursor: pointer;
    font-size: 1.1em;
}


#contFormularioContacto {
    font-family: 'montserratregular';
    width: 35em;
    height: 18.5em;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    position: fixed;
    right: 0;
    z-index: 10000010;
    background-color: #ffffff;
    -webkit-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.5);
    -moz-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.5);
    box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.5);
}
#contFormularioContacto.inFormaContacto {
    right: 0;
    animation: inFormaContacto 0.5s ease-in-out;
}
@keyframes inFormaContacto {
    0% { right: -40em;  }
    100% { right: 0;  }
}
#contFormularioContacto.outFormContacto {
    right: -40em;
    animation: outFormContacto 0.5s ease-in-out;
}
@keyframes outFormContacto {
    0% { right: 0;  }
    100% { right: -40em;  }
}









#contFormularioContacto .contFormTitulo {
    width: 100%;
    height: 3em;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 0 2.5%;
    position: relative;
}
#contFormularioContacto .contFormTitulo,
#contFormularioContacto #enviarMensajeFormularioContacto {
    background-color: #303030;
}
#contFormularioContacto #enviarMensajeFormularioContacto:hover {
    background-color: #242424;
}
#contFormularioContacto .contFormTitulo h5 {
    width: 100%;
    margin: 0;
    text-align: left;
    font-weight: 600;
    font-size: 1.1em;
    color: #fff;
}


#contFormularioContacto .cerrarX,
#bannerFondoServicioEnLineaFlotante .cerrarX {
    width: 18px;
    height: 18px;
    right: 1em;
    position: absolute;
    cursor: pointer;
}
#contFormularioContacto .cerrarX:hover > .cerrarXa,
#contFormularioContacto .cerrarX:hover .cerrarXa .cerrarXb,
#bannerFondoServicioEnLineaFlotante .cerrarX:hover > .cerrarXa,
#bannerFondoServicioEnLineaFlotante .cerrarX:hover .cerrarXa .cerrarXb {
    background-color: #ccc;
}
#contFormularioContacto .cerrarX .cerrarXa,
#bannerFondoServicioEnLineaFlotante .cerrarX .cerrarXa {
    height: 18px;
    width: 2px;
    margin-left: 12px;
    background-color: #fff;
    transform: rotate(45deg);
    z-index: 1;
    position: relative;
    left: -4px;
}
#contFormularioContacto .cerrarX .cerrarXb,
#bannerFondoServicioEnLineaFlotante .cerrarX .cerrarXb {
    height: 18px;
    width: 2px;
    background-color: #fff;
    transform: rotate(90deg);
    z-index: 2;
}




#contFormularioContacto .bodyFormaContacto {
    height: calc( 100% - 3em );
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    position: relative;
}
#contFormularioContacto .bodyFormaContacto .cajaCompletaFormaContacto {
    position: absolute;
    width: 100%;
    height: 100%;
    background-color: #fff;
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
}



#contFormularioContacto .grupoForma {
    display: inline-block;
    margin-bottom: 0.4em;
}
#contFormularioContacto .grupoForma.a {
}
#contFormularioContacto .grupoForma.a,
#contFormularioContacto .grupoForma.b {
    margin-top: 1em;
    width: 48%;
    padding: 0 0.5%;
}
#contFormularioContacto .grupoForma.c,
#contFormularioContacto .grupoForma.d {
    width: 100%;
    padding: 0 2.5%;
}
#contFormularioContacto .grupoForma.d {
    margin-top: 0;
}
#contFormularioContacto .grupoForma.e {
    margin-bottom: 0.8em;
    width: 100%;
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
}
#contFormularioContacto .grupoForma input {
    height: 2em;
    margin-bottom: 0.2em;
}
#contFormularioContacto .grupoForma textarea {
    height: 4em;
    resize: none;
}
#contFormularioContacto .grupoForma input,
#contFormularioContacto .grupoForma textarea {
    box-sizing: border-box;
    padding: 0 0.5em;
    background: transparent;
    border: none;
    border-bottom: solid 1px #c8c8c8;
    width: 100%;
    outline: none;
}
#contFormularioContacto .grupoForma input:focus,
#contFormularioContacto .grupoForma textarea:focus {
    outline: none;
}
#contFormularioContacto .alertForma {
    height: 1em;
    margin: 0 0 0.7em 0;
    text-align: center;
    width: 100%;
    font-size: 0.9em;
}
#contFormularioContacto .alertForma.roja {
    color: #e34362;
}
#contFormularioContacto #enviarMensajeFormularioContacto {
    border-radius: 0;
    border: none;
    color: #fff;
    width: 5em;
    height: 2em;
}

@media ( max-width: 500px ) {
    #contFormularioContacto {
        font-size: 0.75em;
        height: 22em;
        width: 100%;
    }
    #contFormularioContacto .grupoForma {
        width: 100% !important;
        height: 2em !important;
        margin: 0 !important;
        margin-bottom: 1em !important;
        padding: 0 !important;
        margin-left: 1.5em !important;
        margin-right: 1.5em !important;
    }
    #contFormularioContacto .grupoForma.a {
        margin-top: 0.8em !important;
    }
    #contFormularioContacto .grupoForma.e {
        position: relative;
        top: -0.5em;
    }
    #contFormularioContacto .grupoForma textarea {
        height: 2em !important;
    }
}


@media ( min-height: 451px ) {
    #contFormularioContacto {
        top: calc( (100vh / 2) - (17.5em / 2) );
    }
}

@media ( max-height: 450px  ) {
    #contFormularioContacto {
        top: 0;
        bottom: unset !important;
    }
    #bannerFondoServicioEnLineaFlotante {
        display: none;
    }
}










.copyright {
    width: 100%;
    background-color: #121212;
    height: 5em;
    position: absolute;
    bottom: 0;
    left: 0;
    color: #fff;
}
.copyright p:hover {
    cursor: default;
}
.copyright a, .copyright a:hover {
    text-decoration: none !important;
    color: #fff !important;
}
#dpHF:hover {
    cursor: pointer;
}
.copyright p {
    position: relative;
    font-size: 0.7em;
}
.copyright p.a {
    float: left;
    left: 1em;
}
.copyright p.b {
    float: right;
    right: 1em;
}
@media (min-width: 571px) {
    .copyright p.a,
    .copyright p.b {
        top: 2.9em;
    }
}
@media (max-width: 600px) {
    .copyright p.a,
    .copyright p.b {
        font-size: 0.7em;
    }

    .copyright p.b {
        text-align: right;
    }
}
@media (max-width: 570px) {
    .copyright p.a {
        top: 2.9em;
    }
    .copyright p.b {
        width: 240px;
        top: 2.3em;
    }
}
@media (max-width: 400px) {
    .copyright p.a {
        display: none;
    }
}

.copyright p span.copy {
    position: relative;
    margin-left: 1em;
    top: -1px;
}
.copyright p span img {
    width: 2em;
}
@media (max-width: 540px) {
    .copyright .salto::before {
        content: "\A";
        white-space: pre;
    }
    .copyright p.b {
        top: 2.4em;
    }
}