@IMPORT url("style2.css"); @font-face { font-family: 'CalibriRegular'; src: url('calibri-webfont.eot'); src: local('☺'), url('calibri-webfont.woff') format('woff'), url('calibri-webfont.ttf') format('truetype'), url('calibri-webfont.svg#webfontAZNuMnMP') format('svg'); font-weight: normal; font-style: normal; } * { border:0; margin:0; text-decoration: none; outline: none; list-style: none; font-size:12px; font-family: Calibri,'CalibriRegular',Sans-serif; font-weight: normal; font-style: normal; color:#ffffff; } a { cursor:pointer; } p { font-size:30px; line-height: 38px; text-align: justify; } p font { font-size:30px; line-height: 38px; color:#f26722; } input { font-size:30px; color:#979797; } html, body { background:url('../imagens/bg.jpg') repeat-y top #000000; overflow-x: hidden; } .site { width: 968px; padding: 0px 16px; margin:0 auto; } .header { width: 968px; height:110px; padding-top:10px; margin-bottom:17px;} #logo { width:87px; height:80px; float:left; margin-top:10px;} .menu { position: relative; width:670px; height:30px; margin:-60px 0px 0px 0px; padding:0px 0px 0px 80px; overflow: hidden; float:left; } #menu { margin-left:240px; } .menu li { float: left; position:relative; float:left; z-index: 15; } .menu li a h1 { text-align: center; top: 7px; text-transform: uppercase; z-index: 15; display: block; font-size:14px; float: left; min-width:50px; height: 30px; position: relative; overflow: hidden; padding: 0px 10px; margin: 0px 16px 0px 16px; font-weight: normal; text-align: center; } .menu li:hover { background: url("../imagens/bg.png") no-repeat top center;} .menuativo { background: url("../imagens/bg.png") no-repeat top center;} .ativo { color:#FF0;} .interna { width: 968px; min-height:400px; } .recebeposts, .posts, .posts div {width:580px;float:left;margin-right:20px;} .menu_blog{width:280px;float:left;margin:-400px 0px 0px 20px;} .clientes { width:968px; height:115px; margin-bottom:30px; } .clientes h1 { float:left; width:99%; font-size: 30px; font-weight: normal; margin-top:-5px; } .clientes div { float:left; margin:10px 22px;} .clientes div img { height:90px;} .blog { width:634px; height:232px; margin:15px 18px 0px 0px; float:left; } .blog h1 { float:left; width:99%; font-size: 30px; font-weight: normal; margin-top:-5px; } .blog small{font-size: 18px;color: #ff8a00;} .blog h2 a{font-size: 24px;color: #b6b6b6;} .redes { width:316px; height:232px; float:left; margin-top:15px; } .fbgoogle { width:288px; height:65px; padding:5px 10px; margin-bottom:15px; color:#ffffff; font-family: Sans-serif; background:url('../imagens/bg_redes.png') no-repeat top; } .facebookdiv { position:relative; float:left; width:150px; height:30px; margin:12px 10px 0px 10px;} .facebookdiv div { position:relative; margin:-25px 0px 0px 40px; border:none; overflow:hidden; width:100px; height:20px;} @media screen and (-webkit-min-device-pixel-ratio:0){ .facebookdiv div { position:relative; margin:-25px 0px 0px 40px; border:none; overflow:hidden; width:100px; height:20px;} } .googlediv { position:relative; float:left; width:90px; height:30px; margin:15px 10px 0px 10px;} @media screen and (-webkit-min-device-pixel-ratio:0){ .googlediv { position:relative; float:left; width:90px; height:30px; margin:15px 10px 0px 10px;} } .twitter { width:288px; min-height:58px; padding:5px 10px; } .twitter img { float:left; margin-right:4px; } .twitter h1 { float:left; font-size: 26px; margin-top:-5px; font-weight: normal; } .twitter .data_tweet{color: #ff8a00;font-size: 12px;} .twitter .tweetada {color: #b6b6b6;font-size: 15px;} .twitter .tweetada a{color: #ff8a00;font-size: 15px;} .twitter div { width:150px; height:25px; position:absolute; margin:2px 0px 0px 180px; *margin:2px 0px 0px 45px;} #paginas { width:730px; height: auto; float:left; margin:65px0px 20px 0px;} #paginas1 { width:450px; height: auto; float:right; margin:60px 0px 20px 0px;} #paginas2 { width:1000px; height: auto; float:left; margin:10px 0px 20px 0px;} .pessoas { width:100%; float:left; cursor:pointer; margin-bottom:20px;} .pessoas div { margin:5px; padding:5px; float:left; cursor:pointer; width:123px; height:154px; background:url('../imagens/bg_pessoas.png') no-repeat top; color:#fff; font-size:32px;} .clientela { margin-top:20px;} .clientela div { width:219px; height:98px; padding-top:5px; background:url('../imagens/bg_clientes.png') no-repeat top; float:left; margin: 0px 23px 25px 0px; text-align /*\**/: center\9 } .clientela div img { width:148px; height:90px; margin: 5px 0px 0px 37px; } .shadow { box-shadow: 0px 0px 6px rgba(0,0,0,0.3); -webkit-box-shadow: 0px 0px 6px rgba(0,0,0,0.3); -moz-box-shadow: 0px 0px 6px rgba(0,0,0,0.3); -webkit-transition-duration: 0.2s; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; margin-bottom: 20px; } .shadow:hover { box-shadow: 0px 0px 20px rgba(255,255,255,2.8); -webkit-box-shadow: 0px 0px 20px rgba(255,255,255,2.8); -moz-box-shadow: 0px 0px 20px rgba(255,255,255,2.8);} #premios { float:right; margin-right:30px;} .criacao_t { width:469px; height:18px; background:url('../imagens/criacao_top.png') no-repeat top; margin-left:-20px; } .criacao_b { width:469px; height:18px; background:url('../imagens/criacao_bot.png') no-repeat top; margin-left:-20px; } .criacao { font-size:20px; line-height: 24px; text-align: justify; padding:10px; width:449px; background:url('../imagens/criacao.png') repeat-y top; margin-left:-20px; } .criacao font { font-size:20px; line-height: 24px; color:#f26722; } .criacao a { font-size:30px; line-height: 34px; color:#f26722; } .criacao_t2 { width:469px; height:18px; background:url('../imagens/criacao_top.png') no-repeat top; margin-left:250px; } .criacao_b2 { width:469px; height:18px; background:url('../imagens/criacao_bot.png') no-repeat top; margin-left:250px; } .criacao2 { font-size:20px; line-height: 24px; text-align: justify; padding:10px; width:449px; background:url('../imagens/criacao.png') repeat-y top; margin-left:250px; } .criacao2 font { font-size:20px; line-height: 24px; color:#f26722; } .criacao2 a { font-size:30px; line-height: 34px; color:#f26722; } .trabalhos { width:681px; height:155px; float:left; margin-bottom:15px; background:url('../imagens/bg_trabalhos.png') no-repeat top; } .trabalhos_desc { float:left; width:400px; height:105px; margin:-130px 0px 10px 10px; font-size: 18px; text-align: justify; } .trabalhos_desc h2 { font-size: 18px; color:#f26722; margin-bottom:5px;} .trabalhos_desc p { height:90px; font-size: 18px; line-height:18px; } a.visualizar { float:left; color:#f26722; font-size:14px; clear:both; } .imagem_servicos { width:448px; height:220px;} #imagemestrutura { margin:0px 20px 20px -20px;} #espacamento { float:left; width:200px; height:450px; background:none;} #sites { margin-left:20px; } #hotsites { margin-left:15px; } #ecommerce { margin:-10px 80px 0px 100px; } #realidade { margin-left:75px; } #games { margin-left:15px;} #banners { margin-left:25px;} #google { margin:0px 40px 0px 70px;} #publicidade { margin:0px 0px 0px 25px;} #planejamento { margin:0px 20px 0px 65px;} #conteudo { margin:0px 50px 0px 90px;} #emarketing { margin:0px 50px 0px 130px;} #monitoramento { margin:0px 50px 0px 130px;} #redessociais { margin:0px 40px 0px 50px;} #grafico { margin:0px 70px 0px 100px;} #markredes { margin:0px 40px 0px 80px;} #iOs { margin:0px 70px 0px 120px;} #mobile { margin:0px 120px 0px 180px;} #contato { margin:20px 0px; float:left; width:476px;} #font1 { width:476px; float:left; font-size:14px; } #input1 { width:470px; height:35px; float:left; padding:2px 3px; background: url('../imagens/input1.png') no-repeat top; margin-bottom:15px; font-size:14px; } #font2 { width:359px; float:left; font-size:14px; margin-right:15px; } #input2 { width:353px; height:35px; float:left; padding:2px 3px; background: url('../imagens/input2.png') no-repeat top; margin:0px 15px 15px 0px; font-size:14px; } #font3 { width:102px; float:left; font-size:14px; } #input3 { width:96px; height:35px; float:left; padding:2px 3px; background: url('../imagens/input3.png') no-repeat top; margin-bottom:15px; font-size:14px; } #input4 { width:231px; height:35px; float:left; padding:2px 3px; background: url('../imagens/input4.png') no-repeat top; margin-bottom:15px; font-size:14px; } #textarea { width:470px; height:100px; float:left; padding:2px 3px; background: url('../imagens/textarea.png') no-repeat top; margin-bottom:15px; } #enviar { float:right;} .endereco_contato { float: right; width:294px; height:117px; margin:135px 0px 30px 0px; } .endereco_links { float: right; margin-top: 10px; } /*General Mosaic Styles*/ /*.mosaic-block { float:left; position:relative; overflow:hidden; width:283px; height:283px; *width:309px; *height:309px; padding:13px; *padding:16px; float:left; margin:0px 7px 14px 7px; *margin:-5px -5px -15px -13px; background:url(../imagens/trabalhos.png) no-repeat top;} .mosaic-backdrop { position:absolute; top:10; height:309px; width:309px; *margin:0px 0px 0px 13px; } .mosaic-overlay { display:none; z-index:5; position:absolute; height:309px; width:309px; background:#111; opacity:0.8; *margin:-20px -180px 0px 0px; }*/ /*** Custom Animation Styles (You can remove/add any styles below) ***/ .mosaic-block { float:left; position:relative; overflow:hidden; width:283px; height:283px; padding:13px; float:left; margin:0px 7px 14px 7px; background:url(../imagens/trabalhos.png) no-repeat top left;} .mosaic-backdrop { position:absolute; top:10; width:283px; height:283px; } .mosaic-backdrop img { width:282px; height: 283px;} .mosaic-overlay { display:none; z-index:5; position:absolute; height:309px; width:309px; background:#111; opacity:0.8; *margin:-20px -180px 0px 0px; border-top:2px solid #f26722; } .circle .mosaic-overlay { background:url(../img/hover-magnify.png) no-repeat center center; opacity:0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=00)"; filter:alpha(opacity=00); display:none; } .fade .mosaic-overlay { opacity:0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=00)"; filter:alpha(opacity=00); background:url(../img/bg-black.png); } .bar .mosaic-overlay { bottom:-100px; height:70px; background:#000; *margin:-100px -30px 0px 0px;} .bar2 .mosaic-overlay { bottom:-50px; height:70px; opacity:0.8; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)"; filter:alpha(opacity=80); } .bar2 .mosaic-overlay:hover { opacity:1; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter:alpha(opacity=100); } .bar3 .mosaic-overlay { top:-100px; height:100px;background:url(../img/bg-black.png);} /*** End Animation Styles ***/ .details h3 { width:273px; height:24px; font-size:24px; color:#fff; margin:0px 5px; } .details p { width:273px; height:24px; font-size:14px; line-height:16px; color:#ccc; margin:0px 5px; } .compartilhamento { clear:both; width:700px; height:30px; line-height:30px; text-align:right; margin-left:12px;} .compartilhamento img { width:30px; height:30px; float:right; margin:0px 0px 0px 10px;} .footer { width:100%; height:192px; background: url('../imagens/rodape.png') repeat-x top; clear:both;} .footer_centro { width: 968px; height:180px; padding-top:12px; margin:0 auto; font-size:10px;} .associados { width:300px; height:100px; padding-top:12px; float:left; } .redessociais { width: 350px; height:40px; padding-top:60px; float:left; font-size:10px;} .redessociais img { float:left; margin:0 10px; } .endereco { width: 318px; padding-top:45px; float:left; text-align:right; font-size: 18px; color:#cccccc;} .endereco a { width: 318px; padding-top:10px; float:left; text-align:right; font-size: 18px; color:#cccccc;} /* acesso restrito */ .acessorestrito { width:602px; height:216px; padding:10px 20px; margin:0 auto; background:url('../imagens/restrito_bg.png') no-repeat top left; font-size:18px;} .acessorestrito form { width:496px; margin:0 auto;} .acessorestrito form input { background:url('../imagens/restrito_input.png') no-repeat center; width:496px; height:52px;} .acessorestrito form input#enviar { background:none; float:right; width:100px; height:27px; margin-top:5px; clear:both;} /* enfeites :P */ #orange { float:left; width:2px; height:21px; margin-right:4px;} #loading { margin:-100px 0px 0px 180px;} #lol { width:980px; height:150px; padding:10px; text-align:center; font-size: 22px; } #lol div { width:500px; font-size:150px; text-align:center; color:#f26722; margin:10px auto; } .dqsf { float:right; margin-right:14px;} /* VALIDA��O DE CAMPOS - JQUERY */ .inputContainer { position: relative; float: left;} .formError { position: absolute; top: 300px; left: 300px; display: block; z-index: 5000; cursor: pointer; } .ajaxSubmit { padding: 20px; background: #55ea55; border: 1px solid #999; display: none } .formError .formErrorContent { width: 100%; background: #ee0101; position:relative; z-index:5001; color: #fff; width: 120px; font-family: Sans-serif; font-size: 11px; border: 2px solid #ddd; box-shadow: 0 0 6px #000; -moz-box-shadow: 0 0 6px #000; -webkit-box-shadow: 0 0 6px #000; padding: 4px 10px 4px 10px; border-radius: 6px; -moz-border-radius: 6px; -webkit-border-radius: 6px; } .greenPopup .formErrorContent { background: #33be40;} .blackPopup .formErrorContent { background: #393939; color: #FFF; } .formError .formErrorArrow { width: 15px; margin: -2px 0 0 13px; position:relative; z-index: 5006;} .formError .formErrorArrowBottom { box-shadow: none; -moz-box-shadow: none; -webkit-box-shadow: none; margin: 0px 0 0 12px; top:2px; } .formError .formErrorArrow div { border-left: 2px solid #ddd; border-right: 2px solid #ddd; box-shadow: 0 2px 3px #444; -moz-box-shadow: 0 2px 3px #444; -webkit-box-shadow: 0 2px 3px #444; font-size: 0px; height: 1px; background: #ee0101; margin: 0 auto; line-height: 0; font-size: 0; display: block; } .formError .formErrorArrowBottom div { box-shadow: none; -moz-box-shadow: none; -webkit-box-shadow: none; } .greenPopup .formErrorArrow div { background: #33be40; } .blackPopup .formErrorArrow div { background: #393939; color: #FFF; } .formError .formErrorArrow .line10 { width: 15px; border: none; } .formError .formErrorArrow .line9 { width: 13px; border: none; } .formError .formErrorArrow .line8 { width: 11px; } .formError .formErrorArrow .line7 { width: 9px; } .formError .formErrorArrow .line6 { width: 7px;} .formError .formErrorArrow .line5 { width: 5px; } .formError .formErrorArrow .line4 { width: 3px; } .formError .formErrorArrow .line3 { width: 1px; border-left: 2px solid #ddd; border-right: 2px solid #ddd; border-bottom: 0 solid #ddd; } .formError .formErrorArrow .line2 { width: 3px; border: none; background: #ddd; } .formError .formErrorArrow .line1 { width: 1px; border: none; background: #ddd; } /* menus laterais */ ul#sliding-navigation { font-size: .75em; margin: 30px 0px 0px 0px; padding: 0; } ul#sliding-navigation li.sliding-element a { display: block; width: 220px; height:30px; padding: 5px 18px; margin: 0px 0px 5px -15px; float:left; } ul#sliding-navigation li.sliding-element a h1 { height:35px; line-height:33px; font-size:20px; background: url("../imagens/div_mid.png") repeat-x left; margin:0px 0px 10px 10px; padding-left:4px; font-weight: normal } ul#sliding-navigation li.sliding-element a:hover h1 { color:#f26722; } ul#sliding-navigation li.sliding-element a h1.ativo { color:#f26722; } .menu_lateral { width:220px; height:auto; float:left; margin:30px 18px 0px 0px; } .menu_lateral h1 { width:100%; height:0px; margin:-20px 0px 20px 0px; float:left; } .menu_lateral div.left { width: auto; height:35px; float:left; background: url("../imagens/div_left.png") no-repeat left; margin-bottom:10px; } .menu_lateral div.left a h1 { width:auto; height:35px; line-height:33px; font-size:20px; background: url("../imagens/div_mid.png") repeat-x left; margin:0px 0px 10px 10px; padding-left:4px; font-weight: normal } .menu_lateral div.left a:hover h1 { color:#f26722; } .menu_lateral div.left a:active h1 { color:#f26722; } .menu_lateral div.right { width: 7px; height:35px; float:left; background: url("../imagens/div_right.png") no-repeat left; margin:0px 0px 10px 14px; *margin:0px 0px 10px 0px; _margin:0px 0px 10px 0px; } ul#sliding-navigation1 { font-size: .75em; margin:60px 0px 0px 0px; padding: 0; float:left;} ul#sliding-navigation1 li.sliding-element a { display: block; width: 220px; height:30px; padding: 5px 18px; margin: 0px 0px 5px -15px; } ul#sliding-navigation1 li.sliding-element a h1 { height:35px; line-height:33px; font-size:20px; background: url("../imagens/div_mid.png") repeat-x left; margin:0px 0px 10px 7px; padding-left:4px; font-weight: normal } ul#sliding-navigation1 li.sliding-element a:hover h1 { color:#f26722; } ul#sliding-navigation1 li.sliding-element a h1.ativo { color:#f26722; } ul#sliding-navigation2 { font-size: .75em; margin: 62px 0px 0px 0px; padding: 0; float:left;} ul#sliding-navigation2 li.sliding-element a { display: block; width: 360px; height:30px; padding: 5px 18px; margin: 0px 0px 5px -15px; } ul#sliding-navigation2 li.sliding-element a h1 { height:35px; line-height:33px; font-size:14px; background: url("../imagens/div_mid.png") repeat-x left; margin:0px 0px 10px 7px; padding-left:4px; font-weight: normal } ul#sliding-navigation2 li.sliding-element a h1.ativo { color:#f26722; } div.left1 { width: auto; height:35px; float:left; background: url("../imagens/div_left1.png") no-repeat left; margin-bottom:10px; } a div.left1 h1 { height:35px; width:100%; line-height:33px; font-size:20px; background: url("../imagens/div_mid.png") repeat-x left; margin:0px 0px 10px 10px; padding-left:4px; font-weight: normal } a div.left1 h1.ativo { color:#f26722; } div.right1 { width: 7px; height:35px; float:left; background: url("../imagens/div_right.png") no-repeat left; margin:0px 0px 10px 11px; *margin:0px 0px 10px 0px; _margin:0px 0px 10px 0px; } div.right2 { width: 7px; height:35px; float:left; background: url("../imagens/div_right.png") no-repeat left; margin:0px -5px 10px 11px; *margin:0px 0px 10px 0px; _margin:0px 0px 10px 0px; } /* BANNERS */ #banner { width:968px; height:384px; } #slider { width:968px; height:384px; background:url(../imagens/loading.gif) no-repeat 50% 50%; } #slider img { position:absolute; top:0px; left:0px; display:none; filter: progid: DXImageTransform.Microsoft.AlphaImageLoader(src=IMAGEM.png,sizingMethod='scale');} #slider a { border:0; display:block; } .nivo-controlNav { position:absolute; z-index:40; left:850px; bottom:22px; } .nivo-controlNav a { display:block; width:22px; height:22px; background:url(../imagens/bullets.png) no-repeat; text-indent:-9999px; border:0; margin-right:0px; float:left; } .nivo-controlNav a.active { background-position:0 -22px; } .nivo-directionNav a { display:block; width:30px; height:30px; background:url(../imagens/arrows.png) no-repeat; text-indent:-9999px; border:0; } a.nivo-nextNav { background-position:-30px 0; right:15px; } a.nivo-prevNav { left:15px; } .nivo-caption { text-shadow:none; font-family: Helvetica, Arial, sans-serif; } .nivo-caption a { color:#efe9d1; text-decoration:underline; } /* The Nivo Slider styles */ .nivoSlider { position:relative;} .nivoSlider img { position:absolute; top:0px; left:0px; } /* If an image is wrapped in a link */ .nivoSlider a.nivo-imageLink { position:absolute; top:0px; left:0px; width:100%; height:100%; border:0; padding:0; margin:0; z-index:6; display:none; } /* The slices and boxes in the Slider */ .nivo-slice { display:block; position:absolute; z-index:5; height:100%; } .nivo-box { display:block; position:absolute; z-index:5; } /* Caption styles */ .nivo-caption { position:absolute; left:0px; bottom:0px; background:#000; color:#fff; opacity:0.8; /* Overridden by captionOpacity setting */ width:100%; z-index:8; } .nivo-caption p { padding:5px; margin:0; } .nivo-caption a { display:inline !important; } .nivo-html-caption { display:none; } /* Direction nav styles (e.g. Next & Prev) */ .nivo-directionNav a { position:absolute; top:45%; z-index:9; cursor:pointer; } .nivo-prevNav { left:0px; } .nivo-nextNav { right:0px; } /* Control nav styles (e.g. 1,2,3...) */ .nivo-controlNav a { position:relative; z-index:9; cursor:pointer; } .nivo-controlNav a.active { font-weight:bold; } /* SLIDES */ /** Slideshow style rules. */ #slideshow { width:245px; height:153px; position:relative; clear:both; cursor:pointer; margin:10px 0px 0px 10px; float:left; } #slideshow #slidesContainer { margin:0 auto; width:200px; height:153px; overflow:auto; /* allow scrollbar */ position:relative; } #slideshow #slidesContainer .slide { margin:0 auto; width:172px; /* reduce by 20 pixels of #slidesContainer to avoid horizontal scroll */ height:263px; } #slideshow #slidesContainer .slide img { margin: 0px;} /** Slideshow controls style rules. */ .control { display:block; width:39px; height:263px; text-indent:-10000px; position:absolute; cursor: pointer; } #leftControl { top:60px; left:0; background:transparent url('../imagens/trab_esq.png') no-repeat 0 0; } #rightControl { top:60px; right:0; background:transparent url('../imagens/trab_dir.png') no-repeat 0 0; } /* SCROLL */ .scroll-pane { width:232px; height:500px; overflow: auto; margin-bottom:20px; } /* * CSS Styles that are needed by jScrollPane for it to operate correctly. * * Include this stylesheet in your site or copy and paste the styles below into your stylesheet - jScrollPane * may not operate correctly without them. */ .jspContainer { overflow: hidden; position: relative;} .jspPane { position: absolute; } .jspVerticalBar { position: absolute; top: 0;right: 0;width: 7px;height: 100%;} .jspHorizontalBar{position: absolute;bottom: 0;left: 0;width: 100%;height: 16px;background: red;} .jspVerticalBar *,.jspHorizontalBar *{ margin: 0; padding: 0;} .jspCap{ display: none;} .jspHorizontalBar .jspCap{ float: left;} .jspTrack{ position: relative;} .jspDrag{ background: #f26721; position: relative; top: 0; left: 0; cursor: pointer;} .jspHorizontalBar .jspTrack, .jspHorizontalBar .jspDrag { float: left; height: 100%;} .jspArrow{ background: #50506d; text-indent: -20000px; display: block; cursor: pointer;} .jspArrow.jspDisabled{ cursor: default; background: #80808d;} .jspVerticalBar .jspArrow{ height: 16px;} .jspHorizontalBar .jspArrow{ width: 16px;float: left; height: 100%;} .jspVerticalBar .jspArrow:focus{ outline: none;} .jspCorner{ background: #eeeef4; float: left; height: 100%;} /* Yuk! CSS Hack for IE6 3 pixel bug :( */ * html .jspCorner{ margin: 0 -3px 0 0;} .slidetrabalhos { width:220px; height:200px;} span#slider125prev{} span#slider125next{} ul#mycarousel { font-size: .75em; margin: 30px 0px 0px 0px; padding: 0; } ul#mycarousel li.sliding-element a { display: block; width: 220px; height:30px; padding: 5px 18px; margin: 0px 0px 5px -15px; float:left; } ul#mycarousel li.sliding-element a h1 { height:35px; line-height:33px; font-size:20px; background: url("../imagens/div_mid.png") repeat-x left; margin:0px 0px 10px 10px; padding-left:4px; font-weight: normal } ul#mycarousel li.sliding-element a:hover h1 { color:#f26722; } .jcarousel-skin-tango .jcarousel-container {} .jcarousel-skin-tango .jcarousel-direction-rtl { direction: rtl; } .jcarousel-skin-tango .jcarousel-container-vertical { width: 220px; height: 285px; padding: 20px 0px; margin-top:20px; } .jcarousel-skin-tango .jcarousel-clip { overflow: hidden; } .jcarousel-skin-tango .jcarousel-clip-vertical { width: 220px; height: 280px; } .jcarousel-skin-tango .jcarousel-item { width: 220px; height: 30px; } .jcarousel-skin-tango .jcarousel-item-horizontal { margin-left: 0; margin-right: 10px; } .jcarousel-skin-tango .jcarousel-direction-rtl .jcarousel-item-horizontal { margin-left: 10px; margin-right: 0; } .jcarousel-skin-tango .jcarousel-item-vertical { margin-bottom: 10px; } .jcarousel-skin-tango .jcarousel-item-placeholder { color: #000; } /* Vertical Buttons */ /*.jcarousel-skin-tango .jcarousel-next-vertical { position: absolute; bottom: 5px; left: 65px; width: 25px; height: 10px; cursor: pointer; background: transparent url(next-vertical.png) no-repeat 0 0; } .jcarousel-skin-tango .jcarousel-next-vertical:hover, .jcarousel-skin-tango .jcarousel-next-vertical:focus { background-position: 0 -27px; } .jcarousel-skin-tango .jcarousel-next-vertical:active { background-position: 0 -59px; } .jcarousel-skin-tango .jcarousel-next-disabled-vertical, .jcarousel-skin-tango .jcarousel-next-disabled-vertical:hover, .jcarousel-skin-tango .jcarousel-next-disabled-vertical:focus, .jcarousel-skin-tango .jcarousel-next-disabled-vertical:active { cursor: default; background-position: 0 -80px; } .jcarousel-skin-tango .jcarousel-prev-vertical { position: absolute; top: 5px; left: 65px; width: 25px; height: 10px; cursor: pointer; background: transparent url(prev-vertical.png) no-repeat 0 0; } .jcarousel-skin-tango .jcarousel-prev-vertical:hover, .jcarousel-skin-tango .jcarousel-prev-vertical:focus { background-position: 0 -22px;} .jcarousel-skin-tango .jcarousel-prev-vertical:active { background-position: 0 -54px; } .jcarousel-skin-tango .jcarousel-prev-disabled-vertical, .jcarousel-skin-tango .jcarousel-prev-disabled-vertical:hover, .jcarousel-skin-tango .jcarousel-prev-disabled-vertical:focus, .jcarousel-skin-tango .jcarousel-prev-disabled-vertical:active { cursor: default; background-position: 0 -76px; }*/ .jcarousel-skin-tango .jcarousel-next-vertical { position: absolute; bottom: 0px; left: 65px; width: 25px; height: 10px; cursor: pointer; background: transparent url(next-vertical.png) no-repeat 0 0px; } .jcarousel-skin-tango .jcarousel-next-vertical:hover, .jcarousel-skin-tango .jcarousel-next-vertical:focus { background-position: 0 -29px; } .jcarousel-skin-tango .jcarousel-next-vertical:active { background-position: 0 -59px; } .jcarousel-skin-tango .jcarousel-next-disabled-vertical, .jcarousel-skin-tango .jcarousel-next-disabled-vertical:hover, .jcarousel-skin-tango .jcarousel-next-disabled-vertical:focus, .jcarousel-skin-tango .jcarousel-next-disabled-vertical:active { cursor: default; background-position: 0 -87px; } .jcarousel-skin-tango .jcarousel-prev-vertical { position: absolute; top: 0px; left: 65px; width: 25px; height: 10px; cursor: pointer; background: transparent url(prev-vertical.png) no-repeat 0 -87px; } .jcarousel-skin-tango .jcarousel-prev-vertical:hover, .jcarousel-skin-tango .jcarousel-prev-vertical:focus { background-position: 0 -58px;} .jcarousel-skin-tango .jcarousel-prev-vertical:active { background-position: 0 -28px; } .jcarousel-skin-tango .jcarousel-prev-disabled-vertical, .jcarousel-skin-tango .jcarousel-prev-disabled-vertical:hover, .jcarousel-skin-tango .jcarousel-prev-disabled-vertical:focus, .jcarousel-skin-tango .jcarousel-prev-disabled-vertical:active { cursor: default; background-position: 0 0px; }