body { 
font-family: TipoTitulos2;
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);

}

header{
background-color: #E183FF;
height:200px;
}
#contenido{
background:rgba(0,255,0,0.1);
}
#presentación{
background:rgba(0,0,0,0.2);
}
#etiquetas{
background:#BAC1FF;
}
footer{
background:#D4D7F2;
text-align:center;
font-family:TipoTitulos2;
font-size:15px;
}
@font-face {
	font-family: TipoTitulos;
    src: url('../Font/brocs.ttf');
    }
	@font-face {
	font-family: TipoTitulos2;
    src: url('../Font/Elgethy Bold.ttf');
    }
	@font-face {
	font-family: TipoTitulos3;
    src: url('../Font/SF Old Republic.ttf');
    }
	@font-face {
	font-family: TipoTitulos4;
    src: url('../Font/BANGN___.ttf');
    }
	@font-face {
	font-family: TipoTitulos5;
    src: url('../Font/Niew CroMagnon.ttf');
    }
#logotipo{
font-size:0px;
float:left;
position:absolute;
margin:0px;
padding:0px;
}
#tipo{
position:fixed;
top:30px;
left:380px;
padding:0px;
margin:0px;
font-size: 30px;
color:#330343;
text-shadow: 2px 2px 5px rgba(0,0,0,0.5);
font-family:TipoTitulos4;
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:40%;
vertical-align:middle;
position:absolute;
padding:0px;
margin:0px;
animation:late 1s;
-webkit-transform:scale(1,1);
-webkit-animation: late 5s;
-webkit-animation-iteration-count: late 5s;
}

@-webkit-keyframes late{
0%{-webkit-transform:scale(1,1);}
50%{-webkit-transform:scale(1.1,1.1);}
100%{-webkit-transform:scale(1,1);}
}
#login{
padding:10px;
float:right;
width:50%;
text-align:right;
vertical-align:middle;
}
input{
padding:5px;
font-family: TipoTitulos3;
border:0px solid white;
border-radius: 5px;
background: rgba(0,0,0,0.1);
box-shadow:inset: 0px 0px 3px #63028C;
-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,5);
-webkit-box-shadow:0px 0px 15px rgba(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{
color:rgba(0,0,0,1);
font-size: 15px;
text-shadow: 0px 0px 5px #63028C;
animation:registrate 2s;
-webkit-animation: registrate 2s;
-webkit-animation-iteration-count:infinite;
}
@-webkit-keyframes-registrate{
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,1);}
}
#presentación{
text-align:left;
width:100%;
height:0px;
background:rgba(0,0,0,0.1);
background:url('../Images/peliculas y libros.jpg') center center;
background-size: 800px 400px;
box-shadow: inset 0px 0px 5px rgba(0,0,0,0.5);
-webkit-box-shadow: inset 0px 0px 25px rgba(0,0,0,0.2);
-webkit-animation: esconde 15s;
}
@-webkit-keyframes esconde{
0%{height:200px; background-size: 800px 400px;}
50%{height:200px;}
100%{height:0px; background-size: 1600px 800px;}
}

#animaciontexto1{
position:fixed;
top:130px;
font-family: TipoTitulos;
color: #180343;
text-shadow: 3px 3px 5px rgba(0,0,0,0.3);
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);}
50%{color: rgba (255,255,255,1);-webkit-transform:translate(0px,0px);}
100%{color: rgba (255,255,255,0);-webkit-transform:translate(150px,0px);}
}

table{
width:48%;
float:left;
margin:1%;
border: 1px solid rgba(0,0,0,0.5);
border-radius: 15px;
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:center;
width:100%;
font-family:TipoTitulos4;
border:1px solid rgba(0,0,0,0.5);
border-radius: 10px;
background: #6474FF;
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);
}

#trampa{
opacity:0;
-webkit-opacity:0;
}

div#musica{
background-color: #6474FF;
}