@charset "utf-8";

/* Reset */

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}



article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
	display: block;
}
body {
	line-height: 1;
}
ul, li.bullet-recolha {
  list-style-position: outside;
	margin-left: 20px
}

ul.bullet-sem-recolha {
  list-style-position: inside;
}


blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after, q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
body {
	-webkit-text-size-adjust: none;
	
}

img {
	max-width:100%;
	height:auto;
	
	}
a {
	
	color: #00536C;
	text-decoration: none;
	padding: 0 3px;
	font-weight: 600;

}



small {
	
	color: #666666;
	text-decoration: none;
	text-align:left;
	font-family: Gotham, "Helvetica Neue", Helvetica, Arial, "sans-serif";
	line-height: 16px;
	font-size: 10px;

}


a:hover {
	background-color: #00536c;
	color: #FFFFFF
}


::-webkit-scrollbar {
    width: 0px;
}

/* Cabeça */

#cabeca {
	color: #ffffff;
	-moz-align-items: center;
	-webkit-align-items: center;
	-ms-align-items: center;
	align-items: top;
	display: -moz-flex;
	display: -webkit-flex;
	display: -ms-flex;
	display: flex;
	-moz-flex-direction: column;
	-webkit-flex-direction: column;
	-ms-flex-direction: column;
	flex-direction: column;
	-moz-justify-content: -moz-flex-end;
	-webkit-justify-content: -webkit-flex-end;
	-ms-justify-content: -ms-flex-end;
	justify-content: flex-end;
	-moz-pointer-events: none;
	-webkit-pointer-events: none;
	-ms-pointer-events: none;
	pointer-events: none;
	-moz-user-select: none;
	-webkit-user-select: none;
	-ms-user-select: none;
	user-select: none;
	height: 20rem;
	padding-bottom: 8rem;
	position: relative;
	text-align: center;
	z-index: 2;
	margin-top: -150px
}

#cabeca hr {
	border-bottom-color: #ffffff;
}
#cabeca .logo {
	-moz-transition: border-color 0.2s ease-in-out, color 0.2s ease-in-out, opacity 0.5s ease, -moz-transform 0.5s ease, visibility 0.5s;
	-webkit-transition: border-color 0.2s ease-in-out, color 0.2s ease-in-out, opacity 0.5s ease, -webkit-transform 0.5s ease, visibility 0.5s;
	-ms-transition: border-color 0.2s ease-in-out, color 0.2s ease-in-out, opacity 0.5s ease, -ms-transform 0.5s ease, visibility 0.5s;
	transition: border-color 0.2s ease-in-out, color 0.2s ease-in-out, opacity 0.5s ease, transform 0.5s ease, visibility 0.5s;
	-moz-pointer-events: auto;
	-webkit-pointer-events: auto;
	-ms-pointer-events: auto;
	pointer-events: auto;
	border-style: solid;
	border-color: #ffffff;
	border-width: 5px !important;
	font-family: 'Open Sans', sans-serif;
	font-size: 2.25rem;
	font-weight: 900;
	letter-spacing: 0.075em;
	line-height: 1;
	padding: 0.4rem 0.4rem 0.4rem 0.4rem;
	text-transform: uppercase;
	visibility: visible;
	width: 300px;
	margin: 0 auto;
	
}
#cabeca .logo:hover {
	border-color: #00536C !important;
	color:#00536C !important;

}


/* Fundo */
#fundo {
	
	z-index: -1;
	width: 100%;
	height: 100vh;
	top: 0px;
    overflow:hidden;
	
	}

#fotoFundo{
	background-repeat: no-repeat;
	background-image: url("../images/topo.jpg");
	background-position:  top, center, top center;
	background-attachment: scroll, scroll, scroll;
	
	
	
	}

#caixa-branca  {
	background-color: #ffffff;
	position: relative;
	margin: 0 auto;
	width: calc(100% - 4rem);
	max-width: 1100px;
	margin-top: -60px;
	z-index: 2;
	overflow:hidden;

}
#caixa-branca > * {
	padding: 4rem 4rem 2rem 4rem;
	margin: 0;
	    overflow:hidden;

}
#caixa-branca > *:first-child {
	border-top: 0;
}
#caixa-branca > footer {
	text-align: center;
}
#caixa-branca > .artigo {
	padding: 4rem 8rem 2rem 8rem;
}

