*,*:before,*:after{box-sizing:border-box}
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}
html{text-rendering:optimizeLegibility !important;-webkit-font-smoothing:antialiased}
.antialiased{-webkit-font-smoothing:antialiased !important;text-shadow:1px 1px 1px rgba(0,0,0,0.004);-webkit-text-stroke:1px transparent}
body{font-family:'Open Sans',arial,verdana,sans-serif;background-color:#E0E0E0;margin-top:0px}
img{border:none;border-image:none}
.h1,h1{font-size:40px}.h2,h2{font-size:34px}.h3,h3{font-size:24px}.h4,h4{font-size:20px}.h5,h5{font-size:18px}.h6,h6{font-size:16px}
p,.p{font-size:14px;line-height:1.5em}.small,small{font-size:85%}.smaller{font-size:65%}.bold{font-weight:600}.light{font-weight:300}
h1,h2,h3,h4,h5,h6{line-height:110%}
.text-center{text-align:center}


#contenedorHero{
	background:url("../img/home-aplicaciones-fondo2.jpg") scroll transparent;background-repeat:no-repeat;background-position:50% 80%;background-size:cover;height:60vh;min-height:400px;position:relative;width:100%
}
#contenedorHero .dispositivo{
	background-image:url(/img/slider/home-aplicaciones2.png);background-repeat:no-repeat;background-position:center bottom;background-size:auto 100%;width:100%;height:100%
}

