@charset "UTF-8";
@import url("https://fonts.googleapis.com/css?family=Poppins:300,400,500,700");
@import url("https://fonts.googleapis.com/css?family=Work+Sans:300,400,500,700");

body>a {
    position: absolute;
    top: 37px;
    left: 6%;
    width: 155px;
    height: 60px;
    z-index: 15;
    background: url("../images/template/logo.png") no-repeat 0 0
}

@media only screen and (-moz-min-device-pixel-ratio:1.5),
only screen and (-ms-min-device-pixel-ratio:1.5),
only screen and (-o-min-device-pixel-ratio:1.5),
only screen and (-webkit-min-device-pixel-ratio:1.5),
only screen and (min-device-pixel-ratio:1.5) {
    body>a {
        background-image: url(../images/template/logo%402x.png);
        background-size: 225px auto
    }
}

@media only screen and (min-width:768px) {
    body>a {
        left: 3%
    }
}

@media only screen and (min-width:1024px) {
    body>a {
        top: 22px;
        left: 6%;
        width: 200px;
        height: 77px;
        background-position: 0 -62px
    }
}

@media only screen and (min-width:1280px) {
    body>a {
        left: 7%
    }
}

@media only screen and (min-width:1360px) {
    body>a {
        top: 13px;
        width: 225px;
        height: 87px;
        background-position: 0 -140px
    }
}

@media only screen and (min-width:1440px) {
    body>a {
        left: 12.5%
    }
}

