#corpo #mar {
	display: inline-block;
	width: 100%;
	height: 150px;
	background: url('/public/img/layout/default/topo-apt.png') center bottom no-repeat;
	background-size: 100px;
}

#corpo #cadeira {
	display: block;
	position: absolute;
	width: 200px;
	height: 200px;
	left:0;
	top:-10px;
	background: url('/public/img/layout/default/cadeiras.png') center top no-repeat;
	background-size: 160px;
}
#corpo #oculos {
	display: block;
	position: absolute;
	width: 200px;
	height: 200px;
	right:0px;
	top:-100px;
	background: url('/public/img/layout/default/oculos.png') center top no-repeat;
	background-size: 200px;
	z-index: 99999;
}

#corpo .apt {
	width: 100%;
	padding: 80px 0;
	position: relative;
}
	#corpo .apt #esq {
		display: inline-block;
		width: 600px;
		line-height: 130%;
		padding:  20px 40px 0 0;
		text-align: left;
	}
		#corpo .apt #esq .t1{
			display: inline-block;
			text-transform: uppercase;
			width: 100%;
			letter-spacing: 2px;
			padding: 0 0 10px 0;
		}
		#corpo .apt #esq .t2{
			display: inline-block;
			text-transform: uppercase;
			width: 100%;
			padding: 10px 0 30px 0;
		}

	#corpo .apt #dir {
		display: inline-block;
		width: 300px;
		height: 270px;
		vertical-align: top;
		padding: 30px 20px;
		background: #f2fbfc;
	}
		#corpo .apt #dir .t3{
			display: inline-block;
			text-transform: uppercase;
			width: 100%;
			letter-spacing: 2px;
			padding: 0 0 30px 0;
		}
		#corpo .apt #dir a.lnkon {
			display: inline-block;
			text-transform: uppercase;
			width: auto;
			padding: 12px 40px;
			
		}
		#corpo .apt #dir a img {
			width: 170px;
			margin: 40px 0 0 0;
			
		}
		#corpo .apt #dir a img#airbnb {
			width: 140px;
			margin: 20px 0 0 0;
			
		}


#corpo #grid {
	width: 100%;
	text-align: center;
	justify-content: center;
	font-size: 0px;
	letter-spacing: 0px;
	word-spacing: 0px;
}
	#corpo #grid a {
		display: inline-block;
		position: relative;
		width: 25%;
		padding-bottom: 25%;
		background: #ccc;
		margin: 0;
		overflow: hidden;
			border:1px solid #FFF;
		
		
	}
		#corpo #grid a img {
			position: absolute;
		   overflow: hidden;
			margin: 0;
			display: block;
			height: 100%;
			width: 100%;
			object-fit: cover;
			
			transition: all 0.5s ease;
			-webkit-transition: all 0.5s ease;
			-o-transition: all 0.5s ease;
			-moz-transition: all 0.5s ease;
		}
		#corpo #grid a:hover img {
			height: 110%;
			width: 110%;
			margin: -5px;
			-webkit-filter: contrast(2);
  			filter: contrast(2);
			
			
		}

#corpo #title {
	display: inline-block;
	width: 600px;
	padding: 100px 0 20px 0;
	background: url('/public/img/layout/default/box-bg.png') center bottom no-repeat;
	background-size: 40px;
	line-height: 120%;
}
	#corpo #title .t1 {
		padding: 0 210px;
	}
	#corpo #title .t2 {
		text-transform: uppercase;
		letter-spacing: 3px;
	}
	#corpo #title .t3 {
		letter-spacing: 2px;
		padding: 0 30px;
	}
	#corpo #title .t4 {
		
	}

#corpo .acm #esq {
	display: inline-block;
	width: 100%;
	padding: 50px 0 0 0;
}
	#corpo .acm #esq div {
		display: inline-block;
		width: 250px;
		padding: 10px 10px 10px 60px;
		height: 100px;
		text-align: left;
		vertical-align: top;
	}
		#corpo .acm #esq div .tam20 {
			letter-spacing: 2px;
			width: 150px;
			display: block;
		}
		#corpo .acm #esq div#d1 {
			background: url('/public/img/layout/default/icones/i-mar.png') left 10px no-repeat;
			background-size: 45px;
		}
		#corpo .acm #esq div#d2 {
			background: url('/public/img/layout/default/icones/i-piscina.png') 10px 10px no-repeat;
			background-size: 35px;
		}
		#corpo .acm #esq div#d3 {
			background: url('/public/img/layout/default/icones/i-flat.png') left 10px no-repeat;
			background-size: 40px;
		}
		#corpo .acm #esq div#d4 {
			background: url('/public/img/layout/default/icones/i-praia.png') left 10px no-repeat;
			background-size: 45px;
		}
		#corpo .acm #esq div#d5 {
			background: url('/public/img/layout/default/icones/i-wifi.png') 5px 15px no-repeat;
			background-size: 35px;
		}
		#corpo .acm #esq div#d6 {
			background: url('/public/img/layout/default/icones/i-limpeza.png') 5px 10px no-repeat;
			background-size: 35px;
		}


