@import url(reset.css);
@import url(typography.css);

/* body
-------------------------------------------------------------- */
body { width: 100%; height: 100%; }

/* wrapper
-------------------------------------------------------------- */

#wrapper { width:680px; margin:0 auto; background: white; overflow: hidden; }
#wrapperHome { width:700px; margin:0 auto; border: 1px solid #4aadca; background: white; overflow: hidden; margin-bottom: 30px; }

/* fondos
-------------------------------------------------------------- */

#home { background:url(../img/hBg.jpg) repeat-x }
body.r1 { background:url(../img/1mBg.jpg) repeat-x }
body.r2 { background:url(../img/2mBg.jpg) repeat-x }
body.r3 { background:url(../img/3mBg.jpg) repeat-x }
body.r4 { background:url(../img/4mBf.jpg) repeat-x }
body.r5 { background:url(../img/5mBg.jpg) repeat-x }
body.r6 { background:url(../img/6mBg.jpg) repeat-x }
body.r7 { background:url(../img/7mBg.jpg) repeat-x }
body.r8 { background:url(../img/8mBg.jpg) repeat-x }
body.r9 { background:url(../img/9mBg.jpg) repeat-x }
body.r10 { background:url(../img/10mBg.jpg) repeat-x }
body.r11 { background:url(../img/11mBg.jpg) repeat-x }
body.r12 { background:url(../img/12mBg.jpg) repeat-x }

/* mainNav
---------------------------------------------------------------*/

#links { width:680px; margin:0 auto; height: 20px; padding-top: 5px; margin-bottom: 5px; font-weight: bold; color: white; }
#links span, #linksHome span { margin-left:25px; }
#links a, #linksHome a { margin: 0px; padding: 0px; }
#linksHome { width:702px; margin:0 auto; height: 20px; padding-top: 5px; margin-bottom: 5px; font-weight: bold; color: white; }
#menuMain { width: 400px; margin-left: 0px; float: right; display: inline; }
#back { margin-left: 20px; float: left; }

#linksHome div a, #links div a { behavior: url(iepngfix.htc); display:inline; }
#nestle { display:inline; background: url(../img/icoHome.png) top left no-repeat; }
#registro { display:inline; background: url(../img/icoReg.png) top left no-repeat; }
#contacto { display:inline; background: url(../img/icoCon.png) top left no-repeat; }
#indice { display:inline; background: url(../img/icoIndice.png) top left no-repeat; }

/* Home
---------------------------------------------------------------*/

#homeMain { font-size: 15px; }
#homeMain h1 { background:url(../img/hBanner.jpg) top left no-repeat; width: 700px; height: 240px;  }
#homeMain h1 span { display:none }
#homeMain ul li { list-style: none; float:left; display: inline; height: 36px; width: 50%; margin-bottom: 30px; margin-left: 0px; }
#homeMain ul li a img { float: left; }
#homeMain ul li a span { float: left; height:23px; cursor:pointer; display: inline; margin-top: 5px; margin-left: 5px; }
#homeMain h2 { margin-bottom: 20px; }
#homeMain div { overflow: hidden; width: 700px; }

#entradas { background:url(../img/hEntradasBk.jpg) bottom left no-repeat; }
#entradas img { border: 1px solid #72bf44; }
#entradas h2 span { display:none; }
#entradas h2 { background:url(../img/hEntradas.jpg) top left no-repeat; width: 700px; height: 45px; }

#fuertes { background:url(../img/hFuertesBk.jpg) bottom left no-repeat; }
#fuertes img { border: 1px solid #f49c3b; }
#fuertes h2 span { display:none; }
#fuertes h2 { background:url(../img/hFuertes.jpg) top left no-repeat; width: 700px; height: 45px; }

#postres { background:url(../img/hPostresBk.jpg) bottom left no-repeat; }
#postres img { border: 1px solid #8e6baf; }
#postres h2 span { display:none; }
#postres h2 { background:url(../img/hPostres.jpg) top left no-repeat; width: 700px; height: 45px; }

#homeMain ul #r1, #homeMain ul #r2, #homeMain ul #r7 { display: block; float:none; width: 70%; clear: both; }

/* receta
-------------------------------------------------------------- */

