/****[CONFIGURACAO GERAL]***/ #geral *{padding:0; margin:0;} #geral a{outline:none; text-decoration:none;} #geral img{border:none;} #geral { background-color:#FFF; width:680px; display:table; } /****[ESTRUTURA]***/ #topo {width:100%;} #topo img {display:block;} #conteudo {width:100%; display:table;} .informacoes {width:100%;} .informacoes img {display:block;} #galeriaFotos { width: 375px; background:url(../images/galeria_l200.jpg) no-repeat; height:397px; float: left; } #galeria { float:left; width:375px; margin:28px 0 0 0; } #fotos { width:299px; height:259px; border:1px solid #FFF; background-color:#CCC; padding:7px 0 0 7px; margin-left:40px; } #slideshow { width:293px; height:251px; background-color:#FFF; } /* Tiny Carousel */ #thumbs { width:inherit; height: 1%; overflow:hidden; padding:0; margin:19px 0 0 18px; } #thumbs .viewport { float: left; width: 309px; height: 58px; overflow: hidden; position: relative; } #thumbs .buttons { /*background:url(../images/buttons.png) no-repeat scroll 0 0 transparent;*/ display: block; background-position: 0 -38px; text-indent: -999em; float: left; width: 31px; height: 31px; overflow: hidden; position: relative; } #thumbs .disable { visibility: hidden; } #thumbs .overview { list-style: none; position: absolute; padding: 0; margin: 0; width: 240px; left: 0 top: 0; } #thumbs .overview li{ float: left; margin: 0 4px 0 0; padding: 1px;} #thumbs .overview li img {border:1px solid #FFF;} #thumbs .prev {background:url(../images/seta_left_galeria.png) no-repeat scroll 0 0 transparent; margin: 12px -10px 0 0; z-index:10;} #thumbs .next {background:url(../images/seta_right_galeria.png) no-repeat scroll 0 0 transparent; background-position: 0 0; margin: 12px 0 0 -10px; } #galeria_info { float:right; width:305px; }