@charset "UTF-8";

/* Corpo */

body {
background-color: #fff;/*rgba(10,0,0,.2);*/
color: rgba(0,0,0,1);	
}

/* titulo */

/* header / menu */

header#menu {
	width: 1150px;
	background-color: white;
	text-align:center;
	
}
/* imagem top */

div#top-img {
	width: 500px;
	margin-left: auto;
	margin-right: auto;
}

/* div user logado */

div#user {
	
	width: 1000px;
	text-align: left;
	margin-left: auto;
	margin-right: auto;
}

nav#menu-opt {

font-family: Arial, sans-serif;
min-height:10px;
display: block;	/*menu em bloco*/

padding: 0px;
background: #699eb5;
  background-image: -webkit-linear-gradient(top, #699eb5, #204b66);
  background-image: -moz-linear-gradient(top, #699eb5, #204b66);
  background-image: -ms-linear-gradient(top, #699eb5, #204b66);
  background-image: -o-linear-gradient(top, #699eb5, #204b66);
  background-image: linear-gradient(to bottom, #699eb5, #204b66);
/*background-color: ; #d33a2c */  
}

nav#menu-opt ul {
	list-style: none; /* retirar disco */
	/*text-transform: uppercase; letra maiuscula*/
	position: relative; /* posição absoluta */
	top: 0px; /* posiçao topo */
	}

nav#menu-opt li {
	
	display: inline-block; /* menu em linha */
	font-weight: 600;
	font-size: 13px;
	/*background-color: #d33a2c; /* #ad0000 #9d0416 - cor de fundo*/
	padding: 5px; /* tamanho da caixa a volta*/
	margin: 5px 5px 5px 5px;  /* espaçamento entre itens*/
	transition: background-color 1s; /* efeito transição - retro compatibilidade -> https://autoprefixer.github.io/ */
}

nav#menu-opt li:hover {
	/*border-color: 2px solid #000000;*/
	/*background-color: white; /* cor de fundo ativo */
	background: #3482b3;
  background-image: -webkit-linear-gradient(top, #3482b3, #3498db);
  background-image: -moz-linear-gradient(top, #3482b3, #3498db);
  background-image: -ms-linear-gradient(top, #3482b3, #3498db);
  background-image: -o-linear-gradient(top, #3482b3, #3498db);
  background-image: linear-gradient(to bottom, #3482b3, #3498db);
}

nav#menu-opt h1 {
	
	display: none;
}

nav#menu-opt a {
	color: white; /* cor do texto */
	text-decoration: none; /* tirar sublinhado */
}

nav#menu-opt a:hover {
	/*color: #d33a2c;
	background-color: white;
	padding: 2px 2px 2px 2px; */
	
}
/* span texto login */

/* principal */

div#interface {
	width: 1150px;
	margin: 10px auto 10px auto;
	box-shadow: 0px 0px 10px rgba(0,0,0,.5);
	padding: 10px 10px 10px 10px;
	background-color: #ffffff;
}

/* secao direita */

section#lateral-direita {
	display: block; /* dispor em bloco */
	width: 500px; /* largura*/
	float: right; /* flutuar a direita */
	margin-top: 20px;
	margin-right: 80px;
}
section#lateral-direita p {
	text-align: center;
	color: #3482b3;
	font-family: Arial, sans-serif;
	font-size: 20px;
	font-weight: normal;
	
}
section#lateral-direita h1 {
	
	font-family: Arial, sans-serif;
}


/* lateral esquerda / aside */

aside#lateral-esquerda {
	display: block;
	width: 500px;
	float: left;
	border-right: 1px solid #606060;
	padding-right: 15px;
	margin-top: 20px;
}


/* rodapé */

footer#rodape {
	clear: both;
	background: #699eb5;
  background-image: -webkit-linear-gradient(top, #699eb5, #204b66);
  background-image: -moz-linear-gradient(top, #699eb5, #204b66);
  background-image: -ms-linear-gradient(top, #699eb5, #204b66);
  background-image: -o-linear-gradient(top, #699eb5, #204b66);
  background-image: linear-gradient(to bottom, #699eb5, #204b66);
	

}

footer#rodape p {
	
	border-top: 3px solid yellow;
	font-family: Arial;
	font-size: 12pt;
	color: white;
	text-shadow: 1px 1px 1px rgba(0,0,0,.6);
	padding: 0px;
	margin: 0px;
	text-align: center;
}
/* imagem login */

.login-img {
	width: 200px;
	display: block;
	margin-left: auto;
    margin-right: auto;
	margin-top: 75px;
}

/* boxes login form / texto */



input.user {
	
	text-align: center;
	border: 2px solid #000000; /* cor do rebordo da caixa de login */
    border-radius: 6px;
	height: 25px;
	width: 200px;
}

input.pass {
	
	text-align: center;
	border: 2px solid #000000; /* cor do rebordo da caixa de login */
    border-radius: 6px;
	height: 25px;
	width: 200px;
}








/* Caixa estado */

aside#admin-estado{
	display: inline-block;
	float: right;
	width: 425px;
	height: 280px;
	text-align: center;
	box-shadow: 0px 0px 10px rgba(0,0,0,.5);
	margin-right: 10px;

}



p.h11{
	font-size: 16pt;
	color: blue;
	
}

p.h12{
	font-size: 16pt;
	color: blue;
	
}

/* Caixa controlo de contas */

section#utilizadores{
	margin: 320px auto;
	width:850px;
	text-align: center;
	border-top: 1px solid #606060;
	overflow: hidden;

}

/* div apagar utilizador */

div#del-utilizador {
	margin-right: 10px;
	display: block;
	width: 400px;
	height: 500px;
	box-shadow: 0px 0px 10px rgba(0,0,0,.5);
	float: right;
	
	
}

