/* CSS por Rian Design - www.riandesign.com.br */








@media screen {
	
	form input[type=text],
	form input[type=email],
	select,
	textarea {
		background: #fff;
		border: 1px solid #ccc;
		font-family: "Open Sans", Arial, Helvetica, sans-serif;
	}
	
	label {
		color: #666;
		font-size: 14px;
		font-weight: 400;
	}
	
	body {
		background: #fff url(../img/bg-body.jpg) top repeat-x;
		font-family: "Open Sans", Arial, Helvetica, sans-serif;
		font-size: 13px;
		color: #888;
		font-weight: 300;
	}
	
	img {
		-webkit-border-radius: 5px;
		-moz-border-radius: 5px;
		border-radius: 5px;
	}
	
	a { color: #888 }
	
	strong { font-weight: 700 }
	
	.textoLongo2 {
		line-height: 34px;
		font-size: 26px;
		color: #888;
		font-weight: 300;
	}
	
	img.imgSombra {
		-webkit-box-shadow: 7px 7px 9px 0px rgba(0, 0, 0, 0.19);
		-moz-box-shadow:    7px 7px 9px 0px rgba(0, 0, 0, 0.19);
		box-shadow:         7px 7px 9px 0px rgba(0, 0, 0, 0.19);
	}
	
	/** Home - SLIDESHOW **/
	.slidesDestaquesCont {
		position: relative;
		
		/* padrões para container responsivo */
		width: 100%;
		height: 0;
		margin-bottom: 30px;
		
		/* 39% é a proporção (ratio) que se mantem
		* Foi calculado da seguinte maneira:
		* Ratio: 380/1180 = ~0.322a
		* 380: altura do slide e 1180: largura */
		padding: 0 0 32.2% 0;
	}
	.slidesDestaques {
		width: 100%;
		height: 380px;
	}
	.slidesDestaques .slider {
		position: relative;
		width: 100%;
		height: 100%;
	}
	.slidesDestaques .slider .item img {
		width: 100%;
		height: auto;
	}
	.slidesDestaques .slider .item {
		float: left;
		width: 100%;
		overflow: hidden;
	}
	
	/* Prev e Next */
	.slidesDestaquesCont .prev {
		position: absolute;
		top: 40%;
		left: 0;
		width: 40px;
		height: 94px;
		background: url(../img/slideshow/prev.png) top left no-repeat;
		z-index: 999;
	}
	.slidesDestaquesCont .next {
		position: absolute;
		top: 40%;
		right: 0;
		width: 40px;
		height: 94px;
		background: url(../img/slideshow/next.png) top left no-repeat;
		z-index: 999;
	}
	.slidesDestaquesCont .prev:hover,
	.slidesDestaquesCont .next:hover {
		filter: alpha(opacity=95);
		opacity: .95;
	}
	
	
	/** Menu **/
	.menuMobile { display: none }
	.menu {
		display: block;
		font-size: 16px;
		font-weight: 400;
		margin-bottom: 15px;
		text-align: center;
		background: url(../img/bg-menu.jpg) top repeat-x;
		-webkit-box-shadow: 0px 7px 7px 0px rgba(0, 0, 0, 0.1);
		-moz-box-shadow: 0px 7px 7px 0px rgba(0, 0, 0, 0.1);
		box-shadow: 0px 7px 7px 0px rgba(0, 0, 0, 0.1);
	}
	.menu li { display: inline-block }
	.menu a {
		display: inline-block;
		text-decoration: none;
		color: #333;
		padding: 15px 25px;
	}
	.menu a:hover {
		background: #fff;
		color: #999;
	}
	
	.logo {
		text-align: center;
		margin-bottom: 20px;
	}
	
	
	/** Título da página interna **/
	.titPg {
		margin-bottom: 25px;
		font-size: 34px;
		line-height: 34px;
		font-weight: 300;
		letter-spacing: -2px;
		color: #2e3173;
	}
	
	.tit2Pg {
		border: 1px solid #bbb;
		padding: 8px;
		margin-top: -10px;	
		-webkit-border-radius: 2px;
		-moz-border-radius: 2px;
		border-radius: 2px;
		margin-bottom: 15px;
		font-size: 18px;
		line-height: 18px;
		font-weight: 300;
		letter-spacing: -1px;
		color: #333;
	}
	.tit2Pg span { color: #bbb }
	
	/** Paginação **/
	.paginacao2 {
		cursor: default;
		margin-top: 30px;
		text-align: center;
	}
	.paginacao2 a,
	.paginacao2 .desabilitado,
	.paginacao2 .current {
		padding: 6px 10px;
		color: #333;
		text-decoration: none;
		margin-right: 4px;
		-webkit-border-radius: 2px;
		-moz-border-radius: 2px;
		border-radius: 2px;
	}
	.paginacao2 a:hover {
		background: #ebebeb;
		color: #666;
	}
	.paginacao2 .current {
		color: #fff;
		background: #2e3173;
	}
	.paginacao2 .desabilitado {
		color: #999;
	}
	
	/** Galeria de fotos **/
	.listaFotos .item { margin-bottom: 20px }
	.listaFotos img {
		-webkit-border-radius: 3px;
		-moz-border-radius: 3px;
		border-radius: 3px;
	}
	.listaFotos a:hover img {
		filter: alpha(opacity=85);
		opacity: 0.85;
	}
	
	/** Migalha **/
	.migalha {
		color: #777 !important;
		border-bottom: 1px solid #ccc;
		padding-bottom: 5px;
		margin-bottom: 10px;
	}
	.migalha a {
		color: #999 !important;
		text-decoration: none;
	}
	.migalha a:hover { text-decoration: underline }
	
	/** Notícia - Imagem interna **/
	.imagemTexto img {
		width: 220px;
		float: left;
		margin: 0 20px 10px 0;
	}
	
	/* Conteúdo lateral da página interna */
	.contLateral {
		background: #fff;
		padding: 20px;
		-webkit-border-radius: 5px;
		-moz-border-radius: 5px;
		border-radius: 5px;
		-webkit-box-shadow: 0 0 20px 0px rgba(0, 0, 0, 0.2);
		-moz-box-shadow: 0 0 20px 0px rgba(0, 0, 0, 0.2);
		box-shadow: 0 0 20px 0px rgba(0, 0, 0, 0.2);
	}
	.contLateral .tit2 {
		font-size: 18px;
		letter-spacing: -0.5px;
		line-height: 22px;
		margin-bottom: 20px;
	}
	.contLateral hr {
		border-top: 1px solid #f3df9a;
	}
	
	/** Mais vídeos **/
	.maisLinks li {
		margin-bottom: 20px;
	}
	.maisLinks .imagem {
		width: 40%;
		float: left;
		margin-right: 5%;
	}
	.maisLinks .titulo {
		font-size: 14px;
		font-weight: bold;
		line-height: 16px;
	}
	.maisLinks .titulo a { color: #666 }
	.maisLinks .descricao {
		width: 55%;
		float: left;
	}
	
	/** Categorias - Lista **/
	.categorias {	
		-webkit-box-shadow: 0 0 5px 0px rgba(0, 0, 0, 0.19);
		-moz-box-shadow: 0 0 5px 0px rgba(0, 0, 0, 0.19);
		box-shadow: 0 0 5px 0px rgba(0, 0, 0, 0.19);
		-moz-border-radius: 3px;
		-webkit-border-radius: 3px;
		border-radius: 3px;
		overflow: hidden;
	}
	.categorias a {
		display: block;
		background: #fff;
		color: #555;
		text-decoration: none;
		padding: 8px 10px;
		border-bottom: 1px solid #ddd;
	}
	.categorias li:last-child a {
		border-bottom: none;
	}
	.categorias a:hover {
		background: #e7e7e7;
		color: #222;
	}
	.categorias li.ativo a {
		background: #0080be;
		color: #fff;
	}
	
	.categoriasVerLista { display: none }
	
	/** Lista 1 (ex: produtos e parceiros) **/
	.lista1 {
		font-size: 13px;
		color: #444;
	}
	.lista1 a {
		color: #444;
		text-decoration: none;
	}
	.lista1 a:hover {
		color: #000;
		text-decoration: underline;
	}
	.lista1 .item {
		margin-bottom: 20px;
	}
	.lista1 .imagem {
		margin-bottom: 10px;
	}
	.lista1 .imagem img {
		-moz-border-radius: 3px;
		-webkit-border-radius: 3px;
		border-radius: 3px;
		-webkit-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.15);
		-moz-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.15);
		box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.15);
	}
	.lista1 .tit {
		font-size: 14px;
		font-weight: bold;
	}
	.lista1 .imagem a:hover {
		filter: alpha(opacity=80);
		opacity: .80;
	}
	
	/** Produtos - Página interna **/
	.imovelFotos .item { margin-bottom: 20px }
	.imovelFotos .item:hover {
		filter: alpha(opacity=80);
		opacity: .80;
	}
	.imovelCapa {
		border: 1px solid #c7c7c7;
		overflow: hidden;
		-moz-border-radius: 5px;
		-webkit-border-radius: 5px;
		border-radius: 5px;
	}
	.imovelPreco {
		padding: 20px;
		background: #e3e3e3;
		color: #333;
		margin-bottom: 20px;
		-moz-border-radius: 5px;
		-webkit-border-radius: 5px;
		border-radius: 5px;
	}
	.botaoAzul {
		background: #3655da !important;
	}
	
	.titTopico {
		font-size: 22px;
		font-weight: 600;
		letter-spacing: -1px;
		margin-bottom: 20px;
		color: #333;
	}
	
	ul.listaSimples {
		margin-top: 15px;
		font-size: 14px;
		color: #333;
	}
	ul.listaSimples li {
		list-style: inside;
	}
		
	/** Lista (ex: dicas para piscina) **/
	ul.lista2 li {
		margin-bottom: 15px;
	}
	ul.lista2 .titulo {
		font-size: 14px;
		font-weight: 600;
		color: #222;
		padding: 5px 8px;
		color: #fff;
		background: #999;
		-moz-border-radius: 5px 5px 0 0;
		-webkit-border-radius: 5px 5px 0 0;
		border-radius: 5px 5px 0 0;
	}
	ul.lista2 .texto {
		font-weight: 300;
		padding: 20px 20px 10px 20px;
		background: #f3f3f3;
		font-size: 13px;
		line-height: 22px;
		-moz-border-radius: 0 0 5px 5px;
		-webkit-border-radius: 0 0 5px 5px;
		border-radius: 0 0 5px 5px;
	}
	
	/* Rodapé */
	.rodape {
		background: #fff url(../img/bg-rodape.jpg) top repeat-x;
		border-top: 1px solid #cfcfcf;
		padding: 20px 0;
		color: #555;
		margin-top: 20px;
	}
	.rodape a { color: #555 }
	.RianDesign {
		text-align: right;
	}
	
	/* Busca */
	.buscaBotao { display: none }
	.busca {
		margin-bottom: 20px;
	}
	.busca form {
		margin: 0;
		width: auto;
	}
	.busca input[type=submit] {
		background: #2e3173;
		color: #fff;
		font-size: 15px;
		float: right;
		padding: 10px 20px;
		margin: 0;
		font-weight: 600;
	}
	.busca select {
		font-size: 14px;
		width: 14%;
		background: #2e3173;
		color: #fff;
		border: none;
		margin: 0 5px 0 0;
		-webkit-border-radius: 3px;
		-moz-border-radius: 3px;
		border-radius: 3px;
	}
	.busca select.selectAtivo {
		background: #6064b1;
	}
	
	
	/* Home - Chamadas */
	.homeChamadas {
		line-height: 35px;
	}
	.homeChamadas a {
		color: #3e4095;
		font-size: 24px;
		letter-spacing: -1px;
	}
	.homeChamadas a span {
		font-size: 46px;
		letter-spacing: -2.5px;
	}
	.homeChamadas a:hover {
		text-decoration: none;
		filter: alpha(opacity=90);
		opacity: .90;
	}
	
	/* Cont Pg */
	.contPg {
		padding: 20px 15px;
		background: #fff;
		-webkit-box-shadow: 0 0 10px 0px rgba(0, 0, 0, 0.2);
		-moz-box-shadow: 0 0 10px 0px rgba(0, 0, 0, 0.2);
		box-shadow: 0 0 10px 0px rgba(0, 0, 0, 0.2);
		-webkit-border-radius: 5px;
		-moz-border-radius: 5px;
		border-radius: 5px;
	}
	
	
}

@media screen and (min-width: 980px) {
	
	/** Com transition **/
	a img,
	.menu a,
	#carouselPrevious,
	#carouselNext,
	.lista1 .imagem a,
	.imovelFotos .item {
		-webkit-transition: all 0.2s linear;
		-moz-transition: all 0.2s linear;
		-o-transition: all 0.2s linear;
		transition: all 0.2s linear;
	}
	
}

@media screen and (max-width: 1024px) {
	
}

@media screen and (min-width: 481px) and (max-width: 979px) {
	
	body { background-size: auto 800px }
	
	.logo img { width: 300px }
	
	.textoLongo2 {
		line-height: 26px;
		font-size: 20px;
	}
	
	/** Menu **/
	.menu { font-size: 13px }
	.menu a { padding: 12px 15px }
	.menu span { display: none }
	
	
	/* Busca */
	.busca select {
		font-size: 13px;
		width: 13%;
	}
	
	
}

@media screen and (max-width: 979px) {
	
	/* Home - Chamadas */
	.homeChamadas {
		line-height: 30px;
	}
	.homeChamadas a {
		font-size: 20px;
		letter-spacing: -0.5px;
	}
	.homeChamadas a span {
		font-size: 35px;
		letter-spacing: -1.5px;
	}
	.homeChamadas a:hover {
		text-decoration: none;
		filter: alpha(opacity=90);
		opacity: .90;
	}
	
	/* Cont Pg */
	.contPg {
		padding: 10px;
	}
	
}

@media screen and (max-width: 767px) {
	
	body {
		background: #fff url(../img/bg-menu.jpg) top repeat-x;
	}
	
	.logo img { width: 80% }
	
	/** Menu **/
	.menu { display: none }
	.menuMobile {
		display: block;
		width: 80%;
		margin: 0 auto;
		padding: 10px 0;
	}
	.menuMobile select {
		color: #000;
		border: 1px solid #aaa;
		background: #fff;		
		padding: 5px;
	}
	.menuMobile select option {
		padding-bottom: 4px;
	}
	
	.textoLongo2 {
		line-height: 24px;
		font-size: 16px;
	}
	
	/** Notícia - Imagem interna **/
	.imagemTexto img {
		width: 100%;
		float: left;
		margin: 0 0 15px 0;
	}
	
	
	/** Categorias - Lista **/
	.categorias {
		margin-bottom: 30px;
	}
	.categorias ul {
		display: none;
	}
	.categoriasVerLista {
		display: block;
		background: #eee;
		border: 1px solid #bbb;
		color: #555;
		text-decoration: none;
		margin-bottom: 5px;
		padding: 5px 10px;
		cursor: pointer;
	}
	.categoriasVerLista:hover {
		background: #dbdbdb;
		color: #222;
	}
	.categoriasVerListaAtivo {
		background: #3655da;
		color: #fff;
	}
	
	/** Produtos - Página interna **/
	.imovelPreco { margin-top: 20px }
	
	/* Rodapé */
	.rodape { text-align: center }
	.RianDesign {
		border-top: 1px solid #e0e0e0;
		padding-top: 5px;
		margin-top: 5px;
		text-align: center;
	}
	
	/* Busca */
	.buscaBotao {
		text-align: center;
		display: block;
		width: 50%;
		border: 1px solid #ccc;
		padding: 10px 15px;
		font-weight: 600;
		cursor: pointer;
		margin: 0 auto 15px auto;
		-webkit-border-radius: 5px;
		-moz-border-radius: 5px;
		border-radius: 5px;
	}
	.buscaCont { display: none }
	.busca select {
		font-size: 11px;
		width: 45%;
		margin: 0 2% 5px 2%;
	}
	.busca input[type=submit] {
		font-size: 14px;
		padding: 10px 15px;
		margin-top: 10px;
	}
	
	/* Home - Chamadas */
	.homeChamadas .item {
		margin-bottom: 15px;	
	}
	
	/* Cont Pg */
	.contPg {
		padding: 15px 0 0 0;
		border-top: 1px solid #c0c0c0;
		-webkit-box-shadow: none;
		-moz-box-shadow: none;
		box-shadow: none;
		-webkit-border-radius: 0;
		-moz-border-radius: 0;
		border-radius: 0;
	}
	
	.titPg {
		margin-bottom: 10px;
		font-size: 28px;
		line-height: 32px;
		letter-spacing: -1px;
	}
	
}

@media screen and (max-width: 480px) {
	
}

@media screen and (max-width: 320px) {
	
	.logo img { width: 100% }
	
}