/*----------------------------------------------------



######################################################



======================================================



				Longevity - Junho 2008



======================================================



######################################################



----------------------------------------------------*/







body {



	font-family: Arial, verdana, Helvetica, sans-serif;



	font-size: 12px;



	line-height: 16px;



	color: #666666;



	margin: 15px;
	margin-top: 1px;



	/*background-image: url(../images/body_img_bg.jpg);*/
	background-color: #99cc33;



	background-position: top center;



	background-repeat: no-repeat;



}







div, ul, li, br, form {



	margin: 0px;


	padding: 0px;


	/*color: black;*/



}







p {



	margin: 0px;



	padding-top: 0px;



	//padding-bottom: 15px;
	padding-bottom: 0;



}







a {



	color: #666666;



}







div#geral {



	width: 950px;



	margin: auto;

	background-color: #ffffff;



	padding-left: 15px;



	padding-right: 14px;



	padding-bottom: 10px;



}







div#site {



	width: 950px;



}







div.sep {



	font-size: 1px;



	clear: both;



}











/*------------------------------



================================



	TOPO



================================



------------------------------*/







div#topo {


	width: 100%;



}











/*---- Menu Topo ----*/







div#menu_topo {



	width: 500px;



	float: left;



	padding-top: 15px;



	position: relative;



	left: -20px;



}







div#menu_topo ul li {



	list-style: none;



	display: inline;



	margin-left: 15px;



}



div#menu_topo ul li span {



    display:none;



}



div#menu_topo ul li img {



    border:0px;



}











/*.....................................menu_topo items begins...........................................*/







/*...........item1.................*/



.item1, .item1 a:link, .item1 a:visited{



background-image:url(../images/mtopo_home2.jpg);



background-repeat:no-repeat;



background-position:0px 0px;



height:18px;



width:40px;



display:block;



float:left;



border-bottom: 1px dotted #fff;



}







/*...........item41.................*/



/*.item41, .item41 a:link, .item41 a:visited{



background-image:url(../images/mtopo_faqs2.jpg);



background-repeat:no-repeat;



background-position:0px 0px;



height:18px;



width:37px;



display:block;



float:left;



border-bottom: 1px dotted #fff;



}*/







/*...........item48.................*/



.item48, .item48 a:link, .item48 a:visited{



background-image:url(../images/mtopo_headlines2.jpg);



background-repeat:no-repeat;



background-position:0px 0px;



height:18px;



width:60px;



display:block;



float:left;



border-bottom: 1px dotted #fff;



}







/*...........item50.................*/



.item50, .item50 a:link, .item50 a:visited{



background-image:url(../images/mtopo_contacts2.jpg);



background-repeat:no-repeat;



background-position:0px 0px;



height:18px;



width:64px;



display:block;



float:left;



border-bottom: 1px dotted #fff;



}







/*...........item58.................*/



.item58, .item58 a:link, .item58 a:visited{



background-image:url(../images/mtopo_newsletter2.jpg);



background-repeat:no-repeat;



background-position:0px 0px;



height:18px;



width:63px;



display:block;



float:left;



border-bottom: 1px dotted #fff;



}







/*...........item100.................*/



.item100, .item100 a:link, .item100 a:visited{



background-image:url(../images/mtopo_sendfriend2.jpg);



background-repeat:no-repeat;



background-position:0px 0px;



height:18px;



width:74px;



display:block;



float:left;



border-bottom: 1px dotted #fff;



}







/*...........item153.................*/



.item153, .item153 a:link, .item153 a:visited{



background-image:url(../images/mtopo_blog2.jpg);



background-repeat:no-repeat;



background-position:0px 0px;



height:18px;



width:34px;



display:block;



float:left;



border-bottom: 1px dotted #fff;



}







/*...........item154.................*/



.item154, .item154 a:link, .item154 a:visited{



background-image:url(../images/mtopo_search2.jpg);



background-repeat:no-repeat;



background-position:0px 0px;



height:18px;



width:41px;



display:block;



float:left;



border-bottom: 1px dotted #fff;



}







