@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: ubuntuItalic;
src: url(font/Ubuntu-I.ttf) format('truetype');
}

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

body{
background-image:url("../images/fondo1.jpg");
 margin:auto;
 padding:auto;
}

#contenedor{
margin:auto;
width:80%;
border: 1px solid black;
box-shadow: shadow: 0px 20px 35px rgba(0,0,0,0,5);
-webkit-box-shadow: shadow: 0px 20px 35px rgba(0,0,0,0,5);
-mozilla-box-shadow: shadow: 0px 20px 35px rgba(0,0,0,0,5);
-o-box-shadow: shadow: 0px 20px 35px rgba(0,0,0,0,5);
border-radius: 15px;
}
		 
header{
background:rgba(29,112,84,160);
height:195px;
border-radius:15px 15px 0px 0px;
}
		 
#contenido{
background:rgba(0,255,0,0.1);	
}

#presentacion{
background:rgba(0,0,0,0.2);	
}

#etiquetas{
background:rgba(0,0,0,0,.1);	
}
		 
footer{
background:rgba(213,205,86,0.1);
text-align:center;	
border-radius: 0px 0px 15px 15px;
}

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

#tipo{
letter-spacing: 10px;
position:absolute;
padding:0px;
margin:0px;
font-size:66px;
color:rgba(255,255,255,1);
text-shadow:2px 2px 5px rgba(0,0,0,0.5);
font-family:ubuntuBoldItalic;
transform:translate(150px,0px);
-webkit-transform:translate(150px,0px);
-moz-transform:translate(150px,0px);
-o-transform:translate(150px,0px);
}

#poker{
width:180px;
height:160px;
margin-left:5px;
margin-top:5px;
text-align: left;
border: 10px solid #007000;
border-radius: 25px 25px 25px 25px;
border-style: groove;
}

#logo{
float:left;
width:222px;
text-align:center;
height:175px;
vertical-align:midle;
position: absolute;
padding:0px;
margin:0px;
animation: late 5s;
-webkit-transform:scale(1,1);
-webkit-animation: late 5s;
-webkit-animation-iteration-count:2;
}

@-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.98,0.98);}
  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: rgba(0,0,0,0.1);
box-shadow: inset: 0px 0px 0px rgba(0,0,0,0.2);
-webkit-box-shadow: inset: 0px 0px 0px rgba(0,0,0,0.2);
-moz-box-shadow: inset: 0px 0px 0px rgba(0,0,0,0.2);
-o-box-shadow: inset: 0px 0px 0px 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 5px rgba(0,0,0,1);
-webkit-box-shadow: 0px 0px 5px rgba(0,0,0,1);
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: 25px;
text-shadow: 0px 0px 10px white;
animation: registrate 2s;
-webkit-animation: registrate 2s;
-webkit-animation-iteration-count:infinite;
}

@-webkit-keyframes registrate{
 0%{text-shadow: 0px 0px 10px blue;}
 50%{text-shadow: 0px 0px 10px red;}
 100%{text-shadow: 0px 0px 10px blue;}
}	

#presentacion{
text-align:left;
width:100%;
height: 0px;
background:rgba(0,0,0,0.1);
background: url("../images/bannerpoker.jpg") center center;
background-size: 1920px 1200px;
box-shadow: inset 0px 0px 25px rgba(0,0,0,0.5);
-webkit-box-shadow: 0px 0px 25px rgba(0,0,0,0.2);
-webkit-animation: esconde 16s;
}	 

@-webkit-keyframes esconde{
0%{height:200px;background-size: 960px 600px;}
50%{height:200px;background-size: 1920px 1200px;}
100%{height:0px;background-size: 600px 400px;}
}

#animaciontexto1{
position:absolute;
font-family:ubuntuBold;
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(0px,0px);text-shadow: 3px 3px 5px rgba(0,0,0,0.3;)}
50%{color:rgba(255,255,255,1);-webkit-transform:translate(0px,0px);text-shadow: 3px 3px 5px rgba(0,0,0,0.3;)}
75%{color:rgba(255,255,255,1);-webkit-transform:translate(0px,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;)}
}





#animaciontexto2{
position:absolute;
font-family:ubuntuBold;
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(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(0px,0px);text-shadow: 3px 3px 5px rgba(0,0,0,0.3;)}
50%{color:rgba(255,255,255,1);-webkit-transform:translate(0px,0px);text-shadow: 3px 3px 5px rgba(0,0,0,0.3;)}
75%{color:rgba(255,255,255,1);-webkit-transform:translate(0px,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 rgba(255,255,255,1);
border-radius:10px;
background:rgba(157,221,255,1);
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:center;
width:100%;
font-family:ubuntuBold,italic ;
border:1px solid rgba(0,0,0,0.5);
border-radius:10px;
background:rgba(9,140,35,1);
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);
}