html, body {
height: 100%;
margin: 0;
padding: 0;
background: #fff;
font-family: arial, tahoma, verdana;
color: #666;
font-size: 11px;
}
#container {
margin: 0;
padding: 0;
height: 100%;
width: 100%;
background: url(../lay/bg.jpg) center repeat-x;
}
#in-container {
margin: 0;
padding: 0;
height: 550px;
width: 1000px;
_border: 1px solid red;
position: relative;
overflow: hidden;
}
#menu {
margin: 0;
padding: 0;
height: 100px;
width: 777px;
position: absolute;
top: 0;
left: 117px;
background: url(../lay/bg_topo.gif) no-repeat;
z-index: 10;
}
#menu ul {
margin: 0;
padding: 5px 0 0 230px;
list-style: none;
}
#menu li {
margin: 0;
padding: 0;
float: left;
}
#menu li a { display: block; }
.link-agsa-off {background: url(../lay/menu_agsa_off.gif) no-repeat;}
.link-multimidia-off {background: url(../lay/menu_multimidia_off.gif) no-repeat;}
.link-agsa-off:hover {background: url(../lay/menu_agsa_on.gif) no-repeat;}
.link-multimidia-off:hover {background: url(../lay/menu_multimidia_on.gif) no-repeat;}
.link-agsa-on {background: url(../lay/menu_agsa_off.gif) no-repeat;}
.link-multimidia-on {background: url(../lay/menu_multimidia_off.gif) no-repeat;}
.link-azul {
font-family: arial, tahoma, verdana;
color: #008fc4;
}
.link-azul:hover { color: #fff; background: #008fc4; text-decoration: none; }
.link-roxo {
color: #222055;
text-decoration: underline;
}
.link-roxo:hover {
color: #fff;
background: #222055;
text-decoration: none;
}
.limit {
width: 1000px;
height: 97px;
margin: 0;
padding: 0;
position: relative;
text-align: left;
}
.tit {
width: 378px;
height: 29px;
margin: 0;
padding: 0;
position: absolute;
bottom: 0;
left: 80px;
}
.left-all, .right-all {
width: 58px;
height: 394px;
margin: 0;
padding: 10px 0 0 0;
float: left;
position: relative;
}
.left-all {
}
.right-all {
}
.center-all {
width: 884px;
height: 404px;
margin: 0;
padding: 0;
float: left;
position: relative;
}
#rolagem {
height: 550px;
width: 100%;
position: absolute;
top: 0;
left: -1000px;
z-index: 0;
}
/*======= SE��ES ========*/
#box {
position: absolute;
top:0;
left:0;
width: 1000px;
height: 550px;
clip:rect(0px,1000px,550px,0px);
overflow:hidden;
}
#box0 {
top: 0;
left: 0;
margin: 0;
padding: 0;
width: 1000px;
height: 550px;
position: absolute;
background: url(../lay/bg_capa.gif) no-repeat;
}
/* Valores que devem ser alterados para movimentar as se��es (a posi��o das se��es ser�o contadas de 1000 em 1000px) */
/* Se��es que vem da esquerda */
#agsa-solucoes { left: -3000px; }
#agsa-espaco { left: 0px; }
#agsa-empresa { left: -3000px; }
/* Capa ao centro */
#capa { left: -3000px; }
/* Se��es que vem da direita */
#multimidia-noticias { left: 1000px; }
/*-----------------------------------------------------------*/
/*=======================*/
/* CONTE�DO ESPA�O */
#agenda {
display: none;
background: #fff;
border: 1px solid #ccc;
position: absolute;
right: 15px;
bottom: 96px;
z-index: 10px;
}
#bl-espaco {
margin: 0;
padding: 10px 10px 10px 20px;
width: 550px;
height: 384px;
position: relative;
float: left;
text-align: left;
}
#br-espaco {
margin: 0;
padding: 10px 0 10px 0;
width: 280px;
height: 384px;
position: relative;
float: left;
text-align: justify;
}
#mapa-espaco {
width: 385px;
height: 197px;
margin: 0;
padding: 0;
background: #dadada;
border: 1px solid #ccc;
float: left;
}
#br-espaco ul {
list-style: none;
margin: 0;
padding: 0 0 0 5px;
}
#br-espaco li {
margin: 0 0 2px 0;
padding: 0;
}
#colaboradores { position: relative; }
.alt-colaboradores {
position: absolute;
background: #fff;
border: 1px solid #ccc;
text-align: left;
padding: 5px;
}
#app-espaco {
width:541px;
height:357px;
}
/* CONTE�DO SOLU��ES
#bt-fotmatos {
width: 147px;
height: 25px;
position: absolute;
right: 0;
top:0;
}*/
#submenu-solucoes {
width: 260px;
height: 26px;
position: absolute;
right: 0;
top:0;
}
#submenu-solucoes ul {
margin: 0;
padding: 0;
list-style: none;
}
#submenu-solucoes li {
margin: 0 10px 0 0;
padding: 0;
float:left;
}
.txt-subtitle {
font-size: 11px;
font-weight: bold;
color:#999;
}
/* HOME */
#solucoes-home {
display:block;
}
#bl-solucoes-home {
width: 216px;
height:404px;
margin: 0;
padding: 0;
text-align:left;
float:left;
}
#br-solucoes-home {
width: 645px;
margin: 0;
padding: 10px 0 0 0;
text-align:left;
float:left;
}
/* PRE-IMPRESSAO */
#solucoes-preimpressao {
display:none;
}
#bl-solucoes-preimpressao {
width: 216px;
height:404px;
margin: 0;
padding: 0;
text-align:left;
float:left;
}
#br-solucoes-preimpressao {
width: 645px;
margin: 0;
padding: 10px 0 0 0;
text-align:left;
float:left;
}
/* PARQUE-GR�FICO */
#solucoes-parquegrafico {
display: block;
position: relative;
}
#bl-solucoes-parquegrafico {
width: 216px;
height:404px;
margin: 0;
padding: 0;
text-align:left;
float:left;
}
#br-solucoes-parquegrafico {
width: 645px;
margin: 0;
padding: 10px 0 0 0;
text-align:left;
float:left;
}
.bt1-sub-parquegrafico {
display: block;
width: 116px;
height: 26px;
background: url(../lay/bt_solucoes_parque_on.jpg) no-repeat;
}
.bt1-sub-parquegrafico:hover {background: url(../lay/bt_solucoes_parque_off.jpg) no-repeat;}
.bt1-sub-parquegrafico-off {
display: block;
width: 116px;
height: 26px;
background: url(../lay/bt_solucoes_parque_off.jpg) no-repeat;
}
.bt2-sub-parquegrafico {
display: block;
width: 116px;
height: 26px;
background: url(../lay/bt_solucoes_produtos_on.jpg) no-repeat;
}
.bt2-sub-parquegrafico:hover {background: url(../lay/bt_solucoes_produtos_off.jpg) no-repeat;}
.bt2-sub-parquegrafico-off {
display: block;
width: 116px;
height: 26px;
background: url(../lay/bt_solucoes_produtos_off.jpg) no-repeat;
}
/* ACABAMENTO */
#solucoes-acabamento {
display: block;
position: relative;
}
#bl-solucoes-acabamento {
width: 216px;
height:404px;
margin: 0;
padding: 0;
text-align:left;
float:left;
}
#br-solucoes-acabamento {
width: 645px;
margin: 0;
padding: 10px 0 0 0;
text-align:left;
float:left;
}
.bt1-sub-acabamento {
display: block;
width: 116px;
height: 26px;
background: url(../lay/bt_solucoes_acabamento_on.jpg) no-repeat;
}
.bt1-sub-acabamento:hover {background: url(../lay/bt_solucoes_acabamento_off.jpg) no-repeat;}
.bt1-sub-acabamento-off {
display: block;
width: 116px;
height: 26px;
background: url(../lay/bt_solucoes_acabamento_off.jpg) no-repeat;
}
.bt2-sub-acabamento {
display: block;
width: 116px;
height: 26px;
background: url(../lay/bt_solucoes_produtos_on.jpg) no-repeat;
}
.bt2-sub-acabamento:hover {background: url(../lay/bt_solucoes_produtos_off.jpg) no-repeat;}
.bt2-sub-acabamento-off {
display: block;
width: 116px;
height: 26px;
background: url(../lay/bt_solucoes_produtos_off.jpg) no-repeat;
}
/* ILHA DIGITAL */
#solucoes-ilha {
display: block;
position: relative;
}
#bl-solucoes-ilha {
width: 216px;
height:404px;
margin: 0;
padding: 0;
text-align:left;
float:left;
}
#br-solucoes-ilha {
width: 645px;
margin: 0;
padding: 10px 0 0 0;
text-align:left;
float:left;
}
.bt1-sub-ilha {
display: block;
width: 116px;
height: 26px;
background: url(../lay/bt_solucoes_ilha_on.jpg) no-repeat;
}
.bt1-sub-ilha:hover {background: url(../lay/bt_solucoes_ilha_off.jpg) no-repeat;}
.bt1-sub-ilha-off {
display: block;
width: 116px;
height: 26px;
background: url(../lay/bt_solucoes_ilha_off.jpg) no-repeat;
}
/* ILHA DIGITAL ONDEMAND */
.blocos-ondemand {
padding: 10px 0 0 10px;
background: url(../lay/bg_blocos_ondemand.jpg) no-repeat;
}
.blocos-ondemand h1 {
margin: 0 0 5px 0;
padding: 0;
font-size: 11px;
color: #424072;
text-transform: uppercase;
font-weight: bold;
}
#solucoes-ondemand {
display: block;
position: relative;
}
#bl-solucoes-ondemand {
width: 216px;
height:404px;
margin: 0;
padding: 0;
text-align:left;
float:left;
}
#br-solucoes-ondemand {
width: 645px;
margin: 0;
padding: 10px 0 0 0;
text-align:left;
float:left;
}
.bt1-sub-ondemand {
display: block;
width: 116px;
height: 26px;
background: url(../lay/bt_solucoes_ilha_on.jpg) no-repeat;
}
.bt2-sub-ondemand {
display: block;
width: 116px;
height: 26px;
background: url(../lay/bt_solucoes_ondemand_on.jpg) no-repeat;
}
.bt2-sub-ondemand:hover {background: url(../lay/bt_solucoes_ondemand_off.jpg) no-repeat;}
.bt2-sub-ondemand-off {
display: block;
width: 116px;
height: 26px;
background: url(../lay/bt_solucoes_ondemand_off.jpg) no-repeat;
}
/* OR�AMENTO */
#solucoes-orcamento {
display: block;
position: relative;
}
#bl-solucoes-orcamento {
width: 216px;
height:404px;
margin: 0;
padding: 0;
text-align: left;
float: left;
}
#br-solucoes-orcamento {
width: 645px;
margin: 0;
padding: 10px 0 0 0;
text-align: left;
float: left;
}
/* PRODUTOS */
#solucoes-produtos {
display: block;
position: relative;
}
#bl-solucoes-produtos {
width: 216px;
height:404px;
margin: 0;
padding: 0;
text-align:left;
float:left;
}
#br-solucoes-produtos {
width: 645px;
margin: 0;
padding: 10px 0 0 0;
text-align:left;
float:left;
line-height: 18px;
}
#br-solucoes-produtos h1 {
font-size: 12px;
margin: 0 0 5px 0;
padding: 0;
font-weight: bold;
}
/* MENU SOLU��ES */
#menu-solucoes {
margin: 40px 0 0 15px;
padding: 0;
}
#menu-solucoes ul {
margin: 0;
padding: 0;
list-style: none;
}
#menu-solucoes li {
margin: 0 0 10px 0;
padding: 0;
}
.bt1-solucoes {
display: block;
margin: 0;
padding: 0;
width: 176px;
height: 46px;
background: url(../lay/bt_solucoes_01_off.gif) no-repeat;
}
.bt1-solucoes:hover {background: url(../lay/bt_solucoes_01_on.gif) no-repeat;}
.bt1-solucoes-off {
display: block;
margin: 0;
padding: 0;
width: 176px;
height: 46px;
background: url(../lay/bt_solucoes_01_on.gif) no-repeat;
}
.bt2-solucoes {
display: block;
margin: 0;
padding: 0;
width: 176px;
height: 46px;
background: url(../lay/bt_solucoes_02_off.gif) no-repeat;
}
.bt2-solucoes:hover {background: url(../lay/bt_solucoes_02_on.gif) no-repeat;}
.bt2-solucoes-off {
display: block;
margin: 0;
padding: 0;
width: 176px;
height: 46px;
background: url(../lay/bt_solucoes_02_on.gif) no-repeat;
}
.bt3-solucoes {
display: block;
margin: 0;
padding: 0;
width: 176px;
height: 46px;
background: url(../lay/bt_solucoes_03_off.gif) no-repeat;
}
.bt3-solucoes:hover {background: url(../lay/bt_solucoes_03_on.gif) no-repeat;}
.bt3-solucoes-off {
display: block;
margin: 0;
padding: 0;
width: 176px;
height: 46px;
background: url(../lay/bt_solucoes_03_on.gif) no-repeat;
}
.bt4-solucoes {
display: block;
margin: 0;
padding: 0;
width: 176px;
height: 46px;
background: url(../lay/bt_solucoes_04_off.gif) no-repeat;
}
.bt4-solucoes:hover {background: url(../lay/bt_solucoes_04_on.gif) no-repeat;}
.bt4-solucoes-off {
display: block;
margin: 0;
padding: 0;
width: 176px;
height: 46px;
background: url(../lay/bt_solucoes_04_on.gif) no-repeat;
}
.bt5-solucoes {
display: block;
margin: 0;
padding: 0;
width: 176px;
height: 46px;
background: url(../lay/bt_solucoes_05_off.gif) no-repeat;
}
.bt5-solucoes:hover {background: url(../lay/bt_solucoes_05_on.gif) no-repeat;}
.bt5-solucoes-off {
display: block;
margin: 0;
padding: 0;
width: 176px;
height: 46px;
background: url(../lay/bt_solucoes_05_on.gif) no-repeat;
}
/* SUBSE��ES DE SOLU��ES */
/* CONTE�DO EMPRESA */
.in-interno {
margin: 0;
padding: 0;
height: 550px;
width: 1000px;
position: relative;
}
#bl-empresa {
margin: 0;
padding: 10px 20px 10px 20px;
width: 445px;
height: 384px;
text-align: justify;
float: left;
line-height: 18px;
}
#br-empresa {
margin: 0;
padding: 0;
padding: 10px 20px 10px 20px;
width: 359px;
height: 384px;
text-align: justify;
float: left;
}
.form-contato {
width: 205px;
background: #ededed;
padding: 5px;
position: absolute;
bottom: 55px;
left: 245px;
border: 1px solid #ccc;
z-index: 10;
}
.barra-contato {
width: 205px;
background: #ededed;
padding: 5px;
position: absolute;
bottom: 20px;
left: 245px;
border: 1px solid #ccc;
background: #ededed url(../lay/ico_email.gif) 10px 7px no-repeat;
}
/* CONTE�DO CAPA */
#capa-agsa {
margin: 0;
padding: 0;
width: 280px;
height: 243px;
position: absolute;
top: 99px;
left: 27px;
}
#destaque-capa {
width: 435px;
height: 281px;
margin: 0;
padding: 0;
position: absolute;
top: 99px;
left: 300px;
}
#destaque-aba {
width: 75px;
height: 7px;
margin: 0;
padding: 0;
position: absolute;
top: 92px;
left: 654px;
z-index: 10;
}
#capa-agsa ul {
margin: 0;
padding: 0;
list-style: none;
}
#capa-agsa li {
margin: 0 0 11px 0;
padding: 0;
}
#capa-blog {
width: 194px;
margin: 0;
padding: 0;
position: absolute;
top: 99px;
left: 748px;
text-align: left;
}
.capa-blog-comentario {
margin: 0;
padding: 0;
list-style: none;
}
.capa-blog-comentario li {
font-family: arial, tahoma, verdana;
color: #666;
font-size: 10px;
float: left;
}
#capa-filtros {
width: 193px;
height: 16px;
margin: 0;
padding: 0;
position: absolute;
bottom: 70px;
left: 765px;
text-align: left;
}
#capa-filtros ul {
margin: 0;
padding: 0;
list-style: none;
}
#capa-filtros li {
margin: 0 0 0 7px;
padding: 0;
float: left;
}
#capa-filtros li a { display: block; }
.bt-flickr-off {background: url(../lay/bt_flickr_on.jpg) no-repeat;}
.bt-flickr-off:hover {background: url(../lay/bt_flickr_on.jpg) no-repeat;}
.bt-orkut-off {background: url(../lay/bt_orkut_on.jpg) no-repeat;}
.bt-orkut-off:hover {background: url(../lay/bt_orkut_on.jpg) no-repeat;}
.bt-twitter-off {background: url(../lay/bt_twitter_on.jpg) no-repeat;}
.bt-twitter-off:hover {background: url(../lay/bt_twitter_on.jpg) no-repeat;}
.bt-youtube-off {background: url(../lay/bt_youtube_on.jpg) no-repeat;}
.bt-youtube-off:hover {background: url(../lay/bt_youtube_on.jpg) no-repeat;}
#capa-noticias {
width: 454px;
margin: 0;
padding: 0;
position: absolute;
bottom: 65px;
left: 300px;
text-align: left;
top: 390px;
}
/* CONTE�DO NOT�CIAS */
#bl-noticias {
margin: 0;
padding: 10px 10px 10px 20px;
width: 453px;
height: 384px;
position: relative;
float: left;
text-align: justify;
line-height: 18px;
}
#bl-noticias h1 {
margin: 0 0 10px 0;
padding: 0;
color: #666;
font-weight: bold;
font-size: 12px;
}
#br-noticias {
margin: 0;
padding: 10px 0 30px 20px;
width: 360px;
height: 384px;
position: relative;
float: left;
text-align: left;
}
#br-noticias h1 {
margin: 0;
padding: 0;
font-weight: normal;
line-height: 18px;
}
#br-noticias ul {
list-style: none;
margin: 0;
padding: 0;
}
#br-noticias li {
margin: 0 0 15px 0;
}
.link-azul-h1{
font-family: arial, tahoma, verdana;
color: #008fc4;
font-size: 11px;
}
.link-azul-h1:hover {color: #fff; background: #008fc4; text-decoration: none;}
.link-paginacao-azul {
color: #008fc4;
text-decoration: none;
padding: 0 3px 0 3px;
}
.link-paginacao-azul:hover {
color: #fff;
background: #008fc4;
padding: 0 3px 0 3px;
}
.link-paginacao-azul-off {
color: #fff;
background: #008fc4;
padding: 0 3px 0 3px;
}
/*====================*/
#rodape {
margin: 0;
padding: 20px 0 0 0;
height: 60px;
width: 1000px;
position: absolute;
left: 0;
bottom: -16px;
background: url(../lay/bg_rodape.jpg) center repeat-x;
}
#rodape span {
margin: 0;
padding: 0;
font-family: arial, tahoma, verdana;
color: #424072;
font-size: 15px;
font-weight: bold;
}
.campo {
font-family: arial, tahoma, verdana;
color: #666;
font-size: 11px;
border: 1px solid #b6b6b6;
padding-left: 5px;
}
.campo-agenda {
font-family: arial, tahoma, verdana;
color: #666;
font-size: 11px;
border: 1px solid #b6b6b6;
padding: 2px;
}
a.cinza { color:#666;text-decoration:underline; }