#caixa-branca > .artigo artigo.texto > .date {
	margin-top: -2rem;
}


/*  PUBLICIDADE */

.publicidade {
	width:100%;
	max-width:1200px;
	margin:0 auto;
	height:auto;
	padding-top:0%;
	padding-bottom:2%;
	border-top:solid 1px #C9C9C9;
	border-bottom:solid 1px #C9C9C9;
	margin-bottom:70px;
	margin-top:80px;

	
}

.publicidade .img{
	margin-top:10px;
	margin-bottom:10px;
	}


.publicidade .pub{
		font-family: 'Montserrat', sans-serif;
		font-size: 12px;
		margin-top: -30px;
		padding-bottom:0px;
		width:100%;
		max-width:1200px;
}




/* texto */
#caixa-branca > .artigo artigo.texto > h1, h2, #caixa-branca > .artigo 
artigo.texto h1  {
	font-family: 'Russo One', sans-serif;
	font-size: 65px;
	line-height: 70px;
	margin: 0 0 2rem 0;
	text-align: center
}
artigo.texto h2 {
	font-family: 'Russo One', sans-serif;
	font-size: 16px;
	line-height: 20px;
	margin: 0 5rem 2rem 5rem;
	text-align: center;
	background-color: #00536C;
	padding: 1%;
	color: #FFFFFF;
	text-transform:uppercase;
}
artigo.texto h3 {
font-family: 'Montserrat', sans-serif;
	font-size: 18px;
	font-weight: 800;
	line-height: 24px;
	margin: 0 0 2rem 0;
	text-align: center;
	padding: 1%;
	color:#000000
}

artigo.texto p {
	font-family: 'Montserrat', sans-serif;
	font-size: 18px;
	font-weight: 500;
	line-height: 28px;
	margin: 0 0 2rem 0;
	text-align: left;
	color:#000000;
}

li {
	
	font-family: 'Montserrat', sans-serif;
	font-size: 18px;
	font-weight: 500;
	line-height: 28px;
	margin: 0 0 2rem 0;
	text-align: left;
	color:#000000;
	
	}


artigo.texto bold {
	font-family: 'Montserrat', sans-serif;
	font-size: 18px;
	font-weight: 800;
	line-height: 28px;
	margin: 0 0 2rem 0;
	text-align: left;
	color:#000000;
		
}


.alta {
	font-family: 'Russo One', sans-serif;
	font-size: 18px;
	font-weight: 900;
	line-height: 28px;
	margin: 0 0 2rem 0;
	text-align: left;
	color:#00536C;
		
}

artigo.texto italic {
	font-family: 'Montserrat', sans-serif;
	font-size: 18px;
	font-weight: 500;
	line-height: 28px;
	margin: 0 0 2rem 0;
	text-align: left;
	color:#000000;
    font-style: italic;
	
}

artigo.texto h4 {
	font-family: 'Russo One', sans-serif;
	font-size: 1.5rem;
	line-height: 1;
	margin-top: 20px;
	margin-bottom: 10px;
	text-align: lef;
	color:#000000
}
#caixa-branca > .artigo.featured {
	text-align: center;
	
}


.capitular:first-letter{
	text-transform:uppercase;
	font-size:132px;
	line-height:107px;
	float:left;
	padding-right: 20px;
	font-family: 'Russo One', sans-serif;
	color:#00536C

}

/* Caixa e destaque */
artigo.texto .caixa {
	margin: 0 0 2rem 0;
	text-align: center;
	background-color: #00536C;
	padding: 2%;
	color: #FFFFFF
}


artigo.texto .destaque {
	font-family: 'Russo One', sans-serif;
	font-size: 24px;
	line-height: 30px;
	margin: 2rem 0 2rem 2rem;
	text-align: center;
	background-color: #00536C;
	padding: 6%;
	color: #FFFFFf;
	width: 30%;
	float: right;
	margin-top: 5px

}



