@charset "UTF-8";



button,
h2 span,
select {
    text-transform: none
}

.clear,
.clearfix:after,
.modal-footer:after,
.modal-header:after {
    clear: both
}

body,
fieldset,
figure {
    margin: 0
}

fieldset,
hr,
legend {
    padding: 0
}

.clear,
.fixedsocial span.tooltip,
.hidden,
.hidden_a,
.invisible {
    visibility: hidden
}

.rdIdentity,
dfn {
    font-style: italic
}

.btn_navMobile.active svg .gh-svg-rect-center,
.hidden_a {
    /* opacity:0 */
}

.ir:before,
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
hr,
main,
nav,
section,
summary {
    display: block
}

audio,
canvas,
video {
    display: inline-block
}

audio:not([controls]) {
    display: none;
    height: 0
}

[hidden],
template {
    display: none
}

html {
    font-family: sans-serif;
    -ms-text-size-adjust: 100%;
    -webkit-text-size-adjust: 100%
}

a {
    background: 0 0
}

a:focus {
    outline: dotted thin
}

a:active,
a:hover {
    outline: 0
}

h1 {
    font-size: 2em;
    margin: .67em 0
}

abbr[title] {
    border-bottom: 1px dotted
}

b,
strong {
    font-weight: 700
}

hr {
    -moz-box-sizing: content-box;
    box-sizing: content-box;
    height: 1px;
    border: 0;
    border-top: 1px solid #ccc;
    margin: 1em 0
}

.ir,
fieldset,
img,
legend {
    border: 0
}

mark {
    background: #ff0;
    color: #000
}

code,
kbd,
pre,
samp {
    font-family: monospace, serif;
    font-size: 1em
}

pre {
    white-space: pre-wrap
}

.botonesAccesos a.btn,
.boxDocumentos .contentDocs ul li .titleDocs a,
.moreDocs li,
.moreDocs li a,
.primaryNav #servicios .ctnChild_1 ul li a,
.serviciosList>ul>li>a,
.shortcutButton ul.frecuentShortcut li span.appsTooltip {
    /* text-overflow:ellipsis; */
    /* white-space:nowrap; */
}

q {
    quotes: "\201C" "\201D" "\2018" "\2019"
}

small {
    font-size: 80%
}

sub,
sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline
}

sup {
    top: -.5em
}

sub {
    bottom: -.25em
}

img {
    vertical-align: middle
}

.hidden_a,
.ir,
.visuallyhidden,
svg:not(:root) {
    overflow: hidden
}

button,
input,
select,
textarea {
    font-family: inherit;
    font-size: 100%;
    margin: 0
}

button,
input {
    line-height: normal
}

button,
html input[type=button],
input[type=reset],
input[type=submit] {
    -webkit-appearance: button;
    cursor: pointer
}

button[disabled],
html input[disabled] {
    cursor: default
}

input[type=checkbox],
input[type=radio] {
    box-sizing: border-box;
    padding: 0
}

input[type=search] {
    -webkit-appearance: textfield;
    -moz-box-sizing: content-box;
    -webkit-box-sizing: content-box;
    box-sizing: content-box
}

input[type=search]::-webkit-search-cancel-button,
input[type=search]::-webkit-search-decoration {
    -webkit-appearance: none
}

button::-moz-focus-inner,
input::-moz-focus-inner {
    border: 0;
    padding: 0
}

textarea {
    overflow: auto;
    vertical-align: top;
    resize: vertical
}

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

button,
html,
input,
select,
textarea {
    color: #bed1dc;
}

body {
    font-size: 1em;
    line-height: 1.4
}

a_left {
    float: left
}

a_right {
    float: right
}

::-moz-selection {
    background: #b3d4fc;
    text-shadow: none
}

::selection {
    background: #b3d4fc;
    text-shadow: none;
}

.chromeframe {
    margin: .2em 0;
    background: #ccc;
    color: #000;
    padding: .2em 0
}

.ir {
    background-color: transparent
}

.ir:before {
    content: "";
    width: 0;
    height: 150%
}

.hidden {
    display: none !important
}

.hidden_a {
    height: 0
}

.visuallyhidden {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    padding: 0;
    position: absolute;
    width: 1px
}

.visuallyhidden.focusable:active,
.visuallyhidden.focusable:focus {
    clip: auto;
    height: auto;
    margin: 0;
    overflow: visible;
    position: static;
    width: auto
}

.clear {
    display: block;
    overflow: hidden;
    width: 0;
    height: 0
}

@media print {

    blockquote,
    img,
    pre,
    tr {
        page-break-inside: avoid
    }

    * {
        background: 0 0 !important;
        color: #000 !important;
        box-shadow: none !important;
        text-shadow: none !important
    }

    a,
    a:visited {
        text-decoration: underline
    }

    a[href]:after {
        content: " (" attr(href) ")"
    }

    abbr[title]:after {
        content: " (" attr(title) ")"
    }

    .ir a:after,
    a[href^="#"]:after,
    a[href^="javascript:"]:after {
        content: ""
    }

    blockquote,
    pre {
        border: 1px solid #999
    }

    thead {
        display: table-header-group
    }

    img {
        max-width: 100% !important
    }

    @page {
        margin: .5cm
    }

    h2,
    h3,
    p {
        orphans: 3;
        widows: 3
    }

    h2,
    h3 {
        page-break-after: avoid
    }
}

.boxid_ {
    width: 100%
}

.primaryNav ul {
    margin: 0;
    padding: 0
}

.primaryNav ul li {
    list-style: none
}

.primaryNav>ul>li>div {
    position: absolute;
    display: none;
    width: 100%;
    background: #fff;
    left: 0;
    right: 0;
    box-shadow: 0 5px 9px -4px rgba(0, 0, 0, .2);
    border-bottom-right-radius: 2px;
    border-bottom-left-radius: 2px;
    overflow: hidden;
    padding: 18px 10px;
    transition: 0.5s ease;
}

.primaryNav>ul>li {
    float: left;
}

.primaryNav>ul>li>a,
.primaryNav>ul>li>span {
    /* display: table; */
    padding: 18px 20px;
    text-transform: uppercase;
    font-size: 12px;
    transition: ease all .3s;
    cursor: pointer;
    box-shadow: inset 0 4px 0 0 rgb(63 169 245 / 0%);
    color: #fff;
    position: relative;
}

.primaryNav>ul>li.active>a {
    box-shadow: inset 0 6px 0 0 #dc3545, inset 0 0px 0px 0px rgb(0 86 166 / 0%);
}

.primaryNav>ul>li.parent>a,
.primaryNav>ul>li.parent>span {
    /* padding:13px 26px 13px 14px; */
}

.primaryNav>ul>li:hover>a,
.primaryNav>ul>li:hover>span,
.primaryNav>ul>li>a:focus,
.primaryNav>ul>li>a:visited {
    /* background:#fff; */
    /* color:#024c91!important; */
    box-shadow: inset 0 48px 0 0 #dc3545, inset 0 -40px 30px -30px rgb(0 86 166 / 0%);
}

.primaryNav {
    display: table;
    width: 100%;
    position: relative;
    z-index: 9999;
}

.boxid_.nav {
    background: #203c73;
    padding: 13px 0px;
    /* box-shadow: 0 10px 10px -10px rgb(27 127 204 / 80%); */
    position: relative;
    border-bottom: 2px solid #dc3545;
}

.ctnTabNav .dependencias,
.ctnTabNav .quienes-somos {
    background-image: url(../img/edificio-educacion.jpg)
}

.primaryNav>ul>li:active>div,
.primaryNav>ul>li:focus-within>div,
.primaryNav>ul>li:focus>div,
.primaryNav>ul>li:hover>div {
    display: block
}

.primaryNav>ul>li.parent>a:after,
.primaryNav>ul>li.parent>span:after {
    content: "";
    position: absolute;
    right: 5px;
    top: 46%;
    border-left: 4px solid transparent;
    border-right: 4px solid transparent;
    border-bottom: 0 solid #b3d4fc;
    border-top: 4px solid #b3d4fc;
    transition: .3s;
}

.primaryNav>ul>li.parent:hover>a:after,
.primaryNav>ul>li.parent:hover>span:after {
    border-top-color: #f1f1f1;
    -ms-transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
    right: 7px;
}

.primaryNav .ctnChild_1 ul {
    float: left;
    margin-right: 10px;
    min-width: 20%;
    max-width: 100%;
}

.primaryNav .ctnChild_1 ul {
    /* margin-left:10px */
}

.primaryNav .ctnChild_1 ul>li>a,
.primaryNav .ctnChild_1>ul>li>div {
    margin: 0;
    color: #0056a6;
    text-decoration: none;
    cursor: pointer
}

.primaryNav .ctnChild_1>ul>li>a:hover {
    text-decoration: underline
}

.ctnChild_1 ul li div.active,
.primaryNav .ctnChild_1 ul li a.active {
    color: #3fa9f5 !important
}

.primaryNav .ctnChild_1 ul li {
    font-size: 12px;
    cursor: pointer;
    padding: 10px 0;
    transition: .5s;
    font-weight: 300;
    outline: 0;
    /* width:86%; */
    display: block;
    position: relative;
}

.primaryNav .titleList,
.primaryNav h3 {
    font-size: 14px;
    color: #0056a6;
    margin: 0 0 10px
}

.primaryNav .titleList {
    font-weight: 400;
    text-transform: uppercase;
    line-height: 36px
}

.primaryNav p {
    font-size: 13px;
    font-family: 'Open Sans';
    margin: 4px 0 15px;
    color: #404040
}

.areas-institucionales,
.dependencias,
.despacho-ministro,
.itemTab.quienes-somos {
    position: relative;
    border-left: 1px solid #f1f1f1;
    height: 355px;
    padding: 0 0 0 25px
}

.ctnTabNav,
.itemTab {
    float: none;
    display: inline-block;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 248px;
    overflow: hidden
}

.ctnTabNav .quienes-somos {
    box-shadow: inset 460px 80px 230px 0 #fff
}

.ctnTabNav .despacho-ministro {
    background-image: url(../img/ministro.jpeg)
}

.ctnTabNav .areas-institucionales {
    background-image: url(../img/edificio-educacion.jpg)
}

.primaryNav .itemTab.quienes-somos .ctnTagList {
    min-width: 40%;
    max-width: 50%;
    display: block;
    float: inherit
}

.primaryNav #frase-ministro {
    display: block;
    background: rgba(234, 236, 238, .88);
    padding: 20px;
    margin: 40px 0 0;
    font-size: 18px;
    font-family: 'open sans';
    font-style: italic;
    color: #5386b5;
    position: absolute;
    width: 80%;
    border-left: 4px solid #5386b5;
    bottom: 30px
}

#ctnTagList li {
    background: rgba(63, 169, 245, .1);
    color: #5386b5;
    display: inline-block;
    padding: 5px 8px;
    text-transform: uppercase;
    font-size: 11px;
    margin: 2px 0;
    cursor: inherit
}

.primaryNav .ctnChild_1 #ctnTagList {
    width: 100%;
    display: block;
    float: none;
    max-width: 100%;
    margin-bottom: 20px
}

#servicios a.viewmoreTabNav,
.btnNoticiasPortada a.viewmoreTabNav,
.itemTab.areas-institucionales a.viewmoreTabNav,
.itemTab.dependencias a.viewmoreTabNav,
.itemTab.despacho-ministro a.viewmoreTabNav,
.primaryNav .itemTab.quienes-somos a.viewmoreTabNav {
    font-size: 13px;
    color: #00549f;
    cursor: pointer;
    border: 1px solid rgb(255 224 0 / 52%);
    padding: 6px 12px;
    text-decoration: none;
    transition: all ease .3s;
}

#servicios a.viewmoreTabNav:hover,
.itemTab.areas-institucionales a:hover,
.itemTab.dependencias a:hover,
.itemTab.despacho-ministro a:hover,
.primaryNav .itemTab.quienes-somos a:hover {
    color: #fff;
    background: #223c73;
    border: 1px solid rgba(0, 86, 166, 0);
}

.primaryNav .widgetTabNav_noticias {
    float: left;
    min-width: 20%;
    max-width: 24%;
    margin: 0 28px 0 0
}

.primaryNav .widgetTabNav_galerias {
    float: left;
    width: 20%
}

.primaryNav .imageTabNav,
.primaryNav .transmisionesTabNav {
    width: 100%;
    height: 160px;
    position: relative;
    border-radius: 2px;
    display: block;
    float: left;
    overflow: hidden
}

.primaryNav .widgetTabNav_transmisiones {
    float: left;
    min-width: 20%;
    max-width: 26%;
    margin: 0 28px 0 0
}

.primaryNav .imageTabNav {
    margin: 0 0 10px
}

.primaryNav .transmisionesTabNav {
    background: #eaecee;
    margin: 0;
    cursor: pointer
}

.primaryNav .titleTabNav {
    margin: 0 0 5px
}

.primaryNav .textTabNav {
    font-size: 12px;
    color: grey;
    font-weight: 100;
    font-family: 'Open Sans', sans-serif;
    line-height: 16px
}

.primaryNav .vermasTabNav {
    font-size: 12px;
    margin: 8px 0 0;
    color: #3fa9f5;
    padding: 5px 8px;
    border: 1px solid #b3d4fc;
    float: left;
    display: block
}

.primaryNav .transmisionesTabNav ul li a {
    line-height: 16px;
    padding: 0 0 12px;
    color: inherit;
    text-decoration: none;
    display: block;
    cursor: pointer
}

.widgetTabNav_galerias .imageTabNav {
    max-height: 100px
}

.primaryNav #servicios .ctnChild_1 ul li {
    padding: 8px 0;
}

.primaryNav #servicios .ctnChild_1 .col-submenu {
    max-width: 30%;
    float: left;
    position: relative;
    padding-left: 1%;
}

.primaryNav .ctnChild_1 .widgetTabNav_transmisiones ul li {
    outline: 0;
    padding: 10px 0 0;
    max-height: 36px;
    overflow: hidden;
    margin: 0
}

.primaryNav .imageTabNav img {
    width: auto;
    min-width: 124%;
    position: absolute;
    left: -25%;
    top: -12%
}

.primaryNav #comunicaciones .titleTabNav a {
    font-weight: 400;
    line-height: 17px;
    font-size: 13px;
    color: #1d1d1d;
    display: inline-block;
    cursor: pointer;
    transition: ease all .3s
}

.active .icPrimaryNav.icon {
    color: #3fa9f5
}

.icPrimaryNav.bullet.icon {
    font-size: 10px;
    color: #3fa9f5;
    line-height: 27px;
}

.itemTab .icPrimaryNav.bullet.icon+a {
    position: relative;
    left: 15px;
    line-height: 14px;
    text-decoration: none
}

.icon.underline:after,
.linkTabNav.active:before {
    content: "";
    position: absolute;
    background: #3fa9f5
}

.icPrimaryNav.icon {
    font-size: 2em;
    float: left;
    display: inline-block;
    color: #5386b5;
    margin-right: 6px;
    margin-top: -3px
}

.linkTabNav.active:before {
    height: 65%;
    left: -14px;
    width: 2px;
    top: 25%
}

.icon.underline:after {
    height: 2px;
    width: 100%;
    bottom: -6px;
    left: 0
}

.boxid_.navMobile,
.ctnSearchMobile,
.navMobile .barNav,
.underline.icon {
    position: relative
}

.titleList.ministro {
    font-size: 21px;
    color: #fff;
    text-transform: capitalize;
    padding: 10px 20px;
    background: #5386b5;
    font-family: 'Open Sans'
}

.boxinput,
.primaryNavMobile li,
.serviciosMenu ul li a {
    font-family: Roboto
}

#servicios .ctnChild_1,
.primaryNav .itemTab {
    background-position: top right;
    background-repeat: no-repeat;
    left: 0;
    background-size: contain;
}

.primaryNav a.linkServicios:hover {
    color: #3fa9f5;
    text-decoration: underline
}

.primaryNav .itemTab {
    padding: 20px 20% 56px 20px
}

.ctnTabNav .despacho-del-ministro {
    background-image: url(../img/ministro.jpeg)
}

.primaryNav .itemTab * {
    z-index: 1;
    position: relative
}

#servicios .ctnChild_1 {
    background-image: url(../img/servicios.jpg);
    box-shadow: inset 600px 158px 250px 35px #fff;
    margin-top: 15px;
    border-top: 2px solid #dc3545;
}

.vermasTabNav:hover {
    background: #5386b5;
    border: none;
    color: #fff;
    cursor: pointer
}

.primaryNav .widgetTabNav_transmisiones ul {
    display: table;
    min-width: 100%
}

.boxid_.navMobile {
    padding: 0;
    min-height: 54px;
    overflow: hidden
}

.navMobile .barNav {
    background: #fff
}

.ctnSearchMobile {
    float: left;
    width: calc(100% - 60px);
    padding: 10px 0;
    height: 34px
}

.boxinput input {
    border: 0;
    padding: 7px 0;
    margin: 0;
    position: absolute;
    left: 5%;
    right: 5%;
    top: 0;
    line-height: inherit;
    outline: 0;
    bottom: 0;
    width: 90%;
    background: 0 0;
    text-transform: inherit
}

.bodyPage .bodyText h3,
.boxContactTitle span,
.boxPortadaTitle h2,
.boxServiciosVerTodos a,
.boxid_ .ctnFooterNav ul .ctnBtn a,
.boxid_.socialIconsSection .tituloRedes,
.boxinput,
.btVerMasNtc a,
.ctnContactInfo h3,
.ctnPageTitle h1,
.ctnPageTitle ul li,
.footerNav .titleList,
.formBlock select,
.formGroup label.formItem,
.imagBox ul li,
.listaServicios a.ServiciosVerMas,
.logo h1 i,
.logo h1 span,
.mapBox h2,
.navSupport ul,
.newsCategories,
.pageBreadcrumb li a,
.pageDetailsItems,
.portadaTitle h2,
.primaryNav #servicios .ctnChild_1 ul li.herramienta:after,
.primaryNavMobile .ctnChild_mobile a,
.primaryNavMobile li,
.princVideoRow .ntcVideoRow .ntcFull .itemPost .datePost,
.rdIdentity,
.servicioIntro h3,
.serviciosPortadaTitle,
.shortcutButton .ctnShortcutButtons .titleShortcut,
a.linkpruebas,
input.btn,
span.sidebarModuleTitle {
    text-transform: uppercase
}

.boxinput {
    height: 30px;
    border: 2px solid #2080ce;
    border-radius: 2px;
    overflow: hidden;
    position: relative;
    width: calc(90% - 8px);
    margin-right: 5%;
    background: #fff;
    line-height: 8px;
    font-size: 12px
}

.ctnSearchMobile form {
    position: relative;
    width: 100%
}

a.ctnBtnNavMobile {
    float: right;
    width: 60px;
    height: 54px;
    background: rgba(63, 169, 245, .1);
    transition: ease all .3s;
    cursor: pointer
}

a.ctnBtnNavMobile:active {
    background: rgba(63, 169, 245, .2)
}

.btn_navMobile {
    position: relative;
    margin: 10px 0;
    transition: all ease .3s;
}

.btn_navMobile svg {
    width: 40%;
    margin: 0 auto;
    display: block;
    height: 34px;
}

.btn_navMobile svg rect {
    fill: #2080ce;
    display: block;
    position: relative;
    transition: all .3s ease
}

.btn_navMobile.active svg .gh-svg-rect-top {
    -ms-transform: translate(0px, 23px);
    -webkit-transform: translate(0px, 23px);
    transform: translate(0px, 23px);
}

.btn_navMobile.active svg .gh-svg-rect-bottom {
    -ms-transform: translate(0px, -23px);
    -webkit-transform: translate(0px, -23px);
    transform: translate(0px, -23px);
}

.btn_navMobile.active {
    /* margin:8px 0 0 -4px; */
}

.primaryNavMobile {
    position: relative;
    display: table;
    width: 100%;
    z-index: 999;
    background-color: transparent
}

.primaryNavMobile li {
    display: block;
    padding: 12px 0;
    margin: 0;
    color: #fff;
    transition: ease .5s;
    font-weight: 300;
    font-size: 15px;
    cursor: pointer;
    border-bottom: 1px solid rgba(0, 86, 185, .5)
}

.primaryNavMobile li a {
    color: inherit !important;
    display: block !important
}

.primaryNavMobile ul {
    margin: 0;
    padding: 20px 0 30px;
    position: relative
}

.primaryNavMobile li.active {
    border-bottom: 1px solid rgba(0, 86, 185, 0)
}

.primaryNavMobile li.linkTabNavMobile:after {
    content: "+";
    float: right;
    color: #b3d4fc;
    font-size: 18px;
    line-height: 18px;
    -webkit-animation-name: iconRotate;
    -webkit-animation-duration: .3s;
    animation-name: iconRotate;
    animation-duration: .3s
}

.primaryNavMobile li.active.linkTabNavMobile:after {
    display: none;
    content: "+";
    float: right;
    color: #b3d4fc;
    font-size: 18px;
    line-height: 18px;
    -webkit-animation-name: iconRotate;
    -webkit-animation-duration: .3s;
    animation-name: iconRotate;
    animation-duration: .3s
}

