@charset "UTF-8";
/* CSS Document */

body {	background: #FFF;
		margin:0 0 20px 0;
		padding:0;
}

/*ESTILOS DE DIV*/

#envoltura {width:980px;
			margin: 0 auto;
}

#header {	width: 980px;
			height: 100px;
			margin:0 auto;
			text-align:right;
}

#menu {	width: 980px;
		height: 40px;
		margin:0 auto;
		background: #efeff0;
		border-radius: 8px;
}

#menu_micro {width: 980px;
		height: 40px;
		margin:0 auto;
		border-radius: 8px;
	    background-color: #efeff0;
}

#coldoblemicro {width:620px;
				height:580px;
				background-color:#666;
				border-radius: 8px;
	    		background-color: #efeff0;
				float:right;
				padding-left:20px;
}

#mapaanimado {width: 300px;
			float: left;
			display:block;
}

#video {width: 980px;
		height: 350px;
		margin: 20px auto;
		display:block;
		-moz-border-radius: 10px;-webkit-border-radius: 10px;border-radius: 10px;
}

#video_home {width: 980px;
		height:350px;
		margin:20px auto;
		display:none;

		
}

#videosust {width: 980px;
		height: 350px;
		margin: 20px auto;
		background-image:url(../img/fondovideosust.gif);
		display:block;
}

#videosustmob {width: 980px;
		height: 350px;
		margin: 20px auto;
		display:none;
}

#productssup {width: 980px;
		height: 350px;
		margin: 20px auto;
		display:block;
}

#productssupmob {width: 980px;
		height: 350px;
		margin: 20px auto;
		background-image:url(../img/products_fondo.gif);
		display: none;
}

#contacto {width: 980px;
		height: 350px;
		background-image:url(../img/fondocontacto.gif);
		margin: 20px auto;
}

#companiestom {width: 980px;
		background-image:url(../img/fondocompanies.gif);
		margin: 20px auto;
}

#contenedorhome {	width: 980px;
					margin:0 auto;
}

#footer {	width: 960px;
			height: 95px;
			background-color: #efeff0;
			margin: 20px auto;
			border-radius: 8px;
			float:left;
			padding: 10px;
}

.colmitad {
	width: 490px;
	float:left;
	margin-bottom: 36px;
	background: url(../img/fondo_cajaproducto.png) left top repeat-y;
	border-radius: 10px;
}

#col1 {	width: 320px;
		float:left;
}

#col2 {width: 320px;
		float: left;
		margin-left: 10px;
}

#col3 {	width: 320px;
		float:left;
		margin-left: 10px;
}

#colhome1 {
	width: 296px;
	float:left;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
	background-color: #efeff0;
	padding: 12px;
}

#coldoblehome {
	width: 640px;
	float:right;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
}

#coldoble {	width: 640px;
			height: 160px;
			float:right;
			border-radius: 8px;
			background-color: #efeff0;
			border:1px solid #a5a5a5;
}

#cartacontacto {width: 310px;
			height: 100px;
			float:right;
			border-radius: 8px;
			background-color: #efeff0;
			border:1px solid #a5a5a5;
			margin-top:190px;
}

#cropreport {width: 285px;
			height: 290px;
			float: right;
			border-radius: 8px;
			background-color: #efeff0;
			border:1px solid #a5a5a5;
			padding-left:15px;
			padding-right: 15px;
			padding-top: 200px;
			background-image:url(../img/fondocrop.gif);
			background-repeat:no-repeat;
			margin-bottom: 40px;
			
}

#videohome2 {width: 285px;
			height: 235px;
			float: right;
			border-radius: 8px;
			background-color: #efeff0;
			border:1px solid #a5a5a5;
			padding-left:15px;
			padding-right: 15px;
			padding-top: 15px;
			
}

