/* General settings */

* {
margin:0;
padding:0;
}

/* Workaround to the '3-Pixel-Bug' of the Internet Explorer: */
* html #content {height: 1em;}

html {
overflow-y: scroll;
}

body {
padding: 0;
font-family: Verdana, sans-serif;
text-align: center;
background: #387dc3;/* #FFCC66; */
/*background-attachment: fixed;*/
/* Other used (yellow-ish) color: #FFDC1E; */
}

A {text-decoration: none;}
A:LINK { color: #387dc3; }
A:VISITED { color: #387dc3;  }
A:ACTIVE { color: #387dc3;  }
A:HOVER { color: black; text-decoration: underline;  }


.clear
{
clear: both;
}

@media print {
 .donotprint {
 display : none;
 }
}


/* Layout Structure */

#site /* contains all content */
{
position: relative;
width: 1170px;
height: 100%;
margin: auto;
padding-top: 5px;
padding-bottom: 5px;
}

#top /* contains banner */
{
width: 100%;
height: 120px;
background:url('img/box_o.png') top no-repeat;
border: 0px solid red;  
}

#middle /* contains menus and page content */
{
width: 100%;
height: auto;
background:url('img/box_m.png') top repeat-y;
border: 0px solid blue; 
/*padding-top: 10px;*/
	overflow: auto;
}

#bottom /* contains footer */
{
width: 100%;
height: 50px;
background:url('img/box_u.png') top no-repeat;
border: 0px solid green;
padding-top: 0px;
overflow: hidden;
}


#mainmenu /* contains mainmenu (vertical) */
{
float: left;
width: 120px;
margin-left: 27px;
padding: 20 0 0 0;
border: 0px solid #696969;
display: inline; /* to prohibit IE6 double float margin bug */
}

#content  /* contains page content */
{
float: top;
width: auto;
margin-left: 147px;
margin-right: 147px;
border-left: 0px solid #696969;
padding: 5 0 10 0;
text-align: center;
}
#content h1
{
font-size: 14pt;
font-weight: bold;
padding: 10 10 10 20;
color: black;
text-align: center;
}
#content h2
{
font-size: 10pt;
/* font-weight: bold; */
text-decoration: underline;
padding: 10 10 5 20;
color: black;
text-align: left;
}
#content h3
{
font-size: 10pt;
font-weight: bold;
padding: 3 10 8 20;
color: black;
text-align: left;
}
#content p
{
font-size: 10pt;
padding: 0 20 5 18;
text-align: justify;
}
#content .pcenter
{
font-size: 10pt;
padding: 0 10 5 8;
text-align: center;
}
#content ul
{
font-size: 10pt;
text-align: left;
margin: 8 20 8 25;
list-style-image: url(img/bullet.png);
}
#content ul li
{
font-size: 10pt;
text-align: left;
margin: 8 20 8 25;
list-style-image: url(img/bullet.png);
/* border-bottom: 1px solid black; */
}
#content ol
{
font-size: 10pt;
text-align: left;
margin: 8 20 8 25;
/* list-style-image: url(img/bullet.png); */
}
#content ol li
{
font-size: 10pt;
text-align: left;
margin: 8 20 8 25;
/* list-style-image: url(img/bullet.png); */
/* border-bottom: 1px solid black; */
}
#content p table
{
font-size: 8pt;
text-align: center;
/*border: 1px black solid;*/
margin: 5px auto 5px auto;
border-collapse: collapse;
background: #FFFFFF;
}
#content p table#small_font
{
font-size: 7pt;
}
/*#content p table tr#highlight
{
background: #FBE694;
}*/
#content p table th
{
border: 1px black solid;
padding: 2 2 3 2;
text-align: left;
background: #387dc3;
color: white;
}
#content p table td
{
border: 1px #000000 solid;
padding: 2 2 3 2;
text-align: left;
}
#content p table a#selected {
color: navy;
}
#content p table a {
color: #387dc3;
}
#content p table a:hover {
color: black;
text-decoration: underline;
}
#content p table a:focus {
color: black;
}

#infoblock /* contains info-bar*/
{
float: right;
width: 120px;
margin-right: 27px;
border-bottom: 2px solid #000000; /* other options: e.g. dashed */
border-left: 2px solid #000000;
display: inline; /* to prohibit IE6 double float margin bug */
}
#infoblock h1
{
font-size: 7pt;
font-weight: bold;
padding: 5 2 5 5;
color: black;
text-align: left;
}
#infoblock p
{
font-size: 7pt;
padding: 0 2 5 7;
text-align: left;
}