#wrapper.r1 { border: 2px solid #006296; }
div.r1 { background: url(../img/1bg.jpg) bottom left no-repeat; }
div.r1 #content { background: url(../img/1log.jpg) top right no-repeat; }
div.r1 h4, div.r1 h5 { color: #006296; }
div.r1 h2 { background:url(../img/1tit.jpg) }
div.fr1 { background:url(../img/1foo.jpg) }

#wrapper.r2 { border: 2px solid #c25916; }
div.r2 { background: url(../img/2bg.jpg) bottom left no-repeat; }
div.r2 #content { background: url(../img/2log.jpg) top right no-repeat; }
div.r2 h4, div.r2 h5 { color: #c25916; }
div.r2 h2 { background:url(../img/2tit.jpg) }
div.fr2 { background:url(../img/2foo.jpg) }

#wrapper.r3 { border: 2px solid #ec9364; }
div.r3 { background: url(../img/3bg.jpg) bottom left no-repeat; }
div.r3 #content { background: url(../img/3log.jpg) top right no-repeat; }
div.r3 h4, div.r3 h5 { color: #ec9364; }
div.r3 h2 { background:url(../img/3tit.jpg) }
div.fr3 { background:url(../img/3foo.jpg) }

#wrapper.r4 { border: 2px solid #006295; }
div.r4 { background: url(../img/4bg.jpg) bottom left no-repeat; }
div.r4 #content { background: url(../img/4log.jpg) top right no-repeat; }
div.r4 h4, div.r4 h5 { color: #006295; }
div.r4 h2 { background:url(../img/4tit.jpg) }
div.fr4 { background:url(../img/4foo.jpg) }

#wrapper.r5 { border: 2px solid #31b7c7; }
div.r5 { background: url(../img/5bg.jpg) bottom left no-repeat; }
div.r5 #content { background: url(../img/5log.jpg) top right no-repeat; }
div.r5 h4, div.r5 h5 { color: #31b7c7; }
div.r5 h2 { background:url(../img/5tit.jpg) }
div.fr5 { background:url(../img/5foo.jpg) }

#wrapper.r6 { border: 2px solid #fc7215; }
div.r6 { background: url(../img/6bg.jpg) bottom left no-repeat; }
div.r6 #content { background: url(../img/6log.jpg) top right no-repeat; }
div.r6 h4, div.r6 h5 { color: #fc7215; }
div.r6 h2 { background:url(../img/6tit.jpg) }
div.fr6 { background:url(../img/6foo.jpg) }

#wrapper.r7 { border: 2px solid #005396; }
div.r7 { background: url(../img/7bg.jpg) bottom left no-repeat; }
div.r7 #content { background: url(../img/7log.jpg) top right no-repeat; }
div.r7 h4, div.r7 h5 { color: #005396; }
div.r7 h2 { background:url(../img/7tit.jpg) }
div.fr7 { background:url(../img/7foo.jpg) }

#wrapper.r8 { border: 2px solid #5C3576; }
div.r8 { background: url(../img/8bg.jpg) bottom left no-repeat; }
div.r8 #content { background: url(../img/8log.jpg) top right no-repeat; }
div.r8 h4, div.r8 h5 { color: #5C3576; }
div.r8 h2 { background:url(../img/8tit.jpg) }
div.fr8 { background:url(../img/8foo.jpg) }

#wrapper.r9 { border: 2px solid #569834; }
div.r9 { background: url(../img/9bg.jpg) bottom left no-repeat; }
div.r9 #content { background: url(../img/9log.jpg) top right no-repeat; }
div.r9 h4, div.r9 h5 { color: #569834; }
div.r9 h2 { background:url(../img/9tit.jpg) }
div.fr9 { background:url(../img/9foo.jpg) }

#wrapper.r10 { border: 2px solid #E41824; }
div.r10 { background: url(../img/10gb.jpg) bottom left no-repeat; }
div.r10 #content { background: url(../img/10log.jpg) top right no-repeat; }
div.r10 h4, div.r10 h5 { color: #E41824; }
div.r10 h2 { background:url(../img/10tit.jpg) }
div.r10 #preparacion { margin-top: 30px; }
div.fr10 { background:url(../img/10foo.jpg) }

#wrapper.r11 { border: 2px solid #fcb913; }
div.r11 { background: url(../img/11gb.jpg) bottom left no-repeat; }
div.r11 #content { background: url(../img/11log.jpg) top right no-repeat; }
div.r11 h4, div.r11 h5 { color: #fcb913; }
div.r11 h2 { background:url(../img/11tit.jpg) }
div.fr11 { background:url(../img/11foo.jpg) }

#wrapper.r12 { border: 2px solid #8a4d20; }
div.r12 { background: url(../img/12gb.jpg) bottom left no-repeat; }
div.r12 #content { background: url(../img/12log.jpg) top right no-repeat; }
div.r12 h4, div.r12 h5 { color: #8a4d20; }
div.r12 h2 { background:url(../img/12tit.jpg) }
div.r12 #preparacion { margin-top: 30px; }
div.fr12 { background:url(../img/12foo.jpg) }

#receta { display: block; overflow: hidden; }
#receta img { float: left; width: 280px; height: 200px; display: inline; }
#receta h2 { float: left; display: inline; width: 400px; height: 200px; }
#receta h2 span { display: none; }

#content { display: block; clear: both; overflow: hidden; }
#content h6 { margin-left: 20px; z-index: 1; float: left; display: inline; clear: both; width:90%; background: transparent !important; }
#ingredientes { float:left; width: 300px; margin-left: 10px;; margin-top: 20px; background: none; }
#preparacion { float: right; width: 350px; margin-right: 10px; margin-top: 70px; background: none; }

/* footer
-------------------------------------------------------------- */

#footer { height:60px; width:680px; clear: both; }
#footer h3 { display:none; }}