/*...........all items :hover and active.................*/



.item1 a:hover,



/*.item41 a:hover,*/



.item48 a:hover,



.item50 a:hover,



.item58 a:hover,



.item100 a:hover,



.item153 a:hover,



.item154 a:hover



{



background-position:0px -18px ;



border-bottom: 1px dotted #336633;



}







div#menu_topo ul li.active,



div#menu_topo ul li.active a {



background-position:0px -18px ;



/*border-bottom: 1px dotted #336633;*/



}







/*.....................................menu_topo items ends...........................................*/







div#pesquisa_english {



	width: 360px;



	height: 40px;



	background-color: #f2f2f2;



	float: right;



	padding-left: 10px;



}











/*---- Pesquisa ----*/







div#pesquisa {



	background-image: url(../images/pesquisa_bg.jpg);



	background-repeat: no-repeat;



	background-position: top left;



	width: 250px;



	height: 20px;



	margin-top: 10px;



	float: left;



}







.inputbox_search {



	font-size: 11px;



	border: none;



	border:hidden;



	background:none;



	margin-top: 2px;



	margin-left: 25px;



	color: #999999;



	width: 170px;



	height: 13px;



}







.button_search {



	margin-left: 5px;



	border: none;



	background-color: #f2f2f2;



	color: #006600;



	font-size: 10px;



	width: 16px;



	height: 13px;



}











/*---- English ----*/







div#english {



	width: 80px;



	height: 26px;



	border-left: 1px solid #ffffff;



	float: right;



	padding-top: 14px;



	padding-left: 20px;



}







div#english a {



	color: #666666;



	text-decoration: none;



}











/*------------------------------



================================



	TOPO 2



================================



------------------------------*/







div#topo2 {



	width: 964px;



	padding-top: 0px;



	margin-top: 0px;


	float: left;



}







div#logo {



	width: 100%;

	height: 158px;



	margin-left: 0px;



	float: left;



	padding-bottom: 27px;




	background:url(../images/separador-header.jpg) repeat-x bottom;





}



div#flash_home {



	width: 769px;



	height: 116px;



	float: right;



	margin-bottom: 25px;



	border-bottom: 1px solid #ccc;





}





div#mainmenu_weather {



	width: 705px;



	height: 116px;



	float: right;



	/*position: relative;*/



	/*left: 60px;*/







}











/*---- Weather ----*/




/*


div#weather {



	width: 300px;



	margin-left:405px;



	height:80%;



	clear:both;



}


*/








/*---- Main Menu ----*/







div#mainmenu {



	/*margin-top: 30px;*/



	height:20%;



	float:right;




}







div#mainmenu ul{



	float:right;



}







div#mainmenu ul li{



	list-style: none;



	display: inline;



	height: 24px;



}







div#mainmenu ul li span {



 	display:none;



}







div#mainmenu ul li img {



 	border: 0px;



 	height: 24px;



	visibility: hidden;



}







/*.....................................mainmenu items begins...........................................*/







/*...........item18.................*/



.item18 a:link, .item18 a:visited{



background-image:url(../images/main_benefits2.jpg);



background-repeat:no-repeat;



background-position:0px 0px;



height:24px;



width:121px;



display:block;



float:left;



margin-left:10px;



border-bottom: 1px dotted #fff;



}







/*...........item28.................*/



.item28 a:link, .item28 a:visited{



background-image:url(../images/main_about2.jpg);



background-repeat:no-repeat;



background-position:0px 0px;



height:24px;



width:122px;



display:block;



float:left;



margin-left:10px;



border-bottom: 1px dotted #fff;



}







/*...........item30.................*/



.item30 a:link, .item30 a:visited{



background-image:url(../images/main_campaings2.jpg);



background-repeat:no-repeat;



background-position:0px 0px;



height:24px;



width:140px;



display:block;



float:left;



margin-left:10px;



border-bottom: 1px dotted #fff;



}







/*...........item59.................*/



