@charset "UTF-8";


@font-face {
	font-family: 'sanchez_regularregular';
	src: url(agenciadepromocion/sanchez/sanchezregular-ita-webfont.eot);
	src: url(agenciadepromocion/sanchez/sanchezregular-webfont.eot?#iefix) format('embedded-opentype'),  url(agenciadepromocion/sanchez/sanchezregular-webfont.woff2) format('woff2'),  url(agenciadepromocion/sanchez/sanchezregular-webfont.woff) format('woff'),  url(agenciadepromocion/sanchez/sanchezregular-webfont.ttf) format('truetype'),  url(agenciadepromocion/sanchez/sanchezregular-webfont.svg#sanchez_regularregular) format('svg');
	font-weight: normal;
	font-style: normal;
}

#tornamesa{
	width:768px;
	height:565px;
	background:url(imagenes/tornamesa.png) no-repeat;
	padding:0;
	margin: 40px auto;
	position:relative;
}

.contenedor{
	width: 960px;
	margin: 0 auto;
	overflow: auto; 
	min-height: 100%;
	height:auto;
}


#tornamesa img{
	display:block
}
	
p.tornamesa{
	width:100%;
	height:auto;
	text-align:center;
	font-size: 1.5em;
	color:#25170c;
	margin-top: 80px;
}

#disco{
	width: 371px;
	height: 373px;
	position: relative;
	top: 33px;
	left: 110px;
	-webkit-animation: flickerAnimation 5s  infinite;
   -moz-animation: flickerAnimation 5s  infinite;
    -o-animation: flickerAnimation 5s  infinite;
    animation: flickerAnimation 5s  infinite;
}

#privacidad{
	height:800px;
	overflow:scroll;
	text-align:justify;
	
	
}

#privacidad p{
	padding-top: 50px;
}
	
body,html {
	height: 100%;
	margin: 0;
	padding: 0;
	background: url(imagenes/ricepaper2.jpg);
	font-family: 'sanchez_regularregular', arial;
	
}

footer{
	background: #25170c;
	width:100%;
	height: 50px;
	bottom:0; /* la posicion que le damos es abajo a 0 pixeles de distancia */
	margin:0;
	position:absolute;
	padding:0;
	left:0;
	
}

p.footer{
	width: 960px;
	height:auto;
	margin:auto;
	padding-top:20px;
	color:white;
	font-size: .7em;
	text-align:center;

}

p.footer a{
	color:#FFF;
}



a.promocd{
	width: 185px;
	height: 373px;
	position: absolute;
	padding: 0;
	margin: 0;
	background-image: url(imagenes/discohover.png);
	background-position: 0px 0px;
	z-index: 100;
	top: 2px;
	opacity: 0;
	transition: opacity .3s ease-out;
	left: 0px;
}

a.promocd:hover, a.comuniccd:hover{
	opacity:1;
}

a.comuniccd{
	width: 185px;
	height: 373px;
	position: absolute;
	padding: 0;
	margin: 0;
	background-image: url(imagenes/discohover.png);
	background-position: 185px 0px;
	z-index: 150;
	top: 0;
	left: 185px;
	opacity: 0;
	transition: opacity .3s ease-out;
}



@keyframes flickerAnimation {
  0%   { -webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg); }
  
  50%  { -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg);}
  
  100% { -webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
  			 }
}
@-o-keyframes flickerAnimation{
  0%   { -webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
  			 }
  50%  { -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg);}
  
  100% { -webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
}
}

@-moz-keyframes flickerAnimation{
 0%   { -webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
  			 }
  50%  { -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg);}
  
  100% { -webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
}
}
@-webkit-keyframes flickerAnimation{
  0%   { -webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
  			 }
  50%  { -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg);}
  
  100% { -webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
}
}/* CSS Document */