@charset "utf-8";

/* CSS Document */



body{

	background:#060105 url(../img/home_tile.gif) repeat-x;

	font-family:Arial, Helvetica, sans-serif;font-size:1em;color:#ffffff;

}



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

BACKGROUND CONTENIDO

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

#bkg{

	width:842px; height:588px;

	margin:0 auto;

	background:url(../img/home_bkg_tile.gif) repeat-x top center;

}





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

HEADER

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

#header{

	width:842px; height:326px;

	background:url(../img/int_header04.jpg) no-repeat top center;

	margin:0 auto;

	position:relative;

}



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

BOTONERA

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

#botonera {

	margin:0 auto; 

	width:842px; height:28px;

	font-size:.7em; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; text-align:center;

}



#botonera ul li{display:inline; margin-right:5px;}

#botonera li.boton{position:relative; top:-.7em;}





#botonera a{color:#FFFFFF;text-decoration:none;}

#botonera a:hover{color:#bb8883;}

#botonera a:active{font-weight:bolder;color:#bb8883;}

#botonera a.active{font-weight:bolder;color:#bb8883;}

	

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

DESTACADOS

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

#destacados{margin:0 auto; width:844px;}



#destacados ul {margin:0 auto; width:820px;}

#destacados ul li{float:left; display:block; padding-top:15px; margin-right:8px;}



	#destacados #mejoresRecetas{

		display:block;

		width:261px; height:59px;

		background:url(../img/home_destacados.gif) 0 0 no-repeat;

		text-indent:-9000em;

	}
	
	#destacados #mejoresRecetas_ing{

		display:block;

		width:261px; height:59px;

		background:url(../img/home_destacados_ing.gif) 0 0 no-repeat;

		text-indent:-9000em;

	}

	

	#destacados #mejoresRecetas:hover{background:url(../img/home_destacados.gif) -261px 0 no-repeat;}
	
	#destacados #mejoresRecetas_ing:hover{background:url(../img/home_destacados_ing.gif) -261px 0 no-repeat;}

	

	#destacados #elCorte{

		display:block;

		width:261px; height:59px;

		background:url(../img/home_destacados.gif) 0 -59px no-repeat;

		text-indent:-9000em;

	}
	
	#destacados #elCorte_ing{

		display:block;

		width:261px; height:59px;

		background:url(../img/home_destacados_ing.gif) 0 -59px no-repeat;

		text-indent:-9000em;

	}

	

	#destacados #elCorte:hover{background:url(../img/home_destacados.gif) -261px -59px no-repeat;}
	
	#destacados #elCorte_ing:hover{background:url(../img/home_destacados_ing.gif) -261px -59px no-repeat;}

	

	#destacados #elExperto{

		display:block;

		width:261px; height:59px;

		background:url(../img/home_destacados.gif) 0 -118px no-repeat;

		text-indent:-9000em;

	}
	
	#destacados #elExperto_ing{

		display:block;

		width:261px; height:59px;

		background:url(../img/home_destacados_ing.gif) 0 -118px no-repeat;

		text-indent:-9000em;

	}

	

	#destacados #elExperto:hover{background:url(../img/home_destacados.gif) -261px -118px no-repeat;}
	
	#destacados #elExperto_ing:hover{background:url(../img/home_destacados_ing.gif) -261px -118px no-repeat;}



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

MENU INFERIOR

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

#menuInferior{

	margin:0 auto; 

	width:844px; height:190px;

	font-size:.7em; 

	position:relative; 

}



#menuInferior ul li.top{height:3em;}

#menuInferior ul li.top a:hover{color:#bb8883;}

#menuInferior ul li.top02{height:2.25em; padding-top:.75em;}

#menuInferior ul li.top02 a:hover{color:#bb8883;}

#menuInferior ul li a{color:#a6a5aa; text-decoration:none;}

#menuInferior ul li a:hover{color:#bb8883;}

#menuInferior ul li a.top{

	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-size:1.2em;color:#ffffff;

	line-height:1em;

}



#menuInferior ul li a.activo{font-weight:bolder;color:#bb8883;}



#menuInferior #opcion01{position:absolute; top:20px; left:32px; width:85px;}

#menuInferior #opcion02{position:absolute; top:20px; left:145px; width:135px;}

#menuInferior #opcion03{position:absolute; top:20px; left:295px; width:135px}

#menuInferior #opcion04{position:absolute; top:20px; left:460px; width:125px}

#menuInferior #opcion05{position:absolute; top:20px; left:615px; width:75px}

#menuInferior #opcion06{position:absolute; top:20px; left:715px; width:120px;}



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

FOOTER

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

#footer{ width:100%; height:34px; background:url(../img/int_footer_tile.gif) repeat-x top center; padding-top:15px;}

#footer ul {width:844px; margin:0 auto;}

#footer ul li{

	display:block; 

	float:left; 

	font-size:0.70em; color:#765c5b; font-weight:bold;

	padding-top:.65em; margin-right:.5em; 

	height:1.35em;

}

#footer ul li a{color:#765c5b; text-decoration:none;}

#footer ul li a:hover{color:#ffffff;}



#footer ul li#logo{

	background:url(../img/int_logo.gif) no-repeat top center;

	width:24px; height:28px;

	padding:0;

}



#footer ul li#vacio{width:320px;}





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

CLASES REUTILIZABLES

No modificar, no modificar, no modificar

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



	/* Margenes reutilizables */

	.mL05{margin-left:5px;}

	.mL10{margin-left:10px;}

	.mL15{margin-left:15px;}

	.mL20{margin-left:20px;}

	.mL25{margin-left:25px;}

	.mL30{margin-left:30px;}

	

	.mR05{margin-right:5px;}

	.mR10{margin-right:10px;}

	.mR15{margin-right:15px;}

	.mR20{margin-right:20px;}

	.mR25{margin-right:25px;}

	.mR30{margin-right:30px;}

	

	.mT05{margin-top:5px;}

	.mT10{margin-top:10px;}

	.mT15{margin-top:15px;}

	.mT20{margin-top:20px;}

	.mT25{margin-top:25px;}

	.mT30{margin-top:30px;}

	.mT60{margin-top:60px;}

	.mT80{margin-top:80px;}

	

	.mB05{margin-bottom:5px;}

	.mB10{margin-bottom:10px;}

	.mB15{margin-bottom:15px;}

	.mB20{margin-bottom:20px;}

	.mB25{margin-bottom:25px;}

	.mB30{margin-bottom:30px;}





	/* Posicionamientos y alineación */

	.posRel		{position:relative;}

	.posAbs		{position:absolute;}

	

	.fL			{float:left;}

	.fR			{float:right;}

	

	.alJus 		{text-align:justify; }

	.alCen 		{text-align:center;}





	/* Colores reutilizables */

	*.bk		{color:#000000;}

	*.gris		{color:#7b7b7b;}

	

	/* Modificadores varios reutilizables */

	*.b			{border:1px solid black;}

	*.oculto 	{display:none;}

	*.block		{display:block;}

	*.inL		{display:inline;}

	*.limpia	{clear:both;}

	*.overable 	{cursor:pointer;}