@CHARSET "UTF-8";

html{
	height: 100%;
	min-height: 100%;
}

body {
	font-family: 'PT Sans', sans-serif;
	font-size: 14px;
	text-align: center;
	margin-left:auto;
	margin-right: auto;
	width: 100%;
	margin-top:0;
	margin-bottom:0;
	height: 100%;
}

#textoCentral{
	text-align: justify;
	width:95%;
	margin-left:auto;
	margin-right:auto;
	line-height: 20px;
}

#anuncios{
	width:40%;
	margin-top:30px;
	margin-bottom:10px;
	float:left;
	margin-left:30%;
}

img{
	border: none;
	-ms-interpolation-mode: bicubic;
}

header{
	margin-left: auto;
	margin-right: auto;
	width:50%;
	height: 150px;
	/*border-bottom: 3px solid #C0C0C0;*/
}

footer{
	color: #EBECEC;
    width: 100%;
  	/*width:1024px;*/
    background-color: #3B3B3B;
    position: relative;
	margin-top: -350px; /* negative value of footer height */
	height: 350px;
	clear:both;
	margin-left:auto;
	margin-right:auto;
	
	border-top: 3px solid #BDA042;
	font-family: Tahoma, Geneva, sans-serif;
}

footer a{
	color: #FFFFFF;
	text-decoration: none;
} 

#menu{
	float:left;
	width: 100%;
	margin-left:0%;
	background: rgb(102,102,51); /* Old browsers */
	/* IE9 SVG, needs conditional override of 'filter' to 'none' */
	background: -moz-linear-gradient(left,  rgba(102,102,51,1) 0%, rgba(204,153,51,1) 50%, rgba(102,102,51,1) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(102,102,51,1)), color-stop(50%,rgba(204,153,51,1)), color-stop(100%,rgba(102,102,51,1))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(left,  rgba(102,102,51,1) 0%,rgba(204,153,51,1) 50%,rgba(102,102,51,1) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(left,  rgba(102,102,51,1) 0%,rgba(204,153,51,1) 50%,rgba(102,102,51,1) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(left,  rgba(102,102,51,1) 0%,rgba(204,153,51,1) 50%,rgba(102,102,51,1) 100%); /* IE10+ */
	background: linear-gradient(to right,  rgba(102,102,51,1) 0%,rgba(204,153,51,1) 50%,rgba(102,102,51,1) 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#666633', endColorstr='#666633',GradientType=1 ); /* IE6-8 */
}

#menuBackoffice{
	float:right;
	width: 50%;
	margin-left:25%;	
}

.linha{
	height:1px;
	background:#FFFFFF;
	border-bottom:1px dotted #D7B56D;	
}

.titulo{
	margin-top:75px;
	margin-bottom:75px;
	float:left;
	width: 350px;
	margin-left:41%;
	text-align: center;
	color: #333333;
	font-weight: bold;
	font-size: 18px;
	line-height:50px;
	
	background: rgb(102,102,51); /* Old browsers */
/* IE9 SVG, needs conditional override of 'filter' to 'none' */
background: -moz-linear-gradient(left,  rgba(102,102,51,1) 0%, rgba(204,153,51,1) 50%, rgba(102,102,51,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(102,102,51,1)), color-stop(50%,rgba(204,153,51,1)), color-stop(100%,rgba(102,102,51,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(left,  rgba(102,102,51,1) 0%,rgba(204,153,51,1) 50%,rgba(102,102,51,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(left,  rgba(102,102,51,1) 0%,rgba(204,153,51,1) 50%,rgba(102,102,51,1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(left,  rgba(102,102,51,1) 0%,rgba(204,153,51,1) 50%,rgba(102,102,51,1) 100%); /* IE10+ */
background: linear-gradient(to right,  rgba(102,102,51,1) 0%,rgba(204,153,51,1) 50%,rgba(102,102,51,1) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#666633', endColorstr='#666633',GradientType=1 ); /* IE6-8 */
	
}

#pagination{
	float:left;
	margin-left:25%;
	width:50%;
	text-align: center;
	color: #333333;
}

.tituloPag{
	color: #666633;
}

.condicoesPag{
	border:2px solid #666633;
	margin-left:5px;
	font-weight: bold;
	cursor: pointer;
}

#bannerFooter{
	float:left;
	width: 100%;
	margin-left:0%;
	font-size: 20px;
	height:50px;
	background-color: #3B3B3B;
}

#comunicado{
	float:left;
	width: 100%;
	margin-left:0%;
	font-size: 20px;
	height:50px;
	text-align: center!important;
}

#wrap {
	/*font-family: 'Varela Round', sans-serif;*/
	width: 100%;
	margin-left: auto;
	margin-right: auto;
	min-height: 100%;
	}
	
#wrapBackoffice {
	font-family: 'Varela Round', sans-serif;
	width: 1024px;
	margin-left: auto;
	margin-right: auto;
	min-height: 100%;
	}

#conteudo{
	float:left;
	/*font-family: 'Varela Round', sans-serif;*/
	text-align: justify;
	margin-left: auto;
	margin-right: auto;
	width:100%;
	background: #FFFFFF;
	overflow:auto;
	padding-bottom: 80px;  /* must be same height as the footer */
	/*border-top: 3px solid #808093;*/
}

#listagemNoticias{
	/*font-family: 'Varela Round', sans-serif;*/
	text-align: justify;
	margin-left: auto;
	margin-right: auto;
	width:100%;
	background: #FFFFFF;
	overflow:auto;
	/*border-top:  3px solid #808093;*/
	padding-bottom: 350px;  /* must be same height as the footer */
}

#slider{
	width:100%;
	margin-left:0%;
	/*margin-top: 5px;*/
	float:left;
	/*border-bottom: 3px solid #808093;*/
	/*border-top: 3px solid #808093;*/
	position:relative;
}

#titulonoticasnovas{
	font-size:26px;
	color:#1D5B7F;
	width: 98%;
	float:left;
	margin-top:10px;
	text-align: left;
	margin-left:0%;
}

