@import url('reset.css');
@import url('https://fonts.googleapis.com/css2?family=Merriweather:ital,wght@0,300;0,700;1,300&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Quattrocento+Sans:ital,wght@0,400;0,700;1,400;1,700&display=swap');
@import url('stylesheet.css');


*{
	margin: 0;
	padding: 0;
	font-family: 'Quattrocento Sans', sans-serif;

	box-sizing:border-box;
}

:focus{
    outline: none;
	}


section.contenedor_general{
	position: fixed;
	width: 100%;
	height: 100%;
	top: 0px;
	left: 0px;
	z-index: -1;
/*	background: #007d83;*/

	overflow: hidden;
	}
.contenedor_general#cn{ background: #007d83;}
.contenedor_general#cnva{ background: #006092;}
.contenedor_general#cnmax{ background: #901922;}
.contenedor_general#cgp{ background: #d3921e;}
.contenedor_general#cgpcl{ background: #a75a23;}


/*- eviado.htm --------------------*/


section#contenedor_general02{
	position: fixed;
	width: 100%;
	height: 100%;
	top: 0px;
	left: 0px;
	z-index: -1;
	background: #fff;
	background-image: url(../images/inst.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;
			}


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

header {
	display: block;
	margin: auto;
	width: 100%;
	height: 65px;
	position: fixed;
	top: 0;
	background-color: rgba(4,4,4,.30);
	}

.menu_bar{ 
	display: inline-block;
	float: right;
	margin: 7px auto;
	width:16%;
	height: 50px;
	}

.menu_bar .botonmenu { 
	display: inline-block;
	float: right;
	margin-top: 16px;
	height: 20px;
	width: 96px;
	text-align: center;
	font-size: 1.0em;
	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: 'Quattrocento Sans', serif;
		font-size: 1.0em;
		color: #fff;

		}
		.menu_bar span {
			display: inline-block;
			float: left;
			margin: auto;
			line-height: 16px;
			text-align: center;
			font-size: 20px;
			color: #fff;
			
			}

/*	.top2{ display: none;}*/
	.top { 
		display:inline-block;
		float: left;
		width: 84%;
		height: 60px;
		font-family: 'Quattrocento Sans';
		font-size: 0.9em;
		color: #fff;
		}
		.top img { 
			display: inline-block;
			float: left;
			width: 140px;
			margin-top: 8px;
			margin-left: 10px;
			}
		.top p { 
			display: inline-block;
			float: left;
			margin-left: 10px;
			margin-top: 9px;
			line-height: 50px;
			}

