/*
Theme Name: Vuvuzela
Theme URI: http://www.pslabs.cl/#rbp
Description: Tema para Revista Bello Público
Author: PS Labs
Author URI: http://www.pslabs.cl
*/

body{
    background: #ccc url('imagenes/bg_container.gif') repeat-y center;
}
#contenedor{
    
}
#header, #menu a, #menu a:visited{
    color: #fff;
}
#header{
    margin-top: 0;
}
#header h1{
    text-indent: -9000px;
    margin-bottom: 0px;
}
#header h1 a{
    display: block;
    width: 940px;
    height: 150px;
    text-indent: -9000px;
    background: url('http://cdn.bellopublico.cl/animado_bello.gif') no-repeat top center;
    margin-bottom: 0px;
}
#opciones{
    margin-top: 26px;
}
#opciones p.teaser{
    text-align: right;
    font-size: 16px;
}
#menu-wrapper{
    height: 40px;
    background: #330001;
    font: 22pt normal;
    font-family: 'Tw Cen MT Condensed', 'Trebuchet MS', Arial, Helvetica, sans-serif;
    text-align: right;
}
#menu{
    list-style: none;
    display: inline;
}
#menu li{
    display: inline;
    margin-right: 0px;
}
#menu li:after{
    content: '|';
}
#menu li.last{
    margin-right: 6px;
}
#menu li.last:after{
    content: '';
}
#menu a, #menu a:visited{
    text-decoration: none;
}
#menu .current-menu-item{
    color: #3b933d;
}
#menu a:hover{
    color: #f33;    
}

/* Sidebar */
#lat{
    width: 166px;
    background: #330001;
    color: #fff;
    padding-top: 0px;
    padding-left: 3px;
}
.home #lat{
    min-height: 1750px;
}
.single #lat{
    min-height: 750px;
}
#lat h3{
    font-size: 28px;
    font-weight: normal;
    text-align: center;
    margin-top: -5px;
    margin-bottom: 10px;
    font-family: 'Tw Cen MT Condensed', 'Trebuchet MS', Arial, Helvetica, sans-serif;
}
#lat img{
    display: block;
    margin: 0 auto;
    text-align: center;
    margin-bottom: 5px;
}
#lat ul{
    list-style: inside;
    font-size: 12px;
    line-height: 16px;
}
#lat li{
    margin-bottom: 5px;
}
#lat a, #lat a:visited{
    text-decoration: none;
    color: #fff;
}
#lat a:hover{
    text-decoration: underline;
}
#wid-este-mes{
    margin-bottom: 20px;
}
#wid-este-mes ul{
    margin-bottom: 5px
}
#wid-este-mes .leermas{
    display: block;
    text-align: center;
    font-size: 17px;
}
#wid-recientes li{
    margin-bottom: 1px;
}
/* Home */
.home #contenido{
    padding-top: 15px;
    margin-bottom: 100px;
    background: #fff;
}

