/* RESET */ body{color:#666666;background:#000;} body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0;} table{border-collapse:collapse;border-spacing:0;} fieldset,img{border:0;} address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;} li{list-style:none;} caption,th{text-align:left;} h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;} q:before,q:after{content:'';} abbr,acronym{border:0;font-variant:normal;} sup,sub{line-height:-1px;vertical-align:text-top;} sub{vertical-align:text-bottom;} input,textarea,select{font-family:inherit;font-size:100%;font-weight:inherit;} /*fonts*/ table {font-size:inherit;font:100%;} pre,code,kbd,samp,tt{font-family:monospace;*font-size:100%;line-height:100%;} strong{font-weight:bold;} label{vertical-align:middle;} textarea{overflow:auto;} /* GERAL --------------------------------- */ html,body {min-width:1000px;} body {font: 11px/15px Georgia, "DejaVu Serif", "Liberation Serif", serif;color:#EEE;background: #000 url(../_img/bg_agile.jpg) no-repeat center top;} a{text-decoration:none;outline:none;color:#EEE } a:hover{text-decoration:underline;outline:none;} span.tarja {position:absolute;top:0;bottom:0;left:-900px;width:900px;background-color:#000;height:27px;} img {display:block } #wrap * .access {width:1px;height:1px;overflow:hidden;position:absolute;left:-9999px;} #content{float:left;width:640px;position:relative;z-index:10} /* background */ #home, .interna { width:100%; height:100%; background:url(../) no-repeat center 87px;width:100%;height:100%;} #home{background-image:url(../_img/bgr_home.png)} /* ESTRUTURA --------------------------------- */ html, body {min-height:100%;text-align:center;} #wrap {width:1000px;margin:0 auto;text-align:left;padding:16px 0 40px;position:relative;z-index:2;} #footer {width:1000px;clear:both;margin-top:50px;} #home #footer{margin-top:0 !important; #margin-top:20px !important;} #topo, .col-left, .col-right, .col-right_a, .col-right_b {float:left;display:inline;} #topo {width:416px;margin-right:42px;float:left;display:inline;position:relative;} .col-left {width:458px } .col-right {width:541px;} .col-right_a {width:331px;} .col-right_b {width:202px;margin-right:8px } .mod {float:left;display:inline;position:relative } .col-left .mod {width:416px;margin-bottom:22px } .col-right_a .mod {width:315px;margin-bottom:22px } .col-right_b .mod {width:202px;margin-bottom:22px } .col-left-interna{width:350px;margin-right:10px;float:left;display:inline;position:relative;z-index:88} /* MODAL --------------------------------------- */ #bgr-modal{display:none; position:fixed; _position:absolute;left:0;top:0;z-index:9998; width:100%; height:100%; background:url(../_img/bgr_modal.png) center 30px no-repeat; _background:transparent;} #bgr-modal-int{display:none;position:fixed; _position:absolute;left:0;top:0;z-index:9997; opacity:0.80 !important; -moz-opacity: 0.80 !important; filter:alpha(opacity=80) !important; width:100%;height:100%; background:#000000;} .box-modal{display:none; position:fixed !important; _position:absolute; padding:20px; width:760px; height:527px; margin-left:-357px; margin-top:30px; top:0; left:50%;z-index:9998;background:#272727;} .box-modal .btn-fechar{position:absolute; top:-33px; right:0px; display:block; text-indent:-9999px; width:95px; height:33px; background:url(../_img/btn_fechar_modal.png) no-repeat;} .box-modal .container-paginacao{display:none; position:relative; width:100%; height:295px;} .box-modal .container-paginacao a{position:absolute; top:280px; text-indent:-9999px; background:url(../_img/btn_proxi_ant_modal.gif) no-repeat; width:15px; height:30px;} .box-modal .btn-anterior{left:-8px; display:none;} .box-modal .btn-proxima{right:0; display:none; background-position:-15px 0 !important;} .box-modal img{position:absolute; top:50%; left:50%;} .box-modal{color:#FFF;} #modal-carregando { margin-left:-64px } /* HOME --------------------------------------- */ /* topo */ #topo {height:374px;clear:left;position:relative;} #topo {height:374px;clear:left;position:relative;z-index:89} /* logo */ #topo .logo {background-color:#000;margin-top:10px;float:right;position:relative;width:350px;padding-left:900px;margin-left:-900px;} #topo .logo,#topo .logo a {display:block;width:350px;height:61px;color:#FFF;font-size:16px;height:61px;background:#000 url(../_img/chevrolet_agile_logo.png) no-repeat right center;text-indent:-9999px;} #topo .logo .tarja {height:61px } /* menu */ #menu {padding:24px 0 14px;float:right;display:inline;position:relative;z-index:90} #menu li {float:right;display:inline;clear:right;padding-left:900px;margin-left:-900px;background-color:#EDDA00;margin-top:1px;height:27px;line-height:27px;text-align:right;position:relative;z-index:91;} #menu li ul{display:none;position:absolute;z-index:92;top:0;right:-199px; width:199px; -moz-box-shadow:0 2px 7px rgba(0,0,0,0.6); -webkit-box-shadow: 0 2px 7px rgba(0,0,0,0.6); box-shadow: 0 2px 7px rgba(0,0,0,0.6)} #menu li ul li{float:left;clear:both;width:199px;height:27px;padding:0;position:relative;z-index:93;margin:0;padding:0;border-bottom:solid 1px #000;} #menu li.atv{background-color:#000;position:relative} #menu li.atv ul{display:block;} #menu ul li a{display:block;width:199px;height:27px;background:url(../_img/submenu.png) no-repeat;} #menu .sub-features:hover{background-position:0 -252px;} #menu .sub-kits{background-position:0 -28px;} #menu .sub-kits:hover{background-position:0 -280px;} #menu .sub-visao360{background-position:0 -56px;} #menu .sub-visao360:hover{background-position:0 -308px;} #menu .sub-comparativos{background-position:0 -84px;} #menu .sub-comparativos:hover{background-position:0 -336px;} #menu .sub-especificacoes{background-position:0 -112px;} #menu .sub-especificacoes:hover{background-position:0 -364px;} #menu .sub-blogs{background-position:0 -140px;} #menu .sub-blogs:hover{background-position:0 -392px;} #menu .sub-twitter{background-position:0 -168px;} #menu .sub-twitter:hover{background-position:0 -420px;} #menu .sub-wallpapers{background-position:0 -196px;} #menu .sub-wallpapers:hover{background-position:0 -448px;} #menu .sub-iphone{background-position:0 -224px;} #menu .sub-iphone:hover{background-position:0 -476px;} #menu li a {display:block;background:#EDDA00 url(../_img/menu.png) no-repeat right 0;text-indent:9999em;overflow:hidden;height:27px;width:157px;color:#111;font: bold 14px/27px "Helvetica Neue", Arial, sans;text-transform:uppercase;letter-spacing:-1px;} #menu li .tarja {background-color:#EDDA00;height:27px;} #menu .conheca{background-position: 0 -0px } #menu .atv .conheca{background-position:0 -223px;} #menu .nasruas {background-position:0 -28px } #menu .atv .nasruas{background-position:0 -251px} #menu .fotos {background-position:0 -56px } #menu .atv .fotos{background-position:0 -278px} #menu .videos {background-position:0 -84px } #menu .atv .videos{background-position:0 -306px} #menu .downloads {background-position:0 -112px } #menu .atv .downloads{background-position:0 -334px} #menu .voce-sabia {background-position:0 -196px } #menu .atv .voce-sabia{background-position:0 -419px} #menu .twitter{background-position:0 -140px } #menu .atv .twitter{background-position:0 -335px} #menu .atendimento-online{background-position:0 -168px } #menu .atv .atendimento-online{background-position:0 -391px} /* compartilhe */ #compartilhe {height:20px;width:210px;float:right;display:inline;clear:right;margin-top:15px;overflow:hidden;} #compartilhe ul {height:20px;width:200px;margin-right:15px;float:right;position:relative;background: url(../_img/sprites.png) no-repeat 0 0;} #compartilhe li {position:absolute;display:block;height:20px;width:19px;top:0;text-indent:-9999em;overflow:hidden;} #compartilhe li a {display:block;height:20px;} #compartilhe li a:hover {background:rgba(230,230,255,0.2);-moz-border-radius:3px;-webkit-border-radius:3px;border-radius:3px } #compartilhe .fb {right:97px;} #compartilhe .ok {right:73px;} #compartilhe .dl {right:48px;} #compartilhe .dg {right:24px;} #compartilhe .tw {right:0;} #topo #compartilhe .tarja {background-color: #EDDA00;} #home #fotos .lnk-fotos{display:block; text-indent:-9999px; width:414px; height:245px; background:url(../_img/mod_fotos.jpg);} #home #fotos .lnk-fotos:hover{background-position:0 -255px;} /* MODULOS capa --------------------------------------- */ /* Titulos (abas 3d) */ .mod h2 {background:url(../_img/sprites-h2.png) no-repeat;width:285px;height:50px;position:absolute;top:2px;left:-24px;text-indent:-9999em;overflow:hidden;z-index:11;} .col-right .mod h2 {left:auto;right:-24px;} #fotos h2 {background-position:0 -60px;width:290px } #videos h2 {background-position:0 -190px;height:92px } #personalizacao h2 {background-position:0 0 } #visao360 h2 {background-position:-68px -120px;height:55px;width:215px } #twitter h2 {background-position:right -300px;height:64px;top:-24px;right:2px; width:165px} /* videos */ #videos {float:left;display:inline;width:536px;height:374px;margin-bottom:23px;z-index:3} /* visao 360 */ #personalizacao {height:279px;width:438px !important;} #personalizacao a {display:block;width:170px;height:59px;position:absolute;background:url(../_img/home/btn_descubra.png) no-repeat 0 0;top:68px;left:274px;text-indent:-9999em;overflow:hidden;} #personalizacao a:hover {background-position:0 100%;} /* fotos */ #fotos {height:255px;} #fotos ul {width:417px;margin-right:-1px;} #fotos li {height:86px;float:left;display:inline;width:139px;overflow:hidden;} #fotos li.album {width:278px } #fotos a:hover img {opacity:0.9;filter:alpha(opacity=90);} /* monte o seu */ #monte_seu h2 {top:21px;left:19px;width:315px;height:326px;background:url(../_img/home/img_monte_seu.jpg) no-repeat;} #monte_seu {height:328px;width:335px;margin-left:-21px;background: url(../_img/sprites-frames.png) no-repeat 0 -280px;margin-top:-20px;padding-top:20px;padding-right:20px;margin-right:-20px;} #monte_seu a {display:block;position:absolute;top:170px;left:-4px;width:155px;height:48px;text-indent:-9999em;overflow:hidden;z-index:11;background:url(../_img/home/btn_monte_seu.png) no-repeat;} #monte_seu a:hover {background-position:0 100%;} #texto_monte_seu {font-size:9px;left:48px;line-height:120%;position:absolute;top:252px;width:255px;z-index:11;} /* iphone app */ #iphoneapp {width:305px;margin-left:-15px;} #iphoneapp a {display:block;width:303px;height:37px;text-indent:-9999px;overflow:hidden;background:url(../_img/home/btn_baixar_app.jpg) no-repeat;} #iphoneapp a:hover {background-position:0 100%;} /* agile nas ruas */ #agilenasruas .depoimentos {width:305px; position:relative; overflow:hidden; min-height:75px } #agilenasruas .depoimentos li {padding:5px 5px 15px 10px; position:absolute;top:0;left:0; width:290px; background-color:#000 } #agilenasruas .depoimentos li+li {display:none} #agilenasruas .depoimentos img {float:left;margin-right:10px;} #agilenasruas .depoimentos blockquote {font-style:italic;padding-bottom:10px; padding-left:60px } #agilenasruas .depoimentos span {display:block; padding-left:60px} #agilenasruas .lnk-mais {display:block;position:absolute;bottom:0;height:80px;width:305px;z-index:9;overflow:hidden;text-indent:-9999px} #agilenasruas .control {height:160px;width:305px;position:absolute;top:0;left:0;background:url(../_img/sprites-frames.png) no-repeat 0 -650px;} #agilenasruas .control a {display:block;position:absolute;right:10px;background:url(../_img/sprites.png) no-repeat 0 -30px;width:16px;height:17px;text-indent:-9999em;overflow:hidden;} #agilenasruas .control a:hover {opacity:0.9;filter:alpha(opacity=90);} #agilenasruas .control .prev {background-position: 0 -48px;bottom:10px } #agilenasruas .control .next {bottom:28px } /* twitter */ #twitter {width:202px;background:#000;} #twitter ul {padding:30px 10px 20px 10px;width:181px;overflow:hidden;} #twitter li {clear:both;width:177px;padding:20px 0 22px;overflow:hidden;zoom:1;} #twitter li img {float:left;margin-right:10px } #twitter li blockquote {float:left;font-style:normal; font-size:10px; line-height:14px; word-spacing:-1px;word-wrap:break-word;line-height:1.2;width:119px;overflow:hidden;} #twitter li .time {float:left;padding-left:58px;} #twitter li .time {width:176px;color: #E5D300;font-style:italic;display:block;} #twitter li .from {color:#E5D300;font-style:italic;} #twitter li .from a {text-decoration:underline;color:#E5D300} #twitter .lnk-mais {position:absolute;left:-22px;bottom:-4px;z-index:3;width:121px;height:48px;background:url(../_img/btn-twitter.png) no-repeat;text-indent:-9999px;overflow:hidden;} #twitter .lnk-mais:hover{background-position:0 -50px;} /* carrossel */ .lst-carrossel {padding-top:10px;height:174px;} .lst-carrossel li {display:none;position:relative;} .lst-carrossel li img {margin:0 auto;} .lst-carrossel .itm-first {display:block;} /* INTERNAS --------------------------------------- */ /* backgrounds */ .all-features{background-image:url(../_img/bgr_features.png)} .all-fotos{background-image:url(../_img/bgr_fotos.png);} .all-videos{background-image:url(../_img/bgr_videos.png);} .all-blogs{background-image:url(../_img/bgr_blogs.png)} .all-twitter{background-image:url(../_img/bgr_twitter.png);} .all-wallpapers{background-image:url(../_img/bgr_wallpapers.png);} .all-iphone{background-image:url(../_img/bgr_iphone.png);} .all-fotos-do-chevrolet-agile{background-image:url(../_img/bgr_features.png);} /* sidebar */ .col-left-interna #topo {float:right;width:350px;margin-right:0;height:300px } .col-left-interna #menu{Xmargin-right:50px;} .col-left-interna #compartilhe{margin-right:40px;} .col-left-interna #twitter{margin:115px 21px 0 0;clear:both;} .col-left-interna #twitter h2{left:39px !important;} .col-left-interna .mod{float:right;display:inline;} #lst-mais-opcoes{clear:both;float:right; _margin-top:0 !important; _margin-right:0 !important;} #lst-mais-opcoes li{float:right;clear:right;padding-left:900px;margin-left:-900px;background-color:#000307;margin-bottom:1px;height:20px;line-height:27px;position:relative;z-index:91;} #lst-mais-opcoes a{display:block;text-indent:-9999px;width:180px;height:20px;} #lst-mais-opcoes .btn-agende{background:url(../_img/btn_agende_test_drive.gif) no-repeat;margin-bottom:1px;} #lst-mais-opcoes .btn-consulte{background:url(../_img/btn_consulte_area_vendas.gif) no-repeat;} #lst-mais-opcoes .btn-concessionarias{background:url(../_img/btn_concessionarias.gif) no-repeat;} /* box conceitual topo internas */ #box-conceitual {width:638px;height:190px;position:relative; z-index:1;} #box-conceitual img {position:absolute;top:0;right:0;} #box-conceitual .ttl {position:absolute;top:0;left:0;width:638px;height:190px;background:url(../_img/box-conceitual.png) no-repeat;z-index:2;display:block} #box-conceitual .ttl span {display:block;position:absolute;left:5px;bottom:4px;width:220px;height:25px;background:url(../_img/sprites-ttl-conceitual.png) no-repeat center top;text-indent:-9999px;overflow:hidden;} #box-conceitual p {color:#222;position:absolute;left:26px;top:35%;z-index:5;border-left:4px solid #FFF;height:auto;padding:2px 0 2px; padding:1px 0px\9; width:600px;overflow:hidden} #box-conceitual p span {line-height:15px;background-color:#FFF;padding:2px 0 3px} .all-features #box-conceitual .ttl span {background-position: center 0;} .all-fotos #box-conceitual .ttl span {background-position: center -25px;} .all-videos #box-conceitual .ttl span {background-position: center -50px;} .all-wallpapers #box-conceitual .ttl span {background-position: center -75px;} .all-blogs #box-conceitual .ttl span {background-position: center -100px;} .all-twitter #box-conceitual h1 span {background-position: center -125px;} .all-iphone #box-conceitual .ttl span {background-position: center -150px;} /* paginacao */ .btn-anteriores, .btn-proximas{float:left; display:block;text-indent:-9999px;overflow:hidden;width:148px;height:48px;background:url(../_img/sprites-botoes.png) no-repeat;} .btn-proximas{float:right; background-position:0 -100px} .btn-anteriores:hover{background-position:0 -50px } .btn-proximas:hover{background-position:0 -150px;} .btn-anteriores.disabled{background-position:0 0;cursor:default; visibility:hidden } .btn-proximas.disabled{background-position:0 -100px;cursor:default; visibility:hidden } .btn-proximas-pq, .btn-anteriores-pq {float:left;display:block;text-indent:-9999px;overflow:hidden;width:80px;height:30px;background:url(../_img/sprites-botoes.png) no-repeat 0 -200px;} .btn-proximas-pq {float:right; background-position:-80px -200px} .btn-anteriores-pq:hover{background-position:0 -235px} .btn-proximas-pq:hover{background-position:-80px -235px} /* SE플O - FEATURES */ #lst-features {overflow:hidden;margin-left:-42px;padding-top:20px;width:682px;} .js #lst-features { height:582px; overflow:hidden } #lst-features li {width:310px;height:276px;float:left;display:inline;margin:0 0 30px 30px;position:relative;} #lst-features li.odd { margin:0 -30px 30px 10px } #lst-features li a {display:block;position:absolute;top:0;left:0;width:235px;padding:249px 50px 7px 25px;height:20px;font-size:10px; color:#DFDFDF;line-height:1;background:url(../_img/sprites-frames.png) no-repeat 0 -820px;z-index:6;text-decoration:none} #lst-features li.odd a {background-position:0 -1110px;padding:249px 25px 7px 50px; text-align:right; right:-22px; left:auto} #lst-features li h2 {margin:0;position:absolute;width:250px;height:14px;bottom:29px;left:25px;z-index:9;text-indent:-9999px;overflow:hidden;background:url(../_img/sprites-ttl-features.png) no-repeat;cursor:pointer} #lst-features li.odd h2 {left:auto; right:0;} .js #lst-features li { display:none } .js #lst-features li.p1 { display:block } #lst-features .grade h2 {width:74px; background-position: 0px 0px} #lst-features .rodas h2 {width:116px; background-position: 0px -20px} #lst-features .faroisauto h2 {width:181px; background-position: 0px -40px} #lst-features .neblina h2 {width:95px; background-position: 0px -60px} #lst-features .portamalas h2 {width:129px; background-position: 0px -80px} #lst-features .bancos h2 {width:191px; background-position: 0px -100px} #lst-features .direcao h2 {width:95px; background-position: 0px -120px} #lst-features .painel h2 {width:120px; background-position: 0px -140px} #lst-features .computador h2 {width:112px; background-position: 0px -160px} #lst-features .noturno h2 {width:105px; background-position: 0px -180px} #lst-features .radio h2 {width:107px; background-position: 0px -200px} #lst-features .ar h2 {width:127px; background-position: 0px -220px} #lst-features .design h2 {width:37px; background-position: 0px -240px} #lst-features .aerodinamica h2 {width:73px; background-position: 0px -260px} #lst-features .lanternas h2 {width:123px; background-position: 0px -276px} #lst-features li img {display:block;width:288px;height:246px;position:absolute;top:0;right:0;background:#222;z-index:1;} #lst-features .right img {right:auto;left:0;} #lst-features li p { color:#DFDFDF;width:220px;position:absolute;top:255px;left:25px;line-height:0.8;z-index:8;} #lst-features .right p {left:auto;right:25px;text-align:right } #ctn-features .btn-proximas, #ctn-features{margin-bottom:30px;} #ctn-features .btn-anteriores { display:none } .js #ctn-features .btn-proximas { display:block } .all-fotos-do-chevrolet-agile #box-conceitual .ttl{background:url(../_img/box-conceitual2.png) no-repeat !important;} .all-fotos-do-chevrolet-agile #box-conceitual .ttl span{width:260px;} .all-fotos-do-chevrolet-agile #content p.txt-disponivel{margin-top:110px; font-size:10px;} /* SE플O - FOTOS */ .lst-galeria {background:#000;width:597px;padding:0 20px 20px;margin-top:20px;overflow:hidden;min-height:640px;height:auto !important;height:640px;} .lst-galeria ul {float:left;overflow:hidden;margin:0 0 0 -65px;width:670px;height:auto;display:inline;} .lst-galeria li {float:left;margin:20px 0 0 65px;display:inline;} /* SE플O - TWITTER */ .lst-tweets {position:relative;height:742px;margin-top:15px} .lst-tweets li {position:absolute;padding:10px 2px 0 10px; background-color:#000} .lst-tweets li img {padding:0 10px 10px 0;} .lst-tweets li p {padding-bottom:5px;line-height:120%;word-wrap:break-word;-ms-word-wrap:break-word; overflow:hidden;} .lst-tweets li em {color:#E5D300;font-style:italic;} .lst-tweets li a {color:#E5D300;text-decoration:underline;} .lst-tweets .itm-post1 {width:414px;top:64px;} .lst-tweets .itm-post1 img {float:left;} .lst-tweets .itm-post2 {width:163px;top:23px;left:456px;} .lst-tweets .itm-post2 img {float:left;padding-bottom:100px;} .lst-tweets .itm-post3 {width:121px;top:166px;left:26px;} .lst-tweets .itm-post4 {width:225px;top:230px;left:237px;} .lst-tweets .itm-post4 img {float:left;padding-bottom:70px;} .lst-tweets .itm-post5 {width:88px;top:226px;left:531px;} .lst-tweets .itm-post6 {width:190px;top:404px;left:96px;} .lst-tweets .itm-post6 img {float:left;padding-bottom:70px;} .lst-tweets .itm-post7 {width:120px;top:432px;left:351px;} .lst-tweets .itm-post8 {width:224px;top:591px;left:-17px;} .lst-tweets .itm-post8 img {float:left;padding-bottom:65px;} .lst-tweets .itm-post9 {width:342px;top:651px;left:255px;} .lst-tweets .itm-post9 img {float:left;padding-bottom:40px;} #ctn-twitter .btn-anteriores { position:relative; top:-28px } /* SE플O - IPHONE */ .box-agile-app {position:relative;height:410px;} .box-agile-app h2 {position:absolute;top:35px;left:25px;width:314px;height:405px;text-indent:-9999px;overflow:hidden;background:url(../_img/iphone/img_iphone.png) no-repeat;} .box-agile-app .box-descricao {padding:114px 0 0 355px;width:235px;} .box-agile-app .lnk-download {display:block;width:260px;height:63px;text-indent:-9999px;overflow:hidden;position:absolute;left:365px;top:370px;background:url(../_img/iphone/btn_download_appstore.png) no-repeat;} .box-agile-app .lnk-download:hover {background-position:0 -63px;} .box-agile-app p {padding-bottom:15px;} .lst-iphone-screenshots {position:relative;height:485px;} .lst-iphone-screenshots li {position:absolute;background:#000;} .lst-iphone-screenshots li em {background:#000;font-size:12px;padding:0 8px;position:absolute;white-space:nowrap;} .lst-iphone-screenshots li span {display:block;position:absolute;width:160px;height:100px;border:solid 10px #000000;filter:alpha(opacity=20);opacity:0.2;} .lst-iphone-screenshots .itm-screenshot1 {left:44px;top:54px;} .lst-iphone-screenshots .itm-screenshot1 em {left:0;top:121px;} .lst-iphone-screenshots .itm-screenshot2 {left:280px;top:110px;} .lst-iphone-screenshots .itm-screenshot2 em {left:181px;top:0;} .lst-iphone-screenshots .itm-screenshot3 {left:219px;top:292px;} .lst-iphone-screenshots .itm-screenshot3 em {right:181px;top:0;} .lst-iphone-screenshots .itm-screenshot4 {left:458px;top:362px;} .lst-iphone-screenshots .itm-screenshot4 em {right:0;bottom:121px;} /* SE플O - V�DEOS */ #box-video{margin:30px 0 55px 0;} .ctn-videos a{color:#FFF;} .ctn-videos .container{overflow:hidden;width:640px;height:120px;} .ctn-videos ul{overflow:hidden;width:684px;margin-right:-45px;} .ctn-videos li{float:left;width:126px;height:120px;margin-right:45px;} .all-videos #box-video{width:638px; height:384px;} .all-videos .btn-anteriores, .all-videos .btn-proximas{visibility:hidden; margin-top:13px;} /* SE플O - WALLPAPERS ------- */ .lst-wallpapers {overflow:hidden;position:relative;} .lst-wallpapers {margin-top:10px;position:relative;height:640px;width:638px;} .lst-wallpapers .wallpaper {position:absolute; background:url(../_img/sprites-frames.png) no-repeat 0 -1400px; width:200px; height:150px} .lst-wallpapers img { position:absolute; top:0; left:0; } .lst-wallpapers .wallpaper span { position:absolute;width:180px;height:130px;top:0;left:0;z-index:8;border:10px solid #333; opacity:0.4;filter:alpha(opacity=40);} #ctn-wallpapers .w1 { top:48px; left:0 } #ctn-wallpapers .w2 { top:0; left:438px } #ctn-wallpapers .w3 { top:251px; left:105px } #ctn-wallpapers .w4 { top:194px; left:358px } #ctn-wallpapers .w5 { top:467px; left:288px } .lst-wallpapers .download { position:absolute } .w1 .download {right:-83px} .w2 .download, .w3 .download, .w5 .download {left:-83px;top:0} .w3 .download {bottom:0;top:auto} .w4 .download {right:0; top:151px} #ctn-wallpapers .download li {display:block;clear:both;width:82px;height:24px;opacity:0.9;filter:alpha(opacity=90);margin-bottom:1px} #ctn-wallpapers .download a {display:block;clear:both;width:82px;height:24px;line-height:24px;text-align:center;font-size:12px;color:#EEE;background-color:#000;text-decoration:none;} #ctn-wallpapers .download a:hover { background-color:#222; } #ctn-wallpapers .download a:active { background-color:#222; position:relative; top:1px } /* SE플O - BLOGS ------- */ #blogs-main {margin-top:85px;margin-left:25px;height:auto !important;height:415px;min-height:378px;width:378px;padding:0 0 0 32px;background-color:#000; position:relative; float:left;display:inline; font-size:12px; } #blogs-main .texto {padding:0px 40px 40px 20px;line-height:1.4;float:left;width:204px;} #blogs-main .imagem {float:left;margin-right:20px;width:86px;height:86px;} #blogs-main .texto p { padding-bottom:15px } #blogs-main .texto blockquote {padding-top:40px;} #como_foi { padding:0 15px 0 30px} #como_foi h2 {font-weight:700;padding-bottom:15px;} #blogs-main .lst-fotos { padding-top:70px } #blogs-main .fotos .nav { padding:0 0 5px } #blogs-main .fotos .nav li { margin-right:1px; float:left } #blogs-main .fotos .nav li a { display:block; padding:3px 6px; background-color:#222; text-decoration:none; cursor: pointer; } #blogs-main .fotos .nav li a:hover { background-color:#444; color:#E5D300 } #blogs-main .fotos .nav li a.ativo { background-color:#333; color:#FFF } #blogs-perfis {margin-top:24px;margin-left:27px;background-color:#494949;width:125px;height:165px;float:left;display:inline;padding:25px} #blogs-perfis ul { float:left;overflow:hidden; width:145px; margin-left:-10px; } #blogs-perfis li { float:left; margin:0 0 10px 10px; width:35px; height:35px; overflow:visible } #blogs-perfis li a { display:block; width:35px; } #blogs-perfis li a:hover, #blogs-perfis li a.ativo { border:2px solid #E5D300; position:relative;top:-2px;left:-2px; } #blogs-main .img-perfil { float:left; width:86px; height:86px; } #menu-perfil {position:absolute;left:-16px;top:100px;} #menu-perfil li {float:left;clear:left;} #menu-perfil li a {display:block;width:144px;height:32px;background:url(../_img/sprites-menu-blogs.png) no-repeat; text-indent:-9999px;overflow:hidden } #menu-perfil .perfil {height:41px !important } #menu-perfil .perfil {background-position:0 -0} #menu-perfil .perfil:hover {background-position:0 -116px !important} #menu-perfil .perfil.ativo, #menu-perfil .perfil:active {background-position:0 -235px} #menu-perfil .depoim {background-position:0 -41px} #menu-perfil .depoim:hover {background-position:0 -159px !important} #menu-perfil .depoim.ativo, #menu-perfil .depoim:active {background-position:0 -278px} #menu-perfil .fotos {background-position:0 -73px} #menu-perfil .fotos:hover {background-position:0 -190px !important} #menu-perfil .fotos.ativo, #menu-perfil .fotos:active {background-position:0 -309px} #blogs-main .lst-fotos li { margin-top:10px } #blogs-main .fotos .nav, .js #blogs-main .lst-fotos li + li { display:none } .js #blogs-main .fotos .nav { display:block } #b-depoimento,#b-fotos{ display:none } /* FOOTER --------------------------------------- */ #footer {background-color:#000;position:relative;height:72px;width:924px;padding:0 36px;padding-left:936px;margin-left:-900px; margin-top:20px;} #footer .menu {padding-top:8px;width:400px } #footer .menu li {display:inline;color:#E5D300;font-family: Tahoma, Arial, sans-serif;font-weight:700;font-size:9px;} #footer .menu li a {color:#E5D300;text-transform:uppercase;} #footer .txt {float:left;padding:3px 0 0 34px;background:url(../_img/selo_proconve.png) no-repeat 0 4px;color:#666;width:440px;font-family: Tahoma, Arial, sans-serif;line-height:12px;word-spacing:-0.6px;} #footer .logos {height:64px;width:460px;position:absolute;top:3px;right:6px;overflow:hidden;} #footer .logos li {float:left;margin-right:16px;height:60px;}