*{
	color:#343434;
	font-size: 14px;
	font-family: Arial, Calibri, Candara, Segoe, 'Segoe UI', Optima, Arial, sans-serif;
	 -webkit-font-smoothing: antialiased;
	/*transition: all 0.5s ;*/
}
html,body{
	height: 100%;
	position: relative;
}
body {
	background-color: #fff;
}
.no-margin{
	margin:0 !important;
}

.disnone{
	display: none;
}
::selection{
	background: #a3a3a3;
	color: #FFF;
}
.content, .content2{ margin:auto; position: relative; width: 100%; padding: 0 15px;}
.big {
	font-size: 1.5em;
}
img {max-width: 100%;}
.clear{clear:both;}
.bg-home{
	background: url("../img/bg_home.jpg") no-repeat center bottom;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
}

header {
	/*background: #fff;*/
	position: relative;
}
header.home{
	padding-top: 60px;
	padding-bottom: 30px;
	/*background: none !important;*/
}
header .logo {width: 80%;}
header .viagem {width: 90%;}


main {
	position: relative;
	background: #fff;

}
	main.home{
		background: none !important;

	}
	main .menu-hoteis{
		text-align: center;
	}
	main .hoteis{
		background: url("../img/bg_main_home.jpg") no-repeat center top fixed;
		-webkit-background-size: cover;
		-moz-background-size: cover;
		-o-background-size: cover;
		background-size: cover;
		text-align: center;
		border: solid #fff 3px;
	}

	main .hoteis img{
		position: relative;
		z-index: 10;
	}
	main .hoteis .bg{
		position: absolute;
		top: -16px;
		left: 0;
		z-index: 9;
		width: 95%;
		max-width: 100%;
		left: 2.7%;
	}

main.home{
}

footer{
	background-color: #949590;
	width: 100%;
	z-index: 100;

}
	footer *{
		color: #fff;
	}
		footer .img_footer a img{
			max-height: 44px;
		}
		footer .img_footer img{
			max-height: 34px;

		}
		footer .social img {
			max-height: 21px !important;
		}

	footer .setas img{
		max-height: 34px;
	}

header .p2,
header .p3,
header .p4,
header .p5,
header .p6,
header .p7{
    padding: 30px;
}


header .p3, .p3 div, .c3{
    background-color: #78B7AB;
    color: #fff;
}
header .p4, .p4 div, .c4{
    background-color: #3B97D3;
    color: #fff;
}
header .p5, .p5 div, .c5{
    background-color: #DDE5B6;
    color: #808285;
}



header .p2,header .p2 *{
    background-color: #FAAA63;
    color: #fff;
}
.mp2,.mp2 *{
	font-size: 14px;
}
.diferenciais{
	color: #FAAA63;;
}

.barra{
	height: 25px;
}
.imagens_hoteis img{
	border: solid 5px #fff;
}

.link-1,
.link-2,
.link-3,
.link-4,
.link-5,
.link-5,
.link-6,
.link-7,
.link-8,
.link-9,
.link-10,
.link-11,
.link-12,
.link-13{
	display: block;
	background: transparent;
	position: absolute;


}
.link-1:hover,
.link-2:hover,
.link-3:hover,
.link-4:hover,
.link-5:hover,
.link-6:hover,
.link-7:hover,
.link-8:hover,
.link-9:hover,
.link-10:hover,
.link-11:hover,
.link-12:hover,
.link-13:hover{
	background: rgba(250, 170, 99, 0.5);
	text-decoration: none;
}
.link-1		{ width: 18%; height: 13%; top: 5%; left: 48%; }
.link-2		{ width: 18%; height: 13%; top: 19.4%; left: 58%; }
.link-3		{ width: 18%; height: 13%; top: 37.4%; left: 74%; }
.link-4		{ width: 24%; height: 11%; top: 60.4%; left: 73%; }
.link-5		{ width: 24%; height: 11%; top: 83%; left: 57%; }
.link-6		{ top: 12%; left: 68%; height: 26%; width: 13%; }
.link-7		{ top: 12%; left: 82%; height: 26%; width: 14%; }
.link-8		{ top: 39%; left: 68%; height: 23%; width: 13%; }
.link-9		{ top: 39%; left: 82%; height: 23%; width: 14%; }
.link-10	{ bottom: 25%; left: 3%; height: 8%; width: 22%; }
.link-11	{ bottom: 25%; left: 26%; height: 8%; width: 22%; }
.link-12	{ bottom: 25%; left: 51%; height: 8%; width: 22%; }
.link-13	{ bottom: 25%; left: 76%; height: 8%; width: 18%; }


