@import url('reset.css');
@import url('stylesheet.css');

/*--estilos generales--*/

body {
	background: #fff;
	font-family: 'Abel', sans-serif;
	box-sizing: border-box;
}



/*---------------------------- header ----------------------------*/



header {
	float: left;
	width:100%;
	height: 160px;
/*	margin-bottom: 160px;*/
	background-color: #fff;/*rgba( 0,0,0, .5)*/
	position: fixed;
	top: 0;
/*	box-shadow: 1px 3px 10px #020202;
	 -moz-box-shadow: 1px 3px 10px #020202;
	 -webkit-box-shadow: 1px 3px 10px #020202;*/
	z-index: 100;
	 }


.toptitulo { 
	background-color: #2f6335;
	display: inline-block;
	height: 40px;
	width: 100%;
/*	margin-bottom: 20px;*/
	color: #fff;
	font-family: 'Abel';
	font-size: 1.0em;
	line-height: 40px;
	padding: 0 20px;
	}
.toptitulo .lnr {
	display: inline-block;
	float: left;
	width: 42px;
	height: 40px;
	color: #fff;
	margin: auto;
	font-size: 20px;
	line-height: 36px;
	}

.toptitulo a { 
	float: right;
	margin: auto;
	margin-right: 16px;
	display: block;
	width: 200px;
	color: #fff;
	font-family: 'Abel';
	font-size: 1.0em;
	text-decoration: none;
	}
		.toptitulo a:hover { color: #54921f;}
		.toptitulo a span:hover { color: #54921f; }

#subheader { 
/*	background-color: #efe;*/
	width: 100%;
	height: 100px;
	margin: 0 auto;}
#logotipo { float: left; width: 230px;  margin-top: 30px;}

img.logo{
	float: left;
	display: block;
	width: 230px;
	margin: auto;
/*	box-shadow: 1px 3px 8px #020202;
	 -moz-box-shadow: 1px 3px 8px #020202;
	 -webkit-box-shadow: 1px 3px 8px #020202;*/
}

.menu_bar{ 
/*	background-color: #fef;*/
	display: inline-block;
	float: right;
	width: 210px;
	margin-top: 50px;
/*	position: absolute;*/
	}
.menu_bar .botonmenu{ 
	display: inline-block;
	margin: auto;
/*	margin-top: 20px;*/
	height: 20px;
	width: 108px;
	color: #54921f;
	text-align: center;
	font-size: 1.1em;
	text-decoration: none;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box;
	}
	.menu_bar a p { 
		display: block;
		margin: auto;
		float: right;
		width: 50px;
		margin-right: 18px;
		font-family: 'Abel', serif;
		font-size: 1.0em;
		color: #54921f;

		}
		.menu_bar span {
			display: inline-block;
			float: left;
			margin: auto;
			line-height: 20px;
			text-align: center;
			font-size: 20px;
			
			}
.navbar {
	display: block;
	float: left;
	top: 0;
	left: -100%;
	width: 80%;
	max-width: 228px;
	position: fixed;
	margin-top: 161px;
	padding-bottom: 5px;
	background: url('../images/bac_www_00_up_29.gif');
	}
	.navbar ul {
		display: block;
		float: left;
		width: 100%;
		padding: 0;
		margin: auto;
		overflow: hidden;
		list-style: none;
		border: 1px solid #fff;/*#8d8d8d*/
		}
	.navbar ul li a { background-color: #fff;/*#ebebeb*/
		display: block;
		width: 100%;
		float: left;
		margin: auto;
		line-height: 54px;
		text-decoration: none;
		font-family: 'Abel','serif';
		text-align: center;
		font-size: 1.1em;
		color: #8d8d8d;
		border-bottom: 1px solid #8d8d8d;
		}
		.navbar ul li a#last { border-bottom: 1px solid #fff;}

/*---------------------------- layout -----------------------------*/
/*---------------------------- layout -----------------------------*/
/*---------------------------- layout -----------------------------*/

.layout {
	width: 100%;
/*	background-color: green;*/

	display: flex;
/*	justify-content: space-between;*/
	align-items:center;

	-webkit-flex-direction: column;
	-moz-flex-direction: column;
	-ms-flex-direction: column;
	-o-flex-direction: column;
	flex-direction: column;
	-webkit-flex-wrap: wrap;
	-moz-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	-o-flex-wrap: wrap;
	flex-wrap: wrap;

}
.layout.quienes{ /*background-color: yellow;*/
/*	display: inline-block;*/
	margin: auto;
	margin-top: 160px;
	width: 100%;

/*	background: url('../images/bac_vegies_02.png');
	background-position: center bottom;
	background-repeat: no-repeat; */

   }
.layout.mision{ 
/*	display: inline-block;*/
	margin: auto;
	width: 100%;
   }
  .layout.productos{ background-color: #f4f4f4;
/*	display: inline-block;*/
	margin: auto;
	margin-top: 160px;
	width: 100%;
	padding-bottom: 40px;
	border-bottom: 1px solid #dddddd;
	}

.layout.noticias { background-color: #54921f;
	float: left;
	margin: auto;
	width: 100%;
/*	height: 620px;*/
	}

.layout.organicos {/* background-color: #fef;*/
	float: left;
	margin: auto;
	width: 100%;
	border-bottom: 1px solid #dddddd;/*#8d8d8d*/
	}
.layout.contacto {/* background-color: red;*/
	display: inline-block;
	float: left;
	margin: auto;
	width: 100%;

	}

.layout.gallery { background-color: #f7f7f7;
	float: left;
	margin: auto;
	width: 100%;
	padding-bottom: 40px;
	}

.layout.dir { 
	float: left;
	margin: auto;
	width: 100%;
	margin-top: 160px;
	box-sizing: border-box;

	}

/*--------------------------- wrap main --------------------------*/
	.wrapperx1 { 
		display: block;
		float: left; 
		width: 100%;

		
		display: -webkit-flex;
		display: -moz-flex;
		display: -ms-flex;
		display: -o-flex;
		display: flex;
		
		justify-content:space-between;
		flex-direction:column;
		flex-wrap:wrap;
		}

	.wrapperx2 { /*background-color: green;*/
		display: block;
		float: left; 
		width: 100%;

		
		display: -webkit-flex;
		display: -moz-flex;
		display: -ms-flex;
		display: -o-flex;
		display: flex;
		
		justify-content:space-between;
		flex-direction:row;
		flex-wrap:wrap;
		}
	.gridx2 { /*background-color: green;*/
		width: 90%;
		max-width: 800px;
		grid: 
		'uno dos '
		'tres cuatro ';
		
		display: grid;
		grid-gap:20px;	
		}

	.gridx3 { /*background-color: green;*/
		width: 90%;
		max-width: 1300px;
		grid:
		'uno dos tres'
		'cuatro cinco seis '
		;
		display: grid;
		grid-gap:20px;

		}

	.wrapperx3 { /*background-color: gray;*/
		display: inline-block;
		float: left; 
		width: 100%;

		margin: 0 auto;
		max-width: 1300px;
		padding: 10px;
		box-sizing: border-box;
		
		display: -webkit-flex;
		display: -moz-flex;
		display: -ms-flex;
		display: -o-flex;
		display: flex;
		
		justify-content:space-between;
		flex-direction:row;
		flex-wrap:wrap;
		}


/*---------------------------contenidos--------------------------*/



#productos {
	display: inline-block;
	float: left;
	width: 100%;
	margin-bottom: 10px;


	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
		
	justify-content:space-between;
	align-items:center;
	flex-direction:row;
	flex-wrap:wrap;

	}

#fenologicos {
	display: inline-block;
	float: left;
	width: 100%;
	margin-bottom: 10px;

	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
		
	justify-content:space-between;
	align-items:center;
	flex-direction:row;
	flex-wrap:wrap;

	}

#galeria {
	display: inline-block;
	float: left;
	width: 100%;
	margin-bottom: 10px;


	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
		
	justify-content:space-between;
	align-items:center;
	flex-direction:row;
	flex-wrap:wrap;

	}

#fichastec {
	display: inline-block;
	float: left;
	width: 100%;
	margin-bottom: 10px;

	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
		
	justify-content:space-between;
	align-items:center;
	flex-direction:row;
	flex-wrap:wrap;

	}



/*-----------------------------------------------------------------*/


img.vid{ width: 100%; margin-top: 0; }

