@charset "utf-8";

/*
Theme Name:Open Data - Desenvolvimento Aberto
Theme URI:https://od4d.org
Author:Design - Vera Santos (NIC.br), Yasodara Cordova (W3C.br) / Codificação - Ariadne Melo (NIC.br), Reinaldo Ferraz (W3C), Vera Santos (NIC.br), Yasodara Cordova (W3C)
*/

/* CSS Document */

/* http://meyerweb.com/eric/tools/css/reset/ 
   v2.0 | 20110126
   License:GNU General Public License v2 or later
*/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
margin:0;
padding:0;
border:0;
font-size:100%;
font:inherit;
vertical-align:baseline;
}

/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
display:block;
}

body {
line-height:1;
}

ol, ul {
list-style:none;
}

blockquote, q {
quotes:none;
}

blockquote:before, blockquote:after,
q:before, q:after {
content:'';
content:none;
}

table {
border-collapse:collapse;
border-spacing:0;
}

a {
text-decoration:none;	
}

a:hover {
text-decoration:underline;	
}

strong, b {
font-weight:bold;	
}

em, i {
font-style:italic;	
}

p, ul, ol {
    line-height:140%;
}

.assistive-text {
position:absolute;
top:-2000px;
color:#fff;
}

/**/

body {
font-family:Verdana, Geneva, sans-serif;
font-size:80%;
background-image:url(images/top-background.png);
background-repeat:repeat-x;
}

#container {
width:960px;
margin:0 auto;
}

/* Search Form*/

header #search-form {
float:right;
margin-top:5px;
position:relative;
}

header #search-button {
position:absolute;	
right:5px;
top:0px;
}

header #s {
background:#c63;
border:0px;
height:25px;
border-radius:5px;
font-size:90%;
color:#fff;
padding:0px 1px 0px 2px;
}

#single #search-form {
margin-top:15px;
position:relative;
}

#single #s {
width:40%;
border:1px solid #c63;
border-radius:5px;
padding:4px;
}

#single #search-button {
position:absolute;	
top:2px;
padding-left:5px;
}

.search-result h4 {
font-size:140%;
color:#c63;
padding-bottom:10px;
}

.search-result h4 a {
color:#c63;
}

.search-result li {
border-bottom:1px dotted #999;
padding-bottom:10px;
margin-bottom:10px;
}

.search-result time {
font-weight:bold;
color:#666;
display:block;	
margin-bottom:7px;
}

.search-result a {
color:#c63;	
}

/* site header */

header {
height:116px;
margin:0 auto;
}

header h1 {
float:left;
}

/* top global navigation */

header nav {
margin:1px 0px 0px 0px; 
background-repeat:repeat-x;
clear:both;
display:block;
height:24px;
border-bottom:2px solid #da6235;
}

/* level 1 list */

header .menu {
height:24px;
display:block;
float:right;
}

header .menu li {
float:left;
position:relative;
list-style:none;
z-index:200;
}

/* level 1 link */
header .menu a {
display:block;
color:#fff;
background-color:#ab2f00;
padding:4px 6px;
margin-left:2px;
text-decoration:none;
font-weight:normal;
}

header .menu a:hover {
background:#76b5bc;
text-decoration:none;
}

/* level 2 link */

header .sub-menu a {
font-weight:normal;
font-size:85%;
margin:0;
}

header .sub-menu li a:hover {
color:#fff;
background:#76b5bc;
}

/* level 2 list */
header .sub-menu {
display:none;
position:absolute;
top:26px;
left:2px;
background:#ab2f00;
}

header .sub-menu li {
background:#ab2f00;    
}

/* dropdown */
header .menu li:hover > .sub-menu {
display:block;
}

header .sub-menu li {
float:none;
margin:0;
padding:0;
background:none;
}

/* clearfix */
header .menu:after {
content:".";
display:block;
clear:both;
visibility:hidden;
line-height:0;
height:0;
}

html[xmlns] header .menu {
display:block;
}

* html header .menu {
height:1%;
}

/* login & register */

header #login {
float:right;
margin:10px 20px 0 0;
color:#AB2F00;
}

header #login li {
display:inline-block;
}

header #login a {
color:#AB2F00;
}

/* language switcher */

#language {
float:left;	
margin:60px 0px 0px 10px;
}

#language a {
color:#008f9e;
font-weight:bold;
font-size:11pt;
}

#language a:hover {
text-decoration:underline;	
}

#language li {
display:inline-block;
padding:3px;
}

/* join us link */

#join-us {
width:133px;
height:68px;
background-image:url(images/bg_join-us.png);
margin-top:-105px;
float:right;
clear:both;
}

