@charset "utf-8";
/* CSS Document */
body{
	margin: 0 auto;
}
p{
	color: #1a2f57;
}
.header-title{
	font-family: gotham-black;
	text-transform: uppercase;
	font-size: 7vh;
	color: #0066cd; 
	margin-bottom:0px;
	line-height: 9vh;
}
.header-text{
	font-family: gothamnarrow-book;
	font-size: 3vh;
	line-height: 4vh;
}
.header-text-bold{
	font-family: gothamnarrow-bold;
	font-size: 3vh;
	line-height: 4vh;
}
.main-title{
	font-family: gotham-black;
	text-transform: uppercase;
	font-size: 33px;
	color: #0066cd; 
	margin-bottom:-8px;
	line-height: 36px;
}
.main-text{
	font-family: gothamnarrow-book;
	font-size: 18px;
	line-height: 22px;
}
.main-text-bold{
	font-family: gothamnarrow-bold;
	font-size: 18px;
	line-height: 22px;
}
#content1{
    position: absolute;
    width: 100%;
    overflow: hidden;
    text-align: center;
    margin: 0 auto;
    padding: 0 auto;
    margin-bottom: 60px;
}
#table0, #table1, #table2, #table3, #table4{
	width: 1080px;
	margin-bottom: 5%;
	max-width: 1080px;
}
#table3{
	width: 1080px;
    margin-bottom: 0%;
    max-width: 1080px;
    padding: 0% 3% 3% 3%;
}
#table5{
	width: 1080px;
    /* margin-bottom: 5%; */
    max-width: 1080px;
    padding: 0% 3% 3% 3%;
}
#table6{
	width: 204px;
	margin-bottom: 4%;
	max-width: 900px;
}
#table7{
	width: 1080px;
    max-width: 1080px;
    padding: 1% 3% 1% 3%;
	text-align: left;
	font-size: 14px;
	color: #1a2f57;
}
#table7 p{
	margin-bottom: -9px;
}
.table7title{
	margin-bottom: -15px;
	font-family: Gotham-Bold;
    font-size: 16px;
}
#couple{
	width: 100%;
    max-width: 1080px;
    height: auto;
    min-height: 31vw;
    margin-bottom: 35px;
    background-size: contain;
	margin: auto;
}
#happycouple{
	width: 100%;
    max-width: 1080px;
    height: auto;
    min-height: 29vw;
    margin-bottom: 35px;
    background-size: contain;
	margin: auto;
}
#wonderingman{
	width: 100%;
    max-width: 1080px;
    height: auto;
    min-height: 31vw;
    margin-bottom: 35px;
    background-size: contain;
	margin: auto;
}
#blueboard{
	width: 100%;
    max-width: 1080px;
    height: auto;
    min-height: 31vw;
    margin-bottom: 35px;
    background-size: contain;
	margin: auto;
}
.textobonecos{
	font-family: gotham-bold;
	text-transform: uppercase;
	font-size: 16px;
	color: #0066cd; 
	margin-top: 50px;
	margin-bottom:8px;
	line-height: 36px;
}
#barraazul{
	width: 100%;
    max-width: 1080px;
    height: auto;
    min-height: 120px;
    margin-bottom: 35px;
	background-image: url("../images/barra.jpg");
    background-size: cover;
	margin: auto;
	position: relative;
}
#claim {
    width: 36%;
    height: auto;
    margin: auto;
    background: url(../images/claim.png) no-repeat;
	background-size: contain;
    position: absolute;
    top: 14px;
    bottom: 0;
	left: 10px;
}
#tabela-contactos{
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	width: 170px;
	margin-bottom: 4%;
	max-width: 1080px;
	margin: auto;
}
#logo {
    width: 21%;
    height: auto;
    margin: auto;
    background: url(../images/logo-pf.png) center right no-repeat;
	background-size: contain;
    position: absolute;
    top: 0;
    bottom: 0;
	right: 28px;
}
#botaoquestionario{
	opacity: 1;
}
#botaoquestionario:hover{
	opacity: 0.5;
}
.botaocarinhas{
	opacity: 1;
}
.botaocarinhas:hover{
	opacity: 0.5;
}
@media(max-width:1079px){
	#header{
		width: 100%;
		height: auto;
		min-height: 50vw;
		position: absolute;
		left: 0;
		right: 0;
		margin: auto;
		margin-bottom: 35px;
		background: url(../images/header.jpg) center no-repeat;
		z-index: 100;
		background-size: contain;
	}
	#headertext {
		top: 50vw;
		width: inherit;
	}
	.main-title{
		font-family: gotham-black;
		text-transform: uppercase;
		color: #0066cd; 
		margin-bottom:-8px;
		font-size: 3.4vh;
		line-height: 4vh;
	}
	.main-text{
		font-family: gothamnarrow-book;
		font-size: 2.5vh;
    	line-height: 4vh;
	}
	.main-text-bold{
		font-family: gothamnarrow-bold;
		font-size: 2.5vh;
    	line-height: 4vh;
	}
	#table0{
		width: 100%;
		padding: 5% 5% 5%;
		margin-bottom: 0%;
	}
	#table1, #table2, #table3, #table4{
		width: 100%;
		margin-bottom: 5%;
		padding: 0 5% 10%;
	}
	#table3{
		width: 100%;
		margin-bottom: 0%;
		padding: 0 5% 10%;
	}
	#table5{
		width: 100%;
		/* margin-bottom: 5%; */
		padding: 0 5% 10%;
	}
	#table7{
		width: 100%;
		/* margin-bottom: 5%; */
		padding: 7% 10% 10%;
		font-size: 1.5vh;
		line-height: 2vh;
	}
	.table7title{
		font-size: 1.5vh;
		line-height: 2vh;
	}
	
	#table0 td {
		display: table-row;
		padding: 10px;
	} 
	
	#table1 td {
		display: table-row;
		padding: 20px;
	} 
	#table2 td {
		display: table-footer-group;
		padding: 20px;
		text-align: left!important;
	} 
	#table3 td {
		display: table-row;
		padding: 20px;
	} 
	#table4 td {
		display: table-row;
		padding: 20px;
	}
	#table5 td {
		display: table-footer-group;
		padding: 20px;
		text-align: left!important;
	} 
}
@media(max-width:790px){
	#header{
		width: 100%;
		height: auto;
		min-height: 50vw;
		position: absolute;
		left: 0;
		right: 0;
		margin: auto;
		margin-bottom: 35px;
		background: url(../images/header.jpg) center no-repeat;
		z-index: 100;
		background-size: contain;
	}
	#headertext {
		top: 50vw;
		width: inherit;
	}
	.main-title{
		font-family: gotham-black;
		text-transform: uppercase;
		font-size: 33px;
		color: #0066cd; 
		margin-bottom:-8px;
		line-height: 36px;
	}
	.main-text{
		font-family: gothamnarrow-book;
		font-size: 18px;
		line-height: 22px;
	}
	.main-text-bold{
		font-family: gothamnarrow-bold;
		font-size: 18px;
		line-height: 22px;
	}
	#table0{
		width: 100%;
		margin-bottom: 0%;
		padding: 5% 10%;
	}
	#table1, #table2, #table3, #table4{
		width: 100%;
		margin-bottom: 5%;
		padding: 10%;
	}
	#table3{
		width: 100%;
		margin-bottom: 0%;
		padding: 10%;
	}
	#table5{
		width: 100%;
		/* margin-bottom: 5%; */
		padding: 0% 10% 10% 10%;
	}
	#table6{
		margin-bottom: 8%;
	}
	#table7{
		width: 100%;
		padding: 10% 10% 10% 10%;
	}
	#table1 td {
		display: table-row;
		padding: 16%;
	} 
	#table2 td {
		display: table-footer-group;
		padding: 16%;
		text-align: left!important;
	} 
	#table3 td {
		display: table-row;
		padding: 16%;
	} 
	#table4 td {
		display: table-row;
		padding: 16%;
	}
	#table5 td {
		display: table-footer-group;
		padding: 16%;
		text-align: left!important;
	} 
	.textobonecos {
		font-family: gotham-bold;
		text-transform: uppercase;
		font-size: 16px;
		color: #0066cd;
		margin-top: 35px;
		margin-bottom: 8px;
		line-height: 36px;
	}
	#barraazul {
		width: 100%;
		max-width: 1080px;
		height: auto;
		min-height: 200px;
		margin-bottom: 35px;
		background-image: url(../images/barra.jpg);
		background-size: cover;
		margin: auto;
		position: relative;
	}
	#claim {
		width: 55%;
		height: 35%;
		margin: auto;
		background: url(../images/claim.png) no-repeat;
		background-size: contain;
		position: absolute;
		top: 27%;
		bottom: 0;
		left: 15px;
	}
	#tabela-contactos {
		position: absolute;
		left: 0;
		right: 0;
		width: 170px;
		margin-bottom: 4%;
		max-width: 1080px;
		margin: auto;
		bottom: inherit;
		top: 18%;
	}
	#logo {
		width: 31%;
		height: auto;
		margin: auto;
		background: url(../images/logo-pf.png) center right no-repeat;
		background-size: contain;
		position: absolute;
		top: 20%;
		bottom: 0;
		right: 15px;
	}
}
@font-face {
  font-family: gotham-black;
  src: url(../link/Gotham-Black.otf);
}
@font-face {
  font-family: gotham-book;
  src: url(../link/Gotham-Book.otf);
}
@font-face {
  font-family: gotham-light;
  src: url(../link/Gotham-Light.otf);
}
@font-face {
  font-family: gotham-bold;
  src: url("../link/Gotham-Bold.otf");
}
@font-face {
  font-family: gothamnarrow-bold;
  src: url("../link/GothamNarrow-Bold.otf");
}
@font-face {
  font-family: gothamnarrow-book;
  src: url("../link/GothamNarrow-Book.otf");
}