body                                    { font-size: 11px; font-family: Verdana; background-image: url(../images/bg.gif); background-repeat: no-repeat; text-align: center; margin: auto; width: 880px }
a  { outline-width: 0 }
#contenedor           { text-align: center; width: 880px }
#cajacontenido      { text-align: justify; width: 880px }
#espacioicono       { height: 145px }


/* ----- MENU PRINCIPAL ----- */


#nav2         { background-image: url(../images/menu/bgmenu.jpg); background-repeat: no-repeat; background-position: right 0; display: block; width: 880px; height: 35px }
#nav2 ul { list-style-type: none; margin: 0; padding: 0 }
#nav2 ul li { float: left }
#nav2 ul li span { display: none }
#nav2 ul li.compania a    { background-image: url(../images/menu/compania.jpg); display: block; margin: 0; width: 93px; height: 35px }
#nav2 ul li.compania a:hover     { background-image: url(../images/menu/compania.jpg); background-position: 0 -35px; display: block; margin: 0 }
#nav2 ul li.consultoria a    { background-image: url(../images/menu/consultoria.jpg); display: block; margin: 0; width: 97px; height: 35px }
#nav2 ul li.consultoria a:hover     { background-image: url(../images/menu/consultoria.jpg); background-position: 0 -35px; display: block; margin: 0 }
#nav2 ul li.partners a     { background-image: url(../images/menu/partners.jpg); display: block; margin: 0; width: 70px; height: 35px }
#nav2 ul li.partners a:hover     { background-image: url(../images/menu/partners.jpg); background-position: 0 -35px; display: block; margin: 0 }
#nav2 ul li.portafolio a     { background-image: url(../images/menu/tecnologia.jpg); display: block; margin: 0; width: 98px; height: 35px }
#nav2 ul li.portafolio a:hover     { background-image: url(../images/menu/tecnologia.jpg); background-position: 0 -35px; display: block; margin: 0 }
#nav2 ul li.soluciones a      { background-image: url(../images/menu/soluciones.jpg); display: block; margin: 0; width: 93px; height: 35px }
#nav2 ul li.soluciones a:hover      { background-image: url(../images/menu/soluciones.jpg); background-position: 0 -35px; display: block; margin: 0; width: 93px }
#nav2 ul li.contacto a       { background-image: url(../images/menu/contacto.jpg); display: block; margin: 0; width: 82px; height: 35px }
#nav2 ul li.contacto a:hover       { background-image: url(../images/menu/contacto.jpg); background-position: 0 -35px; display: block; margin: 0 }


/* ----- MENU HOME FOTOS ----- */


#nav3           { display: block; width: 880px; height: 79px }
#nav3 ul { list-style-type: none; margin: 0; padding: 0 }
#nav3 ul li { float: left }
#nav3 ul li span { display: none }
#nav3 ul li.captacion a      { background-image: url(../images/iconos/captacion.png); display: block; width: 290px; height: 79px }
#nav3 ul li.captacion a:hover       { background-image: url(../images/iconos/captacion.png); background-position: 0 -79px; display: block }
#nav3 ul li.conocimiento a      { background-image: url(../images/iconos/posicionamiento.png); display: block; width: 290px; height: 79px }
#nav3 ul li.conocimiento a:hover       { background-image: url(../images/iconos/posicionamiento.png); background-position: 0 -79px; display: block }
#nav3 ul li.fidelizacion a       { background-image: url(../images/iconos/gestion.png); display: block; width: 290px; height: 79px }
#nav3 ul li.fidelizacion a:hover        { background-image: url(../images/iconos/gestion.png); background-position: 0 -79px; display: block }
#nav3 ul li.aumento a       { background-image: url(../images/iconos/btn_aumento.jpg); display: block; width: 145px; height: 79px }
#nav3 ul li.aumento a:hover        { background-image: url(../images/iconos/btn_aumento.jpg); background-position: 0 -79px; display: block }
#nav3 ul li.medios a       { background-image: url(../images/iconos/btn_medios.jpg); display: block; width: 148px; height: 79px }
#nav3 ul li.medios a:hover        { background-image: url(../images/iconos/btn_medios.jpg); background-position: 0 -79px; display: block }
#nav3 ul li.reduccion a      { background-image: url(../images/iconos/btn_reduccion.jpg); display: block; width: 150px; height: 79px }
#nav3 ul li.reduccion a:hover       { background-image: url(../images/iconos/btn_reduccion.jpg); background-position: 0 -79px; display: block }




/* ----- HEADER ----- */


#header     { width: 880px; height: 84px }
#logo   { width: 162px; height: 72px; float: left }

#headerder       { text-align: right; width: 191px; height: 84px; float: right }
#cajamenusec   { width: 191px; height: 18px }


/* ----- CAJA INDEX DEL MEDIO ----- */


#cajacentroindex  { width: 880px }


/* ----- TEXTOS ----- */

