@charset "UTF-8";

@media all and (max-width: 749px) and (min-width: 300px){



h1 {
    color: #FFFFFF;
    font-family: Arial,Helvetica,sans-serif;
    font-size: 12pt;
    font-weight: bold;
    

    line-height: 10pt;
    min-height: 0px;

    position: relative;
    float: left; /* If you want it to be centered */
    padding-top: 5%;
    }
 
 
text-align: center;
}


.demo_container { width:100%; height:0px; margin:0 0 0 0; padding:0 0 0 0; border-bottom: solid #FFFFFF; border-bottom-width: 0px; }
#demo_top_wrapper { margin:0 0 0 0; padding:0 0 0 0; }
#demo_top { height:25px; margin:0 0 0 0; padding:0 0 0 0; }

#sticky_navigation {
	position: sticky;
	width:100%; 
	height:30px; 
	background:-o-linear-gradient(bottom, #80e5ff 5%, #000000 100%);	
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #80e5ff), color-stop(1, #000000) );
	background:-moz-linear-gradient( center top, #80e5ff 5%, #000000 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr="#80e5ff", endColorstr="#000000");	background: -o-linear-gradient(top,#80e5ff,121212);
	}

#sticky_navigation ul { list-style:none; text-align: left;}
#sticky_navigation ul li { margin:0 0 0 0; padding:0 0 0 0; display:inline; }
#sticky_navigation ul li a { text-decoration: none; display:block; float:left; margin:0 0 0 0; padding:0 0 0 25px; height:25px; line-height:0px; font-size:20px; font-family:Arial, serif; font-weight:bold; color:#FFFFFF; background:url(trans-white.png); -moz-border-radius:3px; -webkit-border-radius:3px; border-radius:3px; }
#sticky_navigation ul li a:hover, 
#sticky_navigation ul li a.selected { color:#FFFFFF; background:url(trans-white.png); }


  #agif{
   width:100px;
    }

  #envasesdeplastico{
   width:450px;
  
    }

  #imgproducto{
   width:400px;
   height:400px;
    }



}


@media all and (max-width: 3000px) and (min-width: 750px){

table#tablacentral {
    width: 100%;
    margin: 0 0 0 0;
  
    padding: 0 0 0 0;
 
    background: #FFFFFF;
    border: 0px solid blue; 
    border-style: solid;
    border-color: blue;
    align: center;
    border-top-left-radius: 0em;
    border-top-right-radius: 0em;
}

table#tablacentral td { 

font-size: 19px;

padding: 0px;
text-align: justify;

}

table#tablacentral a{ 

color:#0101DF;

}





table#tabla_producto {
    width: 85%;
    margin: 0 0 0 0;
  
    padding: 0 0 0 0;
 
    background: #FFFFFF;
    border: 0px solid blue; 
    border-style: solid;
    border-color: blue;
    align: center;
    border-top-left-radius: 0em;
    border-top-right-radius: 0em;
}

table#tabla_producto td {
color: #424242; 
font-size: 17px;
text-align: left;
font-family: Calibri, sans-serif;
vertical-align: top;
}

table#contactanos td { 
color: #424242;
font-family: Calibri, sans-serif;
font-size: 16px;

text-align: left;
vertical-align: top;
}

table#tabla_infoproducto {
    width: 100%;
    margin: 0 0 0 0;
  
    padding: 0 0 0 0;
 
    background: #FFFFFF;
    border: 0px solid blue; 
    border-style: solid;
    border-color: blue;
    align: center;
    border-top-left-radius: 0em;
    border-top-right-radius: 0em;
}

table#tabla_infoproducto td { 
color: #424242;
font-family: Calibri, sans-serif;
font-size: 17px;

text-align: justify;
vertical-align: top;
}

h1 {
    color: #666666;
    font-family: Arial,Helvetica,sans-serif;
    font-size: 12pt;
    font-weight: bold;
    

    line-height: 10pt;
    min-height: 30px;

    position: absolute;
    float: left; /* If you want it to be centered */
    padding-top: 0%;
    }


.demo_container { width:100%; height:0px; margin:0 0 0 0; padding:0 0 0 0; border-bottom: solid #FFFFFF; border-bottom-width: 0px; }
#demo_top_wrapper { margin:0 0 0 0; padding:0 0 0 0; }
#demo_top { height:20px; margin:0 0 0 0; padding:0 0 0 0; }

#sticky_navigation_wrapper { width:100%; height:20px; }
#sticky_navigation { width:100%; height:20px; background:#000000;}
#sticky_navigation ul { list-style:none; text-align: left;}
#sticky_navigation ul li { margin:0 0 0 0; padding:0 0 0 0; display:inline; }
#sticky_navigation ul li a { text-decoration: none; display:block; float:left; margin:0 0 0 0; padding:0 0 0 25px; height:25px; line-height:0px; font-size:20px; font-family:Arial, serif; font-weight:bold; color:#FFFFFF; background:url(trans-white.png); -moz-border-radius:3px; -webkit-border-radius:3px; border-radius:3px; }
#sticky_navigation ul li a:hover, #sticky_navigation ul li a.selected { color:#FFFFFF; background:url(trans-white.png); }

  #agif{
   width:100px;
    }

  #envasesdeplastico{
   width:450px;
  
    }

  #imgproducto{
   width:400px;
   height:400px;
    }



}