#join-us a {
width:77px;
height:31px;
padding:0 0 0 56px;
margin:17px 0 13px 0;
color:#369;
font-weight:bold;
display:block;
}

/* social links */

#social {
list-style-type:inline;
float:right;
margin-top:-40px;
}

#social li {
list-style-type:none;
display:inline;
font-size:90%;
color:#666;
vertical-align:top;
margin:0px 0px 0px 10px;
}

/* featured content */

#featured {
clear:both;
width:auto;    
margin:0 auto;
padding:29px 0 10px 0;
overflow:hidden;
border-bottom:2px solid #76b4bd;
}

/* research info */

#research {
width:440px;
float:left;
font-size:110%;
}

#research h2 {
text-transform:uppercase;
font-size:130%;
margin-bottom:12px;
}

#research p {
margin-bottom:20px;
}

#research a {
color:#000;
}

/* Slider */

#ftSlider {
width:500px;
height:305px;
float:right;
}

#ftSlider .FA_overall_container_classic {
width:460px !important;
height:265px !important;
padding:20px;
background:#c8e1e4;
border:0;
}

#ftSlider .image_container {
border:0px;
margin:0px;
padding:0px;
position:absolute;
bottom:0px;
height:150px;
overflow:hidden;
background:transparent;
text-align:center;
}

#ftSlider img {
width:100%;
/*position:absolute;
bottom:0px;*/
}

#ftSlider .FA_wrap {
padding:0;
width:460px;
height:265px;
overflow:hidden;
position:relative;
}

#ftSlider .FA_overall_container_classic.light .FA_featured_articles .FA_article h2 {
color:#000 !important;
font-size:160%;
background:transparent;
}

#ftSlider .FA_date {
color:#008f9e;
font-style:normal !important;
font-weight:bold;
}

#ftSlider .FA_wrap p {
padding:10px 0 0 0;
}

.FA_title_section {
display:none;
}

/* site content */

#content {
margin-top:25px;
overflow:hidden;
clear:both;
}

/* last updates */

#lastUpdates {
margin:0 0 30px 0;
width:630px;
float:left;
}

#lastUpdates a {
color:#da6235;
}

#lastUpdates h3 {
background-color:#da6235;
padding:10px;
border-radius:5px;
font-size:160%;
color:#fff;
font-weight:bold;
width:auto;
}

#lastUpdates h3 a {
color:#fff;
}

#lastUpdates div:last-child {
border:0;
}

.boxUpdates {
clear:both;	
overflow:hidden;
padding-bottom:10px;
}

.lastEntry {
width:48%;
border:0px;
margin-bottom:30px;
padding:10px 5px 5px 5px;
float:left;
background:#f0f0f0;
}

.lastEntry .thumb {
width:300px;
height:200px;
margin-bottom:10px;
display:block;
text-align:center;
border:1px solid #ccc;
background:#fff;
overflow:hidden;
}

/*.lastEntry .thumb img {
width:100%;
height:100%;
}*/

.lastEntry h4 {
border-bottom:1px dotted #999999;
color:#CC6633;
font-size:120%;
font-weight:bold;
padding-bottom:10px;
line-height:130%;
}

.lastEntry h4 a {
color:#c63;
}

.lastEntryDate {
color:#666;
padding:10px 0px 10px 0px;
border-bottom:1px dotted #999;
display:block;
}

.lastEntryDescription {
font-weight:normal;
padding:4px;
border-radius:5px;
background-color:#dcdcdc;
margin:10px;
display:block;
overflow:hidden;
}

.archive {
width:48%;
border-bottom:1px dotted #999;
padding-bottom:10px;
margin-top:10px;
float:right;
}

.archive h4 {
font-weight:bold;
text-align:left;
color:#c63;
margin-bottom:10px;
}

.archiveDescription {
font-size:85%;
text-align:left;
color:#666;
}

.archiveDate {
font-size:85%;
font-weight:bold;
text-align:left;
color:#666;
margin-top:5px;
display:block;
}

.cases1, .cases2 {
width:48%;
border:0px;
padding:10px 5px 5px 5px;
background:#f0f0f0;
}

.cases1 {
float:left;
}

.cases2 {
float:right;
}

.cases1 .thumb, .cases2 .thumb {
width:300px;
height:200px;
margin-bottom:10px;
display:block;
text-align:center;
border:1px solid #ccc;
background:#fff;
overflow:hidden;
}

.cases1 h4, .cases2 h4 {
border-bottom:1px dotted #999999;
color:#CC6633;
font-size:120%;
font-weight:bold;
padding-bottom:10px;
line-height:130%;
}

.cases1 h4 a, .cases2 h4 a {
color:#c63;
}

.casesDate {
color:#666;
padding:10px 0px 10px 0px;
border-bottom:1px dotted #999;
display:block;
}

