﻿/* GERAL
*******************************************************************************************************************************************/
*
{
    padding:0;
    margin:0;
    list-style:none;
}

BODY
{
    width:100%;
    height:100%;
    background:#afecfe;
}

img { border:0; }
div.clear { clear:both; font-size:0; }
div.wrap { width:945px; margin:0 auto; }

.fleft { float:left; font-size:0; }
.fright { float:right; font-size:0; }

.pdf { background:url('../../imagens/ico_pdf.gif') no-repeat left center; }
.doc { background:url('../../imagens/ico_doc.gif') no-repeat left center; }
.ppt { background:url('../../imagens/ico_ppt.gif') no-repeat left center; }
.zip { background:url('../../imagens/ico_zip.gif') no-repeat left center; }
.mht { background:url('../../imagens/ico_mht.gif') no-repeat left center; }
.jpg { background:url('../../imagens/ico_img.gif') no-repeat left center; }


/* TOPO
*******************************************************************************************************************************************/
#topo
{
    width:100%;
    height:93px;
    background:#fff;
}

#topo div.logo
{
    float:left;
    height:75px;
    padding:9px 10px;
}

#topo div.marcas
{
    float:right;
    height:57px;
    padding:27px 10px 9px 10px;
}

#topo div.menu
{
    float:right;
    width:529px;
    padding-top:10px;
}

#topo div.menu div.barra_menu
{
    float:left;
    width:529px;
    height:70px;
}

#topo div.menu div.menu_item
{
    float:left;
    position:relative;
    padding:5px 0 2px 0;
    margin:0 12px 0 13px;
    *margin:0 9px 0 10px;
}

#topo div.menu div.submenu
{
    position:absolute;
    top:67px; left:0;
    padding:4px 0 4px 0;
    margin-left:1px;
    border:1px solid #e3e4e5;
    border-top:0;
    opacity:0.8;
	-moz-opacity: 0.8;
	filter: alpha(opacity=80);
    background:#fff;
    z-index:100;
    display:none;
}

#topo div.menu div.submenu_item
{
    height:16px;
    padding:2px 10px;
}

#topo div.menu div.submenu_item a
{
    white-space:nowrap;
    font:12px Arial;
    color:#008e7f;
    text-decoration:none;
}

#topo div.menu div.submenu_item a:hover
{
    text-decoration:underline;
}


/* FLASH
*******************************************************************************************************************************************/
#flash
{
    width:100%;
    height:441px;
    background:#fff;
}


/* MENU
*******************************************************************************************************************************************/
#menu
{
    width:100%;
    height:90px;
}

#menu div.barra_menu
{
    float:left;
    width:629px;
    height:70px;
    margin-right:21px;
}

#menu div.menu_item
{
    float:left;
    position:relative;
    padding:4px 0 4px 0;
    margin:0 22px 0 23px;
    *margin:0 19px 0 20px;
}

#menu div.submenu
{
    position:absolute;
    top:66px; left:0;
    padding:4px 0 4px 0;
    margin-left:1px;
    border:1px solid #e3e4e5;
    border-top:0;
    background:#fff;
    z-index:100;
    display:none;
}

#menu div.submenu_item
{
    height:16px;
    padding:2px 10px;
}

#menu div.submenu_item a
{
    white-space:nowrap;
    font:12px Arial;
    color:#008e7f;
    text-decoration:none;
}

#menu div.submenu_item a:hover
{
    text-decoration:underline;
}

#menu div.busca
{
    float:left;
    width:208px;
    height:48px;
    padding:20px 0 0 12px;
    *padding:21px 0 0 15px;
    margin-left:5px;
    background:url('../../imagens/bg_busca.jpg') no-repeat center center;
}

#menu div.busca input.texto
{
    width:150px;
    height:15px;
    padding:4px;
    font:11px Arial;
    color:#393939;
    border:0;
    background:#f3f3f3;
}

#menu div.busca input.botao
{
    width:25px;
    height:25px;
    margin:0 0 0 16px;
    border:0;
    background:transparent;
    cursor:pointer;
}

#menu div.idioma
{
    float:left;
    width:35px;
    height:40px;
    padding:28px 0 0 15px;
    margin-left:10px;
    background:url('../../imagens/bg_borda_idioma.jpg') no-repeat left center;
}


/* CORPO
*******************************************************************************************************************************************/
#corpo
{
    width:100%;
    background:url('../../imagens/bg_corpo.jpg') repeat-x;
}

#corpo div.conteudo
{
    padding:0 10px 15px 10px;
}

#corpo h2
{
    font:bold 14px Arial;
    color:#1f9dcc;
}

