@charset "UTF-8";

@font-face{
	font-family: filefont;
	src: url(css_text/BauhausRegular.ttf);	
}
/*establece la fuente para la barra de navegacion top*/
html{
	overflow-x: hidden;
}
.navbar{
	font-family:filefont;

}

#navFile{
	background-color: #4c94ed;
    opacity: 0;
    -webkit-animation-delay: 0.5s;
    -webkit-animation-duration: 1s;
    animation-delay: 0.1s;
    animation-duration: 1s;

}
/* Cambia estilo de links de top bar al hacer hover */
 #navbarSupportedContent li:hover{
	border-style: solid;
	border-color: white;	
	border-width: 0px;
	border-bottom-width: 1px;
	font-weight: bold;
}
/*agranda y engruesa letras de top bar*/
#navbarSupportedContent li{
	font-size: 135%;
	font-weight: 500;
}

.bootonH a{
	filter: drop-shadow(10px 15px 8px black);
}


#navIcon:before {

	content: url(css_images/logo16.ico);
	position: relative;
	top: 7px;

}

[data-anim]{
    opacity: 0;
}

#pie_pagina{

    background-color: #4c94ed;

}

.fadeInDown {
    -webkit-animation-name: fadeInDown;
    -webkit-animation-fill-mode: forwards;
    animation-name: fadeInDown;
    animation-fill-mode: forwards;
}

.finup {

    -webkit-animation-name: fadeinup;
    -webkit-animation-duration: 1s;
    -webkit-animation-fill-mode: forwards;
    animation-name: fadeinup;
    animation-duration: 1s;
    animation-fill-mode: forwards;

}

@-webkit-keyframes fadeinup {
    from {
    opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
    }
    
    to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    }
    }
    @keyframes fadeinup {
    from {
    opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
    }
    
    to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    }
}

@-webkit-keyframes fadeInDown {
    from {
    
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
    }
    
    to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    }
    }
    @keyframes fadeInDown {
    from {
    opacity: 0;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
    }
    
    to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    }
    }