@charset "utf-8"; /*Lista de anchos 1 cuadro = width: 8.33333333% 2 cuadros = width: 16.66666667% 3 cuadros = width: 25% 4 cuadros = width: 33.33333333% 5 cuadros = width: 41.66666667% 6 cuadros = width: 50% 7 cuadros = width: 58.33333333% 8 cuadros = width: 66.66666667% 9 cuadros = width: 75% 10 cuadros = width: 83.43333333% 11 cuadros = width: 91.66666667% 12 cuadros = width: 100% */ /*Para que el estilo afecte a todas las páginas hay que usar la sintaxis: body[id^="octane-"] #ID DE MODULO { width: XXXXXXX !important; } */ /*MENU Y BSD*/ body[id^="octane-"] #omeRoof { background-color: #474748; z-index: 10; overflow: visible } body[id^="octane-"] #omeRoof-a, body[id^="octane-"] #omeRoof-c { width: 16.66666667% !important; vertical-align: middle; } body[id^="octane-"] #omeRoof-b { width: 66.66666667% !important; vertical-align: middle } /*LOGOTIPO*/ body[id^="octane-"] #omeMenu { background: url(../images/patron-01.png) repeat-x center 98% #474748 } /*FORMULARIOS DE CONTACTO*/ body[id^="octane-"] #omeFloor .ome-SecLay { flex-wrap: wrap } /*CREDITOS*/ body[id^="octane-"] #omeInfo-a { width: 100% !important } body[id^="octane-"] #omeInfo-b, body[id^="octane-"] #omeInfo-c { display: inline-block; vertical-align: middle; } body[id^="octane-"] #omeInfo-b { width: 40% !important } body[id^="octane-"] #omeInfo-c { width: 60% !important } body[id^="octane-"] #omeFloor .ome-TercLay:nth-last-child(1) { background: #6D6D6C } /*COMPONENTE PRINCIPAL*/ body[id^="octane-"] #omeMain .ome-SecLay { flex-wrap: wrap } /*CUADRO DE INICIO DE SESIÓN*/ body[id^="octane-"] #omeColaborador .ome-SecLay { background: url(../images/patron-04.png) repeat-x center 98% #e5e5e5; padding: 5rem 0 3rem 0rem; } /*Para que el estilo afecte a UNA SOLA páginas hay que usar el id de página localizado en la etiqueta y después usar la sintaxis: #ID DE PAGINA #ID DE MODULO { width: XXXXXXX !important; } */ /*NOSOTROS SOMOS MAGPANEL*/ #octane-103 #omeSlider { /*height: 724px;*/ background-color: #e5e5e5 } /*#octane-103 #omeSlider .ome-SecLay, #octane-103 #omeSlider .ome-SecLay > div, #octane-103 #omeSlider .ome-SecLay > div > div[id^="inner-"], #octane-103 #omeSlider .ome-SecLay > div > div[id^="inner-"] .custom { height: 100% }*/ /*ICONOS DIFERENCIADORES*/ #octane-103 #omeBienv { background: url(../images/patron-02.png) repeat center center #929396 } /*CUADRO EXCELENCIA*/ #octane-103 #omeHeader { background-color: #e5e5e5; border-top: 31px solid #84a03b ; padding: 4em 1.7em !important; } #octane-103 #omeHeader .ome-SecLay > div { vertical-align: middle } #octane-103 #omeHeader .ome-SecLay { align-items: center } /*INICIO PRODUCTOS*/ /*#octane-103 #omeTop { height: 674px; }*/ /*#octane-103 #omeTop .ome-SecLay, #octane-103 #omeTop .ome-SecLay > div, #octane-103 #omeTop .ome-SecLay > div > div[id^="inner-"], #octane-103 #omeTop .ome-SecLay > div > div[id^="inner-"] .custom { height: 100% }*/ #octane-103 #omeTop .ome-SecLay { flex-wrap: wrap } #octane-103 .contenedor-complementos h1 { color: #FFFFFF; text-align: center; margin: 0 auto; } #octane-103 #omeTop #omeTop-a { width: 100% !important; background: url(../images/patron-01.png) repeat-x center 2% #84a03b; } #octane-103 #omeTop #omeTop-b, #octane-103 #omeTop #omeTop-c, #octane-103 #omeTop #omeTop-d { width: calc(100%/3) !important; } #octane-103 #omeTop .custom, #octane-103 #omeBanner .custom { display: flex; align-items: stretch; height: 100% } /*MagKit*/ #octane-103 #omeBanner { border-top: 31px solid #84a03b } /*OPCIONES EXTRAS EN INTRO*/ #octane-103 #omeMedio .ome-SecLay { flex-wrap: wrap; align-items: center; } /*Complementos*/ #octane-103 #omeMedio #omeMedio-a { width: 100% !important; background: url(../images/patron-01.png) repeat-x center 2% #84a03b } /*Nuestros clientes y distribuidor*/ #octane-103 #omeMedio { background: url(../images/patron-04.png) repeat-x center 2% #FFFFFF; } #octane-103 #omeMedio #omeMedio-b, #octane-103 #omeMedio #omeMedio-c { width: 50% !important; text-align: center; padding: 4.9em 0 0.9em 0; } #octane-103 #omeMedio #omeMedio-b a, #octane-103 #omeMedio #omeMedio-d a { color: inherit; font-family: "Montserrat Light"; text-transform: lowercase; text-decoration: underline; font-size: 1.7em; } #octane-103 #omeMedio #omeMedio-b h1, #octane-103 #omeMedio #omeMedio-d h1 { margin-bottom: 30px } /*PRESENCIA MAGTEC*/ #octane-103 #omeBottom { background-color: #464648 } #octane-103 #omeBottom .ome-SecLay { align-items: center } #octane-103 #omeBottom .ome-SecLay > div { vertical-align: middle } /*ESTILO FORMULARIO*/ #octane-103 #omeFloor { background: url(../images/patron-03.png) repeat center center #D7D7D7 } #octane-103 #omeFloor .ome-TercLay { /*background: none*/ } /*CUADRO PUBLICACIONES*/ #octane-103 #omeBottomDos { background-color: #e5e5e5; border-top: 31px solid #84a03b ; padding: 4em 1.7em !important; } #octane-103 #omeBottomDos .ome-SecLay > div { vertical-align: middle } #octane-103 #omeBottomDos .ome-SecLay { align-items: center } /*CUADRO DE INICIO DE SESIÓN*/ #octane-103 #omeBottomDos .ome-SecLay { align-items: center } #octane-163 #omeColaborador .ome-SecLay { background: url(../images/patron-04.png) repeat-x center 2% #FFFFFF; } /*FORMULARIOS DE PERFIL*/ #octane-179 #omeSide-a, #octane-156 #omeSide-a { width: 50% !important; vertical-align: middle } #octane-179 #omeComp, #octane-156 #omeComp { width: 49% !important; vertical-align: middle } #octane-156 #mainComponente > div:nth-child(2) { width: 72%; margin: 0 auto; } /*CALCULADORA DE MATERIALES*/ #octane-163 h1 { margin-bottom: 11px } #omeCompTop-a, #omeCompTop-b { width: 49% !important; display: inline-block } /*PORTAL DE USUARIOS*/ #octane-191 #omeMain .ome-SecLay .ome-TercLay:nth-child(2) { background: url(../images/patron-04.png) repeat-x center 2% #FFFFFF; } #octane-191 #omeCompBottom-a { width: 65% !important; display: inline-block; vertical-align: top } #octane-191 #omeCompBottom-b { width: 34% !important; display: inline-block; vertical-align: top } /*Para que el estilo afecte a TODAS LAS páginas EXCEPTO una en específico hay que usar el id de página localizado en la etiqueta y después usar la sintaxis: body:not(#ID DE PAGINA) OTROS ELEMENTOS { } */ body:not(#octane-103) #omeBanner #omeBanner-a { width: 100% !important; /*background: url(../images/patron-01.png) repeat-x center 98% #84a03b;*/ background: #84a03b; } /**ESTILOS PARA MODULOS INDIVIDUALES**/