* html .clearfix { height: 1% }
.clearfix { display: inline-block }
html[xmlns] .clearfix { display: block }
.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden }
* { margin:0; padding:0 }
body { font-family:Arial; font-size:12px; color:#333; border-top:5px solid #000000; background:url(../img/bg.jpg) repeat-x #fff}
img { border:none }
.wrapper { width:940px; margin:0 auto}
ul.listGreen { margin:0px;}
ul.listGreen li{list-style: circle inside; color:#000000;margin:0px;}
.blacktext {color:#585858;}
#header { position:relative;height:182px;
top: 0px;
left: 0px;
}
.home #header { height:413px}
#logo {display:block; width:150px; height:0; padding-top:66px; overflow:hidden; background-repeat: no-repeat; background-image:url(../img/logo.png); position:absolute; top:30px}
#menu_en { list-style:none; width:499px; height:23px; position:absolute; right:0; top:72px}
#menu_en li {float:left}
#menu_en a { display:block; height:0; padding-top:23px; overflow:hidden; background-image:url(../img/menu_en.png);}
#inicio_es { width:58px }
#empresa_es { width:89px; background-position:-58px 0 }
#servicios_es { width:95px; background-position:-147px 0 }
#tecnologia_es { width:107px; background-position:-242px 0 }
#noticias_es { width:85px; background-position:-349px 0 }
#blog_es { width:58px; background-position:-434px 0 }/*58*/
#contacto_es { width:81px; background-position:-492px 0 }
#inicio_en { width:56px }
#empresa_en { width:97px; background-position:-56px 0 }
#servicios_en { width:85px; background-position:-152px 0 }
#tecnologia_en { width:125px; background-position:-237px 0 }
#noticias_en { width:64px; background-position:-362px 0 }
#contacto_en { width:72px; background-position:-426px 0 }
.menu {
background-color: #FFFFFF;
text-align: right;
border-bottom: 1px solid #FFFFFF;
margin-top:15px;
}
.menu a:link, .menu a:active, .menu a:visited {
background: #EDEEEA url(img/corner.gif) no-repeat right top;
color: #3D3535;
text-decoration: none;
padding: 3px 7px 3px 7px;
margin: 0 0 0 4px;
}
.menu a:hover {
background: #d1da32 url(img/corner2.gif) no-repeat right top;
color: #000000;
text-decoration: none;
padding: 3px 7px 3px 7px;
margin: 0 0 0 4px;
}
#inicio_es.activo, #inicio_es:hover { background-position:0 -25px }
#empresa_es.activo, #empresa_es:hover { background-position:-58px -25px }
#servicios_es.activo, #servicios_es:hover {background-position:-147px -25px }
#tecnologia_es.activo, #tecnologia_es:hover { background-position:-242px -25px }
#noticias_es.activo, #noticias_es:hover { background-position:-349px -25px }
#blog_es.activo, #blog_es:hover { background-position:-434px -25px }
#contacto_es.activo, #contacto_es:hover { background-position:-492px -25px }
#inicio_en.activo, #inicio_en:hover { background-position:0 -26px }
#empresa_en.activo, #empresa_en:hover { background-position:-56px -26px }
#servicios_en.activo, #servicios_en:hover {background-position:-152px -26px }
#tecnologia_en.activo, #tecnologia_en:hover { background-position:-237px -26px }
#noticias_en.activo, #noticias_en:hover { background-position:-362px -26px }
#contacto_en.activo, #contacto_en:hover { background-position:-426px -26px }
#idioma { list-style:none; position:absolute; top:0; right:0 ; background:url(../img/idioma.png); width:70px; height:25px}
#idioma li { float:left }
#idioma a { display:block; overflow:hidden; width:30px; height:0;padding-top:25px;}
#idioma a.eng { margin-right:10px }
/*t�tulos*/
.tecnologia_es { overflow:hidden; width:300px; height:42; padding-top:40px; background:url(../img/tecnologia.png); font-size:16px}
.clientes_es { overflow:hidden; width:300px; height:42; padding-top:40px; background:url(../img/clientes.png); font-size:16px}
.tecnologia_en { overflow:hidden; width:275px; height:0; padding-top:53px; background:url(../img/tecnologia_en.png); font-size:16px}
.empresa_es a { overflow:hidden; display:block; width:85px; height:0; padding-top:25px; background:url(../img/empresa.png)}
.empresa_en a { overflow:hidden; display:block; width:92px; height:0; padding-top:25px; background:url(../img/empresa_en.png)}
.servicios2_es a { overflow:hidden; display:block; width:300px; height:42; padding-top:40px; background:url(../img/servicios.png)}
.servicios2_en a { overflow:hidden; display:block; width:85px; height:0; padding-top:25px; background:url(../img/servicios_en.png)}
.servicios3_es {overflow:hidden; display:block; width:300px; height:42; padding-top:40px; background:url(../img/servicios.png)}
.servicios3_en {overflow:hidden; display:block; width:182px; height:0; padding-top:41px; background:url(../img/servicios2_en.png)}
.el-objetivo_es {overflow:hidden; display:block; width:700px; height:0; padding-top:29px; background:url(../img/el-objetivo.png)}
.el-objetivo_en {overflow:hidden; display:block; width:700px; height:0; padding-top:29px; background:url(../img/el-objetivo_en.png)}
.desarrollo_es {overflow:hidden; display:block; width:300px; height:42; padding-top:40px; background:url(../img/desarrollo.png)}
.desarrollo_en {overflow:hidden; display:block; width:129px; height:0; padding-top:40px; background:url(../img/desarrollo_en.png)}
.outsourcing {overflow:hidden; display:block; width:300px; height:42; padding-top:40px; background:url(../img/outsourcing.png)}
.consultoria_es {overflow:hidden; display:block; width:300px; height:0px;
padding-top:40px; background:url(../img/consultoria.png)
}
.consultoria_en {overflow:hidden; display:block; width:111px; height:0; padding-top:25px; background:url(../img/consultoria_en.png)}
.capacitacion-tecnica_es {overflow:hidden; display:block; width:300px; height:42; padding-top:40px; background:url(../img/capacitacion-tecnica.png)}
.capacitacion-tecnica_en {overflow:hidden; display:block; width:195px; height:0; padding-top:25px; background:url(../img/capacitacion-tecnica_en.png)}
.contacto_es {overflow:hidden; display:block; width:300px; height:42; padding-top:40px; background:url(../img/contactot.png)}
.contacto_en {overflow:hidden; display:block; width:179px; height:0; padding-top:37px; background:url(../img/contacto_en.png)}
.propuesta_es {overflow:hidden; display:block; width:700px; height:0; padding-top:30px; background:url(../img/propuesta.png)}
.propuesta_en {overflow:hidden; display:block; width:700px; height:0; padding-top:30px; background:url(../img/propuesta_en.png)}
.oficina_es {overflow:hidden; display:block; width:81px; height:0; padding-top:23px; background:url(../img/oficina.png)}
.oficina_en {overflow:hidden; display:block; width:81px; height:0; padding-top:23px; background:url(../img/oficina_en.png)}
.empresa2 {overflow:hidden; display:block; width:300px; height:42; padding-top:40px; background:url(../img/empresa.png)}
.soluciones_es {overflow:hidden; display:block; width:640px; height:42; padding-top:40px; background:url(../img/soluciones.png)}
.clientes1_es {overflow:hidden; display:block; width:640px; height:0; padding-top:30px; background:url(../img/clientes1.png)}
.aviso_es {overflow:hidden; display:block; width:300px; height:42; padding-top:40px; background:url(../img/aviso.png)}
.empresa2_es {overflow:hidden; display:block; width:300px; height:42; padding-top:40px; background:url(../img/empresa.png)}
.empresa2_en {overflow:hidden; display:block; width:198px; height:0; padding-top:39px; background:url(../img/empresa2_en.png)}
.aviso2_es {overflow:hidden; display:block; width:700px; height:0; padding-top:29px; background:url(../img/aviso2.png)}
.software_es {overflow:hidden; display:block; width:700px; height:0; padding-top:29px; background:url(../img/software.png)}
.software_en {overflow:hidden; display:block; width:700px; height:0; padding-top:29px; background:url(../img/software_en.png)}
.alianzas2 {overflow:hidden; display:block; width:97px; height:0; padding-top:23px; background:url(../img/alianzas.png)}
.noticias2_es {overflow:hidden; display:block; width:300px; height:42; padding-top:41px; background:url(../img/soluciones.png)}
.noticias2_en {overflow:hidden; display:block; width:167px; height:0; padding-top:41px; background:url(../img/noticias_en.png)}
.novedades_es {overflow:hidden; display:block; width:640px; height:0; padding-top:29px; background:url(../img/novedades.png)}
.novedades_en {overflow:hidden; display:block; width:520px; height:0; padding-top:29px; background:url(../img/novedades_en.png)}
.tecnologias {overflow:hidden; display:block; width:300px; height:42; padding-top:40px; background:url(../img/tecnologias.png)}
.microsoft_es {overflow:hidden; display:block; width:478px; height:0; padding-top:30px; background:url(../img/microsoft.png)}
.microsoft_en {overflow:hidden; display:block; width:530px; height:0; padding-top:30px; background:url(../img/microsoft_en.png)}
/**/
.home #contenido { margin-top:0;font-size:12px }
.home #contenido p { margin-bottom:0; line-height:normal;font-size:12px}
.home #contenido .bloque { width:300px; font-size:12px; float:left; margin-right:20px; padding-top:27px; position:relative }
.home #contenido .bloque p { line-height:17px;font-size:12px }
.home #contenido .bloque.ultimo { margin-right:0; padding-top:0;font-size:12px }
.home #contenido h3 { margin-bottom:10px;font-size:12px }
.home #contenido .bloque a { color:#333; text-decoration:none }
.home #contenido .bloque .mas-info { font-size:12px; background:url(../img/mas-info.png) no-repeat right 2px; padding-right:20px; height:14px; position:absolute; top:30px; right:0}
.home #contenido .bloque .mas-info a { display:none; color:#929296 }
.home #contenido .bloque:hover .mas-info { background-position: right -14px}
.home #contenido .bloque:hover .mas-info a { display:block }
.home #contenido .bloque:hover a { color:#000 }
/**/
.noticias-twitter { margin-top:20px; font-size:11px }
.noticias-twitter .bloque1 { width:220px; float:left; margin-right:14px; position:relative; }
.noticias-twitter .bloque1.ultimo { margin-right:0 }
.noticias-twitter .noticia,.noticias-twitter .twiit { background:url(../img/bg2.png) no-repeat; padding:10px; width:200px}
.noticias-twitter .noticia { height:266px;
top: -10px;
left: 12px;
}
.noticias-twitter .twiit { background-position:0 -387px; padding-top:120px; height:156px }
.noticias-twitter .noticia .img { border:1px solid #fff; margin-bottom:10px }
.noticias-twitter .meta { position:absolute; bottom:58px; text-transform:uppercase; color:#ccc; width:200px }
.noticias-twitter .meta a { color:#ccc; }
.noticias-twitter .meta .noticia-link {float:left; font-weight:bold }
.noticias-twitter .meta .fecha { float:right; margin-right:28px}
.noticias-twitter .titulo a { position:absolute; bottom:26px; color:#000000; font-weight:bold ; width:200px }
.noticias-twitter a { color:#333; text-decoration:none }
/*Servicios*/
#header .titulo { position:absolute; bottom:48px;
left:0;
top: 140px;
height: 2px;
}
#header .slogan { position:absolute; bottom:45px;
right:0;
top: 150px;
height: 3px;
}
#contenido { margin-top:40px }
#contenido p { line-height:18px; margin-bottom:0px }
#principal { width:620px; margin-right:20px; float:left }
#lateral { width:300px; float:left }
#principal .h4 { color:#000000; font-size:14px; line-height:18px}
#principal .h5 { color:#7F7F7F; font-size:14px}
.servicios { margin-top:20px; font-size:11px }
.servicios .superior { height:10px; background:url(../img/bg4.png)}
.servicios .inferior { height:10px; background:url(../img/bg5.png)}
.servicios .centro { padding:10px 25px;
width: 887px;
}
.servicios .centro .bloque2 { background:#f5b931; width:417px;
float:left; margin-right:20px; position:relative; padding-left:15px; font-size:12px;
top: -37px;
left: 12px;
}
.servicios .centro .bloque2.ultimo { margin-right:0 }
.expande { }
.servicios .centro .bloque2 h4 { float:left }
#principal .servicios p { line-height:17px}
#principal .bloque2 .clearfix {margin-bottom:15px}
#principal .bloque2 .mas-info { float:right;font-size:11px; background:url(../img/mas-info.png) no-repeat ;padding-right:95px; margin-bottom:10px;height:37px}
#principal .bloque2:hover .mas-info a { display:block }
#principal .bloque2 p.plainText a { text-decoration:none; color:#333333; }
/*Contacto*/
.campo2,.textarea,.form-contacto .enviar,.form-contacto .bloque8 { background-image:url("../img/contacto.png")}
.form-contacto { margin-top:20px }
.form-contacto .clearfix,.form-contacto .bloque6 { margin-bottom:20px }
.form-contacto .bloque3 { margin-bottom:20px }
.form-contacto label { display:block;margin-bottom:10px; padding-left:1px }
.form-contacto input, .form-contacto textarea { background:none; border:none; font-family:Arial, Helvetica, sans-serif; color:#333; font-size:12px}
.form-contacto input {height:25px;padding:5px 10px;}
.form-contacto .campo2 { width:300px; }
.form-contacto .campo2 input { width:280px; }
.form-contacto .textarea { background-position:0 -70px; width:600px;height:80px;padding:10px; }
.form-contacto textarea { resize: none;width:600px; height:80px;overflow:auto }
.form-contacto .bloque4 { width:300px; float:left; margin-right:20px }
.form-contacto .bloque5 { width:300px; float:left }
.form-contacto .bloque7 { width:460px; float:left; margin:0 20px 0 0;}
.form-contacto .bloque8 { width:168px; float:left; background-position:0 -306px; margin-right:20px }
.form-contacto .bloque8 input { width:148px}
.form-contacto .bloque9 { width:130px; float:left }
/*.form-contacto .enviar {background-position:0 -270px;cursor:pointer;height:36px;padding:0;width:130px}*/
.form-contacto .enviar_es {background-image:url("../img/enviarEsp.png");cursor:pointer;height:36px;padding:0;width:130px}
.form-contacto .enviar_en {background-image:url("../img/enviarEng.png");cursor:pointer;height:36px;padding:0;width:130px}
.form-contacto .restaurar_es {background-image:url("../img/restaurarEsp.png");cursor:pointer;height:36px;padding:0;width:130px}
.form-contacto .campo2.focus { background-position:0 -35px}
.form-contacto .textarea.focus { background-position:0 -170px}
.form-contacto .bloque8.focus { background-position:0 -341px}
.direccion { margin-top:18px }
.direccion h5 { float:left; margin-right:20px; margin-top:4px }
.direccion p { float:left }
/*Empresa*/
#principal a { color:#000000;}
#principal h2.nombre { color:#000000;}
.margen { margin-bottom:20px }
.alianzas h5 { margin:20px 0 10px }
.alianzas img { margin:0 10px 10px 0}
/*NOticias*/
.noticias3 .img2 { width:200px; float:left; margin-right:25px }
.noticias3 .entrada { width:395px; float:left }
.noticias3 .img2 img { border:1px solid #fff }
.noticias3 h4 { margin-bottom:10px ; font-size:14px }
.noticias3 h4 a { color:#000000; text-decoration:none}
.noticias3 .fecha2 { color:#ccc; margin-bottom:10px }
.nav { float:right; margin-top:25px }
.paginas { float:left; margin:5px 10px 0 0 }
.paginas a {display:block;width:17px;height:22px;background:url("../img/bullets.png") no-repeat;
text-indent:-9999px;border:0;float:left;}
.paginas a:hover, .paginas a.active {background-position:0 -22px}
.anterior-siguiente { background:url(../img/flechas2.png); width:70px; height:30px; float:left}
.anterior-siguiente a { float:left; display:block; overflow:hidden; width:35px; height:0; padding-top:30px}
.twiit2 { background:url(../img/bg6.png); height:124px; font-size:11px; position:relative; margin-bottom:40px }
.twiit2.izq {background-position:0 -124px }
#contenido .twiit2 p.texto { line-height:14px; position:absolute; top:55px; left:10px }
#contenido .twiit2 p.fecha3 { color:#ccc; text-transform:uppercase; right:45px; position:absolute; top:120px}
.twiit2 a { color:#333; text-decoration:none }
.social2 { list-style:none }
.social2 a {color:#585859;display:block;font-weight:bold;margin-bottom:19px;padding:5px 0 5px 33px;text-decoration:none; background-repeat:no-repeat}
.social2 a.facebook { background-image:url(../img/facebook.png) }
.social2 a.twiiter { background-image:url(../img/twiiter.png) }
.social2 a.rss { background-image:url(../img/rss.png) }
.entrada2 h3 { color:#000000; font-size:18px; margin-bottom:10px }
.entrada2 .fecha4 { color:#ccc; margin-bottom:20px }
.img4 { margin:20px 17px 0 0}
.social3 { margin-top:16px}
.social3 a { color:#585859;font-size:11px;font-weight:bold;margin-right:20px;padding:5px 0 5px 36px; display:block; float:left;text-decoration:none; }
.social3 .facebook { background:url(../img/facebook.png) no-repeat}
.social3 .twiiter { background:url(../img/twiiter.png) no-repeat}
/*Tecnolog�as*/
.tecnologias2 { margin:5px 0 0 65px}
.tecnologias2 img { margin:0 25px 10px 0}
/**/
#footer { background-COLOR:Black; border-bottom:5px solid #58585a; height:37px;
margin-top:0px
}
.home #footer { margin-top:20px }
#footer .wrapper { position:relative;
top: -11px;
left: 0px;
height: 16px;
}
#footer .mailLink { color:#000000;}
#footer-menu { list-style:none; position:absolute; top:20px }
#footer-menu li { margin-right:14px; float:left }
#footer-menu a { color:#ffffff ; text-decoration:none}
#direccion { position:absolute; top:21px;
font-size:11px; color:#ffffff;
left: 725px;
}
#partners { position:absolute; right:10px; top:20px }
#partners img { margin-left:12px }
#pinky a { display:block; overflow:hidden; background:url(../img/pinky.png); width:68px; height:0; padding-top:21px; position:absolute; top:86px; right:20px }
#cssmenu ul
{
margin:0;
padding:0;
list-style-type:none;
width:auto;
position:relative;
display:block;
height:30px;
font-size:14px;
background:url('../img/nav_bg.png') repeat-x left top;
font-family:Arial, Helvetica, sans-serif;
top: 0px;
left: 6px;
}
#cssmenu li
{
display:block;
float:right;
margin:0;
padding:0;
padding-top:63px;
overflow:hidden;
}
#cssmenu li a
{
display:block;
float:right;
color:#999999;
text-decoration:none;
font-weight:bold;
padding:8px 20px 0 20px;
}
#cssmenu li a:hover
{
color:#000000;
height:22px;
background:transparent url(../img/nav_bg.png) 0px -30px no-repeat;
}
#cssmenu li.active a
{
display:inline;
height:22px;
background:transparent url(../img/nav_bg.png) 0px -30px no-repeat;
float:right;
margin:0;
}
#menu_es { list-style:none; width:573px; height:23px; position:absolute; right:0; top:72px}
#menu_es li {float:left}
#menu_es a { display:block; height:0; padding-top:23px; overflow:hidden; background-image:url(../img/menu.png)}