/* generales */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {margin:0;padding:0;border:0;outline:0;font-style:inherit;font-size:100%;font-family:inherit;vertical-align:middle;}
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {display:block;}
body {background:#00b1f0;margin:0;padding:0;}
body.home {background:#00b1f0 url(../images/fondo.gif) center top no-repeat;}
body.full {background:#ef4036;}
body.mipyme {background:#0e76bc;}
body.rrhh {background:#13a89e;}
body.saas {background:#f99d1c;}
body.twafa {background:#8265d2;}
:focus {outline:0;}
ol, ul {list-style:none;}
p {margin:0 0 30px;}
img {width:100%;height:100%;}
img, object, embed, video {max-width:100%;}
.ie6 img {width:100%;}

/* formularios */
form {margin:0;}
input[type="text"], input[type="email"], input[type="tel"], textarea, select  {width:96%;margin:5px 0 0;border:none;padding:2%;font:18px/24px 'Lato',sans-serif;color:#000;border-radius:5px;-moz-border-radius:5px;-webkit-border-radius:5px;}
textarea {height:100px;}
input[type="button"], input[type="submit"] {font:15px/20px 'Lato',sans-serif;color:#fff;border:none;background:#16c1f3;width:140px;text-transform:uppercase;padding:10px 3px;border-bottom:4px solid #12a3cd;}.requerido{color:#f00}
/* links */
a {color:#fff;text-decoration:none;}
a:hover {color:#16c1f3;text-decoration:none;}
.terms, .terms a{color:#7b7b7b; font-size:12px}.terms a:hover {color:#16c1f3;text-decoration:none;}
/* títulos */
h1 {font-family: 'Lato', sans-serif;font-size:32px;line-height:42px;font-weight:normal;color:#00909e;letter-spacing:-1px;margin-bottom:30px;}
h2 {font-family: 'Lato', sans-serif;font-size:23px;line-height:29px;font-weight:normal;color:#3e3e3e;margin-bottom:30px;}

/* header */
header {float:left;width:100%;display:table;margin-top:25px;}
.header-interno {width:100%;max-width:960px;display:table;margin:0 auto;-webkit-border-radius:10px;-moz-border-radius:10px;border-radius:10px;background:url(../images/fondo-encabezado.png);}
.header-logo {float:left;height:60px;width:152px;padding:10px 40px 10px 30px;border-right:1px solid #1b728e;margin:10px 0;}
.header-derecha {float:right;}
.header-redes {float:left;margin:36px 30px 0 0;}
.header-redes li {float:left;margin-left:5px;}
.header-redes li a {display:block;height:28px;width:28px;background:url(../images/iconos-redes-encabezado.png) 0 0 no-repeat;}
.header-redes li.facebook a {background-position:0 0;}
.header-redes li.twitter a {background-position:-33px 0;}
.header-redes li.googleplus a {background-position:-66px 0;}
.header-redes li.linkedin a {background-position:-99px 0;}
.header-contacto {float:left;margin:35px 40px 0 0;}
.header-contacto a {display:block;background:#16c1f3;border-bottom:4px solid #12a3cd;color:#fff;text-transform:uppercase;font:12px/26px 'Lato', sans-serif;width:120px;text-align:center;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;}
.header-contacto a:hover {background:#12a3cd;border-bottom:4px solid #0981a4;}

/* menu */
.menu {float:left;margin:14px 0 0 40px;}
.menu li a {color:#fff;font:14px/24px 'Lato', sans-serif;text-transform:uppercase;text-decoration:none;}
.menu li a:hover {color:#16c1f3;}
.menu-boton, .contacto-boton {float:right;display:none;padding:15px 15px 0 0;}
.menu-boton a {display:block;width:44px;height:40px;background:#16c1f3 url(../images/fondo-boton-menu.gif) center center no-repeat;border-radius:5px;-moz-border-radius:5px;-webkit-border-radius:5px;}
.menu-boton a:hover {background:#12a3cd url(../images/fondo-boton-menu.gif) center center no-repeat;}
.contacto-boton a {display:block;width:44px;height:40px;background:#16c1f3 url(../images/fondo-boton-contacto.gif) center center no-repeat;border-radius:5px;-moz-border-radius:5px;-webkit-border-radius:5px;}
.contacto-boton a:hover {background:#12a3cd url(../images/fondo-boton-contacto.gif) center center no-repeat;}

/* home */
.destacado, .productos {float:left;width:100%;display:table;margin-top:60px;}
.destacado-interno, .productos-interno, .servicios-noticias-interno {width:100%;max-width:960px;display:table;margin:0 auto;}
.destacado-contenido {width:60%;float:right;margin-right:2%;}
.destacado-titulo {font:50px/54px 'Lato', sans-serif;text-transform:uppercase;color:#fff;text-shadow: 2px 2px 1px #00a1da;filter: dropshadow(color=#00a1da, offx=2, offy=2);font-weight:bold;}
.destacado-titulo span {color:#1f3e4a;}
.destacado-bajada {font:35px/38px 'Abel', sans-serif;color:#fff;text-shadow: 2px 2px 1px #00a1da;filter: dropshadow(color=#00a1da, offx=2, offy=2);padding-top:20px;}
.destacado-ideas-flecha {margin-top:15px;height:12px;background:url(../images/destacado-flecha.png) 15px 0 no-repeat;}
.destacado-ideas {padding:15px;background:url(../images/destacado-fondo.png);border-radius:5px;-moz-border-radius:5px;-webkit-border-radius:5px;}
#news-container {overflow-x: hidden; overflow-y: hidden; position: relative; width:100%;height:100%;z-index:10;}
#news-container ul {position: absolute; margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; top: 0px;list-style:none;}
#news-container li {margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; height: 60px; display: list-item;list-style:none;}
#news-container li h3 {font:26px/30px 'Abel', sans-serif;color:#fff;}
.productos-titulo {width:100%;text-align:center;color:#fff;font:25px/27px 'Lato', sans-serif;text-transform:uppercase;font-weight:bold;background:url(../images/fondo-productos-titulo.gif) center center repeat-x;text-shadow: 2px 2px 1px #00a1da;filter: dropshadow(color=#00a1da, offx=2, offy=2);}
.productos-titulo span {background:#00b1f0;padding:0 15px;}
.productos-interno ul {width:100%;display:table;margin-top:30px;}
.productos-interno li {float:left;width:23.5%;margin-right:2%;}
.productos-interno li.saas {margin:0;}
.productos-interno li.twafa {width:100%;margin:2% 0 0;}
.productos-fondo {padding:15px;border:5px solid #fff;border-radius:10px;-moz-border-radius:10px;-webkit-border-radius:10px;min-height:250px;background:#fff url(../images/fondo-flecha-blanca.gif) right top no-repeat;}
.productos-interno li.full .productos-fondo {background-color:#ef4036;}
.productos-interno li.mipyme .productos-fondo {background-color:#0e76bc;}
.productos-interno li.rrhh .productos-fondo {background-color:#13a89e;}
.productos-interno li.saas .productos-fondo {background-color:#f99d1c;}
.productos-interno li.twafa .productos-fondo {background-color:#8265d2;min-height:inherit}
.productos-nombre {font:28px/28px 'Abel', sans-serif;text-transform:uppercase;}
.productos-slogan {font:15px/19px 'Lato', sans-serif;padding:15px 0;}
.productos-descripcion {font:13px/17px 'Lato', sans-serif;}
.productos-fondo a, .productos-fondo a:hover {color:#fff;text-decoration:none;display:block;}
.productos-interno li.twafa .productos-fondo {display:table;}
.productos-interno li.twafa .productos-nombre {float:left;width:45%;}
.productos-interno li.twafa .productos-slogan {float:left;width:16%;padding:0 3%;}
.productos-interno li.twafa .productos-descripcion {float:left;width:28%;padding-right:5%;}
.servicios {float:left;width:34%;padding:0 3% 0 2%;}
.servicios-titulo {width:100%;color:#fff;font:35px/35px 'Abel', sans-serif;text-transform:uppercase;background:#088ebe;text-shadow: 2px 2px 1px #00a1da;filter: dropshadow(color=#00a1da, offx=2, offy=2);}
.servicios-titulo span {background:#00b1f0;padding-right:15px;}
.servicios li {padding:25px 0 0 44px;font:17px/24px 'Lato', sans-serif;color:#fff;background:url(../images/fondo-visto.gif) 0 25px no-repeat;}
.noticias {float:left;width:55%;padding:0 2% 0 3%;border-left:1px solid #66d0f6;}
.noticias li {display:table;}
.noticias li.abajo {padding-top:20px;margin-top:20px;border-top:1px dotted #fff;}
.noticias-foto {float:left;width:22%;}
.noticias-foto img {border:10px solid #098cbb;border-radius:100px;-moz-border-radius:100px;-webkit-border-radius:100px;width:80%;}
.noticias-texto {float:left;width:75%;padding-left:3%;color:#fff;}
.noticias-fecha {font:12px/14px 'Lato', sans-serif;}
.noticias-titulo {font:19px/22px 'Lato', sans-serif;font-weight:bold;padding:8px 0;}
.noticias-bajada {font:15px/20px 'Lato', sans-serif;}
.noticias-fecha a, .noticias-titulo a, .noticias-bajada a {color:#fff;display:block;}
.redes, .servicios-noticias {float:left;width:100%;display:table;margin-top:30px;}
.redes-interno {width:99%;max-width:958px;display:table;margin:0 auto;border:1px solid #3ac3f4;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;background:#02a9e4;}
.redes-interno li {float:left;display:table;width:15%;padding:15px 0;font:15px/30px 'Abel', sans-serif;text-transform:uppercase;}
.redes-interno li.titulo {width:38%;color:#fff;padding-left:2%;font:20px/30px 'Abel', sans-serif;text-shadow: 2px 2px 1px #00a1da;filter: dropshadow(color=#00a1da, offx=2, offy=2);}
.redes-interno li a {height:30px;display:table;padding-left:37px;color:#fff;text-decoration:none;background:url(../images/iconos-redes.png) 0 0 no-repeat;}
.redes-interno li a:hover {color:#fff;text-decoration:none;}
.redes-interno li.facebook a {background-position:0 0;}
.redes-interno li.twitter a {background-position:0 -50px;}
.redes-interno li.googleplus a {background-position:0 -100px;}
.redes-interno li.linkedin a {background-position:0 -150px;}
.fileshare {float:left;width:100%;display:table;margin-top:30px;background:#1c3c4a;}
.fileshare-interno {width:100%;max-width:960px;display:table;margin:0 auto;}
.fileshare-interno a {display:block;padding:30px;color:#fff;text-transform:uppercase;font:20px/26px 'Lato', sans-serif;text-align:center;}
.fileshare-interno a:hover {background:#0c2631;}

/* interna */
.contenido {float:left;width:100%;display:table;margin-top:30px;}
.contenido-interno {width:100%;max-width:960px;display:table;margin:0 auto;}
.titulo {font:50px/54px 'Lato', sans-serif;text-transform:uppercase;color:#fff;text-shadow: 2px 2px 1px #00a1da;filter: dropshadow(color=#00a1da, offx=2, offy=2);font-weight:bold;text-align:center;}
.subtitulo {background:#0e769d;font:34px/40px 'Abel', sans-serif;color:#fff;padding:3%;width:84%;margin:30px 5% 0;text-shadow: 2px 2px 1px #0d6b8f;filter: dropshadow(color=#0d6b8f, offx=2, offy=2);}
.texto {font:22px/40px 'Lato', sans-serif;color:#fff;text-shadow: 2px 2px 1px #00a1da;filter: dropshadow(color=#00a1da, offx=2, offy=2);padding:0 3%;width:84%;margin:30px 5% 0;}
.nosotros-imagen {float:right;margin:2% 0 0 2%;max-width:247px;width:30%;}
.productos.seccion {margin-top:0;}
.seccion .productos-fondo {min-height:230px;}
.seccion .productos-interno li {float:left;width:48.5%;margin-right:3%;}
.seccion .productos-interno li.twafa {width:100%;margin:3% 0 0;}
.seccion .productos-interno li.saas, .seccion .productos-interno li.mipyme {margin:0;}
.seccion .productos-interno li.saas, .seccion .productos-interno li.rrhh {margin-top:3%;}
.seccion .productos-nombre {font:30px/32px 'Abel', sans-serif;text-transform:uppercase;}
.seccion .productos-descripcion {font:20px/24px 'Lato', sans-serif;padding-top:15px;}
.seccion .productos-interno li.twafa .productos-descripcion {float:left;width:50%;padding-right:5%;padding-top:0}
.titulo-centrado {width:100%;text-align:center;color:#fff;font:20px/22px 'Lato', sans-serif;text-transform:uppercase;font-weight:bold;background:url(../images/fondo-productos-titulo.gif) center center repeat-x;text-shadow: 2px 2px 1px #00a1da;filter: dropshadow(color=#00a1da, offx=2, offy=2);}
.titulo-centrado span {background:#00b1f0;padding:0 15px;text-align:center;}
.productos-abajo {float:left;margin-top:30px;width:100%;}
.productos-tabla {float:left;width:68%;}
.productos-tabla table th {font:15px/17px 'Abel', sans-serif;text-transform:uppercase;color:#fff;width:12%;text-align:center;background:#0e769d;padding:2% 0}
.productos-tabla table th.titulo {width:50%;text-align:left;padding-left:2%;text-shadow:none;filter:none;font-weight:normal;}
.productos-tabla table th.full {background:#ef4036;}
.productos-tabla table th.mipyme {background:#0e76bc;}
.productos-tabla table th.rrhh {background:#13a89e;}
.productos-tabla table th.saas {background:#f99d1c;}
.productos-tabla table td {font:15px/17px 'Lato', sans-serif;color:#fff;text-align:center;padding:2.5% 0;text-transform:none;}
.productos-tabla table td.titulo {text-align:left;padding:2%;background:#059ed5;border-top:1px solid #00b1f0;text-shadow:none;filter:none;font-weight:normal;}
.productos-tabla table td.full {background:#936b85;border-top:1px solid #917896;}
.productos-tabla table td.mipyme {background:#0296e2;border-top:1px solid #00a9f5;}
.productos-tabla table td.rrhh {background:#02b2dc;border-top:1px solid #00c1f3;}
.productos-tabla table td.saas {background:#9fac69;border-top:1px solid #9ebd76;}
.productos-tabla table tr.oscuro td.titulo {background:#0793c6;}
.productos-tabla table tr.oscuro td.full {background:#94637c;}
.productos-tabla table tr.oscuro td.mipyme {background:#038cd8;}
.productos-tabla table tr.oscuro td.rrhh {background:#03a9ce;}
.productos-tabla table tr.oscuro td.saas {background:#a0a361;}
.productos-tabla table td img {max-width:25px;max-height:19px;}
.productos-barra {float:left;width:29%;margin-left:3%;}
.productos-caja {float:left;width:90%;padding:5%;border-radius:5px;-moz-border-radius:5px;-webkit-border-radius:5px;background:#0a88b6;font:16px/20px 'Abel', sans-serif;color:#fff;}
.productos-caja-asterisco {float:left;width:12%;margin-right:3%;}
.productos-caja-titulo {float:left;width:85%;font:22px/28px 'Abel', sans-serif;text-shadow: 2px 2px 1px #097ca6;filter: dropshadow(color=#097ca6, offx=2, offy=2);}
.productos-caja-texto {float:left;width:100%;margin-top:3%;padding-top:3%;border-top:1px dotted #00b1f0;}
.productos-comparacion {float:left;width:100%;margin-top:20px;}
.productos-comparacion li {float:left;width:90%;padding:5%;border-top:1px dotted #0a88b6;}
.productos-comparacion li.titulo {font:28px/30px 'Abel', sans-serif;text-transform:none;color:#fff;text-align:left;font-weight:normal;border-top:none}
.productos-comparacion-icono {float:left;width:20%;margin-right:5%;}
.productos-comparacion-texto {float:left;width:75%;font:17px/21px 'Lato', sans-serif;color:#fff;text-shadow: 2px 2px 1px #019cd5;filter: dropshadow(color=#019cd5, offx=2, offy=2);}
.productos-comparacion-texto strong {font-size:21px;}
.productos-comparacion li.color {background:#01acea;}
.producto-encabezado {padding:0 3% 3%;background:url(../images/fondo-producto-encabezado.png) right bottom no-repeat;color:#fff;}
body.full .producto-encabezado {text-shadow: 2px 2px 1px #d93a31;filter: dropshadow(color=#d93a31, offx=2, offy=2);}
body.mipyme .producto-encabezado {text-shadow: 2px 2px 1px #0d6dae;filter: dropshadow(color=#0d6dae, offx=2, offy=2);}
body.rrhh .producto-encabezado {text-shadow: 2px 2px 1px #119990;filter: dropshadow(color=#119990, offx=2, offy=2);}
body.saas .producto-encabezado {text-shadow: 2px 2px 1px #e38f19;filter: dropshadow(color=#e38f19, offx=2, offy=2);}
body.twafa .producto-encabezado {text-shadow: 2px 2px 1px #765cbf;filter: dropshadow(color=#765cbf, offx=2, offy=2);}
body.full .producto-menu, body.full .producto-caracteristicas ul {-moz-box-shadow:3px 3px 1px 0px #d93a31;-webkit-box-shadow: 3px 3px 1px 0px #d93a31;box-shadow:3px 3px 1px 0px #d93a31;}
body.mipyme .producto-menu, body.mipyme .producto-caracteristicas ul {-moz-box-shadow:3px 3px 1px 0px #0d6dae;-webkit-box-shadow: 3px 3px 1px 0px #0d6dae;box-shadow:3px 3px 1px 0px #0d6dae;}
body.rrhh .producto-menu, body.rrhh .producto-caracteristicas ul {-moz-box-shadow:3px 3px 1px 0px #119990;-webkit-box-shadow: 3px 3px 1px 0px #119990;box-shadow:3px 3px 1px 0px #119990;}
body.saas .producto-menu, body.saas .producto-caracteristicas ul {-moz-box-shadow:3px 3px 1px 0px #e38f19;-webkit-box-shadow: 3px 3px 1px 0px #e38f19;box-shadow:3px 3px 1px 0px #e38f19;}
body.twafa .producto-menu, body.twafa .producto-caracteristicas ul {-moz-box-shadow:3px 3px 1px 0px #765cbf;-webkit-box-shadow: 3px 3px 1px 0px #765cbf;box-shadow:3px 3px 1px 0px #765cbf;}
.producto-path {font:20px/22px 'Lato', sans-serif;text-transform:uppercase;}
.producto-nombre {font:44px/46px 'Abel', sans-serif;text-transform:uppercase;margin:2% 0 1.5%;}
.producto-detalle {font:25px/28px 'Lato', sans-serif;}
.producto-menu {float:left;background:#0fbcf2;width:18%;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;padding:0 2% 2%;}
.producto-menu li {text-transform:uppercase;color:#fff;margin-top:12%;font:18px/18px 'Abel', sans-serif;border:1px solid #6ad5f7;-webkit-border-radius:0 5px 5px 0;-moz-border-radius:0 5px 5px 0;border-radius:0 5px 5px 0;}
.producto-menu li span {font-size:22px;margin:0;padding:0}
.producto-menu li.titular {font:16px/18px 'Lato', sans-serif;text-shadow: 2px 2px 1px #0eafe2;filter: dropshadow(color=#0eafe2, offx=2, offy=2);border:none;}
.producto-menu li a {display:block;padding:10px;-webkit-border-radius:0 5px 5px 0;-moz-border-radius:0 5px 5px 0;border-radius:0 5px 5px 0;}
.producto-menu li.full a {border-left:8px solid #ef4036;background:url(../images/fondo-flecha-blanca.gif) 105% -40% no-repeat;}
.producto-menu li.mipyme a {border-left:8px solid #0e76bc;background:url(../images/fondo-flecha-blanca.gif) 105% -40% no-repeat;}
.producto-menu li.rrhh a {border-left:8px solid #13a89e;background:url(../images/fondo-flecha-blanca.gif) 105% -40% no-repeat;}
.producto-menu li.saas a {border-left:8px solid #f99d1c;background:url(../images/fondo-flecha-blanca.gif) 105% -40% no-repeat;}
.producto-menu li.twafa a {border-left:8px solid #8265d2;background:url(../images/fondo-flecha-blanca.gif) 105% -40% no-repeat;}
.producto-menu li.full a:hover {background-color:#ef4036;color:#fff;}
.producto-menu li.mipyme a:hover {background-color:#0e76bc;color:#fff;}
.producto-menu li.rrhh a:hover {background-color:#13a89e;color:#fff;}
.producto-menu li.saas a:hover {background-color:#f99d1c;color:#fff;}
.producto-menu li.twafa a:hover {background-color:#8265d2;color:#fff;}
.producto-menu li.cuadro {border:none;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;}
.producto-menu li.cuadro a {background:#0eaddf url(../images/fondo-producto-menu-cuadro-comparativo.gif) right bottom no-repeat;padding-bottom:110px;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;}
.producto-menu li.cuadro a:hover {color:#fff;}
.producto-caracteristicas {float:left;width:76%;margin-left:2%;color:#fff;}
.producto-caracteristicas ul {float:left;background:#0fbcf2;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;}
.producto-caracteristicas li {float:left;border-top:1px dotted #fff;width:100%;padding:20px 0;background-image:url(../images/flecha-abajo.png);background-position:95% 25px;background-repeat:no-repeat;}
.producto-caracteristicas li.titular {border-top:none;padding:25px 0;background:none}
.producto-caracteristicas-icono {float:left;width:13%;text-align:center;}
.producto-caracteristicas-icono img {max-width:35px;max-height:35px;}
.producto-caracteristicas-texto {float:left;width:87%;}
.producto-caracteristicas-texto h1 {font:20px/26px 'Lato', sans-serif;font-weight:bold;text-transform:uppercase;margin:0;padding:0;letter-spacing:normal;width:85%;}
.producto-caracteristicas-texto h2 {font:18px/24px 'Lato', sans-serif;margin:10px 0 0;padding:0;letter-spacing:normal;width:85%;}
.producto-caracteristicas-texto h3 {font:16px/20px 'Lato', sans-serif;margin:15px 0 0;padding:0;letter-spacing:normal;}
body.full .producto-caracteristicas h3 ul, body.mipyme .producto-caracteristicas h3 ul, body.rrhh .producto-caracteristicas h3 ul, body.saas .producto-caracteristicas h3 ul, body.twafa .producto-caracteristicas h3 ul {-moz-box-shadow:none;-webkit-box-shadow:none;box-shadow:none;background:none}
.producto-caracteristicas-texto h3 li {border:none;padding:0 0 12px 22px;background:url(../images/check-chico.png) 0 5px no-repeat;width:84%;}
.producto-caracteristicas li.oscuro {background-color:#009ed6;}
.producto-caracteristicas-icono a, .producto-caracteristicas-texto a, .producto-caracteristicas-icono a:hover, .producto-caracteristicas-texto a:hover, .producto-caracteristicas-texto a h1, .producto-caracteristicas-texto a h2  {display:block;color:#fff;}
.producto-caracteristicas li.titular .producto-caracteristicas-icono {position:absolute;margin:-34px 0 0 2%;padding:0;width:auto;}
.producto-caracteristicas li.titular .producto-caracteristicas-icono img {max-width:54px;max-height:68px;}
.producto-caracteristicas li.titular .producto-caracteristicas-texto {font:25px/27px 'Lato', sans-serif;font-weight:bold;text-shadow: 2px 2px 1px #00a1da;filter: dropshadow(color=#00a1da, offx=2, offy=2);text-transform:uppercase;width:87%;margin-left:13%;}
.producto-descargar {margin-top:40px;float:left;width:99.6%}
body.full .producto-descargar {border:1px solid #f36b64;background:#df4037;}
body.mipyme .producto-descargar {border:1px solid #4595cb;background:#0f72b4}
body.rrhh .producto-descargar {border:1px solid #49bcb4;background:#14a098;}
body.saas .producto-descargar {border:1px solid #fab350;background:#e9961f;}
body.twafa .producto-descargar {border:1px solid #9e88dc;background:#7a62c8;}
.producto-descargar-texto {float:left;width:100%;font:23px/25px 'Abel', sans-serif;text-transform:uppercase;text-align:center;}
.producto-descargar-boton {float:left;width:100%;text-align:center;}
.producto-descargar-boton img {max-width:166px;max-height:44px;}
.producto-descargar-texto a, .producto-descargar-boton a, .producto-descargar-texto a:hover, .producto-descargar-boton a:hover {display:block;padding:3%;color:#fff;}
.producto-descargar-boton a, .producto-descargar-boton a:hover {padding-top:0;}
.servicios-interno li {float:left;width:27%;margin:1.16%;background:#1c3c4a;padding:2%;text-align:center;color:#fff;border-radius:5px;-moz-border-radius:5px;-webkit-border-radius:5px;min-height:235px;}
.servicios-interno-icono img {max-width:70px;max-height:70px;}
.servicios-interno-titulo {margin-top:15px;font:25px/27px 'Lato', sans-serif;font-weight:bold;}
.servicios-interno-texto {margin-top:15px;font:17px/21px 'Lato', sans-serif;}
.novedades-interno ul {margin-top:20px;}
.novedades-interno li {float:left;width:27%;margin:1.16%;background:#1c3c4a;padding:2%;color:#fff;border-radius:5px;-moz-border-radius:5px;-webkit-border-radius:5px;min-height:360px;}
.novedades-interno li .noticias-foto {width:100%;text-align:center;}
.novedades-interno li .noticias-foto img {width:100px;}
.novedades-interno li .noticias-texto {width:100%;padding-left:0;margin-top:10px;}
.novedad-interno {width:66%;margin:20px 17% 0;font:18px/26px 'Lato', sans-serif;color:#fff;}
.novedad-fecha {font:14px/16px 'Lato', sans-serif;margin-top:30px;}
.novedad-titulo {font:38px/46px 'Lato', sans-serif;font-weight:bold;margin-top:10px;}
.novedad-bajada {font:18px/30px 'Lato', sans-serif;font-weight:bold;margin-top:10px;}
.novedad-texto {margin-top:20px;padding-top:20px;border-top:1px dotted #fff}
.novedad-texto img {border:5px solid #098cbb;border-radius:5px;-moz-border-radius:5px;-webkit-border-radius:5px;width:98%;}
.novedad-volver {text-align:center;padding-top:20px;}
.novedad-volver a {display:block;background:#1c3c4a;color:#fff;text-transform:uppercase;font:14px/36px 'Lato', sans-serif;width:200px;text-align:center;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;margin:0 auto}
.novedad-volver a:hover {background:#fff;color:#1c3c4a}
.clientes-imagen {margin-top:20px;}
.clientes ul {float:left;width:25%;margin:0 4%;font:16px/22px 'Lato', sans-serif;color:#fff;}
.clientes li {padding:10px 10px 0 25px;background:url(../images/misc-circulo-azul.gif) 10px 19px no-repeat;}
.clientes li.clientes-titulo {background-image:none;background:#20404e;font-weight:bold;text-transform:uppercase;margin-top:30px;padding:5px 10px;border-radius:5px;-moz-border-radius:5px;-webkit-border-radius:5px}
.contacto-formulario {float:left;width:33%;background:#1c3c4a;padding:2%;font:15px/22px 'Lato', sans-serif;text-transform:uppercase;color:#fff;border-radius:5px;-moz-border-radius:5px;-webkit-border-radius:5px;}
.contacto-datos {float:left;width:60%;margin-left:3%;}
.contacto-datos-caja {float:left;width:94%;padding:3%;background:#02a9e4;border-radius:5px;-moz-border-radius:5px;-webkit-border-radius:5px;font:18px/26px 'Lato', sans-serif;color:#fff;}
.contacto-datos-caja strong {font:22px/30px 'Lato', sans-serif;}

/* footer */
footer {float:left;width:100%;display:table;background:#1c3c4a;margin-top:30px;}
.footer {float:left;width:100%;display:table;padding:40px 0;font:17px/24px 'Lato', sans-serif;color:#fff;text-align:center;}
.footer-interno {width:100%;max-width:800px;display:table;margin:0 auto;}
.footer-logo {text-align:center;}
.footer-logo img {width:135px;height:53px;}
.footer-datos {text-align:center;margin-top:25px;}
.footer-links {margin-top:25px;padding:15px 0;border-top:1px solid #145d77;border-bottom:1px solid #145d77;}
.footer-links li {display:inline;text-transform:uppercase;font-size:14px;font-weight:700;padding:0 10px;}
.footer-links li a {color:#16c1f3;}
.footer-links li a:hover {color:#fff;}
.footer-contacto {text-align:center;margin-top:25px;}
.footer-contacto a {display:block;background:#16c1f3;border-bottom:4px solid #12a3cd;color:#fff;text-transform:uppercase;font:12px/26px 'Lato', sans-serif;width:120px;text-align:center;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;margin:0 auto}
.footer-contacto a:hover {background:#12a3cd;border-bottom:4px solid #0981a4;}
.footer-redes {text-align:center;}
.footer-redes img {width:100px;height:19px;border-bottom:1px solid #145d77;padding:25px 10px;}
.footer-kells {text-align:center;margin-top:25px;}
.footer-kells img {width:30px;height:21px;}
.footer-menu {width:100%;background:#16c1f3;display:none;}
.footer-menu li a {border-top:1px solid #44d2fc;background:#16c1f3;display:block;padding:15px 0;font-family: 'Lato', sans-serif;font-size:18px;color:#fff;line-height:20px;text-transform:uppercase;text-align:center;font-weight:bold;text-decoration:none;}
.footer-menu li a:hover {color:#fff;background:#12a3cd;text-decoration:none;}

/* clases */
.texto-25 {font-size:25px;line-height:40px;}
.texto-35 {font-size:35px;line-height:50px;}
.texto-centrado {text-align:center;}
.arriba-20 {margin-top:20px;}
.arriba-40 {margin-top:40px;}

/* media querys */
@media screen and (max-width: 960px) {
header {margin-top:0;}
.header-interno {-webkit-border-radius:0;-moz-border-radius:0;border-radius:0;}
.header-derecha {width:132px;margin-right:30px;}
.header-redes {margin:11px 0 0 0;}
.header-contacto {float:left;margin:15px 0 0 0;float:right;}
#news-container li h3 {font:20px/28px 'Abel', sans-serif;}
.productos {width:96%;margin:60px 2% 0;}
.productos-titulo {font:22px/24px 'Lato', sans-serif;}
.productos-fondo {border:3px solid #fff;min-height:270px;}
.productos-nombre {font:26px/26px 'Abel', sans-serif;}
.productos-slogan {font:14px/18px 'Lato', sans-serif;}
.productos-descripcion {font:12px/16px 'Lato', sans-serif;}
.productos-interno li.twafa .productos-nombre {width:40%;}
.productos-interno li.twafa .productos-slogan {width:16%;}
.productos-interno li.twafa .productos-descripcion {width:33%;}
.productos-abajo {width:96%;padding:0 2%;}
.productos-tabla table td {padding:4% 0;}
.productos-caja-asterisco {margin-top:3px;}
.productos-caja-titulo {font:22px/24px 'Abel', sans-serif;;}
.productos-comparacion li.titulo {font:24px/24px 'Abel', sans-serif;}
.productos-comparacion-texto {font:16px/20px 'Lato', sans-serif;}
.productos-comparacion-texto strong {font-size:20px;}
.producto-menu {margin-left:2%;}
.producto-caracteristicas {width:72%;margin-right:2%;}
.redes-interno {width:100%;-webkit-border-radius:0px;-moz-border-radius:0px;border-radius:0px;border-left:none;border-right:none;}
.servicios-interno-titulo {margin-top:10px;font:22px/25px 'Lato', sans-serif;}
.servicios-interno-texto {margin-top:10px;font:15px/19px 'Lato', sans-serif;}
.clientes ul {width:29%;margin:0 2%;font:14px/20px 'Lato', sans-serif;}
.contacto-interno {width:96%;padding:0 2%;}
.contacto-datos-caja strong {font:20px/30px 'Lato', sans-serif;}
.fileshare-interno a {padding:30px;font:16px/22px 'Lato', sans-serif;}
}


@media screen and (max-width: 767px) {
body.home {background-image:none;}
.header-contacto, .menu, .footer-links {display:none;}
.header-derecha {margin:10px 40px 0 0;}
.header-logo {float:left;height:40px;width:101px;padding:15px 0 15px 15px;border-right:none;margin:0;}
.menu-boton, .contacto-boton, .footer-menu {display:block;}
.destacado {margin-top:30px;}
.destacado-contenido {width:94%;margin:0 3%;}
.destacado-titulo {font:44px/46px 'Lato', sans-serif;font-weight:bold;}
.destacado-bajada {font:30px/33px 'Abel', sans-serif;padding-top:10px;}
.destacado-ideas-flecha {margin-top:10px;}
.destacado-ideas {font:22px/26px 'Abel', sans-serif;}
#news-container li h3 {font:16px/20px 'Abel', sans-serif;}
.productos {width:100%;margin:30px 0 0;}
.productos-interno {width:94%;}
.productos-titulo {font:20px/22px 'Lato', sans-serif;}
.productos-interno ul {margin-top:0;}
.productos-interno li, .productos-interno li.saas, .productos-interno li.twafa {width:100%;margin:5% 0 0;}
.productos-fondo {border:3px solid #fff;border-radius:5px;-moz-border-radius:5px;-webkit-border-radius:5px;min-height:inherit;}
.productos-interno li .productos-fondo {display:block;}
.productos-interno li .productos-nombre, .productos-interno li.twafa .productos-nombre  {font:23px/23px 'Abel', sans-serif;width:90%;}
.productos-interno li .productos-slogan, .productos-interno li.twafa .productos-slogan {padding:10px 0 0;font:14px/18px 'Lato', sans-serif;width:100%;}
.productos-interno li .productos-descripcion, .productos-interno li.twafa .productos-descripcion {padding:10px 0 0;margin-top:10px;width:100%;border-top:1px dotted #fff;font:12px/16px 'Lato', sans-serif;}
.seccion .productos-fondo {min-height:inherit;}
.seccion .productos-interno li.twafa, .seccion .productos-interno li.mipyme, .seccion .productos-interno li.rrhh, .seccion .productos-interno li.saas, .seccion .productos-interno li.full {width:100%;margin:5% 0 0;}
.seccion .productos-interno li .productos-nombre {font:20px/22px 'Abel', sans-serif;text-transform:uppercase;}
.seccion .productos-interno li .productos-descripcion, .seccion .productos-interno li.twafa .productos-descripcion {font:14px/18px 'Lato', sans-serif;padding:10px 0 0;width:100%;}
.servicios {width:94%;padding:0 3%;}
.servicios-titulo {font:25px/25px 'Abel', sans-serif;}
.servicios li {padding:20px 0 0 44px;font:15px/20px 'Lato', sans-serif;background:url(../images/fondo-visto.gif) 0 22px no-repeat;min-height:40px;}
.noticias {width:94%;padding:0 3%;border-left:none;}
.noticias ul {margin-top:30px;padding-top:30px;border-top:1px solid #66d0f6;}
.noticias-foto {width:25%;}
.noticias-foto img {border:5px solid #098cbb;width:80%;}
.noticias-texto {width:72%;padding-left:3%;}
.noticias-fecha {font:12px/14px 'Lato', sans-serif;}
.noticias-titulo {font:17px/20px 'Lato', sans-serif;padding:5px 0;font-weight:bold;}
.noticias-bajada {font:14px/18px 'Lato', sans-serif;}
.redes-interno li {width:21%;padding:0 0 15px;font:13px/30px 'Abel', sans-serif;padding-left:4%;}
.redes-interno li.titulo {width:100%;text-align:center;padding:15px 0;font:18px/22px 'Abel', sans-serif;}
.texto-25 {font-size:20px;line-height:26px;}
.texto-35 {font-size:25px;line-height:34px;}
.arriba-40 {margin-top:30px;}
.titulo {font:40px/44px 'Lato', sans-serif;}
.subtitulo {font:24px/30px 'Abel', sans-serif;padding:3%;width:84%;margin:30px 5% 0;}
.texto {font:18px/26px 'Lato', sans-serif;padding:0 3%;width:84%;margin:30px 5% 0;}
.nosotros-imagen {float:none;max-width:247px;width:50%;margin:0 25% 20px;}
.titulo-centrado {background:none;font:18px/22px 'Lato', sans-serif;}
.titulo-centrado span {background:none;padding:0;}
.productos-abajo {margin-top:20px;width:94%;padding:0 3%;}
.productos-tabla {float:left;width:100%;}
.productos-tabla table th {font:14px/16px 'Abel', sans-serif;width:14%;}
.productos-tabla table th.titulo {width:42%;}
.productos-tabla table td {font:14px/16px 'Lato', sans-serif;}
.productos-barra {width:100%;margin:20px 0 0;}
.productos-caja-asterisco {width:7%;}
.productos-caja-titulo {width:90%;font:20px/28px 'Abel', sans-serif;}
.productos-comparacion {width:100%;margin-top:0;}
.productos-comparacion li.titulo {font:22px/24px 'Abel', sans-serif;}
.productos-comparacion-icono {width:12%;}
.productos-comparacion-texto {width:83%;font:15px/19px 'Lato', sans-serif;}
.productos-comparacion-texto strong {font-size:19px;}
.producto-path {font:14px/18px 'Lato', sans-serif;}
.producto-nombre {font:34px/36px 'Abel', sans-serif;}
.producto-detalle {font:16px/20px 'Lato', sans-serif;padding-bottom:20px;}
.producto-menu {width:100%;-webkit-border-radius:0px;-moz-border-radius:0px;border-radius:0px;padding:0 0 2%;margin:0;}
.producto-menu li {float:left;margin:2% 0 0 2%;font:16px/16px 'Abel', sans-serif;width:46.5%}
.producto-menu li span {font-size:18px;}
.producto-menu li.titular {width:98%;text-align:center;font:14px/18px 'Lato', sans-serif;}
.producto-menu li.cuadro {width:96%;}
.producto-menu li.cuadro a {padding-bottom:10px;}
.producto-caracteristicas {width:100%;margin:30px 0 0;}
.producto-caracteristicas ul {-webkit-border-radius:0px;-moz-border-radius:0px;border-radius:0px;}
.producto-caracteristicas li {width:100%;padding:15px 0;background-position:97% 20px;}
.producto-caracteristicas li.titular {padding:15px 0;}
.producto-caracteristicas-icono img {max-width:25px;max-height:25px;}
.producto-caracteristicas-texto {float:left;width:87%;}
.producto-caracteristicas-texto h1 {font:18px/22px 'Lato', sans-serif;font-weight:bold;}
.producto-caracteristicas-texto h2 {font:16px/20px 'Lato', sans-serif;margin:5px 0 0;}
.producto-caracteristicas-texto h3 {font:14px/18px 'Lato', sans-serif;margin:10px 0 0;}
.producto-caracteristicas-texto h3 li {padding:0 0 10px 22px;}
.producto-caracteristicas li.titular .producto-caracteristicas-icono {margin:-21px 0 0 2%;}
.producto-caracteristicas li.titular .producto-caracteristicas-icono img {max-width:35px;}
.producto-caracteristicas li.titular .producto-caracteristicas-texto {font:20px/22px 'Lato', sans-serif;font-weight:bold;}
.producto-descargar {margin:30px 5% 0;width:89.6%;}
.producto-descargar-texto {font:16px/20px 'Abel', sans-serif;}
.producto-descargar-boton img {max-width:120px;}
.servicios-interno li, .novedades-interno li {width:84%;margin:3% 3% 0;padding:5%;min-height:inherit;}
.servicios-interno-icono img {max-width:50px;max-height:50px;}
.servicios-interno-titulo {margin-top:10px;font:18px/20px 'Lato', sans-serif;}
.servicios-interno-texto {margin-top:10px;font:14px/16px 'Lato', sans-serif;}
.novedades-interno ul {margin-top:10px;}
.novedad-interno {width:90%;margin:20px 5% 0;font:16px/25px 'Lato', sans-serif;color:#fff;}
.novedad-fecha {font:12px/14px 'Lato', sans-serif;}
.novedad-titulo {font:26px/34px 'Lato', sans-serif;font-weight:bold;margin-top:5px;font-weight:bold;}
.novedad-bajada {font:16px/26px 'Lato', sans-serif;font-weight:bold;margin-top:5px;}
.novedad-texto p {margin-bottom:20px;}
.novedad-texto img {border:5px solid #098cbb;border-radius:5px;-moz-border-radius:5px;-webkit-border-radius:5px;width:98%;}
.novedad-volver {padding-top:15px;}
.novedad-volver a {font:12px/34px 'Lato', sans-serif;}
.clientes ul {width:90%;margin:0 5%;font:14px/18px 'Lato', sans-serif;}
.contacto-interno {width:100%;padding:0;}
.contacto-formulario {width:94%;padding:3%;font:14px/20px 'Lato', sans-serif;border-radius:0px;-moz-border-radius:0px;-webkit-border-radius:0px;text-align:center;margin-bottom:20px;}
.contacto-datos {float:left;width:100%;margin-left:0;}
.contacto-datos-caja {border-radius:0px;-moz-border-radius:0px;-webkit-border-radius:0px;font:15px/20px 'Lato', sans-serif;color:#fff;text-align:center;}
.contacto-datos-caja strong {font:18px/22px 'Lato', sans-serif;}
input, input[type="text"], input[type="email"], input[type="tel"], textarea, select  {margin:3px 0 0;font:14px/20px 'Lato',sans-serif;}
textarea {height:70px;}
input[type="button"], input[type="submit"] {font:14px/20px 'Lato',sans-serif;;width:120px;border-bottom:3px solid #12a3cd;}
.footer {font:14px/18px 'Lato', sans-serif;color:#fff;text-align:center;}
.fileshare-interno a {padding:20px;font:16px/22px 'Lato', sans-serif;}
}


@media screen and (max-width: 479px) {
.header-derecha {display:none;}
.redes-interno li {width:35%;padding-left:15%;}
}