/* Enter Your Custom CSS Here */
/* estilos para centrar Logotipo no Cabeçalho */

#logo {
background: transparent url('http://mare.ipleiria.pt/files/2015/07/MARE-Logo191_90.png') center center no-repeat;
width: 100%;
height: 90px;
margin-top: 8px;
margin-bottom: 4px;
margin-left: 0px;
}

/*css para inserir logotipo na esquerda no topo da página substituindo o nome do site */
/*
#logo {
background: transparent url('http://mare.ipleiria.pt/files/2015/07/MARE-Logo191_90.png') top left no-repeat;
width: 191px;
height: 90px;
margin-top: 8px;
margin-bottom: 4px;
margin-left: 0px;
}
*/

/* retirar nome do site em detrimento do logotipo */
/* 
.site-name {
display: none;
}
*/

/* estilo para colocar link para a página inicial no topo do site */
.navbar-brand {
width: 100%;
height: 100%;
margin-top: 3px;
margin-bottom: 0px;
}

/* estilos para centrar menu superior */
.navbar-collapse {
    width: auto;
    border-top: 0px none;
    box-shadow: none;
    left: -50%;
    text-align: left;
    position: relative;
    float: right;
}
.nav.navbar-nav {
    float: right !important;
    position: relative;
    left: 50%;
}

/* estilos para alinhar menu direita ou esquerda */
.nav.navbar-nav {
float: right!important;
}

/* eslilo para alterar margem para conteudo da página incluido titulo da página */
#content {
    margin-top: 10px;
   /* margin-top: 20px; */
    margin-bottom: 40px;
}


/* eslilo para alterar texto do logo na página */

.navbar > .container .navbar-brand {
  color: #4DAFDB;
  font-size: 24px;
  margin: 8px 0;
}

/* eslilos para alterar área do logo e menu */
.navbar.navbar-default {
    background-color: #FFF;
    font-weight: 200;
    margin-bottom: 0px;
    margin-top: -2px;
  
/* estilo para alterar linha que separa menu do conteudo da página colocar 0px para não aparecer linha */
    border-bottom: 1px solid #C9C7CC!important;
}

/* css para controlo do tamanho do texto nos links de navegação multilingue no topo da página */
.langbar {
    font-size: 1.1em;
}

/* Icon de cadeado com link para entrar no backoffice, existente no rodapé */
#backoffice {
  background: url('http://mare.ipleiria.pt/files/2015/07/backoffice.png') no-repeat;
  background-position: 0px -12px;
  padding-right: 10px;
}

#backoffice a, backoffice a:visited {
  background: url('http://mare.ipleiria.pt/files/2015/07/backoffice.png') no-repeat;
  background-position: 0px -12px;
  padding-right: 10px;
}

#backoffice a:hover {
  background: url('http://mare.ipleiria.pt/files/2015/07/backoffice.png') no-repeat;
  background-position: 0px -12px;
  padding-right: 10px;
}

/* estilos para ação do rato sobre os links */
a:hover {
	text-decoration: underline;
}

/* Css para fixar rodapé no fundo da página */
/*
html, body {
 	height: 100%;
	margin: 0; padding: 0;  
}

#page {
	display: flex; 
 	min-height: 100%;
 	flex-direction: column;
}

#content {
flex: 1;
}  

#footer-area {
	background: #005C84;
} 
*/
/* fim de css para fixar o rodapé */
/*media all*/
/*
.flex-caption .excerpt {
    background: rgb(59, 59, 59);
    background: rgba(59, 59, 59, 0.8);
    display: block;
    color: #ddd;
    max-width: 600px;
    padding: 12px 20px;
display:none;}
*/
/*
.flex-caption .excerpt {
display:none;
}
*/
.flex-caption {
    padding: 0px 90px;
}