body{
margin:auto;
padding:0px;
font-family:ubuntuRegular;
 background:url("../images/fondo22.jpg")  center center;
}

#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{
background:rgba(149,92,56,0.6);
height:280px;
border-radius: 10px 10px 0px 0px;
}


#contenido{

}



#etiquetas{
padding:10px;
}


footer{
background:rgba(255,43,124,0);
border-radius:12px;
text-align:center;
font-family:ubuntuRegular;
font-size:0px 0px 12px 12px;
}

#logotipo{
font-size:0px;
float:left;
position:absolute;
margin:0px;
padding:0px;
}

#tipo{
letter-spacing:9px;
position:absolute;
padding:0px;
margin:70px;
font-size:70px;
color:rgba(245,22,70,0.7);
text-shadow:2px 2px 5px rgba(0,0,0,0.9);
font-family:ubuntuBoldItalic ,'Lobster', cursive;
transform:traslate(150px,0px);
-webkit-transform:traslate(200px,0px);
-moz-transform:traslate(150px,0px);
-o-transform:traslate(150px,0px);

}


#logo{
float:left;
width:50%;
text-align:center;
height:100%;
vertical-align:middle;
padding:0px;
margin:0px;
animation:late 5s;
-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.98,0.98);}
50%{-webkit-transform:scale(1.02,1.02);}
 53%{-webkit-transform:scale(0.95,0.95);}
 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;
}

input{
padding:5px;
font-family: ubuntuRegular;
text-shadow:2px 2px 3px rgba(0,0,0,0.2);
border:0px solid white;
border-radius:5px;
background:#E1E0E1;
box-shadow:inset:0px 0px 0px #E1E0E1;
-webkit-box-shadow:inset:0px 0px 0px #E1E0E1;
-moz-box-shadow:inset:0px 0px 0px #E1E0E1;
-o-box-shadow:inset:0px 0px 0px #E1E0E1;
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 #000000;
-webkit-box-shadow:0px 0px 15px #000000;
background: rgba(0,255,0,0.1);
border:2px solid white;
}

a{
text-decoration:none;
color:rgba(0,0,0,1);
}

#registrate{
color:rgba(55,10,10,1);
font-size:20px;
font-family:italic,cursive;
text-shadow:0px 0px 5px rgba(156,8,193,288);
animation:registrate 2s;
-webkit-animation:registrate 2s;
-webkit-animation-iteration-count:infinite;
}

@-webkit-keyframes registrate{
0%{text-shadow:0px 0px 5px rgba(255,43,124,0);}
50%{text-shadow:0px 0px 5px rgba(255,43,124,1);}
100%{text-shadow:0px 0px 5px rgba(255,43,124,0);}
}

#presentacion{
padding:0px;
margin:0px;
text-align:left;
width:100%;
height:0px;
background:rgba(0,0,0,0.1);
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 16s;
background:url("../images/apeti3.jpg") center center;
background-size:350px 150px;
}

@-webkit-keyframes esconde{
0%{height:150px;background-size:350px 150px;}
50%{height:150px;background-size:450px 200px;}
100%{height:0px;background-size:300px 100px;}
}

@font-face{
font-family:ubuntuRegular;
src:url("font/Ubuntu-R.ttf") format('truetype');
}

@font-face{
font-family:ubuntuBold;
src:url("font/Ubuntu-B.ttf") format('truetype');
}

@font-face{
font-family:ubuntuBoldItalic;
src:url("font/Ubuntu-BI.ttf") format('truetype');
}

@font-face{
font-family:ubuntuItalic;
src:url("font/Ubuntu-I.ttf") format('truetype');
}

#animaciontexto1{
position:absolute;
font-family:ubuntuBold , cursive;
color:rgba(255,255,255,0);
text-shadow: 3px 3px 5px rgba(0,0,0,0);
font-size:35px;
-webkit-transform:translate(150px,0px);
-webkit-animation:muevetexto1 5s;
}

@-webkit-keyframes muevetexto1{
0%{color:rgba(167,44,204,0);-webkit-transform:translate(-150px,0px);text-shadow: 3px 3px 5px rgba(0,0,0,0);}
25%{color:rgba(167,44,204,1);-webkit-transform:translate(0px,0px);text-shadow: 3px 3px 5px rgba(0,0,0,0.8);}
50%{color:rgba(167,44,204,1);-webkit-transform:translate(0px,0px);text-shadow: 3px 3px 5px rgba(0,0,0,0.8);}
75%{color:rgba(167,44,204,1);-webkit-transform:translate(0px,0px);text-shadow: 3px 3px 5px rgba(0,0,0,0.8);}
100%{color:rgba(167,44,204,0);-webkit-transform:translate(150px,0px);text-shadow: 3px 3px 5px rgba(0,0,0,0);}
}

#animaciontexto2{
position:absolute;
font-family:ubuntuBold, cursive;
color:rgba(255,255,255,0);
text-shadow: 3px 3px 5px rgba(0,0,0,0);
font-size:35px;
-webkit-transform:translate(150px,0px);
-webkit-animation:muevetexto2 5s;
-webkit-animation-delay: 5s;
}

@-webkit-keyframes muevetexto2{
0%{color:rgba(44,103,204,0);-webkit-transform:translate(-150px,0px);text-shadow: 3px 3px 5px rgba(0,0,0,0);}
25%{color:rgba(44,103,204,1);-webkit-transform:translate(0px,0px);text-shadow: 3px 3px 5px rgba(0,0,0,0.8);}
50%{color:rgba(44,103,204,1);-webkit-transform:translate(0px,0px);text-shadow: 3px 3px 5px rgba(0,0,0,0.8);}
75%{color:rgba(44,103,204,1);-webkit-transform:translate(0px,0px);text-shadow: 3px 3px 5px rgba(0,0,0,0.8);}
100%{color:rgba(44,103,204,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(149,92,56,0.95);
box-shadow:0px 0px 10px rgba(0,0,0,0.5);
-webkit-box-shadow:0px 0px 10px rgba(0,0,0,0.5);
color: rgba(55,10,10,20);
}

table th{
color: rgba(55,10,10,20);
text-align:left;
width:100%;
font-family:ubuntuBold,italic ;
border:1px solid rgba(0,0,0,0.5);
border-radius:10px;
background:rgba(255,43,124,15);
box-shadow:0px 0px 10px rgba(0,0,0,0.2);
-webkit-box-shadow:0px 0px 10px rgba(0,0,0,0.2);
-webkit-transform:scale(1,1);
-webkit-transition: -webkit-transform 1s;
}

table:hover{
-webkit-transform: scale(1.1,1.1);
}

table td{
border:0px solid white;
text-shadow:2px 2px 4px rgba(0,0,0,0.5);
}

#estrellas{
float:right;
font-size:12px;
font-family:ubuntuRegular;
}