@charset "utf-8";
/*---------------ANIMACION----------*/
@keyframes animacion_abierto {
    0%   {opacity:0;}
    100% {opacity:1;}
}
@-webkit-keyframes animacion_abierto {
    0%   {opacity:0;}
    100% {opacity:1;}
}
@-moz-keyframes animacion_abierto {
    0%   {opacity:0;}
    100% {opacity:1;}
}

@keyframes animacion_abiertoDinamico {
    0%   {margin-left:-200px;}
    100% {margin-left:0;}
}
@-webkit-keyframes animacion_abiertoDinamico {
    0%   {margin-left:-200px;}
    100% {margin-left:0;}
}
@-moz-keyframes animacion_abiertoDinamico {
    0%   {margin-left:-200px;}
    100% {margin-left:0;}
}

@keyframes animacion_js {
    0%   {right:10%;}
	70%	 {right:10%;}
    100% {right:100%;}
}
@-webkit-keyframes animacion_js {
    0%   {right:10%;}
	70%	 {right:10%;}
    100% {right:100%;}
}
@-moz-keyframes animacion_js {
    0%   {right:10%;}
	70%	 {right:10%;}
    100% {right:100%;}
}
/*--------------BASE---------------*/
html{
	width:100%;
	height:100%;	
}
noscript{
	background:#C00;
	color:#FFF;
	border:1px solid #F00;
	border-radius:10px;
	line-height:16px;
	text-align:center;
	position:fixed;
	top:20%;
	right:100%;
	z-index:999999;
	padding:10px;
	width:300px;
	
	animation:animacion_js 8s;
	-webkit-animation:animacion_js 8s;
	-moz-animation:animacion_js 8s;
}
noscript p{
	display:block;
	text-align:center;
	font-size:20px;
	line-height:1;
	margin-bottom:6px;	
}
body{
	height:100%;
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	line-height:16px;
	position:relative;
	background-attachment: fixed;
	background:#000000;
}
::-webkit-scrollbar {
    width: 10px;
	height:10px;
}
::-webkit-scrollbar-track {
	background:#F0F0F0;
    border-radius: 2px;
}
::-webkit-scrollbar-thumb {
    border-radius: 10px;
	background:#D7D7D7;
    -webkit-box-shadow: inset 0 0 4px rgba(0,0,0,0.5); 
}
img{
	vertical-align:top;
	border:none;	
}
.protectorImagen{
	position:relative;
	font-size:0;
	text-align:center;
}
	.protectorImagen>div{
		position:absolute;
		left:0;
		right:0;
		bottom:0;
		top:0;	
	}
.fondo,
.fondo_animado span{
	width:100%;
	height:100%;
	background-size: cover;
	background-position: center center;
}
.header{
	position:fixed;
	top:18px;
	left:0;
	right:0;
	background: linear-gradient(90deg, rgba(17,39,61, 0.9) 200px, rgba(17,39,61, 0.6) 320px);
	height:56px;
	line-height:56px;
	z-index:100;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;  
}
	.header .especificacion_botonMenu{
		display:none;	
	}
.logoHeader{
	float:left;
	margin-top:-18px;
}
	.logoHeader img{
		width:240px;
		margin:13px 0 0 13px;	
	}
.menuHeader{
	float:right;
	padding:0 6px;
}
	.menuHeader a{
		display:block;
		float:left;
		padding:0 14px;
		margin:0 3px;
		color:#D7D7D7;
		text-decoration:none;
		line-height:52px;
		font-size:13px;
		border: solid rgba(0,0,0,0);
		border-width:2px 0;
		transition: border-color 0.2s, color 0.2s;
		-webkit-transition: border-color 0.2s, color 0.2s;
	}
	.menuHeader a:hover{
		border-color: rgba(255,255,255,1);	
	}
	.menuHeader a.bandera_seleccionado,
	.menuHeader a.bandera_seleccionado:hover{
		border-color:#FFFFFF;
		color:#FFFFFF;	
	}