a.mas {
	display: block;
	float: right;
	font-family: 'Abel';
	font-size: 1.0em;
	color: #54921f;
	text-align: center;
	text-decoration: none;
	margin-right: 10px;
	margin-bottom: 10px;
	}
	a.mas:hover { color: gray;}

a.maslide {
	display: block;
	float: right;
	font-family: 'Abel';
	font-size: 1.0em;
	color: #fff;
	text-align: center;
	text-decoration: none;
	margin-right: 10px;
	margin-bottom: 10px;
	}
	a.maslide:hover { color: #54921f;}

/*-------------------------------------------------------------*/
/*-------------------------------------------------------------*/
/*-------------------------------------------------------------*/

.head {/*background-color: #fef;*/
	float: left;
	width: 90%;
	font-family: 'Abel';
	font-size:1.6em;
	color: #fff;
	text-align: center;

	margin: 20px auto;
	
	}
	.darkgreen .head {/*background-color: #fef;*/
	text-align: center;
	margin: 20px auto;
	margin-top: 120px;
	
	}

.head.alterno {/*background-color: #54921f;*/
	float: left;
	width: 90%;
	font-family: 'Abel';
	font-size:1.6em;
	color: #54921f;
	text-align: center;
	padding-bottom: 6px;
	padding-top: 8px;
	margin: 20px auto;
	margin-top: 20px;	
	}
	.lightgreen .head.alterno {margin-top: 90px;}


h1{
	display: inline-block;
	float: left;
	width: 90%;
	height: 40px;
	font-size: 1.2em;
	margin:0;
	line-height: 40px;
	}

h2#titulo { 
	display: block;
	float: left;
	width: 98%;
	color: #54921f;
	text-align: center;
	font-size: 1.6em;
	font-weight: normal;
	margin-top: 30px;
	margin-bottom: 14px;
	padding-bottom: 0px;
	}

h2#titulo01 { 
	display: block;
	float: left;
	width: 98%;
	color: #54921f;
	text-align: center;
	font-size: 1.2em;
	font-weight: normal;
	margin-top: 10px;
	margin-bottom: 14px;
	padding-bottom: 0px;
	}
	.neworganics#fens h2#titulo01 {
		height: 76px;
		margin-bottom: 10px;
		font-weight: normal;
		}
	.neworganics#areasinst h2#titulo { 
		display: block;
		float: left;
		width: 100%;
		color: #54921f;
		text-align: center;
		font-size: 1.6em;
		font-weight: normal;
		margin-top: 30px;
		margin-bottom: 14px;
		padding-bottom: 0px;
		}

h2#titlat { 
	display: block;
	float: left;
	width: 54%;
	color: #54921f;
	text-align: left;
	font-size: 1.6em;
	margin-top: 30px;
	margin-bottom: 14px;
	padding-bottom: 0px;
	}

h2#titcontacto { 
	display: block;
	float: left;
	width: 98%;
	color: #54921f;
	text-align: left;
	font-size: 1.6em;
	margin-top: 30px;
	margin-bottom: 14px;
	padding-bottom: 0px;
	font-weight: normal;
	}
h2#titprod {
	display: inline-block;
	float: right;
	width: 60%;
	height: 28px;
	line-height: 30px;
	color: #54921f;
	font-size: 1.2em;
	font-weight: normal;
	margin-top: 20px;
	margin-bottom: 4px;
	border-bottom: 1px solid #d9d9d9;
	padding-right: 4px;
	box-sizing: border-box;
	}
	h2#titprod .redtag {
		display: inline-block;
		float: right;
		margin: auto;
		margin-top: 2px;
		height: 20px;
		line-height: 22px;
		color: fff;
		font-size: 0.8em;
		padding:0 4px;
		background-color: red;
		border-radius: 8px 0 8px 0; }

h2#titprodxl {
	display: inline-block;
	float: right;
	width: 60%;
	height: 28px;
	line-height: 30px;
	color: #54921f;
	font-size: 1.2em;
	font-weight: normal;
	margin-top: 20px;
	margin-bottom: 4px;
	border-bottom: 1px solid #d9d9d9;
	padding-right: 4px;
	box-sizing: border-box;
	}
	h2#titprodxl .numbers {
		display: inline-block;
		float: right;
		margin: auto;
		height: 16px;
		line-height: 18px;
		color: #54921f;
		font-size: 0.8em;
		padding:0;
		 }

h2#titfeno {
	display: block;
	float: left;
	margin: auto;
	width: 99%;
	height: 70px;
	color: #54921f;
	font-size: 1.1em;
	margin-top: 10px;
	border-bottom: 1px solid #d9d9d9;
	}
h2#titfichas {
	display: block;
	float: left;
	margin: auto;
	width: 160px;
	color: #54921f;
	font-size: 1.1em;
	margin-top: 30px;
	border-bottom: 1px solid #d9d9d9;
	}
	h2#titfichas .redtag2 {float: right;margin-top: 1px; font-size: 0.9em; color: fff; padding:0 4px; background-color: red; border-radius: 8px 8px 0 0; }


h3 {
	display: block;
	float: left;
	width: 100%;
	height: 46px;
	margin:0;
	line-height: 46px;
	text-align: center;
	color: #54921f;
	font-size: 1.2em;
	}
h4 {
	display: inline-block;
	float: right;
	width: 69%;
	height: 40px;
	font-size: 1.2em;
	margin:0;
	line-height: 40px;
	}
h5 {
	display: inline-block;
	float: right;
	width: 256px;
	color: #fff;/*#54921f*/
	text-align: left;
	font-size: 1.3em;
	margin-left: 4px;
	margin-top: 10px;
	margin-bottom: 2px;
	}

h5.cf {
	display: inline-block;
	float: left;
	margin: auto;
	margin-top: 10px;
	margin-bottom: 2px;
	width: 100%;
	color: #54921f;
	text-align: center;
	font-size: 2.1em;
	}

p {
	display: block;
	float: left;
	font-family: 'Abel';
	text-align: justify;
	color: #8d8d8d;
	font-size: 1.0em;
	}
p.intro{/* background-color: yellow;*/ font-size: 1.2em; text-align: center;}
p.intro2{/* background-color: yellow;*/ font-size: 1.2em; text-align: center; color: #fff;}
p.sub{ 
	display: inline-block;
	margin: auto;
	float: left;
	width: 100%;
	text-align: center;
	margin-bottom: 20px;
	}
	p.sublat{ 
	display: inline-block;
	float: left;
	font-size: 1.0em;
	margin-top: 0;
	width: 54%;
	line-height: 1.15em;
	padding: 0;
	}
p#subomri{/* background-color: yellow;*/
	display: inline-block;
	float: left;
	margin: auto;
	width: 70%;
	font-family: 'Abel';
	text-align: center;
	color: #8d8d8d;
	font-size: 1.2em;
	
	}

p.txtslide{/* background-color: yellow;*/
	display: inline-block;
	float: right;
	width: 256px;
	font-family: 'Abel';
	text-align: left;
	color: #fff;/*#8d8d8d*/
	font-size: 1.0em;
	line-height: 18px;
	margin-left: 4px;

	}

p .sub_m {
	display: none;
	float: left;
	font-family: 'Abel';
	text-align: justify;
	color: #8d8d8d;
	font-size: 1.2em;
	margin: 0px;
	padding-bottom: 0px;
	}


p#newsbull { 
	float: left;
	width: 100%;
	height: 40px;
	text-align: center;
	font-size: 1.4rem;
	color: #fff;
	margin-bottom: 0;
	}
p#newstxt { 
	float: left;
	width: 100%;
	text-align: center;
	line-height: 24px;
	font-size: 1.2rem;
	color: #fff;
	margin-top: 0;
	padding-bottom: 6px;}

p#newstxtorg {/* background-color: gray;*/
	float: left;
	display: inline-block;
	width: 100%;
	margin: 10px auto;
	text-align: center;
	line-height: 20px;
	font-size: 1.2rem;
	color: #fff;

	}


p.lada {
	display: inline-block;
	float: left;
	margin-top: 10px;
	margin-bottom: 10px;
	width: 280px;
	height: 140px;
	font-family: 'Abel';
	text-align: justify;
	color: #8d8d8d;
	font-size: 1.0em;
	}
	p.lada span {
		display: block;
		float: left;
		width: 100%;
		font-family: 'Abel';
		color: #54921f;
		font-size: 1.6em;
		margin-bottom: 6px;
		}
	p.lada#center { 
	width: 100%;
	height: 140px;
	font-family: 'Abel';
	text-align: center;
	color: #8d8d8d;
	font-size: 1.0em;
	}