.primaryNavMobile li.active.linkTabNavMobile:before,
.primaryNavMobile li.linkTabNavMobile:before {
    content: "-";
    color: #b3d4fc;
    font-size: 24px;
    line-height: 18px;
    transition: .3s;
    float: right
}

.primaryNavMobile li.linkTabNavMobile:before {
    display: none;
    -webkit-animation-name: iconRotate;
    -webkit-animation-duration: .3s;
    animation-name: iconRotate;
    animation-duration: .3s
}

.primaryNavMobile li.active.linkTabNavMobile:before {
    font-family: arial;
    display: block;
    -webkit-animation-name: iconRotate;
    -webkit-animation-duration: .3s;
    animation-name: iconRotate;
    animation-duration: .3s
}

.primaryNavMobile .ctnChild_mobile a {
    display: block;
    color: #fff;
    text-decoration: none;
    padding: 12px 15px;
    font-size: 12px;
    transition: ease .5s
}

.primaryNavMobile .ctnChild_mobile ul {
    padding: 0 50px;
    height: 100%;
    position: relative;
    border-bottom: 1px solid rgba(0, 86, 185, .5)
}

.primaryNavMobile .ctnChild_mobile a:before {
    content: "";
    color: rgba(179, 212, 252, .52);
    box-shadow: -31px 10px 0 1px;
    display: block;
    width: 15px
}

.primaryNavMobile .ctnChild_mobile a:after {
    float: right;
    color: #b3d4fc
}

.primaryNavMobile .ctnChild_mobile a:hover {
    cursor: pointer
}

.primaryNavMobile .ctnChild_mobile ul:before {
    background: rgba(179, 212, 252, .52);
    content: "";
    width: 2px;
    position: absolute;
    top: 0;
    left: 33px;
    bottom: 17px
}

.primaryNavMobile .linkTabNavMobile li {
    background: #cc6363
}

.primaryNavMobile.hidden.animat {
    height: 0
}

.primaryNavMobile .ctnChild_mobile {
    transition: ease 1s;
    height: auto
}

.ctnChild_mobile.hidden_a ul {
    height: 0
}

@-webkit-keyframes iconRotate {
    from {
        -ms-transform: rotate(0);
        -webkit-transform: rotate(0);
        transform: rotate(0)
    }

    to {
        -ms-transform: rotate(180deg);
        -webkit-transform: rotate(180deg);
        transform: rotate(180deg)
    }
}

@keyframes iconRotate {
    from {
        -ms-transform: rotate(0);
        -webkit-transform: rotate(0);
        transform: rotate(0)
    }

    to {
        -ms-transform: rotate(180deg);
        -webkit-transform: rotate(180deg);
        transform: rotate(180deg)
    }
}

.fixedsocial a,
.shortcutButton ul.frecuentShortcut>li>a {
    transform: translate3d(3em, 0, 0);
    -webkit-animation-name: example;
    -webkit-animation-fill-mode: forwards;
    cursor: pointer
}

.primaryNav .ctnChild_1 ul li:hover {
    color: #000 !important;
    cursor: pointer;
    outline: 0
}

.boxid_.navTopFixed {
    position: fixed;
    top: 0;
    border-top: 1px solid #2793e6
}

.primaryNav .imageTabNav img:before,
.primaryNav .transmisionesTabNav:after,
.primaryNav .transmisionesTabNav:before,
.widgetTabNav_galerias .imageTabNav:before {
    position: absolute;
    content: ""
}

.primaryNav #servicios .ctnChild_1 ul div.ctnBtn {
    margin-top: 14px;
    width: 252px
}

.primaryNav #servicios .ctnChild_1 ul li a {
    overflow: hidden;
    /* width:85%; */
    display: block;
    color: #0056a6;
}

.widgetTabNav_galerias,
.widgetTabNav_noticias,
.widgetTabNav_transmisiones,
li#comunicaciones .ctnTabNav,
li#sobre-nosotros .ctnTabNav {
    display: none
}

.widgetTabNav_galerias .imageTabNav:before {
    background: rgba(255, 255, 255, .6);
    width: 15px;
    height: 15px;
    right: 10px;
    top: 10px;
    z-index: 99;
    border-radius: 2px;
    box-shadow: 1px -1px 0 0 rgba(0, 0, 0, .3), 3px -3px 0 0 rgba(255, 255, 255, .3)
}

.primaryNav .transmisionesTabNav:before {
    left: calc(50% - 17px);
    top: 68px;
    width: 0;
    height: 0;
    border: 34px solid transparent;
    border-bottom: 26px solid transparent;
    border-top: 26px solid transparent;
    border-left-color: rgba(255, 255, 255, .74);
    z-index: 999;
    box-shadow: -10px 0 10px -10px rgba(0, 0, 0, .5)
}

.primaryNav .transmisionesTabNav:after {
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background: rgba(0, 0, 0, .17);
    z-index: 2;
    -webkit-backdrop-filter: saturate(180%) blur(2px);
    backdrop-filter: saturate(180%) blur(2px);
    background-color: rgba(0, 0, 0, .2)
}

.pruebas.mini a.icon.Ic_gpw-106 {
    font-size: 32px;
    color: #ff5722;
    line-height: 42px
}

.primaryNav #comunicaciones .titleTabNav a:hover {
    text-decoration: underline
}

.primaryNav .imageTabNav img:before {
    background: #fff;
    left: 70px;
    top: 0;
    width: 100px;
    z-index: 999999999999999
}

.primaryNav #comunicaciones .ctnChild_1 ul,
.primaryNav #enlaces .ctnChild_1 ul,
.primaryNav #sobre-nosotros .ctnChild_1 ul {
    max-width: inherit;
    width: 90%
}

li#comunicaciones,
li#enlaces,
li#sobre-nosotros {
    position: relative
}

#enlaces .ctnChild_1,
#sobre-nosotros .ctnChild_1 {
    min-width: 240px;
    height: auto !important;
    margin-top: 15px;
    border-top: 2px solid #dc3545;
}

#comunicaciones .ctnChild_1 {
    min-width: 240px;
    min-height: auto;
    margin-top: 15px;
    border-top: 2px solid #dc3545;
}

.primaryNav #servicios .ctnChild_1 ul li.herramienta:after {
    content: 'en línea';
    position: absolute;
    right: -40px;
    top: 10px;
    font-size: 9px;
    color: #f60;
    background: #fff;
    height: 10px;
    padding: 3px 5px;
    border-radius: 3px
}

.boxid_.footerCopyright ul,
.boxid_.footerDecentralizadas ul,
.boxid_.footerInfo ul,
.boxid_.footerNav ul {
    margin: 0;
    padding: 0
}

.boxid_.footerCopyright ul li,
.boxid_.footerDecentralizadas ul li,
.boxid_.footerInfo ul li,
.boxid_.footerNav ul li {
    list-style: none
}

.boxid_.footerDecentralizadas ul li {
    float: left;
    width: 16.66%;
    display: table;
    padding: 10px 0
}

.boxid_.footerDecentralizadas ul li a {
    display: table-cell;
    overflow: hidden;
    position: relative;
    height: 60px;
    width: 100%;
    text-align: center;
    vertical-align: middle
}

.boxid_.footerDecentralizadas ul li a img {
    max-width: 90%
}

.boxid_.footerNav {
    background: #11244c;
    padding: 50px 0;
}

.boxid_ .ctnFooterNav .col-footer {
    float: left;
    max-width: 20%;
    min-width: 15%;
    font-size: 13px;
    line-height: 16px;
    padding-right: 8px
}

.boxid_ .ctnFooterNav ul li {
    position: relative;
    display: table
}

.boxid_ .ctnFooterNav ul li a {
    text-decoration: none;
    color: #dae1e5;
    display: block;
    padding: 8px 0
}

.boxid_ .ctnFooterNav ul li a:hover {
    text-decoration: underline;
    color: #a6b9ca
}

.footerNav .titleList {
    color: #c3d0dc;
    margin: 0 0 20px;
    display: block
}

.footerNav .icon {
    float: left;
    margin-right: 6px;
    margin-top: 0;
    font-size: 18px;
    color: inherit
}

.boxid_.footerInfo {
    background: #0a1835;
    padding: 40px 0;
    min-height: 110px;
    border-top: 1px solid #f00;
}

.footerInfo .ftLogoMinerd {
    padding-bottom: 30px;
    width: 120px;
    max-width: 120px
}



.boxid_.footerInfo .container {
    position: relative
}

.ctnFotterInfo {
    text-align: center;
    color: #aab4bf;
    font-size: 12px;
    line-height: 18px;
    padding: 0 20px
}

.boxid_.footerCopyright ul {
    font-size: 13px;
    color: #78899c
}

.boxid_.footerCopyright ul li {
    padding-left: 5px
}

.boxid_.footerCopyright .Copyright ul li {
    float: left
}

.boxid_.footerCopyright .Copyright ul li a {
    text-decoration: none;
    color: inherit;
    padding: 5px
}

.boxid_.footerCopyright .Copyright ul li a:hover {
    text-decoration: underline;
    color: #a6b9ca
}

.boxid_.EnterateSeccion {
    background-color: #dd3444;
    border-bottom: 2px solid #eee;
    background-color: #dd3444;
    background-image: url("data:image/svg+xml,%3Csvg width='100' height='20' viewBox='0 0 100 20' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M21.184 20c.357-.13.72-.264 1.088-.402l1.768-.661C33.64 15.347 39.647 14 50 14c10.271 0 15.362 1.222 24.629 4.928.955.383 1.869.74 2.75 1.072h6.225c-2.51-.73-5.139-1.691-8.233-2.928C65.888 13.278 60.562 12 50 12c-10.626 0-16.855 1.397-26.66 5.063l-1.767.662c-2.475.923-4.66 1.674-6.724 2.275h6.335zm0-20C13.258 2.892 8.077 4 0 4V2c5.744 0 9.951-.574 14.85-2h6.334zM77.38 0C85.239 2.966 90.502 4 100 4V2c-6.842 0-11.386-.542-16.396-2h-6.225zM0 14c8.44 0 13.718-1.21 22.272-4.402l1.768-.661C33.64 5.347 39.647 4 50 4c10.271 0 15.362 1.222 24.629 4.928C84.112 12.722 89.438 14 100 14v-2c-10.271 0-15.362-1.222-24.629-4.928C65.888 3.278 60.562 2 50 2 39.374 2 33.145 3.397 23.34 7.063l-1.767.662C13.223 10.84 8.163 12 0 12v2z' fill='%23ee5e6b' fill-opacity='0.4' fill-rule='evenodd'/%3E%3C/svg%3E");
}

.portadaNotc4Rows .titlePost:hover,
.portadaNtcPrinc .itemPost .titlePost:hover {
    color: #2793e6
}

.ntcEnterateSeccion .datePost,
.ntcEnterateSeccion .titlePost:hover {
    color: #0056a6
}

.ntcEnterateSeccion .programasPtd li a:hover,
.ntcEnterateSeccion .programasPtd li:hover {
    color: #fff
}

.ctnFotterInfo ul li a {
    color: #d9d9d9;
    text-decoration: underline
}

.ntcPiesEscuelas .titlePost a {
    font-size: 16px;
    font-weight: 300;
    line-height: 22px;
    color: #fff;
    margin: 6px 0;
    transition: .3s
}

h2.titlePost.titleVideoPortada a:hover {
    text-decoration: underline
}

.ntcEnterateSeccion .datePost,
.ntcEnterateSeccion .titlePost a:hover {
    color: #0056a6
}

.shortcutButton .ctnShortcutButtons ul {
    overflow: hidden;
    background: rgba(255, 255, 255, .95);
    padding: 15px;
    border-radius: 2px;
    box-shadow: 0 0 24px -10px #003767, inset 0 -310px 154px -150px rgba(0, 55, 103, .06);
    border-bottom: 2px solid #3fa9f5
}

.shortcutButton .ctnShortcutButtons .titleShortcut {
    font-size: 14px;
    line-height: 28px;
    color: #0056a6;
    border-radius: 3px;
    margin-bottom: 10px;
    padding-bottom: 10px;
    text-align: left;
    border-bottom: 1px solid #ddd
}

.boxPost_ .itemPost a:hover {
    color: #2793e6
}

.ntcPiesEscuelas .titlePost a:hover {
    color: #fff;
    text-decoration: underline
}

.boxid_.socialIconsSection {
    background: #232731;
    height: 160px;
    overflow: hidden;
    box-shadow: inset 0 180px 120px -120px rgba(0, 86, 166, .11);
    display: block;
    border-bottom: 1px solid rgba(153, 153, 153, .1);
    background-image: url("data:image/svg+xml,<svg id='patternId' width='100%' height='100%' xmlns='http://www.w3.org/2000/svg'><defs><pattern id='a' patternUnits='userSpaceOnUse' width='20' height='20' patternTransform='scale(2) rotate(0)'><rect x='0' y='0' width='100%' height='100%' fill='hsla(221, 54%, 29%, 1)'/><path d='M0-10C-.011-4.49-4.485.03-10 .03-4.485.03-.011 4.49 0 10 .011 4.498 4.493.001 10-.01 4.493-.02.012-4.498 0-10zm0 20c-.011 5.51-4.485 10.03-10 10.03 5.515 0 9.989 4.46 10 9.97.011-5.502 4.493-9.999 10-10.01C4.493 19.98.012 15.502 0 10zm20-20C19.989-4.49 15.515.03 10 .03c5.515 0 9.989 4.46 10 9.97.011-5.502 4.493-9.999 10-10.01-5.507-.01-9.988-4.488-10-9.99zm0 20c-.011 5.51-4.485 10.03-10 10.03 5.515 0 9.989 4.46 10 9.97.011-5.502 4.493-9.999 10-10.01-5.507-.01-9.988-4.488-10-9.99z'  stroke-width='1' stroke='hsla(221, 55%, 32%, 1)' fill='none'/><path d='M10 0C9.989 5.51 5.515 10.03 0 10.03c5.515 0 9.989 4.46 10 9.97.011-5.502 4.493-9.998 10-10.01-5.507-.01-9.988-4.488-10-9.99z'  stroke-width='1' stroke='hsla(221, 55%, 32%, 1)' fill='none'/></pattern></defs><rect width='800%' height='800%' transform='translate(0,0)' fill='url(%23a)'/></svg>");
    overflow: hidden;
    box-shadow: inset 0 180px 120px -120px rgb(0 86 166 / 11%);
    display: block;
    padding: 70px 0px;
}

.boxid_.socialIconsSection .tituloRedes {
    display: table;
    font-size: 22px;
    font-weight: 100;
    color: #fff;
    width: 100%;
    text-align: center;
    margin: 20px 0
}

.boxid_.socialIconsSection ul {
    margin: 36px auto 0;
    padding: 0;
    list-style: none;
    display: table;
    position: relative
}

.boxid_.socialIconsSection ul li {
    display: table;
    height: 30px;
    float: left;
    padding: 10px;
    margin: 0 14px;
    position: relative
}

.boxid_.socialIconsSection ul li span.tooltip {
    visibility: hidden;
    opacity: 0;
    padding: 5px 1%;
    display: block;
    transition: ease all .3s;
    position: absolute;
    margin: 0 auto;
    background: rgba(0, 0, 0, .5);
    top: -30px;
    left: calc(50% - 30px);
    width: 98%;
    text-align: center;
    font-size: 12px;
    border-radius: 3px
}

.boxid_.socialIconsSection ul li a {
    color: #fff;
    font-size: 24px;
    background: #065fd4;
    border-radius: 50%;
    padding: 8px;
    transition: ease all .3s;
}

.boxid_.socialIconsSection ul li a.icon.Ic_gpw-90:hover {
    background: #395795;
    color: #fff
}

.boxid_.socialIconsSection ul li a.icon.Ic_gpw-266:hover {
    background: #000;
    color: #fff
}

.boxid_.socialIconsSection ul li a.icon.Ic_gpw-91:hover {
    background: #fc1685;
    color: #fff
}

.boxid_.socialIconsSection ul li a.icon.Ic_gpw-92:hover {
    background: #cd486b;
    background: linear-gradient(-145deg, #8a3ab9, #cd486b, #fbad50);
    color: #fff
}

.boxid_.socialIconsSection ul li a.icon.Ic_gpw-93:hover {
    background: #127cb4;
    color: #fff
}

.boxid_.socialIconsSection ul li a.icon.Ic_gpw-96:hover {
    background: #1da1f2;
    color: #fff
}

.boxid_.socialIconsSection ul li a.icon.Ic_gpw-97:hover {
    background: #c8312b;
    color: #fff
}

.boxid_.socialIconsSection ul li:hover>span.tooltip {
    visibility: visible;
    opacity: 1
}

.boxid_.socialIconsSection ul li span.tooltip:after {
    content: "";
    border-top: 4px solid rgba(0, 0, 0, .5);
    border-bottom: 1px solid transparent;
    border-right: 5px solid transparent;
    border-left: 4px solid transparent;
    position: absolute;
    bottom: -5px;
    left: 26px
}

.boxid_ .ctnFooterNav .col-footer .ctnBtn a {
    display: inline-block;
    background: rgba(79, 82, 90, .61);
    padding: 5px 10px;
    border-radius: 2px;
    color: #d2dce6;
    font-size: 11px;
    margin: 10px 0;
    width: 72%;
    text-align: center
}

.boxid_ .ctnFooterNav ul li ul {
    position: absolute;
    right: 10px;
    background: #fff;
    width: 190px;
    z-index: 99;
    border-radius: 1px;
    top: 0;
    display: none
}

.boxid_ .ctnFooterNav ul li ul li a {
    padding: 12px
}

.boxid_ .ctnFooterNav ul li ul:before {
    content: "";
    border-right: 10px solid #fff;
    border-left: 10px solid rgba(255, 255, 255, 0);
    border-top: 10px solid rgba(255, 255, 255, 0);
    border-bottom: 10px solid rgba(255, 255, 255, 0);
    position: absolute;
    top: 5px;
    left: -20px
}

.boxid_ .ctnFooterNav ul li:hover ul {
    display: table
}

#searchform label {
    display: none
}

#searchform input#searchsubmit {
    font-size: 0;
    margin: 0;
    padding: 0;
    top: 0;
    position: absolute;
    right: 0;
    bottom: -2px;
    width: 100%;
    background: rgba(255, 255, 255, 0);
    border: 0;
    cursor: pointer
}

.boxSearch,
.ctn_header,
.rdIdentity,
form#searchform {
    position: relative
}

form#searchform {
    max-width: 100%;
    border-bottom: 0;
}

.boxSearch {
    width: 240px;
    padding: 15% 0;
    margin: 2px 0;
}

.nav_right {
    float: right;
    margin-right: 20px;
}

.logo h1 i,
.navSupport ul>*,
.nav_left {
    float: left
}

.nav_left {
    margin-left: 10px;
}

.navSupport ul {
    margin: 0;
    font-size: 12px;
    color: #435761;
    padding: 0
}

.navSupport ul li {
    list-style: none
}

.navSupport ul>span {
    padding: 0 4px;
    color: #ddd
}

.rdIdentity {
    font-size: 11px;
    color: #50565a;
    line-height: 22px;
    height: 25px;
    background-image: url(../img/escudo_republica_dominicana.png);
    background-repeat: no-repeat;
    background-position: 1px 1px;
    padding-left: 28px;
    background-size: 20px;
    margin-top: 0;
    margin-bottom: 5px;
}

.logo h1 {
    margin: 0;
    padding: 0;
    font-weight: 100;
    font-size: 40px;
    line-height: 40px;
    color: #04244a
}

.ctn_header {
    height: 90px;
    padding: 6px 0 12px;
    background: #fff;
    z-index: 2
}

.boxid_.header {
    background: #fefefe;
    padding: 0;
}

.boxid_.header.scrollTop {
    margin-bottom: 43px
}

.navSupport ul li a {
    text-decoration: none;
    color: inherit;
    font-weight: 300
}

.navSupport ul li.middle {
    padding: 0 4%;
    margin: 0 5%;
    /* border-left:1px solid; */
    /* border-right:1px solid; */
    border-color: #ddd;
}

#searchform input:focus {
    background: #f7f9ff;
    border: 1px dotted !important
}

.logo h1 span {
    display: block;
    font-size: 11px;
    line-height: 11px
}

.logo h1 i {
    font-size: 13px;
    line-height: 30px;
    display: block;
    font-style: normal;
    color: #999;
    border-top: 1px solid rgba(204, 204, 204, .28);
    margin-top: 10px;
    width: 200px
}

.rdHeaderMobile {
    background: #fff;
    color: #2caddb;
    padding: 2px 0;
    font-size: 12px;
    box-shadow: inset 0 -30px 30px -20px #f9fcff
}

.rdHeaderMobile * {
    color: #16598f;
    font-size: inherit;
    display: table;
    margin: 0 auto
}

.navSupport .icon {
    font-size: 30px;
    padding: 0 6px;
    color: #0056a6
}

.logo {
    width: 270px;
    /* margin:14px 0; */
}

