/* ejemplo de media */

@media screen and (max-width : 1100px) {
    .nH .middleWrap {
        padding : 0 10px;
    }

    .middleInterior {
        margin : 15px auto 0;
    }

    .eEM .middleInterior {
        margin-bottom : 0;
    }

    .modFichaServicio .nbml h4,
    .modFichaProducto .nbml h4,
    .modFichaCurso .nbml h4,
    .modFichaNotaTecnica .nbml h4,
    .modFichaProducto .top .h,
    .modFichaServicio .top .h,
    .modFichaCurso .top .h,
    .modFichaNotaTecnica .top .h,
    .modFichaProducto .producto p,
    .modFichaProducto .contenidoApartados div p,
    .modFichaServicio .servicio p,
    .modFichaCurso .curso p,
    .modFichaCurso .adic,
    .modFichaNotaTecnica .notaTecnica p,
    .modFichaNotaTecnica .adic,
    .modFichaProducto .adic,
    .modFichaServicio .adic,
    .modFichaProducto .producto ul,
    .modFichaServicio .servicio ul,
    .modFichaCurso .curso ul,
    .modFichaNotaTecnica .notaTecnica ul {
        padding-left  : 15px;
        padding-right : 15px;
    }

    .modFicha .modGal {
        margin        : 20px 0px;
        border-radius : 0;
        box-shadow    : 0;
        border        : none;
    }

    .modFicha .modGalFicha {
        max-width : none
    }

    .modFicha .modGal .flechaEnlace {
        display : none
    }

    .modFicha .modGalFicha .cajaGal,
    .modFicha .modGalFicha .cajaGal .galeria {
        width  : 100%;
        height : auto;
    }

    .modFicha .modGalFicha li {
        marginm : 0 8px 10px !important
    }

    .mod.modCtOtrosProductosRelacionados {
        height : auto
    }

}

@media screen and (max-width : 1000px) {
    .header .contenidoHeader .menuS,
    .header .contenidoHeader .menuP {
        padding-left : 0;
    }

    .popup {
        width       : 98% !important;
        margin-left : 0 !important;
        left        : 1% !important;
    }

    .footer .menuS li {
        margin : 0 2% 5px;
    }

    .footer .mid .menuP li {
        margin : 10px 3%;
    }

    .header .contenidoHeader .menuP li a {
        margin  : 0 5%;
        padding : 4px 15px;
    }

    .header .contenidoHeader .logo {
        margin-left : 10px;
    }

    .header .contenidoHeader .right {
        padding-right : 10px;
    }

    .middle .modHome .bBienvenido .redes,
    .modSolicitaInfoRedes .redes,
    .modRedes .redes {
        padding-right : 0
    }

    .middle .modHome .bBienvenido .txt {
        margin-right : 350px
    }

    .middle .mod.modCtEnumTiposProducto .h {
        padding-left : 10px;
    }

    .sidebar,
    .content .modEnum.modCtEnumTiposProducto .items.interior,
    .content .modEnum.modCtEnumTiposCurso .items.interior,
    .content .modEnum.modCtEnumTiposNotaTecnica .items.interior,
    .content .modEnum.modCtEnumServicios .items.interior,
    .content .modEnum.modCtEnumCursos .items.interior,
    .content .ficha {
        margin-left  : 5px;
        margin-right : 5px;
    }

    .modFichaNoticia .nbml .introduccion {
        padding-left : 5px;
    }

    .content .modFichaNoticia .img,
    .content .modFichaCurso .img,
    .content .modFichaNotaTecnica .img,
    .content .modFichaProducto .img,
    .content .modFichaServicio .img,
    .content .modFichaNoticia .noticia ul,
    .content .modFichaProducto .contenidoApartados ul,
    .content .modFichaServicio .servicio ul,
    .content .modFichaCurso .curso ul,
    .content .modFichaNotaTecnica .notaTecnica ul,
    .content .modFichaNoticia .noticia h5,
    .content .modFichaProducto .contenidoApartados h5,
    .content .modFichaServicio .servicio h5,
    .content .modFichaNotaTecnica .notaTecnica h5,
    .modFichaNoticia .img,
    .modFichaNoticia .noticia p,
    .modFichaNoticia .producto p,
    .modFichaProducto .producto p,
    .modFichaProducto .contenidoApartados div p,
    .modFichaServicio .servicio p,
    .modFichaCurso .curso p,
    .modFichaNotaTecnica .notaTecnica p,
    .modFichaNoticia .top,
    .modFichaProducto .top,
    .modFichaServicio .top,
    .modFichaCurso .top,
    .modFichaNotaTecnica .top {
        padding-left  : 5px;
        padding-right : 5px;
    }

    .sidebar {
        float : none;
        width : auto;
    }

    .sidebar ul.listadoSb {
        max-width     : none;
        margin-bottom : 30px;
    }

    .nH .h.portada {
        margin : 0 4px;
    }

    .middle .breadcrumbs {
        padding : 5px 4px 15px;
    }

    .nH .middleWrap {
        padding : 0;
    }

    .nH .middleInterior {
        border-radius : 0;
        margin        : 2px 0 0;
        padding       : 10px 0 0;
    }

    .noSb .nH .middle .content .contentI {
        padding : 5px 0 0;
    }

    .modResultadosBusqueda {
        padding : 10px 8px;
    }

    .mod .pag {
        padding : 10px 5px;
    }

    .content .modResultadosBusqueda .items,
    .nH .content .modEnum .items {
        margin : 0;
    }

    .nH .middle {
        background : #b71218;
    }

    .modFichaNoticia .datos {
        margin : 0 5px;
    }

    .header .contenidoHeader .menuP .sel:after {
        display : none
    }

    .noSb .eEM.nH .middle .content .contentI {
        padding-bottom : 0;
    }

    .header .contenidoHeader .logo {
        margin-top  : 45px;
        width       : 150px;
        //width       : 90px;
        height      : auto;
        margin-left : 5px;
    }
}

