/**Clases generales**/
.boxid_ {
    display: table;
    width: 100%;
}

.l_hidden{
    display: none ;
}

/*** ESTILOS BARRA PRINCIPAL DE MENU ***/

.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,0.2);
    border-bottom-right-radius: 2px;
    border-bottom-left-radius: 2px;
    overflow: hidden;
    padding: 18px 14px;
    min-height:240px;
}

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

.primaryNav > ul > li > a,.primaryNav > ul > li > span {
    display: block;
    padding: 18px 24px 18px 14px;
    text-transform: uppercase;
    font-size: 13px;
    transition:ease all 0.3s;
    cursor: pointer;
    box-shadow: inset 0 4px 0 0 rgba(63, 169, 245, 0), inset 0 40px 30px -30px rgba(0, 86, 166, 0);
    color: #ffffff;
    position: relative;
}
.primaryNav > ul > li:hover > a, .primaryNav > ul > li:hover > span {
    background: #fff;
    color: #0056a6;
    box-shadow: inset 0 4px 0 0 #3fa9f5, inset 0 -40px 30px -30px rgba(0,86,166,0.10);
}

.primaryNav {
    display: table;
    width: 100%;
    position: relative;
}

.boxid_.nav {
    background: #0056a6;
}

.primaryNav > ul > li:hover > div {
    display: block;
}

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

.primaryNav > ul > li.parent:hover > a:after, .primaryNav > ul > li.parent:hover > span:after {
    border-top-color: #3fa9f5;
    -ms-transform: rotate(180deg); /* IE 9 */
    -webkit-transform: rotate(180deg); /* Chrome, Safari, Opera */
    transform: rotate(180deg);
}

/*** FIN ESTILOS BARRA PRINCIPAL DE MENU ***/

/*** CONTENDEDOR SUB MENU ***/

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

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

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

.primaryNav .ctnChild_1 ul li {
    font-size: 14px;
    cursor: pointer;
    position: relative;
    padding: 12px 0 12px 10px;
    transition: 0.5s;
}

.primaryNav .titleList {
    color: #3fa9f5;
    text-transform: uppercase;
    font-size: 14px;
    line-height: 36px;
    margin: 0 0 10px 0;
}

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

.primaryNav p {
    font-size: 13px;
    font-family: 'Open Sans';
    margin: 4px 0 15px 0;
    text-align: justify;
}

.itemTab.quienes-somos, .dependencias, .despacho-ministro, .areas-administrativas {
    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 {
    background-image: url(../img/edificio-educacion.jpg);
}

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

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

.ctnTabNav .areas-administrativas {
    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, 0.88);
    padding: 20px;
    margin: 40px 0 0 0;
    font-size: 18px;
    font-family: 'open sans';
    font-style: italic;
    color: #5386b5;
    position: absolute;
    width: 530px;
    border-left: 4px solid #5386b5;
    top: 200px;
}

/* TIPO DE LISTA */

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

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

.primaryNav .itemTab.quienes-somos a, .itemTab.dependencias a, .itemTab.despacho-ministro a, .itemTab.areas-administrativas a {
    font-size: 13px;
    color: #0056a6;
    cursor: pointer;
    border: 1px solid rgba(179, 212, 252, 0.52);
    padding: 6px 12px 6px 12px;
    text-decoration: none;
    transition: all ease 0.3s;
}

.primaryNav .itemTab.quienes-somos a:hover, .itemTab.dependencias a:hover, .itemTab.despacho-ministro a:hover, .itemTab.areas-administrativas a:hover {
    color: #ffffff;
    background: #5386b5;
    border: 1px solid rgba(0, 86, 166, 0);
}

/* TIPO DE LISTA */

.ctnBtn {
    display:block;
}

/*** FIN CONTENDEDOR SUB MENU ***/


/*** MEDIOS ***/

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

.primaryNav .widgetTabNav_galerias {
    float:left;
    width: 15%;
    margin: 0 28px 0 0;
}

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

.primaryNav .imageTabNav {
    width: 100%;
    height: 180px;
    background: #eaecee;
    float: left;
    display: block;
    margin: 0 0 10px 0;
}

.primaryNav .transmisionesTabNav {
    width: 100%;
    height: 180px;
    background: #eaecee;
    float: left;
    display: block;
    margin: 0 0 0 0;
}

.primaryNav .titleTabNav {
    font-weight: bold;
    margin: 0 0 5px 0;
    display: inline-block;
    line-height: 18px;
    font-size: 14px;
    color: #333;
}

.primaryNav .textTabNav {
    font-size: 11px;
    color: #808080;
    font-weight: 100;
    font-family: 'Open Sans', sans-serif;
    line-height: 14px;
}

