@charset "utf-8";

.menu-movil {
    padding: 0 0.450em 0 0.450em;
    line-height: 3em
}

.menu-movil img {
    height: 100%
}

.cerrar-contendor {
    display: none
}


@media only screen and (max-width : 1280px) {
    /*TEXTOS GENERAL*/
    html {
        font-size: 12.5px
    }

    /*TITULO DE VIDEO DE INTRODUCCIÓN*/
    .titulo-video {
        line-height: 3.1rem
    }
    
    .primera-linea {
        font-size: 1em; 
    }

    .segunda-linea {
        font-size: 3em;
    }

    /*TEXTO DE INTRODUCCIÓN*/
    .nosotros-magtec p img {
        width: 22%
    }

    /*CUADRO EXCELENCIA*/
    #octane-103 #omeHeader .ome-SecLay {
        display: block
    }

    #octane-103 #omeHeader .ome-SecLay > div {
        width: 100% !important
    }

    /*AJUSTES PRODUCTOS*/
    #octane-103 #omeTop #omeTop-b, #octane-103 #omeTop #omeTop-c, #octane-103 #omeTop #omeTop-d, #octane-103 #omeBanner #omeBanner-a, #octane-103 #omeBanner #omeBanner-b {
        height: 407px;
    }

    .contenedor-info-producto, .contenedor-fondo-producto {
        height: 47%;
        width: 100% !important
    }

    .contenedor-info-producto {
        height: 53%;
        padding: 2.3em 1.7em;
        display: flex;
        flex-flow: column wrap;
    }

    .contenedor-info-producto > div {
        margin-bottom: 0;
        -moz-box-sizing:border-box;
        -webkit-box-sizing:border-box;
        box-sizing:border-box
    }

    .contenedor-info-producto div:nth-child(1) {
        height: 100%;
    }

    .contenedor-info-producto div:nth-child(1) img {
        width: 68%;
        margin-top: 19px;
    }

    .contenedor-info-producto div:nth-child(2), .contenedor-iconos {
        height: 50%
    }
   
    #octane-103 #omeTop .custom, #octane-103 #omeBanner .custom {
        display: block
    }

    .contenedor-info-producto p {
        text-align: left;
    }

    /*ICONO DE PASOS*/
    .icono-paso, .bloque-magpanel .icono-paso {
        bottom: -18%;
        left: 17%;
        right: inherit;
    }

    /*COMPLEMENTOS*/
    .contenedor-logo-complemento {
        display: inline-block;
        width: 26% !important;
        margin: 0 12px;
    }

    .contenedor-logo-complemento img {
        width: 91%
    }

    .bloque-magcomplementos h2 {
        margin: 9px 0 9px 0;
    }
    
    .contenedor-iconos a {
        margin: 1px 5px;
    }

    /*CUADRO MEDIOS DE COMUNICACIÓN*/
    #octane-103 #omeBottomDos .ome-SecLay {
        display: block;
    }

    #octane-103 #omeBottomDos .ome-SecLay > div {
        width: 100% !important
    }

    #omeBottomDos .logos-premios .alineado {
        width: 12%;
    }

    /*CUADRO DE CONTACTO*/
    #omeInfo-b {
        display: none !important
    }

    body[id^="octane-"] #omeInfo-c {
        width: 100% !important
    }

}

/* Medium Devices, Desktops */
@media only screen and (max-width : 992px) {
    /*CUADRO SLIDER*/
    #octane-103 #omeSlider .ome-SecLay {
        display: block;
    }

    #octane-103 #omeSlider .ome-SecLay > div {
        width: 100% !important
    }

    div[id^="inner-"].video-intro, .video-intro {
        height: 450px;
    }

    /*TEXTO INTRODUCCIÓN*/
    .nosotros-magtec p img {
        width: 14%;
    }

    /*ICONOS VENTAJAS*/
    .iconos-diferenciadores .custom div {
        width: 15%;
        margin: 0 10px;
    }

    .iconos-diferenciadores .custom div img {
        width: 100%;
    }

    /*PRODUCTOS*/
    #octane-103 #omeBanner .ome-SecLay {
        display: block;
    }

    #octane-103 #omeTop #omeTop-b, #octane-103 #omeTop #omeTop-c, #octane-103 #omeTop #omeTop-d, #octane-103 #omeBanner #omeBanner-a, #octane-103 #omeBanner #omeBanner-b {
        width: 100% !important
    }

    .contenedor-info-producto div:nth-child(1) img {
        width: 49%;
    }

    .contenedor-iconos {
        text-align: left;
    }

    #omeBanner-b .contenedor-iconos {
        text-align: center
    }

    #octane-103 #omeBanner #omeBanner-b {
        height: auto
    }

    .bloque-magcomplementos h2 {
        margin: 9px 0 47px 0;
    }

    .contenedor-logo-complemento {
        width: 29% !important;
    }

    .contenedor-iconos a {
        margin: 22px 5px;
    }

    /*CUADRO PRESENCIA*/
    #octane-103 #omeBottom .ome-SecLay {
        display: block
    }

    #octane-103 #omeBottom .ome-SecLay > div {
        width: 100% !important
    }

}

