body > .limit { background-color: #f4f4f4 }
#wrapper { height: 600px; }

.publicacoes_list { height: 700px; line-height: 700px; overflow: hidden; text-align: center; }
.publicacoes_list > * { line-height: normal; text-align: left; }
.publicacoes_list .publicacoes { height: 380px; width: 920px; display: inline-block; vertical-align: middle; position: relative; overflow: auto; }
.publicacoes_list .publicacoes .list {  }
.publicacoes_list .publicacoes .list > div { float: left; margin-right: 13px; width: 298px; height: 350px; }
.publicacoes_list .publicacoes .list > div .info { text-align: center; padding: 0 0 15px 0;  }
.publicacoes_list .publicacoes .list > div .info h2 { font-size: 18px; font-weight: bold; color: #808080; }
.publicacoes_list .publicacoes .list > div:last-child { margin-right: 0; }

.publicacoes_open { display: block; }

.publicacoes_open .label { margin-top: 400px; width: 255px; min-height: 80px; margin-left: 50px; float: left; background: #dbdbdb; padding: 10px; }
.publicacoes_open .label h2 { margin-bottom: 10px; font-weight: bold; font-size: 15px; }
.publicacoes_open .label p { font-size: 13px; }


.publicacoes_open .galeria { float: left; width: 576px; margin-top: 120px; }
.publicacoes_open .galeria .thumbs { height: 36px; }
.publicacoes_open .galeria .thumbs .prev,
.publicacoes_open .galeria .thumbs .next { width: 20px; float: left; height: 36px; background: black; cursor: pointer; }

.publicacoes_open .galeria .thumbs .prev { background: url('../images/projetos-thumbs-left.png') no-repeat center center; }
.publicacoes_open .galeria .thumbs .next { background: url('../images/projetos-thumbs-right.png') no-repeat center center; }
.publicacoes_open .galeria .thumbs .scrollable { height: 36px; width: 536px; float: left; position: relative; overflow: hidden; }
.publicacoes_open .galeria .thumbs .scrollable .items { height: 36px; width: 20000em; position: relative; }
.publicacoes_open .galeria .thumbs .scrollable .items > div { width: 50px; height: 36px; float: left; position: relative; cursor: pointer; margin-right: 3px; }
.publicacoes_open .galeria .thumbs .scrollable .items > div img { display: none; }
.publicacoes_open .galeria .thumbs .scrollable .items > div img:first-child { display: block; }
.publicacoes_open .galeria .thumbs .scrollable .items > div.active img:first-child,
.publicacoes_open .galeria .thumbs .scrollable .items > div:hover img:first-child { display: none; }
.publicacoes_open .galeria .thumbs .scrollable .items > div.active img:last-child,
.publicacoes_open .galeria .thumbs .scrollable .items > div:hover img:last-child { display: block; }


.publicacoes_open .galeria .bigs { height: 409px; position: relative;}
.publicacoes_open .galeria .bigs .prev,
.publicacoes_open .galeria .bigs .next { width: 20px; position: absolute; top: 50%; margin-top: -18px; height: 36px; background: black; cursor: pointer; z-index: 99; }

.publicacoes_open .galeria .bigs .prev { background: url('../images/projetos-thumbs-left.png') no-repeat center center; left: 0;}
.publicacoes_open .galeria .bigs .next { background: url('../images/projetos-thumbs-right.png') no-repeat center center; right: 0; }
.publicacoes_open .galeria .bigs .disabled { background: none; }
.publicacoes_open .galeria .bigs .scrollable { height: 399px; width: 566px; float: left; position: relative; overflow: hidden; padding: 4px; border: 1px solid #12256f; }
.publicacoes_open .galeria .bigs .scrollable .items { height: 399px; width: 20000em; position: relative; }
.publicacoes_open .galeria .bigs .scrollable .items > div { width: 566px; height: 399px; float: left; position: relative; line-height: 399px; vertical-align: middle; text-align: center; margin-right: 5px; }
.publicacoes_open .galeria .bigs .scrollable .items > div img { display: none; }
.publicacoes_open .galeria .bigs .scrollable .items > div img:first-child { display: inline-block; vertical-align: middle; }
.publicacoes_open .galeria .bigs .scrollable .items > div:hover img:first-child { display: none; }
.publicacoes_open .galeria .bigs .scrollable .items > div:hover img:last-child { display: inline-block; vertical-align: middle; }





.publicacoes_open .projs { width: 25px; float: left; margin-top: 120px; min-height: 300px; margin-left: 10px; }

.publicacoes_open .projs ul {  }
.publicacoes_open .projs ul li { line-height: 30px; height: 30px; }
.publicacoes_open .projs ul li a { display: block; width: 25px; height: 25px; background: #060624; color: white; line-height: 25px; font-size: 15px; text-align: center; }
.publicacoes_open .projs ul li a.active { color: black; background: transparent; }