* {
  box-sizing: border-box;
}

body { background: #f1f1f1; color: #000000; font-family: verdana, arial, helvetica, sans-serif; font-size: 100% }
/* .body { background-color: #f1f1f1; padding-left: 3%; padding-right: 3%; } */

a { color: #003366 }
ul { list-style-type: square }
li.refer {line-height: 2.5; }

#wide { line-height: 150% }

td { font-family: verdana, arial, helvetica, sans-serif; font-size: 100%; }
p { font-family: verdana, arial, helvetica, sans-serif; font-size: 100%; }


.imagem { border-left: 1px #808080 solid; border-top: 1px #808080 solid; border-right: 1px #c0c0c0 solid; border-bottom: 1px #c0c0c0 solid; }
.searchsubmit { cursor: pointer; padding-top: 3px; padding-bottom: 2px; background: #40668c; border: 0px solid; font-family: verdana; font-weight: bold; color: #ffffff; text-transform: uppercase; font-size: 88%; }

/*  Titulos */

#ttl { font-family: arial, helvetica, sans-serif; font-weight: bold; text-transform: uppercase; font-size: 140%; }
H1 { font-family: arial, helvetica, sans-serif; font-weight: bold; text-transform: uppercase; font-size: 140%; 
          margin-bottom:1em;}

#ttl2 { font-family: arial, helvetica, sans-serif; font-weight: bold; text-transform: uppercase; font-size: 120%; }
H2 { font-family: arial, helvetica, sans-serif; font-weight: bold; text-transform: uppercase; font-size: 120%; 
          margin-bottom:1em;}

H3 { font-family: arial, helvetica, sans-serif; font-weight: bold; text-transform: uppercase; font-size: 100%; 
          margin-bottom:1em;}


.corfundo {color: #f1f1f1 ;}
.corvermelho {color: #ff0000 ;}

/* Cabeçalho */

header {
  padding: 25px 0px 0px 15px;
  background-color: #1A2846;
  border-bottom-style: solid; /* borda apenas no fundo */
  border-color: #2A348A; 
  border-width: 5px; /* largura */
  box-sizing: border-box;
}


img.logoAcess{
  max-width: 100%;
  height: auto;
}

.salto {
       padding: 3px 0px 3px 15px;
       font-size: 0.7 em; 
       font-family: verdana, arial, helvetica, sans-serif;
       background-color: #1A2846;
       box-sizing: border-box;
       }

/* Rodapé */

footer {color: #ffffff;
         width: 100%;
         padding: 5px 0px 5px 15px;
         background-color: #3B3B3B;
         box-sizing: border-box;      
         }

 span.morada {
  display: inline-block;
  width: 85%;
  padding: 0px;
  font-size:85%;
}


span.simbolo {
  display: inline-block;
  padding: 0px;
}

/* divisão das páginas proncipais em menu de navegação secundário e artigo */

article{
  background-color: #f1f1f1;
}

div.menu {
  background: #edf1f8;
}     

/* Clear floats after the columns */
section:after {
  content: "";
  display: table;
  clear: both;
}

/* Clear floats after the columns */
.raw:after {
  content: "";
  display: table;
  clear: both;
}

/* https://www.w3schools.com/css/tryit.asp?filename=tryresponsive_styles  raw substiuido por section   */

[class*="col-"] {
  float: left;
  padding: 15px;
}


/* para telemóveis: */

[class*="col-"] {
    width: 100%;
  }

 /* para computador desktop */
 @media only screen and (min-width: 768px) {
.col-1 {width: 8.33%;}
.col-2 {width: 16.66%;}
.col-3 {width: 25%;}
.col-4 {width: 33.33%;}
.col-5 {width: 41.66%;}
.col-6 {width: 50%;}
.col-7 {width: 58.33%;}
.col-8 {width: 66.66%;}
.col-9 {width: 75%;}
.col-10 {width: 83.33%;}
.col-11 {width: 91.66%;}
.col-12 {width: 100%;}
}

/* posicionamento de imagens*/

.ilustracao{
  float:right;
  width: 170px;
  height: 150px;
  marging.left: 20px; 
}         

.logocertic_menulateral{
 padding:15px 15px 15px 15px; 
}      

.ilustracao_livre{
  float:right;
  marging.left: 20px; 
}   

/* Menu de navegação horizontal no topo */

ul.menutopo {
  list-style-type: none;
  margin: 0;
  padding: 0;
  overflow: hidden;
  background-color: #2A348A;
}

li.menutopo {
  float: left;
  border-right: 1px solid #bbb;
}

li.menutopo a {
  display: block;
  color: white;
  text-align: center;
  padding: 16px;
  text-decoration: none;
}

li.menutopo a:hover  {

  background-color: #1A2846;
}

li.menutopo a:focus {

  background-color: #1A2846;
}


/* Menu de navegação secundário na posição vertical lateral esquerda */

ul.menulateral {
  list-style-type: none;
  margin: 0;
  padding: 0;
  background-color: #edf1f8;
  border: 1px solid #555;
}

li.menulateral a {
  display: block;
  color: #000;
  padding: 2px 16px;
  text-decoration: none;
}

li.menulateral a:hover {
  background-color: #1A2846;
}

li.menulateral a:focus {

  background-color: #1A2846;
}

li.menulateral :last-child {
  border-bottom: none;
}

li.menulateral a.active {
  background-color: #2A348A;
  color: white;
}

li.menulateral a:hover:not(.active) {
  background-color: #555;
  color: white;
}

li.menulateral a:focus:not(.active) {
  background-color: #555;
  color: white;
  }

.flex-container {
  display: flex;
  flex-wrap: wrap;
  background-color: #f1f1f1;
}

.flex-container > div {
  background-color: #CCCCCC;
  margin: 10px;
  padding: 15px;
  width: 160px;
  box-sizing: border-box
}

 
 
/* Breadcrumb (caminho percorrido) */

ul.caminho {
  padding-left: 5px;
  list-style: none;
  }

ul.caminho li {display: inline;}

ul.caminho li+li:before {
  padding: 8px;
  color: black;
  content: "/";
}



#high { font-weight: bold }
.high { font-weight: bold }

.news { line-height: 120% }
.news .data { font-size: 70% }
.news .sub { font-size: 90%; font-weight: bold; text-transform: uppercase; }
.news .ttl { font-weight: bold; text-transform: uppercase; }

code { font-weight: bold; font-size: 90%; }
#legenda { font-size: 75%; font-weight: bold; }
.label { font-size: 70%; font-weight: bold; text-align: right; text-transform: uppercase; }

/* cartão para os colaboradores do CERTIC */

.flex-contactos{
  display: flex;
  flex-wrap: wrap;
}

.flex-contactos > div {
  background-color: #f1f1f1;
  padding: 10px 10px;
  box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2);
  border: 1px solid #555;
  transition: 0.3s;
  width:270px;
  margin: 10px;
  text-align: center;
}

img.contactos {
  border-radius: 15px 15px 0 0;
}

p.contactos {
  padding: 2px 10px;
}




/* Controla aparência dos links */
a.txtteal:visited {	font-family: Verdana;
						font-weight: normal;
						color:#444444;
						text-decoration: none}
						
a.txtteal:active {	font-family: Verdana;
						font-weight: normal;
						color:#444444;
						text-decoration: none}
			
a.txtteal:link {	font-family: Verdana;
					font-weight: normal;
					color: #008080;
					text-decoration: none}
			
a.txtteal:hover {	font-family: Verdana;
						font-weight: normal;
						color: #ffffff;
						text-decoration: none}
                        
/*                                           
a[target="_blank"]:after {
    content: " (ext)";
}
*/


/* incon de ligação externa a abrir em nova janela */

a[target="_blank"]:after {
    content: url(https://cdn.hardisha.com/wp-content/uploads/2018/09/External-Link-Icon.png);
margin: 0 0 0 2px;
}

/* acrescenta a indicação de (PDF) em ligações para documentos neste formato */
a[href$=".pdf"]:after {
	content:" (PDF)";
}