@charset "utf-8";
/* CSS Document */

body { background:#F4F4F4 url(images/bg-header.png) repeat-x;font-family:Helvetica,Arial, sans-serif; margin:0px; padding:0px;}

* {margin:0;padding:0;}
html, body, #wrap {height: 100%;}
body > #wrap {height: auto; min-height: 100%;}
#footer {
background-repeat:repeat-x;
clear:both;
height:439px !important;
margin-top:-439px !important;
overflow:hidden;
position:relative;
}

#main {
padding-bottom:439px !important;
}

.menu { border:0px; height:35px; margin:0px; background:url(images/menu.jpg) no-repeat; padding:0px!important; margin-top:8px; *margin-top:0px;}
.menu li{ float:left; margin: 0px 5px;}
#menusobrenos { list-style:none; list-style-position:outside; width:75px; height:100%; cursor:pointer;}
#menusobrenos:hover{ background:url(images/menu.jpg) no-repeat scroll -5px -35px; -moz-background-clip: border; -moz-background-inline-policy: continuous; -moz-background-origin: padding; display:block;}
#menusobrenos.selected{ background:transparent; -moz-background-clip: border; -moz-background-inline-policy: continuous; -moz-background-origin: padding; display:block;}


#menuservicos { list-style:none; list-style-position:outside; width:62px; height:100%; cursor:pointer;}
#menuservicos:hover{ background:url(images/menu.jpg) no-repeat scroll -90px -35px; -moz-background-clip: border; -moz-background-inline-policy: continuous; -moz-background-origin: padding; display:block;}
#menuservicos.selected{ background:transparent; -moz-background-clip: border; -moz-background-inline-policy: continuous; -moz-background-origin: padding; display:block;}


#menusolucoes { list-style:none; list-style-position:outside; width:67px; height:100%; cursor:pointer;}
#menusolucoes:hover{ background:url(images/menu.jpg) no-repeat scroll -162px -35px; -moz-background-clip: border; -moz-background-inline-policy: continuous; -moz-background-origin: padding; display:block;}
#menusolucoes.selected{ background:transparent; -moz-background-clip: border; -moz-background-inline-policy: continuous; -moz-background-origin: padding; display:block;}

#menureferencias { list-style:none; list-style-position:outside; width:80px; height:100%; cursor:pointer;}
#menureferencias:hover{ background:url(images/menu.jpg) no-repeat scroll -239px -35px; -moz-background-clip: border; -moz-background-inline-policy: continuous; -moz-background-origin: padding; display:block;}
#menureferencias.selected{ background:transparent; -moz-background-clip: border; -moz-background-inline-policy: continuous; -moz-background-origin: padding; display:block;}

#menuproposta { list-style:none; list-style-position:outside; width:100px; height:100%; cursor:pointer;}
#menuproposta:hover{ background:url(images/menu.jpg) no-repeat scroll -329px -35px; -moz-background-clip: border; -moz-background-inline-policy: continuous; -moz-background-origin: padding; display:block;}
#menuproposta.selected{ background:transparent; -moz-background-clip: border; -moz-background-inline-policy: continuous; -moz-background-origin: padding; display:block;}

#menuloja { list-style:none; list-style-position:outside; width:36px; height:100%; cursor:pointer;}
#menuloja:hover{ background:url(images/menu.jpg) no-repeat scroll -439px -35px; -moz-background-clip: border; -moz-background-inline-policy: continuous; -moz-background-origin: padding; display:block;}
#menuloja.selected{ background:transparent; -moz-background-clip: border; -moz-background-inline-policy: continuous; -moz-background-origin: padding; display:block;}

#menusuporte{ list-style:none; list-style-position:outside; width:55px; height:100%; cursor:pointer;}
#menusuporte:hover{ background:url(images/menu.jpg) no-repeat scroll -485px -35px; -moz-background-clip: border; -moz-background-inline-policy: continuous; -moz-background-origin: padding; display:block;}
#menusuporte.selected{ background:transparent; -moz-background-clip: border; -moz-background-inline-policy: continuous; -moz-background-origin: padding; display:block;}

#menuparcerias{ list-style:none; list-style-position:outside; width:70px; height:100%; cursor:pointer;}
#menuparcerias:hover{ background:url(images/menu.jpg) no-repeat scroll -550px -35px; -moz-background-clip: border; -moz-background-inline-policy: continuous; -moz-background-origin: padding; display:block;}
#menuparcerias.selected{ background:transparent; -moz-background-clip: border; -moz-background-inline-policy: continuous; -moz-background-origin: padding; display:block;}

#menunewsletter{ list-style:none; list-style-position:outside; width:80px; height:100%; cursor:pointer;}
#menunewsletter:hover{ background:url(images/menu.jpg) no-repeat scroll -630px -35px; -moz-background-clip: border; -moz-background-inline-policy: continuous; -moz-background-origin: padding; display:block;}
#menunewsletter.selected{ background:transparent; -moz-background-clip: border; -moz-background-inline-policy: continuous; -moz-background-origin: padding; display:block;}

