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

body{	font-size:20px; font-family: 'Fira Sans', 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; }

.hea{height:0px}
#header{height:0px;  position:absolute; z-index:1000;  width: 100%; }

#logo{margin-top:0px; width:220px; float:left; border: 0px solid #f60;  margin-top:0px; margin-bottom:10px; position:relative; z-index:100}	
#logo img{width:100%}

#ban1{ position:relative; z-index:10;   background:url(../img/index/BAN1.png); background-attachment: fixed; background-size:100%; }
#ban2{ position:relative;  z-index:12; 
-webkit-animation-name: example; /* Safari 4.0 - 8.0 */
    -webkit-animation-duration: 4s; /* Safari 4.0 - 8.0 */
    animation-name: example;
    animation-duration: 4s;
	}
/* Safari 4.0 - 8.0 */
@-webkit-keyframes example {
 0%   {left:-50%; top:0px;}
  100% { left:0px; top:0px;}
}

/* Standard syntax */
@keyframes example {
 0%   {left:-50%; top:0px;}
  100% {left:0%; top:0px;}
}


#fondo1{background:#fff  }
#fondo2{background:#72A3DD}
#fondo3{background:url(../img/index/seafood-dish-assortment-copy-space.jpg); background-size:100%; background-attachment:fixed;}

#mision0{padding-top:50px; }
#mision1{width:100%; float:left; }

.misi1{ background-image: url(../img/index/healthy-nature-earth-cultivated-ecology.jpg);   background-repeat: no-repeat;
 background-position: left bottom;  background-size:40% }
#misi11 img{width:40%}
#misi2{width:55%; float:right;  margin-right:2%; margin-bottom:50px }


#servicios1{width:45%; float:left;  }
#servicios2{width:45%; float:right;  }

#estrategia1{width:100%;  margin-top:70px; margin-bottom:70px; }

#mapa1{width:55%; float:left; margin-top:50px; margin-bottom:50px; }
#mapa2{width:40%; float:right; margin-top:50px; margin-bottom:50px; }

#cua1{width:100%; float:none; background-size:100%; font-size:25px; color:#683C15; font-weight:400; }
#cu1{font-size:27px; color:#006837; font-weight:700; line-height:35px; cursor: pointer; font-family: 'Yanone Kaffeesatz', sans-serif; }
.cata{ margin-left:-10px; margin-top:0PX; margin-bottom:0px}


#txt1{font-size:35px; color:#006837; font-weight:700; margin-bottom:10px;  font-family: 'Fira Sans', sans-serif;  }
#txt2{font-size:25px; color:#232323;  position:relative; font-weight:400; }
#txt4{font-size:25px; color:#232323;  position:relative; font-weight:400; margin-bottom:15px }
#txt5{font-size:25px; color:#fff;  position:relative; font-weight:300;  }
#txt6{font-size:25px; color:#FFF; font-weight:700;    font-family: 'Fira Sans', sans-serif;  }


p{text-align:justify}
#maps{	width: 100%;	height: 400px;	}

#contaa1{width:45%; float:left;   margin-top:70px; margin-bottom:40px; }
#contaa2{width:45%; float:right;   margin-top:70px; margin-bottom:40px; }
#cont1{height:40px; background:NONE; width:95%; border:0px; margin-bottom:20px; color:#999; font-size:15px; border-bottom:2PX solid #ccc;  }
#bot{background:url(../img/index/bg%20verde.png); color:#fff; font-size:18px; border-radius:3px; line-height:24px; border:0px; padding:6px;}
#bot2{background:url(../img/index/bg%20verde2.png); color:#fff; font-size:18px; border-radius:3px; padding:6px;  line-height:24px; border:0px; }


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

#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;
}




@media screen and (min-width: 1024px) and (max-width: 1199px) {
#contenedor1{	border: 0px solid #F00;	}

#txt1{font-size:30px; color:#006837; font-weight:700; margin-bottom:10px;  font-family: 'Fira Sans', sans-serif;  }
#txt2{font-size:20px; color:#232323;  position:relative; font-weight:400; }
#txt4{font-size:20px; color:#232323;  position:relative; font-weight:400; margin-bottom:15px }

.misi1{ background-image: url(../img/index/healthy-nature-earth-cultivated-ecology.jpg);   background-repeat: no-repeat;
 background-position: left bottom;  background-size:40% }
#misi11 img{width:40%}
#misi2{width:55%; float:right;  margin-right:2%; margin-bottom:50px }


#cua1{width:100%; float:none; background-size:100%; font-size:20px; color:#683C15; font-weight:400; }
#cu1{font-size:25px; color:#006837; font-weight:700; line-height:35px; cursor: pointer; font-family: 'Yanone Kaffeesatz', sans-serif; }
.cata{ margin-left:-10px; margin-top:0PX; margin-bottom:0px}

}

