/*------------------------------------------------------------------------------ *--- Basic Style Sheet (for version any browsers) ---* *--- ---* *--- version: 1.0.0 ---* *--- author: ServiceWeb ---* *--- email: serviceweb@serviceweb.com.br ---* *--- site: http://www.serviceweb.com.br/ ---* *--- ---* *--- ---* *--- Esta folha de estilo é de uso proprietário. ---* *--- No caso da utilização {arquivos que estão vinculados ---* *--- com a folha de estilo, como imagens ou fontes} a ---* *--- referência deve ser mantida. ---* *--- Em caso de uso indevído da folha de estilo {e todos ---* *--- os arquivos que são parte integrante da folha de estilo}, ---* *--- é de autoria da empresa responsável pelo site, a cobrança ---* *--- de multa sobre uso indevído de arquivos proprietários. ---* *--- ---* *--- Regras de uso: ---* *--- ---* *--- - Manter referências quanto da utilização de ---* *--- arquivos proprietârios; ---* *--- - Imagens podem ser utilizadas, quando da utilização ---* *--- da mesma através do link direto para o arquivo ---* *--- original, ou seja, o arquivo de imagem deve ser ---* *--- linkado diretamente ao arquivo de origem armazenada na ---* *--- página origem do arquivo CSS; ---* *--- ---* ------------------------------------------------------------------------------*/ * {margin: 0;padding: 0;} body {width: 100%;font: normal 1em Georgia, "Times New Roman", Times, Serif;background: #000 url(../images/backSite.jpg) fixed repeat-x center top;;cursor: default;voice-family: "\"}\"";voice-family:inherit;} a:link, a:active, a:hover, a:visited {text-decoration: none;} ul {list-style: none; list-style-type: none;} img{border: none;} div.blank {width: 310px;height: 160px;margin-left: 0;float: left;} .clear {height: 0;clear: both;display: block;} #loading {display: block; width: 100%;height: 100%; margin: 0 auto;z-index: 1000; position: absolute; background: #000 url(../images/loader.gif) no-repeat center center;} #loading img {left: 200px;} #top {display: block;width: 100%;height: 800px;background: Transparent url(../images/shadow.png) repeat-x top center;position: relative;} #top .highlights {width: 900px;height: 330px;margin: 0 auto;margin-bottom: -336px;overflow: hidden; z-index:0;} #top .highlights img {margin-top: 30px; position:absolute;} #top .show {display: block;width: 100%;height: 800px;background: Transparent url(../images/backPalco.jpg) no-repeat center 55%;} #top div.nav {width: 1000px;margin: 0 auto;position: relative;display: block;} #top h1 {width: 310px;height: 300px;top: 150px;left: 55px;z-index: 10;position: absolute; z-index:1010;} #top ul {width: 950px;height: 30px;left: 50px;top: 470px;position: absolute;} #top li, #top li a {float: left;} #top li {margin: 0 10px;} #top li.navA a {width: 100px; height: 35px; background: Transparent url(../images/itemQuemSou_.png) no-repeat top center;} #top li.navB a {width: 90px; height: 35px;background: Transparent url(../images/itemParcerias_.png) no-repeat top center;} #top li.navC a {width: 115px; height: 35px;background: Transparent url(../images/itemOndePassei_.png) no-repeat top center;} #top li.navD a {width: 90px; height: 35px;background: Transparent url(../images/itemImprensa_.png) no-repeat top center;} #top li.navE a {width: 130px; height: 35px; background: Transparent url(../images/itemDepoimentos_.png) no-repeat top center;} #top li.navF a {width: 140px; height: 35px;background: Transparent url(../images/itemFotosVideos_.png) no-repeat top center;} #top li.navG a {width: 80px; height: 35px;background: Transparent url(../images/itemContato_.png) no-repeat top center;} .content .nav {height: 140px;z-index: 10;position: relative;} .content .nav h1 {width: 310px;height: 300px;position: absolute;top: 0; left: 0;} .content .nav ul {margin-top: 100px;float: right;} .content .nav ul li, .content .nav ul li a {text-align: center;float: left;} .content .nav li {margin: 0 3px 0 0;} .content .nav li.navA a {width: 85px; height: 30px; background: Transparent url(../images/itemQuemSou.png) no-repeat top center;} .content .nav li.navB a {width: 83px; height: 30px;background: Transparent url(../images/itemParcerias.png) no-repeat top center;} .content .nav li.navC a {width: 98px; height: 30px;background: Transparent url(../images/itemOndePassei.png) no-repeat top center;} .content .nav li.navD a {width: 83px; height: 30px;background: Transparent url(../images/itemImprensa.png) no-repeat top center;} .content .nav li.navE a {width: 103px; height: 30px; background: Transparent url(../images/itemDepoimentos.png) no-repeat top center;} .content .nav li.navF a {width: 113px; height: 30px;background: Transparent url(../images/itemFotosVideos.png) no-repeat top center;} .content .nav li.navG a {width: 73px; height: 30px;background: Transparent url(../images/itemContato.png) no-repeat top center;} .content .nav ul li a:hover {border-bottom: 3px solid #9E0F0D;} .content .nav ul li.current {background: Transparent url(../images/transparency.png) repeat center center;} .content .nav ul li.current a {border-bottom: 3px solid #9E0F0D;} .show .nav p {margin: 0 auto;color: #FFF;font: normal .9em Georgia, "Times New Roman", Times, Serif;top:560px;right:0;position:absolute;} .show .nav p a {color: #FFF;} #quemsou, #details, #parcerias, #contato {height: 750px;} #contato span.back {width: 505px;height: 255px;bottom: 0;left: 0;background: Transparent url(../images/backContact.png) no-repeat bottom left;position: absolute;} #contato .content .center .navBox .text input, #contato .content .center .navBox textarea {color: #666;} .content {width: 990px;margin: 0 auto;padding-top: 10px;} .center {width: 990px;border: 1px solid #0D0D0D;background-color: #000;position: relative;} #quemsou .content .center {min-height: 400px;} .center .navBox, .center .box {width: 470px;position: relative;float: right;} .center .containerBox {width: 500px;position: relative;float: left;z-index: 1010;} .center .navCenter {width: 500px;padding: 160px 0 0 10px;position: relative;} .center .foto {width: 456px;height: 426px;top: 10px;right: 10px;overflow: hidden;position: absolute;} #imprensa .center {padding-bottom: 20px;} #imprensa .center .blank {margin-right: 15px;} .center .boxPress {width: 300px;height: 185px;margin: 15px 0 0 15px;border: 5px solid #1D1D1D; color:#FFF;float: left;overflow: hidden;position: relative;} .center .boxPress:first-child {margin-left: 30px;} .center .boxPress a span {width:280px;bottom: 0;left: 0;padding: 10px;position: absolute;background: Transparent url(../images/transparency.png) repeat center center;color: #FFF;font-family: "Trebuchet Ms", Arial, Tahoma, Verdana, Sans-serif;display: none;} #ondepassei , #imprensa, #fotosevideos, #depoimentos {margin-bottom: 150px;} #ondepassei .center {padding-bottom: 25px;} .center .boxPlaces {width: 275px;margin: 20px 0 0 35px;padding-top: 5px; color:#FFF;float: left;} .center .boxPlaces a {height: 50px;padding: 5px 0 0 10px;background: Transparent url(../images/border.png) no-repeat center center;color: #FFF;font: normal 1em "Trebuchet Ms", Arial, Tahoma, Verdana, Sans-serif;display: block;} .center .boxPlaces a:hover {background-color: #151515;} .fita {width: 66px;height: 52px;top: -10px;left: 50%;background: Transparent url(../images/fita.png) no-repeat center;z-index: 10;position: absolute;} .center .navBox form {margin-top: 6px;} .center .navBox form label {width: 120px;margin-top: 5px;padding-right: 5px;border-right: 1px solid #DDD;text-align: right;font: normal .9em/30px "Trebuchet Ms", Verdana, Arial, Tahoma, Sans-serif;color: #DDD;float: left;} .center .navBox form input, .center .navBox form textarea {width: 320px;margin: 5px 5px 0 0;padding: 3px;border: none;background-color: Transparent;font: normal 1em "Trebuchet Ms", Verdana, Arial, Tahoma, Sans-serif;color: #FFF;float: right;} .center .navBox form span.text {display: block;width: 460px;height: 44px;margin-bottom: 10px;background: Transparent url(../images/backText.png) no-repeat top left;} .center .navBox form textarea {height: 170px;} .center .navBox form span.textArea {display: block;width: 460px;height: 191px;margin-bottom: 10px;background: Transparent url(../images/backTextArea.png) no-repeat top left;} .center .navBox form span.textArea label {height: 180px;} .center .navBox form span.btn {display: block;height: 43px;text-align: right;} .center .navBox form span.btn input {width: 133px;margin: -3px 10px 0 0;padding: 0;font-size: .9em;cursor: pointer;background: Transparent;} .center .containerBox .vcard {margin: 10px 0 0 30px;font: normal .9em "Trebuchet Ms", Tahoma, Verdana, Arial, Sans-serif;color: #DDD;} .center .containerBox .vcard span.lnk a {color: #DDD;text-decoration: none;} .center .boxFriend {width: 600px;height: 448px;color: #FFF;float: right;overflow: hidden;} .center .boxFriend span {display: block;margin: 10px;padding: 10px 0;background-color: #111;text-align: center;} .center .boxFriend p {margin-top: 50px;} .center .boxFriend p, .center .boxTestimonials p, .boxTestimonials .more {padding: 10px;text-indent: 1em;font: normal .9em "Trebuchet Ms", Arial, Tahoma, Verdana, Sans-serif;} .panel h1 {padding: 10px 0 0;text-indent: .5em;font: normal 1.3em "Trebuchet Ms", Arial, Tahoma, Verdana, Sans-serif;} .panel strong, .center .boxTestimonials strong {padding-left: 10px;font: normal .9em "Trebuchet Ms", Arial, Tahoma, Verdana, Sans-serif;} .panel a {font: normal .9em "Trebuchet Ms", Arial, Tahoma, Verdana, Sans-serif;color: #069;} .boxTestimonials .more {color: #069;display: block;} .next {margin-left: 15px;} .next, .prev {padding: 5px;color: #FFF;background-color: #0D0D0D;font: normal 1em "Trebuchet Ms", Arial, Tahoma, Verdana, Sans-serif;border-bottom: 2px solid #1D1D1D;border-right: 2px solid #1D1D1D;border-top: 1px solid #565656;border-left: 1px solid #565656} .next:hover, .prev:hover {color: #FFF;background-color: #000;border-top: 2px solid #1D1D1D;border-left: 2px solid #1D1D1D;border-bottom: 1px solid #565656;border-right: 1px solid #565656} #depoimentos .center {height:450px;} #depoimentos .center .more {margin: 250px 0 0 50px;font: normal 1em "Trebuchet Ms", Arial, Tahoma, Verdana, Sans-serif;color: #FFF;float: left;} .center .boxTestimonials {width: 600px;color: #FFF;float: right;overflow: hidden;} .center .boxTestimonials .panel {background: Transparent url(../images/aspas.png) no-repeat top center;} .center .boxTestimonials .panel p {margin: 0;} .center .boxTestimonials p {font-style: italic;margin-top: 40px;} .center .boxTestimonials strong {margin: 0px 0 20px;display: block;} #fotosevideos .center {padding-bottom: 20px;} .center .boxPhotos {width: 450px;min-height: 200px;margin-top:20px;float: right;display:block;} .center .boxPhotos ul{} .center .boxPhotos ul li{float: left;} .center .boxPhotos ul li h3{margin-top:25px;color: #DDD;font-family: "Trebuchet Ms", Arial, Tahoma, Verdana, Sans-serif;} .center .boxPhotos ul li ul{margin-top: 0;display: inline;} .center .boxPhotos ul li ul li {float: left;} .center .boxPhotos ul li ul li a {width: 60px;height: 60px;margin: 2px;border: 2px solid #0D0D0D;background-color: #0D0D0D;font-size: 3em;color: #AAA;display: block;} .center .boxPhotos ul li ul li a:hover {border-color:#1D1D1D;background-color: #151515;color: #FFF;} .center .boxPhotos ul li ul li .iframe {text-align: center;} .center .boxVideos {width: 450px;margin-left: 70px;padding: 160px 0 0 0;} .center .boxVideos ul li {width: 315px;height: 60px;margin-top: 20px; color:#FFF;} .center .boxVideos ul li a {padding: 15px 0 10px 30px;border: 4px solid #0D0D0D;color: #DDD;font: normal 1.1em "Trebuchet Ms", Arial, Tahoma, Verdana, Sans-serif;display: block;} .center .boxVideos ul li a:hover {border-color:#1D1D1D;background-color: #151515;color: #FFF;} .center .boxVideos h3 {color: #DDD;font-family: "Trebuchet Ms", Arial, Tahoma, Verdana, Sans-serif;} #contato .center .containerBox {padding: 160px 0 0 0;} .center .containerBox h1 {margin-left: 20px;font: normal 1.3em/1.5em "Trebuchet Ms", Arial, Tahoma, Verdana, Sans-serif;color: #FFF;} .navCenter h2 {text-indent: .6em;font: normal 1.3em "Trebuchet Ms", Arial, Tahoma, Verdana, Sans-serif;color: #FFF;} .navCenter p {padding: 10px 0;text-indent: 2em;font: normal .9em "Trebuchet Ms", Verdana, Arial, Tahoma, Sans-serif;color: #DDD;} .navCenter strong a {font: normal .9em "Trebuchet Ms", Arial, Tahoma, Verdana, Sans-serif;color: #069;} .center .boxTestimonials .stepcarousel {height: 320px;} .stepcarousel{position: relative;height: 350px;} .stepcarousel .belt{position: absolute; left: 0;top: 0;} .stepcarousel .panel{float: left; overflow: hidden;margin: 10px;width: 280px;} #depoimentosDetails {} #depoimentosDetails .center {padding-top: 180px;} .center h1 {margin-left: 20px;font: normal 1.3em/1.5em "Trebuchet Ms", Arial, Tahoma, Verdana, Sans-serif;color: #FFF;} .center .panel {margin: 15px;color: #FFF;background: Transparent url(../images/aspas.png) no-repeat top left;overflow: hidden;display: block;} .center .panel p {font-style: italic;} .center .panel strong {margin: 0px 0 20px;display: block;}