@font-face {
	font-family: Blockt;
	src: url('../font/Blockt.ttf');
}
@font-face {
	font-family: Western Bang Bang;
	src: url('../font/Western Bang Bang.ttf');
}
@font-face {
		font-family: Neuton-Light;
	src: url('../font/Neuton-Light.ttf');
}
@font-face {
		font-family: Neuton-Regular;
	src: url('../font/Neuton-Regular.ttf');
}
body {
	margin: auto;
	padding: 0px;
}
#contenedor {
	margin: auto;
	width: 80%;
	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 {
	border-radius: 15px 15px 0px 0px;
	background: rgb(215,245,255);
	height: 300px;
}
#contenido {
	background: white;
}
#presentacion {
	padding: 0px;
	margin: 0px;
	background: rgba(0,0,0,0.1);
	background: url('../image/etiqueta.jpg') center center;
	background-repeat: no-repeat;
	background-size: 1300px 780px;
	font-family: Western Bang Bang;
	text-align: left;
	width: 100%;
	height: 0px;
	box-shadow: inset 0px 0px 5px rgba(0,0,0,0.2);
	-webkit-box-shadow: inset 0px 0px 5px rgba(0,0,0,0.2);
	-webkit-animation: esconde 15s;
}
@-webkit-keyframes esconde {
	0%{height: 150px; background-size: 1300px 780px;}
	50%{height: 150px;}
	100%{height: 0px; background-size: 2600px 1560px;}
}
#etiquetas {
	padding: 10px;
}
footer {
	background: white;
	text-align: center;
	font-family: Neuton-Regular;
	font-size: 18px;
	border-radius: 15px;
}
#logotipo {
	font-size: 0px;
	float: left;
	position: absolute;
	padding: 0px;
	margin: 0px;
}
#tipo {
	width: 490px;
	position: absolute;
	padding: 0px;
	margin: 0px;
	font-size: 32px;
	color: black;
	text-shadow: 2px 2px 5px rgba(0,0,0,0.5);
	font-family: Blockt;
	transform: translate(370px, -32px);
	-webkit-transform: translate(370px,-10px);
	-moz-transform: translate(370px,25px);
	-o-transform: translate(370px,25px);
}
#logo {
	float: left;
	width: 50%;
	text-align: center;
	height: 100%;
	vertical-align: middle;
	position: absolute;
	padding: 0px;
	margin-top: 90px;
	margin-left: 185px;
	animation: girando 3s;
	-webkit-animation: girando 3s;
	-webkit-transform: scale(0.5,0.5);
	-webkit-animation-timing-function: linear;
	-webkit-animation-iteration-count: infinite;
	-webkit-animation-duration: 15s;

	
}
@-webkit-keyframes girando {
	from { -webkit-transform: rotateY(0deg) scale(0.5,0.5);}
	to   { -webkit-transform: rotateY(-360deg) scale(0.5,0.5);}
}
#login {
	padding: 10px;
	float: right;
	width: 50%;
	text-align: right;
	vertical-align: middle;
}
input {
	padding: 5px;
	font-family: Neuton-Ligh;
	font-size: 16px;
	text-shadow: 2px 2px 3px rgba(0,0,0,0.2);
	border: 0px solid white;
	border-radius: 5px;
	background: rgba(0,0,0,0.1);
	box-shadow: inset: 0px 0px 0px rgba(0,0,0,0.2);
	-webkit-box-shadow: 0px 0px 0px rgba(0,0,0,0.2);
	-moz-box-shadow: 0px 0px 0px rgba(0,0,0,0.2);
	-o-box-shadow: 0px 0px 0px rgba(0,0,0,0.2);
	transition: box-shadow 2s, background 2s, border 1s;
	-webkit-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 0px rgba(0,0,0,0.5);
	background: rgba(0,255,0,0.1);
	border: 2px solid white;
}
a {
	text-decoration: none;
	color: rgba(0,0,0,1);
}
#registrate {
	padding: 15px;
	color: rgba(0,0,0,1);
	font-size: 15px;
	text-shadow: 0px 0px 5px rgba(41,117,215,0);
	animation: registrate 2s;
	-webkit-animation: registrate 2s;
	-webkit-animation-iteration-count: infinite;
}
@-webkit-keyframes registrate {
	0%{text-shadow: 0px 0px 5px rgba(41,117,215,0);}
	50%{text-shadow: 0px 0px 5px rgba(41,117,215,1);}
	100%{text-shadow: 0px 0px 5px rgba(41,117,215,0);}
}
#animaciontexto1 {
	position: absolute;
	font-family: ;
	color: rgba(0,0,0,0);
	text-shadow: 3px 3px 5px rgba(0,0,0,0);
	font-size: 32px;
	-webkit-transform: translate(150px,0px);
	-webkit-animation: muevetexto1 5s;
}
@-webkit-keyframes muevetexto1 {
	0%{color: rgba(0,0,0,0); -webkit-transform: translate(-10px,0px); text-shadow: 3px 3px 5px rgba(0,0,0,0);}
	25%{color: rgba(0,0,0,1); -webkit-transform: translate(40px,0px); text-shadow: 3px 3px 5px rgba(0,0,0,0.3);}
	50%{color: rgba(0,0,0,1); -webkit-transform: translate(60px,0px); text-shadow: 3px 3px 5px rgba(0,0,0,0.3);}
	75%{color: rgba(0,0,0,1); -webkit-transform: translate(80px,0px); text-shadow: 3px 3px 5px rgba(0,0,0,0.3);}
	100%{color: rgba(0,0,0,0); -webkit-transform: translate(150px,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: 32px;
	-webkit-transform: translate(150px,0px);
	-webkit-animation: muevetexto2 5s;
	-webkit-animation-delay: 5s;
}
@-webkit-keyframes muevetexto2 {
	0%{color: rgba(0,0,0,0); -webkit-transform: translate(-10px,0px); text-shadow: 3px 3px 5px rgba(0,0,0,0);}
	25%{color: rgba(0,0,0,1); -webkit-transform: translate(40px,0px); text-shadow: 3px 3px 5px rgba(0,0,0,0.3);}
	50%{color: rgba(0,0,0,1); -webkit-transform: translate(60px,0px); text-shadow: 3px 3px 5px rgba(0,0,0,0.3);}
	75%{color: rgba(0,0,0,1); -webkit-transform: translate(80px,0px); text-shadow: 3px 3px 5px rgba(0,0,0,0.3);}
	100%{color: rgba(0,0,0,0); -webkit-transform: translate(150px,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(212,184,131,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;
}
table:hover {
	-webkit-transform: scale(1.1,1.1);
}
table th {
	text-align: left;
	width: 100%;
	font-family: Neuton-Light;
	border: 1px solid rgba(0,0,0,0.5);
	border-radius: 10px;
	background: rgba(40,127,174,0.5);
	box-shadow: 0px 0px 10px rgba(0,0,0,0.2);
	-webkit-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: Neuton-Light;
}
#trampa {
	opacity: 0;
	-webkit-opacity: 0;
}