/*
Theme Name: Just Lia 2013
Theme URI: http://www.justlia.com.br/
Description: Conteudo + Sidebar
Version: 1.0
Author: Mari Assmann
Author URI: http://plicplac.com.br/
*/

@import url('reset.css');

html, body {
    background: #FFF;
    color: #000;
    font: x-small Verdana;
    font-size/* */:/**/small;
    font-size: /**/small;
    text-align: center;
    /*height: 100%;*/}

body {
   background: url('imagens/bg.jpg') top center no-repeat;}

a {
    color: #F97E76;
    outline: none;    
    text-decoration: none;}

#menu {
    background-color: #F97E76;
    height: 33px;
    width: 100%;
    top: 0px;
    left: 0px;
    position: fixed;
    z-index: 999;}

.menu-logado {
    top: 28px !important;}

#menu ul {
    width: 1056px;
    height: 33px;
    text-align: left;
    padding: 0px 0px 0px 100px;
    margin-left: auto;
    margin-right: auto;
    position: relative;
    overflow: hidden;}

#menu ul .menu-item {
    height: 26px;
    color: #FFF;
    font-family: "Patua One", Arial, Tahoma;
    font-size: 13px;
    text-transform: uppercase;
    padding: 7px 10px 0px 10px;
    position: relative;
    float: left;}

#menu ul .menu-item a {
    color: #FFF;}

#menu ul .menu-item a:hover {
    color: #FFF;}

#menu ul .menu-redes {
    height: 31px;
    padding: 2px 10px 0px 10px;
    position: relative;
    float: left;}

#menu ul .menu-redes a {
    margin: 7px 3px 0px 3px;
    position: relative;
    float: left;}

#pagina {
    width: 1155px;
    color: #2F2F2F;
    font-family: Arial, Tahoma, Verdana;
    font-size: 12px;
    margin-left: auto;
    margin-right: auto;
    position: relative;
    overflow: hidden;}

#header {
    width: 1155px;
    height: 470px;
    text-align: left;
    position: relative;
    float: left;}

#header-propaganda {
    top: 55px;
    left: 310px;
    position: absolute;}

#header-logo {
    background: url('imagens/header-logo.png') no-repeat;
    width: 253px;
    height: 232px;
    top: 130px;
    left: 101px;
    position: absolute;}

#header-batom {
    background: url('imagens/header-batom.png') no-repeat;
    width: 140px;
    height: 179px;
    top: 0px;
    left: 0px;
    position: absolute;
    z-index: 9999;}

#pagina-conteudo {
    width: 700px;
    text-align: left;
    padding: 0px 0px 0px 100px;
    position: relative;
    float: left;}

#destaque {
    width: 700px;
    height: 445px;
    border-bottom: 1px solid #EBEAEA;
    padding: 20px 0px 30px 0px;
    position: relative;
    float: left;}

#destaque-1 {
    background-color: #F97E76;
    width: 350px;
    height: 445px;
    top: 20px;
    left: 0px;
    position: absolute;}

#destaque-1 a {
    width: 350px;
    height: 440px;
    position: relative;
    float: left;}

#destaque-1 .destaque-imagem {
    width: 350px;
    height: 350px;
    position: relative;
    float: left;}

#destaque-1 span {
    background-color: #9AAACC;
    width: 350px;
    height: 90px;
    position: relative;
    float: left;}

#destaque-1 span h1 {
    width: 270px;
    color: #FFF;
    font-family: "Patua One", Arial, Tahoma;
    font-size: 32px;
    line-height: 32px;
    top: 5px;
    left: 15px;
    position: absolute;}

#destaque-1 span h2 {
    color: #C4D0E9;
    font-size: 30px;
    font-weight: bold;
    top: 37px;
    right: 15px;
    position: absolute;}

#destaque-1 span h3 {
    color: #C4D0E9;
    font-size: 11px;
    bottom: 11px;
    right: 15px;
    position: absolute;}

#destaque-2, #destaque-3 {
    width: 325px;
    height: 210px;
    right: 0px;
    position: absolute;}

#destaque-2 {
    background-color: #B5DDEF;
    top: 20px;}

#destaque-3 {
    background-color: #92DDD0;
    bottom: 30px;}

#destaque-2 a, #destaque-3 a {
    width: 325px;
    height: 205px;
    position: relative;
    float: left;}

#destaque-2 .destaque-imagem, #destaque-3 .destaque-imagem {
    width: 325px;
    height: 115px;
    position: relative;
    float: left;}

#destaque-2 span, #destaque-3 span {
    width: 325px;
    height: 90px;
    position: relative;
    float: left;}

#destaque-2 span {
    background-color: #F69A6A;}

#destaque-3 span {
    background-color: #F97E76;}

#destaque-2 span h1, #destaque-3 span h1 {
    width: 245px;
    color: #FFF;
    font-family: "Patua One", Arial, Tahoma;
    font-size: 32px;
    line-height: 32px;
    top: 5px;
    left: 15px;
    position: absolute;}

#destaque-2 span h2, #destaque-3 span h2 {
    font-size: 30px;
    font-weight: bold;
    top: 37px;
    right: 15px;
    position: absolute;}

#destaque-2 span h2 {
    color: #B5DDEF}

#destaque-3 span h2 {
    color: #AADAD2}

#destaque-2 span h3, #destaque-3 span h3 {
    font-size: 11px;
    bottom: 11px;
    right: 15px;
    position: absolute;}

#destaque-2 span h3 {
    color: #B5DDEF}

#destaque-3 span h3 {
    color: #AADAD2}

.destaque-categoria {
    width: 38px;
    height: 46px;
    bottom: 65px;
    right: 15px;
    position: absolute;}

#conteudo {
    width: 700px;
    text-align: left;
    position: relative;
    float: left;}

.conteudo-post {
    width: 700px;
    padding: 30px 0px 20px 0px;
    position: relative;
    float: left;}

.conteudo-post-interno {
    padding: 115px 0px 20px 0px;}

.conteudo-post-navegacao {
    width: 700px;
    color: #5D99A5;
    padding: 0px 0px 20px 0px;
    position: relative;
    float: left;}