@media screen and (max-width : 800px) {
    .popup {
        width              : 100% !important;
        left               : 0 !important;
        border-radius      : 0;
        -moz-box-shadow    : 0;
        -webkit-box-shadow : 0;
        box-shadow         : 0;
    }

    .middle .content {
        margin-right : 0;
        float        : none;
    }

    .middle .content .contentI {
        margin-right : 0
    }

    .middle .modHome .bMenuIconos .items,
    .modNavegacion .cat
    .middle .modHome .bMenuIconos,
    .modNavegacion {
        padding : 0;
    }

    .middle .modHome .bMenuIconos li,
    .modNavegacion li {
        width         : 50%;
        margin-bottom : 0;
    }

    .middle .modHome .bBienvenido {
        padding : 20px 0 10px
    }

    .middle .modHome .bBienvenido .redes,
    .modSolicitaInfoRedes .redes,
    .modRedes .redes {
        background : none;
        margin     : 0 5px 0;
        padding    : 0;
        width      : 40px;
        height     : auto;
    }

    .modSolicitaInfoRedes {
        padding : 25px 0 15px;
    }

    .middle .modHome .bBienvenido .redes span,
    .modSolicitaInfoRedes .redes span,
    .modRedes .redes span {
        display : none
    }

    .modSolicitaInfoRedes .txt {
        margin-right        : 0;
        padding-left        : 72px;
        background-position : 10px center;
    }

    .middle .modHome .bBienvenido .txt, .modRedes .txt {
        margin-right : 0
    }

    .middle .modHome .bBienvenido .redes ul,
    .modSolicitaInfoRedes .redes ul,
    .modRedes .redes ul {
        float   : none;
        padding : 0;
    }

    .middle .modHome .bBienvenido .redes ul li,
    .modSolicitaInfoRedes .redes ul li,
    .modRedes .redes ul li {
        float  : none;
        margin : 4px 0;
    }

    .middle .modHome .bBienvenido .redes ul li a,
    .modSolicitaInfoRedes .redes ul li a,
    .modRedes .redes ul li a {
        width : 100%;
    }

    .middle .modHome .bBienvenido .txt {
        margin-right : 0;
        padding      : 0 5px;
    }

    .middle .modHome .bBienvenido .redes span,
    .modSolicitaInfoRedes .redes span,
    .modRedes .redes span
    .footer .menuS,
    .footer .mid .centro .cajaBuscador {
        display : none
    }

    .footer .mid .centro .info {
        margin : 0 10px;
        clear  : both;
    }

    .footer .mid .centro .info .ps {
        padding-right : 0
    }

    .footer .mid .centro .cajaBuscador {
        float : none;
    }

    .header .contenidoHeader .right {
        padding-right : 5px;
    }

    .header .contenidoHeader .menuP {
        text-align : center;
        overflow   : hidden;
        padding    : 0 0;
    }

    .header .contenidoHeader .menuS {
        text-align   : center;
        padding-left : 0;
    }

    .middle .modHome .bDestacados li,
    .middle .modCtEnumTiposProducto .items.portada li.item,
    .middle .modCtEnumTiposCurso .items.portada li.item,
    .middle .modCtEnumTiposNotaTecnica .items.portada li.item,
    .middle .modCtEnumServicios .items.portada li.item,
    .modDestacados li,
    .modCtOtrosProductosRelacionados li {
        width : 31%
    }

    .modDestacados li {
        width : 48%;
    }

}

