principal.css

*{
	margin: 0;
	padding: 0;
}

body{
	font-size: 16px;
	font-family: "Trebuchet MS", Helvetica, sans-serif;
	background: #f3f3f3;
}

/*---------------- Menu do site ----------------*/
#navegacao{
	background: #666666;
	padding: 0px;
	height: 62px;
	width: 100%;
	top: 0;
	position: fixed;
	z-index: 1000;
}

.logo{
	padding-top: 3px;
	margin-left: 30px;
	margin-right: 680px;
}

.img-user{
	padding-top: 5px;
	width: 15px;
	height: 15px;
}

#area{
	width: 98%;
	margin: 0 auto;	
	display: inline-flex;
}

#menu{
	margin-left: 100px;
	float: right;
	padding: 15px 0px 15px 0px;
}

/*
.fonte{
	font-size: 18px;
}

.fonte a{
	text-decoration: none;
	padding: 5px 10px;
}

.fonte a:link{
	color: white;
}

.fonte a:visited{
	color: white;
}

.fonte a:hover{
	color: black;
	background: #fff;
}

.fonte a:active{
	color: white;
}
*/

ul{
	margin: 0;
	padding: 0;
	display: flex;
}

ul li{
	list-style: none;
	margin: 0 15px;
	transition: 0.5s;
}

ul li a{
	display: block;
	position: relative;
	text-decoration: none;
	font-size: 18px;
	padding: 5px;
	font-family: "Trebuchet MS", Helvetica, sans-serif;
	transition: 0.5s;
}

ul:hover li a{
	transform: scale(1);
}

ul li a:hover{
	transform: scale(1.6);
	opacity: 1;
	filter: blur(0);
}
/*-------------------------------------------------------------*/

/*---------------- Titulo de Passagens Aéreas ----------------*/
#titulo{
	margin: 75px 0px 30px 130px;
}
/*-------------------------------------------------------------*/

/*---------------- Passagens Aéreas ----------------*/
#passagens{
	display: inline-flex;
	width: 100%;
	height: 370px;
	background: #1C1C1C;
}

#passagens-1{
	display: inline-flex;
	width: 100%;
	height: 370px;
	background: #1C1C1C;
}

.sp{
	margin-left: 12px;
	width: 240px;
	height: 310px;
	border-radius: 20px;
	margin-top: 20px;
}

.rj{
	width: 240px;
	height: 310px;
	border-radius: 20px;
	margin-left: 32px;
	margin-top: 20px;
}

.mg{
	width: 240px;
	height: 310px;
	border-radius: 20px;
	margin-left: 32px;
	margin-top: 20px;
}

.sc{
	width: 240px;
	height: 310px;
	border-radius: 20px;
	margin-left: 32px;
	margin-top: 20px;
}

.mt{
	width: 240px;
	height: 310px;
	border-radius: 20px;
	margin-left: 142px;
	margin-top: 135px;
}

.pr{
	width: 240px;
	height: 310px;
	border-radius: 20px;
	margin-left: 32px;
	margin-top: 135px;
}

.am{
	width: 240px;
	height: 310px;
	border-radius: 20px;
	margin-left: 32px;
	margin-top: 135px;
}

.ba{
	width: 240px;
	height: 310px;
	border-radius: 20px;
	margin-left: 32px;
	margin-top: 135px;
}

.radio-passagem{
	font-size: 17px;
	margin-left: 83px;
	margin-bottom: 6px;
}

.radio-passagem1{
	font-size: 17px;
	margin-left: 83px;
	margin-bottom: 10px;
}

.transparencia{
	opacity: 0.73;
	background: black;
	width: 240px;
	height: 220px;
	border-top-left-radius: 20px;
	border-top-right-radius: 20px;
	border-bottom-left-radius: 20px;
	border-bottom-right-radius: 20px;
	margin-top: -222px;
}

.transp-border{
	border-bottom: 2px solid white;
	width: 213px;
	margin-left: 13px;
	margin-bottom: 10px;
}

.transp-sp{
	font-size: 24px;
	font-family: "Trebuchet MS", Helvetica, sans-serif;
	padding: 10px 15px 10px 15px;
	margin-left: 55px;
	width: 128px;
}

.transp-sp1{
	font-size: 20px;
	font-family: "Trebuchet MS", Helvetica, sans-serif;
	padding: 10px 15px 10px 15px;
	margin-bottom: 6px;
	margin-left: 45px;
}

.transp-sp2{
	font-size: 17px;
	font-family: "Trebuchet MS", Helvetica, sans-serif;
	padding: 10px 15px 10px 15px;
	margin-left: 60px;
}