.navbar {
	display: block;
	float: left;
	top: 66px;
	left: -100%;
	width: 80%;
	max-width: 190px;
	position: fixed;
	padding-bottom: 10px;
	background-color: #1b2c6b;

	}
	.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: #f6f6f6;/*#ebebeb*/
		display: block;
		width: 100%;
		float: left;
		margin: auto;
		line-height: 54px;
		text-decoration: none;
		font-family: 'Quattrocento Sans','serif';
		text-align: center;
		font-size: 1.0em;
		color: #8d8d8d;
		border-bottom: 1px solid #dddddd;
		}
		.navbar ul li a#last { border-bottom: 1px solid #f6f6f6;
		}



		/*---- CONTAC FORM ----------------------------------------*/


		.contacform {
			display: block;
			float: left;
			top: 0;
			left: -100%;
			width: 100%;
			height: 100%;
			position: fixed;
			margin-top: 64px;
			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{ 
			width: 38%;
    		position: relative;
			font-family: 'Quattrocento Sans';
			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;
			}
			.form-column1 img {
				position: relative;
				z-index: 2;
				
				display: block;
				margin: auto;
				width: 160px;
				}
			.form-column1 span {
				
				display: block;
				margin: auto;
				margin-top: 20px;
				margin-bottom: 10px;
				}
			.form-column1 p { 				
				display: block;
				margin: auto;
				width: 100%;
				text-align: center;
				font-size: 0.6em;
				}
		.form-column2{
			display: block;
			float: left;
			margin: auto;
			width: 66%;
			height: 90%;
			font-family: 'Quattrocento sans';
			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: 'Quattrocento Sans';
				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: 180px;
				background: green;
				padding: 10px;
				border: none;
				border-radius: 10px;

			    align-self: flex-end;

			    color: #fff;
				font-family: 'Quattrocento Sans';
				font-size: 1.2em;
				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: 'merriweather';
				text-align: center;
				font-weight: lighter;
				font-size: 1.5em;
				color: green;
				}

				.cerrar	p#menorque{
						-webkit-transform: rotate(270deg);
						text-align: center;
						color: green;
						font-size: 1.4em;
						}

		/*--- 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;
					}


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


section#body {
	width: 100%;
	min-height: 300px;
	margin-top: 790px;
	overflow: hidden;
	}

section#scrolldown{
	display: block;
	margin: auto;
	margin-bottom: 20px;
	width: 200px;
	height: 60px;
	}

	p#titulo{
		font-family: 'merriweather';
		text-align: center;
		font-weight: lighter;
		font-size: 1.2em;
		color: white;
		}
	p#menorque{
		-webkit-transform: rotate(270deg);
		text-align: center;
		color: white;
		font-size: 1.8em;
		}

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


.content {
	width: 100%;
	margin:0;
	background-color: #fff;
	
	display: flex;
/*	justify-content:space-between;*/
	align-items:center;

	flex-direction:row;
	flex-wrap:wrap;
	}

	.modcero {
		width: 100%;
		margin:auto;
		}
		.modcero#neon{background-color: #007d83;}
		.modcero#neonva{ background-color: #006092; }
			.modcero#neonva .bottle { width: 32%;}
		.modcero#neonmax{ background-color: #901922; }
			.modcero#neonmax .bottle { width: 28%;}
		.modcero#genpro{ background-color: #d3921e; }
			.modcero#genpro .bottle { width: 32%;}
		.modcero#genprocl{ background-color: #a75a23; }
			.modcero#genprocl .bottle { width: 28%;}

			.modcero .bottle {
				display: inline-block;
				float: left;
				width: 35%;
				margin-top: 180px;
				}

				.modcero .bottle img {
					display: inline-block;
					float: right;			
					}

			.modcero .morfotipo{
				display: block;
				float: left;
				width: 65%;
				height: 380px;
				margin-top: 180px;
				}

				.modcero img.morfo{
					display: inline-block;
					float: left;
					margin-top: 150px;
					}

			.modcero p {
				display: block;
				float: left;
				margin: auto;
				margin-top: 80px;
				margin-bottom: 120px;
				font-family: 'Quattrocento Sans';
				font-size: 1.52em;
				color: #fff;			
				}

	.moduno {
		width: 100%;
		margin:0;
		height: 100%;
		background-color: #fff;
		}
		
	.moddos {
		width: 100%;
		margin:0;		
		}
		.moddos#n1{ background-color:#cde5e9; }
		.moddos#n2{ background-color:#cddfe9; }
		.moddos#n3{ background-color:#ead1d4; }
		.moddos#n4{ background-color:#f5e9d1; }
		.moddos#n5{ background-color:#eddfd4; }



	.modtres {
		width: 100%;
		height: 450px;
		margin:0;
		background: #fff;
		background-image: url(../images/inst.jpg);
		background-size: contain;
		background-position: left ;
		background-repeat: no-repeat;

		}
		.map { display:none; }

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

	h1 {
		display: block;
		margin: auto;
		margin-top: 30px;
		margin-bottom: 40px;
		width: 80%;
		font-family: 'Quattrocento Sans';
		font-size: 1.8em;
		font-weight: 400;
		text-align: center;
		padding-bottom: 4px;
		}
		.moduno#n1 h1{ color:#007d83; }
		.moduno#n2 h1{ color:#006092; }
		.moduno#n3 h1{ color:#901922; }
		.moduno#n4 h1{ color:#d3921e; }
		.moduno#n5 h1{ color:#a75a23; }

		.moddos#n1 h1{ height:30px;	color:#007d83;}
		.moddos#n2 h1{ height:30px; color:#006092;}
		.moddos#n3 h1{ height:30px; color:#901922;}
		.moddos#n4 h1{ height:30px; color:#d3921e;}
		.moddos#n5 h1{ height:30px; color:#a75a23;}

	h2 { 
		float: left;
		display: inline-block;
		margin: auto;
		margin-right: 10px;
		width: 190px;
		font-family: 'Quattrocento Sans';
		font-size: 0.9em;
		font-weight: 400;
		text-align: right;
		color: #5d6c75;
		}

			h2.n1 { color:#007d83; }
			h2.n2 { color:#006092; }
			h2.n3 { color:#901922; }
			h2.n4 { color:#d3921e; }
			h2.n5 { olor:#a75a23; }
	h3 {
		float: left;
		display: inline-block;
		margin: auto;
		margin-top: 24px;
		margin-bottom: 10px;
		width: 100%;
		font-family: 'Quattrocento Sans';
		font-size: 1.0em;
		font-weight: 400;
		text-align: left;
		color: #5d6c75;

		}	
			.moddos#n1 h3{ color:#007d83; border-bottom: 1px solid #007d83; }
			.moddos#n2 h3{ color:#006092; border-bottom: 1px solid #006092; }
			.moddos#n3 h3{ color:#901922; border-bottom: 1px solid #901922; }
			.moddos#n4 h3{ color:#d3921e; border-bottom: 1px solid #d3921e; }
			.moddos#n5 h3{ color:#a75a23; border-bottom: 1px solid #a75a23; }
	h4 {
		float: left;
		display: inline-block;
		margin: auto;
		margin-bottom: 10px;
		width: 100%;
		font-family: 'Quattrocento Sans';
		font-size: 1.0em;
		font-weight: 400;
		text-align: left;
		}
			.txtnota2#t001 h4 { color: #007d83; border-bottom: 1px solid #007d83;}
			.txtnota2#t002 h4 { color: #006092; border-bottom: 1px solid #006092;}
			.txtnota2#t003 h4 { color: #901922; border-bottom: 1px solid #901922;}
			.txtnota2#t004 h4 { color: #d3921e; border-bottom: 1px solid #d3921e;}
			.txtnota2#t005 h4 { color: #a75a23; border-bottom: 1px solid #a75a23;}
	h5 {
		display: block;
		margin: auto;
		margin-top: 0;
		width: 100%;
		font-family: 'Quattrocento Sans';
		font-size: 1.8em;
		font-weight: 400;
		text-align: center;
		color: #5d6c75;

		}

	h6 {
		float: left;
		display: inline-block;
		width: 450px;
		font-family: 'Quattrocento Sans';
		font-size: 1.0em;
		font-weight: 400;
		text-align: center;
		color: #fff;
		}


.wrapcontent{
	display: block;
	margin: auto;
	width: 90%;
	max-width: 1024px;



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

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

.wrapcontent_gral{
	margin: auto;
	width: 90%;
	height: 100%;
	max-width: 1024px;
	padding: 0 10px;

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

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

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

.contenido{
	display: block;
	margin: auto;
	float: left;
	}

	.moduno .contenido{
		display: block;
		margin:auto;
		float: left;
		width: 70%;

		max-width: 660px;


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

		flex-direction:row;
		flex-wrap:no-wrap;
		}
	.moddos .contenido { 
		display: block;
		float: left;
		margin: 0 auto;
		width:80%;
		max-width: 1024px;
/*		height: 320px;*/
		}
	.moddos .contenido#corchetesdark {
		margin: auto;
		margin-top: 4px;
		margin-bottom: 40px;
		width: 80%;
		max-width: 1024px;

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

		flex-direction:row;
		flex-wrap:no-wrap;

		}

	.modtres .contenido{
		display: inline-block;
		margin:auto;
		float: left;
		width: 70%;

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

/*------------------------------------------------------*/
/*------------------------------------------------------*/
		
	.moduno .contenido img{
		display: block;
		float: left;
		width: 134px;
		}

		.line{
			display: block;
			float: left;
			margin: auto;
			margin-left: 0px;
			width: 172px;
			height: 1px;			
			}
			.line#l001{ background-color: #59aaae;}
			.line#l002{ background-color: #5997b8;}
			.line#l003{ background-color: #d8afb2;}
			.line#l004{ background-color: #ebce9a;}
			.line#l005{ background-color: #d7b59c;}


		.moddos	.lineshort{ 
				display: block;
				float: left;
				margin: auto;
				width: 34px;
				height: 1px;
				}

				.lineshort#l001{ background-color: #59aaae;}
				.lineshort#l002{ background-color: #5997b8;}
				.lineshort#l003{ background-color: #d8afb2;}
				.lineshort#l004{ background-color: #ebce9a;}
				.lineshort#l005{ background-color: #d7b59c;}

		.corchetel{
			display: block;
			float: left;
			margin: auto;
			width: 14px;
			height: 126px;
			}
				.corchetel#cl001{
					border-top: 7px solid #59aaae;
					border-left: 7px solid #59aaae;
					border-bottom: 7px solid #59aaae;}
				.corchetel#cl002{
					border-top: 7px solid #5997b8;
					border-left: 7px solid #5997b8;
					border-bottom: 7px solid #5997b8;}
				.corchetel#cl003{
					border-top: 7px solid #d8afb2;
					border-left: 7px solid #d8afb2;
					border-bottom: 7px solid #d8afb2;}
				.corchetel#cl004{
					border-top: 7px solid #ebce9a;
					border-left: 7px solid #ebce9a;
					border-bottom: 7px solid #ebce9a;}
				.corchetel#cl005{
					border-top: 7px solid #d7b59c;
					border-left: 7px solid #d7b59c;
					border-bottom: 7px solid #d7b59c;}

		.corcheter{
			display: block;
			float: left;
			margin: auto;
			width: 14px;
			height: 126px;
			}
				.corcheter#cr001{ 
					border-top: 7px solid #59aaae;
					border-right: 7px solid #59aaae;
					border-bottom: 7px solid #59aaae;}
				.corcheter#cr002{
					border-top: 7px solid #5997b8;
					border-right: 7px solid #5997b8;
					border-bottom: 7px solid #5997b8;}
				.corcheter#cr003{
					border-top: 7px solid #d8afb2;
					border-right: 7px solid #d8afb2;
					border-bottom: 7px solid #d8afb2;}
				.corcheter#cr004{
					border-top: 7px solid #ebce9a;
					border-right: 7px solid #ebce9a;
					border-bottom: 7px solid #ebce9a;}
				.corcheter#cr005{
					border-top: 7px solid #d7b59c;
					border-right: 7px solid #d7b59c;
					border-bottom: 7px solid #d7b59c;}


			.corcheteldark{
				display: block;
				float: left;
				margin: auto;
				margin-top: 0;
				width: 14px;
				}

			.corcheterdark{
				display: block;
				float: left;
				margin: auto;
				margin-top: 0;
				width: 14px;
				}

				.corcheteldark#cl001{ height: 280px;
					border-top: 7px solid #59aaae;
					border-left: 7px solid #59aaae;
					border-bottom: 7px solid #59aaae;}
				.corcheterdark#cr001{ height: 280px;
					border-top: 7px solid #59aaae;
					border-right: 7px solid #59aaae;
					border-bottom: 7px solid #59aaae;}

				.corcheteldark#cl002{ height: 336px;
					border-top: 7px solid #5997b8;
					border-left: 7px solid #5997b8;
					border-bottom: 7px solid #5997b8;}
				.corcheterdark#cr002{ height: 336px;
					border-top: 7px solid #5997b8;
					border-right: 7px solid #5997b8;
					border-bottom: 7px solid #5997b8;}

				.corcheteldark#cl003{ height: 220px;
					border-top: 7px solid #d8afb2;
					border-left: 7px solid #d8afb2;
					border-bottom: 7px solid #d8afb2;}
				.corcheterdark#cr003{ height: 220px;
					border-top: 7px solid #d8afb2;
					border-right: 7px solid #d8afb2;
					border-bottom: 7px solid #d8afb2;}

				.corcheteldark#cl004{ height: 206px;
					border-top: 7px solid #ebce9a;
					border-left: 7px solid #ebce9a;
					border-bottom: 7px solid #ebce9a;}
				.corcheterdark#cr004{ height: 206px;
					border-top: 7px solid #ebce9a;
					border-right: 7px solid #ebce9a;
					border-bottom: 7px solid #ebce9a;}

				.corcheteldark#cl005{ height: 264px;
					border-top: 7px solid #d7b59c;
					border-left: 7px solid #d7b59c;
					border-bottom: 7px solid #d7b59c;}
				.corcheterdark#cr005{ height: 264px;
					border-top: 7px solid #d7b59c;
					border-right: 7px solid #d7b59c;
					border-bottom: 7px solid #d7b59c;}


		.txtnota {
			display: block;
			float: left;
			margin: auto;			
			margin-left: 4px;
			margin-right: 4px;
			font-family: 'Merriweather';
			font-style: italic;
			font-size: 1.2em;
			text-align: right;
			color: #5d6c75;
			}

			.txtnota#t001 { margin-top: 24px; color: #007d83; }
			.txtnota#t002 { color: #006092;}
			.txtnota#t003 { color: #901922;}
			.txtnota#t004 { color: #d3921e;}
			.txtnota#t005 { color: #a75a23;}

.txtnota2 {
	display: block;
	float: left;
	margin: auto;
	width: 60%;
	}

		.txtnota2 p { 
			font-family: 'Merriweather';
			font-style: italic;
			font-size: 1.05em;
			text-align: left;
			}
				.txtnota2#t001 p { color: #007d83;}
				.txtnota2#t002 p { color: #006092;}
				.txtnota2#t003 p { color: #901922;}
				.txtnota2#t004 p { color: #d3921e;}
				.txtnota2#t005 p { color: #a75a23;}

.moduno .fruts{ 
	display: block;
	float: left;
	margin: auto;
	width: 80%;
	}
	.moduno .fruts img { display: block;
		margin-top: 40px;
		margin-bottom: 30px;
		float: left;
		width: 100%;}

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

.moddos .envases{
	display: inline-block;
	float: left;
	margin: auto;
	width: 24%;

	display: flex;
	align-content: center;

	}
	.moddos .envases img { 
		display: block;
		margin: auto;
		float: left;
		width: 130px;}

.moddos .contenido .texts {
	display: block;
	float: left;
	width: 76%;
	font-family: 'Quattrocento sans';
	font-size: 0.9em;
/*	color: #5d6c75;*/
	}
		.moddos#n1 .texts { margin-top:8px; }
		.moddos#n2 .texts { margin-top:90px; }
		.moddos#n3 .texts { margin-top:90px; }
		.moddos#n4 .texts { margin-top:40px; }
		.moddos#n5 .texts { margin-top:74px; }

.moddos .texts p {
		display: inline-block;
		margin: auto;
		float: left;
		text-align: justify;
		width: 100%;
		}
			.moddos#n1 .texts p { color: #007d83; }
			.moddos#n2 .texts p { color: #006092; }
			.moddos#n3 .texts p { color: #901922; }
			.moddos#n4 .texts p { color: #d3921e; }
			.moddos#n5 .texts p { color: #a75a23; }


.files {
	display: inline-block;
	float: left;
	margin: auto;
	width: 100%;
	}
	.files img {
		display: inline-block;
		float: left;
		margin: auto;
		width: 26px;
		margin-right: 4px;}
	.files a {
		display: inline-block;
		float: left;
		margin: auto;
		margin-right: 8px;
		line-height: 36px;
		font-family: 'Quattrocento Sans';
		font-size: 0.9em;
		text-decoration: none; }

			.moddos#n1 .files a{ color:#007d83; }
			.moddos#n1 .files a:hover { color: #fff;}

			.moddos#n2 .files a{ color:#006092; }
			.moddos#n2 .files a:hover { color: #fff;}

			.moddos#n3 .files a{ color:#901922; }
			.moddos#n3 .files a:hover { color: #fff;}

			.moddos#n4 .files a{ color:#d3921e; }
			.moddos#n4 .files a:hover { color: #fff;}

			.moddos#n5 .files a{ color:#a75a23; }
			.moddos#n5 .files a:hover { color: #fff;}


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


	.modtres .contenido .inst { 
		display: block;
		float: left;
		margin: auto;
		width: 100%;
		height: 400px;

			display: -webkit-flex;
			display: -moz-flex;
			display: -ms-flex;
			display: -o-flex;
			display: flex;	
/*			justify-content: center;*/
		    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;
		}

	.modtres .contenido .inst .grales {
			display: inline-block;
			float: left;
			width: 190px;
			}

	.modtres .contenido .inst img {
				display: block;
				float: left;
				margin: auto;
				width: 270px;
				margin-top: 0;
				}

			.grales span {
				display: block;
				float: left;
				margin: auto;
				margin-right: 6px;
				font-size: 1.5em;
				color: #5d6c75;
				}		

			.mail_pop a {
				display: inline-block;
				float: left;
				margin: auto;
				margin-top: 4px;
				font-family: 'Quattrocento Sans';
				font-size: 1.0em;
				color: #5d6c75;
				text-decoration: none;}

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

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

/*
neon { background: #007d83 #59aaae;}
neonva { background-color: #006092 #5997b8; }
neonmax { background-color: #901922 #d8afb2; }
genpro { background-color: #d3921e #ebce9a; }
genpro cl{ background-color: #a75a23 #d7b59c; }
*/	
	
.footer { width: 100%; }
	.footer#fcropn { background-color: #007d83; }
	.footer#fcropnva { background-color: #006092; }
	.footer#fcropnmax { background-color: #901922; }
	.footer#fcropgp { background-color: #d3921e; }
	.footer#fcropgpcl { background-color: #a75a23; }

	.wrapper { 
		width: 96%;
		max-width: 1024px;
		margin: auto;

		display: flex;
		justify-content:space-between;

		flex-direction:row;
		flex-wrap:wrap;
		}

		.footer .column1 { 
			display: inline-block;
			float: left;
			margin: auto;
			margin-top: 30px;
			width: 30%;


			}
		.footer .column2 {
			display: block;
			float: left;
			margin: auto;
			margin-top: 40px;
			width: 68%;
			border-left: 1px solid #fff;
			}

			.footer .column1 img {
				display: block;
				float: left;
				margin: auto;
				margin-top: 1px;
				margin-bottom: 20px;
				width:170px;			
				}
				.footer .column1 img#mx {
					margin-top: 60px;
					width:60px;	
					}

				.footer .column1 p { 
					display: inline-block;
					float: left;
					margin: auto;
					width: 96%;
					font-family: 'Quattrocento Sans';
					font-size: 0.8em;
					text-align: left;
					color: #fff;
					}
				.footer .column2 p { 
					display: inline-block;
					float: left;
					margin: auto;
					width: 96%;
					padding-left: 16px;
					font-family: 'Quattrocento Sans';
					font-size: 0.8em;
					text-align: left;
					color: #fff;
					}


			.footer .column2 img {
				display: block;
				float: left;
				margin: auto;
				margin-bottom: 20px;
				height: 40px;
				}

			
			.espec {
				display: block;
				float: left;
				margin: auto;
				margin-bottom: 16px;
				width: 100%;
				}

/*				.espec img { 
					display: block;
					float: left;
					margin: auto;
					width: 40px;
					}*/

				.espec p.advertencias {
					display: inline-block;
					float: left;
					margin: auto;
					width: 100%;
					font-family: 'Quattrocento Sans';
					font-size: 0.8em;
					text-align: left;
					color: #fff;
					}
		.column2 .icsadv {
			display: block;
			float: left;
			margin: auto;
			width: 98%;
			margin-top: 10px;
			margin-bottom: 10px;

			display: flex;
			justify-content:space-between;

			flex-direction:row;
			flex-wrap:wrap;		
			}
			.column2 .icsadv img { display: block; float: left; margin: auto;}

		.copyright {
					display: block;
					float: left;
					width: 100%;
					margin-top: 30px;
					margin-bottom: 20px;
					}
					.copyright p {
						display: inline-block;
						width: 100%;
						font-family: 'Quattrocento Sans';
						font-size: 0.8em;
						text-align: center;
						color: #fff;
						}


/*--------------firma ollin---------------------------------*/
/*--------------firma ollin---------------------------------*/
/*--------------firma ollin---------------------------------*/


.firmafooter {
	display: inline-block;
	width: 100%;
	height: 34px;
	margin-top: 10px;
	margin-bottom: 20px;
	}
	.firmafooter .firmaollin {
		display: block;
		margin: auto;
		width: 384px;
		height: 32px;
		padding: 0px 10px;
		}
	.firmaollin p {
		display: block;
		float: left;
		width: 95px;
		font-family: 'work_sansregular';
		line-height: 34px;
		color: #d1d6da;
		font-size: 0.55em;
		
		}
	.firmaollin p a {
		display: block;
		float: left;
		width: 250px;
		font-family: 'work_sansregular';
		line-height: 34px;
		color: #d1d6da;
		font-size: 1.03em;
		text-decoration: none;
		}
	.firmaollin a:hover {
		font-family: 'work_sansregular';
		color: #fff;
		font-size: 1.03em;
		text-decoration: none;
		}
	.firmaollin img.firma{
		display: block;
		float: left;
		width: 34px;

		margin: auto 5px;
		}


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


@media screen and (max-width: 1005px) {
/*	.moduno .contenido{	width: 64%; }*/
}

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

.modcero p { text-align: center;}

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

			.form-column1 span { font-size: 1.2em;}
			.form-column1 p { font-size: 0.7em;	}

}

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

	.moduno .contenido{	width: 70%;}
}

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

	.modcero#genprocl .morfotipo img { width: 96%;}
	.modcero#genprocl .morfotipo h6 { margin-top: 10px;}
}


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

	.modcero#neonva .bottle {	width: 25%;	}
	.modcero#neonva .morfotipo{ width: 75%;	}
}

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

	.moduno .contenido{	width: 74%; }

	.moddos .contenido {  width:90%;}
		.moddos .texts {  width:70%;}

	.moddos .contenido#corchetesdark { width:90%;}
}

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


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

.modcero#neonva .morfotipo img { width: 96%;}
.modcero#neonva .morfotipo h6 { margin-top: 10px; }

}
@media screen and (max-width: 800px){
	.moduno .contenido{	width: 84%; }
	.modcero#neonva .bottle {
		width: 30%;

		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;
		}
	.modcero#neonva .morfotipo{
		width: 70%;

	/*	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;*/
		}
		
	.modcero#genprocl .morfotipo h6 { width: 98%; margin-top: 10px; margin-left: 0; }

}


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


