/* ---------------- SLIDER CON EFECTOS DE AMPLIACIÓN Y ROTACIÓN ------------------- */

.headerimg {width:100%; height:100%; top:0px; left:0px; position:absolute; background-size:cover; background-position:50% 50%; background-repeat:none; opacity:0; z-index:0;
  -webkit-backface-visibility:hidden; -webkit-animation:imageAnimation 6s linear infinite 0s; -moz-animation:imageAnimation 6s linear infinite 0s;
  -o-animation:imageAnimation 6s linear infinite 0s; -ms-animation:imageAnimation 6s linear infinite 0s; animation:imageAnimation 6s linear infinite 0s;}


@-webkit-keyframes imageAnimation { 
	0%   {opacity:0; -webkit-transform:scale(1);}
	10%  {opacity:1;}
	90%  {opacity:1;}
	100% {opacity:0; -webkit-transform:scale(1.05);}
}

@-moz-keyframes imageAnimation { 
	0%   {opacity:0; -moz-transform:scale(1);}
	10%  {opacity:1;}
	90%  {opacity:1;}
	100% {opacity:0; -moz-transform:scale(1.05);}
}

@-o-keyframes imageAnimation { 
	0%   {opacity:0; -o-transform:scale(1);}
	10%  {opacity:1;}
	90%  {opacity:1;}
	100% {opacity:0; -o-transform:scale(1.05);}
}

@-ms-keyframes imageAnimation { 
	0%   {opacity:0; -ms-transform:scale(1);}
	10%  {opacity:1;}
	90%  {opacity:1;}
	100% {opacity:0; -ms-transform:scale(1.05);}
}

@keyframes imageAnimation { 
	0%   {opacity:0; transform:scale(1);}
	10%  {opacity:1;}
	90%  {opacity:1;}
	100% {opacity:0; transform:scale(1.05);}
}