@charset 'UTF-8';

@font-face{font-family:'FontAwesome';src:url('font/fontawesome-webfont.eot?v=4.0.1');src:url('font/fontawesome-webfont.eot?#iefix&v=4.0.1') format('embedded-opentype'),url('font/fontawesome-webfont.woff?v=4.0.1') format('woff'),url('font/fontawesome-webfont.ttf?v=4.0.1') format('truetype'),url('font/fontawesome-webfont.svg?v=4.0.1#fontawesomeregular') format('svg');font-weight:normal;font-style:normal}

body {
	
background: url(../imagenes/fondo.jpg);
  background-repeat: no-repeat;
  background-size: cover;
	
}

@-webkit-keyframes movimiento-zoom {
from {width: 10%;} to {width: 50%}
} 

@-webkit-keyframes movimiento-izquierda {
from {left: -100%;} to {left: 10%}
}   
@-webkit-keyframes movimiento-arriba {
from {top: -40%;} to {top: 20%}
}  
@-webkit-keyframes movimiento-derecha {
from {left: -500px;} to {left: 100px}
}  
@-webkit-keyframes fade-in {
0%   { opacity: 0; }
100% { opacity: 1; }
}  


#logo_izquierda {

position:absolute;left:10%;top:5%;
width:50%;height:90%;

   -webkit-animation-name: movimiento-izquierda;
   -webkit-animation-duration: 4s;
   -webkit-animation-iteration-count: !important;
   -webkit-animation-direction: alternate;
 /*  
   -webkit-animation-name: movimiento-zoom;
   -webkit-animation-duration: 12s;
   -webkit-animation-iteration-count: !important;
   -webkit-animation-direction: alternate;
  */ 
background:url(../imagenes/logo2.jpg) no-repeat;
background-size:contain;
}
/* --------- */
#logo_ {
position:absolute;left:60%;top:25%;
width:30%;height:100%;
opacity:100%;
background:url(../imagenes/logo.png) no-repeat;
background-size:contain;
   -webkit-animation-name: fade-in;
   -webkit-animation-duration: 12s;
   -webkit-animation-iteration-count: !important;
   -webkit-animation-direction: alternate;/*para que vuelva a su posicion inicial */
}