/* * Reset */ @import url("reset.css"); /* * Clearfix */ #nav-main:after, .box:after, .box-news:after, .galeria:after, .alfa:after, .glossario:after , .releases:after, .foto-list li:after, .pagin:after, .cloud-clientes:after, .alfa:after, .btn-download:after {content:"."; display:block; clear:both; height:0; visibility:hidden;} /* * Geral */ body {font:normal 76%/1.4em Arial, verdana, sans-serif; background:#EDE3D3 url(../img/layout/bg-geral.jpg) no-repeat center top;} #nav_sup { width:100%; height:40px; position:absolute; top:0; background:#42403E;} #container {width:980px; margin:40px auto 0 auto; position:relative;} #header {height:160px; position:relative;} #content {min-height:300px; position:relative; z-index:2;} #footer {clear:left; height:200px; position:relative; background:url(../img/layout/bg-footer.gif) no-repeat; z-index:3;} strong {font-weight:bold;} em {font-style:italic;} .internas {padding:30px 0 0 0;} /* * bottom-bola */ #bottom-bola {width:326px; height:326px; position:absolute; left:-15%; bottom:125px; z-index:1; background:url(../img/layout/bottom-bola.gif) no-repeat;} /* * nav_sup */ #nav_sup .inside {width:980px; margin:0 auto;} #nav_sup .inside ul {float:right;} #nav_sup .inside ul li {padding:10px 0 0 20px; float:left;} #nav_sup .inside ul li.sep {background:url(../img/layout/pipe.gif) no-repeat 10px 15px;} #nav_sup .inside ul #search {width:240px; position:relative;} #nav_sup .inside ul #search #campo {position:absolute; left:20px; top:5px; padding:5px 0;} #nav_sup .inside ul #search #btn-search {position:absolute; right:0; top:5px;} #nav_sup .inside ul #search label {display:none;} #nav_sup .inside ul li a, #nav_sup .inside ul li span {letter-spacing:1px; font-size:.85em; color:#fff; text-decoration:none; text-transform:uppercase; padding:0 0 4px 0;} #nav_sup .inside ul li a:link, #nav_sup .inside ul li a:visited {border:none;} #nav_sup .inside ul li a:hover, #nav_sup .inside ul li a:active, #nav_sup .inside ul li span {border-bottom:4px solid #F9C357;} /* * Header */ #header h1 {width:220px; height:77px; text-indent:-99999px; position:absolute; left:20px; top:45px; background: url(../img/layout/logo.gif) no-repeat;} #header h1 a.back-home {width:220px; height:77px; text-indent:-99999px; display:block;} #header #nav-main {position:absolute; top:30px; left:260px;} #header #nav-main li {float:left;} #header #nav-main li a, #header #nav-main li span {width:98px; height:98px; margin:0 20px 0 0; display:block; text-indent:-99999px;} #header #nav-main li a:link, #header #nav-main li a:visited {border:1px solid #42403E;} #header #nav-main li a:hover, #header #nav-main li a:active, #header #nav-main li span {border:1px solid #D62C53;} #header #nav-main li a.empresa:link, #header #nav-main li a.empresa:visited {background:url(../img/layout/nav-main.png) no-repeat 0 bottom;} #header #nav-main li a.empresa:hover, #header #nav-main li a.empresa:active, #header #nav-main li span.empresa {background:url(../img/layout/nav-main.png) no-repeat 0 top;} #header #nav-main li a.servicos:link, #header #nav-main li a.servicos:visited {background:url(../img/layout/nav-main.png) no-repeat -98px bottom;} #header #nav-main li a.servicos:hover, #header #nav-main li a.servicos:active, #header #nav-main li span.servicos {background:url(../img/layout/nav-main.png) no-repeat -98px top;} #header #nav-main li a.clientes:link, #header #nav-main li a.clientes:visited {background:url(../img/layout/nav-main.png) no-repeat -196px bottom;} #header #nav-main li a.clientes:hover, #header #nav-main li a.clientes:active, #header #nav-main li span.clientes {background:url(../img/layout/nav-main.png) no-repeat -196px top;} #header #nav-main li a.noticias:link, #header #nav-main li a.noticias:visited {background:url(../img/layout/nav-main.png) no-repeat -294px bottom;} #header #nav-main li a.noticias:hover, #header #nav-main li a.noticias:active, #header #nav-main li span.noticias {background:url(../img/layout/nav-main.png) no-repeat -294px top;} #header #nav-main li a.contato:link, #header #nav-main li a.contato:visited {background:url(../img/layout/nav-main.png) no-repeat -392px bottom;} #header #nav-main li a.contato:hover, #header #nav-main li a.contato:active, #header #nav-main li span.contato {background:url(../img/layout/nav-main.png) no-repeat -392px top;} /* * Content Home */ #content .flash {width:940px; height:260px; margin:0 auto 40px auto; background:#fff; position:relative; z-index:1;} #content .flash #box-imp {width:250px; height:90px; padding:10px; position:absolute; top:20px; right:20px; background:#f9c357;} #content .flash #box-imp p {width:170px; float:left;} #content .side-home {width:260px; float:left;} #content .side-home p {font-size:20px; line-height:26px; margin:0 20px;} #content .main .ultimas-home {margin:0 0 15px 0; padding:0 0 10px 0;} #content .main .ultimas-home span {width:157px; height:15px; text-indent:-99999px; display:block; background:url(../img/layout/tit-ultimas-noticias.gif) no-repeat;} /* * Content side nav */ #content .side-nav {width:260px; float:left;} #content .side-nav li {margin:0 20px; padding:10px 0; border-bottom:1px solid #000;} #content .side-nav li a, #content .side-nav li span {font-variant:small-caps; text-decoration:none; display:block; font-weight:bold;} #content .side-nav li a:link, #content .side-nav li a:visited {color:#5A6363;} #content .side-nav li a:hover, #content .side-nav li a:active, #content .side-nav li {color:#D62C53;} /* * Content main */ #content .main {width:460px; min-height:450px; padding-bottom:80px; line-height:1.5em; float:left;} #content .main h2 { font-size:2em; font-weight:normal; margin:0 0 15px 0;} #content .main .dot {background:url(../img/layout/dot-line-h.gif) repeat-x bottom;} #content .main h3 {font-size:.9em; font-weight:bold; text-transform:uppercase; margin:0 0 3px 0;} #content .main dt a.dot {font-size:1.1em; display:block; margin:0 0 20px 0; padding:0 0 10px 0; background:url(../img/layout/dot-line-h.gif) repeat-x bottom;} #content .main h4 {font-size:1.1em; font-variant:small-caps; text-transform:lowercase;} #content .main h4.bg {width:80px; margin:0 0 0 -5px; padding:0 5px; font-variant:normal; background:#F9C357;} #content .main .box-news {margin:0 0 20px 0;} #content .main .box-news .foto-news-pq {width:80px; height:80px; margin:0 20px 5px 0; padding:5px; display:inline; float:left; background:#fff;} #content .main .box-news h3 {font-size:1em; font-weight:bold; text-transform:uppercase;} #content .main .box-news p {margin:0;} #content .main .box-news p span {padding:1px 3px; background:#F9C357;} #content .main .foto-full {display:block; margin:20px 0;} #content .main .tagline span {margin:0 0 0 -5px; padding:0 5px; background:#F9C357;} #content .main .galeria {margin:0 0 20px 0;} #content .main .galeria li {width:90px; height:90px; margin:0 10px 10px 0; padding:5px; float:left; display:inline; background:#fff;} #content .main .galeria li img {display:block;} #content .main .video h4 {margin:10px 0;} #content .main .video object {margin:0 0 20px 0; display:block;} #content .main p {margin:0 0 20px 0;} #content .main p .part-digital { display:block; float:left; padding:0 15px 5px 0; } #content .main p.link {padding:10px 0 0 0; background:url(../img/layout/dot-line-h.gif) repeat-x top;} #content .main p.link .back-news {padding:0 0 0 20px; background:url(../img/layout/red-arrow-left.gif) no-repeat left 6px;} #content .main p.link a.forgot {padding:0 20px 0 0; background:url(../img/layout/red-arrow-right.gif) no-repeat right 6px;} #content .main a {color:#000;} #content .main a:link, #content .main a:visited {text-decoration:none;} #content .main a:hover, #content .main a:active {color:#D62C53; text-decoration:underline;} #content .main .depo-cite {width:410px; padding:25px 0 0 45px; margin:0 0 20px 0; background: url(../img/layout/ico-aspas.gif) no-repeat;} #content .main .depo-cite cite {font-style:italic;} #content .main ul {margin:0 0 20px 0;} #content .main ul li {padding:0 0 0 15px; background:url(../img/layout/bullet-list.gif) no-repeat 0 7px;} #content .main ul.alfa {margin:30px 0; border-top:1px solid #000; border-bottom:1px solid #000;} #content .main ul.alfa li {padding:0; float:left; background:none;} #content .main ul.alfa li a {color:#000;} #content .main ul.alfa li a:link, #content .main ul.alfa li a:visited {text-decoration:none;} #content .main ul.alfa li a:hover, #content .main ul.alfa li a:active {text-decoration:underline;} #content .main ul.alfa li a, #content .main ul.alfa li span {width:1.4em; line-height:30px; text-align:center; display:block;} #content .main ul.alfa li span.ativo {width:21px; color:#fff; background:url(../img/layout/bg-alfa.gif) no-repeat center;} #content .main ul.alfa li span.inativo {color:#999;} #content .main ul.cloud-clientes {margin:0 0 20px 0;} #content .main ul.cloud-clientes li {float:left; padding:0 10px 0 0; margin:0 10px 0 0; display:inline; background:none;} #content .main ul.cloud-clientes li.sep {border-right:1px solid #7F837F;} #content .main dl.glossario {margin:0 0 20px 0;} #content .main dl.glossario dt {width:145px; float:left; display:block; font-weight:bold;} #content .main dl.glossario dd {margin:0 0 30px 145px;} #content .main dl#casos dd { margin:0 0 1em 0; } #content .main dl.atuacao {} #content .main dl.atuacao dt {font-size:1.1em; text-transform:lowercase; font-variant:small-caps; font-weight:bold;} #content .main dl.atuacao dt a {color:#000;} #content .main dl.atuacao dd {border-top:1px solid #000; border-bottom:1px solid #000; margin:10px 0; padding:20px 0;} #content .main dl.atuacao dd .cloud-clientes {margin:0;} #content .main cite strong {display:block;} #content #imprensa {margin:0 0 40px 260px; height:30px; position:relative;} #content #imprensa h2 {width:570px; line-height:30px; padding:0 20px; position:absolute; top:0; left:0; text-indent:-99999px; background:#f9c357 url(../img/layout/tit-sala-imp-yellow.gif) no-repeat 20px center;} #content #imprensa .btn-logout {width:80px; height:30px; text-indent:-99999px; display:block; position:absolute; top:0; left:620px; background:url(../img/layout/btn-logout.jpg) no-repeat;} #content .main div.agenda {margin:0 0 20px 0;} #content .main div.agenda p.data {margin:0 0 5px 0; font-style:italic;} #content .main div.agenda p.data span {padding:2px 10px; margin:0; background:#f9c357;} #content .main div.agenda h3 {margin:0; padding:0;} #content .main div.agenda a {color:#000;} #content .main div.agenda a.link-plus {margin:-20px 0 0 0; display:block; color:#D62C53;} #content .main div.agenda a:link, #content .main div.agenda a:visited {text-decoration:none;} #content .main div.agenda a:hover, #content .main div.agenda a:active {color:#D62C53; text-decoration:underline;} #content .main .releases {margin: 0 0 20px 0;} #content .main .releases dt {clear:left; width:120px; float:left;} #content .main .releases dt span {padding:2px 10px; background:#f9c357;} #content .main .releases dd {width:340px; float:left; margin:0 0 20px 0;} #content .main .pagin {padding:10px 0 0 0; background: url(../img/layout/dot-line-h.gif) repeat-x top;} #content .main .pagin ul {float:right;} #content .main .pagin ul li {padding:0 5px; background:none; float:left;} #content .main .pagin ul li.sep {background:url(../img/layout/pipe-grey.gif) no-repeat right center;} #content .main .pagin ul li a, #content .main .pagin ul li span {text-align:center; width:15px; height:15px; display:block;} #content .main .pagin ul li a.first {text-indent:-99999px; background:#dec url(../img/layout/pagin-left.jpg) no-repeat 0 0;} #content .main .pagin ul li a.last {text-indent:-99999px; background:url(../img/layout/pagin-right.jpg) no-repeat 0 0;} /* formulário */ #content .main #edit-form {width:400px; padding:1em 0;} #content .main #edit-form fieldset#password-conf {border-top:1px solid #000; border-bottom:1px solid #000; margin:20px 0; padding:20px 0 ;} #content .main #edit-form fieldset legend {font-size:1em; font-weight:bold; text-transform:uppercase; margin:0 0 10px 0;} #content .main #edit-form .campo {margin:0 0 .5em 0;} #content .main #edit-form .campo label {width:90px; display:block; float:left; color:#000; text-transform:uppercase; font-size:.8em; font-weight:bold;} #content .main #edit-form .campo .txt {width:290px;} #content .main #edit-form .campo .ddd {width:25px;} #content .main #edit-form .campo .tel {width:115px;} #content .main #edit-form .campo input, #content #main .main #edit-form .campo textarea {} #content .main #edit-form .btn {padding:0 0 0 90px;} /* timeline */ #content .main .timeline #tooltip {width:459px; height:268px; position:relative; background:url(../img/layout/time-line.gif) no-repeat;} #content .main .timeline #tooltip li {width:10px; height:10px; display:block; padding:0; background:none;} #content .main .timeline #tooltip li a {width:10px; height:10px; z-index:1; text-indent:-99999px; display:block;} #content .main .timeline #tooltip li p {width:349px; padding:20px 0 0 0; display:none; z-index:5; position:absolute; top:15px; left:-25px; background:url(../img/layout/baloon.png) no-repeat top center;} #content .main .timeline #tooltip li p span {width:200px; display:block; padding:10px; color:#fff; background:url(../img/layout/bg-tooltip.png);} #content .main .timeline #tooltip #a1989 {position:absolute; left:25px; top:40px;} #content .main .timeline #tooltip #a1990 {position:absolute; left:125px; top:40px;} #content .main .timeline #tooltip #a1992 {position:absolute; left:225px; top:40px;} #content .main .timeline #tooltip #a1994 {position:absolute; left:325px; top:40px;} #content .main .timeline #tooltip #a1996 {position:absolute; left:425px; top:40px;} #content .main .timeline #tooltip #a1998 {position:absolute; left:25px; top:140px;} #content .main .timeline #tooltip #a2004 {position:absolute; left:125px; top:140px;} #content .main .timeline #tooltip #a2006 {position:absolute; left:225px; top:140px;} #content .main .timeline #tooltip #a2008 {position:absolute; left:25px; top:240px;} #content .main .timeline #tooltip #a2009 {position:absolute; left:125px; top:240px;} #content .main .timeline #tooltip #a2010 {position:absolute; left:225px; top:240px;} .error {margin:0 0 1em 0; padding:5px 10px 5px 30px; color:#000; border:1px solid #F9C357; background:#FEFFE1 url('../img/admin/error.gif') no-repeat 5px 6px;} .sucesso {margin:0 0 1em 0; padding:5px 10px 5px 30px; color:#000; border:1px solid #D62C53; background:#F9C357 url('../img/admin/accept.gif') no-repeat 5px 6px;} /* * Content .col-right */ #content .col-right {width:220px; padding:0 20px; float:left;} #content .col-right .box-add {margin:0 0 20px 0; padding:15px 20px; border-top:1px solid #000; background:none;} #content .col-right .box-add a:link, #content .col-right .box-add a:visited {color:#D62C53; text-decoration:none;} #content .col-right .box-add a:hover, #content .col-right .box-add a:active {color:#000; text-decoration:underline;} #content .col-right .box {margin:0 0 20px 0; padding:15px 20px; border:1px solid #000; background:url(../img/layout/bg-box.png); } #content .col-right .b-top {padding:10px 20px 20px 20px;} #content .col-right .box h2 {border-bottom:1px solid #000; padding:0 0 10px 0; margin:0 0 20px 0; text-indent:-99999px;} #content .col-right .box h2.dird {height:14px; background: url(../img/layout/tit-box-side.gif) no-repeat 0 -65px;} #content .col-right .box h2.port {height:40px; background:url(../img/layout/tit-box-side.gif) no-repeat 0 0;} #content .col-right .box h2.cadastro {height:14px; background: url(../img/layout/tit-box-side.gif) no-repeat 0 -105px;} #content .col-right .box .ico-btn { display:block; float:left; padding:0 10px 3px 0; } #content .col-right .box .btn-download {margin:5px 0 0 0; display:block; } #content .col-right .box p.port { color:#fff; } #content .col-right .box p a.cadastro {color:#fff; background:url(../img/layout/red-arrow-right.gif) no-repeat right ;} #content .col-right .box p a:link, #content .col-right .box p a:visited {text-decoration:none;} #content .col-right .box p a:hover, #content .col-right .box p a:active {color:#D62C53; text-decoration:underline;} #content .col-right .mais {margin:-20px 0 20px 0;} #content .col-right .mais a {width:220px; height:30px; display:block; text-indent:-99999px;} #content .col-right .mais a:link, #content .col-right .mais a:visited {background:url(../img/layout/btn-saiba-mais.gif) no-repeat center top;} #content .col-right .mais a:hover, #content .col-right .mais a:active {background:url(../img/layout/btn-saiba-mais.gif) no-repeat center bottom;} /*clientes*/ #content .col-right .box h2 {} #content .col-right .box h2.clie-fotos {height:35px; background: url(../img/layout/tit-clientes.gif) no-repeat 0 0;} #content .col-right .box h2.clie-audio {height:35px; background: url(../img/layout/tit-clientes.gif) no-repeat 0 -55px;} #content .col-right .box h2.clie-video {height:40px; background: url(../img/layout/tit-clientes.gif) no-repeat 0 -110px;} #content .col-right .box h2.clie-links {height:35px; background: url(../img/layout/tit-clientes.gif) no-repeat 0 -175px;} #content .col-right .box .foto-list li {margin:0 0 10px 0;} #content .col-right .box .foto-list li .foto-box-client {width:58px; height:58px; display:block; border:1px solid #fff; overflow:hidden; float:left} #content .col-right .box .foto-list li p {width:100px; float:left; margin:0 0 0 10px; display:inline; color:#fff;} #content .col-right .box ul li {color:#fff;} #content .col-right .box ul li a.down-foto:link img, #content .col-right .box ul li a.down-foto:visited img {} #content .col-right .box ul li a.down-foto:hover img, #content .col-right .box ul li a.down-foto:active img {border:1px solid #D62C53;} #content .col-right .box ul li a {color:#fff;} #content .col-right .box ul li a:link, #content .col-right .box ul li a:visited {text-decoration:none;} #content .col-right .box ul li a:hover, #content .col-right .box ul li a:active {text-decoration:underline;} #content .col-right .box .link-list li {padding:0 0 0 15px; background:url(../img/layout/bullet-list.gif) no-repeat 0 7px;} /* * Footer */ #footer ul {position:absolute; left:260px; top:60px;} #footer ul li {float:left;} #footer ul li a {margin:0 10px 0 0; text-decoration:none; color:#D62C53;} #footer ul li a.pipe {border-left:1px solid #000; border-right:1px solid #000; margin:0 10px; padding:0 10px;} #footer ul li a.twitter {height:31px; display:block; padding:0 50px 0 0; background:url(../img/layout/ico-twitter.gif) no-repeat 45px bottom;} #footer ul li a:link, #footer ul li a:visited {text-decoration:none;} #footer ul li a:hover, #footer ul li a:active {text-decoration:underline;} #footer .tel {width:193px; height:29px; position:absolute; right:160px; top:100px; background:url(../img/layout/telefone.gif) no-repeat; text-indent:-99999px;}