#corpo #depoimentos {
	margin: 70px 0;
	background: url('/public/img/layout/default/beach.jpg') center center no-repeat;
	background-size: cover;
	overflow: hidden;
	justify-content: center;
	text-align:center;
	height: 500px;
	position: relative;
	padding-bottom: 50px;
}
	#corpo #depoimentos #title {
		background: url('/public/img/layout/default/box-bg2.png') center bottom no-repeat;
		background-size: 40px;
		margin-bottom: 50px;
	}

#corpo #depoimentos ul {
	display: inline-block;
	width: 100%;
	padding: 0 0;
}
	#corpo #depoimentos ul li {
		display: inline-block;
		width: 270px;
		height: 180px;
		border-radius: 20px;
		background: #FFF;
		padding: 30px 15px;
		margin: 0 -;
	}
	#corpo #depoimentos ul li img {
		display: block;
		float: left;
		width: 35px;
		height: auto;
	}
	#corpo #depoimentos ul li #txt {
		display: block;
		float: right;
		width: 220px;
		height: auto;
		text-align: left;
	}
		#corpo #depoimentos ul li #txt span.t1 {
			display: block;
			width: 220px;
		}
		#corpo #depoimentos ul li #txt span.t2 {
			display: block;
			width: 220px;
			text-transform: uppercase;
		}
		#corpo #depoimentos ul li #txt span.t3 {
			display: block;
			width: 220px;
			padding: 15px 0 0 0;
			line-height: 160%;
		}
		#corpo #depoimentos ul li #txt span.t4 {
			display: block;
			width: 220px;
			padding: 15px 0 0 0;
			text-transform: uppercase;
		}

#corpo .tt1 {
	display: inline-block;
	width: 100%;
	padding: 20px 0;
	letter-spacing: 3px;
}
#corpo .op {
	display: inline-block;
	width: 200px;
	padding: 30px 20px;
	text-align: left;
	vertical-align: top;
	line-height: 140%;
}
	#corpo .op a {
		display: inline-block;
		color: #36a3db;
	}


#corpo .tt2 {
	display: inline-block;
	width: 100%;
	padding: 20px 0;
	letter-spacing: 3px;
}
#corpo img#pag {
	display: inline-block;
	width: 700px;
	margin: 20px 0;
}

#corpo #mapa {
	display: inline-block;
	width: 100%;
	height: 400px;
	background: #CCC;
}