.main{
	position:relative;
	height:100%;	
	overflow:auto;
	animation:animacion_abierto .5s;
	-webkit-animation:animacion_abierto .5s;
	-moz-animation:animacion_abierto .5s;
}
.bandera_especial{
	height:auto;
}
.footer{
	position:fixed;
	bottom:10px;
	left:20px;
	right:20px;
	line-height:30px;
	border-bottom:1px solid rgba(255,255,255,0.7);
	z-index:100;
}
@media (min-width: 680px){
	.main .footer{
		position:absolute;
		left:0;
		right:0;
		bottom:0;
		margin:-42px 20px 10px;
		overflow:hidden;
	}
}
.footerContact{
	position:relative;
	overflow:hidden;
	line-height:30px;
	background:#000;
	border-top:1px solid rgba(255,255,255,0.7);
	z-index:100;
}
	.footerContact p{
		text-align:left;
		padding:0 10px;
		color:#FFFFFF;	
	}
	.footer a{
		float:left;
		padding:0 8px;
		color:#FFFFFF;
		text-decoration:none;
	}
	.footer a:first-child{
		margin-left:-4px;	
	}
	.footer>*{
		vertical-align:middle;
		opacity:0.7;
		transition:opacity 0.2s;
		-webkit-transition:opacity 0.2s;
	}
	.footer>*:hover{
		opacity:1;
	}
		.footer a i{
			display:inline-block;
			vertical-align:middle;
			background: url(../img/Diseno.png) no-repeat;
			width:20px;
			height:20px;
			border-radius:2px;
		}
		.footer a.bandera_facebook i{
			background-position: -222px -86px;
		}
		.footer a.bandera_twitter i{
			background-position: -282px -86px;
		}
		.footer a.bandera_instagram i{
			background-position: -242px -86px;
		}
		.footer a span{
			vertical-align:middle;	
		}
	.footer p{
		float:right;
		padding:0 10px;
		color:#FFFFFF;	
	}
/*-------------PRESENTACION----------*/
.presentacion{
	position:relative;
	width:100%;
	height:100%;
	text-align:right;
}
	.presentacion .fondo_animado{
		position:fixed;	
	}
	.presentacion .especificacion_ubicacion{
		display: inline-block;
		height: 82%;
		vertical-align: bottom;	
	}
	.presentacion .especificacion_informacion{
		display: inline-block;
		vertical-align: bottom;
		margin-top:84px;
		margin-bottom:52px;
		max-width: 800px;
		width: 70%;
		margin-right: 15%;
		color: #FFFFFF;
		text-decoration: none;
		text-align:left;
		background: rgba(17,39,61, 0.6);
		padding:5px;
	}
		.presentacion h2{
			font-size: 36px;
			line-height: 1;
			margin: 20px;
			text-align:right;	
		}
		.presentacion p{
			font-size: 17px;
			line-height: 20px;
			margin: 20px;
			text-align: justify;	
		}
/*-----------BANER-----------------*/
.banner{
	position:relative;
	width:100%;
	height:100%;
	overflow:hidden;	
}
	.banner .especificacion_flechas>div{
		position:absolute;
		top:50%;
		left:0;
		margin-top:-42px;
		padding:10px;
		cursor:pointer;
		z-index:20;
	}
	.banner .especificacion_flechas>div+div{
		right:0;
		left:auto;
	}
		.banner .especificacion_flechas>div i{
			display:block;
			width:52px;
			height:52px;
			background: url(../img/Diseno.png) no-repeat;
			opacity:0.5;
			transition:opacity 0.1s;
			-webkit-transition:opacity 0.1s;
			background-position: -0px -61px;
		}
		.banner .especificacion_flechas>div+div i{
			background-position: -63px -61px;
		}
		.banner .especificacion_flechas>div:hover i{
			opacity:0.8;
		}
		.banner .especificacion_flechas>div:active i{
			opacity:1;	
		}
	.banner ul{
		position:relative;
		z-index:auto;	
		height:100%;
		width:100%;
	}
	.banner li{
		position:absolute;
		top:0;
		left:0;
		right:0;
		bottom:0;
		z-index:9;
		animation:animacion_abierto 1.5s;
		-webkit-animation:animacion_abierto 1.5s;
		-moz-animation:animacion_abierto 1.5s;
	}
	.banner li.bandera_abierto{
		z-index:10;
	}
	.banner li.bandera_cerrado{
		display:none;	
	}
		.banner li a{
			display:block;
			position:absolute;
			top:0;
			left:0;
			right:0;
			bottom:0;	
		}
		.banner li p{
			position:absolute;
			left:0;
			bottom:20%;
			max-width:80%;
			background: rgba(17,39,61, 0.6);
			padding:20px 24px;
			font-size:26px;
			color:#FFFFFF;
			white-space:nowrap;
			line-height:1;
			text-align:justify;
			animation:animacion_abiertoDinamico 1.5s;
			-webkit-animation:animacion_abiertoDinamico 1.5s;
			-moz-animation:animacion_abiertoDinamico 1.5s;
		}
	.banner .especificacion_datos{
		position:fixed;
		background:rgba(17,39,61, 0.6);
		padding: 14px 20px;
		font-size: 16px;
		color: #FFFFFF;
		white-space: nowrap;
		line-height: 22px;
		text-align: justify;
		bottom:46px;
		right:0;
		z-index:20;	
	}
