/* CSS Document */

body {
	margin:0;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#333;
	background:#FFF url(../imagenes/contenido_fondo_2.jpg) center top repeat-y;
}

body * {
	margin:0;
	padding:0;
	outline:0;
}

ul {
	margin:0;
	padding:0;
}

li {
	list-style-type:none;
}

a img {
	border:0;
}

/* ------------------------------------------------ */

body.inicio {
	background:#FFF;
}

#contenido_inicio {
	width:770px;
	height:auto;
	overflow:auto;
	margin:20px auto 0 auto;
	padding:30px 10px 10px 10px;
	border:#CCC 1px solid;
	text-align:center;
}

	#contenido_inicio #menu_idioma {
		text-align:right;
		padding-right:100px;
	}
	
		#contenido_inicio #menu_idioma a {
			text-decoration:none;
			color:#999;
		}
		
		#contenido_inicio #menu_idioma a:hover {
			color:#000;
		}

	#menu_inicio {
		width:770px;
		height:130px;
		margin:80px 0 20px 0;
		border-bottom:#CCC 1px solid;
	}
	
		#menu_inicio ul {
			width:650px;
			height:auto;
			overflow:auto;
			margin:30px auto 0 auto;
		}
	
		#menu_inicio ul li {
			display:block;
			float:left;
			width:150px;
			margin:0 5px;
			height:200px;
		}
		
			#menu_inicio ul li h4 {
				font-size:1.0em;
				width:120px;
				height:21px;
				margin:0;
				padding:0 0 5px 20px;
				text-align:left;
			}
		
			#menu_inicio ul li.verde h4 {
				background:url(../imagenes/menu_verde.gif) 0 0 no-repeat;
			}
			
			#menu_inicio ul li.naranja h4 {
				background:url(../imagenes/menu_naranja.gif) 0 0 no-repeat;
			}
			
			#menu_inicio ul li.rojo h4 {
				background:url(../imagenes/menu_rojo.gif) 0 0 no-repeat;
			}
			
			#menu_inicio ul li.azul h4 {
				background:url(../imagenes/menu_azul.gif) 0 0 no-repeat;
			}
			
			#menu_inicio ul li a {
				display:block;
				margin-left:27px;
				text-decoration:none;
				color:#333;
				text-align:left;
			}
			
			#menu_inicio ul li a:hover {
				color:#990000;
			}
			
			
	#texto_info_inicio {
		color:#888;
	}
	
	#marcas_inicio {
		text-align:center;
	}

/* --- */