#corpo p
{
    font:12px Arial;
    color:#505050;
    line-height:18px;
}

#corpo p.verde
{
    padding-top:5px;
    font:11px Arial;
    color:#017367;
}

#corpo p span
{
    font:12px Arial;
    color:#1f9dcc;
}

#corpo a
{
    font:bold 12px Arial;
    color:#1f9dcc;
    text-decoration:none;
}

#corpo a:hover
{
    text-decoration:underline;
}

#corpo div.imgdest
{
    margin:10px 0;
    font:10px Arial;
    color:#505050;    
}

#corpo div.imgdest_esq
{
    float:left;
    margin-right:15px;
    font:10px Arial;
    color:#505050;
}

#corpo div.imgdest_dir
{
    float:right;
    margin-left:15px;
    font:10px Arial;
    color:#505050;
    text-align:right;
}

#colesq
{
    float:left;
    width:629px;
    padding-right:21px;
}

#colesq div.divisao
{
    width:100%;
    height:10px;
    margin-top:10px;
    *margin-top:0;
    font-size:0;
    border-top:1px solid #666565;
}

#colesq div.subtitulo
{
    font:10px Arial;
    color:#a1a2a2;
}

#colesq div.subtitulo span
{
    color:#393939;
}

#colesq div.marcas
{
    padding-bottom:10px;
    
}

#colesq div.noticia
{
    padding-bottom:12px;
    *padding-bottom:11px;
}

#colesq div.noticia h1
{
    font:bold 18px Arial;
    color:#1f9dcc;
    margin-bottom:10px;
}

#colesq div.noticia h1 a
{
    font:bold 18px Arial;
    color:#1f9dcc;
}

#colesq div.noticia h1 span
{
    font:12px Arial;
    color:#adacac;
}

#colesq div.noticia p
{
    padding-top:2px;
}

#colesq div.noticia p span
{
    font:10px Arial;
    color:#adacac;
}

#colesq div.noticia div.info
{
    padding:0 10px;
    margin-top:20px;
}

#colesq div.noticia div.info div.data
{
    float:left;
    font:11px Arial;
    color:#017367;
}

#colesq div.noticia div.info div.comentarios
{
    float:right;
    font:11px Arial;
    color:#1f9dcc;
}

#colesq div.obs
{
    height:20px;
    padding:13px 5px 5px 40px;
    margin-top:10px;
    background:#e3e4e4 url('../../imagens/ico_pdf.gif') no-repeat 5px center;
}

#colesq div.obs a
{
    font:bold 12px Arial;
    color:#017367;
}

#colesq div.contato
{
    float:left;
    width:350px;
    height:315px;
    padding:20px 0 0 35px;
    *padding:19px 0 0 35px;
    background:url('../../imagens/en-US/bg_contato.jpg') no-repeat;
}

#colesq div.contato input.texto
{
    width:278px;
    height:18px;
    padding:7px 0;
    margin-bottom:16px;
    *margin-bottom:14px;
    font:12px Arial;
    color:#505050;
    border:0;
}

#colesq div.contato textarea
{
    width:278px;
    height:158px;
    margin-top:1px;
    font:12px Arial;
    color:#505050;
    border:0;
}

#colesq div.contato input.botao
{
    width:80px;
    height:21px;
    margin:20px 0 0 212px;
    *margin:19px 0 0 212px;
    border:0;
    background:transparent;
    cursor:pointer;
}

#colesq div.arq_titulo
{
    padding:5px 0 0 0;
    margin-top:15px;
}

#colesq div.arq_titulo h1
{
    font:bold 12px Arial;
    color:#33a599;
    text-transform:uppercase;
}

#colesq div.arquivo
{
    height:28px;
    padding:10px 0 0 40px;
}

#colesq div.arquivo a
{
    font:12px Arial;
    color:#505050;
    text-decoration:none;
}

#colesq div.arquivo a:hover
{
    text-decoration:underline;
}

#colesq div.imprensa
{
    height:28px;
    padding:10px 0 0 40px;
    font:bold 12px Arial;
    color:#008e7f;
}

#colesq div.imprensa div.tit
{
    float:left;
}

#colesq div.imprensa div.img
{
    float:right;
    padding-right:30px;
}

#colesq div.galeria
{
    float:left;
    width:293px;
    padding:11px 0;
    *padding:0 0 11px 0;
    *margin-top:12px;
}

#colesq div.galeria div.img
{
    float:left;
    width:96px;
    margin-right:11px;
}

#colesq div.galeria div.img img
{
    border:1px solid #9fcd67;
}

#colesq div.galeria div.cont
{
    float:left;
    width:175px;
}

