@charset "UTF-8";
/* CSS Document */

/*

Page width: 970px
Video 16:9: 970 x 545px
Blue: #009ec5
Font-family: 'Lato', Arial, serif;
Font-weight: 100, 300, 400, 700, 900;

*/


.vsl-tag {
	z-index: 100px;
	float: right;
	position: absolute;
	left: 485px;
	top: 184px;
}

/* ***********************************************
** HTML5
** **********************************************/

article, aside, footer, header, hgroup, section {
  display: block;
}

/* ***********************************************
** LAYOUT
** **********************************************/

body {
	padding: 0;
	margin: 0;
	font-family: Arial, Helvetica, sans-serif;
	background: #eee;
}

a {
	text-decoration: none;
}

a img {
	border: none;
}

#wrapper {
	margin: 0 auto;
	width: 970px;
	background: #ddd url(../graphics/bkg-internal.png) 40px 0 repeat-y;
	border: 1px solid #333;
	border: none;
	border-right: 3px solid #ccc;
	border-left: 3px solid #ccc;
}

header {
	padding: 0;
	background: #333;
	opacity: 1;
	width: 890px;
	padding: 0 40px;
	margin: 0 auto;
	overflow: hidden;
}

article {
	width: 500px;
	margin: 0 0 0 40px;
	padding: 20px 30px 40px;
	float: left;
}



/* ***********************************************
** HEADER
** **********************************************/

hgroup {
	display: block;
	margin-top: 30px;
	height: 76px;
}

header a#banner {
	display: block;
	background-repeat: no-repeat;
	height: 66px;
	width: 553px;
	overflow: hidden;
	float: left;
}

header .bnr-en {
	background-image: url(../graphics/hdg-en-1.png);
}

header .bnr-pt {
	background-image: url(../graphics/hdg-pt-1.png);
}

header .bnr-tet {
	background-image: url(../graphics/hdg-tet-1.png);
}

header a#banner h1, header a#banner h2 {
	display: none;
}

header a#emblem {
	float: right;
}

/* ***********************************************
** NAVS
** **********************************************/

#nav-main {
	clear: both;
}

nav a:hover {
	text-decoration: none;
}

nav ul {
	margin: 0;
	padding: 0;
}

nav#main {
	display: block;
}

nav#main ul, nav#sec ul {
	border-left: 1px solid #666;
	height: 30px;
	background: #585858;
}

nav#sec ul, nav#lang ul {
	float: right;
}

nav#lang ul {
	font-size: .8em;
	background: none;
	border-left: 1px solid #444;
}

nav li {
	display: inline;
	margin: 0;
	padding: 0;
}

nav#main li a, nav#sec li a, nav#lang li a {
	font: normal 16px/30px Arial, Helvetica, sans-serif;
	letter-spacing: .1em;
	color: #fff;
	padding: 0 14px;
	border-right: 1px solid #666;
	display: block;
	float: left;
}


nav#main li a:hover {
	background: #009ec5;
}

nav#sec li a:hover {
	background: #333;
}

nav#lang li a {
	font: normal .9em/22px Arial, Helvetica, sans-serif;
	color: #666;
	border-right: 1px solid #444;
	border-left: none;
}

nav#lang li a:hover {
	color: #fff;
}


/* ***********************************************
** MULTIMEDIA
** **********************************************/

#infocus {
}

#infocus h1 {
	color: #000;
	background: #fff;
	padding: 20px 40px 16px;
	margin: 0;
	font: normal 18px Arial, Helvetica, sans-serif;
}

#infocus h1 .keyword {
	font-size: 1.2em;
	color: #009ec5;
	letter-spacing: .05em;
}

 article .keyword {
	color: #009ec5;
}

#multimedia {
}

#infocus #multimedia {
	height: 545px;
	background: #666;
}

#infocus #multimedia p {
	text-align: center;
	font-size: 4em;
	margin: 0 !important;
	padding: 240px 0 0 !important;
	color: #000;
}

#infocus #multimedia-home {
	height: 420px;
	background: #666;
}

#pag-message {
	background: #fff;
}

