#capaResultsImage
{
    text-align: center;
}
/*#imagenLigando
{
    border: 1px solid ;
    border-color: #797979 #5D5D5D #575757 #929292;;
}*/
#imagenLigando img, #imagenSturctCapa img{
    border: 1px solid ;
    /*border-color: #797979 #5D5D5D #575757 #929292;*/
    border-color: #cccccc #cccccc #cccccc #cccccc;
    width: 100%;
    }
a:link {text-decoration:none;color:#1919ff;}
a:visited {text-decoration:none;color:#6699FF;}
a:active {text-decoration:none;color:#ff0000;}
a:hover {text-decoration:underline;color:#999999;} 
.contenido{
  /*  background-color: rgb(217, 217, 217);*/
    width:85%;
    margin:0 auto;

    /*height:500px;*/
    /*height: 620px;*/
    border-radius: 0 0 0.5em 0.5em;
    border: 1px solid;
    border-color: #cccccc ;
    padding: 0 3em 1em 3em;
    background: none repeat scroll 0% 0% rgb(247, 239, 231);
}

.logos{
    background-color:#E6E6E6; /* Fallback */
    margin:2em auto;
    border:1px solid;
    width:90%;
    border-color: #cccccc ;
    padding: 1em 0;
    text-align: center;
    /*background: none repeat scroll 0% 0% rgb(247, 239, 231);*/
}

.logos img{
  
    margin: 0.5em 5%
}

/*Estilos de la pagina resultados2*/
#Results tbody{
    margin:auto;
}
#Results table{
    margin:auto;
}
#Results table th{
     text-align:center;
	/*background-color:white;*/
    padding-top:0.5em;
    padding-bottom:0.5em;
}

/*
  Caja con fondo oscuro 
*/
.greyPanelC{
    padding: 1em;
    border: 1px solid ;
    background-color:#E6E6E6;
    border: 1px solid #cccccc;
    border-radius: 5px;
    /*float: left;*/
    width: 95%;
    text-align: center;
    
}
.greyPanelL{
    padding: 2em 1em;
     border-radius: 5px;
    background-color:#E6E6E6;
    border: 1px solid #cccccc;
    width: 95%;
    text-align: left;
   
}

/*________________________________________________________________________
  Paginacion "indexResults.php"
*/
ul.indexResults {
    display: inline-block;
    padding: 0;
    margin: 0;
}

ul.indexResults li {display: inline;}

ul.indexResults li a {
    color: black;
    float: left;
    padding: 3px 7px;
    text-decoration: none;
    transition: background-color .3s;
    border: 1px solid #ddd;
}

ul.indexResults li a.active {
    background-color: #339DDA;
    color: white;
    border: 1px solid #4CAF50;
}
ul.indexResults li a:hover:not(.active) {background-color: #ddd;}
/*________________________________________________________________________*/

/*
  Fotos de similaridad en dia-db
*/
#fotoImg{
  margin 0 auto;
  text-align:center;
        /*background-color:white;*/
}
#Results th.derecha {
    text-align: right;

}
#Results th.derecha table{
    margin-right: 0em;
}

/*pie de pagina*/
/*terminos de uso*/
.termsUse
{
    background-color: rgb(217, 217, 217);
    width:600px;
    text-align: justif;
    /*overflow-x:hidden;
    overflow-y:scroll;*/
      overflow-x: hidden;
  overflow-y: scroll;

    /*margin:0 auto;*/
    /*height:500px;*/
/*height: 620px;*/
    border-radius: 0 0 0.5em 0.5em;
    border: 1px solid;
   border-color: #cccccc ;
   padding: 2em 3em 1em 3em;
    background: none repeat scroll 0% 0% rgb(247, 239, 231);
}
.termsUse ul li{
      list-style-type: circle;
    margin-left: 4em;
}
/**/
footer {

clear: both;
    font-size: 0.8em;
    text-align: center;

}
footer p
{
    margin:; 0:
}
footer a
{
    text-decoration:none;
}
/*decoracion para los links*/
/*.simple {text-decoration: none;}
*/
.contenidoPadding {
    padding: 2em 1em;
}
#indexText
{
    width: 70%;
    text-align: justify;
    float:left;

}

#indexImage
{
    padding-top: 1em;
    /*height: 230px;*/
    width: 24%;
    height: 24%;
    float:right;

}
#smiles
{
  width: 100%;
}


/*________________________________________________________________________________________________________________________________________________________
Cuando se elimine Dia-DB (la primera eliminar esto)
*/
/*#imagenSturctCapa img{
    border: 1px solid ;
    border-color: #797979 #5D5D5D #575757 #929292;
    width: 200px;
   /*
    margin-right: 4em;
    margin-left: 3em;*/
/*}*/
#imagenSturctCapa
{
	width: 25%;
 	float: left;
}
  #tab
  {
    margin-top: 4em;
    float: right;
    width: 70%;
      text-align: left;
  }

/*
  hasta aqui se debe eliminar
  _________________________________________________________________________________________________________________________________________________________
*/