#footer  /* contains footer content */
{
margin: 0px 27px 20px 27px;
padding: 5px 15px 0px 15px;
border: 0px solid black;
border-top: 0px solid red;
font-size: 7pt;
font-weight: bold;
color: black; 
}

#footer .tree /* contains directory */
{
float: left;
}
#footer .toplink /* contains link to top of page */
{
float: right;
}
#footer p
{
margin: 0px 200px 0px 200px;
}

/******* left navigation *******/
ul#nav {
	/*position: absolute;*/
	/*bottom: 0;*/
	/*left: 112;*/
	margin-left: 0px;
	/*margin-bottom: -2px;*/
	border: 0px solid red;
}
ul#nav li {
	float: left;
	position: relative;
	margin-left: 0px;
	margin-top: 4px;
	/*display: inline;*/
	display: table;
}
ul#nav li a {
	position: relative;
	width: 120px; /* width + padding-left = 120px */
	height: 38px; /* height = 36px */
	
	/*display: block;*/
	display: table-cell;
	
	background-image: url('img/tabs.png');
	background-position: center center;
	color: black;
	text-decoration: none;
	font-size: 8pt;
	font-weight: bold;
	
	vertical-align: middle;
	
	padding: 4 0 4 0;
	text-align: left;
	padding-left: 10px;
}

ul#nav li.current a {
	background-position: top;
	color: white;
}
ul#nav li a:hover {
	background-position: bottom;
	color: white;
}
ul#nav li.current a:hover {
	background-position: top; /* To Prevent the Current tab from changing colour on hover */
	color: white;
}
ul#nav li.current {
	z-index: 100;
}
ul#nav li.m0 {
	z-index: 100;
}
ul#nav li.m1 {
	z-index: 99;
}
ul#nav li.m2 {
	z-index: 98;
}
ul#nav li.m3 {
	z-index: 97;
}
ul#nav li.m4 {
	z-index: 96;
}
ul#nav li.m5 {
	z-index: 95;
}
ul#nav li.m6 {
	z-index: 94;
}
ul#nav li.m7 {
	z-index: 93;
}
ul#nav li.m8 {
	z-index: 92;
}
ul#nav li.m9 {
	z-index: 91;
}
ul#nav li.m10 {
	z-index: 90;
}


#menu  /* contains sub-menu (horizontal) */
{
width: 100%;
height: auto; /* 22px; */
font-weight: bold;
font-size: 8pt;
color: black;
border-bottom: 0px dashed black;
}
#menu p {
text-align: left;
padding: 0 20 4 20;
}
#menu a {
color: black;
text-decoration: none;
}
#menu a#selected {
color: #387dc3;
}
#menu a:hover {
color: #387dc3;
text-decoration: underline;
background: none;
}
#menu a:focus {
color: #387dc3;
}

#top_info  /* contains top information */
{
	float: bottom;
	width: auto;
	/*height: 100%;*/
	margin: 0 350 0 350;
	border: 0px solid #696969;
	padding: 45 0 0 0;
	text-align: center;
	background-image: url('img/logoBarcelona2024.png');
	background-position: center bottom;
	background-repeat: no-repeat;
}
#top_info h1
{
	font-size: 14pt;
	font-weight: bold;
	padding: 0 135 2 0;
	color: black;
	text-align: right;
}
#top_info h2
{
	font-size: 10pt;
	font-weight: bold;
	padding: 0 135 5 90;
	color: #387dc3;
	text-align: right;
}
#top_info a {
color: #387dc3;
text-decoration: none;
}
#top_info a:hover {
color: #387dc3;
text-decoration: underline;
background: none;
}
#top_info a:focus {
color: #387dc3;
}


#top_info2  /* contains top information */
{
	float: bottom;
	width: auto;
	/*height: 100%;*/
	margin: 0 200 0 200;
	border: 0px solid #696969;
	padding: 58 0 0 0;
	text-align: center;
}
#top_info2 h1
{
	font-size: 18pt;
	font-weight: bold;
	padding: 0 235 00 0;
	color: white;
	text-align: right;
}
#top_info2 h2
{
	font-size: 10pt;
	font-weight: bold;
	padding: 0 15 5 90;
	color: #387dc3;
	text-align: right;
}
#top_info2 a {
color: #387dc3;
text-decoration: none;
}
#top_info2 a:hover {
color: #387dc3;
text-decoration: underline;
background: none;
}
#top_info2 a:focus {
color: #387dc3;
}