/* CSS Sitio McCain */


/*   Reseteo de estilos   ***************************************************************************/

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td { 
	margin:0;
	padding:0;
	}
table {
	border-collapse:collapse;
	border-spacing:0;
	}
fieldset,img { 
	border:0;
	}
address,caption,cite,code,dfn,th,var {
	font-style:normal;
	font-weight:normal;
	}
ol,ul {
	list-style:none;
	}
caption,th {
	text-align:left;
	}
h1,h2,h3,h4,h5,h6 {
	font-size:100%;
	font-weight:normal;
	}
q:before,q:after {
	content:'';
	}
abbr,acronym { border:0;
	}
	
a img{border:0;}	
a{outline:none; cursor:pointer;}


/*   FooterStickAlt - Footer Abajo Siempre    ***************************************************/

* {
	margin: 0;
}

html, body {
	height: 100%;
}

#container {
	margin:0 auto;
}

.clearer {
	height: 55px; /*must be the same height as .footer */
}

#footer {
	clear:both;
	margin:0 auto;
	_height:55px;
	min-height:55px;
}
	
/*   Estructura General ****************************************************************************/

/* body
/* #bg_container 
/* #bg_container  --> #container
/* --> #container --> #header
/* --> #container --> #main_menu
/* --> #container --> #content
/* #content --> .col_home1 (HOME)
/* #content --> .col_home2 (HOME)
/* #content --> .col_home3 (HOME)
/* #content --> .col_left  (INTERNAS)
/* #content --> .col_right (INTERNAS)
/* #footer

/***************************************************************************************************/

body {
	margin:0 auto;
	padding-top:0px;
	text-align:left;
	font-family: Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#6f6f6f;
	background:#f5f5f4 url(../images/bg/body.gif) repeat-x 0 0;
}

#bg_container{
	width:730px;
	_height:555px;
	min-height:555px;
	padding:0px;
	margin:0 auto;
	background: url(../images/bg/pagina.jpg) repeat-y left 0; 
}

#container{
	width:709px; /* 709 = 730 (width container) - 21 (padding-left)*/
	_height:555px;
	min-height:555px;
	padding:0 0 0 21px;
	background: url(../images/bg/container.jpg) no-repeat left 0;  
}
	
#header{
	background: url(../images/bg/bg-header.gif) no-repeat right bottom;
	width:711px;
	min-height:131px;
	padding:0 0 0 14px;
}

#header.header_home{min-height:156px;}

	
#main_menu {
	padding:0px 0px 0 0px;
	width:709px; 
}


#content {
/*	_height:205px;
	min-height:205px;*/
	padding:0px 32px 0px 5px; 
	margin:0 auto;
}

#footer{
	width:730px; /* 709 = 730 (width container) - 21 (padding-left)*/
	_width:745px; /*IE6*/
	clear:both;
	padding:0px;
	background: url(../images/bg/footer.jpg) repeat 0px 0; 
}

#footer a{
	text-decoration:none;
	color:#7c7c7c;
	font-size:10px; 
}

#footer .div_copy{
	float:left; 
	margin-left:32px;
	_margin-left:20px;
}

#footer .div_axxon{
	float:right;
	margin-right:60px;
}

/** HEADER ************/

#header #col_logo{
	float:left;
	background:white;
	width:147px;
}

#header.header_home #col_logo{height:247px;}

#header #col_logo img{
	margin-bottom:14px;
}

#header #col_logo h1.tit_mucho_mas{
	background: url(../images/titulos/mucho-mas.gif) no-repeat 0 0;
	height:35px;
	width:86px;
}

#header #col_logo p{
	font-size:10px;
	text-align:left;
	width:123px;
	height:85px;
	overflow:hidden;
	margin-top:6px;
}

#header .form_header{
	margin:0;
}

#header .form_header select{
	font-size:10px;
	color:#333333;
}


#header #col_flash_home{
	float:left;
}

#header #col_flash_internas,
#header #col_flash_internas img{
	float:left;
	width:550px;
	height:131px;
}

/** MENU PRINCIPAL *****/

#main_menu{
	height:80px;
	padding-top:10px;
	clear:both; 
}

#main_menu ul{
	margin:0 0 0 15px;
	width:694px; /*694 = 709(width) - 15(margin)*/ 
}


#main_menu ul li{
	display:inline;
	overflow:hidden; 
}

#main_menu ul li div{
	float:left;
	margin-right:14px;
	width:82px;
	height:75px;
	background-position:0 -54px;
	background-repeat:no-repeat;
}

#main_menu ul li a{
	display:block;
	float:left;
	width:82px;
	height:55px;
	background-position:0 0;
	background-repeat:no-repeat;
	line-height:400px;
	overflow:hidden;
}

#main_menu ul li div.bg_conozcanos, #main_menu ul li a.conozcanos{
	background: url(../images/menu/conozcanos.gif);
}

#main_menu ul li div.bg_compromiso_mccain, #main_menu ul li a.compromiso_mccain{
	background: url(../images/menu/compromiso-mccain.gif);
}

#main_menu ul li div.bg_productos_hogar, #main_menu ul li a.productos_hogar{
	background: url(../images/menu/productos-hogar.gif);
}

#main_menu ul li div.bg_productos_gastronomia, #main_menu ul li a.productos_gastronomia{
	background: url(../images/menu/productos-gastronomia.gif);
}