/*
p.graldata{ 
	display: block;
	float: right;
	width: 100%;
	margin: auto;
	
	line-height: 40px;
	}
*/
p.phone { 
	display: block;
	float: left;
	width: 100%;
	height: 40px;
	line-height: 40px;
	margin-top: 16px;
	margin-bottom: 0;
	}

p#footergrales{
	float: right;
	display: block;
	font-family: 'Abel';
	font-size: 0.95em;
	color: #54921f;
	margin-top: 5px;
	margin-bottom: 30px;
	}

p#footercopy{
	display: block;
	float: left;
	margin: auto;
	width: 100%;
	font-size: 0.7em;
	line-height: 20px;
	text-align: center;
	color: #54921f;
	padding-bottom: 0px;
	}

.wrapcontact{ 
	display: inline-block;
	float: left;
	margin: 4px auto;
	width: 100%;
	}
	.wrapcontact#center2 { 
		display: inline-block;
		float: left;
		margin: 4px auto;
		width: 100%;

		display: -webkit-flex;
		display: -moz-flex;
		display: -ms-flex;
		display: -o-flex;
		display: flex;
			
		justify-content:space-between;
		align-items: center;
		flex-direction:column;
		flex-wrap:wrap;
	}
	.wrapcontact#center2 p.phone { width: 32%;}
	.wrapcontact#center2 .mail_pop { width: 32%;}

	.wrapcontact#ainst { 
		display: inline-block;
		float: left;
		margin: 4px auto;
		width: 100%;

		display: -webkit-flex;
		display: -moz-flex;
		display: -ms-flex;
		display: -o-flex;
		display: flex;
			
		justify-content:space-between;
		align-items: center;
		flex-direction:column;
		flex-wrap:wrap;
	}

	.wrapcontact#ainst p.phone { float: right; width: 90%;}
	.wrapcontact#ainst .mail_pop { float: right; width: 90%;}
	.wrapcontact#ainst a {	width: 100%;}

.wrapcontact .lnr {
	display: block;
	float: left;
	width: 36px;
	height: 36px;
	font-size: 20px;
	text-align: center;
	line-height: 34px;
	color: #fff;
	margin-right: 15px;
	margin-top: 2px;
	background-color: #54921f;
	border-radius: 10px;
 	-moz-border-radius: 10px;
 	-webkit-border-radius: 10px;
	}
/*	.wrapcontact .lnr#a { line-height: 32px;}*/