@media screen and (min-width: 800px) and (max-width: 1024px) {
#contenedor1{	border: 0px solid #390;	}

.hea{height:0px}
#header{height:0px;  position:relative; z-index:1000;  width: 100%; }
#reds{border: 0px solid #f60; width:50px; font-size:16px; height:54px; float:right; text-align:right; margin-top:40px;}	
#logo{margin-top:7px; width:150px; float:left; border: 0px solid #f60;  margin-bottom:10px; position:relative; z-index:100}	
#logo img{width:100%}

#ban1{ position:relative; z-index:10;   background:url(../img/index/BAN1.png); background-attachment: none; background-size:100%; margin-top:120px}
#ban2{ position:relative;  z-index:12; 
-webkit-animation-name: example; /* Safari 4.0 - 8.0 */
    -webkit-animation-duration: 4s; /* Safari 4.0 - 8.0 */
    animation-name: example;
    animation-duration: 4s;
	}
/* Safari 4.0 - 8.0 */
@-webkit-keyframes example {
 0%   {left:-50%; top:0px;}
  100% { left:0px; top:0px;}
}

/* Standard syntax */
@keyframes example {
 0%   {left:-50%; top:0px;}
  100% {left:0%; top:0px;}
}


#txt1{font-size:30px; color:#006837; font-weight:700; margin-bottom:10px;  font-family: 'Fira Sans', sans-serif;  }
#txt2{font-size:20px; color:#232323;  position:relative; font-weight:400; }
#txt4{font-size:20px; color:#232323;  position:relative; font-weight:400; margin-bottom:15px }

.misi1{ background-image: url(../img/index/healthy-nature-earth-cultivated-ecology.jpg);   background-repeat: no-repeat;
 background-position: left bottom;  background-size:60% }
#misi11 img{width:100%}
#misi2{width:85%; float:right;  margin-right:5%; margin-bottom:50px; background:url(../img/tras.png); padding:20px; }

#cua1{width:100%; float:none; background-size:100%; font-size:20px; color:#683C15; font-weight:400; }
#cu1{font-size:25px; color:#006837; font-weight:700; line-height:35px; cursor: pointer; font-family: 'Yanone Kaffeesatz', sans-serif; }
.cata{ margin-left:-10px; margin-top:0PX; margin-bottom:0px}

#fondo3{background:url(../img/index/seafood-dish-assortment-copy-space.jpg); background-size:150%; background-position:-180px; background-attachment:fixed;}
#mapa1{width:70%; float:left; margin-top:50px; margin-bottom:50px; }

#contaa1{width:100%; float:left;   margin-top:50px; margin-bottom:40px; }
#contaa2{width:100%; float:right;   margin-top:10px; margin-bottom:50px; }

#f11{float:none; width:100%; text-align:center; border: 0px solid #0C6; }
#f22{float:none; width:100%; text-align:center; border: 0px solid #0C6;  margin-top:10px}
#f33{float:none; width:100%; text-align:center; border: 0px solid #0C6;  margin-top:10px}

}



@media screen and (min-width: 600px) and (max-width: 799px) {
#contenedor1{	border: 0px solid #FC6;	}
	
.hea{height:0px}
#header{height:0px;  position:relative; z-index:1000;  width: 100%; }
#reds{border: 0px solid #f60; width:50px; font-size:16px; height:54px; float:right; text-align:right; margin-top:40px;}	
#logo{margin-top:7px; width:150px; float:left; border: 0px solid #f60;  margin-bottom:10px; position:relative; z-index:100}	
#logo img{width:100%}

#ban1{ position:relative; z-index:10;   background:url(../img/index/BAN1.png); background-attachment: none; background-size:100%; margin-top:120px}
#ban2{ position:relative;  z-index:12; 
-webkit-animation-name: example; /* Safari 4.0 - 8.0 */
    -webkit-animation-duration: 4s; /* Safari 4.0 - 8.0 */
    animation-name: example;
    animation-duration: 4s;
	}
