* {text-indent: 0px ; margin:0px ; padding:0px ; border: 0px}
p {text-align: center}
h1 {font-size: 1.2em; color:black ;font-face: arial ;font-weight: bold ; text-decoration: none ; text-align: left ; margin-left: 15px ; margin-top: 50px}
h2 {font.size: 2em; color:#9FB6CD ; font-face: arial ; font-weight: bold ; text-decoration: underline ; text-align: center ; margin: 50px 10px 10px 15px}
body {text-align: center ; background-color: black}


#global {width:900px ; height: 550px ; margin: 50px auto ; background-image:url(objetos/fondo_gris.bmp) }
#cabecera {width: 900px ; heigth: 90px ; background-position: left }
#navegacion {width: 700px ; heigth: 100%; float: left; heigth: 30px  ; background-position:top ; margin-left: 3px ;margin-bottom:20px}
#navegacion ul {}
#navegacion li {float:left ; background-image: url(objetos/barramin.gif); border: 1px solid gray ; width:227px ; height: 30px ; list-style: none ; margin-top: 2px }
#contenido {background-image: url(objetos/fondo_gris.bmp) ; background-position: bottom ; margin: 4px 4px 0px 4px; border: none ; height: 350px ; padding-top: 35px}
#contenido p { width: 320px ; text-align: left ; margin: 20px 37px 20px 4px ; float:left}
#tree{width: 320px; text-align:left; margin: auto; float: center}
#slide {margin-top: 20px; float: none}
#burbuja {background-color:#9FB6CD ; border: 1px solid black ; width: 790px ; height: 160px ; margin: 35px 1px 0px 0px ; float:left}
#burbuja h1 {font-size: 1.2em ; color:#000000 ; font:Verdana, Arial, Helvetica, sans-serif ; font-weight:bold ; text-decoration:none ; text-align:left ; margin-top: 10px}
#burbuja p {text-align:justify ; font:Verdana, Arial, Helvetica, sans-serif ; font-size: small; float:left ; margin: 0px 10px 10px 10px}
#menu {background-color:#696969; width: 150px ; float:left ; text-align:left ; margin: 15px 10px 3px 3px ; padding-bottom:5px }
#menu li { list-style:none ; margin: 4px 8px 4px 6px }
#tree ul {
  display: list-item;
  padding: 10px;
  margin: 10px;
  list-style: none;
  }

#tree li {
  diplay: block;
  float: left;
  margin: 5px;
  padding: 5px;
  position: relative;
  width: 900px;
  }

#tree li ul {
  display: list-item;
  position: relative; 
  top: 1em;
  left: 0;
  }

#tree li > ul {
	top: auto;
	left: auto;
	}
#di_scroll{
  width: 890px;
  height: 100px;
  overflow-x: auto;
  background-position:bottom;
}
#do_scroll{
  width: 600px;
  height: 270px;
  overflow-y: auto;
  overflow-x: hidden; 
}


a {color: #9FB6CD ; font-size:1.3em ; text-decoration: none ; display: block ; padding-top: 2px}
a:link {}
a:visited {}
a:hover {color:white ; background-color: none}
a:active {}