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


* {
	margin: 0;
	border:0;
	
}
html, body {
width:100%;
margin:auto;
text-align:center;
font-family:Verdana, Arial, Helvetica, sans-serif;
}

a {
	text-decoration: none;
	outline:none
}

a:hover{
	text-decoration: none;
	outline:none;
}

a:active{
	text-decoration: none;
	outline:none;
}


#container {
	width:100%;
	background-image:url(imagenes/fondosur2.jpg);
	background-position:center bottom;
	background-repeat:no-repeat;
	float:left;
	margin:auto;
	text-align:center;
}

#cabecera {
	background-image:url(imagenes/cielo.jpg);
	background-position:top;
	background-repeat:repeat-x;
	width:100%;
	float:left;
	margin:auto;
	text-align:center;

}
#nube {
	background-image:url(imagenes/nube.jpg);
	background-position: right top;
	background-repeat: no-repeat;
	width:100%;
	float: left;
	margin:auto;
	text-align:center;
}

#central {
	width: 800px;	
	margin: auto;
	text-align: center;
}

.arribanube {
	width: 800px;
	height: 70px;
	margin: auto;
	text-align: center;
	float: left;
}

.abajopaisaje {
	width: 800px;
	height: 50px;
	margin: auto;
	text-align: center;
	float:left;
}

.roja {
	width: 800px;
	height: 130px;
	background-image:url(imagenes/fondoroja2.jpg);
	background-repeat:repeat-x;
		float:left;
		clear:both;
}
.fotoroja {
	width: 600px;
	height:100px;
	float:left;
	text-align:left;
}
.idioma {
	width:190px;
	height:95px;
	text-align:right;
	float:left;
	font-size:11px;
	color:#FFFFFF;
	padding-right:10px;
	padding-top:5px;
}
.idioma a{
	text-decoration: none;
	color: #FFFFFF;
	outline:none;
}

.idioma a:hover{
	text-decoration: none;
	color: #FFFF00;
	outline:none;
}

.menuletras {
	float:left;
	width: 780px;
	height: 30px;
	text-align:right;
	float:left;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 17px;
	color:#FFFFFF;
	padding-right:20px;

}

.menuletras a{
	text-decoration: none;
	color: #FFFFFF;
	outline:none;
}

.menuamarillo a{
	text-decoration: none;
	color: #FFFF00;
	outline:none;
}
.menuletras a:hover{
	text-decoration: none;
	color: #FFFF00;
	outline:none;
}
.menuletras a:active{
	text-decoration: none;
	color: #FFFF00;
	outline:none;
}

.menuletras a:focus{
	text-decoration: none;
	color: #FFFF00;
	outline:none;
}

.contenido {
	width:796px;
	height:710px;
	margin: auto;
	text-align:center;
	border-left:#999999 solid 2px;
	border-right:#999999 solid 2px;
	background-color:#FFFFFF;
	float:left;
}

.contenidoaviso {
	width:796px;
	height:600px;
	margin: auto;
	text-align:center;
	border-left:#999999 solid 2px;
	border-right:#999999 solid 2px;
	background-color:#FFFFFF;
	float:left;
}
.contenidoempresa {
	width:796px;
	height:740px;
	margin: auto;
	text-align:center;
	border-left:#999999 solid 2px;
	border-right:#999999 solid 2px;
	background-color:#FFFFFF;
	float:left;
}

.contenidohistoria {
	width:796px;
	height:810px;
	margin: auto;
	text-align:center;
	border-left:#999999 solid 2px;
	border-right:#999999 solid 2px;
	background-color:#FFFFFF;
	float:left;
}

.contenidoternera {
	width:796px;
	height:710px;
	margin: auto;
	text-align:center;
	border-left:#999999 solid 2px;
	border-right:#999999 solid 2px;
	background-color:#FFFFFF;
	float:left;
}

.contenidoproceso {
	width:796px;
	height:830px;
	margin: auto;
	text-align:center;
	border-left:#999999 solid 2px;
	border-right:#999999 solid 2px;
	background-color:#FFFFFF;
	float:left;
}

.contenidocalidad {
	width:796px;
	height:810px;
	margin: auto;
	text-align:center;
	border-left:#999999 solid 2px;
	border-right:#999999 solid 2px;
	background-color:#FFFFFF;
	float:left;
}

