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

/*---  Global  ---*/
html, body{
	height:100%;	
}
body{
	background-image:url(../images/body-background.jpg);
	font-family:Arial, Helvetica, sans-serif;
}
p{line-height:1.4em;}
#wrap{
	width:100%;
	background-repeat:no-repeat;
	background-image:url(../images/container-background.jpg);
	background-position:center top;
	height:auto;
	max-height:910px;
}	
#container{
	width:950px;
	height:792px;
	margin-left:auto;
	margin-right:auto;
	position:relative;
}
#servicio-al-cliente{
	cursor:pointer;
	width:240px;
	position:absolute;
	top:535px;
	left:20px;
}
#icono-publicidad{
	color:#6c6f70;
	font-size:11px;
	text-align:right;
	font-style:italic;
	text-decoration:none;
	position:absolute;
	top:760px;
	left:60px;
}
#icono-publicidad:hover{text-decoration:underline;}
#menu-footer{
	position:absolute;
	right:50px;
	top:740px;
}
#menu-index{
	position:absolute;
	right:50px;
	bottom:90px;
}
/*---  Main menu ---*/
#menu{
	height:185px;
}
#menu ul{
	margin-top:125px;
	float:right;
	margin-left:270px;width:675px;height:60px;
}
#menu li{
	display:inline;
	float:left;
}
#menu li a{
	display:block;
	width:168px;
	height:60px;
	text-indent:-9999px;
	background-repeat:no-repeat;
}
#menu-australian a{background-image:url(../images/main-menu/btn-australian.gif);}
#menu-australian a:hover{background-image:url(../images/main-menu/btn-australian-hover.gif);}
#menu-australian a.active{background-image:url(../images/main-menu/btn-australian-active.gif);}

#menu-smilk a{background-image:url(../images/main-menu/btn-smilk.gif);}
#menu-smilk a:hover{background-image:url(../images/main-menu/btn-smilk-hover.gif);}
#menu-smilk a.active{background-image:url(../images/main-menu/btn-smilk-active.gif);}

#menu-institucional a{background-image:url(../images/main-menu/btn-institucional.gif);}
#menu-institucional a:hover{background-image:url(../images/main-menu/btn-institucional-hover.gif);}
#menu-institucional a.active{background-image:url(../images/main-menu/btn-institucional-active.gif);}

#menu-historia a{background-image:url(../images/main-menu/btn-historia.gif);}
#menu-historia a:hover{background-image:url(../images/main-menu/btn-historia-hover.gif);}
#menu-historia a.active{background-image:url(../images/main-menu/btn-historia-active.gif);}


/*---  Content  ---*/
#content{ 
	width:690px;
	height:500px;
	padding-left:250px;
	color:#578427;
	font-size:12px;
	position:relative; 
}
h2.indent{
	font-size:13px;
	font-weight:bold;
	margin:14px 0 0 50px;
}
ul.indent{
	list-style:disc;
	line-height:16px;
	margin:10px 14px 20px 56px;
}
ul.indent li{margin:4px 0;}
.institucional a{
	color:#578427;
	text-decoration:none;
}
.institucional a:hover{ text-decoration:underline}

/*---  Inner Columns  ---*/

.column-left, .column-right{
	float:left;
	height:440px;
}
.column-left{
	width:180px;	
}
.column-right{
	width:500px;	
}
	.info, .slideshow{float:left;}	
	.info{width:330px;}
	.slideshow{width:165px;
}
a.info-nutricional{
	background-image:url(../images/info-nutricional.gif);
	background-repeat:no-repeat;
	display:block;
	width:140px;
	height:39px;
	text-indent:-9999px;
	position:absolute;
	top:20px;
	right:20px;
}
a.info-nutricional:hover{background-image:url(../images/info-nutricional-hover.gif);}

#FlashID{margin:50px;}	

/*---  Submenus  ---*/

