@media screen and (min-width: 880px) and (max-width: 1142px) {
#layerslider img {margin:-40px 0 0 0;}
#navlist {width:100%;}
#navlist li {
font-size:90%;
line-height:1.3em;
margin:0 0 0 2%;
padding:0.5% 0 0.5% 0;
}
#corpus h1 {width:70%;margin:1% 0 0 3%;}
#servicios {width:99%;padding:0 0 2% 1%;}
.injectors {width:99%;padding:0 0 2% 1%;}
.modulos {width:29%;padding:2%;}
.contactdata {width:95%;float:left;padding:1% 3% 1.5% 2%;}
  .flex-direction-nav .flex-prev { opacity: 1; left: 10px;}
  .flex-direction-nav .flex-next { opacity: 1; right: 10px;}
.contact p {font-size:93%;}   
.map { display:none;}
.cc { width:20%;}
.ethanol2 {margin:1em 0 1em 1em;}
}

/* iPads (portrait and landscape) ----------- */
@media only screen and (min-device-width : 880px) and (max-device-width : 1024px) { 
#layerslider img {margin:-40px 0 0 0;}
#navlist {width:100%;}
#navlist li {
font-size:90%;
line-height:1.3em;
margin:0 0 0 2%;
padding:0.5% 0 0.5% 0;
}
#corpus h1 {width:70%;margin:1% 0 0 3%;}
#servicios {width:99%;padding:0 0 2% 1%;}
.injectors {width:99%;padding:0 0 2% 1%;}
.modulos {width:29%;padding:2%;}
.contactdata {width:95%;float:left;padding:1% 3% 1.5% 2%;}
  .flex-direction-nav .flex-prev { opacity: 1; left: 10px;}
  .flex-direction-nav .flex-next { opacity: 1; right: 10px;}
.contact p {font-size:93%;}   
.map { display:none;}
.cc { width:20%;}
.ethanol2 {margin:1em 0 1em 1em;}
}

/* iPads (landscape) ----------- */
@media only screen and (min-device-width : 880px) and (max-device-width : 1024px) and (orientation : landscape) { 
#layerslider img {margin:-40px 0 0 0;}
#navlist {width:100%;}
#navlist li {
font-size:90%;
line-height:1.3em;
margin:0 0 0 2%;
padding:0.5% 0 0.5% 0;
}
#corpus h1 {width:70%;margin:1% 0 0 3%;}
#servicios {width:99%;padding:0 0 2% 1%;}
.injectors {width:99%;padding:0 0 2% 1%;}
.modulos {width:29%;padding:2%;}
.contactdata {width:95%;float:left;padding:1% 3% 1.5% 2%;}
  .flex-direction-nav .flex-prev { opacity: 1; left: 10px;}
  .flex-direction-nav .flex-next { opacity: 1; right: 10px;}
.contact p {font-size:93%;}   
.map { display:none;}
.cc { width:20%;}
.ethanol2 {margin:1em 0 1em 1em;}
}

/* iPads (portrait) ----------- */
@media only screen and (min-device-width : 880px) and (max-device-width : 1024px) and (orientation : portrait) {
#layerslider img {margin:-40px 0 0 0;}
#navlist {width:100%;}
#navlist li {
font-size:90%;
line-height:1.3em;
margin:0 0 0 2%;
padding:0.5% 0 0.5% 0;
}
#corpus h1 {width:70%;margin:1% 0 0 3%;}
#servicios {width:99%;padding:0 0 2% 1%;}
.injectors {width:99%;padding:0 0 2% 1%;}
.modulos {width:29%;padding:2%;}
.contactdata {width:95%;float:left;padding:1% 3% 1.5% 2%;}
  .flex-direction-nav .flex-prev { opacity: 1; left: 10px;}
  .flex-direction-nav .flex-next { opacity: 1; right: 10px;}
.contact p {font-size:93%;}   
.map { display:none;}
.cc { width:20%;}
.ethanol2 {margin:1em 0 1em 1em;}
 }
 
 