#biodiversidadseo {width: 479px;
			height: 200px;
			float: left;
			border-radius: 8px;
			background-color: #efeff0;
			border:1px solid #a5a5a5;
			margin-bottom: 20px;
			padding-left: 200px;
			padding-right: 300px;
			background-image: url(../img/sustainability_seo.gif)
			
}

#biodiversidadcarbon {width: 479px;
			height: 200px;
			float: left;
			border-radius: 8px;
			background-color: #efeff0;
			border:1px solid #a5a5a5;
			margin-bottom: 20px;
			padding-left: 200px;
			padding-right: 300px;
			background-image: url(../img/sustainability_carbon.gif)
			
}

#biodiversidadpremio {width: 479px;
			height: 370px;
			float: left;
			border-radius: 8px;
			background-color: #efeff0;
			border:1px solid #a5a5a5;
			margin-bottom: 20px;
			padding-left: 200px;
			padding-right: 300px;
			background-image: url(../img/sustainability_uni.gif)
			
}

#companiesgrande {width:210px;
					height:130px;
					border-radius: 8px;
					background-color: #efeff0;
					border:1px solid #a5a5a5;
					background-image:url(../img/companies_gea.gif);
					margin: 0 auto;
					padding: 120px 100px 0 10px;
}


#productspowder {width: 285px;
			height: 270px;
			float: right;
			border-radius: 8px;
			background-color: #efeff0;
			border:1px solid #a5a5a5;
			padding-left:15px;
			padding-right: 15px;
			padding-top: 200px;
			background-image:url(../img/products_powder.gif);
			background-repeat:no-repeat;
			background-position:top;
			
}
					
#productspaste {width: 285px;
			height: 270px;
			float: right;
			border-radius: 8px;
			background-color: #efeff0;
			border:1px solid #a5a5a5;
			padding-left:15px;
			padding-right: 15px;
			padding-top: 200px;
			background-image:url(../img/products_paste.gif);
			background-repeat:no-repeat;
			background-position:top;
			
}

#productsfresh {width: 285px;
			height: 270px;
			float: right;
			border-radius: 8px;
			background-color: #efeff0;
			border:1px solid #a5a5a5;
			padding-left:15px;
			padding-right: 15px;
			padding-top: 200px;
			background-image:url(../img/products_fresh.gif);
			background-repeat:no-repeat;
			background-position:top;
			
}

#productscorn {width: 285px;
			height: 210px;
			float: right;
			border-radius: 8px;
			background-color: #efeff0;
			border:1px solid #a5a5a5;
			padding-left:15px;
			padding-right: 15px;
			padding-top: 200px;
			background-image:url(../img/products_other.gif);
			background-repeat:no-repeat;
			background-position:top;
			
}

#productspepper {width: 285px;
			height: 210px;
			float: right;
			border-radius: 8px;
			background-color: #efeff0;
			border:1px solid #a5a5a5;
			padding-left:15px;
			padding-right: 15px;
			padding-top: 200px;
			background-image:url(../img/products_pepper.gif);
			background-repeat:no-repeat;
			background-position:top;
			
}

#productsonion {width: 285px;
			height: 210px;
			float: right;
			border-radius: 8px;
			background-color: #efeff0;
			border:1px solid #a5a5a5;
			padding-left:15px;
			padding-right: 15px;
			padding-top: 200px;
			background-image:url(../img/products_onion.gif);
			background-repeat:no-repeat;
			background-position:top;
			
}

#productsolive {width: 285px;
			height: 210px;
			float: right;
			border-radius: 8px;
			background-color: #efeff0;
			border:1px solid #a5a5a5;
			padding-left:15px;
			padding-right: 15px;
			padding-top: 200px;
			background-image:url(../img/products_olive.gif);
			background-repeat:no-repeat;
			background-position:top;
}

#othergea {width: 479px;
			height: 150px;
			float: left;
			border-radius: 8px;
			background-color: #efeff0;
			border:1px solid #a5a5a5;
			margin-bottom: 20px;
			padding-left: 200px;
			padding-right: 300px;
			background-image: url(../img/other_gea.gif)
			
}

