@font-face {
		font-family:"Montserrat-Bold";
		src:url("../fonts/Montserrat-Bold.eot?") format("eot"),
		url("../fonts/Montserrat-Bold.woff") format("woff"),
		url("../fonts/Montserrat-Bold.ttf") format("truetype"),
		url("../fonts/Montserrat-Bold.svg#Montserrat-Bold") 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;
	    }
	    
	    @font-face {
		font-family: 'montserratblack';
		src: url('../fonts/montserrat-black-webfont.eot'),
		     url('../fonts/montserrat-black-webfont.woff') format('woff'),
		     url('../fonts/montserrat-black-webfont.ttf') format('truetype'),
		     url('../fonts/montserrat-black-webfont.svg#montserratblack') format('svg');
		font-weight: normal;
		font-display: swap;
		font-style: normal;
	    }	

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

	.clear{
			clear:both;
	}
	
	#contenedor{
		width: 100%;
		overflow: hidden;
		position: relative;
		font-size: 18px;
		color: #8c8888;
		font-family: "Montserrat-Regular";
	}

	.escondido{ 
		display: none; 
	}

	#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: 14px;
		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;
	}
	    
	.logo a {
		position: relative;
		float: left;
		z-index: 99999999;
	}

	#barra-menu{
		padding: 2px 0px;
		background-color: #fff;
	}
	    
	#menu{
		padding-bottom: none;
		background: transparent;
		width: 100%;
		margin-bottom:0;
		font-family:"Montserrat-Bold";
		border: none;
		min-height: 10px;
	}
	    
	.menu {
		text-align:right;
	}
	    
	#navbar li{
		display: inline-block;
		margin: 49px 0px 0px 64px;
	}
	    
      #navbar a{
		color: #0065B5;
		float: left;
		position: relative;
		display:inline-block;
		padding: 3px;
		font-size: 18px;
		border-bottom: 4px solid #fff;
		text-transform: uppercase;
	}
	    
	#navbar a:hover{
		color: #FF3213;
		text-decoration:none;
	}
	    
	#navbar .selec{
		color: #FF3213;
		text-decoration:none;
	}

	#banner{
		margin-top: 8%;
	}
	    
	#banner .carousel-indicators{
		bottom: 25px;
		width: 58%;
	}
	    
	#banner .carousel-indicators li {
		background-image:url(../img/banner/li.png);
		border:0px;
		width: 19px;
		height: 19px;
	}
	    
	#banner .carousel-indicators .active{
		background-color: transparent;
		background-image:url(../img/banner/li-h.png);
	}
	    
	#prev {
		background-image: url(../img/banner/flechas.png);
		top: 47%;
		left: 4%;
		width: 45px;
		height: 47px;
		background-color: transparent;
		border: 0 none;
		opacity: 1;
	}
	    
	#prev:hover{
		background-image: url(../img/banner/flechas-h.png);
	}
	    
	#next {
		    background-image: url(../img/banner/flechas.png);
		background-position: right;
		position: absolute;
		top: 47%;
		right:4%;
		width: 41.4px;
		height: 49px;
		z-index: 5;
		opacity: 1;
	}
	    
	#next:hover{
		background-image: url(../img/banner/flechas-h.png);
	}

	.texto{
		float: left;
		position: absolute;
		bottom: 28%;
		left: 7%;
		padding: 36px 17px;
	}
	    
	.texto h1{
		color: #fff;
		font-size: 45px;
		padding-bottom: 7px;
		font-family: 'montserratblack';
		text-transform: uppercase;
		letter-spacing: 4px;
		text-shadow:2px 5px 5px #00000094;
	}

	#home-destacados{
		padding: 105px 0px;
	}
    
    #home-destacados h1{
	font-family:"Montserrat-Bold";
	font-size: 30px;
	text-align: center;
	padding-bottom: 65px;
	color: #0065B5;
    }
    
    .destacados_home{
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
    }
    
    .line{
	width: 1px;
	height: auto;
	background-color: #0F0;
    }
    
    .link {
	float: left;
	position: relative;
	text-decoration: none !important;
	text-align: center;
    }
    
    .producto-link {
	position: absolute;
	bottom: 0px;
	width: 100%;
	height: 100%;
	text-align: center;
    }
    
    .ver_mas h2{
	font-size: 18px;
	color:#939192;
	padding-top: 23px;
	padding-bottom: 19px;
	font-family:"Montserrat-Regular";
	text-transform: uppercase;
    }
    
    .ver_mas h3{
	background-color: #939192;
	color: #fff;
	padding: 7px 45px;
	text-align: center;
	font-size: 18px;
	text-decoration: none;
	font-family: "Montserrat-Bold";
	border-radius: 9px;
	letter-spacing: 4px;
    }
    
    .link:hover .ver_mas h3{
	background-color: #0065B5;
    }
    
    #categorias{
	padding: 85px 0px;
	background-image: url(../img/categorias/bg.jpg);
	background-size: cover;
    }
    
    #categorias h1{
	font-family: "Montserrat-Bold";
	text-align: center;
	color: #fff;
	font-size: 30px;
	padding-bottom: 55px;
    }
    
    .categoria{
	display: flex;
	flex-wrap: wrap;
    }
    
    .link-categoria{
	background-color:#fff;
	border-radius: 24px;
	box-shadow: 1px 0px 6px 2px #0003;
	padding: 20px 12px;
	border-bottom: 6px solid #FF311A;
	position: relative;
	width: 100%;
	overflow: hidden;
	margin-bottom: 44px;
	text-align: center;
	text-decoration: none !important;
    }
    
    .texto-link-categoria{
	position: relative;
	float: left;
	width: 100%;
	padding-bottom: 14px;
    }
    
    .texto-link-categoria h3{
	color:#000;
	font-family: "Montserrat-Bold";
	font-size: 20px;
    }
    
    .texto-link-categoria h4{
	font-size: 18px;
	padding-bottom: 14px;
	color: #6c6c6c;
    }
    
    .ampliar-categoria {
	background-color: #0D3C80;
	border-radius: 10px;
	color: #fff;
	display: inline-block;
	font-size: 17px;
	padding: 8px 32px;
	margin-top: 16px;
	font-family: "Montserrat-Bold";
    }
    
    .link-categoria:hover .ampliar-categoria{
	background-color:#1CA233;
    }

    #aliados{
	padding: 16px 0px;
	background-color: #EFEFEF;
    }
    
    #aliados h1{
	color: #0065B5;
	font-size: 30px;
	padding-top: 19px;
	font-family: "Montserrat-Bold";
    }

    
    footer{
	font-family:"Montserrat-Regular";
	background-color: #0065B5;
	padding-top: 20px;
	padding-bottom:35px;
    }
    
    footer p{
	color: #fff;
	line-height: 26px;
	display: flex;
	margin: 0px;
    }
    
    #web{
	background: #EB1C24;
	padding: 5px 0px;
	text-align: left;
    }
    
    #copy {
	margin-top: 14px;
    }
    
    #copy a {
	background: url(../img/web.svg) no-repeat right;
	color: #ffffff5e;
	padding-right:123px;
	display: inline-block;
	font-size: 12px;
	text-decoration: none !important;
    }
    
    #map {
	height:750px;
    }
    
    #redes {
	position: relative;
	text-align: right;
    }
    
    #redes p{
	color: #fff;
	display: inline;
	font-size: 14px;
	text-decoration: none !important;
	top: -17px;
	position: relative;
	padding-right: 4px;
	font-family:"Montserrat-Regular";
    }
    
    #fb {
	display: inline-block;
	background: url(../img/facebook.svg) left;
	width:40px;
	height: 40px;
    }
    
    #ins {
	display: inline-block;
	background: url(../img/instagram.svg) right;
	width:40px;
	height: 40px;
    }
    
    .ico11 {
	background-image: url(../img/tel.png);
	background-position: 0px 2px;
	background-repeat: no-repeat;
	float: left;
	width: 25px;
	height: 26px;
	margin-right: 9px;
    }
    
    .ico2 {
	background-image: url(../img/cel.png);
	background-position: 0px 2px;
	background-repeat: no-repeat;
	float: left;
	width: 25px;
	height: 26px;
	margin-right: 9px;
    }
    
    .ico3 {
	background-image: url(../img/email.png);
	background-position: 0px 3px;
	background-repeat: no-repeat;
	float: left;
	width: 28px;
	height: 26px;
	margin-right: 9px;
    }
    
    .ico4 {
	background-image: url(../img/point.png);
	background-position: 0px 3px;
	background-repeat: no-repeat;
	float: left;
	width: 25px;
	height: 26px;
	margin-right: 9px;
    }

    #tips{
	padding:105px 0px;
    }

    #tips h1{
	text-align: center;
	font-size: 30px;
	color: #0065B5;
	padding-bottom: 55px;
	font-family: "Montserrat-Bold";
    }
    
    #noticias{
	margin-top: 11%;
    }
    
    .tip{
	display: flex;
	flex-wrap: wrap;
	padding: 0px 29px;
    }
    
    .noticias {
	border-radius: 11px;
	border: 4px solid #E5E5E5;
	margin-bottom: 39px;
	background-color: #F7F7F7;
    }
    
    .noticias img{
	border-top-left-radius: 9px;
	border-top-right-radius: 9px;
    }
    
    .text_tips {
	padding: 25px 16px;
    }

    #tips{
	padding: 85px 0px;
    }
    
    #tips h1{
	text-align: center;
	font-size: 30px;
	color: #0065B5;
	padding-bottom: 55px;
	font-family: "Montserrat-Bold";
    }

    .text-tips {
	margin-top: 4%;
	color: #fff;
	background-color:#0065B5;
	padding: 66px 63px 32px 80px !important;
    }

    .text-tips h2 {
	font-size: 30px;
	padding-bottom: 6px;
	font-family: "Montserrat-Bold";
    }

    .text-tips p{
	font-size: 18px;
	color: #e1e1e1;
	line-height: 27px;
	font-family:"Montserrat-Regular";
	padding-bottom: 34px;
    }
    
    .text-tips a{
	font-family: "Montserrat-Bold";
	font-size: 16px;
	background-color: #939192;
	color: #fff;
	padding: 8px 18px;
	border-radius: 10px;
	float: right;
	text-decoration: none;
    }
    
    .text-tips a:hover{
	background-color: #FF311A;
    }
    
    
    .text_tips h2 {
	font-family: "Montserrat-Bold";
	color: #0065B5;
	font-size: 28px;
	padding-bottom: 10px;
    }
    
    .text_tips p {
	font-size: 16px;
	line-height: 20px;
	padding-bottom: 53px;
    }
    
    .text_tips h3 {
	background-image: url(../img/tips-novedades/ico.png);
	background-repeat: no-repeat;
	color:#FF311A;
	font-size: 16px;
	float: left;
	padding-left: 31px;
	line-height: 27px;
    }
    
    .text_tips a {
	color: #fff;
	padding: 9px 17px;
	font-family: "Montserrat-Bold";
	background-color: #0065B2;
	border: none !important;
	text-decoration: none;
	float: right;
	font-size: 14px;
	border-radius: 10px;|
    }
    
    .text_tips a:hover{
	background-color: #939192;
    }
    

    #titulo {
	padding-top: 221px;
	padding-bottom: 188px;
	margin-top: 8%;
    }
    
    #titulo h1 {
	font-family: 'montserratblack';
	text-align: right;
	color: #FF311A;
	font-size: 45px;
    }
    
    .bg2 {
	background: url(../img/quienes-somos/bg.jpg) no-repeat center top;
	background-size: cover;
    }

    .bg3 {
	background: url(../img/tips-novedades/bg.jpg) no-repeat center top;
	background-size: cover;
    }

    .bg4 {
	background: url(../img/bg-contacto.jpg) no-repeat center top;
	background-size: cover;
    }
    
    #empresa{
	padding:125px 0px;
    }
    
    .text_empresa{
	padding-top: 120px;
	padding-left: 73px;
    }
    
    .text_empresa h1{
	color: #046ABF;
	font-family: "Montserrat-Bold";
	font-size: 30px;
	padding-bottom: 22px;
    }
    
    .text_empresa p{
	line-height: 28px;
    }
    
    #filosofia{
	background: url(../img/quienes-somos/bg-filosofia.jpg) no-repeat center top;
	background-size: cover;
	padding: 105px 0px;
    }
    
    .text-filosofia{
	 margin-top: 14%;
    }
    
    .text-filosofia h1{
	color: #0A64B2;
	font-family: "Montserrat-Bold";
	font-size: 30px;
	padding-bottom: 15px;
    }
    
    .text-filosofia p{
	line-height: 27px;
    }

    #contactenos{
	padding: 110px 0px;
    }
    
    #formulario{
	padding: 0px 78px;
	margin-bottom: 49px;
    }
    
    #formulario h1{
	font-size: 30px;
	color: #0065B5;
	font-family:"Montserrat-Bold";
	padding-bottom:45px;
	line-height: 29px;
    }
    
    #formulario p{
	line-height: 27px;
	padding-bottom: 46px;
    }
    
    #formulario h3{
	font-size: 12px;
	padding-top: 11px;
    }
    
    #formulario h2{
	padding-left: 5px;
	color: #000;
	padding-bottom: 5px;
    }
    
    #formulario input {
	border: 1px solid #c4c4c4;
	width: 100%;
	background-color:transparent;
	color: #000000e8;
	border-radius: 11px;
	font-size: 15px;
	padding: 11px 16px;
	margin-bottom: 19px;
    }
    
    #formulario textarea {
	border: 1px solid #c4c4c4;
	width: 100%;
	background-color: transparent;
	color: #000000e8;
	padding: 13px 16px;
	margin-top: 5px;
	border-radius: 11px;
	height: 100px;
	font-size: 15px;
    }
    
    #enviar {
	width: auto !important;
	cursor: pointer;
	position: relative;
	float: right;
	color: #fff !important;
	text-align: center;
	font-size: 20px !important;
	margin-top: 28px !important;
	margin-bottom: 0px !important;
	padding: 12px 16px !important;
	background: #fff !important;
	background-color:#0065B5 !important;
	margin-right: 15px;
	border: none !important;
	border-radius: 0px !important;
    }
    
    #enviar:hover{
	background-color: #FF3215 !important;
    }
    
    #borrar {
	width: auto !important;
	cursor: pointer;
	position: relative;
	float: right;
	color: #fff !important;
	text-align: center;
	font-size: 20px !important;
	margin-top: 28px !important;
	margin-bottom: 0px !important;
	padding: 12px 16px !important;
	background-color:#0065B5 !important;
	border: none !important;
	border-radius: 0px !important;
    }
    
    #borrar:hover{
	background-color:#FF3215 !important;
    }
    
    
    #ampliar {
	color: #fff;
	position: absolute;
	bottom: 14px;
	font-size: 14px;
	padding: 13px 15px;
	background:#0065B5;
	text-decoration: none;
	margin-top: 53px;
	text-transform: uppercase;
	right: 0%;
    }
    
    #ampliar:hover{
	background-color: #FF311A !important;
    }

    .form-control {
	width: 100%;
	background-color: #f9f9f9;
	color: #000;
	border: 1px solid #fff;
	font-size: 15px;
	padding: 4px 17px;
	margin-top: 5px;
	margin-bottom: 23px;
	border-radius: 10px;
	height: 37px;
	box-shadow: none;
    }

    #articulo{
	margin-top: 12%;
    }
    
    .articulo {
	margin-bottom:30px;
	padding: 0px 57px;
    }
    
    .articulo h1 {
	text-align: left;
	font-size: 30px;
	color: #0065B4;
	font-family: "Montserrat-Bold";
	padding-bottom: 15px;
    }
    
    .articulo h2 {
	text-align: left;
	font-size: 16px;
	color:#FF311A;
	padding-bottom: 20px;
    }
    
    .articulo h3 {
	text-align: left;
	font-size:30px;
	color: #011733;
	padding-bottom: 7px;
    }
    
    .articulo p{
	line-height: 26px;
	padding-top: 31px;
	padding-bottom: 21px;
	text-align: justify;
    }
    
    .articulo ul li{
	background-image: url(../img/tips-novedades/li.png);
	background-repeat: no-repeat;
	background-position: 0px 5px;
	padding-left: 21px;
	line-height: 25px;
	padding-bottom: 12px;
    }

    #volver_blog{
	padding: 8px 27px;
	border-radius: 10px;
	background-color: #0065B5;
	color: #fff;
	float:right;
	font-size: 16px;
	font-family: "Montserrat-Bold";
	margin-top: 13px;
	text-decoration: none;
	display: inline-table;
	margin-bottom: 21px;
    }
    
    #volver_blog:hover{
	background-color: #939192;
    }

    .ultimas_noticias{
	background-color:#F7F7F7;
	padding: 85px 20px 78px 20px;
    }
    
    .ultimas_noticias h1{
	font-size: 30px;
	font-family: "Montserrat-Bold";
	color:#0065B4;
    }
    
    .ultimas_noticias a{
	font-size: 22px;
	font-family: "Montserrat-Bold";
	color:#0065B5;
	margin-bottom: 33px;
	margin-top: 11%;
	float: left;
    }
    
    .ultimas_noticias p{
	font-size:16px;
	color: #F93415;
	margin-bottom: 6px;
    }

    .noti {
	margin-bottom: 15px;
    }

    #whatsapp {
	background-image: url(../img/whatsapp.svg);
	background-repeat: no-repeat;
	animation: pulse 2s infinite;
	border-radius: 50%;
	width: 58px;
	height: 58px;
	position: fixed;
	right: 15px;
	z-index: 99999;
	bottom: 49%;
    }