.btnSearch {
    font-size: 0;
    margin: 0;
    padding: 0;
    top: 7px;
    position: absolute;
    right: 5px;
    bottom: 2px;
    width: 17%;
    border: 0;
    font-family: gpweb;
    z-index: 0;
}

.textoDescarga,
body {
    font-family: Roboto, sans-serif
}

.btnSearch:before {
    content: "\e943";
    font-size: 22px;
    margin: 1px 7px;
    display: block;
    color: #5386b5
}

.navSupport {
    overflow: hidden;
    margin: 15px 0px;
}

.boxid_.navMobile:before {
    content: "";
    position: absolute;
    height: calc(100% - 48px);
    width: 100%;
    top: 54px;
    background: #0056a6;
    background: -moz-linear-gradient(45deg, #0056a6 0, #3fa9f5 100%);
    background: -webkit-linear-gradient(45deg, #0056a6 0, #3fa9f5 100%);
    background: linear-gradient(45deg, #0056a6 0, #3fa9f5 100%)
}

ul.radioTvEducativa.a_right {
    position: relative;
    margin-right: 6px;
}

ul.radioTvEducativa.a_right:after,
ul.radioTvEducativa.a_right:before {
    position: absolute;
    border-top: 21px solid rgba(198, 40, 40, 0);
    border-bottom: 21px solid #0056a6;
    bottom: 0
}

ul.radioTvEducativa.a_right:before {
    border-left: 21px solid rgba(198, 40, 40, 0);
    border-right: 21px solid #043c6f;
    left: -42px
}

ul.radioTvEducativa.a_right:after {
    border-right: 21px solid rgba(198, 40, 40, 0);
    border-left: 21px solid #043c6f;
    right: -42px
}

ul.radioTvEducativa.a_right * {
    color: #fff;
    font-weight: 700;
    background-color: #dc3545;
    transition: 0.3s ease;
}

.rdHeaderMobile .rdIdentity {
    line-height: 23px
}

.boxid_.navMobile.l_hidden .container {
    display: flex
}

.ctn_header a:focus,
.ctn_header a:visited {
    color: #2390e3 !important
}

.boxid_.socialIconsSection ul li a:visited,
.footerNav a:focus {
    color: #ddd !important
}

.l_hidden {
    display: none !important
}

.a_right {
    float: right
}

a {
    text-decoration: none;
    outline: 0;
    color: #344058;
    cursor: pointer
}

.boxid_ {
    padding: 30px 0;
    transition: 0s;
    float: left;
    display: block
}

.boxid_.carouselPortada {
    padding: 0;
    display: block;
    overflow: hidden !important;
    position: relative;
    z-index: 2;
    /* max-height:530px */
    background-color: #f9f9f9;
}

.ctnPortadaSideBanners ul li {
    margin: 0 1% 22px
}

.ctnBtn.admBtn {
    margin-top: 20px
}

.boxid_.princVideoRow {
    padding: 0;
    margin-bottom: 0;
    position: relative
}

.princVideoRow .boxPost_.ntcVideoRow {
    margin-top: 30px
}

.ntcVideoRow .boxPortadaTitle h2 {
    font-size: 16px;
    margin-bottom: 18px;
    line-height: 22px;
    font-weight: 300
}

.boxid_.catVideos {
    position: relative;
    background: #eaf1fb;
    overflow: hidden;
    border-top: 1px solid #dadada;
    border-bottom: 1px solid #dadada;
    padding-bottom: 0;
    background-color: rgba(0, 0, 0, .5);
    right: 30px;
    top: 19px;
    color: #fff
}

.ntcVideos .videoFull .videoPrinc {
    width: 660px;
    position: relative;
    min-height: 350px;
    float: left;
    display: block
}

.ntcVideos .videoFull .videoPrinc iframe {
    width: 100%;
    height: 350px;
    position: absolute
}

.boxid_.catVideos .btClose {
    padding: 5px;
    position: absolute;
    display: block;
    width: 22px;
    height: 22px;
    text-align: center;
    font-size: 16px;
    line-height: 19px;
    text-decoration: none;
    color: #fff
}

.boxid_.catVideos .btClose a:hover {
    text-decoration: underline
}

.catVideos .ntcVideos {
    margin-top: 20px;
    margin-bottom: 20px
}

.catVideos .ntcVideos .videoFull .itemPost {
    position: relative
}

.catVideos .ntcVideos .videoFull .itemPost .imgPost {
    position: relative;
    overflow: hidden;
    width: 530px;
    height: 300px;
    background: #ddd;
    float: left
}

.catVideos .ntcVideos .videoFull .itemPost .titlePost {
    margin-left: 680px;
    padding: 0;
    font-size: 26px;
    font-weight: 400;
    margin-top: 0;
    margin-bottom: 5px
}

.catVideos .ntcVideos .videoFull .itemPost .datePost {
    margin-left: 680px;
    padding: 0;
    font-size: 12px;
    display: none
}

.catVideos .ntcVideos .videoFull .itemPost .estractPost {
    margin-left: 680px;
    font-size: 14px;
    overflow: hidden;
    height: 35px
}

.grid_12 .boxPost_.ntcVideoRow {
    padding-bottom: 0;
    margin-bottom: 0
}

.princVideoRow .ntcVideoRow .ctnFullNtc .ntcFull {
    width: 19%;
    float: left;
    margin-right: 1%
}

.princVideoRow .ntcVideoRow .ntcFull .itemPost .titlePost {
    font-size: 14px;
    line-height: 18px;
    font-weight: 300;
    margin-top: 0;
    margin-bottom: 10px;
    color: #484444
}

.princVideoRow .ntcVideoRow .ntcFull .itemPost:hover .titlePost {
    color: #0056a6
}

.princVideoRow .ntcVideoRow .ntcFull .itemPost .datePost {
    color: #0056a6;
    padding: 5px 0;
    font-size: 11px;
    display: none
}

.princVideoRow .ntcVideoRow .ctnFullNtc .ntcFull .itemPost .imgPost {
    position: relative;
    overflow: hidden;
    height: 118px;
    background: #d9e1e7;
    max-height: 150px;
    margin-bottom: 6px
}

.princVideoRow .ntcVideoRow .ctnFullNtc .ntcFull .itemPost .imgPost img {
    width: auto;
    min-width: 150%;
    position: absolute;
    left: -25%
}

.thumb-play {
    display: none;
    background-color: rgba(0, 0, 204, .8);
    position: absolute;
    top: 50%;
    left: 50%;
    height: 10px;
    width: 10px;
    padding: 18px 15px 18px 20px;
    margin-top: -35px;
    margin-left: -35px;
    z-index: 2;
    border-radius: 50%
}

.boxid_.catVideos .itemRelacionados {
    overflow: hidden;
    margin-left: 680px;
    margin-top: 20px
}

.boxid_.catVideos .itemRelacionados .itemPost {
    position: relative;
    width: 22%;
    float: left;
    margin-right: 3%;
    margin-bottom: 0;
    overflow: hidden
}

.boxid_.catVideos .itemRelacionados .itemPost .imgPost {
    position: relative;
    overflow: hidden;
    width: 100%;
    height: 70px;
    max-height: 75px;
    margin-bottom: 6px
}

.boxid_.catVideos .itemRelacionados .itemPost .imgPost img {
    width: auto;
    min-width: 157%;
    position: absolute;
    left: -25%
}

.catVideos .ntcVideos .itemRelacionados .itemPost .titlePost {
    font-size: 12px;
    line-height: 17px;
    color: inherit;
    font-family: inherit;
    margin-left: 0;
    width: 100%
}

.catVideos .ntcVideos .itemRelacionados .itemPost:hover .titlePost {
    color: #0056a6
}

.itemRelacionados .relTitle h2 {
    font-size: 14px;
    margin-top: 20px;
    font-weight: 400;
    color: inherit;
    font-family: inherit
}

.boxServiciosVerTodos a:after,
.listaServicios ul li a:before {
    font-family: gpweb !important;
    font-weight: 100;
    content: "\e93c"
}

.ntcVideos .shareVideos {
    overflow: hidden;
    margin-left: 680px;
    padding: 0;
    margin-top: 15px
}

.ntcVideos .shareVideos ul {
    list-style: none;
    padding: 0;
    overflow: hidden;
    margin: 0
}

.ntcVideos .shareVideos li {
    float: left;
    width: 36px;
    height: 36px;
    border-radius: 50%;
    margin-right: 15px;
    display: block;
    text-align: center
}

.ntcVideos .shareVideos a.icon.Ic_gpw-90,
.ntcVideos .shareVideos a.icon.Ic_gpw-96 {
    border-radius: 20px;
    font-size: 24px;
    color: #fff;
    width: 36px;
    height: 36px;
    line-height: 35px;
    display: block
}

.ntcVideos .shareVideos a.icon.Ic_gpw-90 {
    background: #395693
}

.ntcVideos .shareVideos a.icon.Ic_gpw-96 {
    background: #1da1f2
}

.fixedsocial {
    position: fixed;
    right: 0;
    top: 150px;
    padding: 20px;
    z-index: 999;
    transition: ease .3s
}

.fixedsocial.scrollTop {
    top: 30px
}

.fixedsocial ul {
    list-style: none;
    margin-left: 0;
    padding: 0
}

.fixedsocial li {
    border-radius: 50%;
    width: 36px;
    margin-bottom: 5px;
    height: 36px;
    text-align: center;
    line-height: 35px;
    font-size: 12px;
    position: relative
}

.fixedsocial span.tooltip {
    position: absolute;
    background: #484848;
    padding: 0 8px;
    right: calc(90% + 10px);
    display: block;
    line-height: 24px;
    border-radius: 2.5px;
    top: 6px;
    opacity: 0;
    transition: cubic-bezier(.95, 1.37, .74, .93) all .3s
}

.fixedsocial ul li:hover span.tooltip {
    visibility: visible;
    opacity: 1;
    right: calc(100% + 10px)
}

.fixedsocial a.icon.Ic_gpw-29 {
    font-size: 20px;
    color: #fff
}

.fixedsocial span.tooltip:after {
    content: "";
    border-left: 6px solid #484848;
    border-right: 6px solid rgba(117, 90, 90, 0);
    border-bottom: 6px solid rgba(234, 236, 238, 0);
    border-top: 6px solid rgba(255, 255, 255, 0);
    transition: all ease .6s;
    left: 100%;
    position: absolute;
    top: 6px
}

.fixedsocial a.icon.Ic_gpw-90,
.fixedsocial a.icon.Ic_gpw-91,
.fixedsocial a.icon.Ic_gpw-92,
.fixedsocial a.icon.Ic_gpw-93,
.fixedsocial a.icon.Ic_gpw-96,
.fixedsocial a.icon.Ic_gpw-97 {
    border-radius: 20px;
    width: 36px;
    height: 36px;
    display: block;
    color: #fff;
    transition: ease all .3s
}

.fixedsocial a {
    font-size: 35px;
    opacity: 0;
    -webkit-animation-duration: 4s;
    animation-name: example;
    animation-duration: .3s;
    animation-delay: 2s;
    animation-fill-mode: forwards
}

.fixedsocial a.icon.Ic_gpw-90,
.fixedsocial a.icon.Ic_gpw-92,
.fixedsocial a.icon.Ic_gpw-96 {
    font-size: 24px;
    line-height: 35px
}

@-webkit-keyframes example {
    from {
        transform: translate3d(3em, 0, 0);
        opacity: 0
    }

    to {
        transform: translate3d(0, 0, 0);
        opacity: 1
    }
}

@keyframes example {
    from {
        transform: translate3d(3em, 0, 0);
        opacity: 0
    }

    to {
        transform: translate3d(0, 0, 0);
        opacity: 1
    }
}

.fixedsocial a.icon:hover {
    transform: scale(1.1)
}

.fixedsocial a.icon.Ic_gpw-96 {
    background: #1da1f2;
    animation-delay: .2s
}

.fixedsocial a.icon.Ic_gpw-90 {
    background: #395693;
    animation-delay: .1s
}

.fixedsocial a.icon.Ic_gpw-92 {
    background: #cd486b;
    background: linear-gradient(-145deg, #8a3ab9, #cd486b, #fbad50);
    animation-delay: .3s
}

.fixedsocial a.icon.Ic_gpw-97 {
    background: #c8312b;
    font-size: 21px;
    line-height: 35px;
    animation-delay: .4s
}

.fixedsocial a.icon.Ic_gpw-91 {
    background: #fc1685;
    font-size: 24px;
    line-height: 35px;
    animation-delay: .5s
}

.fixedsocial a.icon.Ic_gpw-93 {
    background: #127cb4;
    font-size: 21px;
    line-height: 34px;
    animation-delay: .6s
}

.btVerMasNtc a,
a.linkpruebas {
    font-size: 13px
}

a.linkpruebas {
    line-height: 40px;
    color: #ff5722;
    font-weight: 600;
    display: table;
    transition: ease .3s
}

.btVerMasNtc a.link:after,
.pageBreadcrumb li:before {
    font-weight: 100;
    content: "\e93c"
}

.btVerMasNtc {
    display: table;
    margin: 10px 0
}

.btVerMasNtc a {
    text-decoration: none;
    color: #19598a;
    background: rgba(83, 134, 181, .08);
    padding: 10px;
    display: inline-block;
    border-radius: 2px;
    margin-right: 10px;
    transition: .3s;
    outline: 0
}

.btVerMasNtc a.link {
    background: 0 0;
    padding: 10px 0;
}

.btVerMasNtc a.link:after {
    font-family: gpweb !important;
    font-size: 9px;
    text-decoration: none !important;
    padding: 0 0 0 6px;
    display: inline-block;
    vertical-align: middle;
    margin-top: -1px
}

a.btn_.link.txtWhite {
    color: #fff !important;
    background: rgba(255, 255, 255, .15);
    padding: 10px
}

.btVerMasNtc a.btnAction {
    background: #3fa9f5;
    color: #fff
}

.btVerMasNtc a:hover {
    background: rgba(98, 175, 246, .14);
    color: #2793e6
}

.btVerMasNtc a.link:hover {
    background: 0 0
}

.btVerMasNtc a.btnAction:hover {
    color: #fff;
    background: #2793e6
}

a.btn_.link.txtWhite:hover {
    background: rgba(255, 255, 255, .19)
}

.pageBreadcrumb li {
    float: left;
    padding: 6px 5px 0 10px;
    font-size: 11px;
    color: #999
}

.pageBreadcrumb {
    display: block;
    margin: 0 0 20px;
    width: 100%;
    overflow: hidden;
    border-bottom: 1px solid #e1ebf9;
    padding: 10px 0
}

.pageBreadcrumb li:first-child {
    font-size: 24px;
    color: #3fa9f5 !important;
    padding: 0
}

.pageBreadcrumb li:before {
    font-family: gpweb;
    color: #78899c;
    font-size: 9px;
    padding: 0 10px 0 0
}

.pageBreadcrumb li:first-child:before {
    display: none
}

.pageBreadcrumb li a {
    text-decoration: none;
    color: #4d5a69
}

#owl-carouselPortada .owl-controls .owl-buttons .owl-next:after {
    content: "\e93c";
    font-family: gpweb;
    font-size: 24px;
    color: #fff;
    position: absolute;
    top: 4px;
    right: 6px
}

#owl-carouselPortada .img-carousel:after {
    /* position:absolute; */
    /* content:""; */
    height: 100%;
    right: 0;
    left: 0;
    top: 0;
    z-index: 1;
    box-shadow: inset -300px 0 200px -200px rgba(0, 0, 0, .5);
}

#owl-carouselPortada .owl-controls .owl-buttons .owl-prev:after {
    content: "\e93c";
    font-family: gpweb;
    font-size: 24px;
    color: #fff;
    position: absolute;
    top: 4px;
    left: 7px;
    transform: rotate(180deg)
}

#owl-carouselPortada .img-carousel:before {
    /* position:absolute; */
    /* content:""; */
    height: 100%;
    left: 0;
    right: 0;
    top: 0;
    z-index: 1;
    box-shadow: inset 300px 0 200px -200px rgba(0, 0, 0, .5);
}

#owl-carouselPortada .owl-controls .owl-buttons .owl-next:hover,
#owl-carouselPortada .owl-controls .owl-buttons .owl-prev:hover {
    background: rgba(27, 127, 204, .8)
}

#owl-carouselPortada .owl-controls .owl-buttons .owl-prev:hover {
    transform: translate(-5px, 0)
}

div#owl-carouselPortada {}

#owl-carouselPortada .owl-controls .owl-buttons .owl-next:hover {
    transform: translate(5px, 0)
}

#owl-carouselPortada .owl-controls .owl-buttons .owl-next:after:hover {
    color: #ccc
}

#owl-carouselPortada .owl-controls {
    display: table;
    margin-left: auto;
    margin-right: auto;
    width: 1170px;
    margin-top: -21px;
    position: static;
    z-index: 2
}

#owl-carouselPortada .owl-controls .owl-buttons {
    position: absolute;
    top: 45%;
    width: 1170px
}

#owl-carouselPortada .title-item-carousel .container .grid_12 {
    position: absolute;
    bottom: 30px;
    max-width: inherit
}

#owl-carouselPortada .owl-controls .owl-buttons .owl-prev {
    left: -20px;
    position: absolute
}

#owl-carouselPortada .owl-controls .owl-buttons .owl-next {
    position: absolute;
    right: -20px
}

#owl-carouselPortada .owl-controls .owl-buttons .owl-next,
#owl-carouselPortada .owl-controls .owl-buttons .owl-prev {
    background: rgba(0, 0, 0, .31);
    border-radius: 50%;
    width: 40px;
    height: 40px;
    transition: .3s
}

#owl-carouselPortada .title-item-carousel {
    position: absolute;
    left: 0;
    right: 0;
    font-family: roboto;
    bottom: 0;
    padding-bottom: 20px;
    padding-top: 80px;
    box-shadow: inset 0 -160px 200px -100px rgba(0, 0, 0, .37);
    z-index: 2;
    min-height: 200px
}

#owl-carouselPortada .owl-pagination,
#owlEnterate .owl-pagination,
#owlPortadaSideBanners .owl-pagination {
    z-index: 99;
    display: table;
    position: relative;
    overflow: hidden
}

#owl-carouselPortada .owl-pagination {
    bottom: 8px;
    height: 16px;
    margin-left: auto;
    margin-right: auto
}

#owl-carouselPortada .owl-pagination>div {
    background: rgba(255, 255, 255, .3);
    width: 9px;
    border: 1px solid rgba(255, 255, 255, .54);
    height: 9px;
    float: left;
    margin: 5px 3px;
    border-radius: 50%;
    box-shadow: 0 -1px 0 .2px rgba(0, 0, 0, .2)
}

#owl-carouselPortada .owl-pagination>div.active {
    background: rgba(255, 255, 255, .6);
    border-color: #fff
}

#owlEnterate .owl-pagination {
    bottom: 0;
    height: 16px;
    margin-left: auto;
    margin-right: auto
}

#owlEnterate .owl-pagination>div {
    background: #ddd;
    width: 9px;
    border: 1px solid rgba(255, 255, 255, .54);
    height: 9px;
    float: left;
    margin: 5px 3px;
    border-radius: 50%
}

#owlPortadaSideBanners .owl-pagination {
    bottom: 0;
    height: 16px;
    margin-left: auto;
    margin-right: auto
}

#owlPortadaSideBanners .owl-pagination>div {
    background: rgba(27, 127, 204, .3);
    width: 9px;
    border: 1px solid rgba(255, 255, 255, .54);
    height: 9px;
    float: left;
    margin: 8px 3px;
    border-radius: 50%
}

.boxid_.bottomBannersPortada ul {
    list-style: none;
    padding: 0
}

.boxid_.bottomBannersPortada li {
    float: left;
    width: 23%;
    background: #eff6fd;
    margin: 1%;
    height: 150px;
    border-bottom: 3px solid #167ac6;
    border-radius: 2px
}

.boxid_.bottomBannersPortada {
    padding: 40px 0 40px;
    background: #fff;
    position: relative;
    top: 10px;
}

#owlBottomBannersPortada .owl-pagination {
    bottom: 0;
    position: relative;
    height: 16px;
    display: table;
    overflow: hidden;
    margin-left: auto;
    margin-right: auto
}

#owlBottomBannersPortada .owl-pagination>div {
    background: rgba(27, 127, 204, .3);
    width: 9px;
    border: 1px solid rgba(255, 255, 255, .54);
    height: 9px;
    float: left;
    margin: 8px 3px;
    border-radius: 50%
}

.boxService_ {
    float: left;
    width: 33.33%;
    overflow: hidden;
    text-align: center;
    background: no-repeat #004482;
    color: #fff;
    padding: 20px 0;
    background-size: cover;
    position: relative;
    /* max-height:220px; */
    height: 215px;
    display: block;
}

.boxService_ ul {
    margin: 0 -4%;
    padding: 0;
    overflow: hidden;
    position: relative;
    height: 72%;
    display: table;
    width: 100%;
    z-index: 2
}

.boxService_.seccionpadres-y-alumnos {
    background-image: url(../img/serv_alumnos.jpg);
    border-top-left-radius: 3px;
    border-bottom-left-radius: 3px
}

