@charset "utf-8";

/**
 * @charset "utf-8"
 * @description: Arquivo responsável pelo CSS GERAL
 *
 * @author: Monumenta Comunicação e Estratégias Sociais
 * @date: 2014/06
 *
 * Copyright(c) Todos os direitos reservados
 */

@import url( "vendors/jquery-ui.min.css" );

/**
 * @comment: estilo geral
 */

body{
    background: #fff;
}
#overlay{
    background: url( "../img/bg/overlay.png" );
    bottom: 0;
    display: none;
    left: 0;
    position: fixed;
    right: 0;
    top: 0;
    z-index: 1000;
}

/**
 * @comment: #header
 */

#header.closed{
    margin-top: -258px;
}
#header #headerbar{
    height: 108px;
    position: relative;
    width: 100%;
    z-index: 100;
}
#header #main{
    background: url( "../img/bg/header.png" ) no-repeat top center;
    height: 161px;
    padding-top: 34px;
    position: relative;
    width: 100%;
    z-index: 50;
}
#header #main > div h1{
    display: block;
    height: 27px;
    margin: 0 0 34px;
    width: 417px;
}
#header #main > div h1 a{
    background: url( "../img/tx/header_logo.png" ) no-repeat 0 0;
    height: 100%;
    width: 100%;
}
#header #main > div ul
, #header #main > div ul li{
    float: left;
    list-style: none;
}
#header #main > div ul{
    width: 69.75%;
}
#header #main > div ul li{
    margin-right: 1.47%;
    position: relative;
    width: 30.14%;
}
#header #main > div ul li input
, #header #main > div ul li select
, #header #main > div ul li textarea{
    padding: 8px 4.90%;
    width: 90.19%;
}
#header #main > div ul li.category select{
    width: 100%;
}
#header #main > div ul li.category > span{
    background: #e2e2e2;
    border: none;
    border-radius: 6px;
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    -o-border-radius: 6px;
    color: #6c6c6c;
    font-family: 'Open Sans', Arial, Helvetica, sans-serif;
    font-size: 1.4em;
    font-weight: 400;
    outline: none !important;
    padding: 0;
    position: relative;
    text-transform: uppercase;
    width: 100% !important;
    
}
#header #main > div ul li.category > span.ui-corner-top{
    border-radius: 6px 6px 0 0;
    -moz-border-radius: 6px 6px 0 0;
    -webkit-border-radius: 6px 6px 0 0;
    -o-border-radius: 6px 6px 0 0;
    
}
#header #main > div ul li.category > span > .ui-icon{
    background: #569735 url( "../img/bl/header_form_select_down.png" ) no-repeat center center;
    border-radius: 0 6px 6px 0;
    -moz-border-radius: 0 6px 6px 0;
    -webkit-border-radius: 0 6px 6px 0;
    -o-border-radius: 0 6px 6px 0;
    float: right;
    height: 35px;
    margin: 0;
    padding: 0;
    position: static;
    width: 17.56%;
    
}
#header #main > div ul li.category > span.opened > .ui-icon{
    background-image: url( "../img/bl/header_form_select_up.png" );
}
#header #main > div ul li.category > span.ui-corner-top > .ui-icon{
    border-radius: 0 6px 0 0;
    -moz-border-radius: 0 6px 0 0;
    -webkit-border-radius: 0 6px 0 0;
    -o-border-radius: 0 6px 0 0;
    
}
#header #main > div ul li.category > span > .ui-selectmenu-text{
    float: left;
    font-family: 'Open Sans', Arial, Helvetica, sans-serif;
    font-size: 1em;
    font-weight: 400;
    padding: 8px 0 8px 4.90%;
    text-transform: uppercase;
    width: 77.54% !important;
}
#header #main > div ul li.date > input{
    border-radius: 6px 0 0 6px;
    -moz-border-radius: 6px 0 0 6px;
    -webkit-border-radius: 6px 0 0 6px;
    -o-border-radius: 6px 0 0 6px;
    float: left;
    font-family: 'Open Sans', Arial, Helvetica, sans-serif;
    font-size: 1.4em;
    font-weight: normal;
    padding: 8px 4.90%;
    text-transform: uppercase;
    width: 72.64% !important;
    
}
#header #main > div ul li.date > button{
    background: #569735 url( "../img/bl/header_form_date.png" ) no-repeat center center;
    border: none;
    border-radius: 0 6px 6px 0;
    -moz-border-radius: 0 6px 6px 0;
    -webkit-border-radius: 0 6px 6px 0;
    -o-border-radius: 0 6px 6px 0;
    cursor: pointer;
    float: right;
    height: 35px;
    margin: 0;
    padding: 0;
    position: static;
    width: 17.56%;
    
}
.ui-datepicker{
    width: 198px;
}
#header #main > div ul li.submit{
    margin-right: 0;
    width: 5.14%;
}
#header #main > div ul li.submit button{
    background: #569735 url( "../img/bl/header_form_submit.png" ) no-repeat center center;
    border: none;
    border-radius: 6px;
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    -o-border-radius: 6px;
    cursor: pointer;
    height: 35px;
    width: 100%;
    
}
#header #main > div > a{
    background: #ffa300;
    border-radius: 6px;
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    -o-border-radius: 6px;
    color: #fff;
    float: right;
    font-family: 'Open Sans', Arial, Helvetica, sans-serif;
    font-size: 1.4em;
    font-weight: 300;
    height: 19px;
    padding: 8px 1.34%;
    text-align: center;
    text-decoration: none;
    text-transform: uppercase;
    width: 24%;
    
}
#header #main > div > a strong{
    font-weight: 700;
}
#header #main > div > button{
    background: url( "../img/bl/header_setas.png" ) no-repeat 0 0;
    border: none;
    bottom: 25px;
    height: 10px;
    left: 50%;
    margin-left: -10px;
    position: absolute;
    width: 20px;
}
#header.closed #main > div > button{
    background-position: 0 -10px;
}

