@charset "UTF-8";
@font-face{
	font-family: "Raleway Light";
    src: url("../fonts/Raleway-Light.ttf") format("truetype");
}
.principal{
	background:url("../images/sliderhome.png")center center no-repeat;
	cursor:pointer;
	height:576px;
}
.carousel-inner>.item>a>img, .carousel-inner>.item>img, .img-responsive, .thumbnail a>img, .thumbnail>img{
	max-width:none !important;
}
.carousel-caption,.d{
	top: 45px;
    color: #FFF;
	text-align:left;
	left:50%; 
    margin-left: -600px;
}
.carousel-indicators li { visibility: hidden; }
.d{
	position: absolute;
    color: #FFF;
	text-align:center;
	margin-right: auto!important;
	padding-right: 0!important;
	padding-left: 0!important;
	left:50%; 
    margin-left: -550px; 
	height:196px!important;
}
.d div{
	height:196px!important;
	max-width:386px !important;
	margin-right:1.31em;
	padding-top:95px;
	transition:all 0.3s ease;
	-o-transition: all 0.3s ease 0s;
	-webkit-transition: all 0.3s ease 0s;
	-moz-transition: all 0.3s ease 0s;
}
.grow:hover{
	opacity:0.8;
	-webkit-transform: scale(1.1);
	-ms-transform: scale(1.1);
	transform: scale(1.1);
}
.d div span{
	color:#c8c8c8;
	font-family: "Raleway Bold";
	font-size:10pt;
	letter-spacing:0.5px;
}
.d div h4{
	color:#e9eae5;
	font-family: "Raleway Bold";
	font-size:22pt;
	margin-bottom:2px;
}
.carousel-caption h4{
	color:#fff;
	font-family:"Raleway Light";
	font-size:37pt;
	text-shadow:none;
}
.carousel-caption p{
	color:#fff;
	font-family:"OpenSans Bold";
	font-size:13.5pt;
	text-shadow:none;
	letter-spacing:0.6px;
	margin-bottom:1.7em;
}
.carousel-caption a{
	background:#233059;
	color:#fff;
	font-family:"OpenSans Bold";
	font-size:11pt;
	text-shadow:none;
	padding:10px 48px 10px 48px;
	transition: all 0.35s ease 0s;
	-o-transition: all 0.35s ease 0s;
	-webkit-transition: all 0.35s ease 0s;
	-moz-transition: all 0.35s ease 0s;
}
.carousel-caption a:hover{
	color:#2879ca;
	background:#fff;
}
.bgBotonEnvase{
	background:url("../images/btenvases.jpg") center center no-repeat;
}
.bgBotonBomba{
	background:url("../images/btbombas.jpg") center center no-repeat;
}
.bgBotonTapa{
	background:url("../images/bttapas1.jpg") center center no-repeat;
}

@media screen and (max-width: 767px){
	.divBt{
		display:none;
	}
}
.brResponsive{
	display:none;
}
@media (max-width: 767px){
	.carousel-caption,.d {
		left:0;
		margin-left: 25px; 
		width: 95%;
	}
	.d {
		margin-left: 0px; 
		width: 100%;
	}
	.d div {
		margin-right:0em !important;
	}
	.carousel-caption h4{
		font-family:"Raleway Light";
		font-size:30pt;
	}
	.responsiveBR{
		display:none;
	}
	.brResponsive{
		display:block;
	}
}
@media (max-width: 660px){
	.rSeparator{
		display:none;
	}
}
@media (max-width: 530px){
	.carousel-caption h4{
		font-family:"Raleway Light";
		font-size:20pt;
	}
}
@media (max-width: 500px){
	.carousel-caption h4{
		font-family:"Raleway Light";
		font-size:25pt;
	}
}
@media (max-width: 330px){
	.carousel-caption{
		margin-left:5px;
	}
}
@media (min-width: 768px){
	.carousel-caption,.d {
		width: 800px;
		margin-left: -385px; 
	}
	.d div {
		max-width: 322px !important;
		margin-right:0em !important;
	}
}
@media (min-width: 992px){
	
	.carousel-caption,.d {
		width: 1020px;
		margin-left: -495px;  /* 50% del ancho de la div en px */
	}
	.d div {
		max-width: 340px !important;
	}
}
@media (min-width: 1200px){
	.carousel-caption,.d {
		width: 1250px;
		margin-left: -600px; 
	}
	.d div {
		max-width: 386px !important;
		margin-right:1.31em !important;
	}
}