.txtcontenido    { color: #505053; font-size: 11px; text-decoration: none }
.bold { font-weight: bold }
.linkazul     { color: #285593; font-size: 11px; text-decoration: none }
.linkazul:hover      { color: #454648; font-size: 11px; text-decoration: underline }
.tituloazul    { color: #285593; font-size: 11px; font-weight: bold; text-decoration: none }
.tituloverde    { color: #8cc810; font-size: 11px; font-weight: bold; text-decoration: none }
.indexnews  { color: #666; font-size: 11px; text-decoration: none }
.indexnews:hover   { color: #89ae3d; font-size: 11px; text-decoration: underline }
.titulonewsindex { color: #1d3989; font-size: 11px; font-weight: bold }
#vineta    { color: #505053; font-size: 11px; list-style-image: url(../images/vineta.gif) }


/* ----- COLUMNAS ----- */


#columnas        { width: 880px; height: auto }
#columnas2       { margin-top: 24px; margin-bottom: 24px; width: 880px; height: auto }


/* ----- FOOTER ----- */


#footer   { margin-top: 40px; width: 880px; height: 70px }
#footer1     { margin-top: 13px; margin-left: 22px; width: 357px; height: 41px; float: left }
#footer2     { margin-top: 13px; margin-right: 22px; width: 304px; height: 10px; float: right }


/* ----- MENU FOOTER ----- */


#menufooter { display: block; width: 304px; height: 10px }
#menufooter ul { list-style-type: none; margin: 0; padding: 0 }
#menufooter ul li { float: left }
#menufooter ul li span { display: none }
#menufooter ul li.terminos a    { background-image: url(../images/terminosycondiciones.gif); background-repeat: repeat; background-attachment: scroll; background-position: 0 0; display: block; margin: 0; width: 124px; height: 10px }
#menufooter ul li.terminos a:hover     { background: #eee url(../images/terminosycondiciones.gif); display: block; margin: 0; width: 124px; height: 9px }
#menufooter ul li.privacidad a    { background-image: url(../images/privacidad.gif); background-repeat: repeat; background-attachment: scroll; background-position: 0 0; display: block; margin: 0; width: 63px; height: 10px }
#menufooter ul li.privacidad a:hover     { background: #eee url(../images/privacidad.gif); display: block; margin: 0; width: 63px; height: 10px }
#menufooter ul li.acerca a    { background-image: url(../images/acerca.gif); background-repeat: repeat; background-attachment: scroll; background-position: 0 0; display: block; margin: 0; width: 117px; height: 10px }
#menufooter ul li.acerca a:hover     { background: #eee url(../images/acerca.gif); display: block; margin: 0; width: 117px; height: 10px }


/* ----- MENU HEADER ----- */


#menuheader   { display: block; width: 191px; height: 19px }
#menuheader ul { list-style-type: none; margin: 0; padding: 10 }
#menuheader ul li { float: right }
#menuheader ul li span { display: none }
#menuheader ul li.home a     { background-image: url(../images/menu/sec_home.gif); background-repeat: repeat; background-attachment: scroll; background-position: 0 0; display: block; margin: 0; width: 29px; height: 19px }
#menuheader ul li.contacto a     { background-image: url(../images/menu/sec_contacto.gif); background-repeat: repeat; background-attachment: scroll; background-position: 0 0; display: block; margin: 0; pading:10 ;width: 59px; height: 19px }
#menuheader ul li.ingles a     { background-image: url(../images/menu/sec_ingles.gif); background-repeat: repeat; background-attachment: scroll; background-position: 0 0; display: block; margin: 0; width: 103px; height: 19px }


/* ----- MENU HEADER2 ----- */


#menuheader2        { display: block; padding-top: 40px; width: 120px; height: 11px; float: right }
#menuheader2 ul { list-style-type: none; margin: 0; padding: 0 }
#menuheader2 ul li { float: right}
#menuheader2 ul li span { display: none }
#menuheader2 ul li.rse a      { background-image: url(../images/menu/rse.gif); background-repeat: repeat; background-attachment: scroll; background-position: 0 0; display: block; margin: 0 10px 0 0; width: 37px; height: 11px }
#menuheader2 ul li.hiring a      { background-image: url(../images/menu/hiring.gif); background-repeat: repeat; background-attachment: scroll; background-position: 0 0; display: block; margin: 0 9px 0 0; width: 63px; height: 11px }


/* ----- MENU PORTAFOLIO DE PRODUCTOS ----- */

.menuproductos            { margin-right: 15px; margin-left: 15px; width: 180px }
.menu a                 { color: #454648; font-size: 10px; font-style: normal; font-variant: normal; font-weight: bold; line-height: 18px; text-decoration: none; text-align: left; display: block; padding-top: 3px; padding-bottom: 3px; padding-left: 5px; width: 180px; border-bottom: 1px solid #c7c8ca }
.menu a:hover              { color: #fff; background-color: #464749; background-position: 170px 50%; width: 180px }


/* ----- COMPANIA ----- */

blockquote      { color: #454648; font-size: 11px; font-family: Georgia, "Times New Roman", Times, serif; font-style: italic; font-weight: bold; background-image: url(../images/quoteleft.gif); background-repeat: no-repeat; background-attachment: scroll; background-position: left top; padding-right: 14px; padding-left: 14px }
.mision   { color: #454545; font-size: 16px; font-family: Georgia, "Times New Roman", Times, serif; font-style: italic; font-weight: bold; padding-right: 14px; padding-left: 14px }
blockquote div   { background-image: url(../images/quoteright.gif); background-repeat: no-repeat; background-attachment: scroll; background-position: right bottom; padding: 0 48px }


/* ----- NEWS ----- */

.fecha { color: #fff; font-size: 11px; font-weight: bold }
#textonews { color: #505053; font-size: 11px; padding-left: 8px }
.titulonews  { color: #222; font-size: 11px; font-weight: bold; background-image: url(../images/cuadronews.gif); background-repeat: no-repeat; background-position: 0 center; padding-left: 8px }