*,
:after,
:before {
    padding: 0;
    border: 0;
    margin: 0;
    outline: 0;
    marker-offset: 0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

a,
abbr,
acronym,
address,
applet,
big,
blockquote,
body,
caption,
cite,
code,
dd,
del,
dfn,
div,
dl,
dt,
em,
fieldset,
figure,
font,
form,
h1,
h2,
h3,
h4,
h5,
h6,
h7,
html,
iframe,
img,
ins,
kbd,
label,
legend,
li,
object,
ol,
p,
pre,
q,
s,
samp,
small,
span,
strike,
strong,
sub,
sup,
table,
tbody,
td,
tfoot,
th,
thead,
tr,
tt,
ul,
var {
    font-family: inherit;
    font-weight: inherit;
    font-style: inherit
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
menu,
nav,
section {
    display: block
}

ol,
ul {
    list-style: none
}

table {
    border-collapse: collapse;
    border-spacing: 0
}

div.txt-editor * {
    float: none;
    padding: 0;
    border: 0;
    margin: 0;
    font-family: "Poppins", sans-serif;
    color: inherit;
    text-align: left;
    background: none
}

div.txt-editor strong {
    font-weight: 600
}

div.txt-editor em {
    font-style: italic
}

div.txt-editor ul {
    list-style: disc;
    margin-left: 20px
}

div.txt-editor ol {
    list-style: decimal;
    margin-left: 20px
}

div.txt-editor h1,
div.txt-editor h2,
div.txt-editor h3,
div.txt-editor h4,
div.txt-editor h5,
div.txt-editor h6,
div.txt-editor h7 {
    line-height: initial;
    color: #535256;
    font-size: 15.6pt;
    font-size: 1.3rem
}

a {
    color: inherit;
    text-decoration: none;
    -webkit-transition: color .25s ease, background .25s ease;
    -o-transition: color .25s ease, background .25s ease;
    transition: color .25s ease, background .25s ease
}

a:focus,
a:hover {
    outline: none;
    color: inherit;
    text-decoration: none
}

.re-novar {
    width: 100%;
    height: 100%;
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 9999999999;
    text-align: center;
    color: #000000;
    background: #F5F5F5;
    font-size: 15.6pt;
    font-size: 1.3rem
}

.re-novar div {
    padding: 20% 10% 0 10%
}

.re-novar strong {
    color: black;
    font-size: 20.4pt;
    font-size: 1.7rem
}

.re-novar a {
    color: #1b96e4
}

html {
    font-size: 100%
}

body {
    font-family: "Poppins", sans-serif;
    font-weight: 300;
    line-height: 1.2;
    color: #000000;
    font-size: 12pt;
    font-size: 1rem
}

h1,
h2,
h3,
h4,
h5,
h6,
h7 {
    position: relative
}

h1,
h2 {
    display: inline-block;
    margin-bottom: 40px;
    font-family: "Work Sans", sans-serif;
    font-weight: 600;
    font-size: 24pt;
    font-size: 2rem
}

h1:after,
h2:after {
    content: '';
    display: inline-block;
    width: 10px;
    height: 10px;
    margin-left: 10px;
    border-radius: 50%;
    background-color: #6B299C
}

h3 {
    margin-bottom: 10px;
    color: #D6BC6C
}

h4 {
    text-align: center;
    text-transform: uppercase;
    padding-top: 40px;
    margin-bottom: 20px;
    border-top: 1px dashed #e0e0e0;
    font-weight: 600;
    font-size: 18pt;
    font-size: 1.5rem
}

@media only screen and (min-width:480px) {
    h4 {
        margin-bottom: 40px;
        font-size: 27pt;
        font-size: 2.25rem
    }
}

h5 {
    margin-bottom: 10px;
    color: #D6BC6C;
    font-weight: 600;
    font-size: 14.4pt;
    font-size: 1.2rem
}

h6 {
    font-weight: 600;
    margin-bottom: 13.33333px;
    padding-top: 20px;
    font-size: 14.4pt;
    font-size: 1.2rem
}

h6:before {
    position: absolute;
    top: 0;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    content: '';
    width: 50px;
    height: 1px;
    background-color: white
}

h7 {
    text-align: center;
    margin-bottom: 40px;
    font-family: "Work Sans", sans-serif;
    font-weight: 600;
    font-size: 24pt;
    font-size: 2rem
}

a {
    text-decoration: none;
    -webkit-transition: color .25s ease, background .25s ease;
    -o-transition: color .25s ease, background .25s ease;
    transition: color .25s ease, background .25s ease
}

p {
    margin-bottom: 10px
}

p:last-child,
p:only-child {
    margin-bottom: 0
}

b,
mark,
strong {
    font-weight: 600;
    background: none
}

em,
i {
    font-weight: 400;
    font-style: normal
}

span.mensaje {
    color: black;
    font-size: 18pt;
    font-size: 1.5rem
}

.float-left {
    float: left
}

.float-right {
    float: right
}

.clear-both {
    clear: both
}

.clear-fix {
    content: '';
    display: block;
    clear: both
}

.num-font {
    font-family: "Poppins", sans-serif;
    font-weight: 300;
    white-space: nowrap
}

.llamar {
    cursor: default
}

@media only screen and (min-width:1024px) {
    .visible-movil {
        display: none !important
    }
}

@media only screen and (max-width:1023px) {
    .visible-desktop {
        display: none !important
    }
}

.re-cien,
footer,
header,
main,
nav {
    width: 100%;
    min-width: 280px
}

.re-central,
.re-cien {
    position: relative;
    margin: 0 auto
}

.re-central {
    width: 88%
}

@media only screen and (min-width:280px) {
    .re-central {
        width: 88%
    }
}

@media only screen and (min-width:480px) {
    .re-central {
        width: 92%
    }
}

@media only screen and (min-width:768px) {
    .re-central {
        width: 94%
    }
}

@media only screen and (min-width:1024px) {
    .re-central {
        width: 88%
    }
}

@media only screen and (min-width:1280px) {
    .re-central {
        width: 86%
    }
}

@media only screen and (min-width:1440px) {
    .re-central {
        width: 75%
    }
}

header {
    min-height: 150px;
    overflow: hidden;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 5;
    background-color: rgba(255, 255, 255, 0.7);
    border-bottom: 5px solid #6B299C
}

@media only screen and (min-width:1024px) {
    header {
        min-height: 119px
    }
}

header.internas {
    background-image: url("../images/template/header-internas-back.jpg");
    background-position: center 0;
    backgroud-size: cover;
    background-repeat: repeat
}

@media only screen and (min-width:1024px) {
    header.internas {
        background-attachment: fixed
    }
}

header div.re-central address {
    float: right;
    text-align: right;
    margin-top: 10px
}

@media only screen and (min-width:1024px) {
    header div.re-central address {
        margin-top: 20px
    }
}

header div.re-central address>a,
header div.re-central address div {
    display: block;
    float: left;
    margin-left: 20px;
    padding-left: 20px;
    border-left: 1px solid #000000;
    font-weight: 600
}

header div.re-central address>a.correo,
header div.re-central address>a.redes-sociales,
header div.re-central address div.correo,
header div.re-central address div.redes-sociales {
    display: none
}

@media only screen and (min-width:768px) {

    header div.re-central address>a.correo,
    header div.re-central address>a.redes-sociales,
    header div.re-central address div.correo,
    header div.re-central address div.redes-sociales {
        display: block
    }
}

header div.re-central address>a i,
header div.re-central address div i {
    color: #6B299C;
    margin-right: 15px
}

header div.re-central .ver-servicios {
    position: absolute;
    top: 100px;
    width: 100%;
    padding: .5em 0;
    border: 1px solid #000000;
    text-align: center;
    font-weight: 600
}

nav {
    min-height: 35px;
    position: absolute;
    top: 40px;
    left: 0;
    z-index: 10;
    text-transform: uppercase
}

nav.navSticky {
    position: fixed;
    top: 0;
    background-color: rgba(255, 255, 255, 0.8);
    border-bottom: 5px solid #6B299C;
    -webkit-transition: all ease .2s;
    -o-transition: all ease .2s;
    transition: all ease .2s
}

@media only screen and (max-width:1023px) {
    nav.navSticky div.re-central div.re-content ul.re-ul-principal {
        margin-top: 8px
    }
}

@media only screen and (max-width:1023px) {
    nav div.re-central {
        width: 100%;
        padding: .5em 0
    }
}

@media only screen and (min-width:1024px) {
    nav {
        top: 60px;
        min-height: 50px
    }

    nav div.re-central div.re-content ul.re-ul-principal {
        text-align: right;
        margin-top: 0
    }
}

@media only screen and (min-width:1280px) {
    nav div.re-central div.re-content ul.re-ul-principal li div p {
        padding: 0 15px
    }
}

main {
    min-height: 425px;
    overflow: hidden;
    position: relative;
    top: 0;
    left: 0;
    z-index: 1
}

main>.re-central,
main>.re-cien>.re-central {
    padding: 40px 0
}

@media only screen and (min-width:768px) {

    main>.re-central,
    main>.re-cien>.re-central {
        padding: 60px 0
    }
}

main>.re-central:after,
main>.re-cien>.re-central:after {
    display: block;
    clear: both;
    content: ''
}

main:not(.index) {
    margin-top: 150px
}

@media only screen and (min-width:1024px) {
    main:not(.index) {
        margin-top: 120px
    }
}

footer {
    position: relative;
    top: 0;
    left: 0;
    z-index: 5;
    color: white
}

footer a {
    position: relative;
    line-height: 2;
    border-bottom: 1px solid rgba(0, 0, 0, 0)
}

footer a:hover {
    border-bottom-color: white
}

footer section {
    position: relative;
    padding: 60px 0 0;
    background-color: #41195f
}

footer section div.re-central {
    overflow: hidden;
    padding-bottom: 60px
}

footer section div.re-central>div {
    text-align: center
}

@media only screen and (min-width:480px) {
    footer section div.re-central>div {
        margin: 0 -2%
    }
}

footer section div.re-central>div>div {
    overflow: hidden;
    margin-bottom: 20px;
    line-height: 1.5
}

@media only screen and (min-width:480px) {
    footer section div.re-central>div>div {
        width: 46%;
        float: left;
        margin: 0 2%;
        margin-bottom: 20px
    }

    footer section div.re-central>div>div:first-child+div+div {
        clear: both
    }
}

@media only screen and (min-width:1024px) {
    footer section div.re-central>div>div {
        width: 29.33%;
        margin-bottom: 0
    }

    footer section div.re-central>div>div:first-child+div+div {
        clear: none
    }
}

footer section div.re-central>div>div div {
    margin-bottom: 20px
}

footer section div.re-central>div>div div mark {
    color: inherit;
    font-size: 14.4pt;
    font-size: 1.2rem
}

footer section div.re-central>div address mark {
    display: block;
    color: inherit
}

footer section .anclas {
    background-color: #5FFC7B;
    text-align: center;
    padding: 1em 0
}

footer section .anclas a {
    position: relative;
    text-transform: uppercase;
    font-weight: 500;
    padding: 0 20px
}

@media only screen and (max-width:1023px) {
    footer section .anclas a {
        display: block
    }

    footer section .anclas a:after {
        display: none
    }
}

footer section .anclas a:after {
    content: '';
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    right: -3.5px;
    width: 7px;
    height: 7px;
    border-radius: 50%;
    background-color: white
}

footer section .anclas a:last-child:after {
    display: none
}

footer section .anclas a:hover {
    color: #6B299C;
    border-bottom: none
}

footer div.copyright {
    position: relative;
    overflow: hidden;
    color: white;
    background-color: #41195f;
    font-size: 11.4pt;
    font-size: 0.95rem
}

footer div.copyright div.re-central {
    padding: 1em 0 .5em 0;
    text-align: center
}

@media only screen and (min-width:800px) {
    footer div.copyright div.re-central {
        padding-bottom: 2em
    }
}

@media only screen and (min-width:800px) {

    footer div.copyright div.re-central figure,
    footer div.copyright div.re-central p {
        width: 50%;
        display: block
    }
}

footer div.copyright div.re-central p {
    margin-bottom: 5px
}

@media only screen and (min-width:800px) {
    footer div.copyright div.re-central p {
        float: left;
        text-align: left;
        padding-right: .5em
    }
}

footer div.copyright div.re-central p a {
    display: inline-block
}

@media only screen and (min-width:800px) {
    footer div.copyright div.re-central div {
        float: right;
        padding: .25em 0 0 .5em;
        text-align: right
    }
}

.whatsapp-button {
    display: none;
    position: fixed;
    bottom: 20px;
    right: 80px;
    width: 40px;
    height: 40px;
    z-index: 9999;
    background-color: #25d366;
    -webkit-box-shadow: 0 0 12px 0px rgba(0, 0, 0, 0.15);
    box-shadow: 0 0 12px 0px rgba(0, 0, 0, 0.15);
    cursor: pointer;
    -webkit-transition: all ease .2s;
    -o-transition: all ease .2s;
    transition: all ease .2s
}

.whatsapp-button:hover {
    border-bottom: none;
    background-color: #08a460
}

@media only screen and (max-width:1023px) {
    .whatsapp-button.movil {
        display: block
    }
}

@media only screen and (min-width:1024px) {
    .whatsapp-button.desktop {
        display: block
    }
}

.whatsapp-button i {
    color: white;
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    font-size: 18pt;
    font-size: 1.5rem
}

.ir-arriba {
    position: fixed;
    width: 40px;
    height: 40px;
    background-color: white;
    border: 3px solid #6B299C;
    cursor: pointer;
    bottom: 20px;
    right: 20px;
    z-index: 99999;
    -webkit-transition: all ease .25s;
    -o-transition: all ease .25s;
    transition: all ease .25s
}

.ir-arriba i {
    color: #6B299C;
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    font-size: 18pt;
    font-size: 1.5rem
}

span.boton-contenedor {
    display: block;
    margin-top: 20px;
    text-align: center
}

.boton-lineal {
    width: auto;
    display: inline-block;
    padding: .75em 2em;
    border-radius: 20px;
    margin: 0 auto;
    margin-top: 10px;
    text-align: center;
    cursor: pointer;
    text-transform: uppercase
}

.boton-lineal:hover {
    background-color: rgba(0, 0, 0, 0.5)
}

.boton-lineal.primario {
    color: white;
    background-color: #6B299C;
    border: 1px solid #6B299C
}

.boton-lineal.primario:hover {
    color: #6B299C;
    background-color: rgba(255, 255, 255, 0)
}

.boton-lineal.secundario {
    color: white;
    background-color: #D6BC6C;
    border: 1px solid #D6BC6C
}

.boton-lineal.secundario:hover {
    color: #D6BC6C;
    background-color: rgba(255, 255, 255, 0)
}

.boton-lineal.blanco {
    color: #000000;
    background-color: white
}

.boton-lineal.blanco:hover {
    color: white;
    background-color: #000000
}

.boton-lineal.whatsapp {
    color: white;
    background-color: #25d366
}

.boton-lineal.whatsapp:hover {
    background-color: #08a460
}

form input[type=reset] {
    width: auto;
    min-width: 10em;
    display: inline-block;
    padding: .5em 1.5em;
    border-bottom-width: 1px;
    border-bottom-style: solid;
    border-radius: 6px;
    margin: 0 auto;
    font-family: "Poppins", sans-serif;
    font-weight: 500;
    text-transform: uppercase;
    cursor: pointer;
    -webkit-transition: all 0s;
    -o-transition: all 0s;
    transition: all 0s;
    font-size: 12pt;
    font-size: 1rem
}

form input[type=reset]:hover,
form input[type=reset]:hover {
    border-bottom-width: 1px;
    margin-top: 2px
}

form input[type=reset] {
    border-bottom: 3px solid #E5E5E5;
    background: white
}

form input[type=reset]:hover {
    margin-top: 2px;
    border-bottom: 1px solid #E5E5E5
}

form input.input-primario {
    color: white;
    border-bottom-color: #41195f;
    background: #6B299C
}

form input.input-secundario {
    color: white;
    border-bottom-color: #aa9e27;
    background: #D6BC6C
}

form input[type=submit] {
    background-color: white;
    color: inherit;
    -webkit-transition: color 0.25s ease, background 0.25s ease;
    -o-transition: color 0.25s ease, background 0.25s ease;
    transition: color 0.25s ease, background 0.25s ease;
    font-size: 12pt;
    font-size: 1rem
}

form.formulario {
    margin: 0 auto;
    color: #000000
}

form.formulario fieldset {
    padding: 1% 4% 2% 4%;
    border: 1px dotted #E5E5E5;
    border-radius: 10px
}

form.formulario fieldset+fieldset {
    margin-top: 20px
}

form.formulario legend {
    width: auto;
    padding: 0 3%;
    font-family: "Poppins", sans-serif;
    font-weight: 600;
    color: black;
    text-transform: uppercase;
    font-size: 15.6pt;
    font-size: 1.3rem
}

form.formulario div {
    width: 100%;
    margin-bottom: 5px
}

@media only screen and (min-width:480px) {

    form.formulario div.float-left,
    form.formulario div.float-right {
        width: 48%
    }
}

form.formulario div.alerta {
    overflow: hidden;
    margin-bottom: 10px;
    color: black;
    text-align: center;
    font-size: 12pt;
    font-size: 1rem
}

form.formulario div.alerta span {
    color: black;
    font-weight: 500
}

form.formulario div.alerta.error {
    color: #dd1c47
}

form.formulario div.send {
    clear: both;
    margin-bottom: 0;
    margin-top: 10px
}

form.formulario label {
    display: block;
    float: left;
    border: none;
    font-weight: 500;
    color: #D6BC6C;
    line-height: 35px;
    text-transform: uppercase;
    font-size: 14.4pt;
    font-size: 1.2rem
}

form.formulario label span {
    height: 25px;
    margin-left: 2px;
    font-family: "Poppins", sans-serif;
    font-weight: 300;
    color: #6B299C
}

form.formulario input[type=email],
form.formulario input[type=password],
form.formulario input[type=tel],
form.formulario input[type=text],
form.formulario select,
form.formulario textarea {
    width: 100%;
    padding: 10px;
    font-family: "Poppins", sans-serif;
    font-weight: 400;
    color: #000000;
    background-color: #F5F5F5;
    -webkit-transition: all .5s ease;
    -o-transition: all .5s ease;
    transition: all .5s ease;
    font-size: 12pt;
    font-size: 1rem
}

form.formulario input[type=email],
form.formulario input[type=password],
form.formulario input[type=tel],
form.formulario input[type=text],
form.formulario select,
form.formulario textarea {
    height: 40px;
    margin-bottom: 20px;
    display: block;
    clear: both
}

form.formulario textarea {
    height: 80px
}

form.formulario input[type=email]:focus,
form.formulario input[type=password]:focus,
form.formulario input[type=tel]:focus,
form.formulario input[type=text]:focus,
form.formulario select:focus,
form.formulario textarea:focus {
    color: white;
    background: #6B299C
}

form.formulario input[type=checkbox] {
    float: left;
    margin: 6px 10px 0 0
}

.bread-crumbs {
    display: none;
    overflow: hidden;
    padding: 1em 0;
    background-color: #F5F5F5
}

@media only screen and (min-width:320px) {
    .bread-crumbs {
        display: block
    }
}

.bread-crumbs a,
.bread-crumbs mark {
    display: block;
    float: left;
    position: relative;
    padding: 5px
}

.bread-crumbs a:after {
    content: '';
    width: 1px;
    height: 100%;
    position: absolute;
    top: 0;
    right: 0
}

.bread-crumbs a:hover {
    color: #6B299C
}

.bread-crumbs mark {
    color: #333333;
    font-weight: 500
}

.paginacion {
    width: 100%;
    height: 35px;
    clear: both;
    margin: 20px 0;
    text-align: center
}

.paginacion a,
.paginacion b {
    width: 35px;
    height: 35px;
    overflow: hidden;
    display: inline-block;
    margin: 0 2px;
    font-weight: normal;
    text-align: center;
    line-height: 35px
}

.paginacion b {
    color: white;
    background-color: #6B299C
}

.paginacion a {
    color: #000000;
    background-color: #F5F5F5;
    -webkit-transition: -webkit-box-shadow .2s ease;
    transition: -webkit-box-shadow .2s ease;
    -o-transition: box-shadow .2s ease;
    transition: box-shadow .2s ease;
    transition: box-shadow .2s ease, -webkit-box-shadow .2s ease
}

.paginacion a:hover {
    -webkit-box-shadow: inset 0 0 0 3px #E5E5E5;
    box-shadow: inset 0 0 0 3px #E5E5E5
}

.ant-sig {
    position: relative;
    z-index: 15;
    display: inline-block;
    width: 100%;
    text-align: center;
    margin: 20px auto
}

@media only screen and (min-width:768px) {
    .ant-sig {
        margin: 70px auto
    }
}

.ant-sig div {
    display: block;
    position: relative;
    margin: 0 auto
}

@media only screen and (min-width:768px) {
    .ant-sig div {
        width: 50%;
        float: left
    }
}

.ant-sig div figure {
    position: absolute;
    z-index: 100;
    max-width: 70px;
    display: none
}

@media screen and (-webkit-min-device-pixel-ratio:0) {
    .ant-sig div figure {
        width: 70px
    }
}

.ant-sig div figure img {
    max-width: 70px;
    max-height: 70px;
    display: block;
    -webkit-box-shadow: 0 0 3px rgba(0, 0, 0, 0.2);
    box-shadow: 0 0 3px rgba(0, 0, 0, 0.2)
}

.ant-sig div.ant {
    margin-bottom: 5px
}

@media only screen and (min-width:768px) {
    .ant-sig div.ant {
        width: 13em;
        float: left;
        margin: 0
    }
}

@media only screen and (min-width:768px) {
    .ant-sig div.ant figure {
        bottom: 0;
        right: -75px
    }
}

.ant-sig div.sig {
    margin-top: 5px
}

@media only screen and (min-width:768px) {
    .ant-sig div.sig {
        width: 13em;
        float: right;
        margin: 0
    }
}

@media only screen and (min-width:768px) {
    .ant-sig div.sig figure {
        bottom: 0;
        left: -75px
    }
}

@media only screen and (min-width:768px) {

    .ant-sig div:active figure,
    .ant-sig div:focus figure,
    .ant-sig div:hover figure {
        display: block
    }
}

.ant-sig div a {
    display: block;
    width: 13em;
    max-width: 100%;
    height: 40px;
    position: relative;
    border: 1px solid #6B299C;
    margin: 0 auto;
    color: white;
    background-color: #6B299C;
    text-align: center;
    line-height: 40px;
    -webkit-transition: all ease .5s;
    -o-transition: all ease .5s;
    transition: all ease .5s
}

.ant-sig div a:hover {
    color: #6B299C;
    background-color: white;
    border: 1px solid #6B299C
}

.ant-sig div a.ant:before,
.ant-sig div a.sig:after {
    width: 25px;
    position: absolute;
    top: -1px;
    bottom: -1px;
    color: white;
    line-height: 37px;
    background-color: #6B299C;
    -webkit-transition: background .5s;
    -o-transition: background .5s;
    transition: background .5s
}

.ant-sig div a.ant:before {
    left: -1px;
    content: "<"
}

.ant-sig div a.sig:after {
    right: -1px;
    content: ">"
}

.ant-sig div a.ant:hover:before,
.ant-sig div a.sig:hover:after {
    background: #41195f
}

.servicios ul {
    overflow: hidden;
    display: block;
    position: relative;
    clear: both;
    text-align: center;
    counter-reset: li-contador !important
}

@media only screen and (min-width:768px) {
    .servicios ul {
        margin: 0 -2.5%
    }
}

@media only screen and (min-width:1024px) {
    .servicios ul {
        margin: 0 -1.66%
    }
}

.servicios ul li {
    width: 100%;
    margin: 0 0 1.5em 0;
    position: relative;
    float: left
}

@media only screen and (min-width:768px) {
    .servicios ul li {
        width: 45%;
        margin: 0 2.5% 3%
    }
}

@media only screen and (min-width:1024px) {
    .servicios ul li {
        width: 21.66%;
        margin: 0 1.66% 3%
    }
}

.servicios ul li figure {
    overflow: hidden;
    position: relative;
    padding: 0;
    border: 1px solid #d8d8d8
}

.servicios ul li figure>div:not(.verMas) {
    background: white
}

.servicios ul li figure>div:not(.verMas) a.contenedor-img {
    display: block;
    overflow: hidden
}

.servicios ul li figure>div:not(.verMas) a.contenedor-img img.img-centrada {
    max-width: 100%;
    margin: 0 auto;
    visibility: hidden;
    opacity: 0;
    -webkit-transition: -webkit-transform .25s ease;
    transition: -webkit-transform .25s ease;
    -o-transition: transform .25s ease;
    transition: transform .25s ease;
    transition: transform .25s ease, -webkit-transform .25s ease
}

.servicios ul li figure figcaption {
    display: block;
    width: 100%;
    min-height: 20px;
    padding: 2em 1em
}

.servicios ul li figure figcaption mark {
    position: relative;
    display: block;
    font-weight: 500;
    margin-bottom: 20px;
    -webkit-transition: all ease .5s;
    -o-transition: all ease .5s;
    transition: all ease .5s;
    font-size: 14.4pt;
    font-size: 1.2rem
}

.servicios ul li figure figcaption mark:before {
    width: 46px;
    height: 46px;
    position: absolute;
    top: -56px;
    right: 0;
    padding-top: 13px;
    font-family: "Poppins", sans-serif;
    font-weight: 300;
    color: white;
    background-color: rgba(214, 188, 108, 1);
    border-radius: 50%;
    text-align: center;
    content: counter(li-contador, decimal-leading-zero);
    counter-increment: li-contador;
    -webkit-transition: all ease .5s;
    -o-transition: all ease .5s;
    transition: all ease .5s
}

.servicios ul li figure figcaption div.verMas {
    display: inline-block;
    font-weight: 600;
    border-bottom: 1px solid #000000;
    font-size: 14.4pt;
    font-size: 1.2rem
}

.servicios ul li>img {
    position: absolute;
    bottom: 0;
    right: 0;
    height: 50px
}

.servicios ul li:hover figure figcaption mark {
    color: #D6BC6C
}

.servicios ul li:hover figure figcaption mark:before {
    right: 50%;
    -webkit-transform: translateX(50%);
    -ms-transform: translateX(50%);
    transform: translateX(50%);
    background-color: #D6BC6C
}

.articulos-de-opinion ul {
    overflow: hidden;
    display: block;
    position: relative;
    clear: both;
    text-align: center
}

@media only screen and (min-width:768px) {
    .articulos-de-opinion ul {
        margin: 0 -2%
    }
}

.articulos-de-opinion ul li {
    width: 100%;
    margin: 0 0 3em 0;
    position: relative;
    float: left
}

@media only screen and (min-width:768px) {
    .articulos-de-opinion ul li {
        width: 29%;
        margin: 0 2% 3%
    }
}

.articulos-de-opinion ul li figure .imagen-articulo {
    width: 120px;
    height: 120px;
    margin: 0 auto;
    border: 2px solid #E5E5E5;
    border-radius: 50%;
    background-size: 150% auto;
    background-repeat: no-repeat;
    background-position: 50%
}

.articulos-de-opinion ul li figure figcaption span {
    display: block;
    margin: 20px 0;
    color: #D6BC6C;
    font-weight: 500;
    font-size: 15.6pt;
    font-size: 1.3rem
}

.articulos-de-opinion ul li figure figcaption mark {
    display: block;
    margin: 20px 0;
    overflow: hidden;
    white-space: nowrap;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    font-size: 15.6pt;
    font-size: 1.3rem
}

.articulos-de-opinion ul li figure figcaption div.descripcion-corta {
    height: 43.5pt;
    margin: 10px auto;
    font-size: 10pt;
    line-height: 1.45;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis
}

main.index .bxslider li .imagen-movil {
    display: none
}

@media only screen and (max-width:767px) {
    main.index .bxslider li .imagen-movil {
        display: block
    }
}

main.index .bxslider li .imagen-escritorio {
    display: none
}

@media only screen and (min-width:768px) {
    main.index .bxslider li .imagen-escritorio {
        display: block
    }
}

main.index .servicios-index {
    text-align: center
}

main.index .nosotros-index {
    background-image: url(../images/nosotros-index.jpg);
    background-repeat: no-repeat;
    background-position: center bottom;
    background-size: cover;
    color: white
}

@media only screen and (min-width:1024px) {
    main.index .nosotros-index {
        background-attachment: fixed
    }
}

@media only screen and (min-width:1024px) {
    main.index .nosotros-index section div {
        width: 50%;
        float: right
    }
}

main.index .nosotros-index section div blockquote {
    font-style: italic
}

main.index .nosotros-index section div p {
    margin-bottom: 40px
}

main.index .articulos-index {
    text-align: center
}

main.index .clientes-index {
    background-color: #F5F5F5;
    overflow: hidden
}

main.index .clientes-index .re-central {
    clear: both;
    text-align: center;
    max-width: 901px;
    margin: 0 auto 40px
}

main.index .clientes-index .re-central>div {
    padding: 0 30px
}

main.index .clientes-index .re-central>div ul li:hover img {
    -webkit-filter: grayscale(0);
    filter: grayscale(0);
    opacity: 1
}

main.index .clientes-index .re-central>div ul li img {
    width: 100%;
    -webkit-filter: grayscale(1);
    filter: grayscale(1);
    opacity: .5;
    -webkit-transition: all ease .5s;
    -o-transition: all ease .5s;
    transition: all ease .5s
}

main.index .clientes-index .re-central>div .bx-prev {
    left: -50px;
    background: url(carruselresponsive/images/prev2.png) no-repeat
}

main.index .clientes-index .re-central>div .bx-next {
    right: -50px;
    background: url(carruselresponsive/images/next2.png) no-repeat
}

main.index .anclas-index {
    text-align: center
}

main.index .anclas-index ul {
    overflow: hidden
}

main.index .anclas-index ul li {
    position: relative
}

@media only screen and (min-width:768px) {
    main.index .anclas-index ul li {
        display: inline-block;
        margin: 0 60px
    }
}

main.index .anclas-index ul li:hover a:after,
main.index .anclas-index ul li:hover a:before,
main.index .anclas-index ul li:hover div:after,
main.index .anclas-index ul li:hover div:before {
    background-color: #6B299C
}

main.index .anclas-index ul li div {
    position: relative;
    display: inline-block
}

main.index .anclas-index ul li div:before {
    content: '';
    position: absolute;
    z-index: 1;
    top: 35px;
    left: -25px;
    width: 3px;
    height: 30px;
    background-color: #E5E5E5;
    -webkit-transition: all ease, .5s;
    -o-transition: all ease, .5s;
    transition: all ease, .5s
}

main.index .anclas-index ul li div:after {
    content: '';
    position: absolute;
    z-index: 1;
    top: 0;
    left: -15px;
    width: 3px;
    height: 100px;
    background-color: #E5E5E5;
    -webkit-transition: all ease, .5s;
    -o-transition: all ease, .5s;
    transition: all ease, .5s
}

main.index .anclas-index ul li div a {
    position: relative;
    display: inline-block;
    margin-bottom: 40px
}

main.index .anclas-index ul li div a:after,
main.index .anclas-index ul li div a:before {
    content: '';
    position: absolute;
    z-index: 1;
    width: 3px;
    height: 30px;
    background-color: #E5E5E5;
    -webkit-transition: all ease, .5s;
    -o-transition: all ease, .5s;
    transition: all ease, .5s
}

main.index .anclas-index ul li div a:before {
    top: 35px;
    right: -25px
}

main.index .anclas-index ul li div a:after {
    top: 0;
    right: -15px;
    height: 100px
}

main.index .anclas-index ul li div a mark {
    display: block;
    margin-top: 20px;
    font-size: 14.4pt;
    font-size: 1.2rem
}

main.servicios .re-central section ul li {
    margin-bottom: 40px
}

main.servicios .re-central section ul li figure img {
    width: 100%;
    max-width: 400px
}

main.servicios .re-central section ul li figure figcaption {
    margin-top: 20px
}

main.servicios-detalle .re-central {
    overflow: hidden
}

@media only screen and (max-width:767px) {
    main.servicios-detalle .re-central h2 {
        margin-top: 20px
    }
}

main.servicios-detalle .re-central figure.contenedor-img {
    width: 100%;
    overflow: hidden;
    padding: 0 .5em;
    border: 1px solid #d8d8d8;
    background: white
}

@media only screen and (min-width:768px) {
    main.servicios-detalle .re-central figure.contenedor-img {
        width: 35%;
        float: left
    }
}

main.servicios-detalle .re-central figure.contenedor-img img.img-centrada {
    max-width: 85%;
    display: block;
    margin: 0 auto;
    visibility: hidden;
    opacity: 0
}

main.servicios-detalle .re-central figure.contenedor-img img.zoomImg {
    width: 120%
}

main.servicios-detalle .re-central section.contenedor-txt-editor {
    margin-top: 10px
}

@media only screen and (min-width:768px) {
    main.servicios-detalle .re-central section.contenedor-txt-editor {
        width: 60%;
        float: right;
        margin-top: 0
    }
}

main.servicios-detalle .re-central section.contenedor-txt-editor div.txt-editor {
    padding-bottom: 20px
}

main.servicios-detalle .re-central section.contenedor-txt-editor div.botones {
    text-align: center
}

@media only screen and (min-width:768px) {
    main.servicios-detalle .re-central section.contenedor-txt-editor div.botones {
        text-align: left
    }
}

@media only screen and (max-width:1023px) {
    main.servicios-detalle .re-central section.contenedor-txt-editor div.botones a {
        width: 220px
    }
}

main.servicios-detalle .re-central section.contenedor-txt-editor div.botones a i {
    color: inherit
}

main.servicios-detalle .re-central section.contenedor-txt-editor div.botones .compartir {
    margin-top: 20px;
    padding-top: 20px;
    border-top: 1px solid #E5E5E5
}

main.servicios-detalle .re-central section.contenedor-txt-editor div.botones .compartir mark {
    display: block;
    margin-bottom: 20px;
    padding-bottom: 20px;
    border-bottom: 1px solid #E5E5E5;
    font-size: 14.4pt;
    font-size: 1.2rem
}

main.servicios-detalle .re-central section.contenedor-txt-editor div.botones .compartir a {
    position: relative;
    padding: 0;
    width: 50px;
    height: 50px;
    border-radius: 50%
}

main.servicios-detalle .re-central section.contenedor-txt-editor div.botones .compartir a i {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    margin: 0;
    font-size: 13.2pt;
    font-size: 1.1rem
}

main.servicios-detalle .re-central section.contenedor-txt-editor section.formulario-compartir {
    display: none;
    margin: 40px 0;
    padding: 2em;
    border: 1px dashed #E5E5E5;
    text-align: center;
    -webkit-box-shadow: 0 0 50px rgba(0, 0, 0, 0.1);
    box-shadow: 0 0 50px rgba(0, 0, 0, 0.1)
}

@media only screen and (max-width:1023px) {

    main.servicios-detalle .re-central section.contenedor-txt-editor section.formulario-compartir form a,
    main.servicios-detalle .re-central section.contenedor-txt-editor section.formulario-compartir form input[type=submit] {
        width: 150px
    }
}

main.servicios-detalle .re-central section.contenedor-txt-editor section.formulario-compartir form a i,
main.servicios-detalle .re-central section.contenedor-txt-editor section.formulario-compartir form input[type=submit] i {
    color: inherit
}

main.servicios-detalle .re-central section.productosSim {
    margin-top: 20px
}

@media only screen and (max-width:767px) {
    main.articulos-detalle .re-central div.imagen-grande {
        margin-top: 40px
    }
}

main.articulos-detalle .re-central div.imagen-grande figure.contenedor-img {
    width: 100%;
    max-width: 600px;
    overflow: hidden;
    margin: 40px auto;
    padding: 0 .5em;
    background: white
}

main.articulos-detalle .re-central div.imagen-grande figure.contenedor-img img.img-centrada {
    max-width: 85%;
    display: block;
    margin: 0 auto;
    visibility: hidden;
    opacity: 0
}

main.articulos-detalle .re-central div.articulo-info {
    margin-bottom: 20px;
    padding-bottom: 20px;
    border-bottom: 1px solid #E5E5E5;
    overflow: hidden
}

@media only screen and (min-width:768px) {
    main.articulos-detalle .re-central div.articulo-info div {
        float: left;
        padding-right: 20px;
        margin-right: 20px;
        border-right: 1px solid #E5E5E5
    }
}

main.articulos-detalle .re-central div.articulo-info div mark {
    color: #6B299C;
    font-size: 13.2pt;
    font-size: 1.1rem
}

main.articulos-detalle .re-central div.articulo-info div a:hover {
    color: #D6BC6C
}

main.articulos-detalle .re-central section.contenedor-txt-editor div.txt-editor {
    margin-bottom: 20px
}

main.ventajas .re-central ul {
    text-align: center
}

main.ventajas .re-central ul:after {
    content: '';
    display: block;
    clear: both
}

@media only screen and (min-width:768px) {
    main.ventajas .re-central ul {
        margin: 0 -2.5%
    }
}

main.ventajas .re-central ul li {
    width: 100%;
    position: relative;
    float: left;
    margin-bottom: 40px;
    padding-bottom: 40px;
    border-bottom: 1px solid #E5E5E5;
    -webkit-transition: all ease .5s;
    -o-transition: all ease .5s;
    transition: all ease .5s
}

main.ventajas .re-central ul li:last-child:after {
    position: absolute;
    bottom: 0;
    left: 0;
    display: block
}

@media only screen and (min-width:768px) {
    main.ventajas .re-central ul li {
        width: 45%;
        margin: 0 2.5% 20px
    }
}

@media only screen and (min-width:1360px) {
    main.ventajas .re-central ul li {
        width: 28.33%
    }
}

main.ventajas .re-central ul li figure {
    width: 70px;
    height: 70px;
    margin: 0 auto;
    -webkit-transition: all ease .5s;
    -o-transition: all ease .5s;
    transition: all ease .5s
}

main.ventajas .re-central ul li figure img {
    height: 70px
}

main.ventajas .re-central ul li mark {
    position: relative;
    display: block;
    margin: 20px 0;
    -webkit-transition: all ease .5s;
    -o-transition: all ease .5s;
    transition: all ease .5s;
    font-size: 14.4pt;
    font-size: 1.2rem
}

@media only screen and (min-width:768px) {
    main.ventajas .re-central ul li mark {
        margin-top: 20px
    }
}

main.nosotros .re-central section div {
    max-width: 768px;
    margin: 0 auto;
    padding: 1em;
    border-bottom: 1px solid #E5E5E5
}

main.nosotros .re-central section div ul {
    margin: 20px 0
}

main.nosotros .re-central section div ul li {
    font-weight: 500
}

main.nosotros .re-central section figure {
    margin-top: 20px
}

main.nosotros .re-central section figure img {
    display: block;
    width: 100%;
    max-width: 400px;
    margin: 0 auto
}

@media only screen and (min-width:768px) {
    main.cursos .cursos-wrapper {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between
    }
}

main.cursos .cursos-item {
    padding: 1em;
    margin-bottom: 2%;
    background-color: #F5F5F5
}

@media only screen and (min-width:768px) {
    main.cursos .cursos-item {
        width: 49%
    }
}

main.cursos .cursos-cupo {
    background-color: yellow;
    padding: 0.5em;
    text-align: center;
    color: #6B299C;
    font-weight: bold
}

main.cursos .cursos-video {
    position: relative;
    padding-bottom: 50%;
    margin-bottom: 3em
}

main.cursos .cursos-video iframe {
    position: absolute;
    width: 100%;
    height: 100%
}

main.cursos .cursos-banner {
    margin-bottom: 3em
}

main.cursos .cursos-banner img {
    width: 100%
}

main.cursos .cursos-info {
    text-align: center;
    margin-top: 1em;
    margin-bottom: 1em
}

main.cursos .cursos-contador {
    margin-top: 1em;
    margin-bottom: 1em;
    text-align: center;
    font-size: 1.5em;
    color: #6B299C;
    font-weight: bold
}

main.contacto .re-central>section article {
    overflow: hidden
}

main.contacto .re-central>section article section.dir-form {
    overflow: hidden;
    margin-bottom: 30px
}

@media only screen and (min-width:1024px) {
    main.contacto .re-central>section article section.dir-form {
        width: 50%;
        float: left;
        margin-bottom: 0
    }
}

main.contacto .re-central>section article address {
    text-align: left
}

@media only screen and (min-width:768px) {
    main.contacto .re-central>section article address {
        width: 40%;
        float: right
    }
}

main.contacto .re-central>section article address div {
    margin-bottom: 20px
}

main.contacto .re-central>section article address div p {
    margin-bottom: 10px
}

main.contacto .re-central>section article address div a {
    color: #6B299C
}

main.contacto .re-central>section article address div a:hover {
    color: #41195f
}

main.contacto .re-central>section article address div a.llamar {
    font-weight: 700;
    font-size: 13.2pt;
    font-size: 1.1rem
}

main.contacto .re-central>section article address section.mapa {
    overflow: hidden;
    margin: 0 auto 40px;
    text-align: left
}

main.contacto .re-central>section article address section.mapa iframe {
    width: 300px;
    height: 300px;
    border: 3px solid #E5E5E5
}

@media only screen and (min-width:1024px) {
    main.contacto .re-central>section article address section.mapa iframe {
        width: 400px;
        height: 400px
    }
}

main.contacto .re-central>section article address section.mapa a.boton-lineal {
    width: 85%;
    font-size: 12pt;
    font-size: 1rem
}

@media only screen and (min-width:480px) {
    main.contacto .re-central>section article address section.mapa a.boton-lineal {
        width: auto
    }
}

main.contacto-gracias div.re-central,
main.error404 div.re-central {
    padding: 6em 0
}

main.contacto-gracias div.re-central div,
main.error404 div.re-central div {
    color: #000000;
    text-align: center
}

main.contacto-gracias div.re-central div i,
main.error404 div.re-central div i {
    display: block;
    margin: 20px 0;
    color: inherit;
    font-size: 60pt;
    font-size: 5rem
}

main.contacto-gracias div.re-central div h1,
main.error404 div.re-central div h1 {
    color: inherit
}

main.contacto-gracias div.re-central div a:hover,
main.error404 div.re-central div a:hover {
    color: #6B299C
}

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