main{
    width:960px;
    margin:auto;
    margin-top:70px;
    background-color: #d9d9d7;
    padding:20px;
}

body{
    background-color: #fff;
}

header h1{
    color: #ff0080;
    font-size: 24px; 
    font-family: 'montserrat', sans-serif;
    text-align: center;
    
}


/*
    estilos de links
*/

nav{
   background-color: #b7b4b4;
    overflow: auto;
    font-family: 'montserrat',sans-serif;
    font-size: 15px;
   
}

header ul{
    list-style: none;
   
   
    
}

header ul li{
    float: left;
    margin:30px;
    padding:3px
}

header ul li a{
    text-decoration: none;
    color: #fff;
    display: block;
   
    }

header ul li a:hover{
    color: #ff0080;
}

section {
    overflow: auto;
    width:570px;
    margin:auto;
    margin-top: 30px;
    margin-bottom: 150px;
}


section article#tp{
    width:200px;
    float:left;
    text-align: center;
    padding:20px;
    font-family: 'montserrat',sans-serif;
    margin-right: 100px;
    padding-top: 0px;
    
}

section article#tp h2{
    background-color:#b7b4b4;
    padding:30px;
    margin:30px;
    font-size: 40px;
    color:#ff0080;
    float:left
}


section article#tp a{
    text-decoration: none;
    color:#fff;
    background-color: #b7b4b4;
    padding:20px;

}

section article#tp a:hover{
    color:#ff0080;
    
}
    
    
    

section article#datos{
    float:inherit;
    font-family: 'montserrat',sans-serif;
    font-size:15px;
    color:#717171;
}


footer{
    text-align: center;
    color:#717171;
    font-size: 10px;
}

footer a{
    text-decoration: none;
    color:#ff0080;
    font-size:9px;
}