/**
 * @comment: shareStory
 */

#shareStory{
    display: none;
    left: 50%;
    margin-left: -376px;
    overflow-x: hidden;
    overflow-y: auto;
    position: fixed;
    top: 50%;
    width: 752px;
    z-index: 2000;
}
.sendSuccess #shareStory.sendSuccess
, .sendSuccess #overlay.sendSuccess{
    display: block;
    filter: alpha(Opacity=100);
    opacity: 1;
}
#shareStory > button{
    background: none;
    border: none;
    color: #ffa300;
    cursor: pointer;
    float: right;
    font-family: 'Open Sans', Arial, Helvetica, sans-serif;
    font-size: 1.8em;
    font-weight: 300;
    margin-right: 20px;
    text-transform: uppercase;
}
#shareStory > button span{
    color: #fff;
}
#shareStory > div{
    background: #fff;
    border-radius: 6px;
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    -o-border-radius: 6px;
    clear: both;
    float: left;
    margin-top: 14px;
    padding: 35px 7.97%;
    width: 84.04%;
    
}
#shareStory > div > h2{
    color: #000;
    display: block;
    font-size: 1.6em;
    font-weight: 300;
    margin-bottom: 25px;
    text-transform: uppercase;
}
.sendSuccess #shareStory.sendSuccess > div div.sendSuccess
, #shareStory > div #usp-success-message{
    display: none;
}
.sendSuccess #shareStory.sendSuccess > div #usp-success-message{
    display: block;
}
#shareStory > div #user-submitted-posts{
    
}
#shareStory > div #user-submitted-posts fieldset{
    float: left;
    margin: 0 0 15px;
}
#shareStory > div #user-submitted-posts fieldset input{
    padding: 8px 3%;
    width: 94%;
}
#shareStory > div #user-submitted-posts fieldset.usp-images{
    width: 100%;
    margin-bottom: 0px;
}
#shareStory > div #user-submitted-posts fieldset.usp-images div#user-submitted-image{
    display: block;
    height: 135px;
    position: relative;
    width: 122px;
    float: left;

    background: #e2e2e2 url("../img/bt/shareHistory_file.png" ) no-repeat center center;
    border-radius: 6px;
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    -o-border-radius: 6px;
    clear: none;
    margin-right: 1.7%;
    margin-bottom: 15px;
}
#shareStory > div #user-submitted-posts fieldset.usp-images div#user-submitted-image > p{
    color: #6c6c6c;
    font-family: 'Open Sans', Arial, Helvetica, sans-serif;
    font-size: 1em;
    font-weight: 300;
    height: 56px;
    left: 22px;
    overflow: hidden;
    position: absolute;
    text-align: center;
    text-transform: uppercase;
    top: 54px;
    width: 78px;
    word-wrap: break-word;
    z-index: 10;
}
#shareStory > div #user-submitted-posts fieldset.usp-images div#user-submitted-image input{
    border: none;
    cursor: pointer;
    display: block;
    height: 135px;
    margin: 0;
    opacity: 0;
    outline: none;
    padding: 0;
    position: relative;
    text-align: center;
    -moz-opacity: 0;
    filter: alpha(Opacity:0);
    width: 122px;
    z-index: 20;
    float: left;
}
#shareStory > div #user-submitted-posts fieldset.usp-name
, #shareStory > div #user-submitted-posts fieldset.usp-email{
    /*float: right;*/
    width: 100%;
}
#shareStory > div #user-submitted-posts fieldset.usp-age{
    /*margin-left: 1.9%;*/
    margin-right: 1.7%;
    width: 14.20%;
    clear: both;
}
#shareStory > div #user-submitted-posts fieldset.usp-age input{
    padding: 8px 17%;
    width: 66%;
}
#shareStory > div #user-submitted-posts fieldset.usp-gender{
    margin-right: 1.6%;
    width: 25.25%;
}
#shareStory > div #user-submitted-posts fieldset.usp-nationality{
    width: 57%;
}
#shareStory > div #user-submitted-posts fieldset.usp-gender > span
, #shareStory > div #user-submitted-posts fieldset.usp-nationality > span{
    background: #e2e2e2 !important;
    border: none !important;
    height: 35px;
    outline: none !important;
    width: 100% !important;
    
}
#shareStory > div #user-submitted-posts fieldset.usp-gender > span > span.ui-selectmenu-text{
    color: #6c6c6c;
    font-family: 'Open Sans', Arial, Helvetica, sans-serif;
    font-size: 1.4em;
    font-weight: 400;
    outline: none !important;
}
#shareStory > div #user-submitted-posts fieldset.usp-content
, #shareStory > div #user-submitted-posts fieldset.usp-tags{
    clear: both;
    width: 100%;
}
#shareStory > div #user-submitted-posts fieldset.usp-content{
    margin-bottom: 0px;
}
#shareStory > div #user-submitted-posts fieldset.usp-content #wp-uspcontent-editor-tools
, #shareStory > div #user-submitted-posts fieldset.usp-content div.mce-statusbar
, #shareStory > div #user-submitted-posts fieldset.usp-content #mce_28
, #shareStory > div #user-submitted-posts fieldset.usp-content #mce_29
, #shareStory > div #user-submitted-posts fieldset.usp-content #mce_30{
    display: none !important;
}
#shareStory > div #user-submitted-posts fieldset.usp-content div.mce-toolbar-grp{
    background: #6c6c6c;
    border-radius: 6px 6px 0 0;
    -webkit-border-radius: 6px 6px 0 0;
    -moz-border-radius: 6px 6px 0 0;
    -o-border-radius: 6px 6px 0 0;
    padding-bottom: 15px;
    /*max-width: 61.3%;*/
}
#shareStory > div #user-submitted-posts fieldset.usp-content .mce-toolbar .mce-ico{
    color: #fff !important;
}
#shareStory > div #user-submitted-posts fieldset.usp-content #wp-fullscreen-buttons .mce-btn:focus
, #shareStory > div #user-submitted-posts fieldset.usp-content #wp-fullscreen-buttons .mce-btn:hover
, #shareStory > div #user-submitted-posts fieldset.usp-content .mce-toolbar .mce-btn-group .mce-btn:focus
, #shareStory > div #user-submitted-posts fieldset.usp-content .mce-toolbar .mce-btn-group .mce-btn:hover
, #shareStory > div #user-submitted-posts fieldset.usp-content .qt-fullscreen:focus, .qt-fullscreen:hover{
    background: none !important;
    border-color: #fff !important;
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
}
#shareStory > div #user-submitted-posts fieldset.usp-content div.mce-edit-area
, #shareStory > div #user-submitted-posts fieldset.usp-content div.mce-edit-area iframe{
    height: 100px !important;
}
#shareStory > div #user-submitted-posts fieldset.usp-content div.mce-edit-area{
    position: relative !important;
    top: -13px !important;
    border-radius: 6px !important;
    -webkit-border-radius: 6px !important;
    -moz-border-radius: 6px !important;
    -o-border-radius: 6px !important;
    overflow: hidden !important;
    
}
#shareStory > div #user-submitted-posts #usp-submit{
    clear: both;
    float: right;
}
#shareStory > div #user-submitted-posts #usp-submit #user-submitted-post{
    background: #ffa300;
    border-radius: 6px;
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    -o-border-radius: 6px;
    color: #fff;
    cursor: pointer;
    float: right;
    font-family: 'Open Sans', Arial, Helvetica, sans-serif;
    font-size: 1.4em;
    font-weight: 700;
    padding: 8px 0;
    text-align: center;
    text-decoration: none;
    text-transform: uppercase;
    width: 93px;
    
}

