/* Diseņo web por GenGH */
/*  www.genocation.com  */



body.main {
   background-color: #ffffff;
   color: #000000;
   text-align: left;
   font-family: Verdana, Helvetica, sans-serif;
   font-size: 8pt;
   margin: 10 0 10 20px;
}

#contenedor {
   text-align: left;
   width: 1000px;
   height: 99%;
   margin-bottom: 0px;
}

#arbol1 {
   position: absolute;
   background: url("ahem/arbol_sup.png") no-repeat top left;
   width: 442px;
   height: 80px;
   top: 10px;
   left: 10px;
}
#arbol2 {
   position: absolute;
   background: url("ahem/arbol_med.png") no-repeat top left;
   width: 396px;
   height: 97px;
   top: 90px;
   left: 10px;
}
#arbol3 {
   position: absolute;
   background: url("ahem/arbol_inf2.png") no-repeat top left;
   width: 348px;
   height: 423px;
   top: 187px;
   left: 10px;
}

iframe {
   border: 2px dotted #dd8822;
}

#cabecera {
   height: 7%;
   letter-spacing: 7px;
   font-family: Verdana, Helvetica, sans-serif;
   color: #dd8822;
   padding-left: 260px;
   font-size: 30px;
}

#cuerpo {
   height: 90%;
   margin: 0 0 0 0px;
}


#lateral {
   position: absolute;
   width: 220px;
   top: 60px;
   left: 30px;
   color: #808080;
}

#lateral ul{
   padding: 0px;
   list-style: none;
   margin-left: 15px;
}

#lateral li{
   height: 30px;
   font-size: 15px;
   font-weight: bold;
   letter-spacing: 3px;
}

#lateral li a {
   padding: 5px;
   color: #dd8822;
   text-decoration: none;
}

#lateral li a:hover, a:active {
   color: #000000;
}


#principal {
   margin-left: 260px;
}

#pie {
   height: 3%;
   margin-bottom: 0px;
   margin-top: 2px;
   padding: 3 10 3 10px; 
   text-align: right;
}

img {
   border: 1px solid #000000;
   padding: 4px;
   background-color: #ffffff;
}


/* Existe */

#existe {
   margin: auto;
   text-align: justify;
   width: 310px;
}

#existe p {
   font-family: sans-serif;
   font-size: 11px;
   color: #000000;
}


/* Dibuja */

body.dibujos {
   color: #000000;
   text-align: left;
   font-family: Verdana, Helvetica, sans-serif;
   font-size: 9pt;
   margin-top: 0px;
}

body.iconos {
   color: #000000;
   text-align: left;
   font-family: Verdana, Helvetica, sans-serif;
   font-size: 9pt;
   margin: 20px;
}

#cuelga1 {
   position: absolute;
   top: 140px;
   left: 190px;
}
#cuelga2 {
   position: absolute;
   top: 290px;
   left: 280px;
}
#cuelga3 {
   position: absolute;
   top: 80px;
   left: 360px;
}
#cuelga4 {
   position: absolute;
   top: 320px;
   left: 450px;
}
#cuelga5 {
   position: absolute;
   top: 130px;
   left: 540px;
}

#colgante1 {
   position: absolute;
   height: 140px;
   left: 255px;
   border-left: 2px dotted #dd8822;
}
#colgante2 {
   position: absolute;
   height: 290px;
   left: 345px;
   border-left: 2px dotted #dd8822;
}
#colgante3 {
   position: absolute;
   height: 80px;
   left: 425px;
   border-left: 2px dotted #dd8822;
}
#colgante4 {
   position: absolute;
   height: 320px;
   left: 515px;
   border-left: 2px dotted #dd8822;
}
#colgante5 {
   position: absolute;
   left: 605px;
   height: 130px;
   border-left: 2px dotted #dd8822;
}

a:link img, a:visited img {
   border: 2px solid #dd8822;
   padding: 4px;
   background-color: #ffffff;
   opacity: 0.8;
   filter: alpha(opacity=80);
   -moz-opacity: .8;

}
a:hover img, a:active img  {
   border: 2px solid #9f2727;
   padding: 4px;
   background-color: #ffffff;
   opacity: 1;
   filter: alpha(opacity=100);
   -moz-opacity: 1;
}

a:link, a:visited {
   text-decoration: none;
   font-weight: bold;
   color: #dd8822;
}

a:hover, a:active {
   text-decoration: none;
   font-weight: bold;
   color: #9f2727;
}

#iconos {
   margin-left: 150px;
}

#iconos blockquote {
   font-style: italic;
   font-size: 15px;
   color: #aaaaaa;
}