body {background-image: url(../images/imag_fondo02.jpg);background-repeat: repeat;background-position: top;} #todo {width: 954px;background-image: url(../images/html/fondo.jpg);height: 700px;} /* Header */ #header {width: 900px;height: 125px;padding-top: 20px;} #header img{width: 202px;height: 52px;float: left;margin-top: 10px;margin-bottom: 20px;margin-left: 10px;} #header #txt{ font-family: Arial, Helvetica, sans-serif; font-size: 10px; color: #666666; float: right; margin-top: 10px; margin-bottom: 10px; margin-left: 80px; } .link_kine{font-family: Arial, Helvetica, sans-serif;font-size: 10px;color: #FF6600;text-decoration: underline;margin-right: 10px;margin-bottom: 10px;} a.link_kine:hover{font-family: Arial, Helvetica, sans-serif;font-size: 10px;color: #666;text-decoration: underline;margin-right: 10px;margin-bottom: 10px;} /* Header FIN*/ /* Botonera Principal */ #botonera{width: 673px;height: 39px;margin-left: 140px;margin-top: -28px;} #botonera #b_home a{float: left;height: 39px;width: 85px;position: relative;background-image: url(../images/botonera/bt_home.jpg);background-repeat: no-repeat;} #botonera #b_quienes a{float: left;height: 39px;width: 132px;position: relative;background-image: url(../images/botonera/bt_quienes.jpg);background-repeat: no-repeat;} #botonera #b_diseno a{float: left;height: 39px;width: 70px;position: relative;background-image: url(../images/botonera/bt_diseno.jpg);background-repeat: no-repeat;} #botonera #b_ingeneria a{float: left;height: 39px;width: 94px;position: relative;background-image: url(../images/botonera/bt_ingeneria.jpg);background-repeat: no-repeat;} #botonera #b_marketing a{float: left;height: 39px;width: 139px;position: relative;background-image: url(../images/botonera/bt_marketing.jpg);background-repeat: no-repeat;} #botonera #b_clientes a{float: left;height: 39px;width: 153px;position: relative;background-image: url(../images/botonera/bt_clientes.jpg);background-repeat: no-repeat;} #botonera #b_home a:hover, #botonera #b_quienes a:hover, #botonera #b_diseno a:hover, #botonera #b_ingeneria a:hover, #botonera #b_marketing a:hover,#botonera #b_clientes a:hover{ background-position:0 -39px;} #home #b_home a, #quienes #b_quienes a, #diseno #b_diseno a, #ingeneria #b_ingeneria a, #marketing #b_marketing a,#clientes #b_clientes a{ background-position:0 -39px;} #botonera #b_home a:active, #botonera #b_quienes a:active, #botonera #b_diseno a:active, #botonera #b_ingeneria a:active,#botonera #b_marketing a:active,#botonera #b_clientes a:active{ background-position:0 0px;} /* FIN Botonera Principal */ #contenedor{width: 900px;height: 500px;} #contenedor #flash{z-index: -999;float: left;height: 200px;width: 770px;margin-top: -210px;margin-right: 0px;margin-left: 20px;} /* Botonera Secundaria */ #contenedor #botonera_seg{width: 180px;height: 470px;float: left;margin-top: 30px;} #contenedor #botonera_seg #b_listado a{float: left;height: 40px;width: 98px;position: relative;background-image: url(../images/botonera/bt_listado.jpg);background-repeat: no-repeat;margin-top: 15px;margin-left: 5px;} #contenedor #botonera_seg #b_proyectos a{float: left;height: 40px;width: 99px;position: relative;background-image: url(../images/botonera/bt_proyectos.jpg);background-repeat: no-repeat;margin-left: 20px;margin-top: 10px;} #contenedor #botonera_seg #b_web a{float: left;height: 40px;width: 104px;position: relative;background-image: url(../images/botonera/bt_web.jpg);background-repeat: no-repeat;margin-left: 20px;margin-top: 10px;} #contenedor #botonera_seg #b_intranet a{float: left;height: 40px;width: 90px;position: relative;background-image: url(../images/botonera/bt_intranet.jpg);background-repeat: no-repeat;margin-left: 30px; margin-top: 10px;} #contenedor #botonera_seg #b_desarrollo a{float: left;height: 40px;width: 116px;position: relative;background-image: url(../images/botonera/bt_desarrollo.jpg);background-repeat: no-repeat;margin-left: 20px;margin-top: 10px;} #contenedor #botonera_seg #b_casos a{float: left;height: 40px;width: 87px;position: relative;background-image: url(../images/botonera/bt_casos.jpg);background-repeat: no-repeat;margin-left: 40px;margin-top: 10px;} #botonera_seg #b_listado a:hover, #botonera_seg #b_proyectos a:hover, #botonera_seg #b_web a:hover, #botonera_seg #b_intranet a:hover, #botonera_seg #b_desarrollo a:hover,#botonera_seg #b_casos a:hover{ background-position:0 -40px;} #proyectos #b_proyectos a, #web #b_web a, #intranet #b_intranet a, #desarrollo #b_desarrollo a{ background-position:0 -40px;} #botonera_seg #b_listado a:active, #botonera_seg #b_proyectos a:active, #botonera_seg #b_web a:active, #botonera_seg #b_intranet a:active,#botonera_seg #b_desarrollo a:active,#botonera_seg #b_casos a:active{ background-position:0 0px;} #contenedor #botonera_seg #izquierda{float: left;height: 360px;width: 100px;margin-top: 50px;} #contenedor #botonera_seg #derecha{float: right;height: 360px;width: 67px;position: relative;} /* FIN Botonera Secundaria */ #contenedor #contacto{float: right;height: 33px;width: 120px;} #contenedor #contacto a{font-family: Arial, Helvetica, sans-serif;font-size: 10px;color: #666666;text-decoration: underline;margin-top: -10px;} #contenedor #contacto a:hover{font-family: Arial, Helvetica, sans-serif;font-size: 10px;color: #FF6600;text-decoration: underline;} /* Contenido Index */ #contenedor #cont_home{width: 665px;height: 375px;background-image: url(../images/html/fondo_lineas04.jpg);float: right;margin-top: 20px;margin-right: 50px;z-index: +990;padding-top: 13px;background-repeat: no-repeat;} #contenedor #cont_home h1{font-family: Arial, Helvetica, sans-serif;font-size: 11px;color: #999;float: left;width: 400px;margin-left: 150px;margin-top: 10px;} /* Contenido Index FIN */ /* Contenido Quienes Somos */ #contenedor #cont_quienes{width: 665px;height: 375px;background-image: url(../images/html/fondo_lineas07.jpg);float: right;margin-top: 20px;margin-right: 50px;z-index: +990;padding-top: 13px;background-repeat: no-repeat;} #contenedor #cont_quienes #texto{font-family: Arial, Helvetica, sans-serif;font-size: 14px;color: #999;float: right;height: 100px;width: 300px;text-align: right;margin-top: 50px;line-height: 30px;margin-right: 30px;} #contenedor #cont_quienes #texto03{ font-family: Arial, Helvetica, sans-serif; font-size: 14px; color: #999; float: left; height: 100px; width: 600px; text-align: left; margin-top: 40px; margin-left: 40px; line-height: 30px; } #contenedor #cont_quienes #texto02{font-family: Arial, Helvetica, sans-serif;font-size: 14px;color: #999;float: right;height: 100px;width: 300px;text-align: right;margin-top: 20px;margin-right: 50px;line-height: 30px;font-weight: normal;} #contenedor #cont_quienes #texto_fonte{ float: left; height: 1040px; width: 480px; margin-top: 90px; margin-left: 30px; background-image: url(../images/qs01.jpg); background-repeat: no-repeat; } #contenedor #cont_quienes #link{font-family: Arial, Helvetica, sans-serif;float: left;height: 30px;width: 150px;text-align: left;margin-top: 80px;margin-left: 50px;} .link_quienes{font-family: Arial, Helvetica, sans-serif;font-size: 13px;font-weight: bold;color: #F93;text-decoration: none;} .titulo{font-family: Arial, Helvetica, sans-serif;font-size: 16px;font-weight: bold;color: #F93;text-decoration: none;margin-top: 20px;text-align: left;margin-left: 60px;} a.link_quienes:hover{font-family: Arial, Helvetica, sans-serif;font-size: 13px;font-weight: bold;color: #999;text-decoration: none;} /* Contenido Quienes Somos FIN */ /* Contenido Diseño */ #contenedor #cont_diseno{width: 665px;height: 370px;background-image: url(../images/html/fondo_lineas.jpg);float: right;margin-top: 20px;margin-right: 50px;padding-top: 5px;background-repeat: no-repeat;} #contenedor #cont_diseno_scroll{width: 645px;height: 260px;float: left;margin-right: 15px;overflow: auto;margin-top: 15px;} #contenedor #cont_diseno #texto{ font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #999; float: right; height: 200px; width: 330px; text-align: right; margin-top: 30px; margin-right: 50px; line-height: 23px; } #contenedor #cont_diseno #flash{font-family: Arial, Helvetica, sans-serif;float: left;height: 30px;width: 150px;text-align: left;margin-top: 10px;margin-left: 23px;} /* Contenido Diseño FIN */ /* Contenido Diseño */ #contenedor #cont_inge{ width: 665px; height: 375px; background-image: url(../images/html/fondo_lineas05.jpg); float: right; margin-top: 20px; margin-right: 50px; z-index: +990; padding-top: 13px; background-repeat: no-repeat; } #contenedor #cont_inge #texto{ font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #999; float: right; height: 200px; width: 400px; text-align: right; margin-top: 5px; margin-right: 50px; line-height: 25px; } #contenedor #cont_inge #flash{font-family: Arial, Helvetica, sans-serif;float: left;height: 30px;width: 150px;text-align: left;margin-top: 1px;margin-left: 23px;} #contenedor #cont_intra{width: 665px;height: 375px;background-image: url(../images/html/fondo_lineas03.jpg);float: right;margin-top: 20px;margin-right: 50px;z-index: +990;padding-top: 13px;background-repeat: no-repeat;} #contenedor #cont_intra #texto{font-family: Arial, Helvetica, sans-serif;font-size: 14px;color: #999;float: right;height: 100px;width: 300px;text-align: right;margin-top: 80px;margin-right: 50px;line-height: 30px;} #contenedor #cont_intra #texto02{font-family: Arial, Helvetica, sans-serif;font-size: 14px;color: #999;float: right;height: 100px;width: 300px;text-align: right;margin-top: 20px;margin-right: 50px;line-height: 30px;font-weight: normal;} #contenedor #cont_desarrollo{width: 665px;height: 375px;background-image: url(../images/html/fondo_lineas02.jpg);float: right;margin-top: 20px;margin-right: 50px;z-index: +990;padding-top: 13px;background-repeat: no-repeat;} #contenedor #cont_desarrollo #texto{font-family: Arial, Helvetica, sans-serif;font-size: 14px;color: #999;float: right;height: 100px;width: 300px;text-align: right;margin-top: 80px;margin-right: 50px;line-height: 30px;} #contenedor #cont_desarrollo #texto02{ font-family: Arial, Helvetica, sans-serif; font-size: 14px; color: #999; float: right; height: 100px; width: 330px; text-align: right; margin-top: 20px; margin-right: 50px; line-height: 30px; font-weight: normal; } /* Botoneras letra de los proyectos web */ #contenedor #cont_diseno #bot_letras{width: 400px;height: 30px;float: left;margin-top: 10px;margin-right: 10px;margin-bottom: 10px;margin-left: 200px;} #contenedor #cont_diseno #bot_letras #b_ab a{float: left;height: 24px;width: 26px;position: relative;background-image: url(../images/botonera/bt_a_b.jpg);background-repeat: no-repeat;margin-top: 5px;margin-right: 10px;margin-bottom: 5px;margin-left: 10px;} #contenedor #cont_diseno #bot_letrasa #b_c a{float: left;height: 24px;width: 21px;position: relative;background-image: url(../images/botonera/bt_c.jpg);background-repeat: no-repeat;margin-top: 5px;margin-right: 10px;margin-bottom: 5px;margin-left: 10px;} #contenedor #cont_diseno #bot_letras #b_dg a{float: left;height: 24px;width: 29px;position: relative;background-image: url(../images/botonera/bt_d_g.jpg);background-repeat: no-repeat;margin-top: 5px;margin-right: 10px;margin-bottom: 5px;margin-left: 10px;} #contenedor #cont_diseno #bot_letras #b_c a{float: left;height: 24px;width: 21px;position: relative;background-image: url(../images/botonera/bt_c.jpg);background-repeat: no-repeat;margin-top: 5px;margin-right: 10px;margin-bottom: 5px;margin-left: 10px;} #contenedor #cont_diseno #bot_letras #b_hm a{float: left;height: 24px;width: 33px;position: relative;background-image: url(../images/botonera/bt_h_m.jpg);background-repeat: no-repeat;margin-top: 5px;margin-right: 10px;margin-bottom: 5px;margin-left: 10px;} #contenedor #cont_diseno #bot_letras #b_ns a{float: left;height: 24px;width: 27px;position: relative;background-image: url(../images/botonera/bt_n_s.jpg);background-repeat: no-repeat;margin-top: 5px;margin-right: 10px;margin-bottom: 5px;margin-left: 10px;} #contenedor #cont_diseno #bot_letras #b_tz a{float: left;height: 24px;width: 26px;position: relative;background-image: url(../images/botonera/bt_t_z.jpg);background-repeat: no-repeat;margin-top: 5px;margin-right: 10px;margin-bottom: 5px;margin-left: 10px;} #contenedor #cont_diseno #bot_letras #b_ab a:hover, #contenedor #cont_diseno #bot_letras #b_c a:hover, #contenedor #cont_diseno #bot_letras #b_dg a:hover, #contenedor #cont_diseno #bot_letras #b_hm a:hover, #contenedor #cont_diseno #bot_letras #b_ns a:hover, #contenedor #cont_diseno #bot_letras #b_tz a:hover{ background-position:0 -24px;} #contenedor #cont_diseno #bot_letras #b_ab a:active, #contenedor #cont_diseno #bot_letras #b_c a:active, #contenedor #cont_diseno #bot_letras #b_dg a:active, #contenedor #cont_diseno #bot_letras #b_hm a:active, #contenedor #cont_diseno #bot_letras #b_ns a:active, #contenedor #cont_diseno #bot_letras #b_tz a:active{ background-position:0 0px;} /* Botoneras letra de los proyectos web */ /* Botoneras Proyectos por sector */ #contenedor #cont_diseno #bot_sector{width: 620px;height: 350px;float: left;margin: 10px;} #contenedor #cont_diseno #bot_sector #b_alimentacion a{float: left;height: 23px;width: 107px;position: relative;background-image: url(../images/botonera/b_alimentacion.jpg);background-repeat: no-repeat;margin-top: 10px;margin-right: 10px;margin-bottom: 5px;margin-left: 40px;} #contenedor #cont_diseno #bot_sector #b_capacitacion a{float: left;height: 23px;width: 204px;position: relative;background-image: url(../images/botonera/b_capacitacion.jpg);background-repeat: no-repeat;margin-top: 30px;margin-left: 10px;} #contenedor #cont_diseno #bot_sector #b_estudios a{float: right;height: 23px;width: 153px;position: relative;background-image: url(../images/botonera/b_estudios.jpg);background-repeat: no-repeat;margin-top: 50px;margin-right: 10px;margin-bottom: 5px;margin-left: 10px;} #contenedor #cont_diseno #bot_sector #b_fundacion a{float: left;height: 23px;width: 244px;position: relative;background-image: url(../images/botonera/b_fundacion.jpg);background-repeat: no-repeat;margin-top: 80px;margin-bottom: 5px;margin-left: 30px;} #contenedor #cont_diseno #bot_sector #b_industria a{float: left;height: 23px;width: 86px;position: relative;background-image: url(../images/botonera/b_industria.jpg);background-repeat: no-repeat;margin-top: 40px;margin-right: 10px;margin-bottom: 5px;margin-left: 10px;} #contenedor #cont_diseno #bot_sector #b_inmobiliaria a{float: left;height: 23px;width: 307px;position: relative;background-image: url(../images/botonera/b_inmobiliaria.jpg);background-repeat: no-repeat;margin-top: 60px;margin-right: 10px;margin-bottom: 5px;margin-left: 10px;} #contenedor #cont_diseno #bot_sector #b_instituciones a{float: left;height: 23px;width: 207px;position: relative;background-image: url(../images/botonera/b_instituciones.jpg);background-repeat: no-repeat;margin-top: 5px;margin-right: 10px;margin-bottom: 5px;margin-left: 50px;} #contenedor #cont_diseno #bot_sector #b_servicios a{float: left;height: 23px;width: 82px;position: relative;background-image: url(../images/botonera/b_servicios.jpg);background-repeat: no-repeat;margin-top: 60px;margin-right: 10px;margin-bottom: 5px;margin-left: 10px;} #contenedor #cont_diseno #bot_sector #b_tecnologia a{float: left;height: 23px;width: 107px;position: relative;background-image: url(../images/botonera/b_tecnologia.jpg);background-repeat: no-repeat;margin-top: 80px;margin-right: 10px;margin-bottom: 5px;margin-left: 10px;} #contenedor #cont_diseno #bot_sector #b_tiendas a{float: left;height: 23px;width: 72px;position: relative;background-image: url(../images/botonera/b_tiendas.jpg);background-repeat: no-repeat;margin-right: 50px;margin-bottom: 5px;margin-left: 80px;} #contenedor #cont_diseno #bot_sector #b_alimentacion a:hover, #contenedor #cont_diseno #bot_sector #b_capacitacion a:hover, #contenedor #cont_diseno #bot_sector #b_estudios a:hover, #contenedor #cont_diseno #bot_sector #b_fundacion a:hover, #contenedor #cont_diseno #bot_sector #b_industria a:hover, #contenedor #cont_diseno #bot_sector #b_inmobiliaria a:hover, #contenedor #cont_diseno #bot_sector #b_instituciones a:hover, #contenedor #cont_diseno #bot_sector #b_servicios a:hover, #contenedor #cont_diseno #bot_sector #b_tecnologia a:hover, #contenedor #cont_diseno #bot_sector #b_tiendas a:hover{ background-position:0 -23px;} #contenedor #cont_diseno #bot_sector #b_alimentacion a:active, #contenedor #cont_diseno #bot_sector #b_capacitacion a:active, #contenedor #cont_diseno #bot_sector #b_estudios a:active, #contenedor #cont_diseno #bot_sector #b_fundacion a:active, #contenedor #cont_diseno #bot_sector #b_industria a:active, #contenedor #cont_diseno #bot_sector #b_inmobiliaria a:active, #contenedor #cont_diseno #bot_sector #b_instituciones a:active, #contenedor #cont_diseno #bot_sector #b_servicios a:active, #contenedor #cont_diseno #bot_sector #b_tecnologia a:active, #contenedor #cont_diseno #bot_sector #b_tiendas a:active{ background-position:0 0px;} /* Botoneras Proyectos por sector */ #contenedor #cont_diseno #proyecto {height: 120px;width: 162px;float: left;margin-top: 5px;margin-right: 5px;margin-bottom: 5px;margin-left: 40px;} .link{font-family: Arial, Helvetica, sans-serif;font-size: 12px;color: #999;padding-left: 15px;text-decoration: none;background-image: url(../images/bulett.jpg);background-repeat: no-repeat;} a.link:hover{font-family: Arial, Helvetica, sans-serif;font-size: 12px;color: #F93;padding-left: 15px;text-decoration: none;background-image: url(../images/bulett.jpg);background-repeat: no-repeat;} #categorias{font-family: Arial, Helvetica, sans-serif;font-size: 18px;color: #ffcc99;font-weight: bold;text-align: left;margin-top: 20px;margin-left: 40px;} .volver a{font-family: Arial, Helvetica, sans-serif;font-size: 12px;color: #F93;padding-left: 15px;text-decoration: underline;float: right;margin-right: 35px;margin-top: 20px;font-weight: bold;} .volver a:hover{font-family: Arial, Helvetica, sans-serif;font-size: 12px;color: #666;padding-left: 15px;float: right;margin-right: 35px;margin-top: 20px;font-weight: bold;text-decoration: underline;} /* Contenido Contacto */ #contenedor #cont_contacto{width: 665px;height: 375px;background-image: url(../images/html/fondo_lineas.jpg);float: right;margin-top: 20px;margin-right: 50px;z-index: +990;padding-top: 13px;background-repeat: no-repeat;} #contenedor #cont_diseno2 {width: 665px;height: 375px;float: right;margin-top: 20px;margin-right: 50px;z-index: +990;padding-top: 13px;background-repeat: no-repeat;} #contenedor #cont_diseno #flash_web {font-family: Arial, Helvetica, sans-serif;} #contenedor #cont_clientes{width: 665px;height: 375px;background-image: url(../images/html/fondo_lineas06.jpg);float: right;margin-top: 20px;margin-right: 50px;z-index: +990;padding-top: 13px;background-repeat: no-repeat;} .texto_falso{ font-family: Arial, Helvetica, sans-serif; font-size: 10px; color: #000; text-decoration: none; margin-left: 5px; }