#carrusel{
    list-style: none;
    position: relative;
    overflow: hidden;
    width: 750px;
    height: 250px;
    list-style: none;
    background: #000;
    background: rgba(0,0,0, 0.90);
    margin-bottom: 10px;
}
#carrusel li {
    position: absolute;
    top: 5px;
    left: 5px;
}
#carrusel li, #carrusel a {
    display: block;
    width:750px;
    height: 250px;
    position: relative;
}
#carrusel div.desc{
    display: block;
    width: 750px;
    height: 95px;
    padding: 5px;
    color: #fff;
    /*background: #000;
    background: rgba(0,0,0, 0.90);*/
}
#carrusel h4{
    display: inline;
    margin: 0;
    padding-top: 10px;
}
#carrusel p{
    margin: 5px 0 5px;
}
#carrusel a, #carrusel a:hover, #carrusel a:visited{
    color: #111;
    text-decoration: none;
}
#carrusel div.desc a:hover{
    color: #111 !important;
    text-decoration: underline;
    font-style: normal;
}
#carrusel a:visited{
    color: #333;
}
#carrusel-control a{
    background: #424242;
    border: #000 2px solid;
    padding: 0 5px;
    color: #fff;
    text-decoration: none;
}
#carrusel-control a.activeSlide{
    background: #e0e0e0;
    color: #000;
}
#y-ademas{
    width: 540px;
    margin: 20px 20px 0 10px;
    border: 3px #e7e7e7 solid;
    background: #edebeb url('imagenes/bg_y-ademas.gif') repeat-x bottom;
    color: #000;
}
#y-ademas h3{
    color: #320000;
    margin-bottom: 10px;
    font-family: 'Tw Cen MT Condensed', 'Trebuchet MS', Arial, Helvetica, sans-serif;
    font-size: 24px;
    margin-top: -5px;
    margin-left: 5px;
}
#y-ademas a, #y-ademas a:visited{
    color: #000;
    text-decoration: none;
}
#y-ademas a:hover{
    color: #000;
    text-decoration: underline;
}
#lista-articulos-home{
    list-style: none;
    margin: 0 auto;
}
#lista-articulos-home li{
    float: left;
    margin: 0 15px 10px;
    width: 150px;
    min-height: 220px;
    max-height: 260px;
}
#lista-articulos-home h4{
    font-size: 14px;
    font-family: 'Trebuchet MS', Arial, Helvetica, sans-serif;
    line-height: 1em;
    margin-bottom: 3px;
}
#lista-articulos-home p{
    font-size: 11px;
}
#junto-con h4{
    margin: 0 0 6px 15px;
    font-family: 'Tw Cen MT', 'Trebuchet MS', Arial, Helvetica, sans-serif;
    font-size: 20px;
}
#junto-con ul{
    text-align: center;
    width: 350px;
    margin: 0 auto;
}
#junto-con ul li{
    display: inline;
    font-size: 14px;
}
#junto-con li:after{
    content: ', ';
}
#junto-con li.last:after{
    content: '';
}
#y-ademas .papel{
    float: left;
    font-size: 27px;
    margin: 15px 20px 10px 40px;
}
#y-ademas .anteriores{
    float: left;
    font-size: 22px;
    margin: 20px 20px 10px 20px;
    padding-left: 40px;
}
#box-extras{
    margin-top: 20px;
}
.twtr-widget{
    font-family: 'Trebuchet MS', Arial, Helvetica, sans-serif;
}

#rbp-clasico{
    background: #c7b494;
    margin-bottom: 30px;
    width: 170px;
    height: 200px;
    color: #000;
    margin-top: 20px;
}
#rbp-clasico h3{
    font-family: 'Warnock Pro', Times New Roman, serif;
    font-size: 24px !important;
    text-align: center;
    font-weight: normal;
    margin-bottom: 6px;
}
#rbp-clasico img{
    display: block;
    text-align: center;
    padding: 10px;
}
/*
#rbp-clasico p{
    margin: 2px 0 0 4px;
    color: #333;
}*/
#rbp-clasico h4{
    margin: -3px 0 10px 4px;
    font-size: 18px;
    text-align: center;
}
#rbp-clasico h4 a, #rbp-clasico h4 a:visited{
    color: #000;
    text-decoration: none;
}
#rbp-clasico h4 a:hover, #rbp-clasico h4 a:focus{
    color: #000;
    text-decoration: underline;
}
#rbp-clasico ul{
    margin: 0 4px;
    list-style: inside;
    color: #333;
    margin-bottom: 7px;
}
#rbp-clasico li a, #rbp-clasico li a:visited{
    color: #333;
    text-decoration: none;
}
#rbp-clasico li a:hover, #rbp-clasico li a:focus{
    color: #333;
    text-decoration: underline;
}
#rbp-clasico .revisa{
    display: block;
    text-align: right;
    margin-right: 5px;
    padding-bottom: 10px;
}
#twitter-box{
    width: 170px;
    max-height: 170px;
    background: #8ec1da url('imagenes/bg_tweetbox.gif') no-repeat bottom center;
    color: #000;
    margin-bottom: 30px;
}
#twitter-box q{
    display: block;
    padding: 5px 7px;
    margin-bottom: 15px;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 11px;
    font-style: italic;
}
#twitter-box p{
    text-align: center;
    margin: 0px auto 15px;
    padding: 0px 0 5px 0;
    font-weight: bold;
    bottom: 0px;
}
#twitter-box p a{
    font-size: 16px;
    color: #000;
    text-decoration: none;
}
#twitter-box p a:visited{
    color: #000;
    text-decoration: none;
}
#twitter-box p a:hover{
    text-decoration: underline;
}
#lista-novedades{
    width: 546px;
    margin-top:20px;
    border: 1px #ccc solid;
    background: #edebeb url('imagenes/bg_y-ademas.gif') repeat-x bottom;
    color: #000;
}
#lista-novedades h3{
    margin-bottom: 10px;
}
#lista-novedades ol{
    list-style: inside decimal;
    margin: 0 0 5px 5px;
}
#lista-novedades h4{
    display: inline;
    margin-bottom: 0px;
    font-size: 17px;
}
#lista-novedades p{
    margin-bottom: 2px;
    margin-left: 24px;
    color: #666;
}
#lista-novedades a, #lista-novedades a:visited{
    text-decoration: none;
    color: #c33;
}
#lista-novedades a:hover, #lista-novedades a:focus{
    text-decoration: underline;
}
#lista-novedades .buceo{
    display: block;
    text-align: right;
    margin: 10px 10px 10px 10px;
    font-size: 16px;
}
#banners{
    margin-top:20px;    
}
#banners ul{
    list-style: none;
    margin: 5px;
}
#banners li{
    margin-bottom: 8px;
}
.home a.mini{
    margin-left: 15px;
    display: inline;
    color: #fff;
}
#lista-fotos{
    margin-top:20px;    
    width: 336px;
    height: 397px;
    border: 2px solid #999;
    color: #fff;
    text-align: center;
    overflow: auto;
}
#lista-videos{
    margin-top:20px;
    width: 396px;
    height: 397px;
    border: 2px solid #999;
    background: #0e1111;
    color: #fff;
    text-align: center;
}
#lista-fotos h3, #lista-videos h3{
    display: inline;
}
#lista-fotos #control-fotos{
    margin: 10px 0 15px;
    font-size: 0.9em;
}
#lista-fotos #control-fotos a{
    padding: 0 10px;
}
#lista-fotos #control-fotos a, #lista-fotos #control-fotos a:visited{
    color: #cc0;
    text-decoration: none;
}
#lista-fotos #control-fotos a:hover, #lista-fotos #control-fotos a:focus{
    color: #cc0;
    text-decoration: underline;
}
#lista-fotos #control-fotos a.activeSlide{
    border: 1px solid #f00;
    color: red;
}
#lista-fotos ol{
    list-style: none;
}
#lista-fotos h4{
    margin-top: 10px;
    overflow: auto;
}
#lista-fotos a, #lista-fotos a:visited{
    color: #fff;
}
#lista-videos #video-container{
    margin: 10px 0 10px;
}
#lista-videos ol{
    list-style: none;
    margin: 20px 0 10px;
}
#lista-videos li{
    display: inline;
    margin-right: 7px;
}

