/** Instalando fuentes**/
@import url(http://fonts.googleapis.com/css?family=Anaheim);
@import url(http://fonts.googleapis.com/css?family=Oswald:400,700|Francois+One);
@import url(http://fonts.googleapis.com/css?family=Open+Sans:300italic,400italic,400);



/*redes*/
.redes{
	width: 250px;
	height: 46px;
	float: left;
	z-index: 9999;
	margin: 18px 670px;

}
.redes p{
	color:#ccc;
	font-size:12px;
	margin-left:15px;
}
.face, .twitter, .blog{
	width: 40px;
	height:38px;
	float: left;
	background: #fff;

	margin-left: 40px;

	transform:rotate(0deg);
	-webkit-transform:rotate(0deg);
	-o-transform:rotate(0deg);
	-moz-transform:rotate(0deg);
	-ms-transform:rotate(0deg);
}
.face{
	background: url(../images/indexcabecera/indexcabecera.png) 0 0;
}
.twitter{
	background: url(../images/indexcabecera/indexcabecera.png) -56px 0;
}
.blog{
	background: url(../images/indexcabecera/indexcabecera.png) -109px 0;
}
/*HOVER*/
.face:hover{
	background: url(../images/indexcabecera/indexcabecera.png) 0 0;
	transform:rotate(360deg);
	-webkit-transform:rotate(360deg);
	-o-transform:rotate(360deg);
	-moz-transform:rotate(360deg);
	-ms-transform:rotate(360deg);

	transition:all 2s;
	-webkit-transition:all 2s;
	-o-transition:all 2s;
	-moz-transition:all 2s;
	-ms-transition:all 2s;
}
.twitter:hover{
	background: url(../images/indexcabecera/indexcabecera.png) -56px 0;
	transform:rotate(360deg);
	-webkit-transform:rotate(360deg);
	-o-transform:rotate(360deg);
	-moz-transform:rotate(360deg);
	-ms-transform:rotate(360deg);

	transition:all 2s;
	-webkit-transition:all 2s;
	-o-transition:all 2s;
	-moz-transition:all 2s;
	-ms-transition:all 2s;
}
.blog:hover{
	background: url(../images/indexcabecera/indexcabecera.png) -109px 0;
	transform:rotate(360deg);
	-webkit-transform:rotate(360deg);
	-o-transform:rotate(360deg);
	-moz-transform:rotate(360deg);
	-ms-transform:rotate(360deg);

	transition:all 2s;
	-webkit-transition:all 2s;
	-o-transition:all 2s;
	-moz-transition:all 2s;
	-ms-transition:all 2s;
}

/*fin redes*/