/* ------------------------------- */ /* Estilo de Buzzear | Version 4.0 */ /* ------------------------------- */ /* Beta! */ #beta { position: absolute; top: 0; right: 0; height: 71px; width: 71px; text-indent: -9999px; font: 9px/9px sans-serif; background: url(img/beta.gif); z-index: 9999; } #beta a { display: block; width: 71px; height: 71px; padding: 0; } /* ---- Generales ---- */ *, body { padding:0; margin:0; } body { background: #D9F0F9; color: #666; font: 13px/1.6em Arial, Helvetica, sans-serif; text-align: center; } p.clear { clear: both; margin: 0; padding: 0; } a { padding: 1px; font-weight: bold; text-decoration: none; outline: none; } img { border: 0; } input:focus, textarea:focus { background: #FFFCE4; } abbr, acronym { cursor: help; border-bottom: 1px dotted #666; } ul { list-style: none; } .alerta { margin: 20px; background: #f7f7f7; padding: 10px; } /* ---- Highlight ---- */ a.highlight, a.highlight:hover { background: transparent url(img/bg-h3-destacado.gif) repeat-x !important; border: none !important; color: #5EA501 !important; padding: 0 4px; } /* ---- Cargando ---- */ .cargando { text-indent: -9999px; padding: 10px; background: url(img/bg-cargando.gif) center center no-repeat; } #menu div .cargando { background: url(img/bg-cargando-menu.gif) center center no-repeat; } #menu .destacado .cargando { background: url(img/bg-cargando-menu-destacado.gif) center center no-repeat; } /* ---- Contenedor ---- */ #contenedor, .wrap { text-align: left; width: 960px; margin: 0 auto; } #contenedor { background: #fff; border: 15px #fff solid; } /* ---- Cabecera ---- */ #cabecera { height: 50px; padding: 15px; background: #0076a3; } #cabecera #logo { width: 400px; height: 50px; float: left; } #cabecera #logo h1 { width: 244px; float: left; margin: 0 10px 0 0; background: url(img/logo.gif) no-repeat;text-indent: -9999px; } #cabecera #logo h1 a { display: block; height: 50px; width: 244px; border: none; } #cabecera #logo .dropdown { margin: 26px 0 0 0; } #cabecera #logo .dropdown li { position: relative; float: left; } #cabecera #logo .dropdown li a.seleccionar { padding: 0 10px 0 0; font: 24px/24px sans-serif; background: url(img/bg-logo-seleccionar.gif) right no-repeat; color: #ccebf7; } #cabecera #logo .dropdown li a.seleccionar:hover { background-image: url(img/bg-logo-seleccionar-hover.gif); color: #fff; } #cabecera #logo .dropdown li ul { display: none; } #cabecera #logo .dropdown li:hover ul, #cabecera #logo ul li.iefix ul { position: absolute; top: 25px; left: 0; display: block; background: #ccebf7; border: 1px #0076a3 solid; z-index: 9999; } #cabecera #logo .dropdown li ul li { width: 180px; } #cabecera #logo .dropdown li ul li a { display: block; width: 170px; padding: 2px 5px; color: #333; font: bold 12px sans-serif; border-bottom: 1px #0076a3 dotted; } #cabecera #logo .dropdown li ul li a:hover { background: #0076a3; color: #fff; } #cabecera #logo .dropdown li ul li a img { margin: 0 5px 0 0 ; padding: 0 5px 0 0; border-right: 1px #0076a3 solid; } /* ---- Detalles y buscador ---- */ #nav { width: 480px; color: #fff; float: right; text-align: right; position: relative; } #nav small { font: bold 12px sans-serif; display: block; margin-bottom: 10px; } #nav small span { color: #ccebf7; } #nav #buscador { } #nav #buscador label { display: none; } #nav #buscador input, #nav #buscador select { font: bold 14px sans-serif; vertical-align: middle; background: #fff url(img/bg-buscador.gif) bottom repeat-x; color: #888; border: none; } #nav #buscador input:focus, #nav #buscador select:focus { color: #000; background: #fff; } #nav #buscador input#buscar { width: 280px; padding: 5px; } #nav #buscador select { width: 70px; margin: 0; padding: 4px; } #nav #buscador option { color: #aaa; } #nav #buscador input.boton { border: none; padding: 0; } /* ---- NAVEGACION ---- */ #topmenu { font-size: 16px; letter-spacing: -0.5px; text-align: center; background: #c4df9b; height: 25px; padding: 5px 0 0 0; border-bottom: 1px #A2B881 solid; } #topmenu li {display: inline; } #topmenu li a { color: #63803d; background: #c4df9b; float: left; margin:0; padding: 0 0 0 15px; } #topmenu li a span { cursor: pointer; float: left; display: block; padding: 0 15px 0 0; height: 25px; line-height: 25px; } #topmenu li a:hover { background: #e2efcd url("img/bg-menu-hover.gif") no-repeat left top; } #topmenu li a:hover span { background: #e2efcd url("img/bg-menu-hover.gif") no-repeat right top; } #topmenu li a.sel { position: relative; background: #fff url("img/bg-menu-sel.gif") no-repeat left top; bottom: -1px; z-index: 666; } #topmenu li a.sel span { background: url("img/bg-menu-sel.gif") no-repeat right top; } #topmenu li a em { font-style: normal; text-decoration: underline; } /* Leaderboard */ #leaderboard { background: #eee url(img/bg-leaderboard.gif) top repeat-x; padding: 10px 0; height: 90px; width: 990px; margin: 0 auto; border-bottom: 1px #ddd solid; } /* ---- Contenido ---- */ #contenido { float: left; width: 630px; } #contenido a { color: #009dd6; } #contenido a:hover { color: #0076a3; background: #e5f5fb; } #contenido h2 { font-size: 20px; } /* ---- Encabezado ---- */ #contenido .top { padding: 5px 10px; background: #006A93 url(img/bg-top.gif) top no-repeat; } #contenido .top h2 { display: inline; color: #d9f0f9; line-height: 20px; } #contenido .top h2 a { color: #d9f0f9; font-weight: normal; border-bottom: 1px #ccc dotted; } #contenido .top h2 a:hover { color: #fff; background: none; } #contenido .top h2 small { font: bold 12px/20px sans-serif; color: #d9f0f9; } #contenido .top .dropdown { height: 25px; line-height: 15px; font: bold 11px/25px Arial, sans-serif; width: 150px; padding: 0 5px; background: url(img/bg-dropdown.gif) no-repeat; float: right; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; } #contenido .top .dropdown li { position: relative; width: 150px; } #contenido .top .dropdown .seleccionar { display: block; width: 130px; padding: 0; border: none; color: #d9f0f9; text-transform: uppercase; padding-right: 15px; background: url(img/bg-a-seleccionar.gif) right center no-repeat; } #contenido .top .dropdown li:hover .seleccionar, #contenido .top .dropdown li.iefix .seleccionar { color: #fff; background-image: url(img/bg-a-seleccionar-hover.gif); } #contenido .top .dropdown li ul { display: none; } #contenido .top .dropdown li:hover ul, #contenido .top .dropdown li.iefix ul { position: absolute; display: block; border: 3px #3f95b7 solid; background: #fff; width: 330px; top: 24px; right: -5px; z-index: 999; } #contenido .top .dropdown li:hover ul li, #contenido .top .dropdown li.iefix ul li { display: inline; text-align: left; } #contenido .top .dropdown li ul li a { display: block; float: left; color: #333; width: 90px; padding: 5px 10px; border-top: 1px #3f95b7 dotted; font: bold 11px Arial, Helvetica, sans-serif; letter-spacing: 1px; text-transform: capitalize; } #contenido .top .dropdown li ul li a:hover { color: #fff; background: #0076a3; } /* bla */ #contenido .top .dropdown .n1 a, #contenido .top .dropdown .n2 a, #contenido .top .dropdown .n3 a { border: none; } /*--- Canal y detalles debajo del encabezado ----*/ #contenido .canal { padding: 5px; font: 12px sans-serif; text-align: center; background: #d9f0f9; color: #0076A3; } #contenido .canal strong { color: #0076A3; } #contenido .canal a { color: #005070; font-size: .9em; } #contenido .canal a:hover { color: #000; } /* ---- Posts, etc. ---- */ #contenido .post { background: url(img/bg-post.gif) bottom no-repeat; padding: 15px 0 35px 0; } #contenido .post .contenido a { font-weight: normal; background: none; } #contenido .post .contenido h3 { font-size: 18px; } #contenido .post .contenido h3 a { font-weight: bold; color: #009dd6; } #contenido .post .contenido h3 img { width: 16px; height: 16px; vertical-align: -1px; } #contenido .post .contenido p { } #contenido .post .contenido p a { font-weight: bold; color: #009dd6; } #contenido .post .thumb { display: block; float: right; width: 130px; background: none; margin: 4px 0 10px 15px; } #contenido .post .thumb img { width: 120px; padding: 3px; border: 2px #ddd solid; background: #fff; } #contenido .post:hover .contenido h3 a { text-decoration: underline; } #contenido .post:hover .contenido p { color: #333; } #contenido .post:hover .thumb img { border-color: #0076a3; } #contenido .info { margin: 15px 0 0 0; font: bold 11px/1.5em sans-serif; color: #ccc; } #contenido .info a { color: #aaa; border-bottom: 1px #ddd solid; } #contenido .info a.blog { color: #888; } #contenido .info a:hover { color: #0076a3; } #contenido .info strong { color: #C95B00; } #contenido .post:hover .info { color: #aaa; } #contenido .post:hover .info a { color: #888; } #contenido .post:hover .info a.blog { color: #666; } /* Posts destacados */ #contenido .destacado { } #contenido .destacado .contenido { font-size: 15px; } #contenido .destacado .contenido h3 a { background: url(img/bg-h3-destacado.gif) center left repeat-x; border: none; color: #5EA501; padding: 0 4px; } #contenido .destacado .contenido h3 a:hover { color: #000; } /* Adsense entre posts */ #contenido .adsense { text-align: center; } /* ---- Posts de hoy ---- */ #contenido .hoy { padding: 25px; margin: 30px 0; background: #fff url(img/bg-hoy.gif) top right repeat-x; border: 2px #98d4ed solid; } #contenido .hoy h1 { height: 30px; font-size: 1em; text-indent: -9999px; } #contenido .hoy .post { padding: 0 0 30px 0; margin: 0 0 30px 0; color: #333; background: none; border-bottom: 1px #98d4ed solid; } #contenido .hoy .post h3, #contenido .hoy .post .info { border-color: #c1cfdf; } #contenido .hoy .post .contenido h3 a { color: #0076a3; } #contenido .hoy .post .permalink a { color: #333; } #contenido .hoy .post .permalink a:hover { color: #0076a3; } #contenido .hoy .ultimo { margin: 0; padding: 0; border: none; } /* ---- Detalles de un blog ---- */ #contenido .detalles { margin: 20px 0; } #contenido .detalles .descripcion { } #contenido .detalles .descripcion p { padding: 3px 0; } #contenido .detalles .descripcion a { background: none; padding: 0; } #contenido .detalles .descripcion img { padding: 3px; border: 2px #ddd solid; float: right; margin: 0 0 0 15px; } #contenido .detalles .info { background: #f7f7f7; padding: 7px 10px; color: #666; } #contenido .detalles .info li { padding: 3px 0; border-top: 1px #ccc dotted; } #contenido .detalles .info li.first { border: none; } #contenido .detalles .info li a { color: #009dd6; } #contenido .detalles .post { background: none; padding: 0; margin: 20px 0 0 0; } /* ---- Documentos ---- */ #contenido .documento { margin-top: 20px; } #contenido .documento h3 { font: 18px sans-serif; color: #333; } #contenido .documento h4 { font-size: 1em; margin-bottom: 5px; color: #000; } #contenido .documento p, #contenido .documento h3 { margin-bottom: 15px; } #contenido .documento ul, #contenido .documento ol { font: 12px/1.3em sans-serif; margin: 0 15px 15px 15px; color: #222; background: #f7f7f7; list-style: none; } #contenido .documento li { padding: 5px; border-bottom: 1px #ddd solid; } #contenido .documento ol { counter-reset: steps; } #contenido .documento ol li { counter-increment: steps; } #contenido .documento ol li:before { content: counter(steps, decimal-leading-zero) ". "; font: 10px sans-serif; color: #000; float: left; } #contenido .documento hr { height: 20px; border: none; background: url(img/bg-post.gif) center no-repeat; margin: 10px 0; } #contenido .aclaracion { margin-top: 15px; font-size: .9em; color: #999; text-align: right; } #contenido .grafico { margin-bottom: 30px; } /* ---- Tags ---- */ #contenido #tagcloud { text-align: center; line-height: 180%; padding: 20px 0; } #contenido #tagcloud p { text-align: left; margin-bottom: 10px; } #contenido #tagcloud a { margin: 0 5px; white-space: nowrap; } /* ---- FEEDS ---- */ #contenido .listafeeds { width: 100%; margin: 10px 0 20px 0; font: 12px/12px Arial, sans-serif; } #contenido .listafeeds a { border: none; background: none; } #contenido .listafeeds th, #contenido .listafeeds td { padding: 5px; width: 30px; text-align: center; } #contenido .listafeeds th { background: #009dd6; color: #fff; } #contenido .listafeeds td { border-bottom: 1px #ddd dashed; } #contenido .listafeeds .first { font-weight: bold; text-align: left; width: auto; text-transform: capitalize; } #contenido .listafeeds td.non { background: #eee; } #contenido .listafeeds td.int { background: #ccc; } #contenido .listafeeds tr:hover td { background: #e5f5fb; } /* ---- RANKING ---- */ #contenido .ranking { width: 100%; margin: 10px 0 20px 0; } #contenido .ranking a { border: none; } #contenido .ranking th, #contenido .ranking td { padding: 10px 5px; line-height: 1em; text-align: center; width: 20px; } #contenido .ranking th { font: 10px sans-serif; text-transform: uppercase; color: #888; } #contenido .ranking td { border-top: 1px #ddd solid; font-size: 10px; } #contenido .ranking .col-2 { width: 16px; } #contenido .ranking .col-1 { font-weight: bold; color: #000; } #contenido .ranking .col-3 { width: auto; text-align: left; } #contenido .ranking td.col-1, #contenido .ranking td.col-3 { font-size: 14px; } #contenido .ranking .par td { background: #e5f5fb; } #contenido .ranking .non td { background: #f7f7f7; } /* ---- Paginas ---- */ #contenido .paginas { margin: 10px 0; padding: 10px; text-align: center; font: bold 14px sans-serif; background: #D9F0F9; } #contenido .paginas .paginaactual { color: #fff; padding: 5px; background: #009dd6; } #contenido .paginas a { border: none; padding: 5px; } #contenido .paginas a:hover { color: #0076a3; } /* --- Etc. ---- */ #contenido .vermas { margin: 20px 0; text-align: center; } #contenido .vermas a { background: #D9F0F9; padding: 5px; border: none; } #contenido .vermas a:hover { background: #009dd6; color: #fff; } /* ---- Sugerir ---- */ #sugerirblog { margin: 15px 0 0 0; } #sugerirblog fieldset { margin: 10px 0; border: 3px #ccc double; padding: 0 15px; } #sugerirblog legend { color: #666; font-weight: bold; background: #fff; padding: 5px; letter-spacing: 1px; text-transform: uppercase; } #sugerirblog label { display: block; color: #666; font-weight: bold; margin: 15px 0 0 2px; } #sugerirblog small { font: 10px/12px sans-serif; font-weight: normal; color: #999; } #sugerirblog p input, #sugerirblog p textarea, .documento p textarea { font: 16px sans-serif; width: 95%; padding: 4px; border: 1px #999 solid; } #sugerirblog p select { font: 15px sans-serif; width: 50%; } #sugerirblog p select option { padding: 4px; } #sugerirblog p select option.selecciona { font-weight: bold; background: #eee; } #sugerirblog p select option.non { background: #e5f5fb; } #sugerirblog ul { margin: 15px 0 0 0; } #sugerirblog ul label, #sugerirblog p.terminos label { display: inline; } #sugerirblog ul li { display: block; float: left; padding: 4px; margin: 3px; width: 120px; background: #f7f7f7; border: 1px #ddd solid; } #sugerirblog ul li label { text-transform: capitalize; font-weight: normal; } #sugerirblog p #url { width: 470px; } #sugerirblog p #go { display: inline; margin: 0 0 15px 5px; width: 100px; } #sugerirblog .cargando { margin: 0 0 15px 0; } #sugerirblog p.terminos input { width: auto; } #sugerirblog p.terminos { clear: both; background: #eee; padding: 5px; font-size: .9em; margin: 10px 0; } #sugerirblog input.boton { display: block; width: 250px; border: none; font-weight: bold; background: #0076A3; color: #ccebf7; margin: 15px auto; } .confirmacion { margin: 20px; padding: 10px; font: bold 14px sans-serif; } .error { background: #f9eee5; } .ok { background: #f0f8e5; } /* ---- Menu / Sidebar ---- */ #menu { float: right; width: 300px; } #menu a { color: #68b700; } #menu a:hover { color: #4b8500; background: #e1f1cc; } #menu .destacado a { color: #C95B00; } #menu .destacado a:hover { color: #964400; background: #f4decc; } #menu div { margin-bottom: 20px; } #menu div .contenido { padding: 10px; background: #f0f8e5 url(img/bg-menu-div.gif) bottom no-repeat; } #menu .destacado .contenido { background: #f9eee5 url(img/bg-menu-div-destacado.gif) bottom no-repeat; } #menu div div { padding: 0; margin: 0; border: none; background: none; } #menu div h3 { font: bold 15px/35px sans-serif; color: #fff; height: 35px; line-height: 35px; padding: 0 5px; background: #68b700 url(img/bg-menu-h3.gif) top no-repeat; } #menu .destacado h3 { background: #C95B00 url(img/bg-menu-h3-destacado.gif) top no-repeat; } #menu .vermas { text-align: center; } #menu .vermas a { font: bold 10px Verdana, sans-serif; text-transform: uppercase; } #menu ul { list-style: none; } #menu ul li { padding: 4px 0; border-bottom: 1px #d1e9b2 solid; } #menu ul li:last-child { border: none; } #menu .destacado ul li { border-color: #efcdb2 ; } #menu ul li img { vertical-align: middle; } #menu textarea, .documento textarea { font: 11px sans-serif; color: #666; margin-bottom: 15px; width: 210px; height: auto; overflow: hidden; } .documento textarea { width: 95%; } /* Divs con posts en el sidebar */ #menu .posts {} #menu .posts .post { font: 12px sans-serif; padding: 0 0 10px 0; margin: 0 0 10px 0; border-bottom: 1px #efcdb2 solid; } #menu .posts .post .thumb { width: 75px; height: 75px; float: right; margin: 0 0 10px 10px; background: #fff; padding: 3px; border: 1px #efcdb2 solid; } #menu .posts .post h2 { display: inline; font: 14px sans-serif; } #menu .posts .post h2 img { vertical-align: middle; margin: 0 5px 0 0; } #menu .posts small { display: block; margin-top: 5px; font: bold 11px sans-serif; color: #999; } #menu .posts small strong { color: #333; } /* li seleccionado */ #menu div ul li.sel { margin: -1px 0 0 -10px; padding: 4px 0 4px 10px; background: #fff; border: #efcdb2 solid; border-width: 1px 1px 1px 0; } #menu div ul li.sel a { color: #333; } /* Filtros */ #menu #menu-filtros {} #menu #menu-filtros li { border: none; padding: 0; } #menu #menu-filtros li a { display: block; padding: 5px 10px; color: #d9f0f9; background: #3F95B7; -moz-border-radius: 5px; } #menu #menu-filtros li a:hover { background: #0076A3; color: #fff; } /* Botones */ #menu #menu-botones {} #menu #menu-botones .contenido div a { display: block; width: 88px; float: left; } #menu #menu-botones .contenido div textarea { display: block; width: 180px; height: 30px; float: right; } /* Links destacados */ #menu #menu-enlaces { overflow: auto; } /* Utilidades */ #menu #menu-utilidades small { display: block; font-size: 1em; color: #777; line-height: 130%; margin: 5px 0; } #menu #menu-utilidades p { margin: 5px 0 0 0; padding: 0 45px 0 0; } #menu #menu-utilidades .jss p { background: url(img/bg-utilidades-jss.gif) top right no-repeat; } #menu #menu-utilidades .movil p { background: url(img/bg-utilidades-movil.gif) top right no-repeat; } #menu #menu-utilidades p a { font-size: 1.2em; } #menu #menu-utilidades textarea { margin: 15px 0 0 0; } #menu #menu-utilidades #menu-utilidades-jss small { font-size: .9em; margin-bottom: 10px; color: #999; } /* Tags */ #menu #menu-tags .contenido { text-align: center; } /* Resultados de búsqueda */ #menu #menu-busquedas { font-size: 11px; } #menu #menu-busquedas a { font-weight: normal; } #menu #menu-busquedas img { vertical-align: text-bottom; } #menu #menu-busquedas .buzzear { } #menu #menu-busquedas .buzzear a em { font-size: 13px; font-weight: bold; font-style: normal; color: #964400 } /* Divs con imágenes */ #menu #menu-imagenes {} #menu #menu-imagenes .contenido { text-align: center; line-height: 1em; } #menu #menu-imagenes .contenido .cargando, #menu #menu-imagenes .contenido #imagenesdeldia { padding: 0; height: 465px; overflow: hidden; } #menu #menu-imagenes a { border: none; background: none; padding: 0; margin: 0; } #menu #menu-imagenes a img { background: #fff; width: 85px; height: 85px; border: 2px #f4decc solid; margin: 1px 2px; } #menu #menu-imagenes a:hover img { border-color: #C95B00; } #menu #menu-imagenes .vermas { padding: 4px 0 0 0; border-top: 1px #efcdb2 solid; } /* Divs con videos */ #menu #menu-videos {} #menu #menu-videos ul { text-align: center; } #menu #menu-videos ul li { position: relative; float: left; width: 132px; height: 100px; border: none; margin: 1px 2px; } #menu #menu-videos ul li a { display: block; position: absolute; top: 0; left: 0; background: transparent url(img/bg-video.png) center center no-repeat; padding: 0; margin: 0; width: 128px; height: 96px; border: 2px #f4decc solid; z-index: 2; text-indent: -9999px; } #menu #menu-videos ul li a:hover { border-color: #C95B00; background: transparent url(img/bg-video-hover.png) center center no-repeat; } #menu #menu-videos ul li img { position: absolute; top: 0; left: 0; padding: 2px; width: 128px; height: 96px; z-index: 1; } /* TLA */ #menu #tla {} #menu #tla ul { } #menu #tla ul li { border-color: #eee; } #menu #tla ul li a { color: #999; } #menu #tla ul li a:hover { color: #333; } /* ---- Footer ---- */ #footer { background: #4b8500 url(img/bg-footer.gif) bottom right no-repeat; width: 960px; margin: 0 auto; padding: 15px; font: 12px sans-serif; color: #C4DF9B; text-align: left; } #footer a { color: #f0f8e5; border-bottom: 1px #C4DF9B dotted; } #footer .creditos a { color: #d2dac8; } #footer a:hover { color: #fff; border-bottom: 1px #fff solid; } #footer .paises { width: 500px; float: left; } #footer .paises p { margin-bottom: 10px; } #footer .creditos { border-left: 1px #fff dotted; padding-left: 20px; width: 300px; float: right; list-style: none; font-size: .9em; } #footer .creditos li { padding: 0 0 8px 0; }