*{ 
list-style: none;
text-decoration: none;}


body{
    background-color: white;
}

.index{
    display: flex;
    justify-content:space-around;
    flex-direction: column;
    margin: 0 auto;
    max-width: 48em;
    background-color: white;
    
}


.bocetosentrega img {
	display: block;
	margin: auto;
	justify-content: center;
	max-width: 70%;
}


figure img {
	max-width: 100%;
	height: auto;
}

#menu{
    display: none;
}

 header label{
    display:none;
}

.navegacion ul{
    list-style: none;
    display: flex;
}


.navegacion li a{
    display: block;
    text-decoration: none;
}

h4 {
   margin: 1em; 
}


.mainrotuloluji {
	margin: 20px;
}

.mainrotuloluji img {
	border-radius: 50%;
	display:block;
    margin: auto;
}


.hobbiesluji {
	display: flex;
	flex-direction: row;
}

.hobbiesluji .arqueria {
	margin: 5px;
	color: white;
    width: 25em;
    padding: 1em;
    background-color: #42abb0;
    border-radius: 2em;
}

.hobbiesluji p {
	color: white;
}



@media(max-width:770px){
	
	.hobbiesluji {
	display: flex;
	flex-direction: column;
	align-content: center;
    align-items: center;
	}
	
	.hobbiesluji .arqueria {
		padding-top: .1em;
		padding-bottom: .1em;
	}
    
   
	.contenedor figure {
		display: none;
	}
	
		
    header label{
        display: block;
    }
	
	.entregaviernes img {
		width: 100%;
	}
    
.bocetos img {
		width: 100%
	}
	
	.users img {
		width: ;
		display: none;
	}
	
.navegacion {
	    display: none;
        position: absolute;
        width: 100%;
        background-color: #fff;
	    align-self:baseline;
	
    }
    
    .navegacion ul{
        flex-direction: column;
		
    }
    
    .navegacion li{
        border-top: .2em solid #fff;
    }   
	
	
    #menu:checked ~ .navegacion {
		display: block;
		max-width: 10em;
			
       }
	header label img{
    width: 2em;
    margin: .5em;
}
}
    

.index header {
    display: flex;
    background-color: #764491;
    align-items: center;
    justify-content: space-between;
    
}

.index header h1{
    color: white;
    text-align: center;
    font-family: fantasy;
    margin: .5em;
}

.index nav{
    width: 100%;
    margin: 20;
}

.index nav ul {
    
    margin: 0;
    padding: 0;
    display: flex;
    width: 100%;
    justify-content: space-between;
    line-height: 1.5em;
    flex-wrap: wrap;
    
}

.index nav ul li{
    flex-basis: 20%;
    
}

.index nav ul li a{
    color: white;
    background-color: #e59a1f;
    font-family: sans-serif;
    font-weight: bold;
    text-align: center;
    display: block;
    margin: .4em;
    padding: .34em;
    border-radius: 1em;
        
}

.index nav ul li a:hover{
    background-color: #495f81
}

.index h2 {
    font-family: work sans;
    color: #e59a1f;
    font-size: 3em;
    text-align: center;
    line-height: 1.2em;
    text-shadow: 0.01em 0.03em 0.07em white;
    
}

.index .info {
    display: flex;
    align-items:center;
    margin: 0.3em;
    flex-wrap: wrap;
    justify-content: center;
    
}


p {
    color: #495f81;
    font-family: work sans;
    font-size: 0.95em;
    font-size: 14;
    
}

#integrantes {
    display: flex;
    flex-direction: column;
    justify-content: center;
       margin-top: 1em;
    margin-bottom: 1em;
    margin-right: 3em
}

#integrantes ul{
    display: flex;
   flex-direction: column;
    justify-content: center;
    align-content:center;
    
}

#integrantes ul li{
    color: aliceblue;
    margin: 0.4em;
    font-family: work sans;
    text-align: center;
    font-size: 0.8em;
    display: block;
    background-color: #31B7BD;
    padding: 0.3em 0.9em 0.3em 0em;
    border-radius: 10em;

}

#integrantes ul li a{ 
   background-color: #31B7BD;
   color: aliceblue;
   padding: 0.3em 0.3em;
   margin: 0;
    border-radius: 10em;
    
}


aside ul { 
    display:flex;
    justify-content: center;
    align-content: space-between;    
    background-color:  #e59a1f;
    padding: 1em
    
}

