.col-center{
    float: none;
    margin: 0 auto;
}
.producto-celular{
	background-color: #f2f2f2;
	padding-top: 10px;
	padding-bottom: 20px;
}
.producto-celular h1{
	font-family: 'Montserrat', sans-serif;
	font-size: 36px;
	font-weight: 50;
}
.producto-celular h2{
	font-family: 'Montserrat', sans-serif;
	font-size: 25px;
	margin-top: -5px;
}
@media (min-width: 200px) {
	.producto-celular h2{
		margin-top: 15px;
	}
	.producto-celular h1{
		font-size: 32px;
	}
}

@media (min-width: 768px) {
	.producto-celular h2{
		margin-top: 15px;
	}
	.producto-celular h1{
		font-size: 36px;
	}
}

@media (min-width: 992px) {
	.producto-celular h2{
		margin-top: -5px;
	}
	.producto-celular h1{
		font-size: 36px;
	}
}

@media (min-width: 1024px) {
  	.producto-celular h2{
		margin-top: -5px;
	}
	.producto-celular h1{
		font-size: 36px;
	}
}
@media (min-width: 1200px) {
	.producto-celular h2{
		margin-top: -5px;
	}
	.producto-celular h1{
		font-size: 36px;
	}
}
@media (min-width: 2000px) {
	.producto-celular h2{
		margin-top: -5px;
	}
	.producto-celular h1{
		font-size: 36px;
	}
}
.producto-celular a{
	color: #222;
	font-family: Open Sans; 
	font-style: italic;
	/*	padding-top: 35px;*/
}
.producto-celular a:hover{
	color: #222;
}
.producto-celular ul{
	margin-left: -23px;
}
.producto-celular li{
	font-family: Open Sans; 
	list-style: none;
	font-size: 18px;
}
.producto-celular li::before {
	content: ">		";
	display: inline-block; 
	width: 1em;
  	margin-left: -1em;
	color: #F5A800;
}
.poli-trial{
	padding: 0;
}
.poli-trial img{
	width: 200px;
	height: 120px;
}
.btn-muestrario	{
	background-color: #F5A800;
	color:#222;
	font-family: Open Sans; 
	font-size: 18px;
	padding-right: 40px;
	padding-left: 40px;
	padding-top: 10px;
	padding-bottom: 10px;
}
.btn-muestrario:hover	{
	color: #222;
}
.img-anios{
	width: 50%;
	height: 130px;
}
/* ====###############=###=#=##=#=#=#=#=#=#=#=#=#=#=#=#=##=#=#=#=#=#=#=#=# */
.producto-colores{
	background-color: #f2f2f2;
	padding-top: 60px;
	padding-bottom: 60px;
}
.hr {
	margin-top: 20px;
	margin-bottom: 20px;
	border: 0;
	border-top: 2px solid #222;
	text-align: center;
	height: 0px;
	line-height: 0px;
}
.contain-colores{
	padding-top: 40px;
}
/* ====###############=###=#=##=#=#=#=#=#=#=#=#=#=#=#=#=##=#=#=#=#=#=#=#=# */
.header-promocion{
    background-image: url(../img/promocion/banner_promo_mes_2.png);
    /*background-size: 100%;*/
    background-position: center top;
    background-repeat: no-repeat;
    padding-top: 24px;
    /*padding-bottom: 240px;*/
}
@media (min-width: 200px) {
    .header-promocion{
        padding-bottom: 280px;
        background-size: 100% 300px;
    }
}

@media (min-width: 768px) {
    .header-promocion{
        padding-bottom: 280px;
        background-size: 100% 300px;
    }
}

@media (min-width: 992px) {
    .header-promocion{
        padding-bottom: 280px;
        background-size: 100%;
    }
}