.item59 a:link, .item59 a:visited{



background-image:url(../images/main_developer2.jpg);



background-repeat:no-repeat;



background-position:0px 0px;



height:24px;



width:78px;



display:block;



float:left;



margin-left:10px;



border-bottom: 1px dotted #fff;



}







/*...........item60.................*/



.item60 a:link, .item60 a:visited{



background-image:url(../images/main_agents2.jpg);



background-repeat:no-repeat;



background-position:0px 0px;



height:24px;



width:50px;



display:block;



float:left;



margin-left:10px;



border-bottom: 1px dotted #fff;



}







/*...........item61.................*/



.item61 a:link, .item61 a:visited{



background-image:url(../images/main_property2.jpg);



background-repeat:no-repeat;



background-position:0px 0px;



height:24px;



width:69px;



display:block;



float:left;



margin-left:10px;



border-bottom: 1px dotted #fff;



}







/*...........item119.................*/



.item119 a:link, .item119 a:visited{



background-image:url(../images/main_media2.jpg);



background-repeat:no-repeat;



background-position:0px 0px;



height:24px;



width:46px;



display:block;



float:left;



margin-left:10px;



border-bottom: 1px dotted #fff;



}







/*...........all items :hover and active.................*/



.item18 a:hover,



.item28 a:hover,



.item30 a:hover,



.item59 a:hover,



.item60 a:hover,



.item61 a:hover,



.item119 a:hover



{



background-position:0px -24px ;



border-bottom: 1px dotted #336633;



}









div#mainmenu ul.menu-nav li.active2,



div#mainmenu ul.menu-nav li.active2 a{



background-position:0px -24px ;



background-repeat:no-repeat;



border-bottom: 1px dotted #336633;



}



/*.....................................mainmenu items ends...........................................*/











div.anima_flash {



	float: left;



	margin-top: 20px;



	margin-bottom: 20px;



	padding:0;



	clear:both;



}



div#pag2_menu {



	background-image: url(../images/pag2_img_bg.jpg);



	background-repeat: no-repeat;



	width: 950px;



	height: 197px;



	float: left;



	margin-top: 20px;



	margin-bottom: 10px;



}







div#menu_pag2 {



	float: left;



	width: 245px;



}







div#menu_pag2 ul {



	margin-top: 10px;



	margin-left: 30px;



}







div#menu_pag2 ul li {



	list-style: none;



	margin-bottom: 8px;



	font-size: 12px;



	font-weight:bold;



}







div#menu_pag2 ul li a {



	text-decoration: none;



	color: #ffffff;



    font-weight:normal;



}







div#menu_pag2 ul .active {



	font-size: 16px;



	font-weight:normal;



}







div#menu_pag2 ul .active a {



	color: #000000;



	font-weight:normal;



}







div#menu_pag2_img {



	float: right;



	width: 690px;



}







/*------------------------------



================================



	CENTRO



================================



------------------------------*/







div#centro {



	width:100%;



	float: left;




}







div#centro_esq {



	/*width: 650px;*/



	width:66.5%;



	float: left;


	/*border-right: 1px solid #ccc;*/

}







div#centro_esq2 {



	width: 930px;



	float: left;




}







/*----Callback - Newsletter - Brochure ----*/







div.callback{



    width:294px;



    height:183px;



    background: url(../images/callback.jpg);



	background-repeat:no-repeat;



	float:right;



	padding-bottom:8px;



}



div.callback form{



    padding-top:75px;



    padding-left:12px;



	font-size:11px;



}



div.callback form input{



    border:1px solid #ccc;



    margin-bottom:2px;



    color: #666;



    height:18px;



	font-size: 12px;



}



div.callback form input.button_callback{



    display:block;



    float:left;



    margin:0 0 0 4px;



    padding:0px;



    border:0px;



    height:22px;



}







div#form_newsletter {



	background-image: url(../images/sign_news_bg.jpg);



	background-repeat: no-repeat;



	width: 294px;



	height: 82px;



	float: right;



	padding-bottom:8px;



	/*margin-right: 40px;*/



}