/**
 * @comment: content
 */

#content{
    padding-bottom: 30px;
}

/**
 * @comment: content - home - Highlight
 */

#content #slider{
    height: 393px;
    margin-top: -45px;
    position: relative;
    width: 100%;
}
#content #slider > div{
    background-color: transparent;
    background-position: top center;
    background-repeat: no-repeat;
    background-size: auto 100%;
    display: none;
    height: 393px;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
}
#content #slider > div.active{
    display: block;
}
#content #slider > div div.author
, #content #slider > div div.author a
, #content #slider > div div.author a img{

}
#content #slider > div div.author a img{
    height: auto;
    width: 100%;
}
#content #slider > div div.author
, #content div#highlight div.author{
    clear: left;
    float: left;
    margin: 112px 32px 0 0;
    overflow: hidden;
}

#content #slider > div div.author.mobile{
    width: 100px;
    height: 100px;
}

#content #slider > div div.aboutPost
, #content div#highlight div.aboutPost{
    float: left;
    font-family: 'Open Sans', Arial, Helvetica, sans-serif;
    margin-top: 96px;
    width: 600px;
}
#content #slider > div div.aboutPost time{
    color: #fff;
    font-size: 4em;
    font-style: italic;
    font-weight: 300;
    margin-left: 8px;
}
#content #slider > div div.aboutPost.mobile time{
    font-size: 20px;
}
#content #slider > div div.aboutPost time strong{
    color: #fff;
    font-style: italic;
    font-weight: 700;
    text-transform: capitalize;
}
#content #slider > div div.aboutPost time em{
    font-size: 0.5em;
    position: relative;
    top: -6px;
}
#content #slider > div div.aboutPost h2
, #content div#highlight div.aboutPost h2{
    color: #fff;
    font-size: 4.6em;
    font-weight: 800;
    line-height: 1;
    margin-top: -2px;
    text-decoration: none;
    text-transform: uppercase;
}
#content #slider > div div.aboutPost.mobile h2
, #content div#highlight div.aboutPost.mobile h2{
    color: #fff;
    font-size: 24px;
    font-weight: 800;
    line-height: 1;
    margin-top: -2px;
    text-decoration: none;
    text-transform: uppercase;
}
#content div#highlight.noBg div.aboutPost h2{
    color: #7faf66;
}
#content #slider > div div.aboutPost h2 a{
    color: inherit;
    font-size: 1em;
    font-weight: inherit;
    line-height: 46px;
    text-decoration: none;
}
#content #slider > div div.aboutPost p
, #content #slider > div div.aboutPost p a{
    color: #fff;
    font-size: 1.7em;
    font-weight: normal;
}
#content #slider > div div.aboutPost p a{
    font-size: 1em;
    text-decoration: none;
}