@media only screen and (max-width : 650px) and (min-width : 181px) {

   #corpo #grid a  {
	  width: 23.6%;
	  padding-bottom: 23.6%;
   }
	
	#corpo #mar {
		display: inline-block;
		width: 100%;
		height: 150px;
		background: url('/public/img/layout/default/topo-apt.png') center bottom no-repeat;
		background-size: 100px;
	}

	#corpo #cadeira {
		display: none;
	}
	#corpo #oculos {
		display: none;
	}

	#corpo .apt {
		width: 100%;
		padding: 60px 0;
		position: relative;
	}
		#corpo .apt #esq {
			display: inline-block;
			width: 100%;
			line-height: 130%;
			padding:  20px 0 0 0;
			text-align: center;
		}
			#corpo .apt #esq .t1{
				display: inline-block;
				text-transform: uppercase;
				width: 100%;
				letter-spacing: 2px;
				padding: 0 0 10px 0;
			}
			#corpo .apt #esq .t2{
				display: inline-block;
				text-transform: uppercase;
				width: 100%;
				padding: 10px 0 30px 0;
			}
			#corpo .apt #esq .tam14{
				display: inline-block;
				width: auto;
				padding: 5px 20px 30px 20px;
			}tam14

		#corpo .apt #dir {
			display: inline-block;
			width: 300px;
			height: 270px;
			vertical-align: top;
			padding: 30px 20px;
			background: #f2fbfc;
		}
			#corpo .apt #dir .t3{
				display: inline-block;
				text-transform: uppercase;
				width: 100%;
				letter-spacing: 2px;
				padding: 0 0 30px 0;
			}
			#corpo .apt #dir a.lnkon {
				display: inline-block;
				text-transform: uppercase;
				width: auto;
				padding: 12px 40px;

			}
			#corpo .apt #dir a img {
				width: 170px;
				margin: 40px 0 0 0;

			}
			#corpo .apt #dir a img#airbnb {
				width: 140px;
				margin: 20px 0 0 0;

			}

	#corpo #title {
		display: inline-block;
		width: 100%;
		padding: 30px 0 20px 0;
		background: url('/public/img/layout/default/box-bg.png') center bottom no-repeat;
		background-size: 40px;
		line-height: 120%;
	}
		#corpo #title .t1 {
			padding: 0 110px;
		}
		#corpo #title .t2 {
			text-transform: uppercase;
			letter-spacing: 3px;
		}
		#corpo #title .t3 {
			display: inline-block;
			width: auto;
			letter-spacing: 2px;
			padding: 0 40px;
			line-height: 110%;
		}
		#corpo #title .t4 {
			display: inline-block;
			width: auto;
			padding: 0 20px;
		}

	#corpo .acm #esq {
		display: inline-block;
		float: inherit !important;
		width: 100%;
		padding: 50px 0 0 0;
	}
		#corpo .acm #esq div {
			display: inline-block;
			width: auto;
			padding: 10px 20px 0px 80px;
			height: 100px;
			text-align: left;
			vertical-align: top;
		}
			#corpo .acm #esq div .tam20 {
				letter-spacing: 2px;
				width: auto;
				display: block;
			}
			#corpo .acm #esq div#d1 {
				background: url('/public/img/layout/default/icones/i-mar.png') 20px 10px no-repeat;
				background-size: 45px;
			}
			#corpo .acm #esq div#d2 {
				background: url('/public/img/layout/default/icones/i-piscina.png') 20px 10px no-repeat;
				background-size: 35px;
			}
			#corpo .acm #esq div#d3 {
				background: url('/public/img/layout/default/icones/i-flat.png') 20px 10px no-repeat;
				background-size: 40px;
			}
			#corpo .acm #esq div#d4 {
				background: url('/public/img/layout/default/icones/i-praia.png') 20px 10px no-repeat;
				background-size: 45px;
			}
			#corpo .acm #esq div#d5 {
				background: url('/public/img/layout/default/icones/i-wifi.png') 20px 15px no-repeat;
				background-size: 35px;
			}
			#corpo .acm #esq div#d6 {
				background: url('/public/img/layout/default/icones/i-limpeza.png') 20px 10px no-repeat;
				background-size: 35px;
			}


	#corpo #depoimentos {
		margin: 70px 0;
		background: url('/public/img/layout/default/beach.jpg') center center no-repeat;
		background-size: cover;
		overflow: hidden;
		justify-content: center;
		text-align:center;
		height: 500px;
		position: relative;
		padding-bottom: 50px;
	}
		#corpo #depoimentos #title {
			background: url('/public/img/layout/default/box-bg2.png') center bottom no-repeat;
			background-size: 40px;
			margin-bottom: 50px;
		}

	#corpo #depoimentos ul {
		display: inline-block;
		width: 100%;
		padding: 0 0;
	}
		#corpo #depoimentos ul li {
			display: inline-block;
			width: 270px;
			height: 230px;
			border-radius: 20px;
			background: #FFF;
			padding: 30px 15px;
			margin: 0 5px;
		}
		#corpo #depoimentos ul li img {
			display: block;
			float: left;
			width: 35px;
			height: auto;
		}
		#corpo #depoimentos ul li #txt {
			display: block;
			float: right;
			width: 200px;
			height: auto;
			text-align: left;
		}
			#corpo #depoimentos ul li #txt span.t1 {
				display: block;
				width: 195px;
			}
			#corpo #depoimentos ul li #txt span.t2 {
				display: block;
				width: 195px;
				text-transform: uppercase;
			}
			#corpo #depoimentos ul li #txt span.t3 {
				display: block;
				width: 195px;
				padding: 10px 0 0 0;
				line-height: 160%;
			}
			#corpo #depoimentos ul li #txt span.t4 {
				display: block;
				width: 195px;
				padding: 10px 0 0 0;
				text-transform: uppercase;
			}

	#corpo .tt1 {
		display: inline-block;
		width: 100%;
		padding: 40px 0;
		letter-spacing: 3px;
	}
	#corpo .op {
		display: inline-block;
		width: auto;
		padding: 10px 50px;
		text-align: center;
		vertical-align: top;
		line-height: 140%;
	}
		#corpo .op a {
			display: inline-block;
			color: #36a3db;
		}


	#corpo .tt2 {
		display: inline-block;
		width: 100%;
		padding: 40px 0;
		letter-spacing: 3px;
	}
	#corpo img#pag {
		display: inline-block;
		width: 100%;
		margin: 20px 0;
	}

	#corpo #mapa {
		display: inline-block;
		width: 100%;
		height: 300px;
		background: #CCC;
	}
	
	
}

@media only screen and (max-width : 1250px) and (min-width : 651px) {

   #corpo #grid a  {
	  width: 24.6%;
	  padding-bottom: 24.6%;
   }
}


@media only screen and (max-width : 1780px) and (min-width : 1251px) {

   #corpo #grid a  {
	  width: 19.8%;
	  padding-bottom: 19.8%;
   }
}

@media only screen and (max-width : 6980px) and (min-width : 1781px) {

   #corpo #grid a  {
	  width: 9.85%;
	  padding-bottom: 9.85%;
   }
}