aside ul li {
    color: white;
    justify-content: center;
    align-content: center;
    background-color:  #764491;
    margin: 0.3em;
    flex-basis:20%;
    border-radius: 10em;
    line-height: 
    

}

aside ul li a { 
    color: white;
    font-family: sans-serif;
    font-weight: bold;
    font-size: 0.8em;
    padding: 0.4em;  
    display: block;
    text-align: center;
}

aside ul li a:hover {
    background-color: #495f81;
   border-radius: 10em;
    
}

footer {
    display: flex;
}

footer p2 { 
   color: black;
   margin: 3em;
    text-align: center;
    font-size: 0.8em;
    border-top: solid;
    border-top-width: thin;
    padding: 0.9em;
	font-family: work sans;
	font-size: 12;
}


.slider {
	width: auto;
	margin: 0.3em;
	overflow: hidden;
   
}

.slider ul {
	display:flex;
	padding: 0;
	width: 600%;
	animation: slide 8s infinite;
}

@keyframes slide {
	0% {margin-left: 0px;}
	25% {margin-left: -250px;}
	
	25%{margin-left: -250px;}
	50%{margin-left: -600px;}
	
	50%{margin-left: -600px;}
	75%{margin-left: -1000px;}
	
	75%{margin-left: -1000px;}
	100%{margin-left: -1450px;}
	
}

.sliderluji li {
	width: 100%;
	list-style: none;
    padding: 0.2em;
    border-color: #6fe2e2;
    align-content: center;
    align-items: center;
    display: flex;
    justify-content: center;
}

.sliderluji img {
	width: 100%;
}


.sliderluji {
	width: auto;
	margin: 0.3em;
	overflow: hidden;
   
}

.sliderluji ul {
	display:flex;
	padding: 0;
	width: 200%;
	animation: slide 5s infinite;
}

@keyframes slide {
	0% {margin-left: 0px;}
	25% {margin-left: -50px;}
	
	25%{margin-left: -100px;}
	50%{margin-left: -200px;}
	
	50%{margin-left: -250px;}
	75%{margin-left: -400px;}
	
	75%{margin-left: -400px;}
	100%{margin-left: -400px;}
	
}





.sliderluji li {
	width: 100%;
	list-style: none;
    padding: 0.2em;
    border-color: #6fe2e2;
    align-content: center;
    align-items: center;
    display: flex;
    justify-content: center;
}

.sliderluji img {
	width: 100%;
}









h3 {
	font-family: work sans;
	font-size: 20;
	color: darkslategray;
	padding-left: 15;
}

.bocetos {
	display: flex;
	justify-content: center;
}


h4 {
	font-family: work sans;
}

.entrega img {
	margin: 0.5em;
}

.panelinformativo img {
    display: block;
    margin: auto;
    width: 70%;
}

.users {
    display: flex;    
}

.users img {
    display: block;
    margin: auto;
    width: 25%;
}

.procesoclase {
    display: flex;
    flex-direction: row;
    margin: 10px;
} 

.procesoclase .clase {
    color: white;
    width: 50em;
    padding: 1em;
    background-color: #e59a1f;
    border-radius: 2em;
}

.procesoclase .correccion {
    color: white;
    background-color: #42abb0;
    width: 50em;
    padding: 1em;
    border-radius: 2em;
}

.procesoclase p {
    color: white;
}


.datosespecialesluji {
	display: flex;
	flex-direction: row;
    margin: 10px;
	
}

.datosespecialesluji p {
	color: white;
}

.datosespecialesluji .vivoen {
	color: white;
    background-color: #42abb0;
    width: 25em;
    padding: 1em;
    border-radius: 2em;
}

.datosespecialesluji .estoycursando {
	color: white;
    width: 25em;
    padding: 1em;
    background-color: #e59a1f;
    border-radius: 2em;
}

.datosespecialesluji .trabajoen {
    color: white;
    width: 25em;
    padding: 1em;
    background-color: #764491;
    border-radius: 2em;
}

.PropuestaIndividualLuji img {
	display: block;
    margin: auto;
    width: 90%;

}
}
#mainnavs {
background-image: url("imagenes/fondoMapa2.png");
    background-repeat: no-repeat;
    background-position: 6em 10.2em;
     }

#mainnav nav{
    margin-left: 1em;
    
    
    }

#mainnavs {
background-image: url("imagenes/fondoMapa2.png");
    background-repeat: no-repeat;
    background-position: 6em 10.2em;
     }