body {background-image: linear-gradient(120deg, #fdfbfb 0%, #ebedee 100%); font-family: Arial, Helvetica, sans-serif;}

header {background-image: url(../img/fadu.jpg);
background-size: 1600px;
background-repeat: no-repeat;}

h1 {color: #ffffff; 
    text-align: left;
    padding-left: 85px;}

h2  {color: #04334f;padding-left: 85px;}

p {
    padding-left: 85px;}


h3{color:#04334f;padding-left: 85px;}

.iconospdf {width: 150px;
        height: 150px;
        padding-left: 85px;}

.footer{text-align: center;}

.inicio{text-align: left;
    padding-left: 85px;}

.links a{text-align: left;}

.links:hover{background: #04334f;}

.links{padding: 5px;}


.legal {text-align: center;
font-size: 0.8rem;
color: white;
background:#04334f;
padding: 85px 0px 85px 0px;
}

div{
    width: 1425px;
}

.logo{
    width: 300px; height: 300px;
    margin: auto;
    display: block;
}

.footer1 {
    text-align: center;
    background:white;
    padding : 10px 10px 10px 10px;
    }


.nombres:hover {
    background:#7dbab2;
    padding: 5px;
 }

 footer a{
    text-align: center; 
    color: #91d7cf
}

.nombres{
    padding-left: 5px;
    padding-right: 5px;
}

h3{
    text-align: center;
}

.logo{
    width: 300px;
    height: 300px;
}

.ocampo:hover{
    background: #7dbab2;
    padding: 5px
}

.ocampo{
    color:#04334f ;
}

.cat{
    padding-left: 85px;
}

.imagenes img{
    width: 15%; height: 15%;
    padding : 10px 10px 10px 10px;
}

.imagenes {
    display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: space-between;
	align-items: baseline;
	align-content: flex-start;
    padding-left: 85px;
    
}

.chicas{
    border-radius: 300px;
}

.nav2 {
    padding-left: 85px;}



@media (max-width: 576px){
    .imagenes{
            display: flex;
            flex-direction: column;
            flex-wrap: nowrap;
            justify-content: space-evenly;
            align-items: stretch;
            align-content: space-around;
            padding-left: 130px;
            
        }
        header {background-image: url(../img/faduresponsive.jpg);
            background-size: 500px;
            background-repeat: no-repeat;}

         .logo{
                width: 300px; height: 300px;
                margin: 0px 0px 0px 70px;
                display: block;
            }

            .textolegal{
                padding-right: 60px;
            }

}