/* ----------------------------------------------------------------------------------------------------------------- */
/* ----------------------------------------------------------------------------------------------------------------- */
/* ----------------------------------------------------------------------------------------------------------------- */
/* ----------------------------------------------------------------------------------------------------------------- */
/* ----------------------------------------------------------------------------------------------------------------- */
/* ----------------------------------------------------------------------------------------------------------------- */
/* ----------------------------------------------------------------------------------------------------------------- */
.conteudo { width:820px; background:#FFFFFF ; position:relative; text-align:left;}    /* Div que limita o conteudo das paginas */




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

/* TOPO */
* { padding: 0; margin: 0; }

body {
	WIDTH: 820px; 
	margin: 0 auto;
	padding: 0;
	font: .70em/1.5em  Verdana, Tahoma, Helvetica, sans-serif;
	color: #666666; 
	background: #D1ED83  url(/imagens/bg5.gif) repeat-x;
	text-align: center;
	
}

/* links */

a { 
	color: #EDC920;
	background-color: inherit;
	text-decoration: none;
}
a:hover {
	color: #9EC068;
	background-color: inherit;
}

/* cabe�alho */

h1, h2, h3 {
	font: bold 1em 'Trebuchet MS', Arial, Sans-serif;
	color: #000000;	
}

h1 { font-size: 1.5em; color: #edc920; } 
h2 { font-size: 1.4em; text-transform:uppercase;}
h3 { font-size: 1.3em; }


p {
	margin: 10px 15px; 
	text-indent:5mm;
}


 h1, h2, h3 {
	margin: 10px 15px; 
}
ul, ol {
	margin: 10px 30px;
	padding: 0 15px;
	color: #4284B0;
}
ul span, ol span {
	color: #666666; 
}

/* imagens */

img {
	border: 2px solid #9EC630;
}
img.no-border {
	border: none;
}
img.float-right {
  margin: 5px 0px 5px 15px;  
}
img.float-left {
  margin: 5px 15px 5px 0px;
}
a img {  
  border: 2px solid #568EB6;
}
a:hover img {  
  border: 2px solid #CCC !important; /* IE fix*/
  border: 2px solid #568EB6;
}



code {
  margin: 5px 0;
  padding: 10px;
  text-align: left;
  display: block;
  overflow: auto;  
  font: 500 1em/1.5em 'Lucida Console', 'courier new', monospace;
  /* Espaço branco: pre; */
  background: #FAFAFA;
  border: 1px solid #f2f2f2;  
  border-left: 4px solid #4284B0; 
}
acronym {
  cursor: help;
  border-bottom: 1px solid #777;
}
blockquote {
	margin: 15px;
 	padding: 0 0 0 20px;  	
  	background: #FAFAFA;
	border: 1px solid #f2f2f2; 
	border-left: 4px solid #4284B0;   
	color: #4284B0;
	font: bold 1.2em/1.5em Georgia, 'Bookman Old Style', Serif; 
}

/* Layout- corpo branco*/

#wrap {
	
	background: #fff;
	width: 820px; height: 500px;
	margin: 0 auto;	
	text-align: left;
}

#wrapbeach {
	background: #fff;
	width: 820px; height: 700px;
	margin: 0 auto;	
	text-align: left; 
}

#wrapimoveis {
	background: #fff;
	width: 820px; height: 538px;
	margin: 0 auto;	
	text-align: left;
}

#wrapindex {
	
	background: #fff;
	width: 820px; height: 538px;
	margin: 0 auto;	
	text-align: left;
	vertical-align:top;
	
}

#wrapcontato {
	background: #fff;
	width: 820px; height: 550px;
	margin: 0 auto;	
	text-align: left;
}

#wrapempresa {
	background: #fff;
	width: 820px; height: 500px;
	margin: 0 auto;	
	text-align: left;
}



#content-wrap {
	clear: both;
	margin: 0; padding: 0;	
	background: #fff;
}

/* Cabeçalho */

#header {
	position: relative;
	height: 95px;	
	background: #fff url(imagens/headerbg.gif) repeat-x 0% 100%;	
}
#header h1#logo {
	position: absolute;
	margin: 0; padding: 0;
	font: bolder 4.1em 'Trebuchet MS', Arial, Sans-serif;
	letter-spacing: -2px;
	text-transform: upercase;
	top: 20px; left: 60px;	
}
#header h2#slogan {
	position: absolute;	 
	top:37px; left: 95px;
	color: #666666;
	text-indent: 0px;
	font: bold 11px Tahoma, 'trebuchet MS', Sans-serif; 
	text-transform: none;	
}


/* Principal*/

#main {
	float: left;
	margin-left: 15px;
	padding: 0;
	width: 50%;	
	position:relative;
}