@media (max-width: 470px){
	.d div span{
		color:#c8c8c8;
		font-family: "Raleway Bold";
		font-size:8pt;
		letter-spacing:0.5px;
	}
	.d div h4{
		font-size:15pt;
		margin-bottom:2px;
	}
}
.descripcion{
	padding-top:110px;
	padding-bottom:90px;
	text-align:center;
}
.servicios h4{
	font-family:"Raleway Bold";
	font-size:2.48em;
	margin-bottom:18px;
	text-align:center;
}
.separadorServicios{
	margin-bottom:54px;
	padding-left:180px;
}
.serviciosItem a,.serviciosItemPrimero a,.serviciosItemPrimeroResponsive a ,.serviciosItemResponsive a{
	color:#233059;
	font-family:"Raleway Light";
	font-size:14pt;
	text-align:left;
	padding-top:13px;
	transition:all 0.2s ease-in-out;
}
.serviciosItem a:hover,.serviciosItemPrimero a:hover,.serviciosItemPrimeroResponsive a:hover ,.serviciosItemResponsive a:hover{
	color:#337ab7;
}
.serviciosItemPrimeroResponsive{
	text-align:center;
	padding-top:0px;
}
.serviciosItemResponsive{
	text-align:center;
	padding-top:0px;
}
.serviciosItem{
	padding-left:58px;
}
.serviciosItemPrimero{
	padding-right:56px;
}
.serviciosItem div,.serviciosItemPrimero div{
	margin-bottom:32px;
	text-align:center;
}
.serviciosItem p{
	text-align:left;
}
.serviciosItemPrimero p{
	text-align:right;
	padding-left:0em;
}
.serviciosItemPrimero div img{
	padding-right:7%;
	margin-left:18px;	
	float:right;
}
.serviciosItem div img{
	padding-left:7%;
	margin-right:17px;	
	float:left;
}
.serviciosItemPrimeroResponsive{
	display:none;
}
.serviciosItemPrimero{
	display:block;
}
.serviciosItemResponsive{
	display:none;
}
.serviciosItem{
	display:block;
}
.serviciosItemResponsive a:hover,.serviciosItemResponsive a:active,.serviciosItemResponsive a:visited,.serviciosItemResponsive a:link{
	text-decoration:none;
}
.serviciosItem a:hover,.serviciosItem a:active,.serviciosItem a:visited,.serviciosItem a:link{
	text-decoration:none;
}

.frascosResponsive{position:relative;}
.frascosResponsive img{position:absolute;width: 100%;z-index:1;left:0;top:0; margin-top: -66px;}
.frascosResponsive img.active{z-index:3}

@media (min-width: 768px) and (max-width: 850px){
    .serviciosItem{
            padding-left:0px;
    }
    .serviciosItemPrimero{
            padding-right:0px;
    }
}
@media (min-width: 768px) and (max-width: 991px){
     .frascosResponsive img{top:45px; margin-top: 0px;}
    }
