/* XHTML y CSS con AMAYA
   Bartolomé Sintes Marco
   http://www.mclibre.org
   30 de octubre de 2003

   CSS para Ejercicio Recetas de cocina
*/

body { font-family: sans-serif; text-align: justify; background-color: #FFE6CC;
  border: #D9C4AD 5px solid; margin: 5px; padding: 5px 5px 0px; 
}
h1 { color: #D9C4AD; font-family: cursive; text-align: center; text-transform: uppercase; font-size: 250%;
 border: 5px #D9C4AD solid; margin-top: 0px; }

h2 { background-color: #FFE6CC; margin: 0px; padding-bottom: 5px; }
h3 { margin-top: 5px; }

p.intro { text-align: center; }

div.receta {padding: 0px 0px 10px; margin: 20px 40px;}
div.ingre { margin: 10px 20px; border: blue 3px solid; padding: 0px 5px; }
div.prepara { margin: 5px 20px; border: blue 3px solid; padding: 0px 5px; }

div.primero { background-color: lightblue; }
div.primero h2 { text-align: left; }
span.primero { background-color: lightblue; padding: 0px 10px 10px; }

div.primero img { background-color: #7491EE; border-color: blue; }
div.primero div.ingre { border-color: blue; }
div.primero div.prepara { border-color: blue; }

div.segundo { background-color: pink; }
div.segundo h2 { text-align: center; }
span.segundo { background-color: pink; padding: 0px 10px 10px; }

div.segundo img { background-color: #E6ADB7; border-color: #C7969E; }
div.segundo div.ingre { border-color: #C7969E; }
div.segundo div.prepara { border-color: #C7969E; }

div.postre { background-color: #A0DFCA; }
div.postre h2 { text-align: right; }
span.postre { background-color: #A0DFCA; padding: 0px 10px 10px; }

div.postre img { background-color: #7CD3B6; border-color: #4FC49D; }
div.postre div.ingre { border-color: #4FC49D; }
div.postre div.prepara { border-color: #4FC49D; }

img.izq { float: left;  padding: 10px; margin: 0px 10px 10px 0px; 
  border: black 2px solid; background-color: lightgrey;}
img.der { float: right; padding: 10px; margin: 0px 0px 10px 10px; 
  border: black 2px solid; background-color: lightgrey;}
div { clear: both; }