.destaque100 {
	font-family: 'Russo One', sans-serif;
	font-size: 34px;
	line-height: 44px;
	text-align: center;
	background-color: #ffffff;
	color: #00536C;
	width: auto;
	border-top: solid 2px #eeeeee;
	border-bottom: solid 2px #eeeeee ;
	margin: 0 auto;
}

artigo.texto .caixaTexto {
	font-family: 'Russo One', sans-serif;
	font-size: 26px;
	line-height: 30px;
	margin: 2rem 0 2rem 2rem;
	text-align: center;
	background-color:#00536C;
	padding: 6%;
	color: #FFFFFf;
	width: 30%;
	float: right;
	margin-top: 5px;

}

artigo.texto .caixaTexto-p {
	font-family: 'Montserrat', sans-serif;
	font-size: 18px;
	line-height: 28px;
	margin: 0rem;
	text-align: center;
	padding: 0%;
	color: #FFFFFf;
	width: 100%;
	float: right;
	margin-top: 5px

}

artigo.texto .caixa100 {
	font-family: 'Russo One', sans-serif;
	font-size: 26px;
	line-height: 30px;
	text-align: center;
	background-color:#F3F3F3;
	padding: 5%;
	color: #000000;
	width: 90%;
	margin-top: 40px;
	margin-bottom: 40px;

}


artigo.texto .caixa100-p {
	font-family: 'Montserrat', sans-serif;
	font-size: 18px;
	font-weight: 500;
	line-height: 28px;
	margin: 0;
	text-align: center;
	color:#000000;
	width: 90%;
	padding-top:1%;
	padding-left:5%;
	padding-right:5%;
	padding-bottom:3%;
}


/* Contactos */

artigo.texto .contactos {
	margin: 0 auto;
	text-align: left;
	width:30%;
	margin-top: 10px;
	padding: 5%!important;
	font-weight:900;
	font-family: 'Montserrat', sans-serif;
	opacity: 0.8;
    filter: alpha(opacity=50); /* For IE8 and earlier */
	font-size: 16px;
	color: #000000!important;
	background-color:#F3F3F3;
	border-top: 8px solid #00536C;
}


artigo.texto .contactos-p {
	margin: 0rem 0 0rem 0rem;
	text-align: left;
	width: 100%;
	margin-top: 5px;
	padding-top: 0px!important;
	padding-bottom: 0px!important;
	font-family: 'Montserrat', sans-serif;
	opacity: 0.8;
    filter: alpha(opacity=50); /* For IE8 and earlier */
	font-size: 14px;
	line-height:20px;
	color: #000000!important;
	font-weight:700
	
}


/* Fotos */

artigo.texto .fotolado {
	margin: 2rem 0 2rem 2rem;
	text-align: center;
	width: 35%;
	float: right;
	margin-top: 5px;
	padding-top: 10px!important;
	padding-bottom: 10px!important;
}


artigo.texto .fotolado-legendaNome {
	margin: 0rem 2rem 0rem 0rem;
	text-align: center;
	width: 96%;
	margin-top: -4px;
	padding-top: 6%!important;
	padding-left:2%;
	padding-right:2%;
	padding-bottom: 2%!important;
	font-family: 'Russo One', sans-serif;
	opacity: 0.8;
    filter: alpha(opacity=50); /* For IE8 and earlier */
	font-size: 16px;
	color: #fff!important;
	background-color: #00536C!important
}

artigo.texto .fotolado-legendaProfissao {
	margin: 0rem 0 0rem 0rem;
	text-align: center;
	width: 90%;
	margin-top: 0px;
	padding-top: 0px!important;
	padding-left:5%;
	padding-right:5%;
	padding-bottom: 6%!important;
	font-family: 'Montserrat', sans-serif;
	opacity: 0.8;
    filter: alpha(opacity=50); /* For IE8 and earlier */
	font-size: 14px;
	color: #fff!important;
	background-color: #00536C!important
}

artigo.texto .foto {
	text-align: center;
	width: 100%;
	height: auto;
	margin-top: 5px;
	margin-bottom: 40px;
}


