.pagina{max-width: 960px;
        margin: 0 auto;
        }
body {
margin: 0%;
font-size: 16px;
font-family: 'Quicksand', sans-serif; text-decoration:none;
font-weight: 300;
background-image: url(imagenes/background2.jpg);
background-size: 1020px 772px;
background-color: #000;
}


header {width: 920px;
        height: 195px;
        margin: 20px 20px 20px 0;

        float: left;
}


#logo {float: left;
    
}


nav { width: 700px;
    height: 220px;
    float: left;
   
    
}
   
nav ul{margin-left: 62px;
        margin-top: 46px;
    
}

nav ul li {
    float: left;
    margin: 0px 40px 0px 0px;
    color: #66ffa7;
    text-align: center;
    line-height: 0.2em;
   
    
}

h1{font-size: 1.2em;
    
}

h2{font-size: 0.8em;
    font-weight: normal;
    
}

h3{font-size: 1.2em;
    line-height: 0.2em;
    
}

h4 {font-size: 0.8em;
   text-align: center;
    line-height: 2.1em;
    color: #fff;
    text-decoration: none;
}

h5 {font-size: 0.6em;
    color: #eee;
    text-align: center;
  
}

#articletexto {
    width: 460px;
    float: left;
    
    color: #fff;
   
   
}

#texto { font-size: 0.8em;
           
    
}

#tp1 {width: 220px;
        height: 220px;
    background-image: url(imagenes/boton_tp_1.png);
    float: left;
    margin-top: 20px;
    margin-left: 20px;
    
}

#tp1:hover {width: 220px;
    float: left;
    margin-top: 20px;
    margin-left: 20px;
    background: url(imagenes/boton_tp_1_hover.png) no-repeat;
    cursor: pointer;
    
}

#tp2 {width: 220px;
    height: 220px;
    background-image: url(imagenes/boton_tp_2.png);
    float: left;
    margin-top: 20px;
    margin-left: 20px;
    
}

#tp2:hover {width: 220px;
    float: left;
    margin-top: 20px;
    margin-left: 20px;
    background: url(imagenes/boton_tp_2_hover.png) no-repeat;
    cursor: pointer;
    
}

#tp3 {width: 220px;
    height: 220px;
     background-image: url(imagenes/boton_tp_3.png);
    float: left;
    margin-top: 20px;
    margin-left: 20px;
    
}

#tp3:hover {width: 220px;
    float: left;
    margin-top: 20px;
    margin-left: 20px;
    background: url(imagenes/boton_tp_3_hover.png) no-repeat;
    cursor: pointer;
    
}


#tp4 {width: 220px;
    height: 220px;
    float: left;
    margin-top: 20px;
    margin-left: 20px;
        background-image: url(imagenes/boton_tp_4.png);
    
}

#tp4:hover {width: 220px;
    float: left;
    margin-top: 20px;
    margin-left: 20px;
    background: url(imagenes/boton_tp_4_hover.png) no-repeat;
    cursor: pointer;
    
}

footer{width: 940px;

    background-color: #311f42;
    float: left;
    
}

.footer2 {float: left;
       
        margin-right: 20px;
    
}

.footer1 {width: 70px;
        float: left;
        margin-left: 10px;
}


.footertexto {font-size: 0.6em;
            color: #66ffa7;
            text-align: center;
            padding: 10px 70px 0px 70px;
    
}

.sociales{display: block;
    opacity: 0.3;
    margin-top: 20px;
    margin-left: auto;
        margin-right: auto;
}

.sociales:hover {display: block;
    opacity: 1;
    margin-top: 20px;
    margin-left: auto;
    margin-right: auto;
    cursor: pointer;
}

#footercentro { width: 330px;
    margin-left: auto;
                margin-right: auto;
                display: block;
}