#contenido {
	width:770px; /* 725 */
	height:auto;
	overflow:auto;
	margin:0 auto;
	padding:30px 0 0 0;
}

	/* CONT_IZQ */
	
	#cont_izq {
		position:fixed;
		float:left;
		width:254px;
		height:auto;
		overflow:auto;
	}
	
		/* LOGO */
		
		#logo {
			margin-left:5px;
		}
		
		#cont_izq #menu_idioma {
			text-align:right;
			padding-right:70px;
		}
		
			#cont_izq #menu_idioma a {
				text-decoration:none;
				color:#999;
			}
			
			#cont_izq #menu_idioma a:hover {
				color:#000;
			}
	
		/* MENU PRINCIPAL */
	
		#menu {
			float:right;
			width:190px;
			margin:20px 0 0 0;
		}
	
			#menu ul {
				width:190px;
				margin:0;
				padding:0;
			}
			
				#menu ul li ul {
					width:140px;
					margin:5px 0 10px 50px;
					margin-left:50px;
				}
				
			#menu a {
				color:#333333;
				text-decoration:none;
			}
		
			#menu a:hover {
				color:#990000;
			}
		
			#menu h4 {
				width:170px;
				height:21px;
				margin:0 0 0 0;
				padding:0 0 0 20px;
				font-size:1.0em;
			}
		
			#menu ul.verde h4 {
				background:url(../imagenes/menu_verde.gif) 0 0 no-repeat;
			}
			
			#menu ul.naranja h4 {
				background:url(../imagenes/menu_naranja.gif) 0 0 no-repeat;
			}
			
			#menu ul.rojo h4 {
				background:url(../imagenes/menu_rojo.gif) 0 0 no-repeat;
			}
		
			#menu ul.azul h4 {
				background:url(../imagenes/menu_azul.gif) 0 0 no-repeat;
			}
		
			/* Para marcar secciones */
			body.quienes_somos #menu ul li a.quienes_somos, 
			body.who_we_are #menu ul li a.quienes_somos, 
			body.productos #menu ul li a.productos, 
			body.products #menu ul li a.productos, 
			body.comercializacion #menu ul li a.comercializacion, 
			body.comercialization #menu ul li a.comercializacion, 
			body.contacto #menu ul li a.contacto, 
			body.contact #menu ul li a.contacto, 
			body.enviado #menu ul li a.contacto, 
			body.sent #menu ul li a.contacto {
				font-weight:bold; 
				color:#990000;
			}
			
			/* Para marcar subsecciones */
			body.marcas #menu ul li ul li a.marcas, 
			body.our_brands #menu ul li ul li a.marcas {
				font-weight:bold;
				color:#990000;
			}
			
			body.localizacion #menu ul li ul li a.localizacion, 
			body.location #menu ul li ul li a.localizacion {
				font-weight:bold; 
				color:#990000;
			}
			
			body.variedades_peras #menu ul li ul li a.variedades, 
			body.varieties_pears #menu ul li ul li a.variedades, 
			body.variedades_manzanas #menu ul li ul li a.variedades, 
			body.varieties_apples #menu ul li ul li a.variedades, 
			body.variedades_duraznos #menu ul li ul li a.variedades, 
			body.varieties_peaches #menu ul li ul li a.variedades, 
			body.variedades_ciruelas #menu ul li ul li a.variedades, 
			body.varieties_plums #menu ul li ul li a.variedades {
				font-weight:bold; 
				color:#990000;
			}
			
			body.fecha_cosecha #menu ul li ul li a.fecha_cosecha, 
			body.disponibilidad #menu ul li ul li a.disponibilidad, 
			body.availability #menu ul li ul li a.disponibilidad, 
			body.trazabilidad #menu ul li ul li a.trazabilidad, 
			body.traceability #menu ul li ul li a.trazabilidad, 
			body.empaque #menu ul li ul li a.empaque, 
			body.package #menu ul li ul li a.empaque, 
			body.mercado #menu ul li ul li a.mercado {
				font-weight:bold; 
				color:#990000;
			}
			
		/* [FIN MENU PRINCIPAL] */
		
		
		/* TEXTO INFO */
		
		#texto_info {
			float:right;
			width:250px;
			height:auto;
			overflow:auto;
			margin-top:10px;
			text-align:center;
			color:#888;
		}
		
		/* [FIN TEXTO INFO] */
	
	/* CONT_DER */
	
	#cont_der {
		float:right;
		width:470px; /* 425 */
		height:auto;
		overflow:auto;
		margin:0 20px 0 0;
		padding:0 0 20px 0;
		_margin-right:10px; /* IE */
	}
	
		div.scroll_contenido {
			height:350px;
			overflow:auto;
			margin-right:10px;
		}
	
	
		#cont_der h1 {
			width:440px; /* 430px */
			height:36px; /* 19px */
			margin:0 0 20px 0;
			padding:0 0 0 30px;
			font-size:1.0em;
		}
		
		body.quienes_somos #cont_der h1, 
		body.who_we_are #cont_der h1, 
		body.inicio #cont_der h1, 
		body.home #cont_der h1, 
		body.marcas #cont_der h1, 
		body.our_brands #cont_der h1, 
		body.localizacion #cont_der h1, 
		body.location #cont_der h1 {
			background:url(../imagenes/h1_verde.jpg) right bottom no-repeat;
		}
		
		body.productos #cont_der h1, 
		body.products #cont_der h1 {
			background:url(../imagenes/h1_naranja.jpg) right bottom no-repeat;
		}
		
		body.variedades_peras #cont_der h1, 
		body.varieties_pears #cont_der h1, 
		body.variedades_manzanas #cont_der h1, 
		body.varieties_apples #cont_der h1, 
		body.variedades_duraznos #cont_der h1, 
		body.varieties_peaches #cont_der h1,
		body.variedades_ciruelas #cont_der h1, 
		body.varieties_plums #cont_der h1 {
			background:url(../imagenes/h1_naranja.jpg) right bottom no-repeat;
		}
		
		body.fecha_cosecha #cont_der h1, 
		body.disponibilidad #cont_der h1, 
		body.availability #cont_der h1, 
		body.trazabilidad #cont_der h1, 
		body.traceability #cont_der h1, 
		body.empaque #cont_der h1, 
		body.package #cont_der h1 {
			background:url(../imagenes/h1_naranja.jpg) right bottom no-repeat;
		}
		
		body.comercializacion #cont_der h1, 
		body.comercialization #cont_der h1, 
		body.mercado #cont_der h1 {
			background:url(../imagenes/h1_rojo.jpg) right bottom no-repeat;
		}
		
		body.contacto #cont_der h1, 
		body.contact #cont_der h1, 
		body.enviado #cont_der h1, 
		body.sent #cont_der h1 {
			background:url(../imagenes/h1_azul.jpg) right bottom no-repeat;
		}
		
		#cont_der h2 {
			margin:10px 30px 5px 10px;
			font-size:1.1em;
		}
		
		#cont_der p {
			overflow:auto;
			margin:0 30px 30px 10px;
			font-size:1.1em;
			text-align:justify;
			color:#888;
		}
		
		#cont_der p.centrado {
			text-align:center;
		}
			
			#cont_der p img {
				float:left;
				margin:0 8px 0 0;
			}
			
			#cont_der p.centrado img {
				float:none;
				margin:0;
			}
		
		/* Menú de Variedades en la página Producto */
			
		#menu_variedades {
			margin-right:10px;
			margin-bottom:10px;
			padding:3px;
			border:#CCC 1px solid;
			background:#EFEFEF;
		}
		
			#menu_variedades h4 {
				display:inline;
				font-size:1.0em;
				padding-right:10px;
			}
			
			#menu_variedades a {
				padding-right:10px;
				text-decoration:none;
				color:#333333;
			}
			
			body.variedades_peras #menu_variedades a.peras, 
			body.varieties_pears #menu_variedades a.peras, 
			body.variedades_manzanas #menu_variedades a.manzanas, 
			body.varieties_apples #menu_variedades a.manzanas, 
			body.variedades_duraznos #menu_variedades a.duraznos, 
			body.varieties_peaches #menu_variedades a.duraznos, 
			body.variedades_ciruelas #menu_variedades a.ciruelas, 
			body.varieties_plums #menu_variedades a.ciruelas {
				font-weight:bold; 
				color:#ED9B47;
			}
			
			#menu_variedades a:hover {
				color:#990000;
			}
			
			