/* Voltar indice e topo  */


.voltar-seta {
	margin: -40px auto 20px auto;
	width: 160px;
	opacity: 0.7;
	padding-left: 0px;
	font-size: 27px;
	text-align: center;
	border-top: solid #00536C 0px;
	height: 57px;
}
.voltar-seta-p {
	font-family: 'Montserrat', sans-serif;
	font-size: 12px;
	text-align: center;
	margin: 4 auto;
	text-transform: uppercase;
	padding: 5px;
	background-color: #E9E3E4;
	color: #FFFFFF;
}

.footer {
	margin: -40px auto 80px auto;
	width: 60px;
	opacity: 0.7;
	padding-left: 0px;
	font-size: 27px;
	text-align: center;
	border-top: solid #00536C 0px;
	border-bottom: solid #00536C 2px;
	height: 57px;
}
.footer-seta-p {
	font-family: 'Montserrat', sans-serif;
	font-size: 12px;
	text-align: center;
	margin: 4 auto;
	text-transform: uppercase;
	padding: 5px;
	background-color: #E9E3E4;
	color: #FFFFFF;
}

/* Ficha técnica */

.ficha {
	border: solid 2px;
		border-color: #eeeeee;
			background-color:#F0F0F0;
		padding:50px;

	
	}

.ficha p {
		
		font-family: 'Montserrat', sans-serif;
		font-size:14px;
		line-height:20px;
		
	}
.ficha h1 {
		font-family: 'Montserrat', sans-serif;
		font-size:28px;
		font-weight:800;
		width:100%;
		text-align:center;
		margin-bottom:10px
	}	

.ficha strong{
	font-family: 'Montserrat', sans-serif;
		font-size:14px;
		line-height:20px;
		font-weight:800
	
	
	}

/* Breakpoints*/


@media (min-width:768px) and (max-width:1024px){

artigo.texto .contactos {
	margin: 0rem 0rem 2rem 2rem;
	text-align: center;
	width:90%;
	margin-top: 10px;
	padding: 5%!important;
	font-weight:900;
	font-family: 'Montserrat', sans-serif;
	opacity: 0.8;
    filter: alpha(opacity=50); /* For IE8 and earlier */
	font-size: 16px;
	color: #000000!important;
	background-color:#F3F3F3;
	border-top: 8px solid #00536C;
	float:right;
}

artigo.texto .contactos-p {
	margin: 0rem 0 0rem 0rem;
	text-align: center;
	width: 100%;
	margin-top: 5px;
	padding-top: 0px!important;
	padding-bottom: 0px!important;
	font-family: 'Montserrat', sans-serif;
	opacity: 0.8;
    filter: alpha(opacity=50); /* For IE8 and earlier */
	font-size: 14px;
	line-height:20px;
	color: #000000!important;
	font-weight:700
	
}

#caixa-branca > .artigo {
	padding: 4rem 6rem 4rem 6rem;
}

.capitular:first-letter{
	text-transform:uppercase;
	font-size:90px;
	line-height:80px;
	float:left;
	padding-right: 10px;
	font-family: 'Russo One', sans-serif;
	color:#00536C

}	

artigo.texto h2 {
	font-family: 'Russo One', sans-serif;
	font-size: 16px;
	line-height: 16px;
	margin: 0 0 20px 0px;
	text-align: center;
	background-color: #00536C;
	padding: 1%;
	color: #FFFFFF;
	width:98%;
}

#caixa-branca > .artigo artigo.texto > h1, h2, #caixa-branca > .artigo 
artigo.texto h1  {
	font-family: 'Russo One', sans-serif;
	font-size: 50px;
	line-height: 50px;
	margin: 0 0 2rem 0;
	text-align: center
}

artigo.texto h3 {
font-family: 'Montserrat', sans-serif;
	line-height: 20px;
	margin: 0 0 2rem 0;
	text-align: center;
	padding: 1%;
	color:#000000
}




}

