@charset "utf-8";
@import url(../script/dropmenu/droppy.css);

/* GERAL */
html{overflow-x:hidden;overflow-y:auto;}
body{font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; color:#373737; font-size: 14px; line-height: 120%; background-color:#111111;}
#fundo{position:absolute; top:0; left:0; z-index:0; height:320px; width:100%; background-color:#1d1d1d;}
.clear{font-size:0px; height:0px; line-height:0px; clear:both; width:100%;}
#fundo #linha-sob{position:absolute; bottom:1px; font-size:1px; height:1px; line-height:1px; width:100%;background-color:#000;}
#fundo #linha-sub{position:absolute; bottom:0px; font-size:1px; height:1px; line-height:1px; width:100%;background-color:#272727;}
#geral{position:relative; display:block; height:auto; width:876px; border:solid 1px #000; background-color:#ececec; margin:0 auto;}
#logo{position:relative; display:block; height:90px; width:876px; margin:0 auto;background: transparent url(../images/logo-trans.png) no-repeat;}
#conteudo{ position:relative; width:846px; margin:0 auto;}
img, div, a, li{behavior: url(essentials/js/iepngfix_v2/iepngfix.htc)}

/* LEFT */

/* RIGHT */
#right{ position:relative; width:220px; padding:0 0 0 15px; float:right; background: url(../images/sombranewsletter.jpg) repeat-y left top;}

/* RODAPE */
#rodape{position:relative;  width:876px; margin:0 auto;}
#rodape .linha{position:relative;  height:6px; line-height:6px; font-size:6px; width:100%; background-color:#fe6633;}
#rodape .direitos{float:right;width:auto;padding:20px 0;text-align: right; margin-right:30px}
#rodape .matap{position:relative; float:left;width:auto;padding:20px 0;text-align: left; margin-left:30px;}

/* ELEMENTOS */
h1{line-height:120%; font-size:48px; margin:5px 0;}
h2{line-height:120%; font-size:30px; margin:8px 0;}
h3{line-height:120%; font-size:20px; margin:12px 0;}

.cor1{color:#fe6633;} /*laranja*/
.cor2{color:#193f43;} /*azul*/
.cor3{color:#373737;} /*cinza*/

.lighter{ font-weight:lighter;}
.normal{font-weight:normal;}
.bold{font-weight:bold;}
.cond1{letter-spacing:-1px;}
.cond2{letter-spacing:-2px;}
.cond3{letter-spacing:-3px;}

.form-txt{font-size:10px;color:#424242;padding:5px;border: 1px groove #CCC;margin:5px 0; float:left;}
.form-btn01{overflow:hidden;font-size:10px;width:100px;padding:5px;border:1px solid #676767;background: url(../images/buttons/btn01.jpg) repeat-x;color:#FFF;margin:5px 0;cursor:pointer; float:left;}

p{margin:6px 0; text-align:left;}

/* BANNER GRANDE */
.banner-g, .banner-g ul{background-color:black;}
.banner-g, .banner-g ul, .banner-g li{position: relative;overflow: hidden;width: 876px;height: 276px;z-index:0; float:left;}
.banner-g .carousel-control{position:absolute;overflow:hidden;display:inline-block;vertical-align:middle;width:48px;height:48px;cursor:pointer;line-height:276px;zoom:1;z-index:1;-moz-opacity:0.1;opacity:0.10;filter:alpha(opacity=10);}
.banner-g .carousel-previous{position:absolute; background:url(../images/buttons/seta-left-trans.png) 0 0 no-repeat;left:10px;top:50%; margin-top:-20px;}
.banner-g .carousel-next{position:absolute; background:url(../images/buttons/seta-right-trans.png) 0 0 no-repeat;right:10px;top:50%; margin-top:-20px;}
.banner-g .carousel-control:hover{-moz-opacity:0.2;opacity:0.20;filter:alpha(opacity=20);}
.banner-g .disabled,.banner-g .disabled:hover{-moz-opacity:.0;opacity:0.0;filter:alpha(opacity=0);cursor:default;}

/* BANNER PEQUENO */
.banner-p{position: relative;overflow: hidden;width: 876px;height: 164px;z-index:0; background-color:transparent; border-bottom:solid 1px #b5b5b5;}
.banner-p ul, .banner-p li{position: relative;overflow: hidden;width: 438px;height: 164px;z-index:0; background-color:transparent; float:left;}
.banner-p li{background: url(../images/banner-p-fundo.jpg) repeat-x; border-right:solid 1px #b5b5b5; border-left:solid 1px #f4f4f4;}
.banner-p .carousel-control{position:absolute;overflow:hidden;display:inline-block;vertical-align:middle;width:48px;height:48px;cursor:pointer;line-height:164px;zoom:1;z-index:1;-moz-opacity:0.1;opacity:0.10;filter:alpha(opacity=10);}
.banner-p .carousel-previous{background:url(../images/buttons/seta-left-trans.png) 0 0 no-repeat;left:10px;top:50%; margin-top:-20px;}
.banner-p .carousel-next{background:url(../images/buttons/seta-right-trans.png) 0 0 no-repeat;right:10px;top:50%; margin-top:-20px;}
.banner-p .carousel-control:hover{-moz-opacity:0.3;opacity:0.20;filter:alpha(opacity=20);}
.banner-p .disabled,.banner-p .disabled:hover{-moz-opacity:.0;opacity:0.0;filter:alpha(opacity=0);cursor:default;}

/* HOME, FORMUL�RIOS */
#home, #formularios{position:relative; width:594px; float:left;}

/* CONTATO , AGENDA */
#agenda{display:none;}
#agenda .form-txt{width:98%;}
#agenda #ag-end{width:88%;}
#agenda #ag-num{width:6%; text-align:center; float:right;}
#agenda #ag-bairro, #agenda #ag-cidade{width:43%; margin-right:10px;}
#agenda #ag-cep{width:37%; margin-right:10px;}
#agenda #ag-uf{width:4%; float:right; text-align:center;}
#agenda #ag-dia, #agenda #ag-mes{width:8%; margin-right:10px; float:right;}
#agenda #ag-ano{width:20%; float:right; margin-right:10px;}
#agenda #ag-hora{width:10%; float:right;}
#agenda #ag-tel, #agenda #ag-email{ width:47%;}
#agenda #ag-tel{float:right;}

#agende_visita h2{color:#EDEDED;display:block;height:60px;width:222px;text-indent:20px;background: url(../images/adendar-visita.png) no-repeat center top;}
#agende_visita .corpo{display:block; cursor:pointer; height:auto; width:206px; margin-top:-8px; padding:0 8px 20px 8px; background: url(../images/adendar-visita.png) no-repeat center bottom;}

#entrar_contato h2{color:#EDEDED;display:block;height:60px;width:222px;text-indent:20px;background: url(../images/entrar_contato.png) no-repeat center top;}
#entrar_contato .corpo{display:block; cursor:pointer; height:auto; width:206px; margin-top:-8px; padding:0 8px 20px 8px; background: url(../images/entrar_contato.png) no-repeat center bottom;}

#contato{display:block;}
#contato select.form-txt{ width:594px;}
#contato textarea, #agenda textarea{height:100px; overflow:auto; font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; font-size:12px;}
#contato .form-txt{ width:98%;}


/* NEWSLETTER */
#form-newsletter{position:relative; width:100%; padding-bottom:20px;}
#form-newsletter .form-txt{width:210px;}

#ret_newsletter{ position:relative; clear:both; text-align:center; background:#FFF; padding:10px 0;}

/* INSTITUCIONAL */
#institucional{display:block;position:relative;margin-top:60px;padding:30px 0 0 0;}
#institucional .bloco{position:relative;height:auto;width:460px;top:-50px;left:240px;padding:20px;background: url(../images/sombrainstitucional2.png) no-repeat center bottom;z-index:1;}
#institucional .title{position:relative;text-indent:100px;font-style:italic;width:460px;padding:0 0 55px 0;margin:-50px 0 0 40px;font-size:25px;background-image: url(../images/sombrainstitucional.png);background-repeat: no-repeat;background-position: center bottom;z-index:0;}

/* TEMPLATES */
#templates{display:block;position:relative;margin-top:60px;padding:30px 0 0 0;}
#templates .title{position:relative;font-style:italic;width:460px;padding:0 0 55px 0;margin:-30px 0 0 0;font-size:25px;background-image: url(../images/sombrainstitucional.png);background-repeat: no-repeat;background-position: center bottom;z-index:0;}
#templates .title span{width:460px; position:absolute;left:70px;top:-18px;}
#templates .bloco{position:relative;height:auto;width:680px;top:-50px;left:120px;padding:20px 20px 36px 20px;background: url(../images/sombrainstitucional2.png) no-repeat center bottom;z-index:1;}
#templates .imgs{height:auto;width:215px;float:left; margin-right:15px;}
#templates img{ background-color:#d3d3d3; border:solid 4px #dbdbdb; padding:1px;float:left; width:84px; height:62px; margin:6px; cursor:pointer;}
#templates .texto{float:right;height:auto;width:450px;}

/* GO - GEST�O EM OUVIDORIA, SysFINANCE, SISTEMAS ONLINE, SITES, ECOMMERCE, COMUNICA��O VISUAL */
#ouvidoria, #sysfinance, #sistemas_online, #sites, #ecommerce, #comunicacao_visual{position:relative; padding-bottom:30px;}
#ouvidoria .imgs,#sysfinance .imgs, #sistemas_online .imgs, #sites .imgs, #ecommerce .imgs, #comunicacao_visual .imgs{height: 275px;width: 257px;float:left;position:absolute;top:10px;left:68px;z-index:10;background: no-repeat center center;}
#sites .imgs{background-image: url(../../../view/images/telas-sites.png);}
#comunicacao_visual .imgs{background: url(../../../view/images/telas-comunicacao_visual.png);}
#ecommerce .imgs{background-image: url(../../../view/images/telas-ecommerce.png);}
#ouvidoria .imgs{background-image: url(../../../view/images/box-gestao.png);}
#sysfinance .imgs{background-image: url(../../../view/images/box-sysfinance.png);}
#sistemas_online .imgs{background-image: url(../../../view/images/telas-sistemas-online.png);}
#ouvidoria .title,#sysfinance .title, #sistemas_online .title, #sites .title, #ecommerce .title, #comunicacao_visual .title{display:block;position:relative;margin:0;padding-top:50px;height:85px;width:100%;background: url(../images/sombrainstitucional.png) no-repeat center bottom;}
#ouvidoria .title span,#sysfinance .title span, #sistemas_online .title span, #sites .title span, #ecommerce .title span, #comunicacao_visual .title span{position:relative; left:358px; font-style:italic;}
#ouvidoria .bloco,#sysfinance .bloco, #sistemas_online .bloco, #sites .bloco, #ecommerce .bloco, #comunicacao_visual .bloco{position:relative;top:-60px;height:160px;background: url(../images/sombrainstitucional2.png) no-repeat right bottom;}
#ouvidoria .bloco .texto,#sysfinance .bloco .texto, #sistemas_online .bloco .texto, #sites .bloco .texto, #ecommerce .bloco .texto, #comunicacao_visual .bloco .texto{position:relative; font-style:italic; width:400px; top:30px; left:340px;}
#ouvidoria .texto,#sysfinance .texto, #sistemas_online .texto, #sites .texto, #ecommerce .texto, #comunicacao_visual .texto{position:relative; top:-30px; height:auto; margin:0 70px;}
#ouvidoria .linkpagina,#sysfinance .linkpagina{font-size: 15px;font-style:italic;color: #193f43;background: url(../images/buttons/seta-link-laranja.png) no-repeat right 4px;padding-right: 12px;text-decoration:none;float:right;margin:0 70px;}
#ouvidoria .linkpagina:hover,#sysfinance .linkpagina:hover{ text-decoration:underline;}

/* HOSPEDAGEM */
#hospedagem{height:703px;width:100%;position:relative;text-align:center;background-image: url(../../../view/images/planos.png);background-repeat: no-repeat;background-position: center top;}

/* PORTIFOLIO */
#portifolio {margin:10px 0 20px -3px;}
#portifolio .trabalho{height:auto; height:250px; width:392px; padding:8px; margin:10px 0 0 10px; background-color:#f7f9fd; border:solid 1px #ced8de; float:left;}
#portifolio .amplia img{float:left; border:solid 1px #c2ccd2;}
#portifolio .dados{height:auto; width:236px; float:right;}
#portifolio .dados .titulo{font-size:14px; color:#1177aa; font-weight:bold;}
#portifolio .dados .data{font-size:10px; color:#a0c1d2; font-weight:normal;}
#portifolio .dados .descricao{font-size:11px; color:#757a7d; font-weight:normal;}
#portifolio .dados .descricao label{font-size:11px;color:#AB4749;font-weight:bold;}
#portifolio .dados .descricao a{font-size:10px; color:#ff6c00; font-weight:normal; text-decoration:none; padding-right:16px; background: url(../images/buttons/seta-link-laranja.png) no-repeat right 4px;}
#portifolio .dados .descricao a:hover{text-decoration:underline;}