.transp-sp3{
	font-size: 18px;
	margin-left: 54px;
	width: 106px;
	height: 25px;
	font-family: "Trebuchet MS", Helvetica, sans-serif;
	padding: 5px 2.5px 2.5px 25px;
	color: #fff;
	background-color: #3385ff;
}

.transp-rj{
	width: 240px;
	font-size: 24px;
	font-family: "Trebuchet MS", Helvetica, sans-serif;
	padding: 10px 15px 10px 15px;
	margin-left: 30px;
}

.transp-rj1{
	font-size: 20px;
	font-family: "Trebuchet MS", Helvetica, sans-serif;
	padding: 10px 15px 10px 15px;
	margin-bottom: 6px;
	margin-left: 5px;
}

.transp-rj2{
	font-size: 17px;
	font-family: "Trebuchet MS", Helvetica, sans-serif;
	padding: 10px 15px 10px 15px;
	margin-left: 60px;
}

.transp-rj3{
	font-size: 18px;
	margin-left: 54px;
	width: 106px;
	height: 25px;
	font-family: "Trebuchet MS", Helvetica, sans-serif;
	padding: 5px 2.5px 2.5px 25px;
	color: #fff;
	background-color: #3385ff;
}

.transp-mg{
	font-size: 24px;
	font-family: "Trebuchet MS", Helvetica, sans-serif;
	padding: 10px 15px 10px 15px;
	margin-left: 38px;
	width: 240px;
}

.transp-mg1{
	font-size: 20px;
	font-family: "Trebuchet MS", Helvetica, sans-serif;
	padding: 10px 15px 10px 15px;
	margin-bottom: 6px;
	margin-left: 45px;
}

.transp-mg2{
	font-size: 17px;
	font-family: "Trebuchet MS", Helvetica, sans-serif;
	padding: 10px 15px 10px 15px;
	margin-left: 60px;
}

.transp-mg3{
	font-size: 18px;
	margin-left: 54px;
	width: 106px;
	height: 25px;
	font-family: "Trebuchet MS", Helvetica, sans-serif;
	padding: 5px 2.5px 2.5px 25px;
	color: #fff;
	background-color: #3385ff;
}

.transp-sc{
	font-size: 24px;
	font-family: "Trebuchet MS", Helvetica, sans-serif;
	padding: 10px 15px 10px 15px;
	margin-left: 28px;
	width: 240px;
}

.transp-sc1{
	font-size: 20px;
	font-family: "Trebuchet MS", Helvetica, sans-serif;
	padding: 10px 15px 10px 15px;
	margin-bottom: 6px;
	margin-left: 45px;
}

.transp-sc2{
	font-size: 17px;
	font-family: "Trebuchet MS", Helvetica, sans-serif;
	padding: 10px 15px 10px 15px;
	margin-left: 60px;
}

.transp-sc3{
	font-size: 18px;
	margin-left: 54px;
	width: 106px;
	height: 25px;
	font-family: "Trebuchet MS", Helvetica, sans-serif;
	padding: 5px 2.5px 2.5px 25px;
	color: #fff;
	background-color: #3385ff;
}

.transp-mt{
	font-size: 24px;
	font-family: "Trebuchet MS", Helvetica, sans-serif;
	padding: 10px 15px 10px 15px;
	margin-left: 41px;
	width: 240px;
}

.transp-mt1{
	font-size: 20px;
	font-family: "Trebuchet MS", Helvetica, sans-serif;
	padding: 10px 15px 10px 15px;
	margin-bottom: 6px;
	margin-left: 45px;
}

.transp-mt2{
	font-size: 17px;
	font-family: "Trebuchet MS", Helvetica, sans-serif;
	padding: 10px 15px 10px 15px;
	margin-left: 60px;
}

.transp-mt3{
	font-size: 18px;
	margin-left: 54px;
	width: 106px;
	height: 25px;
	font-family: "Trebuchet MS", Helvetica, sans-serif;
	padding: 5px 2.5px 2.5px 25px;
	color: #fff;
	background-color: #3385ff;
}

.transp-pr{
	font-size: 24px;
	font-family: "Trebuchet MS", Helvetica, sans-serif;
	padding: 10px 15px 10px 15px;
	margin-left: 68px;
	width: 240px;
}

.transp-pr1{
	font-size: 20px;
	font-family: "Trebuchet MS", Helvetica, sans-serif;
	padding: 10px 15px 10px 15px;
	margin-bottom: 6px;
	margin-left: 45px;
}

.transp-pr2{
	font-size: 17px;
	font-family: "Trebuchet MS", Helvetica, sans-serif;
	padding: 10px 15px 10px 15px;
	margin-left: 60px;
}