@media (min-width:480px) and (max-width:768px){
	
	artigo.texto .contactos {
	margin: 0rem 0rem 2rem 2rem;
	text-align: center;
	width:90%;
	margin-top: 10px;
	padding: 5%!important;
	font-weight:900;
	font-family: 'Montserrat', sans-serif;
	opacity: 0.8;
    filter: alpha(opacity=50); /* For IE8 and earlier */
	font-size: 16px;
	color: #000000!important;
	background-color:#F3F3F3;
	border-top: 8px solid #00536C;
	float:right;
}

artigo.texto .contactos-p {
	margin: 0 auto;
	text-align: center;
	width: 100%;
	margin-top: 5px;
	padding-top: 0px!important;
	padding-bottom: 0px!important;
	font-family: 'Montserrat', sans-serif;
	opacity: 0.8;
    filter: alpha(opacity=50); /* For IE8 and earlier */
	font-size: 14px;
	line-height:20px;
	color: #000000!important;
	font-weight:700
	
}


#caixa-branca > .artigo {
	padding: 4rem 4rem 2rem 4rem;
}

.capitular:first-letter{
	text-transform:uppercase;
	font-size:90px;
	line-height:80px;
	float:left;
	padding-right: 10px;
	font-family: 'Russo One', sans-serif;
	color:#00536C

}	

artigo.texto h2 {
	font-family: 'Russo One', sans-serif;
	font-size: 16px;
	line-height: 16px;
	margin: 0 0 20px 0px;
	text-align: center;
	background-color: #00536C;
	padding: 1%;
	color: #FFFFFF;
	width:98%;
	margin-top:-20px
}

#caixa-branca > .artigo artigo.texto > h1, h2, #caixa-branca > .artigo 
artigo.texto h1  {
	font-family: 'Russo One', sans-serif;
	font-size: 40px;
	line-height: 40px;
	margin: 0 0 2rem 0;
	text-align: center
}

artigo.texto h3 {
font-family: 'Montserrat', sans-serif;
	font-size: 16px;
	font-weight: 800;
	line-height: 20px;
	margin: 0 0 2rem 0;
	text-align: center;
	padding: 1%;
	color:#000000
}
	
	artigo.texto .destaque {
	font-family: 'Russo One', sans-serif;
	font-size: 24px;
	line-height: 30px;
	margin: 2rem 0 2rem 2rem;
	text-align: center;
	background-color: #00536C;
	padding: 6%;
	color: #FFFFFf;
	width: 88%;
	margin-top: 5px

}

artigo.texto .caixaTexto {
	font-family: 'Russo One', sans-serif;
	font-size: 26px;
	line-height: 30px;
	margin: 2rem 0 2rem 2rem;
	text-align: center;
	background-color:#00536C;
	padding: 6%;
	color: #FFFFFf;
	width: 88%;
	margin-top: 5px;

}

artigo.texto .fotolado {
	margin: 2rem 0 2rem 2rem;
	text-align: center;
	width: 35%;
	float: right;
	margin-top: 5px;
	padding-top: 10px!important;
	padding-bottom: 10px!important;
}

artigo.texto .fotolado {
	margin: 2rem 0 2rem 2rem;
	text-align: center;
	width: 90%;
	margin-top: 5px;
	margin-left: 5%;
	margin-right: 5%;
	padding-top: 10px!important;
	padding-bottom: 10px!important;
}

}


@media (max-width:480px){
	
#cabeca .logo {
	-moz-transition: border-color 0.2s ease-in-out, color 0.2s ease-in-out, opacity 0.5s ease, -moz-transform 0.5s ease, visibility 0.5s;
	-webkit-transition: border-color 0.2s ease-in-out, color 0.2s ease-in-out, opacity 0.5s ease, -webkit-transform 0.5s ease, visibility 0.5s;
	-ms-transition: border-color 0.2s ease-in-out, color 0.2s ease-in-out, opacity 0.5s ease, -ms-transform 0.5s ease, visibility 0.5s;
	transition: border-color 0.2s ease-in-out, color 0.2s ease-in-out, opacity 0.5s ease, transform 0.5s ease, visibility 0.5s;
	-moz-pointer-events: auto;
	-webkit-pointer-events: auto;
	-ms-pointer-events: auto;
	pointer-events: auto;
	border-style: solid;
	border-color: #ffffff;
	border-width: 5px !important;
	font-family: 'Open Sans', sans-serif;
	font-weight: 900;
	letter-spacing: 0.075em;
	line-height: 1;
	text-transform: uppercase;
	visibility: visible;
	width:80%;
	
}
	