@media screen and (min-width: 601px) and (max-width: 879px) {
#logotop {width:100%;padding:0.5% 0 0.3% 0%;}
.logo {margin:1% 0 1% 0%;width:45%;padding:0;float:none;text-align:center;}
#barra {width:100%;font-size:100%;}
#navlist {width:100%;}
#navlist .sec2 {width:14%;}
#navlist li {
line-height:1.3em;
margin:0 0 0 2%;
padding:0.5% 0 0.5% 0;
}
#corpus h1 {width:70%;margin:1% 0 0 3%;}
#servicios {width:99%;padding:0 0 2% 1%;}
.injectors {width:99%;padding:0 0 2% 1%;}
.modulos {width:29%;padding:2%;}
.contactdata {width:95%;float:left;padding:1% 3% 1.5% 2%;}
  .flex-direction-nav .flex-prev { opacity: 1; left: 10px;}
  .flex-direction-nav .flex-next { opacity: 1; right: 10px;}
.modulos {float:left;width:96%;padding:2%;}
.parrafo {float:right;width:45%;margin:2.5em 1em 0.5em 1em;clear:left;}
.modulos img {float:left;width:98%;margin:1% 1% 0 0;padding:1%;border:1px solid #CCCCCC;} 
#services {font-size:0.7em;width:97%;margin:0 auto;padding:1% 3% 0 0;}
.contact p {font-size:90%;}   
.map { display:none;}
.cc { width:25%;}
.follow {width:52%;float:left;height:auto;padding:2% 0 0 1%;}
#fuel {font-size:0.8em;}
.ethanol2 {margin:1em 0 1em 1em;}
}

 
@media screen and (min-device-width: 601px) and (max-device-width: 879px) {
#logotop {width:100%;padding:0.5% 0 0.3% 0%;}
.logo {margin:1% 0 1% 0%;width:45%;padding:0;float:none;text-align:center;}
#barra {width:100%;font-size:100%;}
#navlist {width:100%;}
#navlist .sec2 {width:14%;}
#navlist li {
line-height:1.3em;
margin:0 0 0 2%;
padding:0.5% 0 0.5% 0;
}
#corpus h1 {width:70%;margin:1% 0 0 3%;}
#servicios {width:99%;padding:0 0 2% 1%;}
.injectors {width:99%;padding:0 0 2% 1%;}
.modulos {width:29%;padding:2%;}
.contactdata {width:95%;float:left;padding:1% 3% 1.5% 2%;}
  .flex-direction-nav .flex-prev { opacity: 1; left: 10px;}
  .flex-direction-nav .flex-next { opacity: 1; right: 10px;}
.modulos {float:left;width:96%;padding:2%;}
.parrafo {float:right;width:45%;margin:2.5em 1em 0.5em 1em;clear:left;}
.modulos img {float:left;width:98%;margin:1% 1% 0 0;padding:1%;border:1px solid #CCCCCC;} 
#services {font-size:0.7em;width:97%;margin:0 auto;padding:1% 3% 0 0;}
.contact p {font-size:90%;}   
.map { display:none;}
.cc { width:25%;}
.follow {width:52%;float:left;height:auto;padding:2% 0 0 1%;}
#fuel {font-size:0.8em;}
.ethanol2 {margin:1em 0 1em 1em;}
}

 
@media screen and (min-device-width: 601px) and (max-device-width: 879px) and (orientation : landscape) {
#logotop {width:100%;padding:0.5% 0 0.3% 0%;}
.logo {margin:1% 0 1% 0%;width:45%;padding:0;float:none;text-align:center;}
#barra {width:100%;font-size:100%;}
#navlist {width:100%;}
#navlist .sec2 {width:14%;}
#navlist li {
line-height:1.3em;
margin:0 0 0 2%;
padding:0.5% 0 0.5% 0;
}
#corpus h1 {width:70%;margin:1% 0 0 3%;}
#servicios {width:99%;padding:0 0 2% 1%;}
.injectors {width:99%;padding:0 0 2% 1%;}
.modulos {width:29%;padding:2%;}
.contactdata {width:95%;float:left;padding:1% 3% 1.5% 2%;}
  .flex-direction-nav .flex-prev { opacity: 1; left: 10px;}
  .flex-direction-nav .flex-next { opacity: 1; right: 10px;}