.listaServicios {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    visibility: hidden;
    transition: ease .3s;
    opacity: 0;
    background: rgba(255, 255, 255, .7);
    padding: 30px;
    box-shadow: inset 0 310px 250px -220px #f9f9f9
}

p.serviciosPortadaDescription {
    font-size: 13px;
    font-weight: 300;
    color: rgba(255, 255, 255, .85);
    padding: 0 20px
}

.boxService_ .icon {
    font-size: 40px;
    margin-bottom: 10px;
    display: block;
    color: #fff
}

.boxService_.secciondocentes {
    background-image: url(../img/serv_docentes.jpg)
}

.boxService_.seccionmas-servicios {
    background-image: url(../img/serv_otros.jpg);
    border-top-right-radius: 3px;
    border-bottom-right-radius: 3px
}

.serviciosPortadaTitle {
    font-size: 21px;
    font-weight: 600;
    color: #fff
}

.portadaTitle h2 {
    color: #0056a4;
    font-size: 14px;
    position: relative;
    font-weight: 700;
    padding-bottom: 10px
}

.portadaTitle h2:before {
    content: "";
    height: 2px;
    width: 30px;
    background: rgba(0, 86, 166, .28);
    position: absolute;
    left: 0;
    bottom: 0
}

.listaServicios li {
    width: 46%;
    font-size: 12px;
    list-style: none;
    transition: ease .5s;
    cursor: pointer;
    overflow: hidden;
    text-align: left;
    padding: 0 2%;
    float: left;
    display: inline;
    color: #0056a6
}

.listaServicios ul li a {
    display: block;
    padding: 4px 0 4px 16px;
    position: relative;
    color: #0056a6
}

.ctn_servicios_portada {
    position: relative;
    overflow: hidden;
    display: inline-block
}

.listaServicios span.icon {
    font-size: 26px;
    margin-bottom: 10px;
    display: inline;
    color: #3fa9f5;
    float: left;
    box-shadow: 1px 2px 0 -1px;
    padding-bottom: 2px
}

.boxService_:hover .listaServicios {
    visibility: visible;
    opacity: 1
}

.listaServicios li a:hover {
    color: #3fa9f5
}

.boxService_>div,
.boxService_>p,
.boxService_>span {
    transition: .3s
}

.boxService_ .listaServicios:after,
.boxService_ .listaServicios:before {
    content: "";
    top: 10px;
    right: 10px;
    background-size: 22px;
    transition: all .8s;
    bottom: 10px;
    left: 10px;
    position: absolute
}

.boxService_ .listaServicios:before {
    opacity: 0;
    z-index: 2;
    border-top: 1px solid rgba(63, 169, 245, .8);
    border-bottom: 1px solid rgba(63, 169, 245, .8);
    -webkit-transform: scale(0, 1);
    transform: scale(0, 1)
}

.boxService_:hover .listaServicios:before {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1)
}

.boxService_ .listaServicios:after {
    opacity: 0;
    z-index: 1;
    border-right: 1px solid rgba(63, 169, 245, .8);
    border-left: 1px solid rgba(63, 169, 245, .8);
    -webkit-transform: scale(1, 0);
    transform: scale(1, 0)
}

.boxService_:hover .listaServicios:after {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1)
}

.serviciosPortadaTitle.show {
    font-size: 14px;
    color: #0056a6;
    float: left;
    display: inline;
    padding: 2px 2px 2px 8px
}

.listaServicios a.ServiciosVerMas {
    font-size: 11px;
    text-decoration: none;
    cursor: pointer;
    background: #3fa9f5;
    padding: 0 10px 0 20px;
    float: right;
    bottom: 10px;
    position: absolute;
    left: 10px;
    z-index: 3;
    transition: cubic-bezier(.82, 1.48, .85, 1.14) all .5s;
    overflow: hidden;
    height: 0;
    color: #fff !important
}

.boxServiciosVerTodos a:after,
.listaServicios ul li a:before,
.listaServicios ul li:hover a:before {
    text-decoration: none !important
}

.listaServicios a.ServiciosVerMas:hover {
    background: #0056a6
}

.listaServicios ul li a:before {
    font-size: 9px;
    color: #3fa9f5;
    padding: 0 4px 0 0;
    position: absolute;
    left: 4px;
    top: 7px
}

.boxService_:hover .listaServicios a.ServiciosVerMas {
    padding: 5px 10px 5px 20px;
    height: 15px;
    color: #fff
}

.boxid_.serviciosPortada {
    background: #fff;
    position: relative
}

.boxid_.serviciosPortada .container .grid_12 {
    position: relative
}

.boxServiciosVerTodos {
    /* top: 16px; */
    right: 0;
    position: absolute;
    display: table;
    float: right;
    /* margin:10px 0; */
    min-width: 170px;
    text-align: right;
}

.boxServiciosVerTodos a {
    font-size: 12px;
    color: #0a5a96;
    cursor: pointer;
    transition: .3s
}

.boxServiciosVerTodos a:after {
    font-size: 9px;
    padding: 0 0 0 5px
}

.boxServiciosVerTodos a:hover {
    color: #0a5a96;
    text-decoration: underline
}

.boxPortadaTitle.servicios {
    display: block;
    float: left;
    position: relative
}

.serviciosMenu>ul {
    margin: 0;
    padding: 0;
    list-style: none;
    float: right
}

.serviciosMenu ul li {
    float: left;
    position: relative
}

.serviciosMenu ul li a {
    font-size: 17px;
    line-height: 20px;
    color: #0056a6;
    font-weight: 300;
    float: right;
    margin: 0 0 0 17px;
    text-align: center;
    max-width: 90px;
    position: relative;
    height: 110px;
    display: table;
    padding: 10px 10px 0;
    transition: ease .3s
}

.serviciosMenu ul li span {
    display: block;
    margin-bottom: 10px;
    font-size: 50px;
    color: #3fa9f5
}

.servicioIntro {
    position: relative;
    height: 100%;
    padding-right: 20px
}

.serviciosList {
    position: relative;
    display: block;
    width: auto;
    overflow: auto;
    border-left: 1px solid #eaecee;
    padding-left: 20px
}

.serviciosMenu {
    display: table;
    min-height: 120px;
    width: 100%
}

.ctnTabServicioList {
    display: block;
    position: relative;
    min-height: 220px;
    width: 100%;
    border-top: 2px solid #3fa9f5
}

.serviciosList>ul {
    float: left;
    padding: 20px 0;
    margin: 0;
    position: relative;
    overflow: hidden;
    width: 100%
}

.serviciosList>ul>li {
    list-style: none;
    padding: 4px 0 4px 1%;
    margin: 5px .5%;
    width: 100%;
    font-weight: 300;
    font-size: 15px;
    float: left;
    color: #36528b;
    line-height: 34px;
    position: relative;
    background: #eff6fd;
    transition: .3s;
    box-shadow: inset 3px 0 0 #395693
}

.serviciosList>ul>li.tool {
    background: rgba(222, 227, 230, .28);
    color: #333;
    box-shadow: inset 3px 0 0 #19254e
}

.servicioIntro h3 {
    font-size: 18px;
    font-weight: 400;
    color: #0056a6
}

.servicioIntro p {
    font-size: 14px;
    font-weight: 300;
    color: #666;
    line-height: 22px
}

.serviciosMenu .boxPortadaTitle span {
    font-size: 16px;
    color: #595959;
    font-weight: 300;
    font-style: italic
}

.serviciosList>ul>li:before {
    font-family: gpweb;
    font-size: 11px;
    color: #2793e6;
    padding: 2px 5px 0 0;
    text-decoration: none;
    float: left;
    transition: .3s
}

.bodyPage .bodyText ul li,
.newsContent p,
.newsDate,
.pageTitle h1 {
    font-family: 'Open Sans'
}

.serviciosList>ul>li:hover {
    cursor: pointer;
    background: rgba(63, 169, 245, .8);
    color: #fff;
    box-shadow: inset 3px 0 0 #2793e6
}

.serviciosList>ul>li.tool:hover {
    cursor: pointer;
    background: #73b0df;
    color: #fff !important;
    box-shadow: inset 3px 0 0 #3960b1
}

.serviciosList>ul>li>a {
    text-decoration: initial;
    overflow: hidden;
    display: block;
    color: inherit;
    font-weight: 400;
    text-rendering: optimizeLegibility;
    padding: 0 0 0 42px;
    width: calc(100% - 144px);
    float: left
}

.linkServicios span.icon {
    font-size: 28px;
    position: absolute;
    left: 11px;
    top: 8px
}

.serviciosMenu ul li.active:after {
    content: "";
    display: block;
    position: absolute;
    bottom: 0;
    left: calc(50% - 0px);
    width: 0;
    border-bottom: 10px solid #3fa9f5;
    border-top: 10px solid rgba(63, 169, 245, 0);
    border-left: 10px solid rgba(63, 169, 245, 0);
    border-right: 10px solid rgba(63, 169, 245, 0)
}

.serviciosList>ul>li:hover:before {
    color: #fff
}

.newsMainImage img {
    display: inline-block;
    width: 100%;
    height: 500px;
    margin: auto;
    box-shadow: inset 0 -100px 50px -50px rgba(0, 0, 0, .2), inset 0 70px 80px -50px rgba(72, 72, 72, .12)
}

.newsContent .socialShareIcons ul {
    list-style: none;
    padding: 0 10px;
    margin: 0;
    display: table;
    line-height: 0
}

.newsCategories {
    padding: 0 10px;
    color: #963e04;
    display: table;
    font-size: 14px;
    cursor: pointer;
    box-shadow: -2px 0 0 0 #cc6363
}

.newsDate {
    font-size: 12px;
    color: #635656;
    float: left;
    width: 250px;
    margin-bottom: 10px
}

.newsContent {
    position: relative;
    display: table;
    margin: 0 auto
}

.newsContent ul {
    list-style: none;
    padding: 0;
    margin: 0
}

.newsContent p:first-of-type {
    font-size: 18px;
    line-height: 26px;
    color: #000;
    font-weight: 100
}

.newsContent p {
    font-size: 15px;
    line-height: 26px;
    color: #333
}

.bodyText {
    margin-top: 30px;
    margin-bottom: 30px;
    border-top: 1px solid #eee
}

span.socialShareIcons {
    float: left
}

.socialShareIcons {
    float: left;
    width: 100%;
    position: relative
}

span.shareTitle {
    font-size: 12px;
    color: #0056a6;
    float: left;
    display: block;
    padding: 6px 10px 0 0
}

.socialShareIcons ul li a {
    display: inline-block;
    overflow: hidden;
    padding: 10px;
    background: #eaecee;
    border-radius: 50%;
    font-size: 15px;
    margin: 0 2px;
    color: #0056a6;
    text-decoration: none;
    cursor: pointer;
    transition: .3s
}

.socialShareIcons ul li a:hover {
    background: #000;
    color: #fff
}

.socialShareIcons ul li {
    float: left;
    padding: 5px 0 0
}

.boxid_.bodyPage {
    background: #fff;
    position: relative;
    padding: 10px 0
}

.socialShareIcons a.icon.Ic_gpw-90:hover {
    background: #395693
}

.socialShareIcons a.icon.Ic_gpw-266:hover {
    background: #000
}

.socialShareIcons a.icon.Ic_gpw-96:hover {
    background: #1da1f2
}

.socialShareIcons a.icon.Ic_gpw-92:hover {
    background: #c8312b
}

.socialShareIcons a.icon.Ic_gpw-97:hover {
    background: #c12025
}

.socialShareIcons a.icon.Ic_gpw-91:hover {
    background: #fc1685
}

.socialShareIcons a.icon.Ic_gpw-93:hover {
    background: #127cb4
}

.socialShareIcons a.icon.Ic_gpw-201:hover {
    background: #25d366
}

.pageTitle {
    display: block
}

.pageTitle h1 {
    font-size: 40px;
    color: #0056a6;
    line-height: 42px;
    font-weight: 200;
    margin: 10px 0 20px
}

.pageDetailsItems {
    display: table;
    position: relative;
    width: 100%;
    line-height: 30px;
    padding: 10px 0 20px;
    border-bottom: 1px solid #eee
}

.bodyPage .bodyText h3 {
    color: #0056a6;
    font-size: 22px;
    font-weight: 300;
    margin: 20px 0;
    transition: ease .3s
}

.bodyPage .bodyText ul li {
    font-size: 15px;
    font-weight: 400;
    line-height: 28px;
    color: #333;
    position: relative;
    padding: 0 0 0 15px
}

.ctnPageTitle h1,
.pageContent p {
    font-family: Roboto
}

.bodyPage .bodyText ul li:before {
    content: "";
    display: block;
    height: 5px;
    width: 5px;
    background: #0056b9;
    position: absolute;
    top: 12px;
    left: 0
}

.pageContent p {
    font-size: 15px
}

.bodyPage .bodyText ul {
    padding: 0;
    list-style: none
}

.bodyPage .socialShareIcons ul {
    padding: 0;
    margin: 0;
    list-style: none
}

.bodyText.noBullet ul li:before {
    display: none
}

.bodyText.noBullet ul li {
    padding: 0
}

.pageSubHeader {
    width: 100%;
    display: block;
    position: relative;
    z-index: 0;
    padding: 0 !important;
    margin: 0;
    overflow: hidden;
}

.pageMainImage {
    background-image: url(../img/pagesheaderbg.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    display: table;
    width: 100%;
    position: relative;
    z-index: -1;
    overflow: hidden;
    padding: 60px 0px;
}

.ctnPageTitle {
    margin: 30px 0 0;
    z-index: 2;
    position: relative
}

.ctnPageTitle h1 {
    font-size: 34px;
    font-weight: 200;
    color: #fff;
    margin: 0
}

.ctnPageTitle .pageBreadcrumb li:before,
.sidebarModule ul li a:before {
    content: "\e93c";
    font-family: gpweb
}

.ctnPageTitle ul {
    padding: 0;
    margin: 10px 0 20px;
    list-style: none
}

.ctnPageTitle ul li {
    float: left;
    margin: 0;
    color: #fff;
    font-weight: 300;
    font-size: 12px;
    display: inline-block;
    position: relative
}

.ctnPageTitle .pageEstract p {
    font-size: 15px;
    color: #fff;
    font-weight: 100;
    line-height: 26px
}

.ctnPageTitle .pageBreadcrumb {
    border-top: 1px solid rgba(255, 255, 255, .2);
    border-bottom: none
}

.ctnPageTitle .pageBreadcrumb li:before {
    color: #fff;
    font-size: 9px;
    padding: 0 10px 0 0;
    font-weight: 100
}

.ctnPageTitle .pageBreadcrumb li a,
.ctnPageTitle .pageBreadcrumb li a:focus,
.ctnPageTitle .pageBreadcrumb li a:visited {
    color: #fff !important
}

.sidebarModule {
    display: block;
    padding: 15px 10px 25px;
    border-bottom: 1px solid #ececec;
    margin-bottom: 10px
}

span.sidebarModuleTitle {
    font-size: 16px;
    color: #0056a6;
    position: relative;
    padding-bottom: 14px;
    display: block;
    margin-bottom: 10px
}

.sidebarModule ul {
    list-style: none;
    padding: 0;
    margin: 0
}

.sidebarModule ul li {
    cursor: pointer;
    padding: 0 0 0 15px;
    margin-bottom: 10px
}

.sidebarBanners,
.sidebarPage {
    margin-bottom: 20px
}

.sidebarModule ul li a {
    font-size: 14px;
    color: #395693;
    line-height: 20px;
    text-decoration: none;
    font-weight: 300;
    display: table;
    width: 100%
}

.ctnContactFormMain,
.formItem,
.imagBox {
    display: block
}

.sidebarModule ul li a:before {
    font-size: 10px;
    padding-right: 5px;
    color: #3fa9f5;
    position: absolute;
    left: 10px
}

.sidebarModule ul li a:hover {
    color: #3fa9f5;
    cursor: pointer
}

span.sidebarModuleTitle:after {
    position: absolute;
    content: "";
    height: 2px;
    width: 30px;
    background: rgba(63, 169, 245, .8);
    left: 0;
    bottom: 0
}

.sidebarPage {
    position: relative;
    height: 100%;
    background: #fff
}

.boxid_.metasPortada span.subtitulo {
    font-size: 16px;
    font-weight: 400;
    color: grey;
    font-family: 'Open Sans'
}

.ctnPortadaSideBanners ul {
    margin: 0;
    padding: 0;
    list-style: none
}

.boxid_.mapBox {
    padding: 0
}

.ctnContactTitle {
    position: absolute
}

.boxid_.contactBox>.container>.grid_12 {
    background: #fdfeff;
    margin-top: 36px;
}

.pullRight {
    float: right
}

.pullLeft {
    float: left
}

.mapBox h2 {
    color: #0056b9;
    text-shadow: 0 2px 0 rgba(255, 255, 255, .51);
    font-weight: 300;
    font-size: 36px;
    margin: 40px 0 5px
}

.headerBox p,
.infoBlock ul li {
    color: #585858;
    font-weight: 300
}

.imagBox {
    height: 140px;
    background-image: url(../img/contactcenterbg.png);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: right top;
    width: 800px;
    position: relative
}

.headerBox p {
    font-size: 14px;
    padding: 20px 30px;
    line-height: 22px
}

.infoBlock ul {
    margin: 0;
    padding: 0
}

.infoBlock ul li {
    list-style: none;
    font-size: 13px;
    line-height: 20px;
    margin: 28px 0;
    position: relative;
    padding-left: 40px
}

.infoBox {
    position: absolute;
    color: #fff
}

.formItem {
    width: 100%;
    margin: 10px 0
}

.formGroup {
    color: #585454
}

input.btn:focus {
    outline: 0
}

input.btn {
    padding: 10px;
    width: 120px;
    height: 45px;
    border-radius: 5px;
    background-color: #fff;
    border: 1px solid #d8d8d8;
    font-size: 12px
}

input.btn.btnBlue {
    background-color: #23a1fb;
    border: 1px solid #3fa9f5;
    color: #fff
}

input.btn.btnBlue:hover {
    background-color: #3fa9f5
}

input.btn.btnRed {
    background-color: #cc6363;
    border: 1px solid #cc6363;
    color: #fff
}

input.btn.btnRed:hover {
    background-color: #dc7979
}

.contactleftBlock {
    float: left
}

.boxid_.contactBox .ctnContactInfo {
    border-right: 1px solid #f3f3f3;
    background: #fff
}

.ctnContactInfo h3 {
    font-size: 13px;
    color: #575757;
    font-weight: 400;
    line-height: .9em;
    position: relative;
    margin-bottom: 40px
}

.infoBlock p {
    text-align: left;
    font-size: 13px;
    line-height: 20px;
    color: #999;
    margin-bottom: 30px
}

.formBlock select {
    background: #e8f0f3;
    font-size: 12px;
    color: #0056a6;
    width: 100%;
    border: 0;
    border-radius: 0;
    -webkit-appearance: none;
    padding: 10px 5px 10px 15px;
    height: 40px;
    outline: 0
}

.formBlock,
.formBlock option {
    background: #eaecee
}

.formBlock {
    margin: 20px 0;
    position: relative;
    height: 40px;
    border-radius: 5px
}

.formBlock:after {
    content: "";
    position: absolute;
    top: 18px;
    right: 15px;
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
    border-bottom: 0 solid #eaecee;
    border-top: 6px solid #0056a6
}

.boxid_.contactBox {
    position: relative;
    padding: 0 0 20px;
    margin-left: auto;
    margin-right: auto;
    background: #fff
}

.infoBlock {
    padding: 20px 30px 5px
}

.footerBlock,
.headBlock {
    padding: 0 30px 20px
}

.dropDownbox {
    padding: 0 30px
}

.headerBox {
    display: table;
    position: relative
}

.contactForm {
    padding: 0 30px 70px;
    display: block
}

.contactForm.requestService {
    padding: 0
}

.formGroup label.formItem {
    font-size: 13px;
    margin: 0;
    padding: 5px 0;
    color: #0155a2;
    font-weight: 400
}

.formGroup input.formItem,
.formGroup select.formItem {
    padding: 2px 5px;
    color: #515a63;
    font-weight: 300;
    background: #fff;
    outline: 0;
    transition: .3s;
    margin-bottom: 20px;
    font-size: 14px
}

.formGroup input.formItem {
    height: 38px;
    border: 1px solid #eaecee;
    border-bottom-color: #b3d4fc;
    width: calc(100% - 10px)
}

.formGroup select.formItem {
    height: 41px;
    border: 1px solid #eaecee;
    border-bottom-color: #b3d4fc;
    width: 100%
}

.ctnContactInfo h3:before,
.imagBox:before {
    content: "";
    background: #3fa9f5
}

.formGroup input.formItem:focus {
    border-bottom-color: #3fa9f5
}

.formGroup textarea.formItem {
    height: 180px;
    border: 1px solid #eaecee;
    margin-bottom: 20px;
    font-size: 14px;
    color: grey;
    font-weight: 400;
    transition: ease all .3s;
    width: calc(100% - 20px);
    padding: 15px 5px 5px 15px;
    border-bottom-color: #b3d4fc
}

.ctnContactInfo h3:before {
    position: absolute;
    top: 23px;
    height: 2px;
    width: 32px;
    bottom: 0
}

.ctnContactInfo h3 span {
    font-size: 28px;
    color: rgba(63, 169, 245, .8);
    padding: 5px 5px 0 0;
    position: absolute
}

#map {
    height: 500px;
    width: 100%
}