#footer{
    width: 100%;
    height: 260px;
    background: #0b0b0b;
    color: #fff;
    font-size: 1.2em;
}
#cont-footer{
    padding-top: 45px;
    width: 940px;
    margin: 0 auto;
}
#cont-footer img{
    float: left;
}
#texto-fome{
    margin-left: 230px;
}
#texto-fome li{
    list-style: none;
    display: inline;
    margin-right: 5px;
}
#texto-fome li:after{
    content: '  -';
}
#texto-fome li.last:after{
    content: '';
}
.disclaimer{
    padding-top: 25px;
    text-align: center;
}
#texto-fome li a, .disclaimer a{
    color: #f34d4d;
    text-decoration: none;
}
#texto-fome li a:hover{
    background: #f34d4d;
    color: #0B0B0B;
    text-decoration: underline;
}
.disclaimer a:hover{
    text-decoration: underline;
}
#pslabs a{
    display: block;
    text-indent: -9999px;
    width: 100px;
    height: 60px;
    background: url('imagenes/pslabs_footer.png') no-repeat center bottom;
    float: right;
}

/* Single post */
.single-post #contenido{
    margin-top: 1px;
    background: #fff;
    color: #000;
    padding-bottom: 69px;
}
.single-post #breadcrumb{
    list-style: none;
    margin: 5px 0 30px 10px;
}
#breadcrumb li{
    display: inline;
    list-style: none;
    margin-right: 2px;
}
.single-post .post{
    padding-bottom: 10px;
    margin-bottom: 40px;
    border-bottom: 2px #ccc dashed;
}
.single-post h3.edicion{
    width: 200px;
    margin-left: 20px;
}
.single-post .epigrafe{
    margin: 5px;
    font-size: 18px;
}
.single-post h2{
    font-size: 36px;
    color: #000;
    text-decoration: none;
}
.single-post h2 a:hover{
    text-decoration: underline;
}
.single-post .head-single{
    display: block;
    text-align: center;
    margin-bottom: 15px;
}
#like-top{
    width: 206px;
    border: 2px solid #c6c6c6;
    text-align: center;
    padding: 10px 5px;
}
.single-post #bajada div{
    font-style: italic;
    line-height: 1.7;
}
.single-post #bajada p.autor{
    text-align: right;
    font-size: 16px;
    margin: 15px 10px 10px 0;
}
.articuloide p, .articuloide img {
    margin-right: 10px;
}
.single-post .imagenes{
    width: 205px;
    margin-left: 10px;
    padding: 5px 2px;
    border-right: 1px #eee solid;
    text-align: center;
}
.single-post .box{
    border: 1px solid #ccc;
    padding-left: 6px;
    padding-right: 5px;
    margin: 5px 10px 20px 0;
}
.single-post .box .wp-caption{
    float: left;
}
.full-loop p{
    margin-left: 10px;
}