.conteudo-post-navegacao a {
    color: #5D99A5;}

.conteudo-post-navegacao-anterior {
    width: 340px;
    position: relative;
    float: left;}

.conteudo-post-navegacao-proximo {
    width: 340px;
    text-align: right;
    position: relative;
    float: right;}

.conteudo-post-topo {
    width: 700px;
    padding: 0px 0px 10px 0px;
    position: relative;
    float: left;}

.conteudo-post-topo-categoria {
    width: 38px;
    height: 46px;
    position: relative;
    float: left;}

.conteudo-post-topo-titulo {
    width: 490px;
    padding: 0px 0px 0px 10px;
    position: relative;
    float: left;}

.conteudo-post-topo-titulo h1 {
    width: 490px;
    color: #F97E76;
    font-family: "Patua One", Arial, Tahoma;
    font-size: 28px;
    text-transform: uppercase;
    line-height: 28px;
    position: relative;
    float: left;}

.conteudo-post-topo-titulo h1 a {
    color: #F97E76;}

.conteudo-post-topo-titulo h1 a:hover {
    color: #AADAD2;}

.conteudo-post-topo-titulo h2 {
    width: 490px;
    color: #AADAD2;
    text-transform: lowercase;
    position: relative;
    float: left;}

.conteudo-post-topo-titulo h2 a {
    color: #5d99a5;}

.conteudo-post-topo-titulo h2 span {
    font-weight: bold;}

.conteudo-post-topo-autor {
    width: 150px;
    padding: 0px 0px 0px 10px;
    position: relative;
    float: right;}

.conteudo-post-topo-autor-info {
    width: 105px;
    text-align: right;
    padding: 10px 5px 0px 0px;
    position: relative;
    float: left;}

.conteudo-post-topo-autor-info-nome {
    width: 105px;
    color: #9AAACC;
    font-size: 14px;
    position: relative;
    float: left;}

.conteudo-post-topo-autor-info-data {
    width: 105px;
    color: #9AAACC;
    font-size: 12px;
    position: relative;
    float: left;}

.conteudo-post-topo-autor-foto {
    width: 40px;
    height: 40px;
    position: relative;
    float: right;}

.conteudo-post-compartilhe, .addthis_toolbox {
    width: 700px;
    padding: 12px 0px 6px 0px;
    border-top: 1px solid #EBEAEA;
    border-bottom: 1px solid #EBEAEA;
    position: relative;
    float: left;}

.conteudo-post-compartilhe-item, .addthis_toolbox li {
    position: relative;
    float: left;}

.addthis_button_facebook_like {
    margin: 0px 25px 0px 0px;}

.conteudo-post-titulo {
    width: 700px;
    color: #F97E76;
    font-family: "Patua One", Arial, Tahoma;
    font-size: 28px;
    text-transform: uppercase;
    line-height: 28px;
    position: relative;
    float: left;}

.conteudo-post-titulo a {
    color: #F97E76;}

.conteudo-post-titulo a:hover {
    color: #AADAD2;}

.conteudo-post-texto {
    width: 700px;
    color: #2F2F2F;
    font-family: Arial, Tahoma, Verdana;
    font-size: 12px;
    line-height: 20px;
    padding: 10px 0px 0px 0px;
    position: relative;
    float: left;}

.conteudo-post-texto p {
    padding: 0px 0px 15px 0px;}

.conteudo-post-texto ul {
    list-style: disc inside;}

.conteudo-post-texto ol {
    list-style: decimal inside;}

.conteudo-post-texto a {
    color: #F97E76;
    font-weight: bold;}

.conteudo-post-texto a:hover {
    color: #F52F24;
    font-weight: bold;}

.conteudo-post-texto .more-link {
    font-size: 13px;
    margin: 5px 0px 0px 0px;}

.conteudo-post-texto h1 {
    color: #F97E76;
    font-family: "Patua One", Arial, Tahoma;
    font-size: 28px;
    line-height: 32px;
    text-transform: uppercase;}

.conteudo-post-texto h2 {
    color: #A0D2E8;
    font-size: 24px;
    font-weight: bold;
    line-height: 28px;}

.conteudo-post-texto h3 {
    color: #9AAACC;
    font-size: 16px;
    font-weight: bold;
    line-height: 20px;}

.conteudo-post-texto hr {
    clear: both;
    border-top: 1px solid #EBEAEA;
    border-bottom: 0px;
    border-left: 0px;
    border-right: 0px;
    text-align: center;
    margin: 10px 0px 5px 0px;
    height: 2px;}

.conteudo-post-texto blockquote {
    background: url('imagens/conteudo-post-blockquote.png') left top no-repeat;
    padding: 0px 0px 0px 25px;
    margin: 10px 28px 10px 20px;
    color: #808080;}

.conteudo-post-info {
    width: 700px;
    padding: 20px 0px 15px 0px;
    position: relative;
    float: left;}

.conteudo-post-info-comente {
    width: 80px;
    color: #AADAD2;
    font-size: 15px;
    text-align: center;
    position: relative;
    float: right;}

.conteudo-post-info-comente a span {
    color: #AADAD2;
    font-size: 30px;
    font-weight: bold;}

.conteudo-post-info-tags {
    width: 605px;
    padding: 0px 0px 0px 0px;
    border-right: 1px solid #EBEAEA;
    position: relative;
    float: left;}

.conteudo-post-info-tags span {
    width: 595px;
    color: #F97E76;
    font-size: 24px;
    font-weight: bold;
    position: relative;
    float: left;}

.conteudo-post-info-tags ul {
    width: 595px;
    position: relative;
    float: left;}

.conteudo-post-info-tags ul li {
    padding: 0px 5px 0px 0px;
    position: relative;
    float: left;}

.conteudo-post-info-tags ul li a {
    background-color: #B5DDEF;
    color: #2F2F2F;
    font-size: 12px;
    font-weight: bold;
    line-height: 24px;
    padding: 3px;}

.conteudo-post-info-tags ul li a:hover {
    background-color: #F69A6A;
    color: #FFF;}

.conteudo-post-info-tags ul .tagPublicidade a {
    background-color: #F01A37;
    color: #FFF;}

.conteudo-post-info-tags ul .tagPublicidade a:hover {
    background-color: #FFCD32;
    color: #2F2F2F;}

.conteudo-post-info-tags ul .tagLoreal a {
    background-color: #000;
    color: #FFF;}

.conteudo-post-info-tags .tagLoreal a:hover {
    background-color: #CCC;
    color: #2F2F2F;}

.conteudo-post-relacionado {
    width: 700px;
    padding: 20px 0px 15px 0px;
    position: relative;
    float: left;}

.conteudo-post-relacionado-topo {
    width: 700px;
    color: #C1CDE6;
    font-size: 16px;
    font-weight: bold;
    position: relative;
    float: left;}

.conteudo-post-relacionado ul {
    width: 700px;
    padding: 10px 0px 0px 0px;
    position: relative;
    float: left;}

.conteudo-post-relacionado li {
    width: 132px;
    padding: 0px 0px 0px 10px;
    position: relative;
    float: left;}

.conteudo-post-relacionado li:first-child {
    padding: 0px;}

.conteudo-post-relacionado li span {
    width: 132px;
    position: relative;
    float: left;}

.conteudo-post-relacionado li a {
    background-color: #9AAACC;
    width: 104px;
    height: 104px;
    color: #FFF;
    font-family: "Patua One", Arial, Tahoma;
    font-size: 14px;
    top: 10px;
    left: 10px;
    padding: 4px;
    position: absolute;
    display: none;}

#sidebar {
    width: 350px;
    color: #000;
    text-align: left;
    padding: 0px 0px 40px 0px;
    position: relative;
    float: right;}

#sidebar-perfil {
    background: url('http://www.justlia.com.br/wp-content/uploads/2014/02/sidebar-perfil.png') no-repeat;
    width: 346px;
    height: 374px;
    position: relative;
    float: right;}

#sidebar-perfil a {
    width: 75px;
    height: 29px;
    top: 313px;
    left: 219px;
    position: absolute;}

.sidebar-item {
    width: 300px;
    padding: 20px 0px 0px 15px;
    position: relative;
    float: left;}

.sidebar-propaganda {
    width: 300px;
    padding: 0px 0px 0px 15px;
    position: relative;
    float: left;}

.sidebar-propaganda .textwidget {
    width: 300px;
    padding: 20px 0px 0px 0px;
    position: relative;
    float: left;}

#sidebar-busca-form {
    width: 300px;
    position: relative;
    float: left;}

#sidebar-busca-form #s {
    width: 249px;
    height: 36px;
    color: #BBB;
    font-family: "Patua One", Arial, Tahoma;
    font-size: 11px;
    text-transform: uppercase;
    padding: 2px 5px 0px 5px;
    outline: none;
    border-top: 1px solid #CEE9E4;
    border-right: 0px;
    border-bottom: 1px solid #CEE9E4;
    border-left: 1px solid #CEE9E4;
    position: relative;
    float: left;}

#sidebar-busca-form #submit {
    background: url('imagens/sidebar-busca.gif') no-repeat;
    width: 40px;
    height: 40px;
    outline: none;
    border: 0px;
    cursor: pointer;
    position: relative;
    float: right;}

#sidebar-tags a {
    color: #9AAACC;}

#sidebar-equipe-topo {
    background: url('imagens/sidebar-equipe.gif') no-repeat;
    width: 300px;
    height: 93px;
    position: relative;
    float: left;}

#sidebar-equipe ul {
    background-color: #E9E8ED;
    width: 289px;
    padding: 15px 0px 10px 11px;
    position: relative;
    float: left;}

#sidebar-equipe ul li {
    width: 93px;
    padding: 0px 0px 12px 0px;
    position: relative;
    float: left;}

#sidebar-equipe ul li img {
    width: 91px;
    position: relative;
    float: left;}

#sidebar-equipe ul li span {
    width: 91px;
    color: #2F2F2F;
    text-align: center;
    padding: 2px 0px 0px 0px;
    position: relative;
    float: left;}

#sidebar-twitter-topo {
    background: url('imagens/sidebar-twitter.gif') no-repeat;
    width: 300px;
    height: 93px;
    position: relative;
    float: left;}