#content #slider > #nav{
    display: block !important;
    height: auto !important;
    position: relative !important;
    top: 336px;
    width: auto !important;
    z-index: 100;
}
#content #slider > #nav
, #content #slider > #nav ul
, #content #slider > #nav ul li{
    list-style: none;
    text-align: center;
}
#content #slider > #nav ul li
, #content #slider > #nav ul li button{
    display: inline-block;
    height: 21px;
    margin: 0 10px;
    width: 21px;
}
#content #slider > #nav ul li button{
    background: #fff;
    border: none;
    border-radius: 15px;
    -webkit-border-radius: 15px;
    -moz-border-radius: 15px;
    -o-border-radius: 15px;
    cursor: pointer;
    opacity: 0.5;
    outline: none;
    -moz-opacity: 0.5;
    filter: alpha(Opacity:50);
    margin: 0;
    
}
#content #slider > #nav ul li.active button
, #content #slider > #nav ul li button:hover{
    background: #ffa300;
    opacity: 1;
    -moz-opacity: 1;
    filter: alpha(Opacity:100);
}
#content > div.month{
    background: url( "../img/bg/content_months.png" ) no-repeat top center;
    height: 58px;
    margin: 0 auto 50px;
    max-width: 990px;
    padding-top: 10px;
    text-align: center;
}
#content > div.month > *{
    display: inline-block !important;
    margin: 0 11px;
}
#content > div.month.wait > *{
    filter:alpha(Opacity=40);
    opacity: 0.4;
}
#content > div.month button{
    background: url( "../img/bt/content_months.png" ) no-repeat 0 0;
    border: none;
    cursor: pointer;
    height: 20px;
    width: 10px;
}
#content > div.month button.disabled{
    visibility: hidden;
}
#content > div.month button.prev{
    background-position: 0 0;
}
#content > div.month button.next{
    background-position: -10px 0;
}
#content > div.month time{
    color: #000;
    display: none !important;
    font-size: 2.4em;
    font-style: italic;
    font-weight: 300;
    position: relative;
    text-transform: uppercase;
    top: 5px;
}
#content > div.month time.active{
    display: inline-block !important;
}
#content > div.month time span{
    font-weight: normal;
}

/**
 * @comment: content - listagem de posts
 */

