copia este css
Cita: span.descripcion {
float:left;
width:0.7em;
font-size:400%;
font-family:algerian,courier;
line-height:80%;
}
p.desc_text{
font-size: 1em;
line-height: 1.25em;
margin: 1.25em 0;
text-align: justify;
}
h2.nom_prod {
color: #09F;
text-shadow: black 0.1em 0.1em 0.2em;
}
h3.nom_secc {
color: #FFF;
text-shadow: black 0.1em 0.1em 0.2em;
text-align:left;
}
#ficha {
height: auto;
width: 600px;
margin: 0 auto;
}
#ficha_derecha {
background-color: #09F;
float: right;
top: 0px;
height: 100%;
width: 200px;
}
#ficha_izq {
background-color: #FFF;
height: 100%;
width: 400px;
}
#presentacion {
color: #FFF;
height: 20px;
width: 160px;
margin-left: 20px;
}
#beneficios {
color: #FFF;
height: 40px;
width: 160px;
margin-left: 20px;
}
#principios {
font-style: italic;
color: #FFF;
height: 20px;
width: 160px;
margin-left: 20px;
}
#destinado {
color: #FFF;
height: 20px;
width: 160px;
margin-left: 20px;
}
#imagen {
color: #FFF;
height: 40px;
width: 160px;
margin-left: 20px;
}
#seccion {
font-style: italic;
color: #09F;
height: 20px;
width: 160px;
margin-left: 20px;
}
#ingredientes {
color: #09F;
height: 60px;
width: 360px;
margin-left: 20px;
}
#nom_prod {
color: #09F;
height: 40px;
width: 360px;
margin-left: 20px;
}
#descripcion {
color: #09F;
height: auto;
width: 360px;
margin-left: 20px;
}
y cambia el orden de los bloques
Cita: <div id="ficha">
<div id="ficha_derecha"></div>
<div id="ficha_izq"></div>
</div>