.unoticia{
	/*font-family: 'Varela Round', sans-serif;*/
	text-align: center;
	margin-top:10px;
	width: 220px;
	height: 180px;
	margin-left: 15px;
	float:left;
	border:4px solid #1D5B7F;
	border-radius:5px;
	padding: 5px;
	
	-webkit-box-shadow: 0 10px 6px -6px #808093;
	   -moz-box-shadow: 0 10px 6px -6px #808093;
	        box-shadow: 0 10px 6px -6px #808093;
}

.noticia{
	/*font-family: 'Varela Round', sans-serif;*/
	text-align: justify;
	margin-top:10px;
	margin-left: 0px;
	float:left;
	margin-bottom: 5px;
}

.servicos{
	/*font-family: 'Varela Round', sans-serif;*/
	text-align: center;
	color:#0595c7;
	margin-top:10px;
	width: 216px;
	margin-left: 32px;
	float:left;
	
	-webkit-box-shadow: 0 10px 6px -6px #808093;
	   -moz-box-shadow: 0 10px 6px -6px #808093;
	        box-shadow: 0 10px 6px -6px #808093;

}

.servicos:Hover{
	cursor: pointer;
	color:#FFFFFF;
}

.vantagens{
	/*font-family: 'Varela Round', sans-serif;*/
	text-align: center;
	color:#0595c7;
	margin-top:10px;
	width: 250px;
	margin-left: 70px;
	float:left;
	
	-webkit-box-shadow: 0 10px 6px -6px #808093;
	   -moz-box-shadow: 0 10px 6px -6px #808093;
	        box-shadow: 0 10px 6px -6px #808093;

}

.vantagens:Hover{
	cursor: pointer;
	color:#FFFFFF;
}


.servicotexto{
	margin-top:30px;
	width: 100%;
	float:left;
}

@media only screen and (max-width: 600px) {
  
    #conteudo img{
		width: 100%
	  }
  
}

.menubt{
	font-size:17px;
	font-weight:bold;
	background: none;
	color: #FFFFFF;
	border: none;
	width: 25%;
	height: 50px;
	float:left;
}
.menubt:Hover{
	color: #333333;
	cursor: pointer;
}

.rssbt{
	font-family: 'Varela Round', sans-serif;
	font-size:15px;
	background-color: #1D5B7F;
	color: #FFFFFF;
	border: none;
	width: 20%;
	height: 50px;
	float:left;
}
.rssbt:Hover{
	border: 3px solid #1D5B7F;
	background-color: #FFFFFF;
	color: #1D5B7F;
	cursor: pointer;
}

