@import url("magnific-popup.css");

html {
 background-image: url(bg.gif);
 height:100%;
 padding:0px;
 margin:0px;
 background-color:#161f11;
}

body {
 font:12px sans-serif;
 margin:0px;
 padding:0px;
}

.post img {
 max-width:900px;
}

.post iframe {
 max-width:900px;
}

a {
 color:#56a;
 text-decoration:none;
}

a img {
 padding:1px;
 text-decoration:none;
 color:transparent;
 border:0px;
 background-color:transparent;
}

a:hover {
 color:blue;
 text-decoration:underline;
}
 
div.header {
 border-bottom:1px solid #999;
}
 
div.item {
 padding:0px;
 border-bottom:1px solid #999;
}

#corpo {
 background-color: white;
 font:1em sans-serif;
 width:960px;
 margin:0px auto 0px auto;
 padding:10px 0px 20px 0px;
 box-shadow: #111 6px 8px 12px, #111 -6px 8px 12px;
 border-radius:12px 12px 0 0;
}

.post {
 background-color:white;
 width:100%;
 margin:0px;
 padding:0px;
 clear: both;
}

.post:after {
 content:'';
 display:block;
 clear:both;
} 

#cabecalho {
 margin:0 auto;
}

#logo {
 margin:4px auto 8px auto;
 text-align:center;
}

h4.title {
 font:18px sans-serif;
 background-color:#222;
 color:white;
 padding:6px 4px 6px 16px;
 margin-bottom:0px;
 margin:0px;
 border-bottom:1px solid #ddd;
 background:url(degrade3.jpg) repeat-x;
 background-size:100% 100%;
 background-color:#222;
}

h4.title a {
 color:white;
}

h4.title a:hover {
 color:#def;
}

.origem {
 background-color:#eee;
 background:url(degrade2.jpg) repeat-x;
 padding:6px 4px 6px 22px;
 margin-bottom:0px;
 margin-top:0px;
 border-bottom:1px solid #ddd;
}

.categorias {
 background-color:#ddd;
 background:url(degrade1.jpg) repeat-x;
 padding:6px 4px 6px 22px;
 margin-bottom:0px;
 margin-top:0px;
 text-shadow:0px 1px #eee;
}

.conteudo {
 padding:10px 20px 0px 20px;
}
#paginacao {
 margin:1px auto;
 text-align:center;
 padding:4px;
 color:black;
 background-color:#eee;
 display:block;
}
#rss {
 position:absolute;
 top:4px;
 right:10px;
 padding:3px;
 text-decoration:none;
}
div#rss a:hover img {
 padding:3px;
 color:transparent;
 text-decoration:none;
 background-color:transparent;
 border:0px;
}
div#logo a:hover img {
 padding:1px;
 color:transparent;
 border:0px;
}
div#logo a img {
 color:transparent;
 border:0px;
}
div.divisoria {
 background-color:transparent;
 margin:20px auto 0px auto;
 padding-bottom:0px;
 text-align:center;
 max-width:700px;
}
#banner {
 margin:10px 0px 0px 0px;
 width:100%;
 height:78px;
 background-image:url('http://planeta.bicicultura.org/imagens/banner.jpg');
 repeat-background:no-repeat;
}
#rodape {
 margin:0px auto;
 text-align:center;
 color:white;
 background-color: #333;
 width:960px;
 padding: 16px 0px 16px 0px
}
#texto_sobre,#texto_disclaimer,#texto_dicas {
 cursor: pointer;
}
#texto_sobre,#texto_blogs,#texto_disclaimer,#texto_dicas {
 width:97%;
 background-color:transparent;
 color:#111;
 clear:left;
 margin:0px auto 0 auto;
 padding:8px 10px;
}
#texto_disclaimer ol li {
 margin-bottom: 4px;
}
#texto_info {
 width:100%;
 margin:10px auto 0 auto;
}
.menu_activo {
 text-decoration:underline !important;
} 
#menu {
 white-space:nowrap;
 background-color:white;
 margin:0px auto 4px auto;
 color:#222;
 position:relative;
 top:0px;
 width:960px;
 height:30px;
 padding:0 0 6px 0px !important;
 box-shadow:0px 4px 6px rgba(0,0,0,0.8);
 border-radius:0px 0px 10px 10px;
}
#menu ul#contactos {
 color:#222;
 float:left;
 padding-left:8px;
}
#menu ul#contactos li {
 font-weight:bold;
 float:left;
 list-style:none;
 padding:0 8px 0 0;
}

#menu ul#informacao {
 float:right;
 padding-right:8px;
}
#menu ul#informacao li {
 display:inline;
 font-weight:bold;
 text-decoration:none;
 cursor: pointer;
 height:100%;
 padding:2px 6px;
}
#menu ul#informacao li:hover {
 color:#161f11;
 text-decoration:underline;
} 
.aviso_fechar {
 text-align:center;
 font-variant:small-caps;
 font-family:monospace;
 font-weight:500;
 font-size: 0.9em;
 color:#666;
}
#text_container {
 background:white;
 width:900px;
 margin:-30px auto 10px auto;
 z-index:-10;
 border-bottom:2px solid #537341;
 border-left:2px solid #537341;
 border-right:2px solid #537341;
 border-radius:12px;
}
#blog_list li {
 display:inline-block;
 margin: 2px 0px 6px 2px;
 padding:3px 4px;
 background-color:#ddd;
 border:1px solid #999;
 border-radius:3px;
 cursor: default;
 vertical-align:middle;
}
#blog_list li a .blog {
 font-weight:bold;
}
#promo {
 cursor:default;
}
.botao {
 width:600px;
 margin:10px auto;
}
.botao .botao_imagem {
 display:table-cell;
 vertical-align:middle;
 padding:8px;
 background-color:#eee;
}
.botao .botao_codigo {
 padding:10px;
 display:table-cell;
 vertical-align:middle;
 background-color:#e1e1e1;
}
#alertas {
 font-family:monospace;
 width:700px;
 padding:4px 4px 4px 4px;
 margin:10px auto;
 color:#444;
}
#alerta_icone {
 background:transparent url('http://www.bicicultura.org/imagens/logo_twitter_preto.png') no-repeat;
 height:46px;
 width:60px;
 position:absolute;
}
#alerta_texto {
 width:680px;
 padding-left:25px;
}