#logoHero{left:20px;top:40px;position:absolute}
mark{background-color: rgba(57,68,88,0.70); padding: 5px; margin-bottom:10px; line-height: 80px; color:#fff;}
.logo-svg{text-shadow:2px 2px 2px #000}
.nexo-svg{width:400px;height:80px}
.contenedor{margin-top:0px;width:100%;height:660px;overflow:hidden;position:relative;margin-left:auto;margin-right:auto;background-color:#CCE4CF !important;margin-bottom:-20px}
.contenedor img{width:100%;height:auto;position:absolute;top:0px;left:0px}
#contenedor-texto-hero{position:absolute;left:40px;bottom:40%;max-width:500px;width:50%;font-weight:300;font-size:40px;text-align:left;color:#fff;text-shadow:1px 1px 3px rgba(0,0,0,0.5),2px 2px 8px rgba(0,0,0,0.5)}
.nexo-image-svg{svg-shadow:1px 1px 5px #000000;filter:dropshadow(color=#000000,offx=2,offy=2)}
#portada{width:100%;height:100%}
.slideImg{height:auto;margin-left:auto;margin-right:auto;display:inline-block}
/*BOTONES INGRESAR Y COMENZAR*/
.boton-comenzar{position:absolute;left:40px;bottom:10%;z-index:25;background-color:#ef5350;color:#FFF}
/*Boton VER MAS, que va en cada seccion, "ver más"*/
.btn-mas{display:inline-block;margin:10px;color:#fff}
.botonVermas:hover,.botonVideos:hover{text-shadow:3px 2px 2px #000000;filter:dropshadow(color=#000000,offx=2,offy=2)}
.rotate{-webkit-transition-duration:1s;-moz-transition-duration:1s;-o-transition-duration:1s;transition-duration:1s;-webkit-transition-property:-webkit-transform;-moz-transition-property:-moz-transform;-o-transition-property:-o-transform;transition-property:transform;overflow:hidden}  
.rotate:hover{-webkit-transform:rotate(360deg);-moz-transform:rotate(360deg);-o-transform:rotate(360deg)}  
.translate{overflow:hidden;-webkit-transition-duration:1s;-moz-transition-duration:1s;-o-transition-duration:1s;transition-duration:1s; transition:1s ease-in-out; -webkit-transition-property:-webkit-transform;-moz-transition-property:-moz-transform;-o-transition-property:-o-transform;transition-property:transform;-webkit-transition:1s ease-in-out;-moz-transition:1s ease-in-out;-o-transition:1s ease-in-out}
.translate:hover{-webkit-transform:translate(1em,0);-moz-transform:translate(1em,0);-o-transform:translate(1em,0);-ms-transform:translate(1em,0);transform:translate(1em,0)}
.blink-yt{opacity:0.75;background-color:transparent;-webkit-animation:blink-yt 2s ease-in-out infinite;-moz-animation:blink-yt 2s ease-in-out infinite;-o-animation:blink-yt 2s ease-in-out infinite;animation:blink-yt 2s ease-in-out infinite}
@-webkit-keyframes blink-yt{to{text-shadow:0 2px 2px rgba(0,0,0,0.5);opacity:1}}@keyframes blink-yt{to{text-shadow:0 4px 2px rgba(0,0,0,0.5);opacity:1}}
span.botonTexto{font-size:1em}
.fa.fa-play.fa-stack-1x{margin-left:6px}
.fa-redondeado{background-color:gray;margin:0 !important}
#returns{position:fixed;bottom:20px;right:20px;background:transparent;width:50px;height:130px;display:block;text-decoration:none;-webkit-border-radius:35px;-moz-border-radius:35px;border-radius:35px;display:none;-webkit-transition:all 0.3s linear;-moz-transition:all 0.3s ease;-ms-transition:all 0.3s ease;-o-transition:all 0.3s ease;transition:all 0.3s ease;text-align:center;z-index:220}
#returns > a{display:inline}
#godown{position:fixed;bottom:20px;right:20px;background:transparent;width:50px;height:130px;display:block;text-decoration:none;-webkit-border-radius:35px;-moz-border-radius:35px;border-radius:35px;display:none;-webkit-transition:all 0.3s linear;-moz-transition:all 0.3s ease;-ms-transition:all 0.3s ease;-o-transition:all 0.3s ease;transition:all 0.3s ease;text-align:center;z-index:220}
#godown > a{display:inline}
/*Flecha volver*/
#return-nexo{position:fixed;bottom:80px;right:20px;background:transparent;width:50px;height:50px;display:block;text-decoration:none;-webkit-border-radius:35px;-moz-border-radius:35px;border-radius:35px;display:none;-webkit-transition:all 0.3s linear;-moz-transition:all 0.3s ease;-ms-transition:all 0.3s ease;-o-transition:all 0.3s ease;transition:all 0.3s ease;text-align:center;z-index:100}
#return-nexo i{color:rgba(0,0,0,0.5);margin:0;position:relative;top:15px;font-size:38px;-webkit-transition:all 0.3s ease;-moz-transition:all 0.3s ease;-ms-transition:all 0.3s ease;-o-transition:all 0.3s ease;transition:all 0.3s ease}
#return-nexo:hover i{color:#000;top:5px}
/*Flecha subir*/
#return-to-top{position:fixed;bottom:20px;right:20px;background:transparent;width:50px;height:50px;display:block;text-decoration:none;-webkit-border-radius:35px;-moz-border-radius:35px;border-radius:35px;display:none;-webkit-transition:all 0.3s linear;-moz-transition:all 0.3s ease;-ms-transition:all 0.3s ease;-o-transition:all 0.3s ease;transition:all 0.3s ease;text-align:center;z-index:120}
#return-to-top i{color:rgba(0,0,0,0.5);margin:0;position:relative;top:13px;font-size:38px;-webkit-transition:all 0.3s ease;-moz-transition:all 0.3s ease;-ms-transition:all 0.3s ease;-o-transition:all 0.3s ease;transition:all 0.3s ease}
#return-to-top:hover i{color:#000;top:5px}
/*Flecha bajar*/
#return-to-bottom{position:fixed;bottom:20px;right:20px;background:transparent;width:50px;height:50px;display:block;text-decoration:none;-webkit-border-radius:35px;-moz-border-radius:35px;border-radius:35px;display:none;-webkit-transition:all 0.3s linear;-moz-transition:all 0.3s ease;-ms-transition:all 0.3s ease;-o-transition:all 0.3s ease;transition:all 0.3s ease;text-align:center;z-index:120}
#return-to-bottom i{color:rgba(0,0,0,0.5);margin:0;position:relative;top:13px;font-size:38px;-webkit-transition:all 0.3s ease;-moz-transition:all 0.3s ease;-ms-transition:all 0.3s ease;-o-transition:all 0.3s ease;transition:all 0.3s ease}
#return-to-bottom:hover i{color:#000;top:5px}
/*MENU STICKER Y SUBMENU*/ 
nav{background-color:#fff}
nav ul a,nav ul span{color:#404141;cursor:pointer;display:block;font-size:1rem;padding:0 15px}
.dropdown-content li > a,.dropdown-content li > span{color:#404141}
nav{background-color:#fff;box-shadow:0 2px 5px 0 rgba(0,0,0,0.16),0 2px 10px 0 rgba(0,0,0,0.12);height:64px;position:fixed;top:0;width:100%;z-index:200}
.nav-wrapper.container,#sticker .container{width:90%}
.dropdown-content .dropdown-content{margin-left:100%}
.dropdown-content{overflow:visible !important;width:auto !important}
.side-nav,.side-nav li{background:#fff}
.side-nav a,.side-nav span{color:#444;display:block;font-size:1rem; height:64px;line-height:64px;padding:0 15px}
.side-nav li{padding:0px}
.side-nav .collapsible-header{margin:0px;font-weight:bold}
.collapsible-header.btn-abrir-cerrar:before{content:'\f107';font-family:FontAwesome;position:absolute;right:15px}
.collapsible-header.active.btn-abrir-cerrar:before{content:'\f00d';font-family:FontAwesome;position:absolute;right:15px}
.side-nav .collapsible-body li a{margin:0;padding:0 35px}
.side-nav .collapsible-body li a:before{content:'\f105';font-family:FontAwesome;margin-right:10px} 
#sticker{background-color:rgba(236,239,241,0.8);box-shadow:0 2px 5px 0 rgba(0,0,0,0.16),0 2px 10px 0 rgba(0,0,0,0.12);height:auto;width:100%;z-index:200}
#sticker ul{text-align:center;margin:0;padding:10px}
#sticker li{display:inline-block;font-size:16px}
#sticker ul a{color:#404141;margin:5px 10px;display:block}
#sticker ul a.btn{background-color:#90a4ae} 
#sticker ul a:hover{}
#sticker .nav-toggle{color:#404141;text-decoration:none}
.stick{position:fixed !important;top:64px !important;z-index:300 !important}
div#filtro{color:#333;float:right;height:100%;margin-right:30px}
#logo-mobile{display:none}
#logo{height:auto;left:20px;line-height:90px;max-width:300px;position:absolute;width:auto}
.contenedor-filtro{position:absolute;right:0px}
div#filtro{height:100%}
nav .brand-logo{font-size:2.6rem}
.nav-collapse .btn{background-color:#00AFA9;color:#fff;font-size:18px;font-weight:400;height:auto;line-height:36px;margin-top:0px}	
.nav-collapse li{width:auto;height:100%;float:none;display:inline-block;cursor:pointer}
.nav-collapse a{color:#333;line-height:36px;text-decoration:none;margin-top:0px}
.nav-collapse.opened{background:#bdbdbd;margin-left:0;margin-top:0;padding-left:0;top:64px;max-height:400px}
.nav-collapse.opened li{width:100%;margin:10px 0;height:auto}
.nav-collapse.opened li.filtro-item{max-width:100%}
.nav-collapse.opened li a:not(.btn){width:100%}
.nav-collapse .btn{width:auto}
.nav-collapse.nav-collapse-0.closed{text-align:right;margin-left:0;margin-right:30px;margin-bottom:0;padding-left:0}
.nav-collapse.nav-collapse-0.closed li{margin:0 10px}
.drag-target{z-index:100 !important}
.list-group{width:400px}
.list-group-item{width:33%}
div#contenido{width:100%;height:1200px;background-color:#FFC}
.fa-4{font-size:3em}
.submenu{height:auto;display:none}
.submenu ul{list-style-type:none;margin-left:auto;margin-right:auto;margin:0;padding:10px;text-align:center;width:auto}
.submenu ul li{display:inline;margin-left:10px}
.submenu ul a{color:#fff;font-size:24px;font-weight:500;
 text-decoration:none;margin:10px}
.submenu ul a:hover{color:#01b1e9}
#contenedor-info{position:relative;top:64px;color:#FFF;background:rgb(98,98,98);background:none repeat scroll 0 0 rgba(98,98,98,0.85)}
/*CARACTERICAS COMPARTIDAS*/
.ancla{display:inline-block;vertical-align:top;background-color:transparent;width:20px;height:20px;top:-70px;position:absolute}
/*CIERRE SECTION con iconos de beneficios*/
.cierre-section{color:#FFF;text-align:center}
.cierre-section .row{margin-bottom:0}
.icono-beneficio{display:inline-block;vertical-align:top}
.icono-beneficio img{width:auto}
.icono-beneficio p{font-family:'Open Sans',sans-serif;font-size:15px;font-weight:300;text-align:center}
.arroba{margin-bottom:40px !important;margin-top:10px!important}
.icono-beneficio i{-webkit-text-stroke:1px rgba(0,0,0,0.1)}  
.popup-modal{text-decoration:none}  
.white-popup-block{max-width:85% !important;position:relative}
.white-popup-block a{color:#404141;text-decoration:underline}
/*REGISTRO*/
#registro{background-color:#cfd8dc;color:#333;text-align:center}
.contenedor-redes .fa{border-radius:50%;height:70px;line-height:70px;margin:20px;width:70px;color:#FFF}
.contenedor-redes .fa:hover{background-color:#474747}
.contenedor-redes a > .i-nexo{font-size:2em;padding:0px;margin:0px}
.contenedor-redes a > .fa-windows{background-color:#21C9FF}
.contenedor-redes a > .fa-google{background-color:#D94732}
.contenedor-redes a > .fa-yahoo{background-color:#4101AF}
.contenedor-redes a > .fa-facebook{background-color:#3B5998}
.contenedor-redes a .nexo-svg{background-color:#174682}
#registro .nexo-svg{height:80px;width:80px;display:inline-block;fill:currentColor}
/*INTRO*/ 
#intro{background-color:#ccc;color:#333}
#intro img{width:100%;margin:0 auto;height:auto;max-width:800px}      
.novedad{font-size:14px}
.novedad a{text-decoration:none;color:#fff}
.novedad p{vertical-align:middle;display:inline-block;text-align:left}
.novedad i{margin-right:10px;display:inline-block;margin:10px}
.nexoContenedor-img{width:100%;text-align:center}
.nexoContenedor-img img{width:auto;height:65%;max-width:80%}
section{padding:60px 0;background-color:#eeeeee;color:#404141;position:relative}
/*COLOR CLARO*/
.nexo-fichadas{background-color:#a75682!important}
.nexo.auditoria{background-color:#fce4ec}
.nexo-clientes{background-color:#4ab756}
.nexo-reportes{background-color:#ddaf37!important}
.nexo-pedidos,.nexo-ecommerce{background-color:#e0f2f1}
.nexo-delivery{background-color:#ffebee}
.nexo-notificaciones{background-color:#9c9b9b!important}
.nexo-update{background-color:#58595b!important}
.nexo-tablero{background-color:#7f74b0!important}
.nexo-backup{background-color:#0d47a1!important}
.nexo-tiendas{background-color:#1996d2!important}
.nexo-cobranzas{background-color:#00b7ad!important}
.tangonet{background-color:#00c1de!important}
/*ARROW*/
.arrow:before{border-top:20px solid #fff;border-left:30px solid transparent;border-right:30px solid transparent;bottom:-20px;content:"";position:absolute;left:calc(50% - 30px);width:0;height:0;z-index:100}
#nexo-fichadas.arrow:before{border-top-color:#e1bee7}
.nexo-auditoria.arrow:before{border-top-color:#fce4ec}
#nexo-clientes.arrow:before{border-top-color:#C8E6C9}
#nexo-reportes.arrow:before{border-top-color:#ffecb3}
.nexo-connect.arrow:before{border-top-color:#faf0ec}
.nexo-pedidos.arrow:before,.nexo-ecommerce.arrow:before{border-top-color:#e0f2f1}
.nexo-delivery.arrow:before{border-top-color:#ffebee}
#nexo-notificaciones.arrow:before{border-top-color:#eeeeee}
#nexo-update.arrow:before{border-top-color:#58595b}
#nexo-tablero.arrow:before{border-top-color:#d1c4e9}
#nexo-backup.arrow:before{border-top-color:#bbdefb}
#nexo-tiendas.arrow:before{border-top-color:#b3e5fc}
#nexo-cobranzas.arrow:before{border-top-color:#b2dfdb}
#nexo-tangonet.arrow:before{border-top-color:#b2ebf2}
/*COLOR FUERTE DE CIERRE*/
.cierre-section.nexo-fichadas{background-color:#a75682}
.cierre-section.nexo-auditoria{background-color:#AA3D93}
.cierre-section.nexo-clientes{background-color:#4ab756}
.cierre-section.nexo-reportes{background-color:#ddaf37}
.cierre-section.nexo-pedidos,.cierre-section.nexo-ecommerce{background-color:#00796b}
.cierre-section.nexo-delivery{background-color:#d32f2f}
.cierre-section.nexo-notificaciones{background-color:#9c9b9b}
.cierre-section.nexo-update{background-color:#9c9b9b}
.cierre-section.nexo-tablero{background-color:#7f74b0}
.cierre-section.nexo-backup{background-color:#0d47a1}
.cierre-section.nexo-tiendas{background-color:#1996d2}
.cierre-section.nexo-cobranzas{background-color:#00b7ad}
.cierre-section.tangonet{background-color:#00c1de}
/*General de secciones*/
.dispositivo-home{width:100%;max-width:350px}
/*PREGUNTAS FRECUENTES*/
.preguntasfrecuentes{background-color:#9e9e9e;text-align:center}  
.preguntasfrecuentes a{color:#fff}
#pregImg{width:100%;height:auto;margin:0 auto}
#container ul{ clear:both;list-style:none;list-style-position:outside} 
#container ul.menu li{float:left;margin-right:10px; margin-bottom:-1px}
#container ul.menu li{padding:8px 8px;background:#86d2eb;margin-bottom:-1px;color:#fff;cursor:pointer;border:1px}  
#container ul.menu li:hover{color:#fff}   
#container ul.menu li.active{background:#02b1e9;top:auto;border-bottom:0;color:#333}
/*CONTENT*/  
.content{margin:10pt auto;text-align:left;color:#fff}  
/*NOTICIAS*/    
.content.noticias{color:#fff;font-size:14px;font-weight:300;text-align:left;width:100%;display:inline-block}  
.content.noticias a{color:#404141;font-size:16px}  
/*TUTORIALES*/   
.content.tutoriales{color:#fff;font-family:'Open Sans',sans-serif;font-size:20px;font-weight:300;text-align:left;width:100%;display:inline-block}  
.content.tutoriales a{color:#fff;font-size:14px}  
/*ENLACES*/   
.content.enlaces{display:none;font-family:'Open Sans',sans-serif;font-size:11px;text-decoration:none;color:#fff}  
.content.enlaces a{color:#44820f}   
.content.noticias{display:block;font-family:'Open Sans',sans-serif;font-size:14px;text-decoration:none;color:#fff}   
.content.tutoriales{display:none;font-size:11px;text-decoration:none;color:#fff}  
.content.tutoriales a{color:#fff;font-size:14px}  
/*CONTACTO*/
.contacto{background-color:#616161;color:#fff}
#contenedorFormulario{margin-left:auto;margin-right:auto}
#form-contacto .col{margin-bottom:20px}
.contacto input{display:block;width:100%;margin:10px 0px 0px 0px;padding:0px 10px;height:40px;font-family:'Open Sans',sans-serif;background-color:#fff;font-size:20px;font-weight:300;color:#333;border:hidden;box-sizing:border-box}	
.contacto textarea{width:100%;font-family:'Open Sans',sans-serif;margin:10px 0px 0px 0px;padding:0px 10px;font-size:20px;border:hidden;height:40px;font-weight:300;color:#333;background-color:#fff;box-sizing:border-box}
.contacto #enviar{border:none;background-color:#DF2D13;color:#fff;font-family:'Open Sans',sans-serif;font-size:18px;height:70px;font-weight:300;text-align:center} 
.btn-enviar{font-family:'Open Sans',sans-serif;font-weight:300;background-color:#09f;text-transform:uppercase;font-size:16px;width:150px;height:40px !important;width:200px !important}
/*PIE*/
#pie{text-align:center;background-color:#FFF;padding-bottom:20px;padding-top:40px}
#pie a{text-decoration:none} 
#contenedorPie{margin-left:auto;margin-right:auto;width:500px}
#okformulario{background-color:#f7a710;color:#FFF;width:100%;padding-bottom:50px;padding-top:50px}
#okformulario h2{font-weight:300;font-size:28px;margin-left:auto;margin-right:auto;text-align:center;width:800px;text-decoration:none}