#colesq div.galeria div.cont h1
{
    font:bold 11px Arial;
    color:#008e7f;    
    margin-bottom:2px;
}

#colesq div.galeria div.cont p
{
    font:11px Arial;
    color:#008e7f;
}

#colesq div.galeria div.fotos_galeria
{
    display:none;
}

#colesq div.logomarcas
{
    text-align:center;
}

#colesq div.logomarcas img
{
    margin:10px 5px;
}

#colesq div.vejatambem
{
    margin-top:30px;
}

#colesq div.vejatambem div.titulo
{
    margin-bottom:5px;
}

#colesq div.vejatambem div.link
{
    float:left;
    margin-right:15px;
}

#colesq div.vejatambem div.link a
{
    color:#008e7f;
}

#colesq div.separador
{
    width:100%;
    height:2px;
    font-size:0;
    border-bottom:1px dotted #01cbb6;
}

#coldir
{
    float:left;
    width:275px;
}

#coldir a
{
    font-size:11px;
}

#coldir div.borda
{
    padding-bottom:10px;
    border-bottom:1px solid #666565;
}

#coldir div.titulo span
{
    font:bold 11px Arial;
    color:#017367;
}

#coldir div.divisao
{
    width:100%;
    height:10px;
    margin-top:10px;
    font-size:0;
    border-top:1px solid #666565;
}

#coldir div.subtitulo
{
    padding:12px 0;
}

#coldir div.subtitulo a
{
    font:bold 12px Arial;
    color:#33a599;
}

#coldir div.busca
{
    float:left;
    width:208px;
    height:31px;
    padding:2px 0 0 12px;
    *padding:4px 0 0 12px;
    background:url('../../imagens/bg_busca.jpg') no-repeat center center;
}

#coldir div.busca input.texto
{
    width:150px;
    height:15px;
    padding:4px;
    font:11px Arial;
    color:#393939;
    border:0;
    background:#f3f3f3;
}

#coldir div.busca input.botao
{
    width:25px;
    height:25px;
    margin:0 0 0 16px;
    border:0;
    background:transparent;
    cursor:pointer;
}

#coldir div.idioma
{
    float:left;
    width:30px;
    height:22px;
    padding:9px 0 0 14px;
    margin-left:10px;
    background:url('../../imagens/bg_borda_idioma.jpg') no-repeat left center;
}

#coldir div.video
{
    padding-top:10px;
}

#coldir div.galerias
{
	float:left;
    width:117px;
    padding:11px 0 5px 0;
    *padding:0 0 5px 0;
    *margin-top:12px;
}

#coldir div.galerias img
{
    border:1px solid #9fcd67;
}

#coldir div.galeria
{
    width:235px;
    padding:11px 0 5px 0;
    *padding:0 0 5px 0;
    *margin-top:12px;
}

#coldir div.galeria div.img
{
    float:left;
    width:96px;
    margin-right:11px;
}

#coldir div.galeria div.img img
{
    border:1px solid #9fcd67;
}

#coldir div.galeria div.cont
{
    float:left;
    width:128px;
}

#coldir div.galeria div.cont h1
{
    font:bold 11px Arial;
    color:#008e7f;    
    margin-bottom:2px;
}

#coldir div.galeria div.cont p
{
    font:11px Arial;
    color:#008e7f;
}

#coldir div.arq_titulo
{
    padding:5px 0 0 0;
}

#coldir div.arq_titulo h1
{
    font:bold 12px Arial;
    color:#33a599;
    text-transform:uppercase;
}

#coldir div.arq_titulo h1 a
{
    font:bold 12px Arial;
    color:#33a599;
    text-transform:uppercase;
}

#coldir div.arquivo
{
    height:28px;
    padding:10px 0 0 40px;
}

#coldir div.arquivo a
{
    font:12px Arial;
    color:#505050;
    text-decoration:none;
}

#coldir div.arquivo a:hover
{
    text-decoration:underline;
}

#coldir div.links
{
    padding:5px 0 4px 0;
    *padding:5px 0;
}

#coldir div.links a
{
    font:12px Arial;
    color:#505050;
    text-decoration:none;
}

#coldir div.links a:hover
{
    text-decoration:underline;
}

#coldir div.separador
{
    width:100%;
    height:2px;
    font-size:0;
    border-bottom:1px dotted #01cbb6;
}