#bar-sharing {
	 background: #333 url(../graphics/sep-shadow-full.png) no-repeat;
	 padding: 6px 40px 2px;
	 height: 24px;
	 overflow: hidden;
}


/* ***********************************************
** THEMES
** **********************************************/

#themes {
	background: #333 url(../graphics/sep-shadow-full.png) no-repeat;
	padding: 0 0 20px 39px;
}

.theme {
	width: 162px;
	float: left;
	margin: 20px 0 6px 10px;
	padding: 0 0 0 10px;
	color: #eee;
	font-size: .8em;
	display: block;
	font-weight: normal;
	color: inherit;
	border-left: 1px solid #444;
}

.theme:hover {
	text-decoration: none;
	border-bottom: 6px solid #fff;
	margin-bottom: 0;
	opacity: .8;
}

a.theme h1 {
	font: normal 2em/.8em Arial, Helvetica, sans-serif;
	padding: 0;
	margin: 10px 0 0;
	color: #009ec5;
}

.theme p {
	margin: 0;
	padding: 4px 0 10px;
	color: #fff;
	font-size: 1.2em;
}

.theme:hover img {
}

.first {
	margin-left: 0;
	padding-left: 0;
	border-left: none;
}


article a {
	color: #009ec5;
	text-decoration: none;
	font-weight: bold;
}

article a:hover, article a:active {
	text-decoration: underline;
}


/* ***********************************************
** ASIDE & SECTIONS
** **********************************************/

aside {
	width: 300px;
	float: left;
	margin: 30px 0 0 30px;
	padding-bottom: 10px;
	font-size: .9em;
}

aside section {
	background: #fff;
	margin-bottom: 20px;
	padding: 20px;
	border: 1px solid #ccc;
}

aside section a {
	color: #333;
	border-bottom: 1px solid #009ec5; 
}

aside section a:hover {
	border-bottom: none;
}

aside section h1 {
	font: normal 2em Arial, Helvetica, sans-serif;
	color: #009ec5;
	padding: 0;
	margin: 8px 0 0;
	padding: 0;
}

aside section h2 {
	font: normal 1.6em/1em Arial, Helvetica, sans-serif;
	color: #009ec5;
	color: #333;
	padding: 0;
	margin: 10px 0 4px;
	padding: 0;
}

aside section ul {
	margin: 0 0 0 20px;
	padding: 0;
}

aside section li {
	margin: 4px 0;
	padding: 0;
}

section aside section {
	background: inherit;
	padding: 0;
	border: none;
}

section aside section img {
	float: left; border: 10px solid #009ec5; margin: 0 10px 10px 0px
}
section aside section p {
	padding: 26px 0 0 10px; font: normal 1.08em/1.2em Arial, Helvetica, sans-serif;
}
section aside section footer {
	text-align: right; font-size: 1.08em; line-height: 1.2em;
}

/* ***********************************************
** SLIDE SHOW
** **********************************************/

#slideshow {
	height: 545px;
	height: 420px;
	background: #ddd;
}

#slides {
	width: 970px;
	height: 545px;
	height: 420px;
	z-index: 100;
	margin-left: 0;
	position: absolute;
	clear: both;
}

.slides_container {
	width: 970px;
	height: 545px;
	height: 420px;
	overflow: hidden;
	position: relative;
	display: none;
}

.slides_container div.slide {
	width: 970px;
	height: 545px;
	height: 420px;
	display: block;
}

#slides .next, #slides .prev {
	display: none;
}

.pagination {
	width: 100px;
	position: absolute;
	z-index: 100;
	top: 197px;
	*top: 213px;
	left: 819px;
}

.pagination li {
	float: left;
	margin: 0 1px;
	list-style: none;
}

.pagination li a {
	display: block;
	width: 14px;
	height: 0;
	padding-top: 14px;
	float: left;
	overflow: hidden;
}

.pagination li.current a {
	/*background-position: 0 -12px;*/
	background-image: url(../graphics/pagination.png);
}

/* ***********************************************
** TINY CAROUSEL
** **********************************************/

.viewport {
	width: 256px;
	height: 64px;
	overflow: hidden;
	position: relative;
}