.casesDescription {
font-weight:normal;
padding:4px;
border-radius:5px;
background-color:#dcdcdc;
margin:10px;
display:block;
overflow:hidden;
}


/* videos */

.lastVideos {
margin:0 0 30px 0;
width:auto;
float:left;
}

/* aside */

aside {
margin-bottom:40px;
width:300px;
background-repeat:no-repeat;
float:right;
}

aside h3 {
font-size:165%;
color:#DA6235;
margin-bottom:15px;
background:url(images/more.png) right no-repeat;
}

aside .widget {
margin-bottom:20px;
}

aside .twitter h3 {
background:none;
}

/* facebook widget */

aside .facebook {
background-image:url(images/ic_facebook.png);
background-repeat:no-repeat;
width:300px;
height:89px;
margin-top:25px;
}

aside .facebook p {
color:#da6235;
padding:25px 0 0 100px;
}

aside .facebook .fb-like {
margin-left:100px;	
}

aside .facebook a {
color:#AB2F00;
}

/* footer */
footer {
width:auto;
border-top:1px solid #f0f0f0;
text-align:center;
margin-top:20px;
}

footer .menu {
margin-top:5px;
}

footer .menu li {
display:inline-block;
}

footer .menu a {
color:#49a5b6;
font-weight:bold;
font-size:90%;
padding:5px;
}

.whoweare {
margin-top:40px;
}

.whoweare li {
display:inline-block;
margin:0 20px;
}

/* SINGLE and PAGE */

#single {
min-height:300px;
margin-top:5px;
background:#fff;	
}

/* text formatting */

#single ul, #single ol {
margin-left:20px;
}

#single ul {
list-style:disc inside none;
}

#single ul ul {
list-style:circle inside none;
}

#single ul ul ul {
list-style:square inside none;
}

#single ol {
list-style:decimal inside none;
}

#single ol ol {
list-style:lower-alpha inside none;
}

#single ol ol ol {
list-style:lower-roman inside none;
}

#single p {
margin-bottom:12px;
}

#single a {
color:#AB2F00;
}

#single h3.page-title {
background-color:#da6235;
padding:10px;
border-radius:5px;
font-size:150%;
color:#fff;
font-weight:bold;
width:auto;
margin:15px 0;
}

#single th {
font-weight:bold;
font-size:120%;
}

#single td, #single th {
border:1px solid #000;
padding:4px 8px;
}

/* post navigation */

#post-nav ul {
margin:15px 0 0 0;
width:100%;
clear:both;
display:inline-block;
list-style:none;
}

.previous {
float:left;
}

.next {
float:right;
}

/* post layout */

.postDetail {
background-color:#fafafa;
padding:20px;
border-radius:5px;
margin:10px 0 20px 0;
border:1px solid #DA6235;
color:#666;
}

.postDetail h3 {
border-bottom:1px solid #DA6235;
color:#DA6235;
font-size:150%;
margin:0 10px 15px 0;
width:638px;
float:left;
}

.postDetail h3 a {
color:#da6235;
}

.postDate {
background:#a9dadf;
color:#666;
border-radius:5px 5px 5px 5px;
margin-right:13px;
font-weight:bold;
padding:5px;
width:60px;
float:left;
}

#single .postDate p {
margin:0;
font-size:85%;
}

.postInfo {
background-color:#e6e6e6;
border:1px solid #b4b4b4;
border-radius:5px 5px 5px 5px;
color:#666;
padding:5px;
margin:0 0 10px 10px;
width:160px;
float:right;
}

.infoIn {
background-color:#a9dadf;
border:1px solid #fff;
}

#single .postInfo p {
margin:10px;
padding-bottom:10px;
border-bottom:1px dotted #fff;
}

#single .postInfo a {
font-weight:bold;
color:#c63;
}

#single .postInfo p small {
font-size:85%;
}

.cat_video,
.cat_audio,
.cat_image,
.cat_txt,
.cat_uncategorized {
float:left;
margin:0px 10px 0px 0px;
display:block;
width:62px;
height:62px;
}

.cat_video {
background:url(images/ic_video.png);
}

.cat_audio {
background:url(images/ic_audio.png);
}

.cat_image {
background:url(images/ic_image.png);
}

.cat_txt {
background:url(images/ic_txt.png);
}

.cat_uncategorized {
background:url(images/ic_uncategorized.png);
}

/* OUTROS */

.shareinpost {
    margin-top:20px;
}

.bullet-list{
    list-style: square;
    list-style-position: inside;
}


/* COMENTÁRIOS */

/* geral */
section#comments {
width:auto;
}

#comments ul, #comments ol {
list-style:none;
margin:0;
}