.primaryNav .vermasTabNav {
    font-size: 12px;
    margin: 8px 0 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 0;
    color: inherit;
    text-decoration: none;
    display: block;
    cursor: pointer;
}

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

/*** FIN MEDIOS ***/


/*** ICONOS ***/

.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;
}

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


.linkTabNav.active:before {
    content: "";
    position: absolute;
    height: 65%;
    left: -14px;
    width: 2px;
    background: #3fa9f5;
    top: 25%;
}

.icon.underline:after {
    content: "";
    position: absolute;
    height: 2px;
    width: 100%;
    bottom: -6px;
    left: 0;
    background: #3fa9f5;
}

.underline.icon {
    position: relative;
}

/*** FIN ICONOS ***/

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

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

.primaryNav .itemTab {
    padding: 20px 40% 20px 20px; */
    background-size: contain;
    background-position: top right;
    background-repeat: no-repeat;
    left: 0;
    background-size: contain;
}

/** GRADIENT FOTO DE MENU
.primaryNav .itemTab:after {
    content: "";
    position: absolute;
    left: 0;
    right: 45%;
    bottom: 0;
    top: 0;
    background: #fff;
    box-shadow: 30px 0px 140px 122px #fff;
    z-index: 0;
}
**/

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

#servicios .ctnChild_1 {
    background-image: url(../img/servicios.jpg);
    background-position: top right;
    background-repeat: no-repeat;
    left: 0;
    background-size: contain;
}

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

.primaryNav .widgetTabNav_transmisiones li a {
    display: block;
    text-decoration: none;
    color: #0056a6;
    font-size: 11px;
    line-height: 14px;
    padding: 0px 0 0px 0;
}

.primaryNav .widgetTabNav_transmisiones ul {
    display: block;
    min-width: 99%;
    max-width: 100%;
    border: 1px solid rgba(0,86,166,0.10);
}

.primaryNav .widgetTabNav_transmisiones li a:hover {
}

.primaryNav .widgetTabNav_transmisiones li:hover {
    background: rgba(179, 212, 252, 0.52);
    color: #fff;
}

/* MOBILE */

.navMobile .barNav {
    position: relative;
    background: #fff;
}

.ctnSearchMobile {
    float: left;
    width: calc(100% - 60px);
    /* background: #000000; */
    position: relative;
    padding: 10px 0;
    height: 34px;
}

.boxinput input {
    border: 0;
    padding: 0;
    margin: 0;
    position: absolute;
    left: 10px;
    right: 10px;
    top: 0;
    line-height: inherit;
    outline: none;
    bottom: 0;
    width: calc(100% - 20px);
    background: transparent;
    text-transform: inherit;
}

.boxinput {
    height: 32px;
    border: 2px solid rgb(63, 169, 245);
    border-radius: 2px;
    overflow: hidden;
    position: relative;
    width: calc(100% - 44px);
    margin-left: 20px;
    margin-right: 20px;
    background: #fff;
    line-height: 8px;
    font-size: 12px;
    text-transform: uppercase;
    font-family: Roboto;
    transition:0.3s;
}
.boxinput:hover{
    border: 2px solid rgba(255, 102, 0, 0.48);
}
.ctnSearchMobile form {
    position: relative;
    width: 100%;
}

.ctnBtnNavMobile {
    float: right;
    width: 60px;
    height: 54px;
    background: rgba(63,169,245,0.1);
    transition:ease all 0.3s;
    cursor: pointer;
}
.ctnBtnNavMobile:active{
    background: rgba(63,169,245,0.2);
}

.btn_navMobile {
    position: relative;
    margin: 8px 0;
    transition:all ease 0.3s;
}

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

.btn_navMobile svg rect {
    fill: rgb(63, 169, 245);
    display: block;
    position: relative;
    transition: all 0.3s ease;
}

.btn_navMobile.active svg .gh-svg-rect-top {
    -ms-transform: rotate(45deg); /* IE 9 */
    -webkit-transform: rotate(45deg); /* Chrome, Safari, Opera */
    transform: rotate(45deg);
    margin-+le:;
    x: 30px;
    y: 0px;
}

.btn_navMobile.active svg .gh-svg-rect-bottom {
    -ms-transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
    x: -55px;
    y: 70px;
}
.btn_navMobile.active svg .gh-svg-rect-center {
    opacity: 0;
}

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

