/* reset.css */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}
/* remember to define focus styles! */
:focus {outline: 0;}
body {
	line-height: 1;
	color: black;
	background: white;
}
ol, ul {list-style: none;}
table {border-collapse: separate;border-spacing: 0;}
caption, th, td {text-align: left;font-weight: normal;}
blockquote:before, blockquote:after,
q:before, q:after {content: "";}
blockquote, q {quotes: "" "";}

/*home*/
body {
	background: #333;
	color: #FFF;
	text-align: center;
	font-size: 62.5%;
	font-family: 'Lucida Grande', Verdana, Arial, Sans-Serif;
	margin: 0;
	padding: 0; 
}

#page-home {
	margin: 0px auto;
	padding: 8px 5px 0 5px;
	width: 970px;
	background: #000 url('images/page-home.jpg') repeat-y;
	color: #FFF;
}

a {color: #000;}

.claim {
	margin: 0px auto;
	margin-top: 30px;
	font-size: 1.3em;
	width: 550px;
	line-height: 150%;
}

#footer_home{
	margin: 0 auto;
	padding: 0 5px 0 5px;
	width: 970px;
	text-align: center;
	font-size: 1.1em;
	height: 38px;
	background: #000 url('images/bg_footer.jpg') no-repeat;
	border-top: 1px solid #333;
}

#top-home{
	margin: 0 auto;
	padding: 0 5px 0 5px;
	width: 970px;
	text-align: center;
	height: 25px;
	background: #333 url('images/bg_header.jpg') no-repeat;
	border-bottom: 1px solid #333;
}

#footer_home a {text-decoration: none;}
.footer_home_dx a {color: #FFF;}
.footer_home_sx a {color: #FC0;}
.footer_home_sx p {margin-top: 10px;}
.footer_home_dx p {margin-top: 15px;}

.footer_home_sx{
    float: left;
    width: 430px;
    font-weight: normal;
    font-size: 13px;
    font-family: "Georgia", Times New Roman, Times, serif;
    font-style: italic;
}

.footer_home_dx{
    float: left;
    width: 440px;
    text-align:right;
    margin-left: 40px;
}

/* lytebox.css */
#lbOverlay { position: fixed; top: 0; left: 0; z-index: 99998; width: 100%; height: 500px; }
    #lbOverlay.grey { background-color: #000000; }
#lbMain { position: absolute; left: 0; width: 100%; z-index: 99999; text-align: center; line-height: 0; }
#lbMain a img { border: none; }
#lbOuterContainer { position: relative; background-color: #fff; width: 200px; height: 200px; margin: 0 auto; }
    #lbOuterContainer.grey { border: 3px solid #888888; }
#lbDetailsContainer {	font: 10px Verdana, Helvetica, sans-serif; background-color: #fff; width: 100%; line-height: 1.4em;	overflow: auto; margin: 0 auto; }
    #lbDetailsContainer.grey { border: 3px solid #888888; border-top: none; }
#lbImageContainer, #lbIframeContainer { padding: 10px; }
#lbLoading {position: absolute; top: 45%; left: 0%; height: 32px; width: 100%; text-align: center; line-height: 0; background: url(images/loading.gif) center no-repeat;}
#lbHoverNav { position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 10; }
#lbImageContainer>#lbHoverNav { left: 0; }
#lbHoverNav a { outline: none; }
#lbPrev { width: 49%; height: 100%; background: transparent url(images/blank.gif) no-repeat; display: block; left: 0; float: left; }
	#lbPrev.grey:hover, #lbPrev.grey:visited:hover { background: url(images/prev_grey.gif) left 15% no-repeat; }
#lbNext { width: 49%; height: 100%; background: transparent url(images/blank.gif) no-repeat; display: block; right: 0; float: right; }
	#lbNext.grey:hover, #lbNext.grey:visited:hover { background: url(images/next_grey.gif) right 15% no-repeat; }
#lbPrev2, #lbNext2 { text-decoration: none; font-weight: bold; }
	#lbPrev2.grey, #lbNext2.grey, #lbSpacer.grey { color: #333333; }
#lbPrev2_Off, #lbNext2_Off { font-weight: bold; }
	#lbPrev2_Off.grey, #lbNext2_Off.grey { color: #CCCCCC; }
#lbDetailsData { padding: 0 10px; }
	#lbDetailsData.grey { color: #333333; }
#lbDetails { width: 60%; float: left; text-align: left; }
#lbCaption { display: block; font-weight: bold; }
#lbNumberDisplay { float: left; display: block; padding-bottom: 1.0em; }
#lbNavDisplay { float: left; display: block; padding-bottom: 1.0em; }
#lbClose { width: 64px; height: 28px; float: right; margin-bottom: 1px; }
	#lbClose.grey { background: url(images/close_grey.png) no-repeat; }
#lbPlay { width: 64px; height: 28px; float: right; margin-bottom: 1px; }
	#lbPlay.grey { background: url(images/play_grey.png) no-repeat; }
#lbPause { width: 64px; height: 28px; float: right; margin-bottom: 1px; }
	#lbPause.grey { background: url(images/pause_grey.png) no-repeat; }
/**/

/*dock.css */
img { border: none; }

.dock {
	position: relative; 
	height: 20px; 
	text-align: center;
}
.dock-container {
	position: absolute;
	height: 20px;
}

em.dock-item {
	display: block;
	color: #FFF;
	position: absolute;
	bottom: 0px;
	text-align: center;
	text-decoration: none;
	font-weight: bold;
	font-size: 14px;
	/*border:1px solid #FFF;*/
	/*cursor: hand;*/
}
.dock-item img {
	border: none; 
	margin: 5px 10px 0px; 
	width: 100%; 
	z-index:-1;
}

.dock-item span {
	display: none; 
	padding-left: 20px;
}

/*------------*/

ul.sub-dock {
	margin:0;
	padding:0;
	text-align: left;
	list-style: none;
	float: left;
	width: 190px;
	font-size: 1.3em;
	line-height: 150%;
	display: none;
	/*top: 590px;*/
	top: 517px;
	position:absolute;
}

ul.sub-dock a {
	color: #FFF;
	text-decoration: none;
}

ul#e-guides,
ul#e-gateways {
	margin: 0 0 0 100px;
}

ul#access-services {
	/*margin: 0 0 0 200px;*/
	margin: 0 0 0 160px;
}

ul#data-banks {
/*	margin: 0 0 0 300px;*/
	margin: 0 0 0 270px;
}

ul#institutions {
	margin: 0 0 0 380px;
}

ul#thematic-sites {
	margin: 0 0 0 490px;
}

ul#e-learning {
	margin: 0 0 0 600px;
}

ul#e-government {
	margin: 0 0 0 710px;
}

ul#tutorial{
	margin: 0 0 0 720px;
}

#Bar a:hover{
/*cursor: hand;*/
}

/*---------------------------------------------*/