.transp-pr3{
	font-size: 18px;
	margin-left: 54px;
	width: 106px;
	height: 25px;
	font-family: "Trebuchet MS", Helvetica, sans-serif;
	padding: 5px 2.5px 2.5px 25px;
	color: #fff;
	background-color: #3385ff;
}
.transp-am{
	font-size: 24px;
	font-family: "Trebuchet MS", Helvetica, sans-serif;
	padding: 10px 15px 10px 15px;
	margin-left: 50px;
	width: 240px;
}

.transp-am1{
	font-size: 20px;
	font-family: "Trebuchet MS", Helvetica, sans-serif;
	padding: 10px 15px 10px 15px;
	margin-bottom: 6px;
	margin-left: 45px;
}

.transp-am2{
	font-size: 17px;
	font-family: "Trebuchet MS", Helvetica, sans-serif;
	padding: 10px 15px 10px 15px;
	margin-left: 60px;
}

.transp-am3{
	font-size: 18px;
	margin-left: 54px;
	width: 106px;
	height: 25px;
	font-family: "Trebuchet MS", Helvetica, sans-serif;
	padding: 5px 2.5px 2.5px 25px;
	color: #fff;
	background-color: #3385ff;
}

.transp-ba{
	font-size: 24px;
	font-family: "Trebuchet MS", Helvetica, sans-serif;
	padding: 10px 15px 10px 15px;
	margin-left: 75px;
	width: 240px;
}

.transp-ba1{
	font-size: 20px;
	font-family: "Trebuchet MS", Helvetica, sans-serif;
	padding: 10px 15px 10px 15px;
	margin-bottom: 6px;
	margin-left: 45px;
}

.transp-ba2{
	font-size: 17px;
	font-family: "Trebuchet MS", Helvetica, sans-serif;
	padding: 10px 15px 10px 15px;
	margin-left: 60px;
}

.transp-ba3{
	font-size: 18px;
	margin-left: 54px;
	width: 106px;
	height: 25px;
	font-family: "Trebuchet MS", Helvetica, sans-serif;
	padding: 5px 2.5px 2.5px 25px;
	color: #fff;
	background-color: #3385ff;
}

.img-sp{
	width: 100%;
	height: 100%;
	margin-left: 0px;
	border-top-left-radius: 20px;
	border-top-right-radius: 20px;
	border-bottom-left-radius: 20px;
	border-bottom-right-radius: 20px;
}

.img-rj{
	width: 100%;
	height: 100%;
	margin-left: 0px;
	border-top-left-radius: 20px;
	border-top-right-radius: 20px;
	border-bottom-left-radius: 20px;
	border-bottom-right-radius: 20px;
}

.img-mg{
	width: 100%;
	height: 100%;
	margin-left: 0px;
	border-top-left-radius: 20px;
	border-top-right-radius: 20px;
	border-bottom-left-radius: 20px;
	border-bottom-right-radius: 20px;
}

.img-sc{
	width: 100%;
	height: 100%;
	margin-left: 0px;
	border-top-left-radius: 20px;
	border-top-right-radius: 20px;
	border-bottom-left-radius: 20px;
	border-bottom-right-radius: 20px;
}

.img-mt{
	width: 100%;
	height: 100%;
	margin-left: 0px;
	margin-top: -155px;
	border-top-left-radius: 20px;
	border-top-right-radius: 20px;
	border-bottom-left-radius: 20px;
	border-bottom-right-radius: 20px;
}

.img-pr{
	width: 100%;
	height: 100%;
	margin-left: 0px;
	margin-top: -155px;
	border-top-left-radius: 20px;
	border-top-right-radius: 20px;
	border-bottom-left-radius: 20px;
	border-bottom-right-radius: 20px;
}

.img-am{
	width: 100%;
	height: 100%;
	margin-left: 0px;
	margin-top: -155px;
	border-top-left-radius: 20px;
	border-top-right-radius: 20px;
	border-bottom-left-radius: 20px;
	border-bottom-right-radius: 20px;
}

.img-ba{
	width: 100%;
	height: 100%;
	margin-left: 0px;
	margin-top: -155px;
	border-top-left-radius: 20px;
	border-top-right-radius: 20px;
	border-bottom-left-radius: 20px;
	border-bottom-right-radius: 20px;
}

.img-mais{
	margin-left: 48.3%;
	width: 51px;
	height: 51px;
}

.mais{
	width: 100%;
	top: 0px;
	display: inline-flex;
	background: #000;
}

.clear-m{
	opacity: 0.0;
	margin-top: 20px; 
	width: 130px;
	height: 310px;
}

.posicao-mais{
	background-color: #808080; 
	margin-top: -63px;"
}

