@font-face{
	font-family:Comic Book Italic;
	src:url(fuente/Comic Book Italic.ttf)
}
body{
	margin:1px;
	padding:1px;
	background-color:lightblue;
	font-family: sans-serif; 
	font-size: 18px;
	font-weight:10px;
	text-justify:none;
}
h1{
	font-family:Comic Book Italic;
	margin:auto;
	padding:4px;
	letter-spacing:3px;
}

footer {
	margin:3px;
	padding:5px;
	font-size: 18px;
	border-radius: 15px;
	text-align:center;
}

#navlist { 
	padding: 3px 0px;
	border-bottom: 1px solid #778;
	font: bold 16px Verdana; 
}

#navlist li {
	list-style: none;
	display: inline; 
	margin-left:10px;
}

#navlist li a { 
	padding: 3px 1em;
	border: 1px solid #778; 
	border-bottom: none;
	background: #DDE; 
	text-decoration: none;
}

#navlist li a#current { 
	background: grey;
}

img:hover{
    -webkit-transform: scale(1.2);
    -moz-transform: scale(1.2);
    -o-transform: scale(1.2);
    -ms-transform: scale(1.2);
    transform: scale(1.2);
}
#login{
	text-align:center;
	margin:2px;
	padding:3px;
}

section{
	text-align:center;
}

.transicion:hover{
	width:2px;
	height:6px;
	transition:width 3s linear,
				height 4s ease;
}
.transicion{
	margin:2px;
	padding:4px;
		width:100%;
		height:60%;
	text-align:center;
}