.redondosbt{
	font-family: 'Varela Round', sans-serif;
	font-size:15px;
	
	background: rgb(102,102,51); /* Old browsers */
/* IE9 SVG, needs conditional override of 'filter' to 'none' */
background: -moz-linear-gradient(left,  rgba(102,102,51,1) 0%, rgba(204,153,51,1) 50%, rgba(102,102,51,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(102,102,51,1)), color-stop(50%,rgba(204,153,51,1)), color-stop(100%,rgba(102,102,51,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(left,  rgba(102,102,51,1) 0%,rgba(204,153,51,1) 50%,rgba(102,102,51,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(left,  rgba(102,102,51,1) 0%,rgba(204,153,51,1) 50%,rgba(102,102,51,1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(left,  rgba(102,102,51,1) 0%,rgba(204,153,51,1) 50%,rgba(102,102,51,1) 100%); /* IE10+ */
background: linear-gradient(to right,  rgba(102,102,51,1) 0%,rgba(204,153,51,1) 50%,rgba(102,102,51,1) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#666633', endColorstr='#666633',GradientType=1 ); /* IE6-8 */

	color: #FFFFFF;
	border: none;
	width: 20%;
	height: 40px;
	border-radius: 15px;
}
.redondosbt:Hover{
	background-color: #808093;
	cursor: pointer;
}

#mapa{
	float:left;
	width: 50%;
	margin-left:25%;
	height: 300px;
	/*border:3px solid #1D5B7F;*/
}

#formContato{
	float:left;
	width:50%;
	margin-left:25%;
	margin-top:30px;
}

#formContato input[type=text]{
background: rgb(232,232,232); /* Old browsers */
/* IE9 SVG, needs conditional override of 'filter' to 'none' */
background: -moz-linear-gradient(left,  rgba(232,232,232,1) 0%, rgba(244,244,244,1) 50%, rgba(224,224,224,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(232,232,232,1)), color-stop(50%,rgba(244,244,244,1)), color-stop(100%,rgba(224,224,224,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(left,  rgba(232,232,232,1) 0%,rgba(244,244,244,1) 50%,rgba(224,224,224,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(left,  rgba(232,232,232,1) 0%,rgba(244,244,244,1) 50%,rgba(224,224,224,1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(left,  rgba(232,232,232,1) 0%,rgba(244,244,244,1) 50%,rgba(224,224,224,1) 100%); /* IE10+ */
background: linear-gradient(to right,  rgba(232,232,232,1) 0%,rgba(244,244,244,1) 50%,rgba(224,224,224,1) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e8e8e8', endColorstr='#e0e0e0',GradientType=1 ); /* IE6-8 */

border:none;

	font-family: 'Varela Round', sans-serif;
	font-size: 14px;

}

#formContato textarea{
background: rgb(232,232,232); /* Old browsers */
/* IE9 SVG, needs conditional override of 'filter' to 'none' */
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2U4ZThlOCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUwJSIgc3RvcC1jb2xvcj0iI2Y0ZjRmNCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNlMGUwZTAiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(left,  rgba(232,232,232,1) 0%, rgba(244,244,244,1) 50%, rgba(224,224,224,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(232,232,232,1)), color-stop(50%,rgba(244,244,244,1)), color-stop(100%,rgba(224,224,224,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(left,  rgba(232,232,232,1) 0%,rgba(244,244,244,1) 50%,rgba(224,224,224,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(left,  rgba(232,232,232,1) 0%,rgba(244,244,244,1) 50%,rgba(224,224,224,1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(left,  rgba(232,232,232,1) 0%,rgba(244,244,244,1) 50%,rgba(224,224,224,1) 100%); /* IE10+ */
background: linear-gradient(to right,  rgba(232,232,232,1) 0%,rgba(244,244,244,1) 50%,rgba(224,224,224,1) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e8e8e8', endColorstr='#e0e0e0',GradientType=1 ); /* IE6-8 */

border:none;

	font-family: 'Varela Round', sans-serif;
	font-size: 14px;
}

#footerEsquerda{
	float:left;
	margin-left:21%;
	width:20%;
	text-align: justify;
	margin-top:20px;
}

#footerCentro{
	float:left;
	margin-left:5%;
	width:15%;
	text-align: justify;
	margin-top:20px;
}

#footerDireita{
	float:left;
	margin-left:5%;
	width:15%;
	text-align: justify;
	margin-top:20px;
}

#opgDiv{
	float: left;
	display:none;
}

#conteudoTexto{
	float:left;
	width:50%;
	margin-left:25%;
	font-size:14px;
}

#conteudoTextoEscondido{
	float:left;
	width:50%;
	margin-left:25%;
	font-size:14px;
	display:none;
}

#contatosDados{
	width: 50%;
	margin-left:25%;
	float:left;
	text-align: left;
}

	#contatosDadosEsquerda{
		border-right:2px solid #C0C0C0;
		float:left;
		width:33%;
		height:70px;
	}
	
	#contatosDadosCentro{
		border-right:2px solid #C0C0C0;
		float:left;
		width:33%;
		height:70px;
	}
	
	#contatosDadosDireita{
		float:left;
		width:33%;
		height:70px;
	}
	
	#contatosDadosCentroTd{
		text-align: right;
		line-height: 35px;
		width:35%;
	}
	
	#contatosDadosDireitaTd{
		text-align: right;
		line-height: 30px;
		width:35%;
	}
	

/**************************** Backoffice *********************************/

.backButton{
	font-family: 'Varela Round', sans-serif;
	font-size:15px;
	background-color: #014896;
	color: #FFFFFF;
	border: none;
	width: 150px;
	height: 30px;
	border-radius:10px;
}
.backButton:Hover{
	background-color: #808093;
	cursor: pointer;
}



input[type=radio].css-checkbox {
							position:absolute; z-index:-1000; left:-1000px; overflow: hidden; clip: rect(0 0 0 0); height:1px; width:1px; margin:-1px; padding:0; border:0;
						}

						input[type=radio].css-checkbox + label.css-label {
							padding-left:27px;
							height:22px; 
							display:inline-block;
							line-height:22px;
							background-repeat:no-repeat;
							background-position: 0 0;
							font-size:14px;
							vertical-align:middle;
							cursor:pointer;

						}

						input[type=radio].css-checkbox:checked + label.css-label {
							background-position: 0 -22px;
						}
						label.css-label {
				background-image:url(http://csscheckbox.com/checkboxes/u/csscheckbox_c88ceda03c8bb09c862d1ecb8ffe4535.png);
				-webkit-touch-callout: none;
				-webkit-user-select: none;
				-khtml-user-select: none;
				-moz-user-select: none;
				-ms-user-select: none;
				user-select: none;
			}
			
@media only screen and (max-width: 1440px){
	body{
		font-size: 12pt;
	}
	footer{
		font-size: 10pt;
	}
	#bannerFooter{
		font-size: 12pt;
	}
	#conteudoTexto{

		font-size:12pt;
	}
	#conteudoTexto{
		font-size:12pt;
	}
	.titulo{
		float:left;
		width: 20%;
		text-align: center;
		color: #333333;
		font-weight: bold;
		font-size: 10pt;
	}
	.linha{
		display:none;
	}
	
	.menubt{
		font-size:12pt;
		/*width: 100%;*/

	}
	#opgDiv{
		width:50%;
		margin-left:25%;
		display:inline;
	}
	
	#mvv{
		display:none;
	}
}
			
/* ecrãs velhos como o caraças*/
@media only screen and (max-width: 1366px){
  /* some CSS here */

  
	body{
		font-size: 12pt;
	}
	
	footer{
		font-size: 10pt;
		margin-top: -350px; /* negative value of footer height */
		height: 350px;
	}
	
	header{
		margin-left: auto;
		margin-right: auto;
		width:70%;
		height: 150px;
	}
	
	#bannerFooter{
		float:left;
		width: 100%;
		margin-left:0%;
		font-size: 12pt;
		height:50px;
		background-color: #3B3B3B;
	}
	
	#anuncios{
		width:70%;
		margin-top:20px;
		margin-bottom:10px;
		float:left;
		margin-left:15%;
	}
	
	#conteudoTexto{
		float:left;
		width:70%;
		margin-left:15%;
		font-size:12pt;
	}
	
	#opgDiv{
		width:70%;
		margin-left:15%;
		display:inline;
	}
	
	#mvv{
		display:none;
	}
	
	/*#OPJ{
		display:none;
	}*/
	
	#pagination{
		float:left;
		margin-left:15%;
		width:70%;
		text-align: center;
	}
	
	#mapa{
		float:left;
		width: 70%;
		margin-left:15%;
		height: 200px;
	}
	
	#formContato{
		float:left;
		width:70%;
		margin-left:15%;
		margin-top:30px;
	}
	
	#contatosDados{
		width: 70%;
		margin-left:15%;
		float:left;
		text-align: left;
	}

	.titulo{
		float:left;
		width: 50%;
		margin-left:25%;
		text-align: center;
		color: #333333;
		font-weight: bold;
		font-size: 10pt;
	}
	
	.linha{
		display:none;
	}
	
	.menubt{
		font-size:14pt;
	}
  
}

