//  $grid-breakpoints:
//  Extra small screen / phone
//  xs: 0,
//  Small screen / phone
//  sm: 34em,
//  Medium screen / tablet
//  md: 48em,
//  Large screen / desktop
//  lg: 62em,
//  Extra large screen / wide desktop
//  xl: 75em

@media screen and (max-width : 75em) {

}

@media screen and (max-width : 62em) {
    .middle .mod.modCtEnumTiposProducto .h,
    .middle .mod.modCtEnumTiposCurso .h,
    .middle .mod.modCtEnumTiposNotaTecnica .h,
    .middle .mod.modCtEnumCursos .h,
    .middle .mod.modFormulario .h {
        padding-left : 10px;
    }
}

@media screen and (max-width : 48em) {
}

.menu-res .icon-bar {
    background-color : #aa1016;
    display          : block;
    width            : 22px;
    height           : 2px;
    border-radius    : 1px;
}

.menu-res .icon-bar + .icon-bar {
    margin-top : 4px;
}

.menu-res {
    float            : right;
    position         : relative;
    float            : right;
    padding          : 9px 10px;
    margin-top       : 8px;
    margin-right     : 15px;
    margin-bottom    : 8px;
    background-color : transparent;
    background-image : none;
    border           : 1px solid transparent;
    border-radius    : 4px;
    margin-top       : -35px;
}

.menu-res:hover {
    background-color : #f9f9f9;
    border-color     : #f9f9f9;
}

#menu-res {
    position : absolute;
    left     : -100%;
}

.menu-res,
#menu-res {
    display : none;
}

@media screen and (max-width : 48em) {
    .header .contenidoHeader .menuS .lng .lng2 {
        z-index : 1;
    }

    .menu-res,
    #menu-res {
        display : block;
    }

    .header {
        z-index  : 99;
        position : relative;
    }

    .header .buscador {
        clear         : right;
        margin-bottom : 10px !important;
    }

    .header .contenidoHeader {
        background-color : #fff;
    }

    .header .contenidoHeader .cont {
        clear            : both;
        background-color : #fff;
        padding-bottom   : 7px;
        .menu-res {
            width   : 32px;
            height  : 32px;
            float   : right;
            display : block;
        }
    }

    .header .contenidoHeader .menuP {
        position           : absolute;
        top                : 100%;
        left               : 0;
        width              : 100%;
        background-color   : #fff;
        z-index            : -1;
        -webkit-transition : .3s ease-out;
        transition         : .3s ease-out;
        -webkit-transform  : translateY(-100%);
        transform          : translateY(-100%);
        background-color   : #f9f9f9;
    }

    .header .contenidoHeader #menu-res:checked + .menuP {
        -webkit-transition-timing-function : ease-in;
        transition-timing-function         : ease-in;
        -webkit-transform                  : translateY(0%);
        transform                          : translateY(0%);
        box-shadow                         : 1px 0 2px rgba(0, 0, 0, .33);

    }

    .header .contenidoHeader .menuP li {
        width : 100%;
    }

    .header .contenidoHeader .menuP li a {
        padding-top    : 8px;
        padding-bottom : 8px;
    }

    .modCtSlideshow {
        height        : auto;
        margin-bottom : 20%;
    }

    .modCtSlideshow .slide {
        position       : relative;
        padding-bottom : 56.25%;
        height         : 0;
    }

    .modCtSlideshow .slide .item {
        top    : 0;
        left   : 0;
        right  : 0;
        bottom : 0;
    }

    .modCtSlideshow .slide .item img {
        position   : absolute;
        left       : 0;
        top        : 0;
        max-height : 100%;
        min-height : 100%;
        height     : auto;
        min-width  : 0;
    }

    .modCtSlideshow .cajaOver {
        position      : relative;
        width         : auto;
        margin        : 0;
        left          : auto;
        right         : auto;
        top           : auto;
        border-radius : 0;
        padding-top   : 10px;
        height        : auto;
    }

    .modCtSlideshow .flechaSlideshow {
        bottom        : 100%;
        margin-bottom : -10px;
        top           : auto;
    }

    .modCtSlideshow .flechaSlideshow.ant {
        left : 5px;
    }

    .modCtSlideshow .flechaSlideshow.sig {
        right : 5px;
    }

    .modCtSlideshow .cajaOver .info {
        width      : auto;
        height     : auto;
        max-width  : none;
        position   : relative;
        min-height : 165px;
    }

    .modCtSlideshow .selectorItem {
        top        : auto;
        bottom     : 18px;
        left       : 0;
        max-width  : none;
        text-align : center;
        width      : 100%;
    }

    .modCtSlideshow .selectorItem ul {
        display : inline-block;
    }

    .modCtSlideshow .cajaOver .divUL {
        position : static;
    }

    .modCtSlideshow .cajaOver .divUL .destacados {
        top    : 100%;
        left   : 0;
        right  : 0;
        width  : auto;
        margin : -10px 0 0;
    }

    .modCtSlideshow .cajaOver .divUL .destacados .itemD {
        width              : 30%;
        margin             : 0 1.666666667%;
        -webkit-box-sizing : border-box;
        box-sizing         : border-box;
        overflow           : hidden;
        background-size    : cover;
    }

    .modCtSlideshow .cajaOver .divUL .destacados .itemD a img {
        max-width : 100%;
        width     : 100%;
    }
}