div.texto{ font:12px Arial, Helvetica, sans-serif; text-align:justify; color:#000;}
div.texto span.images img{ padding:5px;}
div.texto span.images img2{ padding:3px;}
div.texto span.images3 img{ padding:3px;}

div.texto span.sg, div.texto span.pc{ text-decoration:underline;} 


/* BOX
*******************************************************************************************************************************************/
#corpo div.box
{
    margin:10px 0 5px 0;
}

#colesq div.box div.cabe  
{
    width:629px;
    height:18px;
    font-size:0; 
    background:url('../../imagens/box_colesq_topo.gif') no-repeat; 
}

#colesq div.box div.roda  
{
    width:629px;
    height:18px; 
    font-size:0;
    background:#afecfe url('../../imagens/box_colesq_rodape.gif') no-repeat; 
}

#colesq div.box div.txt
{
    padding:0 16px;
    background:#fff;
}

#colesq div.box div.txt div.texto
{
    padding-right:0;
}

#coldir div.box div.cabe  
{
    width:275px;
    height:18px; 
    font-size:0;
    background:url('../../imagens/box_coldir_topo.gif') no-repeat; 
}

#coldir div.box div.roda  
{
    width:275px;
    height:18px;
    font-size:0; 
    background:#afecfe url('../../imagens/box_coldir_rodape.gif') no-repeat; 
}

#coldir div.box div.txt
{
    padding:0 20px;
    background:#fff;
}


/* TOOLTIP - Página "A Lagoa - Quem Habita"
*******************************************************************************************************************************************/
#habitatip
{
    position:absolute;
    top:-137px; left:-159px;
    width:198px;
    height:121px;
    padding:18px 0 0 20px;
    display:none;
}

#habitatip h1
{
    height:15px;
    margin-bottom:15px;
    text-indent:0;
    background:none;
}

#habitatip p
{
    font:11px Arial;
    color:#f4f5f5;
    line-height:20px;
}

#corpo p span.tooltip
{
    cursor:pointer;
}

#corpo p span.tooltip b,
#corpo p span.tooltip i
{
    display:none;
}


/* RODAPÉ
*******************************************************************************************************************************************/
#rodape
{
    width:100%;
    height:152px;
    background:url('../../imagens/bg_rodape.jpg') repeat-x;
}

#rodape div.divisao
{
    float:left;
    width:1px;
    height:152px;
    font-size:0;
    background:url('../../imagens/rodape_divisao.jpg') no-repeat;
}

#rodape p
{
    font:12px Arial;
    color:#fff;
    line-height:17px;
}

#rodape p a
{
    font:bold 12px Arial;
    color:#fff;
    text-decoration:none;
}

#rodape p a:hover
{
    text-decoration:underline;
}

#rodape div.ebx
{
    float:left;
    width:633px;
    height:90px;
    *height:90px;
    padding:25px 20px;
    *padding:25px 20px 0 20px;
}

#rodape div.ebx h1
{
    height:21px;
    margin-bottom:22px;
    *margin:0;
    *padding-bottom:10px;
    text-indent:-9999px;
    background:url('../../imagens/en-US/tit_rodape_oqfaz.png') no-repeat;
}

#rodape div.ebx div.icones div.ico
{
    position:relative;
    float:left;
    padding:0 11px;
}

#rodape div.tooltip
{
    position:absolute;
    top:-137px; left:-153px;
    width:190px;
    height:129px;
    padding:10px 13px 0 13px;
    background:url('../../imagens/bg_tooltip.png') no-repeat;
    display:none;
}

#rodape div.tooltip2
{
    position:absolute;
    top:-137px; left:16px;
    width:190px;
    height:129px;
    padding:10px 13px 0 13px;
    background:url('../../imagens/bg_tooltip2.png') no-repeat;
    display:none;
}

#rodape div.tooltip h1,
#rodape div.tooltip2 h1
{
    height:15px;
    margin-bottom:15px;
    *margin-bottom:5px;
    text-indent:0;
    background:none;
}

#rodape div.tooltip p,
#rodape div.tooltip2 p
{
    font:11px Arial;
    color:#f4f5f5;
}

#rodape div.projsocio
{
    width:210px;
    height:124px;
    padding:15px 3px 0 3px;
}

#rodape div.projsocio h1
{
    margin-bottom:10px;
    *margin-bottom:0;
	padding-left:10px;

}

#rodape div.projsocio p
{
    padding:0 10px;
	line-height:12px;
}

#rodape div.contato
{
    position:relative;
    float:left;
    width:206px;
    height:90px;
    *height:90px;
    padding:25px 30px;
    *padding:25px 35px 0 30px;
}

#rodape div.contato h1
{
    height:21px;
    margin-bottom:22px;
    *margin:0;
    *padding-bottom:11px;
    text-indent:-9999px;
    background:url('../../imagens/en-US/tit_rodape_contato.png') no-repeat;
}

#rodape .icotraco
{
    position:absolute;
    bottom:0; right:0;
}