#caixa-branca  {
	background-color: #ffffff;
	position: relative;
	margin: 0 auto;
	width: 100%;
	margin-top: -80px;
	padding-top:40px;
	z-index: 2;
}

#caixa-branca > *:first-child {
	border-top: 0;
}

#caixa-branca > .artigo {
	width:90%;
	padding:5%;
}

#caixa-branca > .artigo artigo.texto > .date {
	margin-top: -2rem;
}
	
	
	
artigo.texto .fotolado {
	margin: 0rem 0 2rem 2rem;
	text-align: center;
	width: 100%;
	margin-top: 5px;
	padding-top: 10px;
	padding-bottom: 10px;
}
	
	
	
artigo.texto .contactos {
	margin: 0rem 0rem 2rem 2rem;
	text-align: center;
	width:90%;
	margin-top: 10px;
	padding: 5%!important;
	font-weight:900;
	font-family: 'Montserrat', sans-serif;
	opacity: 0.8;
    filter: alpha(opacity=50); /* For IE8 and earlier */
	font-size: 16px;
	color: #000000!important;
	background-color:#F3F3F3;
	border-top: 8px solid #00536C;
	float:right;
}

artigo.texto .contactos-p {
	margin: 0rem 0 0rem 0rem;
	text-align: center;
	width: 100%;
	margin-top: 5px;
	padding-top: 0px!important;
	padding-bottom: 0px!important;
	font-family: 'Montserrat', sans-serif;
	opacity: 0.8;
    filter: alpha(opacity=50); /* For IE8 and earlier */
	font-size: 14px;
	line-height:20px;
	color: #000000!important;
	font-weight:700
	
}





.capitular:first-letter{
	text-transform:uppercase;
	font-size:90px;
	line-height:80px;
	float:left;
	padding-right: 10px;
	font-family: 'Russo One', sans-serif;
	color:#00536C

}	

artigo.texto h2 {
	font-family: 'Russo One', sans-serif;
	font-size: 14px;
	line-height: 16px;
	margin: 0 0 20px 0px;
	text-align: center;
	background-color: #00536C;
	padding: 5%;
	color: #FFFFFF;
	width:90%;
	margin-top:-20px
}

#caixa-branca > .artigo artigo.texto > h1, h2, #caixa-branca > .artigo 
artigo.texto h1  {
	font-family: 'Russo One', sans-serif;
	font-size: 40px;
	line-height: 40px;
	margin: 0 0 2rem 0;
	text-align: center
}

artigo.texto h3 {
font-family: 'Montserrat', sans-serif;
	font-size: 16px;
	font-weight: 800;
	line-height: 20px;
	margin: 0 0 2rem 0;
	text-align: center;
	padding: 1%;
	color:#000000
}
	
	artigo.texto .destaque {
	font-family: 'Russo One', sans-serif;
	font-size: 24px;
	line-height: 30px;
	margin: 2rem 0 2rem 2rem;
	text-align: center;
	background-color: #00536C;
	padding: 6%;
	color: #FFFFFf;
	width: 88%;
	margin-top: 5px

}

	artigo.texto .caixaTexto {
	font-family: 'Russo One', sans-serif;
	font-size: 26px;
	line-height: 30px;
	margin: 2rem 0 2rem 2rem;
	text-align: center;
	background-color:#00536C;
	padding: 6%;
	color: #FFFFFf;
	width: 88%;
	margin-top: 5px;

}
	
	
	.destaque100 {
	font-family: 'Russo One', sans-serif;
	font-size: 24px;
	line-height: 30px;
	text-align: center;
	background-color: #ffffff;
	color: #00536C;
	width: auto;
	
}

	.ficha p {
	width:94%;
	border: solid 2px;
	border-color: #eeeeee;
	background-color:#F0F0F0;
	}


	
}