/* Div Adicionar Utilizador */

div#add-utilizador {
	margin-left: 10px;
	display: block;
	width: 400px;
	height: 500px;
	box-shadow: 0px 0px 10px rgba(0,0,0,.5);
	text-align: center;
	float: left;
}

/* TABELA UTILIZADORES */

/* Div Lista de utilizadores */

div#lista-utilizadores {
	margin-top: 15px;
	display: inline-block;
	width: 800px;
	border: 4px solid blue;
	text-align: center;
	
	
}






/* select caixas */

select#caixas {
	
	width: 225px;
}

/* input boxes estilo */

input#caixa-input {
	
	width: 400px;
	padding: 5px 20px;
	border: 2px solid lightgrey;
    border-radius: 4px;
	text-align: center;
	
}


textarea#caixa-input-desc {
	
	width: 600px;
	height: 200px;
	padding: 5px 20px;
	border: 2px solid lightgrey;
    border-radius: 4px;
	direction:LTR;
	
}

/* Conta do utilizador por baixo da barra */

p#conta {
	
	font-size: 10pt;
	color: black;
	font-weight: 600;
	
}

/* botao */

.bl1,#stat {
	margin: 2px 2px 2px 2px;
  position: relative;
  vertical-align: top;
  width: 100%;
  height: 100%;
  padding: 2px 2px 2px 2px;
  font-size: 18px;
  color: white;
  text-align: center;
  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.25);
  background: #699eb5;
  background-image: -webkit-linear-gradient(top, #699eb5, #204b66);
  background-image: -moz-linear-gradient(top, #699eb5, #204b66);
  background-image: -ms-linear-gradient(top, #699eb5, #204b66);
  background-image: -o-linear-gradient(top, #699eb5, #204b66);
  background-image: linear-gradient(to bottom, #699eb5, #204b66);
  cursor: pointer;
  border:none;
}
.bl1:hover,#stat:hover {
  background: #3482b3;
  background-image: -webkit-linear-gradient(top, #3482b3, #3498db);
  background-image: -moz-linear-gradient(top, #3482b3, #3498db);
  background-image: -ms-linear-gradient(top, #3482b3, #3498db);
  background-image: -o-linear-gradient(top, #3482b3, #3498db);
  background-image: linear-gradient(to bottom, #3482b3, #3498db);
  text-decoration: none;
}


/* class titulos */

h1.clH1 {
	text-indent: 20px;
	font-family: Arial;
	font-size: 20pt;
	color: black;
	
}

h2.clH2 {
	text-indent: 15px;
	font-family: Arial;
	font-size: 18pt;
	color: black;
}

h3.clH3 {
	text-indent: 10px;
	font-family: Arial;
	font-size: 16pt;
	color: black;
}

h4.clH4 {
	text-indent: 5px;
	font-family: Arial;
	font-size: 14pt;
	color: black;
}

h4.clH4-1 {
	text-indent: 5px;
	font-family: Arial;
	font-size: 12pt;
	color: green;
}

h5.clH5 {
	text-indent: 0px;
	font-family: Arial;
	font-size: 12pt;
	color: #699eb5;
}


a.registar, button.entrar {
	border:none;
	background: #699eb5;
	background-image: -webkit-linear-gradient(top, #699eb5, #204b66);
	background-image: -moz-linear-gradient(top, #699eb5, #204b66);
	background-image: -ms-linear-gradient(top, #699eb5, #204b66);
	background-image: -o-linear-gradient(top, #699eb5, #204b66);
	background-image: linear-gradient(to bottom, #699eb5, #204b66);
	-webkit-border-radius: 28;
	-moz-border-radius: 28;
	border-radius: 28px;
	font-family: Arial;
	color: #ffffff;
	font-size: 20px;
	padding: 10px 20px 10px 20px;
	text-decoration: none;
	font-weight: 700;
}

a.registar:hover, button.entrar:hover {
	background: #3482b3;
	background-image: -webkit-linear-gradient(top, #3482b3, #3498db);
	background-image: -moz-linear-gradient(top, #3482b3, #3498db);
	background-image: -ms-linear-gradient(top, #3482b3, #3498db);
	background-image: -o-linear-gradient(top, #3482b3, #3498db);
	background-image: linear-gradient(to bottom, #3482b3, #3498db);
	text-decoration: none;
}
.mail {
	
	font-size: 13px;
	color: white;
}