﻿body 
{
	background-color: #dbdbdb;
	height:100%;
}
#fundo
{
	margin:0px;
	/*background: url(../images_site/bg_body.jpg) repeat-x;*/
	background-color: #fff;
}


h2
{
	font-family: "Segoe UI", Arial;
	color:#e39f01;
}
/* Especifico tamanho menor */
@media (max-width: 767px) 
{
h2,
.h2 {
  font-size: 23px;
}
}
h2.seta
{
	background-image: url('../images_site/orange-arrow.gif');
	background-position:left;
	background-repeat:no-repeat;
	padding-left: 30px;
	border-bottom-style:dotted;
	border-bottom-width: 1px;
}



h4.down
{
	background-image: url('../images_site/paineis/arrow-down.gif');
	background-position:right;
	background-repeat:no-repeat;
	background-color: #fff; 
	padding:0 0 5px 0;
	margin: 3px 0;
	font-size:18px;
	color: #01a2f6;
	font-family: "Segoe UI", Arial;
	border-bottom-style:solid;
	border-bottom-width: 1px;
	border-bottom-color: #01a2f6;
	cursor:pointer;
}
h4.up
{
	background-image: url('../images_site/paineis/arrow-up.gif');
	background-position:right;
	background-repeat:no-repeat;
	background-color: #fff;
	padding:0 0 5px 0;
	margin: 3px 0;
	font-size:18px;
	color: #01a2f6;
	font-family: "Segoe UI", Arial;
	border-bottom-style:dotted;
	border-bottom-width: 1px;
	border-bottom-color: #01a2f6;
	cursor:pointer;
}
h4.left
{
	padding:0 0 5px 0px;
	margin: 3px 0;
	font-size:18px;
	color: #333333;
	font-family: "Segoe UI", Arial;
	border-bottom-style:solid;
	border-bottom-width: 0px;
}
.linkpdf
{
	background-image: url('../images_site/paineis/linkpdf.png');
	background-position:left;
	background-repeat:no-repeat;
	padding-left: 18px;
	margin-left: 20px;
}
.painelGrey
{
	-moz-border-radius-topleft: 5px; -webkit-border-top-left-radius: 5px; -khtml-border-top-left-radius: 5px; border-top-left-radius: 5px; 
	-moz-border-radius-topright: 5px; -webkit-border-top-right-radius: 5px; -khtml-border-top-right-radius: 5px; border-top-right-radius: 5px; 
	-moz-border-radius-bottomleft: 5px; -webkit-border-bottom-left-radius: 5px; -khtml-border-bottom-left-radius: 5px; border-bottom-left-radius: 5px; 
	-moz-border-radius-bottomright: 5px; -webkit-border-bottom-right-radius: 5px; -khtml-border-bottom-right-radius: 5px; border-bottom-right-radius: 5px; 
	background-color: #f5f5f5;
	border:1px solid #e3e3e3;
	padding:10px;
	margin-bottom:10px;
}

/* Customize container */
@media (min-width: 992px) {
  .container {
    max-width: 960px;
  }
}


