/* CSS Document */

body {
	scrollbar-3dlight-color:#413A05;
	scrollbar-arrow-color:#008800;
	scrollbar-base-color:#413A05;
	scrollbar-darkshadow-color:#413A05;
	scrollbar-face-color:#413A05;
	scrollbar-highlight-color:#413A05;
	scrollbar-shadow-color:#999999;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#5B5106;
	margin:0;
	background-image: url("imagenes/fondo.gif");
	line-height: 17px;
}


/*contenedores*/


#contenedor{
margin:0;
width:100%;
text-align:center;

}
#paginaempresa{
margin: auto;
position:relative;
text-align:left;
width:777px;
height:1420px;
background-color:#EFF1CD;
}
#paginaproductos{
margin: auto;
position:relative;
text-align:left;
width:777px;
height:1350px;
background-color:#EFF1CD;
}
#paginaubicacion{
margin: auto;
position:relative;
text-align:left;
width:777px;
height:930px;
background-color:#EFF1CD;
}


/*cabezote*/


#cabezote{
margin:0;
width:777px;
height:190px;
background-image: url("imagenes/cabezote.jpg");
}

#ingles{
width:38px;
height:32px;
background-color:#99FF33;
background-repeat:no-repeat;
position:relative;
top:154px;
left:733px;
}

/*menu*/

#barra-amarilla{
margin:0px;
width:374px;
height:22px;
background-color:#FFFF00;
position:absolute;
}
#barra-verde{
margin:0px;
left:768px;
width:9px;
height:22px;
background-color:#23BA17;
position:absolute;
}

#menu ul{
list-style-type:none;
margin:0;
height:22px;
padding-left:374px;
}
#menu ul li{
float: left;
margin:0;
padding:0;
}
#menu li a {
display:block;
background-image:url("imagenes/menu.gif");
text-decoration:none;
background-repeat:no-repeat;
}

#menu_ingles ul{
list-style-type:none;
margin:0;
height:22px;
padding-left:374px;
}
#menu_ingles ul li{
float: left;
margin:0;
padding:0;
}
#menu_ingles li a {
display:block;
background-image: url(Imagenes/menu_ingles.gif);
text-decoration:none;
background-repeat:no-repeat;
}



#home a{
width:77px;
height:22px;
background-position:0 0;
}
#home a:hover{
width:77px;
height:22px;
background-position:0 -22px;
}
#empresa a{
width:109px;
height:22px;
background-position:-77px 0 ;
}
#empresa a:hover{
width:109px;
height:22px;
background-position:-77px -22px;
}
#productos a{
width:102px;
height:22px;
background-position:-186px 0 ;
}
#productos a:hover{
width:102px;
height:22px;
background-position:-186px -22px;
}
#ubicacion a{
width:106px;
height:22px;
background-position:-288px 0;
}
#ubicacion a:hover{
width:106px;
height:22px;
background-position:-288px -22px;
}

#fincabezote{
width:777px;
height:17px;
background-image:url("imagenes/fin-cabezote.gif");
background-repeat:no-repeat;
}


/*contenido*/


