.w3-third .w3-display-container:first-child h2 {
    border-radius:5px;
}


/**** Animaciones ****/

    /*CIEN*/
    @keyframes unocerocero {
      from {width:0;}
      to {width:100%}
    }
    
    .ct-bar-100 > div {
      width: 100%;
      animation-name: unocerocero;
      animation-duration: 1s;
    }
    
    /* NOVENTA */
    @keyframes nuevecero {
      from {width:0;}
      to {width:90%}
    }
    
    .ct-bar-90 > div {
      width: 90%;
      animation-name: nuevecero;
      animation-duration: .9s;
    }
    
    /* OCHENTA */
    @keyframes ochocero {
      from {width:0;}
      to {width:80%}
    }
    
    .ct-bar-80 > div {
      width: 80%;
      animation-name: ochocero;
      animation-duration: .8s;
    }
    
    /* SETENTA Y CINCO */
    @keyframes sietecinco {
      from {width:0;}
      to {width:75%}
    }
    
    .ct-bar-75 > div {
      width: 75%;
      animation-name: sietecinco;
      animation-duration: .75s;
    }
    
    /* SESENTA */
    @keyframes seiscero {
      from {width:0;}
      to {width:60%}
    }
    
    .ct-bar-60 > div {
      width: 60%;
      animation-name: sietecinco;
      animation-duration: .6s;
    }
    
    /* QUINCE */
    @keyframes unocinco {
      from {width:0;}
      to {width:15%}
    }
    
    .ct-bar-15 > div {
      width: 15%;
      animation-name: unocinco;
      animation-duration: .15s;
    }


/**** Colores ****/

.ct-grey-clear { background: #e0e0e0; transition: .5s ease all }
.ct-grey-clear:hover { background: #ffd700;}
.ct-certificado { color: #d0d0d0; transition: .5s ease all }
.ct-certificado:hover { color: #ffd700}
.ct-otros { color: #d0d0d0; transition: .5s ease all }
.ct-otros:hover { color: #009688}
.ct-cursos { color: #d0d0d0; transition: .5s ease all }
.ct-cursos:hover { color: #9c27b0}


/**** Certificaciones ****/

ul.ct-li-certificaciones {padding: 0; list-style: none;}
ul.ct-li-certificaciones li { display: inline-block; vertical-align: top; width: 49%; padding: 1em 5%; text-align: center;}


/**** Reconocimientos ****/

.ct-reconocimientos-i { display: inline-block; vertical-align: middle; width: 20%; }
.ct-reconocimientos-d { display: inline-block; vertical-align: middle; width: 79%; }


/**** CTA ****/
.ct-cta { width:200px; position:fixed; left:50%; margin-left:480px; top: 30px; display:none; }


/**** MENÚ ****/
ul.menu {
    padding: 0;
    font-size: 50px;
    margin:0 0 30px 0;
    text-align:center;
}

ul.menu li {
    display: inline-block;
    position:relative;
}

ul.menu li:first-child:hover:after {
    color:#757575!important;
    content: 'Educación';
    font-size: 12px;
    position: absolute;
    bottom: -10px;
    left: 3px;
}

ul.menu li:nth-child(2):hover:after {
    color:#757575!important;
    content: 'Experiencia';
    font-size: 12px;
    position: absolute;
    bottom: -10px;
    left: 4px;
}

ul.menu li:nth-child(3):hover:after {
    color:#757575!important;
    content: 'Ponencias';
    font-size: 12px;
    position: absolute;
    bottom: -10px;
    left: 0px;
}

ul.menu li:nth-child(4):hover:after {
    color:#757575!important;
    content: '+ Estudios';
    font-size: 12px;
    position: absolute;
    bottom: -10px;
    left: 0px;
}

ul.menu span li:first-child:hover:after {
    color:#757575!important;
    content: 'Editorial';
    font-size: 12px;
    position: absolute;
    bottom: -10px;
    left: 10px;
}

ul.menu span li:nth-child(2):hover:after {
    color:#757575!important;
    content: 'Cursos';
    font-size: 12px;
    position: absolute;
    bottom: -10px;
    left: 13px;
}

ul.menu span li:nth-child(3):hover:after {
    color:#757575!important;
    content: 'Arte';
    font-size: 12px;
    position: absolute;
    bottom: -10px;
    left: 20px;
}

ul.menu span li:last-child:hover:after {
    color:#757575!important;
    content: 'Contacto';
    font-size: 12px;
    position: absolute;
    bottom: -10px;
    left: 6px;
}

ul.menu span {
    display: inline-block;
    margin-top: 20px;
}

/*** Back e-Lexia ***/

.back-index {
	position:fixed;
	bottom:15px;
	right:15px;
}

.back-index img {
	height:auto;
	transition:.4s ease all;
	width:48px;
}

.back-index img:hover {
	transform:scale(1.2);
}


/****MEDIAS ****/
@media only screen and (max-width: 1024px) { .ct-cta { margin-left:300px;} .hidden-mobile { display:none; } ul.menu { margin-top:20px; } }
@media only screen and (max-width: 768px) { .ct-cta { margin-left:180px; } }
@media only screen and (max-width: 640px) { .ct-cta { margin-left:100px; } #botones { display:none; } .ct-cta { display:block; } }
@media only screen and (max-width: 414px) { .ct-cta { left:40%; margin-left:0; } }


.ct-bar-90:hover > div { 
    width: 90% !important;
    animation-name: nuevecero;
    animation-duration: 1s;
}

@keyframes nuevecero {
    from {width: 0;}
    to {width:90%;}
    
}