@charset "UTF-8";



/*generales*/

*,

*:before,

*:after,

*:active,

*:focus {

    outline: none

}



*,

*:before,

*:after,

*::placeholder {

    color: inherit;

    font-family: inherit

}



*,

*:before,

*:after {

    backface-visibility: inherit;

    background: none;

    border-radius: 0;

    box-shadow: none;

    box-sizing: border-box;

    filter: none;

    float: none;

    clear: none;

    font-size: inherit;

    font-style: inherit;

    font-weight: inherit;

    flex: 0 0 auto;

    letter-spacing: inherit;

    line-height: 1em;

    margin: 0;

    visibility: inherit;

    padding: 0;

    pointer-events: inherit;

    position: relative;

    bottom: auto;

    left: auto;

    right: auto;

    top: auto;

    z-index: 0;

    text-align: inherit;

    text-decoration: none;

    text-shadow: inherit;

    text-transform: inherit;

    transform: none;

    transform-origin: center center;

    vertical-align: inherit

}



*:not(table):not(tr):not(th):not(td) {

    border: none

}



html,

body {

    width: 100%

}



option {

    text-transform: initial

}



table {

    vertical-align: middle

}



/*generales formateo*/

blockquote:before,

q:before {

    content: '“'

}



blockquote:after,

q:after {

    content: '”'

}



em,

i:not(.icon) {

    font-style: italic

}



small {

    font-size: 0.8em

}



sub,

sup {

    font-size: 0.6em

}



/*fuentes icomoon*/

@font-face {

    font-family: 'icomoon';

    src: url('../fonts/icomoon.eot?20230606');

    src: url('../fonts/icomoon.eot?20230606#iefix') format('embedded-opentype'), url('../fonts/icomoon.ttf?20230606') format('truetype'), url('../fonts/icomoon.woff?20230606') format('woff'), url('../fonts/icomoon.svg?20230606#icomoon') format('svg');

    font-weight: normal;

    font-style: normal;

    font-display: block

}



.icon {

    display: block;

    font-family: 'icomoon';

    font-style: normal !important;

    font-variant: normal;

    text-transform: none;

    line-height: 1em;

    -webkit-font-smoothing: antialiased;

    -moz-osx-font-smoothing: grayscale

}



.icon:before,

.icon:after {

    display: block;

    width: 1em;

    height: 1em

}



.icon:after {

    position: absolute;

    left: 0;

    top: 0

}



/*fuentes arial*/

.arial,

.pie_cred-item {

    font-family: 'arial'

}



/*fuentes serif*/

.serif {

    font-family: 'serif'

}



/*bootstrap*/

/*bootstrap grid*/

.container,

.container-fluid {

    width: 100%;

    margin-right: auto;

    margin-left: auto;

    padding-right: 15px;

    padding-left: 15px

}



.row {

    display: flex;

    flex-wrap: wrap;

    flex: 1 0 100%;

    margin-right: -15px;

    margin-left: -15px

}



ol.row,

ul.row {

    list-style: none

}



.col {

    width: 100%;

    max-width: 100%;

    flex: 0 0 100%;

    padding-right: 15px;

    padding-left: 15px

}



@media(min-width:992px){.container{max-width:1070px}}

@media(min-width:1200px){.container{max-width:1140px}}

@media(min-width:1250px){.container{max-width:1200px}}

@media(min-width:1330px){.container{max-width:1280px}}

@media(min-width:1400px){.container{max-width:1320px}}

@media(min-width:1600px){.container{max-width:1540px}}



/*bootstrap relleno*/

.relleno>.row,

.relleno-x>.row {

    margin-left: -0.5em;

    margin-right: -0.5em

}



.relleno>.row>.col,

.relleno-x>.row>.col {

    padding-left: 0.5em;

    padding-right: 0.5em

}



.relleno:not(.col),

.relleno-y:not(.col),

.relleno>.row>.col,

.relleno-y>.row>.col {

    padding-bottom: 0.5em;

    padding-top: 0.5em

}



/*componentes*/

/*componentes cabecera*/

#cabecera {

    width: 100%;

    position: fixed;

    left: 0;

    top: 0

}



/*componentes sanguche*/

#sanguche,

#sanguche_inner {

    display: none;

    width: 100%;

    height: 100%;

    position: fixed;

    left: 0;

    top: 0

}



/*componentes navegador*/

#navegador {

    display: none

}



@media(min-width:992px) {

    #navegador {

        display: flex;

        align-items: center;

        justify-content: flex-end;

        width: 0;

        height: 100%;

        position: fixed;

        right: 0;

        top: 0;

        z-index: 3

    }



    #navegador ul {

        list-style: none

    }



    #navegador ul li {

        width: 100%

    }

}



/*componentes mayor*/

.mayor {

    width: 100%;

    overflow: hidden

}