.passagens a{
	clear: both;
}

.links-viagens1{
	border-radius: 20px;
	text-decoration: none;
	color: white;
	width: 100%;
	height: 100%;
}

.links-viagens{
	border-radius: 20px;
	text-decoration: none;
	color: white;
}

.links-viagens a:link{
	color: white;
}

.links-viagens a:visited{
	color: white;
}
/*-------------------------------------------------------------*/

/*---------------- Hotéis das cidades ----------------*/
#caixa-hoteis{
	width: 85%;
	height: 1770px;
	margin-left: 110px;
}

.border-hotel{
	border-bottom: 2px solid black;
	width: 96.5%;
	margin-left: 20px;
	margin-bottom: 30px;
}

.display-hotel{
	display: inline-grid;
}

.area-hotel1
{
	width: 1130px;
	height: 430px;
	background: #808080;
	margin-left: 10px;
	display: inline-flex;
}

.img-hot1{
	height: 300px;
	width: 430px
}

.inf-hot1{
	font-size: 22px;
	margin-top: 80px;
	margin-left: -40px;
}

.border-hotel1{
	border-bottom: 2px solid black;
	width: 280px;
	margin-left: 75px;
	margin-bottom: 5px;
}

.border-hotel2{
	border-bottom: 2px solid black;
	width: 460px;
	margin-left: 75px;
	margin-top: 10px;
	margin-bottom: 5px;
}

.border-hotel3{
	border-bottom: 2px solid black;
	width: 460px;
	margin-left: 75px;
	margin-top: 10px;
	margin-bottom: 5px;
}

.border-hotel4{
	border-bottom: 2px solid black;
	width: 460px;
	margin-left: 75px;
	margin-top: 10px;
	margin-bottom: 5px;
}

.border-stars{
	border-left: 2px solid black;
	width: 230px;
	height: 265px;
	margin-left: 20px;
	margin-right: -280px;
	margin-top: 18px;
}

.area-hotel2
{
	width: 1130px;
	height: 430px;
	background: #808080;
	margin-left: 10px;
	display: inline-flex;
}

.img-hot2{
	height: 300px;
	width: 430px;
}

.inf-hot2{
	font-size: 22px;
	margin-top: 80px;
	margin-left: -40px;
}

.area-hotel3
{
	width: 1130px;
	height: 430px;
	background: #808080;
	margin-left: 10px;
	display: inline-flex;
}

.img-hot3{
	height: 300px;
	width: 430px;
}

.inf-hot3{
	font-size: 22px;
	margin-top: 80px;
	margin-left: -40px;
}

.area-hotel4
{
	width: 1130px;
	height: 430px;
	background: #808080;
	margin-left: 10px;
	display: inline-flex;
}

.img-hot4{
	height: 300px;
	width: 430px;
}

.inf-hot4{
	font-size: 22px;
	margin-top: 80px;
	margin-left: -40px;
}

.area-hotel5
{
	width: 1130px;
	height: 430px;
	background: #808080;
	margin-left: 10px;
	display: inline-flex;
}

.img-hot5{
	height: 300px;
	width: 430px;
}

.inf-hot5{
	font-size: 22px;
	margin-top: 80px;
	margin-left: -40px;
}

.stars{
	display: inline-flex;
}

.finalizar-hotel{
	display: inline-flex;
}

.botao{
	display: inline-flex;
	margin-top: 20px;
	margin-left: 100px;
}

#btnConcluir{
	font-size: 22px;
	color: black;
	background: #a6a6a6;
	border-radius: 20px;
}

#btnConcluir:hover{
	cursor: pointer;
}
/*-------------------------------------------------------------*/

/*---------------- Footer ----------------*/
.footer{
	position: absolute;
	width: 100%;
	height: 220px;
	background: black;
}

.footer-geral{
	margin-top: 20px;
}

.p-footer{
	color: black;
	font-size: 16px;
	margin-top: 25px;
	margin-bottom: 10px;
	margin-left: 60px;
	margin-right: 750px;
}

.follow{
	width: 100%;
	height: 70px;
	background: white;
	margin-bottom: 0px;
	display: inline-flex;
}

.face-img{
	margin-right: 30px;
	width: 50px;
	height: 50px;
	margin-top: 10px;
}

.insta-img{
	margin-top: 3.5px;
	margin-right: 30px;
	width: 46px;
	height: 46px;
	margin-top: 13px;
}

.link-img{
	margin-right: 28px;
	width: 51px;
	height: 51px;
	margin-top: 10px;
}

.twit-img{
	width: 53px;
	height: 53px;
	margin-top: -2px;
	margin-top: 9px;
}
/*-------------------------------------------------------------*/