/* Hoja de Estilo (Style CSS) para la ayuda del Eindi */

  /* Título Grande */
  h1 { color: black;
       font-family: arial;
       font-weight: bold;
       text-align: center;
     }

  /* Título Mediano */
  h2 { /* color: red; */
       color: rgb(60% 70% 90%);
       font-align: center;
     }
     
  h2.TITULO {
             color: black;
             font-align: center; 
            } 
                 
  h3.SUBTITULO {
                  /*color: gray;*/
                  /* color: black; */
	        color: #ec7b7b; 
               }                     

  h4 {
       color: gray;
       font-family: arial;
       font-weight: bold;
       text-decoration: underline;
       font-size: 12pt;
     }

  /* Los párrafos */
  p { 
    font-family: Verdana, Arial, Helvetica, sans-serif;
    text-indent: 50px;
    }
    
  p.TITULO {
  	color: gray;
  	font-size: 12pt;
  	font-weight: bold;
  }

  /* Los enlaces */
  a { color: gray;
      font-family: arial;
      text-decoration: none; /* El link NO está subrayado */       
    }
    
  a:hover {
            background-color: rgb(80% 90% 100%);
          }  
  
  a.INDEX { color: black;
            font-family: arial;
            text-decoration: none; /* El link NO está subrayado */ 
          }

  a.INDEX:hover {
            /* background-color: rgb(100% 50% 50%); */
            background-color: rgb(75% 85% 100%);
            font-weight: bold;
          }        
  
  
  a.NAV {
          text-decoration: none; /* El link NO está subrayado */ 
          font-size: 14pt;
          background-color: rgb();
          font-weight: none;               
        } 
       
  a.NAV:hover {
                background-color: rgb(100% 100% 60%);
              }
              
   /* Links de la barra de navegación */  
   a.NAVBAR {
              text-decoration: none; /* El link NO está subrayado */ 
              font-weight: none;               
            } 
        
   a.NAVBAR:hover {
                    background-color: rgb(65% 75% 100%);
                  }
 
               
   /*estilo para nombre de producto*/
  .producto {  font-family: "Arial Black"}
  
    /* Barra de navegación */ 
  div.NAVBAR_TOP {
               /* background-color: rgb(88% 88% 88%); */
               /* background-color: rgb(230 235 245); */
               background-color:#ec7b7b;
               border-top-right-radius: 10px;/*el radio*/
               border-top-left-radius: 10px;/*el radio*/
              -moz-border-radius-topright:10px;
              -moz-border-radius-topleft:10px;
              -webkit-border-top-right-radius:10px;
              -webkit-border-top-left-radius:10px;
             }
  /* Barra de navegación */ 
  div.NAVBAR_PIE {
               /* background-color: rgb(88% 88% 88%); */
               /* background-color: rgb(230 235 245); */
               background-color:#ec7b7b;
               border-bottom-right-radius: 10px;/*el radio*/
               border-bottom-left-radius: 10px;/*el radio*/
              -moz-border-radius-bottomright:10px;
              -moz-border-radius-bottomleft:10px;
              -webkit-border-bottom-right-radius:10px;
              -webkit-border-bottom-left-radius:10px;
             }
             
  /* Para el nombre del producto */
  font.APPNAME {
                 font-family: "Arial Black", arial;
                 font-weight: bold;
              }

/*20130710_jbc++*/
  div.encabezado{
      text-align: center;
  }
  div.encabezado img{
      position: relative;
      top:10px;
  }
  h1.titulo,h2.titulo{
    color:#4d4d4d;
  }
  div.contenido{
    padding-top:50px;
    padding-bottom:50px;
    padding-right:30px;
    padding-left:30px;
    text-align:justify;
    background-color: #e9e7e7;
    font-family: Verdana, Arial, Helvetica, sans-serif;
  }
  i{
    color:#6c6c6c;
  }
  b{
    color:#000000;
  }
  ul.indice{
    list-style-type: none;
  }
  li {
    margin-bottom: 15px;
  }
  div.menu_inicio{
    border:2px solid #7C7C7C;
    width:36%;
    position:relative;
    left:32%;
    margin-bottom:10px;
    background-color: #e9e7e7;
    border-radius: 10px;/*el radio*/
    -moz-border-radius:10px;
    -webkit-border-radius:10px;
  }
  div.destacado{
    text-decoration:underline;
    font-style:italic;
    font-weight: bold;
    color:#6c6c6c;
  }
.nombre_completo:before{
  content:"Epsilon-Indi"; 
}
.nombre_producto:before{
  content:"Epsilon"; 
}
  img.img_border{
    /*border:3px solid #ec7b7b;*/
    border:none;
  }