@charset "utf-8";
/*!
 * CSS3
 * FRAMEBASE v1 (http://www.dudacaletti.com.br)
 * Copyright 2014
 * No Licensed
 * Developer: Eduardo Petry Caletti
 * E-mail: contato@dudacaletti.com.br
 */

 
/* ==========================================================================
   //// OBSERVAÇÕES GERAIS
   
   - OBS 1: #000 será a cor padrão para todos os seletores.
   - OBS 2: O posicionamento padrão dos objetos será left.
   - OBS 3: Esse CSS será derivado para templates.
   
   
   //// OBSERVAÇÕES HTML 5 E CSS3
      
   - HEADER: define o cabeçalho.
   
   - NAV: define o menu ou a navegação do site.
   
   - ARTICLE: define uma parte da página que tem uma composição de formulários, 
   textos etc. Por exemplo, pode ser um post de forum, blog, comentários etc.
   
   - SECTION: define uma seção do layout em um determinado element. Ele pode
   conter um header e também um footer se preciso.
   
   - ASIDE: consiste em envolver informações que tem algo a ver com o conteúdo
   principal do site. Pode ser um menu lateral, um sidebar padrão com menu, 
   banner, busca etc.
   
   - FOOTER: define o rodapé do elemento ou do layout.
   ========================================================================== */