#content > div > ul.postsList
, #content > div > ul.postsList li{
    float: left;
    list-style: none;
    width: 100%;
}
#content > div > ul.postsList{
    float: none;
    overflow: hidden;
}
#content > div > ul.postsList li.loader{
    background: url( "../img/bg/ajax-loader.gif" ) no-repeat top center;
    height: 0;
    padding: 0;
}
#content > div > ul.postsList li.paginate{
    padding: 0;
    text-align: center;
}
#content > div > ul.postsList li div.thumb{
    float: left;
    width: 12.30%;
}
#content > div > ul.postsList li div.thumb a
, #content > div > ul.postsList li div.thumb a img{
    border-radius: 70px;
    -moz-border-radius: 70px;
    -webkit-border-radius: 70px;
    -o-border-radius: 70px;
    display: block;
    height: 120px;
    width: 120px;
    
}
#content.lang-pt > div > ul.postsList li div.thumb.public a{
    background: url( "../img/publicuser/content-pt.png" ) no-repeat 0 0;
}
#content.lang-es > div > ul.postsList li div.thumb.public a{
    background: url( "../img/publicuser/content-es.png" ) no-repeat 0 0;
}
#content.lang-en > div > ul.postsList li div.thumb.public a{
    background: url( "../img/publicuser/content-en.png" ) no-repeat 0 0;
}
#content > div > ul.postsList li div.aboutPost{
    border-bottom: 1px solid #dcdcdc;
    float: right;
    margin-bottom: 22px;
    min-height: 120px;
    padding-bottom: 22px;
    width: 63%;
}
#content > div > ul.postsList li.last div.aboutPost{
    border-bottom: none;
}
#content > div > ul.postsList li div.aboutPost .details{
    color: #000;
    display: block;
    font-size: 1.8em;
    font-weight: 300;
    margin-bottom: 2px;
}
#content > div > ul.postsList li div.aboutPost .details a
, #content > div > ul.postsList li div.aboutPost .details time{
    color: inherit;
    font-size: inherit;
}
#content > div > ul.postsList li div.aboutPost .details a
{
    text-decoration: underline;
}
#content > div > ul.postsList li div.aboutPost h2
, #content > div > ul.postsList li div.aboutPost h3{
    color: #000;
    display: block;
    font-size: 2em;
    font-weight: 700;
    margin-bottom: 2px;
    text-transform: uppercase;
}
#content > div > ul.postsList li div.aboutPost h2 a
, #content > div > ul.postsList li div.aboutPost h3 a{
    color: inherit;
    font-size: inherit;
    text-transform: inherit;
}
#content > div > ul.postsList li div.aboutPost .txt{
    color: #000;
    font-size: 1.5em;
    font-weight: 400;
}
#content > div > ul.postsList li div.aboutPost .txt > a
, #content > div > ul.postsList li.paginate > a{
    background: #ffa300;
    border: none;
    border-radius: 6px;
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    -o-border-radius: 6px;
    color: #fff;
    cursor: pointer;
    display: block;
    font-size: 1em;
    font-weight: 300;
    margin-top: 8px;
    padding: 8px 12px;
    text-align: center;
    text-decoration: none;
    text-transform: uppercase;
    width: 75px;
}
#content.lang-en > div > ul.postsList li div.aboutPost .txt > a{
    width: 100px;
}
#content > div > ul.postsList li div.aboutPost .txt > a strong
, #content > div > ul.postsList li.paginate > a strong{
    color: inherit;
    font-size: inherit;
    font-weight: 700;
    text-transform: inherit;
}
#content > div > ul.postsList li.paginate > a{
    background: #569735;
    display: inline-block;
    font-size: 1.5em;
    margin: 0;
    width: 130px;
}

/**
 * @comment: content - busca
 */

.page-id-2 #content > div > h2{
    color: #ffa300;
    display: block;
    font-size: 3.4em;
    font-weight: 800;
    margin: 25px 0 40px;
    text-transform: uppercase;
}
.page-id-2 #content > div > h2.error{
    font-size: 2.6em;
    margin: 50px 0 90px;
    text-align: center;
}

/**
 * @comment: content - highlight
 */

#content div#highlight{
    background-color: transparent;
    background-position: top center;
    background-repeat: no-repeat;
    height: 393px;
    margin: -45px 0 50px;
    position: relative;
    width: 100%;
}
#content div#highlight div.about
, #content div#highlight div.aboutPost{
    float: left;
    font-family: 'Open Sans', Arial, Helvetica, sans-serif;
    margin-top: 96px;
    max-width: 640px;
}

#content div#highlight div.about.mobile
, #content div#highlight div.aboutPost.mobile{
    margin-top: 5px;
}

#content div#highlight div.aboutPost{
    margin-top: 110px;
}
#content div#highlight div.about h2{
    color: #fffefe;
    font-size: 4.6em;
    font-weight: 800;
}
#content div#highlight.noBg div.about h2{
    color: #7faf66;
}
#content div#highlight div.about div.txt{
    color: #fff;
    font-size: 1.7em;
    font-weight: normal;
}
#content div#highlight.noBg div.about div.txt{
    color: #000;
}
#content div#highlight div.about div.txt p{
    display: block;
    margin-bottom: 10px;
}
#content div#highlight div.aboutPost time{
    color: #fff;
    display: block;
    font-family: 'Open Sans', Arial, Helvetica, sans-serif;
    font-size: 1.8em;
    font-weight: 700;
    margin-top: 2px;
}
#content div#highlight.noBg div.aboutPost time{
    color: #000;
}
#content div#highlight div.aboutPost time a{
    color: inherit;
    font-size: inherit;
    font-weight: inherit;
}