@media screen and (max-width : 700px) {
    .modFichaProducto .adic,
    .modFichaServicio .adic,
    .modFichaCurso .adic,
    .modFichaNotaTecnica .adic {
        margin-right : 0
    }

    .modFichaProducto .img,
    .modFichaServicio .img,
    .modFichaCurso .img,
    .modFichaNotaTecnica .img {
        float   : none;
        padding : 0;
    }

    .modFichaProducto .apartados .pestanas {
        margin : 0 5px;
    }

    .modFichaProducto .adic,
    .modFichaServicio .adic,
    .modFichaCurso .infoCurso,
    .modFichaNotaTecnica .infoNotaTecnica,
    .modFichaProducto .producto p,
    .modFichaProducto .contenidoApartados div p,
    .modFichaServicio .servicio p,
    .modFichaCurso .curso p,
    .modFichaNotaTecnica .notaTecnica p {
        padding : 0 5px;
    }

    .modFormulario.fSp .campoLocalidadFacturacion,
    .modFormulario.fSp .campoCodPostalFacturacion,
    .modFormulario.inscribeteA .campoEmpresaFacturacion,
    .modFormulario.inscribeteA .campoCargoFacturacion,
    .modFormulario.inscribeteA .campoNifFacturacion,
    .modFormulario.inscribeteA .campoTelefonoFacturacion,
    .modFormulario.inscribeteA .campoFaxResponsable,
    .modFormulario.inscribeteA .campoTelefonoResponsable,
    .modFormulario.inscribeteA .campoCargo,
    .modFormulario.fSp .campoDepartamento,
    .modFormulario.fSp .campoSectorIndustrial,
    .modFormulario.fSp .campoEmpresa,
    .modFormulario.fSp .campoEmail,
    .modFormulario.fSp .campoPais,
    .modFormulario.fSp .campoLocalidad,
    .modFormulario.fSp .campoTelefono,
    .modFormulario.fSp .campoCodPostal {
        width        : auto;
        float        : none;
        padding-left : 0;
        clear        : both;
    }

    .middle .mod.modFormulario h2.h {
        padding-top : 35px;
    }

    .modFormulario form {
        padding : 0
    }
}

