@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;
	font-family: Verdana, Helvetica, Arial, sans-serif;
	font-size: 0.8em;
	text-align: justify;
}	
	
header {	
	width:auto;
	margin: 0px;
	background: -moz-linear-gradient(top, #f5f6f6 0%, #dbdce2 21%, #b8bac6 49%, #dddfe3 80%, #f5f6f6 100%);
	text-align: center;
	font-family: 'Fira Mono';
	color: #0D09F2;
	display: block;
}

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;
	display: block;
}
		
img.retrato {
    margin: 10px;
	border-radius:15px;
}

td.anio {
	background-color: #eafbf6;
	color: #001DFF;
	text-align: center;
	font-size: 85%;
	font-weight: bold;
	border-right: 1px #d4f7ed solid;
}

table.cronologia td {
	line-height:21px;
	vertical-align:top;
	padding:2px 5px;
	padding:5px 8px;
	border-bottom:1px #d4f7ed solid;
	border-top:1px #d4f7ed solid;
}

div.contenedor{
	display: -webkit-flex;
    display:         flex;
    flex-flow: row wrap; 
}

#biografia {
	order: 1;
	height: auto;
	width: 35%;
	margin: 10px;
}

#cronologia {
	order: 2;
	height: auto;
	width: 60%;
	margin: 10px;
}

#foto {
	order: 1;
	float: left;
	margin-right: 20px;
}

#dat {
	order: 2;
	align-self: center;
	margin-right: 20px;
	font-size: large;
}

iframe {
	margin: 20px;
    width: 400px;
    height: 400px;
}

video {
	margin: 20px;
}

img.enlace {
	padding: 0px;
	margin: 20px;
	/* Bordes */
	border: solid 5px #FFF;
	/* Sombras */
	box-shadow: 10px 10px 29px #19571B ;
}