html{
text-align:center;
margin:0 auto;
background-color:blue;
background-image: url("frutiger_aero_azul.jpg");
background-repeat: no-repeat;
background-attachment: fixed;
background-size:cover;
width: auto;
}

.cuerpo{
box-shadow: 10px 10px 10px black;
text-align:center;
margin-top:0;
margin-left:auto;
margin-right:auto;
margin-bottom:0;
background-color:blue;
width: 98%;
cursor:default;
font-family:Arial;
border-radius:50%;
background-image: linear-gradient(to bottom right, black, blue, black);
opacity:0.8;
}

.iconodeltituloh1{
margin-top:2%;
width:5%;
}

.tituloprincipalh1{
margin-left:21%;
margin-right:21%;
color:white;
}

#contenedor{
margin: 0 auto;
text-align:left;
width:93%;
}

.derechita{
float: right; width:44%; text-align:left; background-color:blue; z-index:4;
background-image: linear-gradient(to bottom right, black, blue, black);
border-radius: 15% 5%;
border-color:blue;
border-style:solid;
border-size:9px;
height:300px;
box-shadow: 10px 10px 10px black;
overflow: hidden;
}

.izquierdita{
float: left; width: 54%; height:450px; text-align:left; background-color:blue; border-radius: 15% 5%; border-color:blue; border-size:9px; border-style:solid; overflow: hidden; box-shadow: 10px 10px 10px black;
}

.botonpantallacompleta{
box-shadow: 5px 5px 5px black;
padding:9px;
position:fixed;
bottom:18%;
right:10%;
border-radius:50% 25%;
}

.divultimo + div{
visibility:hidden;
}

/* Pantallas de 800px o inferior */

@media only screen and (max-width: 800px) {

.iconodeltituloh1{
width:10%;
}

.derechita{
width:90%; margin-bottom:3%; height:200px; margin-right:4%;
}

.izquierdita{
width:90%; margin-left:4%; height:273px;
}

.botonpantallacompleta{
right:1px;
bottom:1px;
}

.parrafodeltituloquedesaparececuandoseachica{
display:none;
}

}