.primaryNavMobile {
    background: rgb(63, 169, 245);
    position: relative;
    display: table;
    width: 100%;
    z-index: 2;
}
.primaryNavMobile:before {
    content: "";
    position: absolute;
    width: 100%;
    background: #3fa9f5;
    top: 0;
    bottom:0;
    background-color: #0056b9;
    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%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0056a6', endColorstr='#3fa9f5',GradientType=1 );
}
.primaryNavMobile li {
    display: block;
    margin: 0 0px 0 0px;
    color: #ffffff;
    text-transform: uppercase;
    transition: ease 0.5s;
    font-family: 'Roboto';
    font-weight: 500;
    font-size: 15px;
    cursor: pointer;
    position: relative;
}

.primaryNavMobile li a,.primaryNavMobile li span {
    display: block;
    padding: 12px 20px;
    color: inherit !important;
    text-transform: uppercase;
    cursor: pointer;
    text-decoration:none;
}

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

.primaryNavMobile li a:hover, .primaryNavMobile li.active > a, .primaryNavMobile li span:hover, .primaryNavMobile li.active span{
    background: rgba(179, 212, 252, 0.52);
}

.primaryNavMobile li.linkTabNavMobile:after, .primaryNavMobile li.menu-item-has-children:before {
    content: "+";
    float: right;
    color: #b3d4fc;
    font-size:18px;
    line-height:18px;
    -webkit-animation-name: iconRotate; /* Safari 4.0 - 8.0 */
    -webkit-animation-duration: 0.3s; /* Safari 4.0 - 8.0 */
    animation-name: iconRotate;
    animation-duration: 0.3s;
    position:absolute;
    right:4%;
    top: 12px;
    border: none;
}
.primaryNavMobile li.active.linkTabNavMobile:after,.primaryNavMobile li.active.menu-item-has-children:after {
    display:none;
    content: "+";
    float: right;
    color: #b3d4fc;
    font-size:18px;
    line-height:18px;
    -webkit-animation-name: iconRotate; /* Safari 4.0 - 8.0 */
    -webkit-animation-duration: 0.3s; /* Safari 4.0 - 8.0 */
    animation-name: iconRotate;
    animation-duration: 0.3s;
}

.primaryNavMobile li.linkTabNavMobile:before,.primaryNavMobile li.active.menu-item-has-children:before {
    content: "-";
    display:none;
    float: right;
    color: #b3d4fc;
    font-size:24px;
    line-height:18px;
    -webkit-animation-name: iconRotate; /* Safari 4.0 - 8.0 */
    -webkit-animation-duration: 0.3s; /* Safari 4.0 - 8.0 */
    animation-name: iconRotate;
    animation-duration: 0.3s;
    transition:0.3s;
}
.primaryNavMobile li.active.linkTabNavMobile:before,.primaryNavMobile li.active.menu-item-has-children:before {
    content: "-";
    font-family:arial;
    float: right;
    display:block;
    color: #b3d4fc;
    font-size:24px;
    line-height:18px;
    -webkit-animation-name: iconRotate; /* Safari 4.0 - 8.0 */
    -webkit-animation-duration: 0.3s; /* Safari 4.0 - 8.0 */
    animation-name: iconRotate;
    animation-duration: 0.3s;
    transition:0.3s;
    transition:0.3s;
}

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

.primaryNavMobile .ctnChild_mobile ul {
    padding: 0 20px 0 50px;
    /* transition: all ease 0.3s; */
    height: 100%;
    position: relative;
}

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

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

.primaryNavMobile .ctnChild_mobile a:hover {
    background: rgba(179, 212, 252, 0.52);
    cursor: pointer;
}

.primaryNavMobile .ctnChild_mobile ul:before {
    background: rgba(179, 212, 252, 0.52);
    content: "";
    width: 2px;
    position: absolute;
    top: 0px;
    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;
}

/* animaciones css */

/* Safari 4.0 - 8.0 */
@-webkit-keyframes iconRotate {
    from {
        -ms-transform: rotate(0deg); /* IE 9 */
        -webkit-transform: rotate(0deg); /* Chrome, Safari, Opera */
        transform: rotate(0deg)
        }
    to {
        -ms-transform: rotate(180deg); /* IE 9 */
        -webkit-transform: rotate(180deg); /* Chrome, Safari, Opera */
        transform: rotate(180deg);
        }
}

/* Standard syntax */
@keyframes iconRotate {
     from {
        -ms-transform: rotate(0deg); /* IE 9 */
        -webkit-transform: rotate(0deg); /* Chrome, Safari, Opera */
        transform: rotate(0deg)
        }
    to {
        -ms-transform: rotate(180deg); /* IE 9 */
        -webkit-transform: rotate(180deg); /* Chrome, Safari, Opera */
        transform: rotate(180deg);
        }
}