#sidebar-twitter-conteudo {
    background-color: #E2EFF5;
    width: 280px;
    padding: 15px 0px 15px 20px;
    position: relative;
    float: left;}

#twitter_update_list {
    width: 260px;
    position: relative;
    float: left;}

#twitter_update_list li {
    width: 260px;
    color: #7A98A6;
    font-size: 11px;
    position: relative;
    float: left;}

#sidebar-tv-topo {
    background: url('imagens/sidebar-tv.gif') no-repeat;
    width: 300px;
    height: 93px;
    position: relative;
    float: left;}

#sidebar-tv-conteudo {
    background-color: #FCC6C2;
    width: 260px;
    padding: 15px 20px 15px 20px;
    position: relative;
    float: left;}

#sidebar-instagram {
    width: 260px;
    padding: 15px 0px 0px 0px;
    position: relative;
    float: left;}

#sidebar-instagram li {
    width: 128px;
    height: 128px;
    padding: 1px;
    position: relative;
    float: left;}

#sidebar-instagram li:first-child {
    padding: 0px;}

#sidebar-twitter-seguir {
    width: 260px;
    padding: 10px 0px 0px 0px;
    position: relative;
    float: left;}

#sidebar-facebook-topo {
    background: url('imagens/sidebar-facebook.gif') no-repeat;
    width: 300px;
    height: 93px;
    position: relative;
    float: left;}

#sidebar-facebook-conteudo {
    background-color: #E2EFF5;
    width: 270px;
    padding: 15px;
    position: relative;
    float: left;}

#sidebar-posts-email-conteudo {
    width: 300px;
    padding: 15px;
    position: relative;
    float: left;}

#sidebar-posts-email-titulo {
    width: 300px;
    color: #92DDD0;
    font-family: "Patua One", Arial, Tahoma;
    font-size: 20px;
    text-transform: uppercase;
    padding: 0px 0px 5px 0px;
    position: relative;
    float: left;}

#sidebar-posts-email-form {
    width: 300px;
    position: relative;
    float: left;}

#sidebar-posts-email-form #email {
    background-color: #FFF;
    font-family: "Patua One", Arial, Tahoma;
    width: 238px;
    height: 33px;
    color: #B1AEBE;
    font-size: 12px;
    text-transform: uppercase;
    padding: 5px 10px 0px 10px;
    border: 1px solid #F97E76;
    outline: none;
    position: relative;
    float: left;}

#sidebar-posts-email-form #submit {
    background-color: #F97E76;
    width: 40px;
    height: 40px;
    color: #FFF;
    font-family: "Patua One", Arial, Tahoma;
    font-Size: 15px;
    text-align: center;
    padding: 2px 0px 0px 0px;
    border: 0px;
    outline: none;
    cursor: pointer;
    position: relative;
    float: left;}

#sidebar-blogs_amigos-topo {
    background: url('imagens/sidebar-blogs_amigos.gif') no-repeat;
    width: 300px;
    height: 93px;
    position: relative;
    float: left;}

#sidebar-blogs_amigos-conteudo {
    background-color: #E9E8ED;
    width: 270px;
    padding: 15px 15px 0px 15px;
    position: relative;
    float: left;}

#sidebar-blogs_amigos-conteudo .sidebarBlogsImg {
    width: 120px;
    padding: 0px 7px 15px 7px;
    position: relative;
    float: left;}

#sidebar-blogs_amigos-ver {
    background: url('imagens/sidebar-blogs_amigos-ver.gif') no-repeat;
    width: 300px;
    height: 45px;
    position: relative;
    float: left;}

#sidebar-arquivos a {
    background: url('imagens/sidebar-arquivos.gif') no-repeat;
    width: 300px;
    height: 93px;
    position: relative;
    float: left;}

.wp-pagenavi {
    width: 700px;
    color: #B6B4C2;
    font-size: 14px;
    text-align: center;
    text-transform: uppercase;
    padding: 15px 0px 15px 0px;
    position: relative;
    float: left;}

.wp-pagenavi a {
    color: #B6B4C2;}

.wp-pagenavi .page, .wp-pagenavi .current {
    background-color: #E9E8ED;
    width: 37px;
    height: 21px;
    text-align: center;
    margin: 0px 2px 0px 2px;
    padding: 6px 0px 0px 0px;
    position: relative;
    float: left;}

.wp-pagenavi a:hover, .wp-pagenavi .current {
    background-color: #F97E76;
    color: #FFF;}

.wp-pagenavi .pages {
    background-color: #E9E8ED;
    height: 21px;
    color: #B6B4C2;
    font-family: "Patua One", Arial, Tahoma;
    margin: 0px 15px 0px 0px;
    padding: 6px 15px 0px 15px;
    position: relative;
    float: left;}

.wp-pagenavi .previouspostslink, .wp-pagenavi .nextpostslink {
    background-color: #9AAACC;
    height: 21px;
    color: #FFF;
    font-family: "Patua One", Arial, Tahoma;
    padding: 6px 15px 0px 15px;
    position: relative;
    float: left;}

.wp-pagenavi .previouspostslink {
    margin: 0px 15px 0px 0px;}

.wp-pagenavi .nextpostslink {
    margin: 0px 0px 0px 15px;}

.wp-tag-cloud {
    width: 700px;
    text-align: center;
    padding: 15px 0px 60px 0px;
    position: relative;
    float: left;}

.wp-tag-cloud li {
    color: #9AAACC;
    font-size: 16px;
    padding: 0px 10px 15px 10px;
    display: inline;}

.wp-tag-cloud li a {
    color: #9AAACC;}

#footer-propaganda {
    width: 1155px;
    position: relative;
    float: left;}

#footer-propaganda .textwidget {
    padding: 15px 0px 30px 210px;
    position: relative;
    float: left;}

#footer {
    background-color: #9AAACC;
    width: 100%;
    padding: 15px 0px 15px 0px;
    position: relative;
    float: left;
    clear: both;}