#otherifi {width: 479px;
			height: 150px;
			float: left;
			border-radius: 10px;
			background-color: #efeff0;
			margin-bottom: 20px;
			padding-left: 200px;
			padding-right: 300px;
			background-image: url(../img/other_ifi.gif)
			
}

#otherdelirious {width: 479px;
			height: 150px;
			float: left;
			border-radius: 10px;
			background-color: #efeff0;
			margin-bottom: 20px;
			padding-left: 200px;
			padding-right: 300px;
			background-image: url(../img/other_delirious.gif)
			
}

#otherctaex {width: 479px;
			height: 150px;
			float: left;
			border-radius: 10px;
			background-color: #efeff0;
			margin-bottom: 20px;
			padding-left: 200px;
			padding-right: 300px;
			background-image: url(../img/other_ctaex.gif)
			
}

#contother {width: 980px;
		height: 350px;
		margin: 20px auto;
		background-image: url(../img/other_services.jpg);
		border-radius: 10px;
}

#companies_agraz {width: 125px;
					height:150px;
					border-radius: 8px;
					background-color: #efeff0;
					border:1px solid #a5a5a5;
					float:left;
					background-image:url(../img/companies_agraz.gif);
					padding: 100px 90px 0 10px;
}

#companies_agusa {width: 125px;
					height:150px;
					border-radius: 8px;
					background-color: #efeff0;
					border:1px solid #a5a5a5;
					float:left;
					margin-left:20px;
					background-image:url(../img/companies_agusa.gif);
					padding: 100px 90px 0 10px;
}

#companies_agroex {width:125px;
					height:150px;
					border-radius: 8px;
					background-color: #efeff0;
					border:1px solid #a5a5a5;
					float:left;
					margin-left:20px;
					background-image:url(../img/companies_agroex.gif);
					padding: 100px 90px 0 10px;
}

#companies_xian {width:125px;
				height:150px;
				border-radius: 8px;
				background-color: #efeff0;
				border:1px solid #a5a5a5;
				float:left;
				margin-left:20px;
				background-image:url(../img/companies_xian.gif);
				padding: 100px 90px 0 10px;
}

#cuadrorojo1 {
	width: 110px;
	height: 110px;
	background: url(../img/fondo_cuadrogen.jpg) center top no-repeat;
	float:left;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
	margin: 0 22px 20px 0;
	-webkit-transition: all .3s ease-in-out;
	-moz-transition: all .3s ease-in-out;
	-o-transition: all .3s ease-in-out;
	transition: all .3s ease-in-out;
}

#cuadrorojo1:hover {
	width: 110px;
	height: 110px;
	background: url(../img/fondo_cuadro1.jpg) center top no-repeat;
	float:left;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
	margin: 0 22px 20px 0;
}

#cuadrorojo2 {
	width: 110px;
	height: 110px;
	background: url(../img/fondo_cuadrogen.jpg) center top no-repeat;
	float:left;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
	margin: 0 22px 20px 0;
	-webkit-transition: all .3s ease-in-out;
	-moz-transition: all .3s ease-in-out;
	-o-transition: all .3s ease-in-out;
	transition: all .3s ease-in-out;
}

#cuadrorojo2:hover {
	width: 110px;
	height: 110px;
	background: url(../img/fondo_cuadro2.jpg) center top no-repeat;
	float:left;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
	margin: 0 22px 20px 0;
}

#cuadrorojo3 {
	width: 110px;
	height: 110px;
	background: url(../img/fondo_cuadrogen.jpg) center top no-repeat;
	float:left;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
	margin: 0 22px 20px 0;
	-webkit-transition: all .3s ease-in-out;
	-moz-transition: all .3s ease-in-out;
	-o-transition: all .3s ease-in-out;
	transition: all .3s ease-in-out;
}