/*componentes seccion*/

.seccion {

    width: 100%

}



/*componentes division*/

.division {

    width: 100%

}



/*componentes contenedor*/

.contenedor {

    border: 0 solid;

    min-width: 320px;

    height: 100%

}



/* new */

#inicio__banner_con0 {

    height: calc(100% - calc(50px + 5rem));

}



/* formacion continua / curso */

#curso__banner_con0 {

    height: calc(100% - calc(50px + 5rem));

}



/*componentes contenido*/

.contenido {

    border: 0 solid;

    width: 100%

}



/*componentes pie*/

#pie {

    width: 100%

}



.pie_cred-item {

    width: 100%;

    max-width: 100%;

    flex: 0 0 100%

}



.pie_cred-item address {

    font-size: 10px;

    width: 100%;

    line-height: 1.5em;

    text-align: center;

    text-transform: uppercase;

    white-space: nowrap

}



@media(max-width:991.98px) {

    .pie_cred-item address a {

        padding: 5px 0

    }



    .pie_cred-item address span {

        display: none

    }

}



@media(min-width:576px) {

    #pie_cred {

        align-items: center

    }



    .pie_cred-item {

        width: 50%;

        max-width: 50%;

        flex: 0 0 50%

    }



    .pie_cred-item.derechos address {

        text-align: left

    }



    .pie_cred-item.exe address {

        text-align: right

    }

}



@media(min-width:992px) {

    #pie_cred {

        justify-content: space-between

    }



    .pie_cred-item {

        width: auto;

        max-width: 50%;

        flex: 1 1 0

    }



    .pie_cred-item.derechos {

        order: -1

    }



    .pie_cred-item.exe {

        order: 99

    }

}



/*componentes calltoaction*/

.calltoaction {

    z-index: 1

}



.calltoaction a,

.calltoaction a img {

    display: block

}



/*componentes aviso*/

.aviso {

    width: 100%;

    z-index: 2

}



.aviso-cerrar {

    position: absolute

}



/*componentes popup*/

.popup {

    display: none;

    justify-content: center;

    width: 100%;

    height: 100%;

    overflow: auto;

    position: fixed;

    left: 0;

    top: 0;

    z-index: 6

}



.popup-cap {

    width: 100%;

    height: 100%;

    position: absolute;

    left: 0;

    top: 0

}



.popup-co0 {

    max-width: 100%

}



.popup-btn.popup-cer {

    display: flex;

    align-items: center;

    justify-content: center;

    z-index: 1

}



/*componentes acordeon*/

.acordeon {

    width: 100%;

    list-style: none

}



.acordeon-pan {

    width: 100%

}



.acordeon-tab {

    display: flex;

    align-items: center

}



.acordeon-tab .icon {

    width: 1em;

    max-width: 1em;

    flex: 0 0 1em

}



.acordeon-tab .texto {

    width: auto;

    max-width: 100%;

    flex: 1 1 0

}



.acordeon-ple {

    width: 100%;

    height: 0;

    overflow: hidden

}



.acordeon-con {

    width: 100%

}



/*componentes boton*/

.boton {

    display: block

}



.boton-con {

    display: flex;

    align-items: center;

    justify-content: center;

    overflow: hidden

}



.boton-txt {

    width: auto;

    max-width: 100%;

    flex: 0 0 auto

}



.boton-ico {

    width: 1em;

    max-width: 1em;

    flex: 0 0 1em

}



.boton-img {

    max-width: 100%

}



.boton-img img {

    display: block;

    width: 100%;

    height: 100%;

    position: absolute;

    left: 0;

    top: 0

}



/*componentes cantidad*/

.cantidad {

    display: flex

}



.cantidad-btn {

    display: flex;

    align-items: center;

    justify-content: center;

    width: 1em;

    max-width: 1em;

    flex: 0 0 1em

}



/*componentes carrusel*/

.carrusel-lis {

    width: 100%;

    height: 100%;

    list-style: none

}



.carrusel-pun {

    display: flex;

    list-style: none

}



.carrusel.desvanece .carrusel-ite {

    width: 100%;

    position: absolute;

    left: 0;

    top: 0

}



.carrusel.fila .carrusel-lis {

    display: flex

}



.carrusel.fila.directo .carrusel-pun,

.carrusel.fila.directo.eje-x .carrusel-lis {

    flex-direction: row

}



.carrusel.fila.directo.eje-y .carrusel-lis {

    flex-direction: column

}



.carrusel.fila.reverso .carrusel-pun,

.carrusel.fila.reverso.eje-x .carrusel-lis {

    flex-direction: row-reverse

}



.carrusel.fila.reverso.eje-y .carrusel-lis {

    flex-direction: column-reverse

}



.carrusel.centrado .carrusel-lis {

    display: flex

}



