@font-face {font-family: TipoTitulos; 
	src: url('../Font/wenzel1.ttf') format('truetype'); 
	}

	@font-face {font-family: TipoTitulo2s; 
	src: url('../Font/kirbyss.ttf') format('truetype'); 
	}
	
	@font-face {font-family: TipoTitulo; 
	src: url('../Font/SwanSong.ttf') format('truetype'); 
	}
	
	@font-face {font-family: ubuntogold; 
	src: url('../Font/Ubuntu-B.ttf') format('truetype'); 
	}

	
	body {
		font-family: TipoTitulos;
		margin: auto ;
		padding: 0px;
		
	}
	#contenedor {
		position: relative;
		top:5%;
		
		
		margin: auto;
		background: rgba(255,255,255,1);
		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 {
		background: rgba(255,255,255,0) ;
		height: 160px;
	}	
	
	#contenido {
		height: 100%;
		display: inline;
	}
	#presentacion {
		padding: 0px;
		margin: 0px;
		background: rgba(0,0,0,1) ;
		background: url('../img/banner.jpg') center center;
		background-size: 80% 400px;
		text-align:left;
		width: 100%;
		height: 0px;
		box-shadow: inset 0px 0px 5px rgba(0,0,0,0.5);
		-webkit-box-shadow: inset 0px 0px 5px rgba(0,0,0,0.2);
		-webkit-animation: esconde 16.5s;
		
	}
	
	@-webkit-keyframes esconde {
		0%{height:200px;background-size: 100% 800px;}
		50%{height:200px;}
		100%{height:0px;background-size: 200% 1600px;}
		}
	#etiquetas {
		padding:10px;
	}
	footer {
		background: rgba(255,255,255,0);
		text-align: center;
		font-size: 12px;
	}
	#logotipo {
		font-size:0px;
		float: left;
		position: absolute;
		margin: 0px;
		padding:0px;
		}
	#tipo {
		position: absolute;
		padding: 0px;
		margin:0px;
		font-size: 36px;
		color: #F2F2F2;
		text-shadow: 2px 2px 9px rgba(0,0,0,0.5);
		font-family: TipoTitulo2s;
		transform: translate(150px, 0px);
		-webkit-transform: translate(150px, 0px);
		-moz-transform: translate(150px, 0px);
		-o-transform: translate(150px, 0px);
		}
	#logo {
		float: left;
		width:50%;
		text-align:center;
		height:100%;
		vertical-align:middle;
		position: absolute;
		padding: 0px;
		margin-left:15px;
		margin-top: 15px;
		margin-bottom: 0px;
		margin-right: 0px;
		animation: late 2s;
		-webkit-transform: scale(1,1);
		-webkit-animation: late 5s;
		-webkit-animation-iteration-count: infinite;
		
		}
		@-webkit-keyframes late{
			0%{-webkit-transform: scale(1,1);} 
			45%{-webkit-transform: scale(1,1);} 
			47%{-webkit-transform: scale(0.9,0.9);} 
			50%{-webkit-transform: scale(1.1,1.1);}
			53%{-webkit-transform: scale(0.9,0.9);}
			55%{-webkit-transform: scale(1,1);} 
			100%{-webkit-transform: scale(1,1);}
		}
	#login {
		padding: 10px;
		float: right;
		width: 50%;
		text-align: right;
		vertical-align: middle;}
	#imagen {
		height: 150px;
		width: 150px;
		border-radius: 25px;
		}
	input {
		padding: 5px;
		font-family: TipoTitulo;
		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: 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;
	}
	
	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);
		background: rgba(0,250,0,0.1);
		border: 2px solid white;
		}
	
	a{
		text-decoration: none;
	}
	
	#registrate {
		color: rgba(0,0,0,1);
		font-size: 20px;
		font-family: TipoTitulo2s;
		text-shadow: 0px 0px 5px rgba(183,163,53,1);
		animation: registrate 2s;
		-webkit-animation: resgis 0.5s;
		-webkit-animation-iteration-count: infinite;
		
		}
		@-webkit-keyframes resgis {
		0%{text-shadow: 0px 0px 5px rgba(183,163,53,0);}
		50%{text-shadow: 0px 0px 5px rgba(183,163,53,1);}
		100%{text-shadow: 0px 0px 5px rgba(183,163,53,0);}
		}
	
	#animaciones1 {
		position: absolute;
		font-family: ubuntugold;
		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: muevetexto1 5s;
		
		
		}
	@-webkit-keyframes muevetexto1 {
	0%{color: rgba(255,255,255,0);-webkit-transform: translate(-150px,0px);text-shadow: 3px 3px 5px rgba(0,0,0,0);}
	25%{color: rgba(255,255,255,1);-webkit-transform: translate(-20px,0px);text-shadow: 3px 3px 5px rgba(0,0,0,0.3);}
	50%{color: rgba(255,255,255,1);-webkit-transform: translate(20px,0px);text-shadow: 3px 3px 5px rgba(0,0,0,0.3);}
	75%{color: rgba(255,255,255,1);-webkit-transform: translate(20px,0px);text-shadow: 3px 3px 5px rgba(0,0,0,0.3);}
	100%{color: rgba(255,255,255,0);-webkit-transform: translate(150px,0px);text-shadow: 3px 3px 5px rgba(0,0,0,0);}
	}
	
	#animaciones2 {
		position: absolute;
		font-family: ubuntugold;
		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(255,255,255,0);-webkit-transform: translate(-150px,0px);text-shadow: 3px 3px 5px rgba(0,0,0,0);}
	25%{color: rgba(255,255,255,1);-webkit-transform: translate(-20px,0px);text-shadow: 3px 3px 5px rgba(0,0,0,0.3);}
	50%{color: rgba(255,255,255,1);-webkit-transform: translate(20px,0px);text-shadow: 3px 3px 5px rgba(0,0,0,0.3);}
	75%{color: rgba(255,255,255,1);-webkit-transform: translate(20px,0px);text-shadow: 3px 3px 5px rgba(0,0,0,0.3);}
	100%{color: rgba(255,255,255,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 black rgba(0,0,0,0.5);
	border-radius: 10px;
	background: rgba(212,184,131,0.5);
	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: TipoTitulos;
		border:1px solid black rgba(0,0,0,0.5);
		border-radius: 10px;
		background: #dec07f;
		box-shadow: 0px 0px 10px rgba(0,0,0,0.2);
		-webkit-box-shadow: inset: 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: TipoTitulos;
		}
	#imagen2 {
		position:absolute;
		z-index: -1545;
		width: 100%;
		height: 100%;
		}
	#imagen3 {
		float: right;
		z-index: -1544;
		width: 8%;
		height: 18%;
		-webkit-transform: translate(0px,-300px);
		-webkit-animation: muevetexto22 8s;
		-webkit-animation-delay: 10s;
	
		
		
		}
	@-webkit-keyframes muevetexto22 {
	0%{-webkit-transform: translate(0px,800px);}
	
	100%{-webkit-transform: translate(0px,-300px);}
		}
	#imagen4 {
		position:absolute;
		z-index: -1544;
		width: 7.9%;
		height: 26%;
		-webkit-transform: translate(0px,-300px);
		-webkit-animation: muevetexto23 8s;
		-webkit-animation-delay: 10s;
		}
	@-webkit-keyframes muevetexto23 {
	0%{-webkit-transform: translate(0px,800px);}
	
	100%{-webkit-transform: translate(0px,-300px);}
		}
	#trampa {
		opacity: 0;
		-webkit-opacity: 0;
		}