@import url('https://fonts.googleapis.com/css?family=Josefin+Sans:400,600,700');

.lucia{max-width: 100%; margin: 1%;}


body {
    background: #FFF6A2;
    font-family: 'Josefin Sans', sans-serif;
    max-width: 100%;
    text-align: center;
}

h1{
    font-size: 2.5rem;
    padding: 5%;
    color: cornsilk;
    text-shadow: 1px 1px 1px black;
    background-color: rgba(246, 12, 134, 0.5);
    margin: 10%;
}

h2{
    font-size: 2rem;
    font-weight: 600;
    color: #fff6a2;
    background-color: rgba(0, 0, 0, 0.3);
    text-shadow: 2px 2px 1px #f60c86;
    max-width: 47%;
    margin: 2%;
    padding: 2%;
}






.academico{
	display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	justify-content: flex-end;
	align-items: center;
	align-content: stretch;
    background-color: rgba(255, 255, 255, 0.5);
    padding: 1%;
}

header img{ 
    width: auto; 
    max-height: 3rem;
    border-radius: 0%;
    margin-right: 2rem;
}

header {
    background-image: url(../img/3a2banner.jpg);
    background-size:cover;
    max-width: 100%;
    min-height: 5rem;
    padding: 1%;
 }

header nav ul li:hover{
    background:rgba(17, 203, 215, 0.5);
    border-radius: 10%;
    max-width: 100%;
}

header nav ul li {
    list-style: none;
    display:inline-block;
    padding: 0.5%; 
    margin-bottom: auto;
}

header nav ul li a {
    text-decoration: none;
    color:deeppink;
    text-shadow: 1px 1px 1px white;
    font-weight: 600;  
    font-size: 1.5rem;
}

header nav ul li a:hover{
    color:#FFF6A2;
    text-shadow: 1px 1px 1px black;
    max-width: 100%;
    border-bottom: 0.2rem solid #F60C86;
}






.grupo{
    text-align: left;
}

  


.calle-celu{
    background-image: url(../img/calle-celu.jpg);
    background-size: cover;
    background-position: center;
    max-width: 100%;
    height: auto;
    margin-top: 0%;
    
	display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	justify-content: flex-start;
	align-items: stretch;
	align-content: stretch;
    padding: 5%;
}

.calle-texto{
    background-color: rgba(17, 203, 215, 0.4);
    padding: 3%;
    
    margin-left: 2%;
    max-width: 45%;
    
    font-weight: 600;
    font-size: 1.5rem;
    text-align: left;
    color: #fff6a2;
    text-shadow: 1px 1px 1px black;
}






.fondo-film{
    background-image: url(../img/film1.jpg);
    background-size: cover;
    background-position: top;
    background-attachment: fixed;
}

.fondo-color{
    background-color: rgba(17, 203, 215, 0.4);
    max-width: 100%;
    padding-bottom: 2%;
}

.funciones{	
    display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	justify-content: space-around;
	align-items: flex-start;
	align-content: stretch;

    padding:5%;
    color: #fff6a2;
    text-shadow: 1px 1px 1px black;    
}

.funciones p{
    font-weight: 600;
    font-size: 1.1rem;
    padding-left: 4%;
    padding-right: 4%;
    max-width: 90%;
}

.icon{
    padding-top: 2%;
    padding-bottom: 2%;
    padding-left: 2%;
    padding-right: 2%;
    width: 100%;
    height: auto;
}

.icon img{
    max-width: 5rem;
    height: auto;
}





img{
    max-width: 100%;
    height: auto;
    border-radius: 0%;
}





.descargar a{
    text-decoration: none;
    background-image: url(../img/botonb.jpg);
    background-size: 100%;
    background-position: center;
    
    color: #fff6a2;    
    font-weight: 600;
    font-size: 1.5rem;
    text-align: center;
    text-shadow: 3px 3px 3px black;
    padding: 1%;
    padding-left: 2%;
    padding-right: 2%;
    max-width: 10%;
    border-radius: 10%; 
}

.download{
    display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	justify-content: center;
	align-items: center;
	align-content: stretch;
    max-width: 100%;
}

.download article{
    max-width: 100%;
    padding-bottom: 2%;
    padding-left: 5%;
    padding-right: 5%;
}




.home-icon li{
    width: 5rem; 
    height: auto;
    list-style:none;
    display:inline-block;
    margin-left: 0.5rem;
}

.hometit{
	display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	justify-content: flex-start;
	align-items: center;
	align-content: stretch;
    
    background-color: rgba(245, 245, 245, 0.7);
}







footer{
    align-content: center;
    background: #9feed1; 
    max-width: 100%;
    color:deeppink;
    font-weight: 600; 
    font-size: 1.005rem;
    text-align: center;
    padding: 2%;
    text-shadow: 1px 1px 0px white;
}