/* ==========================================================================
   *
   ========================================================================== */
	*, *:after, *:before { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
/* ==========================================================================
   end *
   ========================================================================== */





   
/* ==========================================================================
   HTML
   ========================================================================== */
	html { font-family: sans-serif; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; }
/* ==========================================================================
   end HTML
   ========================================================================== */






/* ==========================================================================
   BODY
   ========================================================================== */
	body { margin: 0; padding: 0; font: Arial; }
/* ==========================================================================
   end BODY
   ========================================================================== */






/* ==========================================================================
   SELETORES
   ========================================================================== */

    h1, h2, h3, h4, h5, h6, p, span { margin: 0; padding: 0; font-weight: normal; }  
   
	/* === CABEÇALHO H1 === */
	h1			{ color: #000; }
	h1.amarelo 	{ color: #FC0; }
	h1.azul		{ color: #09C; }
	h1.branco	{ color: #FFF; }
	h1.laranja	{ color: #F90; }
	h1.roxo		{ color: #936; }
	h1.verde		{ color: #690; }
	h1.vermelho	{ color: #C00; }
	h1.tit-content	{ color: #000; font-family: 'Oswald', sans-serif; border-bottom: 1px dotted #ccc; padding-bottom: 10px; margin-bottom: 10px; text-transform: uppercase; text-align: center; }
	h1.tit-imovel { color: #000;  font-family: 'Oswald', sans-serif; font-size: 1.6em; text-align: left; font-weight: normal; margin: 0 0 15px 0; line-height: 30px; }
	h1.tit-fone	{ color: #fff; font-family: 'Oswald', sans-serif; font-size:1em; }
	h1.tit-imovel-resultado { color: #000;  font-family: 'Oswald', sans-serif; font-size: 1.6em; text-align: left; font-weight: normal; margin: 0 0 15px 0; line-height: 30px; border-bottom: 2px solid #ccc; margin-bottom: 20px; padding-bottom: 20px; }

	/* === end CABEÇALHO H1 === */
	label.curriculo { color: #000; font-family: 'Oswald', sans-serif; font-weight: normal; font-size: 1em; text-align:left; margin-top: 20px;  }


	/* === CABEÇALHO H2 === */
	h2			{ color: #000; }
	h2.tit-footer	{ color: #fff; font-family: 'Oswald', sans-serif; border-bottom: 1px dotted #09709e; padding-bottom: 10px; margin-bottom: 10px; }
	h2.amarelo 	{ color: #FC0; }
	h2.azul		{ color: #09C; }
	h2.branco	{ color: #FFF; }
	h2.laranja	{ color: #F90; }
	h2.roxo		{ color: #936; }
	h2.verde		{ color: #690; }
	h2.vermelho	{ color: #C00; }
	h2.tit-mensagem { color:#000; font-family: 'Oswald', sans-serif; margin: 20px 0 0 0; }
	h2.tit-depoimento { color:#000; font-family: 'Oswald', sans-serif; margin: 0 0 10px 0; }

	/* === end CABEÇALHO H2 === */


	/* === CABEÇALHO H3 === */
	h3			{ color: #000; }
	h3.amarelo 	{ color: #FC0; }
	h3.azul		{ color: #09C; }
	h3.branco	{ color: #FFF; }
	h3.laranja	{ color: #F90; }
	h3.roxo		{ color: #936; }
	h3.verde		{ color: #690; }
	h3.vermelho	{ color: #C00; }
	h3.valor-imovel	{ color: #000; font-family: 'Oswald', sans-serif; text-align: right; margin: 0; padding: 0; }
	h3.tit-destaque	{ color: #000; font-family: 'Oswald', sans-serif; border-bottom: 1px dotted #ccc; padding-bottom: 10px; margin-bottom: 10px; }
	h3.tit-destaque	{ color: #000; font-family: 'Oswald', sans-serif; border-bottom: 1px dotted #ccc; padding-bottom: 10px; margin-bottom: 10px; }
	h3.id-categoria	{ color: #0098da;  font-family: 'Oswald', sans-serif;  text-align: left; font-weight: normal; margin-bottom: 5px; }

	/* === end CABEÇALHO H3 === */


	/* === CABEÇALHO H4 === */
	h4			{ color: #000; }
	h4.amarelo 	{ color: #FC0; }
	h4.azul		{ color: #09C; }
	h4.branco	{ color: #FFF; }
	h4.laranja	{ color: #F90; }
	h4.roxo		{ color: #936; }
	h4.verde		{ color: #690; }
	h4.vermelho	{ color: #C00; }
	h4.tit-endereco	{ color: #000; font-family: 'Oswald', sans-serif; margin-bottom: 15px; }

	/* === end CABEÇALHO H4 === */


	/* === CABEÇALHO H5 === */
	h5			{ color: #000; }
	h5.amarelo 	{ color: #FC0; }
	h5.azul		{ color: #09C; }
	h5.branco	{ color: #FFF; }
	h5.laranja	{ color: #F90; }
	h5.roxo		{ color: #936; }
	h5.verde		{ color: #690; }
	h5.vermelho	{ color: #C00; }
	/* === end CABEÇALHO H5 === */


	/* === CABEÇALHO H6 === */
	h6			{ color: #000; }
	h6.amarelo 	{ color: #FC0; }
	h6.azul		{ color: #09C; }
	h6.branco	{ color: #FFF; }
	h6.laranja	{ color: #F90; }
	h6.roxo		{ color: #936; }
	h6.verde		{ color: #690; }
	h6.vermelho	{ color: #C00; }
	/* === end CABEÇALHO H6 === */


	/* === SPAN === */
	span			{ color: #000; font-weight: normal;  }
	span.amarelo { color: #000; }
	span.azul	{ color: #09C; }
	span.branco	{ color: #FFF; }
	span.laranja	{ color: #F90; }
	span.roxo	{ color: #936; }
	span.verde	{ color: #690; }
	span.vermelho{ color: #C00; }
	span.destaque { color:#3398db; }
	span.tit-item		{ color: #000;  font-family: 'Oswald', sans-serif;  text-align: left; font-weight: normal; font-size: 0.7em; margin-bottom: 10px; }

	/* === end SPAN === */


	/* === PARÁGRAFO === */
	p			{ color: #000; font-family: 'Roboto Condensed', sans-serif; font-size: 0.95em; }
	p.text-footer			{ color: #fff; font-family: 'Roboto Condensed', sans-serif; font-size: 0.95em; }
	p.azul		{ color: #09C; }
	p.branco	{ color: #FFF; }
	p.laranja	{ color: #F90; }
	p.roxo		{ color: #936; }
	p.verde		{ color: #690; }
	p.vermelho	{ color: #C00; }
	/* === end PARÁGRAFO === */


	/* === SELETOR DE TIPO === */
	i			{ color: #000; }
	i.amarelo 	{ color: #FC0; }
	i.azul		{ color: #09C; }
	i.branco		{ color: #FFF; }
	i.laranja	{ color: #F90; }
	i.roxo		{ color: #936; }
	i.verde		{ color: #690; }
	i.vermelho	{ color: #C00; }
	/* === end SELETOR DE TIPO === */


	/* === NEGRITO === */
	strong { font-weight: bold; }
	/* === end NEGRITO === */

	/* === MARCADOR === */
	mark { color: #000; background: #ff0; }
	/* === end MARCADOR === */

	/* === SMALL === */
	small { font-size: 80%; }
	/* === end SMALL === */

	/* === HR === */
	hr { color: #ccc; height: 0; -moz-box-sizing: content-box; box-sizing: content-box; }
	/* === end HR === */

	/* === TABLE === */
	table { border-spacing: 0; border-collapse: collapse; }
	/* === end TABLE === */

	/* === DESTACAR TEXTO === */
	blockquote { color: #fff; background-color: #000; padding: 5px; margin: 10px 0 10px 0; } 
	/* === end DESTACAR TEXTO === */

	/* === ADDRESS === */
	address { margin-bottom: 20px; font-style: normal; line-height: 1.42857143; } 
	/* === end ADDRESS === */

	.link-url 	{ color: #fff; font-family: 'Roboto Condensed', sans-serif; font-size: 0.95em; text-decoration: none; transition: all ease 0.5s; }
	.link-url:hover 	{ color: #ffdd21; }
	
	.link-post { color:#666; font-family: 'Oswald', sans-serif; line-height: 20px; margin-bottom: 8px; text-decoration:none; transition: all ease 0.5s; -webkit-transition: all ease 0.5s; font-size: 1em; font-weight: normal; }
	.link-post:hover { color: #0098db; text-decoration:none; }
	
	.remover-favoritos { color:#000; font-family: 'Oswald', sans-serif; text-decoration:none; transition: all ease 0.5s; -webkit-transition: all ease 0.5s; font-size: 0.9em; font-weight: normal; }
	.remover-favoritos:hover { color: #0098db; text-decoration:none; }	
/* ==========================================================================
   end SELETORES
   ========================================================================== */





   
/* ==========================================================================
   NAV MENU
   ========================================================================== */
   .menu-footer ul { margin: 0; padding: 0; font-family: 'Roboto Condensed', sans-serif;  font-size: 0.95em; text-align: left; font-weight: normal; }
   .menu-footer ul li { display: block; }
   .menu-footer ul li a { color: #fff; text-decoration: none; transition: all ease 0.5s; -webkit-transition: all ease 0.5s;  }
   .menu-footer ul li a:hover { color: #ffdd21; text-decoration: none; padding-left: 20px;  }
   
	.menu-info ul { width: 100%; margin: 30px 0 0 0; padding: 0; font-family: 'Oswald', sans-serif;  font-size: 1.5em; text-align: right; font-weight: normal; }
	.menu-info ul li { display: inline;  }
	.menu-info ul li a { color: #0098da; margin-top: -30px; text-decoration: none; padding: 0 0 0 40px; transition: all ease 0.5s; -webkit-transition: all ease 0.5s;  }
	.menu-info ul li a:hover { color: #0098da; text-decoration: none; }
	
	.link-opcoes ul { margin: 0; padding: 0; font-family: 'Oxygen', sans-serif;  font-size: 0.9em; text-align: left; font-weight: normal; margin: 10px 0 10px 0; border-bottom: 2px solid #ccc; border-top: 5px solid #ccc; padding: 10px 0 10px 0; text-align: center; }
	.link-opcoes ul li { width: 33%; display: inline; color: #666; margin: 0 10px 0 10px; text-align: center;   }
	.link-opcoes ul li a { width: 33%; color: #666; text-decoration: none; transition: all ease 0.5s; -webkit-transition: all ease 0.5s;  }
	.link-opcoes ul li a:hover { color: #0098db; text-decoration: underline;  }
	
	.link-explorar ul { width: 100%; text-align: center; padding:0px; margin: 5px 0 0 0; list-style:none; font-weight: normal; font-size: 1em; font-family: 'Oswald', sans-serif; font-weight: normal; background-color:#0498db; float: right; padding: 5px 0 5px 0; }
	.link-explorar ul li { display: inline; }
	.link-explorar ul li a { display: inline; color: #fff; text-decoration: none; transition: all ease 0.5s; -webkit-transition: all ease 0.5s; border-bottom: 1px solid #0498db; }
	.link-explorar ul li a:hover { color: #FCA09F; border-bottom: 1px solid #FCA09F; }
	
   .menu-franquias-lista ul {  width: 100%; height: auto; position: relative; float: left; font-size: 1.3em; text-align: left; margin: 10px 0 0 0; padding: 0; font-family: 'Oswald', sans-serif; font-weight: normal;  }
   .menu-franquias-lista ul li { width: 33%; display: inline; float:left; margin: 0; padding: 0; border: 1px dotted #ccc; color: #0098db; padding-left: 20px; padding-bottom: 10px; padding-top: 10px;   }
/* ==========================================================================
   end NAV MENU
   ========================================================================== */ 
   

   
   
   
   
   
   
   
   
/* ==========================================================================
   BREADCRUMB // Localização do Usuário
   <ol class="breadcrumb">
   		<li><a href="#">Home</a></li>
   		<li><a href="#">Library</a></li>
   		<li class="active">Data</li>
   </ol>
   ========================================================================== */
	#local-user { width: 100%; height: auto; float: left; position: relative; padding: 0; margin-bottom: 10px; padding-bottom: 10px; border-bottom: 1px dotted #ccc; }
	.breadcrumb { padding: 0; margin: 0; list-style: none; font-family: 'Oswald', sans-serif; color: #000; font-size: 1em; font-weight: normal; }
	.breadcrumb > li { display: inline-block; font-family: 'Oswald', sans-serif; color: #666; font-size: 1em;  font-weight: normal; }
	.breadcrumb > li + li:before { padding: 0 10px 0 10px; color: #666; content: "/\00a0"; font-size: 1em;  font-weight: normal; }
	.breadcrumb > .active { font-family: 'Oswald', sans-serif; color: #0498db; font-size: 1em;  font-weight: normal; }
	.local-user-link { text-decoration: none; font-family: 'Oswald', sans-serif; color: #666; font-size: 1em;  font-weight: normal; }
/* ==========================================================================
   end BREADCRUMB
   ========================================================================== */
   
   

   
   
   
   
   
   
   
/* ==========================================================================
   IMG
   ========================================================================== */
	img 				{ max-width: 100%; border: 0; }
	img.logo		{ height: 100px; border: 0; }	
	img.circle		{ border-radius: 50%; }
	img.padrao		{ margin: 0 0 20px 0; }
	img.flutuante	{ max-width: 100%; margin: 0 20px 20px 0; float: left; }
	img.icone		{ width: 35px; height: 35px; margin-bottom: -8px; }	
	img.imagem-capa		{ width: 150px; height: auto; float: left; margin: 0 10px 0 0; }	
	img.imagem-remover	{ width: 15px; margin: 3px 5px 0 0; }	
/* ==========================================================================
   end IMG
   ========================================================================== */



img.logo-parceiros	{ width: 23%; height: auto; float: left; position: relative; border: 1px dotted #ccc; margin: 0 1% 20px 1%;  }	
img.imagem-depoimento	{ width: 200px; height: auto; float: left; position: relative; border: 1px dotted #ccc; margin: 0 10px 0 0;  }	


/* ==========================================================================
   FORMULÁRIOS PADRÃO
   ========================================================================== */
   .camponews { width: 100%; padding: 5px; margin: 0 0 6px 0; border: 1px solid #fff; background-color:#fff; font-size: 1em; font-family: 'Roboto Condensed', sans-serif;   }
   .botaonews { width: 100%; padding: 5px; border: 1px solid #0671a0; background-color:#0671a0; font-size: 1em; font-family: 'Roboto Condensed', sans-serif; color:#fff;  }
   
 	.camposelect { width: 13%; padding: 10px; font-size: 0.95em; font-family: 'Roboto Condensed', sans-serif;  border: 1px dotted #DADAD7; background-color:#fff; }	
	.campocodigo { width: 10%; padding: 10px; font-size: 0.95em; font-family: 'Roboto Condensed', sans-serif;  border: 1px solid #0098DB; background-color:#fff; border-radius: 0; }
	.botao-search { width: 40px; height: 40px; float: right; position: relative; background-color:#0098DB; border: 2px solid #0098DB; padding: 6px; border-radius: 100px; margin: 0 8px 0 8px; }	
   .campoproposta { width:100%; padding: 10px; font-family: 'Roboto Condensed', sans-serif; font-size: 0.95em; border: 1px dotted #ccc; margin: 0 0 5px 0; background-color:#fff; font-weight: normal; }
   .botao-enviar { width: 100%; height: auto; float: left; position: relative; background-color:#0498db; padding: 5px 0 5px 0; color:#fff; font-family: 'Oswald', sans-serif; font-weight: normal; border: 1px solid #0498db; font-size: 1em; cursor: pointer; }

/* ==========================================================================
   end FORMULÁRIOS PADRÃO
   ========================================================================== */






/* ==========================================================================
   LIKEBOX e YOU TUBE RESPONSIVO
   ========================================================================== */
   
	/* --- LIKEBOX --- */  
	#fb-root { display: none; }
	.fb_iframe_widget, .fb_iframe_widget span, .fb_iframe_widget span iframe[style] { width: 100% !important; height: 100%; }
	/* --- end LIKEBOX --- */

	
	/* --- YOU TUBE --- */ 
	.video-container { position: relative; padding-bottom: 56.25%; padding-top: 30px; height: 0; overflow: hidden; }
	.video-container iframe, .video-container object, .video-container embed { width: 100%; height: 100%; position: absolute; top: 0; left: 0; }
	.video-youtube { border: 0; }
	/* --- end YOU TUBE --- */ 
	
/* ==========================================================================
   end LIKEBOX e YOU TUBE RESPONSIVO
   ========================================================================== */






/* ==========================================================================
   DIVS ID e CLASSES ESTRUTURAIS HTML5
   ========================================================================== */
	#main, #top, #header, #menu, #slide, #content, #footer, #copyright { width: 100%; height: auto; position: relative; float: left;	}
	#box1, #box2, #box3, #box4, #box5, #box6, #box7, #box8, #box9, #box10, #box11, #box12, #box13, #box14, #box15 { width: 100%; height: auto; position: relative; float: left;	}
	.box1, .box2, .box3, .box4, .box5, .box6, .box7, .box8, .box9, .box10, .box11, .box12, .box13, .box14, .box15 { width: 100%; height: auto; position: relative; float: left;	}

	article, aside, details, figcaption, figure, footer, header, hgroup, main, nav, section, summary { display: block; }
	
	.text-left { text-align: left; }
	.text-right { text-align: right; }
	.text-center { text-align: center; }
	
	#top { padding: 15px 0 15px 0; box-shadow: 1px 2px 6px rgba(0, 0, 0, 0.1); z-index: 9999; }
	#header { padding: 30px 0 20px 0; z-index: 9998; }
	#slide { padding: 50px 0 20px 0; background:url(../jpg/back.jpg) center top no-repeat; z-index: 1; margin-top: -50px; }
	#content { padding: 30px 0 70px 0; }
	#footer {
		padding: 50px 0 50px 0;
		clear: both;
		background-color: #0098da;
		background-image: url(../jpg/back.png), url(../jpg/back.jpg);
		background-position: center top, center top;
		background-repeat: no-repeat, no-repeat;
		background-size: 100% auto, 100% auto;
	}
	
	.search { width: 100%; height: auto; float: left; position: relative; padding: 10px 10px 20px 10px; margin: 20px 0 0 0; background-color:#fff; }
	.margem-rodape { margin-bottom: 25px; }
	
	.numb-fav { width: auto; height: auto; float: left; position: relative; background-color:#000; color:#fff; position: absolute; z-index: 9999; margin: -50px 0 0 785px; font-family: 'Oxygen', sans-serif; font-size: 0.4em; border-radius: 300px; padding: 5px; font-weight: bold; }

	.margem-post { margin: 0 0 20px 0; }
	.box-depoimento { width: 100%; height: auto; float: left; position: relative; margin-bottom: 25px; }	
	
	#owl-demo .item { margin: 5px; padding: 10px; height: auto; border: 1px dotted #ccc; text-decoration: none; background-color:#fff; display: block; overflow: hidden; transition: all ease 0.5s; }
	.imovel { width: 100%; height: auto; float: left; position: relative; }
	.item h1 { color: #000; font-family: 'Oswald', sans-serif; font-size: 1.0em; transition: all ease 0.5s; }
	.item h2 { color: #666; font-family: 'Oswald', sans-serif; font-size: 1em; transition: all ease 0.5s; }	
	span.codigo { color:#fff; float: right; padding: 5px; background-color:#000; font-size: 0.6em; font-family: 'Oxygen', sans-serif; transition: all ease 0.5s }
	span.opcoes-mais { color: #000; font-size: 1.1em; font-family: 'Oswald', sans-serif; transition: all ease 0.5s;  }
	.item h3 { color: #0098DB; font-family: 'Oswald', sans-serif; border: 0; padding: 0; margin: 0; transition: all ease 0.5s; }
	img.favoritar		{ width: 25px; height: 25px; float: right; margin: -25px 0 0 0; transition: all ease 0.5s; cursor:pointer;}
	img.favoritar1		{ width:auto; height:auto; float: right; margin: -25px 0 0 0; transition: all ease 0.5s; cursor:pointer; }	
	#owl-demo .item:hover { border: 1px solid #fff; box-shadow: 1px 2px 6px rgba(0, 0, 0, 0.8); }
	.imovel:hover .item h1  { color:#0798d9; }
	.imovel:hover .item h2  { color:#000; }
	.imovel:hover .item h3 { color:#FFCC00; }
	.imovel:hover span.codigo { background-color:#0798d9; }
	.imovel:hover span.opcoes-mais { color:#0798d9; }
	.imovel:hover img.favoritar { background-color:#ffcc00; border-radius: 100px; }
	.fullclick, .fullclick * { cursor: pointer; }
	
	.box-form-proposta { width: 100%; height: auto; float: left; position: relative; background-color:#fff; padding: 15px; margin-bottom: 20px; box-shadow: 1px 2px 6px rgba(0, 0, 0, 0.3); }
	.box-marcacao { width: 100%; height: auto; float: left; position: relative; background-color:#fff; padding: 15px; margin-bottom: 20px; box-shadow: 1px 2px 6px rgba(0, 0, 0, 0.3); }
  	img.favoritar-interno		{ width: 25px; height: 25px; float: right; z-index: 9999; margin: -5px 0 0 0; transition: all ease 0.5s }	
	.box-marcacao-content { width: 100%; height: auto; float: left; position: relative; background-color:#fff; margin-bottom: 20px; }

	
   .menu-franquias-lista ul {  width: 100%; height: auto; position: relative; float: left; font-size: 1.3em; text-align: left; margin: 10px 0 0 0; padding: 0; font-family: 'Oswald', sans-serif; font-weight: normal; border: none; }
   .menu-franquias-lista ul li { width: 33%; display: inline; float:left; margin: 0; padding: 0; color: #0098db; padding-left: 20px; padding-bottom: 10px; padding-top: 10px; border-top: none; border-left: none; border-right: none; border-bottom: 1px dotted #ccc;   }
	.box-padding-bottom { padding-bottom: 20px; }
	sup {font-size: 0.6em;}	
	
	.menu-container { width: 100%; height: auto; }
	.menu-bar { width: 880px; height: auto; margin: 0 auto; }

	
	.imovel-busca { width: 100%; height: auto; float: left; position: relative; z-index:1; margin-bottom: 25px; border-bottom: 4px solid #ccc; padding-bottom: 20px; }
	.titulo h1 { color: #383838; font-family: 'Oswald', sans-serif; font-size: 1.2em; transition: all ease 0.5s; }
	.titulo h2 { color: #666; font-family: 'Oswald', sans-serif; font-size: 1em; transition: all ease 0.5s; }	
	span.codigo { color:#fff; float: right; padding: 5px; background-color:#383838; border: 1px solid #383838; font-size: 0.8em; font-family: 'Oxygen', sans-serif; transition: all ease 0.5s;  z-index: 2222; position: relative; margin: -40px 10px 0 0; }
	span.opcoes-mais { color: #000; font-size: 1.1em; font-family: 'Oswald', sans-serif; transition: all ease 0.5s;  }
	.titulo h3.valor { color: #000; font-family: 'Oswald', sans-serif; border: 0; padding: 0; margin: 0; transition: all ease 0.5s; }
	img.favoritar		{ width: 25px; height: 25px; float: right; margin: -25px 0 0 0; transition: all ease 0.5s }	
	.imovel-busca:hover .titulo h1  { color:#0798d9; }
	.imovel-busca:hover .titulo h2  { color:#000; }
	.imovel-busca:hover .titulo h3.valor { color:#0798d9; margin-left: 20px; }
	.imovel-busca:hover span.codigo { background-color:#0798d9; color:#fff; border: 1px solid #0798d9; }
	.imovel-busca:hover span.opcoes-mais { color:#0798d9; }
	.fullclick, .fullclick * { cursor: pointer; }
	.imovel-link { text-decoration: none; } 	

	span.compartilhe		{ color: #000;  font-family: 'Oswald', sans-serif;  text-align: left; font-weight: normal; }

	.novidade-area { width: 100%; height: auto; float: left; position: relative; z-index:1; padding-bottom: 25px; margin-bottom: 25px; border-bottom: 1px dotted #ccc;  }
 	.novidade-interna a  { color: #000; font-size: 1.3em; font-family: 'Oswald', sans-serif; text-decoration: none; }
 	.novidade-interna a:hover  { color: #0098DB; font-size: 1.3em; font-family: 'Oswald', sans-serif; transition: all ease 0.5s;  }
 	.novidade-interna h3  { color: #666; font-size: 1em; font-family: 'Oswald', sans-serif; transition: all ease 0.5s;  }
	.novidade-interna { margin: 0 0 0 0; padding: 0 0 0 0; height: auto; text-decoration: none; background-color:#fff; display: block; overflow: hidden; transition: all ease 0.5s;  z-index:1; position:relative; z-index:1; }
	img.foto-novidades	{ max-width: 25%; margin: 0 20px 0 0; float: left; }
	img.foto-novidades-interna	{ max-width: 100%; margin: 10px 0 10px 0; }
 	h1.tit-novidade-interna { color: #000; font-size: 1.8em; font-family: 'Oswald', sans-serif; }
	h3.data-novidade-interna { color: #666; font-size: 1em; font-family: 'Oswald', sans-serif; }
	.box-post { width: 100%; height: auto; float: left; position: relative; margin-bottom: 30px; }
	h2.leia-mais-novidade { color: #0098DB; font-size: 1.3em; font-family: 'Oswald', sans-serif; text-align: center; margin-bottom: 10px; padding-bottom: 10px; border-bottom: 1px dotted #ccc; }
	
/* ==========================================================================
   end DIVS ID e CLASSES ESTRUTURAIS
   ========================================================================== */


#paging-table {
width: 100%;
height: auto;
float: left;
position: relative;
text-align:center;
}
.paging-table-estrutura {
width: 100%;
margin: 30px 37.5% 0 37.5%;
}
.page-far-left	{
	display: block;
	float: left;
	height: 24px;
	margin: 0 4px 0 0;
	width: 24px;
	background-color:#666;
	border-radius: 5px;
	transition: all ease 0.5s; -webkit-transition: all ease 0.5s;
	}
.page-far-left:hover	{
	display: block;
	float: left;
	height: 24px;
	margin: 0 4px 0 0;
	width: 24px;
	background-color:#0098DB;
	border-radius: 5px;
	}
.page-far-left-1	{
	display: block;
	float: left;
	height: 24px;
	margin: 0 4px 0 0;
	width: 24px;
	background-color:#666;
	border-radius: 5px;
	transition: all ease 0.5s; -webkit-transition: all ease 0.5s;
	}
.page-far-left-1:hover	{
	display: block;
	float: left;
	height: 24px;
	margin: 0 4px 0 0;
	width: 24px;
	background-color:#0098DB;
	border-radius: 5px;
	}
.page-left	{
	display: block;
	float: left;
	height: 24px;
	width: 24px;
	}
.page-far-right	{
	display: block;
	float: left;
	height: 24px;
	margin: 0 4px 0 4px;
	width: 24px;
	background-color:#666;
	border-radius: 5px;
	transition: all ease 0.5s; -webkit-transition: all ease 0.5s;
	}
.page-far-right:hover	{
	display: block;
	float: left;
	height: 24px;
	margin: 0 4px 0 4px;
	width: 24px;
	background-color:#0098DB;
	border-radius: 5px;
	}
.page-far-right-1	{
	display: block;
	float: left;
	height: 24px;
	margin: 0 4px 0 4px;
	width: 24px;
	background-color:#666;
	border-radius: 5px;
	transition: all ease 0.5s; -webkit-transition: all ease 0.5s;
	}
.page-far-right-1:hover	{
	display: block;
	float: left;
	height: 24px;
	margin: 0 4px 0 4px;
	width: 24px;
	background-color:#0098DB;
	border-radius: 5px;
	}
.page-right	{
	display: block;
	float: left;
	height: 24px;
	width: 24px;
	}
#page-info	{
	float: left;
	line-height: 16px;
	padding: 3px 12px 0 12px;
	color:#000;
	text-align: center;
	}



/* ==========================================================================
   GRID SYSTEM
   ========================================================================== */
	[class*='col-'] { float: left; padding-right: 20px; }
	[class*='col-']:last-of-type { padding-right: 0px; }
	.grid { width: 100%; max-width: 1250px; min-width: 755px; margin: 0 auto; }
	.grid:after { content: ""; display: table; clear: both; }
	.grid-pad { padding: 0 0 0 20px; }
	.grid-pad > [class*='col-']:last-of-type { padding-right: 20px; }
	.push-right { float: right; }
/* ==========================================================================
   end GRID SYSTEM
   ========================================================================== */






/* ==========================================================================
   CONTENT COLUNAS
   ========================================================================== */
	.col-1-1				{ width: 100%; }
	.col-2-3, .col-8-12		{ width: 66.66%; }
	.col-1-2, .col-6-12		{ width: 50%; }
	.col-1-3, .col-4-12		{ width: 33.33%; }
	.col-1-4, .col-3-12		{ width: 25%; }
	.col-1-5				{ width: 20%; }
	.col-1-6, .col-2-12		{ width: 16.667%; }
	.col-1-7				{ width: 14.28%; }
	.col-1-8				{ width: 12.5%; }
	.col-1-9				{ width: 11.1%; }
	.col-1-10				{ width: 10%; }
	.col-1-11				{ width: 9.09%; }
	.col-1-12				{ width: 8.33%; }
/* ==========================================================================
   end CONTENT COLUNAS
   ========================================================================== */






/* ==========================================================================
   LAYOUT COLUNAS
   ========================================================================== */
	.col-11-12		{ width: 91.66%; }
	.col-10-12		{ width: 83.333%; }
	.col-9-12		{ width: 75%; }
	.col-5-12		{ width: 41.66%; }
	.col-7-12		{ width: 58.33%; }
/* ==========================================================================
   end LAYOUT COLUNAS
   ========================================================================== */


   
/* ==========================================================================
   MEDIA QUERIES 767px
   ========================================================================== */
	@media handheld, only screen and (max-width: 767px) {
	.grid { width: 100%; min-width: 0; margin:0; }
	[class*='col-'] { width: auto; float: none; margin: 0; }

	.text-left { text-align: center; }
	.text-right { text-align: center; }
	.text-center { text-align: center; }			

	.margem-rodape { margin-bottom: 25px; }
	.oculta-mobile { display: none; }

 	.camposelect { width: 49%; padding: 10px; font-size: 0.95em; font-family: 'Roboto Condensed', sans-serif;  border: 1px dotted #DADAD7; background-color:#fff; border-radius: 0; margin-bottom: 10px; border-radius: 5px;   }	
	.campocodigo { width: 49%; padding: 10px; font-size: 0.95em; font-family: 'Roboto Condensed', sans-serif; border: 1px solid #0098DB; background-color:#fff; border-radius: 0; margin-bottom: 10px; border-radius: 5px;   }
	img.imagem-capa		{ width: 100%; height: auto; float: left; margin: 0 0 5px 0; }	
	
	.margem-post { margin-bottom: 25px; }
	
	#slide { background:none; background-color:#3760AA; }

	#footer {
		background-color: #0098da;
		background-image: url(../jpg/back.png), url(../jpg/back.jpg);
		background-position: center top, center top;
		background-repeat: no-repeat, no-repeat;
		background-size: 100% auto, 100% auto;
	}

	h3.valor-imovel	{ color: #000; font-family: 'Oswald', sans-serif; text-align: left; margin: 0; padding: 0; }
   .menu-franquias-lista ul li { width: 100%; display: inline; float:left; margin: 0; padding: 0; border: 1px dotted #ccc; color: #0098db; padding-left: 20px; padding-bottom: 10px; padding-top: 10px;   }
	
	.menu-container { width: 100%; height: auto; }
	.menu-bar { width: 100%; height: auto; margin: 0 auto; }	
	
	h2.tit-mensagem { color:#000; font-family: 'Oswald', sans-serif; margin: 50px 0 20px 0; }
img.imagem-depoimento	{ width: 100%; height: auto; float: left; position: relative; border: 1px dotted #ccc; margin: 0 0 5px 0;  }	
	img.foto-novidades	{ max-width: 100%; margin: 0 0 10px 0; float: left; }
img.logo-parceiros	{ width: 50%; height: auto; float: left; position: relative; border: 1px dotted #ccc; margin: 0 0 20px 0;  }	

	.margem-mobile { width: 100%; height: auto; float: left; position: relative; margin-bottom: 25px; }

	}
/* ==========================================================================
   end MEDIA QUERIES 767px
   ========================================================================== */
   
   
   
   #tab {
			width:45px;
			height:auto;
			position:fixed;
			right:0px;
			top:45px;
			display:block;
			cursor:pointer;
			z-index:99999;
		}
		#tab_interna {
			width: 100%;			
			height: auto;
			z-index:99999;
		}		
		#panel {
			position:fixed;			
			right:0px;
			top:45px;
			background-color:#fff;
			height:auto;
			width:0;
			text-align: center;
			z-index:99999;
			box-shadow: 1px 2px 6px rgba(0, 0, 0, 0.5);
			padding: 30px 0 30px 0;
		}