.gm-style-iw * {
    display: block;
    width: 100%
}

.gm-style-iw h4,
.gm-style-iw p {
    margin: 0;
    padding: 0
}

.gm-style-iw a {
    color: #4272db
}

.infoBlock span {
    font-size: 32px;
    display: inline;
    position: absolute;
    left: 0;
    top: -5px;
    color: #3fa9f5;
    width: 32px;
    height: 32px
}

.imagBox ul {
    padding: 9px 9px 9px 20px;
    list-style: none;
    display: table;
    position: relative;
    margin: 0
}

.imagBox ul li {
    line-height: 34px;
    font-size: 16px;
    color: #0056a6;
    font-weight: 400;
    padding: 0 30px
}

.imagBox ul li+li {
    font-size: 39px;
    color: #095a97;
    line-height: 34px;
    display: block
}

.imagBox p {
    font-size: 12px
}

.imagBox ul li.contactDescription {
    font-size: 13px;
    line-height: 18px;
    margin-top: 14px;
    color: #0055b3;
    float: left;
    font-weight: 300
}

.imagBox:before {
    position: absolute;
    width: 2px;
    height: 66px;
    top: 36px
}

input.formItem.btn.btnBlue {
    background-color: #105b94;
    color: #fff;
    padding: 5px 23px;
    margin-right: 0;
    width: auto;
    min-width: 80px;
    border: 0;
    border-radius: 2px;
    font-size: 13px;
    font-weight: 400
}

.boxContactTitle {
    position: relative;
    z-index: 1;
    margin-left: 24px
}

.footerBlock dt,
.headBlock dt {
    font-size: 14px;
    color: #0056a6;
    padding: 10px 18px;
    position: relative
}

.footerBlock dd,
.headBlock dd {
    font-size: 12px;
    color: #666;
    margin: 0 0 0 20px;
    padding: 0 0 4px;
    font-weight: 300;
    line-height: 20px
}

.footerBlock dd strong,
.headBlock dd strong {
    font-weight: 400;
    color: #424242
}

.headBlock {
    border-bottom: 1px solid #b3d4fc;
    margin-bottom: 30px
}

.footerBlock dt:before,
.headBlock dt:before {
    content: "\e93c";
    font-family: gpweb;
    font-size: 10px;
    padding-right: 5px;
    color: #3fa9f5;
    position: absolute;
    left: 0;
    top: 12px
}

.boxContactTitle span {
    color: #5386b5;
    padding: 5px 10px;
    background: rgba(248, 251, 255, .6);
    font-size: 13px;
    font-weight: 300
}

.boxid_.displayCtgNtc,
.boxid_.ntcPortada1 {
    padding: 0
}

.boxPortadaTitle h2 {
    color: #dd3444;
    /* font-size:22px; */
    transition: ease .3s;
}

.boxPortadaTitle h2 i b {
    font-weight: 400
}

h2 span {
    font-size: 16px;
    color: #484444;
    font-style: italic;
    display: block;
    margin-bottom: 20px;
    font-weight: 300
}

.ntcPiesEscuelas .estractPost,
.portadaNotc4Rows .estractPost {
    display: none
}

.boxid_.noticiasMainImage {
    background: #000
}

.boxPost_ .itemPost a {
    text-decoration: none;
    color: rgba(28, 28, 28, .9)
}

.portadaNtcPrinc .itemPost .datePost {
    font-size: 12px;
    padding: 8px 0;
    margin: 10px 0 0;
    color: #41557a;
    text-transform: uppercase
}

.portadaNtcPrinc .itemPost .titlePost {
    font-size: 30px;
    /* line-height:24px; */
    font-weight: 300;
    margin-top: 0;
    margin-bottom: 10px;
    transition: .3s;
    color: #000;
}

.portadaNtcPrinc .estractPost {
    font-size: 14px;
    color: #484848;
    font-weight: 300;
    line-height: 20px
}

.portadaNtcPrinc .itemPost .imgPost {
    position: relative;
    overflow: hidden;
    background: #ddd;
    max-height: 450px;
    margin-bottom: 6px;
    height: 450px;
}

.boxPortadaTitle {
    position: relative;
    display: block;
    margin-bottom: 30px
}

.boxid_.EnterateSeccion h2 {
    color: #fff;
}

.portadaNtcPrinc .itemPost .imgPost img {
    min-width: 145%;
    position: absolute;
    top: 0;
    left: -20%;
}

.portadaNotc4Rows .itemPost .imgPost {
    position: relative;
    overflow: hidden;
    width: 130px;
    height: 90px;
    background: #ddd;
    float: left
}

.portadaNotc4Rows .datePost,
.portadaNotc4Rows .estractPost,
.portadaNotc4Rows .titlePost {
    margin-left: 140px;
    margin-top: 0;
    margin-bottom: 0
}

.portadaNotc4Rows .datePost {
    font-size: 12px;
    margin-bottom: 5px;
    color: #41557a;
    text-transform: uppercase
}

.portadaNotc4Rows .titlePost {
    font-size: 14px;
    font-weight: 300;
    margin-bottom: 10px;
    line-height: 18px;
    transition: .3s;
    color: #000
}

.portadaNotc4Rows .itemPost {
    min-height: 80px;
    margin-bottom: 24px;
    max-height: 120px;
    height: 90px
}

.portadaNotc4Rows .itemPost .imgPost img {
    width: 100%;
    min-width: 160%;
    position: absolute;
    left: -40px;
    bottom: 0;
    top: 0;
    /* height:100%; */
    transition: .3s;
    margin: auto;
}

.ntcPiesEscuelas {
    margin: 0 -2%
}

.ntcPiesEscuelas .itemPost:hover .titlePost {
    color: #fff;
    text-decoration: underline
}

.ntcPiesEscuelas .itemPost .datePost {
    font-size: 11px;
    padding: 8px 0 0;
    color: rgba(255, 255, 255, .9);
    font-weight: 100;
    text-transform: uppercase
}

.boxPost_,
.videoPortada {
    display: table;
    width: 100%
}

.ntcPiesEscuelas .itemPost {
    margin: 0 2%;
    float: left;
    width: 46%
}

.ntcPiesEscuelas .itemPost .imgPost {
    position: relative;
    overflow: hidden;
    height: 124px;
    background: #d9e1e7;
    border-radius: 2px;
    max-height: 150px;
    margin-bottom: 6px
}

.ntcPiesEscuelas .itemPost .imgPost img {
    width: auto;
    min-width: 150%;
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0
}

.boxPost_ {
    overflow: hidden;
    position: relative
}

.boxid_.piesEscuelas {
    background-size: cover;
    background-color: #247fc8;
    background-repeat: no-repeat;
    background-position: center top
}

.ntcPiesEscuelas .titlePost {
    font-size: 16px;
    font-weight: 300;
    line-height: 22px;
    color: #fff;
    margin: 6px 0;
    transition: .3s
}

.textWhite {
    color: #fff !important
}

.videoPortada iframe {
    width: 100%;
    height: 240px;
    position: absolute
}

.videoPortada {
    position: relative;
    min-height: 240px
}

.titlePost.titleVideoPortada {
    font-size: 15px;
    font-weight: 400;
    line-height: 20px;
    color: #fff;
    margin: 14px 0 0
}

.videoPortada .titlePost a {
    color: inherit;
    text-decoration: none
}

.boxid_.ntcPortada1 {
    padding: 30px 0;
    background: #fff
}

.ntcEnterateSeccion .estractPost {
    display: none
}

.ntcEnterateSeccion .itemPost .imgPost {
    width: 76px;
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
    height: 100%;
    overflow: hidden
}

.boxPost_.ntcRelacionadasCtg .ntcEnterateSeccion .itemPost .imgPost {
    float: left;
    margin-right: 10px;
    margin-left: 0
}

.ntcEnterateSeccion .datePost,
.ntcEnterateSeccion .estractPost,
.ntcEnterateSeccion .titlePost {
    margin-left: 80px;
    margin-top: 0;
    margin-bottom: 0
}

.ntcEnterateSeccion .datePost {
    font-size: 9px;
    font-weight: 400;
    margin-bottom: 5px;
    color: #171717;
    text-transform: uppercase;
    background-color: #fff
}

.ntcEnterateSeccion .titlePost {
    font-size: 12px;
    margin-bottom: 5px;
    line-height: 16px;
    font-weight: 300;
    transition: .3s;
    background-color: #fff
}

.ntcEnterateSeccion .datePost,
.ntcEnterateSeccion .titlePost {
    position: relative
}

.ntcEnterateSeccion #owl-demo .itemPost {
    min-height: 62px;
    padding: 0
}

.ntcEnterateSeccion .itemPost .imgPost img {
    width: 100%;
    min-width: 140%;
    position: absolute;
    left: -20%;
    top: 0;
    margin: auto;
    right: 0;
    bottom: 0;
    background-color: #fff
}

.ntcEnterateSeccion .itemPost {
    height: 65px;
    overflow: hidden;
    padding: 0 4px
}

.ntcEnterateSeccion .itemPost.no-image {
    min-height: 50px
}

.ntcEnterateSeccion .itemPost.ntf:before {
    content: "";
    width: 8px;
    height: 8px;
    position: absolute;
    background: #000;
    border-radius: 50%;
    left: -15.6px;
    z-index: 1
}

.ntcEnterateSeccion .itemPost.ntf.redBullet:before {
    background-color: #f12b24
}

.ntcEnterateSeccion .itemPost.ntf:after {
    content: "";
    position: absolute;
    height: calc(100% + 20px);
    width: 1px;
    background: #ddd;
    left: -12px;
    top: 0;
    z-index: 0
}

.ntcEnterateSeccion .programasPtd {
    font-size: 11px;
    font-weight: 700;
    padding: 0;
    margin-bottom: 20px
}

.ntcEnterateSeccion .programasPtd li {
    list-style: none;
    margin-bottom: 1px;
    position: relative;
    background: #f8f8f8;
    font-size: 13px;
    font-weight: 400;
    transition: .3s;
    overflow: hidden;
}

.ntcEnterateSeccion .programasPtd a {
    text-decoration: none;
    display: block;
    color: #0d3b67;
    padding: 10px 10px 10px 20px;
    position: relative;
    z-index: 1;
    transition: .3s;
    outline-style: none
}

.ntcEnterateSeccion h3 {
    font-size: 14px;
    font-weight: 400;
    text-transform: uppercase;
    color: #ffffff;
    margin-bottom: 22px;
    margin-top: 0;
    line-height: 26px;
    background-color: #1a2953;
}

.ntcEnterateSeccion .orangeTitle,
.ntcEnterateSeccion .orangeTitle span:before {
    color: #ffffff;
}

.ntcEnterateSeccion h3 .icon {
    float: left;
    margin-right: 6px;
    margin-top: 0;
    font-size: 28px;
    color: #ffffff;
    position: relative;
}

.ntcEnterateSeccion .programasPtd li:before {
    content: "";
    width: 22px;
    height: 100%;
    position: absolute;
    background: no-repeat #0b5791;
    left: -20px;
    top: 0;
    transition: .3s;
    z-index: 0
}

.ntcEnterateSeccion .programasPtd li:hover:before {
    width: 100%;
    left: 0
}

h2.titlePost.titleVideoPortada a {
    text-decoration: none;
    color: inherit !important;
    transition: .3s;
    font-weight: 300
}

.tabMenuNoticias {
    margin-bottom: 30px
}

.tabMenuNoticias h3 {
    float: left;
    margin: 25px 0;
    padding-right: 20px;
    font-weight: 100;
    color: #fff;
    text-transform: uppercase;
    position: relative;
    font-size: 20px
}

.tabMenuNoticias h3:after {
    content: "/";
    padding-left: 20px;
    line-height: 0
}

.tabMenuNoticias ul {
    list-style: none;
    margin: 14px 0;
    padding: 0;
    display: table
}

.tabMenuNoticias ul li {
    float: left;
    color: #fff;
    font-weight: 300
}

.itemPost a,
.tabMenuNoticias ul li a {
    color: inherit;
    text-decoration: none
}

.tabMenuNoticias ul li a {
    padding: 6px 7px;
    text-transform: uppercase;
    font-size: 13px;
    display: block;
    position: relative;
    transition: .3s;
    cursor: pointer;
    margin: 10px 10px 10px 0
}

.ntcEstudiantes .ntcFull .itemPost .datePost {
    display: block
}

.ntcFull .itemPost .titlePost {
    font-size: 16px;
    font-weight: 300;
    margin-top: 0;
    margin-bottom: 10px;
    color: #000
}

.ntcFull .estractPost {
    font-size: 14px
}

.itemPost {
    position: relative;
    margin-bottom: 30px;
    transition: .3s;
    color: #333;
    overflow: hidden
}

.ntcMini .titlePost {
    font-size: 14px;
    line-height: 18px;
    color: #484444;
    height: 50px;
    font-weight: 300
}

.ntcMini .estractPost {
    display: none
}

.ntcMini .datePost,
.ntcMini .estractPost,
.ntcMini .titlePost {
    margin-left: 140px;
    margin-top: 0;
    margin-bottom: 0
}

.ntcMini.duplex .grid_4:nth-child(2n+1) .itemPost {
    margin-right: 12px
}

.ntcFull.single .grid_4:nth-child(2n+1) .itemPost {
    padding-right: 12px
}

.ntcFull.large .itemPost .imgPost {
    height: 300px
}

.ntcFull.large .itemPost .imgPost img {
    width: auto;
    min-width: 110%;
    position: absolute;
    left: -5%
}

.ntcEducacionMarcha .ntcFull.single.carruselPost .itemPost .titlePost {
    position: absolute;
    bottom: 0;
    right: 0;
    left: 0;
    color: #fff;
    padding: 20px;
    margin: 0;
    font-size: 22px;
    line-height: 26px;
    text-shadow: 0 1px 3px #484444;
    box-shadow: inset 0 -120px 100px -100px #292f33
}

.boxPost_.ntcEnterateSeccion {
    position: relative;
    display: block;
    width: 100%
}

.boxPost_.ntcDireccion .estractPost,
.ntcEstudiantes .ntcMini .estractPost {
    display: none
}

.boxid_.fullNoticias {
    background: #fff
}

.boxid_.tabMenuNoticias {
    margin: 0;
    padding: 0;
    height: 78px;
    background: #1a2953
}

.tabMenuNoticias ul li.active a,
.tabMenuNoticias ul li.active a:hover {
    font-weight: 400;
    color: #fff
}

.boxid_.catNoticias {
    padding: 20px 0
}

.itemPost:hover .titlePost {
    color: #0056a6
}

.tabMenuNoticias ul li a:focus,
.tabMenuNoticias ul li a:hover,
.tabMenuNoticias ul li a:visited,
.tabMenuNoticias ul li.active a {
    color: #fff !important;
    background: rgba(121, 134, 146, .5)
}

.ntcMini.duplex .grid_4:nth-child(2n) .itemPost {
    margin-left: 12px
}

.ntcEstudiantes .ntcFull .itemPost .titlePost {
    font-size: 18px;
    line-height: 22px;
    font-weight: 300;
    margin-top: 0;
    margin-bottom: 10px;
    color: #484444
}

.ntcMini .datePost {
    font-size: 11px;
    margin-bottom: 8px;
    color: #0056a6;
    text-transform: uppercase
}

.ntcEstudiantes .ntcFull .estractPost {
    font-size: 14px
}

.ntcEventos .ntcFull .itemPost .titlePost {
    font-size: 18px;
    line-height: 22px;
    font-weight: 300;
    margin-top: 0;
    margin-bottom: 10px;
    color: #484444
}

.ntcEventos .ntcFull .estractPost {
    font-size: 14px;
    color: inherit
}

.ntcEscuelas .ntcFull .itemPost .datePost,
.ntcEstudiantes .ntcFull .itemPost .datePost,
.ntcEventos .ntcFull .itemPost .datePost {
    color: #0056a6;
    padding: 5px 0;
    font-size: 11px;
    text-transform: uppercase;
    background: #fff
}

.ntcDocentes .ntcFull .itemPost .titlePost {
    font-size: 18px;
    line-height: 22px;
    font-weight: 500;
    margin-top: 0;
    margin-bottom: 10px;
    color: #484444
}

.ntcDocentes .ntcFull .estractPost {
    font-size: 14px;
    color: inherit
}

.ntcMini .itemPost .imgPost {
    position: relative;
    overflow: hidden;
    width: 130px;
    height: 90px;
    background: #ddd;
    float: left
}

.ntcMini .itemPost .imgPost img {
    width: auto;
    min-width: 150%;
    left: -20%
}

.ntcEscuelas .ctnFullNtc .ntcFull .itemPost .imgPost {
    position: relative;
    overflow: hidden;
    height: 150px;
    background: #d9e1e7;
    max-height: 150px;
    margin-bottom: 6px
}

.ntcEscuelas .ctnFullNtc .ntcFull .itemPost .imgPost img {
    width: auto;
    min-width: 150%;
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    top: 0
}

.ntcEscuelas .ctnFullNtc {
    margin-left: -1%;
    margin-right: -1%
}

.ntcEscuelas .ctnFullNtc .ntcFull {
    width: 23%;
    float: left;
    margin-left: 1%;
    margin-right: 1%
}

.ntcEscuelas .ntcFull .itemPost .titlePost {
    font-size: 16px;
    line-height: 20px;
    font-weight: 300;
    margin-top: 0;
    margin-bottom: 10px;
    color: #484444;
    background: #fff
}

.displayCtgNtc .ntcFull.insideNtcFull .ntcFullPrinc .itemPost .titlePost {
    position: absolute;
    bottom: 0;
    right: 0;
    left: 0;
    color: #fff;
    padding: 20px;
    margin: 0;
    font-size: 22px;
    line-height: 26px;
    text-shadow: 0 1px 3px #484444;
    box-shadow: inset 0 -120px 100px -100px rgba(0, 86, 166, .6);
    font-weight: 500
}

.displayCtgNtc .ntcFull.insideNtcFull .ntcFullPrinc .itemPost {
    height: 300px;
    position: relative;
    overflow: hidden;
    width: 100%;
    margin-bottom: 50px
}

.displayCtgNtc .ntcFull.insideNtcFull .itemPost .imgPost {
    width: 100%;
    height: 300px
}

.displayCtgNtc .ntcFull.insideNtcFull .itemPost .imgPost img {
    width: 100%;
    min-width: 110%;
    left: -5%
}

.boxid_.displayCtgNtc .boxPortadaTitle .grid_8,
.ntcFull.insideNtcFull .grid_8 {
    margin-left: 0
}

.displayCtgNtc .ntcFull.medium.single .itemPost {
    margin-bottom: 30px
}

.displayCtgNtc .ntcFull.medium.single .itemPost .imgPost {
    position: relative;
    overflow: hidden;
    width: 180px;
    height: 120px;
    background: #ddd;
    float: left
}

.displayCtgNtc .ntcFull.medium.single .itemPost .imgPost img {
    width: 100%;
    height: 100%
}

.displayCtgNtc .ntcFull.medium.single .itemPost .titlePost {
    font-size: 18px;
    line-height: 20px;
    font-weight: 300;
    margin-top: 0;
    margin-bottom: 10px;
    color: #484444;
    overflow: hidden;
    margin-left: 200px
}

.displayCtgNtc .ntcFull.medium.single .itemPost .estractPost {
    color: #595959;
    height: 40px;
    overflow: hidden;
    font-weight: 300;
    margin-left: 200px
}

.displayCtgNtc .ntcFull.medium.single .itemPost .estractPost p {
    margin-top: 0
}

.displayCtgNtc .ntcFull.medium.single .itemPost .datePost {
    color: #0056a6;
    margin-left: 200px;
    padding: 0 0 5px;
    font-size: 11px;
    text-transform: uppercase
}

.displayCtgNtc .ntcFull.medium.single .itemPost:hover .titlePost {
    color: #0056a6
}

.ntcFull.insideNtcFull {
    overflow: hidden
}

.leftNtcFull {
    padding-right: 12px
}

.displayCtgNtc .boxPortadaTitle h2 {
    color: #0056a6;
    text-transform: uppercase;
    font-size: 28px;
    font-weight: 200;
    margin: 0 0 20px
}

.secuenciaPgn ul li a:focus,
.secuenciaPgn ul li a:hover {
    background-color: #eee
}

.ntcFull.insideNtcFull .itemPost .imgPost img {
    width: 100%
}

.boxPost_.ntcDireccion .itemPost .imgPost {
    position: relative;
    overflow: hidden;
    float: left;
    border-radius: 2px;
    margin-right: 10px
}

.boxPost_.ntcDireccion .datePost,
.boxPost_.ntcDireccion .estractPost,
.boxPost_.ntcDireccion .titlePost {
    float: left
}

