@font-face {
		font-family:"Plumpfull";
		src:url("../fonts/Plumpfull.eot?") format("eot"),
		url("../fonts/Plumpfull.woff") format("woff"),
		url("../fonts/Plumpfull.ttf") format("truetype"),
		url("../fonts/Plumpfull.svg#Plumpfull") format("svg");
		font-weight:normal;font-style:normal;
		}

		@font-face {
			font-family:"miso-bold";
			src:url("../fonts/miso-bold.eot?") format("eot"),
			url("../fonts/miso-bold.woff") format("woff"),
			url("../fonts/miso-bold.ttf") format("truetype"),
			url("../fonts/miso-bold.svg#Miso-Bold") format("svg");
			font-weight:normal;
			font-style:normal;
		}


	.pad{
		padding-left:0px;
		padding-right:0px;
    	}

	.clear{
			clear:both;
	}

	header{
		background: url(../img/head.jpg) no-repeat;
		background-size: cover;
		text-align: center;
		position: relative;
	}

	#header a{
		display: inline-block;
	}

	
	#contenedor{
		width:100%;
		overflow:hidden;
		font-family:"miso-bold";
		position:relative;
	}

	.escondido{ 
		display: none; 
	}

	#banner{
		margin-top: 12%;
	}

	#barra-cart{
		padding: 5px 0px;
		background-color:#0065B5;
	}
	    
	#barra-cart ul li {
		float: right;
		margin-left:52px;
		font-size: 14px;
		position: relative;
		line-height: 27px;
	}
	    
	#barra-cart ul li a{
		color: #fff;
	}
	    
	#barra-cart p {
		color: #fff;
		font-size: 17px;
		float: left;
		position: relative;
		padding-left: 6px;
		margin: 0px;
	}

	#barra-cart p:hover{
		text-shadow: 1px 2px 2px #000000b5;
	}
	    
	#buscar input {
		border: none !important;
		background: #fff;
		border-radius: 0px;
		color: #000;
		font-size: 15px;
		height: 30px;
		margin-top: 0px;
	}
	    
	.buscar {
		margin: 0px;
		border: none;
		background-color: #FF311A;
		padding: 4px;
	}
	    
	.lupa {
		background-image: url(../img/lupa.svg);
		background-repeat: no-repeat;
		float: left;
		position: relative;
		width: 24px;
		height: 22px;
	}
	    
	.ico_tel {
		background-image: url(../img/ico-tel.svg);
		background-repeat: no-repeat;
		width: 27px;
		height: 27px;
		float: left;
	}
	    
	.ico_login {
		background-image: url(../img/ico-login.svg);
		background-repeat: no-repeat;
		width: 27px;
		height: 27px;
		float: left;
	}
	    
	.ico_cart {
		background-image: url(../img/ico-cart.svg);
		background-repeat: no-repeat;
		width: 29px;
		height: 27px;
		float: left;
	}

	#carousel-home .carousel-indicators{
		bottom: 10px;
		left: 0;
		z-index: 15;
		width: 90%;
		padding-left: 0;
		margin-left: 0;
		text-align: right;
	}

		#carousel-home .carousel-indicators li{
		background: #fff;
		border-color: #fff;
		width: 40px;
		border-radius:0px !important;
	}

		#carousel-home .carousel-indicators .active{
		background: #f3bd21;
		border-color: #f3bd21;
	}

	#frase{
		background: url(../img/bg-frase.png) repeat-x bottom #ffdcdc;
		padding: 20px 15px;
	}

	#frase p{
		text-align: right;
		font-size: 24px;
		color:#000;
		font-family:"miso-bold";
		padding: 23px;
	}

	#snacks{
		padding:56px 15px;
		text-align: center;
	}

	#snacks h1{
		font-family:"Plumpfull";
		color: #cd121f;
		text-align: center;
		font-size: 48px;
		margin-top:-13px;
	}

	#snacks h2{
		color: #8e8e8e;
		margin-top: 15px;
		font-size: 22px;
	}

	.snacks{
		background: #f3bd21;
		float: left;
		position: relative;
		margin-top: 20px;
		text-decoration: none !important;
		min-height: 225px;
	}

	.snacks h3{
		font-family:"Plumpfull";
		color: #FFF;
		font-size: 26px;
		padding-top:17px;
		padding-bottom:15px;
	}

	.snacks img{
		margin-top: 15px;
	}

	.snacks:hover h3{
		color: #8e8e8e;
	}

	#barra-menu{
		z-index: 1;
		background: #cd121f;
	}

	#menu{
		background: #cd121f;
		width: 100%;
		float:left;
		position: relative;
		margin-bottom:0px;
		border: none;
		text-align: center;
		border-radius: 0;
		font-family:"Plumpfull";
	}

	#navbar li{
		display: inline-block;
		margin: 0 120px;
	}

	#navbar a{
		color: #fff;
		display: block;
		padding: 16px 16px;
		font-size: 17px;
		border-bottom: solid 2px #7b061b;
		margin-left:1px;
	}

	#navbar a:hover{
		border-bottom: solid 2px #FFF;
		text-decoration: none;
		background-color: #f3bd21;
	}

	#navbar .selec{
		border-bottom: solid 2px #FFF;
		background-color: #f3bd21;
	}
		
	.texto-herramientas{
		position: absolute;
		top: 0px;
		right: 0px;
		z-index: 1;
		height: 100%;
	}

	.texto-herramientas-l{
		position: absolute;
		top: 0px;
		left: 0px;
		z-index: 1;
		height: 100%;
	}

	.texto-r{
		background: rgba(243, 189, 33, 0.58);
		width: 100%;
		float: left;
		position: relative;
		height: 100%;
		padding: 148px;
		box-sizing: border-box;
		text-align: right;
	}

	.texto-l{
		background: rgba(243, 189, 33, 0.5);
		width: 100%;
		float: left;
		position: relative;
		height: 100%;
		padding: 149px 125px;
		box-sizing: border-box;
		text-align:left;
	}

	#herramientas-home h1{
		color: #fff;
		font-family:"Plumpfull";
		font-size: 48px;
	}

	#herramientas-home .naranja{
		color: #cd121f;
	}

	#herramientas-home .azul{
	color: #00adab;
	}

	#herramientas-home p{
		color: #fff;
		font-size: 26px;
	}

	#herramientas-home a{
		display: inline-block;
		margin-top: 53px;
		color: #cd121f;
		font-size: 36px;
		border: solid 2px #cd121f;
		padding: 4px 26px;
		border-radius: 15px;
	}

	#herramientas-home a:hover{
		text-decoration: none;
		border: solid 2px #FFF;
		color: #FFF;
	}

	