.wrapcontact a {
	display: inline-block;
	height: 36px;
	width: 100%;
	color: #8d8d8d;
	margin-bottom: 20px;
	line-height: 36px;
	font-family: 'Abel';
	font-size: 1.0em;
	text-decoration: none;
	}
	.wrapcontact a:hover { color: #54921f;}



.wrapperdir{ 
	display: block;
	float: left;
	margin: auto;
	width: 100%;
	padding-bottom: 40px;
	border-bottom: 1px dashed #8d8d8d;
	}


.wrapperdir .lnr {
	display: block;
	float: left;
	width: 36px;
	height: 36px;
	font-size: 1.4em;
	text-align: center;
	line-height: 34px;
	color: #fff;
	margin-right: 15px;
	margin-top: 2px;
	background-color: #54921f;
	border-radius: 25px;
 	-moz-border-radius: 25px;
 	-webkit-border-radius: 25px;
	}
	.wrapperdir .lnr#a { line-height: 32px;}

.wrapperdir a {
	display: inline-block;
	height: 36px;
	width: 100%;
	color: #8d8d8d;
	line-height: 36px;
	font-family: 'Abel';
	font-size: 1.0em;
	text-decoration: none;
	}
	.wrapperdir a:hover { color: #54921f;}

.googlemaps {
	display: inline-block;
	float: right;
	margin: auto;
	width: 100%;
/*	height: 100%;*/

	}





/*----------------------contenido principal-----------------------*/


.content {
	display: block;
	float: left;
	margin: auto;
	width: 98%;
	margin-top: 8px;
/*	margin-bottom: 10px;*/
	}

.toppic {
	
	display: inline-block;
	float: left;
	margin: auto;
	width: 100%;
	height: 456px;

	background-image: url('../images/toppic2022.jpg');
	background-position: center;
	background-attachment: cover;
	background-repeat: no-repeat;
	}
	.toppic.prod {
	background-image: url('../images/toppic2022_products_green.jpg');}
	.toppic.fenolog {
	background-image: url('../images/toppic2022_fenologicos.jpg');}


.backpic {
	display: inline-block;
	float: left;
	margin: auto;
	width: 100%;

		display: -webkit-flext;
		display: -moz-flex;
		display: -ms-flex;
		display: -o-flex;
		display: flex;
		
/*		justify-content: space-around;*/
		align-items: center;
		flex-direction: column;/*row*/
		flex-wrap:nowrap;/*wrap*/
	}

	.backpic.darkgreen {
		height: 582px;

		background-image: url('../images/backpic2022_01.jpg');
		background-position: center top;
		background-attachment: cover;
		background-repeat: no-repeat;
		}
	.backpic.lightgreen {
		height: 487px;

		background-image: url('../images/backpic2022_02.jpg');
		background-position: center top;
		background-attachment: cover;
		background-repeat: no-repeat;
		}

/*	.toppic img {display: block; width: 100%;}*/

article { 
	display: inline-block;
	margin: auto;
	float: left;

/*	margin-bottom: 70px;*/
	}
	.piclat {
		display: inline-block;
		float: left;
		margin: auto;
		margin-top: 30px;
		width: 42%;
		height: 300px;
		}
		.piclat img {
			display: block;
			float: right;
		}
	.piclat#horizontal{ display: none;}

.newsuno {
	display: block;
	float: left;
	width: 32%;
	margin: auto;
	padding: 10px;
	border: 1px dashed #2f6335;
	box-sizing: border-box;

	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	justify-content:center;
	align-items:center;

	flex-direction:column;
	flex-wrap:no-wrap;
	}

.neworganics {background-color: #fff;
/*	width: 40%;*/
	padding:0;
	margin:0;
	box-shadow: 3px 3px 5px #a4a4a4;
	}
	.neworganics.garlic { grid-area: uno; background-color: #97619b;}
	.neworganics.canela { grid-area: dos; background-color: #ab6525;}
	.neworganics.killneem { grid-area: tres; background-color: #c8991e;}
	.neworganics.capsicum { grid-area: cuatro; background-color: #6c9030;}
	.neworganics.bat { grid-area: cinco; background-color: #5c7e9b;}
	.neworganics.fish { grid-area: seis; background-color: #186297;}

.neworganics#prods { 
	padding:0;
	margin:0;
	border-radius: 10px 10px 0px 0px;
	border-bottom: 8px solid #54921f;
	box-shadow: 3px 3px 5px #a4a4a4;
	overflow: hidden;		
	}

.neworganics#fens { 
	padding:0;
	margin:0;
	border-radius: 10px 10px 0px 0px;
	box-shadow: 3px 3px 5px #a4a4a4;
	overflow: hidden;		
	}
/*.neworganics#areasinst { 
	padding:0;
	margin:0;
	box-shadow: 3px 3px 5px #a4a4a4;
	overflow: hidden;		
	}
*/	
	.neworganics#areasinst article { 
		display: inline-block;
		float: left;
		margin: auto;
		margin-bottom: 20px;
		width: 100%;
		padding:0;
		}

.omrilisted{/* background-color: #efe;*/
	display: inline-block;
	margin: auto;
	width: 90%;
	max-width: 1000px;
	height: 600px;
	background-image: url('../images/omriprods.jpg');
	background-position: bottom right;

	background-repeat: no-repeat;
	}
	.omrilisted article { /*background-color: red;*/
		display: block;
		width: 100%;
		height: 250px;
		display: -webkit-flex;
		display: -moz-flex;
		display: -ms-flex;
		display: -o-flex;
		display: flex;
		
		justify-content: space-around;
	/*	align-items: space-between;*/
		flex-direction: column;/*row*/
/*		flex-wrap:nowrap;/*wrap*/
	}

	img.omri{
		display: block;
		float: right;
		margin-top: 20%;
	}

.exposimg {
	display: inline-block;
	float: left;
	margin: auto;
	width: 100%;
	/*background-color: blue;*/
	}


.thumbnail01 { display: block; width: 100%; margin: auto; }
.thumbnail02 { display: block; width: 100%; margin: auto; }

.newsuno#organics .thumbnail01 {display: block;	width: 100%px; margin: auto; }

.newsuno a.evts { text-decoration: none; color: #2f6335;
	font-size: 1.2rem;
	}
	a.evts:hover { color: #000;}


/*-----------------contenidos -----------------*/


.contentcero {
	display: inline-block;
	float: left;
	margin: auto;
	width: 800px;
	margin-top: 8px;
	margin-bottom: 10px;

/*	-webkit-transition: all 400ms ease;	
	-moz-transition: all 400ms ease;
	-ms-transition: all 400ms ease;	
	-o-transition: all 400ms ease;
	transition: all 400ms ease;	*/
	}
/*	.contentcero:hover { height: 450px;}*/
/*
.contentcero_m {
	display: none;
	float: left;
	width: 94%;
	max-width: 630px;
	margin-top: 8px;
	margin-bottom: 10px;
/*	background: #fff;*/
/*	border-bottom: 1px solid #8d8d8d;
	}
*/
/*
.contentcero_int {
	display: block;
	float: left;
	width: 94%;
	max-width: 630px;
	margin-top: 8px;
	margin-bottom: 10px;

	}
*/
.contentuno {
	display: block;
	float: left;
	width: 30%;
	background-color: #fff; 
	margin: 12px;
	border-radius: 10px 10px 0px 0px;
	overflow: hidden;
	box-shadow: 3px 3px 5px #a7c2a9;
/*	border-top: 1px solid #8d8d8d;	*/
	}

.contentdos {
	float: right;
	width: 30%;
	margin: 12px;
	background-color: #fff;
	overflow: hidden;
	border-radius: 10px 10px 0px 0px;
	box-shadow: 3px 3px 5px #a4a4a4;
/*	border-top: 1px solid #8d8d8d;	*/
	}

.contenttres {  
	display: inline-block;
	float: left;
	width: 32%;
	height: 400px;
	padding: 7px 0px;
	padding-left: 2px;
/*	padding-left: 4px;*/
	margin: 5px 5px;
	border-top: 1px dashed #8d8d8d;	

	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
		
	justify-content:space-between;
	align-items:center;
	flex-direction:column;
	flex-wrap:no-wrap;
	}

	.contenttres#xs { height: 250px;}
		.contenttres#xsuno { height: 294px;}
		.contenttres#xsdos { height: 294px;}
		.contenttres#xstres { height: 294px;}
	.contenttres#s { height: 334px;}
	.contenttres#m { height: 370px;}
	.contenttres#l { height: 480px;}
	.contenttres#l2 { height: 410px;}
/*
.contentcuatro { 
	display: block;
	float: left;
	width: 32%;
	height: 80px;
	padding: 10px 0px;
	padding-left: 2px;
	margin: 5px 5px;
	border-top: 1px dashed #8d8d8d;	
	}
		.contentcuatro#ghost { display: none;}
*/
.contentcinco { 
/*	width: 100%;*/
	padding:0;
	margin:0;
	border-radius: 10px 10px 0px 0px;
	box-shadow: 3px 3px 5px #a4a4a4;
	overflow: hidden;
/*	box-sizing: border-box;	*/	
	
	}


.contentsiete { /*background-color: yellow;*/
	display: inline-block;
	float: left;
	width: 48%;
	margin: 10px;
	box-sizing: border-box;
	}
	.contentsiete#directory { 
	display: inline-block;
	float: left;
	width: 70%;
	margin: 10px;
	box-sizing: border-box;
	}
/*
.contentsiete{ 	width: 100%; margin: 0;}*/

	.contentsiete#directory article { width: 100%;
		display: -webkit-flex;
		display: -moz-flex;
		display: -ms-flex;
		display: -o-flex;
		display: flex;
		justify-content:center;
		align-items:center;

		flex-direction:column;
		flex-wrap:no-wrap;
	}

	.contentsiete#directory h2#titcontacto{	width: 100%; text-align: center; }

	.contentsiete#directory p { width: 100%; margin-bottom: -10px; text-align: center;}
	.contentsiete#directory .wrapcontact{ width: 260px; margin-bottom: 20px;}
	.contentsiete#directory p.phone { width: 100%; text-align: left; margin-bottom: 4px;}


.contentmap {
	margin: auto;
	display: inline-block;
	float: right;
	width: 50%;
/*	height: 100%;*/
	}
	.contentmap#directory { width: 100%; height: 400px;
/*	height: 100%;*/
	}
/*
.contentsiete_w { 
	display: inline-block;
	float: left;
	width: 100%;
	margin: 8px 0;
	padding: 18px 0;
	border-top: 1px solid #8d8d8d;
	}
*/
/*
.contentsiete_dir {
	display: inline-block;
	float: left;
	width: 100%;
	max-width: 630px;
	margin-top: 6px;
	margin-bottom: 0;

	}

*/

/*-----------------------------productos--------------------------*/

.bullet{
	float: left;
	width: 100%;
	margin: auto;
	margin-top: 40px;
	margin-bottom: 20px;
	background-color: #f4f4f4;
	
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
		
	justify-content:center;
	align-items:center;
	flex-direction:row;
	flex-wrap:no-wrap;
	}

.headbullet{
	width: 100%;
	height: 170px;
	margin-bottom: 4px;
	}
.fotoprod {
	display: inline-block;
	float: left;
	margin: auto;
	width: 37%;
	}
	.imgprods {
		display: inline-block;
		float: left;
		margin-top: 14px;
		width: 100%; }

.icsprod{ 
	display: inline-block;
	float: right;
	margin: auto;
	margin-top: 0;
/*	margin-right: 8px;*/
	width: 61%;
	color: #8d8d8d;
	}

	.fenologicos{ background-color: #f4f4f4;
		display: inline-block;
		margin: auto;
	/*	margin-top: 6px;*/
		width: 100%;
		height: 40px;
		padding-top: 15px;
		color: #8d8d8d;
		border-top: 1px solid #d8d8d8;
		}

		.fenologicos a.active {  
			display: inline-block;
			float: left;
			margin: auto;
			width: 44%;
			color: #8d8d8d;
			font-size: 0.85em;
			line-height: 26px;
			text-decoration: none;
			}
		.fenologicos a.actived {  
			width: 56%;
			}
		
	p.inactive { 
		display: block;
		margin: auto;
		float: left;
		width: 100%;
		margin-top: 0;
		margin-bottom: 4px;
		font-size: 0.85em;
		line-height: 26px;
		color: #d2d2d2;
		}

		p.inactived {  
			display: inline-block;
			float: left;
			margin: auto;
			width: 44%;
			color: #d2d2d2;
			font-size: 0.85em;
			line-height: 26px;
			}

	.icsprod .lnr { 
		display: block;
		margin: auto;
		margin-left: 5px;
		margin-right: 12px;
		float: left;
		font-size: 1.7em;
		}
	.icsprod a { 
		display: block;
		float: left;
		margin: auto;
		width: 100%;
		color: #8d8d8d;
		font-size: 0.85em;
		line-height: 26px;
		text-decoration: none;
		}
		.icsprod a:hover { color: #54921f;}
		a.active img { 
			display: block;
			margin: auto;
			margin-right: 6px;
			float: left;
			width: 36px;
			}
	.texto { 
		display: inline-block;
		width: 100%;

		padding: 10px;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
		
		
		}
/*		.texto#sml{ width: 100%; height: 170px; }
		.texto#xl{ width: 100%; height: 290px; }
*/	
	p#prodstxt{ 
		display: inline-block;
		margin: auto;
		float: left;
		padding: 10px 0;
		border-top: 1px dashed #d8d8d8;
		
		}
		p#fentxt{ background-color: #efe;
		display: inline-block;
		margin: auto;
		float: left;
		margin-top: -10px;

		padding: 0 10px;
		
		
		}

.iconosfeno { 
	display: block;
	float: left;
	width: 100%;
	margin: 10px auto;

	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
		
	justify-content:space-between;
	align-items:center;
	flex-direction:row;
	flex-wrap:wrap;
	}



.fotofichas {display: block; float: left; width: 70px;  height: 100%;}
.iconosfichas { display: inline-block; float: left; margin: 18px 0px; margin-left: 10px; }

img.gal { width: 100%;}


/*---------------------------------------------------------------*/
/*---------------------------------------------------------------*/
/*------------------------donde estamos mapa----------------------*/

.geoloc{ display: block;}





/*------------------------------       --------------------------*/

/*------------------------------       --------------------------*/


.contac_pop {
		display: inline-block;
		float: right;
		margin: auto;
		margin-top: 7px;
		width: 180px;
		height: 55px;
		color: #fff;
		font-size: 1.4em;
		line-height: 60px;

		}
		.contac_pop a {
			display: block;
			float: right;
			margin-top: -2px;
			margin-right: 46px;
			font-size: 0.58em;
			text-decoration: none;
			color: #fff;
			}

			.contac_pop a:hover { color: #bfc7cd;}

	.contac_pop_a {	display: none;	}


/*--------------------------- CONTACFORM ------------------------------*/
/*--------------------------- CONTACFORM ------------------------------*/
/*--------------------------- CONTACFORM ------------------------------*/


.contacform {
	display: block;
	float: left;
	top: 0;
	left: -100%;
	width: 100%;
	height: 100%;
	position: fixed;
/*	margin-top: 40px;*/
	padding-bottom: 6px;
	background: rgba(0,0,0, .5);

	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;

	flex-direction: column;
	align-items: center;
   	justify-content: center;
	}


	.form-contain {
		background: #fff;
		display: block;
		float: left;
		margin: auto;
		width: 60%;
		height: 60%;
		
	    overflow: hidden;
	    box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.2); 

	    display: -webkit-flex;
	    display: -moz-flex;
	    display: -ms-flex;
	    display: -o-flex;
	    display: flex; 
		}

		.form-column1::before{
		    content: '';
		    width: 100%;
		    height: 100%;
		    position: absolute;
		    top: 0;
		    left: 0;
		    background: green;
		    opacity: 0.9;
			}
		.form-column1{ display: inline-block;
			width: 38%;
			float: left;
    		position: relative;
			font-family: 'Abel';
			font-size: 1.4em;
			color: #fff;

			display: -webkit-flex;
			display: -moz-flex;
			display: -ms-flex;
			display: -o-flex;
			display: flex;
			
			justify-content: center;
		    align-items: center;
    		
			flex-direction: column;
			flex-wrap:wrap;

    		background-image: url('../images/inst.jpg');
		    background-size: cover;
		    background-position: center center;
			}
			.infograles {
				position: relative;
				z-index: 2;
				display: block;
				float: left;
				margin: auto;
				width: 90%;
				
				display: -webkit-flex;
				display: -moz-flex;
				display: -ms-flex;
				display: -o-flex;
				display: flex;
				-webkit-flex-direction: column;
				-moz-flex-direction: column;
				-ms-flex-direction: column;
				-o-flex-direction: column;
				flex-direction: column;
			}
			.form-column1 img {
				position: relative;
				z-index: 2;
				
				display: block;
				margin: auto;
				width: 208px;
				}
			.form-column1 span {
				
				display: block;
				margin: auto;
				margin-top: 20px;
				margin-bottom: 10px;
				}
			.form-column1 p { 				
				display: block;
				margin: auto;
				width: 100%;
				color: #fff;
				text-align: center;
				font-size: 0.6em;
				}
		.form-column2{
			display: block;
			float: left;
			margin: auto;
			width: 66%;
			height: 90%;
			font-family: 'Abel';
			font-size: 0.6em;
			color: #fff;
			
			display: -webkit-flex;
			display: -moz-flex;
			display: -ms-flex;
			display: -o-flex;
			display: flex;
	
			justify-content: space-between;
    		
			flex-direction: column;
			flex-wrap:no-wrap;

			}

		/* Formulario de contacto---------------------------*/

			form.form_contact{ width: 96%; padding: 10px; }

			form.form_contact .user_info{
				display: block;
				float: left;
				margin: auto;
				width: 100%;
				margin-top: 10px;
			    display: flex;
			    flex-direction: column;
				}

			form.form_contact label{
				font-size: 1.4em ;
			    font-weight: 400;
			    color: #5d6c75;
				}

			form.form_contact input,
			form.form_contact textarea{
			    width: 100%;
			    padding: 8px 0px 5px;
			    margin-bottom: 20px;
				border: none;
			    border-bottom: 2px solid #d1d6da;
			    font-family: 'Abel';
				color: #5d6c75;
				font-size: 14px;
				font-weight: 400;
				}

			form.form_contact textarea{
			    max-width: 100%;
			    min-width: 100%;
			    max-height: 90px;
				}

			form.form_contact input[type="submit"]{
			    width: 160px;
			    margin: auto;
			    float: left;
				background: green;
				padding: 10px;
				border: none;
				border-radius: 6px;

			    align-self: flex-end;

			    color: #fff;
				font-family: 'Abel';
				font-size: 1.4em;
				font-weight: 400;
				cursor: pointer;
				}

			form.form_contact input[type="submit"]:hover{
			    background: #036E05;
			}

			.form-column2 .cerrar{ 
				display: block;
				margin: auto;
				float: left;
				margin-bottom: 0;
				width: 100%;
				height: 60px;
				font-family: 'Abel';
				text-align: center;
				font-weight: lighter;
				font-size: 1.5em;
				color: green;
				}
				.cerrar p { display: block;
					float: left;
					margin: auto;
					margin-bottom: 10px;
					width: 100%;
					text-align: center;
					}


		/*--- Ventana de errores--------------------------------------*/

			.modal_wrap{
			    width: 100%;
			    height: 100vh;
			    background: rgba(0,0,0,0.6);

			    position: fixed;
			    top: 0;
			    left: 0;
			    z-index: 3;

			    display: flex;
			    justify-content: center;
			    align-items: center;
			}

			.mensaje_modal{
			    background: #fff;
			    box-shadow: 0px 0px 15px rgba(0,0,0,0.5);
			    width: 400px;
			    padding: 30px 20px 15px;
			}

			.mensaje_modal h3{
			    text-align: center;
			    font-family: 'Quattrocento Sans';
				font-size: 1.4em;
				font-weight: 400;
			}

			.mensaje_modal h3:after{
			    content: '';
				display: block;
				width: 100%;
				height: 1px;
				background: #d71812;
				margin: 10px 0px 0px;
				}

			.mensaje_modal p{
			    font-size: 16px;
			    color: #606060;
				}

			.mensaje_modal p:before{
			    content: "X";
			    font-family: 'Quattrocento Sans';
			    font-weight: 700;
			    display: inline-block;
			    color: #d71812;
			    margin-right: 8px;
				}

			#btnClose{
			    display: inline-block;
				padding: 3px 10px;
				margin-top: 10px;

				background:  #d71812;
				color: #fff;
				border: 1px solid #7d0a06;
				cursor: pointer;

				float: right;
				}

		/*--- MENSAJE ENVIADO-----------------------------------*/

			.bckimg{ background: url(../images/inst.jpg);
				display: block;
				width: 100%;
				height: 100%;}

			.mensaje-exito{
			    width: 100%;
			    background-color: #fff;
			    display: flex;
			    flex-direction: column;
			    justify-content: center;
			    align-items: center;
				}

			.mensaje-exito h1{
			    display: block;
			    width: 90%;
			    height: 40px;
			    font-family: 'Quattrocento Sans';
			    font-size: 1.3em;
			    text-align: center;
			    margin-bottom: 10px;
			    color: #036E05;
				}
				.mensaje-exito p {
					display: block;
					float: left;
					margin: 20px auto;
					width: 90%;
					height: 30px;
					font-family: 'Quattrocento Sans';
					font-size: 0.9em;
					text-align: center;
					color: #036E05
					}

				.mensaje-exito a{
				    display: block;
				    padding: 10px 30px;
				    background: green;
				    margin-bottom: 20px;
				    text-decoration: none;
				    color: #fff;
				    border-radius: 10px;
					}

				.mensaje-exito a:hover{
				    background: #036E05;
					}


/*---------------------------------------------------------------------*/


/*- eviado.htm --------------------*/
section#contenedor_general02{
	position: fixed;
	width: 100%;
	height: 100%;
	top: 0px;
	left: 0px;
	z-index: -1;
	background: #fff;
	background-image: url(../images/inst2022.jpg);
	background-size: contain;
	background-position: center left;
	background-repeat: no-repeat;
	overflow: hidden;
	}

