@charset "utf-8"
    /* CSS Document */
@import url(http://fonts.googleapis.com/css?family=Noto+Sans:400,700);


html {
font-family: "Noto Sans"; sans serif;
text-decoration-color: #00A99D; 
width: 960px;
margin: 0 auto;
     background-image: url(imagenes/fondo.jpg);
}






.dgpc{
    background-color: white;
    width: 100px;
    height: 100px;
    border-radius:300px;
    float: left;
    margin-left: 20px;
    margin-top: 10px;
    
    }

.dgpc h1{
    color:  #1AC4B3;
    margin-top: 30px;
    margin-left: 5px;
    
}
.dgpc h1:hover{
    color: deeppink;
    }
    
.dgpc a{
    text-decoration: none;
    
}




header {
background-color: rgb(26, 196, 179);
height: 120px;
margin-top: 0px;
    border-radius: 5px;
 }




.menu {
position: absolute;
width: 960px;
height: 1px;
background-color: rgb(26, 196, 179);
text-decoration: none;

}





body { 
width: 960px;
background-color: rgb(255, 255, 255) ;
}

.menu nav {
    float: right;
    margin-right: -10px;
	margin-top: 0px;
}

.menu nav ul li {
list-style-type: none;
    margin-right:15px;
margin-top:50px;
padding-right:-28px;
float: right;
    }


.menu nav ul li a {
    text-decoration: none;
    display: block;
    width: 120px;
    height: 40px;   
    background-color: white;
    text-align: center;
    padding: 2px;
    border-radius: 5px;
     
    
}



.menu nav ul li a:hover{
   border-top: 5px;
   border-top-color: deeppink ;
   border-top-style: solid;
    color: deeppink
 
}


.menu h3 {
color: #00A99D;
    margin-top: 8px;


}

.menu h3:hover{
color: deeppink;

}

.fotomodulo {
    float: left;
    width: 633px;
    height: 200px;
    background-color:white;
    margin-left: 0px;
    margin-top: 10px;
    border-radius: 5px;
   
}


.fotomodulo img {
   
    background-color:white;
    margin-left: 20px;
    margin-top: 10px;
    border-color:rgb(26, 196, 179);
    border-width:7px;
    border-style: solid;
    border-radius:300px;
    }


.fotomodulo img:hover {
   
    
    border-color:deeppink;
    border-width: 7px;
    border-style: solid;
    border-radius:300px;
    }


  .fotomodulo h2 {
       color:  #1AC4B3;
      margin-left: 200px;
      margin-top: -150px;

    }

.fotomodulo p {
      color:  #1AC4B3;
      margin-left: 200px;
      margin-top: 0px;
       
    }

.fotomodulo h4{
    color:  #1AC4B3;
      margin-left: 160px;
      margin-top: 0px;
        
    }

.fotomodulo h4:hover{
    color: deeppink

}

.fotomodulo ul a{
    text-decoration: none;
    
}


    




.materiasmodulo { 
float: left;
    width: 960px;
    height: 344px;
    background-color: #1AC4B3;
    margin-left: 0px;
    margin-top: 10px;
    border-radius: 5px;
}

.materiasmodulo h2 {
       color:  white;
margin-left:35px;
margin-top: 40px;
    }

.materiasmodulo li {
  color: #f5f5dc;
margin-left: 35px;
margin-top: 10px;
list-style: none;
} 

.materiasmodulo p   {  
color: #f5f5dc;
margin-left: 35px;
margin-top: 0px;
    }

.materiasmodulo h3 {
color:  #f5f5dc;
margin-left:0px;
margin-top: 0px;

 }

.nivel2 {
    float: left;
    width: 306px;
    height: 250px;
    margin-left:310px;
    margin-top: -250px;
    
    }

.nivel2 p{
    color: #f5f5dc;
margin-left: 0px;
margin-top: 0px;
}

.nivel2 li{
    list-style: none;
}
.nivel2 h3{
    color:  #f5f5dc;
margin-left:0px;
margin-top: 0px;

}

.nivel3 {
    float: left;
    margin-left:600px;
    margin-top: -250px;
    
    }
.nivel3 p{
    color: #f5f5dc;
margin-left: 0px;
margin-top: 0px;
}

.nivel3 li{
    list-style: none;
}
.nivel3 h3{
    color:  #f5f5dc;
margin-left:0px;
margin-top: 0px;

}



.vilomodulo {
float: left;
width: 306px;
    height: 200px;
background-color: rgb(26, 196, 179);
    margin-left: 0px;
    margin-top:19px;
    border-radius: 5px;
}

.vilomodulo img { float: inherit;
margin-left: 40px;
margin-top: 55px;
border-color:  white;
    border-width: 10px;
    border-style: solid;
    border-radius: 5px
}

.vilodatosmodulo {
    float: left;
    width: 633px;
    height:200px;
    background-color:#1AC4B3;
    margin-left: 20px;
    margin-top: 19px;
      border-radius: 5px;
    border-top-color: aqua;
   
}

.vilodatosmodulo h2 {
color:  white;
margin-left:35px;
margin-top: 40px;
    }

.vilodatosmodulo p {
color:  #f5f5dc;
margin-left:35px;
margin-top:20px;
margin-right: 35px;
    }



.integrantesmodulo {
display: inline-block;
float: right;
    width: 960px;
    height: 40px;
    background-color:white;
    margin-left: 0px;
    margin-top: 0px;
    border-bottom: 3px;
   border-bottom-color: rgb(26, 196, 179) ;
   border-bottom-style: solid;
    
    
}

.integrantesmodulo li {;
display: inline-block;
list-style: none;
float: right;
padding-top: -20px;
padding-left: 0px;
padding-right: 20px;
text-decoration: none;
color:#1AC4B3; 
margin-top: -15px;
margin-left: 7px;
}


.integrantesmodulo ul li :hover{
	background-color:deeppink;
color: white;
}

.integrantesmodulo ul li a{
text-decoration: none;
}

.integrantesmodulo h4 {
    font-size: 16px;
color: #1AC4B3;
background-color: white;
    margin-top: 5px;
    padding: 4px;
    border-radius: 5px;


}

.integrantesmodulo h5 {
    
    font-size: 16px;
    color: #1AC4B3;
    background-color: white;
    margin-top: -5px;
       border-radius: 5px;
    margin-left: 20px;


}
/* --------------CARTA---------------*/

 
.modulo1 {
    float: left;
    width: 306px;
    height: 200px;
    background-color: rgb(26, 196, 179);
    border-radius: 5px;
    margin-top: 10px;
    

}
.modulo1 h2{
    color: white;
    margin-left: 15px;
    }
.modulo1 p{
    font-size: 12px;
    color: white;
    margin-left: 15px;
    margin-right: 10px;
    }


.modulo2 {
    float: left;
    width: 306px;
    height: 200px;
    background-color: rgb(26, 196, 179);
    border-radius: 5px;
    margin-top: 10px;
    margin-left: 20px;
   } 

.modulo2 h2{
    color: white;
    margin-left: 15px;
    }

.modulo2 p{
    font-size: 12px;
    color: white;
    margin-left: 15px;
    margin-right: 10px;
    }

.modulo3 {
    float: left;
    width: 306px;
    height: 200px;
    background-color: white;
    
    margin-top: 10px;
    margin-left: 20px;
    border-bottom: 3px ;
    border-bottom-color: rgb(26, 196, 179);
    border-bottom-style: solid;
    } 

.modulo3 h2{
    color:rgb(26, 196, 179);
    margin-left: 15px;
    }
.modulo3 img{
        margin-left: 15px;
    }

.refes {
    float: left;
    width: 633px;
    height: auto;
    background-color: rgb(26, 196, 179);
    border-radius: 5px;
    margin-top: 10px;
    margin-left:0px;
   
}

.refes h3{
    color: white;
    margin-left: 20px;
    }


.refes img{
   
    margin-left: 20px; margin-bottom: 15px;

    }


/* --------------PROPUESTA---------------*/


.modulo5 {
    float: left;
    width: 633px;
    height: auto;
    background-color: rgb(26, 196, 179);
    margin-top: 10px;
    border-radius: 5px;
        }

.modulo5 h2{
    color: white;
    margin-left: 15px;
    
 }

.modulo5 img{
    color: white;
    margin-left:65px;
    margin-bottom: 15px;
    
 }
/* --------------MAPA---------------*/

.modulo4 {
 float: left;
    width: 306px;
    height: auto;
    background-color: rgb(26, 196, 179);
    margin-top: 10px;
    border-radius: 5px;
         }

.modulo4 h2{
    color: white;
    margin-left: 15px;
    }
.modulo4 li{
    color:white;
           
}

.modulo6 {
 float: left;
    width: 306px;
    height: auto;
    background-color: rgb(26, 196, 179);
    margin-top: 10px;
    margin-left: 20px;border-radius: 5px;
    
     }
.modulo6 h2{
    color: white;
    margin-left: 15px;
    }
.modulo6 li{
    color:white;
           
}

/* --------------FOOTER---------------*/


.footer {
    display: inline-block;
    background-color:rgb(26, 196, 179) ;
    margin-left: 0px;
    margin-top: 20px;
    width: 960px;
    border-radius: 5px;
   
}

.footer p {
color: white;
margin-left:10px;
margin-top:20px;
margin-right: 10px;
font-size: 12px;
    }