/* Safari 4.0 - 8.0 */
@-webkit-keyframes example {
 0%   {left:-50%; top:0px;}
  100% { left:0px; top:0px;}
}

/* Standard syntax */
@keyframes example {
 0%   {left:-50%; top:0px;}
  100% {left:0%; top:0px;}
}


#txt1{font-size:25px; color:#006837; font-weight:700; margin-bottom:10px;  font-family: 'Fira Sans', sans-serif;  }
#txt2{font-size:18px; color:#232323;  position:relative; font-weight:400; }
#txt4{font-size:18px; color:#232323;  position:relative; font-weight:400; margin-bottom:15px }

#mision0{padding-top:40px; }

.misi1{ background-image: url(../img/index/healthy-nature-earth-cultivated-ecology.jpg);   background-repeat: no-repeat;
 background-position: left bottom;  background-size:60% }
#misi11 img{width:100%}
#misi2{width:85%; float:right;  margin-right:5%; margin-bottom:50px; background:url(../img/tras.png); padding:20px; }

#cua1{width:100%; float:none; background-size:100%; font-size:18px; color:#683C15; font-weight:400; }
#cu1{font-size:20px; color:#006837; font-weight:700; line-height:35px; cursor: pointer; font-family: 'Yanone Kaffeesatz', sans-serif; }
.cata{ margin-left:-10px; margin-top:0PX; margin-bottom:0px}

#fondo3{background:url(../img/index/seafood-dish-assortment-copy-space.jpg); background-size:165%; background-position:-165px; background-attachment:fixed;}
#mapa1{width:100%; float:left; margin-top:50px; margin-bottom:50px; background:url(../img/tras2.png) }

#contaa1{width:100%; float:left;   margin-top:50px; margin-bottom:40px; }
#contaa2{width:100%; float:right;   margin-top:10px; margin-bottom:50px; }

#f11{float:none; width:100%; text-align:center; border: 0px solid #0C6; }
#f22{float:none; width:100%; text-align:center; border: 0px solid #0C6;  margin-top:10px}
#f33{float:none; width:100%; text-align:center; border: 0px solid #0C6;  margin-top:10px}

}


@media screen and (min-width: 480px) and (max-width: 599px) {
#contenedor1{	border: 0px solid #000;	}
	
.hea{height:0px}
#header{height:0px;  position:relative; z-index:1000;  width: 100%; }
#reds{border: 0px solid #f60; width:50px; font-size:16px; height:54px; float:right; text-align:right; margin-top:40px;}	
#logo{margin-top:7px; width:150px; float:left; border: 0px solid #f60;  margin-bottom:10px; position:relative; z-index:100}	
#logo img{width:100%}

#ban1{ position:relative; z-index:10;   background:url(../img/index/BAN1.png); background-attachment: none; background-size:100%; margin-top:120px}
#ban2{ position:relative;  z-index:12; 
-webkit-animation-name: example; /* Safari 4.0 - 8.0 */
    -webkit-animation-duration: 4s; /* Safari 4.0 - 8.0 */
    animation-name: example;
    animation-duration: 4s;
	}
/* Safari 4.0 - 8.0 */
@-webkit-keyframes example {
 0%   {left:-50%; top:0px;}
  100% { left:0px; top:0px;}
}

/* Standard syntax */
@keyframes example {
 0%   {left:-50%; top:0px;}
  100% {left:0%; top:0px;}
}


#txt1{font-size:22px; color:#006837; font-weight:700; margin-bottom:10px;  font-family: 'Fira Sans', sans-serif;  }
#txt2{font-size:16px; color:#232323;  position:relative; font-weight:400; }
#txt4{font-size:16px; color:#232323;  position:relative; font-weight:400; margin-bottom:15px }

#mision0{padding-top:40px; }
.misi1{ background-image: url(../img/index/healthy-nature-earth-cultivated-ecology.jpg);   background-repeat: no-repeat;
 background-position: left bottom;  background-size:100% }
#misi11 img{width:100%}
#misi2{width:85%; float:right;  margin-right:5%; margin-bottom:50px; background:url(../img/tras.png); padding:20px; }