#cuadrorojo3:hover {
	width: 110px;
	height: 110px;
	background: url(../img/fondo_cuadro3.jpg) center top no-repeat;
	float:left;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
	margin: 0 22px 20px 0;
}

#cuadrorojo4 {
	width: 110px;
	height: 110px;
	background: url(../img/fondo_cuadrogen.jpg) center top no-repeat;
	float:left;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
	margin: 0 22px 20px 0;
	-webkit-transition: all .3s ease-in-out;
	-moz-transition: all .3s ease-in-out;
	-o-transition: all .3s ease-in-out;
	transition: all .3s ease-in-out;
}

#cuadrorojo4:hover {
	width: 110px;
	height: 110px;
	background: url(../img/fondo_cuadro4.jpg) center top no-repeat;
	float:left;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
	margin: 0 22px 20px 0;
}

#cuadrorojo5 {
	width: 110px;
	height: 110px;
	background: url(../img/fondo_cuadrogen.jpg) center top no-repeat;
	float:left;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
	margin: 0 22px 20px 0;
	-webkit-transition: all .3s ease-in-out;
	-moz-transition: all .3s ease-in-out;
	-o-transition: all .3s ease-in-out;
	transition: all .3s ease-in-out;
}

#cuadrorojo5:hover {
	width: 110px;
	height: 110px;
	background: url(../img/fondo_cuadro5.jpg) center top no-repeat;
	float:left;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
	margin: 0 22px 20px 0;
}

.cajacompany {
	width: 956px;
	height: 200px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
	background-color: #efeff0;
	padding: 12px;
	overflow:hidden;
	margin-bottom: 20px;
}

.contenidocompany {
	width: 752px;
	float:right;
}

.contenido_se { display:none}

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

.cajamenu {
	width: 139px;
	height: 40px;
	float:left;
	text-align:center;
}

#separador {width: 40px;
			height: 40px;
			float:left;
}

/*--------------------------------------ESTILOS DE TEXTO------------------------------------*/

h1 {font-size:22px;
	font-family: 'Noto Sans', sans-serif;
	line-height: 18px;
	color: #b40015;
	font-weight:bold;
}

h2 {	font-size:14px;
		font-family: 'Noto Sans', sans-serif;
		line-height: 18px;
		color: #b40015;
		font-weight:bold;
		display:inline;
}

.txtbase {	font-size:14px;
			font-family: 'PT Sans', sans-serif;
			line-height: 18px;
			color: #666;
			letter-spacing: -0.02em;
}

.txtbase_productos {
	font-size:14px;
	font-family: 'PT Sans', sans-serif;
	color: #666;
	letter-spacing: -0.02em;
	vertical-align:top;
	line-height:1.3em;
	text-align:left;
	margin-left: 36px;
}

.txtbase_cuadros {
	font-size:12px;
	font-family: 'PT Sans', sans-serif;
	color: #FFF;
	margin: 70px 6px 0 6px;
	font-weight:bold
}

.txtbaseresaltado {	font-size:14px;
					font-family: 'PT Sans', sans-serif;
					line-height: 18px;
					color: #b40015;
					font-weight:bold;
}

ul {font-size:14px;
	font-family: Arial, Helvetica, sans-serif;
	line-height: 25px;
	color: #e2001a;
	font-weight:bold;
	text-decoration:none;
}

ul a:link {font-size:14px;
	font-family: Arial, Helvetica, sans-serif;
	line-height: 25px;
	color: #e2001a;
	font-weight:bold;
	text-decoration:none;
}

ul a:visited {font-size:14px;
	font-family: Arial, Helvetica, sans-serif;
	line-height: 25px;
	color: #e2001a;
	font-weight:bold;
	text-decoration:none;
}

ul a:hover {font-size:14px;
	font-family: Arial, Helvetica, sans-serif;
	line-height: 25px;
	color: #603;
	font-weight:bold;
	text-decoration:none;
}

li { margin-left: -10px;
}