@media screen and (max-width : 34em) {
    .modCtSlideshow .cajaOver .info {
        min-height : 230px;
    }

    .header .contenidoHeader .logo {
        margin  : 0;
        padding : 10px;
        float   : left;
        height  : auto;
    }

    .header .contenidoHeader .menuS {
        float   : right;
        padding : 10px;
    }

    .header .contenidoHeader .cont {
        clear : both;
    }

    .header .contenidoHeader .menuP {
        position : absolute;
    }

    .header .contenidoHeader .menuS .l:not(.lng) {
        display : none;
    }

    .modCtSlideshow .barra {
        display : none;
    }

    .modCtSlideshow .cajaOverOuter > a {
        display : none;
    }

    .menuP.mainCenterB {
        display : none;
    }

    .footer .bottom p {
        line-height   : 2.5em;
        margin-bottom : 50px;
    }

    .modFichaCurso .sidebar,
    .modFichaNotaTecnica .sidebar,
    .modEnumTipoNotaTecnica .sidebar,
    .modCtEnumTiposCurso .sidebar,
    .modFichaServicio .sidebar,
    .modFichaProducto .sidebar,
    .modCtEnumTiposProducto .sidebar {
        display : none;
    }

    .pieFicha .imprimir,
    .topFicha .imprimir {
        display : none;
    }

    .sb .modHtml {
        margin-right : 15px;
    }

    .sb .middle .sidebar {
        margin : 6px 15px;
    }

    .modFormulario .campo {
        float     : left !important;
        clear     : both !important;
        padding   : 5px 0 !important;
        max-width : 100% !important;
        width     : 100% !important;
    }

    .modEnumCurso.modCtEnumCursos a.imagen,
    .modEnum.modCtEnumProductos a.imagen,
    .modEnum.modCtEnumTiposProducto a.imagen,
    .modEnum.modCtEnumTiposCurso a.imagen,
    .modEnum.modCtEnumTiposNotaTecnica a.image {
        margin  : 0 auto;
        float   : none;
        display : block;
    }

    .footer .menuS ul {
        background-image : none;
    }

    .footer .menuS li {
        width          : 50%;
        vertical-align : top;
        margin         : 0;
        text-align     : center;
    }

    .footer .menuS li a {
        line-height : 40px;
        display     : block;
        width       : 100%;
    }

}

.destacadoSiguiente,
.destacadoAnterior,
.enlaceRecurso {
    display : none;
}