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

body{	font-size:20px;	font-family: 'Rubik', sans-serif; padding: 0px;	margin: 0px; color:#333;	}
#contenedor0{	width:100%;	border: 0px solid #F60;	margin: 0px auto 0px;	overflow:hidden; }
#contenedor1{	width:90%;	border: 0px solid #F60;	margin: 0px auto 0px;	overflow:hidden; }
#contenedor2{	width:100%;	border: 0px solid #F60;	margin: 0px auto 0px;	overflow:hidden; }
#contenedor3{	width:60%;	border: 0px solid #F60;	margin: 0px auto 0px;	overflow:hidden; }


#header{height:145px;    width: 100%; background:#fff;}
#reds{border: 0px solid #f60; width:50px; font-size:16px; height:40px; float:right; text-align:right; margin-right:15px; margin-bottom:10px}	
#logo{float:left; width:200px;  border: 0px solid #f60;   margin-bottom:20px;  margin-top:20px; margin-left:20px}	


/* CSS Carrusel */
#carrusel		  {	border:0px solid #000; height:165px;	}
#bg_carrusel 	  { width:100%; height:165px;}
#carrusell 		  { width:100%px; height:165px; border:0px solid #000000; margin:10px auto; }
.list_carousel 	  {margin:0px 0 0px 0px;	width: 100%px; text-align:center;}
.list_carousel ul {margin: 0; padding: 0; list-style: none;	display: block;}
.list_carousel li {width: 220px; height: 165px;	padding: 0;	margin: 0px; display: block; float: left; border:0px solid #000;}
#carru1{width:220px; }


/* CSS Carrusel */
#carrusel2 {	border:0px solid #000; height:300px;	}
#bg_carrusel2 { width:100%; height:300px;}
#carrusell2 { width:100%px; height:300px; border:0px solid #000000; margin:10px auto; }
.list_carousel2	 {margin:0px 0 0px 0px;	width: 100%px; text-align:center;}
.list_carousel2 ul {margin: 0; padding: 0; list-style: none;	display: block;}
.list_carousel2 li {width: 300px; height: 300px;	padding: 0;	margin: 0px; display: block; float: left; border:0px solid #000;}


#aceite1{float:left; width:45%; text-align:center; }
#aceite2{float:right; width:45%; text-align:left; }


#produ{float:left; width:25%; min-height:225px; text-align:center; font-size:30PX; color:#FFF; border:0PX solid #6F0 }
#produ img{ margin-bottom:25px; width:75%; border:0PX solid #6F0}

#dias{width:25%; float:left; margin-top:20px}
#titu3{ color: #666; font-size: 35px; font-family: 'Rubik', sans-serif; margin-bottom:40px; margin-top:40px;  font-weight:300	}

#logo2{margin-top:0px; width:160px; float:left; border: 0px solid #f60;   padding:15px}	
#logo2 img{width:100%}
#logo3{margin-top:0px; width:100px; float:right; border: 0px solid #f60;   padding:15px}	
#logo3 img{width:100%}


p{text-align:justify}
footer{	width:950px;margin:0px auto;	color:#039;	font-size:12px;	background:#ECECEC;}
#maps{	width: 100%;	height: 300px;	}

#contaa1{width:40%; float:left; border:0px solid #09F}
#contaa2{width:60%; float:right; border:0px solid #09F}
#cont1{height:40px; background:NONE; width:70%; border:0px; margin-bottom:20px; color:#999; font-size:15px; border:2PX solid #ccc;  border-radius:2px}
#bot{background:#F00; color:#fff; font-size:24px; border:0px; }
#bot2{background:#7B7D91; color:#fff; font-size:24px; border:0px; }

#menufoo{font-size:16px; margin-left:30px;}


a{   color: #fff;	text-decoration: none;	}
a:hover{    color: #000;    text-decoration: none;	}

#titu{	color: #135DA2; font-size: 35px; font-family: 'Rubik', sans-serif;  font-weight:500	}
#titu2{ color: #135DA2; font-size: 25px; font-family: 'Rubik', sans-serif;  font-weight:500	}
#titu4{ color: #333; font-size: 25px; font-family: 'Rubik', sans-serif;  	}


#f1{float:left; width:33%; text-align:left; border: 0px solid #0C6; color:#fff; margin-top:31px; margin-bottom:15px; }
#f2{float:left; width:34%; text-align:center; border: 0px solid #0C6; color:#fff; margin-top:29px; margin-bottom:15px; }
#f3{float:left; width:33%; text-align:right; border: 0px solid #0C6;  color:#fff; margin-top:15px; margin-bottom:15px; }


#f11{float:left; width:33%; text-align:left; border: 0px solid #0C6; }
#f22{float:left; width:34%; text-align:ñeft; border: 0px solid #0C6; }
#f33{float:left; width:33%; text-align:right; border: 0px solid #0C6; }

#grad {
    background: #EDEDED; /* For browsers that do not support gradients */
    background: -webkit-linear-gradient(#EDEDED, #fff); /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(#EDEDED, #fff); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(#EDEDED, #fff); /* For Firefox 3.6 to 15 */
    background: linear-gradient(#EDEDED, #fff); /* Standard syntax */
	height:25px;
}

#about1{float:left; width:70%; }
#about2{float:right; width:25%; }

#about11{float:left; width:65%; }
#about22{float:right; width:30%;  }
#about22 img{border-radius:500px;}

#bg1{background:#fff; float:left; width:50%; text-align:justify; }
#bgg1{padding:5% 10% 5% 10%}

#bg2{background:#F8F8F8; float:left; width:50%; text-align:justify; }
#bgg2{padding:5% 10% 5% 10%}

#sales{width:90%; margin-left:5%}

#ware1{float:left; width:30%; }
#ware2{float:right; width:65%; }

#foods{ padding-right: 1.5%;    width: 23%;}

#foodsprodu{ width:19%}

#carrers1{background:#fff; float:left; width:50%; text-align:justify; }
#carrers11{padding:5% 10% 5% 10%}
#carrers2{float:left; width:50%; margin-top:-25px }
#carr{ display:none; background:url(../img/Careers.png); width:100%}

#customer1{background:#fff; float:left; width:50%; text-align:justify; margin-top:10%; }
#customer11{padding:5% 10% 5% 10%}
#customer2{float:left; width:50%; margin-top:-25px }
#cus{ display:none; background:url(../img/Customer-Serviceb.png); width:100%}

#finance1{background:#fff; float:left; width:50%; text-align:justify; margin-top:10%; }
#finance11{padding:5% 10% 5% 10%}
#finance2{float:left; width:50%; margin-top:-25px }
#fin{ display:none; background:url(../img/Financeb.png); width:100%}

#purchasing1{background:#fff; float:left; width:50%; text-align:justify; margin-top:10%; }
#purchasing11{padding:5% 10% 5% 10%}
#purchasing2{float:left; width:50%; margin-top:-25px }
#pur{ display:none; background:url(../img/Purchasingb.png); width:100%}

#videos{width:550px; height:350px}

#titus1{color: #135DA2; font-size: 45px; font-family: 'Rubik', sans-serif; font-weight: 700; margin-bottom:20px}
#titus2{font-size: 35px; color: #232323; font-family: 'Rubik', sans-serif;}
#espacio1{width:100%; height:50px}
#espacio2{width:100%; height:100px}

#titu5{ color: #232323; font-size: 20px; font-family: 'Rubik', sans-serif;  font-weight:500; padding:0 4%;	}
#cua-123{width:20%;  float:left; text-align:left; border:0px solid #000}
#cua-123 img{width:100%}

#cua-atm{width:20%;  float:left; text-align:left}
#cua-atm img{width:100%}

#cua-atm2{width:23%; padding:1%; float:left; text-align:left}
#cua-atm2 img{width:95%}

#products1{width:40%; float:left}
#products2{width:55%; float:right; margin-top:70px}

#products3{width:40%; float:left}
#products4{width:55%; float:right; margin-top:70px}

.pros{float:left; width:20%; margin-bottom:20px}
.pros img{width:90%;}


@media screen and (min-width: 1024px) and (max-width: 1199px) {
#contenedor1{	border: 0px solid #F00;	}
#reds{border: 0px solid #f60; width:50px; font-size:16px; height:40px; float:right; text-align:right; margin-right:10px; margin-bottom:10px}	

#carrers1{background:#fff; float:left; width:60%; text-align:justify; }
#carrers11{padding:5% 10% 5% 10%}
#carrers2{float:left; width:40%; height:570px; }
#carr1{display:none;}
#carr{ display:block; background:url(../img/Careersb.png);  background-position:right; width:100%;  height:100%;}

#customer1{background:#fff; float:left; width:60%; text-align:justify; margin-top:9%; }
#customer11{padding:5% 10% 5% 10%}
#customer2{float:left; width:40%;  height:500px; }
#cus1{display:none;}
#cus{ display:block;  background:url(../img/Customer-Serviceb.png); background-position:right; width:100%;  height:100%;}

#produs2{width:23%;  font-size:17px; color: #135DA2;    text-align: center;    display: inline-block;    margin-top: 0px;}

/* CSS Carrusel */
#carrusel		  {	border:0px solid #000; height:183px;	}
#bg_carrusel 	  { width:100%; height:183px;}
#carrusell 		  { width:100%px; height:183px; border:0px solid #000000; margin:10px auto; }
.list_carousel 	  {margin:0px 0 0px 0px;	width: 100%px; text-align:center;}
.list_carousel ul {margin: 0; padding: 0; list-style: none;	display: block;}
.list_carousel li {width: 250px; height: 183px;	padding: 0;	margin: 0px; display: block; float: left; border:0px solid #000;}
#carru1{width:220px;}


/* CSS Carrusel */
#carrusel2 {	border:0px solid #000; height:300px;	}
#bg_carrusel2 { width:100%; height:250px;}
#carrusell2 { width:100%px; height:250px; border:0px solid #000000; margin:10px auto; }
.list_carousel2	 {margin:0px 0 0px 0px;	width: 100%px; text-align:center;}
.list_carousel2 ul {margin: 0; padding: 0; list-style: none;	display: block;}
.list_carousel2 li {width: 250px; height: 250px;	padding: 0;	margin: 0px; display: block; float: left; border:0px solid #000;}

#produ{float:left; width:25%; min-height:225px; text-align:center; font-size:27PX; color:#FFF; border:0PX solid #6F0 }
#produ img{ margin-bottom:25px; width:75%; border:0PX solid #6F0}

#titus1{color: #135DA2; font-size: 40px; font-family: 'Rubik', sans-serif; font-weight: 700; margin-bottom:20px}
#titus2{font-size: 30px; color: #232323; font-family: 'Rubik', sans-serif;}
#espacio1{width:100%; height:50px}
#espacio2{width:100%; height:100px}

}

@media screen and (min-width: 800px) and (max-width: 1024px) {
#contenedor1{	border: 0px solid #0C3;	}
#contenedor2{	width:90%;	border: 0px solid #F60;	margin: 0px auto 0px;	overflow:hidden; }

#logo{width:50%; float:left; text-align:left;  border: 0px solid #f60;   margin-bottom:20px;  margin-top:20px}	
#logo img{width:180px}

#txt1{font-size:55px; color:#333; font-weight:500; margin-bottom:25px}
#txt2{font-size:35px; color:#069; width:90% }

#about1{float:left; width:100%; }
#about2{float:none; width:40%; margin-left:30% }

#about11{float:left; width:100%; }
#about22{float:none; width:50%; margin-left:25% }

#reds{margin-top:55px;}

#carrers1{background:#fff; float:left; width:60%; text-align:justify; }
#carrers11{padding:5% 10% 5% 10%}
#carrers2{float:left; width:40%; height:600px; }
#carr1{display:none;}
#carr{ display:block; background:url(../img/Careersb.png);  background-position:right; width:100%;  height:100%;}

#customer1{background:#fff; float:left; width:60%; text-align:justify; margin-top:5%; }
#customer11{padding:5% 10% 5% 10%}
#customer2{float:left; width:40%;  height:400px; }
#cus1{display:none;}
#cus{ display:block;  background:url(../img/Customer-Serviceb.png); background-position:right; width:100%;  height:100%;}

#produs2{width:23%;  font-size:17px; color: #135DA2;    text-align: center;    display: inline-block;    margin-top: 0px;}


/* CSS Carrusel */
#carrusel		  {	border:0px solid #000; height:183px;	}
#bg_carrusel 	  { width:100%; height:147px;}
#carrusell 		  { width:100%px; height:147px; border:0px solid #000000; margin:10px auto; }
.list_carousel 	  {margin:0px 0 0px 0px;	width: 100%px; text-align:center;}
.list_carousel ul {margin: 0; padding: 0; list-style: none;	display: block;}
.list_carousel li {width: 200px; height: 147px;	padding: 0;	margin: 0px; display: block; float: left; border:0px solid #000;}
#carru1{width:200px;}


/* CSS Carrusel */
#carrusel2 {	border:0px solid #000; height:300px;	}
#bg_carrusel2 { width:100%; height:200px;}
#carrusell2 { width:100%px; height:200px; border:0px solid #000000; margin:10px auto; }
.list_carousel2	 {margin:0px 0 0px 0px;	width: 100%px; text-align:center;}
.list_carousel2 ul {margin: 0; padding: 0; list-style: none;	display: block;}
.list_carousel2 li {width: 200px; height: 200px;	padding: 0;	margin: 0px; display: block; float: left; border:0px solid #000;}

#produ{float:left; width:25%; min-height:225px; text-align:center; font-size:22PX; color:#FFF; border:0PX solid #6F0 }
#produ img{ margin-bottom:25px; width:75%; border:0PX solid #6F0}

#titus1{color: #135DA2; font-size: 40px; font-family: 'Rubik', sans-serif; font-weight: 700; margin-bottom:20px}
#titus2{font-size: 30px; color: #232323; font-family: 'Rubik', sans-serif;}
#espacio1{width:100%; height:50px}
#espacio2{width:100%; height:100px}

#products1{width:100%; float:left}
#products2{width:100%; float:right; margin-top:40px}

#products3{width:100%; float:left}
#products3 img{width:130px;}
#products4{width:100%; float:right; margin-top:40px}

.pros{float:left; width:25%; margin-bottom:20px}
.pros img{width:100%;}
}



@media screen and (min-width: 600px) and (max-width: 799px) {
body{	font-size:18px;	font-family: 'Rubik', sans-serif; padding: 0px;	margin: 0px; color:#333;	}
#contenedor1{	border: 0px solid #FC6;	}
#contenedor2{	width:90%;	border: 0px solid #F60;	margin: 0px auto 0px;	overflow:hidden; }

#logo{width:50%; float:left; text-align:left;  border: 0px solid #f60;   margin-bottom:20px;  margin-top:20px}	
#logo img{width:180px}


#prod{width:33%;  float:left; margin-bottom:15px;  }
#foodsprodu{ width:32%}
#txt1{font-size:55px; color:#333; font-weight:500; width:90%; margin-bottom:25px}
#txt2{font-size:35px; color:#069; width:90% }

#contaa1{width:100%; float:left; border:0px solid #09F}
#contaa2{width:100%; float:left; border:0px solid #09F}

#f1{float:left; width:100%; text-align:center; border: 0px solid #0C6;  margin-bottom:10px; margin-top:10px}
#f2{float:left; width:100%; text-align:center; border: 0px solid #0C6;   margin-bottom:10px; margin-top:0px}
#f3{float:left; width:100%; text-align:right; border: 0px solid #0C6; margin-top:0px;  margin-bottom:10px; display: flex; justify-content: center; align-items: center;} 

#f11{float:left; width:100%; text-align:center; border: 0px solid #0C6;  margin-bottom:15px;}
#f22{float:left; width:100%; text-align:center; border: 0px solid #0C6;   margin-bottom:15px;}
#f33{float:left; width:100%; text-align:center; border: 0px solid #0C6; margin-bottom:15px }

#about1{float:left; width:100%; }
#about2{float:none; width:40%; margin-left:30% }

#about11{float:left; width:100%; }
#about22{float:none; width:50%; margin-left:25% }

#sales{width:100%; margin-left:0%}

#ware1{float:left; width:100%; }
#ware2{float:right; width:100%; }

#reds{margin-top:55px;}

#dias{width:50%; float:left; margin-top:20px}

#bg1{background:#fff; float:left; width:100%; }
#bgg1{padding:5% 5% 5% 5%}

#bg2{background:#F8F8F8; float:left; width:100%; }
#bgg2{padding:5% 5% 5% 5%}


#carrers1{background:#fff; float:left; width:100%; text-align:justify; }
#carrers11{padding:5% 5% 5% 5%}
#carrers2{float:left; width:100%; height:300px; margin-top:10px }
#carr1{display:none;}
#carr{ display:block; background:url(../img/Careersb.png);  background-position:right; width:100%;  height:100%;}

#customer1{background:#fff; float:left; width:100%; text-align:justify; margin-top:0%; }
#customer11{padding:5% 5% 5% 5%}
#customer2{float:left; width:100%;  height:300px; margin-top:5px }
#cus1{display:none;}
#cus{ display:block;  background:url(../img/Customer-Serviceb.png); background-position:right; width:100%;  height:100%; }

#finance1{background:#fff; float:left; width:100%; text-align:justify; margin-top:0%; }
#finance11{padding:5% 5% 5% 5%}
#finance2{float:left; width:100%;  height:300px; margin-top:5px }
#fin1{display:none;}
#fin{ display:block;  background:url(../img/Financeb.png); background-position:0% 25%; width:100%;  height:100%; margin-top:15px}

#purchasing1{background:#fff; float:left; width:100%; text-align:justify; margin-top:0%; }
#purchasing11{padding:5% 5% 5% 5%}
#purchasing2{float:left; width:100%;  height:400px; margin-top:5px }
#pur1{display:none;}
#pur{ display:block;  background:url(../img/Purchasingb.png); background-position:0% 100%; width:100%;  height:100%; margin-top:15px}

#sales{ display:block;  background:url(../img/Sales-Teamb.png); background-position:0% 50%; width:100%;  height:100%; margin-top:15px}

#bans{width:170%; margin-left:-35%}

#produs2{width:32%;  font-size:17px; color: #135DA2;    text-align: center;    display: inline-block;    margin-top: 0px;}



/* CSS Carrusel */
#carrusel		  {	border:0px solid #000; height:183px;	}
#bg_carrusel 	  { width:100%; height:125px;}
#carrusell 		  { width:100%px; height:125px; border:0px solid #000000; margin:10px auto; }
.list_carousel 	  {margin:0px 0 0px 0px;	width: 100%px; text-align:center;}
.list_carousel ul {margin: 0; padding: 0; list-style: none;	display: block;}
.list_carousel li {width: 170px; height: 125px;	padding: 0;	margin: 0px; display: block; float: left; border:0px solid #000;}
#carru1{width:170px;}


/* CSS Carrusel */
#carrusel2 {	border:0px solid #000; height:300px;	}
#bg_carrusel2 { width:100%; height:170px;}
#carrusell2 { width:100%px; height:170px; border:0px solid #000000; margin:10px auto; }
.list_carousel2	 {margin:0px 0 0px 0px;	width: 100%px; text-align:center;}
.list_carousel2 ul {margin: 0; padding: 0; list-style: none;	display: block;}
.list_carousel2 li {width: 170px; height: 170px;	padding: 0;	margin: 0px; display: block; float: left; border:0px solid #000;}

#produ{float:left; width:50%; min-height:225px; text-align:center; font-size:26PX; margin-bottom:20px; color:#FFF; border:0PX solid #6F0 }
#produ img{ margin-bottom:25px; width:70%; border:0PX solid #6F0}

#titus1{color: #135DA2; font-size: 30px; font-family: 'Rubik', sans-serif; font-weight: 700; margin-bottom:20px}
#titus2{font-size: 25px; color: #232323; font-family: 'Rubik', sans-serif;}
#espacio1{width:100%; height:50px}
#espacio2{width:100%; height:70px}

#products1{width:100%; float:left}
#products1 img{width:200px;}
#products2{width:100%; float:right; margin-top:40px}

#products3{width:100%; float:left}
#products3 img{width:130px;}
#products4{width:100%; float:right; margin-top:40px}

.pros{float:left; width:33%; margin-bottom:20px}
.pros img{width:100%;}
}


@media screen and (min-width: 480px) and (max-width: 599px) {
body{	font-size:16px;	font-family: 'Rubik', sans-serif; padding: 0px;	margin: 0px; color:#333;	}
#contenedor1{	border: 0px solid #000;	}
#contenedor2{	width:90%;	border: 0px solid #F60;	margin: 0px auto 0px;	overflow:hidden; }

#logo{width:50%; float:left; text-align:left;  border: 0px solid #f60;   margin-bottom:20px;  margin-top:20px}	
#logo img{width:180px}

#txt1{font-size:45px; color:#333; font-weight:500; width:90%; margin-bottom:25px; margin-top:-25px;}
#txt2{font-size:30px; color:#069; width:90% }

#contaa1{width:100%; float:left; border:0px solid #09F}
#contaa2{width:100%; float:left; border:0px solid #09F}

#titu{font-size:25px}
#titu2{font-size:20px}
#titu4 { font-size: 20px;}

#prod{width:33%;  float:left; margin-bottom:15px;  }

#dias{width:50%; float:left; margin-top:20px}

#titu{font-size:35px}
#txt1{font-size:50px; color:#333; font-weight:500; margin-bottom:25px}
#txt2{font-size:35px; color:#069; }

#f1{float:left; width:100%; text-align:center; border: 0px solid #0C6;  margin-bottom:10px; margin-top:10px}
#f2{float:left; width:100%; text-align:center; border: 0px solid #0C6;   margin-bottom:10px; margin-top:0px}
#f3{float:left; width:100%; text-align:right; border: 0px solid #0C6; margin-top:0px;  margin-bottom:10px; display: flex; justify-content: center; align-items: center;} 

#f11{float:left; width:100%; text-align:center; border: 0px solid #0C6;  margin-bottom:15px;}
#f22{float:left; width:100%; text-align:center; border: 0px solid #0C6;   margin-bottom:15px;}
#f33{float:left; width:100%; text-align:center; border: 0px solid #0C6; margin-bottom:15px }

#about1{float:left; width:100%; }
#about2{float:none; width:60%; margin-left:20% }

#about11{float:left; width:100%; }
#about22{float:none; width:70%; margin-left:15% }

#sales{width:100%; margin-left:0%}

#ware1{float:left; width:100%; }
#ware2{float:right; width:100%; }

#reds{margin-top:55px;}

#foodsprodu{ width:32%}

#bg1{background:#fff; float:left; width:100%; }
#bgg1{padding:5% 5% 5% 5%}

#bg2{background:#F8F8F8; float:left; width:100%; }
#bgg2{padding:5% 5% 5% 5%}

#carrers1{background:#fff; float:left; width:100%; text-align:justify; }
#carrers11{padding:5% 5% 5% 5%}
#carrers2{float:left; width:100%; height:300px; margin-top:10px }
#carr1{display:none;}
#carr{ display:block; background:url(../img/Careersb.png);  background-position:right; width:100%;  height:100%;}

#customer1{background:#fff; float:left; width:100%; text-align:justify; margin-top:0%; }
#customer11{padding:5% 5% 5% 5%}
#customer2{float:left; width:100%;  height:300px; margin-top:5px}
#cus1{display:none;}
#cus{ display:block;  background:url(../img/Customer-Serviceb.png); background-position:right; width:100%;  height:100%; }

#finance1{background:#fff; float:left; width:100%; text-align:justify; margin-top:0%; }
#finance11{padding:5% 5% 5% 5%}
#finance2{float:left; width:100%;  height:300px; margin-top:5px }
#fin1{display:none;}
#fin{ display:block;  background:url(../img/Financeb.png); background-position:0% 25%; width:100%;  height:100%; margin-top:15px}

#purchasing1{background:#fff; float:left; width:100%; text-align:justify; margin-top:0%; }
#purchasing11{padding:5% 5% 5% 5%}
#purchasing2{float:left; width:100%;  height:400px; margin-top:5px }
#pur1{display:none;}
#pur{ display:block;  background:url(../img/Purchasingb.png); background-position:0% 100%; width:100%;  height:100%; margin-top:15px}

#sales{ display:block;  background:url(../img/Sales-Teamb.png); background-position:15% 50%; width:100%;  height:100%; margin-top:15px}

#bans{width:220%; margin-left:-60%}

#produs2{width:49%; font-size:16px; color: #135DA2;    text-align: center;    display: inline-block;    margin-top: 0px;}
#produs3{width:49%;  font-size:16px; color: #135DA2;    text-align: center;    display: inline-block;    margin-top: 0px;}
#produs4{width:49%;  font-size:16px; color: #135DA2;    text-align: center;    display: inline-block;    margin-top: 0px;}

#videos{width:450px; height:270px}


/* CSS Carrusel */
#carrusel		  {	border:0px solid #000; height:183px;	}
#bg_carrusel 	  { width:100%; height:103px;}
#carrusell 		  { width:100%px; height:103px; border:0px solid #000000; margin:10px auto; }
.list_carousel 	  {margin:0px 0 0px 0px;	width: 100%px; text-align:center;}
.list_carousel ul {margin: 0; padding: 0; list-style: none;	display: block;}
.list_carousel li {width: 140px; height: 103px;	padding: 0;	margin: 0px; display: block; float: left; border:0px solid #000;}
#carru1{width:140px;}


/* CSS Carrusel */
#carrusel2 {	border:0px solid #000; height:300px;	}
#bg_carrusel2 { width:100%; height:140px;}
#carrusell2 { width:100%px; height:140px; border:0px solid #000000; margin:10px auto; }
.list_carousel2	 {margin:0px 0 0px 0px;	width: 100%px; text-align:center;}
.list_carousel2 ul {margin: 0; padding: 0; list-style: none;	display: block;}
.list_carousel2 li {width: 140px; height: 140px;	padding: 0;	margin: 0px; display: block; float: left; border:0px solid #000;}

#produ{float:left; width:50%; min-height:225px; text-align:center; font-size:23PX; margin-bottom:20px; color:#FFF; border:0PX solid #6F0 }
#produ img{ margin-bottom:25px; width:70%; border:0PX solid #6F0}

#titus1{color: #135DA2; font-size: 25px; font-family: 'Rubik', sans-serif; font-weight: 700; margin-bottom:20px}
#titus2{font-size: 20px; color: #232323; font-family: 'Rubik', sans-serif;}
#espacio1{width:100%; height:50px}
#espacio2{width:100%; height:50px}


#products1{width:100%; float:left}
#products1 img{width:200px;}
#products2{width:100%; float:right; margin-top:40px}

#products3{width:100%; float:left}
#products3 img{width:100px;}
#products4{width:100%; float:right; margin-top:40px}

.pros{float:left; width:50%; margin-bottom:20px}
.pros img{width:90%;}
}


@media screen and (min-width: 320px) and (max-width: 479px) {
body{	font-size:16px;	font-family: 'Rubik', sans-serif; padding: 0px;	margin: 0px; color:#333;	}
#contenedor1{	border: 0px solid #6F3;	}
#contenedor2{	width:90%;	border: 0px solid #F60;	margin: 0px auto 0px;	overflow:hidden; }

#logo { float: left; width: 120px; border: 0px solid #f60; margin-bottom: 20px; margin-top: 20px; margin-left: 20px;}
#logo img{ width:100%}

#txt1{font-size:40px; color:#333; font-weight:500; width:90%; margin-bottom:25px; margin-top:-25px;}
#txt2{font-size:30px; color:#069; width:90% }

#prod{width:45%; margin-left:2.5%;  float:left; margin-bottom:15px;  }

#titu{font-size:25px}
#titu2{font-size:20px}
#titu4 { font-size: 20px;}

#dias{width:100%; float:left; margin-top:0px}

#contaa1{width:100%; float:left; border:0px solid #09F}
#contaa2{width:100%; float:left; border:0px solid #09F}

#f1{float:left; width:100%; text-align:center; border: 0px solid #0C6;  margin-bottom:10px; margin-top:10px}
#f2{float:left; width:100%; text-align:center; border: 0px solid #0C6;   margin-bottom:10px; margin-top:0px}
#f3{float:left; width:100%; text-align:right; border: 0px solid #0C6; margin-top:0px;  margin-bottom:10px; display: flex; justify-content: center; align-items: center;} 

#f11{float:left; width:100%; text-align:center; border: 0px solid #0C6;  margin-bottom:15px;}
#f22{float:left; width:100%; text-align:center; border: 0px solid #0C6;  margin-bottom:15px;}
#f33{float:left; width:100%; text-align:center; border: 0px solid #0C6; margin-bottom:15px }

#about1{float:left; width:100%; }
#about2{float:none; width:60%; margin-left:20% }

#sales{width:100%; margin-left:0%}

#ware1{float:left; width:100%; }
#ware2{float:right; width:100%; }

#about11{float:left; width:100%; }
#about22{float:none; width:80%; margin-left:10% }

#reds{margin-top:10px;}
#foodsprodu{ width:49%}

#bg1{background:#fff; float:left; width:100%; }
#bgg1{padding:5% 5% 5% 5%}

#bg2{background:#F8F8F8; float:left; width:100%; }
#bgg2{padding:5% 5% 5% 5%}

#carrers1{background:#fff; float:left; width:100%; text-align:justify; }
#carrers11{padding:5% 5% 5% 5%}
#carrers2{float:left; width:100%; height:300px; margin-top:10px }
#carr1{display:none;}
#carr{ display:block; background:url(../img/Careersb.png);  background-position:right; width:100%;  height:100%;}

#customer1{background:#fff; float:left; width:100%; text-align:justify; margin-top:0%; }
#customer11{padding:5% 5% 5% 5%}
#customer2{float:left; width:100%;  height:300px; }
#cus1{display:none;}
#cus{ display:block;  background:url(../img/Customer-Serviceb.png); background-position:right; width:100%;  height:100%; margin-top:15px}

#finance1{background:#fff; float:left; width:100%; text-align:justify; margin-top:0%; }
#finance11{padding:5% 5% 5% 5%}
#finance2{float:left; width:100%;  height:300px; margin-top:5px }
#fin1{display:none;}
#fin{ display:block;  background:url(../img/Financeb.png); background-position:40% 25%; width:100%;  height:100%; margin-top:15px}

#purchasing1{background:#fff; float:left; width:100%; text-align:justify; margin-top:0%; }
#purchasing11{padding:5% 5% 5% 5%}
#purchasing2{float:left; width:100%;  height:400px; margin-top:5px }
#pur1{display:none;}
#pur{ display:block;  background:url(../img/Purchasingb.png); background-position:40% 100%; width:100%;  height:350px; margin-top:15px}

#sales{ display:block;  background:url(../img/Sales-Teamb.png); background-position:70% 50%; width:100%;  height:100%; margin-top:15px}

#bans{width:300%; margin-left:-100%}

#produs2{width:49%;  font-size:16px; color: #135DA2;    text-align: center;    display: inline-block;    margin-top: 0px;}
#produs3{width:49%;  font-size:16px; color: #135DA2;    text-align: center;    display: inline-block;    margin-top: 0px;}
#produs4{width:49%;  font-size:16px; color: #135DA2;    text-align: center;    display: inline-block;    margin-top: 0px;}


#videos{width:350px; height:200px}



/* CSS Carrusel */
#carrusel		  {	border:0px solid #000; height:183px;	}
#bg_carrusel 	  { width:100%; height:81px;}
#carrusell 		  { width:100%px; height:81px; border:0px solid #000000; margin:10px auto; }
.list_carousel 	  {margin:0px 0 0px 0px;	width: 100%px; text-align:center;}
.list_carousel ul {margin: 0; padding: 0; list-style: none;	display: block;}
.list_carousel li {width: 110px; height: 81px;	padding: 0;	margin: 0px; display: block; float: left; border:0px solid #000;}
#carru1{width:110px;}


/* CSS Carrusel */
#carrusel2 {	border:0px solid #000; height:300px;	}
#bg_carrusel2 { width:100%; height:110px;}
#carrusell2 { width:100%px; height:110px; border:0px solid #000000; margin:10px auto; }
.list_carousel2	 {margin:0px 0 0px 0px;	width: 100%px; text-align:center;}
.list_carousel2 ul {margin: 0; padding: 0; list-style: none;	display: block;}
.list_carousel2 li {width: 110px; height: 110px;	padding: 0;	margin: 0px; display: block; float: left; border:0px solid #000;}

#produ{float:left; width:50%; min-height:167px; text-align:center; font-size:19PX; margin-bottom:20px; color:#FFF; border:0PX solid #6F0 }
#produ img{ margin-bottom:25px; width:70%; border:0PX solid #6F0}

#titus1{color: #135DA2; font-size: 20px; font-family: 'Rubik', sans-serif; font-weight: 700; margin-bottom:20px}
#titus2{font-size: 17px; color: #232323; font-family: 'Rubik', sans-serif;}
#espacio1{width:100%; height:40px}
#espacio2{width:100%; height:40px}

#products1{width:100%; float:left}
#products1 img{width:150px;}
#products2{width:100%; float:right; margin-top:40px}

#products3{width:100%; float:left}
#products3 img{width:80px;}
#products4{width:100%; float:right; margin-top:40px}

.pros{float:left; width:50%; margin-bottom:20px}
.pros img{width:100%;}
}