section#contenedor_general02::before{
		    content: '';
		    width: 100%;
		    height: 100%;

		    position: absolute;
		    top: 0;
		    left: 0;

		    background: green;
		    opacity: 0.4;
			}

			.mail_pop a {/* background-color: red;*/
				display: inline-block;
				float: left;
				margin: auto;
				margin-top: 4px;
				width: 180px;
				font-family: 'Abel';
				font-size: 1.0em;
				color: #5d6c75;
				text-decoration: none;}

				.mail_pop a:hover { color: #bfc7cd;}
				.mail_pop .lnr {line-height: 32px;}


/*------------------------------------------------------------*/
/*------------------------------------------------------------*/
/*-------------------------- footer --------------------------*/
/*------------------------------------------------------------*/
/*------------------------------------------------------------*/

footer {
	display: inline-block;
	float: left;
	clear: both;
	width: 100%;
	margin-bottom: 0px;	
	background-color: #142b02;
	}
footer .wrapper { 
	width: 90%;
	padding: 4px;
	margin: auto;
	max-width: 1000px;
	box-sizing: border-box;
	
	}
footer .wrapper img.logofooter { 
	display: inline-block;
	float: left;
	margin: auto;
	margin-right: 12px;
	margin-left: 10px;
	margin-top: 20px;
	}
footer .footnav { 
	display: inline-block;
	float: left;
	width: 150px;
	height: 220px;
	margin-top: 25px;
	margin-left: 5px;
	margin-right: 5px;
	font-family: 'Abel';
	font-size: 0.9em;
	color: #54921f;
	text-decoration: none;

	}

footer .footnav ul {
	display: block;
	float: left;
	line-height: 25px;
	list-style: none;
	width: 148px;
	margin-top: 0px;
	padding-left: 0px;
	}
footer .footnav ul li a{
	display: block;
	width: 148px;
	font-family: 'Abel';
	font-size: 0.9em;
	color: #54921f;
	text-decoration: none;
	list-style: none;
	}
footer .footnav ul li a:hover{
	color: #fff;
	text-decoration: none;
	}

footer .footnav01 { 
	display: inline-block;
	float: left;
	width: 40%;
	height: 38px;
	margin-top: 25px;
	margin-left: 5px;
	font-family: 'Abel';
	font-size: 0.8em;
	color: #54921f;
	text-decoration: none;
	}
	.footnav01 a {
		display: inline-block;
		margin: auto;
		float: left;
		width: 30px;
		height: 38px;
	}
	
	.footnav01 a img.facebook {
		display: inline-block;
		float: left;
		margin-left: 0;


	}
	.footnav01 h4 {
		display: inline-block;
		float: left;
		margin: auto;
		width: 160px;
		font-weight: normal;
/*		background-color: gray;*/
	}

footer .footnav02 { 
	display: inline-block;
	float: left;
	width: 40%;
	height: 150px;
	margin-top: 25px;
	margin-left: 5px;
	font-family: 'Abel';
	font-size: 0.8em;
	color: #54921f;
	text-decoration: none;
	border-left: 1px solid #54921f;
	}

		.footnav02 h4 { 
			display: inline-block;
			float: left;
			width: 90%;
			height: 20px;
			margin-top: 6px;
			line-height: 20px;
			}
		.footnav02 .direccion{ 
			float: left;
			margin: auto;
			width: 100%;
			height: 100px;
			}
				
		.footnav02 p#footergrales{ 
			float: left;
			margin: auto;
			padding: 2px 0;
			width: 204px;
			}


