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

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


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

	.clear{
			clear:both;
	}


	.navbar-inverse{
		background: #ff2a24;
	}

	#header a{
		display: inline-block;
	}

	
	#contenedor{
		width: 100%;
		overflow: hidden;
		position: relative;
		background: url(../img/bg.jpg);
		background-position: center;
		background-size: cover;
		font-family: "Montserrat-Regular";
	}


	.escondido{ 
		display: none; 
	}

	#banner{
		margin-top: 12%;
	}

	#barra-cart{
		padding: 5px 0px;
		background-color:#0000001A;
	}
	    
	#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: 15px;
		float: left;
		position: relative;
		padding-left: 3px;
		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;
		border:none;
		height: 30px;
		margin-top: 0px;
		border-top-left-radius:8px;
		border-bottom-left-radius:8px;
	}
	    
	.buscar {
		margin: 0px;
		border: none;
		background-color: #6F7776;
		padding: 4px;
		border-top-right-radius:8px;
  		border-bottom-right-radius: 8px;
	}
	    
	.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: 22px;
		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: #ff2a24;
		border-color: #ff2a24;
	}

	.photo {
		background-attachment: fixed;
		padding-top: 100px;
		padding-bottom: 80px;
		background-position: 20% 0;
		position: relative;
		background-image: url(../img/img.jpg);
		background-size: cover;
	}

	.texto-photo{
		display: inline-block;
		padding:60px 30px;
		color: #FFF;
		background: rgba(0, 0, 0, 0.8);
	}

	.texto-photo h1{
		width: 100%;
		float: left;
		position: relative;
		font-family:"Siesta W01 N4";
		font-size: 36px;
	}

	.texto-photo p{
		width: 100%;
		float: left;
		position: relative;
		font-size: 15px;
		margin-top: 20px;
		line-height: 19px;
	}

	.texto-photo a{
		display: inline-block;
		margin-top: 40px;
		padding: 7px 20px;
		background: rgba(255,76,88,1);
		background: -moz-linear-gradient(top, rgba(255,76,88,1) 0%, rgba(226,25,28,1) 50%, rgba(255,76,88,1) 100%);
		background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(255,76,88,1)), color-stop(50%, rgba(226,25,28,1)), color-stop(100%, rgba(255,76,88,1)));
		background: -webkit-linear-gradient(top, rgba(255,76,88,1) 0%, rgba(226,25,28,1) 50%, rgba(255,76,88,1) 100%);
		background: -o-linear-gradient(top, rgba(255,76,88,1) 0%, rgba(226,25,28,1) 50%, rgba(255,76,88,1) 100%);
		background: -ms-linear-gradient(top, rgba(255,76,88,1) 0%, rgba(226,25,28,1) 50%, rgba(255,76,88,1) 100%);
		background: linear-gradient(to bottom, rgba(255,76,88,1) 0%, rgba(226,25,28,1) 50%, rgba(255,76,88,1) 100%);
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff4c58', endColorstr='#ff4c58', GradientType=0 );
		text-transform: uppercase;
		font-size: 14px;
		color: #FFF;
	}

	.texto-photo a:hover{
		text-decoration: none;
		background: #000;
	}


	#links{
		padding: 30px 0px;
	}

	.link{
		width: 100%;
		float: left;
		position: relative;
	}

	.texto-link{
		text-align: center;
		background: rgba(0, 0, 0, 0.7);
		position: absolute;
		right: 0px;
		top: 0px;
		width: 50%;
		height: 100%;
		padding: 45px 15px;
	}

	.texto-link h1{
		text-transform: uppercase;
		font-family:"Siesta W01 N4";
		font-size: 22px;
		color: #FFF;
	}

	.texto-link p{
		margin-top: 20px;
		font-size: 15px;
		color: #FFF;
		line-height: 19px;
	}

	.link-p{
		text-transform: uppercase;
		text-decoration: underline;
	}

	.link:hover .texto-link{
		background: #FF0006B3;
	}

	

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

	#menu{
		background: #fff;
		width: 100%;
		float:left;
		position: relative;
		margin-bottom:0px;
		border: none;
		text-align: center;
		border-radius: 0;
		font-family: "Siesta W01 N4";
		text-transform: uppercase;
	}

	.menu li{
		text-align: center;
	}

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

	#navbar a{
		color: #000;
		font-size: 24px;
		float: left;
		position: relative;
		padding: 7px 3px;
		margin-left: 20px;
		text-decoration: none !important;
		margin-top:16px;
	}

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

	#navbar .selec{
		border-bottom: solid 2px #FF2A24;
		text-decoration: none;
		color: #FF2A24;
	}

	#navbar .selec span {
		display: block;
	}
		
	#navbar a span {
		display: none;
		width: 100%;
		position: absolute;
		text-align: center;
		top: -10px;
		left: 0px;
	}

		
	footer{
		background:#000;
	}

	.datos{
		padding-top: 20px;
		color: #FFF;
	}

	.datos h1{
		font-family:"Siesta W01 N4";
		float: left;
		position: relative;
		padding-right: 12px;
		border-right: solid 1px #fff;
		text-align: right;
		text-transform: uppercase;
		line-height: 22px;
	}

	.datos p{
		font-size:15px;
		float: left;
		margin-left: 12px;
		position: relative;
		line-height: 22px;
	}

	.redes{
		background: url(../img/bg-redes.png) no-repeat center bottom;
		text-align: center;
	}

	.redes h2{
		margin-top: 30px;
		font-family:"Siesta W01 N4";
		color: #FFF;
		font-size: 18px;
		text-align: left;
		margin-left: 75px;
	}

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

	#fb:hover{
		background: url(../img/redes-h.png) no-repeat  -10px 0px;
	}

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

	#ins:hover{
		background: url(../img/redes-h.png) no-repeat right top;
	}

	#web{
		background-color: #ff2a24;
		padding: 8px 0px;
	} 

	#web a{
		background: url(../img/web.png) no-repeat right;
		padding-right: 148px;
		color: #ffffff4d;
		text-decoration: none;
		float: left;
            font-size: 13px;
	}

	#web a:hover{
		background: url(../img/web-h.png) no-repeat right;
		color: #0000004d;
	}

	

