.projetos { min-height: 500px; font-family: Trebuchet MS, Verdana; background: url('bg_proj_home.png') repeat-x 0 -10px; position: relative; overflow: hidden; }

.projetos .title { margin: 0 10px 25px 10px; border-bottom: 1px solid #cfcfcf; font-size: 18px; padding: 10px 0 1px 0; color: #757575 }

.projetos .quadro { position: relative; left: 0px; }

.projetos .quadro .itens { height: 406px; position: relative; width: 2000em; }

.projetos .quadro .itens > div { float: left; border: 3px solid #d8d8d8; width: 600px; height: 400px; margin-right: 7px; position: relative; opacity: 0.4}
.projetos .quadro .itens > div .index { position: absolute; top: 0; right: 0; background: url('bg_proj_home_index.png'); width: 25px; padding: 5px 0; color: white; text-align: center; font-size: 12px; }
.projetos .quadro .itens > div a { display: block; }
.projetos .quadro .itens > div a:hover { text-decoration: none; }

.projetos .next { position: absolute; background: url('right.png') no-repeat center center; left: 50%; top: 236px; width: 95px; height: 50px; z-index: 2; cursor: pointer; }
.projetos .prev { position: absolute; background: url('left.png') no-repeat center center; right: 50%; top: 236px; width: 95px; height: 50px; z-index: 2; cursor: pointer; }

.projetos .legenda { width: 606px; margin: 25px auto 20px auto; min-height: 40px; text-align: center; font-family: Verdana; font-size: 11px; }
.projetos .legenda a { font-weight: bolder; color: black; }
.projetos .legenda a:hover { color: inherit }


.projetos_open { min-height: 500px; font-family: Trebuchet MS, Verdana; position: relative; overflow: hidden; }
.projetos_open .title { margin: 0 0 0px 0; border-bottom: 1px solid #cfcfcf; font-size: 18px; padding: 10px 0 1px 0; color: #757575 }
.projetos_open .desc { padding: 10px 0 20px; font-size: 11px; line-height: 15px; color: #404040; }

.projetos_open .tumbnails { height: 330px; width: 75px; overflow: hidden; position: relative; float: left; }
.projetos_open .tumbnails .prev { width: 75px; height: 23px; background: #d7d7d7 url('arrow_up.png') no-repeat center center; cursor: pointer; }
.projetos_open .tumbnails .next { width: 75px; height: 23px; background: #d7d7d7 url('arrow_down.png') no-repeat center center; cursor: pointer; }
.projetos_open .tumbnails .inner { height: 272px; overflow: hidden; margin: 6px 0; position: relative;}
.projetos_open .tumbnails .inner { position: relative; }
.projetos_open .tumbnails .inner .itens { position: relative; }
.projetos_open .tumbnails .inner .itens > div { position: relative; width: 71px; height: 46px; cursor: pointer; border: 2px solid #cdcdcd; margin-bottom: 5px; }
.projetos_open .tumbnails .inner .itens > div img { position: absolute; top: 0; left: 0; width: 71px; height: 46px; }
.projetos_open .tumbnails .inner .itens > div img:first-child { display: none; }
.projetos_open .tumbnails .inner .itens > div img:last-child { display: block; }
.projetos_open .tumbnails .inner .itens > div:hover img:first-child { display: block; }
.projetos_open .tumbnails .inner .itens > div:hover img:last-child { display: none; }
.projetos_open .tumbnails .inner .itens > div.active img:first-child { display: block; }
.projetos_open .tumbnails .inner .itens > div.active img:last-child { display: none; }
.projetos_open .tumbnails .inner .itens > div.active { border-color: #444; }

.projetos_open .quadro { float: left; width: 918px; height: 330px; margin-left: 7px; position: relative; overflow: hidden;}
.projetos_open .quadro .items { position: relative; width: 20000em; height: 330px; }
.projetos_open .quadro .items > div { float: left; width: auto; height: 330px; opacity: 0.4; margin-right: 8px; }
.projetos_open .back { clear: both; float: right; padding: 10px 0; font-size: 12px; }
.projetos_open .back a:hover { color: inherit; text-decoration: underline; color: #757575; }