.contenidocontacto {
	width:796px;
	height:710px;
	margin: auto;
	text-align:center;
	border-left:#999999 solid 2px;
	border-right:#999999 solid 2px;
	background-color:#FFFFFF;
	float:left;
}


.separador {
	width: 796px;
	height:10px;
	float:left;
	background-color:#FFFFFF;
}

.separadorabajo {
	width: 796px;
	height:50px;
	float:left;
	background-color:#FFFFFF;
}

.espacioblanco2 {
	width: 776px;
	height:55px;
	float:left;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 32px;
	text-align: left;
	color:#66CC00;
	padding-left:20px;
	padding-top:40px;
	background-color:#FFFFFF;
	}
	
.bienvenidos {
	width: 510px;
	height: 215px;
	background-color:#FFF;
	background-image:url(imagenes/bienvenidos1.jpg);
	background-position:left center;
	background-repeat:no-repeat;
	float:left;
	}



.bientrans {
	width: 40px;
	height: 215px;
	float:left;
}

.bientrans1 {
	width: 185px;
	height: 215px;
	float:left;
}

.bientexto {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-align: justify;
	color:#FFFFFF;
	float:left;
	width:285px;
	padding-top:100px;
}

.bientexto a {
	text-decoration: none;
	color: #FFFFFF;
	outline:none
}

.bientexto a:hover{
	text-decoration: none;
	color: #FFFFFF;
	outline:none;
}
.bientexto a:active{
	text-decoration: none;
	color: #FFFFFF;
	outline:none;
}
.telefonoinicio {
	width: 286px;
	height: 215px;
	float: left;
	background-image:url(imagenes/telefono1.png);
	background-repeat:no-repeat;
	background-color:#FFFFFF;
}

.telefono {
	width: 286px;
	height: 215px;
	float: left;
	background-image:url(imagenes/telefono1.png);
	background-repeat:no-repeat;
	background-color:#FFFFFF;
}

.telefonotrans {
	width: 286px;
	height: 110px;
	float: left;
}

.telefonotexto {
	float: left;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-align: justify;
	color:#FFFFFF;
	padding-left: 60px;
	padding-right: 40px;
	width:186px;
}
.amarillo {
	color: #FFFF00;
}
.amarillopeq {
	color: #FFFF00;
	font-size:0.8em;
}


.telefonotexto a {
	text-decoration: none;
	color: #FFFFFF;
	outline:none;
}

.telefonotexto a:hover{
	text-decoration: none;
	color: #FFCC00;
	outline:none;
}
.telefonotexto a:active{
	text-decoration: none;
	color: #FFCC00;
	outline:none;
}


.texto {
	width: 796px;
	height:210px;
	float:left;
	background-color:#FFFFFF;
}

.paisaje {
	width: 796px;
	height:130px;
	background-image: url(imagenes/paisaje2.jpg);
	background-position:center bottom;
	background-repeat:no-repeat;
	float:left;
		
}
.caja1 {
	width: 265px;
	float:left
}
.caja2 {
	width: 265px;
	float:left;
}
.caja3 {
	width: 265px;
	float:left;
}
.cartel1 {
	height: 45px;
	background-image: url(imagenes/banerterne.png);
	background-position: left top;
	background-repeat: no-repeat;
}
.cartel2 {
	height: 45px;
	background-image: url(imagenes/banerproces.png);
	background-position: center top;
	background-repeat: no-repeat;
}
.cartel3 {
	height: 45px;
	background-image: url(imagenes/banercali.png);
	background-position: right top;
	background-repeat: no-repeat;
}
.texto1 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-align: justify;
	padding-left: 20px;
	padding-right: 20px;
	padding-top: 5px;
	
}

.rojo {
	color: #CC0000;
}

.rojopeq {
	color: #CC0000;
	font-size:0.8em;
}

.texto1 a {
	text-decoration: none;
	color: #000000;
	outline:none
}

.texto1 a:hover{
	text-decoration: none;
	color: #000000;
	outline:none;
}
.texto1 a:active{
	text-decoration: none;
	color: #000000;
	outline:none;
}

.producto {
	width: 510px;
	background-color:#FFF;
	background-image:url(imagenes/producto.jpg);
	background-position:left top;
	background-repeat:no-repeat;
	float:left;
	}
	
.productotrans {
	width: 40px;
	height: 520px;
	float:left;
}