/*-----------PRODUCTOS-------------*/
.menuEnvases{
	position:fixed;
	top:74px;
	bottom:42px;
	right:0;
}
	.menuEnvases .especificacion_ubicacion{
		display:inline-block;
		vertical-align:middle;
		height:100%;
	}
	.menuEnvases .especificacion_menu{
		display:inline-block;
		vertical-align:middle;
		height:90%;
		max-height:500px;
	}
		.menuEnvases .especificacion_menu a{
			position:relative;
			display:block;
			height:20%;
			text-align:right;
			padding-right:40px;
			color:#FFFFFF;
			text-decoration:none;
			letter-spacing: 1px;
		}
			.menuEnvases .especificacion_menu a>span:first-child{
				vertical-align:-1px;
				opacity:0.35;
				transition:opacity 0.2s;
				-webkit-transition:opacity 0.2s;	
			}
			
			.menuEnvases .especificacion_menu a:hover>span:first-child{
				opacity:0.75;
			}
			.menuEnvases .especificacion_menu a.bandera_seleccionado>span:first-child{
				opacity:1;	
			}
			.menuEnvases .especificacion_menu a>span+span{
				display:inline-block;
				height:100%;
				vertical-align:middle;	
			}
			.menuEnvases .especificacion_menu a i{
				position:absolute;
				right:20px;
				top:50%;
				margin-top:-3.5px;
				display:block;
				width:7px;
				height:7px;
				border-radius:4px;
				opacity:0.7;
				background:#FFFFFF;	
				transition:opacity 0.2s;
				-webkit-transition:opacity 0.2s;
			}
			.menuEnvases .especificacion_menu a.bandera_seleccionado  i{
				opacity:1;	
			}
		.menuEnvases .especificacion_barraScroll{
			position:absolute;
			top:0;
			right:23px;
			width:1px;
			background:#E7E7E7;
			height:12%;
			max-height:100px;
			transition:top 0.3s;
			-webkit-transition:top 0.3s;
		}
			.menuEnvases .especificacion_barraScroll div{
				position:absolute;
				width:3px;
				background:#FFFFFF;
				height:64%;
				top:18%;
				left:-1px;
			}
.categoria{
	position:relative;
	height:100%;
	width:100%;	
	min-height:180px;
}
	.fondo_animado{
		position:absolute;
		overflow:hidden;
		width:100%;
		height:100%;
		z-index:-1;
	}
		.fondo_animado span{
			position:absolute;
			display:block;
			min-width:110%;
			min-height:100%;
			top:50%;
			left:52.5%;
			-webkit-transform: translate(-50%, -50%);
			-moz-transform: translate(-50%, -50%);
			transform: translate(-50%, -50%);
		}
	.categoria .especificacion_ubicacion{
		display:none;
		/*display:inline-block;*/
		height:100%;
		vertical-align:middle;	
	}
	.infoCategoria{
		/*display:inline-block;
		vertical-align:middle;
		margin-left:10%;
		*/
		position:absolute;
		left:90px;
		bottom:90px;
		max-width:600px;
		width:50%;
		overflow:hidden;
		color:#FFFFFF;
		text-decoration:none;
		background:rgba(17,39,61, 0.6);
		padding:5px;
	}
		.infoCategoria h2{
			font-size:36px;
			line-height:1;
			margin:20px;
		}
		.infoCategoria .especifiacion_texto{
			font-size:16px;
			line-height:20px;
			margin:20px;
			text-align:justify;
		}
		.infoCategoria .especifiacion_ver{
			display:block;
			text-align:center;
			font-size:20px;
			line-height:1;
			margin:20px;
		}
		.infoCategoria .especifiacion_ver *{
			vertical-align:middle;	
		}
		.infoCategoria .especifiacion_ver i{
			display:inline-block;
			width:45px;
			height:45px;
			background: url(../img/Diseno.png) no-repeat;
			margin-right:5px;	
			background-position:-2px -0;
		}
		.infoCategoria .especifiacion_ver>span{
			border:0px solid #FFFFFF;
			padding:7px 5px;
			text-align:center;
			transition:border-width 0.1s;
			-webkit-transition:border-width 0.1s;
		}
		.infoCategoria:hover .especifiacion_ver>span{
			border-width:0 0 4px 0;
		}