footer .footnav02 .lnr { 
	display: inline-block;
	float: left;
	width: 31px;
	height: 131px;
	line-height: 30px;
	font-size: 20px;
	color: #54921f;
	text-align: center;
	text-decoration: none;
	margin: auto;
	border-radius: 12px;
	-moz-border-radius: 12px;
	-webkit-border-radius: 12px;
	}


footer .copyright {
	display: inline-block;
	width: 100%;
	height: 20px;
	margin: 20px auto; 
	}

footer .firmafooter {
	display: block;
	width: 100%;
	margin: 20px auto;
	}

footer .firmafooter .firmaollin { 
	display: block;
	margin: auto;
	width: 100%;
	max-width: 390px;
	height: 34px;
	padding: 0 4px;
/*	border: 1px solid #54921f;*/
	}

.firmafooter .firmaollin p { 
	display: block;
	margin: auto;
	float: left;
	font-family: 'work_sansregular';
	line-height: 34px;
	color: #5d6c75;
	font-size: 0.55em;
	text-decoration: none;
	padding: 0 3px;
	}

.firmaollin a { 
	display: inline-block;
	margin: auto;
	float: left;
	font-family: 'work_sansregular';
	color: #5d6c75;
	font-size: 0.55em;
	line-height: 34px;
	text-decoration: none;
	padding: 0 3px;
	}
	.firmaollin a:hover { color: #fff; }

.firmaollin img.firma{
	display: block;
	float: left;
	width: 34px;
	margin: 0;
	}




/*------------------------------------------------------------*/
/*------------------------------------------------------------*/
/*------------------------------------------------------------*/
/*------------------------------------------------------------*/
/*----------------------- @ media ----------------------------*/
/*------------------------------------------------------------*/
/*------------------------------------------------------------*/
/*------------------------------------------------------------*/
/*------------------------------------------------------------*/


@media screen and (max-width: 1075px){

.fenologicos{ 
		height: 48px;
		padding-top: 4px;
		}
		.fenologicos a.active {  
			width: 44%;
			text-align: center;
			text-decoration: none; margin: auto;
			}
		.fenologicos a.actived { width: 56%; text-align: center;}
		.fenologicos span { 
			display: inline-block;
			float: left;
			margin: auto;
			text-align: center;
			width: 100%;
			}
		.fenologicos p.inactived { text-align: center;}

}

@media screen and (max-width: 1002px){
.menu_bar{ width: 150px;}
.toptitulo a { width: 160px;}

.omrilisted{/* background-color: #efe;*/
	height: 540px;
	background-image: url('../images/omriprods02.jpg');
	background-position: bottom ;
	}
.newsuno { margin-bottom: 40px;}
.contentmap { width: 48%; }
}

/*------------------------------------------------------------*/
/*------------------------------------------------------------*/

@media screen and (max-width: 960px){ 

.form-contain {
		width: 90%;
		height: 90%;
		}
}

/*------------------------------------------------------------*/
/*------------------------------------------------------------*/

@media screen and (max-width: 940px){

h2#titprodxl { height: 28px; line-height: 30px;	font-size: 1.1em;}

}

/*------------------------------------------------------------*/
/*------------------------------------------------------------*/

@media screen and (max-width: 924px){

h2#titprod .redtag {
		
		margin-top: 2px;
		height: 16px;
		line-height: 18px;
		color: fff;
		font-size: 0.7em;
		padding:0 2px;
		background-color: red;
		border-radius: 5px 0 5px 0;
		}

}

/*------------------------------------------------------------*/
/*------------------------------------------------------------*/

@media screen and (max-width: 909px){

p#newsbull { height: 60px; }

}

/*------------------------------------------------------------*/
/*------------------------------------------------------------*/

@media screen and (max-width: 886px){ 
	.gridx3 { width: 98%; grid-gap:10px;}

}

/*------------------------------------------------------------*/
/*------------------------------------------------------------*/

@media screen and (max-width: 860px){

.piclat { 
		width: 35%;
		height: 300px;
		}
		.piclat img {display: block; float: right; width: 100%;	}

h2#titlat { width: 63%;}
p.sublat{ width: 63%;}

h5 { width: 210px; margin-top: 10px; margin-bottom: 2px;}

.wrapcontact#ainst p.phone {  width: 98%;}
.wrapcontact#ainst .mail_pop {  width: 98%;}

.footnav02 h4 { width: 60%; 
	font-weight: normal;
	}
footer .footnav02 .lnr { height: 50px;}
}

/*------------------------------------------------------------*/
/*------------------------------------------------------------*/

@media screen and (max-width: 817px){
.contentcero { width: 94%; }
.footnav02 p#footergrales{ width: 200px;}			
}

/*------------------------------------------------------------*/
/*------------------------------------------------------------*/

@media screen and (max-width: 800px){


.omrilisted{ width: 100%; background-position: bottom left;	}


h5 { width: 200px;}
			
}

/*------------------------------------------------------------*/
/*------------------------------------------------------------*/

@media screen and (max-width: 780px){

.gridx3 { 
		grid:
		'uno dos'
		'tres cuatro'
		'cinco seis'
		;
	
		}

.omrilisted{ width: 100%; background-position: bottom left;	}


h5 { width: 200px;}
			
}


/*----------------------------------------------------------------*/
/*----------------------------------------------------------------*/

@media screen and (max-width: 770px){	
.contentuno { width: 46%; }
.contentdos {width: 46%; }

}

/*----------------------------------------------------------------*/
/*----------------------------------------------------------------*/

