.envioform {color:white; font-size:2rem; position:absolute; top:50%; left:50%; -webkit-transform:translate(-50%,-50%); -ms-transform:translate(-50%,-50%); transform:translate(-50%,-50%); border:1px solid black; text-align:center; width:80%; padding:10px 0; background:black; opacity:0.5;}



#contacto {background:#EAEAEA}
/****Esta página es diferente al resto, primero eliminamos las reglas que no aplican****/
#contacto .portada, body>a  {display:none;} 

/*Correo*/
.correo {color:black; text-decoration:underline;}
/*CONTENIDO**/

#contacto #contenido .centrado {position: static;padding:0; font-size:1.8rem;color:grey; -webkit-transition:none; -o-transition:none; transition:none;-webkit-transform: translate(0, 0);-ms-transform: translate(0, 0);transform: translate(0, 0);}
#contacto #contenido .centrado:before {display:none;}

#contacto #contenido h2+p {display:block;} 
#contacto #contenedor { top:0;}
#contacto aside {margin-top:0;}

/*****Reglas especificas*****/

#contacto #contenido {padding-top:100px;color:grey; background:#EAEAEA;}


#contacto #contenido .chooseContact {font-size:1.2rem; margin:30px auto 0 auto; padding-bottom:40px;}
#contacto #contenido .chooseContact li {border:1px dashed grey;-webkit-box-sizing:border-box;box-sizing:border-box; width:200px;margin:0 auto; -webkit-transition:0.3s ease; -o-transition:0.3s ease; transition:0.3s ease;/*TRANSICION DEL CAMBIO DE ESCALA*/}
#contacto #contenido .chooseContact li dl {margin:15px 0;}
#contacto #contenido .chooseContact li:nth-of-type(1) {margin-bottom:30px;-webkit-animation:contenido 1s;animation:contenido 1s;}
#contacto #contenido .chooseContact li:nth-of-type(2) {-webkit-animation:contenido 1.2s 0.1s;animation:contenido 1.2s 0.1s;}
#contacto #contenido .chooseContact li a {display:block; color:grey;  }
#contacto #contenido .chooseContact li span {font-size:1.8rem;}


/*Monigotes*/
#contacto #contenido .chooseContact li dt:after {content:""; display:block; width:100%; height:100px; margin:10px 0;-webkit-transition:0.3s;-o-transition:0.3s;transition:0.3s;/*TRANSICION DEL CAMBIO DE MUÑECO*/ }
#contacto #contenido .chooseContact li:nth-of-type(1) dt:after {background:url(../img/contacto-iconos-on-02.png) no-repeat center center;  background-size:contain;  }
#contacto #contenido .chooseContact li:nth-of-type(2) dt:after {background:url(../img/contacto-iconos-on-01.png) no-repeat center center;  background-size:contain; }

#contacto #contenido .chooseContact li:hover {-webkit-transform:scale(1.03);-ms-transform:scale(1.03);transform:scale(1.03);border:1px solid black;}
#contacto #contenido .chooseContact li:hover a {color:black;}

#contacto #contenido .chooseContact li:nth-of-type(1):hover dt:after {background:url(../img/contacto-iconos-off-02.png) no-repeat center center;  background-size:contain;  }
#contacto #contenido .chooseContact li:nth-of-type(2):hover dt:after {background:url(../img/contacto-iconos-off-01.png) no-repeat center center;  background-size:contain;  }


@media screen and (min-width:880px) {
#contacto #contenido .chooseContact li {display:inline-block;vertical-align:top; }
#contacto #contenido .chooseContact li:nth-of-type(1) {margin-right:30px;}
#contacto #contenido {padding-top:120px;}
#contacto #contenido h2 {margin-bottom:60px;}

#contacto #contenido .chooseContact li:nth-of-type(1) {-webkit-animation:logo 1s;animation:logo 1s;}
#contacto #contenido .chooseContact li:nth-of-type(2) {-webkit-animation:right 1s;animation:right 1s;}
}

@media screen and (min-width:1350px) {
#contacto #contenido .chooseContact li {width:300px; padding:40px 0; }
#contacto #contenido .chooseContact li dt:after {height:170px;}

#contacto #contenido .chooseContact {font-size:1.5rem;}
#contacto #contenido .chooseContact li span {font-size:2.5rem;}	
}