/* FAUS-MOLINER.com ----------------------------- */ /* General ----------------------------- */ * {margin:0; padding:0; outline:none;} p {margin:0 0 12px 0;} b, strong {font-weight:bold;} img {border:none;} a {text-decoration:none; outline:none;} table {border-collapse:collapse; padding:0; border:none;} body {background:#ECEAE0;} #container {position:relative; float:left; display:block; top:10px; left:50%; margin-left:-475px; width:949px; z-index:1; overflow-x:hidden; background:url(../images/general/bg.gif) top left repeat-y; border-bottom:20px solid #ECEAE0;} body#home #container {width:950px; z-index:1;} a.submenuitem {display:block; padding:8px 0 0 20px;} /* Encabezado ----------------------------- */ body#home #header {position:relative; float:left; width:948px; clear:both; height:88px; top:0; left:0; background:url(../images/general/bgheader.gif) top left repeat-y; z-index:2;} #header {position:relative; float:left; width:949px; clear:both; height:149px; top:0; left:0; background:url(../images/general/bgheader.gif) top left repeat-y; z-index:2;} #header #banner {position:absolute; top:0; left:0; width:949px; height:119px;} #header #banner #banner-img1 {position:relative; float:left; width:208px; height:119px; overflow:hidden;} #header #banner #banner-img3 {position:relative; float:left; width:238px; height:119px; overflow:hidden;} #header #banner #banner-img2 {position:relative; float:left; width:503px; height:119px; overflow:hidden;} #header h1 a {display:block; width:237px; height:30px;} #header h2 {position:absolute; top:119px; left:208px; width:503px; height:30px; text-indent:-9999px;} /* Sidebar - home ----------------------------- */ body#home #sidebar {position:relative; float:left; width:206px; height:335px; background:url(../images/general/bg.jpg) top left repeat-y; top:-67px; z-index:20;} body#home #footer {position:relative; top:-127px; z-index:100; float:left; clear:both; width:949px; height:155px; clear:both; padding-bottom:10px;} #sidebar {position:relative; float:left; width:206px; padding-bottom:200px; background:url(../images/general/bg.gif) top left repeat-y;} #capsulas {position:relative; float:left; height:330px; width:196px; overflow:hidden;} #capsulas h3 {margin:0 0 0 -24px; width:206px; height:65px; background:url(../images/home/capsulas.gif) 1px 0px no-repeat; text-indent:-9999px; overflow:hidden;} #capsulas h3 a {display:block; width:206px; height:76px;} #capsulas h4 {width:136px; padding-bottom:22px; text-align:left; font:bold 11px/16px arial, sans-serif; color:#357664;} #capsulas h4 a {color:#357664; text-decoration:underline;} #capsulas span {display:block; margin-top:13px; padding:0 10px 0 30px; font:11px/14px arial, sans-serif; color:#777; height:200px;} /* Correccion 6/11/2008 - no se veia el resumen completo en el scrollable div */ #capsulas div#pane span {height:auto; margin-bottom:15px;} #capsulas div#pane {height:250px; padding-bottom:15px;} /* Contenido - home ----------------------------- */ body#home #main {position:absolute; width:740px; overflow-x:hidden; top:118px; right:0; margin:0; padding:0; z-index:10;} body#home #main #img1 {position:relative; float:left; display:inline; margin-top:12px; margin-left:22px; width:706px; height:221px; overflow:hidden;} body#home #main #img2 {position:relative; float:left; display:inline; margin-top:12px; margin-left:22px; width:245px; height:156px; overflow:hidden;} body#home #main #img3 {position:relative; float:left; display:inline; margin-top:12px; margin-left:12px; width:450px; height:156px; overflow:hidden;} /* Contenido - secciones ----------------------------- */ #nav {position:relative; float:left; clear:both; list-style-type:none; display:block; padding-top:46px; margin-left:1px; padding-bottom:20px;} #nav li {position:relative; float:left; clear:both; display:block; text-indent:-9999px; width:207px;} #nav li a {display:block; width:100%; height:100%; background-position:0px 0px;} #main {position:relative; float:left; width:638px; padding:50px 50px 0 55px; font:12px/18px arial, sans-serif; color:#666; z-index:3;} /* Opciones Añadido el 5/5/2008, mover icono de imprimir y de seleccion de tamaño de letra a la parte superior ---------------------------------------------------------------- */ #opciones {position:relative; float:left; width:950px; padding:10px 0; height:15px; background:#ECEAE0; font:11px/14px arial, sans-serif} #opciones a {color:#357664;} #opciones ul#opciones-texto {list-style-type:none; position:absolute; left:845px; width:130px;} #opciones li {display:inline;} #opciones li.imprimir {position:absolute; top:0; left:0; padding-top:2px; padding-left:30px; background:url(../images/footer/print.gif) 13px 6px no-repeat; font:11px/16px arial, sans-serif;} #opciones li.imprimir a {text-decoration:none;} #opciones li.fontresizing {padding-left:15px; position:absolute; top:0; left:60px; } #opciones .fontsmaller {display:inline; width:12px; padding-right:2px; height:17px; text-indent:-9999px; border:none; background:url(../images/general/textresize_smaller.gif) top center no-repeat;} #opciones .fontbigger {display:inline; width:12px; height:17px; text-indent:-9999px; border:none; background:url(../images/general/textresize_bigger.gif) top center no-repeat;} #opciones .fontsmaller:hover, #opciones .fontbigger:hover {cursor:hand;} /* Idioma (modificado el 5/5, antes estaba en el footer y ahora aparece dentro de #opciones) --------------------------------------------- */ #opciones #idioma {position:absolute; left:720px; width:120px; text-align:right; list-style-type:none; font:11px/16px arial, sans-serif; font-style:normal; text-transform:lowercase; padding-top:2px; text-align:right;} body#home #opciones #idioma {position:absolute; left:828px; width:120px; text-align:right; list-style-type:none; font:11px/16px arial, sans-serif; font-style:normal; text-transform:lowercase; padding-top:2px;} #opciones #idioma li {position:relative; display:inline; text-align:right;} #opciones #idioma li a {text-decoration:none;} #opciones #idioma li a.ws_lang_not_selected {color:#357664; padding-left:5px; } #opciones #idioma li a.ws_lang_selected {display:none;} /* Oficina ----------------------------- */ body#oficina #main {position:relative; float:left; width:648px; padding:50px 40px 0 55px; font:12px/18px arial, sans-serif; color:#666; z-index:3;} #oficina div.sub {padding-bottom:20px; position:relative; float:left; clear:both; width:648px;} #oficina div.sub p {margin:0;} #oficina div.sub p a {text-decoration:underline; color:#357664;} #oficina div.sub h3 {margin-bottom:15px; font:bold 12px/16px verdana, sans-serif; color:#357664;} #oficina div.sub h4 {margin-top:15px; font:bold 12px/16px verdana, sans-serif; color:#357664;} #mapa {position:relative; float:left; padding-bottom:30px;} body#oficina div#direcc {position:relative; float:left; margin-bottom:20px; border-bottom:1px solid #DEDEDE;} body#oficina address.direccion {position:relative; float:left; clear:left; display:block; width:250px; font-style:normal; font-weight:bold;} body#oficina address.contacto {position:relative; float:left; clear:right; display:block; width:390px; font-style:normal; font-weight:bold;} body#oficina address a {color:#357664;} body#oficina address a:hover {color:#357664; text-decoration:underline;} #indicaciones {position:relative; display:inline; float:left; clear:right; margin-left:21px; margin-top:-12px; list-style-type:none; font:bold 12px/12px arial, sans-serif;} #indicaciones li {margin-bottom:16px; height:12px; padding:8px 0 8px 25px;} #indicaciones li img {vertical-align:middle; margin-right:5px;} #indicaciones a {color:#357664;} div.subir {position:relative; float:right; top:-18px; right:0; width:158px; padding:0; margin:0 0 0 500px; text-align:right;} h5 div.subir a.boton, h5 div.subir-final a.boton {font-weight:normal;} div.subir-final {position:relative; float:right; top:-16px; right:0; width:158px; padding:0; margin:0 0 0 500px; text-align:right;} div.subir a.boton, div.subir-final a.boton {text-decoration:none; color:#357664; height:13px; padding:2px 24px 4px 0; font-size:11px; background:url(../images/general/subir.gif) top right no-repeat;} /* Equipo ----------------------------- */ #equipo div#miembros, #equipo div#recruitment, #equipo #foto, #equipo #datos {position:relative; float:left;} #equipo #foto a {display:block; padding:15px 0;} #equipo div#recruitment {margin-left:100px;} #equipo div#miembros h3, #equipo div#recruitment h3 {font:bold 14px/14px arial, sans-serif; color:#357664; text-transform:uppercase;} #equipo #main ul {margin:30px 0; list-style-type:none;} #equipo #main ul li {margin-bottom:10px;} #equipo a {color:#357664; text-decoration:underline;} #equipo #foto {margin-right:65px;} #equipo #foto p {background:url(../images/equipo/volver.gif) top left no-repeat; font:12px/22px arial, sans-serif; margin-top:15px;} #equipo #foto p a {text-decoration:none; padding-left:25px; display:block;} #equipo #datos {width:275px;} #equipo #datos h3 {font:bold 14px/14px arial, sans-serif; color:#357664; margin-bottom:30px; text-transform:uppercase;} #equipo #datos h4 {font:bold 12px/12px arial, sans-serif; color:#357664; margin-bottom:20px;} #equipo #datos p {margin:0 0 20px 0;} #equipo #datos p.contacto-tel, #equipo #datos p.contacto-mvl, #equipo #datos p.contacto-email {font:14px/20px arial, sans-serif; color:#666; margin-bottom:15px;} #equipo #datos p.contacto-tel img, #equipo #datos p.contacto-mvl img, #equipo #datos p.contacto-email img {vertical-align:middle; margin-right:10px;} #equipo #datos p.contacto-email a {text-decoration:none; color:#666;} #equipo h3 {font:bold 14px/14px arial, sans-serif; color:#357664; margin-bottom:30px; text-transform:uppercase;} #equipo .newsitem_volver {position:absolute; top:44px; right:55px; background:url(../images/equipo/volver.gif) top left no-repeat; font:12px/22px arial, sans-serif;} #equipo .newsitem_volver a {text-decoration:none; color:#357664; display:block; padding-left:25px; } div.newsitem_volver_articulos {position:absolute; top:44px; right:55px; background:url(../images/equipo/volver.gif) top left no-repeat; font:12px/22px arial, sans-serif;} div.newsitem_volver_articulos a {text-decoration:none; color:#357664; display:block; padding-left:25px; } #equipo div#ultimas {padding-bottom:10px; display:none;} #equipo div#ultimas h3 {padding-top:20px;} #equipo div#ultimas div.post-individual {display:block; padding-bottom:10px;} #equipo div#ultimas div.post-title {font-weight:bold; color:#357664;} #equipo div#ultimas div.post-text {font-weight:italic;} /* Areas de actividad ----------------------------- */ #areas #main ul {list-style-type:none;} #areas #main ul li {margin-bottom:10px;} #areas #main ul li ul {padding-left:20px; margin-top:10px;} #areas-sub #main h3 {text-transform:uppercase; font:bold 14px/14px arial, sans-serif; color:#357664; margin-bottom:30px;} #areas-sub #main h4 {font:bold 14px/14px arial, sans-serif; color:#357664; margin-bottom:30px;} #areas-sub #main div.subcontent {padding-bottom:18px;} #areas #main a, #areas-sub #main .text a {color:#357664; text-decoration:underline;} #areas-sub #main ul {list-style-type:disc; list-style-position:outside; padding-left:30px; margin-bottom:12px;} #areas-sub .newsitem_volver {position:absolute; top:44px; right:55px; background:url(../images/equipo/volver.gif) top left no-repeat; font:12px/22px arial, sans-serif;} #areas-sub .newsitem_volver a {text-decoration:none; color:#357664; display:block; padding-left:25px; } /* Publicaciones ----------------------------- */ #publicaciones div#categorias, #publicaciones div#recientes {position:relative; float:left;} #publicaciones div#categorias {width:200px;} #publicaciones div#recientes {margin-left:100px; width:320px;} #publicaciones #main h3, #publicaciones-sub #main h3 {font:bold 14px/14px arial, sans-serif; color:#357664; text-transform:uppercase;} #publicaciones-sub #sidebar {padding-bottom:100px;} #publicaciones div#recientes p, #publicaciones ul#lista-recientes p, #publicaciones-sub ul#lista-recientes p {margin:0;} #publicaciones #main ul, #publicaciones-sub #main ul {margin:30px 0; list-style-type:none;} #publicaciones #main ul li, #publicaciones-sub #main ul li {margin-bottom:10px;} /*#publicaciones #main a, #publicaciones-sub #main ul a {color:#357664; text-decoration:underline;} */ #publicaciones #main h3 a {text-decoration:none;} #results td p {margin:0 0 -15px 0; padding:0;} .pg-selected {font-weight:normal; font-weight:bold; text-decoration:none; cursor:pointer;} .pg-normal {text-decoration:underline; cursor:pointer; color:#357664;} #pageNavPosition {width:100%; text-align:center;} /* Links ----------------------------- */ #links div#juridicos, #links div#otroslinks {position:relative; float:left;} #links div#otroslinks {margin-left:100px;} #links #main h3 {font:bold 14px/14px arial, sans-serif; color:#357664;} #links #juridicos ul, #links #otroslinks ul {margin:30px 0; list-style-type:none;} #links #juridicos ul li, #links #otroslinks ul li {margin-bottom:6px;} #links #main li a {color:#357664; text-decoration:underline;} #links #content {position:relative; float:left; clear:both; margin-top:0px; width:640px; border-top:1px solid #E1E7E4; z-index:20;} #links #content h3 {margin:30px 0;} #links #content h4 {font:bold 12px/12px arial, sans-serif; color:#666; margin-bottom:20px;} #links #content h5 {font:bold 12px/12px arial, sans-serif; color:#666; padding-left:20px; margin-bottom:18px;} #links #content ul {list-style-type:none; padding-left:20px;} #links #content li {margin-bottom:5px;} /* Noticias ----------------------------- */ #noticias #main {padding-bottom:12px;} #noticias #main h3 {font:bold 14px/20px arial, sans-serif; color:#357664; margin-bottom:30px; width:500px;} #noticias #main h4 {font:bold 12px/18px arial, sans-serif; color:#357664;} #noticias .newsmain_item {position:relative; float:left; clear:both; margin-bottom:10px; padding-bottom:10px; border-bottom:1px dotted #DEDEDE; width:640px;} #noticias .newsmain_description {display:block;} /* MOD.: tratar de sobreescribir los estilos del editor de WSCraft FECHA: 1 Octubre 2008 ----------------------------------------- */ #noticias .newsmain_item .newsmain_description span, #noticias div#main span {font-family:Arial, sans-serif !important; font-size:12px !important;} #noticias .newsmain_description p {margin:0;} #noticias .newsmain_leermas {display:block; width:100%;} #noticias .newsmain_leermas a {text-decoration:underline; color:#357664;} #noticias .fecha {display:block; padding-bottom:20px;} #noticias a {text-decoration:underline; color:#357664;} #noticias .newsitem_volver {position:absolute; top:44px; right:55px; background:url(../images/equipo/volver.gif) top left no-repeat; font:12px/22px arial, sans-serif;} #noticias .newsitem_volver a {text-decoration:none; color:#357664; display:block; padding-left:25px; } /* MOD.: nueva plantilla noticias FECHA: 23 Octubre 2008 ----------------------------------------- */ body#noticias div#main h3#noticia_titulo {line-height:20px; width:450px;} div#noticia_texto {text-align:left !important;} body#noticias div#main div#noticia_texto a {font-weight:bold !important;} div#noticia_texto ul, div#noticia_texto ol {padding-left:10px; list-style-position:inside; padding-bottom:12px;} div#noticia_imagen {position:relative; float:right; clear:none; margin:0 0 20px 30px; display:inline;} /* .newsitem_mediabox {list-style-type:none; margin-left:-15px;} .newsitem_mediabox li {position:relative; display:block; float:left; margin-left:15px; padding-bottom:15px;} */ #noticias .archivos {position:relative; float:left; clear:both; padding-bottom:10px; width:100%;} #noticias .archivos ul {list-style-type:none;} #noticias .amigo {position:relative; float:right; clear:both;} /* Conferencias ----------------------------- */ #conferencias #main h3 {font:bold 14px/14px arial, sans-serif; color:#357664; margin-bottom:30px;} #conferencias #main h4 {font:bold 12px/18px arial, sans-serif; color:#357664;} #conferencias .newsmain_item {position:relative; float:left; clear:both; margin-bottom:10px; padding-bottom:10px; border-bottom:1px dotted #DEDEDE;} #conferencias .newsmain_description {display:block;} #conferencias .newsmain_description p {margin:0;} #conferencias .newsmain_leermas {display:block; width:100%;} #conferencias .newsmain_leermas a {text-decoration:underline; color:#357664;} #conferencias a {text-decoration:underline; color:#357664;} #conferencias .newsitem_volver {position:absolute; top:44px; right:55px; background:url(../images/equipo/volver.gif) top left no-repeat; font:12px/22px arial, sans-serif;} #conferencias .newsitem_volver a {text-decoration:none; color:#357664; display:block; padding-left:25px; } #conferencias .fotos {position:relative; float:left; clear:both; list-style-type:none; margin-left:-15px;} #conferencias .fotos li {position:relative; display:block; float:left; margin-left:15px; padding-bottom:15px;} #conferencias .newsitem_mediabox {position:relative; float:left; clear:both;} #conferencias .archivos {position:relative; float:left; clear:both; padding-bottom:10px; width:100%;} #conferencias .archivos ul {list-style-type:none;} #conferencias .amigo {position:relative; float:right; clear:both;} /* Mapa web ----------------------------- */ #mapaweb ul.sitemap {list-style-position:inside; padding-bottom:12px;} #mapaweb ul.sitemap li.sitemap1 {list-style-type:none; font-weight:bold;} #mapaweb ul.sitemap li.sitemap1 a {text-decoration:underline; color:#357664;} #mapaweb ul.sitemap li.sitemap2 {list-style-type:disc; margin-left:10px; font-weight:bold;} #mapaweb ul.sitemap li.sitemap2 a {text-decoration:underline; color:#999;} #mapaweb ul.sitemap li.sitemap3 {list-style-type:disc; margin-left:20px;} #mapaweb ul.sitemap li.sitemap3 a {text-decoration:underline; color:#999;} #mapaweb ul.sitemap li.sitemap4 {list-style-type:disc; margin-left:30px;} #mapaweb ul.sitemap li.sitemap4 a {text-decoration:underline; color:#999;} /* Busqueda ----------------------------- */ body#buscar #main a {text-decoration:underline; color:#357664;} body#buscar #main a:hover {text-decoration:underline; color:#357664;} body#buscar form label {padding-right:4px;} body#buscar form input {border:none; border-right:4px solid #FFF; padding:2px; background-color:#DEDEDE; color:#444;} body#buscar form select.dropdown {border:none; border-right:4px solid #FFF; padding:2px; background-color:#DEDEDE; color:#444;} body#buscar form input.enviar {background:#FFF; color:#357664;} ul#search {list-style-type:none;} ul#search li {display:block; position:relative; float:left; clear:both; margin-bottom:15px;} ul#search li h3 {font:12px/14px arial, sans-serif; margin:0;} /* Busqueda lateral ----------------------------- */ div#sidebar_buscar {position:relative; float:left; padding-left:30px; padding-top:20px;} div#sidebar_buscar form {display:inline; position:relative; float:left; padding-bottom:12px;} div#sidebar_buscar .buscar {border:none; background-color:#FFF; width:130px; height:13px; padding:2px 2px 0 2px; position:relative; float:left; margin-right:5px; font:11px/11px arial, sans-serif; color:#666;} div#sidebar_buscar .lupa {position:relative; float:left; margin:2px 0 0 0; width:13px; height:13px; border:none; background:url(../images/general/buscar.gif) top left no-repeat;} /* Newsletter ----------------------------- */ ol#newsletterform {list-style-type:none; font:12px/12px arial, sans-serif; color:#666; display:block; width:400px;} ol#newsletterform li {display:block; width:400px; clear:both;} ol#newsletterform li.subs-unsubs {display:block; width:240px; padding-left:70px; clear:both;} ol#newsletterform label.subslabel {display:block; width:70px; position:relative; float:left; padding-top:5px; padding-left:5px; clear:none;} ol#newsletterform input.subs {display:block; position:relative; float:left; margin-top:5px; clear:none;} ol#newsletterform label {display:block; width:70px; float:left; padding-top:5px; text-align:left;} ol#newsletterform input.form {float:left; border:none; width:200px; padding:2px; background-color:#DEDEDE; margin-bottom:5px; clear:right; color:#666;} ol#newsletterform textarea.form {height:200px;} ol#newsletterform input.enviar {width:60px; border:none; margin-top:15px; margin-left:70px; background-color:#FFF; padding:2px 6px; background:none; text-align:left; color:#357664;} ol#newsletterform input.enviar:hover {cursor:hand;} /* Aviso Legal ----------------------------- */ body#avisolegal ul {list-style-type:none; width:580px;} body#avisolegal ul li.icono {position:relative; float:left; width:72px;} body#avisolegal ul li.texto {position:relative; float:left; width:500px; padding-bottom:20px;} body#avisolegal a {color:#357664;} /* Area Clientes ----------------------------- */ body#areaclientes #main {padding-bottom:14px;} body#areaclientes h3 {font:bold 14px/14px arial, sans-serif; color:#357664; text-transform:uppercase; margin-bottom:30px; padding-top:45px;} body#areaclientes h3.segundo {padding-top:30px;} body#areaclientes #main ul.menu {list-style-type:none; list-style-position:inside; color:#999;} body#areaclientes #main ul.menu li {padding:0 0 5px 0; margin:0;} body#areaclientes #main ul.menu li a {font-weight:bold; color:#357664; text-decoration:none;} body#areaclientes #main ul.menu li a span {text-decoration:underline; padding-left:2px;} body#areaclientes #main ul.menu li ul {margin-top:0px; margin-left:10px; list-style-type:none;} body#areaclientes #main ul.menu li ul li {padding:0; margin:0;} body#areaclientes #main ul.menu li ul a {font-weight:bold; color:#999;} body#areaclientes #main ul.menu li ul li ul a {font-weight:normal; color:#999;} .hidden {display:none;} #areaclientes .newsitem_volver {position:absolute; top:44px; right:55px; background:url(../images/equipo/volver.gif) top left no-repeat; font:12px/22px arial, sans-serif; z-index:99;} #areaclientes .newsitem_volver a {text-decoration:none; color:#357664; display:block; padding-left:25px; } ul.documentos a {font-weight:bold; color:#357664; text-decoration:underline;} ul.documentos li {background:none; padding:0 0 5px 0; list-style-type:none;} ul.documentos li span {color:#357664;} ul.attachments {list-style-type:none;} ul.attachments li {position:relative; float:left; padding-right:6px; font-weight:bold;} ul.attachments li img {margin-right:5px;} #areaclientes #disclaimer {padding:0 50px 20px 50px; margin-top:-3px;} #areaclientes #register {position:relative; float:left; clear:both; padding:20px 50px; width:540px;} #areaclientes a {color:#357664; text-decoration:underline;} /* Login ----------------------------- */ div#login {position:relative; float:left; clear:both; width:280px; padding-left:180px;} /* Correccion para login webmaster */ body#webmaster div#login {padding:0;} div#login ul {list-style-type:none;} div#login li {position:relative; float:left; display:block; clear:both; width:280px;} div#login li label {position:relative; float:left; display:block; width:130px; height:14px; padding-top:2px;} div#login li input {position:relative; float:left; display:inline; height:14px; width:146px; padding:2px; border:none; padding:2px; border-bottom:5px solid #FFF; background-color:#DEDEDE; color:#444;} div#login li input.checkbox {display:inline; margin-top:3px; width:16px; height:16px;} div#login li input.bot_enviar {position:relative; float:right; background:#FFF; color:#357664; padding:0; width:60px; text-align:right; height:20px; border:1px solid #FFF;} div#login li input.hidden {display:none;} div#bienvenido {position:relative; float:left; font:11px/16px arial, sans-serif; color:#666; padding:10px 0 0 30px;} div#bienvenido a {text-decoration:underline; color:#357664;} div.searchform {position:absolute; top:40px; left:55px; width:634px;} div.searchform form {display:inline; position:relative; float:left; padding-top:5px; padding-bottom:12px;} div.searchform .buscar {border:none; background-color:#DEDEDE; width:130px; height:15px; padding:2px 2px 0 2px; position:relative; float:left; margin-right:5px; font:12px/12px arial, sans-serif; color:#666;} div.searchform .lupa {position:relative; float:left; margin:2px 0 0 0; width:13px; height:13px; border:none; background:url(../images/general/buscar.gif) top left no-repeat;} div.searchform .bot_buscar {margin-top:-1px; border:none; background-color:#FFF; color:#357664;} /* Formulario de registro y formulario de edicion de datos de cuenta ----------------------------- */ div#registerform h3 {margin:-45px 0 30px 0;} div#editform h3 {margin:-45px 0 30px 0;} div#registerform ul, div#editform ul {list-style-type:none; width:335px;} div#registerform ul li, div#editform ul li {position:relative; float:left; clear:both;} div#registerform ul li.separator, div#editform li.separator {position:relative; float:left; clear:both; margin-top:15px;} div#registerform li label, div#editform li label {position:relative; float:left; display:block; width:180px; height:14px; padding-top:2px;} div#registerform li input, div#editform li input {position:relative; float:left; display:inline; height:14px; width:146px; padding:2px; border:none; border-bottom:5px solid #FFF; background-color:#DEDEDE; color:#444;} div#registerform li textarea, div#editform li textarea {position:relative; float:left; display:inline; width:146px; padding:2px; border:none; border-bottom:5px solid #FFF; background-color:#DEDEDE; color:#444; height:50px; overflow:auto; font:12px/14px arial, sans-serif;} div#registerform div#secureimage {position:relative; float:left;} div#registerform div#secureimage input {position:relative; float:left; clear:both; display:block;} div#registerform div#secureimage img {position:relative; float:left; clear:both; display:block;} div#registerform li.bot_enviar input, div#editform li.bot_enviar input {background:#FFF; color:#357664; border:none; height:20px;} div#registerform li.bot_enviar input.enviar, div#editform li.bot_enviar input.enviar {position:relative; float:right; text-align:right;} /* Formulario de newsletter (añadido Junio 2008) ----------------------------- */ body#newsletter #main a {color:#357664; text-decoration:underline;} div#newsletterform {position:relative; float:left; clear:both; width:700px; margin:15px 0;} div#newsletterform ul {list-style-type:none; width:280px; display:inline;} div#newsletterform ul li {position:relative; float:left; display:inline; clear:both;} div#newsletterform li label {position:relative; float:left; display:inline; width:80px; height:14px; padding-top:2px;} div#newsletterform li input.form {position:relative; float:left; display:inline; height:14px; width:200px; padding:2px; border:none; border-bottom:5px solid #FFF; background-color:#DEDEDE; color:#444;} div#newsletterform li textarea.form {position:relative; float:left; display:inline; width:200px; padding:2px; border:none; border-bottom:5px solid #FFF; background-color:#DEDEDE; color:#444; height:70px; overflow:auto; font:12px/14px verdana, sans-serif;} div#newsletterform li.bot_enviar {position:relative; float:left; top:-38px; z-index:500;} div#newsletterform li.bot_enviar input {background:#FFF; color:#357664; border:none; height:20px;} div#newsletterform li.bot_enviar input.enviar {font:bold 12px/14px arial, sans-serif; position:relative; float:left; text-align:right; margin-left:190px; width:100px;} div#newsletterform ul li span {position:relative; float:left; display:block; clear:both; margin-left:80px;} div#newsletterform ul li span#suscribirse input, div#newsletterform ul li span#anular input {width:12px;} /* Pie - Copyright, etc. ----------------------------- */ div#footer p#footermenu {text-align:center; margin:auto; width:420px; position:absolute; left:370px; bottom:20px; font:12px/18px arial, sans-serif; color:#666;} /* tambien en publicaciones */ div#footer p#footermenu span {padding-right:12px; margin:6px 0; line-height:8px;} /* tambien en publicaciones */ div#footer p#footermenu a {color:#357664;} /* tambien en publicaciones */ body#areas-sub div#footer {position:relative; float:left; clear:both; width:100%; height:172px; clear:both; padding-bottom:10px; z-index:2;} body#publicaciones-sub div#footer {position:relative; float:left; clear:both; width:100%; height:96px; margin-top:-86px; clear:both; padding-bottom:10px; z-index:2;} body#areas-sub div#footer p#footermenu a {text-decoration:underline;} #footer {position:relative; float:left; clear:both; width:100%; height:95px; margin-top:-105px; clear:both; padding-bottom:10px; z-index:2;} #sidefooter {position:relative; float:left; clear:both; color:#777; padding:0 30px;} #sidefooter #idioma {position:relative; float:left; clear:both; list-style-type:none; font:12px/16px arial, sans-serif; font-style:normal; text-transform:uppercase; padding-top:12px;} #sidefooter #idioma li {position:relative; float:left; margin-right:8px;} #sidefooter #idioma li a {text-decoration:none;} #sidefooter #idioma li a.ws_lang_not_selected {color:#357664;} #sidefooter #idioma li a.ws_lang_selected {display:none; margin:0; padding:0; visibility:hidden;} #sidefooter address {position:relative; float:left; clear:both; width:200px; margin-top:13px; font:10px/13px arial, sans-serif; font-style:normal;} #sidefooter address a {color:#777;} #sidefooter address a:hover {color:#357664;} #footer ul.sidebar, #footer ul.sidebar-home {position:absolute; width:180px; list-style-type:none; font:10px/10px arial, sans-serif; padding-left:30px; bottom:20px;} #footer ul.sidebar li, #footer ul.sidebar-home li {position:relative; float:left;} #footer ul.sidebar li a, #footer ul.sidebar-home li a {color:#357664; text-decoration:none;} #footer ul.sidebar-home li.sitemap {width:130px; padding-left:20px; background:url(../images/footer/mapaweb.gif) 0px 2px no-repeat; padding-bottom:8px;} #footer ul.sidebar li.avisolegal, #footer ul.sidebar-home li.avisolegal {position:relative; float:left; padding-right:6px;} #footer ul.sidebar li span.copyright, #footer ul.sidebar-home li span.copyright {color:#357664; padding-left:6px;} #footer ul.sidebar li.sitemap {padding-left:18px; background:url(../images/footer/mapaweb.gif) 0px 2px no-repeat; padding-bottom:8px;} #footer ul.sidebar li.imprimir {padding-left:18px; background:url(../images/footer/print.gif) 0px 2px no-repeat; padding-bottom:8px;} #footer ul.foot {position:relative; float:right; margin-top:14px; width:705px; list-style-type:none; font:12px/12px arial, sans-serif; padding: 2px 10px 0 20px; text-transform:uppercase; color:#357664; text-align:right;} #footer ul.foot a {color:#357664;} #footer ul.foot li {display:inline;} body#home ul.foot {font-weight:bold; width:705px; margin-right:5px;} body#home ul.foot li {position:relative; float:left; width:352px;} body#home ul.foot li.noticias {text-align:left;} body#home ul.foot li.recruitment {text-align:right;} /* Estilos especiales home (manteniendo el fondo blanco + bordes grises a diferencia de las demás secciones) */ body#home, body#capsulas, body#home div#opciones {background:#FFF;} body#home div#container {border-bottom:20px solid #FFF;} body#home #header {border-top:1px solid #CCC; border-left:1px solid #CCC; border-right:1px solid #CCC;} body#home h1, body#home #main {border-right:1px solid #CCC; width:742px;} body#home #sidebar {border-left:1px solid #CCC;} body#home #footer {border-right:1px solid #CCC; border-bottom:1px solid #CCC;} h1.suavizado {padding-bottom:30px;}