@media screen and (max-width: 750px) {
	.modtres { background-position: -50px }
}


@media screen and (max-width: 733px) {
	.moduno .line { width:30px; }
}

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

	.modcero .bottle {	width: 30%;}
	.modcero .morfotipo{ width: 70%;}

	.modcero#neonva .morfotipo h6 { width: 99%;}

	.corcheteldark#cl001{ height: 310px;}
	.corcheterdark#cr001{ height: 310px;}

	.corcheteldark#cl002{ height: 370px;}
	.corcheterdark#cr002{ height: 370px;}

	.corcheteldark#cl003{ height: 240px;}
	.corcheterdark#cr003{ height: 240px;}

	.corcheteldark#cl004{ height: 216px;}
	.corcheterdark#cr004{ height: 216px;}

	.corcheteldark#cl005{ height: 280px;}
	.corcheterdark#cr005{ height: 280px;}
	}


@media screen and (max-width: 710px){
	.moddos .contenido { width:100%; }
	.moddos .contenido#corchetesdark { width:94%; }
	
	.moddos .envases{  width: 24%;}
	.moddos .envases img { margin-left: 0px;}
}


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


@media screen and (max-width: 700px){
	.corcheteldark#cl001{ height: 350px;}
	.corcheterdark#cr001{ height: 350px;}

	.corcheteldark#cl002{ height: 400px;}
	.corcheterdark#cr002{ height: 400px;}

	.corcheteldark#cl003{ height: 270px;}
	.corcheterdark#cr003{ height: 270px;}

	.corcheteldark#cl004{ height: 256px;}
	.corcheterdark#cr004{ height: 256px;}

	.corcheteldark#cl005{ height: 320px;}
	.corcheterdark#cr005{ height: 320px;}
}

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


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