/*


#pague{
	background: url(../img/btn_pagos.png) no-repeat left top;
	width: 247px;
	height: 115px;
	display: inline-block;
	margin-top: 40px;
}*/





@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;
	}
    
	 nav .me{
	  color: #000;
	  font-size: 13px;
	  padding-bottom: 10px;
	  font-family:"Montserrat-Regular";
	  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: 41px;
	  height: 2px;
	}
    
	.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;
	}
    
    }
    
    /*----------------------------------------------------------*/
    
    @media only screen and (max-width: 300px) {
    
    
	#menu{
	  margin-top: -62px;
	}
    
	#banner{
	  margin-top:65%;
	}
    
	.img2 {
	  width: 111px;
	  float: left;
	}
    
	#barra-cart{
	  padding: 7px 0px;
	}
    
    
	#home-destacados {
	  padding: 41px 0px;
	}
    
	#home-destacados h1{
	  font-size: 21px;
	}
    
	.link{
	  margin-bottom: 26px;
	}
	
	.categoria{
	  flex-wrap: wrap;
	}
    
	.text-tips{
	  padding: 32px 25px;
	}
    
	.text-tips h2{
	  font-size: 22px;
	}
    
	.text-tips p{
	  font-size: 15px;
	  line-height: 20px;
	}
    
	#aliados h1{
	  text-align: center;
	  font-size: 24px;
	}
    
	footer p{
	  font-size: 14px;
	}
    
	#copy a{
	  padding-right: 110px;
	  font-size: 11px;
	}
    
	#redes{
	  margin-top: 20px;
	}
    
	#categorias{
	  padding: 31px 0px;
	}
    
	#titulo{
	  padding-top: 53px;
	  margin-top: 67%;
	  padding-bottom: 18px;
	}
    
	#titulo h1{
	  font-size: 24px;
	}
    
	#empresa {
	  padding: 52px 0px;
	}
    
	.text_empresa {
	  padding-top: 38px;
	  padding-left: 12px;
	}
    
	.text_empresa p {
	  line-height: 22px;
	  font-size: 15px;
	}
    
	.text_empresa h1{
	  font-size: 25px;
	  padding-bottom: 15px;
	}
    
	#filosofia{
	  padding: 47px 0px;
	}
    
	.text-filosofia h1{
	  font-size: 24px;
	}
    
	.text-filosofia p{
	  line-height: 22px;
	  font-size: 15px;
	}
    
	.tip{
	  flex-wrap: wrap;
	}
    
	.tip{
	  padding: 0px 6px;
	}
    
	.text_tips h2{
	  font-size: 21px;
	}
    
	.articulo{
	  padding: 0px 17px;
	}
    
	.articulo p{
	  font-size: 16px;
	  line-height: 23px;
	}
    
	.articulo ul li{
	  font-size: 16px;
	  line-height: 22px;
	}
    
	.ultimas_noticias{
	  padding: 85px 15px;
	}
    
	.ultimas_noticias h1{
	  font-size: 25px;
	}
    
	#formulario{
	  padding: 0px 16px; 
	  margin-bottom: 49px;
	}
    
	#formulario h1{
	  font-size: 23px;
	  padding-bottom: 25px;
	}
    
	#formulario p{
	  line-height: 22px;
	  font-size: 16px;
	}
    
	#map {
	  height: 476.8px;
	}
    
	#contactenos {
	  padding: 57px 0px;
	}
    
	#barra-cart ul li{
	  margin-left: 18px;
	}
    
	.ico_point-xs{
	  width: 27px;
	  height: 27px;
	}
    
	.input-group{
	  margin-bottom: 7px;
	}
    
	#tips {
	  padding: 62px 0px;
	}
    
	#tips h1{
	  font-size: 25px;
	}
    
	
    }
    
    
    /*-----------------------------------------------------------------------------------------------------------------------*/
    @media (max-width: 338px) and (min-width:301px){
    
	#menu{
	  margin-top: -62px;
	}
    
	#banner{
	  margin-top:65%;
	}
    
	.img2 {
	  width: 111px;
	  float: left;
	}
    
	#barra-cart{
	  padding: 7px 0px;
	}
    
    
	#home-destacados {
	  padding: 41px 0px;
	}
    
	#home-destacados h1{
	  font-size: 21px;
	}
    
	.link{
	  margin-bottom: 26px;
	}
	
	.categoria{
	  flex-wrap: wrap;
	}
    
	.text-tips{
	  padding: 32px 25px;
	}
    
	.text-tips h2{
	  font-size: 22px;
	}
    
	.text-tips p{
	  font-size: 15px;
	  line-height: 20px;
	}
    
	#aliados h1{
	  text-align: center;
	  font-size: 24px;
	}
    
	footer p{
	  font-size: 14px;
	}
    
	#copy a{
	  padding-right: 110px;
	  font-size: 11px;
	}
    
	#redes{
	  margin-top: 20px;
	}
    
	#categorias{
	  padding: 31px 0px;
	}
    
	#titulo{
	  padding-top: 53px;
	  margin-top: 67%;
	  padding-bottom: 18px;
	}
    
	#titulo h1{
	  font-size: 24px;
	}
    
	#empresa {
	  padding: 52px 0px;
	}
    
	.text_empresa {
	  padding-top: 38px;
	  padding-left: 12px;
	}
    
	.text_empresa p {
	  line-height: 22px;
	  font-size: 15px;
	}
    
	.text_empresa h1{
	  font-size: 25px;
	  padding-bottom: 15px;
	}
    
	#filosofia{
	  padding: 47px 0px;
	}
    
	.text-filosofia h1{
	  font-size: 24px;
	}
    
	.text-filosofia p{
	  line-height: 22px;
	  font-size: 15px;
	}
    
	.tip{
	  flex-wrap: wrap;
	}
    
	.tip{
	  padding: 0px 6px;
	}
    
	.text_tips h2{
	  font-size: 21px;
	}
    
	.articulo{
	  padding: 0px 17px;
	}
    
	.articulo p{
	  font-size: 16px;
	  line-height: 23px;
	}
    
	.articulo ul li{
	  font-size: 16px;
	  line-height: 22px;
	}
    
	.ultimas_noticias{
	  padding: 85px 15px;
	}
    
	.ultimas_noticias h1{
	  font-size: 25px;
	}
    
	#formulario{
	  padding: 0px 16px; 
	  margin-bottom: 49px;
	}
    
	#formulario h1{
	  font-size: 23px;
	  padding-bottom: 25px;
	}
    
	#formulario p{
	  line-height: 22px;
	  font-size: 16px;
	}
    
	#map {
	  height: 476.8px;
	}
    
	#contactenos {
	  padding: 57px 0px;
	}
    
	#barra-cart ul li{
	  margin-left: 18px;
	}
    
	.ico_point-xs{
	  width: 27px;
	  height: 27px;
	}
    
	.input-group{
	  margin-bottom: 7px;
	}
    
	#tips {
	  padding: 62px 0px;
	}
    
	#tips h1{
	  font-size: 25px;
	}
    
    
    }
    
    
    
    @media (max-width:400px) and (min-width:339px){
    
	#menu{
	  margin-top: -62px;
	}
    
	#banner{
	  margin-top:50%;
	}
    
	.img2 {
	  width: 111px;
	  float: left;
	}
    
	#barra-cart{
	  padding: 7px 0px;
	}
    
	#home-destacados {
	  padding: 41px 0px;
	}
    
	#home-destacados h1{
	  font-size: 21px;
	}
    
	.link{
	  margin-bottom: 26px;
	}
	
	.categoria{
	  flex-wrap: wrap;
	}
    
	.text-tips{
	  padding: 32px 25px;
	}
    
	.text-tips h2{
	  font-size: 22px;
	}
    
	.text-tips p{
	  font-size: 15px;
	  line-height: 20px;
	}
    
	#aliados h1{
	  text-align: center;
	  font-size: 24px;
	}
    
	footer p{
	  font-size: 14px;
	}
    
	#copy a{
	  padding-right: 110px;
	  font-size: 11px;
	}
    
	#redes{
	  margin-top: 20px;
	}
    
	#categorias{
	  padding: 31px 0px;
	}
    
	#titulo{
	  padding-top: 53px;
	  margin-top:52%;
	  padding-bottom: 18px;
	}
    
	#titulo h1{
	  font-size: 24px;
	}
    
	#empresa {
	  padding: 52px 0px;
	}
    
	.text_empresa {
	  padding-top: 38px;
	  padding-left: 12px;
	}
    
	.text_empresa p {
	  line-height: 22px;
	  font-size: 15px;
	}
    
	.text_empresa h1{
	  font-size: 25px;
	  padding-bottom: 15px;
	}
    
	#filosofia{
	  padding: 47px 0px;
	}
    
	.text-filosofia h1{
	  font-size: 24px;
	}
    
	.text-filosofia p{
	  line-height: 22px;
	  font-size: 15px;
	}
    
	.tip{
	  flex-wrap: wrap;
	}
    
	.tip{
	  padding: 0px 6px;
	}
    
	.text_tips h2{
	  font-size: 21px;
	}
    
	.articulo{
	  padding: 0px 17px;
	}
    
	.articulo p{
	  font-size: 16px;
	  line-height: 23px;
	}
    
	.articulo ul li{
	  font-size: 16px;
	  line-height: 22px;
	}
    
	.ultimas_noticias{
	  padding: 85px 15px;
	}
    
	.ultimas_noticias h1{
	  font-size: 25px;
	}
    
	#formulario{
	  padding: 0px 16px; 
	  margin-bottom: 49px;
	}
    
	#formulario h1{
	  font-size: 23px;
	  padding-bottom: 25px;
	}
    
	#formulario p{
	  line-height: 22px;
	  font-size: 16px;
	}
    
	#map {
	  height: 476.8px;
	}
    
	#contactenos {
	  padding: 57px 0px;
	}
    
	#barra-cart ul li{
	  margin-left: 18px;
	}
    
	.ico_point-xs{
	  width: 27px;
	  height: 27px;
	}
    
	.input-group{
	  margin-bottom: 7px;
	}
    
	#tips {
	  padding: 62px 0px;
	}
    
	#tips h1{
	  font-size: 25px;
	}
    
    
    }
    
    
    
    
    
    /*-----------------------------------------------------------------------------------------------------------------------*/
    
    
    @media (max-width: 430px) and (min-width:401px){
    
	#menu{
	  margin-top: -74px;
	}
    
	.img2 {
	  width: 111px;
	  float: left;
	}
    
	#banner{
	  margin-top:43%;
	}
    
	#barra-cart ul{
	  margin-top: 3px;
	}
    
	#barra-cart ul li{
	  margin-left: 10px;
	}
    
	#barra-cart{
	  padding: 7px 0px;
	}
    
	#home-destacados {
	  padding: 41px 0px;
	}
    
	#home-destacados h1{
	  font-size: 21px;
	}
    
	.link{
	  margin-bottom: 26px;
	}
	
	.categoria{
	  flex-wrap: wrap;
	}
    
	.text-tips{
	  padding: 32px 25px;
	}
    
	.text-tips h2{
	  font-size: 24px;
	}
    
	.text-tips p{
	  font-size: 17px;
	  line-height: 20px;
	}
    
	#aliados h1{
	  text-align: center;
	  font-size: 24px;
	}
    
	footer p{
	  font-size: 16px;
	}
    
	#copy a{
	  padding-right: 110px;
	  font-size: 11px;
	}
    
	#redes{
	  margin-top: 20px;
	}
    
	#titulo{
	  padding-top: 53px;
	  margin-top:52%;
	  padding-bottom: 18px;
	}
    
	#titulo h1{
	  font-size: 24px;
	}
    
	#empresa {
	  padding: 52px 0px;
	}
    
	.text_empresa {
	  padding-top: 38px;
	  padding-left: 12px;
	}
    
	.text_empresa p {
	  line-height: 22px;
	  font-size: 16px;
	}
    
	.text_empresa h1{
	  font-size: 25px;
	  padding-bottom: 15px;
	}
    
	#filosofia{
	  padding: 47px 0px;
	}
    
	.text-filosofia h1{
	  font-size: 24px;
	}
    
	.text-filosofia p{
	  line-height: 22px;
	  font-size: 16px;
	}
    
	.tip{
	  flex-wrap: wrap;
	}
    
	.tip{
	  padding: 0px 6px;
	}
    
	.text_tips h2{
	  font-size: 21px;
	}
    
	.articulo{
	  padding: 0px 17px;
	}
    
	.articulo p{
	  font-size: 16px;
	  line-height: 23px;
	}
    
	.articulo ul li{
	  font-size: 16px;
	  line-height: 22px;
	}
    
	.ultimas_noticias{
	  padding: 85px 15px;
	}
    
	.ultimas_noticias h1{
	  font-size: 25px;
	}
    
	#formulario{
	  padding: 0px 16px; 
	  margin-bottom: 49px;
	}
    
	#formulario h1{
	  font-size: 23px;
	  padding-bottom: 25px;
	}
    
	#formulario p{
	  line-height: 22px;
	  font-size: 16px;
	}
    
	#map {
	  height: 476.8px;
	}
    
	#contactenos {
	  padding: 57px 0px;
	}
    
	#barra-cart ul li{
	  margin-left: 18px;
	}
    
	.ico_point-xs{
	  width: 27px;
	  height: 27px;
	}
    
	.input-group{
	  margin-bottom: 7px;
	}
    
	#tips {
	  padding: 62px 0px;
	}
    
	#tips h1{
	  font-size: 25px;
	}
    
	
    }
    
    /*-----------------------------------------------------------------------------------------------------------------------*/
    
    
    @media (max-width: 600px) and (min-width:431px){
    
	#menu{
	  margin-top: -74px;
	}
    
	.img2 {
	  width: 111px;
	  float: left;
	}
    
	#banner{
	  margin-top:43%;
	}
    
	#barra-cart ul{
	  margin-top: 3px;
	}
    
	#barra-cart{
	  padding: 7px 0px;
	}
    
	#home-destacados {
	  padding: 41px 0px;
	}
    
	#home-destacados h1{
	  font-size: 27px;
	}
    
	.link{
	  margin-bottom: 26px;
	}
	
	.categoria{
	  flex-wrap: wrap;
	}
    
	.text-tips{
	  padding: 32px 25px;
	}
    
	.text-tips h2{
	  font-size: 24px;
	}
    
	.text-tips p{
	  font-size: 17px;
	  line-height: 20px;
	}
    
	#aliados h1{
	  text-align: center;
	  font-size: 24px;
	}
    
	footer p{
	  font-size: 17px;
	}
    
	#copy a{
	  padding-right: 110px;
	  font-size: 11px;
	}
    
	#redes{
	  margin-top: 7px;
	}
    
	#titulo{
	  padding-top: 53px;
	  margin-top:40%;
	  padding-bottom: 35px;
	}

	#texto-in{
		padding: 73px 37px !important;
	}
    
	#titulo h1{
	  font-size: 24px;
	}
    
	#empresa {
	  padding: 52px 0px;
	}
    
	.text_empresa {
	  padding-top: 38px;
	  padding-left: 12px;
	}
    
	.text_empresa p {
	  line-height: 24px;
	  font-size: 16px;
	}
    
	.text_empresa h1{
	  font-size: 25px;
	  padding-bottom: 15px;
	}
    
	#filosofia{
	  padding: 47px 0px;
	}
    
	.text-filosofia h1{
	  font-size: 24px;
	}
    
	.text-filosofia p{
	  line-height: 24px;
	  font-size: 16px;
	}
    
	.tip{
	  flex-wrap: wrap;
	}
    
	.tip{
	  padding: 0px 6px;
	}
    
	.text_tips h2{
	  font-size: 22px;
	}
    
	.articulo{
	  padding: 0px 17px;
	}
    
	#articulo {
	  margin-top: 43.7%;
	}
    
	.articulo p{
	  font-size: 16px;
	  line-height: 23px;
	}
    
	.articulo h1{
	  font-size: 24px;
	}
    
	.articulo ul li{
	  font-size: 16px;
	  line-height: 22px;
	}
    
	.ultimas_noticias{
	  padding: 85px 15px;
	}
    
	.ultimas_noticias h1{
	  font-size: 25px;
	}
    
	#formulario{
	  padding: 0px 16px; 
	  margin-bottom: 49px;
	}
    
	#formulario h1{
	  font-size: 23px;
	  padding-bottom: 25px;
	}
    
	#formulario p{
	  line-height: 22px;
	  font-size: 16px;
	}
    
	#map {
	  height: 476.8px;
	}
    
	#contactenos {
	  padding: 57px 0px;
	}
    
	#barra-cart ul li{
	  margin-left: 18px;
	}
    
	.ico_point-xs{
	  width: 27px;
	  height: 27px;
	}
    
	.input-group{
	  margin-bottom: 7px;
	}
    
	#tips {
	  padding: 62px 0px;
	}
    
	#tips h1{
	  font-size: 25px;
	}

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

	.iniciar_sesion{
		display: inline !important;
	}
    
    
	
    }
    
    
    /*----------------------------------------------------------------------------------------------*/
    
    
    @media (max-width:650px) and (min-width:601px){
    
	.img2 {
	  width: 143px;
	  float: left;
	}
    
	#menu{
	  margin-top: -74px;
	}
    
	#banner{
	  margin-top:33%;
	}
    
	#barra-cart ul {
	  margin-top: 8px;
	}
    
	#barra-cart{
	  padding: 7px 0px;
	}
    
	footer p{
	  font-size: 17px;
	}
    
	#aliados h1{
	  text-align: center;
	  font-size: 25px;
	}
    
	#titulo{
	  padding-top: 101px;
	  padding-bottom: 48px;
	  margin-top: 32%;
	}
    
	#titulo h1{
	  font-size: 29px;
	}
    
	.text_empresa {
	  padding-top: 47px;
	  padding-left: 15px;
	}
    
	.text-filosofia {
	  margin-top: 3%;
	}
    
	.text-filosofia p{
	  font-size: 17px;
	  line-height: 25px;
	  padding-bottom: 45px;
	}
    
	.text_empresa p{
	  line-height: 25px;
	  font-size: 17px;
	}
    
	#filosofia{
	  padding: 73px 0px;
	}
    
	#barra-cart ul li{
	  margin-left: 24px;
	}
    
	.tip{
	  display: block;
	}
    
	#articulo {
	  margin-top: 37%;
	}
    
	.articulo{
	  padding: 0px 28px;
	}
    
	#map {
	  height: 629.9px;
	}

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

	.iniciar_sesion{
		display: inline !important;
	}
    
    
    
    }
    
    
    /*--------------------------------------------------------------------------*/
    
    
    @media (max-width: 700px) and (min-width:651px){
    
	#menu{
	  margin-top: -74px;
	}
    
	#banner{
	  margin-top:30%;
	}
    
	#barra-cart ul {
	  margin-top: 6px;
	}
    
	#barra-cart ul li{
	  margin-left: 31px;
	}
    
	#barra-cart{
	  padding: 7px 0px;
	}
    
	footer p{
	  font-size: 17px;
	}
    
	.img2 {
	  width: 143px;
	  float: left;
	}
    
	#titulo{
	  margin-top: 30%;
	  padding-top: 120px;
	  padding-bottom: 73px;
	}
    
	#titulo h1{
	  font-size: 39px;
	}
    
	.text_empresa {
	  padding-top: 60px;
	  padding-left: 14px;
	}
    
	.text_empresa p {
	  line-height: 27px;
	  font-size: 17px;
	}
    
	#filosofia{
	  padding: 60px 0px;
	}
    
	.text-filosofia {
	  margin-top: 9%;
	}
    
	.text-filosofia p{
	  line-height: 27px;
	  font-size: 17px;
	  padding-bottom: 45px;
	}
    
	#aliados h1{
	  font-size: 25px;
	  text-align: center;
	}
    
	#articulo {
	  margin-top: 35%;
	}
    
	.articulo{
	  padding: 0px 25px;
	}
    
	#map {
	  height: 629.9px;
	}

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

	.iniciar_sesion{
		display: inline !important;
	}
    
	
    
    
    }
    
    
    /*-----------------------------------------------------------------------------------------------------------------------*/
    
    @media (max-width: 767px) and (min-width:701px){
    
	#banner {
	  margin-top: 28%;
	}
    
	#menu{
	  margin-top: -74px;
	}
    
	#barra-cart ul {
	  margin-top: 6px;
	}
    
	#barra-cart ul li{
	  margin-left: 31px;
	}
    
	#barra-cart{
	  padding: 7px 0px;
	}
    
	footer p{
	  font-size: 17px;
	}
    
	.text-tips{
	  margin-top: 0%;
	}
    
	#titulo{
	  padding-top: 119px;
	  padding-bottom: 84px;
	  margin-top: 29%;
	}
    
	.text_empresa {
	  padding-top: 50px;
	  padding-left: 17px;
	}
    
	.text-filosofia {
	  margin-top: 6%;
	  margin-bottom: 28px;
	}
    
	#titulo h1{
	  font-size: 35px;
	}
    
	#articulo {
	  margin-top: 36%;
	}
    
	.articulo{
	  padding: 0px 33px;
	}

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

	.iniciar_sesion{
		display: inline !important;
	}
    
    
	
    }
    
    /*-------------------------------------------------------------------------------------------------------------*/
    @media (max-width:830px) and (min-width:768px){
    
	#menu{
	  margin-top: -74px;
	}
    
	#banner {
	  margin-top: 25%;
	}
    
	#barra-cart ul li{
	  margin-left: 24px;
	}
    
	.texto h1{
	  font-size: 23px;
	}
    
	.destacados_home{
	  margin-bottom: 60px;
	}
    
	.text-tips{
	  margin-top: 1%;
	  border-radius: 15px;
	}
    
	.text-tips h2{
	  padding-bottom: 17px;
	}
    
	footer p{
	  font-size: 17px;
	}
    
	#titulo {
	  padding-top: 164px;
	  padding-bottom: 110px;
	  margin-top: 25%;
	}
    
	#titulo h1{
	  font-size: 41px;
	}
    
	.text_empresa {
	  padding-top: 63px;
	  padding-left: 17px;
	}
    
	.text-filosofia {
	  margin-top: 6%;
	  margin-bottom: 42px;
	}
    
	#articulo {
	  margin-top: 31%;
	}
    
	.articulo{
	  padding: 0px 11px;
	}
    
	.articulo h1{
	  font-size: 25px;
	}
    
	.ultimas_noticias h1{
	  font-size: 21px;
	}
    
	.articulo p{
	  font-size: 15px;
	  line-height: 23px;
	}
    
	.ultimas_noticias a{
	  font-size: 16px;
	}
    
	.articulo ul li{
	  font-size: 15px;
	  line-height: 23px;
	}
    
	.ultimas_noticias{
	  padding: 44px 14px 78px 14px;
	}
    
	.line_noti{
	  margin-bottom: 33px;
	}
    
	#aliados h1{
	  font-size: 25px;
	}
    
	.tip{
	  padding: 0px 12px;
	}
    
	.text_tips h2{
	  font-size: 22px;
	}

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

	.iniciar_sesion{
		display: inline !important;
	}
    
    
    
    }
    
    /*------------------------------------------------------------------------------------------------*/
    
    @media (max-width: 900px) and (min-width:831px){
    
	#menu{
	  margin-top: -74px;
	}
    
	#banner {
	  margin-top: 24%;
	}

	#productos{
		margin-top: 22% !important;
	}
    
	#barra-cart ul li{
	  margin-left: 24px;
	}
    
	.texto{
	  bottom: 5%;
	  left: 11%;
	}

	#texto-in{
		padding: 73px 34px !important;
	}

	#texto-registrarse{
		padding: 73px 34px !important;
	}

	#texto-registrarse{
		padding: 54px 29px !important;
	}
    
	.texto h1{
	  font-size: 37px;
	}
    
	.ver_mas h3{
	  margin-bottom: 36px;
	}
    
	.text-tips {
	  margin-top: 1%;
	  border-radius: 15px;
	  padding: 43px 29px 32px 29px;
	}
    
	.text-tips h2{
	  padding-bottom: 17px;
	  font-size: 24px;
	}
    
	footer p{
	  font-size: 17px;
	}
    
	#titulo {
	  padding-top: 148px;
	  padding-bottom: 116px;
	  margin-top: 24%;
	}
    
	#titulo h1{
	  font-size: 41px;
	}
    
	.text-filosofia {
	  margin-top: 6%;
	  margin-bottom: 5%;
	}
    
	#articulo {
	  margin-top: 30%;
	}
    
	.articulo{
	  padding: 0px 13px;
	}
    
	.ultimas_noticias h1{
	  font-size: 24px;
	}
    
	.ultimas_noticias a{
	  font-size: 17px;
	}
    
	.articulo p{
	  font-size: 17px;
	  line-height: 22px;
	}
    
	.articulo ul li{
	  font-size: 17px;
	  line-height: 22px;
	}
    
	.text-tips p{
	  font-size: 17px;
	  line-height: 25px;
	}
    
	.articulo h1{
	  font-size: 26px;
	}
    
	.tip{
	  padding: 0px 12px;
	}
    
	.text_tips h2{
	  font-size: 24px;
	}
    
	.ultimas_noticias{
	  padding: 58px 20px 78px 20px;
	}
    
	
    }
    
    
    /*-----------------------------------------------------------------------------------------------------------------------*/
    
    
    @media (max-width: 991px) and (min-width:901px){
    
	#menu{
	  margin-top: -74px;
	}
    
	#banner {
	  margin-top:18%;
	}
    
	#navbar li{
	  margin: 0px 0px 0px 20px;
	}
    
	#barra-cart ul li{
	  margin-left: 23px;
	}
    
	.texto{
	  bottom: 8%;
	  left: 9%;
	}
    
	.texto h1{
	  font-size: 39px;
	}
    
	.text_tips h2{
	  font-size: 24px;
	}
    
	.ver_mas h3{
	  margin-bottom: 27px;
	}
    
	.text-tips{
	  padding: 41px 40px 29px 40px;
	}
    
	.text-tips h2{
	  font-size: 25px;
	  padding-bottom: 16px;
	}
    
	.text-tips p{
	  font-size: 17px;
	  line-height: 23px;
	}
    
	#navbar a{
	  font-size: 17px;
	}

	#productos{
		margin-top: 20% !important;
	}
    
	#titulo {
	  padding-top: 126px;
	  padding-bottom: 126px;
	  margin-top: 19%;
	}
    
	#titulo h1{
	  font-size: 42px;
	}
    
	.ultimas_noticias h1{
	  font-size: 22px;
	}
    
	#articulo {
	  margin-top: 22%;
	}
    
	.articulo h1{
	  font-size: 23px;
	}
    
	.ultimas_noticias{
	  padding: 59px 20px 78px 20px;
	}
    
	.ultimas_noticias a{
	  font-size: 17px;
	}
    
	.articulo p{
	  font-size: 16px;
	  line-height: 23px;
	}
    
	.articulo ul li{
	  font-size: 16px;
	}
    
	#aliados h1{
	  font-size: 24px;
	}
    
	
    }
    
    
    /*---------------------------------------------------------------------------------------------------------------------*/
    
    
    @media (max-width: 1100px) and (min-width:992px){
    
	#navbar a{
	  font-size: 17px;
	}
    
	#banner {
	  margin-top: 16%;
	}
    
	#navbar li{
	  margin: 49px 0px 0px 9px;
	}
    
	.ver_mas h3{
	  padding: 7px 14px;
	}

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

	.texto-producto h2{
		font-size: 13px !important;
	}
    
	.texto{
	  bottom: 11%;
	  left: 9%;
	}
    
	.text-tips{
	  padding: 42px 37px 32px 37px;
	}
    
	.text-tips h2{
	  font-size: 27px;
	}
    
	.text_empresa{
	  padding-top: 0px;
	  padding-left: 5px;
	}
    
	.text_empresa p {
	  line-height: 25px;
	  font-size: 16px;
	}
    
	.text_empresa h1{
	  font-size: 26px;
	  padding-bottom: 12px;
	}
    
	#empresa {
	  padding: 73px 0px;
	}
    
	.text-filosofia {
	  margin-top: 0%;
	}
    
	.text-filosofia p {
	  line-height: 24px;
	  font-size: 17px;
	}
    
	#aliados h1{
	  font-size: 27px;
	}
    
	.texto h1{
	  font-size: 39px;
	}
    
	footer p{
	  font-size: 16px;
	}
    
	#titulo{
	  padding-top: 160px;
	  padding-bottom: 111px;
	  margin-top: 17%;
	}
    
	#titulo h1{
	  font-size: 40px;
	}
    
	.text_tips h2{
	  font-size: 23px;
	}
    
	#articulo {
	  margin-top: 21%;
	}
    
	.articulo{
	  padding: 0px 21px;
	}
    
	.articulo h1{
	  font-size: 25px;
	}
    
	.ultimas_noticias h1{
	  font-size: 25px;
	}
    
	.articulo p{
	  line-height: 25px;
	  font-size: 16px;
	}
    
	.articulo ul li{
	  line-height: 25px;
	  font-size: 16px;
	}
    
	#formulario{
	  padding: 0px 28px;
	}
    
	#formulario h1{
	  padding-bottom: 24px;
	}
    
	#formulario p{
	  line-height: 24px;
	  font-size: 16px;
	}
    
	#copy {
	  margin-top: 18px;
	}
    
    
	
    
    }
    
    /*------------------------------------------------------------------------------------------------------------------*/
    
    @media (max-width: 1199px) and (min-width:1101px){
    
	#navbar li{
	  margin: 62px 0px 0px 23px;
	}
    
	#banner {
	  margin-top: 15%;
	}
	
	.texto{
	  bottom: 12%;
	  left: 9%;
	}
    
	.text-tips{
	  padding: 46px 40px 32px 40px;
	}
    
	.text-tips h2{
	  font-size: 27px;
	}
    
	#titulo {
	  padding-top: 165px;
	  padding-bottom: 138px;
	  margin-top: 15%;
	}

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

	.texto-producto h2{
		font-size: 13px !important;
	}
    
	.text_empresa {
	  padding-top: 6px;
	  padding-left: 13px;
	}
    
	.text_empresa h1{
	  padding-bottom: 13px;
	}
    
	#empresa {
	  padding: 69px 0px;
	}
    
	.text_empresa p {
	  line-height: 25px;
	  font-size: 17px;
	}
    
	.text-filosofia {
	  margin-top: 0%;
	}
    
	footer p{
	  font-size: 17px;
	}
    
	.text_tips h2{
	  font-size: 23px;
	}
    
	#articulo {
	  margin-top: 20%;
	}
    
	.articulo{
	  padding: 0px 24px;
	}
    
	.articulo p{
	  font-size: 17px;
	  line-height: 25px;
	}
    
	.articulo ul li{
	  font-size: 17px;
	  line-height: 25px;
	}
    
	.ultimas_noticias{
	  padding: 85px 40px 78px 40px;
	}
    
	.ultimas_noticias h1{
	  font-size: 26px;
	}
    
	#formulario{
	  padding: 0px 32px;
	}
    
	#formulario h1{
	  padding-bottom: 20px;
	}
    
	#formulario p{
	  line-height: 25px;
	  font-size: 17px;
	}
    
	
    
    }
    
    
    /*------------------------------------------------------------------------------------------------------------------*/
    
    @media (max-width: 1300px) and (min-width:1200px){
    
	#banner {
	  margin-top: 14%;
	}
    
	#navbar a{
	  font-size: 17px;
	}
    
	.ver_mas h3{
	  padding: 7px 22px;
	}
    
	.text-tips{
	  padding: 58px 45px 32px 45px;
	}
    
	#navbar li{
	  margin:52px 0px 0px 15px;
	}

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

	.texto-producto h2{
		font-size: 14px !important;
	}
    
	.text-tips h2{
	  font-size: 27px;
	  padding-bottom: 19px;
	}
    
	#aliados h1{
	  font-size: 26px;
	}
    
	footer p{
	  font-size: 16px;
	}
    
	.texto{
	  bottom: 19%;
	  left: 9%;
	}
    
	#titulo {
	  padding-top: 150px;
	  padding-bottom: 141px;
	  margin-top: 14%;
	}
    
	.text_empresa {
	  padding-top: 6px;
	  padding-left: 9px;
	}
    
	.text_empresa p {
	  line-height: 23px;
	  font-size: 16px;
	}
    
	#empresa {
	  padding: 81px 0px;
	}
    
	.text-filosofia {
	  margin-top: 6%;
	}
    
	.text-filosofia p{
	  line-height: 23px;
	  font-size: 16px;
	}
    
	.tip{
	  padding: 0px 11px;
	}
    
	.text_tips h2{
	  font-size: 22px;
	}
    
	#articulo {
	  margin-top: 19%;
	}
    
	.articulo{
	  padding: 0px 22px;
	}
    
	.ultimas_noticias h1{
	  font-size: 26px;
	}
    
	.ultimas_noticias a{
	  font-size: 16px;
	  margin-top: 6%;
	}
    
	.ultimas_noticias{
	  padding: 59px 20px 78px 20px;
	}
    
	
    }
    
    
    /*-----------------------------------------------------------------------------------------------------------------*/
    
    @media (max-width: 1400px) and (min-width:1301px){
    
	#navbar li{
	  margin:55px 0px 0px 22px;
	}
    
	#banner {
	  margin-top: 13%;
	}

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

	.texto-producto h2{
		font-size: 15px !important;
	}
    
	.ver_mas h3{
	  padding: 7px 22px;
	}
    
	.text-tips{
	  padding: 66px 45px 32px 45px;
	}
    
	#aliados h1{
	  font-size: 27px;
	}
    
	footer p{
	  font-size: 17px;
	}
    
	#titulo{
	  margin-top: 13%;
	  padding-top: 181px;
	  padding-bottom: 155px;
	}
    
	.text_empresa{
	  padding-top: 1px;
	  padding-left: 6px;
	}
    
	.text_empresa p {
	  line-height: 25px;
	  font-size: 17px;
	}
    
	.text-filosofia {
	  margin-top: 5%;
	}
    
	.text-filosofia p {
	  line-height: 25px;
	  font-size: 17px;
	}
    
	.tip{
	  padding: 0px 10px;
	}
    
	.text_tips h2{
	  font-size: 23px;
	}
    
	#articulo {
	  margin-top: 18%;
	}
    
	.articulo{
	  padding: 0px 24px;
	}
    
	.ultimas_noticias a{
	  font-size: 18px;
	  margin-top: 5%;
	}
    
	.articulo h1{
	  font-size: 26px;
	}
    
	.ultimas_noticias h1{
	  font-size: 26px;
	}
    
	#formulario{
	  padding: 0px 35px;
	}
    
	
    
    
    }
    
    /*------------------------------------------------------------------------------------------------------------------*/
    
    @media (max-width: 1500px) and (min-width:1401px){
    
	#navbar li{
	  margin: 49px 0px 0px 26px;
	}
    
	.texto{
	  bottom: 21%;
	  left: 8%;
	}
    
	footer p{
	  font-size: 17px;
	}

	#productos{
		margin-top: 15% !important;
	}
    
	#titulo{
	  padding-top: 168px;
	  padding-bottom: 157px;
	  margin-top: 12%;
	}
    
	.text_empresa {
	  padding-top: 3px;
	  padding-left: 11px;
	}
    
	.text_empresa p {
	  line-height: 26px;
	  font-size: 17px;
	}
    
	.text-filosofia {
	  margin-top: 5%;
	}
    
	.tip{
	  padding: 0px 10px;
	}
    
	.text_tips h2{
	  font-size: 22px;
	}
    
	#aliados h1{
	  font-size: 27px;
	}
    
	#articulo {
	  margin-top: 16%;
	}
    
	.articulo{
	  padding: 0px 20px;
	}
    
    
	.articulo p{
	  font-size: 17px;
	}
    
	.articulo ul li{
	  font-size: 17px;
	}
    
	.ultimas_noticias a{
	  font-size: 16px;
	  margin-bottom: 8px;
	  margin-top: 9%;
	}
    
	.ultimas_noticias h1{
	  font-size: 27px;
	}
    
	.articulo h1{
	  font-size: 26px;
	}
    
	#formulario{
	  padding: 0px 27px;
	}
    
	
    
    }
    
    
    
    @media (max-width: 1600px) and (min-width:1501px){
    
    
	#navbar li{
	  margin: 49px 0px 0px 26px;
	}
    
	.texto{
	  bottom: 21%;
	  left: 8%;
	}

	#productos{
		margin-top: 15% !important;
	}
    
	footer p{
	  font-size: 17px;
	}
    
	#titulo{
	  padding-top: 168px;
	  padding-bottom: 157px;
	  margin-top: 12%;
	}
    
	.text_empresa {
	  padding-top: 3px;
	  padding-left: 11px;
	}
    
	.text_empresa p {
	  line-height: 26px;
	  font-size: 17px;
	}
    
	.text-filosofia {
	  margin-top: 5%;
	}
    
	.tip{
	  padding: 0px 10px;
	}
    
	.text_tips h2{
	  font-size: 22px;
	}
    
	#aliados h1{
	  font-size: 27px;
	}
    
	#articulo {
	  margin-top: 16%;
	}
    
	.articulo{
	  padding: 0px 20px;
	}
    
    
	.articulo p{
	  font-size: 17px;
	}
    
	.articulo ul li{
	  font-size: 17px;
	}
    
	.ultimas_noticias a{
	  font-size: 16px;
	  margin-bottom: 8px;
	  margin-top: 9%;
	}
    
	.ultimas_noticias h1{
	  font-size: 27px;
	}
    
	.articulo h1{
	  font-size: 26px;
	}
    
	#formulario{
	  padding: 0px 27px;
	}
	
    
    
    }
    
    
    @media (max-width: 1700px) and (min-width:1601px){
    
	#navbar li{
	  margin: 49px 0px 0px 54px;
	}
    
	#banner {
	  margin-top: 11%;
	}
    
	#titulo{
	  padding-top: 184px;
	  margin-top: 10%;
	}
    
	.text_empresa {
	  padding-top: 8px;
	  padding-left: 15px;
	}
    
	.text-filosofia {
	  margin-top: 9%;
	}

	#productos{
		margin-top: 15% !important;
	}
    
	footer p{
	  font-size: 17px;
	}
    
	.tip{
	  padding: 0px 11px;
	}
    
	.text_tips h2{
	  font-size: 25px;
	}
    
	#articulo {
	  margin-top: 16%;
	}
    
	.ultimas_noticias a{
	  font-size: 19px;
	  margin-bottom: 10px;
	  margin-top: 6%;
	}
    
	.ultimas_noticias h1{
	  font-size: 27px;
	}
	
    }



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

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


    }