body, html {	
	height: 100%;
	width: 100%;
	margin: 0px;
	padding: 0px;
}
#main {
	height: 80%;
    display: -webkit-flex;
    display:         flex;
    flex-flow: row;    
}

#main header{
	flex: 1 6 10%;
	order: 1;
	margin: 1%}

#main footer{
	flex: 1 6 10%;
	order: 3;
	margin: 1%
}

header, footer {
	display: block;
	min-height: 30%;
	background: #CEE3F6;
	margin-bottom:5px;
	margin-top:5px;
	color: #0B2161;
	}
footer {
padding:10px;}
.fotopresentacion {
width:25%;
float: left;
}
.presentacion {
font-size: 2em;
float: left;
display:bock;
}
ul {
    list-style-type: none;
}

.cv {
font-size: 14px;
}
#marco {
background-color: #F7F8E0;
padding: 10px;
margin: 10px;
border: 3px solid black;}

#contenedor {
display: -webkit-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-flex-wrap:wrap;
flex-wrap:wrap;}
.vertical {
padding:3px;
border:1px solid black;
background-color: white;
width: 300px;
height: 400px;}