@charset "utf-8";

/* ***REGLAS GENERALES*** */
* {
    box-sizing: border-box;
}

body {
	font-family: sans-serif;
    margin: 0;
	
}

header{
    display: flex;
	padding:0;
}


h1 {
	text-align: center;
	font-size: 2em;
	text-shadow: 2px 2px rgba(255, 153, 51, 0.55);
}
h2 {
	text-align: center;
	font-weight: bold;
    }

h3{
    text-align: center;
    font-size: 2.5em;
    margin: 0.3em;
}
    
li {
	list-style: none;


}

p {
  margin: 0;
    padding: 0em 2em 2em 2em; ;
}

a {
    text-decoration: none;
    color: rgb(221, 122, 23)
}
footer{
	margin-top:5em;
    margin: 0;
	padding: 0.5 3em 0em 3em;
    font-size: .7em;
}

/* COLOR DE FONDO DE FOOTER Y HEADER */
footer,header{
	background-color: rgb(255,153,51);
    color: white;
}


/* ***MENU SUPERIOR*** */
#contenedora {
	display: flex;
	justify-content: space-between;
	padding: 2em;
	align-items: center;
	}

.logodgpc{
	min-width:100px; 
}

nav a {
	margin: 1em;
	text-decoration: none;
	color: white;
}


/* ***INTEGRANTES*** */

#fotointegrantes {
	
    max-width: 100%;
	list-style: none;
	justify-content:space-around;
	display: flex;
	flex-wrap: wrap;
    padding: 0;
	

}

figure{
	text-align: center;
		
}
figure img {

	border-radius: 50%;
	display: flex;
	max-width: 300px;
    border: solid 5px  rgb(255,153,51);
    box-shadow: 0 8px 8px rgba(21, 21, 21, 0.37);
}

/* *** PARRAFO DE COMITENTE Y NUESTRA PROPUESTA *** */

.contenido p{
	padding: 0 5em;
	text-align: center;
	font-size: .9em;
	text-align:left;	
}

/* ***REDES SOCIALES DEL COMITENTE*** */

.contenido ul   {
	margin: auto; 
    padding: 0;
	display: flex;
    justify-content: space-between;
	max-width: 15%;
	flex-wrap: wrap;
}


.contenido ul li img{
	margin: 2em;
	max-height: 40px;
    max-width: 100%;
    flex-wrap: wrap;
}

/* DATOS ACADÉMICOS */
#datosacademicos{
	padding: 0;
	text-align:left;
    margin:0 3em;
    font-size: .9em;
    
    
    
    
}

/* DATOS INSTITUCIONALES DEL FOOTER */
.parrafo{
	display: flex;
	justify-content: center;
	
}
#datosuba{
    display: flex;
    
}
.parrafo img{
    max-height: 70px;
    
}
.imagenesscroll{
    max-width: 100%;
    overflow: auto;
}
.imagenesscroll img{
    width:900px;
}

/*  MEDIA */
@media screen and (min-width:1024px){
    header footer{
        margin: 0;
    }
    
    #fotointegrantes {
        margin: 0;
        margin: auto;
        display: flex;
        flex-direction: row; 
        flex-wrap: nowrap;
        justify-content: space-around;
        max-width: 60%;
    }
    
    /*redes sociales */
    .contenido ul {
      display: flex;
    flex-direction: row;
        flex-wrap: nowrap;
        justify-content: center;
        
    }
    
    .contenido ul li img{
	margin: 2em;
	max-height: 50px;
	
}
    
    .contenido p{
	padding: 0 15em;
	text-align: center;
	font-size: 1.4em;
        text-align:left;
		
}
    #datosacademicos {
        margin: 0 20em;
        font-size: 1.4em;
    }
    
    footer{
        font-size: 1.3em;
    }
}