@media screen and (max-width: 760px){	
.toppic{ background-image: url('../images/toppic2022_760px.jpg');}
.toppic.prod {
	background-image: url('../images/toppic2022_products_green_760px.jpg');}
.toppic.fenolog {
	background-image: url('../images/toppic2022_fenologicos_760px.jpg');}

}		
/*----------------------------------------------------------------*/
/*----------------------------------------------------------------*/

@media screen and (max-width: 752px){
header { height: 120px; }
.navbar{ margin-top: 121px;}

#subheader { height: 80px;}
#logotipo { margin-top: 10px;}

.menu_bar{ width: 154px; margin-top: 30px;}

.layout.quienes{ margin-top: 120px; }
.layout.productos{ margin-top: 120px; }
.layout.dir{ margin-top: 120px; }

.layout.contacto {/* background-color: red;*/ }

.contentsiete{ 	width: 100%; margin: 0;}

	.contentsiete article { width: 100%;
		display: -webkit-flex;
		display: -moz-flex;
		display: -ms-flex;
		display: -o-flex;
		display: flex;
		justify-content:center;
		align-items:center;

		flex-direction:column;
		flex-wrap:no-wrap;
	}

h2#titcontacto{ text-align: center;}
.contentsiete p { width: 98%; margin-bottom: -10px; text-align: center;}
.wrapcontact{ width: 260px; margin-bottom: 20px;}
	.contentsiete p.phone { width: 100%; text-align: left; margin-bottom: 4px;}

.gridx2#areas { grid-gap:10px;	}
.contentmap { 
	display: block;
	margin: auto;
	float: left;
	width: 100%;
	height: 300px;
	}
}

/*----------------------------------------------------------------*/
/*----------------------------------------------------------------*/

@media screen and (max-width: 740px){

.gridx2 { 
		grid:
		'uno'
		'dos'
		'tres'
		'cuatro'
		
		;
		grid-gap:20px;
	 }
	
}	
/*----------------------------------------------------------------*/
/*----------------------------------------------------------------*/

@media screen and (max-width: 735px){	

h5 { width: 180px;}
p.txtslide{	width: 180px;}

.omrilisted{/* background-color: #efe;*/
	height: 460px;
	background-image: url('../images/omriprods03.jpg');
	background-position: bottom center;
	}



}		
/*----------------------------------------------------------------*/
/*----------------------------------------------------------------*/

@media screen and (max-width: 720px){
.backpic.darkgreen {
		background-image: url('../images/backpic2022_720px_01.jpg');
	/*	background-position: center top;
		background-attachment: cover;
		background-repeat: no-repeat;*/
		}
	.backpic.lightgreen {
		background-image: url('../images/backpic2022_720px_02.jpg');
	/*	background-position: center top;
		background-attachment: cover;
		background-repeat: no-repeat;
	*/	}
.newsuno{ 
	display: block;
	float: left;
	width: 90%;

	display: -webkit-no-flex;
	display: -moz-fno-lex;
	display: -ms-no-flex;
	display: -o-no-flex;
	display: no-flex;
	
	}
.newsuno a.exposimg { display: inline-block;
	float: left;
	width: 54%;
	height: 160px;
	overflow: hidden;

		display: -webkit-flex;
		display: -moz-flex;
		display: -ms-flex;
		display: -o-flex;
		display: flex;
		justify-content:center;
		align-items:center;

		flex-direction:column;
		flex-wrap:no-wrap;
	}
	.thumbnail01 {
		display: inline-block;
		float: left;
		width: 100%;
		margin: auto;
		}
p#newsbull {
	display: inline-block;
	float: left;
	width: 46%;
	}
p#newstxt {display: inline-block;
	float: left;
	width: 46%;
	margin: auto;
	text-align: center;
	}
.newsuno a.evts {
	display: inline-block;
	float: left;
	margin: auto;
	width: 46%;
	text-align: center;
	}
}

/*----------------------------------------------------------------*/
/*----------------------------------------------------------------*/

@media screen and (max-width: 706px){

p#newsbull { padding-left: 6px; box-sizing: border-box;	}
footer .wrapper { width: 94%;}

}

/*----------------------------------------------------------------*/
/*----------------------------------------------------------------*/

@media screen and (max-width: 690px){

h5 { width: 160px;}
p.txtslide{	width: 160px;}

}

/*----------------------------------------------------------------*/
/*----------------------------------------------------------------*/
/*----------------------------------------------------------------*/
/*----------------------------------------------------------------*/
/*----------------------------------------------------------------*/

@media screen and (max-width: 670px){

.toppic{height:485px; background-image: url('../images/toppic2022_670px.jpg');}
.toppic.prod {height: 485px; 
	background-image: url('../images/toppic2022_products_green_670px.jpg');}
.toppic.fenolog { height: 485px; 
	background-image: url('../images/toppic2022_fenologicos_670px.jpg');}

}	
/*----------------------------------------------------------------*/
/*----------------------------------------------------------------*/

@media screen and (max-width: 640px){

h5 { width: 196px;}
p.txtslide{	width: 196px; }

.form-column1 img {	width: 90%;	}
}

/*----------------------------------------------------------------*/
/*----------------------------------------------------------------*/

@media screen and (max-width: 615px){
.contentcero article { width: 100%; margin: 0;
		display: -webkit-flex;
		display: -moz-flex;
		display: -ms-flex;
		display: -o-flex;
		display: flex;
		justify-content:center;
		align-items:center;

		flex-direction:column;
		flex-wrap:no-wrap;
	}
.piclat { display: none;}
.piclat#horizontal { display: inline-block;	float: left; margin: auto; height: auto;
	width: 90%; }
h2#titlat { width: 90%;}
p.sublat{ width: 90%;}
	footer .footnav { width: 140px; }

	footer .footnav02 .lnr { height: 28px;}
	.footnav02 p#footergrales{
		width: 100%;
		float: left;
		margin: auto;
		padding: 2px 6px;
		box-sizing: border-box;
		}
}

/*----------------------------------------------------------------*/
/*----------------------------------------------------------------*/

@media screen and (max-width: 600px){
	.contenidos .wrapperx2 { 
		display: -webkit-flex;
		display: -moz-flex;
		display: -ms-flex;
		display: -o-flex;
		display: flex;
		justify-content:center;
		align-items:center;

		flex-direction:column;
		flex-wrap:no-wrap;
		}
	.contentuno {
		display: inline-block;
		float: left;
		margin: auto;
		margin-bottom: 14px;
		width: 98%;
		max-width: 450px;
		}
	.contentdos {
		display: inline-block;
		float: left;
		margin: auto;
		margin-bottom: 14px;
		width: 98%;
		max-width: 450px;
		}

	.bullet{ flex-direction:column;	}
}
/*----------------------------------------------------------------*/
/*----------------------------------------------------------------*/
/*----------------------------------------------------------------*/

@media screen and (max-width: 580px){
h5 { width: 98%; margin-top: 4px;}
p.txtslide{	width: 98%; }
a.maslide {	font-size: 0.8em; }

}
/*----------------------------------------------------------------*/
/*----------------------------------------------------------------*/

@media screen and (max-width: 576px){



.gridx3 { /*background-color: green;*/

		max-width: 430px;
		grid:
		'uno'
		'dos'
		'tres'
		'cuatro'
		'cinco'
		'seis'
		;

		}

footer .footnav02 { width: 39%;	}

}
/*----------------------------------------------------------------*/
/*----------------------------------------------------------------*/


@media screen and (max-width: 565px){
	.newsuno{ width: 94%;}
	footer .wrapper img.logofooter { padding: 0 34%; margin-bottom: 20px;}
	footer .footnav { 
	display: inline-block;
	float: left;
	margin: auto;
	margin-left: 10%;
	width: 40%;

	}
	footer .footnav h1 { width: 100%; }

	footer .footnav ul li { 
		display: inline-block;
		float: left;
		margin: auto;
		}
	footer .footnav01 { margin-top: 0;}
	footer .footnav02 { height: 168px; margin-top: 14px; width: 40%;}
	footer .telefono { display: inline-block; float: left; margin-top: 14px; }

}

/*----------------------------------------------------------------*/
/*----------------------------------------------------------------*/

@media screen and (max-width: 550px){

.toppic{height: 484; background-image: url('../images/toppic2022_550px.jpg');}
.toppic.prod {height: 484;
	background-image: url('../images/toppic2022_products_green_550px.jpg');}
	.toppic.fenolog {height: 484; 
	background-image: url('../images/toppic2022_fenologicos_550px.jpg');}


p#subomri{ width: 88%;	}


footer .footnav { 
	margin-left: 10%;
	width: 34%;}

}