.estandar{
	position:relative;
	background:#933;
	overflow:auto;
	min-height:100%;
}
	.body_novedades .estandar{
		background: #1D7EFC;
		background: -o-linear-gradient(top, #1465E6 0%, #1767BD 57%, #16568E 58%, #1D7EFC 100%);
		background: -moz-linear-gradient(top, #1465E6 0%, #1767BD 57%, #16568E 58%, #1D7EFC 100%);
		background: -webkit-linear-gradient(top, #1465E6 0%, #1767BD 57%, #16568E 58%, #1D7EFC 100%);
		background: linear-gradient(top, #1465E6 0%, #1767BD 57%, #16568E 58%, #1D7EFC 100%);				 
		background-attachment: fixed;	
	}
	.body_de-lujo .estandar{
		background: #6ECF6A;
		background: -o-linear-gradient(top, #6DE16F 0%, #69B85F 57%, #578A4D 58%, #6ECF6A 100%);
		background: -moz-linear-gradient(top, #6DE16F 0%, #69B85F 57%, #578A4D 58%, #6ECF6A 100%);
		background: -webkit-linear-gradient(top, #6DE16F 0%, #69B85F 57%, #578A4D 58%, #6ECF6A 100%);
		background: linear-gradient(top, #6DE16F 0%, #69B85F 57%, #578A4D 58%, #6ECF6A 100%);				 
		background-attachment: fixed;	
	}
	.body_para-alimentos-secos .estandar{
		background: #5885DB;
		background: -o-linear-gradient(top, #4A6EC5 0%, #40649C 57%, #304B6D 58%, #5885DB 100%);	
		background: -moz-linear-gradient(top, #4A6EC5 0%, #40649C 57%, #304B6D 58%, #5885DB 100%);
		background: -webkit-linear-gradient(top, #4A6EC5 0%, #40649C 57%, #304B6D 58%, #5885DB 100%);	
		background: linear-gradient(top, #4A6EC5 0%, #40649C 57%, #304B6D 58%, #5885DB 100%);			 
		background-attachment: fixed;	
	}
	.body_industriales .estandar{
		background: #FCC709;
		background: -o-linear-gradient(top, #E6B801 0%, #BD9208 57%, #4F3C06 58%, #FCC709 100%);	
		background: -moz-linear-gradient(top, #E6B801 0%, #BD9208 57%, #4F3C06 58%, #FCC709 100%);	
		background: -webkit-linear-gradient(top, #E6B801 0%, #BD9208 57%, #4F3C06 58%, #FCC709 100%);	
		background: linear-gradient(top, #E6B801 0%, #BD9208 57%, #4F3C06 58%, #FCC709 100%);				 
		background-attachment: fixed;	
	}
	.body_expresion-social .estandar{
		background: #62C7FC;
		background: -o-linear-gradient(top, #53ACE6 0%, #4B9BBD 57%, #3D7A8E 58%, #62C7FC 100%);
		background: -moz-linear-gradient(top, #53ACE6 0%, #4B9BBD 57%, #3D7A8E 58%, #62C7FC 100%);
		background: -webkit-linear-gradient(top, #53ACE6 0%, #4B9BBD 57%, #3D7A8E 58%, #62C7FC 100%);
		background: linear-gradient(top, #53ACE6 0%, #4B9BBD 57%, #3D7A8E 58%, #62C7FC 100%);		 
		background-attachment: fixed;	
	}
	.body_hieleras .estandar{
		background: #940137;
		background: -o-linear-gradient(top, #A60632 0%, #7D0039 57%, #4F032D 58%, #940137 100%);	
		background: -moz-linear-gradient(top, #A60632 0%, #7D0039 57%, #4F032D 58%, #940137 100%);	
		background: -webkit-linear-gradient(top, #A60632 0%, #7D0039 57%, #4F032D 58%, #940137 100%);	
		background: linear-gradient(top, #A60632 0%, #7D0039 57%, #4F032D 58%, #940137 100%);				 
		background-attachment: fixed;	
	}
	.estandar_cerrar{
		position:absolute;
		right:0;
		top:72px;
		padding:20px;
		text-decoration:none;
		opacity:0.4;
		transition:opacity 0.2s;
		-webkit-transition:opacity 0.2s;
	}
	.estandar_cerrar:hover{
		opacity:1;
	}
		.estandar_cerrar span{
			color:#FFFFFF;
			font-size:22px;
			line-height:1;
			margin-right:10px;
			vertical-align:middle;
		}
		.estandar_cerrar i{
			display:inline-block;
			background: url(../img/Diseno.png) no-repeat;
			background-position:-82px -6px;
			width:36px;
			height:36px;
			vertical-align:middle;	
		}
	.estandar h3{
		font-size:30px;
		color:#FFFFFF;
		text-align:center;
		line-height:1;
		width:80%;
		margin:62px auto 30px;
		padding:50px 0 20px;
		border-bottom:1px solid #FFFFFF;
	}
	.mostrario{
		max-width:800px;
		margin:0 auto 54px;
		overflow:hidden;
		width:80%;
		text-align:left;
		font-size:0;
	}
	.mostrario>div{
		display:inline-block;
		vertical-align:top;
		width:49%;
		max-width:390px;
	}
	.mostrario>div:nth-child(2n){
		margin-left:2%;	
	}
		.mostrarioItem{
			margin:auto;
			max-width:350px;
			padding:10px 20px;
			display:block;
			color:#FFF;
			text-align:center;
			text-decoration:none;
		}
			.mostrarioItem h4{
				font-size:20px;
				margin:10px 0;
				line-height:1;
				white-space:nowrap;
				text-overflow:ellipsis;
				overflow:hidden;
			}
			.mostrarioItem .especificacion_imagen{
				margin:10px 0;
				position:relative;
				width:100%;
				padding-bottom:66.6666%;
			}
				.mostrarioItem img{
					position:absolute;
					width:100%;
					height:100%;
					left:0;
					top:0;
				}
	.producto_datos{
		width:80%;
		max-width:1000px;
		margin:0 auto 54px;
	}
		.producto_datos .especifiacion_derecha{
			position:relative;
			float:left;
			width:600px;
			padding-right:20px;
		}
		.producto_datos .especifiacion_derecha .especificacion_imagen:hover{
			cursor:zoom-in;	
		}
		.producto_datos .especifiacion_derecha .especificacion_imagen.bandera_abierto:hover{
			cursor:zoom-out;	
		}
			.producto_datos .especifiacion_derecha .especificacion_imagen{
				position:relative;
				overflow:hidden;
				width:100%;
				padding-bottom:66.666666%;
				background:#FFFFFF;
			}
				.producto_datos .especifiacion_derecha .especificacion_imagen span{
					position:absolute;
					width:100%;
					height:100%;
					left:0;
					top:0;
					background-repeat: no-repeat;
					background-size: cover;
					background-position: center center;
				}
			.producto_datos .especifiacion_derecha ul{
				overflow: auto;
				overflow-y: hidden;
				white-space: nowrap;
				text-align: left;
				font-size:0;
				padding:10px 0;
				height:50px;
			}
				.producto_datos .especifiacion_derecha li{
					display: inline-block;
					vertical-align: top;
					opacity:0.5;
					cursor: pointer;
					border:0px solid #FFFFFF;
					padding-bottom:4px;
					transition:border-width 0.2s, opacity 0.2s;
					-webkit-transition:border-width 0.2s, opacity 0.2s;
				}
				.producto_datos .especifiacion_derecha li+li{
					margin-left:10px;	
				}
				.producto_datos .especifiacion_derecha li.bandera_seleccionado{
					opacity:1;
					border-width:0 0 4px 0;
				}	
				.producto_datos .especifiacion_derecha li:hover{
					opacity:1;	
				}
				.producto_datos .especifiacion_derecha li img{
					display:block;
					width:60px;
					height:40px;
					background:#FFFFFF;	
				}
		.producto_datos .especificacion_izquierda{
			overflow:hidden;
			padding-left:10px;
		}
			.producto_datos .especificacion_izquierda p{
				color:#FFFFFF;
				font-size:16px;
				line-height:22px;
				vertical-align:middle;
			}
				.producto_datos .especificacion_izquierda p>*:first-child{
					margin-top:0;	
				}
				.producto_datos .especificacion_izquierda p span{
					display:block;
					margin:6px 0;
					font-weight:bold;
				}
					.producto_datos .especificacion_izquierda p span strong{
						font-weight:normal;
						margin-left:2px;
					}
			.producto_datos .especificacion_izquierda a{
				display:inline-block;
				color:#FFFFFF;
				text-decoration:none;
				font-size:18px;
				line-height:20px;
				margin-top:20px;
				vertical-align:middle;
			}
				.producto_datos .especificacion_izquierda a i{
					width:50px;
					height:36px;
					display:inline-block;
					vertical-align:middle;
					background: url(../img/Diseno.png) no-repeat;
					background-position:-154px -2px;
					margin-right:5px;	
				}
			.producto_datos .especificacion_izquierda a span{
				padding:5px;
				display:inline-block;
				border:0px solid #FFFFFF;
				transition:border-width 0.1s;
				-webkit-transition:border-width 0.1s;
			}
			.producto_datos .especificacion_izquierda a:hover span{
				border-width:0 0 3px 0;
			}
		.producto_datos .especificacion_clear{
			clear:both;	
		}
/*----------------NOVEDADES----------------*/

.novedades{
	position:relative;
	width:100%;
	overflow:auto;	
	background: #1D7EFC;
    background: -o-linear-gradient(top, #1465E6 0%, #1767BD 57%, #16568E 58%, #1D7EFC 100%);
	background: -moz-linear-gradient(top, #1465E6 0%, #1767BD 57%, #16568E 58%, #1D7EFC 100%);
	background: -webkit-linear-gradient(top, #1465E6 0%, #1767BD 57%, #16568E 58%, #1D7EFC 100%);
	background: linear-gradient(top, #1465E6 0%, #1767BD 57%, #16568E 58%, #1D7EFC 100%);	
    background-attachment: fixed;
}
	.novedades h3{
		font-size:36px;
		color:#FFFFFF;
		text-align:center;
		line-height:1;
		width:80%;
		margin:62px auto 30px;
		padding:50px 0 20px;
		border-bottom:1px solid #FFFFFF;	
	}
	.novedad{
		width:80%;
		max-width:1000px;
		margin:0 auto 54px;	
	}
		.novedad img{
			width:100%;	
		}
		.novedad p{
			font-size:16px;
			line-height:18px;
			color:#FFFFFF;
			text-align:justify;
			margin:14px 0;
		}
/*----------------CONTACTO-----------------*/
.body_contacto .main{
background: #f0b7a1; 
background: -o-linear-gradient(top,  #f0b7a1 0%,#8c3310 57%,#752201 58%,#bf6e4e 100%); 
background: -moz-linear-gradient(top,  #f0b7a1 0%,#8c3310 57%,#752201 58%,#bf6e4e 100%);
background: -webkit-linear-gradient(top,  #f0b7a1 0%,#8c3310 57%,#752201 58%,#bf6e4e 100%);
background: linear-gradient(top,  #f0b7a1 0%,#8c3310 57%,#752201 58%,#bf6e4e 100%);


}
.contacto{
	position:absolute;
	left:0;
	right:45%;
	top:0;
	bottom:0;
	overflow:auto;
	text-align:center;
	background:none;

}
	.contacto .especifiacion_info{
		position:absolute;
		top:0;
		left:0;
		right:0;
		bottom:0;
		overflow:auto;
	}
	.contacto .especificacion_ubicacion{
		display:inline-block;
		height:calc(100% - 31px);	
		vertical-align:middle;
	}
	.contacto form{
		display:inline-block;
		vertical-align:middle;
		text-align:left;
		width:70%;
		max-width:450px;
		margin:30px;
		margin-top:102px;
		padding:30px 40px;
		background:#FFFFFF;
	}
		.contacto form .especificacion_datos{
			margin:0 0 20px;	
		}
		.contacto form .especificacion_datos>p{
			display:block;
			overflow:hidden;
			font-size:16px;
			line-height:20px;
			margin:4px 0;
			color:#383838;
		}
			.contacto form .especificacion_datos>p span,
			.contacto form .especificacion_datos>p a{
				float:right;
				margin-left:10px;
				color:#383838;
				text-decoration:none;	
			}
			.contacto form .especificacion_datos>p a i{
				width:20px;
				height:20px;
				float:right;
				margin-left:5px;
				background: url(../img/Diseno.png) no-repeat;
			}
			.contacto form .especificacion_datos>p a.bandera_facebook i{
				background-position: -222px -66px;
			}
			.contacto form .especificacion_datos>p a.bandera_twitter i{
				background-position: -282px -66px;
			}
			.contacto form .especificacion_datos>p a.bandera_instagram i{
				background-position: -242px -66px;
			}
		.contacto label{
			display:block;
			margin:12px 0 6px;
			color:#383838;	
		}
		.contenedor_input{
			padding-left:22px;
			margin:6px 0;
		}
		.contenedor_input input,
		input[type="submit"],
		.contenedor_input textarea{
			line-height:18px;
			padding:6px 10px;
			border-radius:8px;
			border:1px solid #D7D7D7;
			width:100%;
			margin-left:-22px;
		}
		.contenedor_input input:focus,
		.contenedor_input textarea:focus{
			outline:none;
			border:1px solid #06F;	
		}
		.contenedor_input textarea{
			resize:none;
			height:80px;
			font-family:Arial, Helvetica, sans-serif;
		}
			input[type="submit"]{
				margin:0;
				font-size:16px;
				color:#383838;
				background:#D7D7D7;
				cursor:pointer;
			}
			input[type="submit"]:focus{
				outline:none;
			}
			input[type="submit"]:active{
				background:#E7E7E7;	
			}
			a.bandera_masProductos{
				display:block;
				line-height:18px;
				padding:6px 10px;
				border-radius:8px;
				border:1px solid #D7D7D7;
				text-align:center;
				margin:4px 0 0;
				font-size:14px;
				color:#383838;
				background:#EEEEEE;
				cursor:pointer;
				text-decoration:none;
			}
			.contacto li{
				display:block;
				padding:5px;
				overflow:hidden;
				background:#FFFFFF;
				opacity:1;
				transition:background 0.2s, opacity 0.2s;
				-webkit-transition:background 0.2s, opacity 0.2s;	
			}
			.contacto li.bandera_cerrado{
				opacity:0;	
			}
			.contacto li+li{
				border-top:1px solid #D7D7D7;	
			}
				.contacto li div{
					float:left;
				}
					.contacto li img{
						display:block;
						height:30px;
						width:45px;
						margin-left:5px;	
					}
				.contacto li i{
					float:right;
					width: 14px;
					height: 14px;
					background: url(../img/Diseno.png) no-repeat;
					background-position: -162px -95px;
					opacity:0.5;
					margin:5px;
					cursor:pointer;	
				}
				.contacto li p{
					overflow:hidden;
					line-height:20px;
					padding:5px 10px;	
				}
.mapa{
	position:absolute;
	right:0;
	width:45%;
	top:74px;
	bottom:0;
}
	.mapa > *{
		position:relative;
		width:100%;
		height:100%;
		display:block;
		background:none;
	}

	.estandar h3,
	.novedades h3{
		text-shadow:1px 1px #707070;	
	}
.ventanaCompra{
	position:fixed;
	z-index:4;
	top:0;
	left:0;
	height:100%;
	width:100%;
	background:rgba(17,39,61, 0.8);
	color:#FFFFFF;
	font-size:17px;
	line-height:20px;
	text-align:center;	
	z-index:99999;
	animation:animacion_abierto ss;
	-webkit-animation:animacion_abierto .5s;
	-moz-animation:animacion_abierto .5s;
}
	.ventanaCompra div{
		position:absolute;
		top:50%;
		left:50%;
		margin:-65px 0 0 -200px;
		width:400px;
	}
		.ventanaCompra a{
			text-decoration:none;
			display:inline-block;
			vertical-align:middle;
			padding:6px 30px;
			background:#FFFFFF;
			color:#000;
			font-size:14px;
			line-height:16px;
			border:1px solid #D7D7D7;
			border-radius:5px;	
		}
		.ventanaCompra a+a{
			margin-left:20px;	
		}
		.ventanaCompra p{
			margin:10px 0;
		}
		.ventanaCompra a+p{
			font-size:14px;	
		}
@media (max-width: 1050px){
		.producto_datos .especifiacion_derecha{
			display:block;
			float:none;
			max-width:600px;
			width:100%;
			margin:0 auto;
			padding:0;
		}
			.producto_datos .especificacion_izquierda p{
				display:block;
				margin:auto;
			}
		.producto_datos .especificacion_izquierda{
			margin-top:20px;	
		}
}
@media (max-width: 900px){
	.contacto{
		position:relative;	
	}
	.contacto .especificacion_ubicacion{
		display:none;	
	}
	.contacto .especifiacion_info{
		position:relative;	
	}
	.contacto form{
		width:auto;
		max-width:none;
		display:block;
	}
	.mapa{
		position:relative;
		height:300px;
		width:100%;
		top:0;
	}
	.header .especificacion_botonMenu{
		display:block;
		float:right;
		right:0;
		top:0;
		background: url(../img/Diseno.png) no-repeat;
		background-position:-220px -1px;
		width:40px;
		height:40px;
		margin:8px 8px 0 0;
		cursor:pointer;
	}
	
	.menuHeader{
		float:none;
		padding:0;
		position:fixed;
		left:0;
		right:0;
		bottom:0;
		top:0;
		background:#000000;
		line-height:0;
		text-align:center;
		visibility:hidden;
		opacity:0;
		transition: visibility 0s linear 0.4s, opacity 0.4s;
		-webkit-transition: visibility 0s linear 0.4s, opacity 0.4s;
		z-index:999;
		overflow:auto;
	}
	.menuHeader.bandera_abierto{
		visibility: visible;
		opacity: 1;
		transition-delay: 0s;
		-webkit-transition-delay: 0s;
	}
	.menuHeader.bandera_cerrado{
		display:none;
	}
	.menuHeader .especificacion_cerrar{
		position:absolute;
		right:0;
		top:0;
		height:40px;
		width:40px;
		margin:10px 10px 0 0;
		background: url(../img/Diseno.png) no-repeat;
		background-position:-80px -4px;
		cursor:pointer;
	}
		.menuHeader a{
			float:none;
			display:block;
			margin:20px auto;
			width:200px;
			border-width:0 0 0 4px;
			text-align:left;
		}
		.menuHeader .especificacion_ubicacion{
			display:inline-block;
			vertical-align:middle;
			height:90%;
		}
		.menuHeader .especificacion_menu{
			display:inline-block;
			vertical-align:middle;
		}
		.banner .especificacion_datos{
			display:none;	
		}
	
}
@media (max-width: 680px){
	.contacto form{
		margin-top:80px;	
	}
	.mostrario{
		width:90%;
		text-align:center;
	}
	.producto_datos,
	.novedad{
		width:90%;
	}
.header{
	position:fixed;
	top:15px;
	left:0;
	right:0;
	height:30px;
	line-height:0;
	z-index:999;
	background:linear-gradient(90deg, rgba(17,39,61, 0.9) 100px, rgba(17,39,61, 0.6) 180px)
}
	.logoHeader img{
		width:150px;	
	}
	.header .especificacion_botonMenu{
		float:none;
		position:fixed;
		margin:10px 10px 0 0;	
	}
	.main{
		border-top:none;
		height:auto;
		min-height:100%;	
	}
	.footer{
		position:relative;
		display:block;
		bottom:0;
		left:0;
		right:0;
		padding:15px 0;
		line-height:1;
		border:none;
		border-top:1px solid #FFFFFF;
		background:#000000;
		text-align:center;
	}
	.footer>a{
		float:none;
		display:inline-block;
	}
	.footer p{
		float:none;
		display:block;
		text-align:justify;
		margin-top:15px;
		line-height:16px;
		opacity:1;
	}
	.footer>*:first-child{
		margin-top:0;	
	}
	.banner{
		position:absolute;	
	}
	.banner li p{
		right:auto;
		left:0;	
		bottom:0;
		top:auto;
		font-size:16px;
		line-height:18px;
		padding:10px;
		max-width:none;
		white-space:normal;
		background:rgba(0,0,0,0.5);
		text-shadow:none;
	}
	.menuEnvases{
		display:none;	
	}
	.infoCategoria{
		position:absolute;
		left:0;
		bottom:0;
		max-width:none;
		width:auto;
		margin:10px 20px;
	}
		.infoCategoria h2{
			font-size:20px;
			margin:10px;	
		}
		.infoCategoria .especifiacion_texto{
			font-size:14px;
			line-height:16px;
			margin:10px;	
		}
		.infoCategoria .especifiacion_ver{
			font-size:16px;
			margin:10px;
		}
		.infoCategoria .especifiacion_ver i{
			display:none;	
		}
		.infoCategoria .especifiacion_ver>span{
			padding:4px;
		}
	.estandar{
		height:100%;	
	}
	.estandar_cerrar{
		display:none;
	}
	.mostrario>div{
		width:100%;
	}
	
	.presentacion .especificacion_ubicacion{
		display:none;	
	}
	.presentacion .especificacion_informacion{
		position:absolute;
		bottom:0;
		left:0;
		right:0;
		max-width:none;
		width:auto;
		margin:10px 20px;
	}
	
		.presentacion .especificacion_informacion h2{
			font-size:20px;
			margin:10px;	
		}
		.presentacion .especificacion_informacion p{
			font-size:14px;
			line-height:16px;
			margin:10px;	
		}
	.estandar h3,
	.novedades h3{
		margin-top:25px;	
	}
	.ventanaCompra{
		text-align:center;	
	}
	.ventanaCompra div{
		position:relative;
		display:inline-block;
		top:10%;
		left:auto;
		max-width:80%;
		margin:0;
	}
	.ventanaCompra a,
	.ventanaCompra a+a{
		display:block;
		margin:10px 0;	
	}
	
	.footer a:first-child{
		margin-left:0;	
	}
}