@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');
}
body{
font-family:ubuntuRegular;
margin:auto;
padding:0px;
}
#contenedor{
margin:auto;
width:80%;
background-color:rgba(221,221,149, 0.5);
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);
-mozilla-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(221,221,149,0.5);
height:200px;
}
#contenido{

}
#etiquetas{
padding:10px;
}
#footer{
background:rgba(221,221,149, 0.5);
text-align:center;
font-family:ubuntuRegular;
font-size:12px;
}
#logotipo{
font-size:0px;
float:left;
position:absolute;
margin:0px;
padding:0px;
}
#tipo{
position:absolute;
margin:0px;
padding:0px;
font-size:30px;
color:rgba(95,182,119, 1);
text-shadow: -1px -1px 1px #000, 1px 1px 1px #000, -1px 1px 1px #000, 1px -1px 1px #000;
font-family:ubuntuBoldItalic;
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: 0px;
animation: corre 5s;
-webkit-transform:scale(1,1);
-webkit-animation: corre 5s;
-webkit-animation-iteration-count: infinite;
}
@-webkit-keyframes corre{
0%{-webkit-transform:scale(1,1);}
30%{-webkit-transform:scale(1,1);}
50%{-webkit-transform:scale(1.3,1.1);}
70%{-webkit-transform:scale(1,1);}
100%{-webkit-transform:scale(1,1);}
}
#login{
padding:10px;
float:right;
width:45%;
text-align:middle;
}
#imput{
padding:5px;
font-family: ubuntuRegular;
text-shadow:2px 2px 3px rgba(0,0,0,0.2);
border:1px solid white;
border-radius:10px;
-webkit-border-radius:10px;
-moz-border-radius:10px;
-o-border-radius:10px;
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: box-shadow 1s, background 1s, border 1s;
}
input:hover{
box-shadow:0px 0px 15px rgba(95,182,119, 0.5);
-webkit-box-shadow:0px 0px 15px rgba(95,182,119, 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:12px;
text-align:right;
text-shadow: rgba(95,182,119, 0.7);
animation: registrate 2s;
-webkit-animation:registrate 2s;
-webkit-animation-iteration-count:infinite;
}
@-webkit-keyframes registrate{
0%{text-shadow:0px 0px 5px rgba(95,182,119, 0);}
50%{text-shadow:0px 0px 5px rgba(95,182,119, 1);}
100%{text-shadow:0px 0px 5px rgba(95,182,119, 0);}
}
#menu {
text-align: center;
font-size: 16px;
font-family:ubuntuBold;
width: 820px;
margin: 0px auto;
}
#menu ul {
list-style-type: none;
}
#menu ul li {
width: 165px;
height:35px;
box-shadow:0px 0px 10px rgba(0,0,0,0.2);
-webkit-box-shadow:0px 0px 10px rgba(0,0,0,0.2);
}
#menu ul li.nivel1 { 
float: left;
margin-right: 5px;
margin-bottom:5px;
line-height:25px;
}
#menu ul li a {
display: block;
text-decoration: none;
color: rgba(221, 221, 149, 1);
background-color: rgba(147,101,40,0.9);
padding: 8px;
position: relative;
border-radius: 10px 10px 10px 10px;
-moz-border-radius: 10px 10px 10px 10px;
-webkit-border-radius: 10px 10px 10px 10px;
border: 0px solid #000000;
}
#menu ul li a.nivel2, #menu ul li a.nivel2ie {
color: #000;
}
#menu ul li a.nivel1, #menu ul li a.nivel2 {
display: block!important;
display: none;
position: relative;
}
#menu ul li:hover {
position: relative;
}
#menu ul li a:hover, #menu ul li:hover a.nivel1 {
background-color: rgba(97,51,10,1);
position: relative;
}
#menu ul li ul {
display: none; 
}
#menu ul li:hover  ul.nivel2, #menu ul li a:hover  ul.nivel2{
display: block;
position: absolute;
left: 0px;
z-index: 1
}
#menu ul li ul li a {
width: 165px;
padding: 8px 0px;
border-top-color: transparent;
}
#menu ul li ul li a:hover {
border-top-color: #000;
position: relative;
}
#menu ul li ul li ul li a.primera {
border-top-color: #fff;
}

#presentacion{
padding:0px;
margin:0px;
text-align:left;
width:100%;
height:0px;
background:rgba(255,255,255, 1);
background:url('img/fondobanner.jpg') center center;
background-repeat:no-repeat;
background-size:100% 400px;
box-shadow: inset 0px 0px 25px rgba(0,0,0,0.2);
-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:100% 400px;}
50%{height:200px;}
100%{height:0px; background-size:90% 200px;}
}
#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(95,182,119, 1);-webkit-transform:translate(0px,0px);text-shadow: -1px -1px 1px #000, 1px 1px 1px #000, -1px 1px 1px #000, 1px -1px 1px #000;}
59%{color:rgba(95,182,119, 1);-webkit-transform:translate(0px,0px);text-shadow: -1px -1px 1px #000, 1px 1px 1px #000, -1px 1px 1px #000, 1px -1px 1px #000;}
75%{color:rgba(95,182,119, 1);-webkit-transform:translate(0px,0px);text-shadow: -1px -1px 1px #000, 1px 1px 1px #000, -1px 1px 1px #000, 1px -1px 1px #000;}
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:32px;
-webkit-transform:translate(150px,0px);
-webkit-animation: muevetexto1 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: text-shadow: -1px -1px 1px #000, 1px 1px 1px #000, -1px 1px 1px #000, 1px -1px 1px #000;}
59%{color:rgba(255,255,255,1);-webkit-transform:translate(0px,0px);text-shadow: text-shadow: -1px -1px 1px #000, 1px 1px 1px #000, -1px 1px 1px #000, 1px -1px 1px #000;}
75%{color:rgba(255,255,255,1);-webkit-transform:translate(0px,0px);text-shadow: text-shadow: -1px -1px 1px #000, 1px 1px 1px #000, -1px 1px 1px #000, 1px -1px 1px #000;}
100%{color:rgba(255,255,255,0);-webkit-transform:translate(150px,0px);text-shadow: 3px 3px 5px rgba(0,0,0,0);}
}
table{
width:92%;
float:center;
margin:1% auto;
border:1px solid rgba(0,0,0,0.5);
border-radius:10px;
background:rgba(221,221,149,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:ubuntuBold;
border:1px solid rgba(0,0,0,0.5);
border-radius: 10px;
background:rgba(197,198,138,1);
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;
box-shadow:2px 2px 4px rgba(0,0,0,0.2);
-webkit-box-shadow:2px 2px 4px rgba(0,0,0,0.2);
}
#distancia{
float:right;
font-size:12px;
font-family:ubuntuRegular;
}
#trampa{
opacity:0;
-webkit-opacity:0;
width:80%;
}
#trampa1{
opacity:0;
-webkit-opacity:0;
width:10%;
}