#Funding #fundingInfo img{
  height: 5em;
  margin: 2em auto;
  display:block;
}
/*##Search table, #Search td {
    border: 2px solid black;
}*/
#Search #myDiv td , #Search #myDiv tr{
  
  border: 3px solid #cccccc;
}
 .se-pre-con {
  position: fixed;
  left: 0px;
  top: 0px;
  width: 15em;
  height: 15em;
  z-index: 9999;
  display: none;
  background: url(/dia-db/template/buttons/wait.gif) center no-repeat #fff;
}
#tutoFaq
{
    padding-right: 2em;
}
#tutoFaq p
{
    text-align: justify;
    margin: 1em 1em;
    margin-bottom: 2em;
}
#tutoFaq ul li
{
    list-style-type: circle;
    /*list-style-type: lower-alpha;**/

    margin-left: 7em;
}

#tutoFaq h2
{
    font-size: 1.5em;
    font-weight: bold;
}



/*#tabs #tabs-1 li:active{
    background: red;
    margin-top: 1em;
}*/

.btn {
  /*background: #3498db;*/
  background: #6699FF;
  /*background-image: -webkit-linear-gradient(top, #3498db, #2980b9);
  background-image: -moz-linear-gradient(top, #3498db, #2980b9);
  background-image: -ms-linear-gradient(top, #3498db, #2980b9);
  background-image: -o-linear-gradient(top, #3498db, #2980b9);
  background-image: linear-gradient(to bottom, #3498db, #2980b9);*/
  -webkit-border-radius: 28;
  -moz-border-radius: 28;
  border-radius: 5px;
  font-family: Arial;
  color: #ffffff !important;
  font-size: 12px;
  padding: 8px 18px 8px 18px;
  text-decoration: none;
}
.btn:hover {
  background: #3cb0fd;
  background-image: -webkit-linear-gradient(top, #3cb0fd, #3498db);
  background-image: -moz-linear-gradient(top, #3cb0fd, #3498db);
  background-image: -ms-linear-gradient(top, #3cb0fd, #3498db);
  background-image: -o-linear-gradient(top, #3cb0fd, #3498db);
  background-image: linear-gradient(to bottom, #3cb0fd, #3498db);
  text-decoration: none;
  cursor:pointer
}
/*calculations*/
 table{
    margin: auto;
  }
  #tabs ul, #tabsBeads ul, #tabsAtoms  ul
  {
    margin: auto;
    text-align: center;
  }
  #tabs ul li a, #tabsBeads ul li a, #tabsAtoms ul li a{
    text-decoration: none;
    line-height: 1.5em;
  }
  #tabs ul li , #tabsBeads ul li , #tabsAtoms ul li{
 
    display: inline-block;
    
    margin-right: 0.5em;
    margin-left: 0.5em;
    margin-bottom: 2em;
    /*margin: 1em;*/
   /* -webkit-border-radius: 28;
  -moz-border-radius: 28;
  border-radius: 28px;*/
  /*}*/
}

div.fixedAngles{
  position: absolute;
  bottom: 0px;
  width: 638px;
  height: 80px;
  background: red;
  border: 1px solid #666666;
  background: white;
   border-radius: 0.4em;
overflow: auto;
}
#textAngle{
   /* background: blue;*/
   width: 98%;
   font-size: 0.9em;
   /*height: 75px;*/
   /*background: red;*/
}
#textCoordinates{
   width: 98%;
   /*padding: 1em;*/
   font-size: 0.9em;
   background: white;
   border-radius: 0.4em;
   overflow: scroll;
}
#textCoordinates tr, #textEnergies tr, #textAngle tr{
  line-height: 1em;
  color:black;
  
   
} 
 #textEnergies{
   width: 98%;
   /*padding: 1em;*/
   font-size: 0.9em;
   overflow: scroll;
   padding: 2em;
}
/*Paint de bolas */
div.fixedCoordinates {
  position: absolute;
  bottom:80px;
  width: 280px;
  height: 90px;
  border: 1px solid #666666;
  overflow: auto;

  background: white;
   border-radius: 0.4em;
            }
div.fixedEnergies {
  position: absolute;
  bottom: 80px;
  left: 281px;
  width: 357px;
  height: 90px;
   border: 1px solid #666666;
  background: white;
   border-radius: 0.4em;
   overflow: auto;
}
#paintBeads {
 /* background-color: #000;*/
  width: 890px;
  height: 600px;
  border: 0px solid #000;
  margin: 0px auto;
  padding: 0px;
  border: 1px solid ;
  border-color: #797979 #5D5D5D #575757 #929292;;
  position: relative;
}

#gui {
    position: relative;
    background: grey;
    top: 0px;
    /*right: 0px;*/
    /*width: 250px;*/
    height: 600px;
    margin-right: 0px;

}


#gui ul li {
        padding: 0 !important;
        background: black !important;
        border-radius: 0 !important;
        display: block !important;
        margin:0 !important;
      
}