/*CSS MI LUPA*/
@import url("reset.css");

/*ESTILOS GENERALES*/
php,body{height:100%;}
body {font:normal 11px Arial, Helvetica, sans-serif; color:#666; background: #def1c3;}
h1,h2,h3,h4,h5,h6{color:#35451f;font-weight:bold;}
a:link, a:visited, a:hover,#minifooter .importante{color:#658f50;}
a:link, a:visited, a:hover {text-decoration:none;}
h1{font-size:16px; margin-bottom:10px;}
h2{font-size:14px;}
h3{font-size:12px;}
hr{height:1px; color:#eee; background:#eee;}
.floatleft{float:left; text-align:left;}
.floatright{float:right; text-align:right;}
.nobordernobg {border:0; background:none;}
.clearer{clear:both;}
.boton{cursor:pointer;}

/*LAYOUT*/
#bgcontainer{background: #f3fae8;}
#container{background: url(../images/bg/container.jpg) repeat-x 0 0;}
#container_footer{background:  url(../images/bg/container-footer.jpg) repeat-x 0 0; min-height:172px;}
#header, #bgcontent, #footer{width:786px;}
#header, #bgcontent, #content, #minifooter, #footer{margin:0 auto;}
#header{min-height:160px;}
#bgcontent{background: url(../images/bg/bgcontent.jpg) repeat-x 0 0;}
#content{clear:both; width:764px; min-height:420px; background:#FFF /*url(../images/bg/col-der-repeat.gif) repeat-y right 0*/;}
#contentleft, #minifooter .legal{width:174px;}
#maincontent{width:590px;}
#contentleft, #maincontent{float:left;}
#minifooter{width:754px; min-height:15px; background: #FFF url(../images/bg/minifooter.gif) no-repeat 0 0; padding:6px 0 0 10px; }
.home #minifooter{background: #FFF url(../images/bg/minifooter-home.gif) no-repeat 0 0;}
#minifooter .importante{width:570px;}
#footer{min-height:172px; background: url(../images/bg/footer.jpg) no-repeat 0 0;}


/*FOOTER*/
#minifooter a{color:#666;}
#footer{font-size:10px; color:#4b4b4b;}
.logodanone, .copy{padding-right:24px; text-align:right; float:right; clear:right;}
.logodanone{padding-top:20px;}
.copy {padding-top:38px;}

/*CONTENT_LEFT*/
.banner{text-align:center; padding:3px 0;}

/*MENU PRINCIPAL*/
#menuprincipal ul{}
#menuprincipal ul li{display:block; padding-top:5px; background: url(../images/bg/menu/li.gif) no-repeat left bottom; padding:0px 0 0 6px;}
#menuprincipal ul li a:link, #menuprincipal ul li a:hover, #menuprincipal ul li a:visited{
	display:block; color:#555555; font-weight:bold; text-decoration:none;
	margin-left:5px; padding-left:0px; cursor:pointer; 
	line-height:60px; height:20px; overflow:hidden; vertical-align:top;
}
#menuprincipal ul li a:hover, #menuprincipal ul li a.selected{color:#648f4f;}
#menuprincipal ul li.ultimoitem{background:none;}

#menuprincipal .mapa_del_viaje{background: url(../images/bg/menu/me_mapadelviaje.gif) no-repeat 0 4px}
#menuprincipal .alimenta_su_futuro{background: url(../images/bg/menu/me_alimentasufuturo.gif) no-repeat 0 4px}
#menuprincipal .opinion_del_experto{background: url(../images/bg/menu/me_opinion.gif) no-repeat 0 4px}
#menuprincipal .productos_milupa{background: url(../images/bg/menu/me_productosmilupa.gif) no-repeat 0 4px}
#menuprincipal .sos_camino{background: url(../images/bg/menu/me_sosenelcamino.gif) no-repeat 0 4px}
#menuprincipal .milupa_historia{background: url(../images/bg/menu/me_nuestrahistoria.gif) no-repeat 0 4px}
#menuprincipal .club_milupa{background: url(../images/bg/menu/me_clubmilupa.gif) no-repeat 0 4px}
#menuprincipal .viaje_nutricional{background: url(../images/bg/menu/me_viajenutricional.gif) no-repeat 0 4px}
#menuprincipal .patiorecreo{background: url(../images/bg/menu/me_patiorecreo.gif) no-repeat 0 4px}



/*MAIN_CONTENT HOME*/
.home .contizquierda{padding:0; width:396px}
.contizquierda{float:left; padding:0; margin-left:0px; width:386px; display:inline; overflow:hidden; }
.contderecha{min-height:438px;float:right; display:inline;}
.contderecha{width:175px; background: url(../images/bg/col-der.gif) no-repeat 0 0; text-align:left; padding:8px 0px 0 14px;}

.contderecha h1, .listaproductos{margin:0 14px 10px 0px;}
.listaproductos li, 
.listaproductos a:link, 
.listaproductos a:hover, 
.listaproductos a:visited{display:block; margin:0; padding:0; width:162px;}
.listaproductos li{line-height:20px; background:#e3f2cc}
.listaproductos li.itemresaltado, .listaproductos li.itemresaltado .sublista li{background:#fff;}
.listaproductos li a:link, 
.listaproductos li a:hover, 
.listaproductos li a:visited{font-weight:bold; color:#333e30; padding:0px 2px 0;}
.listaproductos .sublista{padding-bottom:4px;}
.listaproductos .sublista li{line-height:12px;}
.listaproductos .sublista li a:link,
.listaproductos .sublista li a:hover,
.listaproductos .sublista li a:visited{
	margin-left:3px; padding:3px 0 0px 10px; 
	background: url(../images/bg/sl-item.gif) no-repeat 2px 8px; 
	width:90%; font-weight:normal}

.contderecha h1{display:block;line-height:60px; overflow:hidden; height:13px; width:164px; margin-left:0}
h1.productos_por_edad{ background: url(../images/titulos/productos-por-edad.gif) no-repeat 0 0;}
h1.productos_por_gama{ background: url(../images/titulos/por-gama-de-productos.gif) no-repeat 0 0;}

/*MAIN_CONTENT PAGINAS INTERNAS*/
* html .barranavegacion{background: url(../images/bg/barranavegacion.jpg) no-repeat 0 0; height:30px; padding:10px 10px 0 10px; font-weight:bold; color:#666; font-size:12px;}
.barranavegacion{background: url(../images/bg/barranavegacion.jpg) no-repeat 0 0; min-height:30px;  padding:10px 10px 0 10px; font-weight:bold; color:#666; font-size:12px;}
.barranavegacion .nav, .barranavegacion2 .nav{width:280px;float:left;}
.barranavegacion .paginaactual, .barranavegacion2 .paginaactual{color:#cd0900;}
.topinternas{background: url(../images/bg/top-interna.jpg) no-repeat 0 0; min-height:40px; padding:10px 0 0 10px; clear:both}
.topetapas{min-height:213px; padding:0; clear:both}
* html .topetapas2 {height:128px; padding:0; clear:both; text-align:center;}
.topetapas2{min-height:128px; padding:0; clear:both; text-align:center;}
.alimenta img{float: left;}
.alimenta p{float:left; width:200px; padding: 5px 10px 0px; font: normal 11px Arial, Helvetica, sans-serif;}
* html .barranavegacion2 {background: url(../images/bg/barranavegacion.jpg) no-repeat 0 0; height:32px; padding:10px 10px 0 10px; font-weight:bold; color:#666; font-size:12px;}
.barranavegacion2{background: url(../images/bg/barranavegacion.jpg) no-repeat 0 0; min-height:32px; padding:10px 10px 0 10px; font-weight:bold; color:#666; font-size:12px;}

.jirafa {background: url(../images/bg/jirafa.jpg) no-repeat right bottom; padding-bottom:130px;}
.jirafa p,
.jirafa ul {width:270px;}
.jirafa ul li{margin:10px 0px;}
li.impar {height:61px; background: url(../images/bg/liimpar.gif) no-repeat 0 0; padding: 10px 10px 0px 8px;}
li.par{padding: 0 10px 10px 8px;}
.copete {padding: 0px 15px;}

/*Listado de productos*/
.listado_de_productos{width:377px; margin-bottom:20px}
.listado_de_productos li{background: url(../images/bg/blackpixel.gif) repeat-x 0 bottom; padding:10px 0 5px; min-height:80px;}
.listado_de_productos li.ultimoitem{background:none}
.listado_de_productos .imagenproducto, .listado_de_productos .descripcionproducto, .listado_de_productos .descripcionproducto2{float:left; text-align:left}
.listado_de_productos .imagenproducto{width:95px;}
.listado_de_productos .descripcionproducto{width:280px;}
.listado_de_productos .descripcionproducto2{width:350px; margin-left: 15px;}
.listado_de_productos .descripcionproducto h2{font: bold 15px "Trebuchet MS", Arial, Helvetica, sans-serif; color:#e4251c;}
.listado_de_productos .verproducto{
	background: url(../images/btns/ver-producto.gif) no-repeat 0 0; 
	display:block;  width:80px; height:20px; vertical-align:top;
	overflow:hidden; line-height:50px; float:right; margin-top:13px;
}

.volver{
	background: url(../images/btns/volver.gif) no-repeat 0 0; 
	display:block; float:right; width:57px; height:12px; vertical-align:top;
	overflow:hidden; line-height:50px; margin-top:2px; padding-right:0px;
}

/*Ficha de producto*/
.fichaproducto{width:377px; background: url(../images/bg/bg-ficha-producto.jpg) no-repeat 0 0; min-height:331px;}
.fichaproducto .brevedescripcion, 
.fichaproducto .descripcion{font-family:"Trebuchet MS", Arial, Helvetica; text-align:left}
.fichaproducto .brevedescripcion{width:100px; padding-right:40px; font-size:10px; line-height:10px;}
.fichaproducto .descripcion{
	line-height:16px; width:343px; 
	min-height:100px; 
	background: url(../images/bg/descripcion-producto.gif) no-repeat 0 0; 
	margin:15px 6px 0 8px;
	padding:12px 10px 0;color:#000000; 
}

.solapas{margin:20px 0 0 0; width:377px;}

.tabs{margin:0; padding:0; list-style:none;}
.tabs li, .tabs li a{display:block; float:left;}
.tabs li a{width:80px; height:26px; vertical-align:top; line-height:60px; overflow:hidden; background:blue;}

#tab_1{width:92px;/*89px width + 3px de margin right*/}
#tab_2{width:86px;/*83px width + 3px de margin right*/}
#tab_3{width:119px;}

#tab_1.activo, #tab_1:hover{background:url(../images/bg/tabs/tab-ingredientes-on.gif) no-repeat 0 0;}
#tab_2.activo, #tab_2:hover{background:url(../images/bg/tabs/tab-sabias-que-on.gif) no-repeat 0 0}
#tab_3.activo, #tab_3:hover{background:url(../images/bg/tabs/tab-tabla-nutricional-on.gif) no-repeat 0 0}

#tab_1{background:url(../images/bg/tabs/tab-ingredientes.gif) no-repeat 0 0;}
#tab_2{background:url(../images/bg/tabs/tab-sabias-que.gif) no-repeat 0 0}
#tab_3{background:url(../images/bg/tabs/tab-tabla-nutricional.gif) no-repeat 0 0}

.contTab{width:357px; min-height:80px; padding:10px; clear:both; background: url(../images/bg/contenidotabs.jpg) no-repeat 0 0;}
.lechesBibe{width:357px; min-height:80px; padding:10px; clear:both; background: url(../images/bg/contenidotabs2.jpg) no-repeat 0 0;}
.biberon{width:70px; height:60px; float:right; margin-left:5px; position:relative; /*background:url(../images/bg/biberon.jpg) no-repeat right 0;*/ }

.lista_ingredientes{list-style:none;}
.lista_ingredientes li{line-height:16px;}


.cartel{bottom:0; float:right; margin:0px; position:relative}

/*Formulario Registracion*/
form .input_text, form .select, form .boton, form .textarea{font: 11px Arial, Helvetica, sans-serif;}
.input_text, .select, .textarea{background:#FFF; border:1px solid #8f9f77;}
.input_text{padding-top:3px; height:17px;}

.form_registracion{text-align:left; padding:15px 10px 20px 0px; margin:0 auto;}
.form_registracion .input_text, .form_registracion .select, .form_registracion .textarea{width:185px; margin-right:5px;}
.form_registracion .xsmall_input, .xsmall_input{width:20px; float:left; text-align:center;}
.form_registracion .small_input, .small_input{width:40px; float:left; text-align:center;}
.form_registracion .small_select{width:30px; margin:0}
.form_registracion .medium_select{width:80px}

.form_registracion div{margin-bottom:5px; padding-bottom:5px; border-bottom:1px dashed #92ad72;}
.form_registracion div.noborder{border:0;}
.form_registracion a, .login_form label, .login_form span{color:#666666;}
.form_registracion label{margin-right:10px; font-weight:bold; display:block; width:160px; float:left; text-align:right; padding-top:5px}
.form_registracion span{margin:0;}
* html .form_registracion .minheight{height:20px;}
.form_registracion .minheight{min-height:20px;}

.form_registracion .infoconsumidormilupa{background:#def1c3; border:none; padding:10px;}
.form_registracion .infoconsumidormilupa label{width:160px; text-align:left; line-height:10px}
.form_registracion .infoconsumidormilupa .select{width:130px} 

.avisolegal{font-size:10px;}

.btn_enviar{
	width:75px; height:24px;
	color:#648f4f; font-weight:bold; font-size:12px; 
	/*text-transform:normal; */
	background:#e8f4d1; border:1px solid #53674d; 
	float:right; margin-right:20px;
}

/* ETAPAS */
ul#listaetapas li.padre {
	margin: 3px 0;
}

div.sublista2 h2 {
	color: #ff7e00;
	font: bold 11px Arial, Helvetica, sans-serif;
	padding-right: 10px;
}

div.sublista2 p {
	margin-right: 10px;
}

table#tableProductos td a {
	color: #ff7e00;
	font: bold 11px Trebuchet MS;
	line-height: 12px;
}

.paddtop {padding-top:5px;}
.dato {font: normal 9px Arial, Helvetica, sans-serif;}
.sublista2 a.linkk {color:#333e30;}

/* LEGALES */

.legales {
	padding: 10px;
}

.nocolor a {
	color: #4b4b4b;
}

.underline a:hover {
	text-decoration: underline;
}

ul.sos li {
	margin: 10px 0;
}

ul.sos li p {
	padding-left: 15px;
}	
/* ECARDS */	
.contizquierda #ecards a:focus {outline:none;text-decoration:underline;}
.contizquierda #ecards h1 {background: url(../images/titulos/milu-baila.jpg) no-repeat;width:560px;height:47px;text-indent:-9999px;margin-bottom:0px;}
.contizquierda #ecards p {background: url(../images/titulos/personaliza-tu-postal.jpg) no-repeat;width:192px;height:31px;text-indent:-9999px;margin-left:92px;}
.contizquierda #ecards h2 {color:#858585;font-size:12px;font-weight: normal;margin-left:92px;}
.contizquierda #ecards form {width:360px;margin-left:92px;}

.contizquierda #ecards form {width:360px;}
.contizquierda #ecards form div.login {width:360px;margin:20px auto;}
.contizquierda #ecards form div.login div {width:285px;height:20px;padding:8px 0 8px 0; border-bottom: 1px dashed #92ad72;margin:auto;}
.contizquierda #ecards form div.login div label {width:100px;float:left;color:#e45f10;} 
.contizquierda #ecards form div.login div input {width:175px;float:right;}
.contizquierda #ecards form div.login div.terminos {border-bottom:none;}
.contizquierda #ecards form div.login div.terminos span {color:#407e09;}
.contizquierda #ecards form div.login div.terminos span a {text-decoration:underline;}
.contizquierda #ecards form div.login div.submit {border-bottom:none;width:360px;height:80px;display:block;overflow:hidden;}
.contizquierda #ecards form div.login div.submit input {width:360px;height:80px; background:url(../images/btns/btn-ingresa.jpg) no-repeat;border:none;}

.contizquierda #ecards form div.upload{width:360px;margin:10px auto;}
.contizquierda #ecards form div.upload .file {width:340px;margin:auto;padding-bottom:8px;border-bottom: 1px dashed #92ad72;}
.contizquierda #ecards form div.upload .file label {width:70px;color:#ff7000;margin-right:20px;}
.contizquierda #ecards form div.upload .file input {width:220px;}
.contizquierda #ecards form div.upload .span {width:340px;color:#407E09;}
.contizquierda #ecards form div.upload .span span{width:340px;margin-left:60px;}


.contizquierda #ecards form div.registo {width:360px;margin:10px auto;}
.contizquierda #ecards form div.registo .opcion {width:340px;margin:0 auto;border-bottom: 1px dashed #92ad72;padding:10px 0 10px 0;}
.contizquierda #ecards form div.registo .opcion div {height:30px;}
.contizquierda #ecards form div.registo .opcion div label{width:70px;color:#ff7000;}
.contizquierda #ecards form div.registo .opcion div input {width:270px;float:right;border: 1px solid #8f9f77;}
.contizquierda #ecards form div.registo .envio {width:349px;margin:auto;}
.contizquierda #ecards form div.registo .envio .atras {width:145px;float:left;margin-right:20px;}
.atras a {background:url(../images/btns/btn-volver.jpg) no-repeat;width:145px;height:85px;display:block;overflow:hidden;text-indent:-9999px;}
.atras2 a {background:url(../images/btns/btn-volversmall.jpg) no-repeat;width:140px;height:37px;display:block;overflow:hidden;text-indent:-9999px;float:left;}

.contizquierda #ecards form div.registo .envio .consulta {width:175px;float:left;}
 .consulta input {background:url(../images/btns/btn-enviar.jpg) no-repeat;width:175px;height:85px;display:block;overflow:hidden;border:medium none;}
.consulta2 {background:url(../images/btns/btn-enviarsmall.jpg) no-repeat;width:140px;height:37px;display:block;overflow:hidden;border:medium none; float:right;}

#enviar {margin-left:357px;}
.margin350 {width:50%;margin-left:355px; padding-top:10px;}
.margin20 {margin-top:20px;}
.marginboton {width:100%;margin-left:148px;}
.centrado {margin-left:81px; margin-bottom:10px;}
.margin397 {margin-left:397px;}
.marginado {margin-top:10px; margin-bottom:5px;}
.marginboton2 {margin-left:200px;}
.envio {width:522px; float:left;}
#flashcontent2 {width:530px; float:left;}
.fixie6 {margin-left:200px;display:inline;}
.margin13l {margin-left:13px;}

/*.contizquierda #ecards form div.login label {width:60px;float:left;margin-top:5px;color:#e45f10;}
.contizquierda #ecards form div.login input {width:190px;float:right;font-weight:bold;color:#666;}
.contizquierda #ecards form div.login input {border:medium none;border:1px solid #8f9f77;}*/






/*
.contizquierda #ecards form div.b-none{border-bottom:none;}
.contizquierda #ecards form div.submit{border-bottom:none;width:360px;}
.contizquierda #ecards form div.submit input {border:none;width:360px;height:80px; background:url(../images/btns/btn-ingresa.jpg) no-repeat;}
.contizquierda #ecards form div.file {width:360px;}
.contizquierda #ecards form div.file label {width:100px;}
.contizquierda #ecards form div.file input{width:260px;height:25px;}
.contizquierda #ecards form span {float:left;color:#407e09;margin-left:25px;}
.contizquierda #ecards form div.b-span{border-bottom:none;width:360px;margin:0;padding:0;}
.contizquierda #ecards form div.b-span span {width:320px;margin-left:40px;;}
.contizquierda #ecards form span a {text-decoration:underline;}


.contizquierda #ecards div.registo div {width:360px;}


.contizquierda #ecards div.registo {height:60px;_height:40px;width:360px;_margin-top:10px;_padding-bottom:0px;}
.contizquierda #ecards div.registo div {border-bottom:none;width:360px;height:15px;_margin-top:0px;_padding-bottom:0px;}
.contizquierda #ecards div.registo div label{width:80px;float:left;}
.contizquierda #ecards div.registo div input{width:270px;float:right;_margin-bottom:5px;}
.contizquierda #ecards div.registo div div {width:360px;margin:0;padding:0px;}
.contizquierda #ecards div.registo div div.atras {width:100px;float:left;}
.contizquierda #ecards div.registo div div.consulta {width:260px;float:right;}*/