#footer-conteudo {
    width: 1155px;
    color: #2F2F2F;
    font-family: Arial, Tahoma, Verdana;
    font-size: 12px;
    margin-left: auto;
    margin-right: auto;
    position: relative;}

.footer-lista {
    text-align: left;
    position: relative;
    float: left;}

.footer-lista li {
    color: #FFF;
    font-size: 12px;
    line-height: 17px;
    position: relative;
    float: left;}

.footer-lista li a {
    color: #FFF;}

.footer-lista-titulo {
    color: #FFF !important;
    font-family: "Patua One", Arial, Tahoma;
    font-size: 16px !important;
    line-height: 23px !important;
    text-transform: uppercase;
    list-style: none !important;}

.footer-lista-titulo a {
    color: #FFF;}

.footer-lista-item {
    list-style: none !important;}

#footer-menu {
    padding: 0px 0px 0px 50px;}

#footer-menu, #footer-menu li {
    width: 130px;}

#footer-menu-contador {
    padding: 4px 0px 0px 0px;}

#footer-post_destaque, #footer-post_destaque li, #footer-post_mais_acessados, #footer-post_mais_acessados li {
    width: 260px;}

#footer-post_destaque, #footer-post_mais_acessados {
    list-style: disc inside;}

#footer-post_destaque .footer-lista-titulo, #footer-post_mais_acessados .footer-lista-titulo {
    padding: 0px 0px 5px 0px;}

#footer-redes, #footer-redes li {
    width: 230px;
    line-height: 22px !important;}

#footer-redes li {
    padding: 0px 0px 0px 29px;}

#footer-redes, #footer-redes li:first-child {
    padding: 3px 0px 0px 29px;}

#footer-redes-facebook {
    background: url('imagens/footer-redes-facebook.jpg') 5px 3px no-repeat;}

#footer-redes-twitter {
    background: url('imagens/footer-redes-twitter.jpg') 0px 0px no-repeat;}

#footer-redes-youtube {
    background: url('imagens/footer-redes-youtube.jpg') 1px -3px no-repeat;}

#footer-redes-rss {
    background: url('imagens/footer-redes-rss.jpg') 3px 2px no-repeat;}

#footer-redes-email {
    background: url('imagens/footer-redes-email.jpg') 2px 3px no-repeat;}

#footer-info {
    padding: 0px 50px 0px 0px;
    text-align: right;
    float: right;}

#footer-info, #footer-info li {
    width: 130px;}





.conteudo-post-texto .alignnone, .conteudo-post-texto img.aligncenter, .conteudo-post-texto img.alignleft, .conteudo-post-texto img.alignright {
    max-width: 700px;
    width: auto;
    height: auto;}

.conteudo-post-texto .alignleft .wp-caption-text, .conteudo-post-texto .alignright .wp-caption-text {
    font-size: 12px;
    line-height: 13px;
    text-align: left;
    margin: -6px 0px 0px 0px;
    padding: 2px 0px 5px 0px;}

.wp-caption-text a {
    color: #E2EFF5;}

.conteudo-post-texto .alignleft .wp-caption-text a, .conteudo-post-texto .alignright .wp-caption-text a {
    color: #2F2F2F;
    font-weight: normal;}

.conteudo-post-texto .wp-caption.alignnone, .conteudo-post-texto .wp-caption.aligncenter {
    position: relative;
    float: left;}

.conteudo-post-texto .alignnone .wp-caption-text, .conteudo-post-texto .aligncenter .wp-caption-text {
    background: url('http://www.justlia.com.br/wp-content/uploads/2014/04/bg-legenda.png');
    color: #FFF;
    font-size: 14px;
    font-weight: bold;
    text-align: left;
    margin: -6px 0px 0px 0px;
    padding: 7px 15px 7px 15px;
    left: 5px;
    bottom: 11px;
    position: absolute;}

.aligncenter, .alignnone {
    text-align: center;
    margin-left: auto;
    margin-right: auto;
    padding: 5px 0px 5px 0px;
    display: block;}

.alignleft {
    padding: 1px 4px 5px 0px;
    float: left;}

.alignright {
    padding: 1px 0px 5px 4px;
    float: right;}

.aligncenter, div.aligncenter {
    margin-left: auto;
    margin-right: auto;
    display: block;}

b i, b em, strong i, strong em {
    font-weight: bold;
    font-style: italic;}

b, strong {
    font-weight: bold;}

i, em {
    font-style: italic;}

.fb-comments {
    padding: 0px 0px 30px 0px;
    position: relative;
    float: left;}

#comments, #comentario-popup {
    background: url('imagens/comentario-bg.gif') repeat-x;
    width: 560px;
    text-align: left;
    position: relative;
    float: left;}

#comentario-popup {
    width: 100%;}

#comentario-topo, #comentario-popup-topo {
    width: 560px;
    height: 117px;
    position: relative;
    float: left;}

#comentario-popup-topo {
    width: 100%;}

#comentario-topo h1, #comentario-popup-topo h1 {
    width: 420px;
    color: #FFF;
    font-family: "Patua One", Arial, Tahoma;
    font-size: 36px;
    text-transform: uppercase;
    top: 20px;
    left: 35px;
    position: absolute;}

#comentario-topo h2, #comentario-popup-topo h2 {
    width: 420px;
    color: #FFF;
    font-size: 16px;
    font-weight: bold;
    top: 60px;
    left: 35px;
    position: absolute;}

#comentario-topo span, #comentario-popup-topo span {
    background: url('imagens/comentario-logo.gif') no-repeat;
    width: 65px;
    height: 61px;
    top: 20px;
    right: 35px;
    position: absolute;}

#comentario-popup-conteudo {
    width: 560px;
    padding: 20px 0px 0px 0px;
    position: relative;
    float: left;}

#comentario-popup-conteudo {
    width: 100%;}

#comentar-lista, #comentario-popup-conteudo ul, #comentario-popup-nenhum {
    width: 500px;
    margin: 0px 0px 0px 35px;
    padding: 0px 0px 10px 0px;
    border-bottom: 1px solid #E9E8ED;
    position: relative;
    float: left;}

#comentario-popup-nenhum {
    padding: 0px 0px 30px 0px;}

.comentario-item, .comentario-popup-item {
    width: 500px;
    margin: 15px 0px 15px 0px;
    position: relative;
    float: left;}

.comentario-autor, .comentario-popup-autor {
    width: 90px;
    position: relative;
    float: left;}

.comentario-autor-imagem, .comentario-popup-autor-imagem {
    background-color: #FFF;
    width: 65px;
    height: 65px;
    padding: 5px 0px 0px 5px;
    border: 1px solid #AADAD2;
    position: relative;
    float: left;}

