@media screen and (max-width:1366px)
{.contenedor{width:60%}
.nav{ width:100%;
      text-align:center;
	  }
.img1{ margin-right:20px; }
	  
.imghome{ text-align:center;}
 
 .img2 { float:left;
     margin:0px 0px 15px 0px;	}
.img4 {  float:right;
      margin:0px 0px 0px 0px;}
	  
	  
 }

 @media screen and (max-width:1280px)
{.contenedor{width:60%}
.nav{ width:100%;
      text-align:center;
	  }
.img1{ margin-right:20px;
	  }
 }
  @media screen and (max-width:1152px)
{.contenedor{width:65%}
.nav{ width:100%;
      text-align:center;
	  }
.img1{ margin-right:20px;
	  }
 }
 
 
@media screen and (max-width:1024px)
{.contenedor{width:88%}
.nav{ width:100%;
      text-align:center; }
}

@media screen and (max-width:900px)
{ header{text-align:center;}
.nav{ width:100%;
      text-align:center;  }
 .img1{
 margin-right:20px;
 margin-bottom:10px; }
.imghome{ text-align:center;}
 .img2 { 
     float:none;
     margin:0px 0px 15px 0px;	}
.img4 {
      float:none;
      margin:0px 0px 0px 0px;}
 
 }

  @media screen and (max-width: 768px) {
 .contenedor{width:90%}

 .col{ min-height:250px;}/* min-height ancho minimo que tiene una columna si tiene mas contenido se agranda si tien menos que 250 queda de 250 igual*/
 .nav{ width:100%;
      text-align:center; }

 
 .imghome{ text-align:center;}
 
 .img2 { 
     float:none;
     margin:0px 0px 15px 0px;	}
.img4 {
      float:none;
      margin:0px 0px 0px 0px;}
		
	footer{height:200px;}
  
	.col1 img{
	text-align:center;
    margin-left:10px;
	width:60%;
	float:left;
	} 
	 .col1 {
	 min-height:50px;
	 font-size:9px;
	 float:left;
	line-height:12px;
	 }
	 .col2 p{
	 font-size:12px;
	 float:left;
	 line-height:14px;
	 padding-top:0px;
	 }
	 .col1port{
	  font-size:15px;
	  text-align:none;
      margin-bottom:40px;
      margin-top:40px;
	  
	 }
	 .col1conf{
	  font-size:12px;
	  text-align:none;
      margin-bottom:40px;
      margin-top:40px;
	  min-width:250px;
	  
	  
	 }
	 
	 .col2 {
     padding-top:0px;
	 }
	 h6{
	 font-size:12px;
	 margin-bottom:0px;
     margin-top:30px;
	 }
	 

	 .productos{
	 float:none;
     width:100%;
     margin-bottom:10px;
     margin-top:10px; } 

   .img1{
   float:none;
   margin-top:15px;
   margin:auto;
   margin-bottom:10px;
   margin-right:5px;
    }
 
   
  .exportaciones{
   padding-bottom:20px;
   height:100%;
   }
  
  .colexp2{
  float:none;
  width:90%;
  text-align:left;
  margin:15px 10px 0px 20px;
  line-height:14px;}
 
  .colexp1{
  float:left;
  width:90%;
  text-align:right;
  line-height:14px;
  margin-bottom:20px;
  text-align:center;}
  
  .institucional{
  height:100%;
  padding-bottom:20px; }
  
  .contacto{
  height:100%;
  padding-bottom:10px;
  margin-top:10px;
  margin-bottom:15px; 

  }
  
  .colcont3{
  float:none;
  margin:0px;}
  
  
  form{
  float:none;
  width:100%;}
   
  .txt-form{
   float:none;
   width:100%;}
   
   .toggleMenu {/* menu celu*/
    /*display: none; */
	display: block;
   	/*background-image: url("img/theme/blocks.png");*/
    /*background-repeat: no-repeat;
    background-position: right;*/
	width:97%;}
	
	.nav a{
	   float:none;
       width:100%;
       padding-left:0px;
	   padding-right:0px;
	   border-bottom:1px solid #fff;
	}
	
	.border{
	border-top:none;
	/*width:110%;*/	}
	
	
	.border2{
	border-bottom:none;
	/* width:100%;*/}
	
	
	.active {
     display: block;  
	 }
    .nav > li {
        float: none;
    }
    .nav > li > .parent {
        background-position: 95% 50%;
    }
    /*.nav li li .parent {
        background-image: url("images/downArrow.png");
        background-repeat: no-repeat;
        background-position: 95% 50%;
		/*background: #111a32;}*/
    
    .nav ul {
	   /*border-bottom: 1px dotted #fff;*/
       display: block;
       float:none;
       width:100%;
       padding-left:0px;
	   padding-right:0px;
		
    }
   .nav > li.hover > ul , .nav li li.hover ul {
        position: static;
    }
	
 	form{
    float:none;
    width:100%;
    height:100%;
	padding:10px;
	}
    .colcont3{
    float:none;
    margin:20px;
    }
   .txt-form{
   float:none;
   width:100%;
   margin:10px;}
  
  label{
   float:none;
   margin-bottom:10px;
   margin-top:10px;   }
  
  .bt2{
   margin-left:5px;}
   
   .flex-caption{
   font-size:12px;
   }
   .flex-direction-nav li a{
   background: none;
   }
   
   
}

@media screen and (max-width:600px){ 
header{text-align:center; }
.nav{ width:100%;
      text-align:center;
 }
}
@media screen and (max-width:480px)
{ header{text-align:center;}
.nav{ width:100%;
      text-align:center;
 }
}