.contenido{
    padding-bottom: 30px;
}

#contenido2{
margin-top: 19%;
  padding-bottom: 164px;
}

#contenido2 h1{
  border-bottom: solid 1px #fff;
  padding-bottom: 10px;
  font-size: 30px;
  color: #fff;
  font-family:"Siesta W01 N4";
  margin-bottom: 40px;
  text-shadow: 3px 2px 2px rgb(0, 0, 0);
}

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

#texto-emp{
  margin-top: 60px;
  font-size:18px;
  text-align: justify;
  color: #fff;
  line-height:23px;
}

#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 0px;
    margin-top: 16%;
}

#contacto p{
    margin-top: 10px;
    font-size:18px;
    color: #fff;
    text-align: justify; 
    line-height: 24px;
    padding-right: 201px;
}

#contacto h1{
  border-bottom: solid 1px #fff;
  padding-bottom: 10px;
  font-size: 30px;
  color: #fff;
  font-family: "Siesta W01 N4";
  text-shadow: 3px 2px 2px rgb(0, 0, 0);
  margin-bottom: 65px;
}

#map{
	height:400px;
}

#ampliar{
	width: 80px;
	height: 80px;
	border-radius: 50%;
	background-color: #000;
	color: #FFF;
	text-align: center;
	position: absolute;
	left: 70%;
	top: -42px;
	font-size: 17px;
	text-align: center;
	z-index: 1;
	padding-top: 23px;
}

#ampliar:hover{
	background-color: #ff2a24 !important;
  	text-decoration: none;
}


#contenido{
  padding: 99px 0px;
}

.btn-home{
  background: #f4f4f4;
  padding: 10px;
  float: left;
  position: relative;
  width: 100%;
  margin-top: 20px;
  margin-bottom: 20px;
  box-shadow: 2px 2px 3px #32323269;
}

.btn-home h2{
  font-family:"Siesta W01 N4";
  color: #ff2a24;
  font-size: 26px;
}

.btn-home p{
  font-size: 15px;
  margin-top: 10px;
}

.btn-home a{
  display: inline-block;
  margin-top: 20px;
  padding: 7px 20px;
  background: #000;
  text-transform: uppercase;
  font-size: 14px;
  color: #FFF;
}

