BODY{
	font:Arial;
	margin:10 0 10 0px;
	text-align:center;
	background-color:#112151;
}
#contenedor{margin:auto;}
#cabecera{width:100%;}
#cabecera img{width:20%;}
#cuerpo{ 
	display: -ms-flexbox;
	display:flex;
}
.lateral{width: 15%;}
.lateral img{width: 94%;}
#otrolado{width: 20%;}
#otrolado img{width: 100%;}
#principal{width:70%;}
#principal img{
	width:33%;
	float:left;
}
#pie{
	color: #FFFFFF;
	padding: 3 10 3 10px; 
	text-align:right; 
}
span{
    border-radius: 3px;
    -webkit-box-shadow: 5px 5px 5px 0px rgba(255,255,255,0.3);
    -moz-box-shadow: 5px 5px 5px 0px rgba(255,255,255,0.3);
    box-shadow: 5px 5px 5px 0px rgba(255,255,255,0.3);
    color: #fff;
    font-size:1.2em;
}
input{width: 100%;}
@media screen and (max-width: 600px){
	#cabecera img{width:40%;}
	#cuerpo{
        flex-direction:column-reverse;
        justify-content: center;
    }
    .lateral{width: 70%;}
    .lateral,#principal{margin:auto;}
}