body  {
background-color:#202020;
/* background-color:#E0E0E0; */
margin:0;
padding:0;
font-size:100%;
text-align:center;
margin-left:20px;
margin-right:20px;
}

#header  {
/* background-color:#F5F5F5; */
background-color:#E0E0E0;
position:fixed;
left:0;
height:55px;
width:100%;
/*display:block;*/
z-index:1;
}

/*
#navcontainer {
visibility:hidden;
}
*/

#logoSBD {
position:fixed;
left:0;
}

#metadata {
border-bottom:1px solid #ACD9E5;
border-right:1px solid #ACD9E5;
background-color:#E0E0E0;
position:fixed;
left:335px;
top:0px;
width:600px !important;
height:50px;
/*margin-top:10px;*/
/*padding-bottom:20px;*/
/* padding-right:0.867em; */
font-family:Verdana,Arial,Helvetica,sans-serif;
/* font-size:11px; */
font-size:0.785em;
font-style:normal;
font-weight:bold;
line-height:15px;
text-align:left;
vertical-align:text-bottom;
margin-top:4px;
}

#morefont {
font-size:0.785em;
font-style:normal;
font-weight:bold;
}

#menu  {
/* background-color:#F5F5F5; */
border-bottom:2px solid #ACD9E5;
background-color:#E0E0E0;
position:fixed;
left:0;
right:0;
top:0;
margin-top:55px;
height:25px;
width:100%;
/*display:block;*/
z-index:1;
}

#submenu  {
/* background-color:#F5F5F5; */
border-bottom:1px solid #ACD9E5;
background-color:#E0E0E0;
position:fixed;
left:0;
right:0;
top:0;
margin-top:82px;
height:24px;
width:100%;
/*display:block;*/
z-index:1;
}

#menu-mesinfo {
position:fixed;
left:15px;
top:0px;
width:50px !important;
height:auto;
margin-top:60px;
/* padding-bottom:20px; */
/* padding-right:0.867em; */
/*font-family:Verdana,Arial,Helvetica,sans-serif; */
/* font-size:11px; */
/*font-size:0.687em;
font-style:normal;
font-weight:bold;*/
line-height:15px;
text-align:left;
color:#217BAE;
}

#menu-thumbnails {
position:fixed;
left:70px;
top:0px;
width:100px !important;
height:auto;
margin-top:60px;
}

#menu-mosaic {
position:fixed;
left:500px;
top:0px;
width:250px !important;
height:auto;
margin-top:60px;
}

#menu-options {
position:fixed;
left:300px;
top:0px;
width:125px !important;
height:auto;
margin-top:60px;
}

#menu-navigation {
position:fixed;
left:550px;
top:0px;
width:210px !important;
height:auto;
margin-top:60px;
font-family:Verdana,Arial,Helvetica,sans-serif;
font-size:0.687em;
font-style:normal;
font-weight:bold;
line-height:15px;
text-align:left;
color:#217BAE;
}

#menu-choose {
position:fixed;
left:60px;
top:0px;
width:80px !important;
height:auto;
margin-top:85px;
text-align:left;
color:#217BAE;
font-family:Verdana,Arial,Helvetica,sans-serif;
font-size:0.687em;
font-style:normal;
font-weight:bold;
}

#menu-index {
position:fixed;
left:250px;
top:0px;
width:250px !important;
height:auto;
margin-top:85px;
text-align:left;
color:#217BAE;
font-family:Verdana,Arial,Helvetica,sans-serif;
font-size:0.687em;
font-style:normal;
font-weight:bold;
}

#menu-images {
position:fixed;
left:550px;
top:0px;
width:300px !important;
height:auto;
margin-top:85px;
text-align:left;
color:#217BAE;
font-family:Verdana,Arial,Helvetica,sans-serif;
font-size:0.687em;
font-style:normal;
font-weight:bold;
}


/**/
/*#menu { */
/* background-image:url("../img/icn_home.gif"); 
/*background-color:#F5F5F5;*/
/*border-bottom:2px solid #ACD9E5;*/
/*background-color:#E0E0E0;*/
/*position:fixed;*/
/*left:0;*/
/*right:0;*/
/*top:0;*/
/*padding-top:5px;*/
/*width:100%;*/
/*height:23px;*/
/*margin-top:55px;*/
/*font-size:0.687em;*/
/*font-style:normal;*/
/*font-weight:bold;*/
/*line-height:15px;*/
/*text-align:left;*/
/*z-index:1;*/
/*margin-left:61px;*/
/*text-indent:50px;*/
/*vertical-align:text-bottom;*/
/* -- z-index:-1; */
/*} */


#leftMargin {
border-right:1px solid #ACD9E5;
left:0px;
right:0px;
top:85px;
width:175px;
height:90%;
/*background-color:#F5F5F5;*/
background-color:#202020;
color:#ffffff;
position:fixed; 
text-align:left;
/*text-indent:5px;
line-height:150%; */
vertical-align:text-top;
padding-bottom:20px;
padding-left:8px;
overflow:auto;
z-index:-1;
/*border-bottom:2px solid #ACD9E5; */
}

select.color{
background-color:white; 
color:#217BAE;
font-family:Verdana,Arial,Helvetica,sans-serif;
font-size:0.887em;
font-style:normal;
font-weight:bold;
}

#main {
background-color: #202020;
left: 177px;
padding-left: 10px;
position:absolute;
text-align: center;
overflow:false;
top: 110px;
z-index: -4;
/*display:block;*/
width:88%;
height:90%;
}