.moduno .contenido{	

/*		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: no-wrap;
		-moz-flex-wrap: no-wrap;
		-ms-flex-wrap: no-wrap;
		-o-flex-wrap: no-wrap;
		flex-wrap: no-wrap;*/
		}

	.moduno .contenido img{ margin-top: 18px; }
	

	.moduno .contenido .line { display: block; float: left; margin: auto; height: 30px; width: 1px;}

	.moduno .corchetel{	width: 65%; height: 14px;}
				.corchetel#cl001{
					border-top: 7px solid #59aaae;
					border-left: 7px solid #59aaae;
					border-right: 7px solid #59aaae;
					border-bottom: 0px solid #59aaae;}
				.corchetel#cl002{
					border-top: 7px solid #5997b8;
					border-left: 7px solid #5997b8;
					border-right: 7px solid #5997b8;
					border-bottom: 0px solid #5997b8;}
				.corchetel#cl003{
					border-top: 7px solid #d8afb2;
					border-left: 7px solid #d8afb2;
					border-right: 7px solid #d8afb2;
					border-bottom: 0px solid #d8afb2;}
				.corchetel#cl004{
					border-top: 7px solid #ebce9a;
					border-left: 7px solid #ebce9a;
					border-right: 7px solid #ebce9a;
					border-bottom: 0px solid #ebce9a;}
				 .corchetel#cl005{
					border-top: 7px solid #d7b59c;
					border-left: 7px solid #d7b59c;
					border-right: 7px solid #d7b59c;
					border-bottom: 0px solid #d7b59c;}

	.moduno .corcheter{	width: 65%; height: 14px;}
				.corcheter#cr001{ 
					border-top: 0px solid #59aaae;
					border-right: 7px solid #59aaae;
					border-left: 7px solid #59aaae;
					border-bottom: 7px solid #59aaae;}
				.corcheter#cr002{
					border-top: 0px solid #5997b8;
					border-right: 7px solid #5997b8;
					border-left: 7px solid #5997b8;
					border-bottom: 7px solid #5997b8;}
				.corcheter#cr003{
					border-top: 0px solid #d8afb2;
					border-right: 7px solid #d8afb2;
					border-left: 7px solid #d8afb2;
					border-bottom: 7px solid #d8afb2;}
				.corcheter#cr004{
					border-top: 0px solid #ebce9a;
					border-right: 7px solid #ebce9a;
					border-left: 7px solid #ebce9a;
					border-bottom: 7px solid #ebce9a;}
				.corcheter#cr005{
					border-top: 0px solid #d7b59c;
					border-right: 7px solid #d7b59c;
					border-left: 7px solid #d7b59c;
					border-bottom: 7px solid #d7b59c;}

	.moduno .txtnota { margin-bottom: 14px; width: 60%; text-align: center;  }