.productotrans1 {
	width: 185px;
	height: 520px;
	float:left;
}

.productotexto {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-align: justify;
	color:#FFFFFF;
	float:left;
	width:285px;
	padding-top:100px;
}

.productoderecha {
	width: 286px;
	float:left;
	background-color:#FFFFFF;
	height:520px;
}


.espacioprod {
	width: 286px;
	height: 20px;
	float: left;

}
.caja3prod {
	width: 286px;
	float:left;
	background-color:#FFFFFF;
}

.caja3prod a {
	text-decoration: none;
	color: #000000;
	outline:none
}

.caja3prod a:hover{
	text-decoration: none;
	color: #000000;
	outline:none;
}
.caja3prod a:active{
	text-decoration: none;
	color: #000000;
	outline:none;
}


.cartelprod {
	height: 45px;
	background-image: url(imagenes/banerprecio.png);
	background-position: right top;
	background-repeat: no-repeat;
}



.texto1prod {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-align: justify;
	padding-left: 40px;
	padding-right: 20px;
	padding-top: 5px;

}
.texto1prodprecio {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	text-align: justify;
	padding-left: 40px;
	padding-right: 20px;
	padding-top: 5px;

}

.texto1prodprecio table {
	font-size: 0.9em;

	
}
.texto1prodprecio td{
	border: #999 solid 1px;
}
.texto1prodprecio th{
	border: #999 solid 1px;
}

.calidad{
	width: 510px;
	background-color:#FFF;
	background-image:url(imagenes/calidad.jpg);
	background-position:left top;
	background-repeat:no-repeat;
	float:left;
	}
	
.calidadtrans {
	width: 40px;
	height: 620px;
	float:left;
}

.calidadtrans1 {
	width: 185px;
	height: 620px;
	float:left;
}
.calidadderecha {
	width: 286px;
	height: 620px;
	float:left;
	background-color:#FFFFFF;
}
.espaciocalidad {
	width: 286px;
	height: 30px;
	float: left;
}
.cartelcali {
	height: 45px;
	background-image: url(imagenes/banermadura.png);
	background-position: right top;
	background-repeat: no-repeat;
}

.cartelternecali {
	height: 45px;
	background-image: url(imagenes/banerternecali.png);
	background-position: right top;
	background-repeat: no-repeat;
}

.proceso{
	width: 510px;
	background-color:#FFF;
	background-image:url(imagenes/proceso.jpg);
	background-position:left top;
	background-repeat:no-repeat;
	float:left;
	}
.procesotrans {
	width: 40px;
	height: 470px;
	float:left;
}

.procesotrans1 {
	width: 185px;
	height: 470px;
	float:left;
}	

.procesoderecha {
	width: 286px;
	float:left;
	background-color:#FFFFFF;
	height: 470px;
}

#timeline {
	width: 796px;
	height: 220px;
	float: left;
	background-color:#FFF
	}

.venta {
	width: 510px;
	background-color:#FFF;
	background-image:url(imagenes/venta.jpg);
	background-position:left top;
	background-repeat:no-repeat;
	float:left;
	}
	
.ventatrans {
	width: 40px;
	height: 520px;
	float:left;
}

.ventatrans1 {
	width: 185px;
	height: 520px;
	float:left;
}
	
.ventaderecha {
	width: 286px;
	float:left;
	background-color:#FFFFFF;
	height:520px;
}

.cartelventa {
	height: 45px;
	background-image: url(imagenes/banerventa.png);
	background-position: right top;
	background-repeat: no-repeat;
}

.espacioventa {
	width: 286px;
	height: 20px;
	float: left;

}

.contacto {
	width: 510px;
	background-color:#FFF;
	background-image:url(imagenes/contacte.jpg);
	background-position:left top;
	background-repeat:no-repeat;
	float:left;
	}

.cartelcontacto {
	height: 45px;
	background-image: url(imagenes/banerlocalizacion.png);
	background-position: right top;
	background-repeat: no-repeat;
}

.contactotrans {
	width: 40px;
	height: 520px;
	float:left;
}
.contactotexto {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-align: justify;
	color:#FFFFFF;
	float:left;
	width:445px;
	padding-top:100px;
}
.contactotrans1 {
	width: 20px;
	height: 520px;
	float:left;
}

