/* CSS Document */

/************************************
GlobalBox
Criado em: Agosto/2008                     																					
Desenvolvido por: ZONAInternet
************************************/

/************************************
	BASIC TAGS
************************************/

* {    
	margin: 0; padding: 0;	border: none; text-decoration: none; list-style-type: none; 
}

body {
	margin: 0; padding: 0;
	background: #fff;
	color: #666;
	font: 11px Tahoma, Verdana, Arial, Helvetica, sans-serif;
	line-height: 14px;
}

#desktop {
    min-height: 300px;
	height: auto !important;
	height: 300px;
	margin: 0 auto;
	width: 100%; 
	overflow: hidden;
	_overflow: visible;
	background: url(../imgs/bg_interna.gif) repeat-x;
}

#desktop_home {
	min-height: 300px;
	height: auto !important;
	height: 300px;
	margin: 0 auto;
	width: 100%; 
	overflow: hidden;/**/
	_overflow: visible;
	background: url(../imgs/bg_home.gif) repeat-x; 
}

/************************************
	CLASSES
************************************/

.bold { font-weight: bold; }
.amarelo { font-weight: bold; color: #ebb808; }
.center { text-align: center; }
.upercase { text-transform: uppercase; }
.italic { font-style: italic; }
.underline { text-decoration: underline; }
.subtitulos { text-transform: uppercase; font-weight: bold; }

.fundo_selo { margin-top: 10px; background: url(../imgs/fundo_selos.gif); width: 250px; height: 96px; text-align: center; overflow: hidden; }

a { font-weight: bold; color: #666; }
a:hover { color:#333;}

/************************************
	ESTRUTURA 
************************************/

#content {
    margin: 0 auto;
	margin-top: 18px;
	width: 770px;
	min-height: 200px;
	height: auto !important;
	height: 200px;
	overflow: hidden;/**/
	_overflow: visible;
}

#header {
	width: 770px; height: 168px;
}

#header_fotos {
	float: right;
	width: 520px; height: 168px;
	/*background: url(../imgs/header_fotos.jpg);/**/
}

#logo {
	float: left;
	width: 250px; height: 168px;
}

#leftbar {
	float: left;
	width: 250px;
	/*min-height: 344px;
	height: auto !important;
	height: 344px;
	overflow: hidden;
	_overflow: visible;*/
}

#menu {
	text-align: left;
	width: 250px; height: 176px;
}	

#ssp {
	float: right;
	text-align: right;
	width: 520px; height: 344px;
}

#destaques_home {
		width: 770px; height: 135px; _margin-top: -14px;
}

#destaque_alugue {
    float: left;
	text-align: right;
	width: 382px; height: 135px;
	background: url(../imgs/home_alugue.gif);
}

#destaque_menino {
	position: relative;
	float: right;
	width: 388px; height: 135px;
	text-align: right;
	background: url(../imgs/home_menino.gif);
}

#flash_menino {
	position: absolute;
	bottom: 15px;
	right: 0px;
	width: 343px;
	height: 302px;
	z-index: 1;
}

#conteudo_textos {
	margin-left: 10px;
	float: right;
	width: 510px;
	min-height: 300px;
	height: auto !important;
	height: 300px;
	float: right;
	overflow: hidden;/**/
	_overflow: visible;
}

#textos {
	padding: 15px;
	width: 478px;
	min-height: 200px;
	height: auto !important;
	height: 200px;
	border-left: 1px #ccc solid;
	border-right: 1px #ccc solid;
	background: #fff;
	overflow: hidden;/**/
	_overflow: visible;
	position: relative;
}
#textos .resgateVisa { padding-top: 10px; position: absolute; top: 15px; left: 15px; width: 475px; height: 132px; background: #FFFFFF; border: solid 1px #666666; }
	
	
#textos p {
	margin-bottom: 10px;
	font: 11px Tahoma, Verdana, Arial, Helvetica, sans-serif;
	color: #666;
}

#textos h2 {
	margin-bottom: 10px; padding: 5px;
	font: bold 11px Tahoma, Verdana, Arial, Helvetica, sans-serif;
	color: #fff; text-transform: uppercase;
	border-bottom: 4px solid #ebb808;
	background: #333;
}

#titulos {
	width: 510px; height: 30px;
	background: #000000;
}

#breadcumb {
	width: 510px; height: 32px;
	background: url(../imgs/bg_breadcumb.gif);
}

