@charset "utf-8";
/* CSS Document */

body{ background-color:#172647; color:#fff; font-family:Arial, Helvetica, sans-serif; font-size:13px}
a{ outline:none}
#wrapper{ width:993px; height:545px; margin:0 auto; }
.bg-home{ background:url(../imagenes/backgrounds/bg-home.jpg) no-repeat}
.bg-atributos{ background:url(../imagenes/backgrounds/bg-atributos.jpg) no-repeat}
.bg-arrabiata{ background:url(../imagenes/backgrounds/bg-arrabiata.jpg) no-repeat}
.bg-bolognesa{ background:url(../imagenes/backgrounds/bg-bolognesa.jpg) no-repeat}
.bg-champinones{ background:url(../imagenes/backgrounds/bg-champinones.jpg) no-repeat}
.bg-original{ background:url(../imagenes/backgrounds/bg-tradicional.jpg) no-repeat}
.bg-parmesano{ background:url(../imagenes/backgrounds/bg-parmesano.jpg) no-repeat}
.bg-pesto{ background:url(../imagenes/backgrounds/bg-pesto.jpg) no-repeat}
.bg-putanesca{ background:url(../imagenes/backgrounds/bg-puttanesca.jpg) no-repeat}
.bg-morron{ background:url(../imagenes/backgrounds/bg-morron.jpg) no-repeat}

/*** Home ***/
#home{ width:863px; height:440px; padding:41px 70px 0 60px}
#caracteristicas{ width:152px; height:118px; float:left; padding:153px 400px 168px 10px}
#caracteristicas ul{ margin:0; padding:15px 0 0 0}
#caracteristicas li{ margin:0; padding:0 0 10px 0;list-style:none;font-weight:bold; font-size:13px}
#descripcion{ width:270px; height:350px; float:left; padding:15px}
#descripcion p{ padding-left:10px}
#descripcion .texto-strong{ font-size:17px; font-weight:bold; padding-left:0}
#conocelas{ width:160px; height:30px; padding:0 15px 29px 125px; float:left}
#conocelas p{ margin:0; padding:5px 0 0 10px; font-weight:bold; font-size:15px}
#conocelas a{ color:#fff; text-decoration:none}

/*** Menu ***/
#menu{ width:933px; height:32px; float:left; padding:0 30px 30px 30px}
#menu a{ color:#fff; text-decoration:none}
#menu ul{ width:903px; height:22px; margin:0; padding:10px 0 0 30px}
#menu li{ width:105px; height:18px; float:left; list-style:none; margin:0; padding:3px 0 0 15px;font-weight:bold; font-size:14px}
#menu .home{ width:65px}
#menu .atributos{ width:150px}
#menu .active{ font-size:17px; padding-top:0}
#menu .inicio{ width:70px}
#menu ._salsa{ width:117px}
#menu ._salsa-atributo{ width:95px}
.division-menu{ border-right:2px solid #FFF}

/**** Footer ***/
#footer{ width:993px; height:30px; margin:0 auto; padding-top:5px; clear:left; }
#footer a{ color:#fff; text-decoration:none}
#footer ul{ width:993px; height:30px; margin:0; padding:0}
#footer li{ height:20px; margin:0; padding:10px 0 0 0; float:left; list-style:none; font-family:Verdana, Geneva, sans-serif; font-size:10px; display:block}
#footer .legales{ width:873px; padding-left:20px}
#footer .firma{ width:90px; text-align:right; padding-right:10px}

/*** Salsas ***/
#salsa{ width:330px; height:393px; float:left; padding:57px 103px 33px 385px; color:#000}
#salsa h2{ font-style:italic; font-size:17px}
#salsa p{ padding-left:15px; padding-right:15px}
#salsa p .ver-receta{ text-decoration:none; color:#000}
#salsa ul{ margin:0; padding:0 0 0 15px}
#salsa li{ width:48px; height:33px; margin:0; padding:0; list-style:none; float:left}
#salsa li a{ color:#000; text-decoration:none}
#salsa li.receta-salsa{ width:80px; height:23px; padding-top:10px}
#menu-salsa{ width:130px; height:390px; padding:70px 30px 23px 15px; float:left}
#menu-salsa a{ color:#fff; text-decoration:none}
#menu-salsa ul{ width:130px; height:413px; margin:0; padding:0}
#menu-salsa li{ width:130px; height:20px; margin:0; padding:0 0 10px 0; float:left; list-style:none; font-weight:bolder; font-size:14px}
#menu-salsa .salsa-active{ font-size:17px}