/* ------------------------------------------------- IVÁN MAÑERO - Instituto de cirugía plástica Estilos especiales para el apartado SERVICIOS Creado el 15/11/2008 Ultima Mod.: 3/12/2008 - Desactivados los desplegables, ha habido que cambiar la posición de la imagen de fondo en los elementos del menú ------------------------------------------------- */ /* ------------------------------------------------- GENERAL - Estilos no específicos del idioma ------------------------------------------------- */ body.pagina694 #contenido #texto, body.pagina695 #contenido #texto {margin-top:-2px;} #subnav-servicios {position:relative; float:left; clear:both; margin:7px 0 -5px 0; padding-bottom:3px; background:#39393B url(../images/secciones/subnav-bottom2.jpg) bottom left no-repeat;} #subnav-servicios span {position:absolute; top:0; left:0; display:block; z-index:300; width:246px; height:8px; background:url(../images/secciones/subnav-top_oscuro.jpg) top left no-repeat;} #subnav-servicios li {display:block; width:246px; height:auto;} #subnav-servicios li ul {display:none; font-size:12px; line-height:16px; padding:0 20px 10px 15px; margin-top:-5px;} #subnav-servicios li ul li {background:url(../images/secciones/subnav2-bgitem.gif) 0 5px no-repeat;} #subnav-servicios li ul li.current {background:url(../images/secciones/subnav2-bgitem-current.gif) 0 5px no-repeat;} #subnav-servicios li ul li ul li {background:none;} /* ------------------------------------------------------------------------------ Se indica que submenú está desplegado por defecto al entrar una sección desde el javascript en el de cada plantilla. Estos estilos son los que indican qué aspecto tiene la categoría cuando está desplegada ------------------------------------------------------------------------------- */ body.plastica li#subnav-servicios_plastica ul.nav2, body.estetica li#subnav-servicios_estetica ul.nav2, body.genital li#subnav-servicios_genital ul.nav2, body.peso li#subnav-servicios_peso ul.nav2, body.genero li#subnav-servicios_genero ul.nav2, body.paciente li#subnav-servicios_paciente ul.nav2 {display:block; background:url(../images/secciones/subnav-subseccion-bg_oscuro.jpg) bottom left no-repeat; padding-bottom:20px;} /* ------------------------------------------------------------------------------ Quitamos fondo y padding del tercer nivel de menu ------------------------------------------------------------------------------- */ ul#subnav-servicios ul.nav2 li ul.nav3 {display:none; background-image:none;} ul#subnav-servicios ul.nav2 li.current ul.nav3 {display:block; padding:10px 0 8px 0;} /* ------------------------------------------------------------------------------ Hay que corregir los links de las subcategorías (y los links del tercer nivel) respecto a los de las categorías, que tienen definido un espacio más grande para la imagen de fondo ------------------------------------------------------------------------------- */ li#subnav-servicios_estetica ul li a, li#subnav-servicios_plastica ul li a, li#subnav-servicios_genero ul li a, li#subnav-servicios_genital ul li a, li#subnav-servicios_peso ul li a, li#subnav-servicios_paciente ul li a {text-decoration:none; background:none; padding-left:14px; height:20px; line-height:18px; text-indent:0; color:#b1b1b1;} li#subnav-servicios_genital ul li.doble {width:210px; height:36px;} li#subnav-servicios_estetica ul li a:hover, li#subnav-servicios_plastica ul li a:hover, li#subnav-servicios_genero ul li a:hover, li#subnav-servicios_genital ul li a:hover, li#subnav-servicios_peso ul li a:hover, li#subnav-servicios_paciente ul li a:hover {color:#FFF;} body.plastica li#subnav-servicios_plastica ul li a, body.estetica li#subnav-servicios_estetica ul li a, body.genital li#subnav-servicios_genital ul li a, body.peso li#subnav-servicios_peso ul li a, body.genero li#subnav-servicios_genero ul li a, body.paciente li#subnav-servicios_paciente ul li a, body.plastica li#subnav-servicios_plastica ul li a:hover, body.estetica li#subnav-servicios_estetica ul li a:hover, body.genital li#subnav-servicios_genital ul li a:hover, body.peso li#subnav-servicios_peso ul li a:hover, body.genero li#subnav-servicios_genero ul li a:hover, body.paciente li#subnav-servicios_paciente ul li a:hover {text-decoration:none; background:none; padding-left:14px; height:20px; line-height:18px; text-indent:0;} body.plastica li#subnav-servicios_plastica ul li.current a, body.estetica li#subnav-servicios_estetica ul li.current a, body.genital li#subnav-servicios_genital ul li.current a, body.peso li#subnav-servicios_peso ul li.current a, body.genero li#subnav-servicios_genero ul li.current a, body.paciente li#subnav-servicios_paciente ul li.current a {height:auto; color:#c6b192; font-weight:bold;} /* Corregimos los estilos de los links de nav3 */ ul#subnav-servicios li ul li.current ul.nav3 a {font-weight:normal; color:#838383;} ul#subnav-servicios li ul li.current ul.nav3 a:hover {font-weight:normal; color:#CCC;} ul#subnav-servicios li ul li.current ul.nav3 li.current {background:none;} ul#subnav-servicios li ul li.current ul.nav3 li.current a, ul#subnav-servicios li ul li.current ul.nav3 li.current a:hover {font-weight:normal; color:#FFF;} /* ------------------------------------------------- Imágenes de fondo ------------------------------------------------- */ li#subnav-servicios_plastica a {background-position:0 0;} li#subnav-servicios_plastica a:hover {background-position:0 -216px;} body.plastica li#subnav-servicios_plastica a {height:44px; background-position:0 -696px;} /* Antes de eliminar el desplegable: body.plastica li#subnav-servicios_plastica a, body.plastica li#subnav-servicios_plastica a:hover {height:44px; background-position: 0 -432px;} body.plastica li#subnav-servicios_plastica .activo, body.plastica li#subnav-servicios_plastica .activo:hover {height:44px; background-position:0 -696px;}*/ li#subnav-servicios_estetica a {background-position:0 -36px;} li#subnav-servicios_estetica a:hover {background-position:0 -252px;} body.estetica li#subnav-servicios_estetica a {height:44px; background-position:0 -740px;} /* Antes de eliminar el desplegable: body.estetica li#subnav-servicios_estetica a, body.estetica li#subnav-servicios_estetica a:hover {height:44px; background-position: 0 -476px;} body.estetica li#subnav-servicios_estetica .activo, body.estetica li#subnav-servicios_estetica .activo:hover {height:44px; background-position:0 -740px;}*/ li#subnav-servicios_genital a {background-position:0 -72px;} li#subnav-servicios_genital a:hover {background-position:0 -288px;} body.genital li#subnav-servicios_genital a {height:44px; background-position:0 -784px;} /* Antes de eliminar el desplegable: body.genital li#subnav-servicios_genital a, body.genital li#subnav-servicios_genital a:hover {height:44px; background-position: 0 -520px;} body.genital li#subnav-servicios_genital .activo, body.genital li#subnav-servicios_genital .activo:hover {height:44px; background-position:0 -784px;}*/ li#subnav-servicios_peso a {background-position:0 -108px;} li#subnav-servicios_peso a:hover {background-position:0 -324px;} body.peso li#subnav-servicios_peso a {height:44px; background-position:0 -564px;} /* Antes de eliminar el desplegable: body.peso li#subnav-servicios_peso a, body.peso li#subnav-servicios_peso a:hover {height:44px; background-position: 0 -564px;} body.peso li#subnav-servicios_peso .activo, body.peso li#subnav-servicios_peso .activo:hover {height:44px; background-position:0 -828px;}*/ li#subnav-servicios_genero a {background-position:0 -144px;} li#subnav-servicios_genero a:hover {background-position:0 -360px;} body.genero li#subnav-servicios_genero a {height:44px; background-position:0 -874px;} /* Antes de eliminar el desplegable: body.genero li#subnav-servicios_genero a, body.genero li#subnav-servicios_genero a:hover {height:44px; background-position: 0 -608px;} body.genero li#subnav-servicios_genero .activo, body.genero li#subnav-servicios_genero .activo:hover {height:44px; background-position:0 -872px;}*/ /* Servicios - otros estilos */ /* TITULOS NUEVOS */ body#servicios #texto h1 {background:none; text-indent:0;} body#servicios #texto h2 {font-weight:normal; font-size:12px; color:#b1b1b1; line-height:16px; padding-bottom:10px; text-decoration:underline; cursor:pointer;text-transform:uppercase;} body#servicios #texto h2.menuheader {color:#c0a891;} body#servicios #texto h2.activo {color:#FFFFFF;} /* body#servicios #texto h3 {font-size:12px; font-weight:bold; padding:10px 0; margin-top:10px; color:#FFF;}*/ body#servicios #texto h4 {font-size:12px; font-weight:bold; padding-bottom:10px; color:#c0a891;} body#servicios #texto h5 {font-size:12px; font-weight:bold; text-indent:20px; padding-bottom:10px; color:#FFF;} body#servicios div.introduccion {padding-bottom:10px;} body#servicios #texto a {color:#999; text-decoration:none;} body#servicios #texto ul, body#servicios div.introduccion ul {list-style-type:disc; list-style-position:outside; padding:15px 0 15px 20px;} body#servicios #texto a:hover {color:#CCC; text-decoration:underline;} body#servicios #texto div.servicios-intro {padding-bottom:12px;} body#servicios ul.categoryitems {padding-bottom:15px;}body#servicios #texto ul.categoryitems,body#servicios #texto ul.categoryitems li {list-style-type:none;} body#servicios ul.subcategoryitems {padding-top:5px;} /* Correccion para apartado BELLAS Y BELLOS SIN VELLO */ body.pagina607 h1#servicios-detalle {display:none;} /* Correccion para que si un título es muy largo lo "rompa" en dos líneas */ body#servicios ul.nav2 li a, body#servicios ul.nav3 li a {width:190px; display:block;}