*                    { margin: 0; padding: 0; }
body,html                 { height:100%;
width:100%; }


header {
  padding-top:1%;
  padding-left:20px;
  font-size:1.8em;
  
background: url(../Imagen/cabecera.jpg) repeat;
background-size: 25% ;
display:block;
min-height:8%;
 color:yellow; 
 }


#main {height: 88%;
}
#contenedor{padding:10px;
	display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;

    -webkit-flex-wrap: wrap;
    flex-wrap:wrap;}
#main nav{background: url(x.png)}
.foto, .foto1{ padding:3px;
  border:1px solid black;
  background-color:white;
  width:300px;
  height:224px;
vertical-align: middle;}
.texto{ padding:3px;
  border:1px solid black;
  background-color:white;
  width:450px;
  height:224px;
}
.texto h1{font-size: 1.2em;}
.texto p{font-size:0.78em;
text-align: justify;
font-family: verdana,serif;}
.video{ padding:3px;
  border:1px solid black;
  background-color:white;
    height:224px;
}
.video1{height:180;
border:1px solid black}
.audio{
  border:1px solid black;
  background-color:AliceBlue;
height:32px;
display:block;

margin-top:30px;}
.web{padding:3px;
  border:1px solid black;
  background-color:AliceBlue;
  width:450px;
height:224px;}