@media (min-width: 1024px) {
    .header-promocion{
        padding-bottom: 330px;
        background-size: 100% 360px;
    }
}
@media (min-width: 1200px) {
    .header-promocion{
        padding-bottom: 360px;
        background-size: 100%;
    }
}
@media (min-width: 2000px) {
    .header-promocion{
    	padding-top: 200px;
        padding-bottom: 430px;
        background-size: 100%;
    }
}
@media (min-width: 3000px) {
    .header-promocion{
    	padding-top: 200px;
        padding-bottom: 440px;
        background-size: 100%;
    }
}
.hr-title {
  	background-color: #f2f2f2;
  	font-family: 'Montserrat', sans-serif;
	font-size: 30px;
}
@media (max-width: 740px) {
	.hr {
		margin-top: 20px;
		margin-bottom: 20px;
		border: 0;
		border-top: 2px solid #222;
		text-align: center;
		height: 0px;
		line-height: 0px;
	}
	.hr-title {
	  	background-color: #f2f2f2;
	  	font-family: 'Montserrat', sans-serif;
		font-size: 20px;
	}
}
.producto-interes{
	background-color: #f2f2f2;
	padding-top: 0px;
	padding-bottom: 100px;
}
.container-interes{
	padding-top: 50px;
	padding-left: 100px;
	padding-right: 100px;
}
.producto-interes h3{
	font-family: Open Sans; 
	font-size: 25px;
}
/* =======////////////////////=#############****************$$$$$$*#$*#$* */
.verde_opaco{
	background-color: #00665C;
	height: 70px;
}
.rojo_opaco{
	background-color: #CC3619;
	height: 70px;
}
.cristal{
	background-color: #DEDEDE;
	height: 70px;
}
.humo{
	background-color: #8B8B8B;
	height: 70px;
}
.opalino{
	background-color: #FFF;
	height: 70px;
}
.gris{
	background-color: #808080;
	height: 70px;
}
.hide-bullets ul {
	list-style:none;
	margin-left: -40px;
	margin-top:20px;
}

.hide-bullets li::before {
	content: "";
}
.hide-bullets li a{
	padding-top: 5px;
}
.carousel{
	height: 400px;
}
.carousel-inner{
	height: 400px;
}
.carousel-inner .item img{
	width: 100%;
	height: 400px;
}
.thumbnail a>img, .thumbnail>img {
    margin-right: auto;
    margin-left: auto;
    height: 110px;
    width: 100%;
}
.img-zoom {
    cursor: zoom-in;
}
@media (min-width: 300px) {
	.carousel{
		height: 200px;
	}
	.carousel-inner{
		height: 200px;
	}
	.carousel-inner .item img{
		width: 100%;
		height: 200px;
	}
}
@media (min-width: 375px) {
	.carousel{
		height: 300px;
	}
	.carousel-inner{
		height: 300px;
	}
	.carousel-inner .item img{
		width: 100%;
		height: 300px;
	}
}
@media (min-width: 768px) {
	.carousel{
		height: 400px;
	}
	.carousel-inner{
		height: 400px;
	}
	.carousel-inner .item img{
		width: 100%;
		height: 400px;
	}
}
@media (min-width: 992px) {
	.carousel{
		height: 400px;
	}
	.carousel-inner{
		height: 400px;
	}
	.carousel-inner .item img{
		width: 100%;
		height: 400px;
	}
}
@media (min-width: 1024px) {
  	.carousel{
		height: 400px;
	}
	.carousel-inner{
		height: 400px;
	}
	.carousel-inner .item img{
		width: 100%;
		height: 400px;
	}
}
@media (min-width: 1200px) {
	.carousel{
		height: 400px;
	}
	.carousel-inner{
		height: 400px;
	}
	.carousel-inner .item img{
		width: 100%;
		height: 400px;
	}
}
@media (min-width: 2000px) {
	.carousel{
		height: 400px;
	}
	.carousel-inner{
		height: 400px;
	}
	.carousel-inner .item img{
		width: 100%;
		height: 400px;
	}
}
/* ======/////////////////=/=/=/===///=/==/=/=/====   */
.col-xs-5,

.col-sm-5,

.col-md-5,

.col-lg-5 {

  min-height: 0px; 

  position: relative;

}

.col-xs-5 {

  float: left;

  width: 20%;

}
@media (min-width: 768px) {

  .col-sm-5 {

    float: left;

    width: 20%;

  }

}

@media (min-width: 992px) {

  .col-md-5 {

    float: left;

    width: 20%;

  }

}

@media (min-width: 1200px) {

  .col-lg-5 {

    float: left;

    width: 20%;

  }

}
/* /=/=/=//////////////////////////////////////////=/=/=/ */