.modulos {float:left;width:96%;padding:2%;}
.parrafo {float:right;width:45%;margin:2.5em 1em 0.5em 1em;clear:left;}
.modulos img {float:left;width:98%;margin:1% 1% 0 0;padding:1%;border:1px solid #CCCCCC;} 
#services {font-size:0.7em;width:97%;margin:0 auto;padding:1% 3% 0 0;}
.contact p {font-size:90%;}   
.map { display:none;}
.cc { width:25%;}
.follow {width:52%;float:left;height:auto;padding:2% 0 0 1%;}
#fuel {font-size:0.8em;}
.ethanol2 {margin:1em 0 1em 1em;}
}

 
@media screen and (min-device-width: 601px) and (max-device-width: 879px) and (orientation : portrait) {
#logotop {width:100%;padding:0.5% 0 0.3% 0%;}
.logo {margin:1% 0 1% 0%;width:45%;padding:0;float:none;text-align:center;}
#barra {width:100%;font-size:100%;}
#navlist {width:100%;}
#navlist .sec2 {width:14%;}
#navlist li {
line-height:1.3em;
margin:0 0 0 2%;
padding:0.5% 0 0.5% 0;
}
#corpus h1 {width:70%;margin:1% 0 0 3%;}
#servicios {width:99%;padding:0 0 2% 1%;}
.injectors {width:99%;padding:0 0 2% 1%;}
.modulos {width:29%;padding:2%;}
.contactdata {width:95%;float:left;padding:1% 3% 1.5% 2%;}
  .flex-direction-nav .flex-prev { opacity: 1; left: 10px;}
  .flex-direction-nav .flex-next { opacity: 1; right: 10px;}
