* {padding: 0; margin: 0; text-decoration: none; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; list-style: none; border: none; line-height: 14px; outline: none;} hr { display: none;} /* Estilos com @font-face - Start */ @font-face { font-family: 'HevelticaLT'; font-style: normal; font-weight: normal; src: url('fonts/helveticaltstd-cond-webfont.eot'); src: url('fonts/helveticaltstd-cond-webfont.ttf') format('truetype'); } #menu li a, #menu li a span, #home {font-family: HevelticaLT, Arial, Tahoma, Sans-serif;} /* Estilos com @font-face - End */ body {background:#fff;color:#666;} a{color:#666;} #monitor {position: absolute; top: 0; left: 0; z-index: -9999;} /* ------------------------------------------- DIV CONTAINER ------------------------------------------- */ div#container { width: 914px; margin:48px auto; position: relative; z-index: 1;} /* ------------------------------------------- FIM DIV CONTAINER ------------------------------------------- */ /* ------------------------------------------- DIV HEADER ------------------------------------------- */ div#header {height:122px; position: relative; background: url('../img/topo-fundo.gif') no-repeat 0 0 #fff; float: left; width: 100%;} #logo { margin: 43px 0 0 60px; float: left;} #menu { width: 405px; float: left; position: relative; height: 80px; margin: 8px 0 0 50px;} #menu li { float: left; margin-right: 15px; border-left: 1px solid #000; height: 80px; width: 85px; position: relative} /*#menu li a {font-size: 12px; float: left; margin-top: 51px; color: #bdbdbd;}*/ #menu li a {font-size: 12px; display: block; top: 51px; color: #bdbdbd; position: absolute; left:10px} #menu li a span {font-size: 15px; clear: left;display: block; color: #696868} #menu li div {float: left; height:34px; margin: 46px 0 0 0; width: 6px} #menu li #quemsomos {background-color: #9ac565; } #menu li #produtosServ {background-color: #DFC441; } #menu li #nossoportifolio {background-color: #8db8c7; } #menu li #faleconosco {background-color: #C13B3C; } #menu li div img {height: 20px; width: 6px} #menu li.noImage div img {display: none!important} #menu li.menuAtivo a {color: #fff!important; top: 48px;} #menu li.menuAtivo a span {color: #fff!important} #home { float:right; font-size: 13px; margin: 8px 4px; color:#bdbdbd} #home img {margin: 0 10px;} #frase-topo {float:right; margin-right: 8px;} /* ------------------------------------------- FIM DIV HEADER ------------------------------------------- */ div#bg { width: 100%; position: absolute; top: 0; z-index: 0; overflow:hidden; } #bg .flash-topo{width:100%;height:400px;position:absolute;top:0;} #bg .flash-rodape{width:100%;height:400px;position:absolute;bottom:0;} h2 { text-indent: -9999px; height: 30px; background-repeat: no-repeat;} #h2TrabalhosRecentes {background-image: url(../img/titulos/h2-trabalhos-recentes.jpg);} #h2queFazemos {background-image: url(../img/titulos/h2-que-fazemos.jpg);} #h2maisNoticias {background-image: url(../img/titulos/h2-mais-noticias.jpg);} #h2acabouAcontecer {background-image: url(../img/titulos/h2-acabou-acontecer.jpg);} #bemvindo{height:35px;background:url(../img/titulo-bemvindo.gif) no-repeat;} /* ------------------------------------------- DIV CONTENT ------------------------------------------- */ div#content { padding: 30px 8px 40px 9px; position: relative; z-index: 9999;overflow:hidden;background: url(../img/bg-container.jpg) repeat-y;overflow:hidden; float: left; width: 897px} #trabalhosRecentes{margin:-30px 0 40px; float:left; height:330px; width:897px} #trabalhosRecentes h2{width:92px;height:27px;margin:0 0 0 36px;background:url(../img/titulo-vitrine.gif) no-repeat;} .nivo-controlNav {left:50%; margin-left:-33px; position:absolute; text-align:center; top:300px; width:66px} .nivo-controlNav a {background:url(../img/banner/nivo-controlNav.gif) no-repeat -25px; 0; float:left; height:16px; margin:0 3px; text-indent:-9000px; width:16px} .nivo-controlNav a.active {background-position:0 0} #trabalhosRecentes #prevBtn, #trabalhosRecentes #nextBtn{width:35px;height:19px;display:block;background:url(../img/setas-topo.gif) no-repeat;} #trabalhosRecentes #prevBtn{margin:-19px 0 0 1px;float:left;background-position:0 0;} #trabalhosRecentes #nextBtn{margin:-19px 1px 0 0;background-position:-45px 0;float:right;} #trabalhosRecentes #prevBtn a, #nextBtn a{width:35px;height:19px;display:block;background:url(../img/setas-topo.gif) no-repeat;text-indent:-999em;} #trabalhosRecentes #prevBtn a{background-position:0 -31px;} #trabalhosRecentes #nextBtn a{background-position:-45px -31px;} div#queFazemos { width:390px;margin:0 20px 0 0; float: left; margin-bottom: 40px;} div#queFazemos h2 { margin-bottom: 10px;} div#queFazemos p { float: left; width: 350px; margin-left: 40px; line-height: 18px;} div#queFazemos img { float: right;} div#clientesParceiros { width: 279px; height: 254px; position: relative; padding-left: 82px; float: right; background: url(../img/bg-clientes-parceiros.jpg) no-repeat;} div#clientesParceiros h2 { margin-bottom: 10px;} div#clientesParceiros a { position: absolute; bottom: 8px; right: 0;} div#maisNoticias { width: 252px; float: left;} div#maisNoticias ul { width: 228px; float: right; margin: 25px 0 0;} div#maisNoticias ul li { border-bottom: 1px dashed #354547; margin-bottom: 18px; padding: 0 8px 20px;} div#maisNoticias ul li * { padding: 0 9px;} div#maisNoticias ul li h4 { color: #c03b3c;} div#maisNoticias ul li p { border-bottom: 1px solid #EBEBEB; color: #5c5c5c; padding-bottom: 8px; margin-bottom: 8px;} div#maisNoticias ul li a { color: #828282; display: block;} div#maisNoticias ul li a:hover { color: #adadad} div#acabouAcontecer { width: 645px; float: right; margin-bottom: 23px;} div#noticia { width: 566px; margin: 25px 0 0 39px;} div#data { float: left; margin-right: 11px; height: 37px; padding-top: 2px; background: url(../img/bg-data.jpg) repeat-x left bottom;} div#data h4:first-child { color: #c03b3c; text-align: right; font-size: 17px; padding: 0;} div#data h4 { color: #fff; text-align: center; font-size: 18px; padding: 4px 5px; letter-spacing: -2px;} div#noticia div#titNoticia p { color: #979797; margin: 0; line-height: 14px;} div#fotoNoticia { padding: 10px; background: url(../img/bg-linha.jpg) repeat; margin: 15px 0;} div#fotoNoticia img { float: left;} #fotoAutor { text-align: right; color: #c03b3c; margin-bottom: 15px;} div#noticia p { color: #666; margin-bottom: 15px; line-height: 18px;} div#comentarios { width: 163px; height: 25px; float: right; background: url(../img/bg-comentarios.jpg) no-repeat; position: relative;} div#comentarios p { position: absolute; width: 31px; text-align: center; font-size: 13px; top: 6px; left: 92px; font-size: 13px; color: #fff;} #frases{width:165px;margin:50px 0 0;float:left;} #produtos{width:303px;height:262px;margin:3px 0 0;float:right;background:url(../img/bg-produtos.gif) no-repeat;position:relative;position:relative;} #produtos .coda-slider{width:200px;margin:10px 0 0 70px;overflow:hidden;} #produtos .coda-slider .panel{width:200px;float:left;} #produtos .coda-nav-left, #produtos .coda-nav-right{width:31px;height:19px;display:block;background:url(../img/setas-produtos.gif) no-repeat;;position:absolute;bottom:0;text-indent:-999em;} #produtos .coda-nav-left a, #produtos .coda-nav-right a{width:31px;height:19px;display:block;} #produtos .coda-nav-left{right:41px;background-position:0 -31px} #produtos .coda-nav-right{right:0;background-position:-41px -31px} #produtos p{line-height:18px;} #aconteceu{width:544px;margin:0 0 60px;float:left;} #aconteceu h2{margin:0 0 22px;background:url(../img/titulo-aconteceu.gif) no-repeat;} #aconteceu .infos{margin:0 0 0 40px;color:#979797;overflow:hidden;} #aconteceu .infos span{width:35px;height:45px;float:left;margin:6px 5px 0 0;color:#c03b3c;text-transform:uppercase;font-size:11px;font-weight:700;text-align:right;line-height:10px;} #aconteceu .infos span strong{height:24px;padding:6px 3px 0 0;display:block;background:#c03b3c;color:#fff;font-size:13px;} #aconteceu .infos em{display:block;font-style:normal;} #aconteceu .infos h3{margin:5px 0 3px;font-weight:700;color:#c03b3c;font-size:18px;} #aconteceu .crop{width:484px;height:319px;padding:10px;margin:10px 0 0 40px;background:url(../img/bg-linhas.gif);} #aconteceu .legenda{margin:3px 0 10px;text-align:right;color:#c03b3c;font-size:9px;} #aconteceu .corpo p{margin-top:10px} #aconteceu p{margin:0 0 15px 40px;line-height:18px;overflow:hidden;} #aconteceu .comentarios{padding:0 0 0 39px;margin:20px 0 0;background:url(../img/bg-comentarios.gif) no-repeat;color:#fff;font-size:13px;} #aconteceu .comentarios .numero{width:123px;height:20px;display:block;padding:5px 0 0 10px;color:#fff;font-size:16px;} #aconteceu .comentarios .item{padding:0 0 20px;margin:20px 0;background:url(../img/tracinho-comentarios.gif) repeat-x left bottom;} #aconteceu .comentarios h4{color:#c03b3c;font-weight:700;} #aconteceu .comentarios span{margin:0 0 10px;display:block;color:#c03b3c;} #aconteceu .comentarios p{color:#666;margin:0;} #aconteceu .comentar{color:#666;} #aconteceu .comentar h3{margin:0 0 5px;color:#c03b3c;font-size:11px;} #aconteceu .comentar .campo{margin:0 19px 15px 0;float:left;} #aconteceu .comentar .campo.nomargin{margin:0 0 15px;} #aconteceu .comentar label{margin:0 0 3px;display:block;color:#666;} #aconteceu .comentar input{padding:3px;display:block;color:#666;border:1px solid #c4c4c4;} #aconteceu .comentar textarea{width:488px;height:100px;padding:3px;display:block;color:#666;border:1px solid #c4c4c4;} #aconteceu .comentar .captcha{float:left;} #aconteceu .comentar button{width:48px;padding:4px 2px;margin:10px 18px 0 0;float:right;color:#fff;background:#c34344;cursor:pointer;} #slider2 {margin-top: 30px;} #outras-noticias{width:304px; height:414px; padding:0 0 19px; float:right; position:relative; background:url(../img/bg-outrasNoticias.gif) repeat-y;} #outras-noticias h2{height:32px;background:url(../img/titulo-outrasNoticias.gif) no-repeat;} #outras-noticias ul{width:290px;padding:0 0 20px 60px;overflow:hidden;} #outras-noticias ul li {width:290px; height: 300px;} #outras-noticias ul li span { display: block; margin-bottom: 20px; } #outras-noticias ul li span h3{width:220px;} #outras-noticias ul li span h3 a{color:#c03b3c;} #outras-noticias ul li span p{width:220px;background:url(../img/tracinho.gif) repeat-x left bottom; padding-top: 5px; padding-bottom: 15px; } #outras-noticias ul li span p.last { background:none; } #outras-noticias ul li span p a{color:#828282; font-size:11px; } #outras-noticias #controles{ width:304px; height:19px; position:absolute; right:0; bottom:0; left: 0; background:url(../img/bg-cinza-noticias.gif) no-repeat left bottom} #outras-noticias #controles #prevBtn2, #outras-noticias #controles #nextBtn2{width:31px;height:19px;display:block;float:left;background:url(../img/setas-noticias.gif) no-repeat;} #outras-noticias #controles #prevBtn2 a, #outras-noticias #controles #nextBtn2 a{width:31px;height:19px;display:block;text-indent:-999em;} #outras-noticias #controles #prevBtn2{margin:0 11px 0 230px;background-position:0 0;} #outras-noticias #controles #prevBtn2 a{background:url(../img/setas-noticias.gif) no-repeat 0 -31px;} #outras-noticias #controles #nextBtn2{background-position:-41px 0;} #outras-noticias #controles #nextBtn2 a{background:url(../img/setas-noticias.gif) no-repeat -41px -31px;} #quem-somos{width:415px;margin:0 0 0 41px;float:left;} #quem-somos h2{height:32px;margin:0 0 30px;background:url(../img/titulo-quemsomos.gif) no-repeat;} #quem-somos p{line-height:18px;} #socios{width:345px;margin:0 40px 0 0;float:right;} #socios h2{height:33px;margin:0 0 30px;background:url(../img/titulo-socios.gif) no-repeat;} #socios h3{height:16px;margin:0 0 5px;text-indent:-999em;} #socios h3.enio{background:url(../img/enio.gif) no-repeat;} #socios h3.felipe{background:url(../img/felipe.gif) no-repeat;} #socios h3.leandro{background:url(../img/leandro.gif) no-repeat;} #socios p{margin:0 0 20px;} #trabalhamos{margin:15px 0 60px 41px;float:left;overflow:hidden;} #trabalhamos h2{height:33px;margin:0 0 30px;background:url(../img/titulo-comoTrabalhamos.gif) no-repeat;} #trabalhamos ol li{width:176px;margin:0 35px 0 0;float:left;overflow:hidden;} #trabalhamos ol li.maior{width:197px;} #trabalhamos ol li.last{margin:0;} #trabalhamos ol li p{width:160px;margin:7px 0 0;line-height:18px;} #servicos{margin:0 0 40px 41px;overflow:hidden;} #servicos h2{margin:0 0 30px;background:url(../img/titulo-servicos.gif) no-repeat;} #servicos dl{width:249px;margin:0 40px 0 0;float:left;} #servicos dl.last{margin:0;} #servicos dt{height:20px;text-indent:-999em;display:block;} #servicos dt.design{background:url(../img/titulo-design.gif) no-repeat;} #servicos dt.solucoes{background:url(../img/titulo-solucoes.gif) no-repeat;} #servicos dt.tecnologia{background:url(../img/titulo-tecnologia.gif) no-repeat;} #servicos dt.mobile{background:url(../img/titulo-mobile.gif) no-repeat;} #servicos dd{padding:0 0 0 11px;margin:0 0 5px 20px;background:url(../img/setinha-servicos.gif) no-repeat 0 5px;} #gestao{width:815px;margin:0 auto 45px;overflow:hidden;} #gestao img{float:left;} #gestao p{width:474px;height:82px;padding:15px 50px 25px;float:left;background:#f7f7f7;border:1px solid #f3f3f3;line-height:18px;} #nossos-produtos{margin:0 0 0 41px;overflow:hidden;} #nossos-produtos h2{margin:0 0 30px;background:url(../img/titulo-produtos.gif) no-repeat;} #nossos-produtos .box{width:249px;height:365px;margin:0 40px 50px 0;float:left;position:relative;} #nossos-produtos .box.third{margin:0 0 50px;} #nossos-produtos .box .ilustra{width:74px;height:74px;position:absolute;right:0;bottom:0;} #nossos-produtos .box .content{height:355px;margin:0 10px 0 0;background:#ebebeb;border:1px solid #dcdcdc;} #nossos-produtos .box .content p{width:200px;margin:0 auto 15px;} #nossos-produtos .box.big{width:538px;margin:0 0 50px;} #nossos-produtos .box.big p{width:480px;} #formulario{width:285px;margin:0 0 60px 41px;float:left;} #formulario h2{height:34px;margin:0 0 30px;background:url(../img/titulo-fale.gif) no-repeat;} #formulario label{margin:0 0 5px;display:block;cursor:pointer;} #formulario input{width:285px;background:#eaeaea;padding:3px;color:#000;margin:0 0 12px;display:block;} #formulario textarea{width:285px;background:#eaeaea;padding:3px;color:#000;margin:0 0 8px;display:block;} #formulario button{margin:20px 0 0;background:none;cursor:pointer;} #como-chegar{width:459px;margin:0 41px 0 0;float:right;} #como-chegar h2{height:34px;margin:0 0 30px;background:url(../img/titulo-comoChegar.gif) no-repeat;} #como-chegar h2.trabalhe{margin:15px 0 20px;background:url(../img/titulo-trabalhe.gif) no-repeat;} #como-chegar p{margin:0 0 15px;} #como-chegar .upload{margin:15px 0 25px;} #como-chegar .upload label{display:block;margin:0 0 3px;} #como-chegar .upload input{width:285px;background:#eaeaea;padding:3px;color:#000;margin:0 0 12px;display:block;} #como-chegar .upload button{padding:5px;margin:10px 0 0;color:#fff;font-weight:700;cursor:pointer;background:#999;} #lightbox-portfolio{width:100%;height:2000px;background:url(../img/transparency.png);position:absolute;z-index:10;} .zoom{width:546px;padding:10px;margin:100px auto 0;background:#fff;overflow:hidden;} .zoom a{margin:5px 0 0;float:right;font-weight:700;} #footer a{height:55px;float:left;display:block;text-indent:-999em;} #footer a.softex{width:100px;margin:30px 35px 0 30px;} #footer a.finep{width:100px;margin:30px 5px 0 0;} #footer a.ministerio{width:200px;margin:30px 0 0;} #navPortfolio { margin: 5px 0 50px 102px;} #navPortfolio li { display: block; float: left; margin: 0 16px; position: relative;} #navPortfolio li .sub { display: none; position: absolute; top: 16px; left: 0; border: 1px solid #d1d3d4; padding: 3px; z-index: 9999; background: #fff;} #navPortfolio li .sub form {padding-top: 5px; margin: 0 auto 10px;} #navPortfolio li .sub form label { margin: 5px 12px; color: #8f8f8f; display: block; float: left;} #navPortfolio li .sub form input {} #navPortfolio li .subClientes form { border-top: 4px solid #9ac565; width: 240px;} #navPortfolio li .subServicos form { border-top: 4px solid #e4c13e; width: 240px;} #navPortfolio li .subAno { left: -0px;} #navPortfolio li .subAno form { border-top: 4px solid #c03b3c; width: 55px;} #navPortfolio li .subAno form label { margin: 5px 5px;} #navPortfolio li .sub a { float: right; height: 15px;} div#clientes {padding:0 0 0 10px;} .controles-portfolio{width:897px;height:35px;margin:0 0 30px;background:url(../img/controles-portfolio.gif) no-repeat;} .controles-portfolio span{margin:10px 21px 0 691px;float:left;} .controles-portfolio a{width:42px;height:25px;margin:4px 11px 0 0;text-indent:-999em;display:block;float:left;} .controles-portfolio a.active{background:url(../img/setas-portfolio.gif) no-repeat;} .controles-portfolio a.prev.active{background-position:0 0;} .controles-portfolio a.next.active{background-position:-53px 0;} .controles-portfolio input{background:transparent;} #slideshow { margin: 0 auto; position: relative;} #leftControl { position: absolute; display: block; left: 752px; margin-top: -61px; width: 0px;cursor:pointer;} #rightControl { position: absolute; top: -61px; left: 805px; width: 42px; height: 25px; right: 0;cursor:pointer;} div.boxBig { width: 194px; height: 152px; float: left; margin-left: 19px;} div.boxBig:first-child { margin-left: 0;} div.boxMedium { padding: 8px; background: #c9c9c9; position: relative;} div.boxMedium div.nomePortfolio { position: absolute; bottom: 8px; left: 8px; background: #000; width: 170px; padding: 4px;} div.bordaLeft { border-left: 2px solid #cbcbc9; margin-left: 8px; padding-left: 8px;} div.boxMedium div.bordaLeft p { color: #8bbac9;} div.boxMedium div.bordaLeft p:first-child { color: #fff;} div.boxSmall img, div.boxMedium img { float: left} div.boxSmall {padding: 4px; background: #e9e9e9; position: relative; float: left; margin: 10px 0 0 8px;} div.boxSmall div.nomePortfolio { position: absolute; bottom: 4px; left: 4px; background: #000; width: 146px; padding: 4px 8px;} div.nomePortfolio p { color: #fff;} #paginacaoProx { float: right; margin: 25px 0;} #btVoltarGaleria { float: right; margin-right: 39px; margin-bottom: 39px;} div#detalheProjeto { width: 403px; margin:0 4px 0 0; float: left;} div#detalheProjeto h3 { font-size: 13px; line-height: 10px; margin-bottom: 17px; color: #9d9d9d; padding-left: 40px; background: url(../img/bg-h3-detalheProjeto.jpg) no-repeat; color:#E4C13E; } div#detalheProjeto p { color: #666; width: 296px; line-height: 18px; padding: 18px 18px 18px 52px; background: url(../img/bg-p-detalheProjeto.jpg) repeat-y; margin-bottom: 18px;} div#detalheProjeto a {height:25px; display:block; color: #919191; padding-left: 40px; text-decoration: underline; background: url(../img/bg-a-detalheProjeto.jpg) no-repeat 0 3px; } div#controles {float:right;margin-top:-30px;margin-right:40px;display:inline} div#controles ul#paginacao { float: right;} div#controles ol li{margin:0 0 0 8px;border: 1px solid #C2C2C2;float:left;} div#controles ol li a{padding:5px 4px;} div#controles ol li:hover{background:#c03b3c;} div#controles ol li:hover a{color:#fff;} div#controles ol li.current{background:#c03b3c;} div#controles ol li.current a{color:#fff;} div#gallery {margin:0 0 40px 0;border: 1px solid #c2c2c2;} /*div#gallery img {margin-bottom: 4px; cursor: url(../img/zoom.cur), pointer; float: left;}*/ div#gallery ul#paginacao { float: right;} div#gallery ul#paginacao li { display: inline;} div#gallery ul#paginacao li a { display: block; float: left; width: 9px; height: 9px; background: #7d7d7d; margin-left: 5px; text-indent: -9999px;} .voltarGaleria{margin:0 0 40px;float:right;} /*#listaImg {height:327px;} #listaImg li{width:448px;height:327px;float:left;}*/ .jqGSContainer {width:450px;float:left;} .jqGSContainer .jqGSImgContainer{width: 450px !important;} .jqGSContainer .jqGSImgContainer ul {} .jqGSContainer .jqGSImgContainer ul li{ width: 453px !important; height: 332px !important; margin: 0 !important; padding: 0 !important;} .jqGSContainer .jqGSImgContainer ul li .jqGSLoader{ display: none !important;} .jqGSContainer .jqGSImgContainer ul li img {} .jqGSContainer .jqGSImgContainer ul li .jqGSTitle{ display: none !important;} .jqGSContainer .jqGSPagination{ float: right; margin:10px 5px 0 0;} .jqGSContainer .jqGSPagination ul { margin-right: -7px;} .jqGSContainer .jqGSPagination ul li{ display: inline;} .jqGSContainer .jqGSPagination ul li a { padding: 1px 4px; display: block; float: left; background: #7d7d7d; color: #fff; margin: 0 3px;} .jqGSContainer .jqGSPagination ul li a.selected{background:#c03b3c;} .jqGSContainer .jqGSPagination ul li a:hover{background:#c03b3c;} #outrosProjetos { width: 807px; padding: 39px 8px 6px; position: relative; background: #8bbac9 url(../img/bg-outrosProjetos.jpg) no-repeat; clear: both; margin: 40px auto;} #proAnterior { position: absolute; top: 2px; left: 0;} #proProximo { position: absolute; top: 2px; left: 156px;} #outrosProjetos ul { width: 140px; border-left: 1px solid #a2c8d4; padding: 10px; float: left;} #outrosProjetos ul li { margin-bottom: 10px;} #outrosProjetos ul li a { color: #fff;} #outrosProjetos ul li a:hover { text-decoration: underline;} /* ------------------------------------------- FIM DIV CONTENT ------------------------------------------- */ /* ------------------------------------------- DIV FOOTER ------------------------------------------- */ div#footer {width:914px;height:104px;background: url(../img/bg-footer.jpg) no-repeat; clear: both;} /* ------------------------------------------- FIM DIV FOOTER ------------------------------------------- */ /* ------------------------------------------- CLASSES ------------------------------------------- */ .clear { clear: both;} .displayNone { display: none;} .floatR { float: right;} /* ------------------------------------------- FIM CLASSES ------------------------------------------- */ #slidesContainer{ margin-left:40px; } ul.thumb { float: left; list-style: none; margin: 0px; padding: 10px; } ul.thumb li { padding: 5px; margin:0 30px 30px 0; float: left; position: relative; width: 163px; height: 126px; } ul.thumb li img { width: 162px; height: 125px; border: 1px solid #ddd; padding: 5px; background: #f0f0f0; position: absolute; left: 0; top: 0; z-index: 0; -ms-interpolation-mode: bicubic; } ul.thumb li p.fisrtP {position: absolute; height:14px; overflow: hidden; bottom: 4px; left: 6px; background: #000; width: 142px; padding: 5px 10px; color: #fff; font-size: 11px; line-height: 16px; opacity: .8; filter: alpha(opacity=80); -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=80)"; } ul.thumb li p.fisrtP a { display: block; color: #8bbac9;} ul.thumb li img.hover { background: #E0E0E0; border: 1px solid #ddd; } ul.thumb li p.hover a { display: block !important;} .coda-nav { display:none;} /*========================================================================= PORTFOLIO =========================================================================*/ #slideInner #gallery{border: none;} .over{display: block; width: 100%; height: 100%;} .descricao{display:none; position: relative; z-index: 2; width: 100%; height: 100%; background: url(../img/port-overlay.png);} .over:hover .descricao{display: block;} .descricao .center{padding: 10px;} .descricao .titulo{color: #fff; font-size: 12px;} .descricao .subtitulo{color: #8bbac9; font-size: 10px;} .displayNone{display: none;} a.site, a.galeria{display: block; color: #fff; font-size: 9px; height: 27px; line-height: 27px; text-align: center; background: #8db8c7; text-transform: uppercase;} a.site{float: left; width: 60px;} a.galeria{float: right; width: 70px;} .botoesFancy{position: absolute; width: 143px; bottom: 10px;}