/*** LAYOUT GENERAL ***/

body {
	font-family: sans-serif;
}

#box {width: 1020px; margin: 0 auto; background-color: white;}

#header 	{width: 1020px; height: 214px;}

#contenido 	{width: 820px; padding: 0px 100px 0px 100px; float:left; background-color: white;}
	
#footer 	{width: 795px; height: 57px; margin: 20px 0; padding: 15px 10px; float: left;
			 background: url(../img/Base/footer_degradado.jpg) no-repeat center top;}
	#footer a {text-decoration: none; color: #5a4d00;}
	#footer a:hover {text-decoration: none; color: #e4c600;}

.titulo_seccion {width: 820px; float: left; margin: 23px 0 18px 0;}
	
.destacado {padding: 8px 10px; margin: 0 0 10px 0;
				background: url(../img/QualitatsPhilosophie/qualitat_base1.jpg) no-repeat center bottom;}


/*** SECCIÓN HOME ***/

#hom_destacado {width: 820px; float: left; margin: 23px 0 0 0;}
	.titulo_seccionhome {width: 220px; float: left; margin: 0 0 18px 0;}
	#hom_destacado_izquierda { color: #100f6f;; line-height: 20px; 
	font-family: "Georgia", Times New Roman, Times, serif; font-style: italic; width: 220px; float: left; font: 14px/15px;}
	#hom_destacado_derecha {width: 580px; float: right;}

#destacado {width: 820px; margin: 50px 0 0 0; float: left;}
	
#hom_columna1 {width: 220px; height: 170px; float: left; background-color: red;}

#hom_columna2 {width: 220px; height: 170px; margin: 0 80px 0 80px; float: left; background-color: red;}

#hom_columna3 {width: 220px; height: 170px; float: left; background-color: red;}
			

/*** SECCIÓN CALIDAD ***/
		
#qua_columna1 {width: 220px; margin: 0 20px 0 0; float: left;}

#qua_columna2 {width: 340px; float: left;}
	#qua_columna2 p {margin: 0 0 19px 0; float: left;}

#qua_columna3 {width: 220px; margin: 0 0 0 20px; float: left;}

.qua_destacado {width: 200px;}


/* SECCIÓN PRODUCTOS */

.pro_box {width: 100%; margin: 20px 0 0 0;}


/* Categorías Menu y Texto Descriptivo */

	.categorias ul {margin: 10px 0 0 0;}
	.categorias li {
		display: inline;
		background: url(../img/UnsereProdukte/flexa_productos.jpg) no-repeat left center; 
		padding: 0 0 0 10px; margin: 0 5px 0 0;}
	
		.categorias a {color: #5a4d00; text-decoration: none; font-size: 17px;}
		.categorias a:hover {color: #e4c600; text-decoration: none;}
		.categorias a:active {color: #e4c600; text-decoration: none;}
	
	.texto_categoria {margin: 10px 0 20px 0; font: 12px/15px Arial, sans-serif;}

/* Contenido de la ficha del producto */

.pro_columna2 {width: 100%; float: left;}
			
	.pro_titulo {width: 100%; margin: 0 0 20px 0; float: left;}
	.pro_subtitulo {width: 100%; margin: 0 0 10px 0; float: left;}
	
	/* Imagen del producto */
	
	.pro_derecha {width: 820px; float: left; background-color: red; height: 150px;}
		
	/* Receta Asociada a la ficha del producto */
	
	.pro_receta {width: 800px; margin: 20px 0 0 0; float: left; padding: 10px;
		background: url(../img/UnsereProdukte/baserecetas.jpg) repeat-x center bottom;}
	
	.pro_receta_titulo {width: 100%; margin: 0 0 10px 0; float: left;}
	
	.pro_receta_izquierda {width: 380px; float: left; margin: 0 0 10px 0;}
		.pro_receta ol {margin: 0 0 0 30px; list-style-type: decimal;}
		.pro_receta li {padding: 0 0 10px 10px;}
	
	.pro_receta_derecha {width: 380px; float: right; margin: 0 0 10px 0;}
	
	
/*** SECCIÓN UNTERNEHMEN ***/

.unt_columna1 {width: 520px; margin: 0 20px 0 0; float: left; }
	.unt_columna1 p {font: 12px/15px Arial, sans-serif;}

.unt_columna2 {width: 280px; float: left;}
	.unt_columna2 p {font: 12px/15px Arial, sans-serif;}


.imagenarriba {margin:  35px 0 0 0;}

/*** SECCIÓN GESUNHEID ***/

.ges_fila1 {width: 820px; float: left;}
	.ges_fila1 p {margin: 0 0 10px 0; float: left;}

.ges_fila2 {width: 820px; float: left;}
	.ges_fila3 p {margin: 0 0 10px 0; float: left;}

.ges_fila3 {width: 820px; float: left;}
	.ges_fila3 p {margin: 0 0 10px 0; float: left;}


.fila2_columna1 {width: 580px; float: left;}

.fila2_columna2 {width: 220px; float: right;}

.fila3_columna1 {width: 220px; float: left;}

.fila3_columna2 {width: 580px; float: right;}

/*** SECCIÓN CONTACTO ***/
		
#con_columna1 {width: 220px; margin: 0 20px 0 0; float: left;}
	#con_columna1 p {margin: 0 0 5px 0; width: 185px;}

#con_columna2 {width: 340px; float: left;}

#con_columna3 {width: 220px; margin: 0 0 0 20px; float: left;}

.con_destacado {width: 200px; height: 135px;}

.con_iconos { width: 11px; margin: 0 5px 0 0; float: left;}

.con_datos {width: 180px; float: left;}


/******************************************* COLORES ***********************************************/

.azul {color: #100f6f;}

.amarillo {color: #e4c600;}

.marron {color: #5a4d00;}

.tirado {color: #454545;}

/******************************************* TIPOGRAFÍAS *******************************************/

.tirado {font: 12px/15px Arial, sans-serif;}

h1 {font: 20px/normal Arial, sans-serif;}

h2 {font: 15px/normal Arial, sans-serif; margin: 0 0 5px 0;}

p {font: 12px/15px Arial, sans-serif;}

.pie {font: 11px/normal Arial, sans-serif;}

.titulo19_sans {font: 19px/normal Arial, sans-serif;}