/* ----------------------------------
    1. Estilos generales
    2. Textos
    3. Videos
    4. Aduios
    5. Imagenes
    6. Tablas
-------------------------------------*/

/* -----------------------------------

	1. Estilos generales

------------------------------------- */


/* -----------------------------------

	2. Textos

------------------------------------- */

.Espacio_secciones{
	padding:23px 0 23px;
}

.Espacio_links{
    padding-top: 15px;
}

.Espacio_parrafos{
    padding-top: 25px;
}

.Espacio_lista{
    padding-top: 10px;
}

.Letra_Lista{
    font-size: smaller;
}

.Letra_etiquetas{
    font-size: small;
    font-style: italic;
    color: #B11623;
}

/* -----------------------------------

	3. Videos

------------------------------------- */

.video-responsive {
    position: relative;
    margin-bottom: 20px;
    padding-top: 56.25%;
}

.video-responsive iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}


/* -----------------------------------

	4. Audios

------------------------------------- */

#playlist, #player {
    width: 400px; /* Ancho de todo el contenedor */
    padding: 20px;
    margin: 0 auto;
    display: block;
    text-align: center;
}
#player {
    /* Imagen de fondo del primer contenedor */
    background: url(//lh3.googleusercontent.com/-9dx_GmP6Yeg/U06qBO9M4EI/AAAAAAAAFEY/FXrhlltF7xc/s300/bg.png);
    padding: 10px 20px;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;    
}
audio {
    width:300px; /* Ancho del reproductor */
    margin:0 auto;
    display: inline-block
}
#player:after {
    /* Imagen animada */
    /*content: url(//lh3.googleusercontent.com/-KoD5KVOAsGQ/U1B_dWFttoI/AAAAAAAAFFc/uJ3SjLPlDHQ/s75/equalizador.gif);*/
    padding-left: 10px;
}
#playlist {
    margin: 0 auto 20px auto;
    display: block;
    background: #424242; /* Fondo del segundo contenedor */
    border-top: 5px solid #9F111B;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
    text-align: left;
    font-size: 12px; /* Estilos de fuente */
    font-family: 'Trebuchet MS', Trebuchet, Verdana, sans-serif;
    font-weight: normal;
}
#playlist li, #playlist ul li {
    background-image: none;
    list-style-type: none;
    padding: 0;
    margin: 0;
}
#playlist li a {
    color: #CCC; /* Color de las canciones */
    background: #222; /* Fondo de las canciones */
    padding: 7px 5px;
    display: block;
    padding-left: 10px;
    text-decoration: none;
}
#playlist li a:hover{
    background: #9F111B; /* Color de fondo al pasar el cursor */
    text-decoration: none;
}
#playlist .active a {
    color: #B11623; /* Color de la canción activa */
    font-style: italic;
    text-decoration: none;
}
#playlist .active a:before {
    content: "\25B6";
    color: #CCC;
    font-style: normal;
    padding-right: 8px;
}
#playlist .active a:hover {
    color: #222; /* Color de la canción activa al pasar el cursor */
}

/* -----------------------------------

	5. Imagenes

------------------------------------- */

.imagen_Gaceta{
    max-width: 287px;
    max-height: 47px;
    border-radius: 10px;     
    transform: rotate(25deg);
}

/* --- Investigacion --- */
.imagen_Seminarios {
    max-width: 287px;
    max-height: 447px;
}

.imagen_Congresos {
    max-width: 287px;
    max-height: 447px;
}

.imagen_icon{
    max-width: 35px !important;
}

/* -----------------------------------

	6. Tablas

------------------------------------- */

/*body {font-family: Arial, Helvetica, sans-serif;}*/

table {     
    font-family: "Lucida Sans Unicode", "Lucida Grande", Sans-Serif;
    font-size: 12px;   
    text-align: left;    
    border-collapse: collapse; 

}

th {     
    font-size: 13px;     
    font-weight: normal;     
    padding: 8px;     
    background: #6b0830;
    border-top: 4px solid #aabcfe;    
    border-bottom: 1px solid #fff; 
    color: #ffffff; 

}

td {    
    padding: 8px;     
    background: #f8f9f9;       
    border-bottom: 1px solid #fff;
    color: #669;   
    border-top: 1px solid transparent; 
}

tr:hover td { 
    background: #d0dafd; 
    color: #339; 

}

/*---*/
#exTab2 h3 {
  color : white;
  background-color: #428bca;
  padding : 5px 15px;
}