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

body{ margin:0; padding:0; background:url('../images/bg-chinet.jpg') no-repeat center top}
a, object{ outline:none}
#wapper{ width:1000px; height:auto; margin:0 auto;}
#header{ width:748px; height:61px; margin:0 128px 0 109px; padding:0 0 0 10px; background:url('../images/img-menu-top.png');}
#logo-menu{width:127px; height:56px;background:url(../images/img-logo-chinet.png) no-repeat; float:left}
#logo-menu h1{width:127px; height:56px;margin:0; padding:0; font-size:10px; text-indent:-2500px }
#logo-menu a{ width:127px; height:56px; display:block}
#menu{ width:384px; height:45px;margin:5px 0 0 10px; padding:0 0 0 0; float:left; color:#FFF; display:block}
.menu-index{ background:url('../images/img-menu.png') no-repeat;}
.menu-productos{ background:url('../images/img-menu-productos.png') no-repeat}
.tabla-calorica{ background:url('../images/img-menu-tabla-calorica.png') no-repeat}
.eco-chinet{ background:url('../images/img-menu-eco-chinet.png') no-repeat}
.menu-momentos{ background:url('../images/img-menu-momentos.png') no-repeat}
#menu a{ color:#FFF; text-decoration:none;}
#menu li{ float:left; list-style:none; padding:0; margin:0; font-size:12px; font-family:Verdana, Geneva, sans-serif;}
#menu .momentos{ width:93px; height:45px; background:url(../images/menu-momentos-inactivo.png) no-repeat;}
#menu .momentos-active{ width:93px; height:45px; background:url(../images/menu-momentos.png) no-repeat;}
#menu .momentos-active a{width:77px; height:35px; display:block; padding:10px 0 0 17px}
#menu .momentos a{width:77px; height:35px; display:block; padding:10px 0 0 17px}
#menu .momentos a:hover{ width:93px; height:45px;background:url(../images/menu-momentos.png) no-repeat;}
#menu .producto{ width:75px; height:45px; background:url(../images/menu-productos-inactivo.png) no-repeat;}
#menu .producto a{width:69px; height:35px; display:block; padding:10px 0 0 6px}
#menu .producto-active{ width:75px; height:45px; background:url(../images/menu-productos.png) no-repeat;}
#menu .producto-active a{width:69px; height:35px; display:block; padding:10px 0 0 6px}
#menu .producto a:hover{ width:75px; height:45px;  background:url(../images/menu-productos.png) no-repeat }
#menu .tabla{ width:117px; height:45px; background:url(../images/menu-tabla-de-calorias-inactivo.png) no-repeat;}
#menu .tabla a{ width:112px; height:35px; display:block; padding:10px 0 0 5px }
#menu .tabla-active{ width:117px; height:45px; background:url(../images/menu-tabla-de-calorias.png) no-repeat;}
#menu .tabla-active a{ width:112px; height:35px; display:block; padding:10px 0 0 5px }
#menu .tabla a:hover{width:117px; height:45px; background:url(../images/menu-tabla-de-calorias.png) no-repeat}
#menu .ecochinet{ width:99px; height:45px; background:url(../images/menu-ecochinet-inactivo.png) no-repeat;}
#menu .ecochinet a{width:89px; height:35px; display:block; padding:10px 0 0 10px}
#menu .ecochinet-active{ width:99px; height:45px; background:url(../images/menu-ecochinet.png) no-repeat;}
#menu .ecochinet-active a{width:89px; height:35px; display:block; padding:10px 0 0 10px}
#menu .ecochinet a:hover{width:99px; height:45px; background:url(../images/menu-ecochinet.png) no-repeat}
#comparte{ width:220px; height:30px; margin:0; padding:10px 0 0 5px; display:block; float:left}
#comparte li{ list-style:none; float:left; }
#comparte .recomienda{ width:95px; height:28px;  background:url('../images/btn-recomienda.png') no-repeat; padding-right:10px;text-indent:-2500px}
#comparte .recomienda a{ width:95px; height:28px; display:block}
#comparte .contacto{ width:107px; height:28px; background:url(../images/btn-contacto-menu.jpg)}
#comparte .contacto a{ width:107px; height:28px; text-indent:-2500px; display:block}
#comparte .facebook{ width:107px; height:28px; background:url('../images/btn-contacto-menu.jpg')no-repeat;}
#comparte .facebook a{ width:107px; height:28px; display:block}

#content-top{ width:763px; height:13px; margin:10px 128px 0 109px; }
#content{ width:723px; height:315px; background:url(../images/bg-general.png); margin:0 128px 0 109px; padding:7px 20px 20px 20px}
#content-bottom{ width:853px; height:68px; background:url('../images/bg-bottom.png') no-repeat; margin-left:63px;}