.modulos {float:left;width:96%;padding:2%;}
.parrafo {float:right;width:45%;margin:2.5em 1em 0.5em 1em;clear:left;}
.modulos img {float:left;width:98%;margin:1% 1% 0 0;padding:1%;border:1px solid #CCCCCC;} 
#services {font-size:0.7em;width:97%;margin:0 auto;padding:1% 3% 0 0;}
.contact p {font-size:90%;}   
.map { display:none;}
.cc { width:25%;}
.follow {width:52%;float:left;height:auto;padding:2% 0 0 1%;}
#fuel {font-size:0.8em;}
.ethanol2 {margin:1em 0 1em 1em;}
}
 
 @media screen and (max-width: 600px) {
 #container {display:none;}
#logotop {width:100%;padding:0.5% 0 0.3% 0%;}
.logo {margin:1% 0 1% 0%;width:65%;padding:0;float:none;text-align:center;}
.logo2 {width:70%;}
#barra {width:100%;margin:0;padding:0.7em 0 0 0;}
#navlist {width:100%;}
#navlist .sec1, #navlist .sec2, #navlist .sec3 {width:100%;}
#navlist li {line-height:1.3em;font-size:90%;margin:0;padding:0;text-align:left;}
#corpus h1 {width:97%;margin:5% 0 3% 3%;}
#servicios {width:96%;padding:0 2% 4% 1%;border:1px solid yewllow;}
.modulos {float:left;width:96%;padding:2%;}
.parrafo {float:right;width:98%;margin:2%;clear:left;}
.modulos img {float:left;width:96%;margin:1% 0 0 0;padding:2%;border:1px solid #CCCCCC;} 
.contact {width:96%;float:right;height:auto;padding:2%;}
.contact p {font-size:100%;line-height:1.8em;color:#CCCCCC;text-align:right;padding:1em 0 0 0;}
.copy {font-size:0.9em;margin:0.5em 0 0 0;}
.contactdata {width:95%;float:left;padding:1% 3% 1.5% 2%;}
.follow {width:96%;float:none;text-align:center; margin:0 auto;height:auto;padding:2%;}  
.map { display:none;}
.cc { width:17%;padding:1em 0em 0 0.5em;}
#fuel {font-size:0.9em;}
.bottom {width:96%;float:right;height:auto;padding:2%;clear:left;text-align:right;}
.bottom p {line-height:1.8em;color:#CCCCCC;}
.blanco {display:none;}
}

 @media only screen and (max-device-width: 600px) and (orientation : portrait) {
 #container {display:none;}
#logotop {width:100%;padding:0.5% 0 0.3% 0%;}
.logo {margin:1% 0 1% 0%;width:65%;padding:0;float:none;text-align:center;}
.logo2 {width:70%;}
#barra {width:100%;margin:0;padding:0.7em 0 0 0;}
#navlist {width:100%;}
#navlist .sec1, #navlist .sec2, #navlist .sec3 {width:100%;}
#navlist li {line-height:1.3em;font-size:90%;margin:0;padding:0;text-align:left;}
#corpus h1 {width:97%;margin:5% 0 3% 3%;}
#servicios {width:96%;padding:0 2% 4% 1%;border:1px solid yewllow;}
.modulos {float:left;width:96%;padding:2%;}
.parrafo {float:right;width:98%;margin:2%;clear:left;}
.modulos img {float:left;width:96%;margin:1% 0 0 0;padding:2%;border:1px solid #CCCCCC;} 
.contact {width:96%;float:right;height:auto;padding:2%;}
.contact p {font-size:100%;line-height:1.8em;color:#CCCCCC;text-align:right;padding:1em 0 0 0;}
.copy {font-size:0.9em;margin:0.5em 0 0 0;}
.contactdata {width:95%;float:left;padding:1% 3% 1.5% 2%;}
.follow {width:96%;float:none;text-align:center; margin:0 auto;height:auto;padding:2%;}  
.map { display:none;}
.cc { width:17%;padding:1em 0em 0 0.5em;}
#fuel {font-size:0.9em;}
.bottom {width:96%;float:right;height:auto;padding:2%;clear:left;text-align:right;}
.bottom p {line-height:1.8em;color:#CCCCCC;}
.blanco {display:none;}
}
 
 
 @media only screen and (max-device-width: 600px) and (orientation : landscape) {
 #container {display:none;}
#logotop {width:100%;padding:0.5% 0 0.3% 0%;}
.logo {margin:1% 0 1% 0%;width:65%;padding:0;float:none;text-align:center;}
.logo2 {width:70%;}
#barra {width:100%;margin:0;padding:0.7em 0 0 0;}
#navlist {width:100%;}
#navlist .sec1, #navlist .sec2, #navlist .sec3 {width:100%;}
#navlist li {line-height:1.3em;font-size:90%;margin:0;padding:0;text-align:left;}
#corpus h1 {width:97%;margin:5% 0 3% 3%;}
#servicios {width:96%;padding:0 2% 4% 1%;border:1px solid yewllow;}
.modulos {float:left;width:96%;padding:2%;}
.parrafo {float:right;width:98%;margin:2%;clear:left;}
.modulos img {float:left;width:96%;margin:1% 0 0 0;padding:2%;border:1px solid #CCCCCC;} 
.contact {width:96%;float:right;height:auto;padding:2%;}
.contact p {font-size:100%;line-height:1.8em;color:#CCCCCC;text-align:right;padding:1em 0 0 0;}
.copy {font-size:0.9em;margin:0.5em 0 0 0;}
.contactdata {width:95%;float:left;padding:1% 3% 1.5% 2%;}
.follow {width:96%;float:none;text-align:center; margin:0 auto;height:auto;padding:2%;}  
.map { display:none;}
.cc { width:17%;padding:1em 0em 0 0.5em;}
#fuel {font-size:0.9em;}
.bottom {width:96%;float:right;height:auto;padding:2%;clear:left;text-align:right;}
.bottom p {line-height:1.8em;color:#CCCCCC;}
.blanco {display:none;}
}