#cua1{width:100%; float:none; background-size:100%; font-size:17px; color:#683C15; font-weight:400; }
#cu1{font-size:20px; color:#006837; font-weight:700; line-height:35px; cursor: pointer; font-family: 'Yanone Kaffeesatz', sans-serif; }
.cata{ margin-left:-10px; margin-top:0PX; margin-bottom:0px}

#fondo3{background:url(../img/index/seafood-dish-assortment-copy-space.jpg); background-size:200%; background-position:-280px; background-attachment:fixed;}
#mapa1{width:100%; float:left; margin-top:50px; margin-bottom:50px; background:url(../img/tras2.png) }

#contaa1{width:100%; float:left;   margin-top:30px; margin-bottom:20px; }
#contaa2{width:100%; float:right;   margin-top:10px; margin-bottom:30px; }

#f11{float:none; width:100%; text-align:center; border: 0px solid #0C6; }
#f22{float:none; width:100%; text-align:center; border: 0px solid #0C6;  margin-top:10px}
#f33{float:none; width:100%; text-align:center; border: 0px solid #0C6;  margin-top:10px}

}


@media screen and (min-width: 320px) and (max-width: 479px) {
#contenedor1{	border: 0px solid #000;	}
	
	
.hea{height:0px}
#header{height:0px;  position:relative; z-index:1000;  width: 100%; }
#reds{border: 0px solid #f60; width:50px; font-size:16px; height:54px; float:right; text-align:right; margin-top:40px;}	
#logo{margin-top:7px; width:150px; float:left; border: 0px solid #f60;  margin-bottom:10px; position:relative; z-index:100}	
#logo img{width:100%}

#ban1{ position:relative; z-index:10;   background:url(../img/index/BAN1.png); background-attachment: none; background-size:100%; margin-top:120px}
#ban2{ position:relative;  z-index:12; 
-webkit-animation-name: example; /* Safari 4.0 - 8.0 */
    -webkit-animation-duration: 4s; /* Safari 4.0 - 8.0 */
    animation-name: example;
    animation-duration: 4s;
	}
/* Safari 4.0 - 8.0 */
@-webkit-keyframes example {
 0%   {left:-50%; top:0px;}
  100% { left:0px; top:0px;}
}

/* Standard syntax */
@keyframes example {
 0%   {left:-50%; top:0px;}
  100% {left:0%; top:0px;}
}


#txt1{font-size:19px; color:#006837; font-weight:700; margin-bottom:10px;  font-family: 'Fira Sans', sans-serif;  }
#txt2{font-size:14px; color:#232323;  position:relative; font-weight:400; }
#txt4{font-size:14px; color:#232323;  position:relative; font-weight:400; margin-bottom:15px }

#mision0{padding-top:10px; }
.misi1{ background-image: url(../img/index/healthy-nature-earth-cultivated-ecology.jpg);   background-repeat: no-repeat;
 background-position: left bottom;  background-size:100% }
#misi11 img{width:100%}
#misi2{width:90%; float:right;  margin-right:0%; margin-bottom:50px; background:url(../img/tras.png); padding:20px; }

#cua1{width:100%; float:none; background-size:100%; font-size:14px; color:#683C15; font-weight:400; }
#cu1{font-size:19px; color:#006837; font-weight:700; line-height:35px; cursor: pointer; font-family: 'Yanone Kaffeesatz', sans-serif; }
.cata{ margin-left:-10px; margin-top:0PX; margin-bottom:0px}

#fondo3{background:url(../img/index/seafood-dish-assortment-copy-space.jpg); background-size:250%; background-position:-350px; background-attachment:fixed;}
#mapa1{width:100%; float:left; margin-top:50px; margin-bottom:50px; background:url(../img/tras2.png) }

#contaa1{width:100%; float:left;   margin-top:20px; margin-bottom:20px; }
#contaa2{width:100%; float:right;   margin-top:0px; margin-bottom:20px; }

#f11{float:none; width:100%; text-align:center; border: 0px solid #0C6; }
#f22{float:none; width:100%; text-align:center; border: 0px solid #0C6;  margin-top:10px}
#f33{float:none; width:100%; text-align:center; border: 0px solid #0C6;  margin-top:10px}

}