#main_menu ul li div.bg_recetas, #main_menu ul li a.recetas{
	background: url(../images/menu/recetas.gif);
}

/*#main_menu ul li div.bg_links, #main_menu ul li a.links{
	background: url(../images/menu/links.gif);
}*/

#main_menu ul li div.bg_nutricion, #main_menu ul li a.nutricion{
	background: url(../images/menu/nutricion.gif);
}

/*#main_menu ul li div.bg_preguntas_frecuentes, #main_menu ul li a.preguntas_frecuentes{
	background: url(../images/menu/preguntas-frecuentes.gif);
}*/

#main_menu ul li div.bg_rrhh, #main_menu ul li a.rrhh{
	background: url(../images/menu/rrhh.gif);
}


/** CONTENT HOME  ***************************/

#content .col_home1, #content .col_home2, #content .col_home3{float:left;}


#content .col_home1{
	background: transparent url(../images/bg/col-home.jpg) no-repeat 0 0;
	width:197px;  /*207 = 227 (width) - 10 (padding left) - 10 (padding right)*/
	height:207px;
	padding:13px 12px 0;
}


#content .col_home1 .bg_col_home1{
	background: transparent url(../images/bg/col-home1.jpg) no-repeat 0 0;
	width:195px;
	padding:7px 0px;
}

#content .col_home1 h2{
	width:182px;
	height:20px;
	background: url(../images/titulos/productos-conoce-nuestra-linea.gif);
	margin:0 0 7px 7px;
}

#content .col_home2 .bg_col_home2 a {
	text-decoration: none;
}





#content .col_home2{
	background: transparent url(../images/bg/col-home.jpg) no-repeat 0 0;
	width:197px; /*207 = 227 (width) - 10 (padding left) - 10 (padding right)*/
	height:207px;
	padding:13px 12px 0;
}

#content .col_home2 .bg_col_home2{
	background: transparent url(../images/bg/col-home2.jpg) repeat-x 0 0;
	/*height:100%;*/
	width:181px;
	padding:7px 7px;
}

#content .col_home2 h2{
	/*width:145px;
	height:35px;
	background:url(../images/titulos/mccain-en-su-planta.gif);*/
	margin-bottom:8px;
}

#content .col_home2 h3{
	font-size: medium;
	margin-bottom:8px;
}




#content .col_home2 p{
	color:#7c7c7c;
	font-size:10px;
}

#content .col_home2 p a{
	height:117px;
	display:block;
	text-decoration:none;
	color:#7c7c7c;
	font-size:10px;
	background: url(../images/ir-info-completa.gif) no-repeat right bottom;
}

#content .col_home3{
/*	background: white;*/
	width:209px;
	/*height:220px;*/
	padding:0px 7px;
}

#content .col_home3 .nutricion_mccain{
	display:block;
	width:215px;
	height:77px;
	background: url(../images/nutricion-mccain.gif) no-repeat 0 0;
	line-height:400px;
	overflow:hidden;
}

#content .col_home3 .demo_mccain{
	background: url(../images/pix-gris.gif) repeat-x 0 0;
	margin-top:10px;
	padding-top:2px;
}

#content .col_home3 .demo_mccain a{text-decoration:none; color:#7c7c7c;}

#content .col_home3 .demo_mccain img{
	float:left;
}

#content .col_home3 .demo_mccain p{
	float:left;
	width:120px;
	font-size:10px;
	margin-left:5px;

}

#content .col_home3 .demo_mccain p a{
	display:block;
	height:83px;
	background: url(../images/flecha-inf-der.gif) no-repeat right bottom;
}


/** CONTENT INTERNAS  **********************/


#content .col_left{
	float:left;
	_height:300px;
	min-height:300px;
}


#content .col_left a img{
	clear:both;
	display:block;
	margin-left:10px;
}

#content .col_right{
	float:left;
	min-height:300px;
	width:483px; /*  483 = 500(width) - 17(padding) */
	padding:4px 6px 0 11px;
}



#menu_lateral{
	background: url(../images/bg/menu-lateral.jpg) no-repeat 0 0;
	padding-left:13px;
	padding-top:15px;
	margin-bottom:14px;
}

#menu_lateral ul{}

#menu_lateral ul li{
	display:block;
	width:157px;
	margin-bottom:3px;
}

#menu_lateral ul li a{
	text-transform:uppercase;
	text-decoration:none;
	display:block;
	width:145px;
	padding:8px 6px;
	color: #555454;
	background: url(../images/bg/li-menu-lateral.gif);
	background-position:0 0;
	background-repeat:repeat-y;
	cursor:pointer;
}

#menu_lateral ul li a.asd {
	text-transform: none;
}

#menu_lateral ul li.itemsProductos a{
	background: url(../images/bg/li-menu-lateral-productos-on.jpg);
}

#menu_lateral ul li a:hover, #menu_lateral ul li a.activo,
#menu_lateral ul li.itemsProductos a:hover, #menu_lateral ul li.itemsProductos a.activo {
	background: url(../images/bg/li-menu-lateral-on.gif);
}


#menu_lateral ul li a span{
	display:block;
	width:126px;
}
.sep{
	border-left:1px dashed #F9F9F9;
}