#breadcumb p {
	padding-top: 10px;
	padding-left: 5px;
	font: 11px Tahoma, Verdana, Arial, Helvetica, sans-serif;
	color: #fff;
	float: left;
}

#breadcumb p.home {
	padding-left: 15px;
}

#breadcumb img {
	float: left;
}

#breadcumb a { color: #fff; background: none; }
#breadcumb a:hover { color: #000; text-decoration:none; }

#footer_home {
	height: 110px;
	margin: 0 auto;
	width: 770px;
	clear: both;
}

#footer_home p {
	padding: 10px 0 0 0;
	font: 10px Tahoma, Verdana, Arial, Helvetica, sans-serif;
	color: #666;
	text-align: right;
}

#footer_home p a { color: #333; background: none;}
#footer_home p a:hover { color: #fff; text-decoration: none; background: #000; }

#footer {
	width: 510px; height: 35px;
	padding-top: 5px;
	background: url(../imgs/bg_interna_footer.gif);
	clear: both;
}

#footer	p {
	padding: 10px 0 0 0;
	font: 10px Tahoma, Verdana, Arial, Helvetica, sans-serif;
	color: #999;
	text-align: center;
}

#footer	p a { color: #666; background: none; }
#footer	p a:hover { color: #999; text-decoration: none; background: #333; }


/************************************
	DISPONIBILIDADE / Alugue agora 
************************************/

#legenda_disponivel { padding-top: 5px; text-align: center; width: 15px; height:10px; background: #ebb808; float: left; color:#000; font: 9px Tahoma, Verdana, Arial, Helvetica, sans-serif; border: 1px solid #d4a607; margin-bottom: 10px; }
#legenda_ocupado { margin-left: 5px; padding-top: 5px; text-align: center;  width: 15px; height:10px; background: #f9eab4; float: left; color:#000; font: 9px Tahoma, Verdana, Arial, Helvetica, sans-serif; border: 1px solid #e5cc74; }
#texto { float: left; width: 50px; padding: 3px 0 0 5px;}
#btn { float: right; width: 154px; padding: 10px 0 0 5px;}
#banner { float: right; width: 350px; padding: 10px 0 0 5px;}
#scroll { width: 100px; }
.alugue {
padding-top: 20px;
}
#disponibilidade { width: 477px; height:80px; overflow: auto; clear:both; margin-top: 20px; }
#disponibilidade ul { font: bold 10px Tahoma, Verdana, Arial, Helvetica, sans-serif; color: #000000; text-align: center; float: left; }
#disponibilidade li.disponivel {width: 47px; height: 39px; background:url(../imgs/alugue_disponivel.gif) no-repeat;display:block; margin-top: 4px; }
#disponibilidade li.ocupado { width: 47px; height: 25px;padding-top: 14px;background:url(../imgs/alugue_ocupado.gif) no-repeat; display:block; color:#ebb808; margin: 4px 0 4px 0; }
#disponibilidade li a { width: 47px; height: 25px; padding-top: 14px;  display:block; color: #000; }
#disponibilidade li a:hover { color: #ffffff; }


/************************************
	PARCEIROS / Alugue agora 
************************************/

#coluna_logo_parceiros { clear: both; height: 100px; }
#logo_parceiros { 
	padding: 5px 0;
	text-align: center;
	min-height: 90px;
	height: auto !important;
	width: 155px; height: 90px;
	overflow: hidden;/**/
	_overflow: visible;
	float: left;
	color:#666; font: 9px Tahoma, Verdana, Arial, Helvetica, sans-serif;
	margin-right:4px; _margin-right:3px;
	/* border: 1px solid #cccccc;/**/
}
#bg_linha { margin-top:15px; margin-bottom:10px; width: 100%; height:1px; clear:both; background-image:url(../imgs/bg_linha.gif); _line-height:1px; _font-size: 1px;}


.valores li {
  clear: both;
  margin: 0;
  padding: 0 0 1.8em 0;
  position: relative;
  border-bottom: solid 1px #ccc;
}
.valores strong {
  background: #fff;
  padding: 0 10px 0 0;
  font-weight: normal;
  position: absolute;
  bottom: -.3em;
  left: 0;
}
.valores em {
  background: #fff;
  padding: 0 0 0 5px;
  position: absolute;
  bottom: -.2em;
  right: 0;
  font-style: normal;
  font-weight: bold;
}