#textocontenido{
width:730px;
left:24px;
top:260px;
position:absolute;
}
#textocontenidoempre{
width:730px;
left:24px;
top:373px;
position:absolute;
}
#textocontenidopro{
width:730px;
left:24px;
top:373px;
position:absolute;
}
#logocreditos{
width:51px;
height:31px;
left:22px;
top:1365px;
background-image: url("imagenes/logo-creditos2.jpg");
background-repeat:no-repeat;
position:absolute;
}
#creditos{
width:430px;
height:18px;
left:73px;
top:1375px;
position:absolute;
}
#cabezoteproductos{
width:777px;
height:100px;
top:249px;
position:absolute;
background-image:url("imagenes/cabezotico_productos.jpg");
background-repeat:no-repeat;
}
#cabezoteempresa{
width:777px;
height:100px;
top:249px;
position:absolute;
background-image: url("imagenes/cabezotico_empresa.jpg");
background-repeat:no-repeat;
}
#logocreditosproductos{
width:51px;
height:31px;
left:22px;
top:1302px;
background-image: url("imagenes/logo-creditos2.jpg");
background-repeat:no-repeat;
position:absolute;
}
#creditosproductos{
width:430px;
height:18px;
left:73px;
top:1317px;
position:absolute;
}
#logocreditosubicacion{
width:51px;
height:31px;
left:22px;
top:880px;
background-image: url("imagenes/logo-creditos2.jpg");
background-repeat:no-repeat;
position:absolute;
}
#creditosubicacion{
width:430px;
height:18px;
left:73px;
top:894px;
position:absolute;
}
#mapa{
width:555px;
height:365px;
top:455px;
left:111px;
background-image:url("imagenes/mapa.gif");
background-repeat:no-repeat;
position:absolute;
}
#zonafranca{
width:205px;
height:110px;
top:735px;
left:500px;
background-image: url("imagenes/zona-franca.jpg");
background-repeat:no-repeat;
position:absolute;
}

#foto4{
width:163px;
height:149px;
left:24px;
top:416px;
background-image:url("imagenes/foto4.gif");
position:absolute;
}
#foto5{
width:163px;
height:149px;
left:24px;
top:587px;
background-image: url("imagenes/foto5.gif");
position:absolute;
}
#textoproductos1{
width:558px;
height:320px;
top:416px;
left:197px;
position:absolute;
}
#textoproducto2{
width:733px;
top:746px;
left:24px;
position:absolute;
}


/*clases*/

.creditos{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:9px;
color: #000000;
}
.titulo1{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:16px;
color:#335C2B;
font-weight:bolder;
}
.titulo2{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:16px;
color:#5B5106;
font-weight:bolder;}
.subtitulo{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:13px;
color:#5B5106;
font-weight:bolder;}
.botones{
	border:none;
	background-color:#39C61B;
	color:#FFFFFF;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	font-weight: bolder;
}

/*submenu*/

#otromenu ul{
list-style-type:none;
height:17px;
margin:0;
padding-left:265px;
background-color:#5B5106;
}

#otromenu ul li{
float:left;
margin:0;
padding:0;
}

#otromenu li a{
display:block;
background-image: url("imagenes/otro-menu.gif");
text-decoration:none;
background-repeat:no-repeat;
}
#objeto a{
width:99px;
height:17px;
background-position:0 0;
}
#objeto a:hover{
width:99px;
height:17px;
background-position:0 -17px;
}
#quienes a{
width:110px;
height:17px;
background-position:-99px 0;
}
#quienes a:hover{
width:110px;
height:17px;
background-position:-99px  -17px;
}
#que a{
width:101px;
height:17px;
background-position:-208px 0;
}
#que a:hover{
width:101px;
height:17px;
background-position:-208px  -17px;
}
#mision a{
width:58px;
height:17px;
background-position:-309px 0;
}
#mision a:hover{
width:58px;
height:17px;
background-position:-309px  -17px;
}
#vision a{
width:58px;
height:17px;
background-position:-367px 0;
}
#vision a:hover{
width:58px;
height:17px;
background-position:-367px  -17px;
}
#filosofia a{
width:76px;
height:17px;
background-position:-425px 0;
}
#filosofia a:hover{
width:76px;
height:17px;
background-position:-425px  -17px;
}

/*submenuproductos*/

#menuproductos ul{
list-style-type:none;
height:17px;
margin:0;
padding-left:149px;
background-color:#5B5106;
}

#menuproductos ul li{
float:left;
margin:0;
padding:0;
}