#friendly {
	width:770px;
	margin:0 auto;
	text-align:center;
}

#friendly_int {
	position:absolute;
	bottom:0;
	right:0;
	width:30px;
	height:30px;
	margin:70px auto 0 auto;
	text-align:left;
}

	#friendly_int a {
		font-size:0.9em;
		text-decoration:none;
		color:#999999;
	}
	
	#friendly_int a:hover {
		color:#333333;
	}
			
/* ------------------------------------------------------------ */
/* LOCALIZACION                                                 */
/* ------------------------------------------------------------ */

.localizacion div#mapa, 
.location div#mapa {
	width:auto;
	height:478px;
	margin:0 0 20px 0;
	padding:0;
	background:#FFF url(../imagenes/graficos/mapa-arg.jpg) center top no-repeat;
}

.localizacion #link_1, 
.location #link_1 {
	padding-top:188px;
	padding-left:140px;
}

.localizacion #link_2, 
.location #link_2 {
	padding-top:35px;
	padding-left:154px;
}

	.localizacion #link_1 a,
	.location #link_1 a,
	.localizacion #link_2 a, 
	.location #link_2 a {
		display:block;
		width:22px;
		height:20px;
	}

/* ------------------------------------------------------------ */
/* CONTACTO                                                     */
/* ------------------------------------------------------------ */

.contacto #cont_der form, 
.contact #cont_der form {
	margin:0 0 0 10px;
}

.contacto #cont_der input, 
.contact #cont_der input, 
.contacto #cont_der textarea, 
.contact #cont_der textarea {
	font-family:Arial, Helvetica, sans-serif;
	font-size:1.0em;
}

.contacto #cont_der input.txt, 
.contact #cont_der input.txt {
	width:250px;
}

.contacto #cont_der textarea, 
.contact #cont_der textarea {
	width:250px;
	height:100px;
}

.contacto #cont_der input.btn, 
.contact #cont_der input.btn {
	width:50px;
}

.contacto #cont_der li, 
.contact #cont_der li {
	margin-bottom:5px;
}

.contacto #cont_der label, 
.contact #cont_der label {
	display:block;
	float:left;
	width:100px;
}

.enviado #cont_der p.enviado, 
.sent #cont_der p.enviado {
	padding:5px;
	border:#CCC 1px solid;
}