.moddos .files img{ margin-top: 2px; }


.contac_pop {
		width: 120px;
		font-size: 1.25em;
		line-height: 20px;

		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;
		}
		.contac_pop span { margin: 4px auto;}
		.contac_pop a {
			float: left;
			margin: auto;
			width: 100%;
			height: 20px;
			text-align: center;
			}

/*.contenido .inst {	width: 46%; }*/

}


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

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

	.modcero .bottle {
		width: 32%;

		display: -webkit-flex;
		display: -moz-flex;
		display: -ms-flex;
		display: -o-flex;
		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;
		}
	.modcero .morfotipo{
		width: 68%;

		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;
		}
		
	.modcero .morfotipo img.morfo { width: 99%;}
		h6 { width: 94%; font-size: 1.0em;}
		h1 { margin-bottom: 15px; width: 90%; padding-bottom: 5px;}

		
.moduno .contenido{	width: 100%;}

	.moduno .wrapcontent { 
		width: 98%;		
		margin-top: 0px;

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

/*		.line{ width: 60px;}*/
			
.moduno .fruts { 
	width: 96%;
	}
	.fruts img { display: block;
		margin-top: 20px;
		width: 100%;
		}

.envases{ width: 32%; height: 320px;}
	.envases img { width: 96%;}


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


h3 { width: 100%;}

	.line#short{
		margin-top: 0;
		margin-right: 0;
		width: 22px;
		height: 52%;
		}

