@charset "utf-8"; /* CÓMO HACER APLICAR UN CAMBIO SÓLO A UN EXPLORADOR (HACK) IE6 ---> * html propiedad IE7 ---> *+html propiedad Opera 9 y anteriores ---> html:first-child propiedad */ /* COMIENZO RESET PAGINAS Y REGLAS GENERALES FRAMEWORK CSS: * -sin bordes * -sin márgenes ni paddings * -sin fondos ni estilo para listas */ * {margin: 0; padding: 0; font: 100% Arial;} q:before,q:after {content: "";} sup {font-size: 0.8em;} sub {font-size: 0.8em;} ul {list-style-type: none;} a {border: none; text-decoration: none; color: #52006e;} a:link, a:visited, a:active {outline: none;} a:hover {text-decoration: underline;} img {border: none; text-decoration: none;} acronym {border: 0;} /* igualar las fuentes a todos los elementos */ h1, h2, h3, h4, h5, strong {font-size: 100%; font-weight: bold;} /* tablas */ table {width: 100%; border-collapse: collapse; border-spacing: 0;} /* propociona altura a divs sin altura con contenido flotado */ /* http://www.positioniseverything.net/easyclearing.html */ .clearfix:after {content: "."; display: block; height: 0; clear: both; visibility: hidden;} .clearfix {display: inline-block;} * html .clearfix {height: 1%;} .clearfix {display: block;} .b {border: 1px solid Yellow;} /*clase de uso rápido para destacar los bordes de un bloque*/ /* Loading de clueTip */ #cluetip-waitimage { width: 43px; height: 11px; position: absolute; background-image: url(/imagenes/comunes/loading.gif); } /* * cómo hacer png transparentes en IE6 * dado un div...: * #bloque {background: url(/imagenes/index/abcd.png); behavior: url(/estilos/ie6pngfix/iepngfix.php); * * si abcd.png está guardado con canal alfa, dejará ver el fondo. behavior sólo lo interpreta IE6. * */ img, .png { position: relative; behavior: expression((this.runtimeStyle.behavior="none")&&(this.pngSet?this.pngSet=true:(this.nodeName == "IMG" && this.src.toLowerCase().indexOf('.png')>-1?(this.runtimeStyle.backgroundImage = "none", this.runtimeStyle.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='" + this.src + "', sizingMethod='image')", this.src = "/imagenes/comunes/transparente.gif"):(this.origBg = this.origBg? this.origBg :this.currentStyle.backgroundImage.toString().replace('url("','').replace('")',''), this.runtimeStyle.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='" + this.origBg + "', sizingMethod='crop')", this.runtimeStyle.backgroundImage = "none")),this.pngSet=true)); } /* FIN RESET PAGINAS Y REGLAS GENERALES FRAMEWORK CSS */ /********************************************** ESTRUCTURA DE LA PAGINA ***********************************************/ body { background:#FFFFFF; margin:0; padding:0;} strong { font-family:Arial;} /********************************************** CABECERA ***********************************************/ #fnd_cabecera{float:left; width:100%; height:131px; background:url(/imagenes/blog/fnd_cabecera.gif) repeat-x;} #cabecera{width:989px; height:131px; margin:auto; position:relative;} #cabecera h1.titulo{padding-top:30px;} #cabecera h1 .el_blog{position:absolute;top:45px;} /*#cabecera a.prc{float:right; width:257px; height:120px; margin-right:16px; display:inline; background:url(/imagenes/blog/logo.gif) no-repeat; text-indent:-9999px;}*/ #cabecera a.prc{background:transparent url(/imagenes/blog/logo.gif) no-repeat scroll 0 -80px;clear:left;display:inline;float:left;height:40px;margin-left:16px;text-indent:-9999px;width:257px;} #cabecera span.logo{float:left; width:257px; height:80px; margin-left:16px; display:inline; background:url(/imagenes/blog/logo.gif) no-repeat; text-indent:-9999px;} /********************************************** CONTENIDO ***********************************************/ /*#fnd_contenido{float:left; width:100%; min-height:27px; background:url(/imagenes/blog/fondo.gif) top center no-repeat; margin:auto;}*/ /*#fnd_contenido{float:left; width:100%; min-height:27px; background:url(/imagenes/blog/fondo.gif) center 0 no-repeat; margin:auto;}*/ /*#fnd_contenido{float:left; width:100%; min-height:27px; background:url(/imagenes/blog/fondo.gif) center 0 no-repeat; margin:auto;}*/ #fnd_contenido{float:left; width:100%; min-height:27px; margin:auto;} /*#contenido{width:989px; margin:auto; margin-top:24px;}*/ #contenido{width:989px; margin:auto; margin-top:24px;} /*#contenido #interior{float:left; width:989px; background:url(/imagenes/blog/fnd_interior.gif) left repeat-y; padding-bottom:20px; min-height:849px;}*/ /*#contenido #interior{float:left; width:660px; background:url(/imagenes/blog/fnd_interior.gif) -327px 0 repeat-y; padding-bottom:20px; min-height:849px;}*/ #contenido #interior{float:left;display:inline; width:660px; padding-bottom:20px; min-height:1060px;height:auto !important;height:849px;} /*#contenido #interior .tamano{float:right; width:60px; height:28px; background:url(/imagenes/comunes/fondo_tamano.gif) no-repeat; display:inline; margin-right:14px; margin-top:-15px;}*/ #contenido #interior .tamano{float:left; width:60px; height:28px; background:url(/imagenes/comunes/fondo_tamano.gif) no-repeat; display:inline; margin-left:590px;_margin-left:550px; margin-top:-15px;z-index:9999;position:relative;} #contenido #interior .tamano a{float:left;display:inline; font-family:Arial; font-size:13px; color:#4A3B3B; font-weight:bold; margin-top:5px; margin-left:11px; display:inline;} /***** LISTADO DE LAS ÚLTIMAS ENTRADAS ****/ /*#contenido #interior .ultimas_entradas{float:left; width:546px; margin-top:10px; margin-left:373px; display:inline;}*/ #contenido #interior .ultimas_entradas{float:left; width:546px; margin-top:10px; margin-left:40px; display:inline;} /*** CADA ENTRADA ***/ #contenido #interior .ultimas_entradas .fondo_entrada{float:left; width:546px; background:url(/imagenes/blog/fnd_entorno.gif) top left no-repeat; margin-bottom:20px;} #contenido #interior .ultimas_entradas .fondo_entrada .entrada{float:left; width:535px; margin-left:11px; display:inline; border-bottom:1px solid #E7E7E7; padding-bottom:15px;} #contenido #interior .ultimas_entradas .fondo_entrada .entrada a.titulo{float:left; width:535px; font-family:Arial; font-size:1.4em; color:#2E3C44; font-weight:bold;} #contenido #interior .ultimas_entradas .fondo_entrada .entrada div.titulo{float:left; width:535px; font-family:Arial; font-size:1.4em; color:#2E3C44; font-weight:bold;} #contenido #interior .ultimas_entradas .fondo_entrada .entrada p{float:left; width:535px; font-family:Arial; font-size:0.95em; color:#5D4C4B; margin-top:10px; line-height:20px;} #contenido #interior .ultimas_entradas .fondo_entrada .entrada p a{font-family:Arial; font-size:100%; color:#4A3B3B;text-decoration:underline;font-weight:bold;} #contenido #interior .ultimas_entradas .fondo_entrada .entrada li{float:left; width:535px; font-family:Arial; font-size:0.95em; color:#5D4C4B; margin-top:10px; line-height:20px;} #contenido #interior .ultimas_entradas .fondo_entrada .entrada li a{font-family:Arial; font-size:100%; color:#4A3B3B;text-decoration:underline;font-weight:bold;} /*#contenido #interior .ultimas_entradas .fondo_entrada .entrada p a.leer{font-family:Arial; font-size:0.95em; color:#BFC509; font-weight:bold;}*/ #contenido #interior .ultimas_entradas .fondo_entrada .entrada a.leer{font-family:Arial; font-size:0.95em; color:#BFC509; font-weight:bold;float:right;} #contenido #interior .ultimas_entradas .fondo_entrada .entrada .multimedia{float:left; width:535px; margin-top:20px;} #contenido #interior .ultimas_entradas .fondo_entrada .entrada .datos_creacion{float:left; width:535px; margin-top:10px; font-family:Arial; font-size:0.625em; color:#A9A9A9;} #contenido #interior .ultimas_entradas .fondo_entrada .entrada .datos_creacion a{font-family:Arial; font-size:100%; color:#35424A; text-decoration:underline;} #contenido #interior .ultimas_entradas .fondo_entrada .entrada .archivos{float:left;margin-top:10px;width:535px;} #contenido #interior .ultimas_entradas .fondo_entrada .entrada .archivos a{float:left; margin-right:25px; display:inline; font-family:Arial; font-weight:bold; color:#4A3B3B; font-size:11px; height:22px; padding-top:10px; padding-left:35px;} #contenido #interior .ultimas_entradas .fondo_entrada .entrada .archivos a .nombre{font-family:Arial; font-weight:normal; color:#4A3B3B; font-size:11px; text-decoration:underline} #contenido #interior .ultimas_entradas .fondo_entrada .entrada .archivos a.zip{background:url(/imagenes/comunicacion/zip.gif) no-repeat;} #contenido #interior .ultimas_entradas .fondo_entrada .entrada .archivos a.audio{background:url(/imagenes/comunicacion/audio.gif) no-repeat;} #contenido #interior .ultimas_entradas .fondo_entrada .entrada .archivos a.documento{background:url(/imagenes/comunicacion/pdf.gif) no-repeat;} #contenido #interior .ultimas_entradas .fondo_entrada .entrada .archivos a.youtube{background:url(/imagenes/comunicacion/video.gif) no-repeat;} #contenido #interior .ultimas_entradas .fondo_entrada .entrada a.comentarios{float:right; font-family:Arial; font-size:0.75em; color:#5D4C4C; font-weight:bold; text-decoration:underline; background:url(/imagenes/blog/comentarios.gif) no-repeat; padding-left:30px; margin-top:15px;} /**** BIOGRAFÍA ****/ .ultimas_entradas img{float:left; margin-right:10px; margin-bottom:5px;} .ultimas_entradas p{font-family:Arial; color:#5D4C4B; margin-bottom:15px;} .ultimas_entradas p strong{font-family:Arial; font-size:100%; color:#5D4C4B;} /********************** Contenido de la fila con imprimir, compartir y votar **************************/ #interior .ultimas_entradas .fila_tareas{float:left; width:546px; height:41px; border-top:1px solid #BFBEBE; border-bottom:1px solid #BFBEBE; margin-top:12px;} #interior .ultimas_entradas .fila_tareas a.imprimir{float:left; width:21px; height:12px; margin-top:15px; display:inline; background:url(/imagenes/comunicacion/imprimir.gif) no-repeat; text-indent:-9999px;} #interior .ultimas_entradas .fila_tareas a.mail{float:left; width:24px; height:12px; margin-top:15px; margin-left:7px; display:inline; background:url(/imagenes/comunicacion/mail.gif) no-repeat; text-indent:-9999px;} #interior .ultimas_entradas .fila_tareas .compartir{float:left; font-family:Arial; font-size:0.7em; color:#727272; margin-top:13px; margin-left:5px;} #interior .ultimas_entradas .fila_tareas #valoraciones{float:left; width:60px;} #interior .ultimas_entradas .fila_tareas #valoraciones img{float:left; margin:0;} #interior .ultimas_entradas .fila_tareas #valoraciones p{font-family:Arial; font-size:0.625em; color:#232E34; font-weight:bold; line-height:9px; margin-top:-9px;} #interior .ultimas_entradas .fila_tareas a.facebook{float:left; width:14px; height:14px; background:url(/imagenes/comunicacion/facebook.gif) no-repeat; margin-left:5px; margin-top:13px; display:inline;} #interior .ultimas_entradas .fila_tareas a.delicius{float:left; width:14px; height:14px; background:url(/imagenes/comunicacion/delicius.gif) no-repeat; margin-left:5px; margin-top:13px; display:inline;} #interior .ultimas_entradas .fila_tareas a.technorati{float:left; width:16px; height:15px; background:url(/imagenes/comunicacion/tecnoraty.gif) no-repeat; margin-left:4px; margin-top:13px; display:inline;} #interior .ultimas_entradas .fila_tareas a.meneame{float:left; width:16px; height:16px; background:url(/imagenes/comunicacion/meneame.gif) no-repeat; margin-left:3px; margin-top:12px; display:inline;} #interior .ultimas_entradas .fila_tareas a.myspace{float:left; width:15px; height:16px; background:url(/imagenes/comunicacion/myspace.gif) no-repeat; margin-left:3px; margin-top:12px; display:inline;} #interior .ultimas_entradas .fila_tareas a.enlace{float:left; font-family:Arial; font-size:0.7em; color:#727272; margin-top:13px; margin-left:7px; text-decoration:underline;} #interior .ultimas_entradas .fila_tareas a.comentarios{float:left; width:90px; font-family:Arial; font-size:0.75em; font-weight:bold; color:#4A3B3B; margin-top:13px; margin-left:7px; text-decoration:underline; background:url(/imagenes/comunes/comentarios.gif) no-repeat; padding-left:30px;} /************************ Formulario para añadir un nuevo comentario ********************************/ #interior .ultimas_entradas .add_comentario{float:left; width:546px; margin-top:12px;} #interior .ultimas_entradas .add_comentario textarea{float:left; width:540px; height:111px; border:1px solid #BFBEBE; margin-top:10px;} #interior .ultimas_entradas .add_comentario .datos{float:left; width:206px; margin-top:5px;color:#929292;font-size:0.7em;} #interior .ultimas_entradas .add_comentario .datos label{float:left; width:206px; font-family:Arial; font-size:0.7em; color:#929292; margin-bottom:3px;} #interior .ultimas_entradas .add_comentario .datos input{float:left; width:204px; border:1px solid #BFBEBE; margin-bottom:5px;} #interior .ultimas_entradas .add_comentario .confirmar{float:left; width:175px; margin-top:5px; margin-left:20px; display:inline;} #interior .ultimas_entradas .add_comentario .confirmar span{float:left; width:190px; margin-top:15px; font-family:Arial; font-size:0.625em; color:#727272;} #interior .ultimas_entradas .add_comentario .confirmar span a{font-family:Arial; font-size:100%; color:#727272; text-decoration:underline;} #interior .ultimas_entradas .add_comentario .confirmar input{float:left; margin-right:5px;} #interior .ultimas_entradas .add_comentario input#envia{float:right; width:143px; height:40px; background:url(/imagenes/comunicacion/enviar_comentario.gif) no-repeat; border:none; margin-top:25px; cursor:pointer;} /************************ Listado de comentarios ********************************/ #interior .ultimas_entradas .listado_comentarios{float:left; width:546px; margin-top:12px;} #interior .ultimas_entradas .listado_comentarios .tot_comentarios{float:left; width:546px; border-top:1px solid #BFBEBE; padding-top:10px; font-family:Arial; font-size:0.75em; color:#4A3B3B; font-weight:bold; margin-bottom:10px;} #interior .ultimas_entradas .listado_comentarios .tot_comentarios img{float:left; margin-right:10px; margin-left:7px; display:inline;} #interior .ultimas_entradas .listado_comentarios .comentario{float:left; width:546px; border-top:1px solid #BFBEBE; background-color:#FBFAFA; padding-bottom:10px;} #interior .ultimas_entradas .listado_comentarios .respuesta{background-color:#DDDDDD;} #interior .ultimas_entradas .listado_comentarios .comentario .emisor{float:left; width:593px; margin-top:13px; margin-left:10px; display:inline; background:url(/imagenes/comunicacion/cuadro.gif) left center no-repeat; padding-left:13px; font-family:Arial; font-size:0.8em; color:#4A3B3B; font-weight:bold;} #interior .ultimas_entradas .listado_comentarios .comentario p{float:left; width:520px; margin-top:10px; margin-left:10px; font-family:Arial; font-size:0.8em; color:#4A3B3B;} #interior .ultimas_entradas .listado_comentarios .comentario .votar{float:left; width:590px; margin-top:5px; margin-left:10px;} #interior .ultimas_entradas .listado_comentarios .comentario .votar a{float:left; margin-right:25px; font-family:Arial; font-size:0.7em; font-weight:bold; color:#4A3B3B; display:inline; padding-top:8px;} #interior .ultimas_entradas .listado_comentarios .comentario .votar a.positivo{height:11px; background:url(/imagenes/comunicacion/favor.gif) center left no-repeat; padding-left:33px;} #interior .ultimas_entradas .listado_comentarios .comentario .votar a.negativo{height:12px; background:url(/imagenes/comunicacion/contra.gif) center left no-repeat; padding-left:23px;} /************************ Búsqueda sin resultados ********************************/ #interior .ultimas_entradas .sin_resultados{float:left; width:546px; text-align:center; margin-top:50px;font-family:Arial;font-size:1.5em;font-weight:bold;color:#B1BC20;} #interior .ultimas_entradas .sin_resultados span.palabro{font-family:Arial;font-size:100%;font-weight:bold;color:#000000;} /********************************************** MENU ***********************************************/ /*#menu{position:absolute; top:0; left: 0; width:321px; height:1025px; background:url(/imagenes/blog/fnd_menu.gif) no-repeat;}*/ #menu{position:absolute; top:0; right: 0; width:321px; height:1025px; background:url(/imagenes/blog/fnd_menu.gif) no-repeat;} /*#menu h1{float:left; margin-left:40px; margin-top:25px; display:inline;} #menu #menu h1 span{float:left; height:37px; margin-right:10px; display:inline;}*/ #menu a.rss{float:right; height:17px; font-family:Arial; font-size:0.625em; color:#858585; text-decoration:underline; margin-right:19px; background:url(/imagenes/blog/rss.gif) center right no-repeat; padding-right:28px; padding-top:3px; margin-top:24px;} /**** Resumen de la ficha ***/ #menu .info{float:left; width:272px; margin-left:83px; display:inline; margin-top:20px;} #menu .info img{float:left; width:168px; margin-right:14px; display:inline; border:1px solid #CFCFCF; padding:1px;} #menu .info a.nombre{float:left; width:148px; display:inline; font-family:Arial; font-size:0.875em; color:#C0C516; font-weight:bold;} #menu .info a.cargo{float:left; width:148px; display:inline; font-family:Arial; font-size:0.75em; color:#5D4C4B; font-weight:bold; margin-top:5px;} #menu .info p{float:left; width:148px; display:inline; font-family:Arial; font-size:0.9em; color:#5D4C4B; margin-top:5px;} #menu .info p a.leer{font-family:Arial; font-size:0.9em; color:#999E00; font-weight:bold;} /**** Buscador ****/ #menu .buscador{float:left; width:279px; margin-left:23px; display:inline; margin-top:20px; margin-bottom:20px;} #menu .buscador #buscar{float:left; width:178px; height:21px; border:none; background:url(/imagenes/comunes/buscar_input.gif) no-repeat; padding-left:31px; padding-top:7px;} #menu .buscador #enviar{float:left; width:70px; height:28px; border:none; background:url(/imagenes/comunes/buscar_button.gif) no-repeat; cursor:pointer;} /**** Entradas ****/ #menu #menu_cuerpo{background:url(/imagenes/blog/fondo_cuerpo_menu.gif) repeat-y 0 0;} #menu .desc_menu{float:left; width:264px; height:16px; border-bottom:2px solid #C0C516; margin-left:28px; display:inline; margin-top:15px;} #menu a.inicio{float:left; margin-left:28px; display:inline; font-family:Arial; font-size:0.7em; font-weight:bold; color:#A3A3A3;} /*#menu ul.lista{float:left; width:264px; list-style:inside url(/imagenes/comunes/flecha.gif); margin-left:28px; display:inline; margin-top:10px;} #menu ul.lista li{float:left; width:264px; line-height:18px;} #menu ul.lista li a{font-family:Arial; font-size:0.7em; font-weight:bold; color:#A3A3A3;}*/ #menu ul.lista{float:left; width:264px; margin-left:28px; display:inline; margin-top:10px;} #menu ul.lista li{float:left; width:264px; line-height:18px; background:url(/imagenes/comunes/flecha.gif) no-repeat 0px 6px;padding-left:15px;} #menu ul.lista li a{font-family:Arial; font-size:0.7em; font-weight:bold; color:#A3A3A3;} /**** Enlaces de interés ****/ #menu ul.redes{float:left; width:264px; margin-left:28px; display:inline; margin-top:10px;} #menu ul.redes li{float:left; width:264px; margin-bottom:9px;} #menu ul.redes li a{font-family:Arial; font-size:0.7em; font-weight:bold; color:#A3A3A3;} #menu ul.redes li a img{float:left; margin-left:3px; display:inline;} #menu ul.redes li a span{float:left; margin-left:13px; display:inline;font-family:Arial; font-size:100%; font-weight:bold; color:#A3A3A3; margin-top:6px;} #menu ul.redes li a:hover span{float:left; margin-left:13px; display:inline;font-family:Arial; font-size:100%; font-weight:bold; color:#A3A3A3; margin-top:6px; text-decoration:underline;} /********************************************** PIE ***********************************************/ #fnd_pie{float:left; width:100%; height:95px; border-top:1px solid #F5F5F5;} #pie{width:989px; height:95px; margin:auto;} #pie .textos{float:left; width:510px; margin-left:5px; display:inline; margin-top:19px;} #pie .textos .legales{float:left; width:510px;} #pie .textos .legales ul.enlaces{float:left; width:510px;} #pie .textos .legales ul.enlaces li{float:left; font-family:Arial; font-size:0.7em; color:#5B5B5B; margin-right:5px; display:inline;} #pie .textos .legales ul.enlaces li a{float:left; font-family:Arial; font-size:0.7em; color:#5B5B5B; text-decoration:none; margin-right:5px; display:inline;} #pie .textos .legales ul.enlaces li a:hover{float:left; font-family:Arial; font-size:0.7em; color:#5B5B5B; text-decoration:underline; margin-right:5px; display:inline;} #pie .textos .d_contacto{float:left; width:510px; font-family:Arial; font-size:0.625em; color:#A3A3A3;} #pie .textos .d_contacto a{font-family:Arial; font-size:100%; color:#A3A3A3;} #pie .santander2016{float:left; width:48px; height:48px; display:inline; margin-top:12px; background:url(/imagenes/comunes/santander2016.gif) no-repeat;} #pie .validaciones{float:left; width:366px; margin-left:40px; display:inline; margin-top:38px;} #pie .validaciones .w3c-css{float:left; width:59px; height:21px; margin-top:1px;} #pie .validaciones .w3c-xhtml{float:left; width:60px; height:21px; margin-top:1px; margin-left:3px; display:inline;} #pie .validaciones .w3c-aa{float:left; width:59px; height:21px; margin-top:1px; margin-left:4px; display:inline;} #pie .validaciones .wai-aa{float:left; width:95px; height:23px; margin-left:6px; display:inline;} #pie .validaciones .eurocert-aa{float:left; width:76px; height:23px; margin-left:4px; display:inline;} /************************************************ CONDICIONES ************************************************/ p object,p embed,p img{display:block;margin:auto;} .ultimas_entradas p img{display:block;margin:0 auto;float:none;} .br {clear:both;height:0;font-size:0;}