.inputbox_newsletter {



	font-size: 12px;



	border: 0px;



	margin-top: 38px;



	margin-left: 18px;



	color: #999999;



	width: 182px;



	height: 13px;



}







.button_newsletter {



	margin-left: 5px;



	border: none;



	background-color: #f2f2f2;



	color: #006600;



	font-size: 11px;



	width: 16px;



	height: 13px;



	margin-left: 18px;



}







div#form_brochure {



	background-image: url(../images/req_brochure_bg.jpg);



	background-repeat: no-repeat;



	width: 271px;



	height: 55px;



	padding-bottom:8px;



	float: right;



}







.inputbox_brochure {



	font-size: 12px;



	border: 0px;



	margin-top: 31px;



	margin-left: 5px;



	color: #999999;



	width: 182px;



	height: 13px;



}







.button_brochure {



	margin-left: 5px;



	border: none;



	background-color: #f2f2f2;



	color: #006600;



	font-size: 11px;



	width: 16px;



	height: 13px;



	margin-left: 18px;



}



/*div#separador{

	width:18px;

	height:100%;

	background:url(../images/separador-middle.jpg) repeat-y;

	display:block;

	float:right;

}

div.separador-top{

	width:18px;

	height:390px;

	background:url(../images/separador-top.jpg) no-repeat;

	background-position:top;
}



div.separador-bottom{

	width:18px;

	height:390px;

	background:url(../images/separador-bottom.jpg) no-repeat;

	background-position:bottom;

}
*/



div#centro_dir a img{



	float:right;



	padding-bottom:6px;



}







/*.img_photo_video img {



	width: 280px;



	height: 243px;



	width: 294px;



	height: 108px;



	margin:0;



	padding-bottom:18px;



}



*/



/*---- Conteudo ----*/







div#conteudo {


	text-align: justify;


	width: 97%;


	background:url(../images/separador-middle.jpg) repeat-y right;


	/*border-right: 1px solid #dddddd;*/


	padding-right:30px;


	/*padding-right:20px;*/


	/*float:left;*/

	/*margin-bottom:15px;*/



}


div#conteudo2{
	width:100%;
	background:url(../images/separador-top.jpg) no-repeat top right;
	padding-right:30px;
}



div#conteudo3{
	width:100%;
	background:url(../images/separador-bottom.jpg) no-repeat bottom right;
	padding-right:30px;
}



div#conteudo a,



div#conteudo a:visited{



   color: #336633;



   font-weight:bold;



   text-decoration:underline;



}







div#conteudo a:hover{



   color: #336633;



   font-weight:bold;



   text-decoration:underline;



}


/*#cont2{

	width:97%;

	float:left;

}*/







.tit_cont,



div#conteudo h1{



	color: #336633;



	font-size: 18px;



	font-weight:bold;



	margin: 10px 0;



}







div#conteudo h2{



	color: #336633;



	font-size: 18px;



	font-weight:bold;



	margin: 10px 0;



}







div#conteudo h3{



	color: #336633;



	font-size: 15px;



	font-weight:normal;



	margin: 10px 0;



}







div#conteudo h4{



	color: #336633;



	font-size: 12px;



	font-weight:normal;



	text-transform:uppercase;



	margin: 10px 0;



}







/*div#conteudo h2.contentheading{



	color: #336633;



	font-size: 18px;



	font-weight:bold;



	margin: 10px 0;



}*/







/*---- Lateral Direita ----*/







div#centro_dir {



	/*width: 270px;*/



	width:31.5%;



	float: right;



}







.tit_cont_dir {



	color: #336633;



	font-size: 16px;



}







.img_homepage img {



	width: 630px;



	height: 196px;



}







div#conteudo div a img{



padding-bottom:20px;



}















/*------------------------------



================================



	RODAPE



================================



------------------------------*/







div#rodape {


	clear: both;

	background:url(../images/separador-footer.jpg) no-repeat top;


}











div#menu_rodape {



	clear:both;



    text-align:center;



    padding-top:20px;



    font-size:11px;



}







div#menu_rodape a {



	text-decoration: none;







}







div#menu_rodape a {



	text-decoration: none;



	font-size:11px;



}