.txtnota2 {
		width: 60%;
		max-width: 326px;		
		}
		.txtnota2 p { font-size: 0.98em;}

			.corchetel#dark{
				height: 100%;
				margin-left: 0;
				margin-bottom: 50px;			
				}
			.corcheter#dark{
				height: 100%;
				margin-right: 0;
				margin-bottom: 50px;
				}

	.modtres {
		background-image: url(../images/inst_2.jpg);
		background-position: left;	
		}


/*	.contenido .inst { width: 67%;	}*/

}
/*-------------------------------------*/
@media screen and (max-width: 620px){

	.footer .column1 { 
			width: 100%;
			height: 300px;
			margin-top: 10px;

			display: -webkit-flex;
			display: -moz-flex;
			display: -ms-flex;
			display: -o-flex;
			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: no-wrap;
			-moz-flex-wrap: no-wrap;
			-ms-flex-wrap: no-wrap;
			-o-flex-wrap: no-wrap;
			flex-wrap: no-wrap;
			}
			.footer .column1 img { margin-top: 10px; margin-bottom: 2px;}
			.footer .column1 img#mx { margin-top: 2px;}

			.footer .column1 p { width: 94%; text-align: center;}

	.footer	.column2 {
			margin-top: 20px;
			width: 100%;
			border-top: 1px solid #fff;
			border-left: 0;

			display: -webkit-flex;
			display: -moz-flex;
			display: -ms-flex;
			display: -o-flex;
			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;
			}

			.footer .column2 img { margin-top: 20px;}
			.footer .column2 p { padding-left: 0;}

}

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

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

	.top p { 
		width: 60%;
		text-align: left;
		margin-top: 18px;
		line-height: 16px;
		}
}

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

	.menu_bar{ width:30%;}
	.top { width: 70%;}