.sep{
	margin: 0 20px;
}


/* MEDIA */

@media (max-width: 767px) {
	main .menu-hoteis{
		padding-top: 15px;
	}
	main .hoteis{
		display: inline-block;
		position: relative;
		width: 45% !important;
		margin: 15px 0% !important;
		min-height: 120px;
	}
	.barra1{
		padding: 5px 15px;
		height: auto !important;
	}
	 .barra1 img {
	 	width: 40px;
	 }

	header .p2,
	header .p3,
	header .p4,
	header .p5,
	header .p6,
	header .p7{
	    font-size: 30px;
	    line-height: 30px;
	    padding: 15px;
	}

	.hide-smart{ display:none !important;}
	footer{
		position: absolute;
		left: 0;

	}
	.imagens_hoteis{
		text-align: center;
	}
	footer .img_footer a img{
			max-height: 100px;
		}
		footer .img_footer img{
			max-height: 100px;
			width: 48%;
			margin:4%;
		}
		footer .social img {
			width: auto;
			max-height: 21px !important;
		}

}
@media (max-width: 1000px) {

	img.img_dados{
		border: solid 5px #fff;
		width: 50%;
		float: left;
	}

	main .menu-hoteis{
		padding-top: 15px;
	}
	.detalhes_hotel img{
		border: solid 5px #fff;
		width: 70%;
		float: none;
		margin-left: 15%;
	}
	main .hoteis{
		display: inline-block;
		width: 30%;
		position: relative;
		margin-top: 0;
		margin:1.5%;

		padding: 0 27px 27px 27px;
	}
	main .hoteis .bg {
		top: -14px;
	}

	main .hoteis{
		background-color: rgba(255, 255, 255, 0.7);
		margin: 10px;
	}
		footer div {text-align: center;}
		footer div span {padding: 15px; display: inline-block;}

	img.palmeira{
		display: none !important;

	}
	.dados_hotel,.dados_hotel div {
	    margin-bottom: 20px;
	}


	footer div{
		padding-top: 5px;
		padding-bottom: 5px;
	}

	.hide-mob{ display: none !important;}

	header .p2,
	header .p3,
	header .p4,
	header .p5,
	header .p6,
	header .p7{
	    min-height: 80px;
	}
	header .p2,
	header .p3 *,
	header .p4 *,
	header .p5 *,
	header .p6 *,
	header .p7 * {
	    font-size: 20px;
	    line-height: 20px;
	    text-align: center;
	}

	header .p3 img,
	header .p4 img,
	header .p5 img,
	header .p6 img,
	header .p7 img{
		max-width: 50%;
		max-height: 150px;
		/*margin:auto;
		margin-top:-60px;*/
		display: inline-block;
	}

	header .barra {
	    display: none;
	}

	.barra1{
		height: 80px;
		margin-top: 20px;
		margin-left: -30px;
		margin-right: -30px;
	}
	.barra1 img{
		max-height: 100%;
	}

	.bg_radisson_aracaju img,
	.bg_radisson_recife img,
	.bg_quality_natal img,
	.bg_confort_fortaleza img,
	.bg_quality_fortaleza img{
		display: inline-block;
		width: 125px;
		position: absolute;
		top: 33px;
		right: 10px;
		z-index: 10;
	}

}
@media (min-width: 767px) {
	.imagens_hoteis  {
		width: 44%;
		float: left;
		position: relative;
	}
	.imagens_hoteis img {
		width: 100%;
	}
	.detalhes_hotel{
		width: 48%;
    	float: left;
	}
	footer{
		position: fixed;
		bottom: 0;
		left:0;
	}

}