@media screen and (max-width : 600px) {
    .middle .modHome .bMenuIconos,
    .modNavegacion {
        display : none
    }

    .middle .modHome .bDestacados li,
    .modDestacados li {
        width         : 48%;
        margin-bottom : 15px;
    }

    .header .contenidoHeader .right {
        padding-right : 0;
    }

    .header .contenidoHeader .menuP li {
        float              : left;
        width              : 50%;
        margin             : 0;
        height             : auto;
        padding            : 4px 0;
        -moz-box-sizing    : border-box;
        -webkit-box-sizing : border-box;
        box-sizing         : border-box;
    }

    .header .contenidoHeader .menuP li a {
        display        : block;
        float          : none;
        padding-top    : 4px;
        padding-bottom : 4px;
        text-align     : center;
    }

    .middle .modHome .bMenuIconos li a,
    .modNavegacion li a {
        font-size : 16px;
    }

    //.modCtSlideshow .cajaOver {
    //    padding     : 42px 10px;
    //    width       : 240px;
    //    left        : 50%;
    //    margin-left : -130px;
    //    top         : 30px;
    //}
    //
    //.modCtSlideshow .flechaSlideshow.ant {
    //    left : 10px;
    //}
    //
    //.modCtSlideshow .flechaSlideshow.sig {
    //    right : 10px;
    //}
    //
    //.modCtSlideshow .flechaSlideshow {
    //    top : 0
    //}
    //
    //.modCtSlideshow .cajaOver .info {
    //    width : 240px
    //}
    //
    //.modCtSlideshow .cajaOver .divUL .destacados {
    //    left       : -50px;
    //    width      : 340px;
    //    text-align : center;
    //}
    //
    //.modCtSlideshow .cajaOver .divUL .destacados .itemD {
    //    display       : inline-block;
    //    float         : none;
    //    margin-bottom : 7px;
    //}
    //
    //.modCtSlideshow .slide .item img,
    //.modCtSlideshow .slide,
    //.modCtSlideshow {
    //    height : 594px
    //}
    //
    //.modCtSlideshow {
    //    margin-bottom  : 0;
    //    padding-bottom : 5px;
    //    background     : none
    //}
    .middle .modHome .bDestacados li,
    .middle .modCtEnumTiposProducto .items.portada li.item,
    .middle .modCtEnumTiposCurso .items.portada li.item,
    .middle .modCtEnumTiposNotaTecnica .items.portada li.item,
    .middle .modCtEnumServicios .items.portada li.item,
    .modDestacados li,
    .modCtOtrosProductosRelacionados li {
        width : 48%
    }

    .modFichaProducto .apartados .pestanas li {
        width         : 100%;
        max-width     : none;
        float         : none;
        clear         : both;
        border-radius : 0;
    }
}

@media screen and (max-width : 450px) {
    .middle .modHome .bDestacados li,
    .middle .modCtEnumTiposProducto .items.portada li.item,
    .middle .modCtEnumTiposCurso .items.portada li.item,
    .middle .modCtEnumTiposNotaTecnica .items.portada li.item,
    .middle .modCtEnumServicios .items.portada li.item,
    .modDestacados li,
    .modCtOtrosProductosRelacionados li {
        width        : 98%;
        float        : none;
        max-width    : 275px;
        margin-right : auto;
        margin-left  : auto;
        display      : block;
    }
}

@media screen and (max-width : 425px) {
    .middle .modHome .bDestacados li,
    .middle .modCtEnumTiposProducto .items.portada li.item,
    .middle .modCtEnumTiposCurso .items.portada li.item,
    .middle .modCtEnumTiposNotaTecnica .items.portada li.item,
    .middle .modCtEnumServicios .items.portada li.item,
    .modDestacados li {
        width     : 98%;
        max-width : 300px;
        margin    : 0 auto 15px;
    }

    .header .contenidoHeader .menuS {
        margin-bottom : 0;
    }

    .header .contenidoHeader .logo {
        margin   : 0 auto;
        position : relative;
        height   : 90px;
    }

    .header .contenidoHeader .buscador {
        float  : none;
        width  : 240px;
        margin : 0 auto 7px;
    }

    .modCtSlideshow .barra .btnCat {
        text-align : center
    }

    .modCtSlideshow .barra .btnCat a {
        margin-left : 0;
        display     : inline-block;
        float       : none;
    }
}

/* dispositivos con doble resolucion */
@media only screen and (-webkit-min-device-pixel-ratio : 1.3), only screen and (-o-min-device-pixel-ratio : 13/10), only screen and (min-resolution : 120dpi) {

}