.moddos .contenido {margin-bottom: 40px;}
.moddos .contenido#corchetesdark { width:100%; }
	.txtnota2 {	width: 56%;	}

}

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

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

		.txtnota {
			margin-top: 34px;
			margin-left: 0;
			margin-right: 0;
			width: 50%;
			}

		.copyright {
			margin-top: 20px;
			margin-bottom: 10px;
			}
}


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

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

	.modcero .bottle img { width: 98%;
		}

	.modcero p {
		margin-top: 80px;
		margin-bottom: 130px;
		}

.moddos#n1 .texts {float: right;  width:74%;margin-top: 22px;}
.moddos#n2 .texts {float: right;  width:74%;margin-top: 36px;}
.moddos#n3 .texts {float: right;  width:74%;margin-top: 64px;}
.moddos#n4 .texts {float: right;  width:74%;margin-top: 24px;}
.moddos#n5 .texts {float: right;  width:74%;margin-top: 24px;}

.files { display: inline-block; }

	.files a {	width: 86%;	}
	 	.files a#hj {
			width: 60%;
			margin-right: 0;
			line-height: 36px;
			 }

	.grales { width: 100%;}

@media screen and (max-width: 572px){
	.top p { 
/*		display: block;
		float: left;
		margin: auto;*/
		width: 54%;
		
		}
}

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

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

}

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

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

	h6 { font-size: 0.95em; }
	.modcero p{font-size: 1.3em;}

section#body{ margin-top: 321px;}

.modtres {background-image: url(../images/inst_3.jpg);}

.espec p { width: 84%; }

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

	.corcheteldark#cl001{ height: 380px;}
	.corcheterdark#cr001{ height: 380px;}

	.corcheteldark#cl002{ height: 420px;}
	.corcheterdark#cr002{ height: 420px;}

	.corcheteldark#cl003{ height: 300px;}
	.corcheterdark#cr003{ height: 300px;}

	.corcheteldark#cl004{ height: 260px;}
	.corcheterdark#cr004{ height: 260px;}

	.corcheteldark#cl005{ height: 350px;}
	.corcheterdark#cr005{ height: 350px;}


	.modtres .contenido {width: 80%;}

}

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

@media screen and (max-width: 530px){
	.top p { 
		width: 55%;
		text-align: left;
		margin-top: 18px;
		}

.moddos#n1 .texts { width:70%;/*margin-top: 22px;*/}
.moddos#n2 .texts { width:70%; margin-top: 22px;}
.moddos#n3 .texts { width:70%; margin-top: 40px;}
.moddos#n4 .texts { width:70%;/*margin-top: 24px;*/}
.moddos#n5 .texts { width:70%;/*margin-top: 24px;*/}

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

	.corcheteldark#cl002{ height: 450px;}
	.corcheterdark#cr002{ height: 450px;}

}

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

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

	.menu_bar{ width:18%;}
		.menu_bar .botonmenu { float: left; width: 72px; }
		.menu_bar a p { width: 40px; margin-right: 4px;	}
	.top { width: 82%;}

}

@media screen and (max-width: 510px){
		
	.txtnota { margin-top: 14px; }

}

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

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

.moddos .contenido{	margin-bottom: 60px;	

		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: no-wrap;
		-moz-flex-wrap: no-wrap;
		-ms-flex-wrap: no-wrap;
		-o-flex-wrap:no-wrap;
		flex-wrap: no-wrap;
		}
.moddos .envases { width:100%; }
	.moddos .envases img { margin: auto;/*width: 96%;*/}
.moddos#n1 .texts { width:100%; margin-top: 0;}
.moddos#n2 .texts { width:100%; margin-top: 0;}
.moddos#n3 .texts { width:100%; margin-top: 0;}
.moddos#n4 .texts { width:100%; margin-top: 0;}
.moddos#n5 .texts { width:100%; margin-top: 0;}

.moddos .contenido#corchetesdark{		
		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: no-wrap;
		-moz-flex-wrap: no-wrap;
		-ms-flex-wrap: no-wrap;
		-o-flex-wrap:no-wrap;
		flex-wrap: no-wrap;
		}

	.moddos h2 { margin: auto; text-align: center;	}
	.moddos	.lineshort{ width: 1px;	height: 34px;}
		.corcheteldark#cl001{ height: 14px; width:90%;
				border-top: 7px solid #59aaae;
				border-left: 7px solid #59aaae;
				border-right: 7px solid #59aaae;
				border-bottom: 0;}
		.corcheterdark#cr001{ height: 14px; width:90%;
					border-top: 0px solid #59aaae;
					border-left: 7px solid #59aaae;
					border-right: 7px solid #59aaae;
					border-bottom: 7px solid #59aaae;}

		.corcheteldark#cl002{ height: 14px; width:90%;
					border-top: 7px solid #5997b8;
					border-left: 7px solid #5997b8;
					border-right: 7px solid #5997b8;
					border-bottom: 0px solid #5997b8;}
		.corcheterdark#cr002{ height: 14px; width:90%;
					border-top: 0px solid #5997b8;
					border-left: 7px solid #5997b8;
					border-right: 7px solid #5997b8;
					border-bottom: 7px solid #5997b8;}

		.corcheteldark#cl003{ height: 14px; width:90%;
					border-top: 7px solid #d8afb2;
					border-left: 7px solid #d8afb2;
					border-right: 7px solid #d8afb2;
					border-bottom: 0px solid #d8afb2;}
		.corcheterdark#cr003{ height: 14px; width:90%;
					border-top: 0px solid #d8afb2;
					border-left: 7px solid #d8afb2;
					border-right: 7px solid #d8afb2;
					border-bottom: 7px solid #d8afb2;}

		.corcheteldark#cl004{ height: 14px; width:90%;
					border-top: 7px solid #ebce9a;
					border-left: 7px solid #ebce9a;
					border-right: 7px solid #ebce9a;
					border-bottom: 0px solid #ebce9a;}
		.corcheterdark#cr004{ height: 14px; width:90%;
					border-top: 0px solid #ebce9a;
					border-left: 7px solid #ebce9a;
					border-right: 7px solid #ebce9a;
					border-bottom: 7px solid #ebce9a;}

		.corcheteldark#cl005{ height: 14px; width:90%;
					border-top: 7px solid #d7b59c;
					border-left: 7px solid #d7b59c;
					border-right: 7px solid #d7b59c;
					border-bottom: 0px solid #d7b59c;}
		.corcheterdark#cr005{ height: 14px; width:90%;
					border-top: 0px solid #d7b59c;
					border-left: 7px solid #d7b59c;
					border-right: 7px solid #d7b59c;
					border-bottom: 7px solid #d7b59c;}	

	.moddos .txtnota2 {	width: 80%; max-width: 380px;}		
}
/*-----------------*/

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

