/* ESTILOS GENERALES */ body { margin: 0px; padding: 0px; font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; font-size: 11px; color: #474747; background: #FFFFFF url(/MODULOS/_GLOBAL/publico/interfaces/img/fondo_pagina.gif) top left repeat-x; } /* ESTILOS CAJAS GLOBALES */ #web { padding: 6px 0px 0px 0px; width: 750px; background: url(/MODULOS/_GLOBAL/publico/interfaces/img/fondo_web.gif) top left no-repeat; } #lateral { float: left; width: 183px; } #cabecera { width: 183px; height: 140px; border-bottom: 5px solid #6A8EAA; } #contenido { float: right; width: 530px; } #datos { clear: both; } #datos-home { clear: both; } #pie { } /* ESTILOS PARA LA CABECERA DE LA WEB */ #cabecera h1 { margin: 0px; padding: 4px 0px 0px 10px; width: 161px; height: 140px;} #cabecera h1 a { display: block; width: 161px; height: 140px; background: url(/MODULOS/_GLOBAL/publico/interfaces/img/logo.gif) no-repeat; } #cabecera h1 a span { display: none; } /* ESTILOS PARA EL PIE DE LA PAGINA */ #pie-enlaces { height: 28px; background: #D8D8D8 url(/MODULOS/_GLOBAL/publico/interfaces/img/fondo_pie.gif) top left no-repeat; } #pie-enlaces-padding { padding: 6px 0px 0px 0px; } #pie-enlaces ul { float: left; margin: 0px 0px 0px 5px; padding: 0px; width: 380px; color: #333333; } #pie-enlaces ul li { display: inline; list-style: none; } #pie-enlaces ul li a { color: #006699; } #pie-enlaces ul li a:hover { color: #00498C; } #pie-enlaces ul li:before { content: "| "; } #pie-enlaces ul li:first-child:before { content: ""; } * html #pie-enlaces ul li { border-left: 1px solid #333333; padding: 0 0.4em 0 0.4em; margin: 0 0.4em 0 -0.4em; } /* ESTILO PARA EXPLORER */ * html #pie-enlaces ul { height: 1%; } /* ESTILO PARA EXPLORER */ * html #pie-enlaces ul li { display: block; float: left; } /* ESTILO PARA EXPLORER */ * html #pie-enlaces ul li:first-child { border-right: 0; } /* ESTILO PARA EXPLORER */ #pie-datos { } #pie-datos-padding { padding: 5px 15px 10px 10px; } /* ESTILOS PARA EL MENU LATERAL DE LA WEB */ #menu { width: 183px; border-bottom: 1px solid #003047; background: #FFFFFF url(/MODULOS/_GLOBAL/publico/interfaces/img/fondo_menu.gif) bottom left repeat-x;} #menu ul { margin: 0px; padding: 5px 10px 10px 10px; } #menu ul li { list-style-type: none; padding: 1px 0px 1px 0px; border-bottom: 1px solid #BFBFBF; } #menu ul li a { display: block; width: 163px; color: #8B8B8B; font-weight: bold; text-decoration: none; text-transform: uppercase; } #menu ul li a:hover { color: #116FAE; } #buscador-lateral { background: #003047 url(/MODULOS/_GLOBAL/publico/interfaces/img/fondo_buscador_lateral.gif) top left repeat-x; } #buscador-lateral div { padding: 0px 8px 0px 8px; } /* ESTILOS PARA EL MENU DE OPCIONES SUPERIOR */ #opciones { color: #91A4AD; border-bottom: 1px solid #CBD3D6; } #opciones ul { margin: 0px; padding: 12px 0px 7px 0px; } #opciones ul li { display: inline; list-style: none; float: right; } #opciones ul li a { color: #003047; text-decoration: none; text-transform: uppercase; font-size: 10px; } #opciones ul li a:hover { color: #116FAE; } #opciones ul li:before { content: "| "; } #opciones ul li:first-child:before { content: "| "; } * html #opciones ul li { border-right: 1px solid #91A4AD; padding: 0 0.4em 0 0.4em; margin: 0 -0.4em 0 0.4em; } /* ESTILO PARA EXPLORER */ * html #opciones ul { height: 1%; } /* ESTILO PARA EXPLORER */ * html #opciones ul li { display: block; float: right; } /* ESTILO PARA EXPLORER */ * html #opciones ul li:first-child { border-left: 0; } /* ESTILO PARA EXPLORER */ /* ESTILOS PARA LA EL LOGIN DE USUARIO */ #login { border-bottom: 3px solid #6A8DA9; background: #003047 url(/MODULOS/_GLOBAL/publico/interfaces/img/fondo_login.gif) top left repeat-x; } #login form { margin: 0px; padding: 5px 0px 5px 10px; } #login form fieldset { border: 0px solid; color: #FFFFFF; } #login form legend { margin: 0px 0px 0px -6px; padding: 0px; color: #FFFFFF; font-weight: bold; } #login form label { float: left; padding: 2px 0px 0px 0px; width: 38px; color: #CCCCCC; font-weight: bold; clear: both; } #login form .campos { margin-bottom: 8px; width: 90px; color: #474747; font-size: 10px; vertical-align: middle; } #login form cite { color: #8FA4AE; font-size: 10px; text-transform: uppercase; font-style: normal; } #login blockquote { margin: 0px; padding: 5px 0px 5px 10px; } #login .texto { color: #FFFFFF; } /* ESTILOS PARA EL LISTADO DE COMO CONTACTAR */ #comocontactar { } #comocontactar ul { margin: 0px 0px 0px 0px; padding: 0px; } #comocontactar ul li { list-style-type: none; } #comocontactar ul li.telefono-es a { display: block; width: 187px; height: 88px; background: url(/MODULOS/_GLOBAL/publico/interfaces/img/es/imagen_contactar_telefono.gif) top left no-repeat; } #comocontactar ul li.mail-es a { display: block; width: 187px; height: 47px; background: url(/MODULOS/_GLOBAL/publico/interfaces/img/es/imagen_contactar_mail.gif) top left no-repeat; } #comocontactar ul li span { display: none; } #comocontactar ul li.buscar-home { padding: 0px 8px 0px 8px;background: url(/MODULOS/_GLOBAL/publico/interfaces/img/fondo_buscador.gif) 0px 10px no-repeat; } /* ESTILOS PARA TITULO ENCIMA DE LOGOS HOME */ #titulo-logos {display:block;margin: 10px 0px 4px 0px;padding:0px 0px 2px 6px;border-bottom:0px solid #6A8DA9;} /* ESTILOS PARA MOSTRAR EL LOGO DE IAIO */ #iaio { display: block; margin: 6px 0px 0px 0px; height: 64px; background: url(/MODULOS/_GLOBAL/publico/interfaces/img/logo_iaio.gif) center no-repeat; } #iaio span { display: none; } /* ESTILOS PARA MOSTRAR EL LOGO DE TMI */ #tmi { display: block; margin: 6px 0px 0px 0px; height: 64px; background: url(/MODULOS/_GLOBAL/publico/interfaces/img/logo_tmi.gif) center no-repeat; } #tmi span { display: none; } /* ESTILOS LA HOME */ #datos-home #claim-es { display: block; margin: 0px; padding: 0px; width: 530px; height: 168px; background: url(/MODULOS/_GLOBAL/publico/interfaces/img/es/claim1.jpg) top right no-repeat; } #datos-home h2 span { display: none; } #datos-home h3 { margin: 0px; padding: 0px; font-size: 12px; font-weight: bold; color: #003047; text-transform: uppercase; } #datos-home h4 { margin: 0px; padding: 0px; font-size: 12px; font-weight: bold; color: #4C728C; text-transform: uppercase; } #datos-home small { color: #000000; font-weight: bold; } #datos-home-2columnas { } #datos-home-2columnas-izquierda { float: left; width: 315px; border-right: 1px solid #D6D6D6; } #datos-home-2columnas-derecha { float: right; width: 200px; } #datos-home-3columnas { background: #E5E9EC url(/MODULOS/_GLOBAL/publico/interfaces/img/home_3cols_fondo.gif) bottom right repeat-x; } #datos-home-3columnas-izquierda { float: left; margin: 0px 0px 0px 5px; padding: 0px 0px 0px 10px; width: 157px; } #datos-home-3columnas-derecha { float: left; margin: 0px 0px 0px 5px; padding: 0px 0px 0px 10px; width: 157px; background: url(/MODULOS/_GLOBAL/publico/interfaces/img/home_3cols_separador.gif) top left repeat-y; } #datos-home-3columnas-centro { float: left; margin: 0px 0px 0px 5px; padding: 0px 0px 0px 10px; width: 157px; background: url(/MODULOS/_GLOBAL/publico/interfaces/img/home_3cols_separador.gif) top left repeat-y; } #datos-home-3columnas-redondeo-superior { display: block; width: 530px; height: 4px; background: #E5E9EC url(/MODULOS/_GLOBAL/publico/interfaces/img/home_3cols_rdo_sup.gif) top left no-repeat; } #datos-home-3columnas-redondeo-inferior { display: block; width: 530px; height: 4px; background: #E5E9EC url(/MODULOS/_GLOBAL/publico/interfaces/img/home_3cols_rdo_inf.gif) top left no-repeat; } /* ESTILOS PARA LAS INTERIORES */ #datos #seccion { height: 41px; color: #FFFFFF; background: #517281 url(/MODULOS/_GLOBAL/publico/interfaces/img/fondo_titulo.gif) top left repeat-x; } #datos #seccion h2 { margin: 0px; padding: 10px 0px 0px 16px; font-size: 15px; } #datos h3 { margin: 8px 0px 8px 0px; padding: 0px; color: #006699; font-size: 17px; font-weight: normal; text-transform: uppercase; } #datos h4 { margin: 5px 0px 5px 0px; padding: 0px; color: #116FAE; font-size: 11px; } #datos #breadcrumbs { height: 30px; color: #474747; font-weight: bold; background: #BCCBD3 url(/MODULOS/_GLOBAL/publico/interfaces/img/fondo_breadcrumbs.gif) top left repeat-x; } #datos #breadcrumbs div { height: 30px; background: url(/MODULOS/_GLOBAL/publico/interfaces/img/fondo_breadcrumbs_esquina.gif) bottom left no-repeat; } #datos #breadcrumbs p { margin: 0px; padding: 5px 0px 0px 16px; } #datos #breadcrumbs a { color: #006699; font-weight: normal; } #datos #breadcrumbs a:hover { color: #003D6C; } #datos #breadcrumbs .activo { color: #006699; } #datos #producto { float: right; width: 350px; } #datos .listado-documentos-contenedor { width:200px;margin: 0px 0px 10px 15px;} #datos .listado-documentos { margin: 0px; padding: 0px; } #datos .listado-documentos li { margin: 8px 0px 0px 17px;list-style-image: url(/MODULOS/_GLOBAL/publico/interfaces/img/bullet_listado_noticias.gif); } #datos .listado-documentos li a { color: #006699; } #datos .listado-documentos li a:hover { color: #00498C; } #datos .listado-enlaces { margin: 0px; padding: 0px; } #datos .listado-enlaces li { margin: 8px 0px 0px 17px;list-style-image: url(/MODULOS/_GLOBAL/publico/interfaces/img/bullet_listado_enlaces.gif); color: #666666; } #datos .listado-enlaces li a { color: #006699; } #datos .listado-enlaces li a:hover { color: #00498C; } #listado-producto { border-top: 1px solid #116FAF; } #listado-producto .producto { float: left; width: 132px; text-align:center; } #listado-producto .producto-foto { text-align: center; height: 85px; padding: 5px 0px 5px 0px; background: url(/MODULOS/_GLOBAL/publico/interfaces/img/fondo_listado_productos1.gif) bottom right no-repeat; } #listado-producto .producto-datos { min-height: 50px; padding: 5px 0px 0px 0px; background: #F7F7F7; border-top: 1px solid #D4D4D4; text-align: center; border-bottom: 1px solid #B5D2E6; } #listado-producto .producto-enlace { padding: 5px 0px 5px 0px; background: #F7F7F7; } #datos dl { width: 530px; margin: 0px; padding: 0px; } #datos dt { width: 95px; float: left; margin: 0px; padding: 8px 0px 8px 0px; border-top: 1px solid #B3C4D4; } #datos dd { width: 435px; float: right; margin: 0px; padding: 8px 0px 8px 0px; border-top: 1px solid #B3C4D4; } #datos #calendario { border-bottom: 1px solid #525C65; } #datos #calendario caption { padding: 2px; color: #5C7282; background: #A3B9CA; } #datos #calendario th { padding: 2px; color: #525C65; background: #CFDAE3; } #datos #calendario .calendario-on { padding: 1px; text-align: center; border-bottom: 1px solid #A4B9CA; background: #DFDEDE; } #datos #calendario .calendario-on a { color: #006699; font-weight:bold; } #datos #calendario .calendario-off a { color: #006699; } #datos #calendario .calendario-off a:hover { color: #00498C; } #datos #calendario .calendario-off { padding: 1px; text-align: right; border-bottom: 1px solid #A4B9CA; background: #ffffff; } #datos #calendario .calendario-hoy-on { padding: 1px; text-align: right; border-bottom: 1px solid #A4B9CA; background: #525C65; color: #FFFFFF; font-weight: bold; } #datos #calendario .calendario-hoy-off a { color: #FFFFFF; } #datos #calendario .calendario-hoy-off a:hover { } #datos #calendario .calendario-hoy-off { padding: 1px; text-align: right; border-bottom: 1px solid #A4B9CA; background: #525C65; color: #FFFFFF; font-weight: bold; } #datos #eventos-mes { float: right; width: 165px; } #datos #eventos-mes-padding { } #datos #eventos-listado { float: left; width: 350px; border-RIGHT: 1px solid #DDDDDD; } #datos #eventos-listado-padding { padding-right: 15px; } #datos #mapaweb-col1 { float: left; width: 170px; } #datos #mapaweb-col1 div { padding: 0px 10px 0px 0px; border-right: 1px solid #DDDDDD; } #datos #mapaweb-col2 { float: left; width: 175px; } #datos #mapaweb-col2 div { padding: 0px 0px 0px 10px; } #datos #mapaweb-col3 { float: left; width: 175px; } #datos #mapaweb-col3 div { padding: 0px 0px 0px 10px; border-left: 1px solid #DDDDDD; } .caja-formato1 { background-color: #E7EDF1; border: 1px solid #BBCCD8; border-bottom: 4px solid #BBCCD8; } .caja-formato1-padding { padding: 10px; } .caja-formato2 { background-color: #ECECEC; } .caja-formato2-padding { padding: 10px; } #seccion-empresa { display: block; height: 41px; background: url(/MODULOS/_GLOBAL/publico/interfaces/img/titulo_empresa.gif) top left no-repeat; } #seccion-filosofia { display: block; height: 41px; background: url(/MODULOS/_GLOBAL/publico/interfaces/img/titulo_filosofia.gif) top left no-repeat; } #seccion-catimplatologia { display: block; height: 41px; background: url(/MODULOS/_GLOBAL/publico/interfaces/img/titulo_catimplatologia.gif) top left no-repeat; } #seccion-catproductos { display: block; height: 41px; background: url(/MODULOS/_GLOBAL/publico/interfaces/img/titulo_catproductos.gif) top left no-repeat; } #seccion-contacto { display: block; height: 41px; background: url(/MODULOS/_GLOBAL/publico/interfaces/img/titulo_contacto.gif) top left no-repeat; } #seccion-est_cientificos { display: block; height: 41px; background: url(/MODULOS/_GLOBAL/publico/interfaces/img/titulo_est_cientificos.gif) top left no-repeat; } #seccion-formacion { display: block; height: 41px; background: url(/MODULOS/_GLOBAL/publico/interfaces/img/titulo_formacion.gif) top left no-repeat; } #seccion-glosario { display: block; height: 41px; background: url(/MODULOS/_GLOBAL/publico/interfaces/img/titulo_glosario.gif) top left no-repeat; } #seccion-imasd { display: block; height: 41px; background: url(/MODULOS/_GLOBAL/publico/interfaces/img/titulo_imasd.gif) top left no-repeat; } #seccion-paciente { display: block; height: 41px; background: url(/MODULOS/_GLOBAL/publico/interfaces/img/titulo_paciente.gif) top left no-repeat; } #seccion-preguntas { display: block; height: 41px; background: url(/MODULOS/_GLOBAL/publico/interfaces/img/titulo_preguntas.gif) top left no-repeat; } #seccion-productos { display: block; height: 41px; background: url(/MODULOS/_GLOBAL/publico/interfaces/img/titulo_productos.gif) top left no-repeat; } #seccion-soluciones { display: block; height: 41px; background: url(/MODULOS/_GLOBAL/publico/interfaces/img/titulo_soluciones.gif) top left no-repeat; } #seccion-noticias { display: block; height: 41px; background: url(/MODULOS/_GLOBAL/publico/interfaces/img/titulo_noticias.gif) top left no-repeat; } #seccion-red { display: block; height: 41px; background: url(/MODULOS/_GLOBAL/publico/interfaces/img/titulo_red.gif) top left no-repeat; } #seccion-agenda { display: block; height: 41px; background: url(/MODULOS/_GLOBAL/publico/interfaces/img/titulo_agenda.gif) top left no-repeat; } #seccion-consultorio { display: block; height: 41px; background: url(/MODULOS/_GLOBAL/publico/interfaces/img/titulo_consultorio.gif) top left no-repeat; } #seccion-boletines { display: block; height: 41px; background: url(/MODULOS/_GLOBAL/publico/interfaces/img/titulo_boletines.gif) top left no-repeat; } #seccion-documentacion { display: block; height: 41px; background: url(/MODULOS/_GLOBAL/publico/interfaces/img/titulo_documentacion.gif) top left no-repeat; } #seccion-enlaces { display: block; height: 41px; background: url(/MODULOS/_GLOBAL/publico/interfaces/img/titulo_enlaces.gif) top left no-repeat; } #seccion-mapa { display: block; height: 41px; background: url(/MODULOS/_GLOBAL/publico/interfaces/img/titulo_mapa.gif) top left no-repeat; } /* ESTILOS PARA CUALQUIER FORMULARIO */ #formulario { margin: 0px; padding: 5px 0px 5px 0px; } #formulario fieldset { border: 0px solid #FFFFFF; } #formulario fieldset legend { margin: 0px; padding: 0px; display: none; } #formulario fieldset label { float: left; padding: 2px 0px 0px 0px; width: 40%; text-align: right; color: #444444; clear: both; } #formulario fieldset .campos { margin-bottom: 8px; color: #474747; font-size: 11px; vertical-align: middle; background: #F7F7F7; border-top: 1px solid #C4CDCC; border-left: 1px solid #ACB5B4; border-bottom: 1px solid #6E7678; border-right: 1px solid #ACB4B6; } #formulario fieldset .boton { margin: 10px 0px 0px 40%; padding:2px; background: #D4D4D4 url(/MODULOS/_GLOBAL/publico/interfaces/img/fondo_boton_formulario.gif) bottom left repeat-x; color: #103D54; font-weight: bold; font-size: 11px; border-top: 1px solid #C4CDCC; border-left: 1px solid #ACB5B4; border-bottom: 1px solid #6E7678; border-right: 1px solid #ACB4B6; } #formulario sup { color: #E30D17; } #formulario cite { color: #026697; font-style: normal; } /* ESTILOS PARA PAGINACION */ #paginacion { border-top: 1px solid #116FAF; padding: 5px 0px 0px 0px; font-weight: bold; color: #1A4858; } #paginacion .cantidad { color: #006699; } #paginacion a { color: #006699; font-weight: normal; } #paginacion a:hover { color: #00498C; } /* ESTILOS PARA TEXTO */ .texto { font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; font-size: 11px; color: #474747; } .texto-confoto-izquierda { margin-left: 98px; } .texto-confoto-derecha { margin-right: 98px; } .entradilla { font-size: 13px; color: #4C728C; } .destacado { color: #333333; } .texto-negativo { color: #FFFFFF; } .antetitulo { color: #666666; text-transform: uppercase; } .titulo { font-size: 12px; color: #4C728C; text-transform: uppercase; } .subtitulo { color: #4C728C; text-transform: uppercase; } .resumen { color: #116FAF; padding: 5px 0px 5px 0px; border-bottom: 1px solid #B5D2E6; } .precio { color: #006699; } .enviado-ok { font-weight: bold; color: #339900; } .enviado-nook { font-weight: bold; color: #FF0000; } .bloque { border-top: 1px solid #B5D1E6; border-bottom: 1px solid #116FAF; } .nombre-producto { color: #4C728C; } #cuerpo strong { color: #333333; } /* ESTILOS PARA IMAGENES */ .imagen-izquierda { float: left; margin: 0px 14px 14px 0px; } .imagen-derecha { float: right; margin: 0px 0px 14px 14px; } .imagen-sinmarco { border: 0px solid #C6C6C6; } .imagen-conmarco { border: 1px solid #C6C6C6; } .imagen-conmarco-izquierda { float: left; margin: 0px 14px 14px 0px; border: 1px solid #C6C6C6; } .imagen-conmarco-derecha { float: right; margin: 0px 0px 14px 14px; border: 1px solid #C6C6C6; } .imagen-conmarco-cita { width: 200px; text-align: center; background: #F1F1F1; border-bottom: 1px solid #C6C6C6; } .imagen-conmarco-cita-pq{ width: 77px; text-align: center; background: #F1F1F1; border-bottom: 1px solid #C6C6C6;float:left; margin-right:1px;} .imagen-conmarco-cita div { float: center; margin: 4px; } .flotar-derecha .imagen-conmarco-cita { margin: 0px 0px 14px 14px; } .flotar-izquierda .imagen-conmarco-cita { margin: 0px 14px 14px 0px; } /* ESTILOS PARA LOS ENLACES */ a.enlace { color: #006699; } a.enlace:hover { color: #00498C; } a.enlace-destacado { } a.enlace-destacado:hover { } a.enlace-masinformacion-es { display: block; margin: 4px 0px 4px 0px; width: 71px; height: 18px; background-image: url(/MODULOS/_GLOBAL/publico/interfaces/img/es/boton_masinfo.gif); background-repeat: no-repeat; } a.enlace-masinformacion-es span { display: none; } a.enlace-solicitar-es { display: block; margin: 4px 0px 4px 0px; width: 71px; height: 18px; background-image: url(/MODULOS/_GLOBAL/publico/interfaces/img/es/boton_solicitar.gif); background-repeat: no-repeat; } a.enlace-solicitar-es span { display: none; } a.enlace-ampliar-es { display: block; margin: 4px 0px 4px 0px; width: 71px; height: 18px; background-image: url(/MODULOS/_GLOBAL/publico/interfaces/img/es/boton_ampliar.gif); background-repeat: no-repeat; } a.enlace-ampliar-es span { display: none; } a.enlace-salir-es { display: block; margin: 4px 0px 4px 0px; width: 71px; height: 18px; background-image: url(/MODULOS/_GLOBAL/publico/interfaces/img/es/boton_salir.gif); background-repeat: no-repeat; } a.enlace-salir-es span { display: none; } #cuerpo strong { color: #333333; } #cuerpo a { color: #006699; } #cuerpo a:hover { color: #00498C; } /* ESTILOS PARA LA LINEA */ .linea { color: #D6D6D6; background-color: #D6D6D6; height: 1px; } .linea2 { color: #B5D1E6; background-color: #B5D1E6; height: 1px; } .linea3 { color: #116FAF; background-color: #116FAF; height: 1px; } /* ESTILOS PARA FLOTAR Y ALINEAR Y PADDING */ .flotar-izquierda { float: left; } .flotar-derecha { float: right; } .alinear-izquierda { text-align: left; } .alinear-derecha { text-align: right; } .padding-izquierda { padding: 0px 15px 15px 0px; } .padding-derecha { padding: 0px 0px 15px 15px; } /* ESTILOS PARA BORRAR ESTILOS Y OCULTAR*/ .borrar { clear: both; } .ocultar { display: none; } .contenedor:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; } /* Hides from IE-mac \*/ * html .contenedor {height: 1%;} /* End hide from IE-mac */