html { height:100%; overflow:scroll; }
body { font-family: Arial, Trebuchet MS, Verdana, Helvetica; color:#353535; margin:0px; height:100%; text-decoration:none; background:url(../../images/site/xbgBody.gif) repeat-x top center; }
img { border:0px; }
a:link { text-decoration:none; color:#129b05; font-weight:bold; }
a:visited { text-decoration:none; color:#129b05; font-weight:bold; }
a:active { text-decoration:none; color:#129b05; font-weight:bold; }
a:hover { text-decoration:none; color:#a6ce39; font-weight:bold; }
h1 { font-size:24px; color:#000000; font-style:italic; text-decoration:none; display:inline; }
h2 { color:#353535; text-decoration:none; display:inline; }
h3 { color:#353535; text-decoration:none; font-style:italic; display:inline; }
h4 { color:#353535; text-decoration:none; font-style:italic; display:inline; }
h5 { color:#353535; text-decoration:none; font-style:italic; display:inline; }
h6 { color:#353535; text-decoration:none; display:inline; }
h7 { color:#353535; text-decoration:none; display:inline; }
.fonte9 { font-size:9px; font-weight:normal; color:#000000; }
.fonte9:link { font-size:9px; font-weight:normal; color:#000000; }
.fonte9:visited { font-size:9px; font-weight:normal; color:#000000; }
.fonte9:active { font-size:9px; font-weight:normal; color:#000000; }
.fonte9:hover { font-size:9px; font-weight:normal; color:#000000; }
a.fonte9:hover { font-size:9px; font-weight:normal; color:#000000; }
.fonte10 { font-size:10px; font-weight:normal; color:#000000; }
.fonte10:link { font-size:10px; font-weight:normal; color:#000000; }
.fonte10:visited { font-size:10px; font-weight:normal; color:#000000; }
.fonte10:active { font-size:10px; font-weight:normal; color:#000000; }
.fonte10:hover { font-size:10px; font-weight:normal; color:#000000; }
a.fonte10:hover { font-size:10px; font-weight:normal; color:#000000; }
.fonte11 { font-size:11px; font-weight:normal; color:#a6ce39; }
.fonte11:link { font-size:11px; font-weight:normal; color:#a6ce39; }
.fonte11:visited { font-size:11px; font-weight:normal; color:#a6ce39; }
.fonte11:active { font-size:11px; font-weight:normal; color:#a6ce39; }
.fonte11:hover { font-size:11px; font-weight:normal; color:#a6ce39; }
a.fonte11:hover { font-size:11px; font-weight:normal; color:#000000; }
.fonte12 { font-size:12px; font-weight:normal; color:#000000; }
.fonte12:link { font-size:12px; font-weight:normal; color:#000000; }
.fonte12:visited { font-size:12px; font-weight:normal; color:#000000; }
.fonte12:active { font-size:12px; font-weight:normal; color:#000000; }
.fonte12:hover { font-size:12px; font-weight:normal; color:#000000; }
a.fonte12:hover { font-size:12px; font-weight:normal; color:#000000; }
.fonte13 { font-size:13px; font-weight:normal; color:#000000; }
.fonte13:link { font-size:13px; font-weight:normal; color:#000000; }
.fonte13:visited { font-size:13px; font-weight:normal; color:#000000; }
.fonte13:active { font-size:13px; font-weight:normal; color:#000000; }
.fonte13:hover { font-size:13px; font-weight:normal; color:#000000; }
a.fonte13:hover { font-size:13px; font-weight:normal; color:#000000; }
.fonte14 { font-size:14px; font-weight:normal; color:#000000; }
.fonte14:link { font-size:14px; font-weight:normal; color:#000000; }
.fonte14:visited { font-size:14px; font-weight:normal; color:#000000; }
.fonte14:active { font-size:14px; font-weight:normal; color:#000000; }
.fonte14:hover { font-size:14px; font-weight:normal; color:#000000; }
a.fonte14:hover { font-size:14px; font-weight:normal; color:#000000; }
.navegador { font-size:28px; font-weight:normal; color:#000000; font-style:italic; }
.navegador:link { font-size:28px; font-weight:normal; color:#000000; font-style:italic; }
.navegador:visited { font-size:28px; font-weight:normal; color:#000000; font-style:italic; }
.navegador:active { font-size:28px; font-weight:normal; color:#000000; font-style:italic; }
.navegador:hover { font-size:28px; font-weight:normal; color:#000000; font-style:italic; }
a.navegador:hover { font-size:28px; font-weight:normal; color:#000000; font-style:italic; }
.todosSites { font-size:14px; font-weight:bold; color:#343434; }
.todosSites:link { font-size:14px; font-weight:bold; color:#343434; }
.todosSites:visited { font-size:14px; font-weight:bold; color:#343434; }
.todosSites:active { font-size:14px; font-weight:bold; color:#343434; }
.todosSites:hover { font-size:14px; font-weight:bold; color:#343434; }
a.todosSites:hover { font-size:14px; font-weight:bold; color:#119905; }
.todosSitesSub { font-size:14px; font-weight:normal; color:#343434; }
.todosSitesSub:link { font-size:14px; font-weight:normal; color:#343434; }
.todosSitesSub:visited { font-size:14px; font-weight:normal; color:#343434; }
.todosSitesSub:active { font-size:14px; font-weight:normal; color:#343434; }
.todosSitesSub:hover { font-size:14px; font-weight:normal; color:#343434; }
a.todosSitesSub:hover { font-size:14px; font-weight:normal; color:#119905; }
.menu_site { font-size:14px; font-weight:bold; color:#FFFFFF; }
.menu_site:link { font-size:14px; font-weight:bold; color:#FFFFFF; }
.menu_site:visited { font-size:14px; font-weight:bold; color:#FFFFFF; }
.menu_site:active { font-size:14px; font-weight:bold; color:#FFFFFF; }
.menu_site:hover { font-size:14px; font-weight:bold; color:#FFFFFF; }
a.menu_site:hover { font-size:14px; font-weight:bold; color:#FFFFFF; }
.menu_site_black { font-size:14px; font-weight:bold; color:#000000; }
.menu_site_black:link { font-size:14px; font-weight:bold; color:#000000; }
.menu_site_black:visited { font-size:14px; font-weight:bold; color:#000000; }
.menu_site_black:active { font-size:14px; font-weight:bold; color:#000000; }
.menu_site_black:hover { font-size:14px; font-weight:bold; color:#000000; }
a.menu_site_black:hover { font-size:14px; font-weight:bold; color:#000000; }
.menu_site_blackSub { font-size:14px; font-weight:bold; color:#535353; }
.menu_site_blackSub:link { font-size:14px; font-weight:bold; color:#535353; }
.menu_site_blackSub:visited { font-size:14px; font-weight:bold; color:#535353; }
.menu_site_blackSub:active { font-size:14px; font-weight:bold; color:#535353; }
.menu_site_blackSub:hover { font-size:14px; font-weight:bold; color:#535353; }
a.menu_site_blackSub:hover { font-size:14px; font-weight:bold; color:#000000; }
.linkBlog { font-size:14px; font-weight:bold; color:#a6ce39; }
.linkBlog:link { font-size:14px; font-weight:bold; color:#a6ce39; }
.linkBlog:visited { font-size:14px; font-weight:bold; color:#a6ce39; }
.linkBlog:active { font-size:14px; font-weight:bold; color:#a6ce39; }
.linkBlog:hover { font-size:14px; font-weight:bold; color:#a6ce39; }
a.linkBlog:hover { font-size:14px; font-weight:bold; color:#FFFFFF; }
.rodape { font-size:11px; font-weight:normal; color:#b8b8b8; }
.rodape:link { font-size:11px; font-weight:normal; color:#b8b8b8; }
.rodape:active { font-size:11px; font-weight:normal; color:#b8b8b8; }
.rodape:visited { font-size:11px; font-weight:normal; color:#b8b8b8; }
.rodape:hover { font-size:11px; font-weight:normal; color:#b8b8b8; }
a.rodape:hover { font-size:11px; font-weight:normal; color:#b8b8b8; }
#Geral {
width:100%;
height:100%;
margin:0px;
text-align:center;
}
/*----------------- Topo -----------------*/
#BoxTopo {
background:white url(../../images/site/bgTopo.jpg) no-repeat top center;
height:147px;
width:100%;
}
#Logo {
padding-left:25px;
padding-top:12px;
float:left;
}
#ItensTopo {
float:left;
width:590px;
height:147px;
margin-left:226px;
}
#Acompanhe {
position:absolute;
margin-left:398px;
margin-top:-118px;
z-index:10000;
width:182px;
}
#BtnAcompanhe {
cursor:pointer;
}
#BoxAcompanhe {
background:url(../../images/site/bgBoxAcompanhe.jpg) no-repeat;
width:190px;
height:118px;
}
.TextAcompanhe {
padding:5px 8px;
}
.DivInputLogin {
margin:0px 8px;
background:url(../../images/site/bgLogin.gif) no-repeat;
width:144px;
height:28px;
text-align:center;
}
.DivInputSenha {
margin:4px 3px 3px 8px;
background:url(../../images/site/bgSenha.gif) no-repeat;
width:144px;
height:28px;
float:left;
text-align:center;
}
.EsqueceuSuaSenha {
clear:left;
margin-left:10px;
}
.BtnOkLogin {
float:left;
}
.InputLogin {
background:none;
width:125px;
border:none;
margin-top:3px;
}
#QualSuaNecessidade {
padding-left:10px;
width:570px;
}
#Necessidade {
position:absolute;
margin-top:22px;
margin-left:10px;
z-index:9999;
}
#SepTopo {
position:absolute;
margin-top:99px;
}
#BotoesTopo {
position:absolute;
margin-top:114px;
width:590px;
}
#ComoAdquirir {
float:left;
padding-left:12px;
}
#ComoPromover {
float:left;
margin-left:5px;
}
#Contato {
float:left;
margin-left:5px;
}
/*----------------- Menu -----------------*/
#BoxMenu {
background:url(../../images/site/bgMenu.gif) repeat-x top center;
height:48px;
width:100%;
}
.SepMenu {
float:left;
}
#Busca {
background:url(../../images/site/bgBusca.gif) no-repeat;
width:208px;
height:30px;
margin:9px;
float:right;
}
.InputBusca {
background:none;
border:none;
margin:5px 12px;
width:160px;
}
#BtnBusca {
position:absolute;
margin-left:180px;
margin-top:5px;
}
/*----------------- Central -----------------*/
#BoxCentral {
width:100%;
}
#Conteudo {
padding:20px 0px;
}
#PodemosOferecer {
float:left;
width:478px;
}
#Clientes {
float:left;
width:408px;
}
.SepConteudo {
float:left;
background:url(../../images/site/SepConteudo.gif) repeat-y top center;
}
/*----------------- Rodape -----------------*/
#BoxRodape {
background:url(../../images/site/bgRodape.gif) repeat-x top center;
height:134px;
width:100%;
}
#Contatos {
padding:20px 0px;
float:left;
}
#Twitter {
position:absolute;
margin-left:350px;
margin-top:-5px;
}
#SepRodape {
float:left;
margin:0px 20px;
}
#SmartSite {
padding-top:28px;
}
#TextSmartSite {
float:left;
width:320px;
margin-left:12px;
}
/*----------------- Geral -----------------*/
#BoxTopoCenter, #BoxMenuCenter, #BoxCenter, #BoxRodapeCenter {
width:990px;
margin:auto;
text-align:left;
}
.Float {
float:left;
}
.Clear {
clear:left;
}
/* ---------- Menu --------- */
#cssdropdown, #cssdropdown ul { list-style: none; }
#cssdropdown, #cssdropdown * { padding: 0; margin: 0; }
/* Head links */
#cssdropdown li.headlink { float: left; text-align: center; margin:8px 1px 0px 1px;}
#cssdropdown li.headlink a { display: block; }
/* Child lists and links */
#cssdropdown li.headlink ul { display: none; text-align: left; position:absolute; color:black; margin-top:39px; padding:5px 15px; width:150px; margin-left:-2px;}
#cssdropdown li.headlink:hover ul { display: block; }
#cssdropdown li.headlink ul li a { padding: 0px; color:black;}
#cssdropdown li.headlink ul li a:hover { background-color: blue; }
/* Pretty styling */
#cssdropdown a { color: white; } #cssdropdown ul li a:hover { text-decoration: none; }
#cssdropdown li.headlink { background-image: url(bg.gif); }
#cssdropdown li.headlink ul { background:url(../../images/site/bgSubMenu.gif) bottom left no-repeat; padding-bottom: 10px; }
/* ------------ Galeria -------------- */
#bgAbas {
background: url(../../images/site/bgAbas.gif) no-repeat bottom center;
width:982px;
height:60px;
}
.bgAba {
width:230px;
height:36px;
text-align:center;
float:left;
cursor:pointer;
margin-top:23px;
}
.AlignText {
padding-top:8px;
}
#Cases, #TodosSites {
padding:0px 40px;
}
.PortTitulo {
background:url(../../images/site/bgTitBlog.gif) repeat-x;
padding:8px 10px;
margin-bottom:10px;
}
.PortImgGrd {
float:left;
width:544px;
margin-right:15px;
border:1px solid #e5e5e5;
}
.PortImgGrdCases {
float:left;
width:180px;
margin-right:15px;
}
.PortColuna {
float:left;
background:white;
width:347px;
height:294px;
border:1px solid #e5e5e5;
}
.PortColunaCases {
float:left;
background:white;
width:711px;
height:294px;
border:1px solid #e5e5e5;
}
.PortTextCol {
margin:15px;
overflow:auto;
height:264px;
}
#NextPortfolio, #PrevPortfolio {
margin-top:190px;
cursor:pointer;
}
#Thumbs {
margin:0px 16px;
width:900px;
}
.imgThumbs {
background:white;
border:1px solid #e5e5e5;
padding:10px;
width:120px;
float:left;
}
#PrevThumb, #NextThumb {
margin-top:25px;
}
/* ------------- O que fazemos ----------------- */
/*I am hiding all demo menus...*/
.demo {display:none;}
/*...but I could have left them visible and set all image sizes to a standard 48px...*/
.demo img {border:0px none; padding:0px; width:48px; height:48px; vertical-align:top;}
/*page switching buttons...*/
#buttons {padding-top:3px;}
#buttons input {margin-left:6px; border:1px solid #808080; font-size:12px;}
/*shadowbox links/buttons...*/
#sboxbuttons {margin-top:3px;}
#sboxbuttons ul {list-style-type:none; padding:0px; margin:0px;}
#sboxbuttons li {float:left; padding:0px 0px 0px 6px; margin:0px;}
#goDownload, a.sboxbtn {display:block; border:1px solid #808080; font-size:12px; padding:1px 6px;}
#goDownload {border:1px solid #ffffff;}
#goDownload:hover {text-decoration:underline;}
/*shadowbox content styling...*/
#shadowbox_content.html {color:#333333; font-family:arial; font-size:12px;}
#shadowbox_other_pages {position:absolute; top:10px; right:10px;}
#shadowbox_other_pages .sboxbtn {float:left; margin-left:6px;}
#shadowbox_other_pages .jqDkV {float:left; color:#0000ff; font-size:14px; padding-top:1px; font-weight:bold;}
div.sbox {padding:0px 10px 10px 10px;}
div.sbox pre {padding:4px; margin:0px; background-color:#ffffff; border:1px solid #999999; font-family:Courier New, Courier, monospace; font-size:11px;}
/*general...*/
.hideThis {display:none;}
.inset200 {padding-left:200px;}
.inset130 {padding-left:130px;}
.changesList, .optionsList, .faqslist, .faqslist ul {padding-left:8px; margin-left:8px;}
.optionsList li, .faqslist li {padding-bottom:9px;}
.faqslist ul li {padding-bottom:2px;}
.grey {color:#999999;}
.dgrey {color:#666666;}
.red {color:#ff0000;}
.small {font-size:12px;}
.transformAdd {color:#0000ff;}
.transformAddV {color:#9900cc;}
.transformAddL {color:#009900;}
.transformRemove {color:#ff0000;}
/***************************
** JQDOCK : EXAMPLE CSS **
***************************/
/*place the various demo menus around the screen (note: 1, 3, 4 and 7 are horizontal; 2, 5 and 6 are vertical)...*/
#menu1 {position:relative; top:100px; padding-left:131px;}
/*...menu2 needs enough width to show the shrunken images + border, because it's positioned fully to the right...*/
#menu2 {position:absolute; top:0px; right:0px; width:50px;}
#menu3 {position:relative; top:152px; padding-left:131px;}
#menu4 {position:absolute; top:510px; left:131px;}
/*if you want to space the images out you can pad them, BUT...
(a) be aware that for any coefficient other than 1 (linear) this can (will) throw out calculation of the leading edge of the menu
(b) use a DOCTYPE, otherwise IE will get the spacing wrong
(c) Opera v9.5 sometimes has problems with the main axis dimension that I haven't managed to solve yet
for example...*/
#menu4 img {padding:0px 4px;}
#menu5 {position:absolute; top:0px; left:0px;}
/*...menu6 has zero width, so it's actually the left-hand side of the dock that is 200px from the right-hand edge of the viewport...*/
#menu6 {position:absolute; top:30px; right:200px; width:0px;}
#menu7 {display:none; position:absolute; top:150px; left:580px;}
/*dock styling...*/
/*docks (div.jqDock) get absolute position, zero padding and margin, and visible overflow; width and height are calculated*/
/*...set a default dock background colour...*/
div.jqDock {background-color:transparent;}
/*...override background colour and/or border for specific demo docks...*/
#menu2 div.jqDock {border:2px solid #999999; border-right:0px none;}
#menu3 div.jqDock {border:2px solid #ff9900;}
#menu4 div.jqDock {background-color:#cccccc; border:1px solid #000000;}
#menu5 div.jqDock {background-color:#000000;}
#menu6 div.jqDock {background-color:#e0e0ff; border:3px solid #0000ff;}
#menu7 div.jqDock {border:1px solid #0000cc;}
/*label styling...*/
/*labels (div.jqDockLabel) only get absolute position and zero margin (with top and left being calculated); the rest is up to you*/
/*...let's set some defaults...*/
div.jqDockLabel {border:0px none; padding:0px 4px; font-weight:bold; font-size:14px; font-style:italic; white-space:nowrap; color:#000000; background-color:transparent;}
div.jqDockLabelLink {cursor:pointer;}
div.jqDockLabelImage {cursor:default;}
/*...and some overrides...*/
/*...give the right-hand vertical a smaller, non-bold, deep red label, on a white background...*/
#menu2 div.jqDockLabel {color:#cc0000; background-color:#ffffff; padding:1px; font-size:12px; font-weight:normal;}
/*...and the left-hand vertical (with the black background) a white, smaller, label...*/
#menu5 div.jqDockLabel {color:#ffffff; padding:0px;}