@charset "utf-8";
@font-face{
    		font-family: 'Fira Mono';
    		src: url('eot/FiraMono-Regular.eot');
    		src: local('Fira Mono'),
         	url('eot/FiraMono-Regular.eot') format('embedded-opentype'),
         	url('woff/FiraMono-Regular.woff') format('woff'),
         	url('ttf/FiraMono-Regular.ttf') format('truetype');
    		font-weight: 400;
    		font-style: normal;
		}
body {
	background-color: #B3BEAD;
}		
header {
 			background: -moz-linear-gradient(top, #f5f6f6 0%, #dbdce2 21%, #b8bac6 49%, #dddfe3 80%, #f5f6f6 100%);
 			padding: 10px;
		}
header h1 { 
			font-family: 'Fira Mono';
			color: #0D09F2;
			padding-left: 10px;
		}
footer {
			width: auto;
			background: -moz-linear-gradient(top, #fceabb 0%, #fccd4d 50%, #f8b500 51%, #fbdf93 100%);
			padding: 10px;
			font-family: arial;
			font-size: smaller;
			color: navy;
			text-align: center;
		}
div {
	height: 400px;
	width: 600px;
	margin: 100px;
	padding: 30px 0px 0px 0px;
	/* Bordes */
	border: solid 5px #000000;
	border-radius: 25px;
	/* Sombras */
	box-shadow: 10px 10px 29px #19571B ;
	/* Fondo */
	background: url(../images/sol.png) left top no-repeat, 
				url(../images/pajaro.png) center center no-repeat, 
				url(../images/cesped.png) left bottom repeat-x;
	background-color: #3F8FD2;
	}