/*----------------------------------------------------------------*/
/*----------------------------------------------------------------*/

@media screen and (max-width: 542px){

footer .footnav { 
	margin-left: 10%;
	width: 34%;}
footer .footnav02 { width: 50%;}

}

/*----------------------------------------------------------------*/
/*----------------------------------------------------------------*/

@media screen and (max-width: 524px){

footer .footnav01 { width: 50%;}

}

/*----------------------------------------------------------------*/
/*----------------------------------------------------------------*/


@media screen and (max-width: 504px){
.newsuno{ width: 98%;}
.backpic.darkgreen {
		background-image: url('../images/backpic2022_500px_01.jpg');
		}
	.backpic.lightgreen {
		background-image: url('../images/backpic2022_500px_02.jpg');}

.omrilisted{
	background-image: url('../images/omriprods04.jpg');
	background-position: bottom center;
	}

}

/*----------------------------------------------------------------*/
/*----------------------------------------------------------------*/

@media screen and (max-width: 490px){

	.menu_bar{ width: 100px;}
	.menu_bar .botonmenu{ width: 70px;}
		.menu_bar a p { width: 40px; margin-right: 6px;}

	

}

/*----------------------------------------------------------------*/
/*----------------------------------------------------------------*/

@media screen and (max-width: 486px){

.newsuno {
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	justify-content:center;
	align-items:center;

	flex-direction:column;
	flex-wrap:no-wrap;
	}

.newsuno a.exposimg { width: 100%; height: auto;}

p#newsbull { width: 100%;}
p#newstxt {	width: 100%; }
.newsuno a.evts { width: 100%; }
}

/*----------------------------------------------------------------*/
/*----------------------------------------------------------------*/

@media screen and (max-width: 466px){
	
footer .wrapper { 
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	justify-content:center;
	align-items:center;

	flex-direction:column;
	flex-wrap:no-wrap;
	}

footer .wrapper .footnav { display: none;}
footer .wrapper .footnav01 { width: 200px; }

footer .wrapper .footnav02 { margin-top: 10px; border-left: none; border-top: 1px solid #54921f; padding-top: 10px; }
				.footnav02 p#footergrales{ text-align: center;}
footer .wrapper .footnav02 .lnr { margin-left: 10px;}
footer .wrapper .footnav02 .telefono .lnr { margin-left: 45px;}

}

/*----------------------------------------------------------------*/
/*----------------------------------------------------------------*/

@media screen and (max-width: 450px){

.toptitulo a { width: 135px;}
.toptitulo .lnr { width: 30px; }
footer .footnav02 {  width: 210px;}
footer .wrapper .footnav02 .lnr { margin-left: 20px;}

}

/*----------------------------------------------------------------*/
/*----------------------------------------------------------------*/

@media screen and (max-width: 435px){
.toppic{height: 482px;background-image: url('../images/toppic2022_435px.jpg');}
.toppic.prod {height: 482px;
	background-image: url('../images/toppic2022_products_green_435px.jpg');}
	.toppic.fenolog {height: 482px; 
	background-image: url('../images/toppic2022_fenologicos_435px.jpg');}


}

/*----------------------------------------------------------------*/
/*----------------------------------------------------------------*/

@media screen and (max-width: 414px){

.toptitulo { text-align: center; padding: 0;}
.toptitulo a { display: none;}
.menu_bar { width: 76px;}
h5 { margin-top: 2px; margin-bottom: 2px;}
p.txtslide{	width: 98%; margin-top: -4px;}
a.maslide {	font-size: 0.8em; margin-top: -6px;margin-bottom: 2px;}

.omrilisted h2#titulo { margin-top: 60px;}
.omrilisted{
	background-image: url('../images/omriprods05.jpg');
	background-position: bottom center;
	}
h5.cf {
	margin-top: 1px;
	}	
.form-column1{ display: none;}
.form-contain {	width: 98%;	height: 80%; }
.form-column2{ width: 96%; height: 98%; }
}

/*----------------------------------------------------------------*/
/*----------------------------------------------------------------*/

@media screen and (max-width: 400px){
.toptitulo {padding: 0 10px;}
.toptitulo a { width: 125px;}
	

.piclat#horizontal { margin-top: 20px; }
.bullet img#dos { width: 90%;}
}

/*----------------------------------------------------------------*/
/*----------------------------------------------------------------*/

@media screen and (max-width: 390px){

footer .copyright { 
	display: inline-block;
	float: left;
	margin: 20px auto;
	width: 100%;
	text-align: center;
	}
footer .firmafooter { 
	display: inline-block; float: left; 
	margin: auto;	}

footer .firmafooter .firmaollin { 
	float: left;
	width: 100%;
	height: 90px;
	padding: 0;
	box-sizing: border-box; 

	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
/*	justify-content:center;*/
	align-items:center;

	flex-direction:column;
	flex-wrap:no-wrap;

	}

.firmafooter .firmaollin p { 
	display: inline-block;
	margin-top: 14px;
	line-height: 12px;
	font-size: 0.64em;
	}

.firmafooter .firmaollin a { 
	line-height: 12px;
	font-size: 0.64em;
	margin-bottom: 16px;
	}
.firmafooter .firmaollin img.firma{
	display: inline-block;
	float: left;
	margin: auto;
	margin-top: 6px;
	margin-bottom: 6px;
	}
	
}

/*----------------------------------------------------------------*/
/*----------------------------------------------------------------*/

@media screen and (max-width: 375px){
	.gridx2#areas { /*background-color: green;*/
		width: 98%;
		grid-gap:10px;	
		}
.omrilisted h2#titulo { margin-top: 90px;}
.omrilisted{
	background-image: url('../images/omriprods06.jpg');
	background-position: bottom center;
	}
}

/*----------------------------------------------------------------*/
/*----------------------------------------------------------------*/

@media screen and (max-width: 365px){

.contentsiete#directory p.lada{ width: 100%; height: 180px;}
.contentsiete#directory article { width: 100%;}
.contentsiete#directory { width: 94%;}

footer .wrapper img.logofooter{ padding: 0;}



}

/*----------------------------------------------------------------*/
/*----------------------------------------------------------------*/

@media screen and (max-width: 360px){
.layout.quienes{ margin-top: 120px; }
.layout.productos{ margin-top: 120px; }
.layout.dir{ margin-top: 120px; }
.toppic{background-image: url('../images/toppic2022_360px.jpg');}
.toppic.prod {
	background-image: url('../images/toppic2022_products_green_360px.jpg');}
.toppic.fenolog {
	background-image: url('../images/toppic2022_fenologicos_360px.jpg');}

	.omrilisted h2#titulo { margin-top: 120px;}
}

/*----------------------------------------------------------------*/
/*----------------------------------------------------------------*/

@media screen and (max-width: 346px){


.wrapcontact#ainst article p.phone{  
	width:100%; 
	height: 74px;
	padding-left: 0;
	
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
/*	justify-content:center;*/
	align-items:center;

	flex-direction:column;
	flex-wrap:no-wrap;
	}

.wrapcontact#ainst article .mail_pop a{ 

	height: 74px;


	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
/*	justify-content:center;*/
	align-items:center;

	flex-direction:column;
	flex-wrap:no-wrap;
}
.omrilisted{ height: 500px;}

}

/*----------------------------------------------------------------*/
/*----------------------------------------------------------------*/

@media screen and (max-width: 330px){
	.omrilisted{ height: 540px;}
	.omrilisted h2#titulo { margin-top: 160px;}
}

/*----------------------------------------------------------------*/
/*----------------------------------------------------------------*/

@media screen and (max-width: 316px){
.layout.dir { padding: 0; margin: 0; width: 99%; }
.toptitulo {width: 100%; box-sizing: border-box;}
/*.toppic {
	display: inline-block;
	float: left;
	margin: 0;
	width:94%;
	box-sizing: border-box;}*/

.bullet img#dos { width: 98%;}
#logotipo { width: 190px; margin-top: 14px; }
img.logo{ width: 190px;}


}

/*----------------------------------------------------------------*/
/*----------------------------------------------------------------*/

@media screen and (max-width: 290px){
	.omrilisted{ height: 560px;}
	.omrilisted h2#titulo { margin-top: 180px;}
}

/*----------------------------------------------------------------*/
/*----------------------------------------------------------------*/

@media screen and (max-width: 280px){

}