@font-face{
	font-family:Titulo;
	src: url(fonts/Broadway.ttf) format('truetype')
}
body{
	margin:auto;
	padding:0px;
	background-image: url('images/bg.png');
	background-size: 450px;
	background-repeat:repeat;
}
#contenedor{
	background-color:white;
	margin:auto;
	width:86%;
	border:1px solid black;
	box-shadow: 0px 20px 35px rgba(0,0,0,0.5);
	-webkit-box-shadow: 0px 20px 35px rgba(0,0,0,0.5);
	-moz-box-shadow:0px 20px 35px rgba(0,0,0,0.5);
	-o-box-shadow:0px 20px 35px rgba(0,0,0,0.5);
	border-radius: 15px;
}
header{
	background: rgba(255,255,255,0);
	height:200px;
}
#login{
	padding:10px;
	float:right;
	width:50%;
	text-align:right;
	vertical-align:middle;
}
#tipo{
	font-family:Titulo;
}
#contenido{
	
}
#etiquetas{
	padding:10px;
	height: 980px;
}
footer{
	background: rgba(255,0,0,0.5);
	text-align:center;
	font-family:;
	font-size:12px;
	border-radius: 10px;

}
#logotipo{
	font-size:0px;
	float:left;
	position:absolute;
	margin:0px;
	padding:0px;
}
#tipo{
	position:absolute;
	padding:0px;
	margin:10px;
	font-size:35px;
	color:rgba(255,255,255,1);
	text-shadow:2px 2px 5px rgba(255,0,0,0.4);
	font-family: Titulo;
	color:#000000;
	transform:translate(450px,10px);
	-webkit-transform: translate(450px,10px);
	-moz-transform: translate (450px,0px);
	-o-transform: translate (450px,0px);
	text-align:center;
	
}
#logo{
	float:left;
	width:50%;
	text-align:center;
	height:100%;
	vertical-align:middle;
	padding:0px;
	margin:0px;
	-webkit-transform:scale(1,1);
	-moz-transform:scale(1,1);
	animation: late 2s;
	-webkit-animation: late 2s;
	-webkit-animation-iteration-count:infinite;
	-moz-animation: late 2s;
	-moz-animation-iteration-count:infinite;
}
@-webkit-keyframes late{
	0%{-webkit-transform:scale(1,1);}
	50%{-webkit-transform:scale(1.2,1.2);}
	100%{-webkit-transform:scale(1,1);}
}
@-moz-keyframes late{
	0%{-moz-transform:scale(1,1);}
	50%{-moz-transform:scale(1.2,1.2);}
	100%{-moz-transform:scale(1,1);}
}
input{
	padding:5px;
	 border: 0px solid white;
	 border-radius:5px;
	 background:rgba(0,0,0,0.1);
	 box-shadow:inset:0px 0px 3px rgba(0,0,0,0.2);
	 -webkit-box-shadow:inset:0px 0px 3px rgba(0,0,0,0.2);
	 -moz-box-shadow:inset:0px 0px 3px rgba(0,0,0,0.2);
	 -o-box-shadow:inset:0px 0px 3px rgba(0,0,0,0.2);
	 transition: box-shadow 1s, background 1s, border 1s;
	 -webkit-transition: -webkit-box-shadow 1s, background 1s, border 1s;
	 -moz-transition: -webkit-box-shadow 1s, background 1s, border 1s;
}
input:hover{
	box-shadow:0px 0px 15px rgba(0,0,0,0.5);
	-webkit-box-shadow:0px 0px 15px rgba(0,0,0,0.5);
	-moz-box-shadow:0px 0px 15px rgba(0,0,0,0.5);
	background:rgba(255,0,0,0.1);
	border:2px solid white;
}
a{
	text-decoration:none;
	color:rgba(0,0,0,1);
}
#registrate{
	color:rgba(0,0,0,1);
	font-size: 10px;
	text-shadow: 0px 0px 5px rgba(255,0,0,1);
	animation:registrate 2s;
	-webkit-animation: registrate 2s;
	-webkit-animation-iteration-count:infinite;
	-moz-animation: registrate 2s;
	-moz-animation-iteration-count:infinite;
}
@-webkit-keyframes registrate{
	0%{text-shadow: 0px 0px 5px rgba(255,0,0,0);}
	50%{text-shadow: 0px 0px 5px rgba(255,0,0,1);}
	100%{text-shadow: 0px 0px 5px rgba(255,0,0,0);}
}
@-moz-keyframes registrate{
	0%{text-shadow: 0px 0px 5px rgba(255,0,0,0);}
	50%{text-shadow: 0px 0px 5px rgba(255,0,0,1);}
	100%{text-shadow: 0px 0px 5px rgba(255,0,0,0);}
}
#presentacion{
	padding:0px;
	margin:0px;
	text-align:left;
	width:100%;
	height:0px;
	background: rgba(0,0,0,0.1);
	background: url('images/timessquare.jpg');
	background-size: 1000px 400px;
	box-shadow: inset 0px 0px 25px rgba(0,0,0,0.2);
	-webkit-box-shadow: inset 0px 0px 25px rgba(0,0,0,0.2);
	-webkit-animation: esconde 15s;
	-moz-box-shadow: inset 0px 0px 25px rgba(0,0,0,0.2);
	-moz-animation: esconde 15s;
}
@-webkit-keyframes esconde{
	0%{height:300px;}
	50%{height:300px;}
	100%{height:0px;}
}
@-moz-keyframes esconde{
	0%{height:300px;}
	50%{height:300px;}
	100%{height:0px;}
}
#animaciontexto1{
	position:absolute;
	font-family:;
	color:rgba(255,255,255,0);
	text-shadow: 3px 3px 5px rgba(0,0,0,0);
	font-size:30px;
	-webkit-transform:translate(200px,0px);
	-webkit-animation: muevetexto1 3s;	
	-moz-transform:translate(200px,0px);
	-moz-animation: muevetexto1 3s;	
}
@-webkit-keyframes muevetexto1{
	0%{color:rgba(255,255,255,0);-webkit-transform:translate(-200px,0px); text-shadow:3px 3px 5px rgba(0,0,0,0);}
	25%{color:rgba(255,255,255,1);-webkit-transform:translate(200px,0px);text-shadow:3px 3px 5px rgba(0,0,0,1);}
	50%{color:rgba(255,255,255,1);-webkit-transform:translate(200px,0px);text-shadow:3px 3px 5px rgba(0,0,0,1);}
	75%{color:rgba(255,255,255,1);-webkit-transform:translate(200px,0px);text-shadow:3px 3px 5px rgba(0,0,0,1);}
	100%{color:rgba(255,255,255,0);-webkit-transform:translate(400px,0px);text-shadow:3px 3px 5px rgba(0,0,0,0);}
}
@-moz-keyframes muevetexto1{
	0%{color:rgba(255,255,255,0);-moz-transform:translate(-200px,0px); text-shadow:3px 3px 5px rgba(0,0,0,0);}
	25%{color:rgba(255,255,255,1);-moz-transform:translate(200px,0px);text-shadow:3px 3px 5px rgba(0,0,0,1);}
	50%{color:rgba(255,255,255,1);-moz-transform:translate(200px,0px);text-shadow:3px 3px 5px rgba(0,0,0,1);}
	75%{color:rgba(255,255,255,1);-moz-transform:translate(200px,0px);text-shadow:3px 3px 5px rgba(0,0,0,1);}
	100%{color:rgba(255,255,255,0);-moz-transform:translate(400px,0px);text-shadow:3px 3px 5px rgba(0,0,0,0);}
}
#animaciontexto2{
	position:absolute;
	font-family:;
	color:rgba(255,255,255,0);
	text-shadow:3px 3px 5px rgba(0,0,0,0);
	font-size:30px;
	-webkit-transform: translate(200px,0px);
	-webkit-animation: muevetexto2 5s;
	-webkit-animation-delay:3s;
	-moz-transform: translate(200px,0px);
	-moz-animation: muevetexto2 5s;
	-moz-animation-delay:3s;
}
@-webkit-keyframes muevetexto2{
	0%{color:rgba(255,255,255,0);-webkit-transform:translate(-200px,0px); text-shadow:3px 3px 5px rgba(0,0,0,0);}
	25%{color:rgba(255,255,255,1);-webkit-transform:translate(200px,0px);text-shadow:3px 3px 5px rgba(0,0,0,1);}
	50%{color:rgba(255,255,255,1);-webkit-transform:translate(200px,0px);text-shadow:3px 3px 5px rgba(0,0,0,1);}
	75%{color:rgba(255,255,255,1);-webkit-transform:translate(200px,0px);text-shadow:3px 3px 5px rgba(0,0,0,1);}
	100%{color:rgba(255,255,255,0);-webkit-transform:translate(400px,0px);text-shadow:3px 3px 5px rgba(0,0,0,0);}
}
@-moz-keyframes muevetexto1{
	0%{color:rgba(255,255,255,0);-moz-transform:translate(-200px,0px); text-shadow:3px 3px 5px rgba(0,0,0,0);}
	25%{color:rgba(255,255,255,1);-moz-transform:translate(200px,0px);text-shadow:3px 3px 5px rgba(0,0,0,1);}
	50%{color:rgba(255,255,255,1);-moz-transform:translate(200px,0px);text-shadow:3px 3px 5px rgba(0,0,0,1);}
	75%{color:rgba(255,255,255,1);-moz-transform:translate(200px,0px);text-shadow:3px 3px 5px rgba(0,0,0,1);}
	100%{color:rgba(255,255,255,0);-moz-transform:translate(400px,0px);text-shadow:3px 3px 5px rgba(0,0,0,0);}
}
table{
	width:48%;
	float:left;
	margin:1%;
	border:1px solid rgba(255,255,255,1);
	border-radius:10px;
	background:rgba(255,0,0,0.1);
	box-shadow:0px 0px 10px rgba(0,0,0,0.5);
	-webkit-box-shadow:0px 0px 10px rgba(0,0,0,0.5);
	-webkit-transform:scale(1,1);
	-webkit-transition:-webkit-transform 1s;
	-moz-box-shadow:0px 0px 10px rgba(0,0,0,0.5);
	-moz-transform:scale(1,1);
	-moz-transition:-webkit-transform 1s;
}
table:hover{
	-webkit-transform:scale(1.5,1.5);
	-moz-transform:scale(1.5,1.5);
}
table th{
	text-align:left;
	width:100%;
	font-family:;
	border:1px solid rgba(0,0,0,0.5);
	border-radius:10px;
	background:rgba(255,0,0,0.8);
	box-shadow:0px 0px 10px rgba(0,0,0,0.2);
	-webkit-box-shadow:0px 0px 10px rgba(0,0,0,0.2);
	-moz-box-shadow:0px 0px 10px rgba(0,0,0,0.2);
}
table td{
	border:0px solid white;
	text-shadow:2px 2px 4px rgba(0,0,0,0.2);
}
#estrellas{
	float:right;
	font-size:12px;
	font-family:;
}
#trampa{
	opacity:0;
}