/* Custom, iPhone Retina */ 
@media only screen and (max-width : 480px) {
    /*TEXTO INTRODUCCION*/
    .primera-linea {
        font-size: 1.05rem;
    }

    .segunda-linea {
        font-size: 2.7em;
    }

    .nosotros-magtec h1 {
        font-size: 1.9rem;
        padding: 3rem 1.688rem;
    }

    .nosotros-magtec h1 span img {
        margin-top: 10px;
        width: 70%;
    }

    .nosotros-magtec .custom > div {
        padding: 3.3rem 3rem;
    }

    .nosotros-magtec p img {
        width: 20%;
    }

    /*VENTAJAS*/
    .iconos-diferenciadores .custom div {
        width: 21%;
        margin: 18px 29px;
    }

    /*EXCELENCIA*/
    .parrafo-excelencia {
        padding: 2.563rem 2rem !important;
    }

    .parrafo-excelencia {
        padding: 2.563rem 2rem !important;
    }

    .logos-premios {
        display: block
    }

    .logos-premios .alineado {
        width: 47%;
        margin: 42px 0;
    }

    /*PRODUCTOS*/
    .contenedor-info-producto div:nth-child(1) {
        width: 38%;
    }

    .contenedor-info-producto div:nth-child(1) img {
        width: 88%;
        margin-top: 38px;
    }

    .icono-paso, .bloque-magpanel .icono-paso {
        left: 8%;
    }

    .contenedor-logo-complemento {
        width: 24% !important;
    }

    .contenedor-iconos a {
        margin: 1px 5px;
    }

    /*NUESTROS CLIENTES*/
    #octane-103 #omeMedio .ome-SecLay {
        display: block;
    }

    #octane-103 #omeMedio #omeMedio-b, #octane-103 #omeMedio #omeMedio-c {
        width: 100%!important
    }

    #octane-103 #omeMedio #omeMedio-c {
        padding: 0em 0 0.9em 0;
    }

    .contenedor-boton-galeria {
        font-size: 1rem
    }

    /*DISTRIBUIDOR MAGTEC*/
    .boton-colaborador > div {
        width: 100%
    }

    .boton-colaborador > div {
        padding: 17px;
    }

    .texto-colaborador {
        margin-bottom: 31px;
    }

    /*PRESENCIA*/
    .presencia-magtec {
        padding: 0.688rem 4rem 6rem !important;
    }

    /*MEDIOS*/
    #omeBottomDos .parrafo-excelencia {
        padding: 2.563rem 2rem !important;
    }

    #omeBottomDos .logos-premios .alineado {
        width: 24%;
    }

    /*FORMULARIO*/
    #octane-103 #omeFloor .ome-TercLay {
        padding: 3rem 0;
    }

    /*INTERIORES*/
    /*Login*/
    #omeMain .ome-TercLay {
        padding: 3.628rem 2rem;
    }

    #octane-179 #omeComp, #octane-156 #omeComp {
        width: 100% !important;
    }

    body[id^="octane-"] #omeMain .ome-SecLay {
        display: block
    }

    #octane-179 #omeSide-a, #octane-156 #omeSide-a {
        width: 100% !important;
    }

    #octane-191 #omeCompBottom-a, #octane-191 #omeCompBottom-b {
        width: 100% !important
    }


}

/* Small Devices, Phones */ 
@media only screen and (max-width : 320px) {
    /*FUENTE PRINCIPAL*/
    html {
        font-size: 10.5px;
    }

    /*VIDEO INTRO*/
    .contenedor-titulo-video > div {
        width: 84%;
    }

    .primera-linea {
        font-size: 1.2rem;
    }

    .segunda-linea {
        font-size: 2.7em;
    }

    /*VENTAJAS*/
    .iconos-diferenciadores .custom div {
        width: 35%;
        margin: 18px 12px;
        font-size: 1.3rem;
    }

    /*PRODUCTOS*/
    .contenedor-info-producto {
        display: block;
        height: 62%;
    }

    .contenedor-info-producto > div {
        margin: 9px 0;
    }

    .contenedor-fondo-producto {
        height: 38%;
    }

    .icono-paso, .bloque-magpanel .icono-paso {
        left: 32%;
    }

    .contenedor-info-producto div:nth-child(1) {
        width: 100%;
        height: auto;
    }

    .contenedor-info-producto div:nth-child(2), .contenedor-iconos {
        height: auto;
        text-align: center;
    }

    .contenedor-info-producto p {
        text-align: center
    }

    .contenedor-info-producto div:nth-child(1) img {
        margin-top: 0;
        width: 43%
    }

    .contenedor-info-producto div:nth-child(2), .contenedor-iconos {
        width: 100%
    }

    /*LOGOS DE COMPLEMENTOS*/
    .contenedor-logo-complemento {
        width: 40% !important;
        margin: 12px 12px;
    }
}