/**
 * @comment: content - Post
 */

.single #content{
    padding-bottom: 50px;
}
.single #content div#highlight{
    margin-bottom: 0;
}
.single #content div#highlight.noBg{
    height: 340px;
    margin-top: -65px;
}
.single #content div#highlight.public div.aboutPost{
    margin-left: 8%;
}
.single #content > span{
    background: url( "../img/bg/detalhe_post_top.png" ) no-repeat top center;
    display: block;
    height: 15px;
    margin-bottom: 35px;
    width: 100%;
}
hr{
    border: none;
    border-top: 1px dashed #888;
    clear: both;
    float: none;
    margin: 35px auto;
    max-width: 975px;
}
.single #content > div.center{
    max-width: 820px;
}
.single #content > div.center div.txt{
    color: #000;
    font-size: 1.4em;
    line-height: 1.8em;
}
.single #content > div.center div.txt > *{
    color: inherit;
    line-height: inherit;
    margin-bottom: 16px;
    max-width: 100%;
}
.single #content > div.center div.txt a{
    color: inherit;
    text-decoration: underline;
}
.single #content > div.center div.txt a:hover{
    text-decoration: none;
}
.single #content > div.center div.txt img{
    margin-bottom: 16px;
    max-width: 100%;
    height: auto;
}
.single #content > div.center div.txt img.alignright{
    float: right;
    margin: 0 0 16px 1em;
}
.single #content > div.center div.txt img.alignleft{
    float: left;
    margin: 0 1em 16px 0
}
.single #content > div.center div.txt img.aligncenter{
    display: block;
    margin-left: auto;
    margin-right: auto;
}

.single #content > div.center div.share{

}
.single #content > div.center div.share > *{
    display: inline-block !important;
    margin-right: 20px !important;
    position: relative !important;
    top: 3px !important;
}
.single #content > div.center div.share > p{
    color: #569735;
    font-size: 2em;
    top: 0 !important;
}
.single #content > div.center div.share > p strong{
    color: inherit;
    font-size: inherit;
    font-weight: 700;
}
.single #content > div.center div.share > div.fb-share-button{
    top: 0 !important;
    margin-right: 0px !important;
}
.single #content > div.center div.share > div.fb-share-button.fb_iframe_widget.fb_iframe_widget_fluid{
    margin-right: 0px !important;
}