.modtres { background-image: url(../images/inst_4.jpg);}

	.files a#hj { width: 80%; }		
	.form-column1 img { width: 90%;	}
}

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

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

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

@media screen and (max-width: 463px){
	.espec { width: 90%;	}

}

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

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

.top {
	display:inline-block;
	float: left;
	height: 60px;

	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;

	}

	.top a {
		display: block;
		float: left;
		margin: auto;
		width: 100%;
		}
	.top img { 
		display: block;
		float: none;
		margin: auto;
/*		width: 130px;	*/
		}
	.top p { 
		display: block;
		float: left;
		margin: auto;
		width: 100%;
		text-align: center;
		margin-top: 4px;
		line-height: 10px;
		}

}

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


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

.files a { width: 76%; }
.files a#hj { width: 76%; }		

}

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

	header { height: 82px; }

	.top { height: 80px; }
	.top p { width: 98%; line-height: 14px; }

	.menu_bar{ margin: 16px auto; }

	h1{ font-size: 1.6em;}
		

.contenido .texts {	width: 100%;}

	.files img { margin: auto; margin-right: 4px;}

		.files a { width: 84%; }
		.files a#hj { width: 76%; }	
		
	.corchetel#dark{
		height: 350px;
		margin-bottom: 50px;			
		}
	.corcheter#dark{
		height: 350px;
		margin-bottom: 50px;
		}

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

.firmafooter {height: 100px;}

	.firmafooter .firmaollin {
		width: 98%;
		height: 100%;
		border-top: 1px solid #fff;

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

		flex-direction:column;
		flex-wrap:wrap;
		}
	.firmaollin p { 
		width: 100%;
		text-align: center;
		line-height: 16px;
		font-size: 0.55em;
		}
	.firmaollin p a {
		width: 100%;
		text-align: center;
		line-height: 16px;
		font-size: 1.03em;
		text-decoration: none;
		}
	.firmaollin img.firma{ margin: 5px auto; }

}

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

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

	.menu_bar{ width:20%;}
	.top { width: 80%;}


.form-contain {
		margin-top: 10px;
		width: 96%;
		height: 80%;
		}

.modtres .contenido{
		display: inline-block;
		margin:auto;
		float: left;
		width: 99%;

		}
}

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


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

.modtres .contenido .inst img {
	display: block;
	float: left;
	margin-top: -100px;
	}

	.contac_pop { display: none; }

	.contac_pop_a {
		display: none;
		float: right;
		margin: auto;
		margin-right: 0;
		padding: 0;
		width: 20%;
		height: 100%;
		
		}

		.contac_pop_a a {
			display: none;
			float: left;
			margin: auto;
			width: 100%;
			height: 100%;
			margin-top: 14px;
			text-decoration: none;
			font-size: 2.0em;
			text-align: center;
			color: #fff;
			}
}

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

	.menu_bar{ width:24%;}
	.top { width: 76%;}

section#body { margin-top: 900px; }

	.modcero { 
		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;
	}

	.modcero .bottle { width: 98%; margin-top: 80px;}
		.modcero .bottle img { width: 150px;}
	.modcero .morfotipo{ width: 98%; height: 120px; margin-top: 2px;}
		.modcero img.morfo{	margin-top: 5px; } 
			.modcero p {
				margin-top: 10px;
				margin-bottom: 100px;
				font-size: 1.3em;
				}
	.modcero#neonva .bottle { width: 98%;}
		.modcero#neonva .morfotipo{ width: 98%; height: 120px; margin-top: 2px;}
	.modcero#neonmax .bottle { width: 98%;}
	.modcero#genpro .bottle { width: 98%;}
	.modcero#genprocl .bottle { width: 98%;}

section#scrolldown{
	display: block;
	margin: auto;
	margin-bottom: 30px;
	width: 200px;
	height: 60px;
	}

h4 { margin-top: 4px; margin-bottom: 2px;}
		
}


@media screen and (max-width: 364px){
	
.files img { margin: auto; margin-right: 4px;}

		.files a {width: 80%; }
		.files a#hj { width: 60%; }	

}

@media screen and (max-width: 332px){
			
		.corchetel{	height: 198px;}
		.corcheter{	height: 198px;}

		.txtnota { width: 39%; margin-top: 10px;}

.files img { margin: auto; margin-right: 4px;}

}


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

section#body { margin-top: 600px; }

		.modcero p { margin-top: 50px;}

section#scrolldown{
	display: block;
	margin: auto;
	margin-bottom: 30px;
	width: 200px;
	height: 60px;
	}

	p#titulo{ font-size: 1.1em;}
	p#menorque{	font-size: 1.9em;}

}