@charset "utf-8";
/* CSS Document */
@import url(http://fonts.googleapis.com/css?family=Lato:300,400,700,900);

article, section, aside, hgroup, nav,  header, footer, figure, figcaption {display: block;}

/* BACK DEGRADEE
background:-moz-linear-gradient(100% 0% 270deg,#f7f7f7, #e8e8e8, #e8e8e8 100%); background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#f7f7f7), to(#e8e8e8), color-stop(1,#e8e8e8)); */
/* SOMBRA  -moz-box-shadow: 2px 2px 5px #366596; -webkit-box-shadow: 2px 2px 5px #366596; box-shadow: 2px 2px 5px #366596; */
/* BORDE REDONDEADO border-radius: 8px; -webkit-border-radius: 8px; -khtml-border-radius: 8px; -moz-border-radius: 8px; */
/* OPACIDAD opacity:.8; filter:alpha(opacity=80) */
/* PLACEHOLDER: input::-webkit-input-placeholder {color:#231F20;} input:-moz-placeholder {color:#231F20;} textarea::-webkit-input-placeholder {color:#231F20;} textarea:-moz-placeholder {color:#231F20;} */
/* TIPOS DE CAMPO: input.demos[type=text]*/

* {padding: 0; margin: 0; border: 0; text-decoration: none;}
object, embed, a { outline:0 }
ul{list-style:none;}

body,td,th,p,div {font:normal 12px Arial; color:#231F20;}
body {background:#218b3e url(../images/background.jpg) repeat-x center top;}
a {text-decoration:none; color:#218b3e;}
a:hover {}

h1 {font:400 24px 'Lato'; color:#007bc4; padding-bottom:3px; line-height:24px;}
h1.tit {padding-bottom:22px;}
h1.ch {padding-top:20px; line-height:20px;}
h1.ch b {font:400 12px 'Lato'; color:#000; line-height:12px;}
h2 {font:700 16px 'Lato'; color:#007bc4; padding-top:8px; padding-bottom:4px; line-height:32px;}
h3 {font:700 18px 'Lato'; color:#dcddde; margin-bottom:13px; line-height:20px;}
h4 {font:700 16px 'Lato'; color:#218b3e; line-height:40px;}
h5 {font:700 16px 'Lato'; color:#6d6e71;}
h6 {font:700 14px 'Lato'; text-align:center; color:#016cab;}

p {color:#231F20; line-height:18px;}

/* ESTILOS */
.left {float:left;}
.right {float:right;}
.clear {clear:both;}
.relative {position:relative;}
.absolute {position:absolute;}
.block {display:block;}
.centrar {margin:0 auto; display:block;}
.divisor {display:block; height:1px; margin:8px 0; height:1px;}
.divisor.gris {background:url(../images/puntos_gris.gif) repeat-x 0 0; margin:8px 0;}
.divisor.gris.pdf {margin:3px 0;}
a.mas {color:#fff; background:#218b3e; display:inline-block; font:normal 14px Verdana; width:15px; height:15px; margin-left:6px; text-align:center; line-height:13px;}
a:hover.mas {background:#016cab;}

/* IDs GENERAL */
#box {text-align:left; background:#fff url(../images/background.png) repeat-x 0 0;} 

.contenedor {margin: 0 auto; width: 1002px; padding-bottom:30px;} 

/* HEADER */
header {height:68px;}
header a.logo {float:left; padding-top:6px;}
header nav {float:right; padding-top:16px;}
header nav a {font:bold 18px 'Lato'; color:#fff; padding:0 16px !important; background:url(../images/borde_menu.gif) no-repeat right bottom; display:inline-block; height:52px; line-height:52px;}
header nav a:hover {color:#9eb5dd;}
header nav a.last {background:none;}
header h1, header h3 {display:none;}

/* ANIMACION */
#animacion {margin-top:10px; position:relative;}
#animacion .frase {position:absolute; left:0px; top:318px; z-index:9999999; font:400 24px 'Lato'; line-height:30px;}

/* BOXES CONTENIDO */
#interna #boxes {padding-bottom:60px;}
#boxes .contenido {width:746px; float:right;}
#boxes aside {width:230px; float:left;}

#novedades {padding-bottom:40px;}
#novedades .col {width:308px;}
#novedades .col.med {margin-left:38px;}
#novedades .col h4 a {color:#218b3e;}
#novedades .col h4 a:hover {color:#231F20;}
/*#novedades .col img:hover {opacity:.8; filter:alpha(opacity=80);}*/
#novedades div div {position:relative; overflow:hidden; height:98px;}
#novedades div div img {position:absolute;}


/* SUB CONTENIDO */
#subcontenido {padding-bottom:40px;}
#subcontenido .cuadro {width:476px; padding:10px; background:#016cab;}
#subcontenido .cuadro .text {width:250px; float:right;}
#subcontenido .cuadro .text p {color:#dcddde; line-height:16px;}


/*BLOG*/
.blog {width:229px; margin-left:29px;}
aside .blog {margin-left:0px;}
.blog h3 {color:#218b3e; text-align:center; border-bottom:solid 1px #b8b6b6; padding-bottom:5px; margin-bottom:10px; line-height:16px;}
.blog .link {text-align:right; line-height:20px;}
.blog .link a.acceder {color:#231F20;}
.blog .link a:hover.acceder {color:#016cab;}
.calendario {position:relative; padding-left:65px; min-height:61px;}
.calendario .ico {background:url(../images/bg_calendario.png) no-repeat 0 0; width:67px; height:61px; position:absolute; left:-7px; top:0px;}
.calendario .ico span {display:block; text-align:center; color:#fff; padding-top:12px; line-height:12px;}
.calendario .ico strong {display:block; text-align:center; padding-top:2px; color:#218b3e; font:700 24px 'Lato';}
.calendario a {color:#231f20; padding-top:7px; display:block; line-height:16px;}
.calendario a:hover {color:#016cab;}

#subcontenido .login {width:183px; padding:18px 22px; border:solid 1px #bbbdbf; background:url(../images/bg_login.jpg) no-repeat left top; height:183px;}
#subcontenido .login form {padding-top:15px;}
#subcontenido .login input[type=text] {width:170px; padding-left:10px; height:24px; border:solid 1px #d1d3d4; margin-bottom:13px; line-height:24px;}
#subcontenido .login input[type=submit] {width:100px; height:28px; color:#fff; font:700 16px 'Lato'; display:block; margin:0 auto; background:#58595b; line-height:28px;}

/* SUB CONTENIDO */
#logos {position:relative;}
#logos .leftarrow {position:absolute; left:0px; top:42px; width:16px; height:44px; background:url(../images/anterior.png);}
#logos .rightarrow {position:absolute; right:0px; top:42px; width:16px; height:44px; background:url(../images/siguiente.png);}


/* INTERNAS */
strong.tit {font-size:14px; padding-bottom:8px; display:block;}
a.descargar {position:relative; display:block; padding:5px 0 0 77px; height:45px; margin-bottom:25px; font:400 16px 'Lato'; color:#6a686a; background:#d5d6d7; line-height:18px;}
a.descargar.clientes {padding:15px 0 0 77px; height:55px;}
a.descargar.tablero {padding:6px 0 0 77px; height:64px;}
a:hover.descargar {color:#231f20;}
a.descargar .icono {background:url(../images/ban_pdf.png) no-repeat left top; height:80px; width:70px; display:block; position:absolute; left:0px; top:-13px; z-index:999;}
a.descargar.clientes .icono {top:-2px;}
a.descargar.tablero .icono {top:-2px;}
a.descargar span {}
ul.flecha {}
ul.flecha li {background:url(../images/bullet_flecha.png) no-repeat left top; display:block; padding-left:30px; margin-bottom:20px;}
ul.flecha li b {display:block; font:700 16px 'Lato'; padding-bottom:3px; color:#218b3e; line-height:16px;}
ul.circulo {padding-top:22px;}
ul.circulo li {background:url(../images/bullet.png) no-repeat left 4px; display:block; padding-left:16px; margin-bottom:25px;}
ul.circulo li a {color:#231f20;}
ul.circulo li a:hover {color:#007bc4;}
ul.circulo.nopadd {padding-top:0px;}
ul.circulo.nopadd li {background:url(../images/bullet.png) no-repeat left 6px; display:block; padding:3px 0 3px 16px; margin-bottom:0px;}
dl.pdf dd {margin-bottom:30px;}
dl.pdf dt {background:url(../images/ico_pdf.png) no-repeat left top; display:block; padding-left:54px; min-height:45px;}
dl.pdf dt b {display:block; font:700 18px 'Lato'; padding-bottom:3px; color:#218b3e; line-height:20px;}
dl.pdf dt a {color:#218b3e;}
dl.pdf dt a:hover {color:#007bc4;}
/* REPORTE BIG */
ul.beneficios.left {width:334px;}
ul.beneficios.right {width:380px;}
ul.sistema {width:260px;}
ul.tilde {padding-top:4px;}
ul.tilde li {background:url(../images/puntos_gris.gif) repeat-x left bottom; display:block;}
ul.tilde li.last {background:none;}
ul.tilde li.doble p {background-position:left 10px;}
ul.tilde li p {background:url(../images/ico_incluido.png) no-repeat left 4px; padding:10px 0 10px 37px; line-height:12px;}
ol {list-style-type: decimal-leading-zero; margin: 0px; padding: 10px 0; font:700 18px 'Lato'; color:#218b3e; list-style-position: inside;}
ol li p {padding:4px 0;} 
ol li p span {padding:0 0 0 12px;} 
ol li {margin-left: 0px; padding:0 0 0 10px; background:url(../images/puntos_gris.gif) repeat-x left bottom;}
table {width: 100%; border: 1px solid #cfcece; border-collapse: collapse;}
table th, table td {border: 1px solid #cfcece; padding:10px;}
table .titulo {background:#cfcece;}
table .incluido {background:url(../images/ico_incluido.png) no-repeat center 50%;}
table .noincluido {background:url(../images/ico_noincluido.png) no-repeat center 50%;}
table .opcional {background:url(../images/ico_opcional.png) no-repeat center 50%;}

.resultados {width:520px;}
.resultados ul.left {width:270px;}
.resultados ul.right {width:230px;}
.resultados a.descargar {padding:10px 0 0 58px; width:200px; height:30px; margin:17px 0; font:400 18px 'Lato'; color:#6a686a; background:#d5d6d7; line-height:18px;}
.resultados a:hover.descargar {color:#231f20;}
.resultados a.descargar .icono {background:url(../images/ban_pdf_ch.png) no-repeat left top; height:59px; width:51px; top:-8px;}

.segmentacion ul {width:320px; margin:0 0 20px 0;}

p.asterisco {font-size:11px; color:#a4a3a3; font-style:italic; line-height:14px;}
ul.referencias li {font-size:11px; font-style:italic; padding:4px 0 4px 24px; line-height:14px;}
ul.referencias .incluido {background:url(../images/ico_incluido_ch.png) no-repeat left 3px;}
ul.referencias .noincluido {background:url(../images/ico_noincluido_ch.png) no-repeat left 3px;}
ul.referencias .opcional {background:url(../images/ico_opcional_ch.png) no-repeat left 3px;}
/* REPORTE BIG */

table.clientes {border: 0px solid #cfcece;}
table.clientes th, table.clientes td {border: 0px solid #cfcece; padding:5px 0;}


aside nav {margin-bottom:50px;}
aside nav ul {border-top:solid 1px #cfcece;}
aside nav ul li {background:url(../images/bullet_nav.gif) no-repeat 4px 13px; padding:9px 0 9px 17px; border-bottom:solid 1px #cfcece; line-height:14px;}
aside nav ul li.sub {background:url(../images/bullet_nav.gif) no-repeat 17px 13px; padding-left:36px;}
aside nav ul li a {color:#231f20; line-height:14px;}
aside nav ul li a:hover {color:#007bc4;}

/* CONTACTO */
aside nav.contacto ul li {background:none; padding:9px 0;}
img.middle {vertical-align: middle;}
aside .llamenos {color:#007bc4; font:700 24px 'Lato'; margin-top:8px;}
aside .llamenos span {display:block; font:700 16px 'Lato'; line-height:12px;}
aside .seguinos {font:400 14px 'Lato';}

form#contacto {width:660px;}
form#contacto fieldset {overflow:auto; margin-bottom:6px;}
form#contacto label {float:left; width:115px; line-height:28px;}
form#contacto input[type=text] {float:right; width:528px; padding:5px 0 5px 6px; height:16px; border:solid 1px #268e43; line-height:16px;}
form#contacto textarea {float:right; width:528px; padding:5px 0 5px 6px; height:140px; border:solid 1px #268e43; font:normal 12px arial; line-height:16px;}
form#contacto input[type=submit] { background-image:url(../images/bt_enviar.png); width:99px; height:40px; font:700 16px 'Lato'; float:right; margin-right:436px; color:#fff;}

#log-in {margin-bottom:30px;}
form#login {margin:0 auto; padding:20px 25px; width:370px; background:#d2eeff; border-radius: 8px; -webkit-border-radius: 8px; -khtml-border-radius: 8px; -moz-border-radius: 8px;}
form#login legend {font:700 16px/22px 'Lato'; color:#0a7ec3; display:block; margin-bottom:8px;}
form#login fieldset {overflow:auto; margin-bottom:6px;}
form#login fieldset.linea {background:url(../images/puntos_login.gif) repeat-x left top; padding-top:10px; margin:12px 0 0 0;}
form#login fieldset b {color:#057bbf;}
form#login label {float:left; width:82px; text-align:right; font-size:14px; line-height:28px;}
form#login input[type=text], form#login input[type=password] {float:right; font-size:14px; width:275px; padding:5px 0 5px 6px; height:18px; border:solid 0px #268e43; line-height:18px;}
form#login input[type=submit] {background-image:url(../images/bt_ingresar.png); float:right; width:91px; height:34px; font:700 16px 'Lato';color:#fff;}

/* CONSULTORIA */
.practica {width:705px; margin-bottom:45px;}
.practica img.left {padding-right:6px;}
.practica h4 {padding:9px 0; line-height:30px;}
.practica h4.doble {padding:6px 0; line-height:18px;}
ul.practica3 {width:220px;}
.practica5 {position:relative; width:310px;}
.practica5 b { font-size:14px;}
.practica5 div {position:absolute; left:350px; width:390px; top:48px;}



/* SOLUCIONES */
.solucion .left {width:360px;}
.solucion .right {width:374px;}
.solucion .titulo {padding:0 0 0 18px; font:700 22px 'Lato'; margin-bottom:10px; background-position: right top; background-repeat:no-repeat; line-height:98px;}
.solucion .titulo.uno {color:#fff; background-image:url(../images/img_solucion01.jpg); background-color:#525252;}
.solucion .titulo.dos {color:#fff; background-image:url(../images/img_solucion02.jpg); background-color:#737373;}
.solucion .titulo.tres {color:#231f20; background-image:url(../images/img_solucion03.jpg); background-color:#c4c4c4;}
.solucion h4 a {color:#218b3e; display:block; line-height:18px;}
.solucion h4 a:hover {color:#007bc4;}
.solucion .link {margin:12px 0 35px 0;}
.solucion .link a.mas {margin:0 6px 0 0px; color:#fff;}
.solucion .link a.acceder {color:#231f20;}
.solucion .link a.acceder:hover {color:#016cab;}

.bloque {padding-left:91px; background-position:left top; background-repeat:no-repeat; margin-top:30px;}
.bloque strong {font-size:14px;}
.bloque.participacion {background-image:url(../images/ico_participacion.png); padding-top:4px; min-height:80px;}
.bloque.publicacion {background-image:url(../images/ico_publicacion.png); padding-top:10px; min-height:75px;}

.bt {background-position:left top; background-repeat:no-repeat; height:40px; font:700 16px 'Lato'; color:#fff; -moz-text-shadow: 0px 0px 5px #000; -webkit-text-shadow: 0px 0px 5px #000; text-shadow: 0px 0px 5px #000; margin:0 auto; display:block; text-align:center; line-height:40px;}
.bt.masinfo {width:276px; margin-top:30px; background-image:url(../images/bt_masinfo.png);}
.bt:hover {background-position:left bottom;}

/* GESTIONAR PORQUE*/


 
/* CONTACTENOS */


/* FOOTER */
footer {width:100%;}
#footer {padding-bottom:20px; margin:0 auto; width:1002px; position:relative;}
footer .contenido {width:740px; padding-top:13px; float:right;}
footer nav {width:740px; background:url(../images/puntos_verde.gif) repeat-x left bottom; margin-bottom:12px;}
footer nav a {font:400 18px 'Lato'; color:#fff; padding:0 25px 0 0; height:48px; line-height:48px;}
footer nav a:hover {color:#9eb5dd; text-decoration:none;}
footer a {color:#000;}
footer p {color:#000;}
footer a.logo {margin-top:11px; float:left;}
footer a:hover {text-decoration:underline;}
footer a.linkedin {position:absolute; right:40px; display:block; color:#65ab78; font:400 18px 'Lato'; top:22px; padding-right:45px; background:url(../images/ico_linkedin.png) no-repeat top right; height:31px; line-height:30px;}
footer a.twitter {
	position:absolute;
	right:4px;
	display:block;
	color:#65ab78;
	font:400 18px 'Lato';
	top:22px;
	padding-right:45px;
	background:url(../images/ico_twitter.png) no-repeat top right;
	height:31px;
	line-height:30px;
}
footer a.twitter span{display: none;}

/* DESTACADAS 
.stepcarousel {position: relative; border: 0px solid black; overflow: scroll; width: 241px; height: 386px;}
.stepcarousel .belt {position: absolute; left: 0; top: 0;}
.stepcarousel .panel{float: left; overflow: hidden; margin: 0px; width: 241px;}*/

a.excel {font:400 18px/24px 'Lato'; background:url(../images/ico-excel.png) no-repeat 34px center; display:block; padding:20px 0 20px 91px;}
a:hover.excel {color:#000;}


a.marque{
	display: inline-block;
	margin-top: 0;
}