.single #content > div.comments{
    background: #f3f3f3;
    overflow: hidden;
    padding: 30px 0;
    width: 100%;
}
.single #content > div.comments div.commentsBox{
    margin: 0 auto 50px;
    max-width: 820px;
    position: relative;
}
.single #content > div.comments div.commentsBox > button{
    background: url( "../img/bt/comments_paginate.png" ) no-repeat 0 0;
    border: none;
    cursor: pointer;
    height: 40px;
    margin-top: -20px;
    position: absolute;
    top: 50%;
    width: 40px;
}
.single #content > div.comments div.commentsBox > button.disabled{
    cursor: default;
    filter: alpha(Opacity=10) !important;
    opacity: 0.1 !important;
}
.single #content > div.comments div.commentsBox > button.prev{
    background-position: 0 -40px;
    left: -55px;
}
.single #content > div.comments div.commentsBox > button.next{
    background-position: 0 0;
    right: -55px;
}
.single #content > div.comments div.commentsBox ol
, .single #content > div.comments div.commentsBox li{
    list-style: none;
}
.single #content > div.comments div.commentsBox > ol{

}
.single #content > div.comments div.commentsBox > ol > li{
    display: none;
    width: 100%;
}
.single #content > div.comments div.commentsBox > ol > li.active{
    display: block !important;
}
.single #content > div.comments div.commentsBox > ol > li li{
    color: #000;
    display: block;
    margin-bottom: 25px;
}
.single #content > div.comments div.commentsBox > ol > li li.last{
    margin-bottom: 0;
}
.single #content > div.comments div.commentsBox > ol > li li > div{
    overflow: hidden;
}
.single #content > div.comments div.commentsBox > ol > li li > div > h4{
    color: inherit;
    float: left;
    font-size: 1.4em;
    font-style: italic;
    font-weight: 700;
}
.single #content > div.comments div.commentsBox > ol > li li > div > p.alert{
    color: inherit;
    float: left;
    font-size: 1.2em;
    font-style: italic;
    font-weight: 300;
    margin: 2px 0 0 4px;
}
.single #content > div.comments div.commentsBox > ol > li li > div.commenttext > *{
    clear: both;
    color: inherit;
    display: block;
    font-size: 1.2em;
    font-weight: 400;
}
.single #content > div.comments #respond{
    margin: 0 auto;
    max-width: 820px;
    position: relative;
}
.single #content > div.comments #respond ul
, .single #content > div.comments #respond li{
    list-style: none;
}
.single #content > div.comments #respond ul{
    overflow: hidden;
}
.single #content > div.comments #respond li.userDetails{
    float: left;
    width: 48%;
}
.single #content > div.comments #respond li.userDetails p{
    color: #000;
    font-size: 1.6em;
    font-style: italic;
    font-weight: 300;
}
.single #content > div.comments #respond li.userDetails p a{
    color: inherit;
    font-size: inherit;
    font-style: inherit;
    font-weight: inherit;
}
.single #content > div.comments #respond li.userDetails input{
    background: #fcfcfc;
    border: none;
    color: #6c6c6c;
    font-size: 1.4em;
    font-weight: 300;
    padding: 8px 3.75%;
    width: 92.5%;
}
.single #content > div.comments #respond li.userDetails input.name{
    margin-bottom: 15px;
}
.single #content > div.comments #respond li.userDetails input.error
, .single #content > div.comments #respond li.msg textarea.error{
    background: #fbecec;
}
.single #content > div.comments #respond li.msg{
    float: right;
    width: 50%;
}
.single #content > div.comments #respond li.msg textarea{
    background: #fcfcfc;
    border: none;
    color: #6c6c6c;
    font-size: 1.4em;
    font-weight: 300;
    height: 69px;
    padding: 8px 3.75%;
    resize: none;
    width: 92.5%;
}
.single #content > div.comments #respond > form > button{
    background: #569735;
    border: none;
    border-radius: 6px;
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    -o-border-radius: 6px;
    clear: both;
    color: #fff;
    cursor: pointer;
    float: right;
    font-family: 'Open Sans', Arial, Helvetica, sans-serif;
    font-size: 1.4em;
    font-weight: 300;
    margin-top: 15px;
    padding: 8px 1.4%;
    text-align: center;
    text-decoration: none;
    text-transform: uppercase;
    width: 22%;
    
}
.single #content > div.comments #respond > form > p.error{
    color: #931515;
    float: right;
    font-size: 1.2em;
    font-style: italic;
    font-weight: 300;
    margin: 23px 15px 0 0;
}
.single #content > div.recommendedLinks{
    max-width: 820px;
}
.single #content > div.recommendedLinks *{
    border: none;
    display: inline-block;
}
.single #content > div.recommendedLinks img.mobile {
    width: 100%;
    min-width: 300px;
    height: auto;
}
.single #content > div.recommendedLinks > a{
    margin-bottom: 20px;
}
.single #content > div.recommendedLinks > .visitbrasilyt
, .single #content > div.recommendedLinks > .visitbrasilinst{
    margin-bottom: 0;
}
.single #content > div.recommendedLinks > .visitbrasilyt{
    margin-right: 23px;
}
.single #content > div.recommendedLinks > .visitbrasilyt.mobile{
    margin-right: 0px;
}
.single #content > div.shareStory{
    color: #000;
    font-size: 1.8em;
    font-weight: 700;
    margin: 0 auto;
    max-width: 820px;
    padding: 0 10px;
}
.single #content > div.shareStory p
, .single #content > div.shareStory p > strong{
    color: inherit;
    font-size: inherit;
    font-weight: inherit;
}
.single #content > div.shareStory p.mobile > strong{
    max-width: 68%;
    display: inline-block;
}

.single #content.lang-en > div.shareStory p > strong{
    font-size: 0.9em;
}




.single #content > div.shareStory p > a{
    background: #ffa300;
    border-radius: 6px;
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    -o-border-radius: 6px;
    color: #fff;
    float: right;
    font-family: 'Open Sans', Arial, Helvetica, sans-serif;
    font-size: 0.8em;
    font-weight: 300;
    height: 19px;
    margin: -5px 0 0;
    padding: 8px 1.34%;
    text-align: center;
    text-decoration: none;
    text-transform: uppercase;
    width: 27%;
    
}
.single #content > div.shareStory p > a > strong{
    font-weight: 700;
}
.single #content > div.center > h3{
    color: #ffa300;
    display: block;
    font-size: 3.4em;
    font-weight: 800;
    margin-bottom: 30px;
    text-transform: uppercase;
}
.single #content > div.center > h3.public{
    font-size: 2.2em;
    line-height: 1em;
}
.single #content > div.center > h3.public span{
    display: block;
    font-size: 1.55em;
}
.single #content > div.center > ul.postsList li div.aboutPost{
    width: 85.43%;
}