.carrusel.centrado .carrusel-ite {

    display: flex;

    flex: 0 0 0

}



.carrusel.centrado.eje-x .carrusel-lis {

    flex-direction: row

}



.carrusel.centrado.eje-x .carrusel-ite {

    width: 0;

    max-width: 0

}



.carrusel.centrado.eje-y .carrusel-lis {

    flex-direction: column

}



.carrusel.centrado.eje-y .carrusel-ite {

    height: 0;

    max-height: 0

}



.inactivo {

    display: none !important

}



/*componentes control*/

.control {

    display: block !important;

    width: 1px !important;

    height: 1px !important;

    position: fixed !important;

    left: 0 !important;

    top: 0 !important;

    z-index: -999 !important

}



/*componentes desborde*/

.desborde {

    width: 100%

}



@media(min-width:992px) {

    .desborde {

        width: calc(100% + 50vw - 480px)

    }

}



@media(min-width:1200px) {

    .desborde {

        width: calc(100% + 50vw - 570px)

    }

}



@media(min-width:1400px) {

    .desborde {

        width: calc(100% + 50vw - 660px)

    }

}



@media(min-width:1600px) {

    .desborde {

        width: calc(100% + 50vw - 770px)

    }

}



/*componentes desplazable*/

.desplazable {

    overflow: auto

}



/*componentes figura*/

.figura {

    display: block

}



.figura img {

    display: block;

    width: 100%;

    height: 100%

}



/*componentes fondo*/

.fondo,

.fondo-img,

.fondo-img>img,

.fondo-vid,

.fondo-vid>video {

    display: block;

    width: 100%;

    height: 100%;

    position: absolute;

    left: 0;

    top: 0

}



.fondo {

    overflow: hidden

}



/*componentes formulario*/

.formulario-cam {

    width: 100%;

    text-align: left

}



.formulario-cam .error {

    display: block;

    font-size: 12px;

    width: 100%;

    order: 999

}



.formulario-ico,

.formulario-ico .icon {

    width: 1em;

    max-width: 1em;

    flex: 0 0 1em

}



.formulario-ico {

    display: flex;

    align-items: center;

    justify-content: center

}



.formulario-cam.adjunto {

    display: flex;

    flex-wrap: wrap

}



.formulario-cam.adjunto .formulario-con {

    border: 0 solid;

    width: 100%

}



.formulario-cam.adjunto .formulario-mar {

    overflow: hidden;

    text-overflow: ellipsis;

    white-space: nowrap

}



.formulario-cam.adjunto .formulario-mar.inicial {

    display: block

}



.formulario-cam.adjunto .formulario-mar.nombre {

    display: none

}



.formulario-cam.adjunto .error {

    max-width: 100%;

    flex: 0 0 100%

}



.formulario-cam.caja .formulario-con {

    border: 0 solid;

    display: flex;

    width: 100%

}



.formulario-cam.caja .formulario-cas {

    border: solid;

    display: flex;

    align-items: center;

    justify-content: center;

    width: 1em;

    max-width: 1em;

    flex: 0 0 1em

}



.formulario-cam.caja .formulario-cas i {

    width: 1em;

    max-width: 1em;

    flex: 0 0 1em

}



.formulario-cam.caja .formulario-mar {

    width: auto;

    max-width: 100%;

    flex: 1 1 0

}



.formulario-cam.caja .formulario-mar a {

    padding: 5px 0

}



.formulario-cam.escrito {

    display: flex

}



.formulario-cam.escrito .formulario-con {

    border: 0 solid;

    width: auto;

    max-width: 100%;

    flex: 1 1 0

}



.formulario-cam.escrito .formulario-mar {

    display: flex;

    width: 100%;

    z-index: 1

}



.formulario-cam.escrito .formulario-mar span {

    width: auto;

    max-width: 100%;

    flex: 1 1 0;

    line-height: 1.1em

}



.formulario-cam.escrito .formulario-btn {

    display: flex;

    align-items: center;

    justify-content: center

}



.formulario-cam.escrito .formulario-btn .icon {

    width: 1em;

    max-width: 1em;

    flex: 0 0 1em

}



.formulario-cam.escrito .formulario-ctr {

    display: block;

    width: 100%;

    position: absolute;

    left: 0;

    top: 0

}



.formulario-cam.escrito .formulario-ctr:not(textarea)~.formulario-mar {

    align-items: center

}



.formulario-cam.escrito textarea.formulario-ctr~.formulario-mar {

    align-items: flex-start

}



.formulario-cam.radio .formulario-con {

    border: 0 solid;

    display: flex;

    width: 100%

}



.formulario-cam.radio .formulario-cas {

    border: solid;

    display: flex;

    align-items: center;

    justify-content: center;

    width: 1em;

    max-width: 1em;

    height: 1em;

    flex: 0 0 1em

}