div#menu_rodape a:hover {



	text-decoration: underline;



}







div#grupo_rodape1 {



	width: 150px;



	float: left;



}







div#grupo_rodape1 a {



	text-decoration: none;



}







div#grupo_rodape1 a:hover {



	text-decoration: underline;



}







div#grupo_rodape1 li.active, div#grupo_rodape1 li.active a{



	font-weight:bold;



	color: #336633;



}







.tit_grupo_rodape1 {



	padding-bottom: 0px;



	padding-left: 4px;



	margin-bottom: 4px;



	border-left: 1px solid;



	font-weight: bold;



	color: #333333;



}







div#grupo_rodape1 ul {



	border-left: 1px solid;



	padding-left: 4px;



}







div#grupo_rodape1 ul li {



	list-style: none;



}







div#grupo_rodape1 ul.menu li.parent ul {



	list-style: none;



	border-left: 0px;



}







.synd{



    top:0px;



}







h2.menutitle{



   	color: #336633;



	font-size: 18px;



	font-weight:bold;



	margin: 10px 0;



}



.buttonheading{



    display:none;



}







div#conteudo #page ul{



    list-style: none;



}







div#conteudo #page ul li{



	background: url(../images/bullet.gif) no-repeat 0 4px;



	margin-left: 15px;



	padding: 0 0 10px 15px;



}







/*Formata��o Textos*/







/* BONUS TYPOGRAPHY STYLES



--------------------------------------------------------- */



pre, .code {



	background: #FFFFCC;



	border-left: 5px solid #CCCCCC;



	font: 1em/1.5 "Courier News", monospace;



	margin: 5px 0 15px;



	padding: 10px 15px;



}







blockquote {



	padding: 1em 1px 1em 1px;



}







blockquote span.open {



	background: url(../images/so-q.gif) no-repeat left top;



	padding: 0 0 0 15px;



}







blockquote span.close {



	background: url(../images/sc-q.gif) no-repeat bottom right;



	padding: 0 15px 0 0;



}







blockquote.testimonial {



	padding: 0 0 10px;



	border-bottom: 1px solid #E7E8E6;



}







blockquote span.author {



	background: url(../images/icon-author.gif) no-repeat 5px center;



	display: block;



	font-weight: bold;



	margin-top: 5px;



	padding-left: 25px;



}







/* Drropcap */



.dropcap {



	color: #4B4B4B;



	display: block;



	float: left;



	font: 50px/40px Georgia, Times, serif;



	padding: 4px 8px 0 0;



}







/* Tips, Error, Message, Hightlight*/



p.error {



	background: url(../images/icon-error.gif) no-repeat top left;



	color: #CC0000;



	padding-left: 25px;



}







p.message {



	background: url(../images/icon-info.gif) no-repeat top left;



	color: #2C79B3;



	padding-left: 25px;



}







p.tips {



	background: url(../images/icon-tips.gif) no-repeat top left;



	color: #E58C00;



	padding-left: 25px;



}







.highlight {



	background: #CCFF00;



	font-weight: bold;

	color: #000000;


	padding: 1px 5px;



}







/* Note Style */



p.stickynote {



	background: url(../images/sticky-bg.gif) no-repeat 5px center #FFFFFF;



	border: 1px solid #CCCCCC;



	padding: 10px 0px 10px 40px;



}







p.download {



	/*background: url(../images/download-bg.gif) no-repeat 5px center #FFFFFF;*/

	background: url(../images/PDF_icon.jpg) no-repeat 5px center #FFFFFF;



	border: 1px solid #CCCCCC;



	padding: 10px 0px 10px 45px;



}

p.downloadzip {



	/*background: url(../images/download-bg.gif) no-repeat 5px center #FFFFFF;*/

	background: url(../images/Zip-Icon.jpg) no-repeat 5px center #FFFFFF;



	border: 1px solid #CCCCCC;



	padding: 10px 0px 10px 45px;





}

.blocknumber {



	clear: both;



	/*padding: 5px 15px 10px;*/



	padding:0px 5px 15px 0px;



	position: relative;



}