.comentario-item_autor {
    background-color: #E9E8ED;}

.comentario-item_autor .comentario-autor-imagem, .comentario-popup-item_autor .comentario-popup-autor-imagem {
    background-color: #F97E76;
    border: 1px solid #F97E76;}

.comentario-autor-nome, .comentario-popup-autor-nome {
    width: 90px;
    color: #F97E76;
    font-family: Helvetica, Arial, Tahoma;
    font-size: 11px;
    font-weight: bold;
    padding: 5px 0px 0px 0px;
    position: relative;
    float: left;}

.comentario-autor-nome a, .comentario-popup-autor-nome a {
    color: #F97E76;}

.comentario-autor-data, .comentario-popup-autor-data {
    width: 70px;
    color: #8F8F8F;
    font-family: Helvetica, Arial, Tahoma;
    font-size: 10px;
    position: relative;
    float: left;}

.comentario-texto, .comentario-popup-texto {
    width: 400px;
    color: #2F2F2F;
    font-size: 12px;
    line-height: 19px;
    position: relative;
    float: right;}

.comentario-texto span, .comentario-popup-texto span {
    padding: 10px 0px 0px 0px;
    position: relative;
    float: left;}

.comentario-texto blockquote, .comentario-popup-texto blockquote {
    padding: 0px 0px 0px 25px;
    margin: 10px 28px 10px 20px;
    color: #808080;}

#respond, #comentario-popup-comente {
    background-color: #B5DDEF;
    width: 500px;
    margin: 30px 0px 0px 0px;
    padding: 40px 30px 40px 30px;
    position: relative;
    float: left;}

#comentario-popup-comente {
    width: 100%;
    padding: 0px;}

#respond #commentform, #comentario-popup-comente #commentform {
    width: 500px;
    padding: 10px 0px 0px 0px;
    position: relative;
    float: left;}

#comentario-popup-comente #commentform {
    width: 500px;
    padding: 40px 30px 40px 30px;}

#respond #author, #comentario-popup-comente #author {
    background: #FFF url('imagens/comentario-nome.gif') no-repeat;
    width: 179px;
    height: 41px;
    padding: 0px 5px 0px 61px;
    border: 1px solid #AADAD2;
    outline: none;
    position: relative;
    float: left;}

#respond #email, #comentario-popup-comente #email {
    background: #FFF url('imagens/comentario-email.gif') no-repeat;
    width: 182px;
    height: 41px;
    padding: 0px 5px 0px 58px;
    border: 1px solid #AADAD2;
    outline: none;
    position: relative;
    float: right;}

#respond #url, #comentario-popup-comente #url {
    background: #FFF url('imagens/comentario-site.gif') no-repeat;
    width: 440px;
    height: 41px;
    margin: 10px 0px 0px 0px;
    padding: 0px 5px 0px 53px;
    border: 1px solid #AADAD2;
    outline: none;
    position: relative;
    float: left;}

#respond #comment, #comentario-popup-comente #comment {
    background: #FFF url('imagens/comentario-comentario.gif') no-repeat;
    width: 460px;
    height: 100px;
    margin: 10px 0px 0px 0px;
    padding: 41px 19px 0px 19px;
    border: 1px solid #AADAD2;
    outline: none;
    position: relative;
    float: left;}

#respond #submit, #comentario-popup-comente #submit {
    background: url('imagens/comentario-popup-enviar.gif') no-repeat;
    width: 500px;
    height: 40px;
    margin: 10px 0px 0px 0px;
    border: none;
    cursor: pointer;
    position: relative;
    float: left;}

#comentario-aviso, #comentario-popup-aviso {
    width: 500px;
    color: #839399;
    font-size: 10px;
    text-align: center;
    padding: 20px 0px 0px 0px;
    position: relative;
    float: left;}

#comments {
    width: 700px;
    margin: 20px 0px 60px 0px;}

#comentario-topo {
    width: 700px;}

#comentario-topo h1 {
    width: 560px;}

#comentario-topo h2 {
    width: 560px;}

#comentar-lista {
    width: 630px;
    padding: 30px 0px 15px 0px;}

.comentario-item {
    width: 630px;}

.comentario-texto {
    width: 540px;}

#respond {
    width: 640px;}

#respond #commentform {
    width: 640px;}

#respond #author {
    width: 249px;}

#respond #email {
    width: 252px;}

#respond #url {
    width: 580px;}

#respond #comment {
    width: 600px;}

#respond #submit {
    background: url('imagens/comentario-enviar.gif') no-repeat;
    width: 640px;}

#comentario-aviso {
    width: 640px;}

.alignleftJL {
    float: left;}

.alignrightJL {
    float: right;}

.listaMapa {
    margin: 0px;
    padding: 0px;
    list-style: none;
    position: relative;
    float: left;}

.listaImageMap {
    margin: 0px;
    list-style: none;
    position: relative;
    float: left;}

.listaImageMap li {
    position: relative;
    float: left;}

.listaImageMap li .contentImagemMapa {
    position: relative;
    float: left;}

.listaImageMapItemImg {
    text-align: center;
    margin: 5px 0px 5px 0px;
    border: 4px solid #CCC;}

.listaImageMap .listaImageMapItem {
    position: absolute;
    z-index: 150;
    cursor: pointer;
    visibility: hidden;
    list-style: none;}

.listaMapa li {
    width: 700px;}

.listaImageMap .listaImageMapItem img {
    margin: 0px;
    position: relative;
    float: left;}

.listaImageMap .listaImageMapItem span {
    display: none;}

.listaImageMap .popup2 {
    background: #C5D984;
    width: 200px;
    color: #000;
    line-height: 1.6em;
    text-align: left;
    padding: 10px;
    border: 2px dotted #AAC248;
    position: absolute;
    display: none;
    z-index: 500;}

.listaMapaUL {
    margin: 5px 0px 15px 0px;}

.arquivoNuvemTagsConteudo {
    text-align: center;
    margin: 15px 5px 80px 5px;
    position: relative;
    float: left;}

.arquivoAnosConteudo {
    margin: 10px 0px 0px 0px;
    position: relative;
    float: left;}

.arquivoAnosConteudo ul, .arquivoCategoriaConteudo ul {
    list-style: none;}

.arquivoAnosConteudo-Ano {
    width: 175px;
    padding: 0px 0px 30px 0px;
    position: relative;
    float: left;}

.arquivoAnosConteudo-Ano a {
    background-color: #F97E76;
    color: #FFF;
    font-size: 20px;
    font-weight: bold;
    line-height: 20px;
    text-decoration: none;
    padding: 0px 5px 0px 5px;}

.arquivoCategoriaConteudo-Esquerda li, .arquivoCategoriaConteudo-Direita li, .arquivoAnosConteudo-Mes {
    background: none;
    color: #2F2F2F;
    font-size: 12px;
    line-height: 12px;
    padding: 5px 0px 5px 0px;}

.arquivoCategoriaConteudo-Esquerda li a, .arquivoCategoriaConteudo-Direita li a, .arquivoAnosConteudo-Mes a {
    background: none;
    color: #2F2F2F;
    font-size: 12px;
    font-weight: bold;
    line-height: 12px;
    padding: 5px 0px 5px 0px;}

.arquivoCategoriaConteudo {
    margin: 0px 0px 30px 0px;
    position: relative;
    float: left;}

.arquivoCategoriaConteudo-Esquerda, .arquivoCategoriaConteudo-Direita {
    width: 350px;
    position: relative;
    float: left;}

#blogs-amigos {
    list-style: none;}

#blogs-amigos li {
    padding: 5px 0px 0px 10px;
    position: relative;
    float: left;}

