@font-face {
font-family:cuerpo;
src: url('../font/cuerpo.ttf')}
@font-face{ 
font-family:titulos;
src: url('../font/MySketchFont.ttf')
}
#eo {
font-family:cuerpo;
margin:25px;
color:rgba(65,115,15,1);
}
body{
margin:auto;
padding:5px;
}
header{
background:rgba(255,255,255,0);
height:210px
}
#logotipo{
font-size:0px;
float:left;
position:absolute;
margin:0px;
padding:0px;}
#tipo{
position:absolute;
padding:0px;
width:9000px;
margin:0px;
font-size:48px;
color:rgba(255,145,60,0.9);
text-shadow:2px 2px 5px rgba(0,0,0,0.5);
font-family:titulos;
font-style:italic ;
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;
transform:scale(1,1);
-webkit-transform:scale(1,1);
-moz-transform:scale(1,1);
-o-transform:scale(1,1);
animation: late 5s;
-moz-animation: late 5s;
-o-animation: late 5s;
-moz-animation-iteration-count:infinite;
-o-animation-iteration-count:infinite;
}
@keyframes late{
0%{transform:scale(1,1);}
45%{transform:scale(1,1);}
47%{transform:scale(0.98,0.98);}
50%{transform:scale(1.02,1.02);}
53%{transform:scale(0.98,0.98);}
55%{transform:scale(1,1);}
100%{transform:scale(1,1);}
}
div.img {
    margin: 5px;
    padding: 5px;
    border: 1px solid rgba(255,76,1,0.9);
    height: auto;
    width: auto;
    float: left;
    text-align: center;
	border-radius:10px;
}

div.img img {
    display: inline;
    margin: 5px;
    border: 1px solid #ffffff;
	}
div.img img:hover {
border: 1px solid rgba(255,76,1,0.9);
border-radius:3px;
transform:scale(2,2);
-webkit-transform:scale(2,2);
-moz-transform:scale(2,2);
-o-transform:scale(2,2);
}

div.desc {
    text-align: left;
    font-weight: normal;
    width: 200px;
    margin:1px;
	font-family:cuerpo;
	font-size:75%;
	color:rgb(65,115,15);
}
input {
padding:5px;
font-family:cuerpo;
font-size:455%;
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, backgroun 1s, border 1s;
-webkit-transition: -webkit-box-shadow 1s, backgroun 1s, border 1s;
-moz-transition: -moz-box-shadow 1s, backgroun 1s, border 1s;
-o-transition: -o-box-shadow 1s, backgroun 1s, border 1s;
}
input:hover{
box-shadow:0px 0px 15px rgba(65,115,15,0.5);
-webkit-box-shadow:0px 0px 15px rgba(65,115,15,0.5);
-moz-box-shadow:0px 0px 15px rgba(65,115,15,0.5);
-o-box-shadow:0px 0px 15px rgba(65,115,15,0.5);
background:rgba(65,115,15,0.5);
border:2px solid white;
}
#login {
padding:2px;
float:right bottom;
width:50%;
text-align:right;
vertical-align:middle;
font-family:cuerpo;
}