.boxPost_.ntcDireccion .datePost {
    font-size: 10px;
    margin-bottom: 5px;
    text-transform: uppercase;
    float: left
}

.boxPost_.ntcDireccion .titlePost {
    font-size: 14px;
    margin-bottom: 5px;
    font-weight: 300;
    transition: .3s
}

.boxPost_.ntcDireccion #owl-demo .itemPost {
    min-height: 62px;
    padding: 0
}

.boxPost_.ntcDireccion .itemPost .imgPost img {
    width: auto;
    min-width: 150%;
    position: absolute;
    left: -25%
}

#owl-demo .owl-item .itemCarrousel {
    padding: 0
}

.boxPost_.ntcDireccion .itemPost {
    min-height: 62px
}

.boxPost_.ntcDireccion .itemPost.no-image {
    min-height: 50px
}

.boxPost_.ntcDireccion .itemPost.ntf {
    margin-left: 20px
}

.boxPost_.ntcDireccion .itemPost.ntf:before {
    content: "";
    width: 8px;
    height: 8px;
    position: absolute;
    background: #000;
    border-radius: 50%;
    left: -15.6px;
    z-index: 1
}

.boxPost_.ntcDireccion .itemPost.ntf.redBullet:before {
    background-color: #f12b24
}

.boxPost_.ntcDireccion .itemPost.ntf:after {
    content: "";
    position: absolute;
    height: calc(100% + 20px);
    width: 1px;
    background: #ddd;
    left: -12px;
    top: 0;
    z-index: 0
}

.boxPost_.ntcDireccion .programasPtd {
    font-size: 11px;
    font-weight: 700;
    padding: 0
}

.boxPost_.ntcDireccion .programasPtd li {
    list-style: none;
    margin-bottom: 10px;
    position: relative;
    background: #eff6fd;
    font-size: 13px;
    font-weight: 400;
    transition: .3s
}

.boxPost_.ntcDireccion .programasPtd a {
    text-decoration: none;
    display: block;
    color: #0d3b67;
    padding: 10px 10px 10px 20px;
    position: relative;
    z-index: 1;
    transition: .3s
}

.boxPost_.ntcDireccion h3 {
    font-size: 14px;
    font-weight: 500;
    text-transform: uppercase;
    color: #3fa9f5;
    margin-bottom: 35px
}

.boxPost_.ntcDireccion .orangeTitle {
    color: #f7931e
}

.boxPost_.ntcDireccion h3 .icon {
    float: left;
    margin-right: 6px;
    margin-top: 0;
    font-size: 28px;
    color: #3fa9f5
}

.boxPost_.ntcDireccion .programasPtd li:before {
    content: "";
    width: 22px;
    height: 100%;
    position: absolute;
    background: no-repeat #3eaaf5;
    left: -20px;
    top: 0;
    transition: .3s;
    z-index: 0
}

.boxPost_.ntcDireccion .programasPtd li:hover:before {
    width: 100%;
    left: -10px
}

.boxPost_.ntcDireccion .datePost,
.boxPost_.ntcDireccion .titlePost:hover {
    color: #0056a6
}

.boxPost_.ntcDireccion .programasPtd li a:hover,
.boxPost_.ntcDireccion .programasPtd li:hover {
    color: #fff
}

.boxPost_.ntcDireccion .ntcMini .datePost,
.boxPost_.ntcDireccion .ntcMini .estractPost,
.boxPost_.ntcDireccion .ntcMini .titlePost {
    float: none
}

.serviciosModule {
    padding: 0;
    border: none
}

.serviciosModule ul {
    padding: 0
}

.direccionMainImage {
    background-repeat: no-repeat;
    background-size: cover;
    display: block;
    height: 350px;
    width: 100%;
    position: relative;
    z-index: -1;
    box-shadow: inset -1px -100px 190px #000;
    background-color: #000
}

.direccionMainImage:before {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 86, 185, .7)
}

.direccionContent {
    background: #fff;
    overflow: hidden;
    display: table;
    margin: -63px auto 0;
    padding: 10px 0
}

.boxid_.direccionHeader {
    width: 100%;
    display: block;
    position: relative;
    padding: 0;
    z-index: 0
}

.pageBreadcrumb ul {
    padding: 0;
    margin: 0;
    list-style: none
}

.boxid_.direccionHeader .ctnDireccionTitle {
    position: relative;
    width: 100%;
    display: table;
    padding: 35px 20px
}

.ctnDireccionTitle>span.minerdTitle {
    font-size: 18px;
    text-transform: uppercase;
    color: rgba(255, 255, 255, .7);
    font-weight: 300
}

.ctnDireccionTitle h1,
.ctnDireccionTitle h1 a,
.ctnDireccionTitle h1 a:focus,
.ctnDireccionTitle h1 a:visited {
    text-transform: uppercase;
    font-weight: 400;
    color: #fff !important;
    margin: 0
}

.ctnDireccionTitle ul {
    padding: 0;
    margin: 10px 0 20px;
    list-style: none
}

.ctnDireccionTitle ul li {
    float: left;
    margin: 0 20px 0 22px;
    color: #b3d4fc;
    font-weight: 300;
    font-size: 12px;
    text-transform: uppercase;
    padding: 11px 15px;
    display: inline-block;
    position: relative
}

.minerdTitle span .icon {
    font-size: 48px
}

.ctnDireccionTitle span.icon {
    font-size: 26px;
    padding: 0 8px 0 0;
    bottom: 5px;
    left: -20px;
    position: absolute;
    display: block;
    color: #b3d4fc
}

.insideNTCDirecciones .itemPost .imgPost {
    position: relative;
    overflow: hidden;
    width: 180px;
    background: #ddd;
    float: left
}

.ntcFull.insideNTCDirecciones .itemPost .imgPost img {
    min-width: 135% !important;
    height: auto;
    left: -5%;
    position: absolute
}

.ntcFull.insideNTCDirecciones .itemPost .datePost {
    color: #0056a6;
    margin-left: 200px;
    padding: 0 0 5px;
    font-size: 11px;
    text-transform: uppercase
}

.ntcFull.insideNTCDirecciones .itemPost .titlePost {
    font-size: 18px;
    line-height: 24px;
    font-weight: 300;
    margin-top: 0;
    margin-bottom: 10px;
    color: #484444;
    overflow: hidden;
    margin-left: 200px
}

.ntcFull.insideNTCDirecciones .itemPost .estractPost {
    color: grey;
    height: 60px;
    overflow: hidden;
    font-weight: 300;
    margin-left: 200px
}

.pageBreadcrumb li a:hover {
    color: #3fa9f5;
    text-decoration: underline
}

.ctnFunciones h2 {
    color: #0056a6;
    text-transform: uppercase;
    font-size: 22px;
    font-weight: 100;
    transition: ease .3s
}

.ctnFunciones p {
    font-size: 15px;
    font-weight: 300;
    color: #333;
    line-height: 20px
}

.ctnFunciones {
    margin: 30px 0;
    position: relative;
    display: block
}

.boxid_.pageContent {
    padding: 0;
    z-index: 1;
    position: relative
}

.boxid_.metasEducacion {
    display: block;
    position: relative;
    background: url(../img/socialbg.jpg) #242732;
    background-size: cover;
    max-width: 100%;
    overflow: hidden;
    padding: 50px 0
}

.boxid_.metasEducacion:before {
    z-index: 0
}

.boxid_.metasEducacion .ctnMetas ul {
    list-style: none;
    padding: 0;
    position: relative;
    display: table;
    margin: 0 auto
}

.boxid_.metasEducacion .ctnMetas ul li {
    font-size: 14px;
    text-align: center;
    font-weight: 300;
    color: #fff;
    text-transform: uppercase;
    line-height: 22px;
    width: 23%;
    float: left;
    margin: 0 1%;
    position: relative
}

.ctnMetasPresidenciales li .icon {
    font-size: 100px;
    font-weight: 300;
    color: #fff;
    line-height: 49px;
    padding: 15px;
    display: table;
    width: 60px;
    height: 60px;
    text-align: center;
    margin: 0 auto 10px
}

.boxid_.metasEducacion .ctnMetas li span.indicadorMeta {
    font-size: 24px;
    font-weight: 400;
    color: #fff
}

.metasEducacion .boxPortadaTitle h2 {
    text-align: center;
    color: #fff;
    text-transform: uppercase;
    font-size: 22px;
    font-weight: 100;
    margin: 0 0 30px;
    transition: ease .3s
}

.boxid_.metasEducacion .container {
    position: relative;
    z-index: 1
}

.tooltipMeta {
    position: absolute;
    color: #000;
    padding-bottom: 22px;
    font-size: 11px;
    line-height: 16px;
    text-align: left;
    z-index: 99;
    border-radius: 3px;
    box-shadow: 0 -10px 20px -10px rgba(0, 0, 0, .25);
    width: 320px;
    height: 150px;
    top: -200px;
    left: calc(50% - 160px);
    visibility: hidden;
    opacity: 0
}

.tooltipMeta dl {
    margin: 0;
    padding: 0;
    position: absolute;
    left: 110px;
    height: 76%
}

.tooltipMeta dl dd,
.tooltipMeta dl dt {
    margin: 0
}

.tooltipMeta dl dt {
    font-size: 16px;
    padding: 15px 5px 10px 0;
    line-height: 20px
}

.tooltipMeta dl dd {
    font-size: 13px;
    padding: 0 5px 5px 0;
    line-height: 16px;
    text-transform: none
}

.tooltipMeta a {
    position: absolute;
    right: 10px;
    height: 18%;
    bottom: 5px;
    line-height: 3em;
    text-align: center
}

.tooltipMeta a:hover {
    text-decoration: underline
}

.alertas a,
.boxDownload a,
.homeLink,
.secuenciaPgn ul li a,
.secuenciaPgn ul li span {
    text-decoration: none
}

.ctnTooltipMeta {
    position: relative;
    min-height: 100%;
    background: #fff
}

.tooltipMeta img {
    position: absolute;
    width: 100px;
    height: 100%;
    background: #fbfbfb;
    border: 0;
    padding: 0;
    margin: 0;
    outline: 0
}

.ctnTooltipMeta:before {
    content: "";
    width: 0;
    height: 0;
    border-left: 8px solid rgba(255, 255, 255, 0);
    border-right: 8px solid rgba(255, 255, 255, 0);
    border-bottom: 8px solid rgba(255, 255, 255, 0);
    border-top: 8px solid #fff;
    position: absolute;
    bottom: -16px;
    left: calc(50% - 8px)
}

.boxid_.metasEducacion .ctnMetas ul li:hover .tooltipMeta {
    visibility: visible;
    opacity: 1;
    top: -170px
}

.shortcutButton {
    position: fixed;
    bottom: 20px;
    right: 20px;
    z-index: 999999;
    width: 30px;
    height: 30px;
    padding: 9px;
    border-radius: 50%;
    cursor: pointer
}

.shortcutButton ul {
    margin: 0;
    padding: 0;
    list-style: none
}

.shortcutButton ul li {
    text-align: center
}

.shortcutButton ul.frecuentShortcut {
    position: absolute;
    display: table;
    bottom: 15px;
    right: 60px;
    width: 154px;
    height: 40px
}

.shortcutButton ul.openShortcuts>li>a {
    font-size: 22px;
    color: #fff;
    outline: 0;
    font-weight: 200;
    text-transform: uppercase;
    position: relative;
    bottom: 0;
    text-align: center;
    margin: 0 auto;
    text-shadow: 0 1px 1px #982c0a;
    background: #fff
}

.shortcutButton ul.openShortcuts li span {
    font-size: 20px;
    color: #fff
}

.shortcutButton .frecuentShorcut ul li {
    display: block;
    width: 50px;
    height: 50px;
    background: #000
}

.shortcutButton ul.frecuentShortcut>li {
    float: right;
    margin: 0 6px;
    text-align: center;
    position: relative;
    position: relative
}

.shortcutButton ul.frecuentShortcut>li>a.icon.Ic_gpw-12 {
    animation-delay: .1s
}

.shortcutButton ul.frecuentShortcut>li>a.icon.Ic_gpw-13 {
    animation-delay: .2s
}

.shortcutButton ul.frecuentShortcut>li>a {
    float: right;
    display: block;
    width: 29px;
    height: 29px;
    background: #fff;
    border-radius: 50%;
    text-align: center;
    position: relative;
    line-height: 29px;
    padding: 5px;
    color: #0056a6;
    font-size: 20px;
    font-weight: 700;
    opacity: 0;
    -webkit-animation-duration: .5s;
    animation-name: example;
    animation-duration: .5s;
    animation-fill-mode: forwards;
    box-shadow: 0 5px 11px 0 rgba(25, 25, 25, .19)
}

.shortcutButton ul.frecuentShortcut li span.appsTooltip {
    visibility: hidden;
    opacity: 0;
    font-size: 13px;
    position: absolute;
    background: rgba(27, 127, 204, .61);
    padding: 5px 10px;
    top: -40px;
    left: calc(50% - 70px);
    display: table;
    width: 100%;
    border-radius: 2.5px;
    transition: cubic-bezier(.95, 1.37, .74, .93) all .3s;
    overflow: hidden
}

.shortcutButton ul.frecuentShortcut li.moreShortcut span+div {
    font-size: 24px;
    color: #3fa9f5;
    display: block;
    position: relative;
    line-height: 35px
}

.shortcutButton .ctnShortcutButtons ul li {
    transition: ease all .3s
}

.shortcutButton .ctnShortcutButtons ul li span {
    font-size: 24px;
    display: block;
    background: #3fa9f5;
    border-radius: 50%;
    width: 40px;
    height: 40px;
    line-height: 40px;
    color: #fff;
    margin: 0 auto 9px;
    box-shadow: 0 0 0 0 rgba(63, 169, 245, 0);
    transition: .2s cubic-bezier(.69, 1.63, .82, 1.37)
}

.shortcutButton .ctnShortcutButtons ul li a {
    font-size: 11px;
    color: #0056b9;
    display: block;
    width: 70px;
    height: 90px;
    line-height: 14px;
    padding: 10px;
    transition: ease all .2s;
    position: relative;
    float: left;
    text-align: center;
    cursor: pointer;
    word-break: break-word
}

.shortcutButton .ctnShortcutButtons {
    position: absolute;
    width: 300px;
    bottom: 50px;
    left: -157px;
    display: table;
    visibility: hidden;
    opacity: 0;
    padding: 30px 30px 60px;
    transition: .3s
}

.shortcutButton .ctnShortcutButtons:after {
    content: "";
    border-top: 8px solid #3fa9f5;
    border-bottom: 1px solid transparent;
    border-left: 8px solid transparent;
    border-right: 8px solid transparent;
    position: absolute;
    bottom: 51px;
    right: calc(50% - 4px)
}

.shortcutButton>ul>li>ul {
    display: none
}

.shortcutButton ul.frecuentShortcut>li>a:hover {
    background: #0056a6;
    color: #fff;
    box-shadow: 0 5px 9px 0 rgba(25, 25, 25, .41)
}

.shortcutButton ul.frecuentShortcut>li.moreShortcut:hover>div.ctnShortcutButtons {
    visibility: visible;
    opacity: 1;
    bottom: 30px
}

.shortcutButton ul.frecuentShortcut>li.moreShortcut>a:hover {
    transform: rotate(45deg)
}

.shortcutButton .ctnShortcutButtons ul li a:hover {
    border-radius: 2px;
    background: rgba(63, 169, 245, .1)
}

a.btnToolAcc {
    content: "+";
    position: absolute;
    top: -9px;
    left: -8px;
    line-height: 29px;
    font-weight: 500;
    text-align: center;
    font-size: 32px;
    width: 30px;
    height: 30px;
    border-radius: 50px;
    background: #aa2020;
    padding: 9px;
    transition: ease all .3s;
    box-shadow: 0 5px 5px -2px rgba(25, 25, 25, .41);
    color: #fff
}

.shortcutButton ul.frecuentShortcut>li:hover>span.appsTooltip {
    visibility: visible;
    opacity: 1
}

.shortcutButton .ctnShortcutButtons ul li:hover span {
    background: rgba(63, 169, 245, .8);
    box-shadow: 0 0 0 3px rgba(63, 169, 245, .35);
    font-size: 26px
}

a.btnToolAcc.close {
    -ms-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg)
}

.navPgn {
    position: relative;
    overflow: hidden;
    display: block;
    margin: 0 auto;
    float: left;
    width: 100%
}

.secuenciaPgn ul li.active span {
    text-decoration: none;
    background: #095a97;
    padding: 8px 15px;
    border: 1px solid #3fa9f5;
    color: #fff;
    border-radius: 2px;
    margin-left: 5px
}

.secuenciaPgn ul li span {
    padding: 8px 15px;
    border: 1px solid #ddd;
    color: inherit;
    border-radius: 2px;
    margin-left: 5px
}

.secuenciaPgn ul {
    text-align: center;
    list-style: none;
    font-size: 14px;
    color: #484444;
    margin: 30px auto;
    display: table;
    padding: 0
}

.secuenciaPgn ul li {
    display: inline-block
}

.secuenciaPgn ul li a {
    padding: 8px 15px;
    border: 1px solid #ddd;
    color: inherit;
    border-radius: 2px;
    margin-left: 5px;
    transition: ease .3s
}

.secuenciaPgn ul li a:focus,
.secuenciaPgn ul li a:hover {
    background-color: rgba(63, 169, 245, .8);
    color: #fff;
    border: 1px solid rgba(63, 169, 245, .8)
}

.secuenciaPgn ul li.active a {
    background-color: #0056b9;
    color: #fff;
    border: 1px solid #0056b9
}

.boxPost_.ntcPiesEscuelas .itemPost .titlePost a {
    color: #fff
}

#owl-carouselPortada .title-item-carousel h1 a {
    margin: 0 0 20px;
    padding: 0;
    color: #fff;
    text-shadow: 1px 2px 2px rgba(0, 0, 0, .37);
    font-weight: 400;
    font-size: 34px;
    line-height: 37px;
    position: relative;
    vertical-align: text-top
}

.boxService_ a.linkService {
    display: table;
    position: relative;
    width: 100%
}

.serviciosMenu ul li a:hover {
    background: rgba(3, 169, 244, .08)
}

.serviciosMenu ul li a.active:after {
    content: "";
    display: block;
    position: relative;
    margin: 0 auto;
    top: 0;
    width: 0;
    border-bottom: 10px solid #3fa9f5;
    border-top: 10px solid rgba(63, 169, 245, 0);
    border-left: 10px solid rgba(63, 169, 245, 0);
    border-right: 10px solid rgba(63, 169, 245, 0)
}

.boxid_.catNoticias {
    background: #fafafd
}

.boxid_.ntcPortada1.ntcPortadaPrincipal {
    background: #f9f9f9;
}

.fb_iframe_widget,
.fb_iframe_widget span,
.fb_iframe_widget span iframe[style] {
    width: 100% !important
}