#toc {
left:0px;
right:0px;
top:105px;
width:175px;
height:90%;
/* background-color:#F5F5F5; */
background-color:#202020;
color:#ffffff;
position:fixed; 
text-align:left;
/*text-indent:5px;
line-height:150%; */
vertical-align:text-top;
padding-bottom:20px;
padding-left:8px;
overflow:auto;
z-index:-1;
/*border-bottom:2px solid #ACD9E5; */
}

#thumb {
left:0px;
right:0px;
width:110px;
position:fixed;
top:400px;
padding-top:10px;
padding-left:10px;
padding-bottom:5px;
background-color:#202020;
text-align:center;
font-family:Verdana,Arial,Helvetica,sans-serif;
font-size:9px;
font-weight:bold;
/*text-indent:5px;
line-height:150%; */
vertical-align:text-top;
z-index:-1;
}

#indice {
position:fixed;
top:130px;
left:150px;
height:100px;
width:400px;
text-align:left;
}

#imgInitial {
position:fixed;
top:130px;
left:580px;
}

#continguts {
position:relative;
/*left:400px; */
top:50px;
left:15px;
height:600px;
overflow:auto;
width:400px;
text-align:left;
}

.fImgInitial {
font-family:Arial,Helvetica,sans-serif;
text-align:center;
font-weight:bold;
font-size:13px;
margin-top:10px;
margin-left:10px;
color:#ffffff;
}

.fontMenu {
font-family:Arial,Helvetica,sans-serif;
font-size:13px;
font-weight:bold;
text-align:left;
color:#217BAE;
}

.ftitle {
font-family:Arial,Helvetica,sans-serif;
text-align:left;
font-weight:bold;
font-size:1.1em;
color:#ffffff;
}

.fcontents {
font-family:Arial,Helvetica,sans-serif;
text-align:left;
/*font-weight:bold; */
font-size:1.0em;
color:#ffffff;
}

.ftoc {
font-family:Arial,Helvetica,sans-serif;
text-align:left;
font-weight:bold;
font-size:11px;
color:#ffffff;
}


#toc a:link {
    color:white;
}
#toc a:visited {
    color:white;
}

.ftoc a:link {
    color:white;
}
.ftoc a:visited {
    color:white;
}



#footer {
/* background-color:#F5F5F5; */
/*border:2px solid #ACD9E5;*/
/*background-color:#E0E0E0;*/
background-color:#202020;
bottom:0;
display:block;
font-size:0.8em;
left: 200px;
/*opacity:0.3;*/
margin-top:10px;
margin-bottom:10px;
position:fixed;
width:300px;
z-index:1;
font-family:Arial,Helvetica,sans-serif;
font-size:12px;
text-align:center;
/*color:#217BAE;*/
color:white;
}

.fontFooter {
font-family:Arial,Helvetica,sans-serif;
font-size:12px;
text-align:center;
color:#217BAE;
}

.fontFooter {
font-family:Arial,Helvetica,sans-serif;
font-size:12px;
text-align:center;
color:#217BAE;
}


/* Scroll Bar Master Styling Starts Here */
/* All comments can be freely removed from the css */

.scrollgeneric {
line-height: 1px;
font-size: 1px;
position: absolute;
top: 0; left: 0;
}

.vscrollerbase {
width: 10px;
background-color: white;
}
.vscrollerbar {
width: 10px;
background-color: #C8C8C8;
/* background-color: gray; */
}
.hscrollerbase {
height: 5px;
background-color: white;
}
.hscrollerbar {
height: 5px;
background-color: #C8C8C8;
/* background-color: gray; */
}

.scrollerjogbox {
width: 5px;
height: 5px;
top: auto; left: auto;
bottom: 0px; right: 0px;
background-color: gray;
}

#ImgList {
position:absolute;
left:0;
right:0;
top:0;
width:auto;
/*height:auto;*/
background-color:#202020;
display:inline;
}

div.a:visited {
background-color:white;
}

a {
color:#217BAE;
}

div.img
{
    margin:2px;
/*    border:1px solid #0000ff; */
    height:auto;
    width:auto;
    float:left;
    text-align:center;
    color:#202020;
}


div.img img
{
    display:inline;
    margin:3px;
/*    border:1px solid #ffffff; */
}

#imgContainer {
background-color:#202020;
position:absolute;
/* height:3000px;
width:2500px; */
left:135px;
top:0px;
text-align:center;
align:center;
padding-left:10px;
z-index:-4;
}

div.Gravats {
position:relative;
height:auto;
width:800px;
float:left;
left:15px;
top:15px;
text-align:left;
padding-left:50px;
font-family:Arial,Helvetica,sans-serif;
text-align:left;
font-weight:bold;
font-size:13px;
margin-top:10px;
margin-left:10px;
color:#ffffff;
}

#Mosaic {
background-color:#202020;
position:relative;
height:auto;
width:800px;
left:15px;
top:15px;
text-align:left;
padding-left:50px;
}

div.desc {
    font-family:Arial,Helvetica,sans-serif;
    text-align:center;
    font-weight:bold;
    font-size:12px;
    color:#ffffff;
    width:120px;
    margin:2px;
}



#moreDb {
margin-top: 20px;
width: 90%;
text-align: left;
border: 1px solid #C7C7C7;
/*height: 220px; */
}

#more-img {
margin-right: 20px;
width: 220px;
float: left;
}

#more-des {
/*float: left;*/
font-size: 1em;
margin-left: 10px;
vertical-align:top;
padding-right:10px;
text-align:top;
font-family:Arial,Helvetica,sans-serif;
text-align:left;
font-weight:bold;
font-size:11px;
color:#ffffff;

}