.promocao-ativa, .promocao-encerrada, .promocao-lista, .promocao-lista ul {
    width: 700px;
    position: relative;
    float: left;}

.promocao-lista {
    padding: 10px 0px 0px 0px;}

.promocao-lista-item {
    width: 150px;
    height: 265px;
    color: #2F2F2F;
    line-height: 14px;
    padding: 0px 25px 0px 0px;
    position: relative;
    float: left;}

.promocao-lista-item img {
    border: 4px solid #CCC;}

.promocao-lista-item p {
    padding: 0px 0px 5px 0px;}

.promocao-lista li {
    width: 227px;
    padding: 0px 6px 0px 0px;
    position: relative;
    float: left;}

.look-do-dia {
    width: 700px;
    list-style: none !important;
    position: relative;
    float: left;}

.look-do-dia-ano {
    width: 700px;
    color: #A1D3E9;
    font-size: 24px;
    font-height: bold;
    padding: 0px 0px 10px 0px;
    position: relative;
    float: left;}

.look-do-dia-item {
    width: 175px;
    height: 260px;
    color: #2F2F2F;
    font-size: 12px;
    list-style: none !important;
    position: relative;
    float: left;}

.look-do-dia-item a {
    color: #2F2F2F;}

.look-do-dia-item img {
    width: 160px;
    height: 220px;
    position: relative;
    float: left;}

.look-do-dia-item p {
    padding: 2px 0px 0px 0px;}

.estilo {
    width: 700px;
    list-style: none !important;
    position: relative;
    float: left;}

.estilo-letra {
    width: 700px;
    color: #A1D3E9;
    font-size: 24px;
    font-height: bold;
    padding: 20px 0px 10px 0px;
    position: relative;
    float: left;}

.estilo-item {
    width: 100px;
    height: 130px;
    color: #2F2F2F;
    font-size: 12px;
    line-height: 14px;
    padding: 0px 10px 0px 0px;
    list-style: none !important;
    position: relative;
    float: left;}

.estilo-item a {
    color: #2F2F2F;}

.estilo-item img {
    width: 100px;
    height: 100px;
    position: relative;
    float: left;}

.estilo-item p {
    padding: 2px 0px 0px 0px;}

.como-usar {
    width: 700px;
    list-style: none !important;
    position: relative;
    float: left;}

.como-usar-letra {
    width: 700px;
    color: #A1D3E9;
    font-size: 24px;
    font-height: bold;
    padding: 20px 0px 10px 0px;
    position: relative;
    float: left;}

.como-usar-item {
    width: 100px;
    height: 130px;
    color: #2F2F2F;
    font-size: 12px;
    line-height: 14px;
    padding: 0px 10px 0px 0px;
    list-style: none !important;
    position: relative;
    float: left;}

.como-usar-item a {
    color: #2F2F2F;}

.como-usar-item img {
    width: 100px;
    height: 100px;
    position: relative;
    float: left;}

.como-usar-item p {
    padding: 2px 0px 0px 0px;}

.filme {
    float: left;
    margin: 0px 8px 0px 0px;
    border: 4px solid #CCC;}

#pagina-videos {
    width: 1055px;
    text-align: left;
    padding: 0px 0px 60px 100px;
    position: relative;
    float: left;}

#pagina-videos .conteudo-post {
    width: 1055px;}

#pagina-videos .conteudo-post-titulo {
    width: 1055px;}

#pagina-videos .conteudo-post-texto {
    width: 1055px;}

#pagina-videos .video-grupo {
    width: 1055px;
    padding: 0px 0px 30px 0px;
    position: relative;
    float: left;}

#pagina-videos .video-grupo-titulo {
    width: 1055px;
    color: #A0D2E8;
    font-family: "Patua One", Arial, Tahoma;
    font-size: 25px;
    line-height: 25px;
    position: relative;
    float: left;}

#pagina-videos ul {
    width: 1055px;
    list-style: none;
    position: relative;
    float: left;}

#pagina-videos ul li {
    width: 500px;
    padding: 20px 0px 10px 20px;
    position: relative;
    float: left;}

#pagina-videos ul li:first-child {
    padding: 20px 0px 10px 0px;}

#pagina-videos .video-item-frame {
    width: 500px;
    height: 281px;
    position: relative;
    float: left;}

#pagina-videos .video-item-titulo {
    width: 500px;
    color: #2F2F2F;
    font-size: 12px;
    font-weight: bold;
    padding: 10px 0px 0px 0px;
    position: relative;
    float: left;}

#pagina-videos .video-item-compartilhe {
    width: 500px;
    padding: 5px 0px 0px 0px;
    position: relative;
    float: left;}

#pagina-videos .video-item-compartilhe-facebook {
    padding: 0px 10px 0px 0px;
    position: relative;
    float: left;}

#pagina-videos .video-item-compartilhe-twitter {
    position: relative;
    float: left;}



/* 
Responsive styles
Everton Fraga <evertonfrag@gmail.com>
2013
*/
#menu-button, .expandir-post { display: none; }

