body, html {    
    height: 100%;
    width: 100%;
    margin: 0px;
    padding: 0px;
    text-align: center;
    background: url(fondo.gif) repeat;
    font-family: Arial;
}
header {
    margin: auto;
    width: 89.9%;
    background-color: #8181F7;
    height: auto;    
    font-size: 2.5em;
    padding-top: 10px;
    padding-bottom: 10px;
}
#main {
    margin: auto;
    width: 90%;
    height: 100px;    
    display: -webkit-flex; /* Safari */
    display: flex;
    -webkit-flex-wrap: wrap;
    flex-wrap:wrap;
}

#main div {
    -webkit-flex-grow: 0; /* Safari 6.1+ */
    -webkit-flex-shrink: 0; /* Safari 6.1+ */
    -webkit-flex-basis: 40px; /* Safari 6.1+ */
    flex-grow: 0;
    flex-shrink: 0;
    flex-basis: 33.3%;
    height: auto;    
    min-width: 200px;
}
#main div:nth-of-type(2) {
    -webkit-flex-basis: 80px; /* Safari 6.1+ */
    flex-basis: 66.6%;
}
#main div:nth-of-type(3) {
    -webkit-flex-basis: 80px; /* Safari 6.1+ */
    flex-basis: 66.6%;
}
#main div:nth-of-type(5) {
    -webkit-flex-basis: 80px; /* Safari 6.1+ */
    flex-basis: 99.9%;    
}
#main div:nth-of-type(5) img {
    float: center;
    margin: 5px 1% 3px 1%;
    border-radius: 50%;
    max-width: 100%;    
}
#main div:nth-of-type(5) img:hover {    
    box-shadow: 0px 0px 30px #888888;
}
li {
    text-align: left;
    margin: 5px;
}
img {
    margin-top: 4px;
    width: 30%;
    height: 30%;
}
iframe {
    width: 98%;
    height: 415px;
}
video {
    width: 98%;
    height: 415px;  
}