/* Easy Slider */
#slider{width:494px; height:314px;display:block; float:left}	
#slider ul, #slider li{ display:block;width:494px;height:314px;margin:0;padding:0;list-style:none;}
#slider li{ width:494px; height:314px;overflow:hidden;}	
#prevBtn, #nextBtn{display:block;width:30px;height:77px;position:absolute;left:0px;top:0px;}	
#nextBtn{ left:349px;}														
#prevBtn a, #nextBtn a{display:none;width:30px;height:77px;background:url(images/btn_prev.gif) no-repeat 0 0;	}	
#nextBtn a{background:url(images/btn_next.gif) no-repeat 0 0;}
.slider-momentos{ background:url(../images/familia-momentos-chinet.png) no-repeat}
.slider-momentos-1{ background:url(../images/slider-home/img-nina-con-mascota.png) no-repeat}
.slider-momentos-2{ background:url(../images/slider-home/img-mujer-sujetando-flor.png) no-repeat}
.interior-momento-index{ width:454px; height:49px; padding:265px 20px 0 20px; color:#FFF; font-family:Verdana, Geneva, sans-serif}
.interior-momento-index h2{ margin:0; padding:0; font-size:15px}
.interior-momento-index p{ margin:0; padding:0; font-family:Verdana, Geneva, sans-serif; font-size:11px;}
.interior-momento-index a{ color:#fff; text-decoration:none}
.interior-momento-index span{ color:#FC0}
/* // Easy Slider */


#destacados{ width:229px; height:313px; float:left;}
.destacado{ width:216px; height:142px; float:left; margin:0 0 10px 12px; padding:0 0 10px 0}
.destacado-footer{width:216px; height:152px; float:left; margin:0 0 10px 12px; padding:0 0 8px 0}
.destacado p, .destacado-footer p, .tabla-de-calorias-footer p, .texto-video p{ margin:0; padding:0; font-family:Verdana; font-size:10px; color:#FFF}
.destacado-footer h2, .tabla-de-calorias-footer h2, .texto-video h2{ margin:0; padding:0; font-size:15px; color:#FFF; font-family:Verdana}
.destacado h2{ width:216px; height:105px;margin:0; padding:5px 0 0 0; font-size:15px; font-family:Verdana; text-indent:-4500px;}
.destacado h2 a{ width:216px; height:105px; display:block}
.destacado h3{ width:206px; height:20px; margin:0; padding:10px 0 0 10px; display:block; font-family:Verdana, Geneva, sans-serif; color:#FFF; font-size:13px}
.destacado1{ background:url('../images/img-linea-destacada-chinet-linea-clasica.png') no-repeat}
.producto-destacado{ background:url('../images/img-producto-destacado-cubiertos-chinet.png') no-repeat}
.destacado a, .destacado-footer a { color:#FFF; text-decoration:none}


#footer{ width:726px; height:327px; padding:10px 134px 0 140px; float:left; background:url('../images/img-footer2.png') no-repeat; margin-left:-10px;  }
#footer a { color:#FFF; text-decoration:none}
#suscripcion{ width:726px; height:33px; background:url('../images/img-bloque-suscribir-newsletter.png') no-repeat; float:left; margin-bottom:10px}
#suscripcion form, #suscripcion ul{ width:723px; height:33px; margin:0; padding:0 0 0 3px}
#suscripcion li{ float:left; list-style:none; font-family:Verdana, Geneva, sans-serif; font-weight:bold; font-size:9px; color:#069}
#suscripcion input{border:none; color:#69C; font-family:Verdana, Geneva, sans-serif; font-size:10px}
#suscripcion .correo{ background:#d3e1ed; height:17px; margin-top:6px; padding:3px 10px 0 10px}
#suscripcion .suscribe{ padding:9px 10px 0 0}
#suscripcion .enviar{ padding:4px 0 0 10px}
.tabla-de-calorias-footer{ width:269px; height:154px; float:left; background:url('../images/img-tabla-de-calorias-chinet2.png') no-repeat;padding:0}
.eco-chinet-footer{ background:url('../images/img-eco-chinet2.png') no-repeat; margin-left:10px}
.eco-chinet-footer .eco-footer{ margin:-3px}
.video-chinet{width:216px; height:150px; padding:0; background:url('../images/img-video-chinet.png') no-repeat}
.ver-tabla{ width:269px; height:115px; text-indent:-2500px;}
.ver-tabla a{ width:269px; height:115px; display:block}
.ver-video{ width:216px; height:115px; text-indent:-2500px;}
.ver-video a{ width:216px; height:115px; display:block}
.txt-tabla{width:259px; padding-left:10px}
.texto-video{ width:206px; height:35px; padding-left:10px}

#legales{ width:747px; height:37px; background:url('../images/img-bloque-footer.png') no-repeat; margin-left:-13px; float:left}
#legales ul{ margin:0; padding:0; list-style:none}
#legales li{ height:24px; margin:0; padding:13px 0 0 0; float:left; font-family:Verdana, Geneva, sans-serif; font-size:10px;color:#069}
#legales li a{color:#069; text-decoration:none}
#legales .copy{ width:590px; padding-left:10px}
#legales .firma{ width:124px; padding-right:10px; text-align:right}