/* Extra Small Devices, Phones */ 
@media only screen and (max-width : 240px) {


}


/******MENU MÓVIL******/


/*************************MENU RESPONSIVO************************/

.sidr{display:block;position:fixed;top:0;height:100%;z-index:999999;width:260px;overflow-x:hidden;overflow-y:auto;font-family:"lucida grande",tahoma,verdana,arial,sans-serif;font-size:15px;background:#333;color:#fff;box-shadow:0 0 5px 5px #222 inset}.sidr .sidr-inner{padding:0 0 15px}.sidr .sidr-inner>p{margin-left:15px;margin-right:15px}.sidr.right{left:auto;right:-260px}.sidr.left{left:-260px;right:auto}.sidr h1,.sidr h2,.sidr h3,.sidr h4,.sidr h5,.sidr h6{background-image:url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzRkNGQ0ZCIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzFhMWExYSIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==');background-size:100%;background-image:-webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #4d4d4d),color-stop(100%, #1a1a1a));background-image:-moz-linear-gradient(#4d4d4d,#1a1a1a);background-image:-webkit-linear-gradient(#4d4d4d,#1a1a1a);background-image:linear-gradient(#4d4d4d,#1a1a1a);font-size:11px;font-weight:normal;padding:0 15px;margin:0 0 5px;color:#fff;line-height:24px;box-shadow:0 5px 5px 3px rgba(0,0,0,0.2)}.sidr p{font-size:13px;margin:0 0 12px}.sidr p a{color:rgba(255,255,255,0.9)}.sidr>p{margin-left:15px;margin-right:15px}.sidr ul{display:block;margin:0 0 15px;padding:0;border-top:1px solid #1a1a1a;border-bottom:1px solid #4d4d4d}.sidr ul li{display:block;margin:0;line-height:48px;border-top:1px solid #4d4d4d;border-bottom:1px solid #1a1a1a}.sidr ul li:hover,.sidr ul li.active,.sidr ul li.sidr-class-active{border-top:0;line-height:49px}.sidr ul li:hover>a,.sidr ul li:hover>span,.sidr ul li.active>a,.sidr ul li.active>span,.sidr ul li.sidr-class-active>a,.sidr ul li.sidr-class-active>span{box-shadow:0 0 15px 3px #222 inset}.sidr ul li a,.sidr ul li span{padding:0 15px;display:block;text-decoration:none;color:#fff}.sidr ul li ul{border-bottom:0;margin:0}.sidr ul li ul li{line-height:40px;font-size:13px}.sidr ul li ul li:last-child{border-bottom:0}.sidr ul li ul li:hover,.sidr ul li ul li.active,.sidr ul li ul li.sidr-class-active{border-top:0;line-height:41px}.sidr ul li ul li:hover>a,.sidr ul li ul li:hover>span,.sidr ul li ul li.active>a,.sidr ul li ul li.active>span,.sidr ul li ul li.sidr-class-active>a,.sidr ul li ul li.sidr-class-active>span{box-shadow:0 0 15px 3px #222 inset}.sidr ul li ul li a,.sidr ul li ul li span{color:rgba(255,255,255,0.8);padding-left:30px}.sidr form{margin:0 15px}.sidr label{font-size:13px}.sidr input[type="text"],.sidr input[type="password"],.sidr input[type="date"],.sidr input[type="datetime"],.sidr input[type="email"],.sidr input[type="number"],.sidr input[type="search"],.sidr input[type="tel"],.sidr input[type="time"],.sidr input[type="url"],.sidr textarea,.sidr select{width:100%;font-size:13px;padding:5px;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box;margin:0 0 10px;border-radius:2px;border:0;background:rgba(0,0,0,0.1);color:rgba(255,255,255,0.6);display:block;clear:both}.sidr input[type=checkbox]{width:auto;display:inline;clear:none}.sidr input[type=button],.sidr input[type=submit]{color:#333;background:#fff}.sidr input[type=button]:hover,.sidr input[type=submit]:hover{background:rgba(255,255,255,0.9)}



/*@media only screen and (max-width: 767px){
    #mobile-header {
        display: block;
		height: 45px;
		/*border-right: 1px solid #fff;*/
    /*}
}*/