/* Theme Name: Chile Mejor Theme URI: http://chilemejor.com Description: Chile Mejor, una iniciativa de la Universidad Andres Bello Version: 1.0 Author: Estupendos Author URI: http://estupendos.net */ /* Copyright (c) 2009, Yahoo! Inc. All rights reserved. Code licensed under the BSD License: http://developer.yahoo.net/yui/license.txt version: 2.7.0 */ html{color:#000;}body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,button,textarea,p,blockquote,th,td{margin:0;padding:0;}table{border-collapse:collapse;border-spacing:0;}fieldset,img{border:0;}address,caption,cite,code,dfn,em,strong,th,var,optgroup{font-style:inherit;font-weight:inherit;}del,ins{text-decoration:none;}li{list-style:none;}caption,th{text-align:left;}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}q:before,q:after{content:'';}abbr,acronym{border:0;font-variant:normal;}sup{vertical-align:baseline;}sub{vertical-align:baseline;}legend{color:#000;}input,button,textarea,select,optgroup,option{font-family:inherit;font-size:inherit;font-style:inherit;font-weight:inherit;}input,button,textarea,select{} html>body {font-size:10px} body {text-align:center;font-family: arial, sans-serif;background: url(/images/bg.png) center top repeat-x;} #wrapper {margin-left:auto;margin-right:auto;width:960px;text-align:left;} /* LAYOUT */ #header {height: 108px;float: left;display: inline;width: 960px;overflow: hidden;} #head1 {height: 76px;float: left;display: inline;width: 960px;overflow: hidden;} #logo {width: 480px;height: 76px;float: left;display: inline;overflow: hidden;} #invita {width: 480px;height: 76px;float: left;display: inline;overflow: hidden;} #head2 {height: 32px;float: left;display: inline;width: 960px;} #menu {height: 32px;float: left;display: inline;width: 750px;} #busca {height: 32px;float: left;display: inline;width: 210px;} #main {width: 657px;float: left;display: inline;margin-top: 24px;padding-right: 26px;} #intro {width: 591px;height: 104px;margin: 0 auto;} #destaca {} #otros {} #sidebar {width: 250px;float: left;display: inline;margin-top: 23px;margin-left: 26px;} #tusideas {} #sociales {} #servicios {} #cloud {} #hashtag {} #footer {width: 940px;padding-left: 20px;height: 76px;padding-top: 20px;float: left;display: inline;margin-top: 28px;} /* ESTILOS */ #header {background: url(/images/header.png) no-repeat;} #head1 {} #logo {} #invita {} #head2 {} #menu {} #menu ul {float: left;display: inline;margin-left: 15px;border-left: 1px solid #164684;border-right: 1px solid #033574} #menu ul li {float: left;display: inline;} #menu ul li a {float: left;display: inline;color: white;text-decoration: none;font-size: 13px;font-weight: 800;height: 31px;display: block;margin-top: 1px;padding: 7px 13px 0 13px;border-right: 1px solid #164684;border-left: 1px solid #033574} #menu ul li a:hover {background: #002250;} #busca {padding-top: 6px;} #busca input#s {float: left;display: inline;border: 0;height: 18px;width: 125px;background: url(/images/bgsearch.png) no-repeat;font-size: 12px;padding: 2px 0 0 7px;} #busca input#searchsubmit {float: left;display: inline;border: 0;} #main {border-right: 1px dotted #ccc;} #intro {text-align: center;border-top: 1px dotted #ccc;border-bottom: 1px dotted #ccc;margin-bottom: 21px;} #intro h2 {margin-top: 17px;margin-bottom: 8px;} #destaca {border: 1px solid #ccc;background: #F0F0F0;padding: 4px;margin-bottom: 25px;float: left;display: inline;width: 647px;overflow: hidden;} #destaca div.ribbon {display: block;width: 613px;padding: 22px 16px;border: 1px solid #E2E2E2;font-size: 12px;line-height: 170%;background: white url(/images/destacado.png) no-repeat;float: left;display: inline;overflow: hidden;} #destaca .iconcat {float: left;display: inline;margin-right: 7px;} #destaca .fechadestaca {font-size: 11px;color: #333;line-height: 12px;margin-bottom: 3px;float: left;display: inline;width: 534px;} #destaca h2 {width: 534px;line-height: 25px;margin-bottom: 10px;float: left;display: inline;} #destaca h2 a {text-transform: uppercase;text-decoration: none;color: #0066CC;font-weight: 800;font-size: 24px;} #destaca .metadestaca {font-size: 10px;color: #333;border-bottom: 1px dotted #ccc;margin-bottom: 12px;} #destaca .metadestaca span {font-size: 11px;font-weight: 800;} #destaca .aportes a {color: #0066CC;font-size: 11px;text-decoration: none;font-weight: 800;background: url(/images/globito.png) left no-repeat;padding-left: 19px;} #destaca .entry {float: left; display: inline;} #destaca p.postmetadata {font-size: 11px;color: #666;float: left;clear: both;} #destaca p.postmetadata a {color: #06c;text-decoration: none;} #otros {float: left;display: inline;overflow: hidden;margin-bottom: -24px;} #otros h3 {border-bottom: 1px dotted #ccc;padding-bottom: 4px;margin-bottom: 20px;} #otros .post {width: 297px;height: 190px;padding: 9px 8px;overflow: hidden;float: left;display: inline;border: 1px solid #ccc;background: #EBEBEB url(/images/bgideas.png);margin-bottom: 25px;} #otros .darmar {margin-right: 25px;} #otros .iconcat {float: left;display: inline;margin-right: 10px;} #otros h2 a {text-decoration: none;color: #0066CC;font-size: 14px;} #otros h2 {margin-bottom: 1px;} #otros .fechadestaca {color: #666;font-size: 10px;} #otros .fechadestaca span a {color: #333;text-decoration: none;text-transform: uppercase;font-style: italic;} #otros .metadestaca {color: #666;font-size: 10px;} #otros .metadestaca span {font-size: 11px;color: black;} #otros .aportes {float: right;} #otros .aportes a {font-size: 10px;color: #333;text-decoration: none;background: url(/images/globito.png) no-repeat left top;padding-left: 18px;font-weight: 800;} #otros .entry {font-size: 11px;color: #333;line-height: 170%;border-top: 1px dotted #ccc;margin-top: 10px;padding-top: 5px;} #otros .contenedortop {min-height: 60px;} #otros p.readmore {display: none;} #sidebar {} #tusideas {margin-bottom: 14px;} #sociales {border: 1px dashed #ccc;padding: 10px 8px;float: left;display: inline;width: 232px;height: 55px;margin-bottom: 1px;overflow: hidden;} #sociales ul li a {text-decoration: none;color: #666;font-size: 11px;} #sociales ul li a.rss {float: left;display: inline;width: 80px;line-height: 11px;margin-right: 30px;margin-bottom: 10px;} #sociales ul li a img.rssi {float: left;display: inline;margin-right: 5px;} #sociales ul li a.twitter{float: left;display: inline;width: 60px;line-height: 11px;margin-bottom: 10px;} #sociales ul li a img.twitteri{float: left;display: inline;margin-right: 5px;} #sociales ul li a.facebook{float: left;display: inline;width: 100px;line-height: 11px;margin-right: 10px;} #sociales ul li a img.facebooki{float: left;display: inline;margin-right: 5px;} #sociales ul li a.youtube{float: left;display: inline;width: 70px;line-height: 11px;} #sociales ul li a img.youtubei{float: left;display: inline;margin-right: 5px;} #sociales ul li {float: left;display: inline;} #servicios {} #cloud {border: 1px dashed #ccc;float: left;display: inline;padding: 8px;margin-bottom: 15px;width: 232px;} #cloud a {color: #BA1A07;text-decoration: none;text-transform: lowercase;} #hashtag {float: left;display: inline;} #fanbox {float: left;display: inline; margin-top:10px} #footer {background: #F5F5F5;border-top: 1px solid #ccc;border-bottom: 5px solid #003882;} #destaca .propuesto {float: left;display: inline;} #destaca .ratingblock {float: left;display: inline;margin-left: 8px;margin-top: -1px;} .ratingtext {font-size: 10px;} #destaca .metadestaca {float: left;display: inline;width: 600px;} #destaca .aportes {float: left;display: block;width: 900px;clear: both;} #destaca img.center { display: block; margin-left: auto; margin-right: auto; } #destaca img.alignright { padding: 4px; margin: 0 0 2px 7px; display: inline; float:right } #destaca img.alignleft { padding: 4px; margin: 0 7px 2px 0; display: inline; float:left } #single {} #single .iconcat {float: left;display: inline;margin-right: 15px;} #single .fechadestaca {font-size: 11px;color: #333;line-height: 12px;margin-bottom: 3px;float: left;display: inline;width: 580px;} #single h2 {width: 580px;line-height: 25px;float: left;display: inline;margin-bottom: 4px;} #single h2 a {text-transform: uppercase;text-decoration: none;color: #0066CC;font-weight: 800;font-size: 24px;} #single .metadestaca {font-size: 10px;color: #333;float: left;display: inline;width: 400px;} #single .metadestaca span {font-size: 11px;font-weight: 800;} #single .aportes {float: right;display: inline;} #single .aportes a {color: #333;font-size: 13px;text-decoration: none;font-weight: 800;background: url(/images/globito.png) left no-repeat;padding-left: 19px;} #single .entry p {margin-bottom: 10px;} #single p.postmetadata {float: left; display: inline;clear:both;font-size: 11px;color: #666;margin-top: 15px;} #single p.postmetadata a {text-decoration: none;text-transform: lowercase;color: #06c;} #single .propuesto {float: left;display: inline;} #single .ratingblock {float: left;display: inline;margin-left: 8px;margin-top: -1px;} #single .metadestaca {float: left;display: inline;} #single .headsingle {float: left;display: inline;width: 580px;overflow: hidden;} #single .entry {font-size: 13px;color: black;line-height: 170%;border-top: 1px dotted #ccc;float: left;display: inline;margin-top: 10px;padding-top: 10px;border-bottom: 1px dotted #ccc;} #single .entry a {color: #c00;text-decoration: none;} #listado {width: 500px;margin-left: 80px;} #listado h3#comments {float: left;display: inline;width: 500px;margin-top: 30px;text-transform: uppercase;font-size: 22px;color: black;} #listado ol.commentlist li {border: 1px dashed #ccc;float: left;display: inline;width: 470px;margin-bottom: 10px;margin-top: 10px;padding: 15px;} #listado .comment-author {font-size: 13px;color: #575956;} #listado cite.fn {font-weight: 800; color: black;} #listado cite.fn a {text-decoration: none;color: #c00;} #listado .commentmetadata a {text-decoration: none;color: #666;font-size: 10px;} #listado ol.commentlist li p {font-size: 12px;color: #333;} #respond {float: left;display: inline;width: 347px;background: #E9E9E9;margin-top: 30px;margin-left: 40px;border: 1px solid #ccc;padding: 25px 25px 25px 45px;} #respond textarea#comment {width: 321px;height: 101px;border: 1px solid #bebebe;font-size: 15px;padding: 5px;margin-bottom: 10px;} #respond h3 {text-transform: uppercase;text-align: center;font-size: 16px;margin-bottom: 20px;} #respond p.ff {font-size: 12px;color: #333;font-weight: 800;margin-bottom: 2px;margin-top: 15px;} #respond input#author, #respond input#email, #respond input#url {width: 175px;height: 20px;padding: 5px; border: 1px solid #bebebe;font-size: 17px;color: #333;} #respond form#commentform p label small {font-size: 10px;color: #666;} #respond p small {font-size: 10px;color: #666;} #respond input#submit {float: right;margin-top: 20px;background: #BD0100;color: white;text-transform: uppercase;font-size: 13px;padding: 10px;} #soypage {} #soypage h2 {width: 580px;line-height: 25px;float: left;display: inline;margin-bottom: 4px;} #soypage h2 a {text-transform: uppercase;text-decoration: none;color: #0066CC;font-weight: 800;font-size: 24px;} #soypage .headsingle {float: left;display: inline;width: 580px;overflow: hidden;} #soypage .entry {font-size: 13px;color: black;line-height: 170%;border-top: 1px dotted #ccc;float: left;display: inline;margin-top: 10px;padding-top: 10px;border-bottom: 1px dotted #ccc;} #soypage .entry a {color: #c00;text-decoration: none;} #soypage .entry strong {font-weight: 800;} #soypage .entry p {margin-bottom: 20px;} #soypage .entry ul li {list-style-type: disc;} #soypage .entry ul {margin-left: 30px;margin-bottom: 20px;} #soypage .entry h3 {text-transform: uppercase;font-size: 16px;margin-bottom: 16px;font-weight: 800;} #archive {} #archive .post {border-top: 1px dotted #ccc;float: left;display: inline;padding-top: 20px;padding-left: 30px;padding-right: 20px;} #archive .iconcat {float: left;display: inline;margin-right: 15px;} #archive .fechadestaca {font-size: 11px;color: #333;line-height: 12px;margin-bottom: 3px;float: left;display: inline;width: 580px;} #archive h2 {margin-bottom: 2px;} #archive h2 a {text-decoration: none;color: #0066CC;font-weight: 100;font-size: 16px;} #archive .metadestaca {font-size: 10px;color: #666;float: left;display: inline;width: 400px;margin-bottom: 3px;} #archive .metadestaca span {font-size: 11px;font-weight: 800;color: black;} #archive .aportes {float: left;display: inline;} #archive .aportes a {color: #333;font-size: 11px;text-decoration: none;font-weight: 800;background: url(/images/globito.png) left no-repeat;padding-left: 19px;} #archive .entry p {margin-bottom: 10px;font-size: 12px;color: black;} #archive p.postmetadata {float: left; display: inline;clear:both;font-size: 11px;color: #666;margin-top: 15px;} #archive p.postmetadata a {text-decoration: none;text-transform: lowercase;color: #06c;} #archive .propuesto {float: left;display: inline;} #archive .ratingblock {float: right;font-size: 10px;color: #999;} #archive .metadestaca {float: left;display: inline;} #archive .headsingle {float: left;display: inline;width: 580px;overflow: hidden;} #archive .entry {font-size: 13px;color: black;line-height: 170%;float: left;display: inline;margin-top: 10px;padding-top: 10px;} #archive .entry a {color: #c00;text-decoration: none;} #archive .clear {float: left;display: inline;width: 655px;height: 20px;} #archive h3 {color: #000;font-weight: 100;text-transform: uppercase;font-size: 42px;padding-left: 30px;margin-bottom: 30px;} #archive h3 img {margin-bottom: -15px;} #main #archive h3{border-top: 0;} #archive h3.category-social {color: #F9C801;} #archive h3.category-educacion {color: #FE6903;} #archive h3.category-arquitectura {color: #FE4D7B;} #archive h3.category-cultura {color: #921C58;} #archive h3.category-medio-ambiente {color: #5EB913} #archive h3.category-salud-y-bienestar {color: #058BA6;} #archive h3.category-tecnologia {color: #084D77} #main .ideas .entry {border-top: 0;width: 500px;padding: 25px 45px;background: #E9E9E9;border: 1px solid #ccc;} .ideas .minititulo {font-size: 16px;text-transform: uppercase;font-weight: 100;color: #666;} a.more-link {text-transform: lowercase;font-size: 11px;border: 1px solid #E1E1E1;text-decoration: none;background: url(/images/vermas.png) no-repeat center left;color: #398311;padding: 0px 3px 1px 16px;margin-left: 5px;} a:hover.more-link {text-decoration: underline;} /* TABS DEL SIDEBAR */ #tabs {font-size: 90%;margin: 20px 0;border: 1px solid #ccc;float: left;width: 240px;padding: 5px;background: #f0f0f0;} #tabs ul {float: left;background: none;width: 240px;padding-top: 0px;border-bottom: 1px solid #ccc;} #tabs li {list-style: none;border-top: 1px solid #ccc;margin-right: 4px;border-left: 1px solid #ccc;border-right: 1px solid #ccc;background: white;font-size: 9px;font-weight: 100;} * html #tabs li {display: inline;} #tabs li, #tabs li a {float: left;outline: none;} #tabs ul li.active {border-bottom: 1px solid white;margin-bottom: -1px;} #tabs ul li.active a {color: #BA1A07;} #tabs div {background: white;clear: both;padding: 10px;border-left: 1px solid #ccc;border-right: 1px solid #ccc;border-bottom: 1px solid #ccc;} #tabs div p {line-height: 130%;} #tabs ul li a {text-decoration: none;padding: 7px;color: #666;font-weight: bold;} #tabs .post {font-size: 10px;margin-bottom: 10px;color: #999;} #tabs .post .come a {background: url(/images/globito.png) no-repeat;text-decoration: none;color: #333;padding-left: 18px;} #tabs .post a.titu .come {background: url(/images/globito.png) no-repeat;text-decoration: none;color: #333;padding-left: 18px;font-weight: 100;margin-left: 3px;} #tabs .post a.titu {font-size: 11px;text-decoration: none;color: #06c;font-weight: 800;} #tabs .post .auto {font-size: 11px;color: #333;} #tabs #tab-2 p.post {background: url(http://chilemejor.cl/images/litab.gif) no-repeat top left;padding-left: 12px;} #tabs .category-arquitectura {background: url(http://chilemejor.cl/images/litab.gif) no-repeat top left;padding-left: 12px;} #tabs .category-cultura {background: url(http://chilemejor.cl/images/litab.gif) no-repeat top left;padding-left: 12px;} #tabs .category-educacion {background: url(http://chilemejor.cl/images/litab.gif) no-repeat top left;padding-left: 12px;} #tabs .category-medio-ambiente {background: url(http://chilemejor.cl/images/litab.gif) no-repeat top left;padding-left: 12px;} #tabs .category-salud-y-bienestar{background: url(http://chilemejor.cl/images/litab.gif) no-repeat top left;padding-left: 12px;} #tabs .category-social {background: url(http://chilemejor.cl/images/litab.gif) no-repeat top left;padding-left: 12px;} #tabs .category-tecnologia {background: url(http://chilemejor.cl/images/litab.gif) no-repeat top left;padding-left: 12px;} .entry .fotopost {float: left;display: inline;margin-right: 10px;} .entry p img.alignleft {float: left;display: inline;margin-right: 10px;} #archive h3.todascats {font-size: 31px;} .icotodo {float: left;display: inline;margin-right: 15px;} .catlista {float: left;display: inline;width: 655px;height: 132px;background: #E7E7E7 url(/images/bgcats.png) repeat-x center top;border: 1px solid #dbdbdb;overflow: hidden;margin-bottom: 30px;} .catlista .cattitu {float: left;display: inline;width: 200px;padding: 25px;font-size: 14px;color: #333;line-height: 120%;padding-top: 20px;padding-right: 20px;} .catlista .cattitu h4 {font-size: 32px;line-height: 30px;margin-bottom: 10px;} .catlista .listacats1 {float: left;display: inline;width: 225px;padding-top: 4px;} .catlista .listacats1 a {text-decoration: none;color: #06c;text-transform: uppercase;font-size: 14px;} .catlista .listacats1 ul li.lc1 a {background: url(/images/todas.png) no-repeat center left;padding-left: 34px;padding-top: 6px;padding-bottom: 7px;display: block;} .catlista .listacats1 ul li.lc2 a {background: url(/images/arq3.png) no-repeat center left;padding-left: 34px;padding-top: 6px;padding-bottom: 7px;display: block;} .catlista .listacats1 ul li.lc3 a {background: url(/images/cul3.png) no-repeat center left;padding-left: 34px;padding-top: 6px;padding-bottom: 7px;display: block;} .catlista .listacats1 ul li.lc4 a {background: url(/images/edu3.png) no-repeat center left;padding-left: 34px;padding-top: 6px;padding-bottom: 7px;display: block;} .catlista .listacats1 ul li {margin-bottom: 2px;} .catlista .listacats2 ul li.lc5 a {background: url(/images/med3.png) no-repeat center left;padding-left: 34px;padding-top: 6px;padding-bottom: 7px;display: block;} .catlista .listacats2 ul li.lc6 a {background: url(/images/sal3.png) no-repeat center left;padding-left: 34px;padding-top: 6px;padding-bottom: 7px;display: block;} .catlista .listacats2 ul li.lc7 a {background: url(/images/soc3.png) no-repeat center left;padding-left: 34px;padding-top: 6px;padding-bottom: 7px;display: block;} .catlista .listacats2 ul li.lc8 a {background: url(/images/tec3.png) no-repeat center left;padding-left: 34px;padding-top: 6px;padding-bottom: 7px;display: block;} .catlista .listacats2 ul li {margin-bottom: 2px;} .catlista .listacats2 {float: left;display: inline;width: 180px;padding-top: 4px;} .catlista .listacats2 a {text-decoration: none;color: #06c;text-transform: uppercase;font-size: 14px;} #fbc_login small {display: none;} .fbc_connect_button_area {margin-top: -20px;}