html body{
            background-color: ;
            }

        .logoymenu{
            width: 100%;
        }

        .logo{  
            margin-left: 100px;
            margin-top: 10px;
        }

        .menu {
                margin-right: 20px;
            }
        .active{
            background-color: white;
            color: skyblue;
        }

 /*------- Menu Resposivo Normal -------- */


        #listamenu_normal li{
            padding: 1em;
            background-color: skyblue;
            color: white;
            border: 1px solid white;
        }
         #listamenu_normal li:hover{
            cursor: pointer;
            background-color: white;
            color:skyblue;
            transition: color 0.2s linear 0.2s;
            transition: background 0.5s linear 0.2s;
        }

/*-------- Menu resposivo Mobile-------*/
        #elmenu{
            cursor:pointer;
        }
        
        #listamenu li{
            background-color: white;
            color: skyblue;
            text-align: center;
            font-size: 2em;
        }
        #listamenu li:hover{
            cursor: pointer;
            background-color: skyblue;
            color: white;
            transition: color 0.5s linear 0.2s;
            transition: background 0.5s linear 0.2s;
        }
        
        a:hover{
            color:skyblue;
        }

        a:link{
        text-decoration: none;
        color: white;
        }

        a:hover:link{
        text-decoration: none;
        color: skyblue;
        }


    .scrollable-menu {
        height: auto;
        max-height: 300px;
        overflow-x: hidden;
    }


/*-------- Informacion Central -------*/

    .info{
        font-size: 20;
    }

    .name{
        font-size: 50;
        color: #294f93;
        font-family: serif;
    }

/*-------- Imagenes ihover -------*/
    .circulo{
    border-top:solid #ecab18 8px; border-left:solid #ecab18 8px; border-bottom:solid #1ad280 8px; border-right:solid #1ad280 8px;
}



.column {
	margin: 15px 15px 0;
	padding: 0;
}
.column:last-child {
	padding-bottom: 60px;
}
.column::after {
	content: '';
	clear: both;
	display: block;
}
.column div {
	position: relative;
	margin: 0 0 0 25px;
	padding: 0;
}
.column div:first-child {
	margin-left: 0;
}


figure {

	overflow: hidden;
}

figure:hover+span {
	bottom: -36px;
	opacity: 1;
}

/* Zoom In #1 */
.hover01 figure img {
	-webkit-transform: scale(1);
	transform: scale(1);
	-webkit-transition: .3s ease-in-out;
	transition: .3s ease-in-out;
}

.hover01 figure:hover img {
	-webkit-transform: scale(0.9);
	transform: scale(0.9);
}

.hover15 figure {
	position: relative;
}

.hover15 figure::before {
	position: absolute;
	top: 50%;
	left: 50%;
	z-index: 2;
	display: block;
	content: '';
	width: 0;
	height: 0;
	background: rgba(255,255,255,.2);
	border-radius: 100%;
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	opacity: 0;
}

.hover15 figure:hover::before {
	-webkit-animation: circle .75s;
	animation: circle .75s;
}

@-webkit-keyframes circle {
	0% {
		opacity: 1;
	}
	40% {
		opacity: 1;
	}
	100% {
		width: 200%;
		height: 200%;
		opacity: 0;
	}
}
@keyframes circle {
	0% {
		opacity: 1;
	}
	40% {
		opacity: 1;
	}
	100% {
		width: 200%;
		height: 200%;
		opacity: 0;
	}
}