body, html {
	margin: 0px;
	padding: 0px;
	min-height: 100%;
}

body{
	background:  url(../images/f02.png) left bottom no-repeat, url(../images/f01.png) left bottom repeat-x;
}

header {
	display: block;
	min-height: 10%;
	font-size: 26px;
}

#main {
   height: 80%;
   max-width: 80%;
   margin: auto;
}

img.resize {
  max-width: 100%;
  max-height: auto;
}

#info {
	text-align: justify;
	font-size: 18px;
	line-height: 1.3em;
}

#marco {
    background-color: white;
    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;
}

.element {
  padding:3px;
  border:1px solid black;
  background-color:white;
}