footer{
    font-size:24px;
    background: #cd121f;
    padding-top: 21px;
}

footer h1{
    float: left;
    border-right: solid 1px #fff;
    padding-right: 20px;
    color: #fff;
    text-align:right;
    line-height: 28px;
}

footer p{
    margin-left: 21px;
    float: left;
    position: relative;
    color: #fff;
    line-height: 28px;
}

footer h2{
    color: #fff;
    font-size:24px;
}

.redes{
    text-align: right;
}

#fb{
	display: inline-block;
	background: url(../img/redes.png) no-repeat 10px 0px;
	width:74px;
	height:70px;
	margin-top: 30px;
}

#ins{
    display: inline-block;
	background: url(../img/redes.png) no-repeat -70px;
	width: 57px;
	height: 71px;
	margin-top: 30px;
}

#you{
	display: inline-block;
	background: url(../img/redes.png) no-repeat -132px;
	width: 61px;
	height: 71px;
	margin-top: 30px;
}

#web{
  padding: 2px 0px;
}

#copy{
  text-align: center;
}

#copy a {
  background: url(../img/web.svg) no-repeat right;
  color:#ffffff4a;
  padding-right: 124px;
  display: inline-block;
  font-size: 12px;
  text-decoration: none !important;
}


#titulo{
    padding-top:78px;
    padding-bottom:51px;
    background-size: cover;
    text-align: right;
    margin-top: 12%;
}

#titulo h1{
      color: #fff;
	font-weight: 500;
      text-shadow: 2px 3px 3px #fb0833;
	text-transform: uppercase;
      font-family:"Plumpfull";
      font-size: 47px;
	padding-bottom: 10px;
	display: inline-block;
	margin-top: 70px;
	letter-spacing: 2px;
	text-align: left;
}

.bg-4 {
  background: url(../img/bg4.jpg) no-repeat center top;
    background-size: auto;
}

.bg-10 {
  background: url(../img/bg10.jpg) no-repeat center top;
    background-size: auto;
}


#barra{
    background:#cd121f;
    height:100px;
    width: 100%;
    float: left;
    position: relative;
}

.line{
    background:#cd121f;
    height: 1px;
    width: 100%;
    float: left;
    position: relative;
    margin-top: -10px;
}

.contenido{
    padding-bottom: 30px;
}

.cont-img{
    margin-top: 46px;
    position: relative;
    z-index: 1;
}

#empresa p {
  line-height: 25px;
  margin-top: 71px;
  margin-bottom: 155px;
  font-size: 21px;
  color: #8e8e8e;
}

#ventajas{
    background: #000;
}

#ventajas h1{
    font-size: 30px;
    color: #f37323;
    font-family:"Plumpfull";
    margin-top: 72px;
    padding-bottom:19px;
}

#ventajas p{
    margin-top: 10px;
    margin-left: 10px;
    font-size:24px;
}

.ventaja{
    float: left;
    position: relative;
    width: 100%;
    margin-top: 15px;
    color: #fff;
}

