@charset "utf-8";
/* CSS Document */

body {background-color:#000;}
/*marco para centrar en pantallas grandes-----*/
html, body {margin: 0;padding: 0;height: 100%;}
#pantalla {	width: 1280px;
	height: 640px;
	margin: auto;
	position: absolute;
	top: 0px;left: 0;bottom: 0;right: 0;}
#escena {
	position: absolute;
	z-index: 1;
	width: 744px;
	height: 496px;
	left: 50%;
	top: 50%;
	margin-top: -280px;
	margin-right: 0;
	margin-left: -313px;
	margin-bottom: 0;
}
#rotador {
	position: absolute;
	z-index: 1;
	width: 744px;
	height: 496px;

}
#logo {position:absolute;left:5%;top:10%;z-index:2;}
#texto {position:absolute;	z-index:3;
	left:4%;top:35%;
	width:233px;height:205px;
	font-family:"Jim Nightshade", "Palatino Linotype", "Book Antiqua", Palatino, serif;
	font-size: 2em;color:#CCC;
}

a{color:#FFF; text-decoration:none;}
/*Esto para cambiar color hover*/
a:hover{ color:#00FFFF;text decoration: none;}
/*Cambiar color textos de enlaces*/
.cambiar big{display:inline; font-size: 1em;}
.cambiar a {display: inline;}
.cambiar a span {display: none;}
.cambiar a:hover span {display: inline}
.cambiar a:hover big {display: none}

/**************** efecto enlaces************************/

/* Ripple Out */
@-webkit-keyframes hvr {
  100% {
    top: -12px;
    right: -12px;
    bottom: -12px;
    left: -12px;
    opacity: 0;
  }
}

@keyframes hvr {
  100% {
    top: -12px;
    right: -12px;
    bottom: -12px;
    left: -12px;
    opacity: 0;
  }
}

.hvr {
  display: block;
  vertical-align: middle;
  -webkit-transform: translateZ(0);  -o-transform:translateZ(0);
  transform: translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-backface-visibility: hidden;  
  backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;
  position: relative;
}
.hvr:before {
  content: '';
  position: absolute;
 border: rgba(199,178,178,0.7) solid 2px;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  -webkit-animation-duration: 1s; -o-animation-duration: 1s;
  animation-duration: 1s;
}
.hvr:hover:before, .hvr:focus:before, .hvr:active:before {
  -webkit-animation-name: hvr; 
  animation-name: hvr;
}