/*------------------------------------------------------------------------------ *--- 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 {background-color: #69412E;font: normal 1em "Trebuchet Ms", Arial, Tahoma, Sans-serif;color: #000;cursor: default;} h1 {font-size: 1em;font-weight: normal;font-family: Gentilis;} a:link, a:active, a:hover, a:visited {text-decoration: none;color: #000;} ul {list-style: none; list-style-type: none;} .clear {clear: both;display: block;height: 0;} a.card {padding: 2px 8px;background: Transparent url(/images/card.png) no-repeat center;position: relative;} #welcome {width: 100%;position: fixed;z-index: 1100;} #welcome, #relation {height: 30px;line-height: 30px;background-color: #EEE;border-bottom: 1px dashed #CCC;} #relation {background-color: #533324;border: none; border-top: 1px dashed #2E1D14;} #welcome div, #relation div {display: block;width: 990px;margin: 0 auto;} #welcome div h2, #welcome div h3, #relation h2, #relation h3 {font: normal .8em/30px Georgia, "Times New Roman", Times, Serif;float: left;} #welcome div h3, #relation h3 {float: right;} #welcome div h3 a {color: #069;} #relation h2, #relation h3 {color: #CECA93;} #relation h3 a {font-weight: bold;color: #FFF;} #relation h2 a {color: #FFF;} #welcome div h3 a:hover, #relation h3 a:hover, #relation h2 a:hover {text-decoration: underline;} #head {background-color: #E4E4E4;} #top {width: 990px;padding-top: 80px;margin: 0 auto;background: Transparent url(/images/clouds.gif) no-repeat bottom center;} #top h1 {width: 0;height: 130px;margin: -20px 0 0 20px;padding-left: 216px;overflow: hidden;position: relative;float: left;} #top h1 a {width: 216px;height: 85px;top: 0;left: 0;background: Transparent url(/images/logo.png) no-repeat top center;position: absolute;z-index: 100;} #top h1 span {display: none;width: 111px;height: 55px;top: 65px;left: 70px;background: Transparent url(/images/backHome.png) no-repeat center;position: absolute;z-index: 1010;} #top h1 a:hover span {display: block;} #top ul {position: relative;float: right;} #top ul li {margin: 0 5px;background: none;float: left;} #top ul li a {padding: 10px;font: normal 1.1em Georgia, "Times New Roman", Times, Serif;color: #000;float: left;} #top ul li a:hover {background-color: #B97B60;background-position: bottom;} #navA, #navB, #navC, #navD, #navE {height: 17px;background: Transparent url(/images/menuAbout.gif) no-repeat top center;overflow: hidden;text-indent: -9999em} #navA {width: 93px;} #navB {width: 61px; background-image: url(/images/menuSolutions.gif);} #navC {width: 63px; background-image: url(/images/menuPortfolio.gif);} #navD {width: 83px; background-image: url(/images/menuTecnology.gif);} #navE {width: 56px; background-image: url(/images/menuContact.gif);} #head .show {display: block;height: 210px;background: #6DB450 url(/images/backGreen.jpg) repeat-x center top;} #head .show div {display: block;width: 950px;margin: 0 auto;} #head .show div.details {padding-top: 180px;} div.border {height: 81px;background: #6DB450 url(/images/backSeparator.png) repeat-x center bottom;} #container {display: block;background: Transparent url(/images/backSite.png) repeat-x center top;position: relative;} #container .blur {display: block;height: 85px;margin-top: 20px;background: Transparent url(/images/blur.png) no-repeat center top;} #container .blurMore {display: block;height: 85px;background: Transparent url(/images/blurMore.png) no-repeat center top;} #container .body {width: 930px;margin: 0 auto;margin-top: -85px;} .body .content {width: 620px;float: left;} .body .content div.box {padding-top: 1px;background-color: #F0F0F0;} .body div.box .bottom {width: 620px;height: 12px;background: #F0F0F0 url(/images/bottomContent.gif) no-repeat top center;clear: both;} .destacable {width: 957px;margin: 0 auto;position: relative;} .destacable #destacable {width: 957px;height: 408px;overflow: hidden;} #destacable li {width: 957px;height: 409px;overflow: hidden;position: relative;} ul.mask {bottom: 6px;position: absolute;z-index: 10;} ul.mask li {width: 114px;height: 96px;margin: 0 -5px -5px 0;border: 5px solid #69412E;text-align: center;float: left;} ul.mask li.back {width: 362px;height: 106px;border: none;background-color: #69412E;} ul.mask li.more {text-align: center;font: normal 6em/96px Arial, Tahoma, Verdana, Sans-serif;} ul.mask li.more a {display: block;color: #FFF;} ul.mask li.more a:hover {background-color: #000;font-size: 1.4em;} ul#show li {width: 350px;height: 90px;margin: 0 auto;border: none;position: relative;} ul#show div {width: 340px;height: 80px;top: 10px;left: 10px;bottom: 0;right: 0;position: absolute;z-index: 1010;} ul#show div h1, ul#show div h2 {display: block;padding-top: 6px;font: normal 1.6em Georgia, "Times New Roman", Times, Serif;color: #FFF;} ul#show div h2 {margin-top: 5px;font-size: .7em;} ul#show div h2 a {padding: 2px 4px;color: #FFF;} ul#show div h2 a:hover {background-color: #FFF;color: #000;} div.box ul.box {margin-left: 50px;list-style-image: url(/images/tick.gif);} div.box ul.box li {padding: 5px 0 0;font: italic .9em/1.6em Georgia, "Times New Roman", Times, Serif;} div.box ul.box li a:hover {color: #069;text-decoration: underline;} div.box ul.feed {margin-left: 50px;list-style-image: url(/images/feed.gif);} div.box ul.feed li a{text-decoration: none;} div.box ul.feed li a:hover{color: #069;background: none;text-decoration: underline;} div.box .information span {display: block;margin-top: 10px;text-align: right;font: italic .9em Georgia, "Times New Roman", Times, Serif;} div.box span.clearBottom {height: 2px;margin: 20px 0;display: block;background: Transparent url(/images/separator.gif) no-repeat center;clear: both;} div.box a.more {margin-right: 20px;font: bold .9em/2em "Trebuchet Ms", Verdana, Arial, Tahoma, Sans-serif;color: #2F5966;float: right;} div.box a.moreDetails {text-decoration: none;margin-left: 10px;font: bold .9em/2em "Trebuchet Ms", Verdana, Arial, Tahoma, Sans-serif;color: #2F5966;} div.box a.more:hover, div.box .information span a:hover, div.box ul.list li span a:hover {color: #069;text-decoration: underline;} div.box a.moreDetails:hover {text-decoration: underline;background-color: Transparent;} .information ul {margin-left: 60px;list-style-image: url(/images/tick.gif);font: normal .9em/1.6em Georgia, "Times New Roman", Times, Serif;color: #333;} .information img.image {margin: 20px;float: left;} .information a {padding: 2px;color: #069;text-decoration: underline;} .information a.more {padding: 2px;color: #069;text-decoration: none;} .information a:hover {background-color: #069;text-decoration: none;color: #FFF;} .information a.more:hover {background-color: Transparent;text-decoration: underline;} ul.list li {padding-bottom: 20px;margin-bottom: 20px;background: Transparent url(/images/separator.gif) no-repeat bottom center;} ul.list.double li {width: 290px;height: 280px;padding-bottom: 20px;margin: 0 10px;float: left;background: Transparent url(/images/separator.gif) no-repeat bottom center;position: relative;} ul.list.double li img {margin: 10px 20px 0 5px;float: left;} ul.list p, .information p {text-indent: 2em;padding: 0 10px;margin-bottom: 10px;font: normal .9em/1.7em Georgia, "Times New Roman", Times, Serif;color: #333;} ul.list p a:hover {color: #069;text-decoration: underline;} ul.list div.portfolio {width: 620px;height: 200px;margin: 20px 0 0 -17px;background-color: #FFF;z-index: 10;position: relative;} div.portfolio ul {width: 600px;height: 180px;padding: 10px 0 0 10px;overflow: hidden;} div.portfolio ul li {width: 600px;height: 180px;margin: 10px 0 0 10px;padding: 0;overflow: hidden;} div.portfolio ul li a{display: block;margin: 15px;color: Transparent;} div.portfolio ul li a img {width: 600px;} ul.list .blurBottom {display: block;width: 620px;height: 17px;margin-left: -17px;background: Transparent url(/images/blurDestacable.gif) no-repeat left top;} ul.list .pager{display: block;height: 15px;margin-right: 17px;background: #FFF;float: right;overflow: hidden;} ul.list .pager a {padding: 0 6px;background: Transparent url(/images/nav_button2.png) no-repeat bottom center;color: Transparent;} ul.list .pager a.activeSlide {background-position: top center;} ul.list li ul li {margin: 0;background: none;} ul.list li ul li p {width: 580px;margin: 10px 0 0 10px;} div.comment {margin: 20px 10px; padding: 5px;background-color: #DEDEDE;} .comment blockquote {font: italic .9em/1.5em Georgia, "Times New Roman", Times, Serif;color: #333;} .comment cite {margin: 10px;padding: 0;font: italic 1em/1.5em Georgia, "Times New Roman", Times, Serif;color: #000;float: right;} .comment cite em {font-size: .7em;} div.box form {padding: 10px;} div.box form label {display: block;padding: 7px 5px;font-weight: bold;line-height: 1.8em;} div.box form input {width: 96%;padding: 8px 5px;font-size: 1.1em;} div.box form p {width: 48%;height: 85px;margin-right: 11px;position: relative;float: left;} div.box form textarea {width: 96%;height: 100px;padding: 8px 5px;} div.box form p.send {display: block;width: auto;height: auto;margin: 0;margin-top:10px; padding-right: 12px;text-align: right;float: none;} div.box form p.send input {width: 130px;height: 40px;margin-left: 10px;font: normal .9em Verdana, Tahoma, "Trebuchet Ms", Arial, Sans-serif;} div.box form p.send input:hover {cursor: pointer;} .body .navBar {width: 300px;float: right;} .body .navBar div.sec {display: block;background: #925941 url(/images/backNav.gif) no-repeat center bottom;} .body .navBar div.sec.flickr {margin: 25px 0;min-height: 145px;} .body .navBar div.sec.flickr .title {height: 20px;margin-right: 15px;background: Transparent url(/images/servicewebflickr.png) no-repeat right center;overflow: hidden;} .body .navBar div.sec .space {height: 440px;} .body .navBar div.sec span.top {display: block;height: 9px;background: Transparent url(/images/topSec.png) no-repeat center top;} .navBar span.separator {display: block;height: 20px;} .navBar .phone {width: 300px;height: 113px;padding-top: 10px;font: italic 1em/123px Georgia, "Times New Roman", Times, Serif;position: relative;} .navBar .phone span {width: 274px;height: 123px;top: 0;left: 0;background: Transparent url(/images/phone.jpg) no-repeat left bottom;z-index: 1010;position: absolute;} .navBar .vcard {margin: 0 10px;padding: 0 0 10px;font: normal .9em/1.4em "Trebuchet Ms", Tahoma, Verdana, Arial, Sans-serif;color: #FFF;} .navBar .vcard a {color: #F1F1F1;} .navBar .vcard a:hover {color: #000;text-decoration: underline;} .vcard a.friend.card:hover {text-decoration: none;} .navBar .comment {margin: 10px 10px 0;padding: 10px 0;text-align: center;background-color: Transparent;font: italic 1em Georgia, "Times New Roman", Times, Serif;color: #FFF;} .navBar .comment cite {display: block;text-align: right;font: bold 1em/1.9em "Trebuchet Ms", Verdana, Arial, Tahoma, Sans-serif;color: #F2C01C;} .navBar ul.listen {margin: 5px 0 20px 35px;list-style-image: url(/images/tick.gif);} .navBar ul.listen li {line-height: 30px;height: 30px;} .navBar ul.listen li a {padding: 0 2px;color: #FFF;} .navBar ul.listen li a:hover {color: #000;background-color: #FFF;} .navBar ul.listen li a.details{margin-left: 5px;font-size:.7em; color: #FFF} .navBar ul.listen li a.details:hover {color:#000; text-decoration:none;} .navBar div.solution p {text-indent: 1em;font: normal 1em/1.4em Georgia, "Times New Roman", Times, Serif;color: #FFF;} .navBar div.solution a {padding: 0 3px;background-color: #222;color: #FFF;font: normal .9em/1.4em Georgia, "Times New Roman", Times, Serif;color: #FFF;float: right;} .navBar div.solution a:hover {background-color: #FFF;color: #222;} .navBar ul.advertising {width: 290px;margin-right: 5px;float: right;} .navBar ul.advertising li {width: 125px;height: 125px;margin: 10px 9px;background-color: #6DB450;float: left;} ul.person {width: 300px;margin-top: 10px;} ul.person li {display: block;height: 100px;margin-bottom: 10px;} ul.person li img {float: left;} ul.person li span {width: 210px;float: right;} ul.person li span h1 {margin: 0;padding: 0;font: italic 1.2em/1.9em Georgia, "Times New Roman", Times, Serif;color: #FFF;border-bottom: 1px solid #925941;} ul.person li span p, ul.person li span a {font: italic .9em/1.4em Georgia, "Times New Roman", Times, Serif;color: #FFF;} ul.person li span a {color: #9FD5C9;} ul.person li span a:hover {border-bottom: 1px solid #9FD5C9;} .navBar ul.friend {margin: 0;padding: 0;} .navBar ul.friend li {width: 100px;height: 100px;margin: 0;font: normal 1em/1.5em Georgia, "Times New Roman", Times, serif;color: #FFF;float: left;} .navBar ul.friend li a {width: 100px;height: 100px;overflow: hidden;float: left;} .navBar ul.friend li a img {border: none;} h1.title {padding: 10px 0 10px 10px;font: normal 1.4em Georgia, "Times New Roman", Times, Serif;color: #000;} h1.show {text-indent: 1em;font: normal 1.8em/2.5em Gentilis, Georgia, "Times New Roman", Times, Serif;color: #FFF;} .navBar h1.title {color: #FFF;} h2.title {margin-left: 20px;font: bold 1em Georgia, "Times New Roman", Times, Serif;color: #000;} h2.title:hover {cursor: pointer;} #footer {width: 950px;margin: 0 auto;margin-top: 60px;padding-top: 30px;background: Transparent url(/images/hr.jpg) no-repeat top center;position: relative;} #footer ul {height: 40px;text-align: left;position: relative;float: left;} #footer ul li {display: inline;margin: 0;float: left;} #footer ul li.top {margin-left: 110px;} #footer ul li a {padding: 8px 12px;font: normal .9em Georgia, "Times New Roman", Times, Serif;color: #FFF;float: left;} #footer ul li a:hover {background-color: #FFF;color: #000;} #footer a.dev {width: 155px;height: 55px;top: 95px;left: 30px;background: Transparent url(/images/servicewebFooter.png) no-repeat center;position: absolute;} #footer p {padding: 30px 0 40px 220px;font: normal .8em "Trebuchet Ms", Verdana, Tahoma, Arial, Sans-serif;color: #EEE;} #footer p a {color: #CECA93;font-weight: bold;} #footer p a:hover {text-decoration: underline;} #footer p a.card {background: Transparent url(/images/card.png) no-repeat center right;padding: 0 20px 0 0;} .pagination{display: block;margin: 30px 0;padding: 10px;font: normal 13px Verdana, Tahoma, Arial, "Trebuchet Ms", Sans-serif;text-align: center;} .pagination .current {padding: 5px 9px;color: #000;background: Transparent url(/images/backNavigate.png) no-repeat center top;position: relative;} .pagination a {padding: 5px 9px;cursor: pointer;color: #666 !important;text-decoration: none;background: Transparent url(/images/backNavigate.png) no-repeat center bottom;position: relative;} .pagination a:hover {color: #B49103 !important;background-position: center top;} .pagination a.next_page, .pagination a.prev_page, .pagination span.disabled.prev_page, .pagination span.disabled.next_page {padding: 5px 29px;color: #666;background: Transparent url(/images/navigateBig.png) no-repeat center bottom;} .pagination a.next_page:hover, .pagination a.prev_page:hover {background-position: center top;}