* html body #sidebar ul.sidemenu a { height: 18px; }

#sidebar ul.sidemenu a:hover {
	padding:2px 5px 2px 10px;
	background: #f2f2f2;
	color: #000000;
	border-left:4px solid #9EC630;
}



/* Barra direita */

#rightbar {
	float: right; 
	width: 300px;	
	padding: 0; 
	margin-top:30px;
	
}

#rightposition {

			position: absolute;
            right: 114px;
			width:500px;
	        top: 245px;
			font: .70em/1.5em  Verdana, Tahoma, Helvetica, sans-serif;
           
}

#picture { 
    position: absolute;
    right: 125px;
	top: 280px;
}

#legend { position: absolute; 
	      width: 300px;	
		  top:470px;
		  right: 116px;
	      
}
/* links prais */

#picture1 {    
	position: absolute;
    left: 35px;
	top: 78px;
}

#picture2 { 
    position: absolute;
    left: 580px;
	top: 195px;
	
}

#picture3 { 
    position: absolute;
    left: 35px;
	top: 319px;
	
}

#text { 
	position: absolute;
    left: 245px;
	top: 70px;	
	text-align:justify;
	width: 52%;
	width:520px; 
	padding:0;
	
}

#text2 { 
    position: absolute;
   	left: 15px;
	top: 212px;
	text-indent:5mm;
	width: 52%;
	width:520px; 
}

#text3 { 
    position: absolute;
    left: 245px;
	top: 325px;	
	text-align:justify;
	width: 52%;
	width:520px; 
	
}
/* Fim dos links praias */

/*principal*/

#picture4 { 
    position: absolute;
    left: 340px;
	top: 190px;
	
}

#picture5 { 
    position: absolute;
    left: 184px;
	top: 190px;
	
}

#picture6 { 
    position: absolute;
    left: 28px;
	top: 190px;
	
}


#picture7 { 
    position: absolute;
    right: 96px;
	top:348px;
       border: 0px
	
}

/*fim principal*/

/*formulario*/

#form { 
        float: left; 
		width: 80%;
		margin-left: 5px;
		padding: 0;
}

#button { 
	   float: left;
	   margin-left: 45px;
	   padding: 0;
	   width: 45%;		  
}
/* Fim formulario*/

/* Rodapé */

#index { position:absolute;
	top:538px;
	width:820px;
	color: #87B40D; 
	background: #D1ED83; 
	border-top: 4px solid #9EC630;
	margin: 0; padding: 0; 
	height: 30px;	  
	font-size: 95%;		
}

.textindex  { 
          float: left; 
		  width: 450px;
		  margin-left: 13px; 
		  text-indent:5mm;
		  
		  
		  }

#footer a { 
	text-decoration: none; 
	font-weight: bold;	
	color: #87B40D;
}
#footer .footer-left{
	float: left;
	width: 65%;
}


/* Menu tabs */

#header ul {
	z-index: 999999;
	position: absolute;
   margin:0; padding: 0;
   list-style:none;
	right: 0; 
	bottom: 6px !important; bottom: 5px;
	font: bold 13px  Arial, 'Trebuchet MS', Tahoma, verdana,  sans-serif;	
}
#header li {
   display:inline;
   margin:0; padding:0;
}
#header a {
   float:left;
   background: url(imagens/tableft.gif) no-repeat left top;
   margin:0;
   padding:0 0 0 4px;
   text-decoration:none;
}
#header a span {
   float:left;
   display:block;
   background: url(imagens/tabright.gif) no-repeat right top;
   padding:6px 15px 3px 8px;
   color: #fff;
}

/* Comentario da falha de esconder regra no IE5-Mac */
#header a span {float:none;}
/* Fim  */


#header a:hover span {
	color:#FFF;
}
#header a:hover {
   background-position:0% -42px;
}
#header a:hover span {
   background-position:100% -42px;
}
#header #current a {
   background-position:0% -42px;
	color: #FFF;
}
#header #current a span {
   background-position:100% -42px;
	color: #FFF;
}
/* Fim menu tabs */

/* Organização das classes */
.float-left  { float: left; }
.float-right {	float: right; }
.align-left  {	text-align: left; }
.align-right {	text-align: right; }

/* Classes Adicionais*/
.clear { clear: both; }
.green {	color: #9EC630; }
.gray  {	color: #BFBFBF; }


/* Rodape: barra e texto*/


.footerbar {   WIDTH: 820px; 
	           margin: 0 auto;
		       display:block;
       	       border-top: 4px solid #9EC630;	
}


/* Fim do rodape: barra e texto*/

/*formulario contato*/

#bottoncontact{
	
	position: relative;
	top: 210px;
	right: 350px;
}


#contact {
	     position:relative;
		 top:10px;	
}