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



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



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



				Longevity - Junho 2008



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



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



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







body {



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



	font-size: 12px;



	line-height: 16px;



	color: #666666;



	margin: 0px;



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



	background-position: top center;



	background-repeat: no-repeat;



}







div, ul, li, br, form {



	margin: 0px;



	padding: 0px;



}







p {



	margin: 0px;



	padding-top: 0px;



	padding-bottom: 0;



}







a {



	color: #666666;



}







div#geral {



	width: 950px;



	margin: auto;



	background-color: #ffffff;



	padding-left: 25px;



	padding-right: 24px;



	padding-bottom: 10px;



}







div#site {



	width: 950px;



}







div.sep {



	font-size: 1px;



	clear: both;



}











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



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



	TOPO



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



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







div#topo {



	width: 950px;



}











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







div#menu_topo {



	width: 560px;



	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: 950px;



	padding-top: 0px;



	margin-top: 20px;



	float: left;



}







div#logo {



	width: 195px;



	height: 116px;



	margin-left: 25px;



	float: left;



}







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:96px;



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:79px;



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_resort2.jpg);



background-repeat:no-repeat;



background-position:0px 0px;



height:24px;



width:52px;



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:68.5%;



	float: left;



}







div#centro_esq2 {



	width: 930px;



	float: left;



}







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







div.callback{



    width:294px;



    height:212px;



    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: 100px;



	float: right;



	padding-bottom:8px;



	/*margin-right: 40px;*/



}


.inputbox_newsletter {
	font-size: 12px;

	border: 0px;

	margin-top: 14px;

	margin-left: 18px;

	color: #999999;

	width: 182px;

	height: 13px;
}




.inputbox_newsletter2 {

	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#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 {



	/*margin-right:10px;*/



	text-align: justify;



	/*width: 640px;*/



	width: 97%;



	/*margin-right: 10px;*/



}







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;



}







.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;



}











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(http://www.longevitywellnessresort.com/templates/longevity/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;



}




/*Credits: Dynamic Drive CSS Library */
/*URL: http://www.dynamicdrive.com/style/ */

.cssform p{
width: 300px;
clear: left;
margin: 0;
padding: 5px 0 8px 0;
padding-left: 155px; /*width of left column containing the label elements*/
border-top: 1px dashed gray;
height: 1%;
}

.cssform label{
font-weight: bold;
float: left;
margin-left: -155px; /*width of left column*/
width: 150px; /*width of labels. Should be smaller than left column (155px) to create some right margin*/
}

.cssform input[type="text"]{ /*width of text boxes. IE6 does not understand this attribute*/
width: 180px;
}

.cssform textarea{
width: 250px;
height: 150px;
}

/*.threepxfix class below:
Targets IE6- ONLY. Adds 3 pixel indent for multi-line form contents.
to account for 3 pixel bug: http://www.positioniseverything.net/explorer/threepxtest.html
*/

* html .threepxfix{
margin-left: 3px;
}

table.sample {
	border-width: thin thin thin thin;
	border-spacing: 2px;
	border-style: dotted dotted dotted dotted;
	border-color: rgb(153, 204, 51) rgb(153, 204, 51) rgb(153, 204, 51) rgb(153, 204, 51);
	border-collapse: collapse;
	background-color: white;
}
table.sample th {
	border-width: thin thin thin thin;
	padding: 4px 4px 4px 4px;
	border-style: dotted dotted dotted dotted;
	border-color: rgb(153, 204, 51) rgb(153, 204, 51) rgb(153, 204, 51) rgb(153, 204, 51);
	background-color: white;
	-moz-border-radius: 0px 0px 0px 0px;
}
table.sample td {
	border-width: thin thin thin thin;
	padding: 4px 4px 4px 4px;
	border-style: dotted dotted dotted dotted;
	border-color: rgb(153, 204, 51) rgb(153, 204, 51) rgb(153, 204, 51) rgb(153, 204, 51);
	background-color: white;
	-moz-border-radius: 0px 0px 0px 0px;
}