@media (min-width: 1000px) {

	main.home{
		background: none !important;
		position: absolute;
		bottom: 0;
		width: 100%;
	}
	main .content {
		max-width: 1024px;
	};


	.imagens_hoteis img{
		float: left;
		width: 50%;
		border: solid 5px #fff;
		margin: -5px;
	}
	.imagens_hoteis .img4{
		position: absolute;
		top:0;
		left: 50%;
		width: 50%;
	}

	.detalhes_hotel  {

		position: relative;
	}
	.detalhes_hotel img{
		float: left;
		width: 50%;
		border: solid 5px #fff;
		margin: -5px;
		margin-left: 5px !important;
	}
	.hide-tab{ display: none !important;}


	header .p2,
	header .p2 *,
	header .p3 *,
	header .p4 *,
	header .p5 *,
	header .p6 *,
	header .p7 *{
	    font-size: 57px;
	    line-height: 57px;
	}
	header .p3 img,
	header .p4 img,
	header .p5 img,
	header .p6 img,
	header .p7 img{
		position: absolute;
		top: -70px;
		z-index: 10;
		width: 60%;
		left: 20%;
	}
	main {
		margin-bottom: 65px;
	}
	.hide-desk {
		display: none !important;
	}
	main .menu-hoteis{

	}
	.sep-v{
		border-left: solid 1px #fff;
	    height: 70%;
	    position: absolute;
	    left: 0;
	    top: 15%;
	}
	main .hoteis{
		display: inline-block;
		position: relative;
		margin-top: -14px;
		padding: 15px 0;
		text-align: center;
		width: 19.5%;
	}
	main .hoteis img{
		position: relative;
		z-index: 10;
		max-width: 80%;
	}



	footer{
		background-color: #949590;
		height: 65px;
		position: fixed;
		bottom: 0;
		width: 100%;
	}
		footer div{
			line-height: 65px;
		}

		footer span {
			line-height: 22.5px;
			color: #fff;
			display: inline-block;
			padding-top: 10px;
		}
		footer .setas{
			line-height: 65px;
		}

	.mp2,.mp2 *{
		font-size: 14px;
	}
	img.palmeira{
		display: inline-block;
		position: absolute;
		top: -136px;
		right: 0px;
		width: 290px;
		max-width: 500px;
	}

	header .p3 img,
	header .p4 img,
	header .p5 img,
	header .p6 img,
	header .p7 img{
			position: absolute;
			top: -57px;
			z-index: 10;
			width: 90%;
			left: 14%;
    }

	.imagens_hoteis  {
		float: left;
		width: 55.5%;
		position: relative;
	}
	.imagens_hoteis img{
		float: left;
		width: 50%;
		border: solid 5px #fff;
		margin: -5px;
	}
	.imagens_hoteis .img4{
		position: absolute;
		top:0;
		left: 50%;
		width: 50%;
	}

	.detalhes_hotel  {
		float: right;
		width: 44%;
		position: relative;
	}
	.detalhes_hotel img{
		float: left;
		width: 50%;
		border: solid 5px #fff;
		margin: -5px;
	}


	.bg_quality_fortaleza{
		background: url("../img/quality_fortaleza_top.png") no-repeat center center;
	}
	.bg_quality_natal{
		background: url("../img/quality_natal_top.png") no-repeat center center;
	}
	.bg_confort_fortaleza{
		background: url("../img/confort_fortaleza_top.png") no-repeat center center;
	}
	.bg_radisson_recife{
		background: url("../img/radisson_recife_top.png") no-repeat center center;
	}
	.bg_radisson_aracaju{
		background: url("../img/radisson_aracaju_top.png") no-repeat center center;
	}

	.bg_radisson_aracaju,
	.bg_radisson_recife,
	.bg_quality_natal,
	.bg_confort_fortaleza,
	.bg_quality_fortaleza{
		height: 150px;
		-webkit-background-size: cover;
		-moz-background-size: cover;
		-o-background-size: cover;
		background-size: cover;
	}
	.flag_hotel{
		position: absolute;
		top: 15px;
		right: 30px;
		width: 170px;
	}

	.dados_hotel{
		position: relative;
		padding-left:70px;
		margin-bottom: 15px;
	}
	.barra1{
		display: inline-block;
		height: 100%;
		position: absolute;
		top: 0;
		left: 0;
		width: 60px;
	}
	.img_dados{
		width: 330px;
		margin:auto;
		margin-bottom: 15px;
	}
	.eventos{
		background-color: #F5EDDE;
		margin-bottom: 5px;
	}
		.eventos .col-sm-5{
			overflow: hidden;
			height: 100%;
			position: absolute;
			top: 0;
			bottom: 0;
			right: 0;
		}
		.eventos .col-sm-7{
			min-height: 150px;
		}

		.eventos img {
			position: absolute;
			max-width: none;
			height: 100%;
		}

	.aviso3{
		background-color: #e0eeeb;
	}
	.aviso4{
		background-color: #d7eaf6;
	}
	.aviso5{
		background-color: #f4f7e1;
	}
}
@media (min-width: 1250px) {
	.no-padding{
		padding: 0 !important;
	}
	.content {
	    max-width: 1024px;
	}
	main .hoteis{
		display: inline-block;
		position: relative;
		margin-top: -14px;
		padding: 15px 0;
		text-align: center;
		width: 19.5%;
	}
	header .p3 img,
	header .p4 img,
	header .p5 img,
	header .p6 img,
	header .p7 img{
		position: absolute;
		top: -50px;
		z-index: 10;
		/*width: 60%;*/
		right: 0%;
	}
}