/*
Regras para trabalhar CSS

1) Defenir os estiloas para as etiquetas: header, footer, div, a, p, etc

2) Defenir os estilos para os identificadores (id), id's são elementos únicos no HTML, no css declaram-se com o simbolo #:
#nome-id{ estilos }, no html chamam-se mediante o atributo: <div id="publicidade"> </div>

3) defenir os estilos para as Class, as clases são elementos que podem ser repetidas 'n'vezes no html. Nas CSS declaram-se com o simbolo . :
.nome-logos{ estilo } no html chamam-se mediante o atribute class: <div class="borde-logos"> </div>

4) Todos os estilos se ordenam conforme estão dispostos no html, tendo em conta as prioridades anteriores, isto é,
primeiro etiquetas html, depois id's e finalmente class

5) Os atributos se define da seguinte forma: { atributo1:valor1; atributo2:valor2; ... ; atributoN:valorN; }

6)Os atributis devem estar ordenados alfabéticamente: Color, display, with, etc

7) Se temos estilos para as etiquetas html e/ou body, então estes 2 serão os primeiros a seram defenidos
estas etiquetas são defenidas pelo '*': /{ estilos };

8) No body deveremos defenir um tamanho de fonte global

9) Se temos estilos para repor elementos no html, estes irão antes de qualquer estilo
*/


/* 16px = 12pt = 100% = 1em 
Cyan: #00a5dd rgb 0, 165, 221
Azul: #004c68 rgb 0, 76, 104 */


* {
	margin:  0;
	padding: 0;
}


body{
	background:#fff;
	color: #004c68; font-family: 'Ubuntu', sans-serif; font-weight:300; font-size: 0.9em; text-align: left;
}


h1 {
	color: #00a5dd; font-family: 'Ubuntu', sans-serif; font-weight:500; font-size: 1.3em; text-transform:uppercase; text-align: left;}
h2 {
	color: #FFF; font-family: 'Ubuntu', sans-serif; font-weight:400; font-size: 1.2em; text-align: left;}
h3 {
	color: #004c68; font-family: 'Ubuntu', sans-serif; font-weight:400; font-size: 2em; text-align: right;}	
h4 {
	color: #fff; font-family: 'Ubuntu', sans-serif; font-weight:400; line-height:1.5em; font-size: 0.8em; text-align: left;}

h5 {
	color: #fff; font-family: 'Ubuntu', sans-serif; font-weight:400; font-size: 1em; text-align: center;}
	
h6 {
	color: #004c68; font-family: 'Ubuntu', sans-serif; margin-top:9px; margin-bottom:10px; font-weight:500; font-size: 1.2em; text-align: center;}

.espaco { padding-left:15px;}

a {
	color: #FFF;
}
a:link {
	text-decoration: none;
}
a:visited {
	text-decoration: none;
	color: #FFF;
}
a:hover {
	text-decoration: none;
	color: #00A5DD;
}

#active {
	text-decoration: none;
	color: #00A5DD;
}
	
	
#header {width:100%;height:85px; text-align:left;}

#nav {
	background-image:url(../img/img0.png);
	width:100%; height:50px; text-align: left;}

#footer {
	position: relative; left:0px; bottom:0px; background:#004c68;padding-top:8px; width:100%; height:120px; text-align: left;}


#linhasfooter {
	position: relative; left:0px; bottom:0px; width:100%; height:120px; text-align: left;}

	
#linhaNav {
	background:#00a5dd; max-width: 1px; height:30px; text-align: center;}
	
#linha {
	background:#004c68; margin: 0.5em auto; max-width: 960px; height:6px; text-align: center;}
	
#linha1 {
	background:#00a5dd; margin: 0em auto; max-width: 960px; height:6px; text-align: center;}
	
	
#conteudo {
    width:100%; height:100%; text-align: left;}	

	
	
	

.menu{list-style:none;float:left;}

.menu li{position:relative;float:left;}

.menu li a{color:#FFF; text-decoration:none; padding:10px 30px; display:block; font-weight:400; font-size:1.1em}
 
.menu li a:hover{color:#00A5DD;}

.menu li a:active {color:#00A5DD;}

.menu li  ul{
position:absolute;top:35px;left:0;background-color:#48ccf9;
display:none; font-weight:300; font-size: 0.8em;
}  

.menu li:hover ul, .menu li.over ul{display:block;}

.menu li ul li{border-bottom:0.1em solid #004c68;display:block;width:220px; /*180 */
}

.morada {
	color:#00A5DD;font-weight:500;}


/*
.fadein { position:relative; height:555px; width:470px; }
.fadein img {
	position: absolute;
	left: 0px;
	top: 0px;
}*/


/*  Formulario  */

form { font-family: 'Ubuntu', sans-serif; font-weight:300; font-size: 0.9em; text-align: left; max-width: 275px; } 

input, textarea { width: 275px; padding: 5px; color: #00A5DD; margin-left: 7px; margin-bottom:8px; -webkit-border-radius: 12px; -moz-border-radius: 12px; border: 1px solid; } 

input:hover, textarea:hover, input:focus, textarea:focus { border-color: #00A5DD; background-color: #F7F7F7; color: #004c68;  } 

.submit input { background-color: #FFFFFF; height: 30px; width: 60px; font-weight: bold;  text-align:center; } 

textarea { width: 275px; height: 100px; line-height: 20px; max-width: 400px; } 

form label { margin-left: 20px; color: #FFFFFF; font-weight: bold; } 




/*section#conteudo {
	position: fixed; left:0px; bottom:18%;
	margin: 0em auto;
	max-width: 1000px;
	padding: 0;
	text-align: center;
}*/

/*section#principal, aside {
	background: #1E6381;
	display: inline-block;
	margin: 0em auto;
	max-width: 1000px;
	min-height: 500px;
	padding: 0em;
	text-align: center;
	vertical-align: top;
	width: 45%;
}

article {
	background: #011E30;
	border-radius: 0.5em;
	min-height: 140px;
	padding: 0.25em;
}

aside {
	width: 50%;
}


#slideshow {
    position:relative;
    height:350px;
}

#slideshow IMG {
    position:absolute;
    top:0;
    left:0;
    z-index:8;
    opacity:0.0;
}

#slideshow IMG.active {
    z-index:10;
    opacity:1.0;
}

#slideshow IMG.last-active {
    z-index:9;
}