body { background-color: white; background-image: url(../images/bg_sitio.gif); background-repeat: repeat-x; background-position: 0 0; margin: 10px 0 0; padding: 0; }
hr{ margin: 0; padding: 0; border-color: #fff #fff #cecece; border-style: solid solid dotted; border-width: 1px; }
form{ margin: 0; padding: 0; }

/*grupos*/
.campos,
.sinopsis-w,
#subheader ul li{ font-family: Arial, Verdana, Helvetica, sans-serif; }


.listado,
#glosario ul li,
#glosario p,
#glosario2 p,
#ingredientes p,
#ingredientes,
#producto p a,
#producto,
#abstracto p,
#linea p,
#jabones p{ color: #333; font-size: 11px; font-family: "Lucida Sans", "Trebuchet MS", Geneva, Arial, Helvetica, SunSans-Regular, sans-serif; font-weight: normal;}

#jabones p a,
#glosario2 p a,
#glosario p.titulo2,
#glosario p a,
#abstracto .titulo,
#linea p a,
#linea .titulo,
#jabones .titulo{ color: #ea4ca9; font-size: 12px; padding-top: 10px; padding-bottom: 3px; }

#glosario2 .comentario,
#glosario .comentario,
#linea .comentario,
#jabones .comentario{ color: #999999; padding-top: 3px; }

/*========================================================================*/
/*clases*/
.flecha-der{ background-image: url(../images/sitio/flecha_der.gif); background-repeat: no-repeat; background-position: 5px 5px; float: right; padding-left: 15px; }
.flecha-izq{ background-image: url(../images/sitio/flecha_izq.gif); background-repeat: no-repeat; background-position: 5px 5px; float: left; padding-left: 15px; }
.listado{ width: 530px; float: right; padding-top: 10px; }
.submit{ background-color: white; border: outset 1px #9b9b9b; }
.campos{ font-size: 11px; margin-top: 4px; border: solid 1px #a8a8a8; }
.sinopsis-w { color: #999; font-size: 12px; margin: 10px 10px 5px; padding: 0; }
.sinopsis-w a{ color: #ea4ca9; }
.linea{ text-align: center; clear: both; }
.image-left1{ float: left; }
.image-listado{ float: left; padding-top: 10px; padding-left: 10px; }
.bg-footer{ background-image: url(../images/f_center.gif); background-repeat: repeat-x; background-position: 0 0; }
.image-home{ float: right; margin-top: 10px; margin-right: 10px; border: solid 1px #e6e6e6; }
.descripcion-home{ color: #333; font-size: 11px; font-family: "Lucida Sans", "Trebuchet MS", Geneva, Arial, Helvetica, SunSans-Regular, sans-serif; font-weight: normal; width: auto; float: left; padding-top: 10px; padding-right: 10px; padding-left: 5px; }
.footer{ color: #999; font-size: 11px; font-family: "Lucida Sans", "Trebuchet MS", Geneva, Arial, Helvetica, SunSans-Regular, sans-serif; width: 400px; margin: 0 0 0 28px; padding: 0; }
#container { text-align: left; width: 792px; height: auto   ; margin: 0; padding: 0; }
#header{ width: 792px; height: 180px }
#footer{ background-color: #fff; width: 750px; padding: 20px 20px 10px; border-right: 1px solid #93ba91; border-left: 1px solid #93ba91; }
#adjust{ height: 20px; }

#content{ background-color: #fff; background-image: url(../images/bg_content.gif); background-repeat: no-repeat; background-position: 26px 1px; width: 714px; height: auto; margin: 0; padding: 0 38px 10px; border-right: 1px solid #93ba91; border-left: 1px solid #93ba91; }
#subheader{ background-image: url(../images/linea_sapone.gif); background-repeat: repeat-x; background-position: 0 bottom; height: 67px; padding-left: 10px; }
#subheader ul{ float: right; margin: 0; padding: 25px 0 0; }
#subheader li{ display: inline; }
#subheader ul li a{ color: #fff; font-size: 12px; font-weight: bold; text-decoration: none; margin-right: 10px; }
#subheader ul li a:hover{ text-decoration: underline;}
#subheader h1{ color: #fff; font-size: 18px; font-family: Arial, Verdana, Helvetica, sans-serif; font-weight: normal; width: 350px; margin: 0; padding: 25px 0 0; }
#limiter{ margin-right: 38px; margin-left: 38px; }
#home{ width: 350px; float: left; margin: 0 10px 0 0; padding: 0; }

#ingredientes{ color: #666; background-image: url(../images/bg_home.gif); background-repeat: repeat; width: 350px; float: left; margin: 0 0 0 5px; padding: 0; }
#ingredientes p{ margin: 0; padding: 3px 10px 0; }
#ingredientes p a{ color: #325c2e; margin: 0; padding: 0; }
.otro a {color: #000000;}

#producto h2,
#producto h1{ color: #666; font-size: 14px; font-weight: normal; margin: 0 0 0 10px; padding: 0; }
#producto h2{ color:#999999; font-size: 12px; background-image: url(../images/linea_home.gif); background-repeat: no-repeat; background-position: 0 bottom; margin-bottom: 10px; padding-bottom: 15px; }
#producto h1{ font-weight: normal; padding-bottom: 3px; }

#producto{ width: 365px; float: left; margin: 10px 10px 10px 0; padding: 0; }
#producto p{ margin: 10px; }
#producto p a {text-decoration: underline; }


#linea{ width: 365px; float: left; margin: 10px 10px 0 0; padding: 0; }
#glosario2 .titulo,
#glosario .titulo{ color: #666; font-size: 13px; }

#glosario{width: 320px; float: left; margin: 10px 10px 0 0; padding: 0;}
#glosario2{width: 320px; float: right; margin: 10px 10px 0 0px; padding: 0;}

#glosario p,
#glosario2 p,
#linea p{ margin: 10px; }

#glosario p a,
#glosario2 p a,
#linea p a { text-decoration: none; }

#glosario p a:hover,
#glosario2 p a:hover,
#linea p a:hover,
#linea p a:hover {text-decoration: underline;}


#abstracto { width: 300px; height: auto; float: right; margin: 10px 0 0; padding: 0; }
#abstracto p{ margin: 0; }
#jabones { background-image: url(../images/bg_home.gif); background-position: 0 0; width: 350px; height: auto; float: right; margin: 0; padding: 0; }
#jabones p a{text-decoration: none;}
#jabones p a:hover{text-decoration: underline;}
#jabones h1{ color: #999; font-size: 13px; font-family: "Lucida Sans", "Trebuchet MS", Geneva, Arial, Helvetica, SunSans-Regular, sans-serif ; font-weight: normal; background-color: #fff; background-image: url(../images/linea_home.gif); background-repeat: no-repeat; background-position: center bottom; margin: 0; padding: 10px; }
#jabones p{  margin: 0; padding: 0 0 0 8px; width: 190px; }
#jabones .titulo{ color: #ea4ca9; font-size: 12px; padding-top: 10px; padding-bottom: 3px; }
#jabones .comentario{ color: #999999; padding-top: 3px; }