/* Recomendados */
.recomienda h3{
    text-align: right;
    margin-right: 20px;
}
.recomienda h4{
    font-size: 22px;
    font-weight: bold;
    margin-bottom: 0px;
}
.recomienda h5{
    font-size: 15px;
    margin-left: 15px;
}
.recomienda .grid_10 p{
    margin-left: 5px;
    margin-right: 10px;
    line-height: 1.6em;
}
.recomienda .comenta{
    display: block;
    text-align: right;
    font-size: 16px;
    margin-top: 20px;
}
.comenta span{
    padding: 5px;
    border: 3px solid #647eac;
}
#pasivo div, #pasivo ul{
    margin-bottom: 0px;
}
#pasivo div{
    border: 2px solid #494949;
    border-width: 0 2px 2px 2px;
    padding: 5px 7px;
}
#pasivo ul{
    list-style: inside;
}
#redes-sociales{
    border-width: 2px !important;
    text-align: center;
}

.page #contenido{
    background: #fff;
}

/* Sección, Edición */
.single-seccion #contenido, .single-edicion #contenido, .archive #contenido{
    margin-top: 1px;
    background: #fff;
    color: #000;
    padding-bottom: 69px;
}
.single-seccion #breadcrumb, .single-edicion #breadcrumb{
    list-style: none;
    margin: 5px 0 30px 10px;
}
#breadcrumb li{
    display: inline;
    list-style: none;
    margin-right: 2px;
}
.single-seccion .post, .archive .post{
    padding-bottom: 10px;
    margin-bottom: 40px;
    border-bottom: 2px #ccc dashed;
}
.single-seccion h3.edicion{
    width: 200px;
    margin-left: 20px;
}
.single-seccion .epigrafe{
    margin: 7px 0 2px 0;
    font-size: 14px;
}
.single-seccion h2{
    font-size: 36px;
    color: #000;
    text-decoration: none;
}
.single-seccion h2 a:hover{
    text-decoration: underline;
}
.single-seccion .head-single{
    display: block;
    text-align: center;
    margin-bottom: 15px;
}
.single-seccion .meta-recom{
    border: 2px #ccc solid;
    margin: 1em;
    padding: 1em;
}
#like-top-noborder{
    text-align: center;
    padding: 10px 5px;
}


/* Comunes */
#extras-common{
    border: 0 solid #000;
    border-width: 0 0 2px 2px;
    background: #fff;
    width: 625px;
    padding: 3px 0 3px 3px;
    -moz-border-radius-bottomleft: 10px;
    -webkit-border-bottom-left-radius: 10px;
    margin-bottom: 10px;
}
#extras-common div{
    width: 90%;
}
#susurro-urbano q{
    font-size: 16px;
    
}
#susurro-urbano p{
    font-size: 12px;
    font-style: italic;
    color: #666;
    margin-bottom: 5px;
}
/* Genéricas */
.noshow{
    display: none;
}
.redondo-10{
    border-radius: 10px;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
}

/* Parte de WordPress */
/* Images */
.entry-content img{margin:0 0 1.5em 0}
.alignleft, img.alignleft{display:inline; float:left;  margin-right:1.5em}
.alignright, img.alignright{display:inline; float:right;  margin-left:1.5em}
.aligncenter, img.aligncenter{clear:both; display:block; margin-left:auto; margin-right:auto}
.wp-caption{text-align:center; margin-bottom:1.5em}
.wp-caption img{border:0 none; margin:0; padding:0}
.wp-caption p.wp-caption-text{margin:0}
.wp-smiley{max-height:1em; margin:0 !important}
.gallery dl{margin:0}
.gallery-caption{margin:-0.5em 0 0 0}

/* Pullquotes */
blockquote.left{float:left; margin-left:0; margin-right:20px; text-align:right; width:33%}
blockquote.right{float:right; margin-left:20px; margin-right:0; text-align:left; width:33%}


/* Desarrollo */
.c{ background: #f00 !important; }