header-style.css 6.4 KB

1
  1. @font-face{font-family:regular;src:url(font/Montserrat-Regular.otf);font-weight:bold}@font-face{font-family:boldd;src:url(font/Montserrat-Bold.otf)}@font-face{font-family:blackk;src:url(font/Montserrat-Black.otf)}@supports ((-webkit-hyphens:auto) or (hyphens:auto)){.txt-cards{text-align:justify;-webkit-hyphens:auto;hyphens:auto}}input.src{padding:0 2px 2px 32px;outline:none;font-size:18px;border-radius:15px;color:#444;border:1px solid #d3d3d3;background:#fff url("../images/index/icon-buscar.png") no-repeat 9px center;width:165px;transition:all .5s;height:30px}input.src:hover{width:190px;background-color:#fff;border-color:#000}#box-search{position:fixed;left:88%;transform:translateX(-50%);width:400px;background:#fff;z-index:8;overflow:hidden;list-style:none;padding:0;display:none}#box-search li a{width:400px;color:#777777;padding:12px 20px;text-align:left}#box-search li a:hover{background:#f3f3f3}#box-search li a i{margin-right:15px}ul#ejm1 li.active a{box-shadow:inset 0 -3px 0 0 #1faf71}.button-nosotros{background-color:white;font-family:boldd;color:#024a15;border:0;padding:10px 25px 5px 25px;font-size:1em;transition:all .7s ease}.button-nosotros:hover{background-color:#024a15;color:rgba(255,255,255,1)!important}a{position:relative!important}a:hover{text-decoration:none;color:white}.divider-header{display:inline-block;position:absolute;width:0;height:340px;border-left:1px solid #d3d3d3;border-right:1px solid #d3d3d3;top:0;left:-60px}.submenu-conoce,.submenu-construye{position:absolute;height:auto;background:rgb(252,252,252,.9);width:100%;top:93px;display:none;z-index:1}#header-mv,#header-const-mv{display:none}#img-header{width:300px;height:270px}.parrafo-nomina,.parrafo-contabilidad,.parrafo-inventario,.parrafo-cobranza,.parrafo-diseño,.parrafo-software,.parrafo-aplicaciones,.parrafo-inteligencia,.parrafo-bigdata,.parrafo-oursourcing,.parrafo-conciliacion,.parrafo-plataforma{display:none}.sublista-conoce,.sublista-construye{list-style:none}.title-opc{color:#0aa458cc;font-family:blackk;letter-spacing:5px}.sublista-item button{text-decoration:none;font-size:20px;color:#000;margin-left:-60px}.btn-factura,.btn-digital,.btn-nomina,.btn-contabilidad,.btn-inventario,.btn-cobranza,.btn-digital,.btn-diseño,.btn-soft,.btn-aplicaciones,.btn-inteligencia,.btn-data,.btn-outsourcing,.btn-conciliacion,.btn-plataforma{text-align:left;border-radius:0;padding-left:110px}.btn-diseño:hover{background-color:#154360;color:#fff}.btn-soft:hover{background-color:#b7950b;color:#fff}.btn-aplicaciones:hover{background-color:#5b2c6f;color:#fff}.btn-inteligencia:hover{background-color:#935116;color:#fff}.btn-data:hover{background-color:#717d7e;color:#fff}.btn-outsourcing:hover{background-color:#717d7e;color:#fff}.btn-factura:hover{background:rgba(21,67,96,.644);color:#fff}.btn-nomina:hover{background:rgba(183,149,11,.644);color:#fff}.btn-contabilidad:hover{background:rgba(91,44,111,.644);color:#fff}.btn-inventario:hover{background:rgba(147,81,22,.644);color:#fff}.btn-cobranza:hover{background:rgba(113,125,126,.644);color:#fff}.btn-digital:hover{background:rgba(148,49,38,.644);color:#fff}.btn-conciliacion:hover{background:rgba(38,148,93,.644);color:#fff}.btn-plataforma:hover{background:rgba(38,73,148,.644);color:#fff}.option-title h1{font-size:2em;font-family:blackk;letter-spacing:5px}.option-text{font-size:1em;text-align:justify}.arrow-conoce,.arrow-construye{display:none}#rotar-conoce-mv,#rotar-construye-mv{-webkit-transform:rotate(-90deg);-moz-transform:rotate(-90deg);-ms-transform:rotate(-90deg);-o-transform:rotate(-90deg);transform:rotate(-90deg)}#rotar-conoce-mv,#rotar-construye-mv{position:relative;cursor:pointer;-webkit-transition:all 500ms ease-in-out;-moz-transition:all 500ms ease-in-out;-o-transition:all 500ms ease-in-out;-ms-transition:all 500ms ease-in-out}#rotar-conoce-mv.giro,#rotar-construye-mv.giro{-webkit-transform:rotate(0deg);-moz-transform:rotate(0deg);-ms-transform:rotate(0deg);-o-transform:rotate(0deg);transform:rotate(0deg)}.sublista-conoce-mv,.sublista-construye-mv{list-style:none;display:none;padding-left:0}p{font-family:regular;letter-spacing:1px;font-size:.9em}#fac-elec,#img-fac,#nom,#img-nom,#cont-elec,#img-cont-elec,#con-inv,#img-con-inv,#con-cob,#img-con-cob,#dis-dig,#img-dis-dig,#dis-digital,#img-dis-digital,#des-software,#img-software,#appications-web,#img-appications-web,#int-artificial,#img-int-artificial,#big-data-cont,#img-big-data-cont,#outsourcing-process,#img-outsourcing-process{display:none}@media only screen and (max-width:991px){.navbar{position:absolute;width:100%}.submenu-conoce,.submenu-construye{display:none}#head-mb,#head-cons-mb{display:none}#navbar-collapse-1,.title-opc{display:none}nav{background-color:#fff;z-index:1}.margin-0{margin-left:0!important}.margin-t-0{margin-top:0!important}.margin-l-0{margin-left:0!important}.margin-t{margin-top:2.5em!important}.margin-b{margin-bottom:1em!important}.margin-bottom{margin-bottom:.5em!important}.padding-l{padding-left:0}.pd{padding:15px}.opt-sm{font-family:boldd;font-size:20px;color:#000}.arrow-conoce{display:block;position:absolute;left:8em;top:3.4em}.arrow-construye{display:block;position:absolute;left:9em;top:3.4em}.sublista-item button{margin-left:0;font-size:1em;padding-left:35px}.btn-factura,.btn-digital,.btn-nomina,.btn-contabilidad,.btn-conciliacion,.btn-plataforma,.btn-inventario,.btn-cobranza,.btn-digital,.btn-diseño,.btn-soft,.btn-aplicaciones,.btn-inteligencia,.btn-data,.btn-outsourcing{text-align:left;padding-left:0}.option-title h1{font-size:1.47em;letter-spacing:1px;color:#0aa458cc}.option-text{font-size:.7em;text-align:left}.divider-header{display:none}#img-header.container{width:240px;height:270px}}@media only screen and (max-width:576px){.option-title,#header-mv{display:none}.btn-factura,.btn-digital,.btn-nomina,.btn-conciliacion,.btn-plataforma,.btn-contabilidad,.btn-inventario,.btn-cobranza,.btn-diseño,.btn-soft,.btn-aplicaciones,.btn-inteligencia,.btn-data,.btn-outsourcing{padding-left:35px}.btn{font-size:1.3rem}#img-header.container{width:240px;height:180px}.option-text{text-align:justify;font-size:.9em}}@media only screen and (max-width:576px){.option-title,#header-mv{display:none}.btn-factura,.btn-digital,.btn-nomina,.btn-conciliacion,.btn-plataforma,.btn-contabilidad,.btn-inventario,.btn-cobranza,.btn-diseño,.btn-soft,.btn-aplicaciones,.btn-inteligencia,.btn-data,.btn-outsourcing{padding-left:35px}.btn{font-size:1.3rem}#img-header.container{width:240px;height:180px}.option-text{text-align:justify;font-size:.9em}}