body{
	background: url(../img/bkg-tope1.png) repeat-x,  url(../img/bkg-rayas.png) repeat;
	font-family: 'Goudy Old Style', sans-serif;
}
.menuprincipal{
	background-color: #E6E7E9;
}
.navbar>.container-fluid{
	align-items: flex-start;
}
.logo1{
	width: auto;
	height: 80px;
}
.navbar-nav::before{
	content:  url(../img/fondomenu1.png);
	width: 16px;height: 41px;
}
.navbar-nav::after{
	content:  url(../img/fondomenu2.png);
	width: 16px;height: 41px;
}
.navbar-nav .navbar-brand{
	position: relative;padding: 0 2em;
}
.navbar-nav .navbar-brand::before{
	content:  url(../img/fondomenu2.png);
	width: 16px;height: 41px;position: absolute;top:31px;left: 0;
}
.navbar-nav .navbar-brand::after{
	content:  url(../img/fondomenu1.png);
	width: 16px;height: 41px;position: absolute;top:31px;right: 0;
}
.navbar-nav li{
	background:#e6e7e9;
}
.modulo h2{
	font-size: 28px;font-family: 'Noto Serif Khmer', serif;
}
.modulo p{
	font-size: 18px;line-height: 22px;
}
.italica{
	font-style: italic;
}
.bienvenidos{
	padding: 3em 1em;
}
.bienvenidos h2, .video-inst h2{
	color: #376232;font-family: 'Noto Serif Khmer', serif;
}
.piepagina h2::after{
	content: url(../img/flecha.png);display: inline-block;
	width: 8px;height: 12px;margin-left: 6px;
}
.video-inst{
	background-color: #E6C780;
	background-image: url(../img/bkg-triangulo.png), url(../img/bkg-video1.png), url(../img/bkg-video2.png);
	background-repeat: repeat-x, no-repeat, no-repeat;
	background-position: top left, 50% 5%, 50% 95%;
	background-size: auto, 60%, 55%;
	padding: 12em 1em;
}
.mision{
	background-color: #E6C780;
	background-image: url(../img/bkg-triangulo.png), url(../img/bkg-mision1.png);
	background-repeat: repeat-x, no-repeat;
	background-position: top left, 95% 95%;
	padding: 4em 3em 8em 3em;
  background-size:auto, 60%;
}
.proceso{
	background-color: #E6C780;
	background-image: url(../img/bkg-triangulo.png), url(../img/bkg-proceso1.png);
	background-repeat: repeat-x, no-repeat;
	background-position: top left, 95% 95%;
	padding: 4em 3em 5em 3em;
}
.fruta1{
	padding: 1em;
}
.fruta2{
	background-color: #E6C780;
	background-image: url(../img/bkg-triangulo.png);
	background-repeat: repeat-x;
	background-position: top left;
	padding: 1em;
}
.fruta3{
	background-color: #376232;
	background-image: url(../img/bkg-triangulo.png);
	background-repeat: repeat-x;
	background-position: top left;
	padding: 1em;
}
.modulo.fruta3 h2{
	color:#E6C67F;font-family: 'Noto Serif Khmer', serif;
}
.fruta4{
	background-color: transparent;
	background-image: url(../img/bkg-triangulo2.png);
	background-repeat: repeat-x;
	background-position: top left;
	padding: 1em;
}
.fruta5{
	background-color: transparent;
	background-image: url(../img/bkg-triangulo3.png);
	background-repeat: repeat-x;
	background-position: top left;
	padding: 1em;
}
.video iframe{
	width:100%;height:54vw;
}
.img-bienvenidos{
	background: url(../img/img-bienvenidos.png) no-repeat left top;background-size: cover;height: 290px;
}
.img-nosotros{
	background: url(../img/img-nosotros.png) no-repeat left top;background-size: cover;height: 290px;
}
.img-mision{
	background: url(../img/img-mision.png) no-repeat left top;background-size: cover;height: 290px;
}
.img-mermelada-fresa{
	background: url(../img/mermelada-fresa.png) no-repeat left top;background-size: cover;height: 290px;
}
.img-mermelada-sauco{
	background: url(../img/mermelada-sauco.png) no-repeat left top;background-size: cover;height: 290px;
}
.img-mermelada-pina{
	background: url(../img/mermelada-pina.png) no-repeat left top;background-size: cover;height: 290px;
}
.img-mermelada-naranja{
	background: url(../img/mermelada-naranja.png) no-repeat left top;background-size: cover;height: 290px;
}
.img-mermelada-aguaymanto{
	background: url(../img/mermelada-aguaymanto.png) no-repeat left top;background-size: cover;height: 290px;
}
.img-mermelada-abeja{
	background: url(../img/miel-de-abeja.png) no-repeat left top;background-size: cover;height: 290px;
}
.img-mermelada-maple{
	background: url(../img/sirope-maple.png) no-repeat left top;background-size: cover;height: 290px;
}
.img-proceso1{
	background: url(../img/img-proceso1.png) no-repeat left top;background-size: cover;height: 290px;
}
.img-proceso2{
	background: url(../img/img-proceso2.png) no-repeat left top;background-size: cover;height: 290px;
}
.img-medio-ambiente{
	background: url(../img/img-medio-ambiente.png) no-repeat left top;background-size: cover;height: 290px;
}
.logotipos img{
	margin:12px;
}
.piepagina{
	background-color: #376232;
	background-image: url(../img/bkg-triangulo2.png), url(../img/bkg-pie1.png);
	background-repeat: repeat-x, no-repeat;
	background-position: top left, bottom right;
	background-size: auto, 75%;
	padding: 4em 3em;
	min-height: 690px;
}
.piepagina.dos{
	background-color: #376232;
	background-image: url(../img/bkg-triangulo.png), url(../img/bkg-pie1.png);
	background-repeat: repeat-x, no-repeat;
	background-position: top left, bottom right;
	padding: 4em 3em;
	min-height: 690px;
}
.modulo.piepagina h2{
	font-size: 24px;color:#ffffff;text-transform: uppercase;text-align: center;
}
.modulo.piepagina p{
	font-size: 18px;color: #ffffff;line-height: 22px;padding: 16px 0;text-align: center;
}
.navbar-brand img {
  /*width: 80px;*/
}
.navbar-nav {
  align-items: center;
}
.navbar .navbar-nav .nav-link {
  color: #000;
  font-size: 0.8em;
  padding: 11px 16px;
  font-family: 'Noto Serif Khmer', serif;
}
.navbar .navbar-nav .nav-link.active {
  color: #376232;
}
.piepagina p.direccion, .piepagina p.telefono, .piepagina p.mail{
	position: relative;text-align: center;padding-left: 12px;margin-top: 50px;
}
p.direccion::before{
	content:  url(../img/icono-home.png);
	width: 42px;height: 42px;display: block;position: absolute;left:50%;top:0%;margin-top:-30px;margin-left:-20px;
}
p.telefono::before{
	content:  url(../img/icono-telf.png);
	width: 42px;height: 42px;display: block;position: absolute;left:50%;top:0%;margin-top:-30px;margin-left:-20px;
}
p.mail::before{
	content:  url(../img/icono-carta.png);
	width: 42px;height: 42px;display: block;position: absolute;left:50%;top:0%;margin-top:-30px;margin-left:-20px;
}
p.mail a{
	color:#ffffff;text-decoration: none;
}
.datos{
	margin: 0 auto;
	max-width:270px;
}
.firma{
	color: #376232;background: #E6C67F;font-family: arial, sans-serif;line-height: 12px;
}
.firma p{
	font-size: 9px;line-height: 12px;
}
.sabores{
	margin:24px 0;padding: 0;
}
.sabores li{
	display: inline;font-size: 12px;font-weight: bold;text-transform: uppercase;margin: 0;padding: 0;padding: 3px;
}
.sabores li a{
	color: #4D4D4D;text-decoration: none;cursor: pointer;
}
.bg-light{
	background-color: #E6E7E9!important;
}
.navbar-nav .dropdown-menu{
	position: absolute;
    left: -1.5rem;
}
.mapouter{
	position:relative;text-align:right;height:100%;width:100%;
}
.gmap_canvas {
	overflow:hidden;background:none!important;
}
.fruta3 h2, .fruta3 p{
	color:#ffffff;
}
form{
	padding-bottom: 45px;max-width: 640px;
}
label{
	color:#ffffff;margin-top: 14px;
}
input{
	width:100%;font-size: 15px;
	height: 35px;background-color: #E6C780;border: none;
}
input[type=submit]{
	width: 100px;font-size: 15px;background-color: #ffffff;border: none;
}
input[type=button]{
	width: 100px;font-size: 15px;background-color: #ffffff;border: none;text-transform: uppercase;
}
textarea{
	width:100%;font-size: 15px;
	height: 135px;background-color: #E6C780;border: none;
}
.dropdown-menu {
  padding: 0;
  margin: 0;
  font-size: 1rem;
  color: #386333;
  text-align: center;
  background-color: #E6C67F;
  background-clip: padding-box;
  border-radius: 0.25rem;
  border: none;
}
.dropdown-menu li .dropdown-item{
	background-color: #E6C67F;border: 1px solid #ffffff;padding: 6px 12px;color: #376232;
}
.dropdown-menu li:nth-child(even) .dropdown-item{
	background-color: #376232;color: #ffffff;
}
.dropdown-toggle::after{
	color:#376232;
}
.piepagina .gmap_canvas{
	height: 380px;
}



