ul 
 {
      list-style: none;
} 
.nav li a 
{
      background-color:rgba(0,0,5,0.7);;
      color: #fff;
      text-decoration: none;  /*quita el subrayado*/
      padding: 8px 17px;
      display: block;                           
}
.skan
{
      color: royalblue; font-weight: bold;
}           
.nav li a:hover
{
      background-color: #001;                          
}
.nav > li
{
      float:left;              /*todos los elementos de la lista principal los acomoda en fila*/
}
.nav li ul
{
      display:none;           /*esconde submenus*/
      position: absolute;
      min-width: 180px;
}               
.nav li:hover > ul
{
      display: block; /*hace que cuando se pase el raton por encima se muestren los submenus*/ 
} 
.nav li ul li
{
      position: relative;
}
.nav li ul li ul
{
      right: -150px;
      top: 0;   
      text-align:left;     /*hasta aqui con puros estilos se hace el menu desplegable*/ 
}
/* ****************************************************************************************************************** */
body,html
{
      margin:0px;
      height:100%;
}   
body
{ 
      background-image: url(binary-wallpaper.jpg);
      background-color: #001; 
      background-repeat: no-repeat; 
      background-position: top center;    
      background-attachment: fixed; 
}
#contenedor 
{
       width: 1000px; 
       margin:auto ; 
       background-color: rgba(0,0,0,.5);  /* aqui con rgba es para poner la div transparente sin incluir su contenido*/
} 
#footer 
{
      background-color:black; 
      color:white;
      clear:both;
      text-align:right; 
      padding:10px; 
      border: 1px solid black; 
      font-size: 10px;
      font-family: monospace; 
      width: 1000px; margin:auto ;
}           
#header
{
      width:100%;   
      float:left; 
      text-align:center; 
      font-family: sans-serif;     
      font-style: italic;
      font-size: 75px; 
      font-weight: bolder;   
      background-color:#000; 
      opacity: 0.9;                 /*trasnparencia de color */
      color: royalblue; 
      border-radius:20px;     
}          
#nav
{
      width: 500px;  
      border-radius:20px;
} 
#pag_1
{
      float: right;
      width: 90%;
      background-color:rgba(60,130,80,0.9);
      margin-left: 5%; 
      margin-right: 5%;
      text-align: center;
      color: orange;
      border-radius: 20px;

    
       

}
#prese 
{
      float: left; 
      color: white; 
      font-size: 20px; 
      text-align: center;
}
#prese2
{
      float: left; 
      margin-right: 200px; 
      margin-left: 280px; 
      color: white; 
      font-size: 20px; 
      text-align: left;
}
#prese3
{
      width: 100% ; 
      border-radius: 2em;
      text-align:center;
      background-color:rgba(6,0,10,0.9); 
      float: right;

      color: white; 
      font-size: 20px; 
}
.table_ejem  
{
      width: 80%; 
      border-radius:1em; 
      background: #222; 
      color: white; 
      text-align: center;
      border: .2em solid white; 
      border-radius: .2em; 
      border-collapse:separate;
}
.table_ejem tr, .table_ejem td
{
      border: .1em solid royalblue;
}
#table_index
{
      width: 100%;    
} 
#titulo_ejem
{
      font-size: 2em; 
} 
#t_i_c
{
      color: white;
      font-size: 1.5em;
}    
#youtube
{
      width: 100% ; 
      height: 80px;
      text-align:center;
      background-color:rgba(6,0,0,0.9); 
      float: right;
}