/*  body und schrift deffinitionen */
html { 
  padding:0px;
  margin:0px;
  height:100%;
}

abody {
  background-color: #ffffff;
  font-size: 12px;
  font-family: Verdana, Arial, SunSans-Regular, Sans-Serif;
  text-align: justify;
  color:#564b47;  
  padding:0px 0px;
  margin:0px;
  height:100%;
}

body {
	background: #fff; 
	margin: 0px 0px 10px; 
	font: 12px/18px Verdana, Arial, Helvetica, sans-serif; 
	color: #202020;
   text-align: justify;
}


#navi_top li
{
display: inline;
list-style-type: none;
padding-right: 10px;
}

	
#navi_left {  
	list-style:none;
	margin:10px;
	padding:0;
	list-style-type: none;
}

#navi_left ul{  
	list-style:none;
	margin:10px;
	padding:0;
	list-style-type: none;
}
	
#navi_left li {
	margin:2px;
	padding:4px; //Ya no necesito el padding, tambien quitare el borde que puse antes.
	float:left;
	font-size:11px;
	text-align:left;
   color:#FFFFFF;
	font-weight: bold;
	background-color:#000066;
}
#navi_left li a {
	display:block; //Convertimos el vínculo en un bloque.
	width:100px;
	padding:4px 0;
	text-decoration:none;
	text-align:left;
	font-size:11px;
	color:#FFFFFF;
	font-weight: bold;
	background-color:#000066;
}


#navi_left li ul {
padding:0px;
}

#navi_left li li a {
	display:block; //Convertimos el vínculo en un bloque.
	width:100px;
	padding:0px 0;
	text-decoration:none;
	text-align:left;
	font-size:11px;
	color:#FFFFFF;
	font-weight: normal;
	background-color:#000066;
}

//Ahora vamos con el hover:
#navi_left li a:hover {
	color:#99CC00;
	background-color:#003366;
}

#image_top {
  padding:0px 0px;
} 

p, pre, h2, h3, h4 {
  padding:10px;
  margin:0px;
  width:100%;
}


h1 {
font-size: 11px;
text-transform:uppercase;
text-align: right;
color: #564b47;
background-color: #90897a;
padding:5px 15px;
margin:0px
}

h2 {
font-size:14px;
padding-top:10px;
text-transform:uppercase;
color: #999;
background-color: transparent;
}

h3 {
font-size:12px;
padding-top:10px;
text-transform:uppercase;
color: #06a;
background-color: transparent;
}

h4 {
font-size:14px;
padding-top:10px;
text-transform:uppercase;
color: #ff0000;
background-color: transparent;
}

h2_menu {
font-size:14px;
padding-top:10px;
text-transform:uppercase;
color: #ffff;
background-color: transparent;
}

a { 
color: #006;
font-size: 12px;
background-color:transparent;
text-decoration: none; 
}

a.ext-link {
background: url(link_icon.gif) left center no-repeat;
padding-left: 16px;
}

a.pdf-link {
background: url(pdf_icon.gif) left center no-repeat;
padding-left: 16px;
}

a.mail-link {
background: url(mail_icon.gif) left center no-repeat;
padding-left: 16px;
}

* html a.ext-link .icon { display: inline-block; }


pre { 
color: #564b47;
font-size: 11px;
background-color:transparent;
font-family: Courier, Monaco, Monospace;
}


/*  positioning-layers statisch und absolut */
#top {
  position: relative;
  height: 102px;
  left: 0px;
  #background-color: #006666;
  background: url("bsc_logo-warning.png");
}

#menu_dream {
  position: absolute;
  width: 200px;
  left: 0px;
  background-color: #000066;
  height:200%;
}


#content {
  margin-left: 20px;
  background-color:#fff;
}

#content_main {
  position:relative;
  top: 0px;
  width: 700px;
  height:100%; 
  color:#000; 
  margin:0;
}

/* Menu horizontal */
ul#navlist
{
padding: 0;
margin: 0;
list-style-type: none;
float: left;
width: 100%;
height: 35px;
color: #fff;
background-color: #000066;
}

ul#navlist li {
display: inline;
}

ul#navlist li a
{
float: left;
#width: 105px;
width: 16%;
height: 44px;
color: #fff;
background-color: #000066;
padding: 0.1em 0.1em;
text-decoration: none;
text-align: center;
border-left: 1px solid #fff;
}

ul#navlist li a:hover
{
background-color: #06a;
color: #fff;
}

ul#navlist li.selected a, ul#navlist li.selected, ul#navlist li.selected:hover a {
background-color: #06a;
color: #fff;
}

ul#navlistb
{
padding: 0;
margin: 0;
list-style-type: none;
float: left;
width: 100%;
height: 28px;
color: #fff;
background-color: #06a;
}

ul#navlistb li {
display: inline;
}

ul#navlistb li a
{
float: left;
color: #fff;
background-color: #06a;
padding: 0.05em 0.5em;
height: 23px;
text-decoration: none;
text-align: center;
border-right: 0px solid #fff;
}

ul#navlistb li a:hover
{
background-color: #09a;
color: #fff;
}