#menucontactos{ list-style:none; list-style-position:outside; width:80px; height:100%; cursor:pointer;}
#menucontactos:hover{ background:url(images/menu.jpg) no-repeat scroll -720px -35px; -moz-background-clip: border; -moz-background-inline-policy: continuous; -moz-background-origin: padding; display:block;}
#menucontactos.selected{ background:transparent; -moz-background-clip: border; -moz-background-inline-policy: continuous; -moz-background-origin: padding; display:block;}




.idioma { color:#0067b4; font-size: 12px; font-weight:bold; padding-bottom:10px;}
.idioma a { color:#0067b4; font-size: 10px; font-weight:bold; text-decoration:none;}
.idioma a:hover { color:#000; font-size: 10px; font-weight:bold;}
.tecnologias {font-weight:bold; font-size:14px; color:#343434;} 


.conteudo{height:531px; position:relative; background-image:url(images/fundohome.jpg); background-repeat:none;}
.pedirproposta { position:absolute; padding:0px; width:75px!important; height:110px; top:0px; left:0px; cursor:pointer;}


.rodape{ font-size:7px;width:635px; font-family:Helvetica, Arial, sans-serif; text-align:justify;}
.rodape h1{ padding-left:35px; padding-top:25px; font-weight:bold; font-size:16px; }
.rodape h2{ font-size:13px; color:#fff; padding-top:0px; padding-bottom:0px; margin:0px; padding-left:35px;}
.rodape h3{ font-size:10px; color:#7caacd;  padding-top:0px; padding-bottom:0px; margin:0px;padding-left:35px;}
.rodape h4{ font-size:11px; color:#fff; padding-top:5px; padding-bottom:0px; margin:0px; padding-left:35px;}

.clear{ clear:both;}
#left{ float:left;}
#right{ float:right;}

.ticmagazine{font-family:Helvetica, Arial, sans-serif; text-align:left; width:365px; height:389px; background:url(images/fundoticmagazine.jpg) no-repeat; background-position:0px 25px; padding-top:162px;}
.ticmagazine h1{ font-size:12px; padding-top:0px; padding-bottom:3px; width:190px; *width:190px; margin:0px; text-align:left;float:right; margin-top:0px; *margin-bottom:0px; *padding-bottom:0px;}
.ticmagazine h1 a{ font-size:12px; color:#fff; text-decoration:none;}
.ticmagazine h1 a:hover{ font-size:12px; color:#ccc; text-decoration:none;}
.ticmagazine h2{ font-size:11px; padding-left:30px; padding-top:0px; padding-bottom:0px;}

.peakit{ font-size:11px; background:url(images/rodape.jpg) no-repeat; width:606px; height:50px; padding-top:20px; padding-left:33px; vertical-align:bottom;}
.peakit a{ text-decoration:none; color:#fff;}
.peakit a:hover{ text-decoration:underline; color:#fff;}

.conteudopagina{ vertical-align:top; width:1000px; text-align:justify; padding:0px; margin:0px; position:relative;}
.conteudopagina h1{ vertical-align:top; padding-left:100px; font-size:15px; text-transform:uppercase; padding-top:25px; margin-top:0px!important; }
.conteudopagina h2{ font-size:14px; padding-left:50px; padding-right:50px; padding-top:0px!important; margin-top:0px!important; padding-bottom:0px!important; margin-bottom:0px!important;  color:#000;}
.conteudopagina h3{ color:#6C6C6C; font-weight:normal; line-height:1.5em; font-size:13px;  padding-left:50px; padding-right:50px; padding-bottom:0px!important; margin-bottom:0px!important;padding-top:10px!important; margin-top:0px!important; *padding-top:20px!important;}
.conteudopagina h3 p{ margin:0px!important; padding:0px!important;}
.conteudopagina h3 ul{ margin-top:0px!important; padding-top:0px!important; margin-bottom:0px!important; padding-bottom:0px!important;}
.conteudopagina h3 a{color:#6c6c6c; text-decoration:underline;}
.conteudopagina h3 a:hover{color:#6c6c6c; text-decoration:underline;}
.conteudopagina h4{ color:#fff; margin-left:25px; padding-left:25px; font-size:15px; font-weight:bold; margin-right:25px; background-color:#006699; height:30px; vertical-align:middle; padding-top:15px; margin-top:50px; }
.conteudopagina h5{ color:#666; margin-left:50px; border-bottom:dotted 2px #ccc; margin-right:50px; margin-top:0px; margin-bottom:0px; }
.conteudopagina form{ padding:0px!important; margin:0px!important;}
.submenu { padding-left:100px; padding-top:25px;}
.submenu li{ float:left; list-style:square; width:75px;}
.submenu li a{ color:#0068b4; text-decoration:none; cursor:pointer;}
.submenu li a:hover{ color:#0068b4; text-decoration:none; background-color:#F3F3F3;}

.submenu2 { padding-left:100px; padding-top:25px;}
.submenu2 li{ float:left; list-style:square;}
.submenu2 li a{ color:#0068b4; text-decoration:none; cursor:pointer;}
.submenu2 li a:hover{ color:#0068b4; text-decoration:none; background-color:#F3F3F3;}

.submenu3 { padding-left:100px; padding-top:0px!important; margin:0px!important; font-size:13px; padding-right:50px;}
.submenu3 li{list-style:inherit; width:auto;   background-color:#F3F3F3;}
.submenu3 li a{ color:#333; text-decoration:none; cursor:pointer;}
.submenu3 li a:hover{ color:#0068b4; text-decoration:none; background-color:#F3F3F3;}



.fundotop{background-image:url(images/fundotop.jpg); background-repeat:no-repeat; height:131px; padding:0px; margin:0px; position:relative;}

.paginareferencias{ vertical-align:top; width:1000px; text-align:justify; padding:0px; margin-top:0px!important;}
.paginareferencias h1{ vertical-align:top; font-size:15px; text-transform:uppercase; padding-top:25px; padding-left:100px; margin-top:0px!important;}

.ultimareferencia {padding-top:20px;font-size:15px; font-weight:bold; text-align:left; }


.ultimareferencianav{}
.ultimareferencianav li{ float:left; list-style:none; height:28px; width:28px;}
.num { background-image:url(images/nav.jpg); background-repeat:none;text-align:center; line-height:28px;color:#333; text-decoration:none; font-size:12px; margin-left:5px;}
.num a{text-align:center; line-height:28px;color:#2d72b6; text-decoration:none; font-size:12px;}
.num a:hover{text-align:center; line-height:28px;color:#333; text-decoration:none; cursor:pointer; font-size:12px;}

.num.selected2 a{-moz-background-clip: border; -moz-background-inline-policy: continuous; -moz-background-origin: padding; display:block; color:#000!important;}

.portfolio {background-color:#F1F1F1; border:1px solid #DFE0E4; width:580px; margin-top:20px;}
.portfolio img{ margin:10px; width:550px; height:auto;border:1px solid #DFE0E4; padding:5px; background:#FFFFFF url(images/loading.gif) no-repeat scroll 50% 50%}

.coldireita{padding-left:30px; padding-top:20px;}
#menudir{}
#menudir li{ float:left; list-style:none; margin-left:10px;}
#menudir li a{text-decoration:none;}
#menudir li a:hover{text-decoration:none;}
#menudirport { background-image:url(images/portfoliocol.jpg); background-repeat:no-repeat; width:100px; height:28px; cursor:pointer;}
#menudirport a{ background-image:url(images/portfoliocol.jpg); background-repeat:no-repeat; width:100px; height:28px; cursor:pointer;}
#menudirport.selectportfolio a{ background-image:url(images/portfoliocolsel.jpg); -moz-background-clip: border; -moz-background-inline-policy: continuous; -moz-background-origin: padding; display:block; }
#menudirref { background-image:url(images/referenciascol.jpg); background-repeat:no-repeat; width:100px; height:28px; cursor:pointer;}
#menudirref a{ background-image:url(images/referenciascol.jpg); background-repeat:no-repeat; width:100px; height:28px; cursor:pointer;}
#menudirref.selectreferencias a{ background-image:url(images/referenciascolsel.jpg); -moz-background-clip: border; -moz-background-inline-policy: continuous; -moz-background-origin: padding; display:block; }


.textocol { background-color:#F0F0F0; border-top:#DFE0E4 1px solid; border-bottom:#DFE0E4 1px solid; text-align:left; margin-top:20px; color:#AFAFAF;}
.textocol h1{ font-size:13px; padding-top:0px; text-align:left; padding-left:10px!important;padding-right:10px!important;}
.textocol h2{ font-size:11px; text-align:left; padding-left:10px!important;padding-right:10px!important;}

.colunadireitalistagem{vertical-align:top; padding-top:15px; border-bottom:1px solid #DFE0E4;}

.listagem{width:235px; padding-left:15px;}
.listagem h1{ color:#000; font-size:13px; text-align:left; padding-left:0px!important; padding-top:0px!important; margin-top:0px!important;}
.listagem h2{ color:#666; font-size:11px; font-weight:600; text-align:left;}
.listagem h3{ color:#06C; font-size:12px; font-weight:600; text-align:left;}
.listagem h3 a{ color:#06C!important; font-size:12px; font-weight:600; text-align:left; text-decoration:none;}
.listagem h3 a:hover{ color:#000!important; font-size:12px; font-weight:600; text-align:left; text-decoration:none;}

.iconlistagem {width:100px;}

.referencias {background-color:#F1F1F1; border:1px solid #DFE0E4; width:540px; margin-top:20px; font-size:13px; font-weight:500; padding:20px;text-align:left; }

.paginacaoajax{ color:#333; font-size:11px; font-weight:600; padding-top:20px; padding-left:115px;}
.paginacaoajax input{ width:25px;}
.pages{ margin-right:2px; vertical-align:middle; cursor:pointer; color:#06F;}
.paginacaoajaxbottom{ color:#333; font-size:11px; font-weight:600; padding-top:20px; padding-left:115px;}
.paginacaoajaxbottom input{ width:25px;}
.paginacaoajaxbottom.pages{ margin-right:2px; vertical-align:middle; cursor:pointer; color:#06F;}