.formulario-cam.radio .formulario-cas:before {

    content: '';

    display: block;

    width: 1em;

    max-width: 1em;

    height: 1em;

    flex: 0 0 1em

}



.formulario-cam.radio .formulario-mar {

    width: auto;

    max-width: 100%;

    flex: 1 1 0

}



.formulario-cam.suiche .formulario-con {

    display: flex;

    align-items: center;

    width: 100%

}



.formulario-cam.suiche .formulario-cas {

    display: flex

}



.formulario-cam.suiche .formulario-cas:before {

    content: '';

    display: block

}



.formulario-cam.visto .formulario-con {

    border: 0 solid;

    display: flex;

    width: 100%

}



.formulario-cam.visto .formulario-cas {

    width: 1em;

    max-width: 1em;

    flex: 0 0 1em

}



.formulario-cam.visto .formulario-mar a {

    padding: 5px 0

}



/*componentes lista*/

.lista.horizontal {

    display: flex;

    align-items: center

}



.lista.horizontal li {

    width: auto;

    max-width: 100%;

    flex: 0 0 auto

}



.lista.vertical,

.lista.vertical>li {

    width: 100%

}



/*componentes marco*/

.marco {

    width: 100%;

    height: 100%;

    overflow: hidden

}



.marco iframe,

.marco video {

    border: none;

    width: 100%;

    height: 100%;

    position: absolute;

    left: 0;

    top: 0

}



.marco:empty:not(.floja) {

    z-index: -1

}



/*componentes menu*/

.menu-tit {

    display: flex;

    align-items: center;

    width: 100%

}



.menu-tit span {

    width: auto;

    max-width: 100%;

    flex: 1 1 0

}



.menu-co0,

.menu-co1 {

    width: 100%

}



@media(max-width:991.98px) {

    .panel>.menu-co0 {

        height: 0;

        overflow: hidden

    }



    .menu-tit .icon.abajo {

        width: 1em;

        max-width: 1em;

        flex: 0 0 1em

    }

}



@media(min-width:992px) {

    .menu-tit .icon.abajo {

        display: none

    }

}



/*componentes panel*/

.panel.desvanece {

    width: 100%;

    position: absolute;

    left: 0;

    top: 0

}



.paneles {

    width: 100%;

    list-style: none

}



@media(min-width:992px) {

    .panel.desvanece-lg {

        width: 100%;

        position: absolute;

        left: 0;

        top: 0

    }

}



/*componentes pegado*/

.pegado {

    width: 100%;

    height: 100%

}



.pegado-con {

    width: 100%

}



/*componentes submenu*/

.submenu {

    max-width: 100%

}



.submenu-img img {

    display: block;

    width: 100%;

    height: 100%

}



.submenu-img img.normal,

.submenu-img img.cambio {

    position: absolute;

    left: 0;

    top: 0

}



.submenu-lis {

    width: 100%;

    list-style: none

}



@media(max-width:991.98px) {

    .submenu-cam {

        max-width: 100%

    }



    .submenu-btn {

        display: flex;

        align-items: center;

        max-width: 100%

    }



    .submenu-mar {

        width: auto;

        max-width: 100%;

        flex: 1 1 0

    }



    .submenu-ico {

        width: 1em;

        max-width: 1em;

        flex: 0 0 1em

    }



    .submenu-con {

        overflow: auto;

        position: absolute;

        top: 100%

    }



    .submenu-ite {

        width: 100%

    }



    .submenu-lin {

        display: flex;

        align-items: center;

        width: 100%

    }



    .submenu-txt {

        width: auto;

        max-width: 100%;

        flex: 1 1 0

    }

}



@media(min-width:992px) {

    .submenu-cam {

        display: none

    }

}



/*componentes tabla*/

.tabla,

.tabla table {

    width: 100%

}



@media(max-width:991.98px) {

    .tabla {

        overflow: auto

    }

}



/*componentes texto*/

.texto {

    display: block;

    width: 100%

}



.texto.enriquecido * {

    max-width: 100%

}



.texto.enriquecido img {

    height: auto

}



.texto.enriquecido span[style*='background-color:'] {

    padding: 0.1em

}



.texto.enriquecido table {

    width: 100%

}



.texto.enriquecido table tr>* {

    padding: 5px

}



@media(max-width:991.98px) {

    .texto.enriquecido a {

        padding: 5px 0

    }

}



/*componentes vector*/

.vector {

    display: block

}



.vector svg {

    display: block;

    width: 100%;

    height: 100%;

    position: absolute;

    left: 0;

    top: 0

}



/*componentes ver*/

@media(max-width:991.98px) {

    .ver-lg {

        display: none !important

    }

}



@media(min-width:992px) {

    .ver-xs {

        display: none !important

    }

}