#contacto{
    padding: 87px 15px;
}

#contacto p{
    margin-top: 10px;
    font-size:24px;
    color: #8E8E8E;
    padding-bottom: 32px;
}

#map{
	height:400px;
}

#ampliar{
	background-color: #f3bd21;
	text-shadow: 1px 1px 1px #f3bd21;
      color: #FFF;
      text-align: center;
	width: 75px;
	height: 75px;
	display: flex;
	justify-content: center;
	align-items: center;
	border-radius: 50%;
	position: absolute;
      text-decoration: none !important;
	bottom:15px;
	font-size:20px;
	right:45%;
}

#ampliar:hover{
	background: #cd121f;
}





@media (max-width: 900px) and (min-width:200px){

	#navbar a {
	  width: 100%;
	  text-align: center;
	  padding: 7px;
	  text-decoration: none;
	  border: none;
	}
    
	#navbar li{
	  width: 100%;
	  margin:0px;
	}
    
	.navbar-header {
	  float: none;
	}
    
	.navbar-left,.navbar-right {
	  float: none !important;
	}
    
	.navbar-toggle {
	  display: block;
	  border: 1px !important;
	  margin-right: 0px;
	  padding: 0px;
	}
    
	 nav .me{
	  color: #000c;
	  font-size: 19px;
	  padding-bottom: 10px;
	  font-family:"miso-bold";
	  text-transform: uppercase;
	}
    
	 .navbar-nav{
	  margin: 0px;
	}
    
	.navbar-fixed-top {
	  top: 0;
	  border-width: 0 0 1px;
	}
	  
	.navbar-collapse.collapse {
	  display: none!important;
	}
    
	.navbar-default .navbar-toggle .icon-bar{
	  background-color: #000;
	  width: 34px;
	  height: 1px;
	}
    
	.navbar-inverse .navbar-toggle:hover, .navbar-inverse .navbar-toggle:focus{
	  background-color: transparent;
	}
    
	.navbar-toggle .icon-bar{
	  width: 44px;
	  height: 1px;
	}
    
	.navbar-nav>li {
	  float: none;
	}
    
	.navbar-nav>li>a {
	  padding-top: 10px ;
	  padding-bottom: 10px;
	}
    
	.collapse.in{
	  display:block !important;
	}
    
	.navbar-inverse .navbar-collapse, .navbar-inverse .navbar-form{
	  border-color: #fff0;
	}

	#menu {
		background-color: transparent;
		margin-top: -47px;
		float: right;
	}
    
    }
    
    /*----------------------------------------------------------*/
    
    @media only screen and (max-width: 300px) {
    
    
	#menu{
	  margin-top: -62px;
	}
    
	#banner{
	  margin-top:65%;
	}
    
	.img2 {
	  width: 111px;
	  float: left;
	}

	.logo a {
		position: relative;
		float: left;
		z-index: 99999999;
	}

	
    
	
    }
    
    
    /*-----------------------------------------------------------------------------------------------------------------------*/
    @media (max-width: 338px) and (min-width:301px){

	.img2 {
		width: 116px;
	}
    
	#banner {
		margin-top: 47%;
	}

	#snacks h1 {
        font-size: 22px;
	}
		
	.texto-herramientas {
		position: relative;
	}
		
	.texto-herramientas-l {
		position: relative;
	}
		
	.texto-r {
			padding: 44px 39px;
	}
		
	.texto-l {
		padding: 44px 39px;
	}
		
	#herramientas-home h1 {
		font-size: 21px;
	}
		
	.redes {
		text-align: center;
		margin-top: 15px;
	}

	footer p{
		font-size: 19px;
		margin-left: 7px;
	}
		
	#titulo h1 {
		font-size: 20px;
	}

	#titulo{
		padding-top: 27px;
		padding-bottom: 18px;
		margin-top: 55%;
		}

	#productos{
		margin-top: 68% !important;
	}

	#contacto p{
		font-size: 20px;
		padding-bottom: 65px;
	}
		
	#barra {
		margin-top: 0px;
	}

	#barra-cart ul li{
		margin-top: 9px;
		}
		
	#empresa p {
		margin-bottom: 30px;
	}
		
	.contenido {
		padding-bottom: 0px;
	}
		
	.title-a {
		border-top-right-radius: 25px;
		border-bottom-right-radius: 25px;
		flex-direction: column;
	}
		
	.title-n {
		border-top-left-radius: 25px;
		border-bottom-left-radius: 25px;
		flex-direction: column;
	}
		
	.contenido2 {
		padding-bottom: 15px !important;
	}
		
	#carousel-servicios .carousel-indicators {
		bottom: -20px;
	}
		
	#frase p{
		font-size:20px;
	}
		
	footer h1 {
		padding-right: 7px;
		font-size: 16px;
	}
		
	#herramientas-home a {
		font-size: 20px;
		margin-top: 15px;
	}
		
	#herramientas-home p {
		font-size: 20px;
	}

	.logo a {
		position: relative;
		float: left;
		z-index: 99999999;
	}

	.iniciar_sesion {
		display: block !important;
	}
	
	#texto-in h1{
		line-height: 24px !important;
  		font-size: 20px !important;
	}

	#texto-in{
		padding: 39px 24px !important;
	}

	.log_registrarse a{
		width: auto !important;
	}

    }
    
    
    
    @media (max-width:400px) and (min-width:339px){

	.img2 {
		width: 150px;
		padding-bottom: 8px;
	}

	#banner {
		margin-top: 47%;
	}

	#snacks h1 {
        font-size: 30px;
	}
		
	.texto-herramientas {
		position: relative;
	}
		
	.texto-herramientas-l {
		position: relative;
	}
		
	.texto-r {
			padding: 44px 39px;
	}
		
	.texto-l {
		padding: 44px 39px;
	}
		
	#herramientas-home h1 {
		font-size: 21px;
	}
		
	.redes {
		text-align: center;
		margin-top: 15px;
	}

	footer p{
		font-size: 19px;
		margin-left: 7px;
	}
		
	#titulo h1 {
		font-size: 20px;
	}

	#titulo{
		padding-top: 27px;
		padding-bottom: 18px;
		margin-top: 55%;
		}

	#productos{
		margin-top: 68% !important;
	}

	#contacto p{
		font-size: 20px;
		padding-bottom: 65px;
	}
		
	#barra {
		margin-top: 0px;
	}

	#barra-cart ul li{
		margin-top: 9px;
		}
		
	#empresa p {
		margin-bottom: 30px;
	}
		
	.contenido {
		padding-bottom: 0px;
	}
		
	.title-a {
		border-top-right-radius: 25px;
		border-bottom-right-radius: 25px;
		flex-direction: column;
	}
		
	.title-n {
		border-top-left-radius: 25px;
		border-bottom-left-radius: 25px;
		flex-direction: column;
	}
		
	.contenido2 {
		padding-bottom: 15px !important;
	}
		
	#carousel-servicios .carousel-indicators {
		bottom: -20px;
	}
		
	#frase p{
		font-size:20px;
	}
		
	footer h1 {
		padding-right: 7px;
		font-size: 16px;
	}
		
	#herramientas-home a {
		font-size: 20px;
		margin-top: 15px;
	}
		
	#herramientas-home p {
		font-size: 20px;
	}

	.logo a {
		position: relative;
		float: left;
		z-index: 99999999;
	}

	.iniciar_sesion {
		display: block !important;
	}
	
	#texto-in h1{
		line-height: 24px !important;
  		font-size: 20px !important;
	}

	#texto-in{
		padding: 39px 24px !important;
	}

	#btn-registro{
		width: auto !important;
	}

}
    
    /*-----------------------------------------------------------------------------------------------------------------------*/
    
    
    @media (max-width: 430px) and (min-width:401px){
    
	.img2 {
		width: 120px;
	}

	#banner {
		margin-top: 38%;
	}

	#snacks h1 {
        font-size: 30px;
	}
		
	.texto-herramientas {
		position: relative;
	}
		
	.texto-herramientas-l {
		position: relative;
	}
		
	.texto-r {
			padding: 44px 39px;
	}
		
	.texto-l {
		padding: 44px 39px;
	}
		
	#herramientas-home h1 {
		font-size: 21px;
	}
		
	.redes {
		text-align: center;
		margin-top: 15px;
	}

	footer p{
		font-size: 19px;
		margin-left: 7px;
	}
		
	#titulo h1 {
		font-size: 20px;
	}

	#titulo{
		padding-top: 27px;
		padding-bottom: 18px;
		margin-top: 37%;
		}

	#btn-registro{
		width: auto !important;
	}

	.iniciar_sesion {
		display: block !important;
	}

	#texto-in{
		padding: 41px 36px !important;
	}

	#texto-in h1{
		line-height: 24px !important;
  		font-size: 22px !important;
	}

	#texto-registrarse{
		padding: 54px 36px !important;
	}

	#productos{
		margin-top: 48% !important;
	}

	#contacto p{
		font-size: 20px;
		padding-bottom: 65px;
	}
		
	#barra {
		margin-top: 0px;
	}

	#barra-cart ul li{
		margin-top: 9px;
		}
		
	#empresa p {
		margin-bottom: 30px;
	}
		
	.contenido {
		padding-bottom: 0px;
	}
		
	.title-a {
		border-top-right-radius: 25px;
		border-bottom-right-radius: 25px;
		flex-direction: column;
	}
		
	.title-n {
		border-top-left-radius: 25px;
		border-bottom-left-radius: 25px;
		flex-direction: column;
	}
		
	.contenido2 {
		padding-bottom: 15px !important;
	}
		
	#carousel-servicios .carousel-indicators {
		bottom: -20px;
	}
		
	#frase p{
		font-size:20px;
	}
		
	footer h1 {
		padding-right: 7px;
		font-size: 16px;
	}
		
	#herramientas-home a {
		font-size: 20px;
		margin-top: 15px;
	}
		
	#herramientas-home p {
		font-size: 20px;
	}

	.logo a {
		position: relative;
		float: left;
		z-index: 99999999;
	}

	#btn-registro{
		width: auto !important;
	}
	
	
    }
    
    /*-----------------------------------------------------------------------------------------------------------------------*/
    
    
    @media (max-width: 500px) and (min-width:431px){
    
	.img2 {
		width: 120px;
	}

	#banner {
		margin-top: 32%;
	}

	.iniciar_sesion {
		display: block !important;
	}

	#snacks h1 {
        font-size: 30px;
	}
		
	.texto-herramientas {
		position: relative;
	}
		
	.texto-herramientas-l {
		position: relative;
	}
		
	.texto-r {
			padding: 44px 39px;
	}
		
	.texto-l {
		padding: 44px 39px;
	}
		
	#herramientas-home h1 {
		font-size: 21px;
	}
		
	.redes {
		text-align: center;
		margin-top: 15px;
	}

	footer p{
		font-size: 19px;
		margin-left: 7px;
	}
		
	#titulo h1 {
		font-size: 20px;
	}

	#titulo{
		padding-top: 27px;
		margin-top: 32%;
	}

	#productos{
		margin-top: 39% !important;
	}

	#contacto p{
		font-size: 20px;
		padding-bottom: 65px;
	}
		
	#barra {
		margin-top: 0px;
	}

	#barra-cart ul li{
		margin-top: 9px;
		}
		
	#empresa p {
		margin-bottom: 30px;
	}
		
	.contenido {
		padding-bottom: 0px;
	}
		
	.title-a {
		border-top-right-radius: 25px;
		border-bottom-right-radius: 25px;
		flex-direction: column;
	}
		
	.title-n {
		border-top-left-radius: 25px;
		border-bottom-left-radius: 25px;
		flex-direction: column;
	}
		
	.contenido2 {
		padding-bottom: 15px !important;
	}
		
	#carousel-servicios .carousel-indicators {
		bottom: -20px;
	}
		
	#frase p{
		font-size:20px;
	}
		
	footer h1 {
		padding-right: 7px;
		font-size: 16px;
	}
		
	#herramientas-home a {
		font-size: 20px;
		margin-top: 15px;
	}
		
	#herramientas-home p {
		font-size: 20px;
	}

	.logo a {
		position: relative;
		float: left;
		z-index: 99999999;
	}

	#btn-registro{
		width: auto !important;
	}
	
    
	
    }
    
    
    /*----------------------------------------------------------------------------------------------*/
    
    
    @media (max-width:600px) and (min-width:501px){
    
	.img2 {
		width: 135px;
	}

	#productos{
		margin-top: 33%;
	}

	#banner {
		margin-top:28%;
	}

	#snacks h1{
		font-size: 32px;
	}

	#titulo{
		margin-top:28%;
	}

	#titulo h1{
		margin-top: 13px;
		font-size: 37px;
	}

	.iniciar_sesion{
		display: block !important;
	}

	#btn-registro{
		width: auto !important;
	}

	#herramientas-home a {
		font-size: 20px;
		margin-top: 15px;
	}

	.texto-herramientas {
		position: relative;
	}

	#barra-cart ul li {
	margin-top: 9px;
	}

	.texto-herramientas-l {
		position: relative;
	}
			
	#herramientas-home p {
		font-size: 20px;
	}

	.texto-r {
			padding: 44px 39px;
	}
		
	.texto-l {
		padding: 44px 39px;
	}
		
	#herramientas-home h1 {
		font-size: 21px;
	}

	.logo a {
		position: relative;
		float: left;
		z-index: 99999999;
	}
	
    
    }
    
    
    /*--------------------------------------------------------------------------*/
    
    
    @media (max-width: 700px) and (min-width:601px){
    
	.img2 {
		width: 135px;
	}

	#banner {
		margin-top: 23%;
	}

	#barra-cart ul li {
		margin-top: 9px;
	}

	.iniciar_sesion{
		display: block !important;
	}

	#snacks h1{
		font-size: 38px;
	}

	.texto-r {
			padding: 44px 39px;
	}
		
	.texto-l {
		padding: 44px 39px;
	}
		
	#herramientas-home h1 {
		font-size: 21px;
	}

	#herramientas-home a{
		font-size: 28px;
		padding: 3px 19px;
		margin-top: 9px;
	}

	#titulo{
		margin-top: 24%;
	}

	#herramientas-home p{
		font-size: 20px;
	}

	#empresa p{
		  margin-bottom: 42px;
	}

	#productos{
		margin-top: 32% !important;
	}

	.logo a {
		position: relative;
		float: left;
		z-index: 99999999;
	}

    
    }
    
    
    /*-----------------------------------------------------------------------------------------------------------------------*/
    
    @media (max-width: 767px) and (min-width:701px){

	.img2 {
		width: 162px;
	}
    
	#banner {
	  margin-top: 24%;
	}

	.iniciar_sesion{
		display: block !important;
	}
    
	#menu{
	  margin-top: -48px;
	}
    
	#snacks h1{
		font-size: 38px;
	}

	#barra-cart ul li {
		margin-top: 9px;
	}

	.texto-r {
			padding: 44px 39px;
	}
		
	.texto-l {
		padding: 44px 39px;
	}
		
	#herramientas-home h1 {
		font-size: 21px;
	}

	#herramientas-home a{
		font-size: 28px;
		padding: 3px 19px;
		margin-top: 9px;
	}

	#titulo{
		margin-top: 24%;
	}

	#empresa p{
		margin-bottom: 52px;
	}

	#herramientas-home p{
		font-size: 23px;
	}

	#productos{
		margin-top: 30% !important;
	}

	.logo a {
		position: relative;
		float: left;
		z-index: 99999999;
	}

	
    }
    
    /*-------------------------------------------------------------------------------------------------------------*/
    @media (max-width:830px) and (min-width:768px){

	.img2 {
		width: 182px;
	}

	#productos{
		margin-top: 27% !important;
	}
    
	#navbar a{
		padding:8px 8px;
	}

	#texto-in{
		padding: 53px 32px !important;
	}

	#texto-in h1{
		line-height: 23px !important;
  		font-size: 21px !important;
	}

	#banner {
		margin-top: 20%;
	}
	
	#frase p{
		font-size:17px;
	}

	#titulo{
		margin-top: 20%;
	}
	
	#snacks h1{
		font-size:39px;
	}
	
	.snacks h3{
		font-size:18px;
	}
	
	.texto-r{
		padding:39px;
	}
	
	#herramientas-home h1{
		font-size:26px;
	}
	
	#herramientas-home p{
		font-size:18px;
	}
	
	#herramientas-home a{
		margin-top:12px;
		font-size:25px;
	}
	
	.texto-l{
		padding:16px 42px;
	}
	
	footer{
		font-size:20px;
	}
	
	#empresa p{
		line-height:19px;
		margin-top:26px;
		margin-bottom:71px;
		font-size:20px;
	}
	
	.title-a{
		padding:9px 15px;
	}
	
	#interna ul span{
		font-size:17px;
	}
	
	#interna ul{
		line-height:24px;
	}
	
	#titulo h1{
		font-size:38px;
	}
	
	#volver{
		font-size:27px;
	}
	
	#barra{
		margin-top:0px;
	}
	
	.noticia h1{
		font-size:18px;
	}

	.logo a {
		position: relative;
		float: left;
		z-index: 99999999;
	}
	
    
    
    }
    
    /*------------------------------------------------------------------------------------------------*/
    
    @media (max-width: 900px) and (min-width:831px){
    
	#navbar a{
		padding:8px 8px;
	}
	
	.img2 {
		width: 182px;
	}

	#productos{
		margin-top: 22% !important;
	}

	#titulo{
		margin-top: 18%;
	}

	.logo a {
		position: relative;
		float: left;
		z-index: 99999999;
	}

	#banner {
		margin-top: 18%;
	}
	
	#frase p{
		font-size:17px;
	}
	
	#snacks h1{
		font-size:32px;
	}
	
	.snacks h3{
		font-size:18px;
	}
	
	.texto-r{
		padding:39px;
	}
	
	#herramientas-home h1{
		font-size:26px;
	}
	
	#herramientas-home p{
		font-size:18px;
	}
	
	#herramientas-home a{
		margin-top:12px;
		font-size:25px;
	}
	
	.texto-l{
		padding:16px 42px;
	}
	
	footer{
		font-size:20px;
	}
	
	#empresa p{
		line-height:19px;
		margin-top:26px;
		margin-bottom:71px;
		font-size:20px;
	}
	
	.title-a{
		padding:9px 15px;
	}
	
	#interna ul span{
		font-size:17px;
	}
	
	#interna ul{
		line-height:24px;
	}
	
	#titulo h1{
		font-size:38px;
	}
	
	#volver{
		font-size:27px;
	}
	
	#barra{
		margin-top:0px;
	}
	
	.noticia h1{
		font-size:18px;
	}
	
    
	
    }
    
    
    /*-----------------------------------------------------------------------------------------------------------------------*/
    
    
    @media (max-width: 991px) and (min-width:901px){
    	
	#navbar li{
		margin:0 39px;
	}

	#productos{
		margin-top: 33% !important;
	}

	#titulo{
		margin-top: 25%;
	}

	#banner {
		margin-top: 25%;
	}
	
	#frase p{
		font-size:18px;
	}
	
	.texto-r{
		padding: 75px;
	}
	
	#herramientas-home h1{
		font-size:25px;
	}
	
	#herramientas-home p{
		font-size:20px;
	}
	
	#herramientas-home a{
		margin-top:19px;
		font-size:26px;
	}
	
	.texto-l{
		padding: 57px 69px;
	}
	
	.snacks h3{
		font-size:20px;
	}
	
	#snacks h1{
		font-size:40px;
	}
	
	#volver{
		font-size:27px;
	}
	
	.title-a{
		padding:8px 15px;
	}
	
	#interna ul{
		line-height:25px;
	}
	.noticia h1{
		font-size:18px;
	}
	
    }
    
    
    /*---------------------------------------------------------------------------------------------------------------------*/
    
    
    @media (max-width: 1100px) and (min-width:992px){
    
		
	#navbar li{
		margin:0 55px;
	}

	#banner {
		margin-top: 23%;
	}

	#productos{
		margin-top: 28% !important;
	}

	#titulo{
		margin-top: 23%;
	}
	
	#frase p{
		font-size:18px;
	}
	
	.texto-r{
		padding: 83px;
	}
	
	#herramientas-home h1{
		font-size:25px;
	}
	
	#herramientas-home p{
		font-size:22px;
	}
	
	#herramientas-home a{
		margin-top:19px;
		font-size:26px;
	}
	
	.texto-l{
		padding: 81px 83px;
	}
	
	.snacks h3{
		font-size:20px;
	}
	
	#snacks h1{
		font-size:40px;
	}
	
	#volver{
		font-size:27px;
	}
	
	.title-a{
		padding:8px 15px;
	}
	
	#interna ul{
		line-height:25px;
	}
	.noticia h1{
		font-size:18px;
	}
    

    }
    
    /*------------------------------------------------------------------------------------------------------------------*/
    
    @media (max-width: 1199px) and (min-width:1101px){
    
	
	#navbar li{
		margin:0 67px;
	}

	#banner {
		margin-top: 21%;
	}

	#productos{
		margin-top: 28% !important;
	}

	#titulo{
		margin-top: 21%;
	}
	
	#frase p{
		font-size:19px;
	}
	
	#herramientas-home h1{
		font-size:32px;
	}
	
	.texto-l{
		padding:41px 39px;
	}
	
	#herramientas-home a{
		font-size:30px;
		margin-top:21px;
	}
	
	.texto-r{
		padding:48px;
	}
	
	#herramientas-home p{
		font-size:26px;
	}
	
	#volver{
		padding:6px 25px;
		font-size:26px;
	}
	
	#barra{
		margin-top:0px;
	}
	
	#empresa p{
		margin-bottom:69px;
	}
	
	#ventajas{
		padding-bottom:68px;
	}
	
	#ventajas p{
		font-size:17px;
	}
	
	.title-a{
		padding:9px 15px;
	}
	
	#titulo h1{
		font-size:39px;
	}
	
	#it h1{
		margin-top:27px !important;
	}
	.noticia h1{
		font-size:18px;
	}
	
    
    }
    
    
    /*------------------------------------------------------------------------------------------------------------------*/
    
    @media (max-width: 1300px) and (min-width:1200px){
 
	
	#navbar li{
		margin:0 56px;
	}

	#productos{
		margin-top: 23% !important;
	}

	#banner {
		margin-top: 19%;
	}
	
	#frase p{
		font-size:19px;
	}

	#titulo{
		margin-top: 19%;
	}
	
	#herramientas-home h1{
		font-size:37px;
	}
	
	.texto-l{
		padding:41px 39px;
	}
	
	#herramientas-home a{
		font-size:30px;
		margin-top:21px;
	}
	
	.texto-r{
		padding:60px;
	}
	
	#volver{
		padding:6px 25px;
		font-size:26px;
	}
	
	#barra{
		margin-top:0px;
	}
	
	#empresa p{
		margin-bottom:69px;
	}
	
	#ventajas{
		padding-bottom:68px;
	}
	
	#ventajas p{
		font-size:20px;
	}
	
	.title-a{
		padding:9px 15px;
	}
	
	#titulo h1{
		font-size:39px;
	}
	
	
	#interna ul span{
		font-size:20px;
	}
    
	
    }
    
    
    /*-----------------------------------------------------------------------------------------------------------------*/
    
    @media (max-width: 1400px) and (min-width:1301px){
    
	
	#navbar li {
        margin: 0 59px;
    	}

	#banner {
		margin-top: 18%;
	}

	#productos{
		margin-top: 21% !important;
	}

	#titulo{
		margin-top: 18%;
	}
	
	#frase p{
		font-size:20px;
	}
	
	#herramientas-home h1{
		font-size:40px;
	}
	
	.texto-l{
		padding:58px 56px;
	}
	
	#herramientas-home a{
		font-size:30px;
		margin-top:21px;
	}
	
	.texto-r{
		padding:79px;
	}
	
	#volver{
		padding:6px 25px;
		font-size:29px;
	}
	
	#barra{
		margin-top:0px;
	}
	
	#empresa p{
		margin-bottom:69px;
	}
	
	#ventajas{
		padding-bottom:68px;
	}
	
	#ventajas p{
		font-size:20px;
	}
	
	.title-a{
		padding:9px 15px;
	}
	
	#interna ul span{
		font-size:20px;
	}

	
    }
    
    /*------------------------------------------------------------------------------------------------------------------*/
    
    @media (max-width: 1500px) and (min-width:1401px){

	#navbar li {
        margin: 0 77px;
      }

	#banner {
		margin-top: 17%;
	}

	#titulo{
		margin-top: 17%;
	}

	#productos{
		margin-top: 21% !important;
	}

	#frase p{
		font-size:20px;
	}
	
	#herramientas-home h1{
		font-size:44px;
	}
	
	.texto-l{
		padding:71px 56px;
	}
	
	#herramientas-home a{
		font-size:30px;
		margin-top:21px;
	}
	
	.texto-r{
		padding:93px;
	}
	
	#volver{
		padding:6px 25px;
		font-size:29px;
	}
	
	#barra{
		margin-top:0px;
	}
	
	#empresa p{
		margin-bottom:69px;
	}
	
	#ventajas{
		padding-bottom:68px;
	}
	
	#ventajas p{
		font-size:20px;
	}
	
	.title-a{
		padding:9px 15px;
	}
	
	#interna ul span{
		font-size:20px;
	}
	.noticia h1{
		font-size:24px;
	}
	
    
    }
    
    
    
    @media (max-width: 1600px) and (min-width:1501px){
    
	
	.texto-l{
		padding:71px 56px;
	}

	#productos{
		margin-top: 19% !important;
	}

	#titulo{
		margin-top: 16%;
	}

	#navbar li{
		margin: 0 87px;
	}

	#banner {
		margin-top: 16%;
	}
	
	#volver{
		padding:6px 25px;
		font-size:29px;
	}
	
	#barra{
		margin-top:0px;
	}
	
	#empresa p{
		margin-bottom:69px;
	}
	
	#ventajas{
		padding-bottom:68px;
	}
	
	
	.title-n{
		padding:9px 15px;
	}
	
	
	.title-a{
		padding:9px 15px;
	}
	
	.texto-r{
		padding:83px;
	}

	.noticia h1{
		font-size:27px;
	}

    
    }
    
    
    @media (max-width: 1700px) and (min-width:1601px){
	
	.texto-l{
		padding:83px 87px;
	}

	#productos{
		margin-top: 19% !important;
	}


	#navbar li{
		margin: 0 91px;
	}

	#titulo{
		margin-top: 15%;
	}
	
	#volver{
		padding:6px 25px;
		font-size:29px;
	}

	#barra{
		margin-top:0px;
	}
	
	#empresa p{
		margin-bottom:69px;
	}
	
	#ventajas{
		padding-bottom:68px;
	}
	
	.title-n{
		padding:9px 15px;
	}
	
	
	.title-a{
		padding:9px 15px;
	}
	
	.noticia h1{
		font-size:27px;
	}   
	
	
    }



    @media (max-width: 1800px) and (min-width:1701px){

	#navbar li{
		margin: 0 91px;
	}

	#navbar a{
		margin-left:0px;
		padding: 16px 8px;
	}

	#productos{
		margin-top: 17% !important;
	}

	.texto-l{
		padding:83px 87px;
	}
	
	#volver{
		padding:6px 25px;
		font-size:29px;
	}
	
	#barra{
		margin-top:0px;
	}
	
	#empresa p{
		margin-bottom:69px;
	}

	#titulo{
		margin-top: 14%;
	}
	
	#ventajas{
		padding-bottom:68px;
	}
	
	.title-n{
		padding:9px 15px;
	}
	
	.title-a{
		padding:9px 15px;
	}
	
	.noticia h1{
		font-size:27px;
	}

    }


    
@media (max-width: 1900px) and (min-width:1801px){
	
	.texto-l{
		padding:135px 87px;
	}

	#navbar li{
		margin: 0 118px;
	}

	#productos{
		margin-top: 16% !important;
	}
	
	.texto-r{
		padding:140px;
	}
		
	#barra{
		margin-top:0px;
	}
	
	#empresa p{
		margin-bottom:69px;
	}

	#titulo{
		margin-top: 13%;
	}
	
	#ventajas{
		padding-bottom:68px;
	}
	
	
	.title-n{
		padding:9px 15px;
	}
	
	
	.title-a{
		padding:9px 15px;
	}
	
}