.sidebarBiblioteca {
    margin: -10px -15px 0;
    background: #0056a6;
    background: -moz-linear-gradient(45deg, #0056a6 0, #3fa9f5 100%);
    background: -webkit-linear-gradient(45deg, #0056a6 0, #3fa9f5 100%);
    background: linear-gradient(45deg, #0056a6 0, #3fa9f5 100%);
    box-shadow: inset -10px 0 0 #fff;
    padding-right: 10px
}

.sidebarBiblioteca ul {
    margin: 0;
    padding: 0;
    list-style: none;
    overflow: hidden
}

.sidebarBiblioteca h5 {
    margin: 0;
    font-size: 18px;
    color: #fff;
    padding: 14px;
    font-weight: 400;
    text-transform: uppercase;
    background: #1a2953
}

.sidebarBiblioteca ul li {
    border-bottom: 1px solid rgba(0, 86, 185, .5);
    position: relative;
    display: block
}

.sidebarBiblioteca ul li a,
.sidebarBiblioteca ul li a:focus,
.sidebarBiblioteca ul li a:visited {
    padding: 12px 20px 12px 45px;
    display: block;
    width: calc(100% - 65px);
    font-size: 13px;
    font-weight: 300;
    text-transform: uppercase;
    color: #fff !important;
    transition: ease .3s;
    position: relative;
    outline: 0
}


.sidebarBiblioteca ul li a span.icon {
    color: #fff;
    font-size: 22px;
    display: block;
    position: absolute;
    left: 14px;
    top: 0;
    bottom: 0;
    margin-top: auto;
    margin-bottom: auto;
    line-height: 44px
}

.sidebarBiblioteca ul li a:before {
    content: "\e93c";
    font-family: gpweb;
    position: absolute;
    right: 5%;
    top: calc(35% - 5px);
    color: rgba(179, 212, 252, .52);
    line-height: 30px;
    transition: ease .3s
}

.sidebarBiblioteca ul li a:hover:before {
    content: "\e93c";
    right: 2%
}

.bgToolAcc,
.bgToolAcc.off,
.pageMainImage:before,
.sidebarBiblioteca h5:after {
    content: ""
}

span.mobBtn {
    position: absolute;
    right: 15px;
    top: 15px;
    display: none
}

.bibliotecaMobile span.mobBtn {
    position: absolute;
    right: 15px;
    top: 15px;
    display: block;
    cursor: pointer
}

.sidebarBiblioteca ul li a:hover {
    background: rgba(63, 169, 245, .8)
}

.sidebarBiblioteca h5:after {
    right: -5px;
    top: 0;
    display: block;
    position: absolute;
    border-top: 26px solid transparent;
    border-right: 26px solid #fff;
    border-bottom: 26px solid transparent;
    border-left: 1px solid transparent
}

.boxDocumentos ul {
    margin: 0;
    padding: 0;
    list-style: none;
    position: relative;
    display: block
}

.boxDocumentos {
    position: relative;
    display: block;
    margin-bottom: 30px
}

.boxDocumentos .contentDocs {
    position: relative;
    display: block;
    width: 100%
}

.boxDocumentos .typesDocsBar {
    position: relative;
    width: 100%;
    display: table;
    height: 20px;
    font-size: 12px;
    padding: 5px 0 5px 5px
}

.boxDocumentos .typesDocsBar .typesDate,
.boxDocumentos .typesDocsBar .typesDocs,
.boxDocumentos .typesDocsBar .typesNombres {
    float: left;
    display: table;
    padding: 10px
}

.boxDocumentos .contentDocs ul li {
    font-size: 13px;
    width: 100%;
    background: #eff6fd;
    margin-bottom: 5px;
    padding: 0;
    position: relative;
    display: inline-block;
    transition: ease .3s;
    border-radius: 2px
}

.boxDocumentos .contentDocs ul li .dateDocs,
.boxDocumentos .contentDocs ul li .downloadDocs,
.boxDocumentos .contentDocs ul li .titleDocs,
.boxDocumentos .contentDocs ul li .typeDocs {
    float: left;
    padding: 17px 10px;
    display: block;
    color: #475463
}

.boxDocumentos .contentDocs ul li .titleDocs a span {
    font-size: 26px;
    color: #2793e6;
    position: absolute;
    left: 20px;
    top: 14px
}

.boxDocumentos .contentDocs ul li .downloadDocs a {
    font-size: 26px;
    color: #2793e6;
    background: #eff6fd;
    padding: 8px 12px;
    display: table;
    margin: 0;
    border-left: 5px solid #fff;
    transition: ease .3s;
    overflow: hidden;
    height: 20px;
    outline: 0
}

.boxDocumentos .contentDocs ul li .downloadDocs {
    float: right;
    padding: 0
}

.boxDocumentos .contentDocs ul li .titleDocs a {
    padding: 0 0 0 55px;
    overflow: hidden;
    display: block;
    width: calc(100% - 55px)
}

.boxDocumentos .contentDocs ul li .typeDocs {
    text-transform: uppercase;
    color: #445466
}

span.cantidadDocs {
    font-size: 12px;
    text-transform: uppercase;
    color: #5386b5
}

.boxDocumentos h2 {
    color: #0056a6;
    text-transform: uppercase;
    font-size: 22px;
    font-weight: 100;
    transition: ease .3s
}

.direccionContent .insideNTCDirecciones .itemPost .imgPost {
    position: relative;
    overflow: hidden;
    width: 180px;
    height: 120px;
    background: #ddd;
    float: left
}

.direccionContent .pageContent p {
    margin: 0
}

.direccionContent .ntcFull.insideNTCDirecciones .itemPost .estractPost p {
    margin: 0;
    line-height: 20px
}

.boxDocumentos .contentDocs ul li .titleDocs {
    width: 65%
}

.boxDocumentos .contentDocs ul li .downloadDocs a:hover {
    background: #5386b5;
    color: #fff
}

.boxDocumentos .contentDocs ul li:hover {
    background: rgba(99, 172, 239, .16)
}

.ntcFull.insideNTCDirecciones .itemPost .titlePost:hover {
    color: #0056a6
}

.pageMainImage:before {
    background: #223c73e8;
    width: 100%;
    height: 112vh;
    top: 0;
    left: 0;
    position: absolute;
    z-index: 0;
    overflow: hidden;
}

#searchform input {
    border: 1px solid #dcdcdc;
    border-radius: 2px;
    line-height: 34px;
    width: 100%;
    padding: 5px 0px 5px 6%;
    font-family: inherit;
    margin: 0;
    margin-left: -6px;
    font-weight: 300;
    font-size: 14px;
    outline: 0;
    background: #fdfdfd;
    transition: all .3s;
    color: #4e4e4e;
}

.bgToolAcc,
.bgToolAcc.off {
    border-radius: 50%;
    position: absolute
}

.bgToolAcc.off {
    background: rgba(39, 147, 230, 0);
    right: 0;
    height: 0;
    bottom: 0;
    width: 0;
    z-index: 0;
    transition: cubic-bezier(.04, 1.36, .97, 1.24) .4s
}

.bgToolAcc {
    background: rgba(39, 147, 230, .51);
    right: -250px;
    height: 500px;
    bottom: -250px;
    width: 500px;
    z-index: -1;
    transition: .6s cubic-bezier(.01, .92, .57, 1.23)
}

.filtroPrinc:after {
    content: '\e93f';
    font-size: 55px;
    font-family: gpweb;
    line-height: 36px;
    position: absolute;
    right: 0;
    top: 0;
    color: #000
}

.boxid_.content404:before,
.goTop:before,
.selectNewsCat:after {
    content: ""
}

.ctnAccesos,
.ctnAccesos ul li a {
    display: block;
    position: relative
}

.ctnAccesos ul {
    margin: 0;
    padding: 0;
    list-style: none
}

.ctnAccesos ul li a {
    padding: 30px 20px;
    background: #0056b9;
    margin: 0 2px 10px 0;
    text-align: center;
    float: left;
    border-radius: 2px;
    width: 20%;
    height: 50px;
    font-size: 16px
}

.ctnAccesos ul li a span {
    position: absolute;
    top: 5px;
    left: 5px;
    font-size: 64px;
    color: #d9e1e7
}

.ctnBtn.btnNoticiasPortada {
    float: left
}

.contentDocs.allDocs ul li {
    background: rgba(120, 137, 156, .07);
    border-bottom: 1px solid #e8e8e8
}

.boxDocumentos .contentDocs ul li.accordion {
    background-color: #fff;
    border: 1px solid #f1f1f1
}

ul.moreDocs li {
    background-color: #ccc
}

.moreDocs li {
    background-color: rgba(120, 137, 156, .1) !important;
    margin-bottom: 0 !important;
    border-top: 1px solid rgba(120, 137, 156, .16) !important;
    border-radius: 0 !important;
    position: relative;
    overflow: hidden;
    float: left
}

.postMainImg,
img.bannersPost {
    background: #232731;
    position: relative
}

.moreDocs li a {
    font-size: 12px;
    text-transform: uppercase;
    position: relative;
    left: 64px;
    color: #5386b5;
    overflow: hidden;
    width: calc(80% - 55px);
    display: block;
    padding: 10px 0 10px 30px !important
}

.moreDocs li a span {
    font-size: 22px !important;
    position: absolute;
    top: 7px;
    left: 0;
    color: #d1223e
}

.element-invisible {
    position: absolute !important;
    clip: rect(1px 1px 1px 1px) clip:rect(1px, 1px, 1px, 1px) overflow:hidden;
    overflow-x: hidden;
    overflow-y: hidden;
    height: 1px
}

.postMainImg {
    overflow: hidden;
    width: 100%;
    max-height: 600px
}

img.bannersPost {
    margin: 0 auto;
    display: block;
    top: -25%
}

ul.banner-portada {
    margin: 0;
    padding: 0
}

ul.banner-portada li {
    list-style: none;
    margin-bottom: 26px;
    position: relative;
}

ul.banner-portada li iframe {
    width: 100%;
    position: relative;
    margin: auto;
    height: 275px;
    border: 0;
    overflow: hidden
}

.boxDependencias {
    position: relative
}

.boxDependencias ul {
    margin: 0;
    padding: 0;
    list-style: none
}

.boxDependencias ul li {
    position: relative;
    display: block;
    width: 100%;
    margin: 30px 0
}

.boxDependencias .logoDependencias {
    width: 200px;
    height: 150px;
    display: block;
    float: left;
    position: relative
}

.boxDependencias h4 {
    font-size: 16px;
    color: #061f5c;
    line-height: 18px;
    display: block;
    margin: 10px 0
}

.boxDependencias .allInfo {
    position: relative;
    display: block;
    margin: 0 0 20px
}

.allInfo .descripcionDependencias {
    font-size: 14px;
    color: #595959;
    margin: 10px 0;
    font-weight: 300
}

.allInfo .direccionDependencias,
.allInfo .numeroDependencias {
    font-size: 14px;
    color: #5f5656;
    margin: 5px 0;
    font-weight: 300
}

.allInfo .urlDepedencias {
    font-size: 14px;
    color: #295d7f;
    margin: 5px 0;
    font-weight: 300
}

.iframContainer {
    width: 100vw;
    max-width: 100%;
    height: 100vh;
    position: relative;
    display: table-cell
}

.iframContainer iframe {
    width: 100%;
    height: 100vh;
    left: 0;
    right: 0;
    bottom: 0;
    top: 0;
    border: 0
}

.boxid_.bodyPage.iframe {
    padding: 0
}

.goTop {
    position: fixed;
    bottom: 90px;
    right: 33px;
    width: 20px;
    height: 20px;
    background: rgba(27, 127, 204, .23);
    padding: 9px;
    border: 1px solid rgba(27, 127, 204, .04);
    border-radius: 2px;
    cursor: pointer;
    z-index: 999
}

.goTop span {
    font-size: 142px;
    color: rgba(27, 127, 204, .8);
    position: absolute;
    top: -50px;
    left: -50px
}

.goTop:before {
    border-top: 0 solid transparent;
    border-left: 10px solid transparent;
    border-bottom: 10px solid rgba(27, 127, 204, .5);
    border-right: 10px solid transparent;
    display: block;
    position: absolute;
    top: 14px;
    left: 9px
}

.boxDownload {
    position: relative;
    background-color: #f5f5f5;
    border-radius: 4px
}

.logoAcrobat {
    float: left
}

.textoDescarga {
    position: relative;
    font-size: 14px;
    color: #464141;
    padding: 8px;
    min-height: 35px
}

.selectNewsCat {
    position: relative;
    height: 40px
}

.selectNewsCat select {
    background: #e8f0f3;
    font-size: 12px;
    color: #0056a6;
    width: calc(100% - 135px);
    border: 0;
    border-radius: 0;
    -webkit-appearance: none;
    text-transform: uppercase;
    padding: 10px 5px 10px 15px;
    height: 40px;
    outline: 0;
    margin: 20px 0
}

.selectNewsCat:after {
    position: absolute;
    top: 38px;
    right: 15px;
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
    border-bottom: 0 solid #eaecee;
    border-top: 6px solid #0056a6
}

.botonesAccesos,
a.btn.acceder {
    display: table;
    position: relative
}

.botonesAccesos {
    width: 100%;
    padding: 0 0 20px;
    margin: 30px 0 10px;
    height: 57px;
    box-shadow: 0 1px #eaecee
}

a.btn.acceder {
    background-color: #dc3545;
    margin: 30px 0;
    text-align: center;
    padding: 20px 80px 20px 40px;
    font-size: 18px;
    font-weight: 600;
    text-transform: uppercase;
    transition: .3s;
    color: #fff !important;
    width: 100%;
}

.botonesAccesos a.btn span {
    position: absolute;
    top: 0;
    left: 0;
    padding: 3px 12px;
    background: #232731;
    font-size: 10px;
    font-weight: 300;
    color: #fff
}

a.btn:hover {
    background-color: #395693;
}

.serviciosList li.tool span.Ic_gpw-226,
.serviciosList li.tool span.Ic_gpw-66 {
    background: rgba(83, 134, 181, .3);
    float: right;
    display: block;
    padding: 5px;
    width: 40px;
    height: 32px;
    text-align: center;
    margin: -4px 0;
    font-size: 24px;
    line-height: 32px;
    color: #395693;
    transition: .3s;
    position: relative;
    right: 7px;
    border-radius: 2px
}

.serviciosList li.tool span.Ic_gpw-226:hover,
.serviciosList li.tool span.Ic_gpw-66:hover,
.serviciosList li.tool:hover a.link-direct span.icon {
    background-color: rgba(255, 255, 255, .2);
    color: #fff
}

.serviciosList>ul>li.tool>a.link-direct {
    width: 44px;
    padding: 0;
    margin: 0;
    background: 0 0
}

.serviciosList>ul>li.tool>a.link-direct>span {
    padding: 0;
    margin: 0;
    float: inherit;
    left: 0
}

.boxid_.content404 {
    min-height: 400px;
    display: table;
    width: 100%;
    padding: 100px 0;
    position: relative
}

.cartoon404 {
    background-image: url(../img/404cartoons.png);
    background-size: contain;
    height: 615px;
    width: 50%;
    background-repeat: no-repeat;
    float: left
}

.mainTitle404 {
    width: 50%;
    float: left;
    display: block;
    position: relative
}

.textButton404 {
    font-size: 18px;
    font-weight: 300;
    color: #395693;
    line-height: 34px;
    margin: 20px 0;
    display: block
}

.mainTitle404 h1 {
    font-size: 15em;
    padding: 0;
    line-height: 196px;
    font-weight: 100;
    color: #061f5c;
    display: block;
    margin: 0 0 40px
}

.oopsText {
    font-size: 4em;
    font-weight: 400;
    color: rgba(120, 137, 156, .5);
    margin: 0
}

.boxid_.content404:before {
    position: absolute;
    width: 100%;
    height: 50%;
    bottom: 0;
    z-index: -999;
    background: #e0edf8;
    background: -webkit-linear-gradient(top, rgba(224, 237, 248, .4), #fff);
    background: -o-linear-gradient(bottom right, rgba(224, 237, 248, .4), #fff);
    background: -moz-linear-gradient(bottom right, rgba(224, 237, 248, .4), #fff);
    background: linear-gradient(to bottom, rgba(224, 237, 248, .4), #fff)
}

.cartoon400,
.cartoon403,
.cartoon500,
.cartoon503,
.cartoon504,
.cartoon509 {
    background-size: contain;
    height: 615px;
    width: 50%;
    background-repeat: no-repeat;
    float: left
}

.cartoon400 {
    background-image: url(../img/400cartoons.png)
}

.cartoon403 {
    background-image: url(../img/403cartoons.png)
}

.cartoon500 {
    background-image: url(../img/500cartoons.png)
}

.cartoon503 {
    background-image: url(../img/503cartoons.png)
}

.cartoon504 {
    background-image: url(../img/504cartoons.png)
}

.cartoon509 {
    background-image: url(../img/509cartoons.png)
}

.ctnBtn {
    display: block;
    margin: 20px 0
}

.homeLink {
    font-size: 13px;
    color: #fff;
    cursor: pointer;
    background-color: #0056a6;
    padding: 10px 18px;
    border-radius: 2px;
    transition: all ease .3s
}

.homeLink:hover {
    color: #fff;
    background: #3fa9f5
}

.boxMainSearch #formMainSearch {
    background: #fff;
    width: 100%;
    overflow: hidden
}

.boxMainSearch #formMainSearch input[type=text] {
    width: calc(80% - 24px);
    height: 25px;
    border: 1px solid #0056a6;
    padding: 10px;
    font-size: 16px;
    font-weight: 400;
    color: #585858;
    background: #fff;
    float: left;
    outline: 0
}

.boxMainSearch #formMainSearch .boxSubmitMainSearch {
    background: #0056a6;
    display: block;
    overflow: hidden;
    width: 20%;
    height: 47px;
    font-family: gpweb;
    z-index: 0;
    position: relative
}

.boxMainSearch #formMainSearch input#btSubmitMainSearch {
    background: 0 0;
    position: absolute;
    top: 0;
    left: calc(50% - 35px);
    border: none;
    height: 46px;
    text-transform: uppercase;
    cursor: pointer;
    font-size: 17px;
    font-family: Roboto, sans-serif;
    border-radius: 3px;
    display: block;
    text-align: center;
    padding: 0;
    color: #fff;
    font-weight: 300;
    outline: 0
}

.boxMainSearch #formMainSearch .boxSubmitMainSearch:before {
    content: "\e943";
    font-size: 0;
    display: block;
    color: #fff;
    font-weight: 100;
    position: absolute;
    left: 8px;
    top: 8px;
    line-height: 35px
}

.boxMainSearch #formMainSearch fieldset {
    border: none;
    background: #e4edf5;
    padding: 10px 0;
    overflow: hidden;
    position: relative;
    -webkit-margin-start: 0;
    -webkit-margin-end: 0;
    -webkit-padding-before: 0;
    -webkit-padding-start: 0;
    -webkit-padding-end: 0;
    -webkit-padding-after: 0
}

.boxMainSearch #formMainSearch fieldset .parametrosBuscador {
    color: #004b91;
    font-size: 11px;
    text-transform: uppercase;
    border: 0;
    border-bottom: 1px solid #fff;
    width: 100%;
    margin: 0;
    display: block;
    padding: 10px;
    background: #e4edf5
}

.boxid_.mainSearch .boxPortadaTitle h2 {
    padding-left: 0;
    margin-left: 0
}

.boxid_.mainSearch .boxPortadaTitle .grid_8 {
    margin-left: 0
}

.boxMainSearch #formMainSearch fieldset label {
    margin-left: 22px;
    font-size: 12px;
    color: #464f57;
    font-family: inherit;
    cursor: pointer;
    font-weight: 400
}

.boxMainSearch #formMainSearch .labelOrden .labelFiltro {
    margin-right: 10px;
    font-size: 12px;
    font-weight: 600;
    color: #515a62;
    font-family: inherit;
    float: left;
    text-transform: uppercase;
    line-height: 34px
}

.boxMainSearch #formMainSearch .filtroPrinc select#ordenar {
    float: left;
    background: 0 0;
    border: 0;
    height: 32px;
    display: block;
    width: 115%;
    outline: 0
}

.boxMainSearch #formMainSearch select#ordenar {
    font-size: 14px;
    color: #485157;
    font-family: inherit
}

.boxMainSearch #formMainSearch select#ordenar option {
    width: 100%;
    font-size: 14px;
    color: #798692;
    font-family: inherit
}

.boxid_.mainSearch .boxResultadosBuscar .grid_8 {
    margin-left: 0
}

.boxid_.mainSearch .boxResultadosBuscar {
    margin-top: 25px;
    padding-left: 5px
}

.boxid_.mainSearch .boxResultadosBuscar .itemPost {
    margin-bottom: 10px;
    border-bottom: 1px solid #eff6fd
}

.boxid_.mainSearch .boxResultadosBuscar .itemPost h2.titlePost {
    font-family: inherit;
    font-size: 18px;
    line-height: 22px;
    font-weight: 400;
    color: #0056a6;
    margin-bottom: 5px;
    margin-top: 5px
}

.boxid_.mainSearch .boxResultadosBuscar .itemPost .estractPost {
    font-family: inherit;
    font-size: 14px;
    line-height: 20px;
    margin-bottom: 5px;
    font-weight: 300;
    color: #4f5862
}

.boxid_.mainSearch .boxResultadosBuscar .itemPost .datePost {
    font-family: inherit;
    font-size: 11px;
    line-height: 12px;
    margin-bottom: 10px;
    font-weight: 400;
    color: #095995
}

.parametrosB .itemField input {
    background: 0 0;
    margin: 10px 10px 10px -27px
}

.parametrosB .itemField input:checked+label {
    color: #004b91 !important;
    cursor: pointer
}

.parametrosB .itemField input+label:before {
    content: "";
    position: absolute;
    left: 0;
    width: 12px;
    height: 12px;
    background: #eaeaea;
    border-radius: 30%;
    top: 11px;
    border: 1px solid #798692
}

.parametrosB .itemField input:checked+label:before {
    background: #3fa9f5;
    border: 1px solid #2793e6
}

.parametrosB .itemField {
    position: relative;
    float: left;
    overflow: hidden;
    margin: 0 10px;
    cursor: pointer
}

.filtroPrinc {
    background: #f5f6f7;
    overflow: hidden;
    width: 150px;
    border-radius: 2px;
    padding: 0 6px;
    box-shadow: 0 8px 4px -8px rgba(0, 0, 0, .17), inset 0 30px 20px -20px #fff;
    position: relative;
    margin-bottom: 10px;
    border: 1px solid #d9e1e7
}

.liveSearch {
    position: relative;
    z-index: 9999;
    background: #f1f1f1;
    display: block;
    margin: 5px 0;
    padding: 5px 10px
}

.liveSearch dt {
    font-size: 12px;
    margin: 0 10px 10px;
    color: #0056a6;
    border-bottom: 1px solid #ddd;
    padding: 0 0 8px 14px;
    position: relative
}

.liveSearch dd {
    font-size: 12px;
    color: #767676;
    font-weight: 300;
    margin: 10px
}