/* Check list */



ul.checklist {



	list-style: none;



}







ul.checklist li {



	background: url(../images/icon-checklist.gif) no-repeat 0 4px;



	margin-left: 15px;



	padding: 0 0 0 20px;



}







/* Check list (star) */



ul.stars {



	list-style: none;



}







ul.stars li {



	background: url(../images/icon-star.gif) no-repeat 0 5px;



	margin-left: 15px;



	padding: 0 0 0 20px;



}







/* List arrow */



ul.arrow {



	list-style: none;



}







ul.arrow li {



	background: url(../images/icon-arrow.gif) no-repeat 3px 5px;



	margin-left: 15px;



	padding: 0 0 0 20px;



}







/* Bignumber */



.bignumber {



	background: url(../images/ol-bg.gif) no-repeat top left;



	color: #FFFFFF;



	display: block;



	float: left;



	font: bold 20px/normal Arial, sans-serif;



	margin-right: 8px;



	padding: 6px 7px;



}









/* Talking box. Thinking box. */



div.bubble1, div.bubble2, div.bubble3, div.bubble4 {



	margin: 15px 0;



}







div.bubble1 span.author,



div.bubble2 span.author,



div.bubble3 span.author,



div.bubble4 span.author {



	font-weight: bold;



	margin-left: 15px;



	padding-left: 0;



}







div.bubble1 div {



	background: url(../images/bub1-br.gif) no-repeat bottom right;



	margin: 0;



	width: 100%;



}







div.bubble1 div div {



	background: url(../images/bub1-bl.gif) no-repeat bottom left;



}







div.bubble1 div div div {



	background: url(../images/bub1-tr.gif) no-repeat top right;



}







div.bubble1 div div div div {



	background: url(../images/bub1-tl.gif) no-repeat top left;



}







div.bubble1 div div div div div {



	margin: 0;



	padding: 10px 15px 20px;



	width: auto;



}







div.bubble2 div {



	background: url(../images/bub2-br.gif) no-repeat bottom right;



	margin: 0;



	width: 100%;



}







div.bubble2 div div {



	background: url(../images/bub2-bl.gif) no-repeat bottom left;



}











div.bubble2 div div div {



	background: url(../images/bub2-tr.gif) no-repeat top right;



}







div.bubble2 div div div div {



	background: url(../images/bub2-tl.gif) no-repeat top left;



}







div.bubble2 div div div div div {



	margin: 0;



	padding: 10px 15px 25px;



	width: auto;



}







div.bubble3 div {



	background: url(../images/bub3-br.gif) no-repeat bottom right;



	margin: 0;



	width: 100%;



}







div.bubble3 div div {



	background: url(../images/bub3-bl.gif) no-repeat bottom left;



}







div.bubble3 div div div {



	background: url(../images/bub3-tr.gif) no-repeat top right;



}







div.bubble3 div div div div {



	background: url(../images/bub3-tl.gif) no-repeat top left;



}







div.bubble3 div div div div div {



	margin: 0;



	padding: 10px 15px 45px;



	width: auto;



}







div.bubble4 div {



	background: url(../images/bub4-br.gif) no-repeat bottom right;



	margin: 0;



	width: 100%;



}







div.bubble4 div div {



	background: url(../images/bub4-bl.gif) no-repeat bottom left;



}







div.bubble4 div div div {



	background: url(../images/bub4-tr.gif) no-repeat top right;



}







div.bubble4 div div div div {



	background: url(../images/bub4-tl.gif) no-repeat top left;



}







div.bubble4 div div div div div {



	margin: 0;



	padding: 10px 15px 45px;



	width: auto;



}







/* Legend */



.legend-title {



	background: #FFFFFF;



	display: block;



	float: left;



	font-weight: bold;



	left: 7px;



	margin: 0;



	padding: 0 3px;



	position: absolute;



	top: -13px;



}







.legend {



	border: 1px solid #CCCCCC;



	margin: 20px 0;



	padding: 0 10px;



	position: relative;



}