/* Imagenes... */
a.gallery span {visibility:hidden; display:block; position:absolute; height:700px; top:117px; left:10px; color:#000; background:#fff; text-align:center; border:0px solid #fff; font-family:tahoma, geneva, "lucida sans unicode", "lucida grande",verdana, sans-serif; letter-spacing:1px; cursor:default;}
a.gallery:hover {white-space:normal; border:0px solid #fff; z-index:100;}
a.gallery:hover span {visibility:visible; z-index:100;}
a.gallery:hover span img {margin:10px; border:0px solid #000; position:absolute; z-index:100;} /*tocar*/
a.gallery:active, a.gallery:focus {border:1px solid #c00; z-index:10;}
a.gallery:active span, a.gallery:focus span {visibility:visible; z-index:10;}
a.gallery:active span img, a.gallery:focus span img {border:0px solid #000; position:absolute; margin:10px; z-index:10;}

a#popup:visited {color:#000; text-decoration:none;}
a#popup {color:#000; text-decoration:none; position:relative; font-weight:bold;}
a#popup span {display:none;}
a#popup:hover {color:#000; cursor:default;}
a#popup:hover #popbox {display:block; position:absolute; top:-60px;; left:-55px;; width:440px; height:250px; background-color:#fff; color:#000; border:2px solid #06a; text-align:left; font-family:verdana; font-size:11px; padding-left:10px; padding-top:20px;}
a#popup:hover #poptop {display:block; position:absolute; top:-10px; left:-2px; width:454px; height:18px; color:#00c; background-color:#06a; color:#fff; text-align:center; font-weight:bold; border-bottom:0px ridge #00f; line-height:20px;}
a#popup:hover #warningbox {display:block; position:absolute; top:29px; left:5px; width:30px; height:27px; background-color:transparent; text-align:center; font-size:25px; font-weight:bold; font-family:serif; overflow:hidden;}
a#popup:hover #warning {display:block; position:absolute; top:30px; left:5px; width:0px; height:0px; border-left:15px solid #fff;border-right:15px solid #fff;border-bottom:25px solid #ee0; border-top:0px; overflow:hidden;}
a#popup:hover #x {display:block; position:absolute; top:0px; left:172px; width:15px; height:15px; border:1px solid #fff; background-color:#c00; color:#fff; font-weight:bold; text-align:center; overflow:hidden; cursor:pointer;}

#navigation {position:relative; width:100%}

/* Root = Horizontal, Secondary = Vertical */
ul#navmenu {
  margin: 0;
  border: 0 none;
  padding: 0;
  list-style: none;
  height: 24px;
  float: left;
}

ul#navmenu li {
  margin: 0;
  padding: 0;
  float: left; /*For Gecko*/
  display: inline;
  list-style: none;
  position: relative;
  height: 24px;
}

ul#navmenu ul {
  margin: 0;
  padding: 0;
  width: 260px;
  list-style: none;
  display: none;
  position: absolute;
  top: 24px;
  left: 0;
}

ul#navmenu ul li {
  float: none; /*For Gecko*/
  display: block !important;
  display: inline; /*For IE*/
  border: 0;
  text-align: left;
}

/* Root Menu */
ul#navmenu a {
  border-right-color: #CCC;
  border-bottom-color: #CCC;
  padding: 0 6px;
  float: none !important; /*For Opera*/
  float: left; /*For IE*/
  display: block;
  background: #000;
  color: #666;
  text-decoration: none;
  text-align: left;
  height: 24 !important;
  height: 1%; /*For IE*/
}

/* Root Menu Hover Persistence */
ul#navmenu a:hover,
ul#navmenu li:hover a,
ul#navmenu li.iehover a {
  background: #CCC;
  color: #FFF;
}

/* 2nd Menu */
ul#navmenu li:hover li a,
ul#navmenu li.iehover li a {
  float: none;
  background: #EEE;
  color: #666;
  text-align: left;
}

/* 2nd Menu Hover Persistence */
ul#navmenu li:hover li a:hover,
ul#navmenu li:hover li:hover a,
ul#navmenu li.iehover li a:hover,
ul#navmenu li.iehover li.iehover a {
  background: #CCC;
  color: #FFF;
  text-align: left;
}

/* 3rd Menu */
ul#navmenu li:hover li:hover li a,
ul#navmenu li.iehover li.iehover li a {
  background: #EEE;
  color: #666;
}

/* 3rd Menu Hover Persistence */
ul#navmenu li:hover li:hover li a:hover,
ul#navmenu li:hover li:hover li:hover a,
ul#navmenu li.iehover li.iehover li a:hover,
ul#navmenu li.iehover li.iehover li.iehover a {
  background: #CCC;
  color: #FFF;
}

/* 4th Menu */
ul#navmenu li:hover li:hover li:hover li a,
ul#navmenu li.iehover li.iehover li.iehover li a {
  background: #EEE;
  color: #666;
}

/* 4th Menu Hover */
ul#navmenu li:hover li:hover li:hover li a:hover,
ul#navmenu li.iehover li.iehover li.iehover li a:hover {
  background: #CCC;
  color: #FFF;
}

ul#navmenu ul ul,
ul#navmenu ul ul ul {
  display: none;
  position: absolute;
  top: 0;
  left: 160px;
}

/* Do Not Move - Must Come Before display:block for Gecko */
ul#navmenu li:hover ul ul,
ul#navmenu li:hover ul ul ul,
ul#navmenu li.iehover ul ul,
ul#navmenu li.iehover ul ul ul {
  display: none;
}

ul#navmenu li:hover ul,
ul#navmenu ul li:hover ul,
ul#navmenu ul ul li:hover ul,
ul#navmenu li.iehover ul,
ul#navmenu ul li.iehover ul,
ul#navmenu ul ul li.iehover ul {
display: block;
}