/* css reset http://meyerweb.com/eric/thoughts/2007/05/01/reset-reloaded/  */
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td{margin:0;padding:0;border:0;outline:0;font-weight:inherit;font-style:inherit;font-size:100%;font-family:inherit;vertical-align:baseline}:focus{outline:0}body{line-height:1;color:black;background:white}ol,ul{list-style:none}table{border-collapse:separate;border-spacing:0}caption,th,td{text-align:left;font-weight:normal}blockquote:before,blockquote:after,q:before,q:after{content:""}blockquote,q{quotes:"" ""}

.clearfix:after{content:".";display:block;clear:both;visibility:hidden;line-height:0;height:0}.clearfix{display:inline-block}html[xmlns].clearfix{display:block}* html .clearfix{height:1%}

/* classes reutilizaveis */
.imgrpl{display:block;font-size:1px;text-indent:-9000px;}
.show{display:block;}
.hide{display:none;}
.hidden{visibility:hidden;}
.nb{border:none;background:transparent;}
.fl{float:left;display:inline;}
.fr{float:right;display:inline;}
.cb{clear: both;}
.selfix{vertical-align: 0 !important;vertical-align: -2px;}
.radfix{width:13px !important;height:13px !important;width:15px;height:15px;vertical-align: -2px;border:none;background:none;padding:0;margin:0;}

/* fonte */
body {font: 12px verdana, tahoma, sans-serif; color:#000;}

body {
	background: url(../img/bg/bg.jpg) repeat-x;
}

/* forms  */
input,select,textarea{border: 1px solid #000;background: #fff;color: #000;}
textarea{overflow:auto;}

/* links */
a{text-decoration:none;}
a:hover{text-decoration:underline;}


/* container */
#container {
	display: block;
	width: 800px;
	margin: 0 auto;
}

/* content e elementos estruturais da área de conteúdo */
#content {
	display: block;
	background: #fff;
	padding: 10px
}

#main {
	display: block;
	background: #e5f3f4;
	padding: 5px
}

#header {
	height: 217px;
}

#header h1 {
	background: url(../img/bg/header.jpg) no-repeat;
	height: 184px;
	text-indent: -9999px
}

ul#menu {
	display: block;
	padding: 10px 10px 10px 130px;
	background: #104173
}

ul#menu li {
	display: block;
	float: left;
	width: 110px;
	font-weight: bold;
	text-align: center;
	margin: 0 0 0 10px
}

ul#menu li a {
	color: #fff;
	text-transform: uppercase;
	text-decoration: none
}

ul#menu li a:hover {
	color: #e7785f
}

/* titulos */

h2.life {
	background: url(../img/tit/life.gif) no-repeat top center;
	height: 55px;
	margin: 20px 0;
}

h2.produto {
	background: url(../img/tit/produto.gif) no-repeat;
	width: 163px;
	height: 45px
}

h2.lazer {
	background: url(../img/tit/lazer.gif) no-repeat;
	width: 163px;
	height: 45px
}

h2.master {
	background: url(../img/tit/masterplan.gif) no-repeat;
	width: 181px;
	height: 45px
}

h2.plantas {
	background: url(../img/tit/plantas.gif) no-repeat;
	width: 134px;
	height: 45px
}

h2.realizacao {
	background: url(../img/tit/realizacao.gif) no-repeat;
	width: 170px;
	height: 45px
}

h2 span {
	position: relative;
	top: 39px;
	left: 57px;
	display: block;
	width: 700px;
	text-indent: -9999px;
	border-bottom: 1px solid #797a7c 
}

p {
	padding: 10px;
	line-height: 15px;
	color: #434E52
}


div.foto_aerea {
	position: relative;
	background: url(../img/fotos/foto-aerea.jpg) no-repeat top center;
	height: 502px;
	margin: 0 0 25px 0
}

div.foto_aerea span {
	position: absolute;
	bottom: -13px;
	right: 10px;
	text-indent: 0;
	font-size: 9px;
}



ul#lazer, ul#master, ul#plantas, ul#produto  {
	margin: 20px 0 0 50px
}

ul#lazer li, ul#master li, ul#plantas li, ul#produto li {
	display: block;
	float: left;
	margin: 0 0 0 5px;
	padding: 5px;
}

ul#lazer li a, ul#master li a, ul#plantas li a, ul#produto li a {
	display: block;
	background: #fff;
}


a.calper {
	display: block;
	background: url(../img/bg/calper.gif) no-repeat;
	width: 180px;
	height: 35px;
	margin: 50px auto 10px;
	text-indent: -9999px;
}