@media screen and (min-width: 768px) {
	body{
		padding-top: 45px;
	}
	input, textarea{
		width:98%
	}
	.logo1{
		width: 249px;
		height: 102px;
	}
	.modulo h2{
		font-size: 35px;
    line-height: 0.9em;
    padding-bottom: 16px;
	}
	.modulo p{
		font-size: 20px;line-height: 24px;
	}
	.bienvenidos{
		padding: 1em 3em 3em 3em;
	}
	.menuprincipal{
		background-color:transparent !important;padding-bottom: 2em;
	}
	.video-inst{
		padding: 4em 3em;
	}
	/*.navbar-brand img {
		width: 100px;
	}*/
	.navbar-brand {
		margin-right: 0;
	/*padding: 0 1em;*/
	}
	.video iframe{
		height:34vw;
	}
	.modulo.piepagina h2{
		text-align: left;font-size: 30px;
	}
	.modulo.piepagina p{
		text-align: left;font-size: 20px;line-height: 24px;
	}
	.mapouter{
		height:90%;width:90%;
	}
	.gmap_canvas{
		height: 100%;
	}

	.piepagina p.direccion, .piepagina p.telefono, .piepagina p.mail{
		text-align: left;margin-top: 10px;
	}
	p.direccion::before{
		left:-46px;top:50%;margin-top:-20px;margin-left: 0;
	}
	p.telefono::before{
		left:-46px;top:50%;margin-top:-20px;margin-left: 0;
	}
	p.mail::before{
		left:-46px;top:50%;margin-top:-20px;margin-left: 0;
	}
	.piepagina{
		background-size: auto, auto;
	}
	.firma p{
		font-size: 12px;font-family: 'Goudy Old Style', sans-serif;line-height: 14px;
	}
	.video-inst{
		background-position: top left, 5% 5%, 95% 95%;
		background-size: auto auto;
	}
	.img-bienvenidos{
		height: auto;min-height: 480px;background-size: cover;
	}
	.img-nosotros{
		height: auto;min-height: 480px;background-size: cover;
	}
	.img-mision{
		height: auto;min-height: 480px;background-size: cover;
	}
	.img-mermelada-fresa{
		height: auto;min-height: 480px;background-size: cover;
	}
	.img-mermelada-sauco{
		height: auto;min-height: 480px;background-size: cover;
	}
	.img-mermelada-pina{
		height: auto;min-height: 480px;background-size: cover;
	}
	.img-mermelada-naranja{
		height: auto;min-height: 480px;background-size: cover;
	}
	.img-mermelada-aguaymanto{
		height: auto;min-height: 480px;background-size: cover;
	}
	.img-mermelada-abeja{
		height: auto;min-height: 480px;background-size: cover;
	}
	.img-mermelada-maple{
		height: auto;min-height: 480px;background-size: cover;
	}
	.img-proceso1{
		height: auto;min-height: 480px;background-size: cover;
	}
	.img-proceso2{
		height: auto;min-height: 480px;background-size: cover;
	}
	.img-medio-ambiente{
		height: auto;min-height: 480px;background-size: cover;
	}
	.fruta1, .fruta2, .fruta3, .fruta4, .fruta5{
		padding: 3em 4em;
	}
	.mision{
		padding: 4em 3em;
	  background-size: auto, auto;
	}
	.pe4{
		padding: 4em 4em 0 4em;
	}

}