.liveSearch dt:before {
    content: "";
    border-top: 5px solid transparent;
    border-right: 5px solid transparent;
    border-bottom: 5px solid transparent;
    border-left: 5px solid #3fa9f5;
    position: absolute;
    top: 3px;
    left: 0
}

.ntcEnterateSeccion .programasPtd.redTitle li:before {
    background: no-repeat #a6110d
}

.ntcEnterateSeccion .programasPtd.orangeTitle li:before {
    background: no-repeat #9f9079
}

.ntcEnterateSeccion .programasPtd.greenTitle li:before {
    background: no-repeat #096004
}

.ntcEnterateSeccion .programasPtd li span.icon {
    font-size: 22px;
    display: block;
    float: left;
    height: 18px;
    padding: 10px;
    position: relative;
    z-index: 1;
    color: #0d3b67
}

.ntcEnterateSeccion .programasPtd li:hover span.icon:before {
    color: #fff;
    transition: .3s
}

.ntcEnterateSeccion .programasPtd li span.icon:before {
    transition: .3s
}

.boxid_.EnterateSeccion .ntcEnterateSeccion .programasPtd a {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    padding-left: 0
}

.boxid_.EnterateSeccion .ntcEnterateSeccion .programasPtd li {
    padding-left: 15px;
    background: #fff
}

.boxid_.EnterateSeccion .ntcEnterateSeccion .programasPtd li span.icon {
    padding-left: 0;
}

.boxid_.bottomBannersPortada2 .boxPortadaTitle h2 {
    text-align: center;
    font-weight: 500
}

.itemCarrousel {
    border-radius: 4px;
    overflow: hidden
}

.footerNav a:visited,
.ntcPortada1 a:visited>h2 {
    color: #798692 !important
}

.btn.acceder .Ic_gpw-27 {
    font-size: 18px;
    right: 10px;
    top: calc(50% - 12px);
    position: absolute;
    color: #fff;
    border-left: 1px solid #fff;
    padding-left: 10px
}

.alertas,
.modal,
.modal-backdrop {
    top: 0;
    right: 0;
    left: 0
}

.closer,
.ctnDireccionTitle ul li a {
    font-size: 12px;
    text-transform: uppercase
}

.ctnDireccionTitle ul li a {
    color: #b3d4fc;
    font-weight: 300;
    display: inline-block;
    position: relative;
    transition: .3s ease
}

.alertas,
.ctnDireccionTitle ul li a:hover {
    color: #fff
}

a.btn.acceder.filas {
    display: inline-block;
}

#areaServicio a.linkServicios {
    width: calc(100% - 72px)
}

.alertas {
    background: top left no-repeat, top right no-repeat #0076b5;
    height: 20px;
    position: relative;
    display: table;
    width: 100%;
    padding: 10px 0;
    background-image: -webkit-linear-gradient(right, #ff8b00 20px, #ff8b00 200px, #ff8b00 400px), -webkit-linear-gradient(left, #ff8b00 20px, #ff9800 200px, #ff9800 400px);
    background-image: linear-gradient(to left, #ff8b00 20px, #ff8b00 200px, #ff8b00 400px), linear-gradient(to right, #ff8b00 20px, #ff9800 200px, #ff9800 400px);
    background-size: 51% 100%;
    z-index: 9;
    box-shadow: 0 0 0 3px #fff
}

.alertas a {
    color: inherit;
    display: block;
    font-weight: 500
}

.closer {
    border: 2px solid;
    padding: 4px 15px;
    border-radius: 40px;
    cursor: pointer;
    transition: .3s;
    background-color: inherit
}

.closer:hover {
    border-color: #fff
}

.form_descentralizacion {
    padding: 30px
}

.formulario_descentralizacion .boxDocumentos .contentDocs ul li .titleDocs a {
    text-transform: uppercase
}

.formGroup.grid_6_custom {
    width: 48%;
    display: inline-block;
    padding: 0 5px
}

.collapsible:after {
    content: '\02795';
    font-size: 13px;
    color: #fff;
    float: right;
    margin-left: 5px
}

.collapsible.active:after {
    content: "\2796"
}

.collapsible {
    background-color: #255c89 !important;
    color: #fff;
    cursor: pointer;
    padding: 18px;
    width: 100%;
    border: none;
    text-align: left;
    outline: 0;
    font-size: 15px;
    text-transform: uppercase
}

.content {
    padding: 0 18px;
    max-height: 0;
    overflow: hidden;
    transition: max-height .2s ease-out;
    background-color: #f8f8f8;
    text-transform: uppercase;
    margin-bottom: 5px
}

.element-invisible:focus {
    outline: dotted thin;
    position: static !important;
    clip: auto;
    overflow: visible;
    height: auto
}

.modal,
.modal-open {
    overflow: hidden
}

.modal {
    display: none;
    position: fixed;
    bottom: 0;
    z-index: 1050;
    -webkit-overflow-scrolling: touch;
    outline: 0
}

.modal.fade .modal-dialog {
    /*-webkit-transform: translate(0, -25%);
    -ms-transform: translate(0, -25%);
    -o-transform: translate(0, -25%);
    transform: translate(0, -25%);*/
    -webkit-transition: -webkit-transform .3s ease-out;
    -o-transition: -o-transform .3s ease-out;
    transition: transform .3s ease-out
}

.modal.in .modal-dialog {
    -webkit-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    -o-transform: translate(0, 0);
    transform: translate(0, 0)
}

.modal-open .modal {
    overflow-x: hidden;
    overflow-y: auto
}

.modal-dialog {
    position: relative;
    width: auto;
    margin: 10px
}

.modal-content {
    position: relative;
    background-color: #fff;
    border: 1px solid #999;
    border: 1px solid rgba(0, 0, 0, .2);
    border-radius: 6px;
    -webkit-box-shadow: 0 3px 9px rgba(0, 0, 0, .5);
    box-shadow: 0 3px 9px rgba(0, 0, 0, .5);
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    outline: 0
}

.modal-backdrop {
    position: fixed;
    bottom: 0;
    z-index: 1040;
    background-color: #000
}

.modal-backdrop.fade {
    opacity: 0
}

.modal-backdrop.in {
    opacity: .5
}

.modal-header {
    padding: 15px;
    border-bottom: 1px solid #e5e5e5
}

.modal-header .close {
    margin-top: -2px;
    float: right;
    background-color: #fff;
    border: 0;
    font-size: 25px
}

.modal-title {
    margin: 0;
    line-height: 1.42857143
}

.modal-body {
    position: relative;
    padding: 15px
}

.modal-footer {
    padding: 15px;
    text-align: right;
    border-top: 1px solid #e5e5e5
}

.modal-footer .btn+.btn {
    margin-left: 5px;
    margin-bottom: 0
}

.modal-footer .btn-group .btn+.btn {
    margin-left: -1px
}

.modal-footer .btn-block+.btn-block {
    margin-left: 0
}

.modal-scrollbar-measure {
    position: absolute;
    top: -9999px;
    width: 50px;
    height: 50px;
    overflow: scroll
}

@media (min-width:768px) {
    .modal-dialog {
        width: 600px;
        margin: 30px auto
    }

    .modal-content {
        -webkit-box-shadow: 0 5px 15px rgba(0, 0, 0, .5);
        box-shadow: 0 5px 15px rgba(0, 0, 0, .5)
    }

    .modal-sm {
        width: 300px
    }
}

@media (min-width:992px) {
    .modal-lg {
        width: 900px
    }
}

.clearfix:after,
.clearfix:before,
.modal-footer:after,
.modal-footer:before,
.modal-header:after,
.modal-header:before {
    content: " ";
    display: table
}

button.formItem.btn.btnBlue.pullRight {
    background-color: #105b94;
    color: #fff;
    padding: 12px 23px;
    margin-right: 0;
    width: auto;
    min-width: 80px;
    border: 0;
    border-radius: 2px;
    font-size: 12px;
    font-weight: 500;
    text-transform: uppercase
}

h5#exampleModalLongTitle {
    line-height: 34px;
    font-size: 16px;
    color: #0056a6;
    font-weight: 400;
    display: inline-block;
    width: 530px
}

.bienvenida_servicios,
.revolucion_educativa {
    display: inline;
    font-weight: 400;
    font-size: 22px;
    text-transform: uppercase
}

.logo>a {
    color: #000 !important
}

a.at-icon-wrapper.at-share-btn.at-svc-pdfmyurl {
    background-color: #854a03 !important
}

a.at-icon-wrapper.at-share-btn.at-svc-facebook {
    background-color: #395795 !important
}

a.at-icon-wrapper.at-share-btn.at-svc-twitter {
    background-color: #005b8c !important
}

a.at-icon-wrapper.at-share-btn.at-svc-linkedin {
    background-color: #395693 !important
}

a.at-icon-wrapper.at-share-btn.at-svc-whatsapp {
    background-color: #266321 !important
}

a.at-icon-wrapper.at-share-btn.at-svc-email {
    background-color: #585858 !important
}

a.at-icon-wrapper.at-share-btn.at-svc-print {
    background-color: #4d5b5e !important
}

.areaTitle h2 {
    color: #0156a6
}

.bienvenida_servicios {
    color: #034683;
    transition: ease.3s
}

.revolucion_educativa {
    color: #254682
}

.consultar_servicio {
    font-weight: 600
}

.educacion_rdo {
    font-weight: 900;
    font-style: oblique
}

.ctnFotterInfo ul li a:hover {
    color: #edcdcd;
    text-decoration: underline
}

.btnSearch.mobile {
    width: 36px;
    top: 9px
}

.boxResultadosBuscar .cantResult {
    color: #47596f
}

.ctnBtn.btn_verTodas {
    text-transform: uppercase;
    width: 277px;
}

.ctnBtn.btn_verTodas>a {
    font-size: .78em;
    color: #fff;
}

.boxid_.EnterateSeccion .ntcEnterateSeccion .programasPtd li a:focus {
    border-style: dotted !important
}

a.btn_.link.a_right:focus {
    border-style: dotted
}

h1.text_bienvenida {
    color: #dc3545;
    font-size: 22px;
    transition: ease .3s;
    text-transform: uppercase;
}

#owl-carouselPortada .owl-nav {
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
    width: 90%;
    margin: auto;
    height: 40px
}

#owl-carouselPortada .owl-dot {
    background: rgba(255, 255, 255, .3);
    width: 12px;
    border: 1px solid rgba(255, 255, 255, .54);
    height: 12px;
    float: none;
    display: inline-table;
    margin: 5px 3px;
    border-radius: 50%;
    box-shadow: 0 -1px 0 .2px rgba(0, 0, 0, .2)
}

#owl-carouselPortada .owl-dots {
    margin-left: auto;
    margin-right: auto;
    position: absolute;
    z-index: 2;
    top: 85%;
    left: 0;
    right: 0;
    display: table;
    width: fit-content
}

#owl-carouselPortada button.owl-next:after,
#owl-carouselPortada button.owl-prev:before {
    content: "\e93c";
    font-family: gpweb;
    font-size: 24px;
    top: 4px;
    position: absolute;
    color: #fff
}

#owl-carouselPortada .owl-nav button,
#owl-carouselPortada owl-prev {
    background: rgba(0, 0, 0, .31);
    border-radius: 50%;
    width: 40px;
    height: 40px;
    transition: .3s
}

#owl-carouselPortada button.owl-prev:before {
    left: 7px;
    transform: rotate(180deg)
}

#owl-carouselPortada button.owl-next:after {
    right: 6px
}

#owl-carouselPortada .owl-nav span {
    display: none
}

#owl-carouselPortada button.owl-next {
    right: 0;
    position: absolute;
    z-index: 99999999
}

#owl-carouselPortada .owl-dot.active {
    background: rgba(255, 255, 255, .6);
    border-color: #fff
}

.btn-control-carousel {
    position: absolute;
    z-index: 2;
    top: calc(83% + 8px);
    right: 3%;
    display: table;
    background: #000;
    width: fit-content;
    opacity: .8;
    transition: .3s
}

.btn-control-carousel a {
    color: #fff;
    font-size: 11px;
    text-transform: uppercase;
    padding: 8px 10px;
    display: block;
    float: left
}

.btn-control-carousel:hover {
    opacity: 1
}

.bottomBannersPortada .btn-control-carousel {
    top: 100%;
    right: 1.3%
}

.boxid_.bottomBannersPortada .container,
.boxid_.bottomBannersPortada2 .container {
    position: relative;
    display: flex
}

#owl-carouselPages .owl-dots {
    margin-top: -30px;
    z-index: 2;
    position: absolute;
    left: 0;
    right: 0
}

span.text-span {
    float: left;
    font-size: 12px;
    text-transform: uppercase;
    line-height: 2.5;
    margin-right: 10px
}

p.campo-obligatorio {
    font-size: 13px !important;
    color: #3d4fb1 !important;
    font-weight: 500 !important
}

p.campo-obligatorio span {
    color: #b00613;
    font-size: 11px
}

.col-submenu .ctnBtn {
    display: block;
    width: 100%;
    float: left;
    text-overflow: ellipsis;
    white-space: nowrap;
    min-width: 20%;
    max-width: 70%
}

.boxDocumentos .ul {
    margin: 0;
    padding: 0;
    list-style: none;
    position: relative;
    display: block
}

.boxDocumentos .ul .li {
    font-size: 13px;
    width: 100%;
    background: #eff6fd;
    padding: 0;
    display: inline-block;
    transition: ease .3s;
    background-color: rgba(120, 137, 156, .1) !important;
    margin-bottom: 0 !important;
    border-top: 1px solid rgba(120, 137, 156, .16) !important;
    border-radius: 0 !important;
    position: relative;
    overflow: hidden;
    float: left
}

.boxDocumentos .ul .li a {
    font-size: 12px;
    text-transform: uppercase;
    position: relative;
    left: 64px;
    color: #5386b5;
    overflow: hidden;
    width: calc(80% - 55px);
    display: block;
    padding: 10px 0 10px 30px !important
}

.boxDocumentos .ul .li a span {
    font-size: 22px !important;
    position: absolute;
    top: 7px;
    left: 0;
    color: #d1223e
}

.contenedor-btn {
    /* display: table; */
}

.bodyText iframe {
    width: 100%
}

p.clasificacion {
    position: relative;
    overflow: hidden;
    display: inline-block;
    height: 50px;
    margin: 5px 0;
    padding-top: 5px;
    font-size: 50px !important
}

p.clasificacion input {
    position: absolute;
    top: -100px
}

p.clasificacion label {
    float: right;
    color: #c8c8c8
}

p.clasificacion input:checked~label,
p.clasificacion label:hover,
p.clasificacion label:hover~label {
    color: #f8ae24
}

.form_valoracion {
    padding: 15px;
    border: 1px solid #e7e7e9
}

.form_valoracion form {
    margin: 0 0 100px
}

.alert-success {
    color: #3c763d;
    background-color: #dff0d8;
    border-color: #d6e9c6
}

.alert {
    padding: 15px;
    margin-bottom: 20px;
    border: 1px solid transparent;
    border-radius: 4px
}

.valoraciones .panel-shadow {
    box-shadow: rgba(0, 0, 0, .17) 2px 2px 4px
}

.valoraciones .panel-white {
    border: 1px solid #ddd
}

.valoraciones .panel-white .panel-heading {
    color: #333;
    background-color: #fff;
    border-color: #ddd
}

.valoraciones .panel-white .panel-footer {
    background-color: #fff;
    border-color: #ddd
}

.valoraciones {
    margin-top: 20px
}

.post-heading {
    color: #c8c8c8;
    background-color: rgba(120, 137, 156, .07);
    border-bottom: 1px solid;
    padding: 15px 10px 0 12px;
    line-height: 1
}

.post-heading .title p {
    margin: 0;
    text-transform: uppercase;
    margin-top: 0;
    line-height: 5px;
    color: #0056a6;
    font-size: 17px;
    font-weight: 400;
    transition: ease .3s
}

.post-heading h6 {
    margin: 10px 0 10px;
    color: #2a5486;
    font-weight: 400
}

label.valoracion_estrellas {
    color: #f8ae24 !important
}

.valoraciones .contenedor_estrellas label:hover {
    color: #182758
}

.post-description {
    padding: 0 15px 0 15px
}

.valoraciones .clasificacion {
    float: right;
    font-size: 25px !important;
    margin-right: 5px
}

span.campo_opcional {
    font-size: 11px;
    font-weight: 400;
    margin-left: 2px;
    color: #b00613
}

.valoracion_promedio {
    float: right;
    font-size: 16px;
    color: #aa1f1f;
    font-weight: 500;
    line-height: 70px
}

.titulo_valoracion {
    color: #0056a6;
    font-size: 26px;
    font-weight: 300;
    margin: 20px 0;
    text-transform: uppercase
}

li.enlinea a {
    color: #fff !important;
    border-right: 1px solid #f3f3f3;
    background: #ee3342
}

.primaryNav>ul>li.enlinea:hover>a,
.primaryNav>ul>li.enlinea:hover>span,
.primaryNav>ul>li.enlinea>a:focus,
.primaryNav>ul>li.enlinea>a:visited {
    background: #f13948;
    color: #fff !important;
    box-shadow: inset 0 4px 0 0 #ce2a2a, inset 0 -40px 30px -30px rgba(0, 86, 166, 0)
}

.img-carousel {
    /* position:relative; */
    /* background-color:#232731; */
}

.owl-carousel .owl-item img {
    /* margin:0 auto; */
    /* max-width:1200px; */
    /* display: block; */
    width: 100%;
    height: 100%;
    object-fit: cover;
    max-width: initial;
}

.bodyText .MsoNormal span {
    font-size: 16px !important
}

.estractPost .MsoNormal span {
    font-size: 14px !important;
    font-weight: 300
}

.estractPost p span {
    font-size: 14px !important;
    font-weight: 300;
    color: inherit !important
}

ul.radioTvEducativa.a_right li a:hover {
    box-shadow: inset 0 45px 0 0 #223c73, inset 0 0px 0px 0px #223c73;
    color: #fff;
}

#main_catedras input {
    position: absolute;
    opacity: 0;
    z-index: -1
}

#main_catedras .row {
    display: flex
}

#main_catedras .row .col {
    flex: 1
}

#main_catedras .row .col:last-child {
    margin-left: 1em
}

#main_catedras .tabs {
    border-radius: 8px;
    overflow: hidden;
    box-shadow: 0 4px 4px -2px rgba(0, 0, 0, .5)
}

#main_catedras .tab {
    width: 100%;
    color: #fff;
    overflow: hidden
}

#main_catedras .tab-label {
    display: flex;
    justify-content: space-between;
    padding: 1em;
    background: #1a2953;
    font-weight: 700;
    cursor: pointer
}

#main_catedras .tab-label:hover {
    background: darken(#1a2953, 10%)
}

#main_catedras .tab-label::after {
    content: "\276F";
    width: 1em;
    height: 1em;
    text-align: center;
    transition: all .35s
}

#main_catedras .tab-content {
    max-height: 0;
    padding: 0 1em;
    color: #1a2953;
    background: #fff;
    transition: all .35s
}

#main_catedras .tab-close {
    display: flex;
    justify-content: flex-end;
    padding: 1em;
    font-size: .75em;
    background: #1a2953;
    cursor: pointer
}

#main_catedras .tab-close:hover {
    background: darken(#1a2953, 10%)
}

#main_catedras input:checked+.tab-label {
    background: #1a2953
}

#main_catedras input:checked+.tab-label::after {
    transform: rotate(90deg)
}

#main_catedras input:checked~.tab-content {
    max-height: 100vh;
    padding: 1em
}

h3 {
    background-color: #e7f3fc;
    padding: 10px;
}

.ntcFull .itemPost {
    margin-bottom: 10px;
}

.ntcFull .datePost {
    font-size: 12px;
    margin-bottom: 5px;
    margin-top: 10px;
    color: #41557a;
    text-transform: uppercase;
}

.direccionContent {
    background: #fff;
    overflow: hidden;
    display: table;
    margin: 10px auto 0px auto;
    padding: 10px 0;
}

.sidebarBiblioteca {
    margin: -10px -15px 0;
    background: #e7f3fc;
    box-shadow: inset -10px 0 0 #fff;
    padding-right: 10px;
}

.sidebarBiblioteca ul li a:before {
    content: "\e93c";
    font-family: gpweb;
    position: absolute;
    right: 5%;
    top: calc(35% - 5px);
    color: rgb(63 169 245 / 80%);
    line-height: 30px;
    transition: ease .3s;
}

.sidebarBiblioteca ul li a,
.sidebarBiblioteca ul li a:focus,
.sidebarBiblioteca ul li a:visited {
    padding: 12px 36px 12px 30px;
    display: block;
    font-size: 13px;
    font-weight: 300;
    text-transform: uppercase;
    color: #1a2953 !important;
    transition: ease .3s;
    position: relative;
    outline: 0;
}

.sidebarBiblioteca ul li a span.icon {
    display: none;
}

.sidebarBiblioteca ul li a:hover {
    background: rgb(0 109 213 / 22%);
}

.stamp-container {
    width: 120px;
}

.sidebarBiblioteca ul li ul li a,
.sidebarBiblioteca ul li ul li a:visited {
    color: #fff !important;
}