/**
 * @comment: footer
 */

footer{

}

/**
 * @comment: estilo geral -> seletores genéricos
 */

body .center{
    margin: 0 auto;
    padding: 0 10px;
    max-width: 975px;
}
#content #slider > div div.author
, #content #slider > div div.author a
, #content #slider > div div.author img
, #content div#highlight div.author
, #content div#highlight div.author a
, #content div#highlight div.author img{
    border-radius: 95px;
    -moz-border-radius: 95px;
    -webkit-border-radius: 95px;
    -o-border-radius: 95px;
    height: 173px;
    width: 173px;
}
#content #slider > div div.aboutPost time
, #content #slider > div div.aboutPost time strong
, #content #slider > div div.aboutPost h2
, #content #slider > div div.aboutPost h2 a
, #content #slider > div div.aboutPost p
, #content #slider > div div.aboutPost p a
, #content div#highlight div.about h2
, #content div#highlight div.about p
, #content div#highlight div.aboutPost h2
, #content div#highlight div.aboutPost time{
    text-shadow: 1px 1px 1px #000;
    -webkit-text-shadow: 1px 1px 1px #000;
    -moz-text-shadow: 1px 1px 1px #000;
    -o-text-shadow: 1px 1px 1px #000;
}
#content div#highlight.noBg div.about h2
, #content div#highlight.noBg div.about p
, #content div#highlight.noBg div.aboutPost h2
, #content div#highlight.noBg div.aboutPost time{
    text-shadow: none;
    -webkit-text-shadow: none;
    -moz-text-shadow: none;
    -o-text-shadow: none;
}
body > #header #main > div h1 a
, #header #main > div > a
, #header #main > div ul li.submit button
, #header #main > div ul li.category > span > .ui-icon
, #header #main > div ul li.date > button
, #shareStory > button
, #content #slider > #nav ul li button
, #content #slider > div div.author a
, #content #slider > div div.aboutPost h2 a
, #content #slider > div div.aboutPost p a
, #content > div.month button
, #content > div > ul.postsList li a
, #content div#highlight div.author a
, #content div#highlight div.aboutPost time a
, .single #content > div.recommendedLinks > a
, .single #content > div.shareStory p > a
, .single #content > div.comments div.commentsBox > button
, .single #content > div.comments #respond > form > button
, .single #content > div.comments #respond li.userDetails p a
, #shareStory > div #user-submitted-posts #usp-submit #user-submitted-post
, #content > div > ul.postsList li.paginate a
, .single #content > div.center div.txt a{
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    -khtml-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}
body > #header #main > div h1 a:hover
, #header #main > div > button:hover
, #header #main > div > a:hover
, #header #main > div ul li.submit button:hover
, #header #main > div ul li.category > span > .ui-icon:hover
, #header #main > div ul li.date > button:hover
, #shareStory > button:hover
, #content #slider > div div.author a:hover
, #content #slider > div div.aboutPost h2 a:hover
, #content #slider > div div.aboutPost p a:hover
, #content > div.month button:hover
, #content > div > ul.postsList li a:hover
, #content div#highlight div.author a:hover
, #content div#highlight div.aboutPost time a:hover
, .single #content > div.recommendedLinks > a:hover
, .single #content > div.shareStory p > a:hover
, .single #content > div.comments div.commentsBox > button:hover
, .single #content > div.comments #respond > form > button:hover
, .single #content > div.comments #respond li.userDetails p a:hover
, #shareStory > div #user-submitted-posts #usp-submit #user-submitted-post:hover
, #content > div > ul.postsList li.paginate a:hover
, .single #content > div.comments #respond > form.wait > button
, .single #content > div.center div.txt a:hover{
    filter:alpha(Opacity=70);
    opacity: 0.7;
}
body > #header #main > div h1 a
, #header #main > div > button
, #header #main > div ul li.submit button
, #header #main > div ul li.category > span > .ui-icon
, #header #main > div ul li.date > button
, #content #slider > #nav ul li button
, #content > div.month button
, #content > div > ul.postsList li div.thumb.public a
, .single #content > div.comments div.commentsBox > button{
    display: block;
    overflow: hidden;
    text-indent: -999em;
}
p.noScript{ 
    background-color: #09733a;
    color: #fff;
    font-family: 'eurostileregular';
    font-size: 1.8em;
    left: 30px;
    opacity: 0.7;
    padding: 10px;
    position: fixed;
    text-align: center;
    top: 30px;
    width: 178px;
    z-index: 999;
}
#wpadminbar #wp-admin-bar-appearance
, #wpadminbar #wp-admin-bar-new-page
, .page #wpadminbar #wp-admin-bar-edit
, .ui-datepicker-calendar{
    display: none !important;
}