/* CSS Document */


/* GENERALES --------------------------------------------------------------------------------------- */
 
 /*
 *{
	 border:#03C dashed 1px;
 }
 */

body{
	background:url(graficos/fondo.png) repeat;
	color:#000000;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:1em;
	margin:0;
	padding:0;
	}

img{
	border:none;
	}

p{
	margin:0 0 1.5em 0;
	text-align:justify;
	}

ul, h1, h2, h3,h4,h5{
	margin:0;
	padding:0;
	}
	
	
h1{
	color:#635031;
	margin:0 0 10px 0;
	clear:both;
	font-size:1.6em;
}

h2,h3{
	color:#cc6633;
		margin:0 0 20px 0;
}
	
	
dt{
	font-weight:bold;
	margin:0 0 10px 0;
}


a, a:link {
font-weight:bold;
color:#6f3420;
text-decoration:none;
}

a.on{
	color:#FFF;
}

a.on:hover{
	color:#FFF;
	text-decoration:none;
}
a:hover{
text-decoration:underline;
}


/*  CLASES --------------------------------------------------------------------------------------- */

.carro{
clear:both;
}

.elem_izq{
float:left;
margin:20px 20px 20px 0;
}

.logos{
float:right;
padding:20px 0 0 0;
text-align:center;
}

.logos img{
	border:none;
}

.texto_izq{
float:left;
margin:50px 0px 20px 50px;
width:430px;
}
.recetas{
	margin:20px 30px;
	clear:both;
}

.recetas h2{
	border-bottom:#cc6633 solid 1px;
}

.recetas .elem_dcha{
float:right;
margin:0;
width:600px;
}

.recetas .elem_izq{
float:left;
margin:0;
width:260px;
font-size:.8em;
border-right:#603 dotted 1px;
}

.recetas .elem_izq li{
	margin:10px 20px;
	font-weight:bold;
}

.texto_izq p{
	
}

.texto_izq a{
		color:#993300;
	}

.elem_dcha{
float:right;
margin:15px;
width:420px;

}

.elem_dcha p{
	text-align:left;
}

.elem_dcha dl{
width:420px;
}

.elem_dcha dd{
	margin:0 0 10px 10px;
	font-size:.8em;
	
}

.elem_dcha p.centro{
	text-align:center;
}

.precio{
	font-weight:bold;
	color:#cc6633;
	
}

.instrucciones{
	font-size:0.7em;
	clear:both;
	margin:0;
}

.centro{
	text-align:center;
}

.boton{
	background:url(graficos/menu_drop.png) no-repeat;
	width:200px;
	height:40px;
	padding:12px 0 0 0;
	display:block;
	margin:0 auto;
}

a.boton:hover{
	background:url(graficos/menu_drop_hover.png) no-repeat;
}


a.ingles{
	text-indent:-5000px;
	background:url(graficos/bandera_ingles.gif) no-repeat;
	display:block;
	width:20px;
	height:20px;
}
a.frances{
	text-indent:-5000px;
	background:url(graficos/bandera_francia.gif) no-repeat;
	display:block;
	width:20px;
	height:20px;
}
a.catalan{
	text-indent:-5000px;
	background:url(graficos/bandera_catalunya.gif) no-repeat;
	display:block;
	width:20px;
	height:20px;
}
a.espanol{
	text-indent:-5000px;
	background:url(graficos/bandera_spain.gif) no-repeat;
	display:block;
	width:20px;
	height:20px;
}


/*  FORMULARIOS --------------------------------------------------------------------------------------- */

fieldset{
	border:#645c4a 1px solid;
	margin:20px;
	padding:10px;
}

form#pedidos label,form#pedidos select,form#pedidos input{
	/*
	border:#F00 dashed 1px;
	*/
	display:block;
	float:left;
	margin:5px 0 10px 5px;
	
}

form#pedidos label{
	font-size:.8em;
	color:#000;
	width:150px;
	font-weight:normal;
	text-align:right;
	}

form#pedidos label[for="mismos_datos_envio"]{
	width:340px;
}

form#pedidos fieldset.big label{
	width:300px;
	text-align:left;
}

form#pedidos div{
	clear:both;
	padding:10px 0;
}

legend{
	font-weight:bold;
	color:#cc6633;
}




label{
	font-weight:bold;
	color:#cc6633;
	
}

input[type="text"],textarea{
	border:#645c4a 1px solid;
	background:url(graficos/fondo_gris.png);
	margin:0 0 0 10px;
}

textarea{
	height:150px;
}

input[type="text"]:focus,textarea:focus{
	border:#645c4a 1px solid;
	background:none;

}

form#contacto imput,form#contacto label, form#contacto textarea{
	display:block;
	float:none;
	margin:10px 0;
	padding:0;
	}