.contactoderecha {
	width: 286px;
	float:left;
	background-color:#FFFFFF;
	height:520px;
}
.espaciocontacto {
	width: 286px;
	height: 15px;
	float: left;

}

#formulario {
	padding-right: 50px;
	text-align:right;
	}
	
.alineaizquierda {
	padding-right:268px;
	}
	
.empresa {
	width: 510px;
	height: 600px;
	background-color:#FFF;
	background-image:url(imagenes/empresa.jpg);
	background-position:left top;
	background-repeat:no-repeat;
	float:left;
	}
	
.empresatrans {
	width: 40px;
	height: 450px;
	float:left;
}

.empresatrans1 {
	width: 185px;
	height: 450px;
	float:left;
}

#separaesquemaempresa {
width:20px;
height:150px;
float:left;}
#empresaesquema {
width:490px;
height:150px;
float:left;
}

.empresaderecha {
	width: 286px;
	float:left;
	background-color:#FFFFFF;
	height:600px;
}
.telefonoempresa {
	width: 286px;
	height: 540px;
	float: left;
	background-image:url(imagenes/telefono1.png);
	background-repeat:no-repeat;
	background-color:#FFFFFF;
}

.cartelhistoria {
	height: 45px;
	background-image: url(imagenes/banerhistoria.png);
	background-position: right top;
	background-repeat: no-repeat;
}
.maduracion{
	width: 510px;
	background-color:#FFF;
	background-image:url(imagenes/maduracion.jpg);
	background-position:left top;
	background-repeat:no-repeat;
	float:left;
	}
	
.maduraciontrans {
	width: 40px;
	height: 460px;
	float:left;
}

.maduraciontrans1 {
	width: 185px;
	height: 460px;
	float:left;
}	
.separaesquema {
	width:20px;
	height:160px;
	float:left;}
.maduracionesquema {
	width:490px;
	height:160px;
	float:left;}
.cartelmadura {
	height: 45px;
	background-image: url(imagenes/banercali.png);
	background-position: right top;
	background-repeat: no-repeat;
}
.historia {
	width: 510px;
	background-color:#FFF;
	background-image:url(imagenes/historia.jpg);
	background-position:left top;
	background-repeat:no-repeat;
	float:left;
	}
	
.historiatrans {
	width: 40px;
	height: 450px;
	float:left;
}

.historiatrans1 {
	width: 185px;
	height: 450px;
	float:left;
}	
.cartelempresa {
	height: 45px;
	background-image: url(imagenes/banerempresa.png);
	background-position: right top;
	background-repeat: no-repeat;
}
.historiaderecha {
	width: 286px;
	float:left;
	background-color:#FFFFFF;
	height:450px;
}
.pie {
	width: 800px;
	height: 40px;
	color:#FFFFFF;
	font-size:11px;
	margin:auto;
	text-align:center;
	float:left;
}
.pieizq {
width:300px;
float:left;
text-align:left;}
.pieder {
width:500px;
float:left;
text-align:right;}


.pie a{
	color: #FFFFFF;
	text-decoration: none;
	outline:none;
}
.pie a:hover{
	color: #FFFF00;
	text-decoration: none;
	outline:none;
}
.mas1 {
	font-size: 0.9em;
}
.mas1 a{
	color: #FFFFFF;
	text-decoration: none;
	outline:none;
}
.intro {
	background-image: url(imagenes/fondointro.jpg);
	background-repeat: repeat-x;
	background-position: top;
}

.despiece {
	width: 510px;
	background-color:#FFF;
	background-image:url(imagenes/despiece.jpg);
	background-position:left top;
	background-repeat:no-repeat;
	float:left;
	}
.despiecetrans {
	width: 40px;
	height: 220px;
	float:left;
}
.despiecetexto {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-align: justify;
	color:#FFFFFF;
	float:left;
	width:450px;
	padding-top:100px;
	padding-right:20px
}

.despiececanales {
	width: 510px;
	height: 300px;
	float:left;
	}

.carteltrazabilidad {
	height: 45px;
	background-image: url(imagenes/trazabilidad.png);
	background-position: right top;
	background-repeat: no-repeat;
}
.aviso {
	width: 740px;
	text-align: justify;
	font-size: 12px;
	padding-left:20px;
	padding-right:20px;
	float:left;
}
.separadoraviso {
	width: 800px;
	height: 40px;
	float: left;
}