#submenu{margin:46px 0 20px 0;}
#submenu li{margin:16px 0;}
#submenu li a{
	background-repeat:no-repeat;
	display:block;
	width:164px;
	height:24px;
	text-indent:-9999px;
}
#submenu.smilk{}
#submenu.smilk li a{
	height:30px;
	width:175px;	
}

#entera a{background-image:url(../images/submenus/btn-entera.gif);}
#entera a:hover{background-image:url(../images/submenus/btn-entera-hover.gif);}
#entera a.active{background-image:url(../images/submenus/btn-entera-active.gif);}

#descremada a{background-image:url(../images/submenus/btn-descremada.gif);}
#descremada a:hover{background-image:url(../images/submenus/btn-descremada-hover.gif);}
#descremada a.active{background-image:url(../images/submenus/btn-descremada-active.gif);}

#osteomilk a{background-image:url(../images/submenus/btn-osteomilk.gif);}
#osteomilk a:hover{background-image:url(../images/submenus/btn-osteomilk-hover.gif);}
#osteomilk a.active{background-image:url(../images/submenus/btn-osteomilk-active.gif);}

#crecimiento a{background-image:url(../images/submenus/btn-crecimiento.gif);}
#crecimiento a:hover{background-image:url(../images/submenus/btn-crecimiento-hover.gif);}
#crecimiento a.active{background-image:url(../images/submenus/btn-crecimiento-active.gif);}

#condensada a{background-image:url(../images/submenus/btn-condensada.gif);}
#condensada a:hover{background-image:url(../images/submenus/btn-condensada-hover.gif);}
#condensada a.active{background-image:url(../images/submenus/btn-condensada-active.gif);}

#evaporada a{background-image:url(../images/submenus/btn-evaporada.gif);}
#evaporada a:hover{background-image:url(../images/submenus/btn-evaporada-hover.gif);}
#evaporada a.active{background-image:url(../images/submenus/btn-evaporada-active.gif);}

#leche-modificada a{background-image:url(../images/submenus/btn-smilk.gif);}
#leche-modificada a:hover{background-image:url(../images/submenus/btn-smilk-hover.gif);}
#leche-modificada a.active{background-image:url(../images/submenus/btn-smilk-active.gif);}

#condensada-modificada a{background-image:url(../images/submenus/btn-condensada-modificada.gif);}
#condensada-modificada a:hover{background-image:url(../images/submenus/btn-condensada-modificada-hover.gif);}
#condensada-modificada a.active{background-image:url(../images/submenus/btn-condensada-modificada-active.gif);}

#evaporada-modificada a{background-image:url(../images/submenus/btn-evaporada-modificada.gif);}
#evaporada-modificada a:hover{background-image:url(../images/submenus/btn-evaporada-modificada-hover.gif);}
#evaporada-modificada a.active{background-image:url(../images/submenus/btn-evaporada-modificada-active.gif);}

#amarilla-modificada a{background-image:url(../images/submenus/btn-amarilla-modificada.gif);}
#amarilla-modificada a:hover{background-image:url(../images/submenus/btn-amarilla-modificada-hover.gif);}
#amarilla-modificada a.active{background-image:url(../images/submenus/btn-amarilla-modificada-active.gif);}

#hoja-tecnica a{background-image:url(../images/submenus/btn-hoja-tecnica.jpg);}
#hoja-tecnica a:hover{background-image:url(../images/submenus/btn-hoja-tecnica-hover.jpg);}

#especificaciones a{background-image:url(../images/submenus/btn-especificaciones.jpg);}
#especificaciones a:hover{background-image:url(../images/submenus/btn-especificaciones-hover.jpg);}

/*--- Idiomas ---*/
#espaniol, #ingles{
	display:block;
	text-indent:-9999px;
	width:50px;
	height:50px;
	position:absolute;
}
#espaniol{
	top:490px;
	left:100px;
}
#ingles{
	top:550px;
	left:375px;
}