#screen {width: 100%; overflow: hidden; } .height {height: 100%; } .padding {padding-bottom: 40px; } .servicon img {padding-left: 50px; float: right; } * {margin: 0; padding: 0; } body, p {color: #ddd; font: 13px/1.5em Arial, "Helvetica Neue", Helvetica, Geneva, sans-serif; } .homebottom h2 {margin: 0 auto; } .home-nav {background-color: #333; width: 565px; overflow: hidden; float: left; margin-left: 20px; } .homebottom {overflow: hidden; padding-top: 10px; } .titles {padding: 10px 0; } .staff-feed {margin-bottom: 10px; } html, body {height: 100%; } body {position: relative; } .greenbottom {height: 1px; width: 100%; border-bottom: 7px solid #8cc63f; float: right; } a {outline: none; } a img {border: 0; } .both {clear: both; } .contact-header {padding: 10px 0 0 0; } #slideshow {width: 880px; overflow: hidden; border-bottom: 7px solid #8cc63f; margin-top: -20px; } #screen2 {width: 880px; margin: 0; } #screen2 #buttons .prev {float: left; background: url(/images/prev.png); text-indent: -90000px; width: 94px; height: 29px; } #screen2 #buttons .next {float: right; background: url(/images/next.png); text-indent: -90000px; width: 94px; height: 29px; } #cl-sections ul li img.right {padding-left: 10px; padding-top: 10px; } #slideshow {overflow: hidden; width: 879px; } #screen2 #buttons {position: relative; width: 880px; top: 200px; } #slideshow ul {width: 88900px; list-style-type: none; } #slideshow li {float: left; margin: 0 0px; cursor: pointer; margin-bottom: -5px; } .orange {color: #f9a451; } .green, a {color: #88c746; text-decoration: none; } #h-navigation .selected, #h-navigation a:hover {background-position: 0 -28px; } #h-navigation {width: 400px; overflow: hidden; clear: both; list-style-type: none; display: inline; } #h-navigation li {display: inline; float: left; } #h-navigation li a {display: inline; float: left; text-indent: -90000px; } .hide {display: none; } .right {float: right; } .left {float: left; } .right-col {float: right; width: 265px; margin-right: 20px; } .divider {width: 100%; height: 20px; } * { } .home-wrapper {background: url(img/bg-branco.png) top left repeat; width: 880px !important; height: 496px;overflow: hidden; } .home-wrapper ul {overflow: hidden; } .banner {height: 99px; width: 400px; float: right; margin-top: 78px; padding: 10px 20px 20px; background: url(/images/black.png); } .homebody {/*width: 920px; height: 100%;*/ background-image: url(img/bg-branco.png); overflow: hidden; } .right-col ul {color: #eee; list-style-type: none; font-size: 13px; padding: 10px 0; } .location-text .right-col ul li {background: url(/images/flickr.jpg) no-repeat 1px 1px; padding-bottom: 10px; padding-left: 25px; } .left-col {float: left; width: 575px; } #navigation {position: absolute; width: 940px; margin-top:10px; margin-left:100px;text-align: center; overflow: hidden; background:url(img/bg-branco.png); } #navigation ul {float: left; width: 771px; } #navigation li, #navigation li.xis a {display: block; float: left; list-style-type: none;} #navigation li a, #navigation span a {text-indent:-99999999px;display: block; height: 35px; color:#CC0000; font-size:0.9em; font-weight:bold; padding:15px 0px 0px 8px;text-align:left;} #navigation li a:hover, #navigation span a:hover {background-position: 0 -50px; } .home {background: url(img/nav-logo.png) no-repeat; width: 171px; margin: 0px; } .revistas {background: url(img/nav-revistas.png) no-repeat; width: 108px; } .livros {background: url(img/nav-livros.png) no-repeat; width: 107px; } .web {background: url(img/nav-web.png) no-repeat; width: 107px; } .empresa {background: url(img/nav-empresa.png) no-repeat; width: 107px; } .internacional {background: url(img/nav-inter.png) no-repeat; width: 123px; } .loja {background: url(img/nav-loja.png) no-repeat; width: 110px; } .sites {background: url(/images/nav/sites.png) no-repeat; width: 50px; } #navigation .selected {background-position: 0 -50px; } .noticias, .novidades-loja {float: left;float:left;width:445px; color:#D00E0E; font-weight:bold; font-size:1em;margin-top:15px;} .noticias {width:435px;} .novidades-loja {width:250px;margin-left:30px;} .noticias ul li, .novidades-loja ul li {background:url(img/setinha1.png) left 10px no-repeat; padding-left:10px;border-bottom:1px dashed #A3A3A3;} .noticias ul li a, .novidades-loja ul li a {font-weight:normal; display:block;font-size:0.9em; line-height:1.5em;padding:5px;padding-right:10px;color:#555555;} .noticias ul li a:hover, .novidades-loja ul li a:hover { background:url(img/icon-link1.png) right 7px no-repeat; color:#D00E0E;} #slide-capa {width:440px; float:left; height:245px;} #destaques-loja {background:#fefefe url(img/bg_area_flash.gif) repeat-x;width:395px; height:385px;float: left; margin-left:15px; color:#D00E0E; font-weight:bold; border-bottom:2px solid #D00E0E; padding-bottom:10px;} #col-esq { width:445px; float: left; padding-left:15px;} #destaques-loja .livro { width:115px; height: 175px; margin:8px; float: left; color:#525252; font-size:0.8em;} #destaques-loja .livro img { max-width:110px; max-height:150px;} #destaques-loja .livro a { font-size:1em; font-weight:bold;color:#D00E0E; line-height:1.2em; margin-top:5px;} #destaques-loja .livro a:hover {color:#525252;} #destaques-loja span { background:url(img/icon-link1.png) right 3px no-repeat;border-bottom:2px solid #D00E0E; padding-bottom:3px; display:block;margin-top:-5px; text-transform:uppercase; font-size:0.9em;} #sections {overflow: hidden; clear: left; height: 100%; } .height {height: 100%; } #sections .container {width: 57660px; height: 100%; background:#fff url(img/bg-fundo2.gif) left 150px repeat-x; overflow: hidden; } #contact.sub.floor {height: 100%; background: url(/img/b.png) no-repeat right bottom; } .main {float: left; padding: 11px 30px; } #stafflist, #stafflist li {display: inline; list-style-type: none; } #stafflist li a {display: block; float: left; width: 93px; height: 62px; margin: 1px; text-indent: -90000px; } .both {clear: both; } #stafflist li a:hover, #stafflist .selected {background-position: 0 -62px; } div.sub {float: left; padding: 100px 200px 20px 100px; margin-right: 800px; } #home p, #clients p, #contact p {line-height: 1.5em; } #home {margin-right: 900px; } .footer {position: absolute; bottom: 0px; left:0px; width: 850px; float:left; } .footer-bg {height: 38px; padding-left: 100px; color:#5D5D5D; } .footer-bg img {padding-top: 13px; } #screen-2 ul, #screen-2 ul li {list-style-type: none; } #co-screen {width: 880px;} #co-screen .contact-wrapper .right-col img {padding: 10px 0; } .contact-wrapper {background-image: url(img/bg-branco.png); overflow: hidden; padding: 20px; width: 880px; height:456px;} .contact-wrapper p {width:400px; margin:20px; color:#646464;float:left;} .contact-wrapper p strong {color:#D00E0E; font-size:1em; text-transform:uppercase;} .contact-wrapper p strong.menor {color:#6F6F6F; font-size:1em; text-transform:uppercase; font-size:0.9em;} .dxxcartext, .dxxtraintext, .dxxdinotext, .dxxfeettext {padding: 0px 20px; } #cl-screen {height: 550px; } #cl-screen .next, #cl-screen .prev {position: relative; top: 200px; z-index: 100; } #cl-screen .prev {left: 10px; } #cl-screen .next {right: 10px; } #cl-navigation {width: 873px; text-align: center; overflow: hidden; background-image: url(/images/black.png); clear: both; border-bottom: 7px solid #8cc63f; } #cl-sections {overflow: hidden; background: url(/images/black.png); width: 873px; height: 280px; clear: left; } #cl-sections ul {width: 3660px; } #cl-sections li {float: left; padding: 11px 20px; height: 288px; list-style-type: none; } #cl-sections li.fallen {clear: both; } #cl-sections p {width: 820px; margin: 16px 0; line-height: 1.4em; } #clmenu {overflow: hidden; /*padding-left: 4px; padding-top: 4px;*/ } #clmenu li {display: inline !important; float: left !important; width: 218px; height: 128px; } #clmenu a {display: block; text-indent: -90000px; outline: none; } #clmenu a:hover {background-position: 0 -125px; } #clmenu a.selected {background-position: 0 -250px; } #clmenu a.selected a:hover {background-position: 0 -250px; } #cmenu {overflow: hidden; } #cmenu li {padding-top: 10px; } ul#cmenu {padding-left: 20px; list-style-type: none; } #c-navigation.right {width: 250px; float: right; background: #191717; clear: none; height: 330px; } #cmenu a {display: block; text-indent: -9000%; outline: none; } #cmenu a:hover { } .careers-text {overflow: hidden; } .buffer {padding-top: 20px; } .careers-text .left p {width: 575px !important; margin: 0! important; padding: 0; overflow: hidden; padding-left: 30px; padding-top: 20px; margin-bottom: 30px !important; } .c-company img {padding-left: 30px; } .career-home img {padding: 0; float: left; padding: 5px 0 0 23px; } .c-company .border {border-bottom: 7px solid #8cc63f; width: 100%; padding: 20px 0; } #c-screen {height: 550px; width: 880px; } #c-navigation {width: 880px; height: 64px; text-align: center; overflow: hidden; clear: both; } #amenu {} #amenu li {display: inline !important; float:left; } #amenu a {display: block; outline: none; color:#fff; font-size:0.9em; font-weight:bold; padding: 8px 3px 5px 3px;text-transform:uppercase;} #amenu li a.selected {background:#7C7C7C; } #amenu a:hover {background:#C9C9C9;} #amenu .empresa {width: 140px; height: 25px; background:#AAAAAA; } #amenu .trabalhe {width: 140px; height: 25px; background:#AAAAAA; } #amenu .fale {width: 140px; height: 25px; background:#AAAAAA; } #amenu .discador {width: 140px; height: 25px; background:#AAAAAA; } #amenu-externo li {display: inline !important; float:left; } #amenu-externo a {display: block; outline: none; color:#fff; font-size:0.9em; font-weight:bold; padding: 8px 3px 5px 3px;text-transform:uppercase;} #amenu-externo .externo {width: 140px; height: 25px; background:#AAAAAA; } #amenu-externo a:hover {background:#C9C9C9; } .c-company {background: url(/images/black2.png); } .empresa-text, .trabalhe-text, .fale-text, .discador-text { overflow: hidden; height: 420px; padding:15px;} .fale-text label {font-weight:bold; color:#5D5D5D; text-transform:uppercase; font-size:0.8em;} .fale-text p strong {color:#D00E0E; font-weight:bold; font-size:1.2em;} .fale-text .dir {display:block; float:left; width:390px; font-weight:bold; padding:5px;margin:0px 0px 0px 5px;} .fale-text .dir p {color:#575757; font-weight:bold;line-height:1.5em;} .fale-text .dir p strong {color:#D00E0E; font-size:0.9em;line-height:1.5em;} .fale-text input, .fale-text textarea {border:1px solid #919191;} .fale-text input.botao {float:right; margin-right:35px;background:#5D5D5D;color:#fff; border:none; padding:3px; font-weight:bold; cursor:pointer; text-transform:uppercase; font-size:11px;} .fale-text input.botao:hover {background:#D00E0E;} .empresa-text .cont1 p, .empresa-text .cont p {float:left; height: 380px; width: 500px; margin:0px 5px;overflow: hidden; padding-top: 20px; margin-bottom: 30px; color: #5C5C5C; font-size: 12px; line-height: 1.5em; } .empresa-text .cont1 p { width: 300px; font-size:1em;font-weight:bold;} .empresa-text .cont1 p strong { width: 300px; font-size:1.2em;font-weight:bold; color:#D00E0E;} .empresa-text .cont p span.tit { font-weight:bold; color:#D00E0E; text-transform:uppercase; } .sketch {float: left; width: 100px; } #a-screen h2.titlezcompany {width: 368px; height: 34px; float: right; margin: 7px 0; } #a-screen h2.titlezlocation {width: 372px; height: 34px;float: right; margin: 7px 0; } #a-screen h2.titlezstaff {width: 296px; height: 34px; float: right; margin: 7px 0; } #a-sections {background: url(img/bg-branco.png); } #a-screen {width: 880px; color: black; } #a-navigation {width: 880px; height: 35px; text-align: center; overflow: hidden; clear: both; } .location-text .left-col {padding: 20px 0 0 20px; } .location-text {overflow: hidden; height: 250px; } .location-left {width: 500px; float: left; } .location-text .left-col p {width: 530px; padding: 20px 0 0 0; } #r-screen {width: 880px; background:url(img/bg-branco.png);} #r-screen .next, #s-screen .prev {position: absolute; top: 200px; } #r-screen .prev {left: 10px; } #r-screen .next {right: 10px; } #r-navigation {width: 385px; float:left; text-align: center; overflow: hidden; background-image:url(img/bg-branco1.png); clear: both; } #rmenu a.selected, #rmenu a.selected:hover {background-position: 0 -98px; } #rmenu a.cdjogos.selected, #rmenu a.cdjogos.selected:hover {background-position: 0 -90px; } #rmenu a.cdinfo.selected, #rmenu a.cdinfo.selected:hover {background-position: 0 -90px; } #r-sections {overflow: hidden; background:url(img/bg-branco.png); width: 490px; height: 480px; float:left; font-size:0.9em;} #r-sections img.thumb { float:left; margin: 5px 0px 0px 40px; } #r-sections ul {width: 1760px; } #r-sections li {float: left; padding: 4px 20px 22px 20px; height: 456px; list-style-type: none; width: 440px; } #r-sections li.fallen {clear: both; overflow: hidden; } #r-sections li.left {clear: right; } #r-sections p {width: 820px; margin: 16px 0; line-height: 1.3em; font-size:1.1em;color:#4F4F4F; } #r-sections a, #r-sections a.botao { text-transform:uppercase; font-size: 0.9em; display:block; float:left; width: 140px; height: 25px; padding-top:5px;background:#A2A2A2; color:#fff; margin-left:20px; text-align:center; font-weight:bold;} #r-sections a.botao { margin: 180px 0px 10px 20px;} #r-sections a:hover, #r-sections a.botao:hover { background:#4F4F4F; } #r-sections h3 {font-size:1.5em; text-transform:uppercase;color:#d00e0e; display:block; border-bottom:1px dashed #CFCFCF; padding-bottom:3px;} #rmenu {overflow: hidden; } .menu-wrap {padding-left: 2px; } #rmenu li {display: inline !important; float: left !important; } #rmenu a {display: block; outline: none; text-indent:-999999px;} #rmenu a:hover {background-position: 0 -98px; } #rmenu .windows {width: 191px; height: 97px; background: url('img/rev-windows-1.png') no-repeat; } #rmenu .macmais {height: 97px; background: url('img/rev-mac-1.png') no-repeat; width: 191px; } #rmenu .ps3w {width: 191px; height: 98px; background: url('img/rev-ps3w-1.png') no-repeat; } #rmenu .photoshop {width: 191px; height: 98px; background: url('img/rev-psc-1.png') no-repeat; } #rmenu .x360 {width: 191px; height: 98px; background: url('img/rev-x360-1.png') no-repeat; } #rmenu .uxd {width: 191px; height: 98px; background: url('img/rev-actual-1.png') no-repeat; } #rmenu .cdinfo {width: 191px; height: 90px; background: url('img/rev-info-1.png') no-repeat; } #rmenu .cdjogos {width: 191px; height: 90px; background: url('img/rev-multi-1.png') no-repeat; } #rmenu .dp {width: 191px; height: 98px; background: url('img/rev-dp-1.png') no-repeat; } #rmenu .powerstation {width: 191px; height: 98px; background: url('img/rev-power-1.png') no-repeat; } #rmenu a.cdinfo:hover {background-position: 0 -90px; } #rmenu a.cdjogos:hover {background-position: 0 -90px; } #s-screen {width: 880px; background:url(img/bg-branco.png);} #s-screen .next, #s-screen .prev {position: absolute; top: 200px; } #s-screen .prev {left: 10px; } #s-screen .next {right: 10px; } #s-navigation {width: 440px; float:left; text-align: center; overflow: hidden; background-image: url(/images/black.png); clear: both; border-bottom: 7px solid #8cc63f; } #smenu a.selected, #smenu a.selected:hover {background-position: 0 -188px; } #s-sections {overflow: hidden; background:url(img/bg-branco.png); width: 880px; height: 480px; float:left; } #s-sections ul {width: 1760px; } #s-sections li {float: left; padding: 11px 20px; height: 376px; list-style-type: none; width: 440px; } #s-sections li.fallen {clear: both; overflow: hidden; } #s-sections li.left {clear: right; } #s-sections .desc { margin:20px 15px; float: left;} #s-sections .desc .leg {display:block; margin: 0px 0px 15px 10px; color:#525252;} #s-sections .desc a { font-size:1.1em; font-weight:bold; color:#525252; line-height:1.2em; margin-top:5px;} #s-sections .desc a.botao { color:#fff; text-transform:uppercase; font-size: 0.9em; display:block; float:left; width: 300px; height: 18px; padding-top:5px;background:#A2A2A2; color:#fff; text-align:center; font-weight:bold;} #s-sections .desc a.botao:hover { background:#5B5B5B; color:#fff; } #s-sections .desc a:hover {color:#D00E0E;} #s-sections .desc .livro { width:163px; margin:0px 5px 20px 10px; float: left; color:#525252; font-size:0.9em;} #s-sections .desc .livro a { font-size:1em; font-weight:bold;color:#D00E0E; line-height:1.2em; margin-top:5px;} #s-sections .desc .livro a:hover {color:#525252;} #s-sections .desc p { width: 300px; font-size:1em;font-weight:bold; color:#626262;} #s-sections .desc p strong { width: 300px; font-size:1.2em;font-weight:bold; color:#D00E0E;} #smenu {overflow: hidden; } .menu-wrap {padding-left: 2px; } #smenu li {display: inline !important; float: left !important; } #smenu a {display: block; outline: none; } #smenu a:hover {background-position: 0 -94px; } #smenu .windows {width: 219px; height: 94px; } #smenu .macmais {height: 94px; width: 219px; } #smenu .ps3w {width: 219px; height: 94px; } #smenu .photoshop {width: 219px; height: 94px; } #smenu .x360 {width: 219px; height: 94px; } #smenu .uxd {width: 219px; height: 94px; } #smenu .cdinfo {width: 219px; height: 94px; } #smenu .cdjogos {width: 219px; height: 94px; } #w-screen h2.title {background: url(/images/services.png) no-repeat; width: 203px; height: 27px; float: right; margin: 7px 0; } #w-screen {width: 880px; background:url(img/bg-branco.png); height:480px;} #w-screen .next, #s-screen .prev {position: absolute; top: 200px; } #w-screen .prev {left: 10px; } #w-screen .next {right: 10px; } #w-navigation {width: 880px; clear:left; text-align: center; overflow: hidden; background-image: url(/images/black.png); clear: both; } #wmenu a.selected, #wmenu a.selected:hover {background-position: 0 -188px; } #w-sections {overflow: hidden; background-image: url(/images/black.png); width: 880px; clear:left; height: 465px;} #w-sections ul {width: 880px; } #w-sections li {float: left; padding: 11px 20px; height: 376px; list-style-type: none; width: 250px; } #w-sections li.fallen {clear: both; overflow: hidden; } #w-sections li.left {clear: right; } #w-sections p {width: 820px; margin: 16px 0; line-height: 1.4em; } #wmenu {overflow: hidden; } .menu-wrap {padding-left: 2px; } #wmenu li {display: inline !important; float: left !important; } #wmenu a {display: block; outline: none; } #wmenu a:hover {background-position: 0 -94px; } #wmenu .windows {width: 150px; height: 30px; } #wmenu .macmais { width: 219px; height: 30px; } #wmenu .ps3w {width: 150px; height: 30px;} #wmenu .photoshop {width: 150px; height: 30px; } #wmenu .x360 {width: 150px; height: 30px; } #wmenu .uxd {width: 150px; height: 30px; } #wmenu .cdinfo {width: 150px; height: 30px;} #wmenu .cdjogos {width: 150px; height: 30px;} #wrapper { width: 160px; float: left; margin:10px 0px 0px 30px; } #wrapper1 { width: 160px; float: left; margin:10px 0px 0px 30px; } #wrapper2 { width: 160px; float: left; margin:10px 0px 0px 30px; } #web-info { width:280px; height:205px; margin:10px 0px 15px 30px; float:left; color: #d00e0e; font-weight:bold; font-size:1.2em; } #web-info strong{ color: #666666; font-size:0.9em; } .accordionButton span, .accordionButtona span, .accordionButtonb span { color:#4A4A4A; background:#fff; opacity:0.9; filter:alpha(opacity=90); -moz-opacity: 0.90; width: 400px; padding:30px; height: 160px; text-transform: none; display:none; line-height:1.3em; } .accordionButton span a, .accordionButtona span a, .accordionButtonb span a{ display:block; color:#d00e0e; margin-top:5px; } .accordionButton span a:hover, .accordionButtona span a:hover, .accordionButtonb span a:hover{ color:#414141; } .accordionButton span strong, .accordionButtona span strong, .accordionButtonb span strong{ color:#d00e0e; text-transform:uppercase; display:block; border-bottom:1px dashed #BCBCBC; margin-bottom:10px; } .accordionButton:hover span, .accordionButtona:hover span, .accordionButtonb:hover span{ display:block; position: absolute; margin-top:-60px; margin-left:15px; left:250px; } .accordionButton:hover , .accordionButtona:hover , .accordionButtonb:hover { border-bottom: 3px solid #d00e0e; } .accordionButton { width: 160px; float: left; font-weight:bold; text-transform:uppercase; color:#d00e0e; border-bottom: 3px solid #A7A7A7; padding:0px 0px; margin-bottom:13px; background:url(img/setinha.png) right 10px no-repeat; cursor: pointer; } .accordionButton:hover, .accordionButtona:hover, .accordionButtonb:hover { background:url(img/setinha.png) right -10px no-repeat; color:#5D5D5D; } .accordionInfo, .accordionInfo1, .accordionInfo2, .accordionInfo3 { width: 250px; height:160px; position: absolute; color:#5D5D5D; } .accordionContent1, .accordionContent , .accordionContenta ,.accordionContenta1 ,.accordionContentb, .accordionContentb1 { line-height:1.3em; } .accordionContent1 a, .accordionContent a, .accordionContenta a,.accordionContenta1 a,.accordionContentb a, .accordionContentb1 a{ font-weight:bold; display:block; color:#616161; margin-top:5px; } .accordionContent1 a:hover, .accordionContent a:hover, .accordionContenta a:hover,.accordionContenta1 a:hover,.accordionContentb a:hover, .accordionContentb1 a:hover{ color:#d00e0e; } .accordionContent img, .accordionContent img , .accordionContenta img ,.accordionContenta img ,.accordionContentb img, .accordionContentb img { max-width:160px; margin:0px 0px; } .accordionButton a img, .accordionButtona a img, .accordionButtonb a img { width:160px; height: 100px; margin:0px 0px; } .accordionContent1 { width: 160px; height:150px; float: left; color:#5D5D5D; } .accordionButtona { width: 160px; float: left; font-weight:bold; text-transform:uppercase; color:#d00e0e; background:url(img/setinha.png) right 10px no-repeat; border-bottom: 3px solid #A7A7A7; padding:0px 0px; margin-bottom:13px; cursor: pointer; } .accordionContenta { width: 160px; color:#5D5D5D; float: left; display: none; } .accordionContenta1 { width: 200px; float: left; color:#5D5D5D; } .accordionButtonb { width: 160px; float: left; font-weight:bold; text-transform:uppercase; color:#d00e0e; background:url(img/setinha.png) right 10px no-repeat; border-bottom: 3px solid #A7A7A7; padding:0px 0px; margin-bottom:13px; cursor: pointer; } .accordionContentb { width: 160px; float: left; color:#5D5D5D; display: none; } .accordionContentb1 { width: 160px; color:#5D5D5D; float: left; } ul#comenu {display: inline; } ul#comenu li {display: inline; float: left; } ul#comenu li a {display: block; text-indent: -90000px; } ul#comenu li a:hover {background-position: 0 -61px; } ul#comenu li a.selected, ul#comenu li a.selected:hover {background-position: 0 -122px; } a#open_sites a:hover {border: none; text-decoration: none; } #sites_bg {position: absolute; width: 100%; height: 100%; background-image: url(http://www.viget.com/images/global/overlay/overlay_bg.png); display: none; z-index: 80; } #sites_menu {width: 100%; position: absolute; top: 100px; height: 220px; background: black; z-index: 90; display: none; } #sites_menu a {outline: none; } #sites_menu #sites_inner {position: relative; left: 50%; width: 920px; margin-left: -465px; 90px } #sites_menu li {display: inline; float: left; } #sites_inner li a {text-indent: -9000px; } #sites_menu li a {display: block; background-repeat: no-repeat; width: 228px; height: 183px; } #sites_menu li a:hover {background-position: 0 -183px; } #sites_menu a {text-decoration: none; border: none; font-weight: bold; font-size: 1.2em; } #sites_menu a:hover {text-decoration: underline; } .hometop2 ul {width: 445px; height:245px; list-style-type: none; overflow: hidden; float:left;} .hometop2 ul li {float: left; margin: 0 0px; margin-bottom: -5px; width: 445px; height:245px; overflow: hidden; } .hometop2 ul li img { float:left; display:none;} .homebody #buttons2 {display: none; position: absolute; width: 200px; top: 250px; margin-top: -29px; } #buttons2 .prev {float: left; background:#000; width: 94px; height: 29px; } #buttons2 .next {float: right; background:#000; width: 94px; height: 29px; } .right.servicon {width: 235px; } #box-faleconosco {font-size:0.9em; line-height:1.2em; position:absolute; bottom:0;margin-left:770px;background:url(img/ico-boxfale.png) 13px 3px no-repeat; width:160px; height:40px; padding-top:13px;padding-left:55px; color: #D00E0E; font-weight:bold;} #box-faleconosco-cont {font-size:0.9em; display:none;bottom:0;position:absolute; width:183px; height:330px; background:#F5F5F5 url(img/ico-boxfale.png) 5px 5px no-repeat;padding:10px;border-top:4px solid #D00E0E; color:#404040; font-weight:normal;} #box-faleconosco-cont span {font-size:1.1em; padding-left: 35px; padding-top:5px;margin-bottom:10px;display:block;color: #D00E0E;font-weight:bold;} #box-faleconosco-cont textarea, #box-faleconosco-cont input, #box-faleconosco-cont label {margin: 2px 0px;} #box-faleconosco-cont textarea, #box-faleconosco-cont input {border:1px solid #939393;} #box-faleconosco:hover #box-faleconosco-cont {display:block; bottom:0; margin-left: -40px; *margin-left:-150px;} #box-faleconosco-cont input.botao {width:130px; margin-left:28px; *margin-left:25px; font-size:0.9em;background:#5D5D5D;color:#fff; border:none; padding:3px; font-weight:bold; cursor:pointer; text-transform:uppercase; } #box-faleconosco-cont input.botao:hover {background:#D00E0E;}