@media (min-width: 992px) and (max-width: 1199px){
 .frascosResponsive img{top:10px; margin-top: 0px;}
}
@media (min-width: 850px) and (max-width: 992px){
    .serviciosItem{
            padding-left:25px;
    }
    .serviciosItemPrimero{
            padding-right:25px;
    }
}
@media (min-width: 993px) and (max-width: 1199px){
     .frascosResponsive img{width: 100%;}
       .serviciosItem{
            padding-left:15px;
    }
     .serviciosItemPrimero{
            padding-right:10px;
    }
    
}
@media (min-width: 768px) and (max-width: 992px){
	.serviciosItem,.serviciosItemPrimero,.serviciosItemPrimeroResponsive,.serviciosItemResponsive{
		font-size:11pt;
	}
        .frascosResponsive img{width: 100%;}
}
@media screen and (max-width: 767px){
        .descripcion{
		padding-top:50px;
		padding-bottom:50px;
	}
	.serviciosItemPrimero,.frascosResponsive{
		display:none;
	}
	.serviciosItemResponsive{
		display:block;
		margin-top:1em;
	}
	.serviciosItem{
		display:none;
	}
}
.productosDestacados{
	color:#233059;
	padding-bottom:65px;
	padding-top:65px;
	padding-left:0em;
	text-align:center;
}
.productosDestacados h4{
	font-family:"Raleway Bold";
	font-size:29.67pt;
	margin-bottom:18px;
	text-align:center;
}
.separadorServicios{
	margin-bottom:54px;
}
.articleDestacado{
	color:#fff !important;
	font-family:"Raleway SemiBold" !important;
	font-size:12pt !important;
	margin-top:15px !important;
	padding-top:15px !important;
}
.articleDestacado h5{
	font-family:"Raleway SemiBold" !important;
	font-size:12pt !important;
}
.articleDestacado p{
	font-family:"Raleway SemiBold" !important;
}
.articleDestacado hr{
	width:10% !important;
	margin-top:0em !important;
}
.imagenDestacado{
	height:286px !important;
}
.articleDestacadoEnvases{
	background:#c5665c;
}
.articleDestacadoBombas{
	background:#8ec19e;
}
.articleDestacadoTapas{
	background:#8ec3d4;
}
.newsTit{
	padding-left:5em;
}
@media screen and (max-width: 992px){
	.newsTit,.separadorServicios{
		padding-left:0em;
	}
	.controls{
		margin-bottom:2em;
	}
}
/*************** carrousel slide ******************/
.carouselServicios{
	box-shadow:none;
}
.col-item
{
    background: #FFF;
}
.col-item .photo img
{
    margin: 0 auto;
    width: 100%;
}
@media (min-width: 1200px){
	.col-item .photo img{
		height: 370px;
	}
}
@media (min-width: 992px) and (max-width:1199px){
	.col-item .photo img{
		height: 303px;
	}
}
@media (min-width: 768px) and (max-width:991px){
	.col-item .photo img{
		height: 230px;
	}
}
@media (max-width: 767px){
	.col-item .photo img:first-child{
		min-height: 450px;
	}
}
@media (max-width: 540px){
	.col-item .photo img:first-child{
		min-height: 250px;
	}
}
.col-item .info{
    padding: 0px;
	margin: 0 auto;
    width: 100%;
    border-radius: 0 0 5px 5px;
    margin-top: 1px;
}
.photo{
	cursor:pointer;
}
.col-item .price{
    width: 100%;
    float: left;
    margin-top: 5px;
	cursor:pointer;
}
.col-item .price h5{
    line-height: 20px;
    margin: 0;
}
.price-text-color{
    color: #505050;
}
.col-item .info .rating{
    color: #777;
}
.col-item .rating{
     float: left;
    font-size: 17px;
    text-align: right;
    line-height: 52px;
    margin-bottom: 10px;
    height: 52px;
}
.col-item .separator{
    border-top: 1px solid #E1E1E1;
}
.clear-left{
    clear: left;
}
.col-item .separator p{
    line-height: 20px;
    margin-bottom: 0;
    margin-top: 10px;
    text-align: center;
}
.col-item .separator p i{
    margin-right: 5px;
}
.col-item .btn-add{
    width: 50%;
    float: left;
}
.col-item .btn-add{
    border-right: 1px solid #E1E1E1;
}
.col-item .btn-details{
    width: 50%;
    float: left;
    padding-left: 10px;
}
.controls{
    margin-top: 20px;	
}
[data-slide="prev"]{
    margin-right: 10px;
	background:url("../images/prev2.jpg")center center no-repeat;
}

[data-slide="next"]{
    margin-right: 10px;
	background:url("../images/next1.jpg")center center no-repeat;
}
.btNews{
	width:21px;
	height:14px;
	padding-left:21px;
	text-decoration:none;
}
.btNews:hover,.btNews:active,.btNews:visited,.btNews:link{
	text-decoration:none;
}
.btNews:hover{
	opacity:0.5;
}
.btNews:active{
	opacity:0.3;
}
.btn-success {
    color: #fff;
    background-color: transparent!important;
    border-color: transparent!important;
}
.btn-success:hover {
    color: #fff;
    background-color: transparent!important;
    border-color: transparent!important;
}
.btn-success:focus {
    color: #fff;
    background-color: transparent!important;
    border-color: transparent!important;
}
.btn-success:active {
    color: #fff;
    background-color: transparent !important;
    border-color: transparent !important;
}
.col-item .photo img:hover{
	opacity:0.80;
}
.col-item .info:hover{
	opacity:0.80;
}
@media (min-width: 768px) and (max-width: 980px){
	.productosDestacados #article1,.productosDestacados #article2, .productosDestacados #article3{
		height:110px;
	}
}
@media screen and (min-width: 768px){
	.rowNews{
		margin-left:0px;
		margin-right:0px;
	}
}
@media screen and (max-width: 767px){
	.col-item .photo img{
		margin: 0 auto;
		width: 90%;
	}
	.col-item .info{
		width: 90%;
		padding:0px !important;
		margin: 0 auto;
		margin-bottom: 1em;
	}
	.containerNews,.productosDestacados{
		padding-right:0px;
		padding-left:0px;
	}
}
@media screen and (max-width: 320px){
	.productosDestacados #article1 p,.productosDestacados #article2 p, .productosDestacados #article3 p{
		font-family:"Raleway SemiBold";
		font-size:10pt;
	}
}