@import url(https://fonts.googleapis.com/css?family=Roboto+Condensed:300,400,700); @import "reset.css"; @import "fonte.css"; @import "menu.css"; @import "fonts.css"; @import "responsivo.css"; @fonteBold:'Conv_HelveticaLTStd-BoldCond'; @corLaranja:#ff9000; @fundoLaranja:#ff9000; html, body {height:100%;} body { color:#323232; font-family: 'Roboto Condensed', sans-serif; font-size:14px; } a{ text-decoration: none; color:#323232} p,#cke_pastebin{ line-height:18px} .some{ display: none } .hidden{ display: none !important } .mostra{display: block !important} .preloader { /* background-color: #ff9000; */ background: rgb(0, 0, 0) transparent; background: rgba(255, 144, 0, 0.9); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#000000, endColorstr=#000000); -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#000000, endColorstr=#000000)"; display: block; width: 100%; height: 100%; position: fixed; z-index: 999999999999999; } .loader {   font-size: 10px;   margin: 5em auto;   text-indent: -9999em;   width: 11em;   height: 11em;   border-radius: 50%;   background: #ffffff;   background: -moz-linear-gradient(left, #ffffff 10%, rgba(255, 255, 255, 0) 42%);   background: -webkit-linear-gradient(left, #ffffff 10%, rgba(255, 255, 255, 0) 42%);   background: -o-linear-gradient(left, #ffffff 10%, rgba(255, 255, 255, 0) 42%);   background: -ms-linear-gradient(left, #ffffff 10%, rgba(255, 255, 255, 0) 42%);   background: linear-gradient(to right, #ffffff 10%, rgba(255, 255, 255, 0) 42%);   position: relative;   -webkit-animation: load3 1.4s infinite linear;   animation: load3 1.4s infinite linear; } .loader:before {   width: 50%;   height: 50%;   background: #FFF;   border-radius: 100% 0 0 0;   position: absolute;   top: 0;   left: 0;   content: ''; } .loader:after {   background: #ff9000;   width: 75%;   height: 75%;   border-radius: 50%;   content: '';   margin: auto;   position: absolute;   top: 0;   left: 0;   bottom: 0;   right: 0; } @-webkit-keyframes load3 {   0% {     -webkit-transform: rotate(0deg);     transform: rotate(0deg);   }   100% {     -webkit-transform: rotate(360deg);     transform: rotate(360deg);   } } @keyframes load3 {   0% {     -webkit-transform: rotate(0deg);     transform: rotate(0deg);   }   100% {     -webkit-transform: rotate(360deg);     transform: rotate(360deg);   } } ::selection {background:#ff9000;color:#fff} ::-moz-selection {background:#ff9000;color:#ffffff;} ::-webkit-input-placeholder { /* WebKit browsers */ color: #000000; } :-moz-placeholder { /* Mozilla Firefox 4 to 18 */ color: #000000; } ::-moz-placeholder { /* Mozilla Firefox 19+ */ color: #000000; } :-ms-input-placeholder { /* Internet Explorer 10+ */ color: #000000; } * { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .clear:before, .clear:after { content: ""; display: table; } .clear:after { clear: both; } .clear{ clear: both;} .fonte24{ font-size:24px; line-height:28px;} .laranja{ color:@corLaranja} .azul{ color:#688397} .fonte08{ font-size:8px; } .fonte09{ font-size:9px; } .fonte10{ font-size:10px;} .fonte11{ font-size:11px;} .fonte12{ font-size:12px;} .fonte13{ font-size:13px;} .fonte14{ font-size:14px;} .fonte15{ font-size:15px;} .fonte16{ font-size:16px;} .fonte17{ font-size:17px;} .fonte19{ font-size:18px;} .fonte18{ font-size:18px; line-height:24px;} .fonte19{ font-size:19px;} .fonte20{ font-size:21px;} .fonte21{ font-size:22px;} .fonte22{ font-size:22px;} .fonte26{ font-size:28px; line-height:36px;} .fonte27{ font-size:28px;} .fonte28{ font-size:28px;} .fonte30{ font-size:30px;} .maiscula{ text-transform:uppercase} .comboSelect{ float: right; margin: -38px 10px 0 0;} /* #contorno_topo{ width:100%; max-height:145px; height: auto !important; margin: 0 auto; } #contorno_topo #topo{ max-width:1100px; margin:0 auto; height: 101px; padding-top: 44px;} #contorno_topo #topo #logo a{ width:134px; height:101px; float: left; background: url('../images/logo.png'); background-size: 100% auto; text-indent: -4000px } */ #contorno_topo{ width: 100%; height:248px; margin: 0 auto; .topo { width: 1100px; height: 248px; margin: 0 auto; padding-top: 44px; #logo a{ width:280px; height:96px; float: left; background: url('../images/logo.png') no-repeat; background-size: auto 100%; text-indent: -4000px; margin-left: 21px; margin-top: -44px; } .data{ width:268px; height:74px; float: right; margin:14px 65px; color:#FFFFFF; font-weight: 300; list-style: none; li{ line-height: 74px; float: left; font-weight: normal !important; &:nth-child(2){ font-size: 55px; margin-right: 10px; } } } .anuncio{ width:55%; min-height:34px; float:right; font-size:16px; padding:0 5px; margin-top: 5px; color:#000000; &:before{ content:url(../images/linha-anuncio.png); position:absolute; margin:0px 0 0 -10px; } } } // fim topo } #boxbanner{ width:100%; height:404px; background-color:#141720; .banner{ width:1100px; height:404px; border:#FFFFFF solid 1px; margin:0 auto;} } .stepcarousel3 { position:relative; overflow:hidden; width:1050px; height:404px; } .stepcarousel3 .belt3{ position: absolute; left:0; top:0;} .stepcarousel3 .panel3 { float:left; overflow:hidden; width:1100px !important; height:404px; } #conteudo{ width:1100px; min-height:750px; height:auto !important; height:600px; margin:0 auto; .boxHome{ width:400px; min-height:300px; height:auto !important; height:300px; float:left; } .boxHome.oquefazemos, .boxHome.noticias { width:617px; min-height:295px; height:auto !important; height:295px;} .boxHome.audios, .boxHome.clientes{ width:447px; min-height:219px; height:auto !important; height:219px;float:right; } .boxHome.audios{ margin-top:29px; } .boxHome.noticias ul.jogador{ width:617px; min-height:308px; float:left; padding-top:19px; list-style:none; li{ width:408px; min-height:80px; float: right; border-bottom:#c4c4c4 dashed 1px; margin-bottom:12px; padding-bottom:10px; &:nth-child(1){ figure{ float:none; position:absolute; margin-left:-207px;width:199px;height:308px; img{width:199px;height:308px; } } p:last-child{ font-size:24px; line-height:28px; } } figure{float:right; img{} } &:last-child{ border-bottom:none} } } .title h2, .boxHome h2{ font-size:18px; color:#000000; font-weight:normal; text-transform:uppercase; padding:10px 0px 15px 12px; margin-bottom:28px; background:url(../images/linha-informacoes.png) bottom repeat-x; &:before{ content:url(../images/linha-anuncio.png); position:absolute; margin:-2px 0 0 -12px ; } span{ color:@corLaranja; } } hr{ border:#cccccc dotted 1px; width: 95%; float: left; margin: 10px 0 } .lista-servicos li{ figure{height:140px; img{ /*opacidade*/ opacity:0.75; -moz-opacity: 0.75; filter: alpha(opacity=75); -webkit-filter: opacity(0.75); /*filtro P/B*/ filter: gray; /* IE6-9 */ -webkit-filter: grayscale(100%); /* Chrome 19+ & Safari 6+ */ /*qualidade*/ image-rendering: auto; } } &:hover img{ opacity:1; -moz-opacity: 1; filter: alpha(opacity=100); -webkit-filter: opacity(1); filter: none; /* Firefox 10+ */ -webkit-filter: grayscale(0%); /* Chrome 19+ & Safari 6+ */ image-rendering: auto; } } .imprimir_email { float: left; width: 90%; height: 35px; border: #906 solid 0px; margin-top: 46px; margin-bottom: 5px; } .lista-clientes li, .boxHome.clientes ul.foto_clientes li{ figure{height:140px; img{ /*opacidade*/ opacity:0.75; -moz-opacity: 0.75; filter: alpha(opacity=75); -webkit-filter: opacity(0.75); /*filtro P/B*/ filter: gray; /* IE6-9 */ -webkit-filter: grayscale(100%); /* Chrome 19+ & Safari 6+ */ /*qualidade*/ image-rendering: auto; } } &:hover img{ opacity:1; -moz-opacity: 1; filter: alpha(opacity=100); -webkit-filter: opacity(1); filter: none; /* Firefox 10+ */ -webkit-filter: grayscale(0%); /* Chrome 19+ & Safari 6+ */ image-rendering: auto; } p{ background:#323232; color:#F3F3F3; text-align:right; padding:7px 9px; position: relative;} .posicao{ width:none; float: right;background-color:#ff9000; text-align: right; font-size: 12px; padding: 10px 7px; min-width: 75%; h4{ padding:7px 9px; } } } .boxHome.clientes ul.foto_clientes{ width:100%; min-height:219px; height: auto !important; height: 219px; list-style:none; li{ width:142px; float:left; &:nth-child(2) { margin:0px 10px; } &:nth-child(4) { display: none; } figure{height:140px; img{ /*opacidade*/ opacity:0.75; -moz-opacity: 0.75; filter: alpha(opacity=75); -webkit-filter: opacity(0.75); /*filtro P/B*/ filter: gray; /* IE6-9 */ -webkit-filter: grayscale(100%); /* Chrome 19+ & Safari 6+ */ /*qualidade*/ image-rendering: auto; } } &:hover img{ opacity:1; -moz-opacity: 1; filter: alpha(opacity=100); -webkit-filter: opacity(1); filter: none; /* Firefox 10+ */ -webkit-filter: grayscale(0%); /* Chrome 19+ & Safari 6+ */ image-rendering: auto; } } } /*INTERNA CLIENTES #conteudo .lista-clientes.grandes{ li{ width:204px !important; height:290px; height:auto !important; height:290px; float:left; list-style:none; border: red solid 1px; figure{ width: 100%; height: 214px; float: left; overflow: hidden;} } } */ .lista-clientes{ width:100%; min-height:219px; height: auto !important; border:red solid 0px !important; float:left; list-style:none; margin-bottom: 30px; li{ width:204px; float:left;padding-top:0; margin: 10px 15px 10px 0; min-height:319px; figure{height:214px; img{ border:0} } .posicao{ width:none; float: right;background-color:#ff9000; text-align:right; font-size:12px; padding: 10px 7px; min-width: 75%; h4{ padding:7px 9px; } } } } .boxHome.audios{ h2{ span{ font-size:36px ; font-weight:300; line-height:10px; &:after{ content:url(../images/bullet.png); position:absolute; margin:-22px 151px; } } } } .boxHome ul.audio{ width:447px; min-height:219px; height:auto !important; height:219px; list-style:none;background-color:#f0f0f0; margin-top:30px !important; li{ width:447px; min-height:90px; height:auto !important; height:90px; border-bottom:#c4c4c4 dashed 1px; padding:19px 15px; p{ line-height:20px; &:nth-child(2){ margin-top:0; font-size:18px; } } } } /*HOME */ .lista-servicos.home{ width:530px;min-height:250px; height:auto !important; height:250px; border:none !important; margin-left: 40px; li{ width:160px; height:118px; margin:0 0 0 0 !important; p{ line-height:14px !important;} figure{ width:160px; height:118px; } h4{ float:right; margin-top:-15px; font-size:11px; font-weight: normal; position: relative} } } .stepcarousel99 { position:relative; overflow:hidden; width:530px; height:240px; } .stepcarousel99 .belt99{ position: absolute; left:0; top:0;} .stepcarousel99 .panel99 { float:left; overflow:hidden; width:160px !important; height:230px; margin-right: 29px } #mygallery99-paginate{ margin:0 auto; border:red solid 1px; text-align: center; display: flex;} span.paginatecircle{ /* CSS for paginate circle spans. Required */ background:@corLaranja; padding: 10px 10px; cursor: pointer; display: inline-block; margin-right: 14px; display: block; flex-grow:1 } .fotos{ width:1100px; height:237px; float:left; h2{color:#688397;} .carousel{width:970px; height:164px; float:left; margin-left:58px; list-style:none; li{ width:138px; height:118px; float:left; margin:0 0px 0 20px; figure{ width:138px; height:104px; overflow:hidden; float:left} h4{ width:113px; padding: 5px; font-weight: normal; font-size: 11px; background-color:#323232; color:#FFFFFF; padding-top:5px;margin-top:-14px; text-align:right; float:right} } .stepcarousel2 { position:relative; overflow:hidden; width:960px; height:164px; } .stepcarousel2 .belt2{ position: absolute; left:0; top:0; } .stepcarousel2 .panel2 { float:left; overflow:hidden; height:164px; } } } /*CLIENTES */ .title{ width:1100px; background:url(../images/fnd-title.jpg)repeat-x top ; margin-bottom:28px; h2{ margin-bottom:2px; } } ul.categorias { width: 100%; min-height:44px; float:left; list-style:none; li a{ float:left; padding:10px 48px; font-size:18px; background-color:#323232; color:#FFFFFF; font-weight:300; margin: 0 23px 10px 0; &:after{ content:url(../images/linha-laranja.jpg); position:absolute; margin:-6px 0 0 48px; } } li a:hover, li a.active{ background:#ff9000;} } .carousel-clientes li.inicio{margin:0 0 auto 0; } .fotointerna{ width:259px; height:415px; float:left;} .descricao { width:302px; height:415px; float:left; border-right:#b9b9b9 dotted 2px; padding-left:20px; p.laranja{ width:259px;font-size:36px; font-weight:bold; border-bottom:#b9b9b9 dotted 2px; line-height:50px; float:left;} h4{ padding-bottom:16px; margin-top:54px;} p{ font-size: 13px; font-weight:300; float:left; border-bottom:none;} } .dados{ width:535px; min-height:415px; height:auto !important; height:415px; float:right; padding:8px 0 0 20px; .dados-jogador{ width:100%; float:left; background-color:#df7f03; color:#FFFFFF; font-size:14px; padding:7px 5px; margin-bottom:17px;} } .titulo2{ font-size:18px; font-weight:300; border-bottom:#b9b9b9 dotted 2px; line-height:28px; padding-left:21px; margin-bottom:38px; &:before{ content:url(../images/linha-anuncio.png); position:absolute; margin:-2px 0 0 -12px ; } } .carousel-clientes{ width:1100px; height:174px; float:left; margin-top:30px; list-style:none;margin-bottom:140px; .title{ background:none; h2{ border-bottom:#c4c4c4 dotted 1px;}} li{ width:154px; float:left; margin-right:34px; &:nth-child(6){margin-right:0px !important; } } p.laranja{ font-size:14px; font-weight:regular;} p{ font-size:18px;} } .atletas p.titulo{ font-size:18px; font-weight:300; border-bottom:#b9b9b9 dotted 2px; line-height:28px; padding-left:21px; &:before{ content:url(../images/linha-anuncio.png); position:absolute; margin:-2px 0 0 -12px ; } } /*SERVICOS */ .lista-servicos{ width:100%; min-height:750px; height:auto !important; height:750px; list-style:none; border:red solid 0px; li{ width:247px; height:189px; float:left; margin:0 0 187px 35px; figure{ width:247px; height:189px; overflow:hidden;float:left } h4{ float:right;background-color:#ff9000; font-size:11px; font-weight: normal; color:#FFFFFF; padding:9px 12px; margin-top:-21px; position: relative;} p{ font-size:12px; font-weight:regular; text-align:justify; float:left;padding-top:15px;} } hr{ border:#c4c4c4 dashed 1px;} } .lista-servicos li.inicio{margin:0 0 auto 0; } /* WEB SITE */ .lista-clientes.web{ figure:hover{ background:rgba(0,0,0,0.3);transition:1s;} .posicao{width:186px; color:#F4F4F4; font-size:14px; padding:none;} } /* NOTICIAS */ .boxLateral{ width:200px; height: 295px; float:right; ul{ list-style:none; margin-bottom:50px; figure{ height:208px; } li{ p{ font-size:20px; min-height:41px; padding:12px 0 0 10px;; background-color:#323232; color:#FFFFFF; font-weight:300; span{ color:@corLaranja; font-size:14px; text-transform:uppercase; padding-right:40px; padding-left:8px;} } .posicao{ height:34px; background:@corLaranja; color:#FFFFFF; text-align:right; padding:11px 13px; float:right;} } } .title{ width:205px; background:none; h2{font-weight:300; font-size:18px; } } } /*CONTATO */ .auxiliarContato{ width:410px; min-height:450px; height:auto !important; height:400px;float:left; } .auxiliarContato input, .auxiliarContato textarea{ width:398px; height:47px; margin-bottom:9px; padding-left:10px; font-size:16px; font-weight:300; border:#cececd solid 1px; -webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px;} .auxiliarContato textarea{ height:149px; padding-top:10px;} .auxiliarContato input[type="submit"]{ background:black; color:#fff; width:100px; float:right; padding:0; font-size:14px; border:0; margin-right:10px;} .boxContatos{ width:640px; min-height:381px; float:left;background:url(../images/bg_contato.jpg); margin-left:45px} .boxContatos .Box-informacoes{width:100%; min-height:79px; float:left;list-style:none;font-size:14px; font-weight:300; margin-bottom:5px } .boxContatos .Box-informacoes li{ line-height:22px; &:nth-child(1){ font-size: 22px; font-weight: 500; text-transform: uppercase; } } .boxContatos iframe{ width: 100%;height:282px; float:left} .auxiliarContato input:hover, .auxiliarContato textarea:hover{ background:black} .auxiliarContato input:hover::-webkit-input-placeholder, .auxiliarContato textarea:hover::-webkit-input-placeholder { color: #ffffff; } /*FOTOS */ .boxGaleria{float:left; width:247px; min-height:189px; height:auto !important; height:174px; margin-top:15px; margin-right:28px; font-size:14px; border:#00F solid 0px;} .boxGaleria.ultimo{float:right; margin-right:0px;} .boxGaleriaImagem{float:left; width:247px; height:189px; border:#999 solid 0px; margin-bottom:5px;} .boxGaleria p:nth-child(3){ font-size:17px; } .boxTextoGaleria{float:left; width:160px; min-height:10px; height:auto !important; height:10px; padding:0 4px; margin-top:5px; border:#900 solid 10px;} .boxVideoEmbed{float:left; width:100%; height:400px;} .boxInternaFotos{float:left; width:247px; height:189px; border:2px solid #CCC; overflow:hidden; margin:5px 12px 15px 0px;} .player{float:left; width:100%; min-height:400px; height:auto !important; height:400px;} .player .boxVid{float:left; width:100%; height:500px; margin:15px 0;} .player .boxVid iframe{ width:100%; height:100%;} /* color: #000000; } :-moz-placeholder { color: #000000; } ::-moz-placeholder { color: #000000; } :-ms-input-placeholder { color: #000000; } */ #contorno_rodape{width:100%; height:90px; margin:0 auto; font-weight:500; color:#939598; padding-top:50px; } #contorno_rodape .rodape{width:958px; height:90px; margin:0 auto; background:url(../images/linha-rodape.png) top center no-repeat; font-size:12px; padding-top:20px;} #contorno_rodape .rodape p:nth-child(1){ float:left} #contorno_rodape .rodape p:nth-child(2){ float:right} #contorno_rodape .rodape .trade a{ float:right; background:url(../images/logo-trade.png); width:86px; height:25px; text-indent:-40000px; margin-top:40px} } /* FIM CONTEUDO */ #contorno_rodape{width:100%; height:374px; margin:0 auto; .rodape{ width:1100px; height:156px; margin:0 auto; margin-top:218px; .release{width:990px; height:73px; float:left; p{float:left; margin:25px 12px; font-size:11px; color:#FFFFFF; font-weight:300; } .pesquisar{ width:166px; height:40px; float:left; margin-top:13px; } .btenviar{ width:77px; height:40px; background:#323232; color:#FFFFFF; border:none; margin-top:13px;float:left; } .solicite { width:212px; height:73px; font-size:12px; float:right; p{ margin-top:25px; } p:before{ content:url(../images/linha-anuncio.png); position:absolute; margin:0px 0 0 -15px; } } } .balao a{ width:105px; height:100px;background:url(../images/balao.png) no-repeat; margin-top:-23px;float:right; text-indent:-4000px;} .redes{ width:300px; height:27px;float:right;background:url(../images/redes.png) no-repeat; margin-top:15px; line-height:27px; font-size:11px; span{ color:#ff9000; } a{ width:24px; height:26px; float:left; margin-right:6px; text-indent:-4000px } } } } /* NOTICIAS */ .conteudoInterno{ width: 886px; min-height: 100px; height: 0 auto !important; float: left; padding-right: 10px; .newsUnica { width: 100%; min-height: 35px; height: auto !important; height: 35px; border-bottom: #e8e8e8 solid 1px; padding-bottom: 5px; margin-bottom: 10px; float: left; figure{ float: left; margin-right: 10px; } } } // fim noticias .share-rede{ float: left; list-style: none; } .share-rede li{ float: left; margin-right: 10px } .maisNews{ width: 100%; height: 400px; float:left; border: #000 solid 0px;} /* PAGINACAO */ div.pagination {padding: 3px;margin: 3px;text-transform:uppercase; float:right} div.pagination a {padding: 2px 5px 2px 5px;margin: 2px;border: 0px solid #ccc;text-decoration: none;color: #FF8941;} div.pagination a:hover, div.pagination a:active {border: 0px solid #ccc;color: #ffffff;background:#FF8941} div.pagination span.current {padding: 2px 5px 2px 5px;margin: 2px;border: 0px solid #ccc;font-weight: bold;background-color: #FF8941;color: #FFF;} div.pagination span.disabled {padding: 2px 5px 2px 5px;margin: 2px;border: 0px solid #ccc;color: #DDD;} @media screen and (max-width:800px) { } // fim @media