#comments aside {
width:auto;
float:none;
}

#comments footer {
border:0;
text-align:left;
}

.publicados, .form {
width:48%;
}

.publicados {
float:left; 
}

.form {
float:right;
}

.form p {
margin:15px 0;  
}

/* titulos */
.publicados h2 {
background:#c63;
margin-bottom:17px;
color:#fff;
}

.form h2 {
background:#a9dadf;   
color:#666;
}

#comments h2 {
padding:10px;
font-size:140%;
font-weight:bold;
border-radius: 5px 5px 5px 5px;
}

.publicados h3 {
font-size:110%;
font-weight:bold;
margin-bottom:5px;
background:none;
margin-bottom:15px;
color:#000;
}

/* links */
.publicados a {
color:#690;
}

.form a {
color:#f90;
font-weight:bold;
}

.form h2 a {
color:#fff;
font-style:italic;
font-weight:normal;
}

#comments a:hover {
text-decoration:underline;
}

/* publicados */

#single .commentlist article, #single .commentlist footer {
width:100%;
padding:0;
margin:0;
background:transparent;
color:#000;
}

#single .commentlist article {
border-bottom:1px solid #ccc;
padding-bottom:15px;
margin-bottom:15px;
}

#single .commentlist {
margin-left:0;
}

.comment-author img {
margin:0 7px 7px 0;
float:left;
}

.fn {
font-weight:bold;   
}

.commentlist time {
font-style:italic;  
}

.commentlist .edit-link {
display:block;
margin:10px 0;
clear:both;
text-align:left;
}

.comment-content {
clear:both;
border:1px solid #ccc;
padding:6px;    
}

#comments ul.children {
margin-left:40px;
font-size:85%;
}

#comments ul.children .comment-content {
background:#e9e9e9;
}

/* formulario */

#commentform label {
display:block;
font-weight:bold;
}

#commentform input, #commentform textarea {
background:#e9e9e9;
border:1px solid #999;
font-family:Verdana, Geneva, sans-serif;
padding:3px;
width:95%;
}

.required {
font-weight:bold;
font-size:140%;
color:#C63;
}

.form-allowed-tags {
font-size:85%;
}

#commentform #submit {
background:none;
border:0;
padding:0;
width:55px;
float:right;
margin:0 15px 15px 0;
}

.nocomments {
margin-bottom:20px; 
}




/* =Responsive Structure
----------------------------------------------- */

@media handheld, only screen and (max-width:800px) {
    /* Simplify the basic layout */

    /* don't display */

    .postInfo,
    #ftSlider {
    display:none;
    }

    body {
    background:none;
    }

    /* structure */

    #container {
    width:auto;
    margin:0 1em;
    }

    /* header */

    h1 img {
    width:300px;
    height:90px;
    margin-top:20px;
    }

    #social {
    margin-top:-60px;
    }

    /* featured content */

    #featured {
    padding-top:29px;
    }

    #research {
    width:auto;
    }

    /* site content */

    #lastUpdates {
    width:58%;
    float:left;
    }

    .lastEntry, .cases1, .cases2 {
    width:auto;
    }

    .archive {
    width:auto;
    }

    .tubepress_thumbs {
    width:58%;
    }

    /* sidebar */

    aside {
    width:38%;
    float:right;
    }

    aside h3 {
    background:none;
    }

    /* footer */

    /* footer{
    background-color:#66CCCC;
    background-image:none;
    }

    #footer-ct{
    height:120px;
    background-color:#66CCCC;
    background-image:none;
    }

    footer .navigation{
    margin-bottom:10px;
    padding-top:5px;
    }

    #whoweare{
    background:none;
    width:auto;
    margin-bottom:60px;
    }

    #whoweare h3{
    display:none;
    }

    #whoweare ul li{
    margin-left:20px;
    padding-top:30px;
    }
    .postDetail h3{
    margin-right:10px;
    } */
}


@media handheld and (max-width: 600px), screen and (max-device-width: 600px), screen and (max-width: 600px) {

    /* don't display */

    #social {
    display:none;
    }

    /* header */

    header #login {
    margin-right:2px;
    }

    header #language {
    float:right;
    margin:0;
    margin-top:-40px;
    clear:both;
    }

    /* aside */

    aside h3 {
    background-image:none;
    }

}

@media handheld and (max-width: 480px), screen and (max-device-width: 480px),  screen and (max-width: 480px) {

    /* don't display */

    #social {
    display:none;
    }

    /* header */

    header #search-form {
    position:absolute;
    right:1em;
    top:0.5em;
    }

    header #login {
    margin:0px;
    margin-bottom:10px;
    }

    header #language {
    margin:0px;
    margin-top:-70px;
    }

}