.txtfooter {font-size:11px;
			font-family: 'PT Sans', sans-serif;
			color: #333;
			padding: 0 0 0 15px;
			text-align:center;
}

.txtmenu a:link {
	font-size:14px;
	line-height: 10px;
	font-family: Arial, Helvetica, sans-serif;
	color: #999;
	font-weight:bold;
	text-align:center;
	text-decoration:none;
	-webkit-transition: all .2s ease-in-out;
	-moz-transition: all .2s ease-in-out;
	-o-transition: all .2s ease-in-out;
	transition: all .2s ease-in-out;
	-ms-transform: translate(0px,0px); /* IE 9 */
	-webkit-transform: translate(0px,0px); /* Chrome, Safari, Opera */
	transform: translate(0px,0px);
}

.txtmenu a:hover {
	font-size:14px;
	font-family: Arial, Helvetica, sans-serif;
	color: #e2001a;
	font-weight:bold;
	text-align:center;
	text-decoration:none;
	-webkit-transition: all .2s ease-in-out;
	-moz-transition: all .2s ease-in-out;
	-o-transition: all .2s ease-in-out;
	transition: all .2s ease-in-out;
	-ms-transform: translate(0px,-1px); /* IE 9 */
	-webkit-transform: translate(0px,-1px); /* Chrome, Safari, Opera */
	transform: translate(0px,-1px);
}

.txtmenu a:hover:visited {color: #e2001a;}

.txtmenu a:visited {color: #999;}

.txtmenublanco {
	font-size:14px;
	font-family: Arial, Helvetica, sans-serif;
	color: #FFF;
	text-align:center;
	line-height: 12px;
	font-weight:bold;
}


/*---ESTILOS SLIDESHOW---*/

#slideshowWrapper{position:relative;width:980px;margin:auto;}
#fssPrev{position:absolute;top:169px;left:-67px;background:url(arrows.png) -67px 0px;width:67px;height:143px;text-indent:-999999px; display:none;}
#fssNext{position:absolute;top:169px;left:646px;background:url(arrows.png) no-repeat;width:67px;height:143px;text-indent:-999999px; display:none;}
#fssPlayPause{position:absolute;top:435px;right:20px;background:url(white.png) repeat;padding:4px 0 5px 0;-moz-border-radius:5px;border-radius:5px;width:60px;text-align:center;display:block;color:#333;text-decoration:none; display:none;}

ul#slideshow{list-style:none;border:0px;padding:0px;margin:auto;margin-top: 0;width:640px;height:480px;overflow:hidden;-moz-border-radius: 10px;-webkit-border-radius: 10px;border-radius: 10px;
}

#fssList{list-style:none;width:646px;margin:auto;padding:5px 0 0 45%;display:none;}
#fssList li{display:inline;padding-right:10px;display:none;}
#fssList li a{color:#999;text-decoration:none;display:none;}
#fssList li.fssActive a{font-weight:bold;color:#333;display:none;}

/*-------------MAPA HOME-------------------*/

#mapa_home {
	width: 640px;
	height: 328px;
	background:#FFF url(../img/mapahome.jpg);
	overflow:hidden;
}

.opacidad {opacity: 0}

.opacidad:hover {opacity: 1; -webkit-transition: all .3s ease-in-out;
	-moz-transition: all .3s ease-in-out;
	-o-transition: all .3s ease-in-out;
	transition: all .3s ease-in-out;}
	
.opacidad_icono {
	opacity: 1;
	-webkit-transition: all .1s ease-in-out;
	-moz-transition: all .1s ease-in-out;
	-o-transition: all .1s ease-in-out;
	transition: all .1s ease-in-out;
	}

.opacidad_icono:hover {
	opacity: 0.2;
	-webkit-transition: all .3s ease-in-out;
	-moz-transition: all .3s ease-in-out;
	-o-transition: all .3s ease-in-out;
	transition: all .3s ease-in-out;
	}