/* iPad Mini, Google Nexus 7, Nokia Lumia 920 */
@media only screen and (max-width: 768px){
  /* some CSS here */
	body{
		font-size: 12pt;
	}
	
	footer{
		font-size: 10pt;
		margin-top: -770px;
		height: 770px;
	}
	
	header{
		margin-left: auto;
		margin-right: auto;
		width:100%;
		height: 150px;
	}
	
	#conteudoTextoEscondido{
		display:inline;
	}
	
	#anuncios{
		width:100%;
		margin-top:20px;
		margin-bottom:10px;
		float:left;
		margin-left:0%;
	}
	
	#bannerFooter{
		float:left;
		width: 100%;
		margin-left:0%;
		font-size: 12pt;
		height:50px;
		background-color: #3B3B3B;
	}
	
	#bannerFooter div{
		margin-left:3px;
	}
	
	#slider{
		display:none;
	}
	
	#conteudoTexto{
		float:left;
		width:100%;
		margin-left:0%;
		font-size:12pt;
	}
	
	#opgDiv{
		width:100%;
		display:inline;
	}
	
	#pagination{
		float:left;
		margin-left:5%;
		width:90%;
		text-align: center;
	}
	
	#mapa{
		float:left;
		width: 90%;
		margin-left:5%;
		height: 200px;
	}
	
	#formContato{
		float:left;
		width:90%;
		margin-left:5%;
		margin-top:30px;
	}
	
	#contatosDados{
		width: 100%;
		margin-left:0%;
		float:left;
		text-align: left;
	}
	
	#contatosDadosEsquerda{
		border-right:none;
		float:left;
		width:100%;
		height:90px;
	}
	
	#contatosDadosCentro{
		border-right:none;
		float:left;
		width:100%;
		height:70px;
	}
	
	#contatosDadosCentroTd{
		width:20%;
	}
	
	#contatosDadosDireita{
		float:left;
		width:100%;
		height:70px;
	}
	
	#contatosDadosDireitaTd{
		width:20%;
	}
	
	.titulo{
		float:left;
		width: 50%;
		margin-left:25%;
		text-align: center;
		color: #333333;
		font-weight: bold;
		font-size: 10pt;
	}
	
	.linha{
		display:none;
	}
	
	.menubt{
		font-size:14pt;
		width: 100%;

	}
  
	#footerEsquerda{
		float:left;
		margin-left:5%;
		width:90%;
		text-align: justify;
		margin-top:20px;
	}
	
	#footerCentro{
		float:left;
		margin-left:5%;
		width:90%;
		text-align: justify;
		margin-top:20px;
	}
	
	#footerDireita{
		float:left;
		margin-left:5%;
		width:90%;
		text-align: justify;
		margin-top:20px;
	}
	
	#backofficeIcon{
		display:none;
	}
}

/* iPhone 5, HTC One,  */
@media only screen and (max-width: 459px){
  /* some CSS here */
  
	body{
		font-size: 12pt;
	}
	
	footer{
		font-size: 10pt;
		margin-top: -800px; /* negative value of footer height */
		height: 800px;
	}
	
	header{
		margin-left: auto;
		margin-right: auto;
		width:100%;
		height: 150px;
	}
	
	#bannerFooter{
		float:left;
		width: 100%;
		margin-left:0%;
		font-size: 12pt;
		height:100px;
		background-color: #3B3B3B;
	}
	
	
	.titulo{
		float:left;
		width: 70%;
		margin-left:15%;
		text-align: center;
		color: #333333;
		font-weight: bold;
		font-size: 10pt;
	}
	
	.menubt{
		font-size:13pt;
		width: 100%;

	}

}