@media screen and (max-device-width: 320px) { #pagina, #pagina-conteudo, #conteudo { width: 100%; }
  body { background: none; }
  #header, #conteudo, #pagina-conteudo, #sidebar, #footer-propaganda { float: none; }
  .conteudo-post, .conteudo-post-navegacao, .conteudo-post-topo, .conteudo-post-topo-titulo h1, .conteudo-post-compartilhe, .conteudo-post-texto, .conteudo-post-info, .conteudo-post-info-tags, .conteudo-post-info-tags ul, .conteudo-post-relacionado, .conteudo-post-relacionado-topo, .conteudo-post-relacionado ul, #comments, #comentario-topo, #comentario-topo h1, #comentario-topo h2, .wp-pagenavi, #pagina-videos { width: 100%; }
  .conteudo-post-texto .alignnone, .conteudo-post-texto img.aligncenter, .conteudo-post-texto img.alignleft, .conteudo-post-texto img.alignright { max-width: 100%; }
  #pagina-conteudo, #pagina-videos { padding: 0 6px; box-sizing: border-box; }
  #conteudo { overflow: hidden; }
  #menu { background-image: url(http://www.justlia.com.br/wp-content/themes/jl2013/imagens/comentario-logo.gif); background-position: center 3px; background-repeat: no-repeat; background-size: 30px; text-align: left; min-height: 34px; height: auto; overflow: visible; box-shadow: 0 1px 0 rgba(0, 0, 0, 0.2); }
  #menu #menu-button { background-color: #f97e76; display: inline-block; margin: 2px 7px 0; width: 30px; height: 27px; line-height: 1em; color: #fff; text-align: center; font-size: 25px; border: 1px solid rgba(0, 0, 0, 0.2); border-radius: 4px; box-shadow: inset 0 1px 2px rgba(255, 255, 255, 0.5), 0 0 4px rgba(0, 0, 0, 0.1); position: relative; z-index: 9; }
  #menu.is-opened #menu-button { padding-top: 1px; height: 26px; background-color: #e36159; box-shadow: inset 0 -1px 1px rgba(255, 255, 255, 0.3), 0 0 4px rgba(0, 0, 0, 0.05); }
  #menu.is-opened ul { display: block; }
  #menu ul { z-index: 10; display: none; height: auto; width: 100%; padding: 0; }
  #menu ul .menu-item { float: none; position: static; }
  @-webkit-keyframes lipstick_animation { 0% { top: -10px; left: 10px; -webkit-transform: rotate(-4deg); }
    50% { top: -4px; left: -4px; -webkit-transform: rotate(0deg); }
    100% { top: -250px; left: -15px; -webkit-transform: rotate(-14deg); } }
  #header { width: 100%; height: 240px; padding-top: 85px; }
  #header #header-propaganda { display: none; }
  #header #header-logo { position: static; display: block; margin: 0 auto; background-size: cover; width: 189.75px; height: 174px; }
  #header #header-batom { background-size: cover; width: 105px; height: 134.25px; top: -250px; left: 10px; -webkit-animation: lipstick_animation 2s 1 ease-out; -webkit-animation-delay: 2s; }
  #destaque { width: 100%; height: auto; padding: 15px 0 5px; }
  #destaque > div { box-sizing: border-box; width: 100%; height: auto; position: static; top: 0; bottom: 0; margin-bottom: 2em; }
  #destaque > div a { float: none; width: 100%; height: auto; }
  #destaque > div img.destaque-imagem { width: 100%; float: none; }
  #destaque > div span { width: 100%; height: 2.5em; float: none; display: block; font-size: 20px; }
  #destaque > div span h1 { top: 12px; width: -webkit-calc(100% - 73px); width: -moz-calc(100% - 73px); width: calc(100% - 73px); line-height: 1.2em; font-size: inherit; }
  #destaque > div span h2 { top: 7px; right: 9px; width: 35px; padding: 1px; font-size: 22px; border-top: 6px solid #f44; background-color: #fff; font-family: 'Helvetica Neue', Helvetica, sans-serif; font-weight: 100; text-align: center; }
  #destaque > div span h3 { display: none; }
  #destaque .destaque-categoria { display: none; }
  .conteudo-post-topo-categoria { display: none; }
  .conteudo-post { overflow: hidden; max-height: 410px; float: none; margin: 0 0 35px 0; padding: 15px 0; }
  .conteudo-post.is-opened { max-height: none; }
  .conteudo-post.is-opened .expandir-post { display: none; }
  .conteudo-post .expandir-post { position: absolute; bottom: 0px; width: 100%; display: block; box-sizing: border-box; background: -webkit-linear-gradient(top, rgba(249, 126, 118, 0.6) 0%, rgba(249, 126, 118, 0.9) 100%); background: linear-gradient(to bottom, rgba(249, 126, 118, 0.9) 0%, rgba(249, 126, 118, 0.9) 100%); }
  .conteudo-post .expandir-post a { display: block; color: #fff; font-family: "Patua One", Arial, Tahoma; font-size: 19px; text-align: center; padding: .7em 0; }
  .conteudo-post-topo .conteudo-post-topo-titulo { width: -webkit-calc(100% - 50px); width: -moz-calc(100% - 50px); width: calc(100% - 50px); padding: 0; }
  .conteudo-post-topo .conteudo-post-topo-titulo h1 { font-size: 24px; }
  .conteudo-post-topo .conteudo-post-topo-autor { width: 45px; height: 65px; padding: 0; }
  .conteudo-post-topo .conteudo-post-topo-autor .conteudo-post-topo-autor-info-data, .conteudo-post-topo .conteudo-post-topo-autor .conteudo-post-topo-autor-info-nome strong { display: none; }
  .conteudo-post-topo .conteudo-post-topo-autor .conteudo-post-topo-autor-info-nome { width: 100%; font-size: 12px; }
  .conteudo-post-topo .conteudo-post-topo-autor .conteudo-post-topo-autor-info { width: 100%; padding: 0; float: none; text-align: center; position: absolute; top: 48px; }
  .conteudo-post-topo .conteudo-post-topo-autor .conteudo-post-topo-autor-foto { width: 45px; height: 45px; float: none; position: absolute; top: 0; }
  .conteudo-post-topo .conteudo-post-topo-autor .conteudo-post-topo-autor-foto img { border-radius: 50%; }
  .conteudo-post-info .conteudo-post-info-tags { width: -webkit-calc(100% - 88px); width: -moz-calc(100% - 88px); width: calc(100% - 88px); }
  .conteudo-post-info .conteudo-post-info-tags span { margin-bottom: 4px; font-size: 20px; }
  .conteudo-post-info .conteudo-post-info-tags ul li a { display: inline-block; padding: 0 6px; border-radius: 3px; margin-bottom: 5px; }
  .conteudo-post-topo-titulo h2 { display: none; }
  .conteudo-post-topo-titulo h2 a { visibility: hidden; }
  .conteudo-post-topo-titulo h2 a span { visibility: visible; padding-left: 15px; }
  .conteudo-post-texto h2 { font-size: 20px; text-align: left !important; }
  div[id^="attachment_"] { width: 100% !important; }
  div[id^="attachment_"] img { width: 100%; height: auto; }
  .conteudo-post-texto img.alignleft[width="50"][height="50"] { width: 50px; height: 50px; border-radius: 50%; box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2); margin: 1px 4px 5px 0px; }
  .conteudo-post-relacionado { padding: 20px 0 0 0; }
  .conteudo-post-relacionado ul { border: 1px solid white; border-radius: 10px; padding: 0; margin-top: 10px; }
  .conteudo-post-relacionado ul li { padding: 0; margin-bottom: 1px; width: 100%; }
  .conteudo-post-relacionado ul li span { width: 100%; float: none; position: static; }
  .conteudo-post-relacionado ul li img { display: none; }
  .conteudo-post-relacionado ul li a { box-sizing: border-box; display: block !important; opacity: 1 !important; padding: .5em; width: -webkit-calc(100% - 2px); width: -moz-calc(100% - 2px); width: calc(100% - 2px); background: #f97e76; color: white; position: static; height: auto; font-family: "HelveticaNeue", Helvetica, sans-serif; font-weight: 200; font-size: 12px; }
  .conteudo-post-relacionado ul li:nth-child(1) a { background: #f97e76; }
  .conteudo-post-relacionado ul li:nth-child(2) a { background: #fa908a; }
  .conteudo-post-relacionado ul li:nth-child(3) a { background: #fba39d; }
  .conteudo-post-relacionado ul li:nth-child(4) a { background: #fcb5b1; }
  .conteudo-post-relacionado ul li:nth-child(5) a { background: #fcc8c4; }
  .conteudo-post-relacionado ul li:first-child a { border-radius: 6px 6px 0 0; }
  .conteudo-post-relacionado ul li:last-child a { border-radius: 0 0 6px 6px; }
  .conteudo-post-compartilhe { display: table; }
  .conteudo-post-compartilhe .conteudo-post-compartilhe-item, .addthis_button_tweet, .addthis_button_pinterest, .addthis_button_google_plusone, .addthis_button_facebook_like { display: table-cell; }
  .addthis_button_google_plusone { max-width: 60px; }
  .addthis_button_pinterest { max-width: 50px; }
  .addthis_button_tweet { max-width: 78px; }
  .addthis_button_facebook_like { margin: 0px; max-width: 102px; }
  .batalha, .batalha-imagem, .batalha-voto, .batalha .batalha-voto-escolha, .batalha .batalha-voto-percentual, .batalha .batalha-voto-seuvoto { width: 100%; }
  .batalha .batalha-imagem-1, .batalha .batalha-imagem-2, .batalha .batalha-voto-1, .batalha .batalha-voto-2 { width: 49%; }
  .batalha .batalha-imagem-1 img, .batalha .batalha-imagem-2 img { width: 100%; }
  .batalha .batalha-imagem-x-1, .batalha .batalha-imagem-x-2, .batalha .batalha-imagem-x-3 { left: 50%; margin-left: -20px; margin-top: -20px; width: 40px; height: 40px; background-size: contain; }
  .batalha .batalha-voto li { height: 90px; background: -webkit-linear-gradient(top, #7188b7 0%, #bcc7dd 100%); background: linear-gradient(to bottom, #7188b7 0%, #bcc7dd 100%); }
  .batalha .batalha-voto-escolha { font-size: 13px; }
  .batalha .batalha-voto-percentual { font-size: 45px; font-family: "Helvetica Neue", Helvetica, sans-serif; font-weight: 100; line-height: 1.2em; }
  #comments { background: none; }
  #comentario-topo { float: none; height: auto; padding: 1em 1em 1.5em 1em; box-sizing: border-box; background: url(http://www.justlia.com.br/wp-content/themes/jl2013/imagens/comentario-bg.gif) repeat-x left -35px; }
  #comentario-topo span { display: none; }
  #comentario-topo h1, #comentario-topo h2 { position: static; }
  #comentario-topo h1 { font-size: 30px; }
  #comentario-topo h2 { font-size: 14px; }
  .fb-comments { float: none; }
  .fb-comments .fb_iframe_widget_fluid { display: block; width: 100%; }
  .fb-comments iframe { width: 100% !important; }
  #comentar-lista { float: none; position: static; width: 100%; margin: 0; }
  #comentar-lista > li { margin-bottom: 20px; }
  #comentar-lista li { overflow: hidden; }
  #comentar-lista ul.children { clear: both; padding-top: 20px; }
  #comentar-lista .comentario-item { width: 100%; margin: 0; }
  #comentar-lista .comentario-autor { width: 50px; }
  #comentar-lista .comentario-autor-imagem { background: none; border: none; padding: 0; width: 50px; height: 50px; }
  #comentar-lista .comentario-autor-imagem img { width: 50px; height: 50px; border-radius: 50%; box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2); }
  #comentar-lista .comentario-autor-nome { width: 50px; text-align: center; padding: 0; margin-top: 7px; }
  #comentar-lista .comentario-autor-data { height: 1.2em; display: none; }
  #comentar-lista .comentario-texto { margin-left: 20px; width: -webkit-calc(100% - 70px); width: -moz-calc(100% - 70px); width: calc(100% - 70px); float: left; }
  #comentar-lista .comentario-texto blockquote { padding: 0em; margin: 10px 15px; }
  #comentar-lista .comentario-item_autor { background-color: #fff; }
  #comentar-lista .comentario-item_autor .comentario-autor-imagem img { box-shadow: 0 0 3px #f97e76; }
  #respond { float: none; display: block; position: static; box-sizing: border-box; padding: 10px; width: 100%; margin: 20px 0; }
  #respond #commentform { width: 100%; float: none; }
  #respond #author, #respond #email, #respond #url, #respond #comment, #respond #submit { box-sizing: border-box; width: 100%; float: none; position: static; margin-top: 10px; }
  #respond #submit { background-position: 47% center; }
  #respond #comentario-aviso { width: 100%; float: none; }
  .wp-pagenavi { text-align: center; background-color: #f9f9f9; padding: 0; width: auto; border-radius: 14px; overflow: hidden; margin: 0 0 15px 40px; white-space: nowrap; }
  .wp-pagenavi .pages, .wp-pagenavi .nextpostslink, .wp-pagenavi .previouspostslink { display: none; }
  .wp-pagenavi .current, .wp-pagenavi .page { width: auto; min-width: 26px; }
  .wp-pagenavi .current, .wp-pagenavi .page { float: none; display: inline-block; margin: 0; padding: 6px 3px 0 3px; }
  .wp-pagenavi .page { box-shadow: 1px 0 0 #dbdae2 inset; }
  #footer { overflow: hidden; }
  #footer-conteudo { width: 100%; }
  #footer-menu { width: -webkit-calc(100% - 40px); width: -moz-calc(100% - 40px); width: calc(100% - 40px); padding: 0 20px; }
  #footer-menu li { width: 50%; text-align: center; margin-bottom: 8px; }
  #footer-info, #footer-post_destaque, #footer-post_mais_acessados, #footer-redes, #footer-menu-contador { display: none; }
  #pagina-videos .conteudo-post, #pagina-videos .conteudo-post-titulo, #pagina-videos .conteudo-post-texto, #pagina-videos .video-grupo, #pagina-videos .video-grupo-titulo, #pagina-videos ul, #pagina-videos ul li, #pagina-videos .video-item-frame, #pagina-videos .video-item-titulo, #pagina-videos .video-item-compartilhe { width: 100%; }
  #pagina-videos ul li { padding: 20px 0 10px; }
  #pagina-videos .video-item-frame, #pagina-videos .video-item-frame iframe { width: 100%; height: 200px; }
  ul.estilo { width: -webkit-calc(100% + 10px); width: -moz-calc(100% + 10px); width: calc(100% + 10px); }
  ul.estilo .estilo-letra { width: 100%; }
  ul.estilo .estilo-item, ul.estilo .estilo-item img { width: 95px; }
  ul.look-do-dia { width: -webkit-calc(100% + 10px); width: -moz-calc(100% + 10px); width: calc(100% + 10px); }
  ul.look-do-dia .look-do-dia-ano { width: 100%; }
  ul.look-do-dia .look-do-dia-item { margin-right: 10px; }
  ul.look-do-dia .look-do-dia-item { width: -webkit-calc(50% - 10px); width: -moz-calc(50% - 10px); width: calc(50% - 10px); }
  ul.look-do-dia .look-do-dia-item img { width: 100%; height: auto; }
  ul.look-do-dia .look-do-dia-item p { text-align: center; }
  ul.como-usar { width: -webkit-calc(100% + 10px); width: -moz-calc(100% + 10px); width: calc(100% + 10px); }
  ul.como-usar .como-usar-letra { width: 100%; }
  ul.como-usar .como-usar-item { width: -webkit-calc(33% - 10px); width: -moz-calc(33% - 10px); width: calc(33% - 10px); margin-bottom: 7px; }
  ul.como-usar .como-usar-item img { width: 100%; height: auto; float: none; }
  ul.como-usar .como-usar-item p { text-align: center; }
  .sidebar-propaganda, #sidebar-tags, #sidebar-perfil, #sidebar-facebook, #sidebar-equipe, #sidebar-blogs_amigos, #sidebar-posts-email, #sidebar-arquivos { display: none; }
  #sidebar { overflow: hidden; margin-top: 30px; padding: 10px; box-sizing: border-box; width: 100%; }
  #sidebar .sidebar-item { padding-left: 0; width: 100%; }
  #sidebar .sidebar-item { width: 300px; }
  #sidebar .sidebar-item > div[id] { float: none; }
  #sidebar-twitter-conteudo { overflow: hidden; } }
@media screen and (max-device-width: 320px) and (orientation: landscape) { body { zoom: 0.8; }
  #menu { position: static; } }