/* CSS Document */

body {

    background: #FFFFFF url("../images/fon_home.jpg");
	background-repeat: repeat-x;
    margin:0;
    padding:0;
    font: 9px Verdana, Arial, Helvetica, sans-serif;
    color: #000000;
	/*text-align:center;*/
	}
	ul {
	font-family: Tahoma, Geneva, Verdana, sanserif;
	color:#333333;
	font-size:10px;
	text-decoration: none;
	padding: 0;
	margin-left:20px;
	margin-top:100px;
	list-style: none;
	width: 190px; 
	position:absolute;
	}
	ul li {
	position: relative;
	}
	


/* Styles for Menu Items */
ul li a {
	display: block;
	text-decoration: none;
/*	background: none; /* IE6 Bug */
	border-bottom: 0;
	}
	

th, td  {

    vertical-align: middle;

}

/* textos */


.turquesa { font-family: Verdana,  Arial, Trebuchet, sanserif; color:#007591; font-size:11px}
.turquesa:hover {color: #7C717F;text-decoration:none }

.gris {
	font-family: Verdana,  Arial, Trebuchet, sanserif;
	color:#333333;
	font-size:11px;
	line-height: 16px;
}

.btn {
	font-family: Verdana,  Arial, Trebuchet, sanserif;
	color:#000000;
	font-size:11px;
	background-image: url(../images/menu_fon.gif);
	width: 150px;
	height: 21px;
}
.btn:hover {background-image: url(../images/menu_fon_.gif) }

.negro { font-family: Verdana,  Arial, Trebuchet, sanserif; color:#000000; font-size:11px}
.negro:hover {color: #E4012D;text-decoration:none }

.negro_c { font-family: Verdana,  Arial, Trebuchet, sanserif; color:#000000; font-size:9px}
.negro_c:hover {color: #E4012D;text-decoration:none }

.rojo { font-family: Verdana,  Arial, Trebuchet, sanserif; color:#E4012D; font-size:11px}
.rojo:hover {color: #A50122;text-decoration:none }

.rojo_c { font-family: Verdana,  Arial, Trebuchet, sanserif; color:#E4012D; font-size:9px}
.rojo_c:hover {color: #A50122;text-decoration:none }

.blanco { font-family: Verdana,  Arial, Trebuchet, sanserif; color:#FFFFFF; font-size:11px}
.blanco:hover {color: #F7D3B3;text-decoration:none }

/* Layers */

#header {
	position:relative;
	top:8px;
	margin-left:auto;
	margin-right:auto;
	width:780px;
	z-index:1;
	padding:0;
}
#pie {
	margin:0;
	padding:0;
	width:755px;
	height:20px;
	position:absolute;
	top:410px;
	left:12px;
	text-align:center;
	z-index:5;

}
#menu {
	margin:0px;
	padding:0;
	width:154px;
	height:200px;
	position:absolute;
	top:110px;
	left:44px;
	z-index:5;

}
#menu_1 {
	margin:0;
	padding:0;
	width:497px;
	height:294px;
	position:absolute;
	top:115px;
	left:199px;
	z-index:10;

}
#iframe {
	margin:0;
	padding:0;
	width:526px;
	height:277px;
	position:absolute;
	top:112px;
	left:222px;
	z-index:3;

}
#iframe2 {
	margin:0;
	padding:0;
	width:538px;
	height:276px;
	position:absolute;
	top:115px;
	left:222px;
	z-index:3;

}
#titular {
	margin:0;
	padding:0;
	width:260px;
	height:30px;
	position:absolute;
	top:10px;
	left:420px;
	z-index:4;

}

#recetasnuevas {
	margin:0;
	padding:0;
	width:140px;
	height:30px;
	position:absolute;
	top:121px;
	left:230px;
	z-index:4;

}

#iframe3 {
	margin:0;
	padding:0;
	width:539px;
	height:300px;
	position:absolute;
	top:103px;
	left:222px;
	z-index:3;
	background-image: url(images/fon_productos.png);
}
.subm {
	font-family: Tahoma, Geneva, Verdana, sanserif;
	color:#333333;
	font-size:10px;
	text-decoration: none;
	line-height: 20px;
}


/*menu*/

#menu ul { 
	margin: 0;
	padding: 0;
	list-style: none;
	width: 148px; /* Width of Menu Items */
} 

#menu ul li { 
	position: relative;

} 

#menu li ul { 
	position: absolute; 
	left: 148px; /*Set 1px less than menu width */ 
	top: 0px; 
	background-image:url(../images/menu/sub.gif);
	display: block;
} 

#menu li:hover ul {
	display: block;
} 

#menu li:hover>ul { 
	visibility:visible; 
} 

#menu ul ul {
	visibility:hidden; 
} 

/* Fix IE. Hide from IE Mac \*/ 
* html #menu ul li { float: left; height: 1%; } 
* html #menu ul li a { height: 1%; } 
/* End */ 

/* Make-up syles */ 

#menu ul, li { 
	margin: 0; 
} 

/* Styles for Menu Items */ 
#menu ul a { 
	display: block;
	text-decoration: none;
	color:#333333;
	
	/*background: #fff; /* IE6 Bug */
	padding: 4px;
	/*border: 1px solid #ccc;*/
	border-bottom: 0;
} 

/* Hover Styles */ 
#menu ul a:hover { 
	color:#333333;
	} 

/* Sub Menu Styles */ 
#menu li ul a { 
	text-decoration: none; 
	color:#333333;
	background: #fff; /* IE6 Bug */ 
	padding: 4px 4px 4px 10px; 
	background-image:url(../images/menu/sub.gif) 
} 

/* Sub Menu Hover Styles */ 
#menu li ul a:hover { 
	color:#333333;
	background-image:url(../images/menu/sub_.gif) 
} 

/* Icon Styles */ 
#menu ul a.submenu {background-image:url(../images/menu/sub2.gif) } 
#menu ul a.submenu:hover {background-image:url(../images/menu/sub2_.gif)}



#menuseccion1 {background-image:url(../images/menu/ins.gif);
height:20px;
}
#menuseccion1 a:hover { background-image:url(../images/menu/ins_.gif);
}
#menuseccion2 {background-image:url(../images/menu/nov.gif);
height:20px;}
#menuseccion2 a:hover { background-image:url(../images/menu/nov_.gif);
} 
#menuseccion3 {background-image:url(../images/menu/rec.gif);
height:20px;}
#menuseccion3 a:hover { background-image:url(../images/menu/rec_.gif);
} 
#menuseccion4 {background-image:url(../images/menu/sab.gif);
height:20px;}
#menuseccion4 a:hover { background-image:url(../images/menu/sab_.gif);
} 
#menuseccion5 {background-image:url(../images/menu/cont.gif);
height:20px;}
#menuseccion5 a:hover { background-image:url(../images/menu/cont_.gif);
} 

#menuseccion6 {background-image:url(../images/menu/pro.gif);
height:20px;}
#menuseccion6 a:hover { background-image:url(../images/menu/pro_.gif);
}