.viewport a {
	text-decoration: none;
	border-bottom: none;
	height: 64px;
	overflow: hidden;
}

.buttons {
	display: block;
	width: 22px;
	height: 22px;
	float: left;
	position: relative;
	z-index: 1000;
	padding-top: 20px;
	opacity: .8;
	filter: alpha(opacity=80);
}

.prev {
	padding-left: 4px;
}

.next {
	padding-right: 4px;
	float: right;
}

.prev:hover, .next:hover {
	opacity: 1;
	filter: alpha(opacity=100);
}

.disable {
	visibility: hidden;
}
.overview {
	list-style: none;
	position: absolute;
	padding: 0;
	margin: 0;
	left: 0;
	top: 0;
}
.overview li {
	float: left;
	margin: 0;
	height: 64px;
	width: 64px;
}


/* ***********************************************
** FOOTER
** **********************************************/

footer#mainfooter {
	background: #333 url(../graphics/sep-shadow-full.png) no-repeat;
	padding: 40px 0 30px 40px;
	clear: both;
	font-size: .9em;
}

footer#mainfooter a, footer#mainfooter p {
	color: #999;
	line-height: 1.4em;
}

footer#mainfooter a:hover, footer#mainfooter p:hover {
	color: #fff;
	border-color: #fff;
}

footer#mainfooter p {
	margin: 0;
	padding: 0 90px 0 10px;
	float: left;
	width: 440px;
	border-left: solid  6px #999;
}


footer#mainfooter a {
	border-left: solid  1px #999;	
	display: block;
	padding-left: 10px;
	
}

footer#mainfooter ul {
	float: left;
	margin: 0 10px 0 0;
	padding-left: 1em;
}

footer#mainfooter li {
	display: inherit;
	list-style: none;
}

/* ***********************************************
** INDIVIDUAL CLASSES
** **********************************************/


acronym {
	border-bottom: 1px dotted #ccc;
	cursor: help;
}


.banner {
	font: normal 1.9em Arial, Helvetica, sans-serif;
	color: #fff;
	padding: 14px 20px;
	margin: 0 0 20px;
	background: #009ec5;
	display: block;
	border: 1px solid #008cb0;
}

:hover.banner {
	background: #fff;
	color: #009ec5;
	text-decoration: none;
	border: 1px solid #009ec5;
}

section h1, article h1 {
	color: #009ec5;
	font: normal 2.3em Arial, Helvetica, sans-serif;
	padding: 0;
	margin: 20px 0 6px;
}

section h2,  article h2, article .lead {
	font: normal 1.4em/1.2em Arial, Helvetica, sans-serif;
	color: #333;
	margin-top: 0;
}

article h3 {
	font: normal 1.6em/1.2em Arial, Helvetica, sans-serif;
	color: #333;
	margin: 0;
}

article .infoplus {
	margin-top: 0;
	font-size: 1.2em;
	color: #666;
}

article p {
	font: normal 1.1em/1.4em Arial, Helvetica, sans-serif;
}

article ul li {
	margin: .5em 0;
}

aside .lead {
	font-size: 1.1em;
	color: #333;
	margin: 0 0 10px;
	padding: 0;
}

.clear {
	line-height: 1px;
	height: 1px;
	font-size: 1px;
	clear: both;
}

.hidden {
 display: none;   
}

#unique {
	margin: 3em 4em;
	padding: 3em;
	border: 3px solid #ccc;
	background: #fff;
	width: inherit;
}

#unique h1 {
	font: normal 2em Georgia, 'Times New Roman', Times, serif;
	color: black;
}

#unique p {
	font-size: inherit;
	line-height: inherit;
}

#unique h2 {
	font: normal 1.4em Georgia, 'Times New Roman', Times, serif
}

#unique a {
	text-decoration: none;
	color: #333;
	border-bottom: 1px solid #009ec5;
	font-weight: normal; 
}

#unique a:hover {
	border-bottom: none; 
}

.ablock {
	display: block;
	clear: both;
	min-height: 200px;
	border-bottom: none !important;
	border: none;
}

.ablock img {
	float: left; margin-right: 20px;
}

.ablock li {
	list-style: none;
}