.btn-home a:hover{
  background: rgba(235,196,105,1);
  background: rgba(255,76,88,1);
  background: -moz-linear-gradient(top, rgba(255,76,88,1) 0%, rgba(226,25,28,1) 50%, rgba(255,76,88,1) 100%);
  background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(255,76,88,1)), color-stop(50%, rgba(226,25,28,1)), color-stop(100%, rgba(255,76,88,1)));
  background: -webkit-linear-gradient(top, rgba(255,76,88,1) 0%, rgba(226,25,28,1) 50%, rgba(255,76,88,1) 100%);
  background: -o-linear-gradient(top, rgba(255,76,88,1) 0%, rgba(226,25,28,1) 50%, rgba(255,76,88,1) 100%);
  background: -ms-linear-gradient(top, rgba(255,76,88,1) 0%, rgba(226,25,28,1) 50%, rgba(255,76,88,1) 100%);
  background: linear-gradient(to bottom, rgba(255,76,88,1) 0%, rgba(226,25,28,1) 50%, rgba(255,76,88,1) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff4c58', endColorstr='#ff4c58', GradientType=0 );
  text-decoration: none;
}

.cat{
  display: flex;
  flex-wrap: wrap;
}



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

	#navbar a {
	  width: 100%;
	  text-align: center;
	  padding: 7px;
	  text-decoration: none;
	  border: none;
	  margin-left: 0px;
	  margin-top: 4px;
	  font-size: 21px;
	}
    
	#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: #fff;
	  font-size: 16px;
	  padding-bottom: 10px;
	  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: #fff;
	  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: -45px;
	}

	#contenido2{
		padding-bottom: 70px;
	}
    
	#banner{
	  margin-top:65%;
	}
    
	.img2 {
	  width: 171px;
	  float: left;
	}

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

	#contacto p{
		margin-top: -28px;
		padding-right: 0px;
		font-size: 15px;
		line-height: 18px;
	}

	#texto-emp{
		line-height: 18px;
		margin-top: 31px;
		font-size: 15px;
	}

	.iniciar_sesion {
		display: block !important;
	}

	#texto-in{
		padding: 73px 16px;
	}

	#texto-in h1{
		line-height: 21px;
  		font-size: 16px;
	}
    
	
    }
    
    
    /*-----------------------------------------------------------------------------------------------------------------------*/
    @media (max-width: 338px) and (min-width:301px){

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

	#contenido2{
		margin-top: 63%;
	}

	#iniciar_sesion{
		margin-top: 49% !important;
	}

	#snacks h1 {
        font-size: 22px;
	}
		
	.texto-herramientas {
		position: relative;
	}
		
	.texto-herramientas-l {
		position: relative;
	}
		
	.texto-r {
			padding: 44px 39px;
	}
		
	.texto-l {
		padding: 44px 39px;
	}
		

	.btn-home a{
		margin-top: 5px;
		margin-bottom: 12px;
	}

	.texto-link{
		position: relative;
		width: 100%;
	}

	#texto-emp{
		font-size: 16px;
		line-height: 19px;
	}

	.texto-photo{
		padding: 32px 21px;
	}
		
	.redes {
		text-align: center;
		margin-top: 15px;
		background-size: contain;
	}

	#titulo h1 {
		font-size: 20px;
	}


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

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

	#contacto p{
		font-size: 15px;
		padding-bottom: 65px;
		padding-right: 0px;
		line-height:17px;
	}

	#contacto{
		margin-top: 38%;
	}

	#contacto h1{
		margin-bottom: 35px;
	}
		
	#barra {
		margin-top: 0px;
	}

	#barra-cart ul li{
		margin-top: 9px;
		}
		
	#empresa p {
		margin-bottom: 30px;
	}
		
	.contenido {
		padding-bottom: 0px;
	}
		
	.contenido2 {
		padding-bottom: 15px !important;
	}
		
	#carousel-servicios .carousel-indicators {
		bottom: -20px;
	}
		
	#frase p{
		font-size:20px;
	}
		
	footer h1 {
		padding-right: 7px !important;
		font-size: 16px;
	}

	#web a{
		font-size: 10px;
	}
		
	.logo a {
		position: relative;
		float: left;
		z-index: 99999999;
	}

	.iniciar_sesion {
		display: block !important;
	}

	.datos p{
		font-size: 13px;
		margin-left: 3px;
	}
	
	#texto-in h1{
		line-height: 21px !important;
    		font-size: 16px !important;
	}

	#texto-in input{
		width: 100%;
		margin-bottom: 5px;
	}

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

	.log_registrarse a{
		width: auto !important;
	}

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

	.img2 {
		width: 220px;
	}

	 .texto-link {
		position: relative;
		width: 100%;
	}

	.redes {
		text-align: center;
		margin-top: 15px;
		background-size: contain;
	}
	
	#web a{
		font-size: 11px;
	}

	#contenido2{
		margin-top: 58%;
	}

	#texto-emp{
		  font-size: 16px;
		  line-height: 21px;
	}

	#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;
	}
	
	#titulo h1 {
		font-size: 20px;
	}

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

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

	#contacto p{
		font-size: 16px;
		line-height: 22px;
		padding-right: 0px;
		padding-bottom: 30px;
	}

	.registro p{
		font-size: 16px !important;
  		line-height: 22px !important;
	}

	#contacto h1{
		margin-bottom: 18px;
	}

	#contacto{
		margin-top: 42%;
	}
		
	#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 !important;
		font-size: 16px;
	}

	.datos p{
		font-size: 13px;
	}
		
	#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: 21px !important;
    		font-size: 16px !important;
	}

	#iniciar_sesion{
		  margin-top: 44% !important;
	}

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

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

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

	.btn-home a{
		margin-top: 7px;
		margin-bottom: 19px;
	}

	.texto-link{
		  padding: 14px 7px;
	}

	.texto-link p{
		margin-top: 8px;
	}

	#banner {
		margin-top: 38%;
	}

	#contenido2{
		margin-top: 49%;
	}

	#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;
	}
		
	#titulo h1 {
		font-size: 20px;
	}

	.detalle-texto{
		padding: 45px 17px !important;
	}

	.detalle-texto h1{
		font-size: 17px;
	}

	#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-registrarse{
		padding: 54px 36px !important;
	}

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

	#contacto p{
		font-size: 15px;
		padding-bottom: 65px;
		padding-right: 0px;
		line-height:20px;
	}

	#contacto{
		margin-top: 30%;
	}

	#contacto h1{
		margin-bottom: 31px;
	}
		
	#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:277px;
	}

	#banner {
		margin-top: 40%;
	}

	.btn-home a{
		margin-bottom: 17px;
	}

	.texto-link{
		padding: 17px 10px;
	}

	.texto-link p{
		margin-top: 15px;
  		font-size: 13px;
	}

	#contenido2{
		margin-top: 49%;
	}

	.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: 51% !important;
	}

	#contacto p{
		font-size: 17px;
		padding-bottom: 65px;
		line-height: 20px;
		padding-right: 5px;
	}


	#contacto{
		margin-top: 35%;
	}

	#contacto h1{
		margin-bottom: 20px;
	}
		
	#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;
	}

	#iniciar_sesion{
		margin-top: 34% !important;
	}
	
    
	
    }
    
    
    /*----------------------------------------------------------------------------------------------*/
    
    
    @media (max-width:600px) and (min-width:501px){
    
	.img2 {
		width:293px;
	}

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

	#contacto p{
		padding-right: 0px;
	}

	#contacto{
		margin-top: 33%;
	}

	#contacto h1{
		margin-bottom: 31px;
	}

	#banner {
		margin-top:35%;
	}

	.btn-home a{
		margin-bottom: 14px;
	}

	#contenido2{
		margin-top: 45%;
	}

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

	#iniciar_sesion{
		margin-top: 30% !important;
	}
	
    
    }
    
    
    /*--------------------------------------------------------------------------*/
    
    
    @media (max-width: 700px) and (min-width:601px){
    
	.img2 {
		width: 321px;
	}

	#iniciar_sesion{
		margin-top: 27% !important;
	}

	#banner {
		margin-top: 31%;
	}

	.btn-home a{
		margin-bottom: 24px;
	}

	#contenido2{
		margin-top: 41%;
	}

	#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: 39% !important;
	}

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

	#contacto{
		margin-top: 30%;
	}

	#contacto p{
		padding-right: 0px;
		padding-bottom: 36px;
	}

	#contacto h1{
		margin-bottom: 29px;
	}

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

	.img2 {
		width: 283px;
	}

	.btn-home a{
		margin-bottom: 19px;
	}

	#contenido2{
		margin-top: 33%;
	}
    
	#banner {
	  margin-top: 24%;
	}

	.iniciar_sesion{
		display: block !important;
	}

	#contacto p{
		padding-right: 0px;
		padding-bottom: 40px;
	}

	#contacto h1{
		margin-bottom: 26px;
	}

	#iniciar_sesion{
		margin-top: 25% !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:330px;
	}

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

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

	.btn-home h2{
		font-size: 22px;
	}

	.texto-link{
		padding: 14px 9px;
	}

	.texto-link p{
		margin-top: 8px;
		font-size: 13px;
	}

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

	
	#contenido2{
		  margin-top: 26%;
	}

	#texto-emp{
		margin-top: 0px;
		font-size: 15px;
		line-height: 22px;
	}

	#banner {
		margin-top: 20%;
	}
	
	footer{
		font-size:20px;
	}
	
	#empresa p{
		line-height:19px;
		margin-top:26px;
		margin-bottom:71px;
		font-size:20px;
	}

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

	#contacto p{
		font-size: 17px;
		line-height: 20px;
		padding-right: 0px;
	}



	
    
    }
    
    /*------------------------------------------------------------------------------------------------*/
    
    @media (max-width: 900px) and (min-width:831px){
    
	#navbar a{
		padding:8px 8px;
	}
	
	.img2 {
		width:330px;
	}

	.texto-link{
		padding: 14px 8px;
	}

	#contenido2{
		  margin-top: 24%;
	}

	#contacto p{
		font-size: 16px;
		line-height: 21px;
		padding-right: 0px;
	}

	#texto-emp{
		margin-top: 0px;
		font-size: 16px;
		line-height: 22px;
	}

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

	.texto-link{
		padding: 20px 15px;
	}

	#banner {
		margin-top: 28%;
	}
	
	#frase p{
		font-size:18px;
	}
	
	.texto-r{
		padding: 75px;
	}

	#texto-emp{
		font-size: 16px;
		margin-top: 0px;
	}

	#contenido2{
		margin-top: 33%;
	}

	#iniciar_sesion{
		margin-top: 29% !important;
	}

	#contacto{
		margin-top: 26%;
	}

	#contacto p{
		padding-right: 0px;
	}
	
	#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 47px;
	}

	#banner {
		margin-top:23%;
	}

	#texto-emp{
		margin-top: 0px;
	}

	#contacto p{
		padding-right: 0px;
	}

	#contacto{
		margin-top: 26%;
	}

	#iniciar_sesion{
		margin-top: 26% !important;
	}

	.datos p{
		font-size: 14px;
		margin-left: 5px;
	}

	#contenido2{
		margin-top: 31%;
	}

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

	#contacto p{
		padding-right: 0px;
	}

	#contacto{
		margin-top: 23%;
	}

	#iniciar_sesion{
		margin-top: 24% !important;
	}

	#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 54px;
	}

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

	.btn-home h2{
		font-size: 20px;
	}

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

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

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

	#contenido2{
		margin-top: 26%;
	}

	#texto-emp{
		margin-top: 0px;
	}

	#contacto p{
		padding-right: 45px;
	}

	.btn-home p{
		font-size: 13px;
	}

	.datos p{
		font-size: 14px;
		margin-left: 5px;
	}

	.texto-link{
		width: 65%;
		padding: 12px 15px;
	}

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

	#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;
	}
	
	.title-a{
		padding:9px 15px;
	}
	
	#titulo h1{
		font-size:39px;
	}
	
	
    }
    
    
    /*-----------------------------------------------------------------------------------------------------------------*/
    
    @media (max-width: 1400px) and (min-width:1301px){
    
	
	#navbar li {
        margin: 0 59px;
    	}

	#banner {
		margin-top: 18%;
	}

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

	.texto-link{
		width: 64%;
		padding: 29px 15px;
	}

	#volver{
		padding:6px 25px;
		font-size:29px;
	}

	#iniciar_sesion{
		margin-top: 18% !important;
	}

	#texto-emp{
		margin-top: 0px;
	}

	.btn-home p{
		font-size: 13px;
	}

	.btn-home h2{
		font-size: 23px;
	}
	
	#barra{
		margin-top:0px;
	}
	
	#contenido2{
		margin-top: 24%;
	}

	#contacto p{
		margin-top: 0px;
		padding-right: 86px;
	}

	

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

	#navbar li {
        margin: 0 70px;
      }

	#banner {
		margin-top: 17%;
	}

	.texto-link{
		width: 59% !important;
	}

	#contenido2{
		margin-top: 23%;
	}

	#texto-emp{
		margin-top: 0px;
	}

	#titulo{
		margin-top: 17%;
	}

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

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

	
	
    
    }
    
    
    
    @media (max-width: 1600px) and (min-width:1501px){
    
	#navbar li{
		margin: 0 84px;
	}

	#texto-emp{
		margin-top: 0px;
	}

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

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

	#iniciar_sesion{
		margin-top: 16% !important;
	}
	
    
    }
    
    
    @media (max-width: 1700px) and (min-width:1601px){
	
	#navbar li{
		margin: 0 94px;
	}

	#banner {
		margin-top: 15%;
	}

	#productos{
		margin-top: 18%;
	}
	
	
    }



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

	#navbar li{
		margin: 0 103px !important;
	}

    }


    
@media (max-width: 1900px) and (min-width:1801px){
	
	
	
}