/* ------------------------------ CONTENEDORES ------------------------------------------------------------------- */

#contenedor{
	margin:0px auto;
	padding:0;
	width:961px;
	background:url(graficos/arroz.jpg) top no-repeat;
	}

/* CABECERA --------------------------------------------------------------------------------------- */

#cabecera{
	clear:both;
}

	#cabecera h2{
		font-size:1.6em;
		color:#bbada2;
		
		padding:25px 80px 5px 0px;
		text-align:right;
		}

	#logo{
	float:left;
	padding:20px 50px 10px 50px;
	border:none;
	}
	
/* MENU CORPORATIVO  --------------------------------------------------------------------------------------- */	

#menu_corporativo{
	margin:0px auto 0px auto;
	width:961px;
	text-align:center;
	padding:15px 0 20px 0;
	}
	#menu_corporativo li {
		list-style:none;
		display:inline;
		padding:0px 10px;
		font-size:1.1em;
	}

/* MENU PRINCIPAL  --------------------------------------------------------------------------------------- */	


#menu_principal {
	height: 74px;
	margin: 0;
	padding: 0 0 0 31px;
	border: 0;
	z-index: 90;
	list-style: none;
	position: relative;
	background:url(graficos/menu_ppal_izq.png) left no-repeat;
	float:right;
	letter-spacing:0em;

}

	#menu_principal li {
		z-index:1000;
		position: relative;  /* to contain the dropdown menu */
		float: left;
		list-style:none;
		background:url(graficos/menu_ppal.png) repeat-x;
		height:76px;
		width:220px;
		}

	#menu_principal li a {
		display: block;
		font-weight: bold;
		color: #fff;
		text-align:center;
		padding: 25px 0 0 0px;
		font-size:1.1em;
		}

	#menu_principal li a:hover {
		background:url(graficos/menu_ppal_hover.png) repeat-x;
		width:267;
		height:76px;
		}

	#menu_principal li.selected {
		background:url(graficos/menu_ppal_hover.png) no-repeat;
		}

/* MENU DESPEGLABLE  --------------------------------------------------------------------------------------- */	

#menu_principal li ul.dropmenu {
		position: absolute;
		display: block;
		left: -5000px;
		width: 0px;
		height: 0px;
		margin: 0;
		padding: 0 0 0px 0;
		background:;
		z-index:1;
		}


	#menu_principal li:hover ul.dropmenu{
		left: 12px;
		top: 70px;
		z-index: 900; /* por encima de todo el contenido de la pagina */
		}



	#menu_principal li ul.dropmenu li {
		display: block;	
		height: 52px;
		background: url(graficos/menu_drop.png) no-repeat;
		float: none;
		padding: 0px;
		margin:-10px 0;
		}


	#menu_principal li ul.dropmenu li a {
		display: block;
		font-size: 1em;
		font-weight:bold;
		background: none;
		margin: 0px;
		padding:15px 0 0 0;
		font-weight:bold;
		}



	#menu_principal li ul.dropmenu li a:hover {
		background:url(graficos/menu_drop_hover.png) no-repeat;
		display:block;
		}


/* INTRO ------------------------------------------------------------------------------------------*/

#imageContainer{
	width:900px;
	margin:0 auto;
	clear:both;
	position:relative;
	height:300px;
	border:#6f3420 solid 2px;
}

#imageContainer img {
	display:none;
	position:absolute;
	top:0; left:0;
}

/* CUERPO  --------------------------------------------------------------------------------------- */	


#cuerpo{
	width:480px;
	padding:0px 30px;
	float:left;
	
	}

	#cuerpo h1{
	font-size:1.8em;
	color:#635031;
	text-transform:capitalize;
	margin:10px 0;
	
	}
	#cuerpo a{
		color:#993300;
	}

/* LINKS  --------------------------------------------------------------------------------------- */	

#links{
	background:url(graficos/enlaces.png) no-repeat bottom;
	width:200px;
	height:320px;
	float:left;
	margin:0 0 30px 30px;
	}

	#links li{
		margin:10px 40px;
		list-style:none;
		}
	
	#links li.titulo{
		font-size:1.4em;
		color:#635031;
		text-transform:capitalize;
		margin:0px 0px 20px 20px;
		font-weight:bold;
		}

/* LEGAL  --------------------------------------------------------------------------------------- */	

#menu_legal{
	clear:both;
	margin:0px auto 0px auto;
	padding:40px 50px;
	width:961px;
	text-align:center;
	background:url(graficos/pie.jpg) no-repeat top center;

	
	}

	#menu_legal li{
		list-style:none;
		float:left;
		margin:0 0 0 20px;
		font-size:0.8em;
		}