/* Header -------------------------------- */
.logo
{
	padding:15px 0 0 0;
	
}
	h1.logo
	{
		padding:5px 0 5px 0;
		margin:0px;
		font-size:30px;
		color:#0585db;
		font-family: "Segoe UI" ,Arial, Helvetica Neue,Verdana,sans-serif;
		font-weight:bold;
	}
	
	h1.logo span{color: #0585db;font-weight:normal;}
	
/*----------------Inicio fundo azul antes do botton middle green box-----------*/
.blue_box{
	-moz-border-radius-topleft: 5px; -webkit-border-top-left-radius: 5px; -khtml-border-top-left-radius: 5px; border-top-left-radius: 5px; 
	-moz-border-radius-topright: 5px; -webkit-border-top-right-radius: 5px; -khtml-border-top-right-radius: 5px; border-top-right-radius: 5px; 
	-moz-border-radius-bottomleft: 5px; -webkit-border-bottom-left-radius: 5px; -khtml-border-bottom-left-radius: 5px; border-bottom-left-radius: 5px; 
	-moz-border-radius-bottomright: 5px; -webkit-border-bottom-right-radius: 5px; -khtml-border-bottom-right-radius: 5px; border-bottom-right-radius: 5px; 
	background:#01a2f6;
	padding-bottom:20px;
	padding-top:20px;
}
p.green{
	color:#fff;
	margin-left: 20px;	
}

/* Especifico tamanho menor */
@media (max-width: 767px) 
{
	.centrar
		{
			text-align:center;
		}
	.esconder
		{
			display: none !important;
		}
	.mostrar-mobile
		{
			display: block !important;
		}
}
/* Especifico tamanho menor */
@media (min-width: 768px) 
{
	.mostrar-mobile
		{
			display: none !important;
		}
}



/* DIV que mostra algum erro acima do formulário, como no caso do login
que mostra a vermelho a mensagem de erro em cima do painel do formulario */
.infErro
{
	-moz-border-radius-topleft: 5px; -webkit-border-top-left-radius: 5px; -khtml-border-top-left-radius: 5px; border-top-left-radius: 5px; 
	-moz-border-radius-topright: 5px; -webkit-border-top-right-radius: 5px; -khtml-border-top-right-radius: 5px; border-top-right-radius: 5px; 
	-moz-border-radius-bottomleft: 5px; -webkit-border-bottom-left-radius: 5px; -khtml-border-bottom-left-radius: 5px; border-bottom-left-radius: 5px; 
	-moz-border-radius-bottomright: 5px; -webkit-border-bottom-right-radius: 5px; -khtml-border-bottom-right-radius: 5px; border-bottom-right-radius: 5px; 	
	background-image: url('../images_form/error.png');
	background-repeat: no-repeat;
	background-position: left center;	
	background-color: #FF8383;
	border:1px solid #FE3030;
	overflow: auto;
	padding: 10px 10px 10px 35px;
	margin-bottom: 10px;
}
/* Div para mostrar no topo se o utilizador está logado ou não
e mostra o link para fazer sair ou fazer o login */
.inflogin{
	-moz-border-radius-bottomleft: 5px; -webkit-border-bottom-left-radius: 5px; -khtml-border-bottom-left-radius: 5px; border-bottom-left-radius: 5px; 
	-moz-border-radius-bottomright: 5px; -webkit-border-bottom-right-radius: 5px; -khtml-border-bottom-right-radius: 5px; border-bottom-right-radius: 5px; 
	padding-top: 2px;
	padding-bottom: 5px;
	/*margin: 0;*/
	height: 30px; 
	background-color: #01A2F6;
	background-image: url('../images_form/user.png');
	background-repeat: no-repeat;
	background-position: left center;
	padding-left: 15px;
	border:2px solid #01A2F6;

}

.checked
{
	background-image: url('../images_site/checked.png');
	background-position:left;
	background-repeat:no-repeat;
	margin-right: 10px;
	margin-bottom:10px;
	height:28px;
	padding-left:25px;
	cursor:pointer;
}
.unchecked
{
	background-image: url('../images_site/unchecked.png');
	background-position:left;
	background-repeat:no-repeat;
	margin-bottom:10px;
	height:28px;
	padding-left:25px;
	margin-right: 10px;
	cursor:pointer;
}

/*  Footer do site */
.footer
{
	background-color: #dbdbdb;
	min-height: 50px; 
	width: 100%;
	border-top:  1px solid #b9babb;
	margin:0px;
	

}
.footer_direitos
{
	color:#585757;
	float:left;
	padding-left:5px;
	padding-top:10px;
}
.footer_links{
	float:right;
	padding-right:5px;
	padding-top:10px;
}
.footer_links a{
	text-decoration:none;
	color: #585757;
	padding-left:10px;
}
.footer_links a:hover{
	text-decoration:underline;
	color: #585757;
}
/* Especifico tamanho menor */
@media (max-width: 767px) 
{
	.footer_links a
	{
		font-size:12px;
	}
	.footer_direitos
	{
		font-size:12px;
	}

}

.socialbuttons {
	vertical-align: middle; align: right;
}
.socialbuttons:hover {
    opacity: 0.7;
	
}