#menuproductos li a{
display:block;
background-image: url("imagenes/menu-productos.gif");
text-decoration:none;
background-repeat:no-repeat;
}
#materias a{
width:118px;
height:17px;
background-position:0 0;
}
#materias a:hover{
width:118px;
height:17px;
background-position:0 -17px;
}
#grits a{
width:99px;
height:17px;
background-position:-118px 0;
}
#grits a:hover{
width:99px;
height:17px;
background-position:-118px  -17px;
}
#buñuelos a{
width:76px;
height:17px;
background-position:-217px 0;
}
#buñuelos a:hover{
width:76px;
height:17px;
background-position:-217px  -17px;
}
#fecula a{
width:106px;
height:17px;
background-position:-293px 0;
}
#fecula a:hover{
width:106px;
height:17px;
background-position:-293px  -17px;
}
#harinab a{
width:101px;
height:17px;
background-position:-399px 0;
}
#harinab a:hover{
width:101px;
height:17px;
background-position:-399px  -17px;
}
#harina a{
width:122px;
height:17px;
background-position:-501px 0;
}
#harina a:hover{
width:122px;
height:17px;
background-position:-501px  -17px;
}



/*pagina products en ingles*/

#logocreditos_ingles{
width:51px;
height:31px;
left:22px;
top:1090px;
background-image: url("imagenes/logo-creditos2.jpg");
background-repeat:no-repeat;
position:absolute;
}
#creditos_ingles{
width:430px;
height:18px;
left:73px;
top:1100px;
position:absolute;
}

#paginaempresa_ingles{
margin: auto;
position:relative;
text-align:left;
width:777px;
height:1125px;
background-color:#EFF1CD;
}


/*submenu products en ingles*/


#submenuproductos ul{
list-style-type:none;
height:17px;
margin:0;
padding-left:149px;
background-color:#5B5106;
}

#submenuproductos ul li{
float:left;
margin:0;
padding:0;
}

#submenuproductos li a{
display:block;
background-image: url(Imagenes/menu-productos_ingles.gif);
text-decoration:none;
background-repeat:no-repeat;
}
#materias_p a{
width:118px;
height:17px;
background-position:0 0;
}
#materias_p a:hover{
width:118px;
height:17px;
background-position:0 -17px;
}
#grits_p a{
width:95px;
height:17px;
background-position:-118px 0;
}
#grits_p a:hover{
width:95px;
height:17px;
background-position:-118px  -17px;
}
#buñuelos_p a{
width:80px;
height:17px;
background-position:-217px 0;
}
#buñuelos_p a:hover{
width:80px;
height:17px;
background-position:-217px  -17px;
}
#fecula_p a{
width:106px;
height:17px;
background-position:-293px 0;
}
#fecula_p a:hover{
width:106px;
height:17px;
background-position:-293px  -17px;
}
#harinab_p a{
width:101px;
height:17px;
background-position:-399px 0;
}
#harinab_p a:hover{
width:101px;
height:17px;
background-position:-399px  -17px;
}
#harina_p a{
width:122px;
height:17px;
background-position:-501px 0;
}
#harina_p a:hover{
width:122px;
height:17px;
background-position:-501px  -17px;
}



/*submenu pagina the company*/

#submenucompany ul{
list-style-type:none;
height:17px;
margin:0;
padding-left:485px;
background-color:#5B5106;
}

#submenucompany ul li{
float:left;
margin:0;
padding:0;
}

#submenucompany li a{
display:block;
background-image: url(Imagenes/menu_company.gif);
text-decoration:none;
background-repeat:no-repeat;
}
#objeto_c a{
width:107px;
height:17px;
background-position:0 0;
}
#objeto_c a:hover{
width:107px;
height:17px;
background-position:0 -17px;
}
#quienes_c a{
width:55px;
height:17px;
background-position:-107px 0;
}
#quienes_c a:hover{
width:55px;
height:17px;
background-position:-107px  -17px;
}
#que_c a{
width:60px;
height:17px;
background-position:-162px 0;
}
#que_c a:hover{
width:60px;
height:17px;
background-position:-162px  -17px;
}
#mision_c a{
width:65px;
height:17px;
background-position:-222px 0;
}
#mision_c a:hover{
width:65px;
height:17px;
background-position:-222px  -17px;
}